/** * Clay 3.119.1 * * SPDX-FileCopyrightText: © 2020 Liferay, Inc. * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay * * SPDX-License-Identifier: BSD-3-Clause */ /** * Bootstrap v4.4.1 * * SPDX-FileCopyrightText: © 2019 Twitter, Inc. * SPDX-FileCopyrightText: © 2019 The Bootstrap Authors * * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap */ /* Used to store custom Sass variables. This file gets injected into the Bootstrap/Lexicon build, so you can overwrite variables and change how those libraries are compiled */ /* Liferay decided that it was a good idea to redeclare a default variable with the same name as an already existent variable from bootstrap, and make it a list instead of a single item and then use the second item from the list (see clay/variables/_tables.scss). Because we load bootstrap first the sass compilation fails because the bootstrap default has only one item. Here we declare the liferay version of the variable as first (and default) to prevent the error. */ /* First import Bootstrap functions, because we need them in our variables and liferay decides to do this last... */ /* Second import Kadaster-bootstrap functions, because we need them in our variables & fonts */ /* * Add cache-busting for the given url. This adds a unique parameter to the requested url. By doing this, cache will be * invalidated by the browser for each new build. */ /* * Request a theme color with level * This is a variation on the bootstrap function theme-color-level * The level is the percentage of the theme color. * Eg. theme-color-percentage-level("primary", 100) == theme-color("primary") * and theme-color-percentage-level("primary", 0) == $white */ /* imports */ /* ========================================================== ALL COLORS ========================================================== */ /* Gray colors */ /* Secondary colors */ /* Primary color */ /* Misc colors */ /* Status & signal colors */ /* ----------------------------------------------------------- Color Maps ----------------------------------------------------------- * can be used to iterate over. */ /* * Add cache-busting for the given url. This adds a unique parameter to the requested url. By doing this, cache will be * invalidated by the browser for each new build. */ /* * Request a theme color with level * This is a variation on the bootstrap function theme-color-level * The level is the percentage of the theme color. * Eg. theme-color-percentage-level("primary", 100) == theme-color("primary") * and theme-color-percentage-level("primary", 0) == $white */ /* ========================================================== KADASTER-PRIVATE VARIABLES ========================================================== */ /* Color system */ /* Typography */ /* Search results */ /* ========================================================== KADASTER-BOOTSTRAP VARIABLES ========================================================== * Variables should follow the `$component-state-property-size` formula for * consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs. * !! Variables here should always end with ` !default;`, * so that the themes can overwrite these variables. */ /* ----------------------------------------------------------- COLORS ----------------------------------------------------------- * Set a specific jump point for requesting color jumps */ /* ========================================================== ALL COLORS ========================================================== */ /* Gray colors */ /* Secondary colors */ /* Primary color */ /* Misc colors */ /* Status & signal colors */ /* ----------------------------------------------------------- Color Maps ----------------------------------------------------------- * can be used to iterate over. */ /* ----------------------------------------------------------- SPACING ----------------------------------------------------------- * Control the default styling of most Bootstrap elements by modifying these * variables. Mostly focused on spacing. * You can add more entries to the $spacers map, should you need more variation. */ /* spacers 0,1,2 & 4 are already set in bootstrap's variables with the values we need.*/ /* ----------------------------------------------------------- BODY ----------------------------------------------------------- * Settings for the `` element. */ /* ----------------------------------------------------------- LAY-OUT ----------------------------------------------------------- * Global lay-out styling. */ /* Aspect Ratios */ /* Container */ /* 1170px px */ /* 1440px px */ /* ----------------------------------------------------------- Z-INDEX common variables ----------------------------------------------------------- * Not overwriting Bootstraps own Z-indexes! */ /* ----------------------------------------------------------- LINKS ----------------------------------------------------------- * Style anchor elements. */ /* not primary! should not change for private & business */ /* ----------------------------------------------------------- COMPONENTS ----------------------------------------------------------- * Define common padding and border radius sizes and more. */ /* Caret next to dropdown parent item */ /* Caret on top of dropdown menu */ /* ----------------------------------------------------------- TYPOGRAPHY ----------------------------------------------------------- * Font, icons line-height, and color for body text, headings, and more. */ /* Open Sans is the default font-face for all content */ /* open sans bold */ /* auto1 bold */ /* Not primary! Should not change for private & business */ /* Display & Leads */ /* BLOCKQUOTES */ /* AUTO1 FONT */ /* Open Sans gets overwritten by Auto1 for the elements below. * .auto1 class on body will assign these values. */ /* keep this equal to $icon-list-icon-width */ /* ----------------------------------------------------------- BACKGROUND ----------------------------------------------------------- */ /* Background colors map */ /* ----------------------------------------------------------- BUTTONS ----------------------------------------------------------- * For each of Bootstrap's buttons, define text, background, and border color. */ /* Add extra buttons to use next to theme-colors */ /* ----------------------------------------------------------- Buttons + Forms ----------------------------------------------------------- * Shared variables that are reassigned to `$input-` and `$btn-` specific variables. */ /* Forms * / $enable-validation-icons: false !default; /* Makes sure content doesnt move on focus/hover in form fields */ /* 44px */ /* Custom dropdown */ /* Buttons */ /* not primary! This color shouldn't change for private & business */ /* Button icon */ /* Button animation */ /* Allows for customizing button radius independently from global border radius */ /* btn-link variables */ /* disabled buttons */ /* color() to be able to use in btn-variant mixin */ /* btn-link-warning buttons */ /* Input Group */ /* Checkbox */ /* used px instead of rem to mitigate problem of non-integer pixel values, making the indicator not centered in its container. */ /* used px instead of rem to mitigate problem of non-integer pixel values, making the indicator not centered in its container. */ /* custom select field */ /* ----------------------------------------------------------- NAV & NAVBAR & NAVBAR DROPDOWN ----------------------------------------------------------- * Navbar specific styling + its dropdown we're utilizing */ /* Navbar */ /* filter icon with number */ /* basket number */ /* Navs */ /* the .3 value should always be < $navbar-border-width */ /* ----------------------------------------------------------- CARDS ----------------------------------------------------------- * For each of Bootstrap's cards, define text, background, and border color. */ /* Cards - Page intro's & banner - overlay cards */ /* Cards - Calendar card */ /* used for the date font-sizes in the card-calendar */ /* used for date font-sizes in the card-calendar in an overview */ /* Cards - Accordion */ /* Cards - Calendar */ /* Cards - Same height wrapper */ /* Cards - rounded border */ /* 5px */ /* Cards - Base */ /* 44px */ /* icon -itself- 24px */ /* Cards - with fixed body */ /* ----------------------------------------------------------- OVERVIEW (CARDS) ----------------------------------------------------------- */ /* not primary! shouldn't change for private & business */ /* LISTS */ /* LIST GROUP */ /* ----------------------------------------------------------- BANNER ----------------------------------------------------------- * Used as card on image. * See CARDS for card-banner variables */ /* ----------------------------------------------------------- ALERTS ----------------------------------------------------------- * Define alert colors, border radius, and padding. */ /* icon size + padding */ /* We need to use 90% white value (i.e.) of the theme colors for alert BGs and 70% white value for the borders. * The bootstrap mixin 'alert-variant' uses the $theme-color-interval variable (bootstrap value for this variable is 8%, we haven't changed this in our own variables). * Meaning background = 90 / 8 = 11.25 (the 8% variable is used in this calculation) * border color = 70 / 8 = 8.75 */ /* color-10. Minus value triggers white base value. (an absolute/plus number will trigger black base value.) */ /* color-30. Minus value uses white as base */ /* ----------------------------------------------------------- ICON ----------------------------------------------------------- * used for prefix/suffix icons */ /* ----------------------------------------------------------- CLOSE ----------------------------------------------------------- * Generic close button * i.e. used in alert-dismissible */ /* ----------------------------------------------------------- ALERT-DISMISSIBLE ----------------------------------------------------------- * Generic alert dismissible class * i.e. used when an alert has the option to close it */ /* ----------------------------------------------------------- BADGES ----------------------------------------------------------- * Badge tags */ /* ----------------------------------------------------------- TOP TASKS ----------------------------------------------------------- */ /* ----------------------------------------------------------- UTILITIES ----------------------------------------------------------- * Generic utilities */ /* transform rotations */ /* ----------------------------------------------------------- PAGE-INTRO ----------------------------------------------------------- */ /* ----------------------------------------------------------- FOOTER ----------------------------------------------------------- */ /* adheres to portlet margin-bottom in themes */ /* ----------------------------------------------------------- PAGINATION ----------------------------------------------------------- */ /* ----------------------------------------------------------- ORDERED LIST ----------------------------------------------------------- */ /* ----------------------------------------------------------- PROCESS STEPS ----------------------------------------------------------- */ /* ----------------------------------------------------------- NEWS & NEWS CARDS ----------------------------------------------------------- */ /* not primary! shouldn't change for business & private */ /* ----------------------------------------------------------- TOOLTIPS ----------------------------------------------------------- */ /* in px because it's an 'image' */ /* input field height(2.75rem) + input-height(2.75rem) + caret-size(12px) */ /* ----------------------------------------------------------- MODALS ----------------------------------------------------------- */ /* ----------------------------------------------------------- PROGRESS BAR ----------------------------------------------------------- */ /* ----------------------------------------------------------- MYK ----------------------------------------------------------- */ /* MYK header */ /* overlay over all elements except modals, a custom fix for the liferay menu and header can be found in the business theme */ /* MYK menu */ /* 44px right padding to accomodate for close button on mobile */ /* deliberately not NONE - this is used for correct positioning of focus ring */ /* ----------------------------------------------------------- FORM VALIDATION ----------------------------------------------------------- */ /* Replace validation icons when is-valid or is-invalid */ /* ----------------------------------------------------------- MAP TOOLS ----------------------------------------------------------- */ /* MAP LAYER SWITCHER */ /* ----------------------------------------------------------- MO -Favorite Apps ----------------------------------------------------------- */ /* ----------------------------------------------------------- Split buttons ----------------------------------------------------------- */ /* split button container */ /* base split button */ /* active split button (uses base) */ /* hover */ /* focus, uses our default focus btn variables */ /* disabled */ /* ----------------------------------------------------------- Map control buttons ----------------------------------------------------------- */ /* ----------------------------------------------------------- btn icon ----------------------------------------------------------- */ /* ----------------------------------------------------------- Badge Pills ----------------------------------------------------------- */ /* ----------------------------------------------------------- panel-app ----------------------------------------------------------- */ /* ----------------------------------------------------------- Animations ----------------------------------------------------------- */ /* endimports */ /*! * Bootstrap v4.4.1 (https://getbootstrap.com/) * Copyright 2011-2019 The Bootstrap Authors * Copyright 2011-2019 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ :root { --blue: #008dc9; --indigo: #6610f2; --purple: #6d1e70; --pink: #e83e8c; --red: #d52b1e; --orange: #e17020; --yellow: #d9c930; --green: #70a326; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --cobalt-blue: #00387d; --cobalt-blue-75: #406a9e; --cobalt-blue-50: #809cbe; --cobalt-blue-25: #bfcddf; --cobalt-blue-10: #e6ebf2; --cobalt-blue-05: #f2f5f9; --cobalt-blue-03: #f7f9fb; --classic-green: #008296; --violet: #a90261; --violet-40: #dd9ac0; --gold: #ba9e25; --blue-10: #e6f4fa; --blue-30: #b3ddef; --blue-dark: #0075a8; --green-10: #f1f6e9; --green-30: #d4e3be; --green-dark: #547b1c; --orange-10: #fcf1e9; --orange-30: #f6d4bc; --orange-dark: #b4520c; --red-10: #fbeae9; --red-30: #f2bfbc; --red-dark: #ab2218; --black: #000; --gray-03: #f7f7f7; --gray-08: #ebebeb; --gray-18: #d1d1d1; --gray-43: #919191; --gray-58: #6b6b6b; --gray-83: #2b2b2b; --primary: #008296; --secondary: #e6ebf2; --success: #547b1c; --info: #0075a8; --warning: #b4520c; --danger: #ab2218; --light: #ebebeb; --dark: #2b2b2b; --cta: #e17020; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: "Open Sans", Arial, sans-serif; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: "Open Sans", Arial, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.625; color: #2b2b2b; text-align: left; background-color: #fff; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.75rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 600; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #406a9e; text-decoration: underline; background-color: transparent; } a:hover { color: #00387d; text-decoration: underline; } a:not([href]) { color: inherit; text-decoration: none; } a:not([href]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.5rem 1rem; padding-bottom: 0.5rem 1rem; color: #6b6b6b; text-align: left; caption-side: bottom; } th { text-align: inherit; } label { display: inline-block; margin-bottom: 0.625rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, input { overflow: visible; } button, select { text-transform: none; } select { word-wrap: normal; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { padding: 0; border-style: none; } input[type=radio], input[type=checkbox] { box-sizing: border-box; padding: 0; } input[type=date], input[type=time], input[type=datetime-local], input[type=month] { -webkit-appearance: listbox; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.75rem; font-family: "Open Sans", Arial, sans-serif; font-weight: 600; line-height: 1.2; color: #008296; } h1, .h1 { font-size: 2.875rem; } h2, .h2 { font-size: 1.6875rem; } h3, .h3 { font-size: 1.4375rem; } h4, .h4 { font-size: 1.1875rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.375rem; font-weight: 400; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 2.75rem; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 2.75rem; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 2.75rem; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 2.75rem; } hr { margin-top: 1.25rem; margin-bottom: 1.25rem; border: 0; border-top: 1px solid #bfcddf; } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.375rem; } .blockquote-footer { display: block; font-size: 1.1875rem; color: #2b2b2b; } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0; } kbd kbd { padding: 0; font-size: 100%; font-weight: 600; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-right: 0; padding-left: 0; } .col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.3333333333%; } .offset-2 { margin-left: 16.6666666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.3333333333%; } .offset-5 { margin-left: 41.6666666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.3333333333%; } .offset-8 { margin-left: 66.6666666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.3333333333%; } .offset-11 { margin-left: 91.6666666667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-sm-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-sm-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-sm-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-sm-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.3333333333%; } .offset-sm-2 { margin-left: 16.6666666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.3333333333%; } .offset-sm-5 { margin-left: 41.6666666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.3333333333%; } .offset-sm-8 { margin-left: 66.6666666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.3333333333%; } .offset-sm-11 { margin-left: 91.6666666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-md-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-md-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-md-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-md-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.3333333333%; } .offset-md-2 { margin-left: 16.6666666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.3333333333%; } .offset-md-5 { margin-left: 41.6666666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.3333333333%; } .offset-md-8 { margin-left: 66.6666666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.3333333333%; } .offset-md-11 { margin-left: 91.6666666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-lg-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-lg-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-lg-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-lg-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.3333333333%; } .offset-lg-2 { margin-left: 16.6666666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.3333333333%; } .offset-lg-5 { margin-left: 41.6666666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.3333333333%; } .offset-lg-8 { margin-left: 66.6666666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.3333333333%; } .offset-lg-11 { margin-left: 91.6666666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.3333333333%; max-width: 8.3333333333%; } .col-xl-2 { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .col-xl-5 { flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.3333333333%; max-width: 58.3333333333%; } .col-xl-8 { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.3333333333%; max-width: 83.3333333333%; } .col-xl-11 { flex: 0 0 91.6666666667%; max-width: 91.6666666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.3333333333%; } .offset-xl-2 { margin-left: 16.6666666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.3333333333%; } .offset-xl-5 { margin-left: 41.6666666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.3333333333%; } .offset-xl-8 { margin-left: 66.6666666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.3333333333%; } .offset-xl-11 { margin-left: 91.6666666667%; } } .table { width: 100%; margin-bottom: 1rem; color: #2b2b2b; } .table th, .table td { padding: 0.5rem 1rem; vertical-align: top; border-top: 1px solid #d1d1d1; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #d1d1d1; } .table tbody + tbody { border-top: 2px solid #d1d1d1; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #d1d1d1; } .table-bordered th, .table-bordered td { border: 1px solid #d1d1d1; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: #2b2b2b; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #b8dce2; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #7abec8; } .table-hover .table-primary:hover { background-color: #a6d3db; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #a6d3db; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #f8f9fb; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #f2f5f8; } .table-hover .table-secondary:hover { background-color: #e8ebf2; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #e8ebf2; } .table-success, .table-success > th, .table-success > td { background-color: #cfdabf; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #a6ba89; } .table-hover .table-success:hover { background-color: #c3d1af; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #c3d1af; } .table-info, .table-info > th, .table-info > td { background-color: #b8d8e7; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #7ab7d2; } .table-hover .table-info:hover { background-color: #a5cee1; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #a5cee1; } .table-warning, .table-warning > th, .table-warning > td { background-color: #eacfbb; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #d8a581; } .table-hover .table-warning:hover { background-color: #e4c1a8; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #e4c1a8; } .table-danger, .table-danger > th, .table-danger > td { background-color: #e7c1be; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #d38c87; } .table-hover .table-danger:hover { background-color: #e0afab; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #e0afab; } .table-light, .table-light > th, .table-light > td { background-color: #f9f9f9; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: whitesmoke; } .table-hover .table-light:hover { background-color: #ececec; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececec; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c4c4c4; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #919191; } .table-hover .table-dark:hover { background-color: #b7b7b7; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b7b7b7; } .table-cta, .table-cta > th, .table-cta > td { background-color: #f7d7c1; } .table-cta th, .table-cta td, .table-cta thead th, .table-cta tbody + tbody { border-color: #efb58b; } .table-hover .table-cta:hover { background-color: #f4c8aa; } .table-hover .table-cta:hover > td, .table-hover .table-cta:hover > th { background-color: #f4c8aa; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #d1d1d1; } .table-dark { color: #fff; background-color: #343a40; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: 2.75rem; padding: 0.625rem 1rem; font-size: 1rem; font-weight: 400; line-height: 1.625; color: #495057; background-color: #fff; background-clip: padding-box; border: 0.0625rem solid #406a9e; border-radius: 0.1875rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .form-control:focus { color: #495057; background-color: #fff; border-color: #008dc9; outline: 0; box-shadow: 0 3px 6px #008dc9; } .form-control::placeholder { color: #6b6b6b; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #ebebeb; opacity: 1; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .col-form-label { padding-top: 0.6875rem; padding-bottom: 0.6875rem; margin-bottom: 0; font-size: inherit; line-height: 1.625; } .col-form-label-lg { padding-top: 0.5625rem; padding-bottom: 0.5625rem; font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: 0.125rem; padding-bottom: 0.125rem; font-size: 1rem; line-height: 1.375; } .form-control-plaintext { display: block; width: 100%; padding: 0.625rem 0; margin-bottom: 0; font-size: 1rem; line-height: 1.625; color: #2b2b2b; background-color: transparent; border: solid transparent; border-width: 0.0625rem 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.375em + 0.25rem); padding: 0.0625rem 0.75rem; font-size: 1rem; line-height: 1.375; border-radius: 0; } .form-control-lg { height: calc(1.5em + 1.125rem); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*=col-] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { color: #6b6b6b; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #547b1c; } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.625; color: #fff; background-color: rgba(84, 123, 28, 0.9); border-radius: 0; } .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: #547b1c; padding-right: calc(1.625em + 1.25rem); background-image: unset; background-repeat: no-repeat; background-position: right calc(0.40625em + 0.3125rem) center; background-size: calc(0.8125em + 0.625rem) calc(0.8125em + 0.625rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #547b1c; box-shadow: 0 0 0 0.1875rem rgba(84, 123, 28, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.625em + 1.25rem); background-position: top calc(0.40625em + 0.3125rem) right calc(0.40625em + 0.3125rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #547b1c; padding-right: calc(0.75em + 2.9375rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3e%3cpath fill='%23406a9e' d='M288 288H32c-28.4 0-42.8 34.5-22.6 54.6l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c20-20.1 5.7-54.6-22.7-54.6zM160 448L32 320h256L160 448zM32 224h256c28.4 0 42.8-34.5 22.6-54.6l-128-128c-12.5-12.5-32.8-12.5-45.3 0l-128 128C-10.7 189.5 3.6 224 32 224zM160 64l128 128H32L160 64z' /%3e%3c/svg%3e") no-repeat right 1rem center/20px 20px, unset #fff no-repeat center right 2rem/calc(0.8125em + 0.625rem) calc(0.8125em + 0.625rem); } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #547b1c; box-shadow: 0 0 0 0.1875rem rgba(84, 123, 28, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #547b1c; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #547b1c; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #547b1c; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #70a525; background-color: #70a525; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.1875rem rgba(84, 123, 28, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #547b1c; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #547b1c; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #547b1c; box-shadow: 0 0 0 0.1875rem rgba(84, 123, 28, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #ab2218; } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.625; color: #fff; background-color: rgba(171, 34, 24, 0.9); border-radius: 0; } .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: #ab2218; padding-right: calc(1.625em + 1.25rem); background-image: unset; background-repeat: no-repeat; background-position: right calc(0.40625em + 0.3125rem) center; background-size: calc(0.8125em + 0.625rem) calc(0.8125em + 0.625rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #ab2218; box-shadow: 0 0 0 0.1875rem rgba(171, 34, 24, 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.625em + 1.25rem); background-position: top calc(0.40625em + 0.3125rem) right calc(0.40625em + 0.3125rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #ab2218; padding-right: calc(0.75em + 2.9375rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3e%3cpath fill='%23406a9e' d='M288 288H32c-28.4 0-42.8 34.5-22.6 54.6l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c20-20.1 5.7-54.6-22.7-54.6zM160 448L32 320h256L160 448zM32 224h256c28.4 0 42.8-34.5 22.6-54.6l-128-128c-12.5-12.5-32.8-12.5-45.3 0l-128 128C-10.7 189.5 3.6 224 32 224zM160 64l128 128H32L160 64z' /%3e%3c/svg%3e") no-repeat right 1rem center/20px 20px, unset #fff no-repeat center right 2rem/calc(0.8125em + 0.625rem) calc(0.8125em + 0.625rem); } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #ab2218; box-shadow: 0 0 0 0.1875rem rgba(171, 34, 24, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #ab2218; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #ab2218; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #ab2218; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #d82b1e; background-color: #d82b1e; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.1875rem rgba(171, 34, 24, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #ab2218; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #ab2218; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #ab2218; box-shadow: 0 0 0 0.1875rem rgba(171, 34, 24, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 700; color: #2b2b2b; text-align: center; white-space: normal; vertical-align: middle; cursor: pointer; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 1.5rem; font-size: 1rem; line-height: 1.625; border-radius: 0.3rem; 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: #2b2b2b; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0.0625rem 0.375rem #008dc9; } .btn.disabled, .btn:disabled { opacity: 1; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #008296; border-color: #008296; } .btn-primary:hover { color: #fff; background-color: #006170; border-color: #005663; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #006170; border-color: #005663; box-shadow: 0 0 0 0.1875rem rgba(38, 149, 166, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #008296; border-color: #008296; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #005663; border-color: #004b56; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(38, 149, 166, 0.5); } .btn-secondary { color: #212529; background-color: #e6ebf2; border-color: #e6ebf2; } .btn-secondary:hover { color: #212529; background-color: #cdd7e5; border-color: #c4d0e1; } .btn-secondary:focus, .btn-secondary.focus { color: #212529; background-color: #cdd7e5; border-color: #c4d0e1; box-shadow: 0 0 0 0.1875rem rgba(200, 205, 212, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #212529; background-color: #e6ebf2; border-color: #e6ebf2; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #212529; background-color: #c4d0e1; border-color: #bcc9dc; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(200, 205, 212, 0.5); } .btn-success { color: #fff; background-color: #547b1c; border-color: #547b1c; } .btn-success:hover { color: #fff; background-color: #3f5c15; border-color: #385113; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #3f5c15; border-color: #385113; box-shadow: 0 0 0 0.1875rem rgba(110, 143, 62, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #547b1c; border-color: #547b1c; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #385113; border-color: #314710; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(110, 143, 62, 0.5); } .btn-info { color: #fff; background-color: #0075a8; border-color: #0075a8; } .btn-info:hover { color: #fff; background-color: #005a82; border-color: #005175; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #005a82; border-color: #005175; box-shadow: 0 0 0 0.1875rem rgba(38, 138, 181, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #0075a8; border-color: #0075a8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #005175; border-color: #004968; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(38, 138, 181, 0.5); } .btn-warning { color: #fff; background-color: #b4520c; border-color: #b4520c; } .btn-warning:hover { color: #fff; background-color: #90420a; border-color: #843c09; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #90420a; border-color: #843c09; box-shadow: 0 0 0 0.1875rem rgba(191, 108, 48, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #fff; background-color: #b4520c; border-color: #b4520c; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #fff; background-color: #843c09; border-color: #783708; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(191, 108, 48, 0.5); } .btn-danger { color: #fff; background-color: #ab2218; border-color: #ab2218; } .btn-danger:hover { color: #fff; background-color: #891b13; border-color: #7e1912; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #891b13; border-color: #7e1912; box-shadow: 0 0 0 0.1875rem rgba(184, 67, 59, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #ab2218; border-color: #ab2218; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #7e1912; border-color: #731710; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(184, 67, 59, 0.5); } .btn-light { color: #212529; background-color: #ebebeb; border-color: #ebebeb; } .btn-light:hover { color: #212529; background-color: #d8d8d8; border-color: #d2d2d2; } .btn-light:focus, .btn-light.focus { color: #212529; background-color: #d8d8d8; border-color: #d2d2d2; box-shadow: 0 0 0 0.1875rem rgba(205, 205, 206, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #ebebeb; border-color: #ebebeb; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #d2d2d2; border-color: #cbcbcb; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(205, 205, 206, 0.5); } .btn-dark { color: #fff; background-color: #2b2b2b; border-color: #2b2b2b; } .btn-dark:hover { color: #fff; background-color: #181818; border-color: #121212; } .btn-dark:focus, .btn-dark.focus { color: #fff; background-color: #181818; border-color: #121212; box-shadow: 0 0 0 0.1875rem rgba(75, 75, 75, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #2b2b2b; border-color: #2b2b2b; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #121212; border-color: #0b0b0b; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(75, 75, 75, 0.5); } .btn-cta { color: #fff; background-color: #e17020; border-color: #e17020; } .btn-cta:hover { color: #fff; background-color: #c15f1a; border-color: #b65a18; } .btn-cta:focus, .btn-cta.focus { color: #fff; background-color: #c15f1a; border-color: #b65a18; box-shadow: 0 0 0 0.1875rem rgba(230, 133, 65, 0.5); } .btn-cta.disabled, .btn-cta:disabled { color: #fff; background-color: #e17020; border-color: #e17020; } .btn-cta:not(:disabled):not(.disabled):active, .btn-cta:not(:disabled):not(.disabled).active, .show > .btn-cta.dropdown-toggle { color: #fff; background-color: #b65a18; border-color: #aa5417; } .btn-cta:not(:disabled):not(.disabled):active:focus, .btn-cta:not(:disabled):not(.disabled).active:focus, .show > .btn-cta.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(230, 133, 65, 0.5); } .btn-outline-primary { color: #008296; border-color: #008296; } .btn-outline-primary:hover { color: #fff; background-color: #008296; border-color: #008296; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.1875rem rgba(0, 130, 150, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #008296; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #008296; border-color: #008296; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(0, 130, 150, 0.5); } .btn-outline-secondary { color: #e6ebf2; border-color: #e6ebf2; } .btn-outline-secondary:hover { color: #212529; background-color: #e6ebf2; border-color: #e6ebf2; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.1875rem rgba(230, 235, 242, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #e6ebf2; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #212529; background-color: #e6ebf2; border-color: #e6ebf2; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(230, 235, 242, 0.5); } .btn-outline-success { color: #547b1c; border-color: #547b1c; } .btn-outline-success:hover { color: #fff; background-color: #547b1c; border-color: #547b1c; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.1875rem rgba(84, 123, 28, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #547b1c; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #547b1c; border-color: #547b1c; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(84, 123, 28, 0.5); } .btn-outline-info { color: #0075a8; border-color: #0075a8; } .btn-outline-info:hover { color: #fff; background-color: #0075a8; border-color: #0075a8; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.1875rem rgba(0, 117, 168, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #0075a8; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #0075a8; border-color: #0075a8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(0, 117, 168, 0.5); } .btn-outline-warning { color: #b4520c; border-color: #b4520c; } .btn-outline-warning:hover { color: #fff; background-color: #b4520c; border-color: #b4520c; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.1875rem rgba(180, 82, 12, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #b4520c; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #fff; background-color: #b4520c; border-color: #b4520c; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(180, 82, 12, 0.5); } .btn-outline-danger { color: #ab2218; border-color: #ab2218; } .btn-outline-danger:hover { color: #fff; background-color: #ab2218; border-color: #ab2218; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.1875rem rgba(171, 34, 24, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #ab2218; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #ab2218; border-color: #ab2218; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(171, 34, 24, 0.5); } .btn-outline-light { color: #ebebeb; border-color: #ebebeb; } .btn-outline-light:hover { color: #212529; background-color: #ebebeb; border-color: #ebebeb; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.1875rem rgba(235, 235, 235, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #ebebeb; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #ebebeb; border-color: #ebebeb; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(235, 235, 235, 0.5); } .btn-outline-dark { color: #2b2b2b; border-color: #2b2b2b; } .btn-outline-dark:hover { color: #fff; background-color: #2b2b2b; border-color: #2b2b2b; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.1875rem rgba(43, 43, 43, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #2b2b2b; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #2b2b2b; border-color: #2b2b2b; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(43, 43, 43, 0.5); } .btn-outline-cta { color: #e17020; border-color: #e17020; } .btn-outline-cta:hover { color: #fff; background-color: #e17020; border-color: #e17020; } .btn-outline-cta:focus, .btn-outline-cta.focus { box-shadow: 0 0 0 0.1875rem rgba(225, 112, 32, 0.5); } .btn-outline-cta.disabled, .btn-outline-cta:disabled { color: #e17020; background-color: transparent; } .btn-outline-cta:not(:disabled):not(.disabled):active, .btn-outline-cta:not(:disabled):not(.disabled).active, .show > .btn-outline-cta.dropdown-toggle { color: #fff; background-color: #e17020; border-color: #e17020; } .btn-outline-cta:not(:disabled):not(.disabled):active:focus, .btn-outline-cta:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-cta.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(225, 112, 32, 0.5); } .btn-link { font-weight: 400; color: #406a9e; text-decoration: underline; } .btn-link:hover { color: #00387d; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; box-shadow: none; } .btn-link:disabled, .btn-link.disabled { color: #919191; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.0625rem 0.75rem; font-size: 1rem; line-height: 1.375; border-radius: 0.187rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; 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.3723rem; vertical-align: 0.3723rem; content: ""; border-top: 0.438rem solid; border-right: 0.438rem solid transparent; border-bottom: 0; border-left: 0.438rem solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #2b2b2b; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.3723rem; vertical-align: 0.3723rem; content: ""; border-top: 0; border-right: 0.438rem solid transparent; border-bottom: 0.438rem solid; border-left: 0.438rem 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.3723rem; vertical-align: 0.3723rem; content: ""; border-top: 0.438rem solid transparent; border-right: 0; border-bottom: 0.438rem solid transparent; border-left: 0.438rem 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.3723rem; vertical-align: 0.3723rem; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.3723rem; vertical-align: 0.3723rem; content: ""; border-top: 0.438rem solid transparent; border-right: 0.438rem solid; border-bottom: 0.438rem solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #008296; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 1.125rem; padding-left: 1.125rem; } .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.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 0%; min-width: 0; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -0.0625rem; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -0.0625rem; } .input-group-prepend { margin-right: -0.0625rem; } .input-group-append { margin-left: -0.0625rem; } .input-group-text { display: flex; align-items: center; padding: 0.625rem 1rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.625; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 0.0625rem solid #406a9e; border-radius: 0.1875rem; } .input-group-text input[type=radio], .input-group-text input[type=checkbox] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1.125rem); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.375em + 0.25rem); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.0625rem 0.75rem; font-size: 1rem; line-height: 1.375; border-radius: 0; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 2rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; display: block; min-height: 1.625rem; padding-left: 4rem; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 2rem; height: 1.8125rem; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #0075a8; border-color: #0075a8; background-color: #e6f4fa; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 3px 6px #008dc9; } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #008dc9; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #4ae7ff; border-color: #0075a8; } .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #ebebeb; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: -0.1875rem; left: -4rem; display: block; width: 2rem; height: 2rem; pointer-events: none; content: ""; background-color: #fff; border: #0075a8 solid 0.0625rem; } .custom-control-label::after { position: absolute; top: -0.1875rem; left: -4rem; display: block; width: 2rem; height: 2rem; content: ""; background: no-repeat 50%/50%/0.75rem 0.75rem; } .custom-checkbox .custom-control-label::before { border-radius: 0.313rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: none; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #008296; background-color: #008296; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%230075a8' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 130, 150, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(0, 130, 150, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230075a8'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 130, 150, 0.5); } .custom-switch { padding-left: 5.5rem; } .custom-switch .custom-control-label::before { left: -5.5rem; width: 3.5rem; pointer-events: all; border-radius: 1rem; } .custom-switch .custom-control-label::after { top: -0.0625rem; left: -5.375rem; width: 1.75rem; height: 1.75rem; background-color: #0075a8; border-radius: 1rem; transition: transform 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) { .custom-switch .custom-control-label::after { transition: none; } } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(1.5rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 130, 150, 0.5); } .custom-select { display: inline-block; width: 100%; height: 2.75rem; padding: 0.625rem 2rem 0.625rem 1rem; font-size: 1rem; font-weight: 400; line-height: 1.625; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3e%3cpath fill='%23406a9e' d='M288 288H32c-28.4 0-42.8 34.5-22.6 54.6l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c20-20.1 5.7-54.6-22.7-54.6zM160 448L32 320h256L160 448zM32 224h256c28.4 0 42.8-34.5 22.6-54.6l-128-128c-12.5-12.5-32.8-12.5-45.3 0l-128 128C-10.7 189.5 3.6 224 32 224zM160 64l128 128H32L160 64z' /%3e%3c/svg%3e") no-repeat right 1rem center/20px 20px; border: 0.0625rem solid #406a9e; border-radius: 0.1875rem; appearance: none; } .custom-select:focus { border-color: #008dc9; outline: 0; box-shadow: 0 0 0 0.1875rem #008dc9; } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 1rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; } .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .custom-select-sm { height: calc(1.375em + 0.25rem); padding-top: 0.0625rem; padding-bottom: 0.0625rem; padding-left: 0.75rem; font-size: 1rem; } .custom-select-lg { height: calc(1.5em + 1.125rem); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: 2.75rem; margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: 2.75rem; margin: 0; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #008dc9; box-shadow: 0 3px 6px #008dc9; } .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { background-color: #ebebeb; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: 2.75rem; padding: 0.625rem 1rem; font-weight: 400; line-height: 1.625; color: #495057; background-color: #fff; border: 0.0625rem solid #406a9e; border-radius: 0.1875rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.625em + 1.25rem); padding: 0.625rem 1rem; line-height: 1.625; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.1875rem 0.1875rem 0; } .custom-range { width: 100%; height: 1.375rem; padding: 0; background-color: transparent; appearance: none; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 3px 6px #008dc9; } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 3px 6px #008dc9; } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 3px 6px #008dc9; } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #008296; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: #4ae7ff; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #008296; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { transition: none; } } .custom-range::-moz-range-thumb:active { background-color: #4ae7ff; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.1875rem; margin-left: 0.1875rem; background-color: #008296; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { transition: none; } } .custom-range::-ms-thumb:active { background-color: #4ae7ff; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before, .custom-file-label, .custom-select { transition: none; } } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #008296; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0 0; } .navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.296875rem; padding-bottom: 0.296875rem; margin-right: 0; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' 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.5); } .navbar-dark .navbar-text a { color: #fff; } .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 #bfcddf; border-radius: 5px; } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; } .card > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .card-body { flex: 1 1 auto; min-height: 1px; padding: 1.5rem; color: inherit; } .card-title { margin-bottom: 1.5rem; } .card-subtitle { margin-top: -0.75rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1.5rem; } .card-header { padding: 1.5rem 1.5rem; margin-bottom: 0; color: inherit; background-color: inherit; border-bottom: 1px solid #bfcddf; } .card-header:first-child { border-radius: 4px 4px 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-footer { padding: 1.5rem 1.5rem; background-color: inherit; border-top: 1px solid #bfcddf; } .card-footer:last-child { border-radius: 0 0 4px 4px; } .card-header-tabs { margin-right: -0.75rem; margin-bottom: -1.5rem; margin-left: -0.75rem; border-bottom: 0; } .card-header-pills { margin-right: -0.75rem; margin-left: -0.75rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; } .card-img, .card-img-top, .card-img-bottom { flex-shrink: 0; width: 100%; } .card-img, .card-img-top { border-top-left-radius: 4px; border-top-right-radius: 4px; } .card-img, .card-img-bottom { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { display: flex; flex-flow: row wrap; margin-right: -15px; margin-left: -15px; } .card-deck .card { flex: 1 0 0%; margin-right: 15px; margin-bottom: 0; margin-left: 15px; } } .card-group > .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 1.5rem; } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion > .card { overflow: hidden; } .accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0; } .page-link { position: relative; display: block; padding: 0 0; margin-left: -1px; line-height: 1.5; color: #008296; background-color: #fff; border: 1px solid #bfe0e5; } .page-link:hover { z-index: 2; color: #406a9e; text-decoration: none; background-color: #fff; border-color: #bfe0e5; } .page-link:focus { z-index: 3; outline: 0; box-shadow: 0 3px 6px #008dc9; } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .page-item:last-child .page-link { border-top-right-radius: 0; border-bottom-right-radius: 0; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #008296; border-color: #008296; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.375; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0; border-bottom-left-radius: 0; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0; border-bottom-right-radius: 0; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 1rem; font-weight: 600; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; 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) { .badge { transition: none; } } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 8px; padding-left: 8px; border-radius: 18px; } .badge-primary { color: #fff; background-color: #008296; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #005663; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.1875rem rgba(0, 130, 150, 0.5); } .badge-secondary { color: #212529; background-color: #e6ebf2; } a.badge-secondary:hover, a.badge-secondary:focus { color: #212529; background-color: #c4d0e1; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.1875rem rgba(230, 235, 242, 0.5); } .badge-success { color: #fff; background-color: #547b1c; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #385113; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.1875rem rgba(84, 123, 28, 0.5); } .badge-info { color: #fff; background-color: #0075a8; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #005175; } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.1875rem rgba(0, 117, 168, 0.5); } .badge-warning { color: #fff; background-color: #b4520c; } a.badge-warning:hover, a.badge-warning:focus { color: #fff; background-color: #843c09; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.1875rem rgba(180, 82, 12, 0.5); } .badge-danger { color: #fff; background-color: #ab2218; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #7e1912; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.1875rem rgba(171, 34, 24, 0.5); } .badge-light { color: #212529; background-color: #ebebeb; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #d2d2d2; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.1875rem rgba(235, 235, 235, 0.5); } .badge-dark { color: #fff; background-color: #2b2b2b; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #121212; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.1875rem rgba(43, 43, 43, 0.5); } .badge-cta { color: #fff; background-color: #e17020; } a.badge-cta:hover, a.badge-cta:focus { color: #fff; background-color: #b65a18; } a.badge-cta:focus, a.badge-cta.focus { outline: 0; box-shadow: 0 0 0 0.1875rem rgba(225, 112, 32, 0.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: 0.3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert, .portlet-msg-alert, .portlet-msg-error, .portlet-msg-help, .portlet-msg-info, .portlet-msg-progress, .portlet-msg-success { position: relative; padding: 1.25rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 5px; } .alert-heading { color: inherit; } .alert-link { font-weight: 600; } .alert-dismissible { padding-right: 3.5rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; padding: 1.25rem 1.25rem; color: inherit; } .alert-primary { color: #00444e; background-color: #e6f3f5; border-color: #b3dae0; } .alert-primary hr { border-top-color: #a1d1d9; } .alert-primary .alert-link { color: #00181b; } .alert-secondary { color: #787a7e; background-color: #fdfdfe; border-color: #f8f9fb; } .alert-secondary hr { border-top-color: #e8ebf2; } .alert-secondary .alert-link { color: #5f6164; } .alert-success, .portlet-msg-success { color: #2c400f; background-color: #eef2e8; border-color: #ccd7bb; } .alert-success hr, .portlet-msg-success hr { border-top-color: #c0ceab; } .alert-success .alert-link, .portlet-msg-success .alert-link { color: #101705; } .alert-info, .portlet-msg-help, .portlet-msg-info, .portlet-msg-progress { color: #003d57; background-color: #e6f1f6; border-color: #b3d6e5; } .alert-info hr, .portlet-msg-help hr, .portlet-msg-info hr, .portlet-msg-progress hr { border-top-color: #a0ccdf; } .alert-info .alert-link, .portlet-msg-help .alert-link, .portlet-msg-info .alert-link, .portlet-msg-progress .alert-link { color: #001924; } .alert-warning, .portlet-msg-alert { color: #5e2b06; background-color: #f8eee7; border-color: #e9cbb6; } .alert-warning hr, .portlet-msg-alert hr { border-top-color: #e3bda2; } .alert-warning .alert-link, .portlet-msg-alert .alert-link { color: #2e1503; } .alert-danger, .portlet-msg-error { color: #59120c; background-color: #f7e9e8; border-color: #e6bdba; } .alert-danger hr, .portlet-msg-error hr { border-top-color: #dfaba7; } .alert-danger .alert-link, .portlet-msg-error .alert-link { color: #2c0906; } .alert-light { color: #7a7a7a; background-color: #fdfdfd; border-color: #f9f9f9; } .alert-light hr { border-top-color: #ececec; } .alert-light .alert-link { color: #616161; } .alert-dark { color: #161616; background-color: #eaeaea; border-color: #bfbfbf; } .alert-dark hr { border-top-color: #b2b2b2; } .alert-dark .alert-link { color: black; } .alert-cta { color: #753a11; background-color: #fcf1e9; border-color: #f6d4bc; } .alert-cta hr { border-top-color: #f3c6a6; } .alert-cta .alert-link { color: #48240b; } @keyframes progress-bar-stripes { from { background-position: 0.5rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 0.5rem; overflow: hidden; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #0075a8; 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: 0.5rem 0.5rem; } .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: none; } .list-group-item-action:active { color: #2b2b2b; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.5rem 0.5rem; background-color: #fff; border: 1px solid #fff; } .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .list-group-item:last-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #008296; border-color: #008296; } .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:first-child { border-bottom-left-radius: 0; border-top-right-radius: 0; } .list-group-horizontal .list-group-item:last-child { border-top-right-radius: 0; border-bottom-left-radius: 0; } .list-group-horizontal .list-group-item.active { margin-top: 0; } .list-group-horizontal .list-group-item + .list-group-item { border-top-width: 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:first-child { border-bottom-left-radius: 0; border-top-right-radius: 0; } .list-group-horizontal-sm .list-group-item:last-child { border-top-right-radius: 0; border-bottom-left-radius: 0; } .list-group-horizontal-sm .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm .list-group-item + .list-group-item { border-top-width: 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:first-child { border-bottom-left-radius: 0; border-top-right-radius: 0; } .list-group-horizontal-md .list-group-item:last-child { border-top-right-radius: 0; border-bottom-left-radius: 0; } .list-group-horizontal-md .list-group-item.active { margin-top: 0; } .list-group-horizontal-md .list-group-item + .list-group-item { border-top-width: 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:first-child { border-bottom-left-radius: 0; border-top-right-radius: 0; } .list-group-horizontal-lg .list-group-item:last-child { border-top-right-radius: 0; border-bottom-left-radius: 0; } .list-group-horizontal-lg .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg .list-group-item + .list-group-item { border-top-width: 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:first-child { border-bottom-left-radius: 0; border-top-right-radius: 0; } .list-group-horizontal-xl .list-group-item:last-child { border-top-right-radius: 0; border-bottom-left-radius: 0; } .list-group-horizontal-xl .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0; } .list-group-horizontal-xl .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; } } .list-group-flush .list-group-item { border-right-width: 0; border-left-width: 0; border-radius: 0; } .list-group-flush .list-group-item:first-child { border-top-width: 0; } .list-group-flush:last-child .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: #00444e; background-color: #b8dce2; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #00444e; background-color: #a6d3db; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #00444e; border-color: #00444e; } .list-group-item-secondary { color: #787a7e; background-color: #f8f9fb; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #787a7e; background-color: #e8ebf2; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #787a7e; border-color: #787a7e; } .list-group-item-success { color: #2c400f; background-color: #cfdabf; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #2c400f; background-color: #c3d1af; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #2c400f; border-color: #2c400f; } .list-group-item-info { color: #003d57; background-color: #b8d8e7; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #003d57; background-color: #a5cee1; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #003d57; border-color: #003d57; } .list-group-item-warning { color: #5e2b06; background-color: #eacfbb; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #5e2b06; background-color: #e4c1a8; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #5e2b06; border-color: #5e2b06; } .list-group-item-danger { color: #59120c; background-color: #e7c1be; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #59120c; background-color: #e0afab; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #59120c; border-color: #59120c; } .list-group-item-light { color: #7a7a7a; background-color: #f9f9f9; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #7a7a7a; background-color: #ececec; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #7a7a7a; border-color: #7a7a7a; } .list-group-item-dark { color: #161616; background-color: #c4c4c4; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #161616; background-color: #b7b7b7; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #161616; border-color: #161616; } .list-group-item-cta { color: #753a11; background-color: #f7d7c1; } .list-group-item-cta.list-group-item-action:hover, .list-group-item-cta.list-group-item-action:focus { color: #753a11; background-color: #f4c8aa; } .list-group-item-cta.list-group-item-action.active { color: #fff; background-color: #753a11; border-color: #753a11; } .close { float: right; font-size: 1rem; font-weight: 400; line-height: 1; color: #2b2b2b; text-shadow: 0 1px 0 #fff; opacity: 0.5; } .close:hover { color: #2b2b2b; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: 0.75; } button.close { padding: 0; background-color: transparent; border: 0; appearance: none; } a.close.disabled { pointer-events: none; } .toast { max-width: 350px; overflow: hidden; 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.25rem 0.75rem rgba(0, 0, 0, 0.1); backdrop-filter: blur(10px); opacity: 0; border-radius: 0.25rem; } .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.25rem 0.75rem; color: #6c757d; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .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; 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 { display: flex; max-height: 100%; } .modal-dialog-scrollable .modal-content { max-height: 100vh; overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: 100%; } .modal-dialog-centered::before { display: block; height: 100vh; content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #e6ebf2; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.8; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 2rem 2rem 0.75rem 2rem; border-bottom: 1px solid #d1d1d1; border-top-left-radius: -1px; border-top-right-radius: -1px; } .modal-header .close { padding: 2rem 2rem 0.75rem 2rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.625; } .modal-body { position: relative; flex: 1 1 auto; padding: 2rem; } .modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 1.75rem; border-top: 1px solid #d1d1d1; border-bottom-right-radius: -1px; border-bottom-left-radius: -1px; } .modal-footer > * { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: "Open Sans", Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.625; 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 .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .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 .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: "Open Sans", Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.625; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .arrow::before, .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 > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { bottom: calc(-0.5rem - 1px); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .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 > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { left: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .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 > .arrow::after, .bs-popover-auto[x-placement^=right] > .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 > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { top: calc(-0.5rem - 1px); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .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 > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^=left] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { right: calc(-0.5rem - 1px); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .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 > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; color: #008296; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #2b2b2b; } .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%; 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: 20px; height: 20px; background: no-repeat 50%/100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 15; 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: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } @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%; animation: spinner-border 0.75s linear infinite; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: text-bottom; background-color: currentColor; border-radius: 50%; opacity: 0; animation: spinner-grow 0.75s linear infinite; } .spinner-grow-sm { width: 1rem; height: 1rem; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #008296 !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #005663 !important; } .bg-secondary { background-color: #e6ebf2 !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #c4d0e1 !important; } .bg-success { background-color: #547b1c !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #385113 !important; } .bg-info { background-color: #0075a8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #005175 !important; } .bg-warning { background-color: #b4520c !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #843c09 !important; } .bg-danger { background-color: #ab2218 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #7e1912 !important; } .bg-light { background-color: #ebebeb !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #d2d2d2 !important; } .bg-dark { background-color: #2b2b2b !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #121212 !important; } .bg-cta { background-color: #e17020 !important; } a.bg-cta:hover, a.bg-cta:focus, button.bg-cta:hover, button.bg-cta:focus { background-color: #b65a18 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #d1d1d1 !important; } .border-top { border-top: 1px solid #d1d1d1 !important; } .border-right { border-right: 1px solid #d1d1d1 !important; } .border-bottom { border-bottom: 1px solid #d1d1d1 !important; } .border-left { border-left: 1px solid #d1d1d1 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #008296 !important; } .border-secondary { border-color: #e6ebf2 !important; } .border-success { border-color: #547b1c !important; } .border-info { border-color: #0075a8 !important; } .border-warning { border-color: #b4520c !important; } .border-danger { border-color: #ab2218 !important; } .border-light { border-color: #ebebeb !important; } .border-dark { border-color: #2b2b2b !important; } .border-cta { border-color: #e17020 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0 !important; } .rounded { border-radius: 0 !important; } .rounded-top { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-right { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-bottom { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-left { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.8571428571%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::before { padding-top: 100%; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 !important; } .shadow { box-shadow: 0 !important; } .shadow-lg { box-shadow: 0 !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1.125rem !important; } .mt-3, .my-3 { margin-top: 1.125rem !important; } .mr-3, .mx-3 { margin-right: 1.125rem !important; } .mb-3, .my-3 { margin-bottom: 1.125rem !important; } .ml-3, .mx-3 { margin-left: 1.125rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 1.875rem !important; } .mt-5, .my-5 { margin-top: 1.875rem !important; } .mr-5, .mx-5 { margin-right: 1.875rem !important; } .mb-5, .my-5 { margin-bottom: 1.875rem !important; } .ml-5, .mx-5 { margin-left: 1.875rem !important; } .m-6 { margin: 2.25rem !important; } .mt-6, .my-6 { margin-top: 2.25rem !important; } .mr-6, .mx-6 { margin-right: 2.25rem !important; } .mb-6, .my-6 { margin-bottom: 2.25rem !important; } .ml-6, .mx-6 { margin-left: 2.25rem !important; } .m-7 { margin: 3rem !important; } .mt-7, .my-7 { margin-top: 3rem !important; } .mr-7, .mx-7 { margin-right: 3rem !important; } .mb-7, .my-7 { margin-bottom: 3rem !important; } .ml-7, .mx-7 { margin-left: 3rem !important; } .m-8 { margin: 3.75rem !important; } .mt-8, .my-8 { margin-top: 3.75rem !important; } .mr-8, .mx-8 { margin-right: 3.75rem !important; } .mb-8, .my-8 { margin-bottom: 3.75rem !important; } .ml-8, .mx-8 { margin-left: 3.75rem !important; } .m-9 { margin: 4.5rem !important; } .mt-9, .my-9 { margin-top: 4.5rem !important; } .mr-9, .mx-9 { margin-right: 4.5rem !important; } .mb-9, .my-9 { margin-bottom: 4.5rem !important; } .ml-9, .mx-9 { margin-left: 4.5rem !important; } .m-10 { margin: 5.625rem !important; } .mt-10, .my-10 { margin-top: 5.625rem !important; } .mr-10, .mx-10 { margin-right: 5.625rem !important; } .mb-10, .my-10 { margin-bottom: 5.625rem !important; } .ml-10, .mx-10 { margin-left: 5.625rem !important; } .m-11 { margin: 7.5rem !important; } .mt-11, .my-11 { margin-top: 7.5rem !important; } .mr-11, .mx-11 { margin-right: 7.5rem !important; } .mb-11, .my-11 { margin-bottom: 7.5rem !important; } .ml-11, .mx-11 { margin-left: 7.5rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1.125rem !important; } .pt-3, .py-3 { padding-top: 1.125rem !important; } .pr-3, .px-3 { padding-right: 1.125rem !important; } .pb-3, .py-3 { padding-bottom: 1.125rem !important; } .pl-3, .px-3 { padding-left: 1.125rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 1.875rem !important; } .pt-5, .py-5 { padding-top: 1.875rem !important; } .pr-5, .px-5 { padding-right: 1.875rem !important; } .pb-5, .py-5 { padding-bottom: 1.875rem !important; } .pl-5, .px-5 { padding-left: 1.875rem !important; } .p-6 { padding: 2.25rem !important; } .pt-6, .py-6 { padding-top: 2.25rem !important; } .pr-6, .px-6 { padding-right: 2.25rem !important; } .pb-6, .py-6 { padding-bottom: 2.25rem !important; } .pl-6, .px-6 { padding-left: 2.25rem !important; } .p-7 { padding: 3rem !important; } .pt-7, .py-7 { padding-top: 3rem !important; } .pr-7, .px-7 { padding-right: 3rem !important; } .pb-7, .py-7 { padding-bottom: 3rem !important; } .pl-7, .px-7 { padding-left: 3rem !important; } .p-8 { padding: 3.75rem !important; } .pt-8, .py-8 { padding-top: 3.75rem !important; } .pr-8, .px-8 { padding-right: 3.75rem !important; } .pb-8, .py-8 { padding-bottom: 3.75rem !important; } .pl-8, .px-8 { padding-left: 3.75rem !important; } .p-9 { padding: 4.5rem !important; } .pt-9, .py-9 { padding-top: 4.5rem !important; } .pr-9, .px-9 { padding-right: 4.5rem !important; } .pb-9, .py-9 { padding-bottom: 4.5rem !important; } .pl-9, .px-9 { padding-left: 4.5rem !important; } .p-10 { padding: 5.625rem !important; } .pt-10, .py-10 { padding-top: 5.625rem !important; } .pr-10, .px-10 { padding-right: 5.625rem !important; } .pb-10, .py-10 { padding-bottom: 5.625rem !important; } .pl-10, .px-10 { padding-left: 5.625rem !important; } .p-11 { padding: 7.5rem !important; } .pt-11, .py-11 { padding-top: 7.5rem !important; } .pr-11, .px-11 { padding-right: 7.5rem !important; } .pb-11, .py-11 { padding-bottom: 7.5rem !important; } .pl-11, .px-11 { padding-left: 7.5rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1.125rem !important; } .mt-n3, .my-n3 { margin-top: -1.125rem !important; } .mr-n3, .mx-n3 { margin-right: -1.125rem !important; } .mb-n3, .my-n3 { margin-bottom: -1.125rem !important; } .ml-n3, .mx-n3 { margin-left: -1.125rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -1.875rem !important; } .mt-n5, .my-n5 { margin-top: -1.875rem !important; } .mr-n5, .mx-n5 { margin-right: -1.875rem !important; } .mb-n5, .my-n5 { margin-bottom: -1.875rem !important; } .ml-n5, .mx-n5 { margin-left: -1.875rem !important; } .m-n6 { margin: -2.25rem !important; } .mt-n6, .my-n6 { margin-top: -2.25rem !important; } .mr-n6, .mx-n6 { margin-right: -2.25rem !important; } .mb-n6, .my-n6 { margin-bottom: -2.25rem !important; } .ml-n6, .mx-n6 { margin-left: -2.25rem !important; } .m-n7 { margin: -3rem !important; } .mt-n7, .my-n7 { margin-top: -3rem !important; } .mr-n7, .mx-n7 { margin-right: -3rem !important; } .mb-n7, .my-n7 { margin-bottom: -3rem !important; } .ml-n7, .mx-n7 { margin-left: -3rem !important; } .m-n8 { margin: -3.75rem !important; } .mt-n8, .my-n8 { margin-top: -3.75rem !important; } .mr-n8, .mx-n8 { margin-right: -3.75rem !important; } .mb-n8, .my-n8 { margin-bottom: -3.75rem !important; } .ml-n8, .mx-n8 { margin-left: -3.75rem !important; } .m-n9 { margin: -4.5rem !important; } .mt-n9, .my-n9 { margin-top: -4.5rem !important; } .mr-n9, .mx-n9 { margin-right: -4.5rem !important; } .mb-n9, .my-n9 { margin-bottom: -4.5rem !important; } .ml-n9, .mx-n9 { margin-left: -4.5rem !important; } .m-n10 { margin: -5.625rem !important; } .mt-n10, .my-n10 { margin-top: -5.625rem !important; } .mr-n10, .mx-n10 { margin-right: -5.625rem !important; } .mb-n10, .my-n10 { margin-bottom: -5.625rem !important; } .ml-n10, .mx-n10 { margin-left: -5.625rem !important; } .m-n11 { margin: -7.5rem !important; } .mt-n11, .my-n11 { margin-top: -7.5rem !important; } .mr-n11, .mx-n11 { margin-right: -7.5rem !important; } .mb-n11, .my-n11 { margin-bottom: -7.5rem !important; } .ml-n11, .mx-n11 { margin-left: -7.5rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1.125rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1.125rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1.125rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1.125rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1.125rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 1.875rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 1.875rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 1.875rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 1.875rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 1.875rem !important; } .m-sm-6 { margin: 2.25rem !important; } .mt-sm-6, .my-sm-6 { margin-top: 2.25rem !important; } .mr-sm-6, .mx-sm-6 { margin-right: 2.25rem !important; } .mb-sm-6, .my-sm-6 { margin-bottom: 2.25rem !important; } .ml-sm-6, .mx-sm-6 { margin-left: 2.25rem !important; } .m-sm-7 { margin: 3rem !important; } .mt-sm-7, .my-sm-7 { margin-top: 3rem !important; } .mr-sm-7, .mx-sm-7 { margin-right: 3rem !important; } .mb-sm-7, .my-sm-7 { margin-bottom: 3rem !important; } .ml-sm-7, .mx-sm-7 { margin-left: 3rem !important; } .m-sm-8 { margin: 3.75rem !important; } .mt-sm-8, .my-sm-8 { margin-top: 3.75rem !important; } .mr-sm-8, .mx-sm-8 { margin-right: 3.75rem !important; } .mb-sm-8, .my-sm-8 { margin-bottom: 3.75rem !important; } .ml-sm-8, .mx-sm-8 { margin-left: 3.75rem !important; } .m-sm-9 { margin: 4.5rem !important; } .mt-sm-9, .my-sm-9 { margin-top: 4.5rem !important; } .mr-sm-9, .mx-sm-9 { margin-right: 4.5rem !important; } .mb-sm-9, .my-sm-9 { margin-bottom: 4.5rem !important; } .ml-sm-9, .mx-sm-9 { margin-left: 4.5rem !important; } .m-sm-10 { margin: 5.625rem !important; } .mt-sm-10, .my-sm-10 { margin-top: 5.625rem !important; } .mr-sm-10, .mx-sm-10 { margin-right: 5.625rem !important; } .mb-sm-10, .my-sm-10 { margin-bottom: 5.625rem !important; } .ml-sm-10, .mx-sm-10 { margin-left: 5.625rem !important; } .m-sm-11 { margin: 7.5rem !important; } .mt-sm-11, .my-sm-11 { margin-top: 7.5rem !important; } .mr-sm-11, .mx-sm-11 { margin-right: 7.5rem !important; } .mb-sm-11, .my-sm-11 { margin-bottom: 7.5rem !important; } .ml-sm-11, .mx-sm-11 { margin-left: 7.5rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1.125rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1.125rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1.125rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1.125rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1.125rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 1.875rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 1.875rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 1.875rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 1.875rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 1.875rem !important; } .p-sm-6 { padding: 2.25rem !important; } .pt-sm-6, .py-sm-6 { padding-top: 2.25rem !important; } .pr-sm-6, .px-sm-6 { padding-right: 2.25rem !important; } .pb-sm-6, .py-sm-6 { padding-bottom: 2.25rem !important; } .pl-sm-6, .px-sm-6 { padding-left: 2.25rem !important; } .p-sm-7 { padding: 3rem !important; } .pt-sm-7, .py-sm-7 { padding-top: 3rem !important; } .pr-sm-7, .px-sm-7 { padding-right: 3rem !important; } .pb-sm-7, .py-sm-7 { padding-bottom: 3rem !important; } .pl-sm-7, .px-sm-7 { padding-left: 3rem !important; } .p-sm-8 { padding: 3.75rem !important; } .pt-sm-8, .py-sm-8 { padding-top: 3.75rem !important; } .pr-sm-8, .px-sm-8 { padding-right: 3.75rem !important; } .pb-sm-8, .py-sm-8 { padding-bottom: 3.75rem !important; } .pl-sm-8, .px-sm-8 { padding-left: 3.75rem !important; } .p-sm-9 { padding: 4.5rem !important; } .pt-sm-9, .py-sm-9 { padding-top: 4.5rem !important; } .pr-sm-9, .px-sm-9 { padding-right: 4.5rem !important; } .pb-sm-9, .py-sm-9 { padding-bottom: 4.5rem !important; } .pl-sm-9, .px-sm-9 { padding-left: 4.5rem !important; } .p-sm-10 { padding: 5.625rem !important; } .pt-sm-10, .py-sm-10 { padding-top: 5.625rem !important; } .pr-sm-10, .px-sm-10 { padding-right: 5.625rem !important; } .pb-sm-10, .py-sm-10 { padding-bottom: 5.625rem !important; } .pl-sm-10, .px-sm-10 { padding-left: 5.625rem !important; } .p-sm-11 { padding: 7.5rem !important; } .pt-sm-11, .py-sm-11 { padding-top: 7.5rem !important; } .pr-sm-11, .px-sm-11 { padding-right: 7.5rem !important; } .pb-sm-11, .py-sm-11 { padding-bottom: 7.5rem !important; } .pl-sm-11, .px-sm-11 { padding-left: 7.5rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1.125rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1.125rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1.125rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1.125rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1.125rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -1.875rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -1.875rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -1.875rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -1.875rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -1.875rem !important; } .m-sm-n6 { margin: -2.25rem !important; } .mt-sm-n6, .my-sm-n6 { margin-top: -2.25rem !important; } .mr-sm-n6, .mx-sm-n6 { margin-right: -2.25rem !important; } .mb-sm-n6, .my-sm-n6 { margin-bottom: -2.25rem !important; } .ml-sm-n6, .mx-sm-n6 { margin-left: -2.25rem !important; } .m-sm-n7 { margin: -3rem !important; } .mt-sm-n7, .my-sm-n7 { margin-top: -3rem !important; } .mr-sm-n7, .mx-sm-n7 { margin-right: -3rem !important; } .mb-sm-n7, .my-sm-n7 { margin-bottom: -3rem !important; } .ml-sm-n7, .mx-sm-n7 { margin-left: -3rem !important; } .m-sm-n8 { margin: -3.75rem !important; } .mt-sm-n8, .my-sm-n8 { margin-top: -3.75rem !important; } .mr-sm-n8, .mx-sm-n8 { margin-right: -3.75rem !important; } .mb-sm-n8, .my-sm-n8 { margin-bottom: -3.75rem !important; } .ml-sm-n8, .mx-sm-n8 { margin-left: -3.75rem !important; } .m-sm-n9 { margin: -4.5rem !important; } .mt-sm-n9, .my-sm-n9 { margin-top: -4.5rem !important; } .mr-sm-n9, .mx-sm-n9 { margin-right: -4.5rem !important; } .mb-sm-n9, .my-sm-n9 { margin-bottom: -4.5rem !important; } .ml-sm-n9, .mx-sm-n9 { margin-left: -4.5rem !important; } .m-sm-n10 { margin: -5.625rem !important; } .mt-sm-n10, .my-sm-n10 { margin-top: -5.625rem !important; } .mr-sm-n10, .mx-sm-n10 { margin-right: -5.625rem !important; } .mb-sm-n10, .my-sm-n10 { margin-bottom: -5.625rem !important; } .ml-sm-n10, .mx-sm-n10 { margin-left: -5.625rem !important; } .m-sm-n11 { margin: -7.5rem !important; } .mt-sm-n11, .my-sm-n11 { margin-top: -7.5rem !important; } .mr-sm-n11, .mx-sm-n11 { margin-right: -7.5rem !important; } .mb-sm-n11, .my-sm-n11 { margin-bottom: -7.5rem !important; } .ml-sm-n11, .mx-sm-n11 { margin-left: -7.5rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1.125rem !important; } .mt-md-3, .my-md-3 { margin-top: 1.125rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1.125rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1.125rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1.125rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 1.875rem !important; } .mt-md-5, .my-md-5 { margin-top: 1.875rem !important; } .mr-md-5, .mx-md-5 { margin-right: 1.875rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 1.875rem !important; } .ml-md-5, .mx-md-5 { margin-left: 1.875rem !important; } .m-md-6 { margin: 2.25rem !important; } .mt-md-6, .my-md-6 { margin-top: 2.25rem !important; } .mr-md-6, .mx-md-6 { margin-right: 2.25rem !important; } .mb-md-6, .my-md-6 { margin-bottom: 2.25rem !important; } .ml-md-6, .mx-md-6 { margin-left: 2.25rem !important; } .m-md-7 { margin: 3rem !important; } .mt-md-7, .my-md-7 { margin-top: 3rem !important; } .mr-md-7, .mx-md-7 { margin-right: 3rem !important; } .mb-md-7, .my-md-7 { margin-bottom: 3rem !important; } .ml-md-7, .mx-md-7 { margin-left: 3rem !important; } .m-md-8 { margin: 3.75rem !important; } .mt-md-8, .my-md-8 { margin-top: 3.75rem !important; } .mr-md-8, .mx-md-8 { margin-right: 3.75rem !important; } .mb-md-8, .my-md-8 { margin-bottom: 3.75rem !important; } .ml-md-8, .mx-md-8 { margin-left: 3.75rem !important; } .m-md-9 { margin: 4.5rem !important; } .mt-md-9, .my-md-9 { margin-top: 4.5rem !important; } .mr-md-9, .mx-md-9 { margin-right: 4.5rem !important; } .mb-md-9, .my-md-9 { margin-bottom: 4.5rem !important; } .ml-md-9, .mx-md-9 { margin-left: 4.5rem !important; } .m-md-10 { margin: 5.625rem !important; } .mt-md-10, .my-md-10 { margin-top: 5.625rem !important; } .mr-md-10, .mx-md-10 { margin-right: 5.625rem !important; } .mb-md-10, .my-md-10 { margin-bottom: 5.625rem !important; } .ml-md-10, .mx-md-10 { margin-left: 5.625rem !important; } .m-md-11 { margin: 7.5rem !important; } .mt-md-11, .my-md-11 { margin-top: 7.5rem !important; } .mr-md-11, .mx-md-11 { margin-right: 7.5rem !important; } .mb-md-11, .my-md-11 { margin-bottom: 7.5rem !important; } .ml-md-11, .mx-md-11 { margin-left: 7.5rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1.125rem !important; } .pt-md-3, .py-md-3 { padding-top: 1.125rem !important; } .pr-md-3, .px-md-3 { padding-right: 1.125rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1.125rem !important; } .pl-md-3, .px-md-3 { padding-left: 1.125rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 1.875rem !important; } .pt-md-5, .py-md-5 { padding-top: 1.875rem !important; } .pr-md-5, .px-md-5 { padding-right: 1.875rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 1.875rem !important; } .pl-md-5, .px-md-5 { padding-left: 1.875rem !important; } .p-md-6 { padding: 2.25rem !important; } .pt-md-6, .py-md-6 { padding-top: 2.25rem !important; } .pr-md-6, .px-md-6 { padding-right: 2.25rem !important; } .pb-md-6, .py-md-6 { padding-bottom: 2.25rem !important; } .pl-md-6, .px-md-6 { padding-left: 2.25rem !important; } .p-md-7 { padding: 3rem !important; } .pt-md-7, .py-md-7 { padding-top: 3rem !important; } .pr-md-7, .px-md-7 { padding-right: 3rem !important; } .pb-md-7, .py-md-7 { padding-bottom: 3rem !important; } .pl-md-7, .px-md-7 { padding-left: 3rem !important; } .p-md-8 { padding: 3.75rem !important; } .pt-md-8, .py-md-8 { padding-top: 3.75rem !important; } .pr-md-8, .px-md-8 { padding-right: 3.75rem !important; } .pb-md-8, .py-md-8 { padding-bottom: 3.75rem !important; } .pl-md-8, .px-md-8 { padding-left: 3.75rem !important; } .p-md-9 { padding: 4.5rem !important; } .pt-md-9, .py-md-9 { padding-top: 4.5rem !important; } .pr-md-9, .px-md-9 { padding-right: 4.5rem !important; } .pb-md-9, .py-md-9 { padding-bottom: 4.5rem !important; } .pl-md-9, .px-md-9 { padding-left: 4.5rem !important; } .p-md-10 { padding: 5.625rem !important; } .pt-md-10, .py-md-10 { padding-top: 5.625rem !important; } .pr-md-10, .px-md-10 { padding-right: 5.625rem !important; } .pb-md-10, .py-md-10 { padding-bottom: 5.625rem !important; } .pl-md-10, .px-md-10 { padding-left: 5.625rem !important; } .p-md-11 { padding: 7.5rem !important; } .pt-md-11, .py-md-11 { padding-top: 7.5rem !important; } .pr-md-11, .px-md-11 { padding-right: 7.5rem !important; } .pb-md-11, .py-md-11 { padding-bottom: 7.5rem !important; } .pl-md-11, .px-md-11 { padding-left: 7.5rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1.125rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1.125rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1.125rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1.125rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1.125rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -1.875rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -1.875rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -1.875rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -1.875rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -1.875rem !important; } .m-md-n6 { margin: -2.25rem !important; } .mt-md-n6, .my-md-n6 { margin-top: -2.25rem !important; } .mr-md-n6, .mx-md-n6 { margin-right: -2.25rem !important; } .mb-md-n6, .my-md-n6 { margin-bottom: -2.25rem !important; } .ml-md-n6, .mx-md-n6 { margin-left: -2.25rem !important; } .m-md-n7 { margin: -3rem !important; } .mt-md-n7, .my-md-n7 { margin-top: -3rem !important; } .mr-md-n7, .mx-md-n7 { margin-right: -3rem !important; } .mb-md-n7, .my-md-n7 { margin-bottom: -3rem !important; } .ml-md-n7, .mx-md-n7 { margin-left: -3rem !important; } .m-md-n8 { margin: -3.75rem !important; } .mt-md-n8, .my-md-n8 { margin-top: -3.75rem !important; } .mr-md-n8, .mx-md-n8 { margin-right: -3.75rem !important; } .mb-md-n8, .my-md-n8 { margin-bottom: -3.75rem !important; } .ml-md-n8, .mx-md-n8 { margin-left: -3.75rem !important; } .m-md-n9 { margin: -4.5rem !important; } .mt-md-n9, .my-md-n9 { margin-top: -4.5rem !important; } .mr-md-n9, .mx-md-n9 { margin-right: -4.5rem !important; } .mb-md-n9, .my-md-n9 { margin-bottom: -4.5rem !important; } .ml-md-n9, .mx-md-n9 { margin-left: -4.5rem !important; } .m-md-n10 { margin: -5.625rem !important; } .mt-md-n10, .my-md-n10 { margin-top: -5.625rem !important; } .mr-md-n10, .mx-md-n10 { margin-right: -5.625rem !important; } .mb-md-n10, .my-md-n10 { margin-bottom: -5.625rem !important; } .ml-md-n10, .mx-md-n10 { margin-left: -5.625rem !important; } .m-md-n11 { margin: -7.5rem !important; } .mt-md-n11, .my-md-n11 { margin-top: -7.5rem !important; } .mr-md-n11, .mx-md-n11 { margin-right: -7.5rem !important; } .mb-md-n11, .my-md-n11 { margin-bottom: -7.5rem !important; } .ml-md-n11, .mx-md-n11 { margin-left: -7.5rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1.125rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1.125rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1.125rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1.125rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1.125rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 1.875rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 1.875rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 1.875rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 1.875rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 1.875rem !important; } .m-lg-6 { margin: 2.25rem !important; } .mt-lg-6, .my-lg-6 { margin-top: 2.25rem !important; } .mr-lg-6, .mx-lg-6 { margin-right: 2.25rem !important; } .mb-lg-6, .my-lg-6 { margin-bottom: 2.25rem !important; } .ml-lg-6, .mx-lg-6 { margin-left: 2.25rem !important; } .m-lg-7 { margin: 3rem !important; } .mt-lg-7, .my-lg-7 { margin-top: 3rem !important; } .mr-lg-7, .mx-lg-7 { margin-right: 3rem !important; } .mb-lg-7, .my-lg-7 { margin-bottom: 3rem !important; } .ml-lg-7, .mx-lg-7 { margin-left: 3rem !important; } .m-lg-8 { margin: 3.75rem !important; } .mt-lg-8, .my-lg-8 { margin-top: 3.75rem !important; } .mr-lg-8, .mx-lg-8 { margin-right: 3.75rem !important; } .mb-lg-8, .my-lg-8 { margin-bottom: 3.75rem !important; } .ml-lg-8, .mx-lg-8 { margin-left: 3.75rem !important; } .m-lg-9 { margin: 4.5rem !important; } .mt-lg-9, .my-lg-9 { margin-top: 4.5rem !important; } .mr-lg-9, .mx-lg-9 { margin-right: 4.5rem !important; } .mb-lg-9, .my-lg-9 { margin-bottom: 4.5rem !important; } .ml-lg-9, .mx-lg-9 { margin-left: 4.5rem !important; } .m-lg-10 { margin: 5.625rem !important; } .mt-lg-10, .my-lg-10 { margin-top: 5.625rem !important; } .mr-lg-10, .mx-lg-10 { margin-right: 5.625rem !important; } .mb-lg-10, .my-lg-10 { margin-bottom: 5.625rem !important; } .ml-lg-10, .mx-lg-10 { margin-left: 5.625rem !important; } .m-lg-11 { margin: 7.5rem !important; } .mt-lg-11, .my-lg-11 { margin-top: 7.5rem !important; } .mr-lg-11, .mx-lg-11 { margin-right: 7.5rem !important; } .mb-lg-11, .my-lg-11 { margin-bottom: 7.5rem !important; } .ml-lg-11, .mx-lg-11 { margin-left: 7.5rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1.125rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1.125rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1.125rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1.125rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1.125rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 1.875rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 1.875rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 1.875rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 1.875rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 1.875rem !important; } .p-lg-6 { padding: 2.25rem !important; } .pt-lg-6, .py-lg-6 { padding-top: 2.25rem !important; } .pr-lg-6, .px-lg-6 { padding-right: 2.25rem !important; } .pb-lg-6, .py-lg-6 { padding-bottom: 2.25rem !important; } .pl-lg-6, .px-lg-6 { padding-left: 2.25rem !important; } .p-lg-7 { padding: 3rem !important; } .pt-lg-7, .py-lg-7 { padding-top: 3rem !important; } .pr-lg-7, .px-lg-7 { padding-right: 3rem !important; } .pb-lg-7, .py-lg-7 { padding-bottom: 3rem !important; } .pl-lg-7, .px-lg-7 { padding-left: 3rem !important; } .p-lg-8 { padding: 3.75rem !important; } .pt-lg-8, .py-lg-8 { padding-top: 3.75rem !important; } .pr-lg-8, .px-lg-8 { padding-right: 3.75rem !important; } .pb-lg-8, .py-lg-8 { padding-bottom: 3.75rem !important; } .pl-lg-8, .px-lg-8 { padding-left: 3.75rem !important; } .p-lg-9 { padding: 4.5rem !important; } .pt-lg-9, .py-lg-9 { padding-top: 4.5rem !important; } .pr-lg-9, .px-lg-9 { padding-right: 4.5rem !important; } .pb-lg-9, .py-lg-9 { padding-bottom: 4.5rem !important; } .pl-lg-9, .px-lg-9 { padding-left: 4.5rem !important; } .p-lg-10 { padding: 5.625rem !important; } .pt-lg-10, .py-lg-10 { padding-top: 5.625rem !important; } .pr-lg-10, .px-lg-10 { padding-right: 5.625rem !important; } .pb-lg-10, .py-lg-10 { padding-bottom: 5.625rem !important; } .pl-lg-10, .px-lg-10 { padding-left: 5.625rem !important; } .p-lg-11 { padding: 7.5rem !important; } .pt-lg-11, .py-lg-11 { padding-top: 7.5rem !important; } .pr-lg-11, .px-lg-11 { padding-right: 7.5rem !important; } .pb-lg-11, .py-lg-11 { padding-bottom: 7.5rem !important; } .pl-lg-11, .px-lg-11 { padding-left: 7.5rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1.125rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1.125rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1.125rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1.125rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1.125rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -1.875rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -1.875rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -1.875rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -1.875rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -1.875rem !important; } .m-lg-n6 { margin: -2.25rem !important; } .mt-lg-n6, .my-lg-n6 { margin-top: -2.25rem !important; } .mr-lg-n6, .mx-lg-n6 { margin-right: -2.25rem !important; } .mb-lg-n6, .my-lg-n6 { margin-bottom: -2.25rem !important; } .ml-lg-n6, .mx-lg-n6 { margin-left: -2.25rem !important; } .m-lg-n7 { margin: -3rem !important; } .mt-lg-n7, .my-lg-n7 { margin-top: -3rem !important; } .mr-lg-n7, .mx-lg-n7 { margin-right: -3rem !important; } .mb-lg-n7, .my-lg-n7 { margin-bottom: -3rem !important; } .ml-lg-n7, .mx-lg-n7 { margin-left: -3rem !important; } .m-lg-n8 { margin: -3.75rem !important; } .mt-lg-n8, .my-lg-n8 { margin-top: -3.75rem !important; } .mr-lg-n8, .mx-lg-n8 { margin-right: -3.75rem !important; } .mb-lg-n8, .my-lg-n8 { margin-bottom: -3.75rem !important; } .ml-lg-n8, .mx-lg-n8 { margin-left: -3.75rem !important; } .m-lg-n9 { margin: -4.5rem !important; } .mt-lg-n9, .my-lg-n9 { margin-top: -4.5rem !important; } .mr-lg-n9, .mx-lg-n9 { margin-right: -4.5rem !important; } .mb-lg-n9, .my-lg-n9 { margin-bottom: -4.5rem !important; } .ml-lg-n9, .mx-lg-n9 { margin-left: -4.5rem !important; } .m-lg-n10 { margin: -5.625rem !important; } .mt-lg-n10, .my-lg-n10 { margin-top: -5.625rem !important; } .mr-lg-n10, .mx-lg-n10 { margin-right: -5.625rem !important; } .mb-lg-n10, .my-lg-n10 { margin-bottom: -5.625rem !important; } .ml-lg-n10, .mx-lg-n10 { margin-left: -5.625rem !important; } .m-lg-n11 { margin: -7.5rem !important; } .mt-lg-n11, .my-lg-n11 { margin-top: -7.5rem !important; } .mr-lg-n11, .mx-lg-n11 { margin-right: -7.5rem !important; } .mb-lg-n11, .my-lg-n11 { margin-bottom: -7.5rem !important; } .ml-lg-n11, .mx-lg-n11 { margin-left: -7.5rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1.125rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1.125rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1.125rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1.125rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1.125rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 1.875rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 1.875rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 1.875rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 1.875rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 1.875rem !important; } .m-xl-6 { margin: 2.25rem !important; } .mt-xl-6, .my-xl-6 { margin-top: 2.25rem !important; } .mr-xl-6, .mx-xl-6 { margin-right: 2.25rem !important; } .mb-xl-6, .my-xl-6 { margin-bottom: 2.25rem !important; } .ml-xl-6, .mx-xl-6 { margin-left: 2.25rem !important; } .m-xl-7 { margin: 3rem !important; } .mt-xl-7, .my-xl-7 { margin-top: 3rem !important; } .mr-xl-7, .mx-xl-7 { margin-right: 3rem !important; } .mb-xl-7, .my-xl-7 { margin-bottom: 3rem !important; } .ml-xl-7, .mx-xl-7 { margin-left: 3rem !important; } .m-xl-8 { margin: 3.75rem !important; } .mt-xl-8, .my-xl-8 { margin-top: 3.75rem !important; } .mr-xl-8, .mx-xl-8 { margin-right: 3.75rem !important; } .mb-xl-8, .my-xl-8 { margin-bottom: 3.75rem !important; } .ml-xl-8, .mx-xl-8 { margin-left: 3.75rem !important; } .m-xl-9 { margin: 4.5rem !important; } .mt-xl-9, .my-xl-9 { margin-top: 4.5rem !important; } .mr-xl-9, .mx-xl-9 { margin-right: 4.5rem !important; } .mb-xl-9, .my-xl-9 { margin-bottom: 4.5rem !important; } .ml-xl-9, .mx-xl-9 { margin-left: 4.5rem !important; } .m-xl-10 { margin: 5.625rem !important; } .mt-xl-10, .my-xl-10 { margin-top: 5.625rem !important; } .mr-xl-10, .mx-xl-10 { margin-right: 5.625rem !important; } .mb-xl-10, .my-xl-10 { margin-bottom: 5.625rem !important; } .ml-xl-10, .mx-xl-10 { margin-left: 5.625rem !important; } .m-xl-11 { margin: 7.5rem !important; } .mt-xl-11, .my-xl-11 { margin-top: 7.5rem !important; } .mr-xl-11, .mx-xl-11 { margin-right: 7.5rem !important; } .mb-xl-11, .my-xl-11 { margin-bottom: 7.5rem !important; } .ml-xl-11, .mx-xl-11 { margin-left: 7.5rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1.125rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1.125rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1.125rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1.125rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1.125rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 1.875rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 1.875rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 1.875rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 1.875rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 1.875rem !important; } .p-xl-6 { padding: 2.25rem !important; } .pt-xl-6, .py-xl-6 { padding-top: 2.25rem !important; } .pr-xl-6, .px-xl-6 { padding-right: 2.25rem !important; } .pb-xl-6, .py-xl-6 { padding-bottom: 2.25rem !important; } .pl-xl-6, .px-xl-6 { padding-left: 2.25rem !important; } .p-xl-7 { padding: 3rem !important; } .pt-xl-7, .py-xl-7 { padding-top: 3rem !important; } .pr-xl-7, .px-xl-7 { padding-right: 3rem !important; } .pb-xl-7, .py-xl-7 { padding-bottom: 3rem !important; } .pl-xl-7, .px-xl-7 { padding-left: 3rem !important; } .p-xl-8 { padding: 3.75rem !important; } .pt-xl-8, .py-xl-8 { padding-top: 3.75rem !important; } .pr-xl-8, .px-xl-8 { padding-right: 3.75rem !important; } .pb-xl-8, .py-xl-8 { padding-bottom: 3.75rem !important; } .pl-xl-8, .px-xl-8 { padding-left: 3.75rem !important; } .p-xl-9 { padding: 4.5rem !important; } .pt-xl-9, .py-xl-9 { padding-top: 4.5rem !important; } .pr-xl-9, .px-xl-9 { padding-right: 4.5rem !important; } .pb-xl-9, .py-xl-9 { padding-bottom: 4.5rem !important; } .pl-xl-9, .px-xl-9 { padding-left: 4.5rem !important; } .p-xl-10 { padding: 5.625rem !important; } .pt-xl-10, .py-xl-10 { padding-top: 5.625rem !important; } .pr-xl-10, .px-xl-10 { padding-right: 5.625rem !important; } .pb-xl-10, .py-xl-10 { padding-bottom: 5.625rem !important; } .pl-xl-10, .px-xl-10 { padding-left: 5.625rem !important; } .p-xl-11 { padding: 7.5rem !important; } .pt-xl-11, .py-xl-11 { padding-top: 7.5rem !important; } .pr-xl-11, .px-xl-11 { padding-right: 7.5rem !important; } .pb-xl-11, .py-xl-11 { padding-bottom: 7.5rem !important; } .pl-xl-11, .px-xl-11 { padding-left: 7.5rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1.125rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1.125rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1.125rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1.125rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1.125rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -1.875rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -1.875rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -1.875rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -1.875rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -1.875rem !important; } .m-xl-n6 { margin: -2.25rem !important; } .mt-xl-n6, .my-xl-n6 { margin-top: -2.25rem !important; } .mr-xl-n6, .mx-xl-n6 { margin-right: -2.25rem !important; } .mb-xl-n6, .my-xl-n6 { margin-bottom: -2.25rem !important; } .ml-xl-n6, .mx-xl-n6 { margin-left: -2.25rem !important; } .m-xl-n7 { margin: -3rem !important; } .mt-xl-n7, .my-xl-n7 { margin-top: -3rem !important; } .mr-xl-n7, .mx-xl-n7 { margin-right: -3rem !important; } .mb-xl-n7, .my-xl-n7 { margin-bottom: -3rem !important; } .ml-xl-n7, .mx-xl-n7 { margin-left: -3rem !important; } .m-xl-n8 { margin: -3.75rem !important; } .mt-xl-n8, .my-xl-n8 { margin-top: -3.75rem !important; } .mr-xl-n8, .mx-xl-n8 { margin-right: -3.75rem !important; } .mb-xl-n8, .my-xl-n8 { margin-bottom: -3.75rem !important; } .ml-xl-n8, .mx-xl-n8 { margin-left: -3.75rem !important; } .m-xl-n9 { margin: -4.5rem !important; } .mt-xl-n9, .my-xl-n9 { margin-top: -4.5rem !important; } .mr-xl-n9, .mx-xl-n9 { margin-right: -4.5rem !important; } .mb-xl-n9, .my-xl-n9 { margin-bottom: -4.5rem !important; } .ml-xl-n9, .mx-xl-n9 { margin-left: -4.5rem !important; } .m-xl-n10 { margin: -5.625rem !important; } .mt-xl-n10, .my-xl-n10 { margin-top: -5.625rem !important; } .mr-xl-n10, .mx-xl-n10 { margin-right: -5.625rem !important; } .mb-xl-n10, .my-xl-n10 { margin-bottom: -5.625rem !important; } .ml-xl-n10, .mx-xl-n10 { margin-left: -5.625rem !important; } .m-xl-n11 { margin: -7.5rem !important; } .mt-xl-n11, .my-xl-n11 { margin-top: -7.5rem !important; } .mr-xl-n11, .mx-xl-n11 { margin-right: -7.5rem !important; } .mb-xl-n11, .my-xl-n11 { margin-bottom: -7.5rem !important; } .ml-xl-n11, .mx-xl-n11 { margin-left: -7.5rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 600 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #008296 !important; } a.text-primary:hover, a.text-primary:focus { color: #00404a !important; } .text-secondary { color: #e6ebf2 !important; } a.text-secondary:hover, a.text-secondary:focus { color: #b4c3d8 !important; } .text-success { color: #547b1c !important; } a.text-success:hover, a.text-success:focus { color: #293d0e !important; } .text-info { color: #0075a8 !important; } a.text-info:hover, a.text-info:focus { color: #00405c !important; } .text-warning { color: #b4520c !important; } a.text-warning:hover, a.text-warning:focus { color: #6c3107 !important; } .text-danger { color: #ab2218 !important; } a.text-danger:hover, a.text-danger:focus { color: #68150f !important; } .text-light { color: #ebebeb !important; } a.text-light:hover, a.text-light:focus { color: #c5c5c5 !important; } .text-dark { color: #2b2b2b !important; } a.text-dark:hover, a.text-dark:focus { color: #050505 !important; } .text-cta { color: #e17020 !important; } a.text-cta:hover, a.text-cta:focus { color: #9f4e15 !important; } .text-body { color: #2b2b2b !important; } .text-muted { color: #6b6b6b !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; overflow-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #d1d1d1; } .table .thead-dark th { color: inherit; border-color: #d1d1d1; } } /* SPDX-SnippetBegin * SPDX-License-Identifier: MIT * SPDX-SnippetCopyrightText: © 2016 Nicolas Gallagher and Jonathan Neal */ *, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } main { display: block; } body { background-color: #fff; color: #2b2b2b; font-family: Open Sans, Arial, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.625; margin: 0; -ms-overflow-style: scrollbar; text-align: inherit; } h1, h2, h3, h4, h5, h6 { margin-bottom: 0.75rem; margin-top: 0; } p { margin-bottom: 1rem; margin-top: 0; } abbr[title], abbr[data-original-title] { cursor: help; text-decoration: underline; text-decoration: underline dotted; text-decoration-skip-ink: none; } address { font-style: normal; margin-bottom: 1rem; } ol, ul, dl { margin-bottom: 1rem; margin-top: 0; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 600; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } sub, sup { line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { border-radius: 1px; color: #406a9e; text-decoration: underline; text-underline-offset: 0.23em; 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) { a { transition: none; } } .c-prefers-reduced-motion a { transition: none; } a:hover, a.hover { color: #00387d; text-decoration: underline; } a.focus, a:focus-visible, .c-prefers-focus a:focus { box-shadow: 0 0 0 0.2rem rgba(0, 130, 150, 0.25); outline: 0; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } pre { margin-bottom: 1rem; margin-top: 0; overflow: auto; } figure { margin: 0 0 1rem; } img { vertical-align: middle; } svg { overflow: hidden; vertical-align: middle; } label { display: inline-block; margin-bottom: 0.625rem; } input, button, select, optgroup, textarea { font-family: inherit; font-size: inherit; line-height: inherit; margin: 0; } button, input { overflow: visible; } select { word-wrap: normal; } button, [type=button], [type=reset], [type=submit] { cursor: pointer; -webkit-appearance: button; } button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; } input[type=date], input[type=time], input[type=datetime-local], input[type=month] { -webkit-appearance: listbox; } textarea { overflow: auto; } fieldset { border: 0; margin: 0; min-width: 0; padding: 0; } legend { color: inherit; display: block; font-size: 1.5rem; line-height: inherit; margin-bottom: 0.5rem; max-width: 100%; padding: 0; white-space: normal; width: 100%; } progress { vertical-align: baseline; } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: none; } [type=search]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } /* SPDX-SnippetEnd */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #008296; font-family: Open Sans, Arial, sans-serif; font-weight: 600; line-height: 1.2; margin-bottom: 0.75rem; } h1, .h1 { font-size: 2.875rem; } @media (max-width: 767.98px) { h1, .h1 { font-size: 2.25rem; } } h2, .h2 { font-size: 1.6875rem; } h3, .h3 { font-size: 1.4375rem; } h4, .h4 { font-size: 1.1875rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.375rem; font-weight: 400; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 2.75rem; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 2.75rem; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 2.75rem; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 2.75rem; } hr { border-color: #bfcddf; border-style: solid; border-width: 1px 0 0 0; margin-bottom: 1.25rem; margin-top: 1.25rem; } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { background-color: #fcf8e3; display: inline; line-height: normal; padding: 0.2em; position: relative; white-space: pre-wrap; } mark.clay-dark, .clay-dark.mark, .clay-dark mark, .clay-dark .mark { background-color: #7f7f7f; color: #fff; } .list-unstyled { list-style: none; padding-left: 0; } .list-inline { list-style: none; padding-left: 0; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { font-size: 1.375rem; margin-bottom: 1rem; } .blockquote-footer { color: #2b2b2b; display: block; font-size: 1.1875rem; } .blockquote-footer::before { content: "— "; } .reference-mark { display: inline-block; font-size: 0.75rem; position: relative; vertical-align: super; } .reference-mark.lexicon-icon { vertical-align: super; } .c-kbd-group { font-size: 0.875rem; } .c-kbd-group > .c-kbd { font-size: inherit; } .c-kbd { background-color: transparent; border-radius: 2px; border-color: transparent; border-style: solid; border-width: 1px; box-shadow: none; color: inherit; display: inline-block; font-family: Open Sans, Arial, sans-serif; font-size: 0.875rem; font-weight: 500; height: 1.5rem; line-height: 1.375rem; min-width: 1.5rem; padding-bottom: 0; padding-left: 0.3125rem; padding-right: 0.3125rem; padding-top: 0; text-align: center; text-transform: capitalize; } .c-kbd > .c-kbd { border-width: 0px; font-size: inherit; font-weight: inherit; height: auto; line-height: inherit; min-width: 0; padding: 0; } .c-kbd > .c-kbd[class*=c-kbd-] { border-width: inherit; height: inherit; min-width: inherit; padding: inherit; } .c-kbd > .c-kbd[class*=c-kbd-]:first-child { margin-left: -0.3125rem; } .c-kbd > .c-kbd[class*=c-kbd-]:last-child { margin-right: -0.3125rem; } .c-kbd > .c-kbd.c-kbd-monospaced { padding: 0; } .c-kbd > .c-kbd-separator { font-weight: 400; } .c-kbd-monospaced { padding: 0; } .c-kbd-inline { border-width: 0px; font-weight: 300; height: auto; line-height: inherit; min-width: 0; padding: 0; } .c-kbd-inline .c-kbd-separator { font-weight: inherit; } .c-kbd-sm, .c-kbd.c-kbd-sm { font-size: 0.75rem; } .c-kbd-group-sm { font-size: 0.75rem; } .c-kbd-lg, .c-kbd.c-kbd-lg { font-size: 1rem; } .c-kbd-group-lg { font-size: 1rem; } .c-kbd-group-light { color: #e6ebf2; } .c-kbd-light { background-color: #fff; border-color: #ced4da; color: #e6ebf2; } .c-kbd-group-dark { color: #fff; } .c-kbd-dark { background-color: #7f7f7f; border-color: #7f7f7f; color: #fff; } code { color: #e83e8c; font-size: 87.5%; word-wrap: break-word; } a > code { color: inherit; } kbd { background-color: #212529; border-radius: 0; color: #fff; font-size: 87.5%; padding: 0.2rem 0.4rem; } kbd kbd { font-size: 100%; font-weight: 600; padding: 0; } pre { color: #212529; display: block; font-size: 87.5%; } pre code { color: inherit; font-size: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .img-fluid { height: auto; max-width: 100%; } .img-thumbnail { background-color: #fff; border: 1px solid #dee2e6; border-radius: 0; height: auto; max-width: 100%; padding: 0.25rem; } .figure { display: inline-block; } .figure-img { line-height: 1; margin-bottom: 0.5rem; } .figure-caption { color: #6c757d; font-size: 90%; } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { overflow: hidden; position: relative; width: 100%; } .carousel-inner::after { clear: both; content: ""; display: block; } .carousel-item { backface-visibility: hidden; display: none; float: left; margin-right: -100%; position: relative; transition: transform 0.6s ease-in-out; width: 100%; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .c-prefers-reduced-motion .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; transform: none; transition-property: opacity; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { opacity: 1; z-index: 1; } .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { opacity: 0; transition: opacity 0s 0.6s; z-index: 0; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; } } .c-prefers-reduced-motion .carousel-fade .active.carousel-item-left, .c-prefers-reduced-motion .carousel-fade .active.carousel-item-right { transition: none; } .carousel-control-prev, .carousel-control-next { align-items: center; bottom: 0; color: #fff; display: flex; justify-content: center; opacity: 0.5; position: absolute; text-align: center; top: 0; transition: opacity 0.15s ease; width: 15%; z-index: 1; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .c-prefers-reduced-motion .carousel-control-prev, .c-prefers-reduced-motion .carousel-control-next { transition: none; } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; opacity: 0.9; outline: 0; text-decoration: none; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { background: no-repeat 50%/100% 100%; display: inline-block; height: 20px; width: 20px; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } .carousel-indicators { bottom: 0; display: flex; justify-content: center; left: 0; list-style: none; margin-left: 15%; margin-right: 15%; padding-left: 0; position: absolute; right: 0; z-index: 15; } .carousel-indicators li { background-clip: padding-box; background-color: #fff; border-bottom: 10px solid transparent; border-top: 10px solid transparent; box-sizing: content-box; cursor: pointer; flex: 0 1 auto; height: 3px; margin-left: 3px; margin-right: 3px; opacity: 0.5; text-indent: -999px; transition: opacity 0.6s ease; width: 30px; } @media (prefers-reduced-motion: reduce) { .carousel-indicators li { transition: none; } } .c-prefers-reduced-motion .carousel-indicators li { transition: none; } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; } .jumbotron { background-color: #e9ecef; border-radius: 0.3rem; margin-bottom: 2rem; padding: 2rem 1rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { border-radius: 0; padding-left: 0; padding-right: 0; } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { animation: spinner-border 0.75s linear infinite; border-color: currentColor transparent currentColor currentColor; border-radius: 50%; border-style: solid; border-width: 0.25em; display: inline-block; height: 2rem; vertical-align: text-bottom; width: 2rem; } @media (prefers-reduced-motion: reduce) { .spinner-border { animation: none; } } .c-prefers-reduced-motion .spinner-border { animation: none; } .spinner-border-sm { border-width: 0.2em; height: 1rem; width: 1rem; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; } } .spinner-grow { animation: spinner-grow 0.75s linear infinite; background-color: currentColor; border-radius: 50%; display: inline-block; height: 2rem; opacity: 0; vertical-align: text-bottom; width: 2rem; } @media (prefers-reduced-motion: reduce) { .spinner-grow { animation: none; } } .c-prefers-reduced-motion .spinner-grow { animation: none; } .spinner-grow-sm { height: 1rem; width: 1rem; } .toast { backdrop-filter: blur(10px); background-clip: padding-box; background-color: rgba(255, 255, 255, 0.85); border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0.25rem; box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1); font-size: 0.875rem; max-width: 350px; opacity: 0; overflow: hidden; } .toast:not(:last-child) { margin-bottom: 0.75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { align-items: center; background-clip: padding-box; background-color: rgba(255, 255, 255, 0.85); border-bottom: 1px solid rgba(0, 0, 0, 0.05); color: #6c757d; display: flex; padding: 0.25rem 0.75rem; } .toast-body { padding: 0.75rem; } .lexicon-icon { display: inline-block; fill: currentColor; height: 1em; margin-top: -3px; vertical-align: middle; width: 1em; } .lexicon-icon-sm { font-size: 0.5rem; } .lexicon-icon-lg { font-size: 2rem; } .lexicon-icon-xl { font-size: 8rem; } .order-arrow-down-active .order-arrow-arrow-down { fill: rgba(0, 0, 0, 0.9); } .order-arrow-up-active .order-arrow-arrow-up { fill: rgba(0, 0, 0, 0.9); } a.collapse-icon, button.collapse-icon { padding-right: 2.28125rem; } a.collapse-icon .c-inner, button.collapse-icon .c-inner { margin-right: -2.28125rem; } .collapse-icon-closed .lexicon-icon, .collapse-icon-open .lexicon-icon { display: block; } .collapse-icon .collapse-icon-closed, .collapse-icon .collapse-icon-open { height: 1em; position: absolute; right: 0.9375rem; top: calc(0.5rem + 0.0625rem + (((0.9375em * 1.5) - 1em) * 0.5)); width: 1em; } .collapse-icon .collapse-icon-closed .lexicon-icon, .collapse-icon .collapse-icon-open .lexicon-icon { margin-top: 0; } .collapse-icon .collapse-icon-closed { display: none; } .collapse-icon .collapse-icon-open { display: inline-block; } .collapsed .collapse-icon-closed { display: inline-block; } .collapsed .collapse-icon-open { display: none; } .collapse-icon.collapse-icon-middle .collapse-icon-closed, .collapse-icon.collapse-icon-middle .collapse-icon-open { margin-top: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .aspect-ratio { display: block; overflow: hidden; position: relative; padding-bottom: calc(1 / 1 * 100%); } .aspect-ratio-item { left: 0; position: absolute; word-wrap: break-word; } .sticker-img, .aspect-ratio-item-fluid { max-width: 100%; position: absolute; word-wrap: break-word; } .aspect-ratio-item-vertical-fluid { max-height: 100%; position: absolute; word-wrap: break-word; } .aspect-ratio-item-flush { max-width: none; position: absolute; width: 100.6%; } .aspect-ratio-item-vertical-flush { height: 100.6%; max-height: none; position: absolute; } .aspect-ratio-item-top-left { position: absolute; bottom: auto; left: 0; right: auto; top: 0; } .aspect-ratio-item-top-center { position: absolute; bottom: auto; left: 50%; right: auto; top: 0; transform: translateX(-50%); } .aspect-ratio-item-top-right { position: absolute; bottom: auto; left: auto; right: 0; top: 0; } .aspect-ratio-item-right-middle { position: absolute; bottom: auto; left: auto; right: 0; top: 50%; transform: translateY(-50%); } .aspect-ratio-item-bottom-right { position: absolute; bottom: 0; left: auto; right: 0; top: auto; } .aspect-ratio-item-bottom-center { position: absolute; bottom: 0; left: 50%; right: auto; transform: translateX(-50%); } .aspect-ratio-item-bottom-left { position: absolute; bottom: 0; left: 0; right: auto; top: auto; } .aspect-ratio-item-left-middle { position: absolute; bottom: auto; left: 0; right: auto; top: 50%; transform: translateY(-50%); } .sticker-img, .aspect-ratio-item-center-middle { position: absolute; bottom: auto; left: 50%; right: auto; top: 50%; transform: translate(-50%, -50%); } .aspect-ratio-3-to-2 { padding-bottom: calc(2 / 3 * 100%); } .aspect-ratio-4-to-3 { padding-bottom: calc(3 / 4 * 100%); } .aspect-ratio-8-to-3 { padding-bottom: calc(3 / 8 * 100%); } .aspect-ratio-8-to-5 { padding-bottom: calc(5 / 8 * 100%); } .aspect-ratio-16-to-9 { padding-bottom: calc(9 / 16 * 100%); } .aspect-ratio-bg-contain { background-position: center; background-repeat: no-repeat; background-size: contain; } .aspect-ratio-bg-cover { background-position: center; background-repeat: no-repeat; background-size: cover; } .aspect-ratio-bg-center { background-position: center; background-repeat: no-repeat; } .btn { background-color: transparent; border-color: transparent; border-style: solid; border-width: 1px; border-radius: 0.3rem; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); color: #2b2b2b; cursor: pointer; display: inline-block; font-size: 1rem; font-weight: 700; letter-spacing: inherit; line-height: 1.625; padding-bottom: 0.375rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 0.375rem; text-align: center; text-transform: 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; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; vertical-align: middle; white-space: normal; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .c-prefers-reduced-motion .btn { transition: none; } .btn:hover { color: #2b2b2b; text-decoration: none; } .btn.focus, .btn:focus-visible, .c-prefers-focus .btn:focus { box-shadow: 0 0.0625rem 0.375rem #008dc9; outline: 0; } .btn:active:focus-visible, .c-prefers-focus .btn:active:focus { box-shadow: 0 0.0625rem 0.375rem #008dc9; } .btn:disabled, .btn.disabled { cursor: not-allowed; opacity: 1; } .btn:disabled:focus-visible, .c-prefers-focus .btn:disabled:focus, .btn.disabled:focus-visible, .c-prefers-focus .btn.disabled:focus { box-shadow: none; } .btn:disabled:active, .btn.disabled:active { pointer-events: none; } .btn .c-inner { margin-bottom: -0.375rem; margin-left: -1.5rem; margin-right: -1.5rem; margin-top: -0.375rem; } .btn .inline-item { line-height: 1; margin-top: -3px; } .btn .inline-item .lexicon-icon { margin-top: 0; } .btn .btn-section { display: block; font-size: 0.6875rem; font-weight: 500; line-height: 1; } fieldset:disabled a.btn { cursor: not-allowed; opacity: 1; } fieldset:disabled a.btn:focus { box-shadow: none; } fieldset:disabled a.btn:active { pointer-events: none; } .sidebar-sm .btn.btn-xs, .btn-translucent, .btn-xs { font-size: 0.75rem; line-height: 1.5; padding-bottom: 0.125rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.125rem; } .sidebar-sm .btn.btn-xs .c-inner, .btn-translucent .c-inner, .btn-xs .c-inner { margin-bottom: -0.125rem; margin-left: -0.5rem; margin-right: -0.5rem; margin-top: -0.125rem; } .sidebar-sm .btn.btn-xs .lexicon-icon, .btn-translucent .lexicon-icon, .btn-xs .lexicon-icon { font-size: inherit; } .sidebar-sm .btn.btn-xs .inline-item, .btn-translucent .inline-item, .btn-xs .inline-item { font-size: inherit; margin-top: -0.16em; } .sidebar-sm .btn.btn-xs .inline-item-before, .btn-translucent .inline-item-before, .btn-xs .inline-item-before { margin-right: 0.25rem; } .sidebar-sm .btn.btn-xs .inline-item-after, .btn-translucent .inline-item-after, .btn-xs .inline-item-after { margin-left: 0.25rem; } .sidebar-sm .btn.btn-xs .btn-section, .btn-translucent .btn-section, .btn-xs .btn-section { font-size: 0.375rem; } .btn-group-lg .btn-group > .btn, .btn-lg, .btn-group-lg > .btn { border-radius: 0.3rem; font-size: 1.25rem; line-height: 1.5; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; } .btn-group-lg .btn-group > .btn .c-inner, .btn-lg .c-inner, .btn-group-lg > .btn .c-inner { margin-bottom: -0.5rem; margin-left: -1rem; margin-right: -1rem; margin-top: -0.5rem; } .btn-group-lg .btn-group > .btn .btn-section, .btn-lg .btn-section, .btn-group-lg > .btn .btn-section { font-size: 0.8125rem; } .sidebar-sm .btn, .form-group-sm .btn, .btn-group-sm .btn-group > .btn, .btn-sm, .btn-group-sm > .btn { border-radius: 0.187rem; font-size: 1rem; line-height: 1.375; padding-bottom: 0.0625rem; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.0625rem; } .sidebar-sm .btn .c-inner, .form-group-sm .btn .c-inner, .btn-group-sm .btn-group > .btn .c-inner, .btn-sm .c-inner, .btn-group-sm > .btn .c-inner { margin-bottom: -0.0625rem; margin-left: -0.75rem; margin-right: -0.75rem; margin-top: -0.0625rem; } .sidebar-sm .btn .btn-section, .form-group-sm .btn .btn-section, .btn-group-sm .btn-group > .btn .btn-section, .btn-sm .btn-section, .btn-group-sm > .btn .btn-section { font-size: 0.5625rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { width: 100%; } .menubar-toggler, .btn-unstyled { background-color: rgba(0, 0, 0, 0.001); border-width: 0; cursor: pointer; font-size: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; max-width: 100%; padding: 0; text-align: left; text-transform: inherit; vertical-align: baseline; } .menubar-toggler .c-inner, .btn-unstyled .c-inner { margin: 0; max-width: none; } .sidebar-sm .btn.btn-monospaced.btn-xs, .btn-monospaced.btn-xs { height: 1.5rem; width: 1.5rem; } .btn-monospaced { align-items: center; display: inline-flex; flex-direction: column; height: 2.375rem; justify-content: center; line-height: 1; overflow: hidden; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-align: center; white-space: normal; width: 2.375rem; overflow-wrap: break-word; word-wrap: break-word; } .btn-monospaced .c-inner { margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; align-items: center; display: flex; flex-direction: column; height: 100%; justify-content: center; padding: 0; width: 100%; } .btn-monospaced .lexicon-icon { margin-top: 0; } .btn-monospaced .inline-item { margin-top: 0; } .btn-group-vertical > .btn-monospaced.btn-lg, .btn-group-lg.btn-group-vertical > .btn-monospaced.btn, .btn-group-lg .btn-monospaced, .btn-monospaced.btn-lg { height: 3rem; width: 3rem; } .sidebar-sm .btn.btn-monospaced, .btn-group-vertical > .btn-monospaced.btn-sm, .btn-group-sm.btn-group-vertical > .btn-monospaced.btn, .btn-group-sm .btn-monospaced, .btn-monospaced.btn-sm { height: 1.9375rem; width: 1.9375rem; } .btn-primary { background-color: #008296; border-color: #008296; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); color: #fff; } .btn-primary:hover { background-color: #006170; border-color: #005663; color: #fff; } .btn-primary.focus, .btn-primary:focus-visible, .c-prefers-focus .btn-primary:focus { background-color: #006170; border-color: #005663; color: #fff; } .btn-primary:active { background-color: #005663; border-color: #004b56; color: #fff; } .btn-primary.active { background-color: #005663; border-color: #004b56; color: #fff; } .btn-primary:disabled, .btn-primary.disabled { background-color: #008296; border-color: #008296; color: #fff; } .btn-primary[aria-expanded=true], .btn-primary.show { background-color: #005663; border-color: #004b56; color: #fff; } .btn-secondary { background-color: #e6ebf2; border-color: #e6ebf2; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); color: #212529; } .btn-secondary:hover { background-color: #cdd7e5; border-color: #c4d0e1; color: #212529; } .btn-secondary.focus, .btn-secondary:focus-visible, .c-prefers-focus .btn-secondary:focus { background-color: #cdd7e5; border-color: #c4d0e1; color: #212529; } .btn-secondary:active { background-color: #c4d0e1; border-color: #bcc9dc; color: #212529; } .btn-secondary.active { background-color: #c4d0e1; border-color: #bcc9dc; color: #212529; } .btn-secondary:disabled, .btn-secondary.disabled { background-color: #e6ebf2; border-color: #e6ebf2; color: #212529; } .btn-secondary[aria-expanded=true], .btn-secondary.show { background-color: #c4d0e1; border-color: #bcc9dc; color: #212529; } .btn-success { background-color: #547b1c; border-color: #547b1c; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); color: #fff; } .btn-success:hover { background-color: #3f5c15; border-color: #385113; color: #fff; } .btn-success.focus, .btn-success:focus-visible, .c-prefers-focus .btn-success:focus { background-color: #3f5c15; border-color: #385113; color: #fff; } .btn-success:active { background-color: #385113; border-color: #314710; color: #fff; } .btn-success.active { background-color: #385113; border-color: #314710; color: #fff; } .btn-success:disabled, .btn-success.disabled { background-color: #547b1c; border-color: #547b1c; color: #fff; } .btn-success[aria-expanded=true], .btn-success.show { background-color: #385113; border-color: #314710; color: #fff; } .btn-info { background-color: #0075a8; border-color: #0075a8; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); color: #fff; } .btn-info:hover { background-color: #005a82; border-color: #005175; color: #fff; } .btn-info.focus, .btn-info:focus-visible, .c-prefers-focus .btn-info:focus { background-color: #005a82; border-color: #005175; color: #fff; } .btn-info:active { background-color: #005175; border-color: #004968; color: #fff; } .btn-info.active { background-color: #005175; border-color: #004968; color: #fff; } .btn-info:disabled, .btn-info.disabled { background-color: #0075a8; border-color: #0075a8; color: #fff; } .btn-info[aria-expanded=true], .btn-info.show { background-color: #005175; border-color: #004968; color: #fff; } .btn-warning { background-color: #b4520c; border-color: #b4520c; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); color: #fff; } .btn-warning:hover { background-color: #90420a; border-color: #843c09; color: #fff; } .btn-warning.focus, .btn-warning:focus-visible, .c-prefers-focus .btn-warning:focus { background-color: #90420a; border-color: #843c09; color: #fff; } .btn-warning:active { background-color: #843c09; border-color: #783708; color: #fff; } .btn-warning.active { background-color: #843c09; border-color: #783708; color: #fff; } .btn-warning:disabled, .btn-warning.disabled { background-color: #b4520c; border-color: #b4520c; color: #fff; } .btn-warning[aria-expanded=true], .btn-warning.show { background-color: #843c09; border-color: #783708; color: #fff; } .btn-danger { background-color: #ab2218; border-color: #ab2218; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); color: #fff; } .btn-danger:hover { background-color: #891b13; border-color: #7e1912; color: #fff; } .btn-danger.focus, .btn-danger:focus-visible, .c-prefers-focus .btn-danger:focus { background-color: #891b13; border-color: #7e1912; color: #fff; } .btn-danger:active { background-color: #7e1912; border-color: #731710; color: #fff; } .btn-danger.active { background-color: #7e1912; border-color: #731710; color: #fff; } .btn-danger:disabled, .btn-danger.disabled { background-color: #ab2218; border-color: #ab2218; color: #fff; } .btn-danger[aria-expanded=true], .btn-danger.show { background-color: #7e1912; border-color: #731710; color: #fff; } .btn-light { background-color: #ebebeb; border-color: #ebebeb; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); color: #212529; } .btn-light:hover { background-color: #d8d8d8; border-color: #d2d2d2; color: #212529; } .btn-light.focus, .btn-light:focus-visible, .c-prefers-focus .btn-light:focus { background-color: #d8d8d8; border-color: #d2d2d2; color: #212529; } .btn-light:active { background-color: #d2d2d2; border-color: #cbcbcb; color: #212529; } .btn-light.active { background-color: #d2d2d2; border-color: #cbcbcb; color: #212529; } .btn-light:disabled, .btn-light.disabled { background-color: #ebebeb; border-color: #ebebeb; color: #212529; } .btn-light[aria-expanded=true], .btn-light.show { background-color: #d2d2d2; border-color: #cbcbcb; color: #212529; } .btn-dark { background-color: #2b2b2b; border-color: #2b2b2b; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); color: #fff; } .btn-dark:hover { background-color: #181818; border-color: #121212; color: #fff; } .btn-dark.focus, .btn-dark:focus-visible, .c-prefers-focus .btn-dark:focus { background-color: #181818; border-color: #121212; color: #fff; } .btn-dark:active { background-color: #121212; border-color: #0b0b0b; color: #fff; } .btn-dark.active { background-color: #121212; border-color: #0b0b0b; color: #fff; } .btn-dark:disabled, .btn-dark.disabled { background-color: #2b2b2b; border-color: #2b2b2b; color: #fff; } .btn-dark[aria-expanded=true], .btn-dark.show { background-color: #121212; border-color: #0b0b0b; color: #fff; } .btn-link { border-radius: 1px; color: #406a9e; font-weight: 400; text-decoration: underline; } .btn-link:hover { color: #00387d; text-decoration: underline; } .btn-link.focus, .btn-link:focus-visible, .c-prefers-focus .btn-link:focus { box-shadow: 0 0.0625rem 0.375rem #008dc9; text-decoration: underline; } .btn-link:active:focus-visible, .c-prefers-focus .btn-link:active:focus { box-shadow: 0 0.0625rem 0.375rem #008dc9; } .btn-link:disabled, .btn-link.disabled { box-shadow: none; color: #919191; text-decoration: none; } .btn-translucent { border-radius: 50rem; } .btn-translucent.btn-primary { background-color: rgba(0, 97, 112, 0.04); border-color: transparent; color: #006170; } .btn-translucent.btn-primary:hover { background-color: rgba(0, 97, 112, 0.06); color: #006170; } .btn-translucent.btn-primary.focus, .btn-translucent.btn-primary:focus-visible, .c-prefers-focus .btn-translucent.btn-primary:focus { background-color: rgba(0, 97, 112, 0.06); color: #006170; } .btn-translucent.btn-primary:active { background-color: rgba(0, 97, 112, 0.08); color: #006170; } .btn-translucent.btn-primary.active { background-color: rgba(0, 97, 112, 0.08); color: #006170; } .btn-translucent.btn-primary[aria-expanded=true], .btn-translucent.btn-primary.show { background-color: rgba(0, 97, 112, 0.08); color: #006170; } .btn-translucent.btn-secondary { background-color: rgba(127, 127, 127, 0.04); border-color: transparent; color: #e6ebf2; } .btn-translucent.btn-secondary:hover { background-color: rgba(127, 127, 127, 0.06); color: #e6ebf2; } .btn-translucent.btn-secondary.focus, .btn-translucent.btn-secondary:focus-visible, .c-prefers-focus .btn-translucent.btn-secondary:focus { background-color: rgba(127, 127, 127, 0.06); color: #e6ebf2; } .btn-translucent.btn-secondary:active { background-color: rgba(127, 127, 127, 0.08); color: #e6ebf2; } .btn-translucent.btn-secondary.active { background-color: rgba(127, 127, 127, 0.08); color: #e6ebf2; } .btn-translucent.btn-secondary[aria-expanded=true], .btn-translucent.btn-secondary.show { background-color: rgba(127, 127, 127, 0.08); color: #e6ebf2; } .btn-translucent.btn-info, .btn-beta { background-color: rgba(0, 90, 130, 0.04); border-color: transparent; color: #005a82; } .btn-translucent.btn-info:hover, .btn-beta:hover { background-color: rgba(0, 90, 130, 0.06); color: #005a82; } .btn-translucent.btn-info.focus, .btn-translucent.btn-info:focus-visible, .c-prefers-focus .btn-translucent.btn-info:focus, .btn-beta.focus, .btn-beta:focus-visible, .c-prefers-focus .btn-beta:focus { background-color: rgba(0, 90, 130, 0.06); color: #005a82; } .btn-translucent.btn-info:active, .btn-beta:active { background-color: rgba(0, 90, 130, 0.08); color: #005a82; } .btn-translucent.btn-info.active, .btn-beta.active { background-color: rgba(0, 90, 130, 0.08); color: #005a82; } .btn-translucent.btn-info[aria-expanded=true], .btn-translucent.btn-info.show, .btn-beta[aria-expanded=true], .btn-beta.show { background-color: rgba(0, 90, 130, 0.08); color: #005a82; } .btn-translucent.btn-success { background-color: rgba(63, 92, 21, 0.04); border-color: transparent; color: #3f5c15; } .btn-translucent.btn-success:hover { background-color: rgba(63, 92, 21, 0.06); color: #3f5c15; } .btn-translucent.btn-success.focus, .btn-translucent.btn-success:focus-visible, .c-prefers-focus .btn-translucent.btn-success:focus { background-color: rgba(63, 92, 21, 0.06); color: #3f5c15; } .btn-translucent.btn-success:active { background-color: rgba(63, 92, 21, 0.08); color: #3f5c15; } .btn-translucent.btn-success.active { background-color: rgba(63, 92, 21, 0.08); color: #3f5c15; } .btn-translucent.btn-success[aria-expanded=true], .btn-translucent.btn-success.show { background-color: rgba(63, 92, 21, 0.08); color: #3f5c15; } .btn-translucent.btn-warning { background-color: rgba(144, 66, 10, 0.04); border-color: transparent; color: #90420a; } .btn-translucent.btn-warning:hover { background-color: rgba(144, 66, 10, 0.06); color: #90420a; } .btn-translucent.btn-warning.focus, .btn-translucent.btn-warning:focus-visible, .c-prefers-focus .btn-translucent.btn-warning:focus { background-color: rgba(144, 66, 10, 0.06); color: #90420a; } .btn-translucent.btn-warning:active { background-color: rgba(144, 66, 10, 0.08); color: #90420a; } .btn-translucent.btn-warning.active { background-color: rgba(144, 66, 10, 0.08); color: #90420a; } .btn-translucent.btn-warning[aria-expanded=true], .btn-translucent.btn-warning.show { background-color: rgba(144, 66, 10, 0.08); color: #90420a; } .btn-translucent.btn-danger { background-color: rgba(137, 27, 19, 0.04); border-color: transparent; color: #891b13; } .btn-translucent.btn-danger:hover { background-color: rgba(137, 27, 19, 0.06); color: #891b13; } .btn-translucent.btn-danger.focus, .btn-translucent.btn-danger:focus-visible, .c-prefers-focus .btn-translucent.btn-danger:focus { background-color: rgba(137, 27, 19, 0.06); color: #891b13; } .btn-translucent.btn-danger:active { background-color: rgba(137, 27, 19, 0.08); color: #891b13; } .btn-translucent.btn-danger.active { background-color: rgba(137, 27, 19, 0.08); color: #891b13; } .btn-translucent.btn-danger[aria-expanded=true], .btn-translucent.btn-danger.show { background-color: rgba(137, 27, 19, 0.08); color: #891b13; } .clay-dark.btn-translucent.btn-primary, .clay-dark .btn-translucent.btn-primary { background-color: rgba(63, 229, 255, 0.04); border-color: transparent; color: #0cdfff; } .clay-dark.btn-translucent.btn-primary:hover, .clay-dark .btn-translucent.btn-primary:hover { background-color: rgba(63, 229, 255, 0.06); color: #0cdfff; } .focus.clay-dark.btn-translucent.btn-primary, .clay-dark .focus.btn-translucent.btn-primary, .clay-dark.btn-translucent.btn-primary:focus-visible, .clay-dark .btn-translucent.btn-primary:focus-visible, .c-prefers-focus .clay-dark.btn-translucent.btn-primary:focus, .c-prefers-focus .clay-dark .btn-translucent.btn-primary:focus, .clay-dark .c-prefers-focus .btn-translucent.btn-primary:focus { background-color: rgba(63, 229, 255, 0.06); color: #0cdfff; } .clay-dark.btn-translucent.btn-primary:active, .clay-dark .btn-translucent.btn-primary:active { background-color: rgba(63, 229, 255, 0.08); color: #0cdfff; } .active.clay-dark.btn-translucent.btn-primary, .clay-dark .active.btn-translucent.btn-primary { background-color: rgba(63, 229, 255, 0.08); color: #0cdfff; } [aria-expanded=true].clay-dark.btn-translucent.btn-primary, .clay-dark [aria-expanded=true].btn-translucent.btn-primary, .show.clay-dark.btn-translucent.btn-primary, .clay-dark .show.btn-translucent.btn-primary { background-color: rgba(63, 229, 255, 0.08); color: #0cdfff; } .clay-dark.btn-translucent.btn-info, .clay-dark .btn-translucent.btn-info, .btn-beta-dark { background-color: rgba(81, 202, 255, 0.04); border-color: transparent; color: #1ebbff; } .clay-dark.btn-translucent.btn-info:hover, .clay-dark .btn-translucent.btn-info:hover, .btn-beta-dark:hover { background-color: rgba(81, 202, 255, 0.06); color: #1ebbff; } .focus.clay-dark.btn-translucent.btn-info, .clay-dark .focus.btn-translucent.btn-info, .focus.btn-beta-dark, .clay-dark.btn-translucent.btn-info:focus-visible, .clay-dark .btn-translucent.btn-info:focus-visible, .btn-beta-dark:focus-visible, .c-prefers-focus .clay-dark.btn-translucent.btn-info:focus, .c-prefers-focus .clay-dark .btn-translucent.btn-info:focus, .clay-dark .c-prefers-focus .btn-translucent.btn-info:focus, .c-prefers-focus .btn-beta-dark:focus { background-color: rgba(81, 202, 255, 0.06); color: #1ebbff; } .clay-dark.btn-translucent.btn-info:active, .clay-dark .btn-translucent.btn-info:active, .btn-beta-dark:active { background-color: rgba(81, 202, 255, 0.08); color: #1ebbff; } .active.clay-dark.btn-translucent.btn-info, .clay-dark .active.btn-translucent.btn-info, .active.btn-beta-dark { background-color: rgba(81, 202, 255, 0.08); color: #1ebbff; } [aria-expanded=true].clay-dark.btn-translucent.btn-info, .clay-dark [aria-expanded=true].btn-translucent.btn-info, [aria-expanded=true].btn-beta-dark, .show.clay-dark.btn-translucent.btn-info, .clay-dark .show.btn-translucent.btn-info, .show.btn-beta-dark { background-color: rgba(81, 202, 255, 0.08); color: #1ebbff; } .clay-dark.btn-translucent.btn-success, .clay-dark .btn-translucent.btn-success { background-color: rgba(170, 220, 99, 0.04); border-color: transparent; color: #94d23a; } .clay-dark.btn-translucent.btn-success:hover, .clay-dark .btn-translucent.btn-success:hover { background-color: rgba(170, 220, 99, 0.06); color: #94d23a; } .focus.clay-dark.btn-translucent.btn-success, .clay-dark .focus.btn-translucent.btn-success, .clay-dark.btn-translucent.btn-success:focus-visible, .clay-dark .btn-translucent.btn-success:focus-visible, .c-prefers-focus .clay-dark.btn-translucent.btn-success:focus, .c-prefers-focus .clay-dark .btn-translucent.btn-success:focus, .clay-dark .c-prefers-focus .btn-translucent.btn-success:focus { background-color: rgba(170, 220, 99, 0.06); color: #94d23a; } .clay-dark.btn-translucent.btn-success:active, .clay-dark .btn-translucent.btn-success:active { background-color: rgba(170, 220, 99, 0.08); color: #94d23a; } .active.clay-dark.btn-translucent.btn-success, .clay-dark .active.btn-translucent.btn-success { background-color: rgba(170, 220, 99, 0.08); color: #94d23a; } [aria-expanded=true].clay-dark.btn-translucent.btn-success, .clay-dark [aria-expanded=true].btn-translucent.btn-success, .show.clay-dark.btn-translucent.btn-success, .clay-dark .show.btn-translucent.btn-success { background-color: rgba(170, 220, 99, 0.08); color: #94d23a; } .clay-dark.btn-translucent.btn-warning, .clay-dark .btn-translucent.btn-warning { background-color: rgba(246, 169, 114, 0.04); border-color: transparent; color: #f28c43; } .clay-dark.btn-translucent.btn-warning:hover, .clay-dark .btn-translucent.btn-warning:hover { background-color: rgba(246, 169, 114, 0.06); color: #f28c43; } .focus.clay-dark.btn-translucent.btn-warning, .clay-dark .focus.btn-translucent.btn-warning, .clay-dark.btn-translucent.btn-warning:focus-visible, .clay-dark .btn-translucent.btn-warning:focus-visible, .c-prefers-focus .clay-dark.btn-translucent.btn-warning:focus, .c-prefers-focus .clay-dark .btn-translucent.btn-warning:focus, .clay-dark .c-prefers-focus .btn-translucent.btn-warning:focus { background-color: rgba(246, 169, 114, 0.06); color: #f28c43; } .clay-dark.btn-translucent.btn-warning:active, .clay-dark .btn-translucent.btn-warning:active { background-color: rgba(246, 169, 114, 0.08); color: #f28c43; } .active.clay-dark.btn-translucent.btn-warning, .clay-dark .active.btn-translucent.btn-warning { background-color: rgba(246, 169, 114, 0.08); color: #f28c43; } [aria-expanded=true].clay-dark.btn-translucent.btn-warning, .clay-dark [aria-expanded=true].btn-translucent.btn-warning, .show.clay-dark.btn-translucent.btn-warning, .clay-dark .show.btn-translucent.btn-warning { background-color: rgba(246, 169, 114, 0.08); color: #f28c43; } .clay-dark.btn-translucent.btn-danger, .clay-dark .btn-translucent.btn-danger { background-color: rgba(237, 134, 126, 0.04); border-color: transparent; color: #e75c51; } .clay-dark.btn-translucent.btn-danger:hover, .clay-dark .btn-translucent.btn-danger:hover { background-color: rgba(237, 134, 126, 0.06); color: #e75c51; } .focus.clay-dark.btn-translucent.btn-danger, .clay-dark .focus.btn-translucent.btn-danger, .clay-dark.btn-translucent.btn-danger:focus-visible, .clay-dark .btn-translucent.btn-danger:focus-visible, .c-prefers-focus .clay-dark.btn-translucent.btn-danger:focus, .c-prefers-focus .clay-dark .btn-translucent.btn-danger:focus, .clay-dark .c-prefers-focus .btn-translucent.btn-danger:focus { background-color: rgba(237, 134, 126, 0.06); color: #e75c51; } .clay-dark.btn-translucent.btn-danger:active, .clay-dark .btn-translucent.btn-danger:active { background-color: rgba(237, 134, 126, 0.08); color: #e75c51; } .active.clay-dark.btn-translucent.btn-danger, .clay-dark .active.btn-translucent.btn-danger { background-color: rgba(237, 134, 126, 0.08); color: #e75c51; } [aria-expanded=true].clay-dark.btn-translucent.btn-danger, .clay-dark [aria-expanded=true].btn-translucent.btn-danger, .show.clay-dark.btn-translucent.btn-danger, .clay-dark .show.btn-translucent.btn-danger { background-color: rgba(237, 134, 126, 0.08); color: #e75c51; } .btn-outline-primary { border-color: #008296; color: #008296; } .btn-outline-primary:hover { background-color: #008296; border-color: #008296; color: #fff; } .btn-outline-primary.focus, .btn-outline-primary:focus-visible, .c-prefers-focus .btn-outline-primary:focus { box-shadow: 0 0 0 0.1875rem rgba(0, 130, 150, 0.5); } .btn-outline-primary:active { background-color: #008296; border-color: #008296; color: #fff; } .btn-outline-primary:active:focus-visible, .c-prefers-focus .btn-outline-primary:active:focus { box-shadow: 0 0 0 0.1875rem rgba(0, 130, 150, 0.5); } .btn-outline-primary.active { background-color: #008296; border-color: #008296; color: #fff; } .btn-outline-primary:disabled, .btn-outline-primary.disabled { background-color: transparent; color: #008296; } .btn-outline-primary[aria-expanded=true], .btn-outline-primary.show { background-color: #008296; border-color: #008296; color: #fff; } .btn-outline-secondary { border-color: #e6ebf2; color: #e6ebf2; } .btn-outline-secondary:hover { background-color: #e6ebf2; border-color: #e6ebf2; color: #212529; } .btn-outline-secondary.focus, .btn-outline-secondary:focus-visible, .c-prefers-focus .btn-outline-secondary:focus { box-shadow: 0 0 0 0.1875rem rgba(230, 235, 242, 0.5); } .btn-outline-secondary:active { background-color: #e6ebf2; border-color: #e6ebf2; color: #212529; } .btn-outline-secondary:active:focus-visible, .c-prefers-focus .btn-outline-secondary:active:focus { box-shadow: 0 0 0 0.1875rem rgba(230, 235, 242, 0.5); } .btn-outline-secondary.active { background-color: #e6ebf2; border-color: #e6ebf2; color: #212529; } .btn-outline-secondary:disabled, .btn-outline-secondary.disabled { background-color: transparent; color: #e6ebf2; } .btn-outline-secondary[aria-expanded=true], .btn-outline-secondary.show { background-color: #e6ebf2; border-color: #e6ebf2; color: #212529; } .btn-outline-success { border-color: #547b1c; color: #547b1c; } .btn-outline-success:hover { background-color: #547b1c; border-color: #547b1c; color: #fff; } .btn-outline-success.focus, .btn-outline-success:focus-visible, .c-prefers-focus .btn-outline-success:focus { box-shadow: 0 0 0 0.1875rem rgba(84, 123, 28, 0.5); } .btn-outline-success:active { background-color: #547b1c; border-color: #547b1c; color: #fff; } .btn-outline-success:active:focus-visible, .c-prefers-focus .btn-outline-success:active:focus { box-shadow: 0 0 0 0.1875rem rgba(84, 123, 28, 0.5); } .btn-outline-success.active { background-color: #547b1c; border-color: #547b1c; color: #fff; } .btn-outline-success:disabled, .btn-outline-success.disabled { background-color: transparent; color: #547b1c; } .btn-outline-success[aria-expanded=true], .btn-outline-success.show { background-color: #547b1c; border-color: #547b1c; color: #fff; } .btn-outline-info { border-color: #0075a8; color: #0075a8; } .btn-outline-info:hover { background-color: #0075a8; border-color: #0075a8; color: #fff; } .btn-outline-info.focus, .btn-outline-info:focus-visible, .c-prefers-focus .btn-outline-info:focus { box-shadow: 0 0 0 0.1875rem rgba(0, 117, 168, 0.5); } .btn-outline-info:active { background-color: #0075a8; border-color: #0075a8; color: #fff; } .btn-outline-info:active:focus-visible, .c-prefers-focus .btn-outline-info:active:focus { box-shadow: 0 0 0 0.1875rem rgba(0, 117, 168, 0.5); } .btn-outline-info.active { background-color: #0075a8; border-color: #0075a8; color: #fff; } .btn-outline-info:disabled, .btn-outline-info.disabled { background-color: transparent; color: #0075a8; } .btn-outline-info[aria-expanded=true], .btn-outline-info.show { background-color: #0075a8; border-color: #0075a8; color: #fff; } .btn-outline-warning { border-color: #b4520c; color: #b4520c; } .btn-outline-warning:hover { background-color: #b4520c; border-color: #b4520c; color: #fff; } .btn-outline-warning.focus, .btn-outline-warning:focus-visible, .c-prefers-focus .btn-outline-warning:focus { box-shadow: 0 0 0 0.1875rem rgba(180, 82, 12, 0.5); } .btn-outline-warning:active { background-color: #b4520c; border-color: #b4520c; color: #fff; } .btn-outline-warning:active:focus-visible, .c-prefers-focus .btn-outline-warning:active:focus { box-shadow: 0 0 0 0.1875rem rgba(180, 82, 12, 0.5); } .btn-outline-warning.active { background-color: #b4520c; border-color: #b4520c; color: #fff; } .btn-outline-warning:disabled, .btn-outline-warning.disabled { background-color: transparent; color: #b4520c; } .btn-outline-warning[aria-expanded=true], .btn-outline-warning.show { background-color: #b4520c; border-color: #b4520c; color: #fff; } .btn-outline-danger { border-color: #ab2218; color: #ab2218; } .btn-outline-danger:hover { background-color: #ab2218; border-color: #ab2218; color: #fff; } .btn-outline-danger.focus, .btn-outline-danger:focus-visible, .c-prefers-focus .btn-outline-danger:focus { box-shadow: 0 0 0 0.1875rem rgba(171, 34, 24, 0.5); } .btn-outline-danger:active { background-color: #ab2218; border-color: #ab2218; color: #fff; } .btn-outline-danger:active:focus-visible, .c-prefers-focus .btn-outline-danger:active:focus { box-shadow: 0 0 0 0.1875rem rgba(171, 34, 24, 0.5); } .btn-outline-danger.active { background-color: #ab2218; border-color: #ab2218; color: #fff; } .btn-outline-danger:disabled, .btn-outline-danger.disabled { background-color: transparent; color: #ab2218; } .btn-outline-danger[aria-expanded=true], .btn-outline-danger.show { background-color: #ab2218; border-color: #ab2218; color: #fff; } .btn-outline-light { border-color: #ebebeb; color: #ebebeb; } .btn-outline-light:hover { background-color: #ebebeb; border-color: #ebebeb; color: #212529; } .btn-outline-light.focus, .btn-outline-light:focus-visible, .c-prefers-focus .btn-outline-light:focus { box-shadow: 0 0 0 0.1875rem rgba(235, 235, 235, 0.5); } .btn-outline-light:active { background-color: #ebebeb; border-color: #ebebeb; color: #212529; } .btn-outline-light:active:focus-visible, .c-prefers-focus .btn-outline-light:active:focus { box-shadow: 0 0 0 0.1875rem rgba(235, 235, 235, 0.5); } .btn-outline-light.active { background-color: #ebebeb; border-color: #ebebeb; color: #212529; } .btn-outline-light:disabled, .btn-outline-light.disabled { background-color: transparent; color: #ebebeb; } .btn-outline-light[aria-expanded=true], .btn-outline-light.show { background-color: #ebebeb; border-color: #ebebeb; color: #212529; } .btn-outline-dark { border-color: #2b2b2b; color: #2b2b2b; } .btn-outline-dark:hover { background-color: #2b2b2b; border-color: #2b2b2b; color: #fff; } .btn-outline-dark.focus, .btn-outline-dark:focus-visible, .c-prefers-focus .btn-outline-dark:focus { box-shadow: 0 0 0 0.1875rem rgba(43, 43, 43, 0.5); } .btn-outline-dark:active { background-color: #2b2b2b; border-color: #2b2b2b; color: #fff; } .btn-outline-dark:active:focus-visible, .c-prefers-focus .btn-outline-dark:active:focus { box-shadow: 0 0 0 0.1875rem rgba(43, 43, 43, 0.5); } .btn-outline-dark.active { background-color: #2b2b2b; border-color: #2b2b2b; color: #fff; } .btn-outline-dark:disabled, .btn-outline-dark.disabled { background-color: transparent; color: #2b2b2b; } .btn-outline-dark[aria-expanded=true], .btn-outline-dark.show { background-color: #2b2b2b; border-color: #2b2b2b; color: #fff; } .btn-outline-borderless { border-color: transparent; } .btn-outline-borderless:hover { border-color: transparent; } .btn-outline-borderless.focus, .btn-outline-borderless:focus-visible, .c-prefers-focus .btn-outline-borderless:focus { border-color: transparent; } .btn-outline-borderless:disabled, .btn-outline-borderless.disabled { border-color: transparent; } .btn-outline-borderless:not(:disabled):not(.disabled):active { border-color: transparent; } .show > .btn-outline-borderless.dropdown-toggle { border-color: transparent; } .btn .loading-animation { font-size: 1em; margin-top: -0.1em; } .c-horizontal-resizer { background-color: transparent; bottom: 0; cursor: ew-resize; margin-right: -0.25rem; position: absolute; right: 0; top: 0; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; width: 0.5rem; z-index: 10; } .c-horizontal-resizer:hover { background-color: #00cded; } .c-horizontal-resizer:focus { background-color: #00cded; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .c-prefers-reduced-motion .fade { transition: none; } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; position: relative; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .c-prefers-reduced-motion .collapsing { transition: none; } .container { margin-left: auto; margin-right: auto; padding-left: calc(30px * 0.5); padding-right: calc(30px * 0.5); width: 100%; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid, .container-sm, .container-md, .container-lg, .container-xl { margin-left: auto; margin-right: auto; padding-left: calc(30px * 0.5); padding-right: calc(30px * 0.5); width: 100%; } @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; } } .row { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .no-gutters { margin-left: 0; margin-right: 0; } .no-gutters > .col, .no-gutters > [class*=col-] { padding-left: 0; padding-right: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { padding-left: 15px; padding-right: 15px; position: relative; width: 100%; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { flex: 0 0 calc(100% / 1); max-width: calc(100% / 1); } .row-cols-2 > * { flex: 0 0 calc(100% / 2); max-width: calc(100% / 2); } .row-cols-3 > * { flex: 0 0 calc(100% / 3); max-width: calc(100% / 3); } .row-cols-4 > * { flex: 0 0 calc(100% / 4); max-width: calc(100% / 4); } .row-cols-5 > * { flex: 0 0 calc(100% / 5); max-width: calc(100% / 5); } .row-cols-6 > * { flex: 0 0 calc(100% / 6); max-width: calc(100% / 6); } .col-auto { flex: 0 0 auto; max-width: 100%; width: auto; } .col-1 { flex: 0 0 calc(1 / 12 * 100%); max-width: calc(1 / 12 * 100%); } .col-2 { flex: 0 0 calc(2 / 12 * 100%); max-width: calc(2 / 12 * 100%); } .col-3 { flex: 0 0 calc(3 / 12 * 100%); max-width: calc(3 / 12 * 100%); } .col-4 { flex: 0 0 calc(4 / 12 * 100%); max-width: calc(4 / 12 * 100%); } .col-5 { flex: 0 0 calc(5 / 12 * 100%); max-width: calc(5 / 12 * 100%); } .col-6 { flex: 0 0 calc(6 / 12 * 100%); max-width: calc(6 / 12 * 100%); } .col-7 { flex: 0 0 calc(7 / 12 * 100%); max-width: calc(7 / 12 * 100%); } .col-8 { flex: 0 0 calc(8 / 12 * 100%); max-width: calc(8 / 12 * 100%); } .col-9 { flex: 0 0 calc(9 / 12 * 100%); max-width: calc(9 / 12 * 100%); } .col-10 { flex: 0 0 calc(10 / 12 * 100%); max-width: calc(10 / 12 * 100%); } .col-11 { flex: 0 0 calc(11 / 12 * 100%); max-width: calc(11 / 12 * 100%); } .col-12 { flex: 0 0 calc(12 / 12 * 100%); max-width: calc(12 / 12 * 100%); } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: calc(1 / 12 * 100%); } .offset-2 { margin-left: calc(2 / 12 * 100%); } .offset-3 { margin-left: calc(3 / 12 * 100%); } .offset-4 { margin-left: calc(4 / 12 * 100%); } .offset-5 { margin-left: calc(5 / 12 * 100%); } .offset-6 { margin-left: calc(6 / 12 * 100%); } .offset-7 { margin-left: calc(7 / 12 * 100%); } .offset-8 { margin-left: calc(8 / 12 * 100%); } .offset-9 { margin-left: calc(9 / 12 * 100%); } .offset-10 { margin-left: calc(10 / 12 * 100%); } .offset-11 { margin-left: calc(11 / 12 * 100%); } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 calc(100% / 1); max-width: calc(100% / 1); } .row-cols-sm-2 > * { flex: 0 0 calc(100% / 2); max-width: calc(100% / 2); } .row-cols-sm-3 > * { flex: 0 0 calc(100% / 3); max-width: calc(100% / 3); } .row-cols-sm-4 > * { flex: 0 0 calc(100% / 4); max-width: calc(100% / 4); } .row-cols-sm-5 > * { flex: 0 0 calc(100% / 5); max-width: calc(100% / 5); } .row-cols-sm-6 > * { flex: 0 0 calc(100% / 6); max-width: calc(100% / 6); } .col-sm-auto { flex: 0 0 auto; max-width: 100%; width: auto; } .col-sm-1 { flex: 0 0 calc(1 / 12 * 100%); max-width: calc(1 / 12 * 100%); } .col-sm-2 { flex: 0 0 calc(2 / 12 * 100%); max-width: calc(2 / 12 * 100%); } .col-sm-3 { flex: 0 0 calc(3 / 12 * 100%); max-width: calc(3 / 12 * 100%); } .col-sm-4 { flex: 0 0 calc(4 / 12 * 100%); max-width: calc(4 / 12 * 100%); } .col-sm-5 { flex: 0 0 calc(5 / 12 * 100%); max-width: calc(5 / 12 * 100%); } .col-sm-6 { flex: 0 0 calc(6 / 12 * 100%); max-width: calc(6 / 12 * 100%); } .col-sm-7 { flex: 0 0 calc(7 / 12 * 100%); max-width: calc(7 / 12 * 100%); } .col-sm-8 { flex: 0 0 calc(8 / 12 * 100%); max-width: calc(8 / 12 * 100%); } .col-sm-9 { flex: 0 0 calc(9 / 12 * 100%); max-width: calc(9 / 12 * 100%); } .col-sm-10 { flex: 0 0 calc(10 / 12 * 100%); max-width: calc(10 / 12 * 100%); } .col-sm-11 { flex: 0 0 calc(11 / 12 * 100%); max-width: calc(11 / 12 * 100%); } .col-sm-12 { flex: 0 0 calc(12 / 12 * 100%); max-width: calc(12 / 12 * 100%); } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: calc(0 / 12 * 100%); } .offset-sm-1 { margin-left: calc(1 / 12 * 100%); } .offset-sm-2 { margin-left: calc(2 / 12 * 100%); } .offset-sm-3 { margin-left: calc(3 / 12 * 100%); } .offset-sm-4 { margin-left: calc(4 / 12 * 100%); } .offset-sm-5 { margin-left: calc(5 / 12 * 100%); } .offset-sm-6 { margin-left: calc(6 / 12 * 100%); } .offset-sm-7 { margin-left: calc(7 / 12 * 100%); } .offset-sm-8 { margin-left: calc(8 / 12 * 100%); } .offset-sm-9 { margin-left: calc(9 / 12 * 100%); } .offset-sm-10 { margin-left: calc(10 / 12 * 100%); } .offset-sm-11 { margin-left: calc(11 / 12 * 100%); } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 calc(100% / 1); max-width: calc(100% / 1); } .row-cols-md-2 > * { flex: 0 0 calc(100% / 2); max-width: calc(100% / 2); } .row-cols-md-3 > * { flex: 0 0 calc(100% / 3); max-width: calc(100% / 3); } .row-cols-md-4 > * { flex: 0 0 calc(100% / 4); max-width: calc(100% / 4); } .row-cols-md-5 > * { flex: 0 0 calc(100% / 5); max-width: calc(100% / 5); } .row-cols-md-6 > * { flex: 0 0 calc(100% / 6); max-width: calc(100% / 6); } .col-md-auto { flex: 0 0 auto; max-width: 100%; width: auto; } .col-md-1 { flex: 0 0 calc(1 / 12 * 100%); max-width: calc(1 / 12 * 100%); } .col-md-2 { flex: 0 0 calc(2 / 12 * 100%); max-width: calc(2 / 12 * 100%); } .col-md-3 { flex: 0 0 calc(3 / 12 * 100%); max-width: calc(3 / 12 * 100%); } .col-md-4 { flex: 0 0 calc(4 / 12 * 100%); max-width: calc(4 / 12 * 100%); } .col-md-5 { flex: 0 0 calc(5 / 12 * 100%); max-width: calc(5 / 12 * 100%); } .col-md-6 { flex: 0 0 calc(6 / 12 * 100%); max-width: calc(6 / 12 * 100%); } .col-md-7 { flex: 0 0 calc(7 / 12 * 100%); max-width: calc(7 / 12 * 100%); } .col-md-8 { flex: 0 0 calc(8 / 12 * 100%); max-width: calc(8 / 12 * 100%); } .col-md-9 { flex: 0 0 calc(9 / 12 * 100%); max-width: calc(9 / 12 * 100%); } .col-md-10 { flex: 0 0 calc(10 / 12 * 100%); max-width: calc(10 / 12 * 100%); } .col-md-11 { flex: 0 0 calc(11 / 12 * 100%); max-width: calc(11 / 12 * 100%); } .col-md-12 { flex: 0 0 calc(12 / 12 * 100%); max-width: calc(12 / 12 * 100%); } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: calc(0 / 12 * 100%); } .offset-md-1 { margin-left: calc(1 / 12 * 100%); } .offset-md-2 { margin-left: calc(2 / 12 * 100%); } .offset-md-3 { margin-left: calc(3 / 12 * 100%); } .offset-md-4 { margin-left: calc(4 / 12 * 100%); } .offset-md-5 { margin-left: calc(5 / 12 * 100%); } .offset-md-6 { margin-left: calc(6 / 12 * 100%); } .offset-md-7 { margin-left: calc(7 / 12 * 100%); } .offset-md-8 { margin-left: calc(8 / 12 * 100%); } .offset-md-9 { margin-left: calc(9 / 12 * 100%); } .offset-md-10 { margin-left: calc(10 / 12 * 100%); } .offset-md-11 { margin-left: calc(11 / 12 * 100%); } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 calc(100% / 1); max-width: calc(100% / 1); } .row-cols-lg-2 > * { flex: 0 0 calc(100% / 2); max-width: calc(100% / 2); } .row-cols-lg-3 > * { flex: 0 0 calc(100% / 3); max-width: calc(100% / 3); } .row-cols-lg-4 > * { flex: 0 0 calc(100% / 4); max-width: calc(100% / 4); } .row-cols-lg-5 > * { flex: 0 0 calc(100% / 5); max-width: calc(100% / 5); } .row-cols-lg-6 > * { flex: 0 0 calc(100% / 6); max-width: calc(100% / 6); } .col-lg-auto { flex: 0 0 auto; max-width: 100%; width: auto; } .col-lg-1 { flex: 0 0 calc(1 / 12 * 100%); max-width: calc(1 / 12 * 100%); } .col-lg-2 { flex: 0 0 calc(2 / 12 * 100%); max-width: calc(2 / 12 * 100%); } .col-lg-3 { flex: 0 0 calc(3 / 12 * 100%); max-width: calc(3 / 12 * 100%); } .col-lg-4 { flex: 0 0 calc(4 / 12 * 100%); max-width: calc(4 / 12 * 100%); } .col-lg-5 { flex: 0 0 calc(5 / 12 * 100%); max-width: calc(5 / 12 * 100%); } .col-lg-6 { flex: 0 0 calc(6 / 12 * 100%); max-width: calc(6 / 12 * 100%); } .col-lg-7 { flex: 0 0 calc(7 / 12 * 100%); max-width: calc(7 / 12 * 100%); } .col-lg-8 { flex: 0 0 calc(8 / 12 * 100%); max-width: calc(8 / 12 * 100%); } .col-lg-9 { flex: 0 0 calc(9 / 12 * 100%); max-width: calc(9 / 12 * 100%); } .col-lg-10 { flex: 0 0 calc(10 / 12 * 100%); max-width: calc(10 / 12 * 100%); } .col-lg-11 { flex: 0 0 calc(11 / 12 * 100%); max-width: calc(11 / 12 * 100%); } .col-lg-12 { flex: 0 0 calc(12 / 12 * 100%); max-width: calc(12 / 12 * 100%); } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: calc(0 / 12 * 100%); } .offset-lg-1 { margin-left: calc(1 / 12 * 100%); } .offset-lg-2 { margin-left: calc(2 / 12 * 100%); } .offset-lg-3 { margin-left: calc(3 / 12 * 100%); } .offset-lg-4 { margin-left: calc(4 / 12 * 100%); } .offset-lg-5 { margin-left: calc(5 / 12 * 100%); } .offset-lg-6 { margin-left: calc(6 / 12 * 100%); } .offset-lg-7 { margin-left: calc(7 / 12 * 100%); } .offset-lg-8 { margin-left: calc(8 / 12 * 100%); } .offset-lg-9 { margin-left: calc(9 / 12 * 100%); } .offset-lg-10 { margin-left: calc(10 / 12 * 100%); } .offset-lg-11 { margin-left: calc(11 / 12 * 100%); } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 calc(100% / 1); max-width: calc(100% / 1); } .row-cols-xl-2 > * { flex: 0 0 calc(100% / 2); max-width: calc(100% / 2); } .row-cols-xl-3 > * { flex: 0 0 calc(100% / 3); max-width: calc(100% / 3); } .row-cols-xl-4 > * { flex: 0 0 calc(100% / 4); max-width: calc(100% / 4); } .row-cols-xl-5 > * { flex: 0 0 calc(100% / 5); max-width: calc(100% / 5); } .row-cols-xl-6 > * { flex: 0 0 calc(100% / 6); max-width: calc(100% / 6); } .col-xl-auto { flex: 0 0 auto; max-width: 100%; width: auto; } .col-xl-1 { flex: 0 0 calc(1 / 12 * 100%); max-width: calc(1 / 12 * 100%); } .col-xl-2 { flex: 0 0 calc(2 / 12 * 100%); max-width: calc(2 / 12 * 100%); } .col-xl-3 { flex: 0 0 calc(3 / 12 * 100%); max-width: calc(3 / 12 * 100%); } .col-xl-4 { flex: 0 0 calc(4 / 12 * 100%); max-width: calc(4 / 12 * 100%); } .col-xl-5 { flex: 0 0 calc(5 / 12 * 100%); max-width: calc(5 / 12 * 100%); } .col-xl-6 { flex: 0 0 calc(6 / 12 * 100%); max-width: calc(6 / 12 * 100%); } .col-xl-7 { flex: 0 0 calc(7 / 12 * 100%); max-width: calc(7 / 12 * 100%); } .col-xl-8 { flex: 0 0 calc(8 / 12 * 100%); max-width: calc(8 / 12 * 100%); } .col-xl-9 { flex: 0 0 calc(9 / 12 * 100%); max-width: calc(9 / 12 * 100%); } .col-xl-10 { flex: 0 0 calc(10 / 12 * 100%); max-width: calc(10 / 12 * 100%); } .col-xl-11 { flex: 0 0 calc(11 / 12 * 100%); max-width: calc(11 / 12 * 100%); } .col-xl-12 { flex: 0 0 calc(12 / 12 * 100%); max-width: calc(12 / 12 * 100%); } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: calc(0 / 12 * 100%); } .offset-xl-1 { margin-left: calc(1 / 12 * 100%); } .offset-xl-2 { margin-left: calc(2 / 12 * 100%); } .offset-xl-3 { margin-left: calc(3 / 12 * 100%); } .offset-xl-4 { margin-left: calc(4 / 12 * 100%); } .offset-xl-5 { margin-left: calc(5 / 12 * 100%); } .offset-xl-6 { margin-left: calc(6 / 12 * 100%); } .offset-xl-7 { margin-left: calc(7 / 12 * 100%); } .offset-xl-8 { margin-left: calc(8 / 12 * 100%); } .offset-xl-9 { margin-left: calc(9 / 12 * 100%); } .offset-xl-10 { margin-left: calc(10 / 12 * 100%); } .offset-xl-11 { margin-left: calc(11 / 12 * 100%); } } .container-fluid-max-sm { max-width: 540px; } .container-fluid-max-md { max-width: 720px; } .container-fluid-max-lg { max-width: 960px; } .container-fluid-max-xl { max-width: 1140px; } .container-no-gutters { padding-left: 0; padding-right: 0; } .container-no-gutters > .row { margin-left: 0; margin-right: 0; } .container-no-gutters > .row > .col, .container-no-gutters > .row > [class*=col-] { padding-right: 0; padding-left: 0; } @media (max-width: 575.98px) { .container-no-gutters-sm-down { padding-left: 0; padding-right: 0; } .container-no-gutters-sm-down > .row { margin-left: 0; margin-right: 0; } .container-no-gutters-sm-down > .row > .col, .container-no-gutters-sm-down > .row > [class*=col-] { padding-right: 0; padding-left: 0; } } @media (max-width: 767.98px) { .container-no-gutters-md-down { padding-left: 0; padding-right: 0; } .container-no-gutters-md-down > .row { margin-left: 0; margin-right: 0; } .container-no-gutters-md-down > .row > .col, .container-no-gutters-md-down > .row > [class*=col-] { padding-right: 0; padding-left: 0; } } @media (max-width: 991.98px) { .container-no-gutters-lg-down { padding-left: 0; padding-right: 0; } .container-no-gutters-lg-down > .row { margin-left: 0; margin-right: 0; } .container-no-gutters-lg-down > .row > .col, .container-no-gutters-lg-down > .row > [class*=col-] { padding-right: 0; padding-left: 0; } } @media (max-width: 1199.98px) { .container-no-gutters-xl-down { padding-left: 0; padding-right: 0; } .container-no-gutters-xl-down > .row { margin-left: 0; margin-right: 0; } .container-no-gutters-xl-down > .row > .col, .container-no-gutters-xl-down > .row > [class*=col-] { padding-right: 0; padding-left: 0; } } .card-page { display: flex; flex-wrap: wrap; list-style: none; margin-bottom: 0; padding-left: 0; } .container .card-page, .container-fluid .card-page, .container-sm .card-page, .container-md .card-page, .container-lg .card-page, .container-xl .card-page { margin-left: -15px; margin-right: -15px; } .container-form-lg { padding-bottom: 3rem; padding-top: 3rem; } @media (max-width: 991.98px) { .container-form-lg { padding-bottom: 1rem; padding-top: 1rem; } } .container-view { padding-bottom: 1.5rem; padding-top: 1.5rem; } .alert, .portlet-msg-alert, .portlet-msg-error, .portlet-msg-help, .portlet-msg-info, .portlet-msg-progress, .portlet-msg-success { border-color: transparent; border-style: solid; border-width: 1px; border-radius: 5px; display: block; margin-bottom: 1rem; padding: 1.25rem 1.25rem; position: relative; white-space: normal; overflow-wrap: break-word; word-wrap: break-word; } .alert .alert-btn, .portlet-msg-alert .alert-btn, .portlet-msg-error .alert-btn, .portlet-msg-help .alert-btn, .portlet-msg-info .alert-btn, .portlet-msg-progress .alert-btn, .portlet-msg-success .alert-btn { border-radius: 0.187rem; font-size: 1rem; line-height: 1.375; padding-bottom: 0.0625rem; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.0625rem; } .alert .alert-btn .c-inner, .portlet-msg-alert .alert-btn .c-inner, .portlet-msg-error .alert-btn .c-inner, .portlet-msg-help .alert-btn .c-inner, .portlet-msg-info .alert-btn .c-inner, .portlet-msg-progress .alert-btn .c-inner, .portlet-msg-success .alert-btn .c-inner { margin-bottom: -0.0625rem; margin-left: -0.75rem; margin-right: -0.75rem; margin-top: -0.0625rem; } .alert .btn-group, .portlet-msg-alert .btn-group, .portlet-msg-error .btn-group, .portlet-msg-help .btn-group, .portlet-msg-info .btn-group, .portlet-msg-progress .btn-group, .portlet-msg-success .btn-group { margin-bottom: -0.125rem; margin-top: -0.125rem; } .alert .btn-group-item, .portlet-msg-alert .btn-group-item, .portlet-msg-error .btn-group-item, .portlet-msg-help .btn-group-item, .portlet-msg-info .btn-group-item, .portlet-msg-progress .btn-group-item, .portlet-msg-success .btn-group-item { margin-bottom: 0.125rem; margin-top: 0.125rem; } .alert .close, .portlet-msg-alert .close, .portlet-msg-error .close, .portlet-msg-help .close, .portlet-msg-info .close, .portlet-msg-progress .close, .portlet-msg-success .close { color: inherit; font-size: 0.875rem; height: 2rem; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; position: absolute; right: 0.5rem; top: 0.75rem; width: 2rem; } .alert .close:hover, .portlet-msg-alert .close:hover, .portlet-msg-error .close:hover, .portlet-msg-help .close:hover, .portlet-msg-info .close:hover, .portlet-msg-progress .close:hover, .portlet-msg-success .close:hover { color: inherit; } .alert .close .c-inner, .portlet-msg-alert .close .c-inner, .portlet-msg-error .close .c-inner, .portlet-msg-help .close .c-inner, .portlet-msg-info .close .c-inner, .portlet-msg-progress .close .c-inner, .portlet-msg-success .close .c-inner { margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; } .alert .lead, .portlet-msg-alert .lead, .portlet-msg-error .lead, .portlet-msg-help .lead, .portlet-msg-info .lead, .portlet-msg-progress .lead, .portlet-msg-success .lead { margin-right: 0.3125rem; } .alert-heading { color: inherit; } .alert-footer { margin-top: 1.375rem; } .alert-link, .alert-link.btn-unstyled { font-weight: 600; } .alert-link:hover, .alert-link.hover, .alert-link.btn-unstyled:hover, .alert-link.btn-unstyled.hover { text-decoration: underline; } .alert-link.focus, .alert-link:focus-visible, .c-prefers-focus .alert-link:focus, .alert-link.btn-unstyled.focus, .alert-link.btn-unstyled:focus-visible, .c-prefers-focus .alert-link.btn-unstyled:focus { text-decoration: underline; } .alert-indicator { font-size: 1.25rem; line-height: 1; vertical-align: 8%; } .alert-indicator + .lead { margin-left: 0.3125rem; } .alert-dismissible { padding-right: 2.5rem; } .alert-fluid { border-radius: 0; border-width: 0 0 1px 0; margin-bottom: 0; padding: 0; } .alert-fluid.alert-dismissible .container, .alert-fluid.alert-dismissible .container-fluid, .alert-fluid.alert-dismissible .container-sm, .alert-fluid.alert-dismissible .container-md, .alert-fluid.alert-dismissible .container-lg, .alert-fluid.alert-dismissible .container-xl { padding-right: calc( 2.5rem + 15px ); position: relative; } .alert-fluid .close { right: calc(15px + 0.25rem); } .alert-fluid .container, .alert-fluid .container-fluid, .alert-fluid .container-sm, .alert-fluid .container-md, .alert-fluid .container-lg, .alert-fluid .container-xl { padding-bottom: 1.25rem; padding-left: 1.25rem; padding-right: 1.25rem; padding-top: 1.25rem; } .alert-container { height: 0; position: relative; } .alert-notifications .alert, .alert-notifications .portlet-msg-alert, .alert-notifications .portlet-msg-error, .alert-notifications .portlet-msg-help, .alert-notifications .portlet-msg-info, .alert-notifications .portlet-msg-progress, .alert-notifications .portlet-msg-success { clear: both; float: left; margin-bottom: 1rem; max-width: 22.5rem; } .alert-notifications .alert:last-child, .alert-notifications .portlet-msg-alert:last-child, .alert-notifications .portlet-msg-error:last-child, .alert-notifications .portlet-msg-help:last-child, .alert-notifications .portlet-msg-info:last-child, .alert-notifications .portlet-msg-progress:last-child, .alert-notifications .portlet-msg-success:last-child { margin-bottom: 0; } .alert-notifications .alert-fluid { padding-bottom: 0; padding-top: 0; } .alert-notifications-absolute { height: 0; position: absolute; right: 0.5rem; top: 4.75rem; z-index: 5000; } .alert-notifications-fixed { bottom: 1.25rem; left: 1.25rem; position: fixed; z-index: 5000; } .alert-list { display: flex; flex-direction: column; margin-bottom: 0; padding-left: 0; } .alert-list .close { top: 50%; transform: translateY(-50%); } .modal-body .alert .close, .modal-body .portlet-msg-alert .close, .modal-body .portlet-msg-error .close, .modal-body .portlet-msg-help .close, .modal-body .portlet-msg-info .close, .modal-body .portlet-msg-progress .close, .modal-body .portlet-msg-success .close { right: 2rem; } .modal-body .alert-list .alert-fluid:last-child { margin-bottom: -1px; } .autofit-row.alert-autofit-row { align-items: baseline; margin-left: -0.5rem; margin-right: -0.5rem; width: auto; } .autofit-row.alert-autofit-row > .autofit-col { padding-left: 0.5rem; padding-right: 0.5rem; } .alert-feedback.alert, .alert-feedback.portlet-msg-alert, .alert-feedback.portlet-msg-error, .alert-feedback.portlet-msg-help, .alert-feedback.portlet-msg-info, .alert-feedback.portlet-msg-progress, .alert-feedback.portlet-msg-success { background-color: transparent; border-width: 0; margin-bottom: 0.25rem; padding: 0; } .alert-feedback.alert .alert-autofit-row, .alert-feedback.portlet-msg-alert .alert-autofit-row, .alert-feedback.portlet-msg-error .alert-autofit-row, .alert-feedback.portlet-msg-help .alert-autofit-row, .alert-feedback.portlet-msg-info .alert-autofit-row, .alert-feedback.portlet-msg-progress .alert-autofit-row, .alert-feedback.portlet-msg-success .alert-autofit-row, .alert-feedback.alert .autofit-row, .alert-feedback.portlet-msg-alert .autofit-row, .alert-feedback.portlet-msg-error .autofit-row, .alert-feedback.portlet-msg-help .autofit-row, .alert-feedback.portlet-msg-info .autofit-row, .alert-feedback.portlet-msg-progress .autofit-row, .alert-feedback.portlet-msg-success .autofit-row { display: inline; margin-left: 0; margin-right: 0; } .alert-feedback.alert .alert-autofit-row > .autofit-col, .alert-feedback.portlet-msg-alert .alert-autofit-row > .autofit-col, .alert-feedback.portlet-msg-error .alert-autofit-row > .autofit-col, .alert-feedback.portlet-msg-help .alert-autofit-row > .autofit-col, .alert-feedback.portlet-msg-info .alert-autofit-row > .autofit-col, .alert-feedback.portlet-msg-progress .alert-autofit-row > .autofit-col, .alert-feedback.portlet-msg-success .alert-autofit-row > .autofit-col, .alert-feedback.alert .autofit-row > .autofit-col, .alert-feedback.portlet-msg-alert .autofit-row > .autofit-col, .alert-feedback.portlet-msg-error .autofit-row > .autofit-col, .alert-feedback.portlet-msg-help .autofit-row > .autofit-col, .alert-feedback.portlet-msg-info .autofit-row > .autofit-col, .alert-feedback.portlet-msg-progress .autofit-row > .autofit-col, .alert-feedback.portlet-msg-success .autofit-row > .autofit-col { display: inline; padding-left: 0; padding-right: 0.25em; } .alert-feedback.alert .alert-autofit-row > .autofit-col > .autofit-section, .alert-feedback.portlet-msg-alert .alert-autofit-row > .autofit-col > .autofit-section, .alert-feedback.portlet-msg-error .alert-autofit-row > .autofit-col > .autofit-section, .alert-feedback.portlet-msg-help .alert-autofit-row > .autofit-col > .autofit-section, .alert-feedback.portlet-msg-info .alert-autofit-row > .autofit-col > .autofit-section, .alert-feedback.portlet-msg-progress .alert-autofit-row > .autofit-col > .autofit-section, .alert-feedback.portlet-msg-success .alert-autofit-row > .autofit-col > .autofit-section, .alert-feedback.alert .autofit-row > .autofit-col > .autofit-section, .alert-feedback.portlet-msg-alert .autofit-row > .autofit-col > .autofit-section, .alert-feedback.portlet-msg-error .autofit-row > .autofit-col > .autofit-section, .alert-feedback.portlet-msg-help .autofit-row > .autofit-col > .autofit-section, .alert-feedback.portlet-msg-info .autofit-row > .autofit-col > .autofit-section, .alert-feedback.portlet-msg-progress .autofit-row > .autofit-col > .autofit-section, .alert-feedback.portlet-msg-success .autofit-row > .autofit-col > .autofit-section { display: inline; } .alert-feedback.alert .close, .alert-feedback.portlet-msg-alert .close, .alert-feedback.portlet-msg-error .close, .alert-feedback.portlet-msg-help .close, .alert-feedback.portlet-msg-info .close, .alert-feedback.portlet-msg-progress .close, .alert-feedback.portlet-msg-success .close { font-size: inherit; height: 1rem; position: relative; right: auto; top: 0.125em; width: 1rem; } .alert-feedback.alert .lead, .alert-feedback.portlet-msg-alert .lead, .alert-feedback.portlet-msg-error .lead, .alert-feedback.portlet-msg-help .lead, .alert-feedback.portlet-msg-info .lead, .alert-feedback.portlet-msg-progress .lead, .alert-feedback.portlet-msg-success .lead { margin-right: 0; } .alert-feedback.alert .lead + .component-text, .alert-feedback.portlet-msg-alert .lead + .component-text, .alert-feedback.portlet-msg-error .lead + .component-text, .alert-feedback.portlet-msg-help .lead + .component-text, .alert-feedback.portlet-msg-info .lead + .component-text, .alert-feedback.portlet-msg-progress .lead + .component-text, .alert-feedback.portlet-msg-success .lead + .component-text { margin-left: 0.25em; } .alert-inline.alert, .alert-inline.portlet-msg-alert, .alert-inline.portlet-msg-error, .alert-inline.portlet-msg-help, .alert-inline.portlet-msg-info, .alert-inline.portlet-msg-progress, .alert-inline.portlet-msg-success { display: inline-block; max-width: 100%; width: auto; } .alert-inline.alert.alert-dismissible, .alert-inline.alert-dismissible.portlet-msg-alert, .alert-inline.alert-dismissible.portlet-msg-error, .alert-inline.alert-dismissible.portlet-msg-help, .alert-inline.alert-dismissible.portlet-msg-info, .alert-inline.alert-dismissible.portlet-msg-progress, .alert-inline.alert-dismissible.portlet-msg-success { padding-right: 3.5rem; } .alert-inline.alert.alert-dismissible.alert-fluid, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-alert, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-error, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-help, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-info, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-progress, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-success { padding-right: 0; } .alert-inline.alert.alert-dismissible.alert-fluid > .container, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-alert > .container, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-error > .container, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-help > .container, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-info > .container, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-progress > .container, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-success > .container, .alert-inline.alert.alert-dismissible.alert-fluid > .container-fluid, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-alert > .container-fluid, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-error > .container-fluid, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-help > .container-fluid, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-info > .container-fluid, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-progress > .container-fluid, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-success > .container-fluid, .alert-inline.alert.alert-dismissible.alert-fluid > .container-sm, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-alert > .container-sm, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-error > .container-sm, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-help > .container-sm, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-info > .container-sm, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-progress > .container-sm, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-success > .container-sm, .alert-inline.alert.alert-dismissible.alert-fluid > .container-md, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-alert > .container-md, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-error > .container-md, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-help > .container-md, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-info > .container-md, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-progress > .container-md, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-success > .container-md, .alert-inline.alert.alert-dismissible.alert-fluid > .container-lg, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-alert > .container-lg, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-error > .container-lg, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-help > .container-lg, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-info > .container-lg, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-progress > .container-lg, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-success > .container-lg, .alert-inline.alert.alert-dismissible.alert-fluid > .container-xl, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-alert > .container-xl, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-error > .container-xl, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-help > .container-xl, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-info > .container-xl, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-progress > .container-xl, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-success > .container-xl { padding-right: 3.5rem; } .alert-inline.alert.alert-dismissible.alert-fluid > .container > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-alert > .container > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-error > .container > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-help > .container > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-info > .container > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-progress > .container > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-success > .container > .alert-autofit-row, .alert-inline.alert.alert-dismissible.alert-fluid > .container-fluid > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-alert > .container-fluid > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-error > .container-fluid > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-help > .container-fluid > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-info > .container-fluid > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-progress > .container-fluid > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-success > .container-fluid > .alert-autofit-row, .alert-inline.alert.alert-dismissible.alert-fluid > .container-sm > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-alert > .container-sm > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-error > .container-sm > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-help > .container-sm > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-info > .container-sm > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-progress > .container-sm > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-success > .container-sm > .alert-autofit-row, .alert-inline.alert.alert-dismissible.alert-fluid > .container-md > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-alert > .container-md > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-error > .container-md > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-help > .container-md > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-info > .container-md > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-progress > .container-md > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-success > .container-md > .alert-autofit-row, .alert-inline.alert.alert-dismissible.alert-fluid > .container-lg > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-alert > .container-lg > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-error > .container-lg > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-help > .container-lg > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-info > .container-lg > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-progress > .container-lg > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-success > .container-lg > .alert-autofit-row, .alert-inline.alert.alert-dismissible.alert-fluid > .container-xl > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-alert > .container-xl > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-error > .container-xl > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-help > .container-xl > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-info > .container-xl > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-progress > .container-xl > .alert-autofit-row, .alert-inline.alert-dismissible.alert-fluid.portlet-msg-success > .container-xl > .alert-autofit-row { align-items: center; margin-bottom: calc(-1.25rem - 1px); margin-top: calc(-1.25rem - 1px); padding-bottom: 0.5625rem; padding-top: 0.5625rem; min-height: 3.5rem; } .alert-inline.alert > .alert-autofit-row, .alert-inline.portlet-msg-alert > .alert-autofit-row, .alert-inline.portlet-msg-error > .alert-autofit-row, .alert-inline.portlet-msg-help > .alert-autofit-row, .alert-inline.portlet-msg-info > .alert-autofit-row, .alert-inline.portlet-msg-progress > .alert-autofit-row, .alert-inline.portlet-msg-success > .alert-autofit-row { align-items: center; margin-bottom: calc(-1.25rem - 1px); margin-top: calc(-1.25rem - 1px); padding-bottom: 0.5625rem; padding-top: 0.5625rem; min-height: 3.5rem; } .alert-inline.alert > .alert-autofit-row .btn-group, .alert-inline.portlet-msg-alert > .alert-autofit-row .btn-group, .alert-inline.portlet-msg-error > .alert-autofit-row .btn-group, .alert-inline.portlet-msg-help > .alert-autofit-row .btn-group, .alert-inline.portlet-msg-info > .alert-autofit-row .btn-group, .alert-inline.portlet-msg-progress > .alert-autofit-row .btn-group, .alert-inline.portlet-msg-success > .alert-autofit-row .btn-group { margin-right: 2rem; } .alert-inline.alert .close, .alert-inline.portlet-msg-alert .close, .alert-inline.portlet-msg-error .close, .alert-inline.portlet-msg-help .close, .alert-inline.portlet-msg-info .close, .alert-inline.portlet-msg-progress .close, .alert-inline.portlet-msg-success .close { margin-top: -1rem; top: 50%; } .alert-autofit-stacked.alert > .alert-autofit-row, .alert-autofit-stacked.portlet-msg-alert > .alert-autofit-row, .alert-autofit-stacked.portlet-msg-error > .alert-autofit-row, .alert-autofit-stacked.portlet-msg-help > .alert-autofit-row, .alert-autofit-stacked.portlet-msg-info > .alert-autofit-row, .alert-autofit-stacked.portlet-msg-progress > .alert-autofit-row, .alert-autofit-stacked.portlet-msg-success > .alert-autofit-row { align-items: flex-start; flex-direction: column; margin-bottom: 0; margin-top: 0; min-height: 0; padding-bottom: 0; padding-top: 0; } .alert-autofit-stacked.alert > .alert-autofit-row > .autofit-col, .alert-autofit-stacked.portlet-msg-alert > .alert-autofit-row > .autofit-col, .alert-autofit-stacked.portlet-msg-error > .alert-autofit-row > .autofit-col, .alert-autofit-stacked.portlet-msg-help > .alert-autofit-row > .autofit-col, .alert-autofit-stacked.portlet-msg-info > .alert-autofit-row > .autofit-col, .alert-autofit-stacked.portlet-msg-progress > .alert-autofit-row > .autofit-col, .alert-autofit-stacked.portlet-msg-success > .alert-autofit-row > .autofit-col { width: 100%; } .alert-autofit-stacked.alert > .alert-autofit-row .btn-group, .alert-autofit-stacked.portlet-msg-alert > .alert-autofit-row .btn-group, .alert-autofit-stacked.portlet-msg-error > .alert-autofit-row .btn-group, .alert-autofit-stacked.portlet-msg-help > .alert-autofit-row .btn-group, .alert-autofit-stacked.portlet-msg-info > .alert-autofit-row .btn-group, .alert-autofit-stacked.portlet-msg-progress > .alert-autofit-row .btn-group, .alert-autofit-stacked.portlet-msg-success > .alert-autofit-row .btn-group { margin-right: 0; margin-top: 0.875rem; } .alert-autofit-stacked.alert .close, .alert-autofit-stacked.portlet-msg-alert .close, .alert-autofit-stacked.portlet-msg-error .close, .alert-autofit-stacked.portlet-msg-help .close, .alert-autofit-stacked.portlet-msg-info .close, .alert-autofit-stacked.portlet-msg-progress .close, .alert-autofit-stacked.portlet-msg-success .close { margin-top: 0; top: 0.75rem; } @media (max-width: 767.98px) { .alert-autofit-stacked-sm-down.alert > .alert-autofit-row, .alert-autofit-stacked-sm-down.portlet-msg-alert > .alert-autofit-row, .alert-autofit-stacked-sm-down.portlet-msg-error > .alert-autofit-row, .alert-autofit-stacked-sm-down.portlet-msg-help > .alert-autofit-row, .alert-autofit-stacked-sm-down.portlet-msg-info > .alert-autofit-row, .alert-autofit-stacked-sm-down.portlet-msg-progress > .alert-autofit-row, .alert-autofit-stacked-sm-down.portlet-msg-success > .alert-autofit-row { align-items: flex-start; flex-direction: column; margin-bottom: 0; margin-top: 0; min-height: 0; padding-bottom: 0; padding-top: 0; } } @media (max-width: 767.98px) { .alert-autofit-stacked-sm-down.alert > .alert-autofit-row > .autofit-col, .alert-autofit-stacked-sm-down.portlet-msg-alert > .alert-autofit-row > .autofit-col, .alert-autofit-stacked-sm-down.portlet-msg-error > .alert-autofit-row > .autofit-col, .alert-autofit-stacked-sm-down.portlet-msg-help > .alert-autofit-row > .autofit-col, .alert-autofit-stacked-sm-down.portlet-msg-info > .alert-autofit-row > .autofit-col, .alert-autofit-stacked-sm-down.portlet-msg-progress > .alert-autofit-row > .autofit-col, .alert-autofit-stacked-sm-down.portlet-msg-success > .alert-autofit-row > .autofit-col { width: 100%; } } @media (max-width: 767.98px) { .alert-autofit-stacked-sm-down.alert > .alert-autofit-row .btn-group, .alert-autofit-stacked-sm-down.portlet-msg-alert > .alert-autofit-row .btn-group, .alert-autofit-stacked-sm-down.portlet-msg-error > .alert-autofit-row .btn-group, .alert-autofit-stacked-sm-down.portlet-msg-help > .alert-autofit-row .btn-group, .alert-autofit-stacked-sm-down.portlet-msg-info > .alert-autofit-row .btn-group, .alert-autofit-stacked-sm-down.portlet-msg-progress > .alert-autofit-row .btn-group, .alert-autofit-stacked-sm-down.portlet-msg-success > .alert-autofit-row .btn-group { margin-right: 0; margin-top: 0.875rem; } } @media (max-width: 767.98px) { .alert-autofit-stacked-sm-down.alert .close, .alert-autofit-stacked-sm-down.portlet-msg-alert .close, .alert-autofit-stacked-sm-down.portlet-msg-error .close, .alert-autofit-stacked-sm-down.portlet-msg-help .close, .alert-autofit-stacked-sm-down.portlet-msg-info .close, .alert-autofit-stacked-sm-down.portlet-msg-progress .close, .alert-autofit-stacked-sm-down.portlet-msg-success .close { margin-top: 0; top: 0.75rem; } } @media (max-width: 575.98px) { .alert-autofit-stacked-xs-down.alert > .alert-autofit-row, .alert-autofit-stacked-xs-down.portlet-msg-alert > .alert-autofit-row, .alert-autofit-stacked-xs-down.portlet-msg-error > .alert-autofit-row, .alert-autofit-stacked-xs-down.portlet-msg-help > .alert-autofit-row, .alert-autofit-stacked-xs-down.portlet-msg-info > .alert-autofit-row, .alert-autofit-stacked-xs-down.portlet-msg-progress > .alert-autofit-row, .alert-autofit-stacked-xs-down.portlet-msg-success > .alert-autofit-row { align-items: flex-start; flex-direction: column; margin-bottom: 0; margin-top: 0; min-height: 0; padding-bottom: 0; padding-top: 0; } } @media (max-width: 575.98px) { .alert-autofit-stacked-xs-down.alert > .alert-autofit-row > .autofit-col, .alert-autofit-stacked-xs-down.portlet-msg-alert > .alert-autofit-row > .autofit-col, .alert-autofit-stacked-xs-down.portlet-msg-error > .alert-autofit-row > .autofit-col, .alert-autofit-stacked-xs-down.portlet-msg-help > .alert-autofit-row > .autofit-col, .alert-autofit-stacked-xs-down.portlet-msg-info > .alert-autofit-row > .autofit-col, .alert-autofit-stacked-xs-down.portlet-msg-progress > .alert-autofit-row > .autofit-col, .alert-autofit-stacked-xs-down.portlet-msg-success > .alert-autofit-row > .autofit-col { width: 100%; } } @media (max-width: 575.98px) { .alert-autofit-stacked-xs-down.alert > .alert-autofit-row .btn-group, .alert-autofit-stacked-xs-down.portlet-msg-alert > .alert-autofit-row .btn-group, .alert-autofit-stacked-xs-down.portlet-msg-error > .alert-autofit-row .btn-group, .alert-autofit-stacked-xs-down.portlet-msg-help > .alert-autofit-row .btn-group, .alert-autofit-stacked-xs-down.portlet-msg-info > .alert-autofit-row .btn-group, .alert-autofit-stacked-xs-down.portlet-msg-progress > .alert-autofit-row .btn-group, .alert-autofit-stacked-xs-down.portlet-msg-success > .alert-autofit-row .btn-group { margin-right: 0; margin-top: 0.875rem; } } @media (max-width: 575.98px) { .alert-autofit-stacked-xs-down.alert .close, .alert-autofit-stacked-xs-down.portlet-msg-alert .close, .alert-autofit-stacked-xs-down.portlet-msg-error .close, .alert-autofit-stacked-xs-down.portlet-msg-help .close, .alert-autofit-stacked-xs-down.portlet-msg-info .close, .alert-autofit-stacked-xs-down.portlet-msg-progress .close, .alert-autofit-stacked-xs-down.portlet-msg-success .close { margin-top: 0; top: 0.75rem; } } .alert-indicator-start.alert, .alert-indicator-start.portlet-msg-alert, .alert-indicator-start.portlet-msg-error, .alert-indicator-start.portlet-msg-help, .alert-indicator-start.portlet-msg-info, .alert-indicator-start.portlet-msg-progress, .alert-indicator-start.portlet-msg-success { padding-left: calc( 1.25rem + 1.25rem + 0.5rem ); } .alert-indicator-start.alert.alert-fluid, .alert-indicator-start.alert-fluid.portlet-msg-alert, .alert-indicator-start.alert-fluid.portlet-msg-error, .alert-indicator-start.alert-fluid.portlet-msg-help, .alert-indicator-start.alert-fluid.portlet-msg-info, .alert-indicator-start.alert-fluid.portlet-msg-progress, .alert-indicator-start.alert-fluid.portlet-msg-success { padding-left: 0; } .alert-indicator-start.alert.alert-fluid > .container, .alert-indicator-start.alert-fluid.portlet-msg-alert > .container, .alert-indicator-start.alert-fluid.portlet-msg-error > .container, .alert-indicator-start.alert-fluid.portlet-msg-help > .container, .alert-indicator-start.alert-fluid.portlet-msg-info > .container, .alert-indicator-start.alert-fluid.portlet-msg-progress > .container, .alert-indicator-start.alert-fluid.portlet-msg-success > .container, .alert-indicator-start.alert.alert-fluid > .container-fluid, .alert-indicator-start.alert-fluid.portlet-msg-alert > .container-fluid, .alert-indicator-start.alert-fluid.portlet-msg-error > .container-fluid, .alert-indicator-start.alert-fluid.portlet-msg-help > .container-fluid, .alert-indicator-start.alert-fluid.portlet-msg-info > .container-fluid, .alert-indicator-start.alert-fluid.portlet-msg-progress > .container-fluid, .alert-indicator-start.alert-fluid.portlet-msg-success > .container-fluid, .alert-indicator-start.alert.alert-fluid > .container-sm, .alert-indicator-start.alert-fluid.portlet-msg-alert > .container-sm, .alert-indicator-start.alert-fluid.portlet-msg-error > .container-sm, .alert-indicator-start.alert-fluid.portlet-msg-help > .container-sm, .alert-indicator-start.alert-fluid.portlet-msg-info > .container-sm, .alert-indicator-start.alert-fluid.portlet-msg-progress > .container-sm, .alert-indicator-start.alert-fluid.portlet-msg-success > .container-sm, .alert-indicator-start.alert.alert-fluid > .container-md, .alert-indicator-start.alert-fluid.portlet-msg-alert > .container-md, .alert-indicator-start.alert-fluid.portlet-msg-error > .container-md, .alert-indicator-start.alert-fluid.portlet-msg-help > .container-md, .alert-indicator-start.alert-fluid.portlet-msg-info > .container-md, .alert-indicator-start.alert-fluid.portlet-msg-progress > .container-md, .alert-indicator-start.alert-fluid.portlet-msg-success > .container-md, .alert-indicator-start.alert.alert-fluid > .container-lg, .alert-indicator-start.alert-fluid.portlet-msg-alert > .container-lg, .alert-indicator-start.alert-fluid.portlet-msg-error > .container-lg, .alert-indicator-start.alert-fluid.portlet-msg-help > .container-lg, .alert-indicator-start.alert-fluid.portlet-msg-info > .container-lg, .alert-indicator-start.alert-fluid.portlet-msg-progress > .container-lg, .alert-indicator-start.alert-fluid.portlet-msg-success > .container-lg, .alert-indicator-start.alert.alert-fluid > .container-xl, .alert-indicator-start.alert-fluid.portlet-msg-alert > .container-xl, .alert-indicator-start.alert-fluid.portlet-msg-error > .container-xl, .alert-indicator-start.alert-fluid.portlet-msg-help > .container-xl, .alert-indicator-start.alert-fluid.portlet-msg-info > .container-xl, .alert-indicator-start.alert-fluid.portlet-msg-progress > .container-xl, .alert-indicator-start.alert-fluid.portlet-msg-success > .container-xl { padding-left: calc( 1.25rem + 1.25rem + 0.5rem ); } .alert-indicator-start.alert.alert-feedback, .alert-indicator-start.alert-feedback.portlet-msg-alert, .alert-indicator-start.alert-feedback.portlet-msg-error, .alert-indicator-start.alert-feedback.portlet-msg-help, .alert-indicator-start.alert-feedback.portlet-msg-info, .alert-indicator-start.alert-feedback.portlet-msg-progress, .alert-indicator-start.alert-feedback.portlet-msg-success { padding-left: calc( 1.25rem + 0.5rem ); } .alert-indicator-start.alert .alert-indicator, .alert-indicator-start.portlet-msg-alert .alert-indicator, .alert-indicator-start.portlet-msg-error .alert-indicator, .alert-indicator-start.portlet-msg-help .alert-indicator, .alert-indicator-start.portlet-msg-info .alert-indicator, .alert-indicator-start.portlet-msg-progress .alert-indicator, .alert-indicator-start.portlet-msg-success .alert-indicator { line-height: 1; margin-left: calc( -1em - 0.5rem ); margin-top: 4px; position: absolute; } .alert-indicator-start.alert .alert-indicator + .lead, .alert-indicator-start.portlet-msg-alert .alert-indicator + .lead, .alert-indicator-start.portlet-msg-error .alert-indicator + .lead, .alert-indicator-start.portlet-msg-help .alert-indicator + .lead, .alert-indicator-start.portlet-msg-info .alert-indicator + .lead, .alert-indicator-start.portlet-msg-progress .alert-indicator + .lead, .alert-indicator-start.portlet-msg-success .alert-indicator + .lead { margin-left: 0; } .alert-indicator-start.alert .alert-autofit-row .alert-indicator:only-child, .alert-indicator-start.portlet-msg-alert .alert-autofit-row .alert-indicator:only-child, .alert-indicator-start.portlet-msg-error .alert-autofit-row .alert-indicator:only-child, .alert-indicator-start.portlet-msg-help .alert-autofit-row .alert-indicator:only-child, .alert-indicator-start.portlet-msg-info .alert-autofit-row .alert-indicator:only-child, .alert-indicator-start.portlet-msg-progress .alert-autofit-row .alert-indicator:only-child, .alert-indicator-start.portlet-msg-success .alert-autofit-row .alert-indicator:only-child { margin-right: 0; } .alert-primary { background-color: #e6f3f5; border-color: #b3dae0; color: #00444e; } .alert-primary hr { border-top-color: #a1d1d9; } .alert-primary .alert-btn { background-color: #fff; border-color: #008296; color: #008296; } .alert-primary .alert-btn:hover { background-color: #008296; color: #fff; } .alert-primary .alert-btn:active { background-color: #006c7d; border-color: #006c7d; } .alert-primary .alert-btn.active { background-color: #006c7d; border-color: #006c7d; } .alert-primary .alert-btn[aria-expanded=true], .alert-primary .alert-btn.show { background-color: #006c7d; border-color: #006c7d; } .alert-primary .alert-link { color: #00181b; } .alert-secondary { background-color: #fdfdfe; border-color: #f8f9fb; color: #787a7e; } .alert-secondary .alert-btn { background-color: #fff; border-color: #e6ebf2; color: #e6ebf2; } .alert-secondary .alert-btn:hover { background-color: #e6ebf2; color: #212529; } .alert-secondary .alert-btn:active { background-color: #d5dee9; border-color: #d5dee9; } .alert-secondary .alert-btn.active { background-color: #d5dee9; border-color: #d5dee9; } .alert-secondary .alert-btn[aria-expanded=true], .alert-secondary .alert-btn.show { background-color: #d5dee9; border-color: #d5dee9; } .alert-secondary .alert-link { color: #5f6164; } .alert-success, .portlet-msg-success { background-color: #eef2e8; border-color: #ccd7bb; color: #2c400f; } .alert-success .alert-btn, .portlet-msg-success .alert-btn { background-color: #fff; border-color: #547b1c; color: #547b1c; } .alert-success .alert-btn:hover, .portlet-msg-success .alert-btn:hover { background-color: #547b1c; color: #fff; } .alert-success .alert-btn:active, .portlet-msg-success .alert-btn:active { background-color: #466617; border-color: #466617; } .alert-success .alert-btn.active, .portlet-msg-success .alert-btn.active { background-color: #466617; border-color: #466617; } .alert-success .alert-btn[aria-expanded=true], .portlet-msg-success .alert-btn[aria-expanded=true], .alert-success .alert-btn.show, .portlet-msg-success .alert-btn.show { background-color: #466617; border-color: #466617; } .alert-success .alert-link, .portlet-msg-success .alert-link { color: #101705; } .alert-info, .portlet-msg-help, .portlet-msg-info, .portlet-msg-progress { background-color: #e6f1f6; border-color: #b3d6e5; color: #003d57; } .alert-info .alert-btn, .portlet-msg-help .alert-btn, .portlet-msg-info .alert-btn, .portlet-msg-progress .alert-btn { background-color: #fff; border-color: #0075a8; color: #0075a8; } .alert-info .alert-btn:hover, .portlet-msg-help .alert-btn:hover, .portlet-msg-info .alert-btn:hover, .portlet-msg-progress .alert-btn:hover { background-color: #0075a8; color: #fff; } .alert-info .alert-btn:active, .portlet-msg-help .alert-btn:active, .portlet-msg-info .alert-btn:active, .portlet-msg-progress .alert-btn:active { background-color: #00638f; border-color: #00638f; } .alert-info .alert-btn.active, .portlet-msg-help .alert-btn.active, .portlet-msg-info .alert-btn.active, .portlet-msg-progress .alert-btn.active { background-color: #00638f; border-color: #00638f; } .alert-info .alert-btn[aria-expanded=true], .portlet-msg-help .alert-btn[aria-expanded=true], .portlet-msg-info .alert-btn[aria-expanded=true], .portlet-msg-progress .alert-btn[aria-expanded=true], .alert-info .alert-btn.show, .portlet-msg-help .alert-btn.show, .portlet-msg-info .alert-btn.show, .portlet-msg-progress .alert-btn.show { background-color: #00638f; border-color: #00638f; } .alert-warning, .portlet-msg-alert { background-color: #f8eee7; border-color: #e9cbb6; color: #5e2b06; } .alert-warning .alert-btn, .portlet-msg-alert .alert-btn { background-color: #fff; border-color: #b4520c; color: #b4520c; } .alert-warning .alert-btn:hover, .portlet-msg-alert .alert-btn:hover { background-color: #b4520c; color: #fff; } .alert-warning .alert-btn:active, .portlet-msg-alert .alert-btn:active { background-color: #9c470a; border-color: #9c470a; } .alert-warning .alert-btn.active, .portlet-msg-alert .alert-btn.active { background-color: #9c470a; border-color: #9c470a; } .alert-warning .alert-btn[aria-expanded=true], .portlet-msg-alert .alert-btn[aria-expanded=true], .alert-warning .alert-btn.show, .portlet-msg-alert .alert-btn.show { background-color: #9c470a; border-color: #9c470a; } .alert-danger, .portlet-msg-error { background-color: #f7e9e8; border-color: #e6bdba; color: #59120c; } .alert-danger .alert-btn, .portlet-msg-error .alert-btn { background-color: #fff; border-color: #ab2218; color: #ab2218; } .alert-danger .alert-btn:hover, .portlet-msg-error .alert-btn:hover { background-color: #ab2218; color: #fff; } .alert-danger .alert-btn:active, .portlet-msg-error .alert-btn:active { background-color: #951e15; border-color: #951e15; } .alert-danger .alert-btn.active, .portlet-msg-error .alert-btn.active { background-color: #951e15; border-color: #951e15; } .alert-danger .alert-btn[aria-expanded=true], .portlet-msg-error .alert-btn[aria-expanded=true], .alert-danger .alert-btn.show, .portlet-msg-error .alert-btn.show { background-color: #951e15; border-color: #951e15; } .alert-light { background-color: #fdfdfd; border-color: #f9f9f9; color: #7a7a7a; } .alert-light .alert-btn { background-color: #fff; border-color: #e6ebf2; color: #e6ebf2; } .alert-light .alert-btn:hover { background-color: #e6ebf2; color: #212529; } .alert-light .alert-btn:active { background-color: #d5dee9; border-color: #d5dee9; } .alert-light .alert-btn.active { background-color: #d5dee9; border-color: #d5dee9; } .alert-light .alert-btn[aria-expanded=true], .alert-light .alert-btn.show { background-color: #d5dee9; border-color: #d5dee9; } .alert-dark { background-color: #eaeaea; border-color: #bfbfbf; color: #161616; } .alert-dark .alert-btn { background-color: #fff; border-color: #2b2b2b; color: #2b2b2b; } .alert-dark .alert-btn:hover { background-color: #2b2b2b; color: #fff; } .alert-dark .alert-btn:active { background-color: #1e1e1e; border-color: #1e1e1e; } .alert-dark .alert-btn.active { background-color: #1e1e1e; border-color: #1e1e1e; } .alert-dark .alert-btn[aria-expanded=true], .alert-dark .alert-btn.show { background-color: #1e1e1e; border-color: #1e1e1e; } .badge { border-color: transparent; border-radius: 0; border-style: solid; border-width: 1px; display: inline-flex; font-size: 16px; font-weight: 600; line-height: 1; margin-bottom: 0.125rem; margin-right: 0.25rem; margin-top: 0.125rem; max-width: 100%; padding-bottom: 0.25em; padding-left: 0.4em; padding-right: 0.4em; padding-top: 0.25em; text-align: center; 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; white-space: inherit; overflow-wrap: break-word; word-wrap: break-word; } @media (prefers-reduced-motion: reduce) { .badge { transition: none; } } .c-prefers-reduced-motion .badge { transition: none; } .badge:empty { display: none; } .badge[href]:hover, .badge[href].hover, .badge[type]:hover, .badge[type].hover { text-decoration: none; } .badge[href].focus, .badge[href]:focus-visible, .c-prefers-focus .badge[href]:focus, .badge[type].focus, .badge[type]:focus-visible, .c-prefers-focus .badge[type]:focus { box-shadow: 0 0 0 0.2rem rgba(0, 130, 150, 0.25); outline: 0; } .badge a { color: #fff; text-decoration: underline; } .badge a:hover, .badge a.hover { text-decoration: none; } .badge a.focus, .badge a:focus-visible, .c-prefers-focus .badge a:focus { text-decoration: none; } .badge > .c-inner { margin-bottom: -0.25em; margin-left: -0.4em; margin-right: -0.4em; margin-top: -0.25em; max-width: none; } .badge .inline-item a { align-items: center; display: inline-flex; margin-top: 0; } .badge .inline-item .btn-unstyled { color: inherit; display: inline-flex; margin-top: 0; max-width: none; } .badge .inline-item .close { color: inherit; display: inline-flex; float: none; font-size: inherit; margin-top: 0; opacity: 1; } .badge .inline-item a .lexicon-icon, .badge .inline-item .btn-unstyled .lexicon-icon, .badge .inline-item .close .lexicon-icon { margin-top: 0; } .badge .inline-item .lexicon-icon { height: 0.875em; margin-top: 0; width: 0.875em; } .badge-item { display: flex; flex-direction: column; flex-shrink: 0; justify-content: center; min-height: 0; position: relative; text-align: left; } .badge-item a { display: inline-flex; } .badge-item .btn-unstyled { color: inherit; display: inline-flex; } .badge-item .close { border-radius: 1px; color: inherit; display: inline-flex; font-size: inherit; height: auto; opacity: 1; width: auto; } .badge-item .close:hover { color: inherit; opacity: 1; } .badge-item .close.focus, .badge-item .close:focus-visible, .c-prefers-focus .badge-item .close:focus { opacity: 1; } .badge-item .lexicon-icon { height: 0.875em; margin-top: 0; width: 0.875em; } .badge-item-expand { flex-grow: 1; flex-shrink: 1; min-width: 0.375rem; word-wrap: break-word; } .badge-item-expand a { flex-direction: column; } .badge-item-before { margin-right: 0.5em; } .badge-item-after { margin-left: 0.5em; } .btn .badge { margin-right: 0; position: relative; top: -1px; } .badge-pill { border-radius: 18px; padding-left: 8px; padding-right: 8px; } .badge-primary { background-color: #008296; color: #fff; } [href].badge-primary:hover, [href].hover.badge-primary, [type].badge-primary:hover, [type].hover.badge-primary { background-color: #005663; color: #fff; } [href].focus.badge-primary, [href].badge-primary:focus-visible, .c-prefers-focus [href].badge-primary:focus, [type].focus.badge-primary, [type].badge-primary:focus-visible, .c-prefers-focus [type].badge-primary:focus { background-color: #005663; box-shadow: 0 0 0 0.1875rem rgba(0, 130, 150, 0.5); color: #fff; } .badge-secondary { background-color: #e6ebf2; color: #212529; } [href].badge-secondary:hover, [href].hover.badge-secondary, [type].badge-secondary:hover, [type].hover.badge-secondary { background-color: #c4d0e1; color: #212529; } [href].focus.badge-secondary, [href].badge-secondary:focus-visible, .c-prefers-focus [href].badge-secondary:focus, [type].focus.badge-secondary, [type].badge-secondary:focus-visible, .c-prefers-focus [type].badge-secondary:focus { background-color: #c4d0e1; color: #212529; box-shadow: 0 0 0 0.1875rem rgba(230, 235, 242, 0.5); } .badge-success { background-color: #547b1c; color: #fff; } [href].badge-success:hover, [href].hover.badge-success, [type].badge-success:hover, [type].hover.badge-success { background-color: #385113; color: #fff; } [href].focus.badge-success, [href].badge-success:focus-visible, .c-prefers-focus [href].badge-success:focus, [type].focus.badge-success, [type].badge-success:focus-visible, .c-prefers-focus [type].badge-success:focus { background-color: #385113; color: #fff; box-shadow: 0 0 0 0.1875rem rgba(84, 123, 28, 0.5); } .badge-info { background-color: #0075a8; color: #fff; } [href].badge-info:hover, [href].hover.badge-info, [type].badge-info:hover, [type].hover.badge-info { background-color: #005175; color: #fff; } [href].focus.badge-info, [href].badge-info:focus-visible, .c-prefers-focus [href].badge-info:focus, [type].focus.badge-info, [type].badge-info:focus-visible, .c-prefers-focus [type].badge-info:focus { background-color: #005175; color: #fff; box-shadow: 0 0 0 0.1875rem rgba(0, 117, 168, 0.5); } .badge-warning { background-color: #b4520c; color: #fff; } [href].badge-warning:hover, [href].hover.badge-warning, [type].badge-warning:hover, [type].hover.badge-warning { background-color: #843c09; color: #fff; } [href].focus.badge-warning, [href].badge-warning:focus-visible, .c-prefers-focus [href].badge-warning:focus, [type].focus.badge-warning, [type].badge-warning:focus-visible, .c-prefers-focus [type].badge-warning:focus { background-color: #843c09; color: #fff; box-shadow: 0 0 0 0.1875rem rgba(180, 82, 12, 0.5); } .badge-danger { background-color: #ab2218; color: #fff; } [href].badge-danger:hover, [href].hover.badge-danger, [type].badge-danger:hover, [type].hover.badge-danger { background-color: #7e1912; color: #fff; } [href].focus.badge-danger, [href].badge-danger:focus-visible, .c-prefers-focus [href].badge-danger:focus, [type].focus.badge-danger, [type].badge-danger:focus-visible, .c-prefers-focus [type].badge-danger:focus { background-color: #7e1912; color: #fff; box-shadow: 0 0 0 0.1875rem rgba(171, 34, 24, 0.5); } .badge-light { background-color: #ebebeb; color: #212529; } [href].badge-light:hover, [href].hover.badge-light, [type].badge-light:hover, [type].hover.badge-light { background-color: #d2d2d2; color: #212529; } [href].focus.badge-light, [href].badge-light:focus-visible, .c-prefers-focus [href].badge-light:focus, [type].focus.badge-light, [type].badge-light:focus-visible, .c-prefers-focus [type].badge-light:focus { background-color: #d2d2d2; color: #212529; box-shadow: 0 0 0 0.1875rem rgba(235, 235, 235, 0.5); } .badge-dark { background-color: #2b2b2b; color: #fff; } [href].badge-dark:hover, [href].hover.badge-dark, [type].badge-dark:hover, [type].hover.badge-dark { background-color: #121212; color: #fff; } [href].focus.badge-dark, [href].badge-dark:focus-visible, .c-prefers-focus [href].badge-dark:focus, [type].focus.badge-dark, [type].badge-dark:focus-visible, .c-prefers-focus [type].badge-dark:focus { background-color: #121212; color: #fff; box-shadow: 0 0 0 0.1875rem rgba(43, 43, 43, 0.5); } .badge-translucent.badge-primary { background-color: rgba(0, 97, 112, 0.04); border-color: transparent; color: #006170; } .badge-translucent.badge-info, .badge-beta { background-color: rgba(0, 90, 130, 0.04); border-color: transparent; color: #005a82; } .badge-translucent.badge-success { background-color: rgba(63, 92, 21, 0.04); border-color: transparent; color: #3f5c15; } .badge-translucent.badge-warning { background-color: rgba(144, 66, 10, 0.04); border-color: transparent; color: #90420a; } .badge-translucent.badge-danger { background-color: rgba(137, 27, 19, 0.04); border-color: transparent; color: #891b13; } .clay-dark.badge-translucent.badge-primary, .clay-dark .badge-translucent.badge-primary { background-color: rgba(63, 229, 255, 0.04); border-color: transparent; color: #0cdfff; } .clay-dark.badge-translucent.badge-info, .clay-dark .badge-translucent.badge-info, .badge-beta-dark { background-color: rgba(81, 202, 255, 0.04); border-color: transparent; color: #1ebbff; } .clay-dark.badge-translucent.badge-success, .clay-dark .badge-translucent.badge-success { background-color: rgba(170, 220, 99, 0.04); border-color: transparent; color: #94d23a; } .clay-dark.badge-translucent.badge-warning, .clay-dark .badge-translucent.badge-warning { background-color: rgba(246, 169, 114, 0.04); border-color: transparent; color: #f28c43; } .clay-dark.badge-translucent.badge-danger, .clay-dark .badge-translucent.badge-danger { background-color: rgba(237, 134, 126, 0.04); border-color: transparent; color: #e75c51; } .breadcrumb { background-color: #e9ecef; border-radius: 0; display: flex; flex-wrap: wrap; list-style: none; margin-bottom: 1rem; padding: 0.75rem 1rem; } .breadcrumb-link { color: #406a9e; display: block; text-decoration: underline; } .breadcrumb-link:hover, .breadcrumb-link.hover { color: #00387d; text-decoration: underline; } .breadcrumb-link.focus, .breadcrumb-link:focus-visible, .c-prefers-focus .breadcrumb-link:focus { color: #00387d; text-decoration: underline; } .breadcrumb-toggle { color: #406a9e; } .breadcrumb-item { margin-right: 0.5em; position: relative; } .breadcrumb-item.active, .breadcrumb-item .active { color: #6c757d; } .breadcrumb-item.active .breadcrumb-link, .breadcrumb-item .active .breadcrumb-link { color: inherit; } .breadcrumb-item > span { text-transform: inherit; } .breadcrumb-item + .breadcrumb-item { padding-left: 1em; } .breadcrumb-item + .breadcrumb-item::before { color: #6c757d; display: block; float: left; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M375.2%20239.2%20173.3%2037c-23.6-23-59.9%2011.9-36%2035.1l183%20183.9-182.9%20183.8c-24%2023.5%2012.5%2058.2%2036.1%2035.2l201.7-202.1c10.2-10.1%209.3-24.4%200-33.7z'%20fill='%236c757d'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 100%; content: ""; height: 0.75em; left: 0; margin-top: calc(-0.75em / 2); padding: 0; position: absolute; top: 50%; width: 0.75em; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item .dropdown-toggle { text-decoration: none; } .breadcrumb-item .dropdown-toggle:hover { text-decoration: none; } .breadcrumb-item .dropdown-toggle.focus, .breadcrumb-item .dropdown-toggle:focus-visible, .c-prefers-focus .breadcrumb-item .dropdown-toggle:focus { text-decoration: none; } .breadcrumb-text-truncate { display: inline-block; max-width: 17.875rem; overflow: hidden; text-decoration: inherit; text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap; } .btn-group, .btn-group-vertical { display: inline-flex; position: relative; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; } .btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group-vertical > .btn:focus { z-index: 3; } .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group { flex-wrap: wrap; } .btn-group-spaced { align-items: center; column-gap: 0.5rem; display: inline-flex; flex-wrap: wrap; position: relative; } .btn-group-nowrap { flex-wrap: nowrap; } .btn-group-item { align-items: center; display: inline-flex; margin-right: 0.5rem; } .btn-group-item:last-child, .btn-group-item-last { margin-right: 0; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .btn-group, .btn-toolbar .input-group { margin-bottom: 0.125rem; margin-top: 0.125rem; } .btn-toolbar .btn-group:not(:last-child), .btn-toolbar .input-group:not(:last-child) { margin-right: 0.5rem; } .btn-toolbar .input-group { width: auto; } .dropdown-toggle-split { padding-left: calc(1.5rem * 0.75); padding-right: calc(1.5rem * 0.75); } .dropdown-toggle-split::after, .dropdown-toggle-split .dropup::after, .dropdown-toggle-split .dropright::after { margin-left: 0; } .dropdown-toggle-split .dropleft::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: calc(0.75rem * 0.75); padding-left: calc(0.75rem * 0.75); } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: calc(1rem * 0.75); padding-left: calc(1rem * 0.75); } .btn-group-vertical { align-items: flex-start; flex-direction: column; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-vertical > .btn-monospaced { width: 2.375rem; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type=radio], .btn-group-toggle > .btn input[type=checkbox], .btn-group-toggle > .btn-group > .btn input[type=radio], .btn-group-toggle > .btn-group > .btn input[type=checkbox] { clip: rect(0, 0, 0, 0); pointer-events: none; position: absolute; } .c-empty-state-animation { align-items: center; display: flex; flex-direction: column; flex-shrink: 0; margin: 5rem auto 1.5rem; max-width: 340px; text-align: center; } .c-empty-state-image { margin-bottom: -0.5rem; max-width: 250px; width: 100%; overflow-wrap: break-word; word-wrap: break-word; } .c-empty-state-aspect-ratio { background-repeat: no-repeat; background-position: center; background-size: 100%; display: block; padding-bottom: 100%; position: relative; width: 100%; } .c-empty-state-title { font-size: 1.25rem; font-weight: 500; line-height: 1.2; margin-bottom: 0; margin-top: 2.5rem; max-width: 100%; overflow-wrap: break-word; word-wrap: break-word; } .c-empty-state-text { color: #e6ebf2; margin-bottom: 0; margin-top: 0.5rem; max-width: 100%; overflow-wrap: break-word; word-wrap: break-word; } .c-empty-state-footer { margin-top: 1rem; max-width: 100%; overflow-wrap: break-word; word-wrap: break-word; } .c-empty-state-sm.c-empty-state-animation { margin: 2.5rem auto 2rem; max-width: 268px; } .c-empty-state-sm .c-empty-state-image { max-width: 120px; } .c-empty-state-sm .c-empty-state-title { font-size: 1rem; line-height: 1.5; } .c-empty-state-sm .c-empty-state-text { font-size: 0.875rem; } .label { border-color: #212529; border-radius: 0; border-style: solid; border-width: 0.0625rem; display: inline-flex; font-size: 1.25rem; font-weight: 600; line-height: 1.625rem; margin-bottom: 0.125rem; margin-right: 0.25rem; margin-top: 0.125rem; max-width: 100%; padding-bottom: 0.1875rem; padding-left: 0.4375rem; padding-right: 0.4375rem; padding-top: 0.1875rem; white-space: inherit; overflow-wrap: break-word; word-wrap: break-word; } .label[href], .label[type], .label[tabindex] { cursor: pointer; text-decoration: none; } .label a, .label .btn-unstyled { color: inherit; display: inline-block; text-decoration: underline; } .label a:hover, .label a.hover, .label .btn-unstyled:hover, .label .btn-unstyled.hover { color: inherit; text-decoration: none; } .label a.focus, .label a:focus-visible, .c-prefers-focus .label a:focus, .label .btn-unstyled.focus, .label .btn-unstyled:focus-visible, .c-prefers-focus .label .btn-unstyled:focus { color: inherit; text-decoration: none; } .label .sticker { border-radius: 100px; height: 0.875em; line-height: 0.875em; width: 0.875em; } .label .sticker-overlay { border-radius: 100px; } .label > .c-inner { margin-bottom: -0.1875rem; margin-left: -0.4375rem; margin-right: -0.4375rem; margin-top: -0.1875rem; max-width: none; } .label .inline-item a { align-items: center; display: inline-flex; margin-top: 0; } .label .inline-item .btn-unstyled { color: inherit; display: inline-flex; margin-top: 0; max-width: none; } .label .inline-item .close { color: inherit; display: inline-flex; float: none; font-size: inherit; margin-top: 0; opacity: 1; } .label .inline-item a .lexicon-icon, .label .inline-item .btn-unstyled .lexicon-icon, .label .inline-item .close .lexicon-icon { margin-top: 0; } .label .inline-item .lexicon-icon { margin-top: 0; } .label-item { display: flex; flex-direction: column; flex-shrink: 0; justify-content: center; min-height: 0; position: relative; } .label-item a { display: inline-flex; } .label-item .btn-unstyled { color: inherit; display: inline-flex; } .label-item .close { border-radius: 1px; color: inherit; display: inline-flex; font-size: 1rem; height: auto; margin-bottom: -2px; margin-top: -2px; opacity: 1; width: auto; } .label-item .close:hover { color: inherit; opacity: 1; } .label-item .close.focus, .label-item .close:focus-visible, .c-prefers-focus .label-item .close:focus { opacity: 1; } .label-item .close:disabled, .label-item .close.disabled { opacity: 0.65; } .label-item .lexicon-icon { margin-top: 0; } .label-item .text-truncate-inline { display: inline-flex; } .label-item-expand { flex-grow: 1; flex-shrink: 1; min-width: 1rem; overflow-wrap: break-word; word-wrap: break-word; } .label-item-expand a { flex-direction: column; } .label-item-before { margin-right: 0.5em; } .label-item-after { margin-left: 0.5em; } .label-lg { font-size: 0.875rem; height: auto; padding-bottom: 0.375rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.375rem; text-transform: none; } .label-lg > .c-inner { margin-bottom: -0.375rem; margin-left: -1rem; margin-right: -1rem; margin-top: -0.375rem; } .label-primary { background-color: #fff; border-color: #008296; color: #008296; } [href].label-primary:hover, [href].hover.label-primary, [type].label-primary:hover, [type].hover.label-primary, [tabindex].label-primary:hover, [tabindex].hover.label-primary { border-color: #005663; color: #005663; } [href].focus.label-primary, [href].label-primary:focus-visible, .c-prefers-focus [href].label-primary:focus, [type].focus.label-primary, [type].label-primary:focus-visible, .c-prefers-focus [type].label-primary:focus, [tabindex].focus.label-primary, [tabindex].label-primary:focus-visible, .c-prefers-focus [tabindex].label-primary:focus { color: #005663; } .label-primary a:hover, .label-primary a.hover, .label-primary .btn-unstyled:hover, .label-primary .btn-unstyled.hover { color: #005663; } .label-primary .close:hover { color: #005663; } .label-primary .close.focus, .label-primary .close:focus-visible, .c-prefers-focus .label-primary .close:focus { color: #005663; } .label-secondary { background-color: #fff; border-color: #e6ebf2; color: #e6ebf2; } [href].label-secondary:hover, [href].hover.label-secondary, [type].label-secondary:hover, [type].hover.label-secondary, [tabindex].label-secondary:hover, [tabindex].hover.label-secondary { border-color: #c4d0e1; color: #c4d0e1; } [href].focus.label-secondary, [href].label-secondary:focus-visible, .c-prefers-focus [href].label-secondary:focus, [type].focus.label-secondary, [type].label-secondary:focus-visible, .c-prefers-focus [type].label-secondary:focus, [tabindex].focus.label-secondary, [tabindex].label-secondary:focus-visible, .c-prefers-focus [tabindex].label-secondary:focus { color: #c4d0e1; } .label-secondary a:hover, .label-secondary a.hover, .label-secondary .btn-unstyled:hover, .label-secondary .btn-unstyled.hover { color: #c4d0e1; } .label-secondary .close:hover { color: #c4d0e1; } .label-secondary .close.focus, .label-secondary .close:focus-visible, .c-prefers-focus .label-secondary .close:focus { color: #c4d0e1; } .label-success { background-color: #fff; border-color: #547b1c; color: #547b1c; } [href].label-success:hover, [href].hover.label-success, [type].label-success:hover, [type].hover.label-success, [tabindex].label-success:hover, [tabindex].hover.label-success { border-color: #385113; color: #385113; } [href].focus.label-success, [href].label-success:focus-visible, .c-prefers-focus [href].label-success:focus, [type].focus.label-success, [type].label-success:focus-visible, .c-prefers-focus [type].label-success:focus, [tabindex].focus.label-success, [tabindex].label-success:focus-visible, .c-prefers-focus [tabindex].label-success:focus { color: #385113; } .label-success a:hover, .label-success a.hover, .label-success .btn-unstyled:hover, .label-success .btn-unstyled.hover { color: #385113; } .label-success .close:hover { color: #385113; } .label-success .close.focus, .label-success .close:focus-visible, .c-prefers-focus .label-success .close:focus { color: #385113; } .label-info { background-color: #fff; border-color: #0075a8; color: #0075a8; } [href].label-info:hover, [href].hover.label-info, [type].label-info:hover, [type].hover.label-info, [tabindex].label-info:hover, [tabindex].hover.label-info { border-color: #005175; color: #005175; } [href].focus.label-info, [href].label-info:focus-visible, .c-prefers-focus [href].label-info:focus, [type].focus.label-info, [type].label-info:focus-visible, .c-prefers-focus [type].label-info:focus, [tabindex].focus.label-info, [tabindex].label-info:focus-visible, .c-prefers-focus [tabindex].label-info:focus { color: #005175; } .label-info a:hover, .label-info a.hover, .label-info .btn-unstyled:hover, .label-info .btn-unstyled.hover { color: #005175; } .label-info .close:hover { color: #005175; } .label-info .close.focus, .label-info .close:focus-visible, .c-prefers-focus .label-info .close:focus { color: #005175; } .label-warning { background-color: #fff; border-color: #b4520c; color: #b4520c; } [href].label-warning:hover, [href].hover.label-warning, [type].label-warning:hover, [type].hover.label-warning, [tabindex].label-warning:hover, [tabindex].hover.label-warning { border-color: #843c09; color: #843c09; } [href].focus.label-warning, [href].label-warning:focus-visible, .c-prefers-focus [href].label-warning:focus, [type].focus.label-warning, [type].label-warning:focus-visible, .c-prefers-focus [type].label-warning:focus, [tabindex].focus.label-warning, [tabindex].label-warning:focus-visible, .c-prefers-focus [tabindex].label-warning:focus { color: #843c09; } .label-warning a:hover, .label-warning a.hover, .label-warning .btn-unstyled:hover, .label-warning .btn-unstyled.hover { color: #843c09; } .label-warning .close:hover { color: #843c09; } .label-warning .close.focus, .label-warning .close:focus-visible, .c-prefers-focus .label-warning .close:focus { color: #843c09; } .label-danger { background-color: #fff; border-color: #ab2218; color: #ab2218; } [href].label-danger:hover, [href].hover.label-danger, [type].label-danger:hover, [type].hover.label-danger, [tabindex].label-danger:hover, [tabindex].hover.label-danger { border-color: #7e1912; color: #7e1912; } [href].focus.label-danger, [href].label-danger:focus-visible, .c-prefers-focus [href].label-danger:focus, [type].focus.label-danger, [type].label-danger:focus-visible, .c-prefers-focus [type].label-danger:focus, [tabindex].focus.label-danger, [tabindex].label-danger:focus-visible, .c-prefers-focus [tabindex].label-danger:focus { color: #7e1912; } .label-danger a:hover, .label-danger a.hover, .label-danger .btn-unstyled:hover, .label-danger .btn-unstyled.hover { color: #7e1912; } .label-danger .close:hover { color: #7e1912; } .label-danger .close.focus, .label-danger .close:focus-visible, .c-prefers-focus .label-danger .close:focus { color: #7e1912; } .label-dark { background-color: #fff; border-color: #2b2b2b; color: #2b2b2b; } [href].label-dark:hover, [href].hover.label-dark, [type].label-dark:hover, [type].hover.label-dark, [tabindex].label-dark:hover, [tabindex].hover.label-dark { border-color: #121212; color: #121212; } [href].focus.label-dark, [href].label-dark:focus-visible, .c-prefers-focus [href].label-dark:focus, [type].focus.label-dark, [type].label-dark:focus-visible, .c-prefers-focus [type].label-dark:focus, [tabindex].focus.label-dark, [tabindex].label-dark:focus-visible, .c-prefers-focus [tabindex].label-dark:focus { color: #121212; } .label-dark a:hover, .label-dark a.hover, .label-dark .btn-unstyled:hover, .label-dark .btn-unstyled.hover { color: #121212; } .label-dark .close:hover { color: #121212; } .label-dark .close.focus, .label-dark .close:focus-visible, .c-prefers-focus .label-dark .close:focus { color: #121212; } .label-light { background-color: #343a40; border-color: #ebebeb; color: #ebebeb; } [href].label-light:hover, [href].hover.label-light, [type].label-light:hover, [type].hover.label-light, [tabindex].label-light:hover, [tabindex].hover.label-light { border-color: #d2d2d2; color: #d2d2d2; } [href].focus.label-light, [href].label-light:focus-visible, .c-prefers-focus [href].label-light:focus, [type].focus.label-light, [type].label-light:focus-visible, .c-prefers-focus [type].label-light:focus, [tabindex].focus.label-light, [tabindex].label-light:focus-visible, .c-prefers-focus [tabindex].label-light:focus { color: #d2d2d2; } .label-light a:hover, .label-light a.hover, .label-light .btn-unstyled:hover, .label-light .btn-unstyled.hover { color: #d2d2d2; } .label-light .close:hover { color: #d2d2d2; } .label-light .close.focus, .label-light .close:focus-visible, .c-prefers-focus .label-light .close:focus { color: #d2d2d2; } .label-inverse-primary { background-color: #008296; border-color: #008296; color: #fff; } [href].label-inverse-primary:hover, [href].hover.label-inverse-primary, [type].label-inverse-primary:hover, [type].hover.label-inverse-primary, [tabindex].label-inverse-primary:hover, [tabindex].hover.label-inverse-primary { background-color: #005663; border-color: #005663; color: #fff; } .label-inverse-primary a:hover, .label-inverse-primary a.hover, .label-inverse-primary .btn-unstyled:hover, .label-inverse-primary .btn-unstyled.hover { color: #e6e6e6; } .label-inverse-primary .close:hover { color: #e6e6e6; } .label-inverse-secondary { background-color: #e6ebf2; border-color: #e6ebf2; color: #212529; } [href].label-inverse-secondary:hover, [href].hover.label-inverse-secondary, [type].label-inverse-secondary:hover, [type].hover.label-inverse-secondary, [tabindex].label-inverse-secondary:hover, [tabindex].hover.label-inverse-secondary { background-color: #c4d0e1; border-color: #c4d0e1; color: #212529; } .label-inverse-secondary a:hover, .label-inverse-secondary a.hover, .label-inverse-secondary .btn-unstyled:hover, .label-inverse-secondary .btn-unstyled.hover { color: #0a0c0d; } .label-inverse-secondary .close:hover { color: #0a0c0d; } .label-inverse-success { background-color: #547b1c; border-color: #547b1c; color: #fff; } [href].label-inverse-success:hover, [href].hover.label-inverse-success, [type].label-inverse-success:hover, [type].hover.label-inverse-success, [tabindex].label-inverse-success:hover, [tabindex].hover.label-inverse-success { background-color: #385113; border-color: #385113; color: #fff; } .label-inverse-success a:hover, .label-inverse-success a.hover, .label-inverse-success .btn-unstyled:hover, .label-inverse-success .btn-unstyled.hover { color: #e6e6e6; } .label-inverse-success .close:hover { color: #e6e6e6; } .label-inverse-info { background-color: #0075a8; border-color: #0075a8; color: #fff; } [href].label-inverse-info:hover, [href].hover.label-inverse-info, [type].label-inverse-info:hover, [type].hover.label-inverse-info, [tabindex].label-inverse-info:hover, [tabindex].hover.label-inverse-info { background-color: #005175; border-color: #005175; color: #fff; } .label-inverse-info a:hover, .label-inverse-info a.hover, .label-inverse-info .btn-unstyled:hover, .label-inverse-info .btn-unstyled.hover { color: #e6e6e6; } .label-inverse-info .close:hover { color: #e6e6e6; } .label-inverse-warning { background-color: #b4520c; border-color: #b4520c; color: #fff; } [href].label-inverse-warning:hover, [href].hover.label-inverse-warning, [type].label-inverse-warning:hover, [type].hover.label-inverse-warning, [tabindex].label-inverse-warning:hover, [tabindex].hover.label-inverse-warning { background-color: #843c09; border-color: #843c09; color: #fff; } .label-inverse-warning a:hover, .label-inverse-warning a.hover, .label-inverse-warning .btn-unstyled:hover, .label-inverse-warning .btn-unstyled.hover { color: white; } .label-inverse-warning .close:hover { color: white; } .label-inverse-danger { background-color: #ab2218; border-color: #ab2218; color: #fff; } [href].label-inverse-danger:hover, [href].hover.label-inverse-danger, [type].label-inverse-danger:hover, [type].hover.label-inverse-danger, [tabindex].label-inverse-danger:hover, [tabindex].hover.label-inverse-danger { background-color: #7e1912; border-color: #7e1912; color: #fff; } .label-inverse-danger a:hover, .label-inverse-danger a.hover, .label-inverse-danger .btn-unstyled:hover, .label-inverse-danger .btn-unstyled.hover { color: #e6e6e6; } .label-inverse-danger .close:hover { color: #e6e6e6; } .label-inverse-light { background-color: #ebebeb; border-color: #ebebeb; color: #212529; } [href].label-inverse-light:hover, [href].hover.label-inverse-light, [type].label-inverse-light:hover, [type].hover.label-inverse-light, [tabindex].label-inverse-light:hover, [tabindex].hover.label-inverse-light { background-color: #d2d2d2; border-color: #d2d2d2; color: #212529; } .label-inverse-light a:hover, .label-inverse-light a.hover, .label-inverse-light .btn-unstyled:hover, .label-inverse-light .btn-unstyled.hover { color: #383f45; } .label-inverse-light .close:hover { color: #383f45; } .label-inverse-dark { background-color: #2b2b2b; border-color: #2b2b2b; color: #fff; } [href].label-inverse-dark:hover, [href].hover.label-inverse-dark, [type].label-inverse-dark:hover, [type].hover.label-inverse-dark, [tabindex].label-inverse-dark:hover, [tabindex].hover.label-inverse-dark { background-color: #121212; border-color: #121212; color: #fff; } .label-inverse-dark a:hover, .label-inverse-dark a.hover, .label-inverse-dark .btn-unstyled:hover, .label-inverse-dark .btn-unstyled.hover { color: #e6e6e6; } .label-inverse-dark .close:hover { color: #e6e6e6; } .media { align-items: flex-start; display: flex; } .media-body { flex: 1; } .sticker { align-items: center; border-radius: 0; color: #212529; height: 2rem; line-height: 2rem; display: inline-flex; font-size: 0.875rem; font-weight: 500; justify-content: center; position: relative; text-align: center; vertical-align: middle; width: 2rem; } .sticker > .inline-item { justify-content: center; } .sticker > .inline-item .lexicon-icon { margin-top: 0; } .sticker .lexicon-icon { margin-top: 0; } .sticker-overlay { align-items: center; border-radius: inherit; bottom: 0; display: flex; justify-content: center; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; } .sticker-bottom-left { bottom: 15px; left: 15px; position: absolute; right: auto; top: auto; } .sticker-bottom-right { bottom: 15px; left: auto; position: absolute; right: 15px; top: auto; } .sticker-top-left { left: 15px; position: absolute; top: 15px; } .sticker-top-right { left: auto; position: absolute; right: 15px; top: 15px; } .sticker-outside { left: -1rem; top: -1rem; } .sticker-outside.sticker-bottom-left { bottom: -1rem; top: auto; } .sticker-outside.sticker-bottom-right { bottom: -1rem; left: auto; right: -1rem; top: auto; } .sticker-outside.sticker-top-right { left: auto; right: -1rem; } .sticker-user-icon { background-color: #fff; border-radius: 5000px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.125); } .sticker-sm { font-size: 0.75rem; height: 1.5rem; line-height: 1.5rem; width: 1.5rem; } .sticker-outside.sticker-sm { left: -0.75rem; top: -0.75rem; } .sticker-outside.sticker-bottom-left.sticker-sm { bottom: -0.75rem; top: auto; } .sticker-outside.sticker-bottom-right.sticker-sm { bottom: -0.75rem; left: auto; right: -0.75rem; top: auto; } .sticker-outside.sticker-top-right.sticker-sm { left: auto; right: -0.75rem; } .sticker-lg { font-size: 1.125rem; height: 2.5rem; line-height: 2.5rem; width: 2.5rem; } .sticker-outside.sticker-lg { left: -1.25rem; top: -1.25rem; } .sticker-outside.sticker-bottom-left.sticker-lg { bottom: -1.25rem; top: auto; } .sticker-outside.sticker-bottom-right.sticker-lg { bottom: -1.25rem; left: auto; right: -1.25rem; top: auto; } .sticker-outside.sticker-top-right.sticker-lg { left: auto; right: -1.25rem; } .sticker-xl { font-size: 1.25rem; height: 3rem; line-height: 3rem; width: 3rem; } .sticker-outside.sticker-xl { left: -1.5rem; top: -1.5rem; } .sticker-outside.sticker-bottom-left.sticker-xl { bottom: -1.5rem; top: auto; } .sticker-outside.sticker-bottom-right.sticker-xl { bottom: -1.5rem; left: auto; right: -1.5rem; top: auto; } .sticker-outside.sticker-top-right.sticker-xl { left: auto; right: -1.5rem; } .sticker-primary { background-color: #008296; color: #fff; } .sticker-secondary { background-color: #e6ebf2; color: #212529; } .sticker-success { background-color: #547b1c; color: #fff; } .sticker-info { background-color: #0075a8; color: #fff; } .sticker-warning { background-color: #b4520c; color: #fff; } .sticker-danger { background-color: #ab2218; color: #fff; } .sticker-light { background-color: #ebebeb; color: #212529; } .sticker-dark { background-color: #2b2b2b; color: #fff; } .sticker-circle { border-radius: 5000px; } .card, .card-horizontal { background-color: #fff; border-color: #bfcddf; border-radius: 5px; border-style: solid; border-width: 1px; display: block; margin-bottom: 1.5rem; min-width: 0; position: relative; overflow-wrap: break-word; word-wrap: break-word; } .card .aspect-ratio .label, .card-horizontal .aspect-ratio .label { display: block; margin-bottom: 0.5rem; margin-left: 0; margin-right: 0; margin-top: 0.5rem; } .card .aspect-ratio-item-top-left, .card-horizontal .aspect-ratio-item-top-left { left: 1rem; top: 1rem; } .card .aspect-ratio-item-top-center, .card-horizontal .aspect-ratio-item-top-center { top: 1rem; } .card .aspect-ratio-item-top-right, .card-horizontal .aspect-ratio-item-top-right { right: 1rem; top: 1rem; } .card .aspect-ratio-item-right-middle, .card-horizontal .aspect-ratio-item-right-middle { right: 1rem; } .card .aspect-ratio-item-bottom-right, .card-horizontal .aspect-ratio-item-bottom-right { bottom: 1rem; right: 1rem; } .card .aspect-ratio-item-bottom-center, .card-horizontal .aspect-ratio-item-bottom-center { bottom: 1rem; } .card .aspect-ratio-item-bottom-left, .card-horizontal .aspect-ratio-item-bottom-left { bottom: 1rem; left: 1rem; } .card > hr, .card-horizontal > hr { margin-left: 0; margin-right: 0; } .card .autofit-col:first-child, .card-horizontal .autofit-col:first-child { border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .card .autofit-col:last-child, .card-horizontal .autofit-col:last-child { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .card > .list-group:first-child .list-group-item:first-child, .card-horizontal > .list-group:first-child .list-group-item:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px; } .card > .list-group:last-child .list-group-item:last-child, .card-horizontal > .list-group:last-child .list-group-item:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .card-body { color: inherit; flex: 1 1 auto; min-height: 1px; padding-bottom: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1.5rem; } .card-section-header { color: #6c757d; font-size: 0.75rem; font-weight: 500; line-height: 2.5; margin-bottom: 1.5rem; padding: 0 15px; text-transform: uppercase; } .card-title { font-size: 1rem; font-weight: 500; line-height: 1.625; margin-bottom: 0; } .card-subtitle { color: #6c757d; font-size: 0.875rem; font-weight: 500; margin-bottom: 0; margin-top: 0; } .card-subtitle[href], .card-subtitle a[href] { color: #6c757d; } .card-subtitle[href]:hover, .card-subtitle[href].hover, .card-subtitle a[href]:hover, .card-subtitle a[href].hover { color: #494f54; } .card-text:last-child { margin-bottom: 0; } .card-link { color: #406a9e; } .card-link:hover, .card-link.hover { color: #00387d; text-decoration: none; } .card-link.btn-unstyled { white-space: normal; } .card-link + .card-link { margin-left: 0; } .card-divider { background-color: #bfcddf; height: 1px; margin-bottom: 10px; margin-top: 10px; } .card-header { background-color: inherit; border-bottom: 1px solid #bfcddf; color: inherit; margin-bottom: 0; padding: 1.5rem 1.5rem; } .card-header:first-child { border-radius: 4px 4px 0 0; } .card-header + .list-group .list-group-item:first-child { border-top: 0; } .card-header-tabs { border-bottom: 0; margin-bottom: -1.5rem; margin-left: calc(-1.5rem / 2); margin-right: calc(-1.5rem / 2); } .card-header-pills { margin-left: calc(-1.5rem / 2); margin-right: calc(-1.5rem / 2); } .card-footer { background-color: inherit; border-top: 1px solid #bfcddf; padding: 1.5rem 1.5rem; } .card-footer:last-child { border-radius: 0 0 4px 4px; } .card-img-overlay { bottom: 0; left: 0; padding: 1.25rem; position: absolute; right: 0; top: 0; } .card-img, .card-img-top, .card-img-bottom { flex-shrink: 0; width: 100%; } .card-img, .card-img-top { border-top-left-radius: 4px; border-top-right-radius: 4px; } .card-img, .card-img-bottom { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .card-row { display: flex; width: 100%; } .card-row .autofit-col { justify-content: center; padding-left: 0; padding-right: 0; } .card-row .autofit-col-expand { min-width: 25px; } .card-row .autofit-col-gutters { padding-left: 10px; padding-right: 10px; } .card-row .autofit-col-gutters .card-divider { margin-left: -10px; margin-right: -10px; } .justify-content-center .autofit-col { justify-content: center; } .justify-content-start .autofit-col { justify-content: flex-start; } .justify-content-end .autofit-col { justify-content: flex-end; } .text-center .autofit-col { text-align: center; } .text-left .autofit-col { text-align: left; } .text-right .autofit-col { text-align: right; } .card-item-first { border-top-left-radius: 4px; border-top-right-radius: 4px; width: 100%; } .autofit-col:first-child .card-item-first { border-radius: 4px 0 0 4px; } .card-item-last { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; width: 100%; } .autofit-col:last-child .card-item-last { border-radius: 0 4px 4px 0; } .rounded .card-header, .rounded .card-item-first { border-top-left-radius: calc( 0 - 1px ); border-top-right-radius: calc( 0 - 1px ); } .rounded .card-footer, .rounded .card-item-last { border-bottom-left-radius: calc( 0 - 1px ); border-bottom-right-radius: calc( 0 - 1px ); } .rounded .autofit-col:first-child { border-bottom-left-radius: calc( 0 - 1px ); border-top-left-radius: calc( 0 - 1px ); } .rounded .autofit-col:first-child .card-item-first { border-radius: calc( 0 - 1px ) 0 0 calc( 0 - 1px ); } .rounded .autofit-col:last-child { border-bottom-right-radius: calc( 0 - 1px ); border-top-right-radius: calc( 0 - 1px ); } .rounded .autofit-col:last-child .card-item-last { border-radius: 0 calc( 0 - 1px ) calc( 0 - 1px ) 0; } .rounded-0 .card-header, .rounded-0 .card-item-first { border-top-left-radius: calc( 0px - 1px ); border-top-right-radius: calc( 0px - 1px ); } .rounded-0 .card-footer, .rounded-0 .card-item-last { border-bottom-left-radius: calc( 0px - 1px ); border-bottom-right-radius: calc( 0px - 1px ); } .rounded-0 .autofit-col:first-child { border-bottom-left-radius: calc( 0px - 1px ); border-top-left-radius: calc( 0px - 1px ); } .rounded-0 .autofit-col:first-child .card-item-first { border-radius: calc( 0px - 1px ) 0 0 calc( 0px - 1px ); } .rounded-0 .autofit-col:last-child { border-bottom-right-radius: calc( 0px - 1px ); border-top-right-radius: calc( 0px - 1px ); } .rounded-0 .autofit-col:last-child .card-item-last { border-radius: 0 calc( 0px - 1px ) calc( 0px - 1px ) 0; } .rounded-circle .card-header, .rounded-circle .card-item-first { border-top-left-radius: calc( 5000px - 1px ); border-top-right-radius: calc( 5000px - 1px ); } .rounded-circle .card-footer, .rounded-circle .card-item-last { border-bottom-left-radius: calc( 5000px - 1px ); border-bottom-right-radius: calc( 5000px - 1px ); } .rounded-circle .autofit-col:first-child { border-bottom-left-radius: calc( 5000px - 1px ); border-top-left-radius: calc( 5000px - 1px ); } .rounded-circle .autofit-col:first-child .card-item-first { border-radius: calc( 5000px - 1px ) 0 0 calc( 5000px - 1px ); } .rounded-circle .autofit-col:last-child { border-bottom-right-radius: calc( 5000px - 1px ); border-top-right-radius: calc( 5000px - 1px ); } .rounded-circle .autofit-col:last-child .card-item-last { border-radius: 0 calc( 5000px - 1px ) calc( 5000px - 1px ) 0; } .card-deck .card { margin-bottom: 15px; } @media (min-width: 576px) { .card-deck { display: flex; flex-flow: row wrap; margin-left: -15px; margin-right: -15px; } .card-deck .card { flex: 1 0 0%; margin-bottom: 0; margin-left: 15px; margin-right: 15px; } } .card-group > .card { margin-bottom: 15px; } @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 { border-left: 0; margin-left: 0; } .card-group > .card:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .card-columns .card { margin-bottom: 1.5rem; } @media (min-width: 576px) { .card-columns { column-count: 3; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion > .card { overflow: hidden; } .accordion > .card:not(:last-of-type) { border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .accordion > .card:not(:first-of-type) { border-top-left-radius: 0; border-top-right-radius: 0; } .accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px; } .form-check-card { margin-bottom: 1.5rem; margin-top: 0; padding-left: 0; } .form-check-card:hover .card { box-shadow: 0 3px 6px #008dc9; } .form-check-card.active .card { box-shadow: 0 3px 6px #008dc9; } .form-check-card.checked .card { box-shadow: 0 3px 6px #008dc9; } .form-check-card .card { margin-bottom: 0; } .form-check-card .form-check-input { margin-left: 0; margin-top: 0; opacity: 0; position: absolute; z-index: 1; } .form-check-card .form-check-label { color: #2b2b2b; display: inline; font-weight: 400; padding-left: 0; position: static; } .form-check-card .custom-control { display: inline; margin-right: 0; position: static; } .form-check-card .custom-control label { font-weight: 400; padding-left: 0; } .form-check-card .custom-control .custom-control-label { opacity: 0; position: absolute; z-index: 1; } .form-check-card .custom-control .custom-control-label::before { top: 0; } .form-check-card .custom-control .custom-control-label::after { top: 0; } .form-check-card .custom-control .custom-control-input { z-index: 2; } .form-check-card .custom-control .custom-control-input:checked ~ .card { box-shadow: 0 3px 6px #008dc9; } .form-check-card .custom-control .custom-control-input:checked ~ .card { box-shadow: 0 3px 6px #008dc9; } .form-check-card .form-check-input:checked ~ .card { box-shadow: 0 3px 6px #008dc9; } .form-check-bottom-left .card-horizontal > .card-body, .form-check-middle-left .card-horizontal > .card-body, .form-check-top-left .card-horizontal > .card-body { padding-left: 40px; } .form-check-bottom-right .card-horizontal > .card-body, .form-check-middle-right .card-horizontal > .card-body, .form-check-top-right .card-horizontal > .card-body { padding-right: 40px; } .form-check-bottom-left .form-check-input { bottom: 1rem; left: 1rem; opacity: 1; top: auto; transform: none; } .form-check-bottom-left .custom-control .custom-control-label { bottom: 1rem; left: 1rem; opacity: 1; top: auto; transform: none; } .form-check-bottom-left .custom-control .custom-control-input { bottom: 1rem; left: 1rem; top: auto; transform: none; } .form-check-bottom-right .form-check-input { bottom: 1rem; left: auto; opacity: 1; right: 1rem; top: auto; transform: none; } .form-check-bottom-right .custom-control .custom-control-label { bottom: 1rem; left: auto; opacity: 1; right: 1rem; top: auto; transform: none; } .form-check-bottom-right .custom-control .custom-control-input { bottom: 1rem; left: auto; right: 1rem; top: auto; transform: none; } .form-check-middle-left .form-check-input { left: 1rem; margin-top: 0; opacity: 1; top: 50%; transform: translateY(-50%); } .form-check-middle-left .custom-control .custom-control-label { left: 1rem; margin-top: 0; opacity: 1; top: 50%; transform: translateY(-50%); } .form-check-middle-left .custom-control .custom-control-input { left: 1rem; margin-top: 0; top: 50%; transform: translateY(-50%); } .form-check-middle-right .form-check-input { left: auto; margin-top: 0; opacity: 1; right: 1rem; top: 50%; transform: translateY(-50%); } .form-check-middle-right .custom-control .custom-control-label { left: auto; margin-top: 0; opacity: 1; right: 1rem; top: 50%; transform: translateY(-50%); } .form-check-middle-right .custom-control .custom-control-input { left: auto; margin-top: 0; right: 1rem; top: 50%; transform: translateY(-50%); } .form-check-top-left .form-check-input { left: 1rem; opacity: 1; top: 1rem; transform: none; } .form-check-top-left .custom-control .custom-control-label { left: 1rem; opacity: 1; top: 1rem; transform: none; } .form-check-top-left .custom-control .custom-control-input { left: 1rem; top: 1rem; transform: none; } .form-check-top-right .form-check-input { left: auto; opacity: 1; right: 1rem; top: 1rem; transform: none; } .form-check-top-right .custom-control .custom-control-label { left: auto; opacity: 1; right: 1rem; top: 1rem; transform: none; } .form-check-top-right .custom-control .custom-control-input { left: auto; right: 1rem; top: 1rem; transform: none; } .card-page.card-page-equal-height .card-page-item, .card-page.card-page-equal-height .card-page-item-asset, .card-page.card-page-equal-height .card-page-item-directory { display: flex; flex-direction: column; } .card-page.card-page-equal-height .form-check-card { display: flex; flex-direction: column; flex-grow: 1; } .card-page.card-page-equal-height .card { flex-grow: 1; } .card-page-item-header { padding-left: 15px; padding-right: 15px; width: 100%; } .card-page-item-directory { display: block; flex-grow: 1; min-width: 193px; padding-left: 15px; padding-right: 15px; position: relative; width: 100%; } @media (min-width: 0) { .card-page-item-directory { min-width: 193px; padding-left: 15px; padding-right: 15px; } } @media (min-width: 576px) { .card-page-item-directory { flex-basis: 50%; max-width: 50%; } } @media (min-width: 768px) { .card-page-item-directory { flex-basis: 33.3333%; max-width: 33.3333%; } } @media (min-width: 992px) { .card-page-item-directory { flex-basis: 25%; max-width: 25%; } } .card-page-item-asset { display: block; flex-grow: 1; min-width: 193px; padding-left: 15px; padding-right: 15px; position: relative; width: 100%; } @media (min-width: 0) { .card-page-item-asset { min-width: 193px; padding-left: 15px; padding-right: 15px; } } @media (min-width: 576px) { .card-page-item-asset { flex-basis: 50%; max-width: 50%; } } @media (min-width: 768px) { .card-page-item-asset { flex-basis: 33.3333%; max-width: 33.3333%; } } @media (min-width: 992px) { .card-page-item-asset { flex-basis: 25%; max-width: 25%; } } .card-page-item-user { display: block; flex-basis: 50%; flex-grow: 1; max-width: 50%; padding-left: 15px; padding-right: 15px; position: relative; width: 100%; } @media (min-width: 0) { .card-page-item-user { flex-basis: 50%; max-width: 50%; padding-left: 15px; padding-right: 15px; } } @media (min-width: 576px) { .card-page-item-user { flex-basis: 33.33333%; max-width: 33.33333%; min-width: 200px; } } @media (min-width: 992px) { .card-page-item-user { flex-basis: 20%; max-width: 20%; } } .card-interactive { cursor: pointer; outline: 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) { .card-interactive { transition: none; } } .c-prefers-reduced-motion .card-interactive { transition: none; } .card-interactive:hover, .card-interactive.hover { background-color: #f8f9fa; text-decoration: none; } .card-interactive.focus, .card-interactive:focus-visible, .c-prefers-focus .card-interactive:focus { border-color: #17e0ff; box-shadow: 0 3px 6px #008dc9; } .card-interactive:active, .card-interactive.active { background-color: #e9ecef; } .card-interactive::after { border-radius: 0 0 5px 5px; bottom: -1px; content: ""; height: 0; left: -1px; position: absolute; right: -1px; transition: height 0.15s ease-out; } @media (prefers-reduced-motion: reduce) { .card-interactive::after { transition: none; } } .c-prefers-reduced-motion .card-interactive::after { transition: none; } .card-interactive:hover::after, .card-interactive.hover::after { height: 4px; } .card-interactive:focus::after, .card-interactive.focus::after { height: 4px; } .card-interactive:active::after, .card-interactive.active::after { height: 4px; } .card-interactive .card-body { display: block; } .card-interactive label { cursor: pointer; } .card-interactive-primary.focus, .card-interactive-primary:focus-visible, .c-prefers-focus .card-interactive-primary:focus { background-color: #f8f9fa; } .card-interactive-primary:active, .card-interactive-primary.active { background-color: #e9ecef; } .card-interactive-primary:hover::after, .card-interactive-primary.hover::after { background-color: #008296; } .card-interactive-primary:focus::after, .card-interactive-primary.focus::after { background-color: #008296; } .card-interactive-primary:active::after, .card-interactive-primary.active::after { background-color: #008296; } .card-interactive-secondary { color: #212529; } .card-interactive-secondary:hover, .card-interactive-secondary.hover { background-color: #fff; border-color: #17e0ff; box-shadow: 0 3px 6px #008dc9; color: #212529; } .card-interactive-secondary:active, .card-interactive-secondary.active { background-color: #fff; } .card-type-asset .aspect-ratio { border-color: #bfcddf; border-style: solid; border-width: 0 0 0.0625rem 0; padding-bottom: calc(9 / 16 * 100%); } .card-type-asset .aspect-ratio .custom-control label, .card-type-asset .aspect-ratio .form-check-label { bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; } .card-type-asset .card-row { align-items: flex-start; } .card-type-asset .card-type-asset-icon { width: 22.225%; } .card-type-asset .card-type-asset-icon .inline-item { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .card-type-asset .card-type-asset-icon > .lexicon-icon { height: 100%; width: 100%; } .card-type-asset .card-type-asset-icon > .sticker { border-radius: 50%; display: block; font-size: 2vw; padding-bottom: 100%; width: 100%; } .card-type-asset .dropdown-action { margin-right: -0.5rem; margin-top: -0.1875rem; } .file-card .card-type-asset-icon { color: #6c757d; } .product-card .aspect-ratio { background-color: #fff; background-image: linear-gradient(0deg, #ebebeb, #ebebeb); } .product-card .card-body { text-align: center; } .product-card .card-title { font-size: 1rem; } .product-card .card-subtitle { font-size: 0.75rem; } .product-card .card-text { font-size: 1.125rem; font-weight: 500; } .user-card .card-type-asset-icon { max-width: 80px; min-width: 48px; width: 30%; } .user-card .card-type-asset-icon > .lexicon-icon { height: auto; width: 50%; } .card-type-directory .sticker { font-size: 1.125rem; } .card-type-template { color: #212529; } .card-type-template:hover, .card-type-template.hover { color: #212529; } .card-type-template .aspect-ratio { border-width: 0px; color: #6c757d; text-align: center; padding-bottom: calc(9 / 16 * 100%); } .card-type-template .aspect-ratio .lexicon-icon { height: auto; width: 28%; } .card-type-template .aspect-ratio-item { width: 100.6%; } .card-type-template .card-title { display: block; margin-bottom: 0.5rem; } .card-type-template .card-text { display: block; } .template-card .card-body { padding-top: 0; text-align: center; } .template-card-horizontal { color: #6c757d; } .template-card-horizontal:hover, .template-card-horizontal.hover { color: #6c757d; } .template-card-horizontal .sticker { font-size: 1.25rem; } .template-card-horizontal .card-row { margin-left: -4px; margin-right: -4px; width: auto; } .template-card-horizontal .card-row .autofit-col { padding-left: 4px; padding-right: 4px; } .template-card-horizontal .card-title { color: inherit; margin-bottom: 0; } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { content: ""; display: inline-block; margin-left: 0.3723rem; vertical-align: 0.3723rem; border-bottom: 0; border-left: 0.438rem solid transparent; border-right: 0.438rem solid transparent; border-top: 0.438rem solid; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-header { color: #6c757d; display: block; padding-bottom: 0.5rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 0.5rem; position: relative; overflow-wrap: break-word; word-wrap: break-word; } .dropdown-header:first-child { margin-top: 0; } .dropdown-subheader { color: #6c757d; font-size: 0.75rem; font-weight: 500; padding-bottom: 0.5rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 0.5rem; text-transform: uppercase; white-space: normal; overflow-wrap: break-word; word-wrap: break-word; } .dropdown-subheader:first-child { margin-top: 0; } .dropdown-caption { color: #6c757d; font-size: 0.875rem; padding: 0.25rem 1.5rem; white-space: normal; overflow-wrap: break-word; word-wrap: break-word; } .dropdown-item { background-color: transparent; border-radius: 0px; border-width: 0px; clear: both; color: #212529; cursor: pointer; display: block; font-weight: 400; overflow: hidden; padding-bottom: 0.25rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 0.25rem; position: relative; text-align: inherit; transition: none; width: 100%; overflow-wrap: break-word; word-wrap: break-word; } .dropdown-item:hover, .dropdown-item.hover { background-color: #f8f9fa; color: #16181b; text-decoration: none; } .dropdown-item.focus, .dropdown-item:focus-visible, .c-prefers-focus .dropdown-item:focus { background-color: #f8f9fa; color: #16181b; text-decoration: none; } .dropdown-item:active { background-color: #008296; color: #fff; text-decoration: none; } .dropdown-item:active label { color: #fff; } .dropdown-item:active .form-check-label { color: #fff; } .dropdown-item.active { background-color: #008296; color: #fff; text-decoration: none; } .dropdown-item.active label { color: #fff; } .dropdown-item.active .form-check-label { color: #fff; } .dropdown-item:disabled, .dropdown-item.disabled { background-color: transparent; color: #6c757d; cursor: not-allowed; opacity: 1; outline: 0; } .dropdown-item:disabled label, .dropdown-item:disabled .form-check-label, .dropdown-item.disabled label, .dropdown-item.disabled .form-check-label { color: #6c757d; } .dropdown-item:disabled .c-kbd-inline, .dropdown-item.disabled .c-kbd-inline { color: #6c757d; } .dropdown-item:disabled:active, .dropdown-item.disabled:active { pointer-events: none; } .dropdown-item .c-inner { flex-grow: 1; margin-bottom: -0.25rem; margin-left: -1.5rem; margin-right: -1.5rem; margin-top: -0.25rem; width: auto; } .dropdown-item.autofit-row { padding-left: calc(1.5rem - 0.25rem); padding-right: calc(1.5rem - 0.25rem); } .dropdown-item.autofit-row > .autofit-col { padding-left: 0.25rem; padding-right: 0.25rem; } .dropdown-item .autofit-row { margin-left: -0.25rem; margin-right: -0.25rem; width: auto; } .dropdown-item .autofit-row > .autofit-col { padding-left: 0.25rem; padding-right: 0.25rem; } .dropdown-item .c-kbd-inline { line-height: calc(1rem * 1.625); } .dropdown-item .form-check-label { font-weight: 400; } .dropdown-item .custom-control-label { font-weight: 400; } .dropdown-item .form-check { margin-bottom: 0; } .dropdown-item .custom-control { margin-bottom: 0; margin-right: 0; min-height: 2rem; } .dropdown-item-text { color: #212529; display: block; font-weight: 400; padding-bottom: 0.25rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 0.25rem; } .dropdown-section { padding: 0.25rem 1.5rem; } .dropdown-section .form-group + .form-group { margin-top: 0.5rem; } .dropdown-section .custom-control { margin-bottom: 0; } .dropdown-footer { box-shadow: -1px -2px 3px -3px rgba(0, 0, 0, 0.5); padding: 0.5rem 1.5rem 0; position: relative; } .dropdown-menu { background-clip: padding-box; background-color: #fff; border-color: rgba(0, 0, 0, 0.15); border-radius: 0; border-style: solid; border-width: 1px; color: #2b2b2b; display: none; float: left; font-size: 1rem; left: 0; list-style: none; margin: 0.125rem 0 0; max-height: 500px; max-width: 260px; min-width: 10rem; overflow: auto; padding: 0.5rem 0; position: absolute; text-align: left; top: 100%; z-index: 1000; } @media (max-width: 991.98px) { .dropdown-menu { max-height: 295px; max-width: 230px; } } .dropdown-menu.show { display: block; } .dropdown-menu .alert, .dropdown-menu .portlet-msg-alert, .dropdown-menu .portlet-msg-error, .dropdown-menu .portlet-msg-help, .dropdown-menu .portlet-msg-info, .dropdown-menu .portlet-msg-progress, .dropdown-menu .portlet-msg-success { line-height: normal; margin: 0.5rem; padding: 0.5rem 1.5rem; } .dropdown-menu .alert:first-child, .dropdown-menu .portlet-msg-alert:first-child, .dropdown-menu .portlet-msg-error:first-child, .dropdown-menu .portlet-msg-help:first-child, .dropdown-menu .portlet-msg-info:first-child, .dropdown-menu .portlet-msg-progress:first-child, .dropdown-menu .portlet-msg-success:first-child { margin-top: 0; } .dropdown-menu .alert:last-child, .dropdown-menu .portlet-msg-alert:last-child, .dropdown-menu .portlet-msg-error:last-child, .dropdown-menu .portlet-msg-help:last-child, .dropdown-menu .portlet-msg-info:last-child, .dropdown-menu .portlet-msg-progress:last-child, .dropdown-menu .portlet-msg-success:last-child { margin-bottom: 0; } .dropdown-menu .alert-fluid { margin-left: 0; margin-right: 0; } .dropdown-menu .alert-fluid:first-child { margin-top: -0.5rem; } .dropdown-menu .alert-fluid:last-child { margin-bottom: -0.5rem; } .dropdown-menu .form-group { margin-bottom: 0; } .dropdown-menu .inline-scroller { max-height: 200px; } @media (max-width: 991.98px) { .dropdown-menu .inline-scroller { max-height: none; } } .dropdown-menu > .list-unstyled { margin-bottom: 0; } .dropdown-menu-select.dropdown-menu .dropdown-header { padding-bottom: 0.375rem; padding-left: 1.75rem; padding-right: 0.5rem; padding-top: 0.3125rem; } .dropdown-menu-select.dropdown-menu .dropdown-subheader { padding-bottom: 0.4375rem; padding-left: 1.75rem; padding-right: 0.5rem; padding-top: 0.4375rem; } .dropdown-menu-select.dropdown-menu .dropdown-section { padding-left: 1.75rem; padding-right: 0.5rem; } .dropdown-menu-select.dropdown-menu .dropdown-item { padding-bottom: 0.375rem; padding-left: 1.75rem; padding-right: 0.5rem; padding-top: 0.3125rem; } .dropdown-menu-select.dropdown-menu .dropdown-item .c-inner { flex-grow: 1; margin-bottom: -0.375rem; margin-left: -1.75rem; margin-right: -0.5rem; margin-top: -0.3125rem; width: auto; } .dropdown-menu-select.dropdown-menu .dropdown-item.autofit-row { padding-left: 1.5rem; padding-right: 0.5rem; } .dropdown-menu-select.dropdown-menu .dropdown-item-scroll { font-size: 1rem; height: 2rem; padding: 0; position: absolute; text-align: center; z-index: 1; } .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:hover, .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.hover { background-color: #f8f9fa; background-image: none; color: #16181b; } .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.focus, .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:focus-visible, .c-prefers-focus .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:focus { background-color: #f8f9fa; background-image: none; color: #16181b; } .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:active { background-color: #008296; background-image: none; color: #fff; } .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:active label { color: #fff; } .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:active .form-check-label { color: #fff; } .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.active { background-color: #008296; background-image: none; color: #fff; } .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.active label { color: #fff; } .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.active .form-check-label { color: #fff; } .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:disabled, .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.disabled { background-color: transparent; background-image: none; color: #6c757d; cursor: not-allowed; } .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:disabled label, .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:disabled .form-check-label, .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.disabled label, .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.disabled .form-check-label { color: #6c757d; } .dropdown-menu-select.dropdown-menu .dropdown-item-scroll .c-inner { flex-grow: 1; width: auto; } .dropdown-menu-select.dropdown-menu .dropdown-item-scroll-down { background-image: linear-gradient(to top, rgb(255, 255, 255) 84%, rgba(255, 255, 255, 0) 100%); bottom: 0.5rem; } .dropdown-menu-select.dropdown-menu .dropdown-item-scroll-down .c-inner { flex-grow: 1; width: auto; } .dropdown-menu-select.dropdown-menu .dropdown-item-scroll-up { background-image: linear-gradient(to bottom, rgb(255, 255, 255) 84%, rgba(255, 255, 255, 0) 100%); top: 0.5rem; } .dropdown-menu-select.dropdown-menu .dropdown-item-scroll-up .c-inner { flex-grow: 1; width: auto; } .dropdown-menu-select.dropdown-menu .dropdown-divider { margin: 0.3125rem 0; } .dropdown-menu-select.dropdown-menu.dropdown-menu-indicator-start .dropdown-item-indicator-start { left: 0.5rem; top: 0.5rem; } .dropdown-menu-select.dropdown-menu.dropdown-menu-indicator-end .dropdown-item-indicator-end { right: 0.5rem; top: 0.5rem; } .dropdown-menu-select.dropdown-menu-height-lg .inline-scroller { max-height: 432px; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-menu-right { left: auto; right: 0; } @media (min-width: 576px) { .dropdown-menu-sm-left { left: 0; right: auto; } .dropdown-menu-sm-right { left: auto; right: 0; } } @media (min-width: 768px) { .dropdown-menu-md-left { left: 0; right: auto; } .dropdown-menu-md-right { left: auto; right: 0; } } @media (min-width: 992px) { .dropdown-menu-lg-left { left: 0; right: auto; } .dropdown-menu-lg-right { left: auto; right: 0; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { left: 0; right: auto; } .dropdown-menu-xl-right { left: auto; right: 0; } } .dropup .dropdown-menu { bottom: 100%; margin-bottom: 0.125rem; margin-top: 0; top: auto; } .dropup .dropdown-toggle::after { content: ""; display: inline-block; margin-left: 0.3723rem; vertical-align: 0.3723rem; border-bottom: 0.438rem solid; border-left: 0.438rem solid transparent; border-right: 0.438rem solid transparent; border-top: 0; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { left: 100%; margin-left: 0.125rem; margin-top: 0; right: auto; top: 0; } .dropright .dropdown-toggle::after { content: ""; display: inline-block; margin-left: 0.3723rem; vertical-align: 0.3723rem; border-bottom: 0.438rem solid transparent; border-left: 0.438rem solid; border-right: 0; border-top: 0.438rem solid transparent; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { left: auto; margin-right: 0.125rem; margin-top: 0; right: 100%; top: 0; } .dropleft .dropdown-toggle::after { content: ""; display: inline-block; margin-left: 0.3723rem; vertical-align: 0.3723rem; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { content: ""; display: inline-block; margin-right: 0.3723rem; vertical-align: 0.3723rem; border-bottom: 0.438rem solid transparent; border-right: 0.438rem solid; border-top: 0.438rem 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] { bottom: auto; right: auto; } .dropdown-divider { border-top: 1px solid #e9ecef; height: 0; margin: 0.5rem 0; overflow: hidden; } .dropdown-action { display: inline-block; vertical-align: middle; } .dropdown-action > .dropdown-toggle { align-items: center; border-radius: 0; cursor: pointer; display: flex; font-size: inherit; font-weight: inherit; height: 1.9375rem; justify-content: center; line-height: inherit; padding: 0; text-transform: inherit; vertical-align: baseline; width: 1.9375rem; } .dropdown-action > .dropdown-toggle:disabled, .dropdown-action > .dropdown-toggle.disabled { cursor: not-allowed; opacity: 0.65; } .dropdown-action > .dropdown-toggle .lexicon-icon { margin-top: 0; } .dropdown-action > .dropdown-toggle .inline-item .lexicon-icon { margin-top: 0; } .dropdown-menu-indicator-start .dropdown-item-indicator { height: 1rem; left: 1.5rem; position: absolute; top: 0.25rem; width: 1rem; } .dropdown-menu-indicator-start .dropdown-item-indicator-text-start { padding-left: 0; } .dropdown-menu-indicator-start .dropdown-header, .dropdown-menu-indicator-start .dropdown-subheader, .dropdown-menu-indicator-start .dropdown-caption, .dropdown-menu-indicator-start .dropdown-item { padding-left: calc( 1.5rem + 1rem + 1rem ); } .dropdown-menu-indicator-start .dropdown-item .c-inner { margin-left: calc(( 1.5rem + 1rem + 1rem ) * -1); } .dropdown-item-indicator-start { align-items: center; color: inherit; display: inline-flex; height: 1rem; justify-content: center; left: 1.5rem; position: absolute; right: auto; top: calc( 0.25rem - (( 1rem - (1em * 1.625) ) / 2) ); width: 1rem; } .dropdown-item-indicator-start .lexicon-icon { margin-top: 0; } .dropdown-item-indicator-text-start { color: inherit; display: block; padding-left: 2rem; text-decoration: inherit; width: 100%; } .dropdown-item-indicator-text-start:hover, .dropdown-item-indicator-text-start.hover { color: inherit; text-decoration: inherit; } .dropdown-item-indicator-text-start.focus, .dropdown-item-indicator-text-start:focus-visible, .c-prefers-focus .dropdown-item-indicator-text-start:focus { color: inherit; text-decoration: inherit; } .dropdown-item-indicator-text-start > .c-inner { margin-left: -2rem; } .dropdown-menu-indicator-end .dropdown-item-indicator { position: absolute; right: 1.5rem; top: 0.25rem; } .dropdown-menu-indicator-end .dropdown-item-indicator-text-end { padding-right: 0; } .dropdown-menu-indicator-end .dropdown-item { padding-right: calc( 1.5rem + 1rem + 1rem ); } .dropdown-menu-indicator-end .dropdown-item .c-inner { margin-right: calc(( 1.5rem + 1rem + 1rem ) * -1); } .dropdown-item-indicator-end { align-items: center; color: inherit; display: inline-flex; height: 1rem; justify-content: center; left: auto; position: absolute; right: 1.5rem; top: calc( 0.25rem - (( 1rem - (1em * 1.625) ) / 2) ); width: 1rem; } .dropdown-item-indicator-end .lexicon-icon { margin-top: 0; } .dropdown-item-indicator-text-end { color: inherit; display: block; padding-right: 2rem; text-decoration: inherit; width: 100%; } .dropdown-item-indicator-text-end:hover, .dropdown-item-indicator-text-end.hover { color: inherit; text-decoration: inherit; } .dropdown-item-indicator-text-end.focus, .dropdown-item-indicator-text-end:focus-visible, .c-prefers-focus .dropdown-item-indicator-text-end:focus { color: inherit; text-decoration: inherit; } .dropdown-item-indicator-text-end > .c-inner { margin-right: -2rem; } .dropdown-menu-top { bottom: 100% !important; left: 0 !important; margin-top: 0; margin-bottom: 0.125rem; right: auto !important; top: auto !important; transform: none !important; will-change: auto !important; } .dropdown-menu-top-right { bottom: 100% !important; left: auto !important; margin-top: 0; margin-bottom: 0.125rem; right: 0 !important; top: auto !important; transform: none !important; will-change: auto !important; } .dropdown-menu-top-center { bottom: 100% !important; left: 50% !important; margin-top: 0; margin-bottom: 0.125rem; right: auto !important; top: auto !important; transform: translateX(-50%) !important; will-change: auto !important; } .dropdown-menu-center { bottom: auto !important; left: 50% !important; right: auto !important; top: 100% !important; transform: translateX(-50%) !important; will-change: auto !important; } .dropdown-menu-left-side { bottom: auto !important; left: auto !important; margin-right: 0.125rem; margin-top: 0; right: 100% !important; top: 0 !important; transform: none !important; will-change: auto !important; } .dropdown-menu-left-side-bottom { bottom: 0 !important; left: auto !important; margin-right: 0.125rem; margin-top: 0; right: 100% !important; top: auto !important; transform: none !important; will-change: auto !important; } .dropdown-menu-left-side-middle { bottom: auto !important; left: auto !important; margin-right: 0.125rem; margin-top: 0; right: 100% !important; top: 50% !important; transform: translate(0, -50%) !important; will-change: auto !important; } .dropdown-menu-right-side { bottom: auto !important; left: 100% !important; margin-left: 0.125rem; margin-top: 0; right: auto !important; top: 0 !important; transform: none !important; will-change: auto !important; } .dropdown-menu-right-side-bottom { bottom: 0 !important; left: 100% !important; margin-left: 0.125rem; margin-top: 0; right: auto !important; top: auto !important; transform: none !important; will-change: auto !important; } .dropdown-menu-right-side-middle { bottom: auto !important; left: 100% !important; margin-left: 0.125rem; margin-top: 0; right: auto !important; top: 50% !important; transform: translate(0, -50%) !important; will-change: auto !important; } .dropdown-full .dropdown-menu, .dropdown-wide .dropdown-menu { max-width: none; width: 100%; } @media (min-width: 768px) { .dropdown-full .dropdown-menu, .dropdown-wide .dropdown-menu { max-height: none; width: 100%; } } .dropdown-full .dropdown-header ~ .dropdown-header, .dropdown-wide .dropdown-header ~ .dropdown-header { margin-top: 20px; } .dropdown-full .dropdown-menu > .row, .dropdown-wide .dropdown-menu > .row { margin-left: 0; margin-right: 0; min-width: 500px; } @media (min-width: 992px) { .dropdown-wide .dropdown-menu { min-width: 500px; } } .dropdown-menu-width-shrink { min-width: 0; } .dropdown-menu-width-full { left: 12px !important; right: 12px !important; max-width: none; min-width: 0; width: calc(100% - 24px); } .dropdown-menu-width-sm { max-width: none; min-width: 0; width: 500px; } @media (max-width: 767.98px) { .dropdown-menu-width-sm { left: 12px !important; right: 12px !important; width: calc(100% - 24px); } } .dropdown-menu-height-auto { height: auto; max-height: none; min-height: 0; } @media (min-width: 768px) { .dropdown-full .autocomplete-dropdown-menu, .dropdown-full .dropdown-menu-autocomplete { max-height: calc(9rem + 2px); } } .autocomplete-dropdown-menu, .dropdown-menu-autocomplete { max-height: calc(9rem + 2px); max-width: none; width: 100%; } .nav-item.dropdown-full { position: static; } @media (max-width: 991.98px) { .nav-item.dropdown-wide { position: static; } } @media (max-width: 767.98px) { .navbar-nav .dropdown-menu-center { -ms-transform: none; transform: none; } } .navbar-right .dropdown-menu-center { left: 50%; right: auto; } .drilldown-inner { display: flex; flex-grow: 1; overflow: hidden; transition: height 0.25s ease; } @media (prefers-reduced-motion: reduce) { .drilldown-inner { transition: none; } } .c-prefers-reduced-motion .drilldown-inner { transition: none; } .drilldown-item { display: none; flex-shrink: 0; height: 0; width: 100%; } .drilldown-item-inner { display: flex; flex-direction: column; } .drilldown-transition { transition: all 0.25s ease; } @media (prefers-reduced-motion: reduce) { .drilldown-transition { transition: none; } } .c-prefers-reduced-motion .drilldown-transition { transition: none; } .drilldown-item.transitioning { display: block; } .drilldown-current { display: block; height: auto; } .drilldown-next-active, .drilldown-prev-initial { transform: translateX(-100%); } .drilldown-prev-active { transform: translateX(0%); } .drilldown.dropdown-menu { flex-direction: column; max-height: none; max-width: none; min-width: 0; overflow: hidden; width: 260px; } .drilldown.dropdown-menu.show { display: flex; } .drilldown.dropdown-menu .drilldown-inner { min-height: 266px; } .drilldown.dropdown-menu .inline-scroller { max-height: none; } .drilldown.dropdown-menu-indicator-start .dropdown-item, .drilldown .dropdown-menu-indicator-start .dropdown-item { padding-left: 3rem; } .drilldown.dropdown-menu-indicator-start .dropdown-item .dropdown-item-indicator-text-start, .drilldown .dropdown-menu-indicator-start .dropdown-item .dropdown-item-indicator-text-start { padding-left: 0; } .drilldown.dropdown-menu-indicator-start .dropdown-item .dropdown-item-indicator-text-end, .drilldown .dropdown-menu-indicator-start .dropdown-item .dropdown-item-indicator-text-end { margin-left: -3rem; } .drilldown.dropdown-menu-indicator-end .dropdown-item, .drilldown .dropdown-menu-indicator-end .dropdown-item { padding-right: 3rem; } .drilldown.dropdown-menu-indicator-end .dropdown-item .dropdown-item-indicator-text-start, .drilldown .dropdown-menu-indicator-end .dropdown-item .dropdown-item-indicator-text-start { margin-right: -3rem; } .drilldown.dropdown-menu-indicator-end .dropdown-item .dropdown-item-indicator-text-end, .drilldown .dropdown-menu-indicator-end .dropdown-item .dropdown-item-indicator-text-end { padding-right: 0; } .drilldown .dropdown-header { color: #e6ebf2; font-weight: 500; padding-bottom: 0.59375rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.59375rem; text-transform: uppercase; } .drilldown .dropdown-footer { padding: 1rem 1rem 0.625rem; } .drilldown .dropdown-divider { margin: 0; } .drilldown .dropdown-item { padding-bottom: 0.59375rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.59375rem; } .drilldown .dropdown-item .c-inner { flex-grow: 1; margin-bottom: -0.59375rem; margin-left: -1rem; margin-right: -1rem; margin-top: -0.59375rem; width: auto; } .drilldown .dropdown-item-indicator-start { height: 1.5rem; left: 0.5rem; top: calc( 0.59375rem - (( 1.5rem - (1em * 1.625) ) / 2) ); transition: none; width: 1.5rem; } .drilldown .dropdown-item-indicator-text-start { padding-left: 2rem; } .drilldown .dropdown-item-indicator-end { height: 1.5rem; right: 0.5rem; top: calc( 0.59375rem - (( 1.5rem - (1em * 1.625) ) / 2) ); transition: none; width: 1.5rem; } .drilldown .dropdown-item-indicator-text-end { margin-bottom: -0.59375rem; margin-left: -1rem; margin-top: -0.59375rem; padding-bottom: inherit; padding-left: inherit; padding-right: 2rem; padding-top: inherit; width: auto; } .drilldown-height-md.dropdown-menu .drilldown-inner, .drilldown-height-sm.dropdown-menu .drilldown-inner { min-height: 0; } .drilldown-height-md.dropdown-menu .drilldown-item, .drilldown-height-sm.dropdown-menu .drilldown-item { height: 100%; } .drilldown-height-md.dropdown-menu .drilldown-item-inner, .drilldown-height-sm.dropdown-menu .drilldown-item-inner { height: 100%; } .drilldown-height-sm.dropdown-menu { height: 272px; } .drilldown-height-md.dropdown-menu { height: 344px; } [type=checkbox] { cursor: pointer; height: 14px; width: 14px; } [type=checkbox]:disabled { cursor: not-allowed; } [type=radio] { cursor: pointer; height: 15px; width: 14px; } [type=radio]:disabled { cursor: not-allowed; } label { margin-bottom: 0.625rem; max-width: 100%; overflow-wrap: break-word; word-wrap: break-word; } label[for] { cursor: pointer; } label + .form-text { margin-bottom: 0.625rem; margin-top: 0; } label .reference-mark { color: #b4520c; } .form-control-label { display: inline; margin-bottom: 0; } .form-control-label-text { cursor: pointer; display: inline-block; margin-bottom: 0.625rem; max-width: 100%; overflow-wrap: break-word; word-wrap: break-word; } fieldset[disabled] label, label.disabled { color: #6c757d; cursor: not-allowed; opacity: 1; } fieldset[disabled] label .form-control { font-weight: normal; opacity: 1; } .form-control { background-color: #fff; border-color: #406a9e; border-style: solid; border-width: 0.0625rem; border-bottom-width: 0.0625rem; border-left-width: 0.0625rem; border-right-width: 0.0625rem; border-top-width: 0.0625rem; border-radius: 0.1875rem; color: #495057; display: block; font-size: 1rem; font-weight: 400; height: 2.75rem; letter-spacing: inherit; line-height: 1.625; min-width: 0; padding-bottom: 0.625rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.625rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; width: 100%; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .c-prefers-reduced-motion .form-control { transition: none; } .form-control::placeholder { color: #6b6b6b; opacity: 1; } .form-control.focus, .form-control:focus-visible, .c-prefers-focus .form-control:focus { background-color: #fff; border-color: #008dc9; box-shadow: 0 3px 6px #008dc9; color: #495057; outline: 0; } .form-control:focus-within:has(input:focus) { background-color: #fff; border-color: #008dc9; box-shadow: 0 3px 6px #008dc9; color: #495057; } .form-control:disabled, .form-control.disabled { background-color: #ebebeb; color: #ebebeb; cursor: not-allowed; opacity: 1; } .form-control:not([type=range]) { -moz-appearance: none; -webkit-appearance: none; appearance: none; } .form-control::-ms-clear, .form-control::-ms-reveal { display: none; height: 0; width: 0; } .form-control[contenteditable] p { margin-bottom: 0; } .form-control .label { border-width: 0.0625rem; height: auto; margin-bottom: 0.25rem; margin-right: 0.5rem; margin-top: 0.25rem; min-height: 1.25rem; } fieldset[disabled] select.form-control[multiple], fieldset[disabled] .form-control { background-color: #ebebeb; color: #ebebeb; cursor: not-allowed; opacity: 1; } .form-control-plaintext { background-clip: border-box; background-color: transparent; border-bottom-width: 0.0625rem; border-color: transparent; border-left-width: 0.0625rem; border-right-width: 0.0625rem; border-style: solid; border-top-width: 0.0625rem; color: #2b2b2b; display: block; font-size: 1rem; height: 2.75rem; letter-spacing: inherit; line-height: 1.625; margin-bottom: 0; min-width: 0; padding-bottom: 0.625rem; padding-left: 0; padding-right: 0; padding-top: 0.625rem; text-overflow: ellipsis; width: 100%; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-hidden { left: 0; opacity: 0; position: absolute; z-index: -1; } div.form-control { height: auto; min-height: 2.75rem; } div.form-control-lg { min-height: calc(1.5em + 1.125rem); } div.form-control-sm { min-height: calc(1.375em + 0.25rem); } .form-control-tag-group { align-items: center; color: #e6ebf2; display: flex; flex-wrap: wrap; height: auto; padding-bottom: 0.4375rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.4375rem; } .form-control-tag-group .autofit-row { align-items: center; flex-grow: 1; margin-left: -0.5rem; margin-right: -0.5rem; width: auto; } .form-control-tag-group .autofit-col { padding-left: 0.5rem; padding-right: 0.5rem; } .form-control-tag-group .autofit-col .form-control-inset { width: auto; } .form-control-tag-group .input-group-item { align-items: center; } .form-control-tag-group .inline-item { height: 1.5rem; margin-bottom: 0.125rem; margin-top: 0.125rem; } .form-control-tag-group .btn { height: 1.5rem; line-height: 1; margin-bottom: 0.125rem; margin-top: 0.125rem; padding-bottom: 0; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0; } .form-control-tag-group .btn .c-inner { margin-bottom: 0; margin-left: -0.75rem; margin-right: -0.75rem; margin-top: 0; } .form-control-tag-group .btn-monospaced { height: 1.5rem; line-height: 1; margin-bottom: 0.125rem; margin-top: 0.125rem; padding-left: 0; padding-right: 0; width: 1.5rem; } .form-control-tag-group .btn-monospaced .c-inner { margin-left: 0; margin-right: 0; } .form-control-tag-group .component-action { height: 100%; margin-bottom: 0; margin-top: 0; width: 2rem; } .form-control-inset { background-color: transparent; border-width: 0px; color: #495057; flex-grow: 1; margin-bottom: 0.125rem; margin-left: 0.25rem; margin-top: 0.125rem; min-height: 1.5rem; padding: 0; width: 50px; } .form-control-inset.focus, .form-control-inset:focus-visible, .c-prefers-focus .form-control-inset:focus { outline: 0; } .form-control-inset:disabled, .form-control-inset.disabled { background-color: #ebebeb; color: #ebebeb; cursor: not-allowed; opacity: 1; } .form-control-inset::-ms-clear, .form-control-inset::-ms-reveal { display: none; height: 0; width: 0; } select.form-control { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23495057' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"); background-position: right 1.5rem center; background-repeat: no-repeat; background-size: 8px 10px; cursor: pointer; padding-right: 2.5rem; color: #495057; } select.form-control:disabled > option, select.form-control.disabled > option { cursor: not-allowed; } select.form-control option { cursor: pointer; } select.form-control::-ms-expand { display: none; } select.form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } select.form-control:focus::-ms-value { background-color: transparent; color: inherit; } .form-control-select { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23495057' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"); background-position: right 1.5rem center; background-repeat: no-repeat; background-size: 8px 10px; padding-right: 2.5rem; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; } .form-control-select:hover { color: inherit; text-decoration: none; } select.form-control[size] { background-image: none; height: auto; margin-left: 0; padding-left: 0.5rem; padding-right: 0.5rem; scrollbar-width: thin; color: #495057; } select.form-control[size].focus, select.form-control[size]:focus-visible, .c-prefers-focus select.form-control[size]:focus { background-image: none; } select.form-control[size] option { padding: 0.25rem; } select.form-control[multiple] { background-image: none; height: auto; margin-left: 0; padding-left: 0.5rem; padding-right: 0.5rem; scrollbar-width: thin; color: #495057; } select.form-control[multiple].focus, select.form-control[multiple]:focus-visible, .c-prefers-focus select.form-control[multiple]:focus { background-image: none; } select.form-control[multiple] option { padding: 0.25rem; } textarea.form-control, textarea.form-control-plaintext, .form-control.form-control-textarea { height: 150px; resize: vertical; } .form-control-file { cursor: pointer; display: block; width: 100%; } .form-control-file::-webkit-file-upload-button { cursor: pointer; } .form-control[type=range] { background-color: transparent; border-color: transparent; padding: 0; } .form-control[type=range]:focus { box-shadow: none; } .form-control[type=range]:focus::-webkit-slider-thumb { box-shadow: 0 3px 6px #008dc9; } .form-control[type=range]::-webkit-slider-thumb { border-radius: 100px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control[type=range]::-webkit-slider-thumb { transition: none; } } .c-prefers-reduced-motion .form-control[type=range]::-webkit-slider-thumb { transition: none; } .form-control-range { display: block; width: 100%; } .form-check { display: block; padding-left: 1.25rem; position: relative; } .form-check-label { cursor: pointer; display: inline; margin-bottom: 0; position: relative; } .form-check-input { margin-left: -1.25rem; margin-top: 0.3rem; position: static; } .form-check-input[disabled], .form-check-input:disabled { cursor: not-allowed; } .form-check-input[disabled] ~ .form-check-label, .form-check-input[disabled] + .form-check-label-text, .form-check-input:disabled ~ .form-check-label, .form-check-input:disabled + .form-check-label-text { color: #6c757d; cursor: not-allowed; } .form-check-label-text { margin-left: -0.1875rem; padding-left: 0.5rem; } .form-check-inline { align-items: center; display: inline-flex; margin-right: 0.75rem; padding-left: 0; } .form-check-inline .form-check-input { margin-left: 0; margin-right: 0.3125rem; margin-top: 0; position: static; } @media (-webkit-min-device-pixel-ratio: 0) { .form-control[disabled] > option { color: #ebebeb; } } .form-check.disabled .form-check-label { color: #6c757d; } .form-control-file:disabled { cursor: not-allowed; } .form-control-file:disabled::-webkit-file-upload-button { cursor: not-allowed; } .form-control[readonly] { background-color: #ebebeb; opacity: 1; } .form-control-plaintext[readonly] { border-radius: 0.1875rem; outline: 0; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control-plaintext[readonly] { transition: none; } } .c-prefers-reduced-motion .form-control-plaintext[readonly] { transition: none; } .form-control-plaintext[readonly].focus, .form-control-plaintext[readonly]:focus-visible, .c-prefers-focus .form-control-plaintext[readonly]:focus { box-shadow: 0 3px 6px #008dc9; } .form-control-lg { border-radius: 0.3rem; font-size: 1.25rem; height: calc(1.5em + 1.125rem); line-height: 1.5; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; } textarea.form-control-lg, .form-control-lg.form-control-textarea { height: 190px; } .sidebar-sm .form-control, .input-group-sm .form-control, .form-group-sm .form-control, .form-group-sm .form-control-plaintext, .form-control-sm { border-radius: 0; font-size: 1rem; height: calc(1.375em + 0.25rem); line-height: 1.375; padding-bottom: 0.0625rem; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.0625rem; } .sidebar-sm select.form-control, .sidebar-sm .form-control-select, .form-group-sm select.form-control, .form-control-select.form-control-sm { height: calc(1.375em + 0.25rem); padding-right: 2em; } .form-group-sm textarea.form-control, .form-group-sm .form-control.form-control-textarea, textarea.form-control-sm, .form-control-sm.form-control-textarea { height: 120px; } .sidebar-sm .form-control-tag-group, .form-group-sm .input-group .form-control-tag-group, .input-group-sm .form-control-tag-group, .form-group-sm .form-control-tag-group.input-group, .form-control-tag-group.input-group-sm, .form-control-tag-group-sm.form-control { border-radius: 0; font-size: 1rem; height: auto; line-height: 1.375; min-height: calc(1.375em + 0.25rem); padding-bottom: 0; padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0; } .sidebar-sm .form-control-tag-group .inline-item, .form-group-sm .input-group .form-control-tag-group .inline-item, .input-group-sm .form-control-tag-group .inline-item, .form-group-sm .form-control-tag-group.input-group .inline-item, .form-control-tag-group.input-group-sm .inline-item, .form-control-tag-group-sm.form-control .inline-item { margin-bottom: 0; margin-top: 0; } .sidebar-sm .form-control-tag-group .label, .form-group-sm .input-group .form-control-tag-group .label, .input-group-sm .form-control-tag-group .label, .form-group-sm .form-control-tag-group.input-group .label, .form-control-tag-group.input-group-sm .label, .form-control-tag-group-sm.form-control .label { margin-bottom: 0.1875rem; margin-right: 0.25rem; margin-top: 0.1875rem; } .sidebar-sm .form-control-tag-group .form-control-inset, .form-group-sm .input-group .form-control-tag-group .form-control-inset, .input-group-sm .form-control-tag-group .form-control-inset, .form-group-sm .form-control-tag-group.input-group .form-control-inset, .form-control-tag-group.input-group-sm .form-control-inset, .form-control-tag-group-sm.form-control .form-control-inset { margin-bottom: 0.125rem; margin-left: 0.25rem; margin-top: 0.1875rem; } .form-group { margin-bottom: 1rem; } .col-form-label { font-size: inherit; line-height: 1.625; margin-bottom: 0; padding-bottom: 0.6875rem; padding-top: 0.6875rem; } .col-form-label-lg { font-size: 1.25rem; line-height: 1.5; padding-bottom: 0.5625rem; padding-top: 0.5625rem; } .col-form-label-sm { font-size: 1rem; line-height: 1.375; padding-bottom: 0.125rem; padding-top: 0.125rem; } .form-row { display: flex; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; } .form-row > .col, .form-row > [class*=col-] { padding-left: 5px; padding-right: 5px; } .form-inline { align-items: center; display: flex; flex-flow: row wrap; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { align-items: center; display: flex; justify-content: center; margin-bottom: 0; } .form-inline .form-group { align-items: center; display: flex; flex-flow: row wrap; flex: 0 0 auto; margin-bottom: 0; } .form-inline .form-control { display: inline-block; vertical-align: middle; width: auto; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { align-items: center; display: flex; justify-content: center; padding-left: 0; width: auto; } .form-inline .form-check-input { flex-shrink: 0; margin-left: 0; margin-right: 0.25rem; margin-top: 0; position: relative; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .form-group-autofit { align-items: flex-start; display: flex; flex-direction: column; margin-bottom: 1rem; } @media (min-width: 576px) { .form-group-autofit { flex-direction: row; width: 100%; } } .form-group-autofit label { align-self: flex-start; } .form-group-autofit .form-group-item { display: flex; flex-basis: auto; flex-direction: column; flex-grow: 0; flex-shrink: 1; min-width: 25px; position: relative; width: 100%; } .form-group-autofit .form-group-item:not(:last-child) { margin-bottom: 1rem; } @media (min-width: 576px) { .form-group-autofit > .form-group-item:not(:last-child) { margin-bottom: 0; margin-right: 15px; } } .form-group-autofit .form-group-item-shrink { flex-shrink: 0; max-width: 100%; width: auto; } @media (max-width: 575.98px) { .form-group-autofit .form-group-item-label:not(:last-child) { margin-bottom: 0; } } @media (min-width: 576px) { .form-group-item-label { justify-content: center; min-height: 2.75rem; } .form-group-item-label > label { margin-bottom: 0; max-width: 12.5rem; } } @media (min-width: 576px) { .form-group-item-label-spacer { margin-top: 2rem; } } .form-group { position: relative; } .form-group-sm { margin-bottom: 1rem; } .form-group-sm label { margin-bottom: 0.25rem; } .form-group-sm div.form-control, .form-group-sm .form-control[contenteditable] { height: auto; min-height: calc(1.375em + 0.25rem); } .form-group-sm select[multiple], .form-group-sm .form-control[size] { height: auto; } .form-group-sm .form-feedback-item ~ .form-feedback-item, .form-group-sm .form-feedback-item ~ .form-text, .form-group-sm .form-text ~ .form-feedback-item, .form-group-sm .form-text ~ .form-text { margin-top: 0; } @media (min-width: 576px) { .form-group-sm .form-group-item-label { min-height: calc(1.375em + 0.25rem); } .form-group-sm .form-group-item-label > label { margin-bottom: 0; } } @media (min-width: 576px) { .form-group-sm .form-group-item-label-spacer { margin-top: 1.75rem; } } .c-link { text-decoration: none; transition: box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .c-link { transition: none; } } .c-prefers-reduced-motion .c-link { transition: none; } .c-link:hover, .c-link.hover { text-decoration: none; } .c-link.focus, .c-link:focus-visible, .c-prefers-focus .c-link:focus { border-radius: 1px; box-shadow: 0 0 0 0.2rem rgba(0, 130, 150, 0.25); outline: 0; } .c-link.text-secondary { color: #212529 !important; } .c-link.text-secondary:hover, .c-link.text-secondary.hover { color: #000 !important; } .c-link.text-secondary.focus, .c-link.text-secondary:focus-visible, .c-prefers-focus .c-link.text-secondary:focus { color: #000 !important; } .c-link.text-tertiary { color: #212529 !important; } .c-link.text-tertiary:hover, .c-link.text-tertiary.hover { color: #000 !important; text-decoration: underline; } .component-link { color: #6c757d; } .component-link:hover, .component-link.hover { color: #494f54; } .single-link { font-weight: 500; } .link-primary { color: #008296; } .link-primary:hover, .link-primary.hover { color: #00404a; } .link-secondary { color: #e6ebf2; } .link-secondary:hover, .link-secondary.hover { color: #b4c3d8; } button.link-outline { cursor: pointer; } .link-outline { align-items: center; background-color: transparent; border-color: transparent; border-radius: 0.3rem; border-style: solid; border-width: 1px; display: inline-flex; font-size: 1rem; font-weight: 500; justify-content: center; line-height: 1.375; padding-bottom: 0.0625rem; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.0625rem; 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; vertical-align: middle; } @media (prefers-reduced-motion: reduce) { .link-outline { transition: none; } } .c-prefers-reduced-motion .link-outline { transition: none; } .link-outline:hover, .link-outline.hover { text-decoration: none; } .link-outline.focus, .link-outline:focus-visible, .c-prefers-focus .link-outline:focus { box-shadow: 0 0 0 0.2rem rgba(0, 130, 150, 0.25); outline: 0; } .link-outline:disabled, .link-outline.disabled { box-shadow: none; } .link-outline:disabled:active, .link-outline.disabled:active { pointer-events: none; } .link-outline > .c-inner { margin-bottom: -0.0625rem; margin-left: -0.75rem; margin-right: -0.75rem; margin-top: -0.0625rem; } .link-outline .lexicon-icon { margin-top: 0; } .link-outline-primary { border-color: #008296; color: #008296; } .link-outline-primary:hover, .link-outline-primary.hover { background-color: #008296; color: #fff; } .link-outline-primary:active { background-color: #008296; color: #fff; } .link-outline-primary.active { background-color: #008296; color: #fff; } .link-outline-primary:disabled, .link-outline-primary.disabled { background-color: transparent; color: #008296; cursor: not-allowed; opacity: 0.65; } .link-outline-primary[aria-expanded=true], .link-outline-primary.show { background-color: #008296; color: #fff; } .link-outline-secondary { border-color: #e6ebf2; color: #e6ebf2; } .link-outline-secondary:hover, .link-outline-secondary.hover { background-color: #e6ebf2; color: #fff; } .link-outline-secondary:active { background-color: #e6ebf2; color: #fff; } .link-outline-secondary.active { background-color: #e6ebf2; color: #fff; } .link-outline-secondary:disabled, .link-outline-secondary.disabled { background-color: transparent; color: #e6ebf2; cursor: not-allowed; opacity: 0.65; } .link-outline-secondary[aria-expanded=true], .link-outline-secondary.show { background-color: #e6ebf2; color: #fff; } .link-outline-borderless { border-color: transparent; } .link-monospaced { align-items: center; display: inline-flex; height: 1.9375rem; justify-content: center; overflow: hidden; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; vertical-align: middle; width: 1.9375rem; } .link-monospaced > .c-inner { margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; } .link-monospaced .lexicon-icon { margin-top: 0; } .component-title { color: #212529; font-size: 1.125rem; font-weight: 600; line-height: 1.2; margin-bottom: calc(( 1.9375rem - (1em * 1.2) ) / 2); margin-top: calc(( 1.9375rem - (1em * 1.2) ) / 2); } .component-title[href], .component-title a[href] { color: #212529; } .component-title[href]:hover, .component-title[href].hover, .component-title a[href]:hover, .component-title a[href].hover { color: black; } .component-subtitle { color: #6c757d; margin-bottom: 0; } .component-subtitle[href], .component-subtitle a[href] { color: #6c757d; } .component-subtitle[href]:hover, .component-subtitle[href].hover, .component-subtitle a[href]:hover, .component-subtitle a[href].hover { color: #494f54; } .component-action { align-items: center; background-color: transparent; border-color: transparent; border-radius: 0; border-width: 0px; color: #e6ebf2; display: inline-flex; height: 1.9375rem; justify-content: center; overflow: hidden; padding: 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; vertical-align: middle; width: 1.9375rem; } @media (prefers-reduced-motion: reduce) { .component-action { transition: none; } } .c-prefers-reduced-motion .component-action { transition: none; } .component-action:hover, .component-action.hover { background-color: #e6ebf2; color: #fff; } .component-action.focus, .component-action:focus-visible, .c-prefers-focus .component-action:focus { box-shadow: 0 0 0 0.2rem rgba(0, 130, 150, 0.25); outline: 0; } .component-action:active { background-color: #e6ebf2; color: #fff; } .component-action.active { background-color: #e6ebf2; color: #fff; } .component-action:disabled, .component-action.disabled { background-color: transparent; box-shadow: none; color: #e6ebf2; cursor: not-allowed; opacity: 0.65; } .component-action:disabled:active, .component-action.disabled:active { pointer-events: none; } .component-action[aria-expanded=true], .component-action.show { background-color: #e6ebf2; color: #fff; } .component-action .lexicon-icon { margin-top: 0; } .component-icon { align-items: center; display: inline-flex; height: 32px; justify-content: center; width: 32px; } .component-icon .lexicon-icon { margin-top: 0; } .clay-range { padding-bottom: 0.1px; } .clay-range .input-group { align-items: center; } .clay-range .input-group-item { flex-direction: column; } .clay-range .input-group-text { background-color: transparent; border-width: 0px; color: #2b2b2b; font-size: 0.875rem; font-weight: 500; min-width: 1.5rem; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; } .clay-range.disabled .clay-range-title { color: #6c757d; } .clay-range.disabled .input-group-text { color: #6c757d; } .clay-range-progress-none .clay-range-input .clay-range-progress { visibility: hidden; } .clay-range-progress-none .clay-range-input .clay-range-thumb { visibility: hidden; } .clay-range-progress-none .clay-range-input .form-control-range { content: ""; } .clay-range-progress-none .clay-range-input .form-control-range::-moz-range-thumb { visibility: visible; } .clay-range-progress-none .clay-range-input .form-control-range::-moz-range-track { -moz-appearance: none; appearance: none; height: 100%; } .clay-range-progress-none .clay-range-input .form-control-range::-ms-fill-lower { background-color: transparent; } .clay-range-progress-none .clay-range-input .form-control-range::-ms-fill-upper { background-color: transparent; } .clay-range-progress-none .clay-range-input .form-control-range::-ms-thumb { visibility: visible; } .clay-range-progress-none .clay-range-input .form-control-range::-ms-tooltip { display: none; } .clay-range-progress-none .clay-range-input .form-control-range::-ms-track { background-color: transparent; border-color: transparent; border-style: solid; border-width: 0; color: transparent; height: 100%; } .clay-range-progress-none .clay-range-input .form-control-range::-webkit-slider-runnable-track { -webkit-appearance: none; appearance: none; height: 100%; } .clay-range-progress-none .clay-range-input .form-control-range::-webkit-slider-thumb { visibility: visible; } .clay-range-progress-none .clay-range-input .form-control-range:hover ~ .clay-range-progress .tooltip { visibility: visible; opacity: 1; } .clay-range-progress-none .clay-range-input .form-control-range.focus ~ .clay-range-progress .tooltip, .clay-range-progress-none .clay-range-input .form-control-range:focus-visible ~ .clay-range-progress .tooltip, .c-prefers-focus .clay-range-progress-none .clay-range-input .form-control-range:focus ~ .clay-range-progress .tooltip { visibility: visible; opacity: 1; } .clay-range-title { display: block; font-weight: 500; line-height: 1; margin-bottom: 0.5rem; text-align: center; } .clay-range-input { display: block; padding-bottom: 0.1px; position: relative; vertical-align: middle; width: 100%; } .clay-range-input .tooltip { margin-left: 0.8125rem; transition: opacity 0.15s linear; visibility: hidden; white-space: nowrap; } @media (prefers-reduced-motion: reduce) { .clay-range-input .tooltip { transition: none; } } .c-prefers-reduced-motion .clay-range-input .tooltip { transition: none; } .clay-range-input .tooltip-inner { padding: 0.25rem 0.5rem; } .clay-range-input .tooltip-arrow { height: 0.375rem; width: 0.375rem; } .clay-range-input .clay-tooltip-bottom { margin-top: 0.25rem; padding-top: 0.1875rem; top: 100%; transform: translateX(-50%); } .clay-range-input .clay-tooltip-bottom .tooltip-arrow { margin-left: -0.25rem; } .clay-range-input .clay-tooltip-top { bottom: 100%; margin-bottom: 0.25rem; padding-bottom: 0.1875rem; transform: translateX(-50%); } .clay-range-input .clay-tooltip-top .tooltip-arrow { margin-left: -0.25rem; } .clay-range-input .clay-range-track { -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #dee2e6; border-radius: 100px; height: 0.25rem; margin-top: -0.125rem; position: absolute; top: 50%; width: 100%; } .clay-range-input .clay-range-track::-ms-expand { display: none; } .clay-range-input .clay-range-progress { background-color: #008296; border-radius: 100px 0 0 100px; position: absolute; top: 50%; width: 50%; height: 0.25rem; margin-top: -0.125rem; } .clay-range-input .clay-range-thumb { background-color: #fff; border-radius: 100px; border-width: 0px; box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3); height: 1.5rem; margin-top: -0.75rem; position: absolute; right: -0.75rem; top: 50%; width: 1.5rem; } .clay-range-input .form-control-range { -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: transparent; height: 2.75rem; margin: 0; padding: 0; position: relative; z-index: 1; content: "1.5rem"; } .clay-range-input .form-control-range::-ms-expand { display: none; } .clay-range-input .form-control-range::-moz-focus-outer { border-width: 0; } .clay-range-input .form-control-range::-moz-range-thumb { visibility: hidden; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; border-radius: 100px; border-width: 0px; box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3); height: 1.5rem; margin-top: -0.75rem; position: relative; top: 50%; width: 1.5rem; } .clay-range-input .form-control-range::-moz-range-thumb::-ms-expand { display: none; } .clay-range-input .form-control-range::-moz-range-track { -moz-appearance: none; appearance: none; height: 100%; } .clay-range-input .form-control-range::-ms-fill-lower { background-color: transparent; } .clay-range-input .form-control-range::-ms-fill-upper { background-color: transparent; } .clay-range-input .form-control-range::-ms-thumb { visibility: hidden; -moz-appearance: none; -webkit-appearance: none; appearance: none; } .clay-range-input .form-control-range::-ms-thumb::-ms-expand { display: none; } .clay-range-input .form-control-range::-ms-tooltip { display: none; } .clay-range-input .form-control-range::-ms-track { background-color: transparent; border-color: transparent; border-style: solid; border-width: 0; color: transparent; height: 100%; } .clay-range-input .form-control-range::-webkit-slider-runnable-track { -webkit-appearance: none; appearance: none; height: 100%; } .clay-range-input .form-control-range::-webkit-slider-thumb { visibility: hidden; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; border-radius: 100px; border-width: 0px; box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3); height: 1.5rem; margin-top: -0.75rem; position: relative; top: 50%; width: 1.5rem; } .clay-range-input .form-control-range::-webkit-slider-thumb::-ms-expand { display: none; } .clay-range-input .form-control-range:hover { cursor: pointer; } .clay-range-input .form-control-range:hover ~ .clay-range-progress .tooltip { visibility: visible; opacity: 1; } .clay-range-input .form-control-range.focus, .clay-range-input .form-control-range:focus-visible, .c-prefers-focus .clay-range-input .form-control-range:focus { outline: 0; } .clay-range-input .form-control-range.focus ~ .clay-range-progress .clay-range-thumb, .clay-range-input .form-control-range:focus-visible ~ .clay-range-progress .clay-range-thumb, .c-prefers-focus .clay-range-input .form-control-range:focus ~ .clay-range-progress .clay-range-thumb { box-shadow: 0 0 0 0.2rem rgba(0, 130, 150, 0.25); } .clay-range-input .form-control-range.focus ~ .clay-range-progress .tooltip, .clay-range-input .form-control-range:focus-visible ~ .clay-range-progress .tooltip, .c-prefers-focus .clay-range-input .form-control-range:focus ~ .clay-range-progress .tooltip { visibility: visible; opacity: 1; } .clay-range-input .form-control-range.focus::-moz-range-thumb, .clay-range-input .form-control-range:focus-visible::-moz-range-thumb, .c-prefers-focus .clay-range-input .form-control-range:focus::-moz-range-thumb { box-shadow: 0 0 0 0.2rem rgba(0, 130, 150, 0.25); } .clay-range-input .form-control-range.focus::-ms-thumb, .clay-range-input .form-control-range:focus-visible::-ms-thumb, .c-prefers-focus .clay-range-input .form-control-range:focus::-ms-thumb { box-shadow: 0 0 0 0.2rem rgba(0, 130, 150, 0.25); } .clay-range-input .form-control-range.focus::-webkit-slider-thumb, .clay-range-input .form-control-range:focus-visible::-webkit-slider-thumb, .c-prefers-focus .clay-range-input .form-control-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 0.2rem rgba(0, 130, 150, 0.25); } .clay-range-input .form-control-range:disabled { color: #6c757d; cursor: not-allowed; } .clay-range-input .form-control-range:disabled ~ .clay-range-track { background-color: #e9ecef; } .clay-range-input .form-control-range:disabled ~ .clay-range-progress { background-color: #3fe5ff; } .clay-range-input[data-label-min], .clay-range-input[data-label-max] { margin-bottom: 1rem; } .clay-range-input[data-label-min]::before { content: '\FEFF' attr(data-label-min); } .clay-range-input[data-label-max]::after { content: '\FEFF' attr(data-label-max); right: 0; } .clay-range-input::after, .clay-range-input::before { font-size: 0.875rem; font-weight: 500; line-height: 1; margin-top: 2.5rem; position: absolute; text-align: center; top: 0; width: 1.5rem; } .clay-range-align-items-start .input-group { align-items: flex-start; } .clay-range-align-items-end .input-group { align-items: flex-end; } .clay-reorder { padding: 2px; position: relative; z-index: 0; } .clay-reorder .form-control-inset { margin-bottom: 0; margin-top: 0; overflow: auto; padding-bottom: 0.625rem; padding-top: 0.625rem; width: 100%; } .clay-reorder .form-control-inset.focus, .clay-reorder .form-control-inset:focus-visible, .c-prefers-focus .clay-reorder .form-control-inset:focus { background-color: transparent; box-shadow: none; } .clay-reorder .form-control-inset:focus + .clay-reorder-underlay, .clay-reorder .form-control-inset.focus + .clay-reorder-underlay { background-color: #fff; border-color: #008dc9; box-shadow: 0 3px 6px #008dc9; } .clay-reorder .form-control-inset + .clay-reorder-underlay { bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: -1; } .clay-reorder-footer { padding: 0.5rem; } .clay-reorder-footer-invisible.clay-reorder-footer *, .clay-reorder-footer-invisible .clay-reorder-footer * { visibility: hidden; } .clay-reorder-footer-center.clay-reorder-footer, .clay-reorder-footer-center .clay-reorder-footer { text-align: center; } .clay-reorder-footer-end.clay-reorder-footer, .clay-reorder-footer-end .clay-reorder-footer { text-align: right; } .clay-color > .input-group-item > .input-group-inset-item-before { color: #6c757d; font-size: inherit; padding-left: 1rem; padding-right: 0.5rem; } .clay-color > .input-group-item > .input-group-text { background-color: #fff; border-color: #406a9e; padding-left: 0; padding-right: 0; } .clay-color-dropdown-menu { max-height: 500px; max-width: none; padding-bottom: 0; padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; width: 272px; } .clay-color-dropdown-menu .component-action:hover { background-color: transparent; color: #000; } .clay-color-dropdown-menu .component-action.focus, .clay-color-dropdown-menu .component-action:focus-visible, .c-prefers-focus .clay-color-dropdown-menu .component-action:focus { box-shadow: 0 0 0 0.2rem rgba(0, 130, 150, 0.25); color: #000; } .clay-color-dropdown-menu .component-action:active:focus-visible, .c-prefers-focus .clay-color-dropdown-menu .component-action:active:focus { box-shadow: 0 0 0 0.2rem rgba(0, 130, 150, 0.25); } .clay-color-dropdown-menu .form-control { font-size: 0.875rem; height: 2rem; padding-bottom: 0.25rem; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.25rem; } .clay-color-dropdown-menu .form-group { margin-bottom: 1rem; } .clay-color-dropdown-menu .input-group .input-group-inset-item-before { color: #6c757d; font-size: 0.875rem; padding-left: 0.75rem; padding-right: 0.5rem; } .clay-color-btn { border-radius: 2px; height: 1.5rem; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; width: 1.5rem; } .clay-color-btn:active { box-shadow: 0 0 0 0.2rem rgba(0, 130, 150, 0.25); } .clay-color-btn.active { box-shadow: 0 0 0 0.2rem rgba(0, 130, 150, 0.25); } .clay-color-btn[aria-expanded=true], .clay-color-btn.show { box-shadow: 0 0 0 0.2rem rgba(0, 130, 150, 0.25); } .clay-color-btn .c-inner { margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; } .clay-color-btn-bordered { border-color: #dee2e6; } .clay-color-pointer { background-color: transparent; border-radius: 100px; border-color: #fff; border-style: solid; border-width: 2px; height: 0.875rem; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; position: absolute; transition: box-shadow 0.15s ease-in-out; width: 0.875rem; } @media (prefers-reduced-motion: reduce) { .clay-color-pointer { transition: none; } } .c-prefers-reduced-motion .clay-color-pointer { transition: none; } .clay-color-pointer.focus, .clay-color-pointer:focus-visible, .c-prefers-focus .clay-color-pointer:focus { box-shadow: 0 0 0 0.2rem rgba(0, 130, 150, 0.25); outline: 0; } .clay-color-pointer:active:focus-visible, .c-prefers-focus .clay-color-pointer:active:focus { box-shadow: 0 0 0 0.2rem rgba(0, 130, 150, 0.25); } .clay-color-pointer .c-inner { margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; } .clay-color-header { display: flex; justify-content: space-between; margin-bottom: 1rem; margin-right: -0.25rem; } .clay-color-header .component-title { color: #6c757d; display: inline-block; font-size: 0.875rem; font-weight: 500; max-width: calc(100% - 2rem); } .clay-color-footer { margin-bottom: 1rem; } .clay-color-swatch { display: flex; flex-wrap: wrap; margin-left: -0.5rem; margin-right: -0.5rem; margin-top: 0.5rem; } .clay-color-swatch + .clay-color-swatch { margin-top: 0; } .clay-color-swatch-item { display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 1rem; width: 16.66667%; } .clay-color-map-group { display: flex; margin-top: 0.5rem; } .clay-color-map { flex-shrink: 0; height: 128px; margin-bottom: 1rem; margin-right: 1rem; position: relative; touch-action: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; width: 144px; } .clay-color-map-hsb { background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)), linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); } .clay-color-map-values { flex-grow: 1; flex-shrink: 1; width: 1%; } .clay-color-map-values .form-control { padding-left: 0; padding-right: 10%; text-align: right; } .clay-color-map-values .input-group .input-group-inset-item-before { font-weight: 500; padding-left: 10%; padding-right: 0; min-width: 1.125rem; } .clay-color-range { border-radius: 100px; height: 0.5rem; margin-bottom: 1.25rem; margin-top: 0.25rem; position: relative; touch-action: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; } .clay-color-range-hue { background-image: linear-gradient(270deg, #fc0d1b 0%, #fc22d6 18.23%, #1824fb 34.25%, #2bf6fd 50.28%, #2bfd2e 67.58%, #fcfd37 81.22%, #fc121b 100%); } .clay-color-range-pointer { margin-top: -7px; top: 50%; } .clay-color-slider .clay-range-input { border-radius: 100px; } .clay-color-slider .clay-range-input .clay-range-track { border-radius: inherit; height: 0.5rem; margin-top: -0.25rem; } .clay-color-slider .clay-range-input .clay-range-progress { background-color: transparent; border-radius: inherit; height: 0.5rem; margin-top: -0.25rem; width: 100%; } .clay-color-slider .clay-range-input .clay-range-thumb { background-color: currentColor; border-width: 0; box-shadow: 0 0 0 0.125rem #fff; height: 0.625rem; margin-top: -0.3125rem; transition: box-shadow 0.15s ease-in-out; visibility: hidden; width: 0.625rem; } @media (prefers-reduced-motion: reduce) { .clay-color-slider .clay-range-input .clay-range-thumb { transition: none; } } .c-prefers-reduced-motion .clay-color-slider .clay-range-input .clay-range-thumb { transition: none; } .clay-color-slider .clay-range-input .form-control-range { background-color: inherit; border-radius: inherit; color: inherit; height: 0.5rem; content: "0.625rem"; } .clay-color-slider .clay-range-input .form-control-range::-moz-range-thumb { height: 0.625rem; visibility: visible; width: 0.625rem; background-color: currentColor; border-width: 0; box-shadow: 0 0 0 0.125rem #fff; margin-top: -0.3125rem; } .clay-color-slider .clay-range-input .form-control-range::-moz-range-track { -moz-appearance: none; appearance: none; height: 100%; } .clay-color-slider .clay-range-input .form-control-range::-ms-fill-lower { background-color: transparent; } .clay-color-slider .clay-range-input .form-control-range::-ms-fill-upper { background-color: transparent; } .clay-color-slider .clay-range-input .form-control-range::-ms-thumb { visibility: visible; } .clay-color-slider .clay-range-input .form-control-range::-ms-tooltip { display: none; } .clay-color-slider .clay-range-input .form-control-range::-ms-track { background-color: transparent; border-color: transparent; border-style: solid; border-width: 0; color: transparent; height: 100%; } .clay-color-slider .clay-range-input .form-control-range::-webkit-slider-runnable-track { -webkit-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; } .clay-color-slider .clay-range-input .form-control-range::-webkit-slider-runnable-track::-ms-expand { display: none; } .clay-color-slider .clay-range-input .form-control-range::-webkit-slider-thumb { visibility: visible; background-color: currentColor; border-width: 0; box-shadow: 0 0 0 0.125rem #fff; height: 0.625rem; margin-top: -0.3125rem; width: 0.625rem; } .clay-color-slider .clay-range-input .form-control-range:hover ~ .clay-range-progress .tooltip { visibility: visible; opacity: 1; } .clay-color-slider .clay-range-input .form-control-range.focus ~ .clay-range-progress .clay-range-thumb, .clay-color-slider .clay-range-input .form-control-range:focus-visible ~ .clay-range-progress .clay-range-thumb, .c-prefers-focus .clay-color-slider .clay-range-input .form-control-range:focus ~ .clay-range-progress .clay-range-thumb { box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #0cdfff; } .clay-color-slider .clay-range-input .form-control-range.focus ~ .clay-range-progress .tooltip, .clay-color-slider .clay-range-input .form-control-range:focus-visible ~ .clay-range-progress .tooltip, .c-prefers-focus .clay-color-slider .clay-range-input .form-control-range:focus ~ .clay-range-progress .tooltip { visibility: visible; opacity: 1; } .clay-color-slider .clay-range-input .form-control-range.focus::-moz-range-thumb, .clay-color-slider .clay-range-input .form-control-range:focus-visible::-moz-range-thumb, .c-prefers-focus .clay-color-slider .clay-range-input .form-control-range:focus::-moz-range-thumb { box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #0cdfff; } .clay-color-slider .clay-range-input .form-control-range.focus::-ms-thumb, .clay-color-slider .clay-range-input .form-control-range:focus-visible::-ms-thumb, .c-prefers-focus .clay-color-slider .clay-range-input .form-control-range:focus::-ms-thumb { box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #0cdfff; } .clay-color-slider .clay-range-input .form-control-range.focus::-webkit-slider-thumb, .clay-color-slider .clay-range-input .form-control-range:focus-visible::-webkit-slider-thumb, .c-prefers-focus .clay-color-slider .clay-range-input .form-control-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #0cdfff; } .clay-color-slider-hue .clay-range-input { color: #26affd; } .clay-color-slider-hue .clay-range-input .clay-range-track { background-image: linear-gradient(270deg, #fc0d1b 0%, #fc22d6 18.23%, #1824fb 34.25%, #2bf6fd 50.28%, #2bfd2e 67.58%, #fcfd37 81.22%, #fc121b 100%); } .clay-color-slider-hue .clay-range-input .form-control-range { content: ""; } .clay-color-slider-hue .clay-range-input .form-control-range::-moz-range-track { -moz-appearance: none; appearance: none; height: 100%; } .clay-color-slider-hue .clay-range-input .form-control-range::-ms-fill-lower { background-color: transparent; } .clay-color-slider-hue .clay-range-input .form-control-range::-ms-fill-upper { background-color: transparent; } .clay-color-slider-hue .clay-range-input .form-control-range::-ms-tooltip { display: none; } .clay-color-slider-hue .clay-range-input .form-control-range::-ms-track { background-color: transparent; border-color: transparent; border-style: solid; border-width: 0; color: transparent; height: 100%; } .clay-color-slider-hue .clay-range-input .form-control-range::-webkit-slider-runnable-track { -webkit-appearance: none; appearance: none; height: 100%; } .clay-color-slider-hue .clay-range-input .form-control-range:hover ~ .clay-range-progress .tooltip { visibility: visible; opacity: 1; } .clay-color-slider-hue .clay-range-input .form-control-range.focus ~ .clay-range-progress .tooltip, .clay-color-slider-hue .clay-range-input .form-control-range:focus-visible ~ .clay-range-progress .tooltip, .c-prefers-focus .clay-color-slider-hue .clay-range-input .form-control-range:focus ~ .clay-range-progress .tooltip { visibility: visible; opacity: 1; } .clay-color-slider-alpha .clay-range-input { color: #000; } .clay-color-slider-alpha .clay-range-input .clay-range-track { background-color: #fff; background-image: linear-gradient(45deg, #e7e7ed 25%, transparent 25%), linear-gradient(-45deg, #e7e7ed 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e7e7ed 75%), linear-gradient(-45deg, transparent 75%, #e7e7ed 75%); background-position: 0 0, 0 4px, 4px -4px, -4px 0px; background-size: 8px 8px; } .clay-color-slider-alpha .clay-range-input .form-control-range { background-image: linear-gradient(90deg, transparent 0%, currentcolor 100%); color: inherit; content: ""; } .clay-color-slider-alpha .clay-range-input .form-control-range::-moz-range-track { -moz-appearance: none; appearance: none; height: 100%; } .clay-color-slider-alpha .clay-range-input .form-control-range::-ms-fill-lower { background-color: transparent; } .clay-color-slider-alpha .clay-range-input .form-control-range::-ms-fill-upper { background-color: transparent; } .clay-color-slider-alpha .clay-range-input .form-control-range::-ms-tooltip { display: none; } .clay-color-slider-alpha .clay-range-input .form-control-range::-ms-track { background-color: transparent; border-color: transparent; border-style: solid; border-width: 0; color: transparent; height: 100%; } .clay-color-slider-alpha .clay-range-input .form-control-range::-webkit-slider-runnable-track { -webkit-appearance: none; appearance: none; height: 100%; } .clay-color-slider-alpha .clay-range-input .form-control-range:hover ~ .clay-range-progress .tooltip { visibility: visible; opacity: 1; } .clay-color-slider-alpha .clay-range-input .form-control-range.focus ~ .clay-range-progress .tooltip, .clay-color-slider-alpha .clay-range-input .form-control-range:focus-visible ~ .clay-range-progress .tooltip, .c-prefers-focus .clay-color-slider-alpha .clay-range-input .form-control-range:focus ~ .clay-range-progress .tooltip { visibility: visible; opacity: 1; } .clay-color-form-group { display: flex; align-items: center; margin-top: 0.25rem; margin-bottom: 1rem; } .clay-color-form-group .clay-range { flex-grow: 1; flex-shrink: 0; margin-right: 1rem; width: 144px; } .clay-color-form-group .form-control { padding-left: 0; padding-right: 10%; text-align: right; } .clay-color-form-group .input-group .input-group-inset-item-before { font-weight: 500; padding-left: 10%; padding-right: 0; min-width: 1.125rem; } .sidebar-sm .clay-color.input-group > .input-group-item > .input-group-inset-item-before, .form-group-sm .clay-color.input-group > .input-group-item > .input-group-inset-item-before, .clay-color.input-group-sm > .input-group-item > .input-group-inset-item-before { padding-left: 0.75rem; } .sidebar-sm .clay-color.input-group > .input-group-item > .input-group-text, .form-group-sm .clay-color.input-group > .input-group-item > .input-group-text, .clay-color.input-group-sm > .input-group-item > .input-group-text { padding: 0; } .sidebar-sm .clay-color.input-group > .input-group-item > .input-group-text > .clay-color-btn, .form-group-sm .clay-color.input-group > .input-group-item > .input-group-text > .clay-color-btn, .clay-color.input-group-sm > .input-group-item > .input-group-text > .clay-color-btn { border-radius: 2px; height: 1.25rem; padding: 0; width: 1.25rem; } .form-file { border-radius: 0.1875rem; display: flex; position: relative; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-file { transition: none; } } .c-prefers-reduced-motion .form-file { transition: none; } .form-file:focus-within:has(input:focus) { background-color: #fff; box-shadow: 0 3px 6px #008dc9; outline: 0; z-index: 1; } .form-file-input { cursor: pointer; height: 100%; opacity: 0; overflow: hidden; position: absolute; width: 100%; z-index: 10; } .form-file-input::-webkit-file-upload-button { cursor: pointer; } .form-file-input:focus + .input-group { border-radius: 1px; box-shadow: 0 0 0 0.2rem rgba(0, 130, 150, 0.25); } .form-file-input:disabled { cursor: not-allowed; } .form-file-input:disabled::-webkit-file-upload-button { cursor: not-allowed; } .custom-control { display: block; min-height: 2.5rem; position: relative; text-align: left; } .custom-control:only-child { margin-bottom: 0; } .custom-control label { cursor: pointer; display: inline; font-size: 1rem; margin-bottom: 0; } .custom-control-label { cursor: pointer; font-size: 1rem; line-height: 2.5rem; margin-bottom: 0; position: static; vertical-align: top; } .custom-control-label::before { background-color: #fff; border-color: #0075a8; border-style: solid; border-width: 0.0625rem; content: ""; display: block; float: left; font-size: 2rem; height: 2rem; left: 0; position: relative; top: 0.25rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; width: 2rem; } @media (prefers-reduced-motion: reduce) { .custom-control-label::before { transition: none; } } .c-prefers-reduced-motion .custom-control-label::before { transition: none; } .custom-control-label::after { background: no-repeat 50%/50%/0.75rem 0.75rem; content: ""; display: block; height: 2rem; left: 0; position: absolute; top: 0.25rem; width: 2rem; } label.custom-control-label { font-size: 1rem; } .custom-control-label-text { padding-left: 0.5rem; } .custom-control-primary .custom-control-label-text { font-weight: 500; } .custom-control-input { cursor: pointer; height: 2rem; left: 0; opacity: 0; position: absolute; top: 0.25rem; width: 2rem; z-index: 1; } .custom-control-input:focus-visible ~ .custom-control-label::before, .c-prefers-focus .custom-control-input:focus ~ .custom-control-label::before { border-color: #008dc9; box-shadow: 0 3px 6px #008dc9; } .custom-control-input:active ~ .custom-control-label::before { background-color: #4ae7ff; border-color: #0075a8; box-shadow: none; color: #fff; } .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; cursor: not-allowed; } .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #ebebeb; border-color: #ced4da; box-shadow: none; } .custom-control-input:checked ~ .custom-control-label::before { background-color: #e6f4fa; border-color: #0075a8; color: #0075a8; } .custom-control-input:checked ~ .custom-control-label::before { background-color: #e6f4fa; border-color: #0075a8; color: #0075a8; } .custom-control-input:checked[disabled] ~ .custom-control-label::before, .custom-control-input:checked:disabled ~ .custom-control-label::before { background-color: #ebebeb; box-shadow: none; } .custom-control-input:checked[readonly] ~ .custom-control-label::before { background-color: #fff; border-color: #0075a8; } .custom-checkbox .custom-control-input ~ .custom-control-label::before { border-radius: 0.313rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: none; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: none; } .custom-checkbox .custom-control-input:checked[disabled] ~ .custom-control-label::before, .custom-checkbox .custom-control-input:checked:disabled ~ .custom-control-label::before { background-color: rgba(0, 130, 150, 0.5); } .custom-checkbox .custom-control-input:checked[readonly] ~ .custom-control-label::before { background-color: #fff; } .custom-checkbox .custom-control-input:checked[readonly] ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='8'%20viewBox='0%200%208%208'%3E%3Cpath%20fill='%236c757d'%20d='M6.564.75l-3.59%203.612-1.538-1.55L0%204.26l2.974%202.99L8%202.193z'/%3E%3C/svg%3E"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { background-color: #008296; border-color: #008296; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%230075a8' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate[disabled] ~ .custom-control-label::before, .custom-checkbox .custom-control-input:indeterminate:disabled ~ .custom-control-label::before { background-color: rgba(0, 130, 150, 0.5); } .custom-checkbox .custom-control-input:indeterminate[readonly] ~ .custom-control-label::before { background-color: #fff; border-color: #0075a8; } .custom-checkbox .custom-control-input:indeterminate[readonly] ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='4'%20height='4'%20viewBox='0%200%204%204'%3E%3Cpath%20stroke='%23343a40'%20d='M0%202h4'/%3E%3C/svg%3E"); } .custom-radio .custom-control-input ~ .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230075a8'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230075a8'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:checked[disabled] ~ .custom-control-label::before, .custom-radio .custom-control-input:checked:disabled ~ .custom-control-label::before { background-color: rgba(0, 130, 150, 0.5); } .custom-control-outside label { display: block; padding-left: calc( 2rem + 0.5rem ); } .custom-control-outside .custom-control-label-text { padding-left: 0; } .custom-control-outside .custom-control-input ~ .custom-control-label::before { position: absolute; } .custom-control-inline { display: inline-flex; } .custom-control-inline + .custom-control-inline { margin-left: 1rem; } .custom-switch { padding-left: 5.5rem; } .custom-switch .custom-control-label::before { border-radius: 1rem; left: -5.5rem; pointer-events: all; width: 3.5rem; } .custom-switch .custom-control-label::after { background-color: #0075a8; border-radius: 1rem; height: 1.75rem; left: -5.375rem; transition: transform 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; top: calc(( 1rem * 1.625 - 2rem ) * 0.5 + (0.0625rem * 2)); width: 1.75rem; } @media (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after { transition: none; } } .c-prefers-reduced-motion .custom-switch .custom-control-label::after { transition: none; } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(1.5rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(0, 130, 150, 0.5); } .custom-select { -webkit-appearance: none; appearance: none; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3e%3cpath fill='%23406a9e' d='M288 288H32c-28.4 0-42.8 34.5-22.6 54.6l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c20-20.1 5.7-54.6-22.7-54.6zM160 448L32 320h256L160 448zM32 224h256c28.4 0 42.8-34.5 22.6-54.6l-128-128c-12.5-12.5-32.8-12.5-45.3 0l-128 128C-10.7 189.5 3.6 224 32 224zM160 64l128 128H32L160 64z' /%3e%3c/svg%3e") no-repeat right 1rem center/20px 20px; border: 0.0625rem solid #406a9e; border-radius: 0.1875rem; color: #495057; display: inline-block; font-size: 1rem; font-weight: 400; height: 2.75rem; line-height: 1.625; padding: 0.625rem 2rem 0.625rem 1rem; vertical-align: middle; width: 100%; } .custom-select:focus { border-color: #008dc9; box-shadow: 0 0 0 0.1875rem #008dc9; outline: 0; } .custom-select:focus::-ms-value { background-color: #fff; color: #495057; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { background-image: none; height: auto; padding-right: 1rem; } .custom-select:disabled { background-color: #e9ecef; color: #6c757d; } .custom-select::-ms-expand { display: none; } .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .custom-select-sm { font-size: 1rem; height: calc(1.375em + 0.25rem); padding-bottom: 0.0625rem; padding-left: 0.75rem; padding-top: 0.0625rem; } .custom-select-lg { font-size: 1.25rem; height: calc(1.5em + 1.125rem); padding-bottom: 0.5rem; padding-left: 1rem; padding-top: 0.5rem; } .custom-file { display: inline-block; height: 2.75rem; margin-bottom: 0; position: relative; width: 100%; } .custom-file-input { height: 2.75rem; margin: 0; opacity: 0; position: relative; width: 100%; z-index: 2; } .custom-file-input:focus ~ .custom-file-label { border-color: #008dc9; box-shadow: 0 3px 6px #008dc9; } .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { background-color: #ebebeb; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: '\FEFF' attr(data-browse); } .custom-file-label { background-color: #fff; border: 0.0625rem solid #406a9e; border-radius: 0.1875rem; color: #495057; font-weight: 400; height: 2.75rem; left: 0; line-height: 1.625; padding: 0.625rem 1rem; position: absolute; right: 0; top: 0; z-index: 1; } .custom-file-label::after { background-color: #e9ecef; border-left: inherit; border-radius: 0 0.1875rem 0.1875rem 0; bottom: 0; color: #495057; content: '\FEFF Browse'; display: block; height: calc(1.625em + 1.25rem); line-height: 1.625; padding: 0.625rem 1rem; position: absolute; right: 0; top: 0; z-index: 3; } .custom-range { appearance: none; background-color: transparent; height: 1.375rem; padding: 0; width: 100%; } .custom-range:focus { outline: none; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 3px 6px #008dc9; } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 3px 6px #008dc9; } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 3px 6px #008dc9; } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; background-color: #008296; border: 0; border-radius: 1rem; height: 1rem; margin-top: -0.25rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; width: 1rem; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { transition: none; } } .c-prefers-reduced-motion .custom-range::-webkit-slider-thumb { transition: none; } .custom-range::-webkit-slider-thumb:active { background-color: #4ae7ff; } .custom-range::-webkit-slider-runnable-track { border-radius: 1rem; background-color: #dee2e6; border-color: transparent; color: transparent; cursor: pointer; height: 0.5rem; width: 100%; } .custom-range::-moz-range-thumb { -moz-appearance: none; appearance: none; background-color: #008296; border-radius: 1rem; border: 0; height: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; width: 1rem; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { transition: none; } } .c-prefers-reduced-motion .custom-range::-moz-range-thumb { transition: none; } .custom-range::-moz-range-thumb:active { background-color: #4ae7ff; } .custom-range::-moz-range-track { background-color: #dee2e6; border-color: transparent; border-radius: 1rem; color: transparent; cursor: pointer; height: 0.5rem; width: 100%; } .custom-range::-ms-thumb { appearance: none; background-color: #008296; border: 0; border-radius: 1rem; height: 1rem; margin-left: 0.1875rem; margin-right: 0.1875rem; margin-top: 0; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; width: 1rem; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { transition: none; } } .c-prefers-reduced-motion .custom-range::-ms-thumb { transition: none; } .custom-range::-ms-thumb:active { background-color: #4ae7ff; } .custom-range::-ms-track { background-color: transparent; border-color: transparent; border-width: 0.5rem; color: transparent; cursor: pointer; height: 0.5rem; width: 100%; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { border-radius: 1rem; background-color: #dee2e6; margin-right: 15px; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .custom-file-label, .custom-select { transition: none; } } .c-prefers-reduced-motion .custom-file-label, .c-prefers-reduced-motion .custom-select { transition: none; } .clay-time .btn { align-items: center; display: inline-flex; font-size: 0.75rem; height: 1.5rem; justify-content: center; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; width: 1.5rem; } .clay-time .btn .c-inner { margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; } .clay-time .btn .lexicon-icon { margin-top: 0; } .clay-time .form-control { align-items: center; display: inline-flex; flex-wrap: wrap; padding-bottom: 0.125rem; padding-top: 0.125rem; } .clay-time .form-control-inset { margin-bottom: 0; margin-left: 0; margin-top: 0; text-align: center; width: 1.25rem; } .clay-time .form-control-inset::-moz-selection, .clay-time .form-control-inset::selection { background-color: transparent; } .clay-time .form-control-inset.focus, .clay-time .form-control-inset:focus-visible, .c-prefers-focus .clay-time .form-control-inset:focus { background-color: #b3d8fd; } .clay-time .input-group-text { background-color: transparent; border-color: transparent; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; } .clay-time .clay-time-ampm { font-weight: 500; margin-left: 0.25rem; text-transform: uppercase; width: 1.5rem; } .clay-time-edit { display: flex; flex-wrap: wrap; margin-right: auto; padding-left: 0.5rem; padding-right: 0.5rem; } .clay-time-edit:first-child { margin-left: -0.5rem; } .clay-time-edit:last-child { margin-right: -0.5rem; } .clay-time-action-group { align-items: center; display: flex; flex-wrap: wrap; margin-left: -0.125rem; margin-right: -0.125rem; } .clay-time-action-group-item { align-items: center; display: flex; margin-left: 0.125rem; margin-right: 0.125rem; } .clay-time-inner-spin { border-color: #cdd7e5; border-radius: 8px; border-style: solid; border-width: 1px; } .clay-time-inner-spin .btn { align-items: center; border-radius: 8px; border-width: 0px; display: inline-flex; font-size: 8px; height: auto; justify-content: center; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; width: auto; } .clay-time-inner-spin .btn .c-inner { margin-bottom: -2px; margin-left: -2px; margin-right: -2px; margin-top: -2px; } .date-picker .input-group-item { margin-left: 0.125rem; } .date-picker .input-group-text { background-color: transparent; border-color: transparent; min-width: 2rem; padding-left: 0.25rem; padding-right: 0.25rem; } @media (max-width: 575.98px) { .date-picker .input-group-text { font-size: inherit; height: calc(1.375em + 0.25rem); min-width: 1.5rem; } } @media (max-width: 575.98px) { .date-picker .clay-time .form-control { border-radius: 0; font-size: 1rem; height: calc(1.375em + 0.25rem); line-height: 1.375; min-height: calc(1.375em + 0.25rem); padding-bottom: 0.0625rem; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.0625rem; } } .date-picker-dropdown-menu { max-height: none; max-width: 370px; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; width: 100%; } @media (max-width: 575.98px) { .date-picker-dropdown-menu { font-size: 0.75rem; margin: 0; max-height: 255px; max-width: 264px; } } .date-picker-nav { display: flex; margin-left: -0.125rem; margin-right: -0.125rem; } .date-picker-nav .nav-btn { color: #6c757d; 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) { .date-picker-nav .nav-btn { transition: none; } } .c-prefers-reduced-motion .date-picker-nav .nav-btn { transition: none; } .date-picker-nav .nav-btn:hover { background-color: #e9ecef; } .date-picker-nav .nav-btn.focus, .date-picker-nav .nav-btn:focus-visible, .c-prefers-focus .date-picker-nav .nav-btn:focus { box-shadow: 0 0 0 0.2rem rgba(0, 130, 150, 0.25); } .date-picker-nav .nav-btn:active:focus-visible, .c-prefers-focus .date-picker-nav .nav-btn:active:focus { box-shadow: 0 0 0 0.2rem rgba(0, 130, 150, 0.25); } .date-picker-nav .nav-btn:disabled, .date-picker-nav .nav-btn.disabled { background-color: transparent; box-shadow: none; color: #6c757d; opacity: 0.65; } .date-picker-nav .nav-btn-monospaced { margin-bottom: 0; margin-left: 0.125rem; margin-right: 0.125rem; margin-top: 0; } @media (max-width: 575.98px) { .date-picker-nav .nav-btn-monospaced { font-size: 0.75rem; height: 1.5rem; max-height: 1.5rem; max-width: 1.5rem; min-width: 1.5rem; } } .date-picker-nav select.form-control { color: #495057; } @media (max-width: 575.98px) { .date-picker-nav select.form-control { font-size: 0.75rem; height: 1.5rem; color: #495057; } } .date-picker-nav .form-control-select { color: #495057; } @media (max-width: 575.98px) { .date-picker-nav .form-control-select { font-size: 0.75rem; height: 1.5rem; color: #495057; } } .date-picker-nav-item { align-items: center; display: flex; padding-left: 0.125rem; padding-right: 0.125rem; } .date-picker-nav-item-expand { flex-grow: 1; } .date-picker-nav-controls { display: flex; justify-content: flex-end; } .date-picker-calendar { float: left; min-width: 100%; } .date-picker-calendar-header { padding-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; } @media (max-width: 575.98px) { .date-picker-calendar-header { padding-bottom: 0.25rem; padding-left: 0.375rem; padding-right: 0.375rem; padding-top: 0.5rem; } } .date-picker-calendar-body { padding-left: 0.5rem; padding-right: 0.5rem; padding-bottom: 0.5rem; } @media (max-width: 575.98px) { .date-picker-calendar-body { padding-left: 0.375rem; padding-right: 0.375rem; padding-bottom: 0.25rem; } } .date-picker-calendar-footer { border-color: #ced4da; border-style: solid; border-width: 1px 0 0 0; padding-bottom: 0.5rem; padding-left: 0.875rem; padding-right: 0.875rem; padding-top: 0.5rem; } @media (max-width: 575.98px) { .date-picker-calendar-footer { padding-left: 0.375rem; padding-right: 0.375rem; padding-top: 0.4375rem; } } .date-picker-calendar-item { align-items: center; background-color: transparent; border-width: 0px; display: inline-flex; flex-shrink: 0; font-weight: 500; height: 2rem; justify-content: center; line-height: 1; margin-left: 0; margin-right: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 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; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; vertical-align: middle; white-space: nowrap; width: 2rem; } @media (prefers-reduced-motion: reduce) { .date-picker-calendar-item { transition: none; } } .c-prefers-reduced-motion .date-picker-calendar-item { transition: none; } .date-picker-calendar-item:disabled, .date-picker-calendar-item.disabled { cursor: not-allowed; } .date-picker-calendar-item .c-inner { margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; } @media (max-width: 575.98px) { .date-picker-calendar-item { height: 1.5rem; width: 1.5rem; } } .date-picker-row { display: flex; justify-content: space-between; list-style: none; margin-bottom: 0.5rem; margin-top: 0.5rem; padding: 0; } @media (max-width: 575.98px) { .date-picker-row { margin-bottom: 0.25rem; margin-top: 0.25rem; } } .date-picker-col { display: flex; flex-grow: 1; justify-content: center; } .date-picker-col.c-selected { background-image: linear-gradient(#7ceeff, #7ceeff); background-repeat: no-repeat; } .date-picker-col.c-selected:first-child { border-bottom-left-radius: 100px; border-top-left-radius: 100px; } .date-picker-col.c-selected:last-child { border-bottom-right-radius: 100px; border-top-right-radius: 100px; } .date-picker-col.c-selected-start { background-position: right top; background-size: 50% 100%; } .date-picker-col.c-selected-end { background-position: left top; background-size: 50% 100%; } .date-picker-days-row { margin-bottom: 1rem; margin-top: 0; } @media (max-width: 575.98px) { .date-picker-days-row { margin-bottom: 0.25rem; } } .date-picker-day { height: 1.3125rem; } .date-picker-date { border-radius: 100px; color: #6c757d; cursor: pointer; position: relative; } .date-picker-date:hover { background-color: #e9ecef; } .date-picker-date.focus, .date-picker-date:focus-visible, .c-prefers-focus .date-picker-date:focus { box-shadow: 0 0 0 0.2rem rgba(0, 130, 150, 0.25); outline: 0; } .date-picker-date:active { background-color: #008296; color: #fff; } .date-picker-date:active:focus-visible, .c-prefers-focus .date-picker-date:active:focus { box-shadow: 0 0 0 0.2rem rgba(0, 130, 150, 0.25); } .date-picker-date.active { background-color: #008296; color: #fff; } .date-picker-date:disabled, .date-picker-date.disabled { background-color: transparent; box-shadow: none; opacity: 0.65; } .date-picker-date[aria-expanded=true], .date-picker-date.show { background-color: #008296; color: #fff; } .previous-month-date { opacity: 0.65; } .previous-month-date.focus, .previous-month-date:focus-visible, .c-prefers-focus .previous-month-date:focus { opacity: 1; } .previous-month-date:active { background-color: #0cdfff; color: #7ceeff; } .previous-month-date.active { background-color: #0cdfff; color: #7ceeff; } .previous-month-date[aria-expanded=true], .previous-month-date.show { background-color: #0cdfff; color: #7ceeff; } .next-month-date { opacity: 0.65; } .next-month-date.focus, .next-month-date:focus-visible, .c-prefers-focus .next-month-date:focus { opacity: 1; } .next-month-date:active { background-color: #0cdfff; color: #7ceeff; } .next-month-date.active { background-color: #0cdfff; color: #7ceeff; } .next-month-date[aria-expanded=true], .next-month-date.show { background-color: #0cdfff; color: #7ceeff; } .clay-dual-listbox { display: flex; flex-direction: row; } .clay-dual-listbox .clay-reorder { display: flex; flex-direction: column; flex-grow: 1; } .clay-dual-listbox label { margin-bottom: 1rem; } .clay-dual-listbox-item { display: flex; flex-direction: column; margin-right: 0.25rem; } @media (min-width: 576px) { .clay-dual-listbox-item { margin-right: 1.5rem; } } .clay-dual-listbox-item:last-child { margin-right: 0; } .clay-dual-listbox-item-expand { flex-grow: 1; width: 3rem; overflow-wrap: break-word; word-wrap: break-word; } .clay-dual-listbox-actions { align-self: center; margin-top: calc(21px + 1rem); } .valid-feedback { color: #547b1c; display: none; font-size: 80%; margin-top: 0.25rem; width: 100%; } .valid-tooltip { background-color: rgba(84, 123, 28, 0.9); border-radius: 0; color: #fff; display: none; font-size: 0.875rem; line-height: 1.625; margin-top: 0.1rem; max-width: 100%; padding: 0.25rem 0.5rem; position: absolute; top: 100%; z-index: 5; } .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: #547b1c; background-image: unset; background-position: right calc(0.40625em + 0.3125rem) center; background-repeat: no-repeat; background-size: calc(0.8125em + 0.625rem) calc(0.8125em + 0.625rem); padding-right: calc(1.625em + 1.25rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: #547b1c; box-shadow: 0 0 0 0.1875rem rgba(84, 123, 28, 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { background-position: top calc(0.40625em + 0.3125rem) right calc(0.40625em + 0.3125rem); padding-right: calc(1.625em + 1.25rem); } .was-validated .custom-select:valid, .custom-select.is-valid { border-color: #547b1c; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3e%3cpath fill='%23406a9e' d='M288 288H32c-28.4 0-42.8 34.5-22.6 54.6l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c20-20.1 5.7-54.6-22.7-54.6zM160 448L32 320h256L160 448zM32 224h256c28.4 0 42.8-34.5 22.6-54.6l-128-128c-12.5-12.5-32.8-12.5-45.3 0l-128 128C-10.7 189.5 3.6 224 32 224zM160 64l128 128H32L160 64z' /%3e%3c/svg%3e") no-repeat right 1rem center/20px 20px, unset #fff no-repeat center right 2rem/calc(0.8125em + 0.625rem) calc(0.8125em + 0.625rem); padding-right: calc(0.75em + 2.9375rem); } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #547b1c; box-shadow: 0 0 0 0.1875rem rgba(84, 123, 28, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #547b1c; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #547b1c; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #547b1c; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { background-color: #70a525; border-color: #70a525; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.1875rem rgba(84, 123, 28, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #547b1c; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #547b1c; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #547b1c; box-shadow: 0 0 0 0.1875rem rgba(84, 123, 28, 0.25); } .invalid-feedback { color: #ab2218; display: none; font-size: 80%; margin-top: 0.25rem; width: 100%; } .invalid-tooltip { background-color: rgba(171, 34, 24, 0.9); border-radius: 0; color: #fff; display: none; font-size: 0.875rem; line-height: 1.625; margin-top: 0.1rem; max-width: 100%; padding: 0.25rem 0.5rem; position: absolute; top: 100%; z-index: 5; } .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: #ab2218; background-image: unset; background-position: right calc(0.40625em + 0.3125rem) center; background-repeat: no-repeat; background-size: calc(0.8125em + 0.625rem) calc(0.8125em + 0.625rem); padding-right: calc(1.625em + 1.25rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: #ab2218; box-shadow: 0 0 0 0.1875rem rgba(171, 34, 24, 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { background-position: top calc(0.40625em + 0.3125rem) right calc(0.40625em + 0.3125rem); padding-right: calc(1.625em + 1.25rem); } .was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: #ab2218; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3e%3cpath fill='%23406a9e' d='M288 288H32c-28.4 0-42.8 34.5-22.6 54.6l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c20-20.1 5.7-54.6-22.7-54.6zM160 448L32 320h256L160 448zM32 224h256c28.4 0 42.8-34.5 22.6-54.6l-128-128c-12.5-12.5-32.8-12.5-45.3 0l-128 128C-10.7 189.5 3.6 224 32 224zM160 64l128 128H32L160 64z' /%3e%3c/svg%3e") no-repeat right 1rem center/20px 20px, unset #fff no-repeat center right 2rem/calc(0.8125em + 0.625rem) calc(0.8125em + 0.625rem); padding-right: calc(0.75em + 2.9375rem); } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #ab2218; box-shadow: 0 0 0 0.1875rem rgba(171, 34, 24, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #ab2218; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #ab2218; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #ab2218; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { background-color: #d82b1e; border-color: #d82b1e; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.1875rem rgba(171, 34, 24, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #ab2218; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #ab2218; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #ab2218; box-shadow: 0 0 0 0.1875rem rgba(171, 34, 24, 0.25); } .form-feedback-group { width: 100%; overflow-wrap: break-word; word-wrap: break-word; } .form-feedback-item { font-size: 80%; margin-top: 0.25rem; overflow-wrap: break-word; word-wrap: break-word; } .form-feedback-indicator { margin-left: 0.125rem; margin-right: 0.125rem; } .form-feedback-indicator:first-child { margin-left: 0; } .form-text { color: #6c757d; display: block; font-size: 0.875rem; margin-top: 0.25rem; overflow-wrap: break-word; word-wrap: break-word; } .was-validated .form-control:valid, .was-validated .form-control.is-valid { border-color: #547b1c; } .was-validated .form-control:valid:focus, .was-validated .form-control.is-valid:focus { box-shadow: 0 0 0 0.1875rem rgba(84, 123, 28, 0.25); } .was-validated .form-control:invalid, .was-validated .form-control.is-invalid { border-color: #ab2218; } .was-validated .form-control:invalid:focus, .was-validated .form-control.is-invalid:focus { box-shadow: 0 0 0 0.1875rem rgba(171, 34, 24, 0.25); } .has-error .custom-control-label, .has-error .form-check-label { color: #ab2218; } .has-error .form-control { border-color: #ab2218; } .has-error .form-control.focus, .has-error .form-control:focus-visible, .c-prefers-focus .has-error .form-control:focus { box-shadow: 0 0 0 0.1875rem rgba(171, 34, 24, 0.25); } .has-error .form-feedback-item { color: #ab2218; } .has-error select.form-control { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23ab2218' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"); color: #495057; } .has-error select.form-control[size] { background-image: none; color: #495057; } .has-error select.form-control[multiple] { background-image: none; color: #495057; } .has-error .input-group-item.focus { box-shadow: 0 0 0 0.1875rem rgba(171, 34, 24, 0.25); } .has-error .input-group-item.focus .input-group-inset { border-color: #ab2218; } .has-error .input-group-item.focus .input-group-inset ~ .input-group-inset-item { border-color: #ab2218; } .has-error .input-group-item .input-group-inset ~ .input-group-inset-item { border-color: #ab2218; } .has-error .input-group-item .input-group-inset:focus { box-shadow: none; } .has-error .input-group-item .input-group-inset:focus ~ .input-group-inset-item { border-color: #ab2218; } .has-warning .custom-control-label, .has-warning .form-check-label { color: #b4520c; } .has-warning .form-control { border-color: #b4520c; } .has-warning .form-control.focus, .has-warning .form-control:focus-visible, .c-prefers-focus .has-warning .form-control:focus { box-shadow: 0 0 0 0.1875rem rgba(180, 82, 12, 0.25); } .has-warning .form-feedback-item { color: #b4520c; } .has-warning select.form-control { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23b4520c' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"); color: #495057; } .has-warning select.form-control[size] { background-image: none; color: #495057; } .has-warning select.form-control[multiple] { background-image: none; color: #495057; } .has-warning .input-group-item.focus { box-shadow: 0 0 0 0.1875rem rgba(180, 82, 12, 0.25); } .has-warning .input-group-item.focus .input-group-inset { border-color: #b4520c; } .has-warning .input-group-item.focus .input-group-inset ~ .input-group-inset-item { border-color: #b4520c; } .has-warning .input-group-item .input-group-inset ~ .input-group-inset-item { border-color: #b4520c; } .has-warning .input-group-item .input-group-inset:focus { box-shadow: none; } .has-warning .input-group-item .input-group-inset:focus ~ .input-group-inset-item { border-color: #b4520c; } .has-success .custom-control-label, .has-success .form-check-label { color: #547b1c; } .has-success .form-control { border-color: #547b1c; } .has-success .form-control.focus, .has-success .form-control:focus-visible, .c-prefers-focus .has-success .form-control:focus { box-shadow: 0 0 0 0.1875rem rgba(84, 123, 28, 0.25); } .has-success .form-feedback-item { color: #547b1c; } .has-success select.form-control { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23547b1c' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"); color: #495057; } .has-success select.form-control[size] { background-image: none; color: #495057; } .has-success select.form-control[multiple] { background-image: none; color: #495057; } .has-success .input-group-item.focus { box-shadow: 0 0 0 0.1875rem rgba(84, 123, 28, 0.25); } .has-success .input-group-item.focus .input-group-inset { border-color: #547b1c; } .has-success .input-group-item.focus .input-group-inset ~ .input-group-inset-item { border-color: #547b1c; } .has-success .input-group-item .input-group-inset ~ .input-group-inset-item { border-color: #547b1c; } .has-success .input-group-item .input-group-inset:focus { box-shadow: none; } .has-success .input-group-item .input-group-inset:focus ~ .input-group-inset-item { border-color: #547b1c; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { flex: 1 1 0%; margin-bottom: 0; min-width: 0; position: relative; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -0.0625rem; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group > .custom-file { align-items: center; display: flex; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-lg > .custom-select { border-radius: 0.3rem; font-size: 1.25rem; height: calc(1.5em + 1.125rem); line-height: 1.5; padding: 0.5rem 1rem; } .input-group-sm > .custom-select { border-radius: 0; font-size: 1rem; height: calc(1.375em + 0.25rem); line-height: 1.375; padding: 0.0625rem 0.75rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 2rem; } .input-group-prepend > .btn + .btn, .input-group-prepend > .btn + .input-group-text, .input-group-prepend > .input-group-text + .input-group-text, .input-group-prepend > .input-group-text + .btn, .input-group-append > .btn + .btn, .input-group-append > .btn + .input-group-text, .input-group-append > .input-group-text + .input-group-text, .input-group-append > .input-group-text + .btn { margin-left: -0.0625rem; } .input-group-prepend .btn, .input-group-append .btn { z-index: 1; } .input-group-prepend .btn:hover, .input-group-append .btn:hover { z-index: 3; } .input-group-prepend .btn, .input-group-prepend .form-control, .input-group-append .btn, .input-group-append .form-control { position: relative; } .input-group-prepend .btn:focus, .input-group-prepend .form-control:focus, .input-group-append .btn:focus, .input-group-append .form-control:focus { z-index: 4; } .input-group { align-items: stretch; display: flex; flex-wrap: wrap; position: relative; width: 100%; } .input-group .btn-unstyled { color: inherit; } .input-group-item { display: flex; flex-grow: 1; flex-wrap: wrap; margin-left: 0.5rem; width: 1%; overflow-wrap: break-word; word-wrap: break-word; } .input-group-item::after { border-radius: inherit; bottom: 0; content: ""; display: block; left: 0; pointer-events: none; position: absolute; right: 0; top: 0; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .input-group-item::after { transition: none; } } .c-prefers-reduced-motion .input-group-item::after { transition: none; } .input-group-item.focus { border-radius: 0.1875rem; } .input-group-item.focus::after { box-shadow: 0 3px 6px #008dc9; } .input-group-item.focus.input-group-prepend { border-bottom-right-radius: 0; border-top-right-radius: 0; z-index: 1; } .input-group-item.focus.input-group-append { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-item.focus > .form-control { background-color: #fff; border-color: #008dc9; } .input-group-item.focus > .input-group-inset-item { background-color: #fff; border-color: #008dc9; } .input-group-item:first-child { margin-left: 0; } .input-group-item > .btn { align-self: flex-start; } .input-group-item > .dropdown { display: flex; flex-wrap: wrap; overflow-wrap: break-word; word-wrap: break-word; width: 100%; } .input-group-item-shrink { flex-grow: 0; width: auto; } .input-group-item-focusable { border-radius: 0.1875rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .input-group-item-focusable { transition: none; } } .c-prefers-reduced-motion .input-group-item-focusable { transition: none; } .input-group-item-focusable:focus-within:has(input:focus) { background-color: #fff; box-shadow: 0 3px 6px #008dc9; outline: 0; z-index: 1; } .input-group-item-focusable:focus-within:has(input:focus).input-group-prepend { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-item-focusable:focus-within:has(input:focus).input-group-append { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group-text { align-items: center; background-color: #e9ecef; border-bottom-width: 0.0625rem; border-color: #406a9e; border-left-width: 0.0625rem; border-radius: 0.1875rem; border-right-width: 0.0625rem; border-style: solid; border-top-width: 0.0625rem; color: #495057; display: flex; font-size: 1rem; font-weight: 400; height: 2.75rem; justify-content: center; line-height: 1.625; margin-bottom: 0; min-width: 2.375rem; padding-bottom: 0.625rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.625rem; text-align: center; white-space: nowrap; } .input-group-text label { color: #495057; } .input-group-text .custom-control { margin-bottom: 0; } .input-group-text .form-check { margin-bottom: 0; } .input-group-text .form-check input[type=radio], .input-group-text .form-check input[type=checkbox] { margin-top: 0; } .input-group-text .lexicon-icon { margin-top: 0; } .input-group-text-secondary { background-color: #e6ebf2; border-color: #e6ebf2; border-width: 0.0625rem; color: #fff; z-index: 2; } .input-group-text-secondary label { color: #fff; } @media (max-width: 575.98px) { .input-group-stacked-sm-down > .input-group-item { margin-bottom: 0.5rem; margin-left: 0; width: 100%; } .input-group-stacked-sm-down > .input-group-item-shrink { margin-right: 0.5rem; width: auto; } } .input-group-lg > .input-group-item > .btn { font-size: 1.25rem; line-height: 1.5; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; } .input-group-lg > .input-group-item > .btn .c-inner { margin-bottom: -0.5rem; margin-left: -1rem; margin-right: -1rem; margin-top: -0.5rem; } .input-group-lg > .input-group-item > .btn .btn-section { font-size: 0.8125rem; } .input-group-lg > .input-group-item > .btn-monospaced { height: 3rem; line-height: 1; width: 3rem; } .input-group-lg > .input-group-item > .form-control { border-radius: 0.3rem; font-size: 1.25rem; height: auto; line-height: 1.5; min-height: calc(1.5em + 1.125rem); padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; } .input-group-lg > .input-group-item > .form-file .btn { border-radius: 0.3rem; font-size: 1.25rem; height: calc(1.5em + 1.125rem); line-height: 1.5; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; } .input-group-lg > .input-group-item > .form-file .btn .c-inner { margin-bottom: -0.5rem; margin-left: -1rem; margin-right: -1rem; margin-top: -0.5rem; } .input-group-lg > .input-group-item > textarea.form-control, .input-group-lg > .input-group-item > .form-control-textarea { height: 190px; } .input-group-lg > .input-group-item > .form-control-plaintext { font-size: 1.25rem; height: calc(1.5em + 1.125rem); line-height: 1.5; padding-bottom: 0.5rem; padding-top: 0.5rem; } .input-group-lg > .input-group-item > .input-group-text { border-radius: 0.3rem; font-size: 1.25rem; height: calc(1.5em + 1.125rem); min-width: 3rem; padding-left: 1rem; padding-right: 1rem; } .input-group-lg > .input-group-item > .input-group-inset-item > .form-file .btn { border-radius: 0.3rem; font-size: 1.25rem; height: calc(1.5em + 1.125rem); line-height: 1.5; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; } .input-group-lg > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner { margin-bottom: -0.5rem; margin-left: -1rem; margin-right: -1rem; margin-top: -0.5rem; } .input-group-lg > .input-group-item .form-control-inset { margin-bottom: 0; margin-top: 0; } .sidebar-sm .input-group > .input-group-item > .btn, .form-group-sm .input-group > .input-group-item > .btn, .input-group-sm > .input-group-item > .btn { font-size: 1rem; line-height: 1.375; padding-bottom: 0.0625rem; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.0625rem; } .sidebar-sm .input-group > .input-group-item > .btn .c-inner, .form-group-sm .input-group > .input-group-item > .btn .c-inner, .input-group-sm > .input-group-item > .btn .c-inner { margin-bottom: -0.0625rem; margin-left: -0.75rem; margin-right: -0.75rem; margin-top: -0.0625rem; } .sidebar-sm .input-group > .input-group-item > .btn .btn-section, .form-group-sm .input-group > .input-group-item > .btn .btn-section, .input-group-sm > .input-group-item > .btn .btn-section { font-size: 0.5625rem; } .sidebar-sm .input-group > .input-group-item > .btn-monospaced, .form-group-sm .input-group > .input-group-item > .btn-monospaced, .input-group-sm > .input-group-item > .btn-monospaced { height: 1.9375rem; line-height: 1; width: 1.9375rem; } .sidebar-sm .input-group > .input-group-item > .form-file .btn, .form-group-sm .input-group > .input-group-item > .form-file .btn, .input-group-sm > .input-group-item > .form-file .btn { border-radius: 0; font-size: 1rem; height: calc(1.375em + 0.25rem); line-height: 1.375; padding-bottom: 0.0625rem; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.0625rem; } .sidebar-sm .input-group > .input-group-item > .form-file .btn .c-inner, .form-group-sm .input-group > .input-group-item > .form-file .btn .c-inner, .input-group-sm > .input-group-item > .form-file .btn .c-inner { margin-bottom: -0.0625rem; margin-left: -0.75rem; margin-right: -0.75rem; margin-top: -0.0625rem; } .sidebar-sm .input-group > .input-group-item > textarea.form-control, .form-group-sm .input-group > .input-group-item > textarea.form-control, .input-group-sm > .input-group-item > textarea.form-control, .sidebar-sm .input-group > .input-group-item > .form-control-textarea, .form-group-sm .input-group > .input-group-item > .form-control-textarea, .input-group-sm > .input-group-item > .form-control-textarea { height: 120px; } .sidebar-sm .input-group > .input-group-item > .form-control-plaintext, .form-group-sm .input-group > .input-group-item > .form-control-plaintext, .input-group-sm > .input-group-item > .form-control-plaintext { font-size: 1rem; height: calc(1.375em + 0.25rem); line-height: 1.375; padding-bottom: 0.0625rem; padding-top: 0.0625rem; } .sidebar-sm .input-group > .input-group-item > .input-group-text, .form-group-sm .input-group > .input-group-item > .input-group-text, .input-group-sm > .input-group-item > .input-group-text { border-radius: 0; font-size: 1rem; height: calc(1.375em + 0.25rem); min-width: 1.9375rem; padding-left: 0.75rem; padding-right: 0.75rem; } .sidebar-sm .input-group > .input-group-item > .input-group-inset-item > .btn, .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .btn, .input-group-sm > .input-group-item > .input-group-inset-item > .btn { line-height: 1; padding-bottom: 0; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0; } .sidebar-sm .input-group > .input-group-item > .input-group-inset-item > .btn .c-inner, .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .btn .c-inner, .input-group-sm > .input-group-item > .input-group-inset-item > .btn .c-inner { margin-bottom: 0; margin-left: -0.5rem; margin-right: -0.5rem; margin-top: 0; } .sidebar-sm .input-group > .input-group-item > .input-group-inset-item > .btn-monospaced, .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .btn-monospaced, .input-group-sm > .input-group-item > .input-group-inset-item > .btn-monospaced { height: 1.5rem; margin-left: 0.25rem; margin-right: 0.25rem; width: 1.5rem; } .sidebar-sm .input-group > .input-group-item > .input-group-inset-item > .form-file .btn, .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .form-file .btn, .input-group-sm > .input-group-item > .input-group-inset-item > .form-file .btn { border-radius: 0; font-size: 1rem; height: calc(1.375em + 0.25rem); line-height: 1.375; padding-bottom: 0.0625rem; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.0625rem; } .sidebar-sm .input-group > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner, .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner, .input-group-sm > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner { margin-bottom: -0.0625rem; margin-left: -0.75rem; margin-right: -0.75rem; margin-top: -0.0625rem; } .input-group-inset { flex-grow: 1; order: 5; width: 1%; } .input-group-inset.focus, .input-group-inset:focus-visible, .c-prefers-focus .input-group-inset:focus { box-shadow: none; } .input-group-inset.focus ~ .input-group-inset-item, .input-group-inset:focus-visible ~ .input-group-inset-item, .c-prefers-focus .input-group-inset:focus ~ .input-group-inset-item { background-color: #fff; border-color: #008dc9; } .input-group-inset:disabled ~ .input-group-inset-item, .input-group-inset.disabled ~ .input-group-inset-item { background-color: #ebebeb; } .input-group-inset ~ .form-feedback-group { order: 13; } .input-group-inset[readonly] ~ .input-group-inset-item { background-color: #ebebeb; } .input-group .input-group-inset-item { align-items: center; background-color: #fff; border-bottom-width: 0.0625rem; border-color: #406a9e; border-left-width: 0.0625rem; border-right-width: 0.0625rem; border-style: solid; border-top-width: 0.0625rem; display: flex; margin-bottom: 0; padding-left: 5px; padding-right: 5px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .input-group .input-group-inset-item { transition: none; } } .c-prefers-reduced-motion .input-group .input-group-inset-item { transition: none; } .input-group .input-group-inset-item .btn { align-items: center; display: flex; height: 75%; justify-content: center; line-height: 1; margin-left: 0.1875rem; margin-right: 0.1875rem; padding-bottom: 0; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0; } .input-group .input-group-inset-item .btn .c-inner { margin-bottom: 0; margin-left: -0.5rem; margin-right: -0.5rem; margin-top: 0; align-items: center; display: flex; height: 100%; justify-content: center; } .input-group .input-group-inset-item .btn .lexicon-icon { margin-top: 0; } .input-group .input-group-inset-item .btn .c-inner .lexicon-icon { margin-top: 0; } .input-group .input-group-inset-item .btn-monospaced { font-size: 1rem; height: 2rem; margin-bottom: -0.0625rem; margin-top: -0.0625rem; padding: 0; width: 2rem; } .input-group .input-group-inset-item .form-file { height: 75%; } .input-group .input-group-inset-item .form-file .btn { height: 100%; } .input-group .input-group-item .input-group-inset-before.form-control { border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 0.1875rem; border-top-right-radius: 0.1875rem; border-left-width: 0; padding-left: 0; } .input-group .input-group-inset-item-before { border-bottom-left-radius: 0.1875rem; border-top-left-radius: 0.1875rem; border-right-width: 0; color: #495057; order: 3; } .input-group .input-group-append > .input-group-inset-item-before { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group .input-group-item .input-group-inset-after.form-control { border-bottom-right-radius: 0; border-top-right-radius: 0; border-right-width: 0; padding-right: 0; } .input-group .input-group-inset-item-after { border-bottom-right-radius: 0.1875rem; border-top-right-radius: 0.1875rem; border-left-width: 0; color: #495057; order: 9; } .input-group-prepend .input-group .input-group-inset-item-after { border-bottom-right-radius: 0; border-top-right-radius: 0; z-index: 1; } .input-group > .input-group-item.input-group-prepend { align-items: stretch; display: flex; margin-right: -0.0625rem; } .input-group > .input-group-item.input-group-prepend:not(:last-child) > .btn, .input-group > .input-group-item.input-group-prepend:not(:last-child) > .form-control, .input-group > .input-group-item.input-group-prepend:not(:last-child) > .input-group-text { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group > .input-group-item.input-group-prepend:not(:last-child) > .btn + .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group > .input-group-item.input-group-prepend + .input-group-prepend { margin-left: 0; } .input-group > .input-group-item.input-group-prepend + .input-group-prepend > .btn, .input-group > .input-group-item.input-group-prepend + .input-group-prepend > .form-control, .input-group > .input-group-item.input-group-prepend + .input-group-prepend > .input-group-text { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group > .input-group-item.input-group-append { align-items: stretch; display: flex; margin-right: -0.0625rem; } .input-group > .input-group-item.input-group-append:first-child > .btn, .input-group > .input-group-item.input-group-append:first-child > .form-control, .input-group > .input-group-item.input-group-append:first-child > .input-group-text { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group > .input-group-item.input-group-append:not(:first-child) > .btn, .input-group > .input-group-item.input-group-append:not(:first-child) > .form-control, .input-group > .input-group-item.input-group-append:not(:first-child) > .form-file .btn, .input-group > .input-group-item.input-group-append:not(:first-child) > .input-group-text { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group > .input-group-item.input-group-append + .input-group-append, .input-group > .input-group-item.input-group-prepend + .input-group-append { margin-left: 0; } .input-group-password .form-control[type=text] ~ .input-group-inset-item .input-password-label { display: none; } .input-group-password .form-control[type=password] ~ .input-group-inset-item .input-text-label { display: none; } .list-group-item-action { color: #495057; text-align: inherit; width: 100%; } .list-group-item-action:hover, .list-group-item-action:focus { background-color: none; color: #495057; text-decoration: none; z-index: 1; } .list-group-item-action:active { background-color: #e9ecef; color: #2b2b2b; } .list-group { border-radius: 0; display: flex; flex-direction: column; margin-bottom: 1.5rem; padding-left: 0; } .list-group-bordered .list-group-item-flex { padding: 0; } .list-group-bordered .list-group-item-flex.active .autofit-col { border-color: #008296; } .list-group-bordered .autofit-col { border-left: 1px solid #fff; border-right: 1px solid #fff; margin-left: -1px; padding: 0.5rem 0.5rem; } .list-group-bordered .autofit-col:first-child, .list-group-bordered .autofit-col:last-child { border-left-width: 0; border-right-width: 0; margin-left: 0; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal .list-group-item:first-child { border-bottom-left-radius: 0; border-top-right-radius: 0; } .list-group-horizontal .list-group-item:last-child { border-top-right-radius: 0; border-bottom-left-radius: 0; } .list-group-horizontal .list-group-item.active { margin-top: 0; } .list-group-horizontal .list-group-item + .list-group-item { border-left-width: 0; border-top-width: 1px; } .list-group-horizontal .list-group-item + .list-group-item.active { border-left-width: 1px; margin-left: -1px; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm .list-group-item:first-child { border-bottom-left-radius: 0; border-top-right-radius: 0; } .list-group-horizontal-sm .list-group-item:last-child { border-top-right-radius: 0; border-bottom-left-radius: 0; } .list-group-horizontal-sm .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm .list-group-item + .list-group-item { border-left-width: 0; border-top-width: 1px; } .list-group-horizontal-sm .list-group-item + .list-group-item.active { border-left-width: 1px; margin-left: -1px; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md .list-group-item:first-child { border-bottom-left-radius: 0; border-top-right-radius: 0; } .list-group-horizontal-md .list-group-item:last-child { border-top-right-radius: 0; border-bottom-left-radius: 0; } .list-group-horizontal-md .list-group-item.active { margin-top: 0; } .list-group-horizontal-md .list-group-item + .list-group-item { border-left-width: 0; border-top-width: 1px; } .list-group-horizontal-md .list-group-item + .list-group-item.active { border-left-width: 1px; margin-left: -1px; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg .list-group-item:first-child { border-bottom-left-radius: 0; border-top-right-radius: 0; } .list-group-horizontal-lg .list-group-item:last-child { border-top-right-radius: 0; border-bottom-left-radius: 0; } .list-group-horizontal-lg .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg .list-group-item + .list-group-item { border-left-width: 0; border-top-width: 1px; } .list-group-horizontal-lg .list-group-item + .list-group-item.active { border-left-width: 1px; margin-left: -1px; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl .list-group-item:first-child { border-bottom-left-radius: 0; border-top-right-radius: 0; } .list-group-horizontal-xl .list-group-item:last-child { border-top-right-radius: 0; border-bottom-left-radius: 0; } .list-group-horizontal-xl .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl .list-group-item + .list-group-item { border-left-width: 0; border-top-width: 1px; } .list-group-horizontal-xl .list-group-item + .list-group-item.active { border-left-width: 1px; margin-left: -1px; } } .list-group-header { align-items: center; background-color: #fff; border: 1px solid #fff; display: flex; justify-content: space-between; margin-bottom: -1px; padding: 0.5rem 0.5rem; } .list-group-header:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .list-group-header:last-child { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .list-group-header-title { font-size: 1rem; font-weight: 500; line-height: 1.2; margin-bottom: 0; } .list-group-title { font-size: 1.125rem; font-weight: 500; line-height: 1.625; margin-bottom: 0; margin-top: -0.25rem; } .list-group-title[href], .list-group-title a[href] { color: #212529; max-width: 100%; } .list-group-title[href]:hover, .list-group-title[href].hover, .list-group-title a[href]:hover, .list-group-title a[href].hover { color: black; } .list-group-subtitle { color: #6c757d; margin-bottom: 0; } .list-group-subtitle[href], .list-group-subtitle a[href] { color: #6c757d; } .list-group-subtitle[href]:hover, .list-group-subtitle[href].hover, .list-group-subtitle a[href]:hover, .list-group-subtitle a[href].hover { color: #494f54; } .list-group-text { color: #212529; margin-bottom: 0; } .list-group-text[href], .list-group-text a[href] { color: #212529; } .list-group-text[href]:hover, .list-group-text[href].hover, .list-group-text a[href]:hover, .list-group-text a[href].hover { color: black; } .list-group-subtext { color: #6c757d; margin-bottom: 0; } .list-group-subtext[href], .list-group-subtext a[href] { color: #6c757d; } .list-group-subtext[href]:hover, .list-group-subtext[href].hover, .list-group-subtext a[href]:hover, .list-group-subtext a[href].hover { color: #494f54; } .show-dropdown-action-on-active .list-group-item.active .dropdown-action .dropdown-menu { background-color: #008296; } .show-dropdown-action-on-active .list-group-item.active .dropdown-action .dropdown-item { color: #fff; } .list-group-item { background-color: #fff; border: 1px solid #fff; display: block; padding: 0.5rem 0.5rem; position: relative; } .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .list-group-item:last-child { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .list-group-item.active { background-color: #008296; border-color: #008296; color: #fff; z-index: 2; } .list-group-item.active:focus, .list-group-item.active.focus { z-index: 2; } .list-group-item.active .dropdown-action .dropdown-toggle, .list-group-item.active .list-group-link { color: #fff; } .list-group-item.active .list-group-title, .list-group-item.active a.list-group-title, .list-group-item.active .list-group-title a { color: #fff; } .list-group-item.active .list-group-text, .list-group-item.active a.list-group-text, .list-group-item.active .list-group-text a { color: #fff; } .list-group-item.active .list-group-subtext, .list-group-item.active a.list-group-subtext, .list-group-item.active .list-group-subtext a { color: #fff; } .list-group-item.active .list-group-link { color: #fff; } .list-group-item.disabled, .list-group-item:disabled { background-color: #fff; color: #6c757d; pointer-events: none; } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { border-top-width: 1px; margin-top: -1px; } .list-group-item-flex { display: flex; margin-bottom: -1px; padding-left: calc(0.5rem * 0.5); padding-right: calc(0.5rem * 0.5); } .list-group-item-flex:last-child { margin-bottom: 0; } .list-group-item-flex + .list-group-item-flex { border-top-width: 1px; } .list-group-item-flex + .list-group-item-flex.active { margin-top: 0; } .list-group-item-flex .autofit-col { justify-content: flex-start; padding-left: calc(0.5rem * 0.5); padding-right: calc(0.5rem * 0.5); } .list-group-item-flex .autofit-col .custom-control:only-child { margin-bottom: 0; margin-top: 0.0625rem; } .list-group-item-flex .autofit-col .custom-control:only-child .custom-control-input, .list-group-item-flex .autofit-col .custom-control:only-child .custom-control-label::before, .list-group-item-flex .autofit-col .custom-control:only-child .custom-control-label::after { margin-top: 0.1875rem; } .list-group-item-flex .autofit-col .form-check:only-child { margin-bottom: 0; margin-top: 0.0625rem; padding-top: 0.1875rem; } .list-group-item-flex .autofit-col .sticker:only-child { margin-top: 0.0625rem; } .list-group-item-flex .autofit-col .list-group-title:only-child { align-items: center; display: flex; min-height: 32px; margin-top: 0; } .list-group-item-flex .autofit-col .list-group-title:only-child::after { content: ""; display: block; min-height: inherit; } .list-group-item-flex .autofit-col .dropdown-action { margin-top: 0.0625rem; } .list-group-item-flex .autofit-col .quick-action-item { margin-top: 0.0625rem; } .list-group-item-action .c-inner { margin: -0.5rem -0.5rem; width: auto; } .list-group-item-action:focus { z-index: 1; } .sidebar-list-group .list-group-item, .list-group-flush .list-group-item { border-left-width: 0; border-radius: 0; border-right-width: 0; } .sidebar-list-group .list-group-item:first-child, .list-group-flush .list-group-item:first-child { border-top-width: 0; } .sidebar-list-group .list-group-item:last-child .list-group-item:last-child, .list-group-flush .list-group-item:last-child .list-group-item:last-child { border-bottom-width: 0; } .sidebar-list-group .list-group-item > .autofit-col:first-child, .list-group-flush .list-group-item > .autofit-col:first-child { padding-left: 0; } .sidebar-list-group .list-group-item > .autofit-col:last-child, .list-group-flush .list-group-item > .autofit-col:last-child { padding-right: 0; } .list-group-item-primary { background-color: #b8dce2; color: #00444e; } .list-group-item-primary.list-group-item-action:hover { background-color: #a6d3db; color: #00444e; } .list-group-item-primary.list-group-item-action.active { background-color: #00444e; border-color: #00444e; color: #fff; } .list-group-item-secondary { background-color: #f8f9fb; color: #787a7e; } .list-group-item-secondary.list-group-item-action:hover { background-color: #e8ebf2; color: #787a7e; } .list-group-item-secondary.list-group-item-action.active { background-color: #787a7e; border-color: #787a7e; color: #fff; } .list-group-item-success { background-color: #cfdabf; color: #2c400f; } .list-group-item-success.list-group-item-action:hover { background-color: #c3d1af; color: #2c400f; } .list-group-item-success.list-group-item-action.active { background-color: #2c400f; border-color: #2c400f; color: #fff; } .list-group-item-info { background-color: #b8d8e7; color: #003d57; } .list-group-item-info.list-group-item-action:hover { background-color: #a5cee1; color: #003d57; } .list-group-item-info.list-group-item-action.active { background-color: #003d57; border-color: #003d57; color: #fff; } .list-group-item-warning { background-color: #eacfbb; color: #5e2b06; } .list-group-item-warning.list-group-item-action:hover { background-color: #e4c1a8; color: #5e2b06; } .list-group-item-warning.list-group-item-action.active { background-color: #5e2b06; border-color: #5e2b06; color: #fff; } .list-group-item-danger { background-color: #e7c1be; color: #59120c; } .list-group-item-danger.list-group-item-action:hover { background-color: #e0afab; color: #59120c; } .list-group-item-danger.list-group-item-action.active { background-color: #59120c; border-color: #59120c; color: #fff; } .list-group-item-light { background-color: #f9f9f9; color: #7a7a7a; } .list-group-item-light.list-group-item-action:hover { background-color: #ececec; color: #7a7a7a; } .list-group-item-light.list-group-item-action.active { background-color: #7a7a7a; border-color: #7a7a7a; color: #fff; } .list-group-item-dark { background-color: #c4c4c4; color: #161616; } .list-group-item-dark.list-group-item-action:hover { background-color: #b7b7b7; color: #161616; } .list-group-item-dark.list-group-item-action.active { background-color: #161616; border-color: #161616; color: #fff; } .show-quick-actions-on-hover .list-group-item:not(.active):hover .quick-action-menu { display: flex; } .show-quick-actions-on-hover .focus:not(.active) .quick-action-menu { display: flex; } .list-group .quick-action-menu { align-items: flex-start; background-color: #fff; margin-bottom: -0.5rem; margin-top: -0.5rem; padding-bottom: 0.5rem; padding-top: 0.5rem; } .list-group-bordered .quick-action-menu { margin-bottom: 0; margin-top: 0; padding-bottom: 0.5rem; padding-top: 0.5rem; } .list-group-item-flex.active .quick-action-menu { background-color: #008296; } .list-group-item-flex.active .quick-action-item { color: #fff; } .list-group-notification.list-group-bordered .quick-action-menu { margin-bottom: 0.0625rem; margin-top: 0.0625rem; } .list-group-notification .list-group-item { border-width: 0; } .list-group-notification .list-group-item-flex.active { border-top-width: 0; } .list-group-notification .list-group-item-primary { background-color: #fff; border-bottom-left-radius: 0px; border-top-left-radius: 0px; box-shadow: inset 0.5rem 0 #b8dce2, inset -0.0625rem 0 #fff, inset 0 0.0625rem #fff, inset 0 -0.0625rem #fff; } .list-group-notification .list-group-item-primary.active { background-color: #008296; box-shadow: inset 0.5rem 0 #b8dce2, inset -0.0625rem 0 #008296, inset 0 0.0625rem #008296, inset 0 -0.0625rem #008296; } .list-group-notification .quick-action-menu { margin-bottom: -0.4375rem; margin-top: -0.4375rem; } .list-group-notification .autofit-col .quick-action-item { margin-top: 0rem; } .list-group-sm .list-group-item { padding-bottom: 0.40625rem; padding-top: 0.40625rem; } .list-group-sm .quick-action-menu { margin-bottom: -0.40625rem; margin-top: -0.40625rem; padding-bottom: 0.40625rem; padding-top: 0.40625rem; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { display: none; height: 100%; left: 0; outline: 0; overflow: hidden; position: fixed; top: 0; width: 100%; z-index: 1050; } @media (max-width: 767.98px) { .modal .close { margin-right: -0.5rem; } .modal .modal-header { height: 3rem; padding: 0.5rem 1rem; } .modal .modal-title { font-size: 1.125rem; } .modal .modal-body { padding: 0.5rem 1rem; } .modal .modal-body-iframe { padding: 0; } .modal .modal-footer { padding: 0.5rem; } } .modal-dialog { margin: 0; position: relative; pointer-events: none; width: auto; } .modal.fade .modal-dialog { transform: translate(0, -50px); transition: transform 0.3s ease-out; } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .c-prefers-reduced-motion .modal.fade .modal-dialog { transition: none; } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } @media (min-width: 576px) { .modal-dialog { margin: 1.75rem auto; max-width: 500px; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered .modal-dialog, .modal-dialog-centered.modal-dialog { min-height: calc(100% - 3.5rem); } .modal-dialog-centered .modal-dialog::before, .modal-dialog-centered.modal-dialog::before { height: calc(100vh - 3.5rem); } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 0); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 0); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered .modal-dialog, .modal-dialog-centered.modal-dialog { align-items: center; display: flex; min-height: calc(100% - 0); } .modal-dialog-centered .modal-dialog::before, .modal-dialog-centered.modal-dialog::before { content: ""; display: block; height: calc(100vh - 0); } .modal-dialog-centered .modal-dialog.modal-dialog-scrollable, .modal-dialog-centered.modal-dialog.modal-dialog-scrollable { flex-direction: column; height: 100%; justify-content: center; } .modal-dialog-centered .modal-dialog.modal-dialog-scrollable .modal-content, .modal-dialog-centered.modal-dialog.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered .modal-dialog.modal-dialog-scrollable::before, .modal-dialog-centered.modal-dialog.modal-dialog-scrollable::before { content: none; } .modal-backdrop { background-color: #e6ebf2; height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 1040; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.8; } .modal-content { background-clip: padding-box; background-color: #fff; border-radius: 0; border: 1px solid rgba(0, 0, 0, 0.2); display: flex; flex-direction: column; max-height: calc(100vh - 0 * 2); outline: 0; overflow: hidden; pointer-events: auto; position: relative; width: 100%; } .modal-header { align-items: center; border-color: #d1d1d1; border-style: solid; border-width: 0 0 1px 0; display: flex; flex-shrink: 0; height: 4rem; justify-content: space-between; padding: 2rem 2rem 0.75rem 2rem; padding-bottom: 0; padding-top: 0; z-index: 1; } .modal-body { border-top: 1px solid #d1d1d1; flex-grow: 1; flex-shrink: 1; margin-top: -1px; overflow: auto; overflow-wrap: break-word; word-wrap: break-word; padding: 2rem; position: relative; } .modal-body.inline-scroller { max-height: none; -webkit-overflow-scrolling: touch; overflow: auto; padding: 2rem; } .modal-body-flush { padding: 0; } .modal-footer { align-items: center; border-bottom-left-radius: -1px; border-bottom-right-radius: -1px; border-top: 1px solid #d1d1d1; display: flex; flex-shrink: 0; flex-wrap: wrap; justify-content: flex-start; padding-bottom: 1rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1rem; } .modal-footer > * { margin: 0 calc(0.5rem * 0.5); } .modal-item-group { align-items: center; display: flex; flex-wrap: wrap; min-width: 3rem; padding-left: 0.5rem; padding-right: 0.5rem; width: 100%; } .modal-item-group:first-child, .modal-item-group.modal-item-group-first { padding-left: 0; } .modal-item-group:last-child, .modal-item-group.modal-item-group-last { padding-right: 0; } .modal-item-group:only-child, .modal-item-group.modal-item-group-only { padding-left: 0; padding-right: 0; } .modal-item { display: flex; flex-direction: column; flex-grow: 1; flex-shrink: 1; max-width: 100%; min-height: 0; min-width: 3.125rem; padding: 0; position: relative; overflow-wrap: break-word; word-wrap: break-word; } .modal-item-shrink { flex-grow: 0; } .modal-item-last { margin-left: auto; } .modal-footer > .modal-item-last { margin-left: auto; margin-right: 0; } .modal-title { flex-grow: 1; font-size: 1.25rem; font-weight: 500; line-height: 1.625; margin-bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .modal-title[tabindex="-1"] { outline: 0; } .modal-title-indicator { display: inline-block; font-size: 0.875rem; margin-right: 0.5rem; margin-top: -0.2em; vertical-align: middle; } .modal-subtitle { display: inline-block; } .modal-subtitle-divider { display: inline-block; margin-left: 0.25rem; margin-right: 0.25rem; } .close + .modal-title { margin-left: 0.3125rem; } .modal-title + .close { margin-right: 0.3125rem; } .modal-body-iframe { height: 160px; padding: 0; } .modal-body-iframe iframe { border-width: 0; height: 100%; position: absolute; width: 100%; } .modal-full-screen { bottom: 45px; left: 45px; margin: 0; max-width: none; position: absolute; right: 45px; top: 45px; } .modal-full-screen .modal-content { border-color: rgba(0, 0, 0, 0.2); border-radius: 0; border-width: 1px; height: 100%; } .modal-full-screen .modal-body { overflow: auto; } @media (max-width: 767.98px) { .modal-full-screen-sm-down { bottom: 0; left: 0; margin: 0; max-width: none; position: absolute; right: 0; top: 0; } .modal-full-screen-sm-down .modal-body { overflow: auto; } .modal-full-screen-sm-down .modal-content { border-radius: 0; border-width: 0; height: 100%; } } .modal-height-sm .modal-content { height: 250px; } .modal-height-md .modal-content { height: 450px; } .modal-height-lg .modal-content { height: 650px; } .modal-height-xl .modal-content { height: 800px; } .modal-height-full .modal-dialog { height: 100%; margin: 0; } @media (min-width: 576px) { .modal-height-full .modal-dialog { bottom: 0; height: 100%; left: 50%; margin-bottom: 0; margin-left: calc(-500px / 2); margin-right: 0; margin-top: 0; top: 0; } } @media (min-width: 576px) { .modal-height-full .modal-dialog.modal-sm { margin-left: calc(-300px / 2); } } @media (min-width: 992px) { .modal-height-full .modal-dialog.modal-lg { margin-left: calc(-800px / 2); } } @media (min-width: 992px) { .modal-height-full .modal-dialog.modal-xl { margin-left: calc(-800px / 2); } } @media (min-width: 1200px) { .modal-height-full .modal-dialog.modal-xl { margin-left: calc(-1140px / 2); } } .modal-height-full .modal-body { overflow: auto; } .modal-height-full .modal-content { position: absolute; bottom: 0; left: 0; right: 0; top: 0; } @media (min-width: 576px) { .modal-height-full .modal-content { bottom: 1.75rem; left: auto; right: auto; top: 1.75rem; } } .modal-success .modal-header { background-color: #dde5d2; border-color: #cfdabf; color: #2c400f; } .modal-success .modal-header .close { color: #2c400f; } .modal-success .modal-header .close:hover { color: inherit; } .modal-success .modal-header .close:focus { color: inherit; } .modal-success .modal-header .close:disabled { color: inherit; } .modal-info .modal-header { background-color: #cce3ee; border-color: #b8d8e7; color: #003d57; } .modal-info .modal-header .close { color: #003d57; } .modal-info .modal-header .close:hover { color: inherit; } .modal-info .modal-header .close:focus { color: inherit; } .modal-info .modal-header .close:disabled { color: inherit; } .modal-warning .modal-header { background-color: #f0dcce; border-color: #eacfbb; color: #5e2b06; } .modal-warning .modal-header .close { color: #5e2b06; } .modal-warning .modal-header .close:hover { color: inherit; } .modal-warning .modal-header .close:focus { color: inherit; } .modal-warning .modal-header .close:disabled { color: inherit; } .modal-danger .modal-header { background-color: #eed3d1; border-color: #e7c1be; color: #59120c; } .modal-danger .modal-header .close { color: #59120c; } .modal-danger .modal-header .close:hover { color: inherit; } .modal-danger .modal-header .close:focus { color: inherit; } .modal-danger .modal-header .close:disabled { color: inherit; } .modal-scrollbar-measure { height: 50px; overflow: scroll; position: absolute; top: -9999px; width: 50px; } .multi-step-nav { align-items: flex-end; display: flex; flex-wrap: wrap; list-style: none; margin-bottom: 15px; padding: 0 15px; position: relative; } .multi-step-indicator-label-bottom .multi-step-item { padding-bottom: calc( 1rem * 1.625 ); } .multi-step-indicator-label-bottom .multi-step-indicator-label { top: 2rem; } .multi-step-indicator-label-top .multi-step-item { padding-top: calc( 1rem * 1.625 ); } .multi-step-indicator-label-top .multi-step-indicator-label { bottom: calc(2rem + 0.25rem); } .multi-step-title-center .multi-step-title { margin-left: calc(2rem * 0.5); max-width: 100px; overflow: hidden; position: relative; text-align: center; text-overflow: ellipsis; transform: translateX(-50%); white-space: nowrap; width: auto; } .multi-step-item { margin-bottom: 10px; position: relative; } .multi-step-item.active .multi-step-icon { background-color: #008296; background-position: center; background-repeat: no-repeat; background-size: 1rem; color: #fff; } .multi-step-item.active .multi-step-divider { background-color: #e9ecef; } .multi-step-item.active.complete .multi-step-icon { background-color: #008296; color: #fff; } .multi-step-item.complete .dropdown .multi-step-icon, .multi-step-item.complete .dropdown .multi-step-icon:active { background-image: none; } .multi-step-item.complete .multi-step-icon { background-color: #6c757d; color: #fff; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M192.9%20429.5c-8.3%200-16.4-3.3-22.3-9.2L44.5%20294.1C15%20263.2%2062.7%20222%2089.1%20249.5L191.5%20352l230-258.9c27.2-30.5%2074.3%2011.5%2047.1%2041.9L216.4%20418.9c-5.8%206.5-14%2010.3-22.6%2010.6h-.9z'%20fill='%23fff'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: 1rem; } .multi-step-item.complete .multi-step-icon[data-multi-step-icon]:before { content: none; } .multi-step-item.complete .multi-step-icon:active { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M192.9%20429.5c-8.3%200-16.4-3.3-22.3-9.2L44.5%20294.1C15%20263.2%2062.7%20222%2089.1%20249.5L191.5%20352l230-258.9c27.2-30.5%2074.3%2011.5%2047.1%2041.9L216.4%20418.9c-5.8%206.5-14%2010.3-22.6%2010.6h-.9z'%20fill='%23fff'/%3E%3C/svg%3E"); } .multi-step-item.complete .multi-step-divider { background-color: #6c757d; } .multi-step-item.error .multi-step-icon { background-color: #ab2218; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M300.4%20256%20467%2089.4c29.6-29.6-14.8-74.1-44.4-44.4L256%20211.6%2089.4%2045C59.8%2015.3%2015.3%2059.8%2045%2089.4L211.6%20256%2045%20422.6c-29.7%2029.7%2014.7%2074.1%2044.4%2044.4L256%20300.4%20422.6%20467c29.7%2029.7%2074.1-14.7%2044.4-44.4L300.4%20256z'%20fill='%23fff'/%3E%3C/svg%3E"); color: #fff; } .multi-step-item.error .multi-step-icon[data-multi-step-icon]::before { content: none; } .multi-step-item.error .multi-step-icon .lexicon-icon { display: none; } .multi-step-item.disabled .multi-step-title { color: #ced4da; } .multi-step-item.disabled .multi-step-icon { background-color: #f8f9fa; background-repeat: no-repeat; color: #ced4da; cursor: not-allowed; opacity: 1; } .multi-step-item.disabled .multi-step-icon:focus { box-shadow: none; } .multi-step-item.disabled .multi-step-indicator-label { color: #ced4da; } .multi-step-item.disabled .multi-step-divider { background-color: #f8f9fa; } .multi-step-title { font-size: 1rem; line-height: normal; margin-bottom: 0.625rem; overflow-wrap: break-word; word-wrap: break-word; } .multi-step-item-expand { flex-grow: 1; width: 75px; } .multi-step-divider { background-color: #e9ecef; height: 0.25rem; margin-left: 2rem; margin-top: -0.25rem; position: relative; top: 1.125rem; } .multi-step-indicator { position: relative; width: 2rem; } .multi-step-indicator .dropdown-item-indicator, .multi-step-indicator .dropdown-item-indicator-start, .multi-step-indicator .dropdown-item-indicator-end { display: none; } .multi-step-indicator .complete .dropdown-item-indicator, .multi-step-indicator .complete .dropdown-item-indicator-start, .multi-step-indicator .complete .dropdown-item-indicator-end { display: block; } .multi-step-indicator .multi-step-indicator-label { font-size: 1rem; left: 50%; max-width: 100px; overflow: hidden; position: absolute; text-overflow: ellipsis; transform: translateX(-50%); white-space: nowrap; } .multi-step-icon { align-items: center; background-color: #e9ecef; background-position: center; background-repeat: no-repeat; background-size: 1rem; border-radius: 0; border-width: 0px; color: rgba(0, 0, 0, 0.5); cursor: pointer; display: flex; font-size: 1rem; justify-content: center; height: 2rem; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; transition: box-shadow 0.15s ease-in-out; width: 2rem; } @media (prefers-reduced-motion: reduce) { .multi-step-icon { transition: none; } } .c-prefers-reduced-motion .multi-step-icon { transition: none; } .multi-step-icon:hover { background-color: #e9ecef; color: rgba(0, 0, 0, 0.7); text-decoration: none; } .multi-step-icon:focus { background-color: #e9ecef; box-shadow: 0 0 0 0.2rem rgba(0, 130, 150, 0.25); color: rgba(0, 0, 0, 0.7); outline: 0; text-decoration: none; } .multi-step-icon[data-multi-step-icon]::before { content: '\FEFF' attr(data-multi-step-icon); height: 2rem; line-height: 2rem; text-align: center; width: 2rem; } .multi-step-icon .c-inner { margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; position: absolute; } .multi-step-icon .btn-link { vertical-align: baseline; } .multi-step-icon .lexicon-icon { height: 1rem; margin-top: 0; width: 1rem; } .multi-step-item-fixed-width.multi-step-item, .multi-step-item-fixed-width .multi-step-item-expand { flex-grow: 0; width: 150px; } @media (max-width: 767.98px) { .multi-step-nav-collapse-sm { flex-wrap: nowrap; } .multi-step-nav-collapse-sm.multi-step-indicator-label-top .multi-step-indicator-label { bottom: auto; top: 0; } .multi-step-nav-collapse-sm.multi-step-indicator-label-bottom .multi-step-indicator-label { bottom: 0; top: auto; } .multi-step-nav-collapse-sm.multi-step-title-center .multi-step-title { margin-left: 0; max-width: none; transform: none; } .multi-step-nav-collapse-sm .active.multi-step-item { position: static; } .multi-step-nav-collapse-sm .active .multi-step-title { display: block; left: 0; position: absolute; right: 0; text-align: center; top: 0; } .multi-step-nav-collapse-sm .active .multi-step-indicator { position: static; } .multi-step-nav-collapse-sm .active .multi-step-indicator-label { display: block; left: 0; max-width: none; position: absolute; right: 0; text-align: center; transform: none; width: auto; } .multi-step-nav-collapse-sm .multi-step-item { margin-bottom: 0; min-width: 2rem; padding-top: calc( 1rem + 0.625rem + (0.25rem * 0.5) ); } .multi-step-nav-collapse-sm .multi-step-title { display: none; } .multi-step-nav-collapse-sm .multi-step-indicator-label { display: none; } } .nav { display: flex; flex-wrap: wrap; list-style: none; margin-bottom: 0; padding-left: 0; } .nav-link { display: block; padding-bottom: 0.5rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.5rem; position: relative; } .nav-link:hover, .nav-link.hover { text-decoration: none; } .nav-link.focus, .nav-link:focus-visible, .c-prefers-focus .nav-link:focus { text-decoration: none; z-index: 1; } .nav-link:disabled, .nav-link.disabled { color: #6c757d; cursor: not-allowed; } .nav-link:disabled:active, .nav-link.disabled:active { pointer-events: none; } .nav-link > .c-inner { margin-bottom: -0.5rem; margin-left: -1rem; margin-right: -1rem; margin-top: -0.5rem; } .nav-link.btn-unstyled { width: 100%; } .nav-link.btn-unstyled:disabled, .nav-link.btn-unstyled.disabled { opacity: 1; } .nav-link.btn-unstyled .c-inner { width: auto; } .nav-btn { align-items: center; display: flex; height: 2rem; justify-content: center; line-height: 1.625; margin: calc(( (1.625 * 1rem) + (0.5rem * 2) - 2rem ) * 0.5) 0.25rem; min-width: 2rem; padding: 0 0.5rem; position: relative; text-align: center; width: auto; } .nav-btn.focus, .nav-btn:focus-visible, .c-prefers-focus .nav-btn:focus { z-index: 1; } .nav-btn:disabled, .nav-btn.disabled { opacity: 1; } .nav-btn .c-inner { margin-bottom: 0; margin-left: -0.5rem; margin-right: -0.5rem; margin-top: -1px; } .nav-btn .lexicon-icon { margin-top: 0; } .nav-btn.btn-link { margin-left: 0; margin-right: 0; } .nav-btn-monospaced { padding: 0; } .nav-btn-monospaced .c-inner { margin-left: -1px; margin-right: -1px; } .nav-link-monospaced { align-items: center; display: flex; height: 2rem; justify-content: center; margin: calc(( (1.625 * 1rem) + (0.5rem * 2) - 2rem ) * 0.5) 0.25rem; min-width: 2rem; padding: 0; } .nav-link-monospaced .lexicon-icon { margin-top: 0; } .nav-item { overflow-wrap: break-word; word-wrap: break-word; } .nav-item[class*=col-] { padding-left: 0; padding-right: 0; text-align: center; } .nav-divider { margin-left: 0.5rem; padding-left: 0.5rem; position: relative; } .nav-divider::before { background-color: #e9ecef; content: ""; display: block; height: 1rem; left: 0; margin-top: -0.5rem; position: absolute; top: 50%; width: 1px; z-index: 2; } .nav-divider-end { margin-right: 0.5rem; padding-right: 0.5rem; position: relative; } .nav-divider-end::after { background-color: #e9ecef; content: ""; display: block; height: 1rem; margin-top: -0.5rem; position: absolute; right: 0; top: 50%; width: 1px; z-index: 2; } .nav-text-truncate { display: inline-block; margin-bottom: -6px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dropdown-toggle .nav-text-truncate { max-width: calc(100% - 24px); } .nav .nav-form { padding-bottom: 0; padding-left: 1rem; padding-right: 1rem; padding-top: 0; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-link { text-align: center; width: 100%; } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .nav-stacked { display: block; } .nav-stacked .nav-form { padding-bottom: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.5rem; } .nav-unstyled { flex-wrap: nowrap; } .nav-unstyled .nav-link { line-height: 2rem; padding-bottom: 0; padding-left: 4px; padding-right: 4px; padding-top: 0; } .nav-unstyled .nav-link > .c-inner { margin-bottom: 0; margin-left: -4px; margin-right: -4px; margin-top: 0; } .nav-unstyled .nav-link-monospaced { margin: 0 4px; } .nav-unstyled .nav-btn { margin: 0 4px; padding-bottom: 0; padding-left: 4px; padding-right: 4px; padding-top: 0; } .nav-unstyled .nav-btn .c-inner { margin-bottom: 0; margin-left: -4px; margin-right: -4px; margin-top: 0; } .nav-nested { flex-direction: column; flex-wrap: nowrap; } .nav-nested .nav > li > a, .nav-nested .nav > li > .btn { padding-left: calc(1rem * 2); } .nav-nested .nav > li > a .c-inner, .nav-nested .nav > li > .btn .c-inner { margin-left: calc(1rem * -2); } .nav-nested .nav > li > .nav-equal-height-heading { padding-left: calc(1rem * 1); } .nav-nested .nav .nav > li > a, .nav-nested .nav .nav > li > .btn { padding-left: calc(1rem * 3); } .nav-nested .nav .nav > li > a .c-inner, .nav-nested .nav .nav > li > .btn .c-inner { margin-left: calc(1rem * -3); } .nav-nested .nav .nav > li > .nav-equal-height-heading { padding-left: calc(1rem * 2); } .nav-nested .nav .nav .nav > li > a, .nav-nested .nav .nav .nav > li > .btn { padding-left: calc(1rem * 4); } .nav-nested .nav .nav .nav > li > a .c-inner, .nav-nested .nav .nav .nav > li > .btn .c-inner { margin-left: calc(1rem * -4); } .nav-nested .nav .nav .nav > li > .nav-equal-height-heading { padding-left: calc(1rem * 3); } .nav-nested .nav .nav .nav .nav > li > a, .nav-nested .nav .nav .nav .nav > li > .btn { padding-left: calc(1rem * 5); } .nav-nested .nav .nav .nav .nav > li > a .c-inner, .nav-nested .nav .nav .nav .nav > li > .btn .c-inner { margin-left: calc(1rem * -5); } .nav-nested .nav .nav .nav .nav > li > .nav-equal-height-heading { padding-left: calc(1rem * 4); } .nav-nested .nav .nav .nav .nav .nav > li > a, .nav-nested .nav .nav .nav .nav .nav > li > .btn { padding-left: calc(1rem * 6); } .nav-nested .nav .nav .nav .nav .nav > li > a .c-inner, .nav-nested .nav .nav .nav .nav .nav > li > .btn .c-inner { margin-left: calc(1rem * -6); } .nav-nested .nav .nav .nav .nav .nav > li > .nav-equal-height-heading { padding-left: calc(1rem * 5); } .nav-nested .nav .nav .nav .nav .nav .nav > li > a, .nav-nested .nav .nav .nav .nav .nav .nav > li > .btn { padding-left: calc(1rem * 7); } .nav-nested .nav .nav .nav .nav .nav .nav > li > a .c-inner, .nav-nested .nav .nav .nav .nav .nav .nav > li > .btn .c-inner { margin-left: calc(1rem * -7); } .nav-nested .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading { padding-left: calc(1rem * 6); } .nav-nested .nav .nav .nav .nav .nav .nav .nav > li > a, .nav-nested .nav .nav .nav .nav .nav .nav .nav > li > .btn { padding-left: calc(1rem * 8); } .nav-nested .nav .nav .nav .nav .nav .nav .nav > li > a .c-inner, .nav-nested .nav .nav .nav .nav .nav .nav .nav > li > .btn .c-inner { margin-left: calc(1rem * -8); } .nav-nested .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading { padding-left: calc(1rem * 7); } .nav-nested-margins { flex-direction: column; flex-wrap: nowrap; } .nav-nested-margins > li .nav > li { margin-left: 1rem; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-link { border-color: transparent; border-style: solid; border-width: 1px; border-radius: 0; white-space: nowrap; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link.hover { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.focus, .nav-tabs .nav-link:focus-visible, .c-prefers-focus .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link:active { background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; color: #495057; } .nav-tabs .nav-link.active { background-color: #fff; color: #495057; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .nav-link:disabled, .nav-tabs .nav-link.disabled { background-color: transparent; border-color: transparent; color: #6c757d; } .nav-tabs .nav-link[aria-expanded=true], .nav-tabs .nav-link.show { background-color: #fff; color: #495057; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .dropdown-menu { border-top-left-radius: 0; border-top-right-radius: 0; margin-top: -1px; } .nav-tabs + .tab-content .tab-pane.active:first-child { border-top-left-radius: 0; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .dropdown-item[data-toggle=tab] .dropdown-item-indicator, .dropdown-item[data-toggle=tab] .dropdown-item-indicator-start, .dropdown-item[data-toggle=tab] .dropdown-item-indicator-end { display: none; } .dropdown-item[data-toggle=tab].active .dropdown-item-indicator, .dropdown-item[data-toggle=tab].active .dropdown-item-indicator-start, .dropdown-item[data-toggle=tab].active .dropdown-item-indicator-end { display: block; } .nav-pills .nav-link { border-radius: 0; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: #008296; color: #fff; } .nav-tabs-light { background-color: #f8f9fa; } .nav-tabs-light + .tab-content .tab-pane { background-color: transparent; border-radius: 0; } .menubar { position: relative; } .menubar-toggler { display: none; } .menubar-vertical-expand-md { max-width: 15.625rem; } .menubar-vertical-expand-md .menubar-collapse { display: block; } .menubar-vertical-expand-md .menubar-collapse.collapsing, .menubar-vertical-expand-md .menubar-collapse.show { display: block; } @media (max-width: 767.98px) { .menubar-vertical-expand-md { margin-bottom: 1rem; max-width: none; } .menubar-vertical-expand-md .menubar-collapse { border-color: transparent; border-style: solid; border-width: 0.0625rem; display: none; position: relative; top: 100%; z-index: 499; } .menubar-vertical-expand-md .menubar-toggler { align-items: center; border-color: transparent; border-style: solid; border-width: 0.0625rem; display: inline-flex; height: 2rem; padding-left: 0.5rem; padding-right: 0.5rem; } .menubar-vertical-expand-md .menubar-toggler .c-inner { margin-left: -0.5rem; margin-right: -0.5rem; max-width: none; } .menubar-vertical-expand-md .menubar-toggler .lexicon-icon { margin-top: 0; } .menubar-vertical-expand-md .nav-nested { margin-bottom: 0.5rem; margin-top: 0.5rem; } .menubar-vertical-expand-md .nav-nested-margins > li .nav > li { margin-left: 0; } .menubar-vertical-expand-md .nav-link { color: rgba(0, 0, 0, 0.5); } .menubar-vertical-expand-md .nav-link:hover, .menubar-vertical-expand-md .nav-link.hover { color: rgba(0, 0, 0, 0.7); } .menubar-vertical-expand-md .nav-link:active { color: rgba(0, 0, 0, 0.9); } .menubar-vertical-expand-md .nav-link.active { color: rgba(0, 0, 0, 0.9); } .menubar-vertical-expand-md .nav-link:disabled, .menubar-vertical-expand-md .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .menubar-vertical-expand-md .nav-link[aria-expanded=true], .menubar-vertical-expand-md .nav-link.show { color: rgba(0, 0, 0, 0.9); } } .menubar-vertical-expand-md.menubar-transparent .nav-link { color: #6c757d; } .menubar-vertical-expand-md.menubar-transparent .nav-link:hover, .menubar-vertical-expand-md.menubar-transparent .nav-link.hover { color: #494f54; } .menubar-vertical-expand-md.menubar-transparent .nav-link:active { color: rgba(0, 0, 0, 0.9); } .menubar-vertical-expand-md.menubar-transparent .nav-link.active { color: rgba(0, 0, 0, 0.9); } .menubar-vertical-expand-md.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-md.menubar-transparent .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } @media (max-width: 767.98px) { .menubar-vertical-expand-md.menubar-transparent .menubar-collapse { background-color: #fff; border-color: #dee2e6; border-radius: 0; } .menubar-vertical-expand-md.menubar-transparent .menubar-toggler { text-decoration: none; } .menubar-vertical-expand-md.menubar-transparent .nav-link { border-radius: 0; color: #212529; } .menubar-vertical-expand-md.menubar-transparent .nav-link:hover, .menubar-vertical-expand-md.menubar-transparent .nav-link.hover { background-color: #f8f9fa; color: #16181b; } .menubar-vertical-expand-md.menubar-transparent .nav-link:active { background-color: #008296; color: #fff; } .menubar-vertical-expand-md.menubar-transparent .nav-link.active { font-weight: 500; background-color: #008296; color: #fff; } .menubar-vertical-expand-md.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-md.menubar-transparent .nav-link.disabled { background-color: transparent; color: #6c757d; } } @media (min-width: 768px) { .menubar-vertical-expand-md.menubar-decorated .nav { border-left-color: #dee2e6; border-left-style: solid; border-left-width: 0.125rem; display: block; padding-left: 0.5rem; } .menubar-vertical-expand-md.menubar-decorated .nav > .nav-item .nav { margin-bottom: 0.25rem; margin-left: 1rem; margin-top: 0.25rem; } .menubar-vertical-expand-md.menubar-decorated .nav-link { padding-left: 1rem !important; } .menubar-vertical-expand-md.menubar-decorated .nav-link.active::after { background-color: #3fe5ff; bottom: 0; content: ""; display: block; left: -0.625rem; position: absolute; top: 0; width: 0.125rem; } } .menubar-vertical-expand-lg { max-width: 15.625rem; } .menubar-vertical-expand-lg .menubar-collapse { display: block; } .menubar-vertical-expand-lg .menubar-collapse.collapsing, .menubar-vertical-expand-lg .menubar-collapse.show { display: block; } @media (max-width: 991.98px) { .menubar-vertical-expand-lg { margin-bottom: 1rem; max-width: none; } .menubar-vertical-expand-lg .menubar-collapse { border-color: transparent; border-style: solid; border-width: 0.0625rem; display: none; position: relative; top: 100%; z-index: 499; } .menubar-vertical-expand-lg .menubar-toggler { align-items: center; border-color: transparent; border-style: solid; border-width: 0.0625rem; display: inline-flex; height: 2rem; padding-left: 0.5rem; padding-right: 0.5rem; } .menubar-vertical-expand-lg .menubar-toggler .c-inner { margin-left: -0.5rem; margin-right: -0.5rem; max-width: none; } .menubar-vertical-expand-lg .menubar-toggler .lexicon-icon { margin-top: 0; } .menubar-vertical-expand-lg .nav-nested { margin-bottom: 0.5rem; margin-top: 0.5rem; } .menubar-vertical-expand-lg .nav-nested-margins > li .nav > li { margin-left: 0; } .menubar-vertical-expand-lg .nav-link { color: rgba(0, 0, 0, 0.5); } .menubar-vertical-expand-lg .nav-link:hover, .menubar-vertical-expand-lg .nav-link.hover { color: rgba(0, 0, 0, 0.7); } .menubar-vertical-expand-lg .nav-link:active { color: rgba(0, 0, 0, 0.9); } .menubar-vertical-expand-lg .nav-link.active { color: rgba(0, 0, 0, 0.9); } .menubar-vertical-expand-lg .nav-link:disabled, .menubar-vertical-expand-lg .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .menubar-vertical-expand-lg .nav-link[aria-expanded=true], .menubar-vertical-expand-lg .nav-link.show { color: rgba(0, 0, 0, 0.9); } } .menubar-vertical-expand-lg.menubar-transparent .nav-link { color: #6c757d; } .menubar-vertical-expand-lg.menubar-transparent .nav-link:hover, .menubar-vertical-expand-lg.menubar-transparent .nav-link.hover { color: #494f54; } .menubar-vertical-expand-lg.menubar-transparent .nav-link:active { color: rgba(0, 0, 0, 0.9); } .menubar-vertical-expand-lg.menubar-transparent .nav-link.active { color: rgba(0, 0, 0, 0.9); } .menubar-vertical-expand-lg.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-lg.menubar-transparent .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } @media (max-width: 991.98px) { .menubar-vertical-expand-lg.menubar-transparent .menubar-collapse { background-color: #fff; border-color: #dee2e6; border-radius: 0; } .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler { text-decoration: none; } .menubar-vertical-expand-lg.menubar-transparent .nav-link { border-radius: 0; color: #212529; } .menubar-vertical-expand-lg.menubar-transparent .nav-link:hover, .menubar-vertical-expand-lg.menubar-transparent .nav-link.hover { background-color: #f8f9fa; color: #16181b; } .menubar-vertical-expand-lg.menubar-transparent .nav-link:active { background-color: #008296; color: #fff; } .menubar-vertical-expand-lg.menubar-transparent .nav-link.active { font-weight: 500; background-color: #008296; color: #fff; } .menubar-vertical-expand-lg.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-lg.menubar-transparent .nav-link.disabled { background-color: transparent; color: #6c757d; } } @media (min-width: 992px) { .menubar-vertical-expand-lg.menubar-decorated .nav { border-left-color: #dee2e6; border-left-style: solid; border-left-width: 0.125rem; display: block; padding-left: 0.5rem; } .menubar-vertical-expand-lg.menubar-decorated .nav > .nav-item .nav { margin-bottom: 0.25rem; margin-left: 1rem; margin-top: 0.25rem; } .menubar-vertical-expand-lg.menubar-decorated .nav-link { padding-left: 1rem !important; } .menubar-vertical-expand-lg.menubar-decorated .nav-link.active::after { background-color: #3fe5ff; bottom: 0; content: ""; display: block; left: -0.625rem; position: absolute; top: 0; width: 0.125rem; } } .navbar { align-items: center; border-width: 0; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 0; position: relative; } .navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl { align-items: inherit; background-color: inherit; display: inherit; flex-wrap: inherit; justify-content: inherit; } .navbar-nowrap { flex-wrap: nowrap; } .navbar-nowrap .navbar-text { min-width: 0; white-space: nowrap; } .navbar-nav .dropdown-menu-right, .navbar-form .dropdown-menu-right { left: auto; right: 0; } .navbar-nav { display: flex; flex-wrap: inherit; list-style: none; margin-bottom: 0; padding-left: 0; } .navbar-nav .dropdown-menu { float: none; } .navbar-nav .nav-item, .navbar-nav .nav-item .dropdown { align-items: center; display: flex; word-wrap: normal; max-width: 100%; } .navbar-nav .nav-item > .custom-control, .navbar-nav .nav-item > .form-check { margin-bottom: 0; margin-left: 0.5rem; margin-right: 0.5rem; } .navbar-nav .nav-link { padding-left: 0.5rem; padding-right: 0.5rem; } .navbar-nav-expand { flex-grow: 1; min-width: 0; } .navbar-nav-last { margin-left: auto; } .nav-item-expand { flex-grow: 1; min-width: 0; } .nav-item-shrink { min-width: 0; } .navbar-title { font-size: 1.25rem; font-weight: 500; margin-bottom: 0; } .navbar-text { display: inline-block; padding-bottom: 0.5rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.5rem; } .navbar-collapse { align-items: center; flex-grow: 1; flex-wrap: wrap; justify-content: space-between; width: 100%; } .navbar-collapse .container, .navbar-collapse .container-fluid, .navbar-collapse .container-sm, .navbar-collapse .container-md, .navbar-collapse .container-lg, .navbar-collapse .container-xl { padding-left: 0; padding-right: 0; } .navbar-collapse .dropdown-toggle .navbar-text-truncate { max-width: calc(100% - 1.5625rem); } .navbar-text-truncate { display: inline-block; max-width: 100%; overflow: hidden; text-decoration: inherit; text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap; } .navbar-toggler-icon { background-size: 100% 100%; background: no-repeat center center; content: ""; display: inline-block; height: 1.5em; vertical-align: middle; width: 1.5em; } .navbar-toggler { background-color: transparent; border: 1px solid transparent; border-radius: 0; font-size: 1.25rem; line-height: 1; padding: 0.25rem 0.75rem; } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; z-index: 525; } .navbar-toggler-link { align-items: center; display: flex; border-width: 0; line-height: 1.625; max-width: 100%; padding: 0.296875rem 0.5rem; position: relative; } .navbar-toggler-link .lexicon-icon { min-width: 1em; margin-left: 3px; margin-top: 0; } .navbar-brand { display: inline-block; font-size: 1.25rem; line-height: inherit; max-width: calc(100% - 72px); padding-bottom: 0.296875rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.296875rem; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-form { align-items: center; display: flex; padding-left: 0.5rem; padding-right: 0.5rem; } .navbar-form > form { width: 100%; } .navbar-form-autofit { flex-basis: 100px; flex-grow: 1; } .navbar-form-autofit form { display: flex; width: 100%; } .navbar-overlay { background-color: inherit; flex-wrap: inherit; } .navbar-breakpoint-d-block, .navbar-breakpoint-d-inline-block, .navbar-breakpoint-d-flex { display: none !important; } .navbar-expand-sm .nav-item .navbar-text-truncate { max-width: 12.5rem; } @media (max-width: 575.98px) { .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse { background-color: inherit; left: 0; padding: 0 0; position: absolute; right: 0; top: 100%; z-index: 500; } .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .container, .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .container-fluid, .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .container-sm, .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .container-md, .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .container-lg, .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .container-xl { padding-left: 15px; padding-right: 15px; } .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .navbar-nav:last-child, .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .navbar-form:last-child { padding-bottom: 0; } .navbar-expand-sm .navbar-collapse .nav-item, .navbar-expand-sm .navbar-collapse .nav-item .dropdown { display: block; } .navbar-expand-sm .navbar-collapse .navbar-text-truncate { max-width: 100%; } .navbar-expand-sm .navbar-collapse .navbar-nav { flex-direction: column; } .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-toggle .navbar-text-truncate { max-width: calc( 100% - 1.5625rem ); } .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider { margin-left: 0; margin-right: 0; } .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover, .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:focus { background-color: transparent; } .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active { background-color: transparent; } .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu { background-color: transparent; border-width: 0; box-shadow: none; margin: 0; max-height: none; max-width: none; overflow: visible; padding: 0; position: static; } .navbar-expand-sm .show-dropdown-on-collapse .dropdown-header, .navbar-expand-sm .show-dropdown-on-collapse .dropdown-item { padding: 0.5rem 0.5rem; } .navbar-expand-sm .show-dropdown-on-collapse .dropdown-menu { display: block; } .navbar-expand-sm .show-dropdown-on-collapse .dropdown-toggle { display: none; } .navbar-expand-sm .navbar-breakpoint-down-d-block { display: block !important; } .navbar-expand-sm .navbar-breakpoint-down-d-inline-block { display: inline-block !important; } .navbar-expand-sm .navbar-breakpoint-down-d-flex { display: flex !important; } .navbar-expand-sm .navbar-breakpoint-down-d-none { display: none !important; } } @media (min-width: 576px) { .navbar-expand-sm .navbar-brand .navbar-text-truncate { max-width: 12.5rem; } .navbar-expand-sm .navbar-collapse { display: flex !important; width: auto; } .navbar-expand-sm .navbar-collapse .dropdown-toggle .navbar-text-truncate { max-width: 10.9375rem; } .navbar-expand-sm .navbar-toggler { display: none; } .navbar-expand-sm .navbar-breakpoint-d-block { display: block !important; } .navbar-expand-sm .navbar-breakpoint-d-inline-block { display: inline-block !important; } .navbar-expand-sm .navbar-breakpoint-d-flex { display: flex !important; } .navbar-expand-sm .navbar-breakpoint-d-none { display: none !important; } } .navbar-expand-md .nav-item .navbar-text-truncate { max-width: 12.5rem; } @media (max-width: 767.98px) { .navbar-expand-md.navbar-collapse-absolute .navbar-collapse { background-color: inherit; left: 0; padding: 0 0; position: absolute; right: 0; top: 100%; z-index: 500; } .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .container, .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .container-fluid, .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .container-sm, .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .container-md, .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .container-lg, .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .container-xl { padding-left: 15px; padding-right: 15px; } .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .navbar-nav:last-child, .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .navbar-form:last-child { padding-bottom: 0; } .navbar-expand-md .navbar-collapse .nav-item, .navbar-expand-md .navbar-collapse .nav-item .dropdown { display: block; } .navbar-expand-md .navbar-collapse .navbar-text-truncate { max-width: 100%; } .navbar-expand-md .navbar-collapse .navbar-nav { flex-direction: column; } .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-toggle .navbar-text-truncate { max-width: calc( 100% - 1.5625rem ); } .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider { margin-left: 0; margin-right: 0; } .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover, .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus { background-color: transparent; } .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active { background-color: transparent; } .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu { background-color: transparent; border-width: 0; box-shadow: none; margin: 0; max-height: none; max-width: none; overflow: visible; padding: 0; position: static; } .navbar-expand-md .show-dropdown-on-collapse .dropdown-header, .navbar-expand-md .show-dropdown-on-collapse .dropdown-item { padding: 0.5rem 0.5rem; } .navbar-expand-md .show-dropdown-on-collapse .dropdown-menu { display: block; } .navbar-expand-md .show-dropdown-on-collapse .dropdown-toggle { display: none; } .navbar-expand-md .navbar-breakpoint-down-d-block { display: block !important; } .navbar-expand-md .navbar-breakpoint-down-d-inline-block { display: inline-block !important; } .navbar-expand-md .navbar-breakpoint-down-d-flex { display: flex !important; } .navbar-expand-md .navbar-breakpoint-down-d-none { display: none !important; } } @media (min-width: 768px) { .navbar-expand-md .navbar-brand .navbar-text-truncate { max-width: 12.5rem; } .navbar-expand-md .navbar-collapse { display: flex !important; width: auto; } .navbar-expand-md .navbar-collapse .dropdown-toggle .navbar-text-truncate { max-width: 10.9375rem; } .navbar-expand-md .navbar-toggler { display: none; } .navbar-expand-md .navbar-breakpoint-d-block { display: block !important; } .navbar-expand-md .navbar-breakpoint-d-inline-block { display: inline-block !important; } .navbar-expand-md .navbar-breakpoint-d-flex { display: flex !important; } .navbar-expand-md .navbar-breakpoint-d-none { display: none !important; } } .navbar-expand-lg .nav-item .navbar-text-truncate { max-width: 12.5rem; } @media (max-width: 991.98px) { .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse { background-color: inherit; left: 0; padding: 0 0; position: absolute; right: 0; top: 100%; z-index: 500; } .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .container, .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .container-fluid, .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .container-sm, .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .container-md, .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .container-lg, .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .container-xl { padding-left: 15px; padding-right: 15px; } .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .navbar-nav:last-child, .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .navbar-form:last-child { padding-bottom: 0; } .navbar-expand-lg .navbar-collapse .nav-item, .navbar-expand-lg .navbar-collapse .nav-item .dropdown { display: block; } .navbar-expand-lg .navbar-collapse .navbar-text-truncate { max-width: 100%; } .navbar-expand-lg .navbar-collapse .navbar-nav { flex-direction: column; } .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-toggle .navbar-text-truncate { max-width: calc( 100% - 1.5625rem ); } .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider { margin-left: 0; margin-right: 0; } .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover, .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:focus { background-color: transparent; } .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active { background-color: transparent; } .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu { background-color: transparent; border-width: 0; box-shadow: none; margin: 0; max-height: none; max-width: none; overflow: visible; padding: 0; position: static; } .navbar-expand-lg .show-dropdown-on-collapse .dropdown-header, .navbar-expand-lg .show-dropdown-on-collapse .dropdown-item { padding: 0.5rem 0.5rem; } .navbar-expand-lg .show-dropdown-on-collapse .dropdown-menu { display: block; } .navbar-expand-lg .show-dropdown-on-collapse .dropdown-toggle { display: none; } .navbar-expand-lg .navbar-breakpoint-down-d-block { display: block !important; } .navbar-expand-lg .navbar-breakpoint-down-d-inline-block { display: inline-block !important; } .navbar-expand-lg .navbar-breakpoint-down-d-flex { display: flex !important; } .navbar-expand-lg .navbar-breakpoint-down-d-none { display: none !important; } } @media (min-width: 992px) { .navbar-expand-lg .navbar-brand .navbar-text-truncate { max-width: 12.5rem; } .navbar-expand-lg .navbar-collapse { display: flex !important; width: auto; } .navbar-expand-lg .navbar-collapse .dropdown-toggle .navbar-text-truncate { max-width: 10.9375rem; } .navbar-expand-lg .navbar-toggler { display: none; } .navbar-expand-lg .navbar-breakpoint-d-block { display: block !important; } .navbar-expand-lg .navbar-breakpoint-d-inline-block { display: inline-block !important; } .navbar-expand-lg .navbar-breakpoint-d-flex { display: flex !important; } .navbar-expand-lg .navbar-breakpoint-d-none { display: none !important; } } .navbar-expand-xl .nav-item .navbar-text-truncate { max-width: 12.5rem; } @media (max-width: 1199.98px) { .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse { background-color: inherit; left: 0; padding: 0 0; position: absolute; right: 0; top: 100%; z-index: 500; } .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .container, .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .container-fluid, .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .container-sm, .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .container-md, .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .container-lg, .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .container-xl { padding-left: 15px; padding-right: 15px; } .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .navbar-nav:last-child, .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .navbar-form:last-child { padding-bottom: 0; } .navbar-expand-xl .navbar-collapse .nav-item, .navbar-expand-xl .navbar-collapse .nav-item .dropdown { display: block; } .navbar-expand-xl .navbar-collapse .navbar-text-truncate { max-width: 100%; } .navbar-expand-xl .navbar-collapse .navbar-nav { flex-direction: column; } .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-toggle .navbar-text-truncate { max-width: calc( 100% - 1.5625rem ); } .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider { margin-left: 0; margin-right: 0; } .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover, .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:focus { background-color: transparent; } .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active { background-color: transparent; } .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu { background-color: transparent; border-width: 0; box-shadow: none; margin: 0; max-height: none; max-width: none; overflow: visible; padding: 0; position: static; } .navbar-expand-xl .show-dropdown-on-collapse .dropdown-header, .navbar-expand-xl .show-dropdown-on-collapse .dropdown-item { padding: 0.5rem 0.5rem; } .navbar-expand-xl .show-dropdown-on-collapse .dropdown-menu { display: block; } .navbar-expand-xl .show-dropdown-on-collapse .dropdown-toggle { display: none; } .navbar-expand-xl .navbar-breakpoint-down-d-block { display: block !important; } .navbar-expand-xl .navbar-breakpoint-down-d-inline-block { display: inline-block !important; } .navbar-expand-xl .navbar-breakpoint-down-d-flex { display: flex !important; } .navbar-expand-xl .navbar-breakpoint-down-d-none { display: none !important; } } @media (min-width: 1200px) { .navbar-expand-xl .navbar-brand .navbar-text-truncate { max-width: 12.5rem; } .navbar-expand-xl .navbar-collapse { display: flex !important; width: auto; } .navbar-expand-xl .navbar-collapse .dropdown-toggle .navbar-text-truncate { max-width: 10.9375rem; } .navbar-expand-xl .navbar-toggler { display: none; } .navbar-expand-xl .navbar-breakpoint-d-block { display: block !important; } .navbar-expand-xl .navbar-breakpoint-d-inline-block { display: inline-block !important; } .navbar-expand-xl .navbar-breakpoint-d-flex { display: flex !important; } .navbar-expand-xl .navbar-breakpoint-d-none { display: none !important; } } .navbar-expand .nav-item .navbar-text-truncate { max-width: 12.5rem; } @media (max-width: 575.98px) { .navbar-overlay-xs-down { bottom: 0; display: none; justify-content: space-between; left: 0; margin-left: 0; margin-right: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; position: absolute; right: 0; top: 0; z-index: 450; } .navbar-overlay-xs-down.show { display: flex; } } @media (max-width: 767.98px) { .navbar-overlay-sm-down { bottom: 0; display: none; justify-content: space-between; left: 0; margin-left: 0; margin-right: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; position: absolute; right: 0; top: 0; z-index: 450; } .navbar-overlay-sm-down.show { display: flex; } } @media (max-width: 991.98px) { .navbar-overlay-md-down { bottom: 0; display: none; justify-content: space-between; left: 0; margin-left: 0; margin-right: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; position: absolute; right: 0; top: 0; z-index: 450; } .navbar-overlay-md-down.show { display: flex; } } @media (max-width: 1199.98px) { .navbar-overlay-lg-down { bottom: 0; display: none; justify-content: space-between; left: 0; margin-left: 0; margin-right: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; position: absolute; right: 0; top: 0; z-index: 450; } .navbar-overlay-lg-down.show { display: flex; } } .navbar-overlay-up { bottom: 0; display: none; justify-content: space-between; left: 0; margin-left: 0; margin-right: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; position: absolute; right: 0; top: 0; z-index: 450; } .navbar-overlay-up.show { display: flex; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { border-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' 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.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .navbar-underline .navbar-toggler-link::after { background-color: #008296; bottom: 0; content: ""; display: block; height: 0.1875rem; left: 0; position: absolute; right: 0; width: auto; } @media (min-width: 768px) { .navbar-underline.navbar-expand-md.navbar-underline .navbar-nav .nav-link.active::after { background-color: #008296; bottom: 0; content: ""; display: block; height: 0.1875rem; left: 0; position: absolute; right: 0; width: auto; } .navbar-underline.navbar-expand-md.navbar-underline .navbar-nav .nav-link[aria-expanded=true]::after, .navbar-underline.navbar-expand-md.navbar-underline .navbar-nav .nav-link.show::after { background-color: #008296; bottom: 0; content: ""; display: block; height: 0.1875rem; left: 0; position: absolute; right: 0; width: auto; } } .application-bar { flex-wrap: nowrap; border-width: 0px 0px 0px 0px; font-size: 1rem; padding: 0px 0; } .application-bar .navbar-toggler { font-size: 1.25rem; height: calc(3rem * 0.66667); margin-left: 0.25rem; margin-right: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.25rem; } .application-bar .navbar-toggler .c-inner { margin-bottom: -0.25rem; margin-left: -0.75rem; margin-right: -0.75rem; margin-top: -0.25rem; } .application-bar .navbar-toggler-link { font-size: 1rem; height: auto; line-height: 1.625; margin-left: 0; margin-right: 0; padding-bottom: calc(( 3rem - 0px - 0px - 0px * 2 - 1rem * 1.625 ) * 0.5); padding-left: 0.25rem; padding-right: 0.25rem; padding-top: calc(( 3rem - 0px - 0px - 0px * 2 - 1rem * 1.625 ) * 0.5); } .application-bar .navbar-toggler-link .c-inner { margin-left: -0.25rem; margin-right: -0.25rem; } .application-bar .navbar-brand { font-size: 1.25rem; margin-right: 0; padding-bottom: calc(( 3rem - 0px - 0px - 0px * 2 - 1.25rem * 1.625 ) * 0.5); padding-left: 0.25rem; padding-right: 0.25rem; padding-top: calc(( 3rem - 0px - 0px - 0px * 2 - 1.25rem * 1.625 ) * 0.5); } .application-bar .navbar-brand .c-inner { margin-left: -0.25rem; margin-right: -0.25rem; } .application-bar .navbar-nav .nav-btn { font-size: 1rem; margin-bottom: calc(( 3rem - 0px - 0px - 0px * 2 - 2rem ) * 0.5); margin-left: 0.25rem; margin-right: 0.25rem; margin-top: calc(( 3rem - 0px - 0px - 0px * 2 - 2rem ) * 0.5); padding-bottom: 0.25rem; padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.25rem; } .application-bar .navbar-nav .nav-btn .c-inner { margin-bottom: -0.25rem; margin-left: -0.25rem; margin-right: -0.25rem; margin-top: -0.25rem; } .application-bar .navbar-nav .nav-btn-monospaced { font-size: 1rem; padding: 0; } .application-bar .navbar-nav .nav-btn-monospaced .c-inner { margin: 0; } .application-bar .navbar-nav .nav-item > .custom-control, .application-bar .navbar-nav .nav-item > .form-check { margin-left: 0.25rem; margin-right: 0.25rem; } .application-bar .navbar-nav .nav-link, .application-bar .navbar-nav .navbar-text { margin-bottom: calc(( ( 3rem - 0px - 0px ) - 2rem ) * 0.5); margin-left: 0.5rem; margin-right: 0.5rem; margin-top: calc(( ( 3rem - 0px - 0px ) - 2rem ) * 0.5); padding-bottom: calc(( 2rem - (1rem * 1.625) ) * 0.5); padding-left: 0.25rem; padding-right: 0.25rem; padding-top: calc(( 2rem - (1rem * 1.625) ) * 0.5); } .application-bar .navbar-nav .nav-link .c-inner, .application-bar .navbar-nav .navbar-text .c-inner { margin-left: -0.25rem; margin-right: -0.25rem; } .application-bar .navbar-nav .nav-link-monospaced { font-size: 1rem; margin-bottom: calc(( 3rem - 0px - 0px - 0px * 2 - 2rem ) * 0.5); margin-left: 0.25rem; margin-right: 0.25rem; margin-top: calc(( 3rem - 0px - 0px - 0px * 2 - 2rem ) * 0.5); padding: 0; } .application-bar .navbar-nav .nav-link-monospaced .c-inner { margin: 0; } @media (max-width: 575.98px) { .application-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse { border-color: transparent; border-style: solid; border-width: 0 0px 0px 0px; left: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0; padding-right: 0; padding-top: 0px; right: 0px; } .application-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider { margin-left: 0; margin-right: 0; } .application-bar.navbar-expand-sm .navbar-form { height: calc( 3rem - 0px - 0px ); padding-bottom: calc(( 2rem - (1rem * 1.625) ) * 0.5); padding-left: 0.25rem; padding-right: 0.25rem; padding-top: calc(( 2rem - (1rem * 1.625) ) * 0.5); } .application-bar.navbar-expand-sm .navbar-form .form-control { padding-bottom: 0; padding-top: 0; } } @media (min-width: 576px) { .application-bar.navbar-expand-sm .navbar-brand { font-size: 1.25rem; margin-right: 0.25rem; padding-bottom: calc(( 3.5rem - 0px - 0px - 0px * 2 - (1.25rem * 1.625) ) * 0.5); padding-left: 0.25rem; padding-right: 0.25rem; padding-top: calc(( 3.5rem - 0px - 0px - 0px * 2 - (1.25rem * 1.625) ) * 0.5); } .application-bar.navbar-expand-sm .navbar-brand .c-inner { margin-left: -0.25rem; margin-right: -0.25rem; } .application-bar.navbar-expand-sm .navbar-form { height: calc( 3.5rem - 0px - 0px ); padding-left: 0.25rem; padding-right: 0.25rem; } .application-bar.navbar-expand-sm .navbar-form > .container, .application-bar.navbar-expand-sm .navbar-form > .container-fluid, .application-bar.navbar-expand-sm .navbar-form > .container-sm, .application-bar.navbar-expand-sm .navbar-form > .container-md, .application-bar.navbar-expand-sm .navbar-form > .container-lg, .application-bar.navbar-expand-sm .navbar-form > .container-xl { padding-left: 0; padding-right: 0; } .application-bar.navbar-expand-sm .nav-btn { font-size: 1rem; margin-bottom: calc(( 3.5rem - 0px - 0px - 0px * 2 - 2rem ) * 0.5); margin-left: 0.25rem; margin-right: 0.25rem; margin-top: calc(( 3.5rem - 0px - 0px - 0px * 2 - 2rem ) * 0.5); padding-bottom: calc(( 2rem - (1rem * 1.625) ) * 0.5); padding-left: 0.25rem; padding-right: 0.25rem; padding-top: calc(( 2rem - (1rem * 1.625) ) * 0.5); } .application-bar.navbar-expand-sm .nav-btn .c-inner { margin-left: -0.25rem; margin-right: -0.25rem; } .application-bar.navbar-expand-sm .nav-btn-monospaced { font-size: 1rem; padding: 0; } .application-bar.navbar-expand-sm .nav-btn-monospaced .c-inner { margin: 0; } .application-bar.navbar-expand-sm .nav-item > .custom-control, .application-bar.navbar-expand-sm .nav-item > .form-check { margin-left: 0.25rem; margin-right: 0.25rem; } .application-bar.navbar-expand-sm .nav-link, .application-bar.navbar-expand-sm .navbar-text { margin-bottom: calc(( ( 3.5rem - 0px - 0px ) - 2rem ) * 0.5); margin-left: 0.5rem; margin-right: 0.5rem; margin-top: calc(( ( 3.5rem - 0px - 0px ) - 2rem ) * 0.5); padding-bottom: calc(( 2rem - (1rem * 1.625) ) * 0.5); padding-left: 0.25rem; padding-right: 0.25rem; padding-top: calc(( 2rem - (1rem * 1.625) ) * 0.5); } .application-bar.navbar-expand-sm .nav-link .c-inner, .application-bar.navbar-expand-sm .navbar-text .c-inner { margin-left: -0.25rem; margin-right: -0.25rem; } .application-bar.navbar-expand-sm .nav-link-monospaced { font-size: 1rem; margin-bottom: calc(( 3.5rem - 0px - 0px - 0px * 2 - 2rem ) * 0.5); margin-left: 0.25rem; margin-right: 0.25rem; margin-top: calc(( 3.5rem - 0px - 0px - 0px * 2 - 2rem ) * 0.5); padding: 0; } .application-bar.navbar-expand-sm .nav-link-monospaced .c-inner { margin: 0; } } @media (max-width: 767.98px) { .application-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse { border-color: transparent; border-style: solid; border-width: 0 0px 0px 0px; left: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0; padding-right: 0; padding-top: 0px; right: 0px; } .application-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider { margin-left: 0; margin-right: 0; } .application-bar.navbar-expand-md .navbar-form { height: calc( 3rem - 0px - 0px ); padding-bottom: calc(( 2rem - (1rem * 1.625) ) * 0.5); padding-left: 0.25rem; padding-right: 0.25rem; padding-top: calc(( 2rem - (1rem * 1.625) ) * 0.5); } .application-bar.navbar-expand-md .navbar-form .form-control { padding-bottom: 0; padding-top: 0; } } @media (min-width: 768px) { .application-bar.navbar-expand-md .navbar-brand { font-size: 1.25rem; margin-right: 0.25rem; padding-bottom: calc(( 3.5rem - 0px - 0px - 0px * 2 - (1.25rem * 1.625) ) * 0.5); padding-left: 0.25rem; padding-right: 0.25rem; padding-top: calc(( 3.5rem - 0px - 0px - 0px * 2 - (1.25rem * 1.625) ) * 0.5); } .application-bar.navbar-expand-md .navbar-brand .c-inner { margin-left: -0.25rem; margin-right: -0.25rem; } .application-bar.navbar-expand-md .navbar-form { height: calc( 3.5rem - 0px - 0px ); padding-left: 0.25rem; padding-right: 0.25rem; } .application-bar.navbar-expand-md .navbar-form > .container, .application-bar.navbar-expand-md .navbar-form > .container-fluid, .application-bar.navbar-expand-md .navbar-form > .container-sm, .application-bar.navbar-expand-md .navbar-form > .container-md, .application-bar.navbar-expand-md .navbar-form > .container-lg, .application-bar.navbar-expand-md .navbar-form > .container-xl { padding-left: 0; padding-right: 0; } .application-bar.navbar-expand-md .nav-btn { font-size: 1rem; margin-bottom: calc(( 3.5rem - 0px - 0px - 0px * 2 - 2rem ) * 0.5); margin-left: 0.25rem; margin-right: 0.25rem; margin-top: calc(( 3.5rem - 0px - 0px - 0px * 2 - 2rem ) * 0.5); padding-bottom: calc(( 2rem - (1rem * 1.625) ) * 0.5); padding-left: 0.25rem; padding-right: 0.25rem; padding-top: calc(( 2rem - (1rem * 1.625) ) * 0.5); } .application-bar.navbar-expand-md .nav-btn .c-inner { margin-left: -0.25rem; margin-right: -0.25rem; } .application-bar.navbar-expand-md .nav-btn-monospaced { font-size: 1rem; padding: 0; } .application-bar.navbar-expand-md .nav-btn-monospaced .c-inner { margin: 0; } .application-bar.navbar-expand-md .nav-item > .custom-control, .application-bar.navbar-expand-md .nav-item > .form-check { margin-left: 0.25rem; margin-right: 0.25rem; } .application-bar.navbar-expand-md .nav-link, .application-bar.navbar-expand-md .navbar-text { margin-bottom: calc(( ( 3.5rem - 0px - 0px ) - 2rem ) * 0.5); margin-left: 0.5rem; margin-right: 0.5rem; margin-top: calc(( ( 3.5rem - 0px - 0px ) - 2rem ) * 0.5); padding-bottom: calc(( 2rem - (1rem * 1.625) ) * 0.5); padding-left: 0.25rem; padding-right: 0.25rem; padding-top: calc(( 2rem - (1rem * 1.625) ) * 0.5); } .application-bar.navbar-expand-md .nav-link .c-inner, .application-bar.navbar-expand-md .navbar-text .c-inner { margin-left: -0.25rem; margin-right: -0.25rem; } .application-bar.navbar-expand-md .nav-link-monospaced { font-size: 1rem; margin-bottom: calc(( 3.5rem - 0px - 0px - 0px * 2 - 2rem ) * 0.5); margin-left: 0.25rem; margin-right: 0.25rem; margin-top: calc(( 3.5rem - 0px - 0px - 0px * 2 - 2rem ) * 0.5); padding: 0; } .application-bar.navbar-expand-md .nav-link-monospaced .c-inner { margin: 0; } } @media (max-width: 991.98px) { .application-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse { border-color: transparent; border-style: solid; border-width: 0 0px 0px 0px; left: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0; padding-right: 0; padding-top: 0px; right: 0px; } .application-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider { margin-left: 0; margin-right: 0; } .application-bar.navbar-expand-lg .navbar-form { height: calc( 3rem - 0px - 0px ); padding-bottom: calc(( 2rem - (1rem * 1.625) ) * 0.5); padding-left: 0.25rem; padding-right: 0.25rem; padding-top: calc(( 2rem - (1rem * 1.625) ) * 0.5); } .application-bar.navbar-expand-lg .navbar-form .form-control { padding-bottom: 0; padding-top: 0; } } @media (min-width: 992px) { .application-bar.navbar-expand-lg .navbar-brand { font-size: 1.25rem; margin-right: 0.25rem; padding-bottom: calc(( 3.5rem - 0px - 0px - 0px * 2 - (1.25rem * 1.625) ) * 0.5); padding-left: 0.25rem; padding-right: 0.25rem; padding-top: calc(( 3.5rem - 0px - 0px - 0px * 2 - (1.25rem * 1.625) ) * 0.5); } .application-bar.navbar-expand-lg .navbar-brand .c-inner { margin-left: -0.25rem; margin-right: -0.25rem; } .application-bar.navbar-expand-lg .navbar-form { height: calc( 3.5rem - 0px - 0px ); padding-left: 0.25rem; padding-right: 0.25rem; } .application-bar.navbar-expand-lg .navbar-form > .container, .application-bar.navbar-expand-lg .navbar-form > .container-fluid, .application-bar.navbar-expand-lg .navbar-form > .container-sm, .application-bar.navbar-expand-lg .navbar-form > .container-md, .application-bar.navbar-expand-lg .navbar-form > .container-lg, .application-bar.navbar-expand-lg .navbar-form > .container-xl { padding-left: 0; padding-right: 0; } .application-bar.navbar-expand-lg .nav-btn { font-size: 1rem; margin-bottom: calc(( 3.5rem - 0px - 0px - 0px * 2 - 2rem ) * 0.5); margin-left: 0.25rem; margin-right: 0.25rem; margin-top: calc(( 3.5rem - 0px - 0px - 0px * 2 - 2rem ) * 0.5); padding-bottom: calc(( 2rem - (1rem * 1.625) ) * 0.5); padding-left: 0.25rem; padding-right: 0.25rem; padding-top: calc(( 2rem - (1rem * 1.625) ) * 0.5); } .application-bar.navbar-expand-lg .nav-btn .c-inner { margin-left: -0.25rem; margin-right: -0.25rem; } .application-bar.navbar-expand-lg .nav-btn-monospaced { font-size: 1rem; padding: 0; } .application-bar.navbar-expand-lg .nav-btn-monospaced .c-inner { margin: 0; } .application-bar.navbar-expand-lg .nav-item > .custom-control, .application-bar.navbar-expand-lg .nav-item > .form-check { margin-left: 0.25rem; margin-right: 0.25rem; } .application-bar.navbar-expand-lg .nav-link, .application-bar.navbar-expand-lg .navbar-text { margin-bottom: calc(( ( 3.5rem - 0px - 0px ) - 2rem ) * 0.5); margin-left: 0.5rem; margin-right: 0.5rem; margin-top: calc(( ( 3.5rem - 0px - 0px ) - 2rem ) * 0.5); padding-bottom: calc(( 2rem - (1rem * 1.625) ) * 0.5); padding-left: 0.25rem; padding-right: 0.25rem; padding-top: calc(( 2rem - (1rem * 1.625) ) * 0.5); } .application-bar.navbar-expand-lg .nav-link .c-inner, .application-bar.navbar-expand-lg .navbar-text .c-inner { margin-left: -0.25rem; margin-right: -0.25rem; } .application-bar.navbar-expand-lg .nav-link-monospaced { font-size: 1rem; margin-bottom: calc(( 3.5rem - 0px - 0px - 0px * 2 - 2rem ) * 0.5); margin-left: 0.25rem; margin-right: 0.25rem; margin-top: calc(( 3.5rem - 0px - 0px - 0px * 2 - 2rem ) * 0.5); padding: 0; } .application-bar.navbar-expand-lg .nav-link-monospaced .c-inner { margin: 0; } } @media (max-width: 1199.98px) { .application-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse { border-color: transparent; border-style: solid; border-width: 0 0px 0px 0px; left: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0; padding-right: 0; padding-top: 0px; right: 0px; } .application-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider { margin-left: 0; margin-right: 0; } .application-bar.navbar-expand-xl .navbar-form { height: calc( 3rem - 0px - 0px ); padding-bottom: calc(( 2rem - (1rem * 1.625) ) * 0.5); padding-left: 0.25rem; padding-right: 0.25rem; padding-top: calc(( 2rem - (1rem * 1.625) ) * 0.5); } .application-bar.navbar-expand-xl .navbar-form .form-control { padding-bottom: 0; padding-top: 0; } } @media (min-width: 1200px) { .application-bar.navbar-expand-xl .navbar-brand { font-size: 1.25rem; margin-right: 0.25rem; padding-bottom: calc(( 3.5rem - 0px - 0px - 0px * 2 - (1.25rem * 1.625) ) * 0.5); padding-left: 0.25rem; padding-right: 0.25rem; padding-top: calc(( 3.5rem - 0px - 0px - 0px * 2 - (1.25rem * 1.625) ) * 0.5); } .application-bar.navbar-expand-xl .navbar-brand .c-inner { margin-left: -0.25rem; margin-right: -0.25rem; } .application-bar.navbar-expand-xl .navbar-form { height: calc( 3.5rem - 0px - 0px ); padding-left: 0.25rem; padding-right: 0.25rem; } .application-bar.navbar-expand-xl .navbar-form > .container, .application-bar.navbar-expand-xl .navbar-form > .container-fluid, .application-bar.navbar-expand-xl .navbar-form > .container-sm, .application-bar.navbar-expand-xl .navbar-form > .container-md, .application-bar.navbar-expand-xl .navbar-form > .container-lg, .application-bar.navbar-expand-xl .navbar-form > .container-xl { padding-left: 0; padding-right: 0; } .application-bar.navbar-expand-xl .nav-btn { font-size: 1rem; margin-bottom: calc(( 3.5rem - 0px - 0px - 0px * 2 - 2rem ) * 0.5); margin-left: 0.25rem; margin-right: 0.25rem; margin-top: calc(( 3.5rem - 0px - 0px - 0px * 2 - 2rem ) * 0.5); padding-bottom: calc(( 2rem - (1rem * 1.625) ) * 0.5); padding-left: 0.25rem; padding-right: 0.25rem; padding-top: calc(( 2rem - (1rem * 1.625) ) * 0.5); } .application-bar.navbar-expand-xl .nav-btn .c-inner { margin-left: -0.25rem; margin-right: -0.25rem; } .application-bar.navbar-expand-xl .nav-btn-monospaced { font-size: 1rem; padding: 0; } .application-bar.navbar-expand-xl .nav-btn-monospaced .c-inner { margin: 0; } .application-bar.navbar-expand-xl .nav-item > .custom-control, .application-bar.navbar-expand-xl .nav-item > .form-check { margin-left: 0.25rem; margin-right: 0.25rem; } .application-bar.navbar-expand-xl .nav-link, .application-bar.navbar-expand-xl .navbar-text { margin-bottom: calc(( ( 3.5rem - 0px - 0px ) - 2rem ) * 0.5); margin-left: 0.5rem; margin-right: 0.5rem; margin-top: calc(( ( 3.5rem - 0px - 0px ) - 2rem ) * 0.5); padding-bottom: calc(( 2rem - (1rem * 1.625) ) * 0.5); padding-left: 0.25rem; padding-right: 0.25rem; padding-top: calc(( 2rem - (1rem * 1.625) ) * 0.5); } .application-bar.navbar-expand-xl .nav-link .c-inner, .application-bar.navbar-expand-xl .navbar-text .c-inner { margin-left: -0.25rem; margin-right: -0.25rem; } .application-bar.navbar-expand-xl .nav-link-monospaced { font-size: 1rem; margin-bottom: calc(( 3.5rem - 0px - 0px - 0px * 2 - 2rem ) * 0.5); margin-left: 0.25rem; margin-right: 0.25rem; margin-top: calc(( 3.5rem - 0px - 0px - 0px * 2 - 2rem ) * 0.5); padding: 0; } .application-bar.navbar-expand-xl .nav-link-monospaced .c-inner { margin: 0; } } @media (max-width: 575.98px) { .application-bar .navbar-overlay-xs-down { padding-bottom: 0px; padding-left: 0; padding-right: 0; padding-top: 0px; } } @media (max-width: 767.98px) { .application-bar .navbar-overlay-sm-down { padding-bottom: 0px; padding-left: 0; padding-right: 0; padding-top: 0px; } } @media (max-width: 991.98px) { .application-bar .navbar-overlay-md-down { padding-bottom: 0px; padding-left: 0; padding-right: 0; padding-top: 0px; } } @media (max-width: 1199.98px) { .application-bar .navbar-overlay-lg-down { padding-bottom: 0px; padding-left: 0; padding-right: 0; padding-top: 0px; } } .application-bar .navbar-overlay-up { padding-bottom: 0px; padding-left: 0; padding-right: 0; padding-top: 0px; } .application-bar.navbar-underline .navbar-toggler-link:after { bottom: calc(( 0px + 0px + calc(( ( 3rem - 0px - 0px ) - 2rem ) * 0.5) ) * -1); height: 0.125rem; } @media (min-width: 576px) { .application-bar.navbar-underline.navbar-expand-sm .navbar-nav .nav-link.active:after { bottom: calc((0px + 0px + calc(( ( 3.5rem - 0px - 0px ) - 2rem ) * 0.5)) * -1); height: 0.125rem; } } @media (min-width: 768px) { .application-bar.navbar-underline.navbar-expand-md .navbar-nav .nav-link.active:after { bottom: calc((0px + 0px + calc(( ( 3.5rem - 0px - 0px ) - 2rem ) * 0.5)) * -1); height: 0.125rem; } } @media (min-width: 992px) { .application-bar.navbar-underline.navbar-expand-lg .navbar-nav .nav-link.active:after { bottom: calc((0px + 0px + calc(( ( 3.5rem - 0px - 0px ) - 2rem ) * 0.5)) * -1); height: 0.125rem; } } @media (min-width: 1200px) { .application-bar.navbar-underline.navbar-expand-xl .navbar-nav .nav-link.active:after { bottom: calc((0px + 0px + calc(( ( 3.5rem - 0px - 0px ) - 2rem ) * 0.5)) * -1); height: 0.125rem; } } .application-bar.navbar-underline.navbar-expand .navbar-nav .nav-link.active:after { bottom: calc((0px + 0px + calc(( ( 3.5rem - 0px - 0px ) - 2rem ) * 0.5)) * -1); height: 0.125rem; } .application-bar .container, .application-bar .container-fluid, .application-bar .container-sm, .application-bar .container-md, .application-bar .container-lg, .application-bar .container-xl { flex-wrap: nowrap; } .application-bar .navbar-nav { flex-wrap: nowrap; } .application-bar-dark { background-color: #2b2b2b; color: rgba(255, 255, 255, 0.5); } .application-bar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .application-bar-dark .navbar-nav .nav-link:hover, .application-bar-dark .navbar-nav .nav-link.hover { color: rgba(255, 255, 255, 0.75); } .application-bar-dark .navbar-nav .nav-link:active { color: #fff; } .application-bar-dark .navbar-nav .nav-link.active { color: #fff; } .application-bar-dark .navbar-nav .nav-link:disabled, .application-bar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); opacity: 1; } .application-bar-dark .navbar-nav .nav-link[aria-expanded=true], .application-bar-dark .navbar-nav .nav-link.show { color: #fff; } .application-bar-dark .navbar-brand:active { color: #fff; } .application-bar-dark .navbar-brand.active { color: #fff; } .application-bar-dark .navbar-brand:disabled, .application-bar-dark .navbar-brand.disabled { color: rgba(255, 255, 255, 0.25); opacity: 1; } .application-bar-dark .navbar-brand[aria-expanded=true], .application-bar-dark .navbar-brand.show { color: #fff; } .application-bar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); } .application-bar-dark .navbar-overlay { background-color: #2b2b2b; } .management-bar { border-width: 0px 0px 0.0625rem 0px; font-size: 1rem; min-height: 4rem; padding: 0px 0; border-color: transparent; border-style: solid; } .management-bar .navbar-toggler { font-size: 1.25rem; height: calc(3rem * 0.66667); margin-left: 0.875rem; margin-right: 0.875rem; padding-bottom: 0.25rem; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.25rem; } .management-bar .navbar-toggler .c-inner { margin-bottom: -0.25rem; margin-left: -0.75rem; margin-right: -0.75rem; margin-top: -0.25rem; } .management-bar .navbar-toggler-link { font-size: 1rem; height: auto; line-height: 1.625; margin-left: 0; margin-right: 0; padding-bottom: calc(( 3rem - 0.0625rem - 0px - 0px * 2 - 1rem * 1.625 ) * 0.5); padding-left: 0.25rem; padding-right: 0.25rem; padding-top: calc(( 3rem - 0.0625rem - 0px - 0px * 2 - 1rem * 1.625 ) * 0.5); } .management-bar .navbar-toggler-link .c-inner { margin-left: -0.25rem; margin-right: -0.25rem; } .management-bar .navbar-brand { font-size: 1.25rem; margin-right: 0; padding-bottom: calc(( 3rem - 0.0625rem - 0px - 0px * 2 - 1.25rem * 1.625 ) * 0.5); padding-left: 0.25rem; padding-right: 0.25rem; padding-top: calc(( 3rem - 0.0625rem - 0px - 0px * 2 - 1.25rem * 1.625 ) * 0.5); } .management-bar .navbar-brand .c-inner { margin-left: -0.25rem; margin-right: -0.25rem; } .management-bar .navbar-nav .nav-btn { font-size: 1rem; margin-bottom: calc(( 3rem - 0.0625rem - 0px - 0px * 2 - 2rem ) * 0.5); margin-left: 0.25rem; margin-right: 0.25rem; margin-top: calc(( 3rem - 0.0625rem - 0px - 0px * 2 - 2rem ) * 0.5); padding-bottom: 0.25rem; padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.25rem; } .management-bar .navbar-nav .nav-btn .c-inner { margin-bottom: -0.25rem; margin-left: -0.25rem; margin-right: -0.25rem; margin-top: -0.25rem; } .management-bar .navbar-nav .nav-btn-monospaced { font-size: 1rem; padding: 0; } .management-bar .navbar-nav .nav-btn-monospaced .c-inner { margin: 0; } .management-bar .navbar-nav .nav-item > .custom-control, .management-bar .navbar-nav .nav-item > .form-check { margin-left: 0.25rem; margin-right: 0.25rem; } .management-bar .navbar-nav .nav-link, .management-bar .navbar-nav .navbar-text { margin-bottom: calc(( ( 3rem - 0.0625rem - 0px ) - 2rem ) * 0.5); margin-left: 0.25rem; margin-right: 0.25rem; margin-top: calc(( ( 3rem - 0.0625rem - 0px ) - 2rem ) * 0.5); padding-bottom: calc(( 2rem - (1rem * 1.625) ) * 0.5); padding-left: 0.25rem; padding-right: 0.25rem; padding-top: calc(( 2rem - (1rem * 1.625) ) * 0.5); } .management-bar .navbar-nav .nav-link .c-inner, .management-bar .navbar-nav .navbar-text .c-inner { margin-left: -0.25rem; margin-right: -0.25rem; } .management-bar .navbar-nav .nav-link-monospaced { font-size: 1rem; margin-bottom: calc(( 3rem - 0.0625rem - 0px - 0px * 2 - 2rem ) * 0.5); margin-left: 0.25rem; margin-right: 0.25rem; margin-top: calc(( 3rem - 0.0625rem - 0px - 0px * 2 - 2rem ) * 0.5); padding: 0; } .management-bar .navbar-nav .nav-link-monospaced .c-inner { margin: 0; } .management-bar .dropdown-menu { margin-top: 0; } @media (max-width: 575.98px) { .management-bar.navbar-expand-sm { min-height: 3rem; } .management-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse { border-color: transparent; border-style: solid; border-width: 0 0px 0.0625rem 0px; left: 0px; margin-top: 0.0625rem; padding-bottom: 0px; padding-left: 0; padding-right: 0; padding-top: 0px; right: 0px; } .management-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider { margin-left: 0; margin-right: 0; } .management-bar.navbar-expand-sm .navbar-form { height: calc( 3rem - 0.0625rem - 0px ); padding-bottom: calc(( 2rem - (1rem * 1.625) ) * 0.5); padding-left: 0.25rem; padding-right: 0.25rem; padding-top: calc(( 2rem - (1rem * 1.625) ) * 0.5); } .management-bar.navbar-expand-sm .navbar-form .form-control { height: 2rem; padding-bottom: 0; padding-top: 0; } } @media (min-width: 576px) { .management-bar.navbar-expand-sm .navbar-brand { font-size: 1.25rem; margin-right: 0.5rem; padding-bottom: calc(( 4rem - 0.0625rem - 0px - 0px * 2 - (1.25rem * 1.625) ) * 0.5); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: calc(( 4rem - 0.0625rem - 0px - 0px * 2 - (1.25rem * 1.625) ) * 0.5); } .management-bar.navbar-expand-sm .navbar-brand .c-inner { margin-left: -0.5rem; margin-right: -0.5rem; } .management-bar.navbar-expand-sm .navbar-form { height: calc( 4rem - 0.0625rem - 0px ); padding-left: 0.5rem; padding-right: 0.5rem; } .management-bar.navbar-expand-sm .navbar-form > .container, .management-bar.navbar-expand-sm .navbar-form > .container-fluid, .management-bar.navbar-expand-sm .navbar-form > .container-sm, .management-bar.navbar-expand-sm .navbar-form > .container-md, .management-bar.navbar-expand-sm .navbar-form > .container-lg, .management-bar.navbar-expand-sm .navbar-form > .container-xl { padding-left: 0; padding-right: 0; } .management-bar.navbar-expand-sm .nav-btn { font-size: 1rem; margin-bottom: calc(( 4rem - 0.0625rem - 0px - 0px * 2 - 2rem ) * 0.5); margin-left: 0.5rem; margin-right: 0.5rem; margin-top: calc(( 4rem - 0.0625rem - 0px - 0px * 2 - 2rem ) * 0.5); padding-bottom: calc(( 2rem - (1rem * 1.625) ) * 0.5); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: calc(( 2rem - (1rem * 1.625) ) * 0.5); } .management-bar.navbar-expand-sm .nav-btn .c-inner { margin-left: -0.5rem; margin-right: -0.5rem; } .management-bar.navbar-expand-sm .nav-btn-monospaced { font-size: 1rem; padding: 0; } .management-bar.navbar-expand-sm .nav-btn-monospaced .c-inner { margin: 0; } .management-bar.navbar-expand-sm .nav-item > .custom-control, .management-bar.navbar-expand-sm .nav-item > .form-check { margin-left: 0.5rem; margin-right: 0.5rem; } .management-bar.navbar-expand-sm .nav-link, .management-bar.navbar-expand-sm .navbar-text { margin-bottom: calc(( ( 4rem - 0.0625rem - 0px ) - 2rem ) * 0.5); margin-left: 0.5rem; margin-right: 0.5rem; margin-top: calc(( ( 4rem - 0.0625rem - 0px ) - 2rem ) * 0.5); padding-bottom: calc(( 2rem - (1rem * 1.625) ) * 0.5); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: calc(( 2rem - (1rem * 1.625) ) * 0.5); } .management-bar.navbar-expand-sm .nav-link .c-inner, .management-bar.navbar-expand-sm .navbar-text .c-inner { margin-left: -0.5rem; margin-right: -0.5rem; } .management-bar.navbar-expand-sm .nav-link-monospaced { font-size: 1rem; margin-bottom: calc(( 4rem - 0.0625rem - 0px - 0px * 2 - 2rem ) * 0.5); margin-left: 0.5rem; margin-right: 0.5rem; margin-top: calc(( 4rem - 0.0625rem - 0px - 0px * 2 - 2rem ) * 0.5); padding: 0; } .management-bar.navbar-expand-sm .nav-link-monospaced .c-inner { margin: 0; } } @media (max-width: 767.98px) { .management-bar.navbar-expand-md { min-height: 3rem; } .management-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse { border-color: transparent; border-style: solid; border-width: 0 0px 0.0625rem 0px; left: 0px; margin-top: 0.0625rem; padding-bottom: 0px; padding-left: 0; padding-right: 0; padding-top: 0px; right: 0px; } .management-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider { margin-left: 0; margin-right: 0; } .management-bar.navbar-expand-md .navbar-form { height: calc( 3rem - 0.0625rem - 0px ); padding-bottom: calc(( 2rem - (1rem * 1.625) ) * 0.5); padding-left: 0.25rem; padding-right: 0.25rem; padding-top: calc(( 2rem - (1rem * 1.625) ) * 0.5); } .management-bar.navbar-expand-md .navbar-form .form-control { height: 2rem; padding-bottom: 0; padding-top: 0; } } @media (min-width: 768px) { .management-bar.navbar-expand-md .navbar-brand { font-size: 1.25rem; margin-right: 0.5rem; padding-bottom: calc(( 4rem - 0.0625rem - 0px - 0px * 2 - (1.25rem * 1.625) ) * 0.5); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: calc(( 4rem - 0.0625rem - 0px - 0px * 2 - (1.25rem * 1.625) ) * 0.5); } .management-bar.navbar-expand-md .navbar-brand .c-inner { margin-left: -0.5rem; margin-right: -0.5rem; } .management-bar.navbar-expand-md .navbar-form { height: calc( 4rem - 0.0625rem - 0px ); padding-left: 0.5rem; padding-right: 0.5rem; } .management-bar.navbar-expand-md .navbar-form > .container, .management-bar.navbar-expand-md .navbar-form > .container-fluid, .management-bar.navbar-expand-md .navbar-form > .container-sm, .management-bar.navbar-expand-md .navbar-form > .container-md, .management-bar.navbar-expand-md .navbar-form > .container-lg, .management-bar.navbar-expand-md .navbar-form > .container-xl { padding-left: 0; padding-right: 0; } .management-bar.navbar-expand-md .nav-btn { font-size: 1rem; margin-bottom: calc(( 4rem - 0.0625rem - 0px - 0px * 2 - 2rem ) * 0.5); margin-left: 0.5rem; margin-right: 0.5rem; margin-top: calc(( 4rem - 0.0625rem - 0px - 0px * 2 - 2rem ) * 0.5); padding-bottom: calc(( 2rem - (1rem * 1.625) ) * 0.5); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: calc(( 2rem - (1rem * 1.625) ) * 0.5); } .management-bar.navbar-expand-md .nav-btn .c-inner { margin-left: -0.5rem; margin-right: -0.5rem; } .management-bar.navbar-expand-md .nav-btn-monospaced { font-size: 1rem; padding: 0; } .management-bar.navbar-expand-md .nav-btn-monospaced .c-inner { margin: 0; } .management-bar.navbar-expand-md .nav-item > .custom-control, .management-bar.navbar-expand-md .nav-item > .form-check { margin-left: 0.5rem; margin-right: 0.5rem; } .management-bar.navbar-expand-md .nav-link, .management-bar.navbar-expand-md .navbar-text { margin-bottom: calc(( ( 4rem - 0.0625rem - 0px ) - 2rem ) * 0.5); margin-left: 0.5rem; margin-right: 0.5rem; margin-top: calc(( ( 4rem - 0.0625rem - 0px ) - 2rem ) * 0.5); padding-bottom: calc(( 2rem - (1rem * 1.625) ) * 0.5); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: calc(( 2rem - (1rem * 1.625) ) * 0.5); } .management-bar.navbar-expand-md .nav-link .c-inner, .management-bar.navbar-expand-md .navbar-text .c-inner { margin-left: -0.5rem; margin-right: -0.5rem; } .management-bar.navbar-expand-md .nav-link-monospaced { font-size: 1rem; margin-bottom: calc(( 4rem - 0.0625rem - 0px - 0px * 2 - 2rem ) * 0.5); margin-left: 0.5rem; margin-right: 0.5rem; margin-top: calc(( 4rem - 0.0625rem - 0px - 0px * 2 - 2rem ) * 0.5); padding: 0; } .management-bar.navbar-expand-md .nav-link-monospaced .c-inner { margin: 0; } } @media (max-width: 991.98px) { .management-bar.navbar-expand-lg { min-height: 3rem; } .management-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse { border-color: transparent; border-style: solid; border-width: 0 0px 0.0625rem 0px; left: 0px; margin-top: 0.0625rem; padding-bottom: 0px; padding-left: 0; padding-right: 0; padding-top: 0px; right: 0px; } .management-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider { margin-left: 0; margin-right: 0; } .management-bar.navbar-expand-lg .navbar-form { height: calc( 3rem - 0.0625rem - 0px ); padding-bottom: calc(( 2rem - (1rem * 1.625) ) * 0.5); padding-left: 0.25rem; padding-right: 0.25rem; padding-top: calc(( 2rem - (1rem * 1.625) ) * 0.5); } .management-bar.navbar-expand-lg .navbar-form .form-control { height: 2rem; padding-bottom: 0; padding-top: 0; } } @media (min-width: 992px) { .management-bar.navbar-expand-lg .navbar-brand { font-size: 1.25rem; margin-right: 0.5rem; padding-bottom: calc(( 4rem - 0.0625rem - 0px - 0px * 2 - (1.25rem * 1.625) ) * 0.5); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: calc(( 4rem - 0.0625rem - 0px - 0px * 2 - (1.25rem * 1.625) ) * 0.5); } .management-bar.navbar-expand-lg .navbar-brand .c-inner { margin-left: -0.5rem; margin-right: -0.5rem; } .management-bar.navbar-expand-lg .navbar-form { height: calc( 4rem - 0.0625rem - 0px ); padding-left: 0.5rem; padding-right: 0.5rem; } .management-bar.navbar-expand-lg .navbar-form > .container, .management-bar.navbar-expand-lg .navbar-form > .container-fluid, .management-bar.navbar-expand-lg .navbar-form > .container-sm, .management-bar.navbar-expand-lg .navbar-form > .container-md, .management-bar.navbar-expand-lg .navbar-form > .container-lg, .management-bar.navbar-expand-lg .navbar-form > .container-xl { padding-left: 0; padding-right: 0; } .management-bar.navbar-expand-lg .nav-btn { font-size: 1rem; margin-bottom: calc(( 4rem - 0.0625rem - 0px - 0px * 2 - 2rem ) * 0.5); margin-left: 0.5rem; margin-right: 0.5rem; margin-top: calc(( 4rem - 0.0625rem - 0px - 0px * 2 - 2rem ) * 0.5); padding-bottom: calc(( 2rem - (1rem * 1.625) ) * 0.5); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: calc(( 2rem - (1rem * 1.625) ) * 0.5); } .management-bar.navbar-expand-lg .nav-btn .c-inner { margin-left: -0.5rem; margin-right: -0.5rem; } .management-bar.navbar-expand-lg .nav-btn-monospaced { font-size: 1rem; padding: 0; } .management-bar.navbar-expand-lg .nav-btn-monospaced .c-inner { margin: 0; } .management-bar.navbar-expand-lg .nav-item > .custom-control, .management-bar.navbar-expand-lg .nav-item > .form-check { margin-left: 0.5rem; margin-right: 0.5rem; } .management-bar.navbar-expand-lg .nav-link, .management-bar.navbar-expand-lg .navbar-text { margin-bottom: calc(( ( 4rem - 0.0625rem - 0px ) - 2rem ) * 0.5); margin-left: 0.5rem; margin-right: 0.5rem; margin-top: calc(( ( 4rem - 0.0625rem - 0px ) - 2rem ) * 0.5); padding-bottom: calc(( 2rem - (1rem * 1.625) ) * 0.5); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: calc(( 2rem - (1rem * 1.625) ) * 0.5); } .management-bar.navbar-expand-lg .nav-link .c-inner, .management-bar.navbar-expand-lg .navbar-text .c-inner { margin-left: -0.5rem; margin-right: -0.5rem; } .management-bar.navbar-expand-lg .nav-link-monospaced { font-size: 1rem; margin-bottom: calc(( 4rem - 0.0625rem - 0px - 0px * 2 - 2rem ) * 0.5); margin-left: 0.5rem; margin-right: 0.5rem; margin-top: calc(( 4rem - 0.0625rem - 0px - 0px * 2 - 2rem ) * 0.5); padding: 0; } .management-bar.navbar-expand-lg .nav-link-monospaced .c-inner { margin: 0; } } @media (max-width: 1199.98px) { .management-bar.navbar-expand-xl { min-height: 3rem; } .management-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse { border-color: transparent; border-style: solid; border-width: 0 0px 0.0625rem 0px; left: 0px; margin-top: 0.0625rem; padding-bottom: 0px; padding-left: 0; padding-right: 0; padding-top: 0px; right: 0px; } .management-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider { margin-left: 0; margin-right: 0; } .management-bar.navbar-expand-xl .navbar-form { height: calc( 3rem - 0.0625rem - 0px ); padding-bottom: calc(( 2rem - (1rem * 1.625) ) * 0.5); padding-left: 0.25rem; padding-right: 0.25rem; padding-top: calc(( 2rem - (1rem * 1.625) ) * 0.5); } .management-bar.navbar-expand-xl .navbar-form .form-control { height: 2rem; padding-bottom: 0; padding-top: 0; } } @media (min-width: 1200px) { .management-bar.navbar-expand-xl .navbar-brand { font-size: 1.25rem; margin-right: 0.5rem; padding-bottom: calc(( 4rem - 0.0625rem - 0px - 0px * 2 - (1.25rem * 1.625) ) * 0.5); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: calc(( 4rem - 0.0625rem - 0px - 0px * 2 - (1.25rem * 1.625) ) * 0.5); } .management-bar.navbar-expand-xl .navbar-brand .c-inner { margin-left: -0.5rem; margin-right: -0.5rem; } .management-bar.navbar-expand-xl .navbar-form { height: calc( 4rem - 0.0625rem - 0px ); padding-left: 0.5rem; padding-right: 0.5rem; } .management-bar.navbar-expand-xl .navbar-form > .container, .management-bar.navbar-expand-xl .navbar-form > .container-fluid, .management-bar.navbar-expand-xl .navbar-form > .container-sm, .management-bar.navbar-expand-xl .navbar-form > .container-md, .management-bar.navbar-expand-xl .navbar-form > .container-lg, .management-bar.navbar-expand-xl .navbar-form > .container-xl { padding-left: 0; padding-right: 0; } .management-bar.navbar-expand-xl .nav-btn { font-size: 1rem; margin-bottom: calc(( 4rem - 0.0625rem - 0px - 0px * 2 - 2rem ) * 0.5); margin-left: 0.5rem; margin-right: 0.5rem; margin-top: calc(( 4rem - 0.0625rem - 0px - 0px * 2 - 2rem ) * 0.5); padding-bottom: calc(( 2rem - (1rem * 1.625) ) * 0.5); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: calc(( 2rem - (1rem * 1.625) ) * 0.5); } .management-bar.navbar-expand-xl .nav-btn .c-inner { margin-left: -0.5rem; margin-right: -0.5rem; } .management-bar.navbar-expand-xl .nav-btn-monospaced { font-size: 1rem; padding: 0; } .management-bar.navbar-expand-xl .nav-btn-monospaced .c-inner { margin: 0; } .management-bar.navbar-expand-xl .nav-item > .custom-control, .management-bar.navbar-expand-xl .nav-item > .form-check { margin-left: 0.5rem; margin-right: 0.5rem; } .management-bar.navbar-expand-xl .nav-link, .management-bar.navbar-expand-xl .navbar-text { margin-bottom: calc(( ( 4rem - 0.0625rem - 0px ) - 2rem ) * 0.5); margin-left: 0.5rem; margin-right: 0.5rem; margin-top: calc(( ( 4rem - 0.0625rem - 0px ) - 2rem ) * 0.5); padding-bottom: calc(( 2rem - (1rem * 1.625) ) * 0.5); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: calc(( 2rem - (1rem * 1.625) ) * 0.5); } .management-bar.navbar-expand-xl .nav-link .c-inner, .management-bar.navbar-expand-xl .navbar-text .c-inner { margin-left: -0.5rem; margin-right: -0.5rem; } .management-bar.navbar-expand-xl .nav-link-monospaced { font-size: 1rem; margin-bottom: calc(( 4rem - 0.0625rem - 0px - 0px * 2 - 2rem ) * 0.5); margin-left: 0.5rem; margin-right: 0.5rem; margin-top: calc(( 4rem - 0.0625rem - 0px - 0px * 2 - 2rem ) * 0.5); padding: 0; } .management-bar.navbar-expand-xl .nav-link-monospaced .c-inner { margin: 0; } } @media (max-width: 575.98px) { .management-bar .navbar-overlay-xs-down { padding-bottom: 0px; padding-left: 0; padding-right: 0; padding-top: 0px; } } @media (max-width: 767.98px) { .management-bar .navbar-overlay-sm-down { padding-bottom: 0px; padding-left: 0; padding-right: 0; padding-top: 0px; } } @media (max-width: 991.98px) { .management-bar .navbar-overlay-md-down { padding-bottom: 0px; padding-left: 0; padding-right: 0; padding-top: 0px; } } @media (max-width: 1199.98px) { .management-bar .navbar-overlay-lg-down { padding-bottom: 0px; padding-left: 0; padding-right: 0; padding-top: 0px; } } .management-bar .navbar-overlay-up { padding-bottom: 0px; padding-left: 0; padding-right: 0; padding-top: 0px; } .management-bar.navbar-underline .navbar-toggler-link:after { bottom: calc(( 0.0625rem + 0px + calc(( ( 3rem - 0.0625rem - 0px ) - 2rem ) * 0.5) ) * -1); height: 0.25rem; } @media (min-width: 576px) { .management-bar.navbar-underline.navbar-expand-sm .navbar-nav .nav-link.active:after { bottom: calc((0.0625rem + 0px + calc(( ( 4rem - 0.0625rem - 0px ) - 2rem ) * 0.5)) * -1); height: 0.25rem; } } @media (min-width: 768px) { .management-bar.navbar-underline.navbar-expand-md .navbar-nav .nav-link.active:after { bottom: calc((0.0625rem + 0px + calc(( ( 4rem - 0.0625rem - 0px ) - 2rem ) * 0.5)) * -1); height: 0.25rem; } } @media (min-width: 992px) { .management-bar.navbar-underline.navbar-expand-lg .navbar-nav .nav-link.active:after { bottom: calc((0.0625rem + 0px + calc(( ( 4rem - 0.0625rem - 0px ) - 2rem ) * 0.5)) * -1); height: 0.25rem; } } @media (min-width: 1200px) { .management-bar.navbar-underline.navbar-expand-xl .navbar-nav .nav-link.active:after { bottom: calc((0.0625rem + 0px + calc(( ( 4rem - 0.0625rem - 0px ) - 2rem ) * 0.5)) * -1); height: 0.25rem; } } .management-bar.navbar-underline.navbar-expand .navbar-nav .nav-link.active:after { bottom: calc((0.0625rem + 0px + calc(( ( 4rem - 0.0625rem - 0px ) - 2rem ) * 0.5)) * -1); height: 0.25rem; } .management-bar.navbar-nowrap .navbar-text { white-space: normal; word-wrap: break-word; } .management-bar-light { background-color: #ebebeb; } .management-bar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .management-bar-light .navbar-nav .nav-link:hover, .management-bar-light .navbar-nav .nav-link.hover { color: rgba(0, 0, 0, 0.7); } .management-bar-light .navbar-nav .nav-link:active { color: rgba(0, 0, 0, 0.9); } .management-bar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .management-bar-light .navbar-nav .nav-link:disabled, .management-bar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); opacity: 1; } .management-bar-light .navbar-nav .nav-link[aria-expanded=true], .management-bar-light .navbar-nav .nav-link.show { color: rgba(0, 0, 0, 0.9); } .management-bar-light .navbar-brand:active { color: rgba(0, 0, 0, 0.9); } .management-bar-light .navbar-brand.active { color: rgba(0, 0, 0, 0.9); } .management-bar-light .navbar-brand:disabled, .management-bar-light .navbar-brand.disabled { color: rgba(0, 0, 0, 0.3); opacity: 1; } .management-bar-light .navbar-brand[aria-expanded=true], .management-bar-light .navbar-brand.show { color: rgba(0, 0, 0, 0.9); } .management-bar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); } .management-bar-light .navbar-overlay { background-color: #ebebeb; } .management-bar-primary { background-color: #7ceeff; border-color: #008296; color: rgba(0, 0, 0, 0.5); } .management-bar-primary .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .management-bar-primary .navbar-nav .nav-link:hover, .management-bar-primary .navbar-nav .nav-link.hover { color: rgba(0, 0, 0, 0.7); } .management-bar-primary .navbar-nav .nav-link:active { color: rgba(0, 0, 0, 0.9); } .management-bar-primary .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .management-bar-primary .navbar-nav .nav-link:disabled, .management-bar-primary .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); opacity: 1; } .management-bar-primary .navbar-nav .nav-link[aria-expanded=true], .management-bar-primary .navbar-nav .nav-link.show { color: rgba(0, 0, 0, 0.9); } .management-bar-primary .navbar-brand:active { color: rgba(0, 0, 0, 0.9); } .management-bar-primary .navbar-brand.active { color: rgba(0, 0, 0, 0.9); } .management-bar-primary .navbar-brand:disabled, .management-bar-primary .navbar-brand.disabled { color: rgba(0, 0, 0, 0.3); opacity: 1; } .management-bar-primary .navbar-brand[aria-expanded=true], .management-bar-primary .navbar-brand.show { color: rgba(0, 0, 0, 0.9); } .management-bar-primary .navbar-toggler { color: rgba(0, 0, 0, 0.5); } .management-bar-primary .navbar-overlay { background-color: #7ceeff; } .navigation-bar { border-width: 0px 0px 0.0625rem 0px; font-size: 1rem; padding: 0px 0; border-color: transparent; border-style: solid; } .navigation-bar .navbar-toggler { font-size: 1.25rem; height: calc(3rem * 0.66667); margin-left: 1rem; margin-right: 1rem; padding-bottom: 0.25rem; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.25rem; } .navigation-bar .navbar-toggler .c-inner { margin-bottom: -0.25rem; margin-left: -0.75rem; margin-right: -0.75rem; margin-top: -0.25rem; } .navigation-bar .navbar-toggler-link { font-size: 1rem; height: auto; line-height: 1.625; margin-left: 0; margin-right: 0; padding-bottom: calc(( 3rem - 0.0625rem - 0px - 0px * 2 - 1rem * 1.625 ) * 0.5); padding-left: 1rem; padding-right: 1rem; padding-top: calc(( 3rem - 0.0625rem - 0px - 0px * 2 - 1rem * 1.625 ) * 0.5); } .navigation-bar .navbar-toggler-link .c-inner { margin-left: -1rem; margin-right: -1rem; } .navigation-bar .navbar-brand { font-size: 1.25rem; margin-right: 0; padding-bottom: calc(( 3rem - 0.0625rem - 0px - 0px * 2 - 1.25rem * 1.625 ) * 0.5); padding-left: 1rem; padding-right: 1rem; padding-top: calc(( 3rem - 0.0625rem - 0px - 0px * 2 - 1.25rem * 1.625 ) * 0.5); } .navigation-bar .navbar-brand .c-inner { margin-left: -1rem; margin-right: -1rem; } .navigation-bar .navbar-nav .nav-btn { font-size: 1rem; margin-bottom: calc(( 3rem - 0.0625rem - 0px - 0px * 2 - 2rem ) * 0.5); margin-left: 1rem; margin-right: 1rem; margin-top: calc(( 3rem - 0.0625rem - 0px - 0px * 2 - 2rem ) * 0.5); padding-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; } .navigation-bar .navbar-nav .nav-btn .c-inner { margin-bottom: -1rem; margin-left: -1rem; margin-right: -1rem; margin-top: -1rem; } .navigation-bar .navbar-nav .nav-btn-monospaced { padding: 0; } .navigation-bar .navbar-nav .nav-btn-monospaced .c-inner { margin: 0; } .navigation-bar .navbar-nav .nav-item > .custom-control, .navigation-bar .navbar-nav .nav-item > .form-check { margin-left: 1rem; margin-right: 1rem; } .navigation-bar .navbar-nav .nav-link, .navigation-bar .navbar-nav .navbar-text { margin-bottom: calc(( ( 3rem - 0.0625rem - 0px ) - 3rem - 0.0625rem - 0px - 0px * 2 ) * 0.5); margin-top: calc(( ( 3rem - 0.0625rem - 0px ) - 3rem - 0.0625rem - 0px - 0px * 2 ) * 0.5); padding-bottom: calc(( 3rem - 0.0625rem - 0px - 0px * 2 - (1rem * 1.625) ) * 0.5); padding-left: 1rem; padding-right: 1rem; padding-top: calc(( 3rem - 0.0625rem - 0px - 0px * 2 - (1rem * 1.625) ) * 0.5); } .navigation-bar .navbar-nav .nav-link .c-inner, .navigation-bar .navbar-nav .navbar-text .c-inner { margin-left: -1rem; margin-right: -1rem; } .navigation-bar .navbar-nav .nav-link-monospaced { margin-bottom: calc(( 3rem - 0.0625rem - 0px - 0px * 2 - 2rem ) * 0.5); margin-left: 1rem; margin-right: 1rem; margin-top: calc(( 3rem - 0.0625rem - 0px - 0px * 2 - 2rem ) * 0.5); padding: 0; } .navigation-bar .navbar-nav .nav-link-monospaced .c-inner { margin: 0; } .navigation-bar .dropdown-menu { margin-top: 0; } @media (max-width: 575.98px) { .navigation-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse { border-color: transparent; border-style: solid; border-width: 0 0px 0.0625rem 0px; left: 0px; margin-top: 0.0625rem; padding-bottom: 0px; padding-left: 0; padding-right: 0; padding-top: 0px; right: 0px; } .navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider { margin-left: 0; margin-right: 0; } .navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item { padding-bottom: 0.71875rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.71875rem; } .navigation-bar.navbar-expand-sm .navbar-form { height: calc( 3rem - 0.0625rem - 0px ); padding-bottom: calc(( 3rem - 0.0625rem - 0px - 0px * 2 - (1rem * 1.625) ) * 0.5); padding-left: 1rem; padding-right: 1rem; padding-top: calc(( 3rem - 0.0625rem - 0px - 0px * 2 - (1rem * 1.625) ) * 0.5); } .navigation-bar.navbar-expand-sm .navbar-form .form-control { padding-bottom: 0; padding-top: 0; } } @media (max-width: 767.98px) { .navigation-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse { border-color: transparent; border-style: solid; border-width: 0 0px 0.0625rem 0px; left: 0px; margin-top: 0.0625rem; padding-bottom: 0px; padding-left: 0; padding-right: 0; padding-top: 0px; right: 0px; } .navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider { margin-left: 0; margin-right: 0; } .navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item { padding-bottom: 0.71875rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.71875rem; } .navigation-bar.navbar-expand-md .navbar-form { height: calc( 3rem - 0.0625rem - 0px ); padding-bottom: calc(( 3rem - 0.0625rem - 0px - 0px * 2 - (1rem * 1.625) ) * 0.5); padding-left: 1rem; padding-right: 1rem; padding-top: calc(( 3rem - 0.0625rem - 0px - 0px * 2 - (1rem * 1.625) ) * 0.5); } .navigation-bar.navbar-expand-md .navbar-form .form-control { padding-bottom: 0; padding-top: 0; } } @media (max-width: 991.98px) { .navigation-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse { border-color: transparent; border-style: solid; border-width: 0 0px 0.0625rem 0px; left: 0px; margin-top: 0.0625rem; padding-bottom: 0px; padding-left: 0; padding-right: 0; padding-top: 0px; right: 0px; } .navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider { margin-left: 0; margin-right: 0; } .navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item { padding-bottom: 0.71875rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.71875rem; } .navigation-bar.navbar-expand-lg .navbar-form { height: calc( 3rem - 0.0625rem - 0px ); padding-bottom: calc(( 3rem - 0.0625rem - 0px - 0px * 2 - (1rem * 1.625) ) * 0.5); padding-left: 1rem; padding-right: 1rem; padding-top: calc(( 3rem - 0.0625rem - 0px - 0px * 2 - (1rem * 1.625) ) * 0.5); } .navigation-bar.navbar-expand-lg .navbar-form .form-control { padding-bottom: 0; padding-top: 0; } } @media (max-width: 1199.98px) { .navigation-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse { border-color: transparent; border-style: solid; border-width: 0 0px 0.0625rem 0px; left: 0px; margin-top: 0.0625rem; padding-bottom: 0px; padding-left: 0; padding-right: 0; padding-top: 0px; right: 0px; } .navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider { margin-left: 0; margin-right: 0; } .navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item { padding-bottom: 0.71875rem; padding-left: 1rem; padding-right: 1rem; padding-top: 0.71875rem; } .navigation-bar.navbar-expand-xl .navbar-form { height: calc( 3rem - 0.0625rem - 0px ); padding-bottom: calc(( 3rem - 0.0625rem - 0px - 0px * 2 - (1rem * 1.625) ) * 0.5); padding-left: 1rem; padding-right: 1rem; padding-top: calc(( 3rem - 0.0625rem - 0px - 0px * 2 - (1rem * 1.625) ) * 0.5); } .navigation-bar.navbar-expand-xl .navbar-form .form-control { padding-bottom: 0; padding-top: 0; } } @media (max-width: 575.98px) { .navigation-bar .navbar-overlay-xs-down { padding-bottom: 0px; padding-left: 0; padding-right: 0; padding-top: 0px; } } @media (max-width: 767.98px) { .navigation-bar .navbar-overlay-sm-down { padding-bottom: 0px; padding-left: 0; padding-right: 0; padding-top: 0px; } } @media (max-width: 991.98px) { .navigation-bar .navbar-overlay-md-down { padding-bottom: 0px; padding-left: 0; padding-right: 0; padding-top: 0px; } } @media (max-width: 1199.98px) { .navigation-bar .navbar-overlay-lg-down { padding-bottom: 0px; padding-left: 0; padding-right: 0; padding-top: 0px; } } .navigation-bar .navbar-overlay-up { padding-bottom: 0px; padding-left: 0; padding-right: 0; padding-top: 0px; } .navigation-bar.navbar-underline .navbar-toggler-link:after { bottom: calc(( 0.0625rem + 0px + calc(( ( 3rem - 0.0625rem - 0px ) - 3rem - 0.0625rem - 0px - 0px * 2 ) * 0.5) ) * -1); height: 0.25rem; } @media (min-width: 576px) { .navigation-bar.navbar-underline.navbar-expand-sm .navbar-nav .nav-link.active:after { bottom: calc((0.0625rem + 0px + calc(( ( 3rem - 0.0625rem - 0px ) - 3rem - 0.0625rem - 0px - 0px * 2 ) * 0.5)) * -1); height: 0.25rem; } } @media (min-width: 768px) { .navigation-bar.navbar-underline.navbar-expand-md .navbar-nav .nav-link.active:after { bottom: calc((0.0625rem + 0px + calc(( ( 3rem - 0.0625rem - 0px ) - 3rem - 0.0625rem - 0px - 0px * 2 ) * 0.5)) * -1); height: 0.25rem; } } @media (min-width: 992px) { .navigation-bar.navbar-underline.navbar-expand-lg .navbar-nav .nav-link.active:after { bottom: calc((0.0625rem + 0px + calc(( ( 3rem - 0.0625rem - 0px ) - 3rem - 0.0625rem - 0px - 0px * 2 ) * 0.5)) * -1); height: 0.25rem; } } @media (min-width: 1200px) { .navigation-bar.navbar-underline.navbar-expand-xl .navbar-nav .nav-link.active:after { bottom: calc((0.0625rem + 0px + calc(( ( 3rem - 0.0625rem - 0px ) - 3rem - 0.0625rem - 0px - 0px * 2 ) * 0.5)) * -1); height: 0.25rem; } } .navigation-bar.navbar-underline.navbar-expand .navbar-nav .nav-link.active:after { bottom: calc((0.0625rem + 0px + calc(( ( 3rem - 0.0625rem - 0px ) - 3rem - 0.0625rem - 0px - 0px * 2 ) * 0.5)) * -1); height: 0.25rem; } .navigation-bar .navbar-nav .nav-link { border-width: 0; font-size: inherit; } .navigation-bar .navbar-brand { border-width: 0; font-size: inherit; } .navigation-bar-light { background-color: #ebebeb; } .navigation-bar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navigation-bar-light .navbar-nav .nav-link:hover, .navigation-bar-light .navbar-nav .nav-link.hover { color: rgba(0, 0, 0, 0.7); } .navigation-bar-light .navbar-nav .nav-link:active { color: rgba(0, 0, 0, 0.9); } .navigation-bar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navigation-bar-light .navbar-nav .nav-link:disabled, .navigation-bar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); opacity: 1; } .navigation-bar-light .navbar-nav .nav-link[aria-expanded=true], .navigation-bar-light .navbar-nav .nav-link.show { color: rgba(0, 0, 0, 0.9); } .navigation-bar-light .navbar-brand:active { color: rgba(0, 0, 0, 0.9); } .navigation-bar-light .navbar-brand.active { color: rgba(0, 0, 0, 0.9); } .navigation-bar-light .navbar-brand:disabled, .navigation-bar-light .navbar-brand.disabled { color: rgba(0, 0, 0, 0.3); opacity: 1; } .navigation-bar-light .navbar-brand[aria-expanded=true], .navigation-bar-light .navbar-brand.show { color: rgba(0, 0, 0, 0.9); } .navigation-bar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); } .navigation-bar-light .navbar-overlay { background-color: #ebebeb; } @media (max-width: 767.98px) { .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item { color: rgba(0, 0, 0, 0.5); } .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover, .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.hover { color: rgba(0, 0, 0, 0.7); } .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:active { color: rgba(0, 0, 0, 0.9); } .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active { color: rgba(0, 0, 0, 0.9); } .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:disabled, .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled { color: rgba(0, 0, 0, 0.3); opacity: 1; } .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item[aria-expanded=true], .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.show { color: rgba(0, 0, 0, 0.9); } } @media (min-width: 768px) { .navigation-bar-light.navbar-expand-md.navbar-underline .navbar-nav .nav-link.active::after { background-color: #00cded; } .navigation-bar-light.navbar-expand-md.navbar-underline .navbar-nav .nav-link[aria-expanded=true]::after, .navigation-bar-light.navbar-expand-md.navbar-underline .navbar-nav .nav-link.show::after { background-color: #00cded; } } .navigation-bar-secondary { background-color: #e6ebf2; color: #fff; } .navigation-bar-secondary .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.65); } .navigation-bar-secondary .navbar-nav .nav-link:hover, .navigation-bar-secondary .navbar-nav .nav-link.hover { color: rgba(255, 255, 255, 0.9); } .navigation-bar-secondary .navbar-nav .nav-link:active { color: rgba(255, 255, 255, 0.9); } .navigation-bar-secondary .navbar-nav .nav-link.active { color: rgba(255, 255, 255, 0.9); } .navigation-bar-secondary .navbar-nav .nav-link:disabled, .navigation-bar-secondary .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); opacity: 1; } .navigation-bar-secondary .navbar-nav .nav-link[aria-expanded=true], .navigation-bar-secondary .navbar-nav .nav-link.show { color: rgba(255, 255, 255, 0.9); } .navigation-bar-secondary .navbar-brand { color: rgba(255, 255, 255, 0.9); } .navigation-bar-secondary .navbar-brand:hover, .navigation-bar-secondary .navbar-brand.hover { color: rgba(255, 255, 255, 0.9); } .navigation-bar-secondary .navbar-brand:active { color: rgba(255, 255, 255, 0.9); } .navigation-bar-secondary .navbar-brand.active { color: rgba(255, 255, 255, 0.9); } .navigation-bar-secondary .navbar-brand:disabled, .navigation-bar-secondary .navbar-brand.disabled { color: rgba(255, 255, 255, 0.25); opacity: 1; } .navigation-bar-secondary .navbar-brand[aria-expanded=true], .navigation-bar-secondary .navbar-brand.show { color: rgba(255, 255, 255, 0.9); } .navigation-bar-secondary .navbar-toggler { color: rgba(255, 255, 255, 0.65); } .navigation-bar-secondary .navbar-overlay { background-color: #e6ebf2; } @media (max-width: 767.98px) { .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item { color: rgba(255, 255, 255, 0.65); } .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover, .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.hover { color: rgba(255, 255, 255, 0.9); } .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:active { color: rgba(255, 255, 255, 0.9); } .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active { color: rgba(255, 255, 255, 0.9); } .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:disabled, .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled { color: rgba(255, 255, 255, 0.25); opacity: 1; } .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item[aria-expanded=true], .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.show { color: rgba(255, 255, 255, 0.9); } } .pagination { border-radius: 0; display: flex; flex-wrap: wrap; list-style: none; margin-bottom: 0.5rem; padding-left: 0; } .pagination-bar { align-items: center; display: flex; flex-wrap: wrap; } @media (max-width: 767.98px) { .pagination-bar { flex-direction: column; justify-content: center; } .pagination-bar .pagination { margin-top: 0.5rem; } } .page-link { align-items: center; background-color: #fff; border-radius: 0px; border-color: #bfe0e5; border-style: solid; border-width: 1px; color: #008296; cursor: pointer; display: inline-flex; height: 2.375rem; justify-content: center; line-height: 1.5; margin-left: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; position: relative; } .page-link:hover, .page-link.hover { background-color: #fff; border-color: #bfe0e5; color: #406a9e; text-decoration: none; z-index: 2; } .page-link.focus, .page-link:focus-visible, .c-prefers-focus .page-link:focus { box-shadow: 0 3px 6px #008dc9; outline: 0; z-index: 4; } .page-link:active { background-color: #008296; border-color: #008296; color: #fff; z-index: 3; } .page-link.active { background-color: #008296; border-color: #008296; color: #fff; z-index: 3; } .page-link:disabled, .page-link.disabled { background-color: #fff; border-color: #dee2e6; box-shadow: none; color: #6c757d; cursor: not-allowed; opacity: 1; pointer-events: auto; z-index: 0; } .page-link:disabled:active, .page-link.disabled:active { pointer-events: none; } .page-link[aria-expanded=true], .page-link.show { background-color: #008296; border-color: #008296; color: #fff; z-index: 3; } .page-link > .c-inner { margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; } .page-link .lexicon-icon { margin-top: 0; } .page-item { margin-left: -0.5px; margin-right: -0.5px; } .page-item.active .page-link { background-color: #008296; border-color: #008296; color: #fff; z-index: 3; } .page-item.disabled .page-link { background-color: #fff; border-color: #dee2e6; box-shadow: none; color: #6c757d; cursor: not-allowed; opacity: 1; pointer-events: auto; z-index: 0; } .page-item.disabled .page-link:active { pointer-events: none; } .page-item:first-child .page-link, .page-link-first { border-radius: 0 0 0 0; } .page-item:last-child .page-link, .page-link-last { border-radius: 0 0 0 0; } .pagination-items-per-page { margin-bottom: 0.5rem; } .pagination-items-per-page > a, .pagination-items-per-page > button { align-items: center; border-color: #bfe0e5; border-radius: 0; border-style: solid; border-width: 1px; color: #008296; display: inline-flex; height: 2.375rem; justify-content: center; line-height: 1.5; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; text-decoration: none; } .pagination-items-per-page > a:hover, .pagination-items-per-page > a.hover, .pagination-items-per-page > button:hover, .pagination-items-per-page > button.hover { background-color: #fff; border-color: #bfe0e5; color: #406a9e; } .pagination-items-per-page > a.focus, .pagination-items-per-page > a:focus-visible, .c-prefers-focus .pagination-items-per-page > a:focus, .pagination-items-per-page > button.focus, .pagination-items-per-page > button:focus-visible, .c-prefers-focus .pagination-items-per-page > button:focus { box-shadow: 0 3px 6px #008dc9; outline: 0; } .pagination-items-per-page > a:active, .pagination-items-per-page > button:active { background-color: #008296; border-color: #008296; color: #fff; } .pagination-items-per-page > a.active, .pagination-items-per-page > button.active { background-color: #008296; border-color: #008296; color: #fff; } .pagination-items-per-page > a:disabled, .pagination-items-per-page > a.disabled, .pagination-items-per-page > button:disabled, .pagination-items-per-page > button.disabled { background-color: #fff; border-color: #dee2e6; box-shadow: none; color: #6c757d; cursor: not-allowed; opacity: 1; pointer-events: auto; } .pagination-items-per-page > a[aria-expanded=true], .pagination-items-per-page > a.show, .pagination-items-per-page > button[aria-expanded=true], .pagination-items-per-page > button.show { background-color: #008296; border-color: #008296; color: #fff; } .pagination-items-per-page > a > .c-inner, .pagination-items-per-page > button > .c-inner { margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; } .pagination-items-per-page > a .lexicon-icon, .pagination-items-per-page > button .lexicon-icon { margin-left: 0.125rem; margin-top: 0.125rem; } .pagination-items-per-page.disabled > a, .pagination-items-per-page.disabled > button { background-color: #fff; border-color: #dee2e6; box-shadow: none; color: #6c757d; cursor: not-allowed; opacity: 1; pointer-events: auto; } @media (max-width: 767.98px) { .pagination-items-per-page + .pagination-results { margin-left: auto; } } .pagination-results { border-color: transparent; border-style: solid; border-width: 1px; line-height: 1.5; margin-bottom: 0.5rem; margin-right: auto; max-width: 100%; padding: 0 0; overflow-wrap: break-word; word-wrap: break-word; } .pagination-sm .page-link { font-size: 0.875rem; height: 1.9375rem; line-height: 1; padding-bottom: 0.25rem; padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0.25rem; } .pagination-sm .page-link > .c-inner { margin-bottom: -0.25rem; margin-left: -0.5rem; margin-right: -0.5rem; margin-top: -0.25rem; } .pagination-sm .page-item:first-child .page-link, .pagination-sm .page-link-first { border-bottom-left-radius: 0; border-top-left-radius: 0; } .pagination-sm .page-item:last-child .page-link, .pagination-sm .page-link-last { border-bottom-right-radius: 0; border-top-right-radius: 0; } .pagination-sm .pagination-items-per-page { border-radius: 0; } .pagination-sm .pagination-items-per-page > a, .pagination-sm .pagination-items-per-page > button { font-size: 0.875rem; height: 1.9375rem; line-height: 1; padding-bottom: 0.25rem; padding-left: 0; padding-right: 0; padding-top: 0.25rem; } .pagination-sm .pagination-items-per-page > a > .c-inner, .pagination-sm .pagination-items-per-page > button > .c-inner { margin-bottom: -0.25rem; margin-left: 0; margin-right: 0; margin-top: -0.25rem; } .pagination-sm .pagination-items-per-page + .pagination-results { font-size: 0.875rem; line-height: 1; padding: 0.25rem 0; } .pagination-lg .page-link { font-size: 1.25rem; height: 3.5rem; line-height: 1; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 0.75rem; } .pagination-lg .page-link > .c-inner { margin-bottom: -0.75rem; margin-left: -1.5rem; margin-right: -1.5rem; margin-top: -0.75rem; } .pagination-lg .page-item:first-child .page-link, .pagination-lg .page-link-first { border-bottom-left-radius: 0.3rem; border-top-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link, .pagination-lg .page-link-last { border-bottom-right-radius: 0.3rem; border-top-right-radius: 0.3rem; } .pagination-lg .pagination-items-per-page { border-radius: 0.3rem; } .pagination-lg .pagination-items-per-page > a, .pagination-lg .pagination-items-per-page > button { font-size: 1.25rem; height: 3.5rem; line-height: 1; padding: 0.75rem 0; } .pagination-lg .pagination-items-per-page + .pagination-results { font-size: 1.25rem; line-height: 1; padding: 0.75rem 0; } .panel { background-color: #fff; border-color: transparent; border-radius: 0; border-style: solid; border-width: 1px 1px 1px 1px; margin-bottom: 1rem; overflow-wrap: break-word; word-wrap: break-word; } .panel-header { border-bottom: 1px solid transparent; border-top-left-radius: calc( 0 - 1px ); border-top-right-radius: calc( 0 - 1px ); display: block; font-size: 1rem; line-height: 1.2; padding: 0.75rem 1.25rem; position: relative; width: 100%; } .panel-header .c-inner { margin: -0.75rem -1.25rem; width: auto; } .panel-header.collapsed { border-bottom-left-radius: calc( 0 - 1px ); border-bottom-right-radius: calc( 0 - 1px ); } .panel-header.collapse-icon-middle .collapse-icon-closed, .panel-header.collapse-icon-middle .collapse-icon-open { font-size: inherit; } .panel-header .collapse-icon-closed, .panel-header .collapse-icon-open { font-size: 0.875rem; top: calc(0.75rem + (((1em * 1.2) - 1em) * 0.5)); } .panel-header-link { color: inherit; display: block; transition: border-color 0.1s ease, border-radius 0.5s ease; } @media (prefers-reduced-motion: reduce) { .panel-header-link { transition: none; } } .c-prefers-reduced-motion .panel-header-link { transition: none; } .panel-header-link:hover, .panel-header-link.hover { color: inherit; } .panel-header-link.focus, .panel-header-link:focus-visible, .c-prefers-focus .panel-header-link:focus { z-index: 1; } .panel-header-link.panel-header.collapsed { border-color: transparent; transition: border-color 0.75s ease; } @media (prefers-reduced-motion: reduce) { .panel-header-link.panel-header.collapsed { transition: none; } } .c-prefers-reduced-motion .panel-header-link.panel-header.collapsed { transition: none; } .panel-header-link .collapse-icon { padding-right: 2.28125rem; } .panel-body { padding: 0.75rem 1.25rem; } .panel-footer { border-bottom-left-radius: calc( 0 - 1px ); border-bottom-right-radius: calc( 0 - 1px ); border-top: 1px solid transparent; padding: 0.75rem 1.25rem; } .panel-title { font-weight: 500; } .panel-group { border-radius: 0; } .panel-group .panel { margin-bottom: -1px; } .panel-group .panel:first-child, .panel-group .panel:first-child .panel-header { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .panel-group .panel:not(:first-child) { border-radius: 0; margin-top: -1px; } .panel-group .panel:not(:first-child) .panel-header { border-radius: 0; } .panel-group .panel:last-child { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .panel-group .panel:last-child .panel-header.collapsed { border-bottom-left-radius: calc( 0 - 1px ); border-bottom-right-radius: calc( 0 - 1px ); } .panel-group .panel-header { border-bottom-width: 0; } .panel-group .panel-header + .panel-collapse > .panel-body { border-top: 1px solid transparent; } .panel-group .panel-unstyled { margin-bottom: 1.5rem; } .panel-group-fluid .panel, .panel-group-flush .panel { border-left-width: 0; border-right-width: 0; } .panel-group-fluid .panel:first-child, .panel-group-fluid .panel:last-child, .panel-group-flush .panel:first-child, .panel-group-flush .panel:last-child { border-radius: 0; } .panel-group-fluid .panel:first-child .panel-header, .panel-group-fluid .panel:first-child .panel-header.collapsed, .panel-group-fluid .panel:last-child .panel-header, .panel-group-fluid .panel:last-child .panel-header.collapsed, .panel-group-flush .panel:first-child .panel-header, .panel-group-flush .panel:first-child .panel-header.collapsed, .panel-group-flush .panel:last-child .panel-header, .panel-group-flush .panel:last-child .panel-header.collapsed { border-radius: 0; } .panel-group-fluid-first .panel { border-left-width: 0; border-right-width: 0; } .panel-group-fluid-first .panel:first-child { border-top-width: 0; } .panel-group-fluid-first .panel:last-child { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .panel-group-fluid-last .panel { border-left-width: 0; border-right-width: 0; } .panel-group-fluid-last .panel:first-child { border-top-left-radius: 0; border-top-right-radius: 0; } .panel-group-fluid-last .panel:last-child { border-bottom-width: 0; } .card-body > .panel-group-fluid, .card-body > .panel-group-fluid-first, .card-body > .panel-group-fluid-last { margin-left: -1.5rem; margin-right: -1.5rem; } .sheet > .panel-group-fluid { margin-left: -1.5rem; margin-right: -1.5rem; } .sheet > .panel-group-fluid-first { margin-left: -1.5rem; margin-right: -1.5rem; margin-top: -1.5rem; } .sheet > .panel-group-fluid-last { margin-bottom: -0.0625rem; margin-left: -1.5rem; margin-right: -1.5rem; } .panel-group-flush .panel-header, .panel-group-flush .panel-header-link { padding-left: 0; padding-right: 0; } .panel-group-flush .panel-header .c-inner, .panel-group-flush .panel-header-link .c-inner { margin-left: 0; margin-right: 0; } .panel-group-flush .panel-body { margin-bottom: 1.5rem; padding: 0; } .panel-group-flush .collapse-icon { padding-right: 1.5rem; } .panel-group-flush .collapse-icon .c-inner { margin-right: -1.5rem; } .panel-group-flush .collapse-icon-closed, .panel-group-flush .collapse-icon-open { right: 0; } .panel-group-flush .panel-unstyled { margin-bottom: 1.5rem; } .panel-group-flush .panel-unstyled .panel-body { margin-bottom: 0; } .sidebar-sm .panel-group .panel, .panel-group-sm .panel { font-size: 0.875rem; } .sidebar-sm .panel-group .panel .panel-header, .panel-group-sm .panel .panel-header { padding-bottom: 0.5rem; padding-top: 0.5rem; } .sidebar-sm .panel-group .panel .panel-header .c-inner, .panel-group-sm .panel .panel-header .c-inner { margin-bottom: -0.5rem; margin-top: -0.5rem; } .sidebar-sm .panel-group .panel .panel-header:not(.collapse-icon-middle) .collapse-icon-closed, .panel-group-sm .panel .panel-header:not(.collapse-icon-middle) .collapse-icon-closed, .sidebar-sm .panel-group .panel .panel-header:not(.collapse-icon-middle) .collapse-icon-open, .panel-group-sm .panel .panel-header:not(.collapse-icon-middle) .collapse-icon-open { top: 0.6875rem; } .sidebar-sm .panel-group .panel .panel-title, .panel-group-sm .panel .panel-title { font-size: 0.875rem; } .sidebar-sm .panel-group .panel-unstyled, .panel-group-sm .panel-unstyled { margin-bottom: 1rem; } .panel-block { border-color: #ced4da; } .panel-block .panel-header { font-size: 1.25rem; line-height: 1.25; padding: 1.15625rem 1.25rem; } .panel-block .panel-header.collapse-icon { padding-right: 3rem; } .panel-block .panel-header:not(.collapse-icon-middle) .collapse-icon-closed, .panel-block .panel-header:not(.collapse-icon-middle) .collapse-icon-open { font-size: inherit; top: 1.3125rem; } .panel-group .panel-block .panel-header + .panel-collapse > .panel-body { border-color: #ced4da; } .panel-block .panel-title { font-size: inherit; text-transform: none; } .panel-block .panel-body { padding: 0 1.25rem 1.25rem; } .panel-block .panel-footer { padding: 0 1.25rem 1.25rem; } .panel-default { border-width: 0px; } .panel-default .panel-header { border-radius: 0; color: #6c757d; font-size: 0.875rem; line-height: 1.125rem; padding-bottom: 0.40625rem; padding-left: 0; padding-right: 0; padding-top: 0.40625rem; text-transform: uppercase; } .panel-default .panel-header .c-inner { margin-bottom: -0.40625rem; margin-left: 0; margin-right: 0; margin-top: -0.40625rem; } .panel-default .panel-header.panel-header-link { border-bottom: 1px solid #ced4da; } .panel-default .panel-header.collapse-icon { padding-right: 1.75rem; } .panel-default .panel-header:not(.collapse-icon-middle) .collapse-icon-closed, .panel-default .panel-header:not(.collapse-icon-middle) .collapse-icon-open { font-size: inherit; right: 0; top: 0.5rem; } .panel-default .panel-header.collapse-icon-middle .collapse-icon-closed, .panel-default .panel-header.collapse-icon-middle .collapse-icon-open { right: 0; } .panel-default .panel-title { font-size: inherit; } .panel-default .panel-body { padding: 1.25rem 0; } .panel-default .panel-footer { padding: 1.25rem 0; } .panel-secondary { border-color: rgba(0, 0, 0, 0.125); } .panel-secondary .panel-header { background-color: #f8f9fa; border-color: rgba(0, 0, 0, 0.125); } .panel-group .panel-secondary .panel-header + .panel-collapse > .panel-body { border-color: rgba(0, 0, 0, 0.125); } .panel-secondary .panel-footer { background-color: #f8f9fa; border-color: rgba(0, 0, 0, 0.125); } .panel-unstyled { background-color: transparent; border-radius: 0px; border-width: 0px; margin-bottom: 1.5rem; } .panel-unstyled .panel-header { border-color: #adb5bd; border-radius: 0px; border-style: solid; border-width: 0 0 1px 0; padding-left: 0; } .panel-unstyled .panel-header .c-inner { margin-left: 0; } .panel-unstyled .panel-header.collapsed { border-color: #adb5bd; } .panel-unstyled .panel-header:not(.collapse-icon-middle) .collapse-icon-closed, .panel-unstyled .panel-header:not(.collapse-icon-middle) .collapse-icon-open { right: 0; } .panel-unstyled .panel-body { padding: 1rem 0 0.1px 0; } .panel-unstyled .panel-footer { padding: 1rem 0 0.1px 0; } .panel-lg.panel-block .panel-header { font-size: 1.5rem; padding: 1.5rem 1.5rem; } .panel-lg.panel-block .panel-header.collapse-icon { padding-right: 4.5rem; } .panel-lg.panel-block .panel-header:not(.collapse-icon-middle) .collapse-icon-closed, .panel-lg.panel-block .panel-header:not(.collapse-icon-middle) .collapse-icon-open { top: 1.75rem; } .panel-lg.panel-block .panel-body { padding: 0 1.5rem 1.5rem; } .panel-lg.panel-block .panel-footer { padding: 0 1.5rem 1.5rem; } .panel-sm.panel-block .panel-header { font-size: 1rem; padding: 0.8125rem 1rem; } .panel-sm.panel-block .panel-header.collapse-icon { padding-right: 3rem; } .panel-sm.panel-block .panel-header:not(.collapse-icon-middle) .collapse-icon-closed, .panel-sm.panel-block .panel-header:not(.collapse-icon-middle) .collapse-icon-open { top: 0.9375rem; } .panel-sm.panel-block .panel-body { padding: 0 1rem 1rem; } .panel-sm.panel-block .panel-footer { padding: 0 1rem 1rem; } .panel-sm.panel-default .panel-header { font-size: 0.75rem; line-height: 1; padding-bottom: 0.34375rem; padding-top: 0.34375rem; } .panel-sm.panel-default .panel-header .c-inner { margin-bottom: -0.34375rem; margin-top: -0.34375rem; } .panel-sm.panel-default .panel-header.collapse-icon { padding-right: 1.75rem; } .panel-sm.panel-default .panel-header:not(.collapse-icon-middle) .collapse-icon-closed, .panel-sm.panel-default .panel-header:not(.collapse-icon-middle) .collapse-icon-open { top: 0.375rem; } .popover { background-clip: padding-box; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; display: block; font-family: Open Sans, Arial, sans-serif; font-size: 0.875rem; font-style: normal; font-weight: 400; left: 0; letter-spacing: normal; line-height: 1.625; max-width: 276px; position: absolute; text-align: left; text-decoration: none; text-shadow: none; text-transform: none; top: 0; white-space: normal; word-break: normal; word-spacing: normal; overflow-wrap: break-word; word-wrap: break-word; z-index: 1060; } .popover .arrow { display: block; height: 0.5rem; margin: 0 0.3rem; position: absolute; width: 1rem; } .popover .arrow::before { border-color: transparent; border-style: solid; content: ""; display: block; position: absolute; } .popover .arrow::after { border-color: transparent; border-style: solid; content: ""; display: block; position: absolute; } .popover .inline-scroller { max-height: 14.75rem; } .popover.focus, .popover:focus-visible, .c-prefers-focus .popover:focus { box-shadow: 0 0 0 0.2rem rgba(0, 130, 150, 0.25); outline: 0; } .popover-secondary { box-shadow: 0 8px 16px 0 rgba(0, 130, 150, 0.16); } .popover-secondary .popover-header { background-color: transparent; border-color: transparent; padding-bottom: 0; } .popover-secondary .close { color: #6c757d; } .bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] { margin-top: 0.5rem; } .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow { top: calc( -0.5rem - 1px ); } .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before { border-bottom-color: rgba(0, 0, 0, 0.25); border-width: 0 0.5rem 0.5rem 0.5rem; top: 0; } .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after { border-bottom-color: #f7f7f7; border-width: 0 0.5rem 0.5rem 0.5rem; top: 1px; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before { border-bottom: 1px solid #f7f7f7; content: ""; display: block; left: 50%; margin-left: calc(-1rem / 2); position: absolute; top: 0; width: 1rem; } .bs-popover-left, .bs-popover-auto[x-placement^=left] { margin-right: 0.5rem; } .bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow { height: 1rem; margin: 0.3rem 0; right: calc( -0.5rem - 1px ); width: 0.5rem; } .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before { border-left-color: rgba(0, 0, 0, 0.25); border-width: 0.5rem 0 0.5rem 0.5rem; right: 0; } .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after { border-left-color: #fff; border-width: 0.5rem 0 0.5rem 0.5rem; right: 1px; } .bs-popover-right, .bs-popover-auto[x-placement^=right] { margin-left: 0.5rem; } .bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow { height: 1rem; left: calc( -0.5rem - 1px ); margin: 0.3rem 0; width: 0.5rem; } .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before { border-right-color: rgba(0, 0, 0, 0.25); border-width: 0.5rem 0.5rem 0.5rem 0; left: 0; } .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after { border-right-color: #fff; border-width: 0.5rem 0.5rem 0.5rem 0; left: 1px; } .bs-popover-top, .bs-popover-auto[x-placement^=top] { margin-bottom: 0.5rem; } .bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow { bottom: calc( -0.5rem - 1px ); } .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before { border-top-color: rgba(0, 0, 0, 0.25); border-width: 0.5rem 0.5rem 0; bottom: 0; } .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after { border-top-color: #fff; border-width: 0.5rem 0.5rem 0; bottom: 1px; } .popover-header { color: #008296; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); font-size: 1rem; font-weight: 500; margin-bottom: 0; margin-top: 0; padding: 0.5rem 0.75rem; } .popover-header:empty { display: none; } .popover-body { border-bottom-left-radius: calc(0.3rem - 1px); border-bottom-right-radius: calc(0.3rem - 1px); color: #2b2b2b; padding: 0.5rem 0.75rem; } .popover-width-lg { max-width: 421px; } .clay-popover-top, .clay-popover-top-left, .clay-popover-top-right { margin-bottom: 0.5rem; } .clay-popover-top .arrow, .clay-popover-top-left .arrow, .clay-popover-top-right .arrow { left: 50%; margin-left: -0.5rem; bottom: calc((0.5rem + 1px) * -1); margin: 0; } .clay-popover-top .arrow::before, .clay-popover-top-left .arrow::before, .clay-popover-top-right .arrow::before { border-top-color: rgba(0, 0, 0, 0.25); border-width: 0.5rem 0.5rem 0; bottom: 0; } .clay-popover-top .arrow::after, .clay-popover-top-left .arrow::after, .clay-popover-top-right .arrow::after { border-top-color: #fff; border-width: 0.5rem 0.5rem 0; bottom: 1px; } .clay-popover-top-left .arrow { left: 0.375rem; margin: 0; } .clay-popover-top-right .arrow { left: auto; right: 0.375rem; margin: 0; } .clay-popover-right, .clay-popover-right-bottom, .clay-popover-right-top { margin-left: 0.5rem; } .clay-popover-right .arrow, .clay-popover-right-bottom .arrow, .clay-popover-right-top .arrow { height: 1rem; left: calc((0.5rem + 1px) * -1); margin: -0.25rem 0 0; top: 50%; width: 0.5rem; } .clay-popover-right .arrow::before, .clay-popover-right-bottom .arrow::before, .clay-popover-right-top .arrow::before { border-right-color: rgba(0, 0, 0, 0.25); border-width: 0.5rem 0.5rem 0.5rem 0; left: 0; } .clay-popover-right .arrow::after, .clay-popover-right-bottom .arrow::after, .clay-popover-right-top .arrow::after { border-right-color: #fff; border-width: 0.5rem 0.5rem 0.5rem 0; left: 1px; } .clay-popover-right-bottom .arrow { bottom: 0.375rem; margin: 0; top: auto; } .clay-popover-right-top .arrow { margin: 0; top: 0.375rem; } .clay-popover-right-top .arrow::after { border-right-color: #f7f7f7; } .clay-popover-bottom, .clay-popover-bottom-left, .clay-popover-bottom-right { margin-top: 0.5rem; } .clay-popover-bottom .arrow, .clay-popover-bottom-left .arrow, .clay-popover-bottom-right .arrow { left: 50%; margin: 0 0 0 -0.5rem; top: calc((0.5rem + 1px) * -1); } .clay-popover-bottom .arrow::before, .clay-popover-bottom-left .arrow::before, .clay-popover-bottom-right .arrow::before { border-bottom-color: rgba(0, 0, 0, 0.25); border-width: 0 0.5rem 0.5rem 0.5rem; top: 0; } .clay-popover-bottom .arrow::after, .clay-popover-bottom-left .arrow::after, .clay-popover-bottom-right .arrow::after { border-bottom-color: #f7f7f7; border-width: 0 0.5rem 0.5rem 0.5rem; top: 1px; } .clay-popover-bottom-left .arrow { left: 0.375rem; margin: 0; } .clay-popover-bottom-left .arrow::after { border-bottom-color: #f7f7f7; } .clay-popover-bottom-right .arrow { left: auto; right: 0.375rem; } .clay-popover-bottom-right .arrow::after { border-bottom-color: #f7f7f7; } .clay-popover-left, .clay-popover-left-bottom, .clay-popover-left-top { margin-right: 0.5rem; } .clay-popover-left .arrow, .clay-popover-left-bottom .arrow, .clay-popover-left-top .arrow { height: 1rem; margin: -0.25rem 0 0; right: calc((0.5rem + 1px) * -1); top: 50%; width: 0.5rem; } .clay-popover-left .arrow::before, .clay-popover-left-bottom .arrow::before, .clay-popover-left-top .arrow::before { border-left-color: rgba(0, 0, 0, 0.25); border-width: 0.5rem 0 0.5rem 0.5rem; right: 0; } .clay-popover-left .arrow::after, .clay-popover-left-bottom .arrow::after, .clay-popover-left-top .arrow::after { border-left-color: #fff; border-width: 0.5rem 0 0.5rem 0.5rem; right: 1px; } .clay-popover-left-bottom .arrow { bottom: 0.375rem; margin: 0; top: auto; } .clay-popover-left-top .arrow { margin: 0; top: 0.375rem; } .clay-popover-left-top .arrow::after { border-left-color: #f7f7f7; } .progress { background-color: #e9ecef; border-radius: 0.25rem; display: flex; flex-grow: 1; font-size: 0.75rem; height: 0.5rem; min-width: 6.25rem; overflow: hidden; } .progress-bar { background-color: #0075a8; color: #fff; display: flex; flex-direction: column; justify-content: center; overflow: hidden; text-align: center; transition: width 0.6s ease; white-space: nowrap; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .c-prefers-reduced-motion .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: 0.5rem 0.5rem; } @keyframes progress-bar-stripes { from { background-position: 0.5rem 0; } to { background-position: 0 0; } } .progress-bar-animated { animation: progress-bar-stripes 1s linear infinite; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .c-prefers-reduced-motion .progress-bar-animated { animation: none; } .progress-lg, .progress-lg > .progress { border-radius: 0; font-size: 1.25rem; height: calc(0.5rem * 2); line-height: calc(0.5rem * 2); } .progress-group { align-items: center; display: flex; } .progress-group-addon { margin-right: 0.25rem; min-width: 2rem; text-align: center; } .progress-group-addon:first-child { padding-left: 0; } .progress-group-addon:last-child { padding-right: 0; } .progress ~ .progress-group-addon { margin-left: 0.25rem; margin-right: 0; } .progress-group-feedback { color: #008296; } .progress-group-stacked { display: block; } .progress-group-stacked .progress { margin-bottom: 0.25rem; margin-top: 0.25rem; } .progress-group-stacked .progress-group-addon { margin-left: 0; margin-right: 0; } .progress-success .progress-bar { background-color: #547b1c; } .progress-success .progress-group-feedback { color: #547b1c; } .progress-info .progress-bar { background-color: #0075a8; } .progress-info .progress-group-feedback { color: #0075a8; } .progress-warning .progress-bar { background-color: #b4520c; } .progress-warning .progress-group-feedback { color: #b4520c; } .progress-danger .progress-bar { background-color: #ab2218; } .progress-danger .progress-group-feedback { color: #ab2218; } .quick-action-menu { align-items: center; bottom: 0; display: none; left: auto; position: absolute; right: 100%; top: 0; } .quick-action-item { border-radius: 0; display: flex; line-height: 1; margin-left: 0.5rem; margin-right: 0.5rem; min-height: 2rem; min-width: 2rem; } .quick-action-item:disabled, .quick-action-item.disabled { cursor: not-allowed; opacity: 0.65; } .quick-action-item .lexicon-icon { margin-top: 0; } .sheet { background-color: #fff; border-color: #dee2e6; border-style: solid; border-width: 0.0625rem; border-radius: 0; padding-bottom: 0.0625rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1.5rem; } .sheet::after { content: ""; display: block; margin-top: 1.5rem; } .sheet + .sheet { margin-top: 3rem; } .sheet .component-title { color: inherit; display: inline-block; font-size: inherit; font-weight: inherit; max-width: 100%; } .sheet .panel-group, .sheet .panel-group .panel:last-child .panel-body { margin-bottom: 1.5rem; } .sheet .panel-group .panel-body { margin-bottom: 3rem; } .sheet-row { margin-left: -1.5rem; margin-right: -1.5rem; } .sheet-header { margin-bottom: 3rem; } .sheet-header::after { clear: both; content: ""; display: block; } .sheet-section { margin-bottom: 3rem; } .sheet-section > fieldset { margin-bottom: -3rem; } .sheet-section > .card-page:last-child, .sheet-section .card-page-last { margin-bottom: -1.5rem; } .sheet-section::after { clear: both; content: ""; display: block; } fieldset + .sheet-footer { margin-top: 0; } .sheet-footer { display: flex; margin-bottom: 1.5rem; margin-top: 1.5rem; } .sheet-footer::after { clear: both; content: ""; display: block; } @media (max-width: 767.98px) { .sheet-footer-btn-block-sm-down { display: block; } .sheet-footer-btn-block-sm-down .btn { display: block; margin-bottom: 1rem; width: 100%; } .sheet-footer-btn-block-sm-down .btn-group { display: block; } .sheet-footer-btn-block-sm-down .btn-group-item { display: block; margin-right: 0; } } .sheet-lg { margin-left: auto; margin-right: auto; max-width: 800px; } .sheet-title { display: block; font-size: 1.5rem; font-weight: 500; line-height: 1.2; margin-bottom: 1.5rem; word-wrap: break-word; } .sheet-subtitle { border-style: solid; border-width: 0 0 1px 0; display: block; font-size: 0.875rem; font-weight: 500; line-height: 1.2; margin-bottom: 1.5rem; padding-bottom: 0.3125rem; padding-top: 0.3125rem; position: relative; text-transform: uppercase; word-wrap: break-word; } .sheet-subtitle .c-inner { margin-bottom: -0.3125rem; margin-top: -0.3125rem; } .sheet-subtitle.autofit-row { padding-bottom: 0; } .sheet-subtitle.autofit-row .autofit-col { margin-bottom: 0.3125rem; } .sheet-subtitle .collapse-icon-closed, .sheet-subtitle .collapse-icon-open { top: calc(0.3125rem + (((1em * 1.2) - 1em) * 0.5)); } .sheet-subtitle .component-title, .sheet-subtitle .heading-text { margin-bottom: 0; margin-top: auto; } .sheet-subtitle a, .sheet-subtitle .btn { text-transform: none; } a.sheet-subtitle:hover, a.sheet-subtitle.hover { text-decoration: none; } .sheet-tertiary-title { display: block; font-size: 0.875rem; font-weight: 500; line-height: 1.2; margin-bottom: 1.5rem; padding-bottom: 0.3125rem; padding-top: 0.3125rem; text-transform: uppercase; word-wrap: break-word; } .sheet-tertiary-title .component-title { margin-bottom: 0; } .sheet-text { margin-bottom: 1.5rem; word-wrap: break-word; } .sheet-multiple-form .sheet-header { border-color: #dee2e6; border-style: solid; border-width: 0 0 1px; margin: -1.5rem -1.5rem 1.5rem; padding: 1rem 1.5rem; } .sheet-multiple-form .sheet-header .sheet-title { margin-bottom: 0; } .sheet-dataset-content .sheet-header { border-width: 0px; margin: -1.5rem -1.5rem 1.5rem; padding: 1rem 1.5rem; } .sheet-dataset-content .sheet-header .sheet-title { margin-bottom: 0; } .card-page-equal-height .sheet { display: flex; flex-direction: column; flex-grow: 1; } .card-page-equal-height .sheet > .autofit-row { flex-grow: 1; } .card-page-item .sheet { margin-bottom: 30px; } .container-fluid-1280.sidenav-container { padding-left: 15px; padding-right: 15px; } .sidenav-container { position: relative; } .sidenav-container > .sidenav-menu-slider { visibility: hidden; width: 0; } .sidenav-container > .sidenav-content { left: 0; } .sidenav-container.open.sidenav-transition > .sidenav-menu-slider { overflow: hidden; } .sidenav-container.open > .sidenav-menu-slider { overflow: visible; visibility: visible; } .sidenav-content { position: relative; } @media (min-width: 768px) { .sidenav-content { position: static; } .sidenav-content::after { clear: both; content: ""; display: block; } } .sidenav-menu { height: 100%; position: relative; } .sidenav-menu-slider { overflow: hidden; position: absolute; width: 320px; z-index: 10; } .sidenav-fixed > .sidenav-menu-slider { bottom: 0; left: 0; position: fixed; top: 0; z-index: calc(1000 - 25); } .sidenav-end > .sidenav-content, .sidenav-right > .sidenav-content { left: auto; right: 0; } .sidenav-end > .sidenav-menu-slider, .sidenav-right > .sidenav-menu-slider { left: auto; right: 0; } .sidenav-end > .sidenav-menu-slider .sidenav-menu, .sidenav-right > .sidenav-menu-slider .sidenav-menu { right: 0; } .sidenav-js-fouc > .sidenav-menu-slider { opacity: 0; visibility: hidden; } .sidenav-transition .sidenav-content, .sidenav-transition .sidenav-menu, .sidenav-transition .sidenav-menu-slider { transition: all 0.5s ease; } @media (prefers-reduced-motion: reduce) { .sidenav-transition .sidenav-content, .sidenav-transition .sidenav-menu, .sidenav-transition .sidenav-menu-slider { transition: none; } } .c-prefers-reduced-motion .sidenav-transition .sidenav-content, .c-prefers-reduced-motion .sidenav-transition .sidenav-menu, .c-prefers-reduced-motion .sidenav-transition .sidenav-menu-slider { transition: none; } .sidenav-transition { transition: all 0.5s ease; } @media (prefers-reduced-motion: reduce) { .sidenav-transition { transition: none; } } .c-prefers-reduced-motion .sidenav-transition { transition: none; } .sidenav-fixed.sidenav-menu-slider { bottom: 0; left: 0; position: fixed; top: 0; visibility: hidden; width: 0; } .sidenav-fixed.sidenav-menu-slider.open { visibility: visible; width: 320px; } .sidenav-fixed.sidenav-menu-slider .sidenav-menu { position: absolute; } .sidenav-menu-slider .sidenav-menu { width: 320px; } .sidenav-menu-slider.sidenav-end, .sidenav-menu-slider.sidenav-right { left: auto; right: 0; } .sidenav-menu-slider.sidenav-end .sidenav-menu, .sidenav-menu-slider.sidenav-right .sidenav-menu { right: 0; } .sidebar { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } .sidebar:focus, .sidebar.focus { box-shadow: inset 0 0 0 0.2rem rgba(0, 130, 150, 0.25); outline: 0; } .sidebar .container-fluid, .sidebar .container-sm, .sidebar .container-md, .sidebar .container-lg, .sidebar .container-xl { padding-left: 1rem; padding-right: 1rem; } .sidebar-header { padding-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; } .sidebar-header .component-title { font-size: 1.5rem; font-weight: 500; overflow-wrap: break-word; word-wrap: break-word; } .sidebar-header .component-title[href], .sidebar-header .component-title a[href] { color: #212529; } .sidebar-header .component-subtitle { font-size: 1.125rem; font-weight: 500; margin-bottom: 0; overflow-wrap: break-word; word-wrap: break-word; } .sidebar-footer { padding-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; } .sidebar-body { overflow: auto; -webkit-overflow-scrolling: touch; padding-bottom: 1rem; padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; } .sidebar-body > .sidebar-section { margin-bottom: 2rem; } .sidebar-body > .sidebar-section:last-child { margin-bottom: 0; } .sidebar-section { position: relative; word-wrap: break-word; } .sidebar-list-group { display: flex; flex-direction: column; font-size: 0.875rem; margin-bottom: 0; padding-left: 0; } .sidebar-list-group .autofit-col { padding-bottom: 1rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 1rem; } .sidebar-list-group .list-group-item { background-color: transparent; border-color: #dee2e6; padding: 0; } .sidebar-list-group .sticker { font-size: 0.75rem; height: 1.5rem; line-height: 1.5rem; width: 1.5rem; } .sidebar-list-group .sticker.sticker-outside { left: -0.75rem; top: -0.75rem; } .sidebar-list-group .sticker.sticker-outside.sticker-bottom-left { bottom: -0.75rem; top: auto; } .sidebar-list-group .sticker.sticker-outside.sticker-bottom-right { bottom: -0.75rem; left: auto; right: -0.75rem; top: auto; } .sidebar-list-group .sticker.sticker-outside.sticker-top-right { left: auto; right: -0.75rem; } .sidebar-panel { margin-bottom: 1rem; position: relative; } .sidebar-dt { font-size: 0.875rem; font-weight: 500; margin-bottom: 0.25rem; text-transform: uppercase; } .sidebar-dd { font-size: 0.875rem; margin-bottom: 0.75rem; } .sidebar-sm { font-size: 0.875rem; } .sidebar-light { background-color: #ebebeb; border-color: #dee2e6; border-left-width: 1px; color: #212529; } .sidebar-light .sidebar-list-group .list-group-title { font-size: 1rem; } .sidebar-light .sidebar-list-group .list-group-title[href], .sidebar-light .sidebar-list-group .list-group-title a[href] { color: #212529; } .sidebar-light .sidebar-panel { background-color: #e9ecef; } .sidebar-light .sidebar-dd[href], .sidebar-light .sidebar-dd a[href] { color: #212529; } .sidebar-light .component-navigation-bar { background-color: #ebebeb; border-color: #dee2e6; } .sidebar-light .component-navigation-bar .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .sidebar-light .component-navigation-bar .navbar-nav .nav-link:hover, .sidebar-light .component-navigation-bar .navbar-nav .nav-link.hover { color: rgba(0, 0, 0, 0.7); } .sidebar-light .component-navigation-bar .navbar-nav .nav-link:active { color: rgba(0, 0, 0, 0.9); } .sidebar-light .component-navigation-bar .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .sidebar-light .component-navigation-bar .navbar-nav .nav-link:disabled, .sidebar-light .component-navigation-bar .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .sidebar-light .component-navigation-bar .navbar-nav .nav-link[aria-expanded=true], .sidebar-light .component-navigation-bar .navbar-nav .nav-link.show { color: rgba(0, 0, 0, 0.9); } .sidebar-light .component-navigation-bar .navbar-brand:active { color: rgba(0, 0, 0, 0.9); } .sidebar-light .component-navigation-bar .navbar-brand.active { color: rgba(0, 0, 0, 0.9); } .sidebar-light .component-navigation-bar .navbar-brand:disabled, .sidebar-light .component-navigation-bar .navbar-brand.disabled { color: rgba(0, 0, 0, 0.3); } .sidebar-light .component-navigation-bar .navbar-brand[aria-expanded=true], .sidebar-light .component-navigation-bar .navbar-brand.show { color: rgba(0, 0, 0, 0.9); } .sidebar-light .component-navigation-bar .navbar-toggler { color: rgba(0, 0, 0, 0.5); } .sidebar-light .component-navigation-bar .navbar-overlay { background-color: #ebebeb; } .sidebar-dark { background-color: #2b2b2b; color: #fff; } .sidebar-dark .close { color: white; } .sidebar-dark .close:hover { color: #fff; } .sidebar-dark .sidebar-header .component-title { color: inherit; } .sidebar-dark .sidebar-header .component-title[href], .sidebar-dark .sidebar-header .component-title a[href] { color: inherit; } .sidebar-dark .sidebar-header .component-subtitle { color: inherit; } .sidebar-dark .sidebar-header .component-subtitle[href], .sidebar-dark .sidebar-header .component-subtitle a[href] { color: inherit; } .sidebar-dark .nav-nested .nav-link { border-radius: 0; color: white; transition: box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .sidebar-dark .nav-nested .nav-link { transition: none; } } .c-prefers-reduced-motion .sidebar-dark .nav-nested .nav-link { transition: none; } .sidebar-dark .nav-nested .nav-link:hover, .sidebar-dark .nav-nested .nav-link.hover { color: #fff; } .sidebar-dark .nav-nested .nav-link.focus, .sidebar-dark .nav-nested .nav-link:focus-visible, .c-prefers-focus .sidebar-dark .nav-nested .nav-link:focus { box-shadow: 0 0 0 0.2rem rgba(0, 130, 150, 0.25); outline: 0; } .sidebar-dark .nav-nested .nav-link:active { color: #fff; } .sidebar-dark .nav-nested .nav-link.active { color: #fff; } .sidebar-dark .nav-nested .nav-link:disabled, .sidebar-dark .nav-nested .nav-link.disabled { box-shadow: none; color: white; opacity: 0.65; } .sidebar-dark .nav-nested .nav-link:disabled:active, .sidebar-dark .nav-nested .nav-link.disabled:active { pointer-events: none; } .sidebar-dark .nav-nested .nav-link[aria-expanded=true], .sidebar-dark .nav-nested .nav-link.show { color: #fff; } .sidebar-dark-l2 { background-color: #7f7f7f; color: #fff; } .sidebar-dark-l2 .close { color: white; } .sidebar-dark-l2 .close:hover { color: #fff; } .sidebar-dark-l2 .sidebar-header .component-title { color: inherit; } .sidebar-dark-l2 .sidebar-header .component-title[href], .sidebar-dark-l2 .sidebar-header .component-title a[href] { color: inherit; } .sidebar-dark-l2 .sidebar-header .component-subtitle { color: inherit; } .sidebar-dark-l2 .sidebar-header .component-subtitle[href], .sidebar-dark-l2 .sidebar-header .component-subtitle a[href] { color: inherit; } .sidebar-dark-l2 .nav-nested .nav-link { border-radius: 0; color: white; transition: box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .sidebar-dark-l2 .nav-nested .nav-link { transition: none; } } .c-prefers-reduced-motion .sidebar-dark-l2 .nav-nested .nav-link { transition: none; } .sidebar-dark-l2 .nav-nested .nav-link:hover, .sidebar-dark-l2 .nav-nested .nav-link.hover { color: #fff; } .sidebar-dark-l2 .nav-nested .nav-link.focus, .sidebar-dark-l2 .nav-nested .nav-link:focus-visible, .c-prefers-focus .sidebar-dark-l2 .nav-nested .nav-link:focus { box-shadow: 0 0 0 0.2rem rgba(0, 130, 150, 0.25); outline: 0; } .sidebar-dark-l2 .nav-nested .nav-link:active { color: #fff; } .sidebar-dark-l2 .nav-nested .nav-link.active { color: #fff; } .sidebar-dark-l2 .nav-nested .nav-link:disabled, .sidebar-dark-l2 .nav-nested .nav-link.disabled { box-shadow: none; color: white; opacity: 0.65; } .sidebar-dark-l2 .nav-nested .nav-link:disabled:active, .sidebar-dark-l2 .nav-nested .nav-link.disabled:active { pointer-events: none; } .sidebar-dark-l2 .nav-nested .nav-link[aria-expanded=true], .sidebar-dark-l2 .nav-nested .nav-link.show { color: #fff; } .c-slideout-transition-in { transition: all 0.3s ease-in-out; } @media (prefers-reduced-motion: reduce) { .c-slideout-transition-in { transition: none; } } .c-prefers-reduced-motion .c-slideout-transition-in { transition: none; } .c-slideout-transition-out { transition: all 0.2s ease-in; } @media (prefers-reduced-motion: reduce) { .c-slideout-transition-out { transition: none; } } .c-prefers-reduced-motion .c-slideout-transition-out { transition: none; } .c-slideout-fixed { position: fixed; } .c-slideout-absolute { position: absolute; } .c-slideout { display: flex; overflow: hidden; z-index: calc(1000 - 25); } .c-slideout.c-slideout-shown { overflow: visible; } .c-slideout .sidebar { display: none; flex-shrink: 0; overflow: visible; position: relative; width: 320px; } .c-slideout .sidebar.c-slideout-show { display: block; } .c-slideout .sidebar.c-slideout-transition { display: block; } .c-slideout .sidebar.c-slideout-transition .c-horizontal-resizer { display: none; } .c-slideout .tbar-stacked { display: none; flex-shrink: 0; min-width: 40px; overflow: auto; position: relative; z-index: 1; } .c-slideout .tbar-stacked.c-slideout-show { display: flex; } .c-slideout .tbar-stacked.c-slideout-transition { display: flex; } @media (max-width: 767.98px) { .c-slideout .sidebar { width: 280px; } } .c-slideout-start { bottom: 0; left: 0; top: 0; } .c-slideout-start.c-slideout-tbar-shown .sidebar { left: -320px; } .c-slideout-start .sidebar { left: -360px; width: 320px; } .c-slideout-start .sidebar.c-slideout-show { left: 0; } .c-slideout-start .tbar-stacked { left: -40px; } .c-slideout-start .tbar-stacked.c-slideout-show { left: 0; } @media (max-width: 767.98px) { .c-slideout-start.c-slideout-tbar-shown .sidebar { left: -280px; } .c-slideout-start .sidebar { left: -320px; width: 280px; } .c-slideout-start .tbar-stacked { left: -40px; } } .c-slideout-end { bottom: 0; right: 0; top: 0; } .c-slideout-end.c-slideout-tbar-shown .sidebar { right: -320px; } .c-slideout-end .sidebar { right: -360px; } .c-slideout-end .sidebar.c-slideout-show { right: 0; } .c-slideout-end .tbar-stacked { right: -40px; } .c-slideout-end .tbar-stacked.c-slideout-show { right: 0; } .c-slideout-end .c-horizontal-resizer { left: 0; right: auto; } @media (max-width: 767.98px) { .c-slideout-end.c-slideout-tbar-shown .sidebar { right: -280px; } .c-slideout-end .sidebar { right: -320px; } .c-slideout-end .tbar-stacked { right: -40px; } } .c-slideout-height-full { z-index: calc(1030 + 5); } table { border-collapse: collapse; } th { height: 20px; text-align: left; } caption { color: #6b6b6b; padding-bottom: 0.5rem 1rem; padding-top: 0.5rem 1rem; text-align: left; } .table-head-title .inline-item-before { margin-right: 0.25rem; } .table-head-title .inline-item-before + .text-truncate-inline { max-width: calc( 100% - 1em - 0.25rem ); } .table-head-title .inline-item-after { margin-left: 0.25rem; } .table { border-spacing: 0; color: #2b2b2b; margin-bottom: 0; width: 100%; } .table thead { background-color: #e9ecef; } .table thead th, .table thead td { border-bottom: calc(2 * 1px) solid #d1d1d1; border-top-width: 0px; vertical-align: middle; } .table th:first-child, .table td:first-child, .table .table-column-start { padding-left: 1.25rem; } .table th { background-clip: padding-box; border-top: 1px solid #d1d1d1; color: #495057; height: 56px; padding: 0.5rem 1rem; position: relative; vertical-align: top; } .table td { background-clip: padding-box; border-bottom-width: 1px; border-color: #d1d1d1; border-left-width: 0px; border-right-width: 0px; border-style: solid; border-top-width: 1px; height: 56px; padding: 0.5rem 1rem; position: relative; vertical-align: middle; } .table tbody + tbody { border-top: calc(2 * 1px) solid #d1d1d1; } .table caption { caption-side: top; padding-left: 1rem; padding-right: 1rem; } .table .table-divider th, .table .table-divider td { background-color: #fff; height: 34px; line-height: 17px; padding: 0.5rem 1rem 0.5rem 1.25rem; } .table .table-active { background-color: rgba(0, 0, 0, 0.075); } .table .table-active .quick-action-menu { background-color: rgba(0, 0, 0, 0.075); } .table .table-disabled { background-color: #fff; color: #acacac; } .table .table-disabled th, .table .table-disabled td { cursor: not-allowed; } .table .table-disabled th a[href], .table .table-disabled td a[href] { color: #acacac; pointer-events: none; } .table .table-disabled .table-title { color: #acacac; } .table .table-disabled .table-list-title { color: #acacac; } .table .autofit-col { justify-content: center; padding-left: 1rem; padding-right: 1rem; } .table .autofit-col:first-child { padding-left: 0; } .table .autofit-col:last-child { padding-right: 0; } .table .component-drag { font-size: 0.875rem; height: 1rem; width: 1rem; } .table .component-drag.focus, .table .component-drag:focus-visible, .c-prefers-focus .table .component-drag:focus { box-shadow: inset 0 0 0 0.2rem rgba(0, 130, 150, 0.25); } .table .custom-control, .table .form-check { margin-bottom: 0; } .table .quick-action-menu { align-items: flex-start; padding-bottom: 0.5rem; padding-top: 0.5rem; } .table-caption-bottom caption { caption-side: bottom; } .table-lg th, .table-lg td { padding: 1.0625rem; } .table-md th, .table-md td { height: 48px; padding: 0.375rem 1rem; } .table-sm th, .table-sm td { height: 32px; padding: 0.3rem; } .table-bordered { border: 1px solid #d1d1d1; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: calc(2 * 1px); } .table-bordered th, .table-bordered td { border: 1px solid #d1d1d1; } .table-head-bordered thead th, .table-head-bordered thead td { border-left: 1px solid #d1d1d1; } .table-head-bordered thead th:first-child, .table-head-bordered thead td:first-child { border-left-width: 0; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider), .table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider) td, .table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider) th { background-color: rgba(0, 0, 0, 0.05); } .table-striped.table-hover tbody tr:nth-of-type(odd):hover:not(.table-active):not(.table-disabled):not(.table-divider), .table-striped.table-hover tbody tr:nth-of-type(odd):hover:not(.table-active):not(.table-disabled):not(.table-divider) td, .table-striped.table-hover tbody tr:nth-of-type(odd):hover:not(.table-active):not(.table-disabled):not(.table-divider) th { background-color: rgba(0, 0, 0, 0.075); } .table-hover tbody tr:hover { background-color: rgba(0, 0, 0, 0.075); color: #2b2b2b; } .table-hover tbody tr:hover .quick-action-menu { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover .quick-action-menu { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-disabled:hover { background-color: #fff; } tr.table-focus { outline: 0; } tr.table-focus th, tr.table-focus td { outline: 0; } tr.table-focus th::before, tr.table-focus td::before { box-shadow: inset 0 0.2rem 0 0 rgba(0, 130, 150, 0.25), inset 0 -0.2rem 0 0 rgba(0, 130, 150, 0.25); content: ""; display: block; position: absolute; left: -1px; right: -1px; top: -1px; bottom: -1px; pointer-events: none; z-index: 1; } tr.table-focus th:first-child::after, tr.table-focus td:first-child::after { box-shadow: inset 0.2rem 0 0 0 rgba(0, 130, 150, 0.25); content: ""; display: block; position: absolute; pointer-events: none; top: 1px; bottom: 1px; left: -1px; z-index: 1; width: 0.25rem; } tr.table-focus th:last-child::after, tr.table-focus td:last-child::after { box-shadow: inset -0.2rem 0 0 0 rgba(0, 130, 150, 0.25); content: ""; display: block; position: absolute; pointer-events: none; top: 1px; bottom: 1px; right: -1px; z-index: 1; width: 0.25rem; } td.table-focus { outline: none; } .table .table-primary, .table .table-primary > th, .table .table-primary > td { background-color: #b8dce2; border-color: #7abec8; } .table .table-primary th, .table .table-primary td, .table .table-primary thead th, .table .table-primary tbody + tbody { border-color: #7abec8; } .table-hover .table-primary:hover { background-color: #a6d3db; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #a6d3db; } .table .table-secondary, .table .table-secondary > th, .table .table-secondary > td { background-color: #f8f9fb; border-color: #f2f5f8; } .table .table-secondary th, .table .table-secondary td, .table .table-secondary thead th, .table .table-secondary tbody + tbody { border-color: #f2f5f8; } .table-hover .table-secondary:hover { background-color: #e8ebf2; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #e8ebf2; } .table .table-success, .table .table-success > th, .table .table-success > td { background-color: #cfdabf; border-color: #a6ba89; } .table .table-success th, .table .table-success td, .table .table-success thead th, .table .table-success tbody + tbody { border-color: #a6ba89; } .table-hover .table-success:hover { background-color: #c3d1af; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #c3d1af; } .table .table-info, .table .table-info > th, .table .table-info > td { background-color: #b8d8e7; border-color: #7ab7d2; } .table .table-info th, .table .table-info td, .table .table-info thead th, .table .table-info tbody + tbody { border-color: #7ab7d2; } .table-hover .table-info:hover { background-color: #a5cee1; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #a5cee1; } .table .table-warning, .table .table-warning > th, .table .table-warning > td { background-color: #eacfbb; border-color: #d8a581; } .table .table-warning th, .table .table-warning td, .table .table-warning thead th, .table .table-warning tbody + tbody { border-color: #d8a581; } .table-hover .table-warning:hover { background-color: #e4c1a8; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #e4c1a8; } .table .table-danger, .table .table-danger > th, .table .table-danger > td { background-color: #e7c1be; border-color: #d38c87; } .table .table-danger th, .table .table-danger td, .table .table-danger thead th, .table .table-danger tbody + tbody { border-color: #d38c87; } .table-hover .table-danger:hover { background-color: #e0afab; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #e0afab; } .table .table-light, .table .table-light > th, .table .table-light > td { background-color: #f9f9f9; border-color: whitesmoke; } .table .table-light th, .table .table-light td, .table .table-light thead th, .table .table-light tbody + tbody { border-color: whitesmoke; } .table-hover .table-light:hover { background-color: #ececec; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececec; } .table .table-dark, .table .table-dark > th, .table .table-dark > td { background-color: #c4c4c4; border-color: #919191; } .table .table-dark .table-title, .table .table-dark > th .table-title, .table .table-dark > td .table-title { color: #fff; } .table .table-dark .table-title[href], .table .table-dark .table-title a[href], .table .table-dark > th .table-title[href], .table .table-dark > th .table-title a[href], .table .table-dark > td .table-title[href], .table .table-dark > td .table-title a[href] { color: inherit; } .table .table-dark th, .table .table-dark td, .table .table-dark thead th, .table .table-dark tbody + tbody { border-color: #919191; } .table-hover .table-dark:hover { background-color: #b7b7b7; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b7b7b7; } .table .thead-dark th { background-color: #343a40; border-color: #454d55; color: #fff; } .table .thead-light th { background-color: #e9ecef; border-color: #d1d1d1; color: #495057; } .table-dark { background-color: #343a40; color: #fff; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } .table-dark.table-bordered { border-width: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider), .table-dark.table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider) th, .table-dark.table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider) td { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-striped.table-hover tbody tr:nth-of-type(odd):hover:not(.table-active):not(.table-disabled):not(.table-divider), .table-dark.table-striped.table-hover tbody tr:nth-of-type(odd):hover:not(.table-active):not(.table-disabled):not(.table-divider) td, .table-dark.table-striped.table-hover tbody tr:nth-of-type(odd):hover:not(.table-active):not(.table-disabled):not(.table-divider) th { background-color: rgba(255, 255, 255, 0.075); } .table-dark.table-hover tbody tr:hover { background-color: rgba(255, 255, 255, 0.075); color: #fff; } .table-title { font-size: 1rem; font-weight: 500; line-height: 1.625; margin-bottom: 0; } .table-title[href], .table-title a[href] { color: #212529; } .table-title[href]:hover, .table-title[href].hover, .table-title a[href]:hover, .table-title a[href].hover { color: #212529; } .table-link { color: #495057; } .table-link:hover, .table-link.hover { color: #262a2d; } .table-action-link { align-items: center; border-radius: 0.3rem; display: inline-flex; height: 2rem; justify-content: center; vertical-align: middle; width: 2rem; } .table-action-link:hover, .table-action-link.hover { text-decoration: none; } .table-action-link .lexicon-icon { margin-top: 0; } .table-responsive-sm { margin-bottom: 1.5rem; } @media (max-width: 575.98px) { .table-responsive-sm { display: block; -webkit-overflow-scrolling: touch; overflow-x: auto; width: 100%; } } .table-responsive-md { margin-bottom: 1.5rem; } @media (max-width: 767.98px) { .table-responsive-md { display: block; -webkit-overflow-scrolling: touch; overflow-x: auto; width: 100%; } } .table-responsive-lg { margin-bottom: 1.5rem; } @media (max-width: 991.98px) { .table-responsive-lg { display: block; -webkit-overflow-scrolling: touch; overflow-x: auto; width: 100%; } } .table-responsive-xl { margin-bottom: 1.5rem; } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; -webkit-overflow-scrolling: touch; overflow-x: auto; width: 100%; } } .table-responsive { margin-bottom: 1.5rem; display: block; -webkit-overflow-scrolling: touch; overflow-x: auto; width: 100%; } .table-list { border-collapse: separate; border-color: #d1d1d1; border-radius: 0; border-style: solid; border-width: 0.0625rem 0.0625rem; margin-bottom: 0.0625rem; } .table-list thead { border-top-left-radius: calc(0 - 0.0625rem); border-top-right-radius: calc(0 - 0.0625rem); } .table-list thead th, .table-list thead td { border-bottom-width: 0; } .table-list th, .table-list td { border-color: #d1d1d1; border-style: solid; border-width: 0.0625rem 0 0 0; } .table-list thead:first-child tr:first-child th, .table-list thead:first-child tr:first-child td, .table-list tbody:first-child tr:first-child th, .table-list tbody:first-child tr:first-child td, .table-list tfoot:first-child tr:first-child th, .table-list tfoot:first-child tr:first-child td, .table-list caption:first-child + thead tr:first-child th, .table-list caption:first-child + thead tr:first-child td { border-top-width: 0; } .table-list thead:first-child tr:first-child th:first-child, .table-list thead:first-child tr:first-child td:first-child, .table-list tbody:first-child tr:first-child th:first-child, .table-list tbody:first-child tr:first-child td:first-child, .table-list tfoot:first-child tr:first-child th:first-child, .table-list tfoot:first-child tr:first-child td:first-child, .table-list caption:first-child + thead tr:first-child th:first-child, .table-list caption:first-child + thead tr:first-child td:first-child { border-top-left-radius: calc(0 - 0.0625rem); } .table-list thead:first-child tr:first-child th:last-child, .table-list thead:first-child tr:first-child td:last-child, .table-list tbody:first-child tr:first-child th:last-child, .table-list tbody:first-child tr:first-child td:last-child, .table-list tfoot:first-child tr:first-child th:last-child, .table-list tfoot:first-child tr:first-child td:last-child, .table-list caption:first-child + thead tr:first-child th:last-child, .table-list caption:first-child + thead tr:first-child td:last-child { border-top-right-radius: calc(0 - 0.0625rem); } .table-list .table-row-start .table-cell-start { border-top-left-radius: calc(0 - 0.0625rem); } .table-list .table-row-start .table-cell-end { border-top-right-radius: calc(0 - 0.0625rem); } .table-list thead:last-child tr:last-child th:first-child, .table-list thead:last-child tr:last-child td:first-child, .table-list tbody:last-child tr:last-child th:first-child, .table-list tbody:last-child tr:last-child td:first-child, .table-list tfoot:last-child tr:last-child th:first-child, .table-list tfoot:last-child tr:last-child td:first-child { border-bottom-left-radius: calc(0 - 0.0625rem); } .table-list thead:last-child tr:last-child th:last-child, .table-list thead:last-child tr:last-child td:last-child, .table-list tbody:last-child tr:last-child th:last-child, .table-list tbody:last-child tr:last-child td:last-child, .table-list tfoot:last-child tr:last-child th:last-child, .table-list tfoot:last-child tr:last-child td:last-child { border-bottom-right-radius: calc(0 - 0.0625rem); } .table-list .table-row-end .table-cell-start { border-bottom-left-radius: calc(0 - 0.0625rem); } .table-list .table-row-end .table-cell-end { border-bottom-right-radius: calc(0 - 0.0625rem); } .table-list tbody { border-bottom-left-radius: calc(0 - 0.0625rem); border-bottom-right-radius: calc(0 - 0.0625rem); } .table-list tbody th, .table-list tbody td { vertical-align: middle; } .table-list tfoot th, .table-list tfoot td { vertical-align: middle; } .table-list .table-divider th, .table-list .table-divider td { padding-bottom: 0.5rem; padding-left: 1.25rem; padding-right: 1rem; padding-top: 0.5rem; } .table-list .table-active { background-color: #dadada; } .table-list .table-active .quick-action-menu { background-color: #dadada; } .table-list .table-disabled { background-color: #fff; color: #acacac; } .table-list .table-disabled th a[href], .table-list .table-disabled td a[href] { color: #acacac; pointer-events: none; } .table-list .table-disabled .table-title { color: #acacac; } .table-list .table-disabled .table-list-title { color: #acacac; } .table-list .quick-action-menu { align-items: center; background-color: #fff; bottom: 0; top: 0; } .table.table-list.table-bordered thead th, .table.table-list.table-bordered thead td { border-bottom-width: 0; } .table.table-list.table-bordered th, .table.table-list.table-bordered td { border-left-width: 0.0625rem; } .table.table-list.table-bordered th:first-child, .table.table-list.table-bordered td:first-child, .table.table-list.table-bordered .table-column-start { border-left-width: 0; } .table-list.table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider), .table-list.table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider) th, .table-list.table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider) td { background-color: #f2f2f2; } .table-list.table-striped.table-hover tbody tr:nth-of-type(odd):hover:not(.table-active):not(.table-disabled):not(.table-divider), .table-list.table-striped.table-hover tbody tr:nth-of-type(odd):hover:not(.table-active):not(.table-disabled):not(.table-divider) th, .table-list.table-striped.table-hover tbody tr:nth-of-type(odd):hover:not(.table-active):not(.table-disabled):not(.table-divider) td { background-color: #ececec; } .table-list.table-hover tbody tr:hover { background-color: #ececec; } .table-list.table-hover tbody tr:hover .quick-action-menu { background-color: #ececec; } .table-list.table-hover .table-active:hover { background-color: #dadada; } .table-list.table-hover .table-active:hover .quick-action-menu { background-color: #ececec; } .table-list.table-hover .table-disabled { background-color: #fff; } .table-list.table-hover .table-disabled:hover { background-color: #fff; } .table-list-title { font-size: 1rem; font-weight: 500; line-height: 1.2; margin-bottom: 0; } .table-list-title[href], .table-list-title a[href] { color: #212529; } .table-list-title[href]:hover, .table-list-title[href].hover, .table-list-title a[href]:hover, .table-list-title a[href].hover { color: #212529; } .table-list-link { color: #495057; } .table-list-link:hover, .table-list-link.hover { color: #262a2d; } .table-list-action-link { align-items: center; display: inline-flex; height: 2rem; justify-content: center; vertical-align: middle; width: 2rem; } .table-list-action-link:hover, .table-list-action-link.hover { text-decoration: none; } .table-list-action-link .lexicon-icon { margin-top: 0; } .table-nowrap td, .table-nowrap th { white-space: nowrap; } .table-heading-nowrap thead td, .table-heading-nowrap thead th { white-space: nowrap; } .table-valign-bottom tbody td, .table-valign-bottom tbody th, .table-valign-bottom tfoot td, .table-valign-bottom tfoot th, .table-valign-bottom thead td, .table-valign-bottom thead th { vertical-align: bottom; } .table-valign-bottom tbody td, .table-valign-bottom tbody th { padding-bottom: 1rem; } .table-valign-bottom.show-quick-actions-on-hover .quick-action-menu { align-items: flex-end; } .table-valign-middle tbody td, .table-valign-middle tbody th, .table-valign-middle tfoot td, .table-valign-middle tfoot th, .table-valign-middle thead td, .table-valign-middle thead th { vertical-align: middle; } .table-valign-top tbody td, .table-valign-top tbody th, .table-valign-top tfoot td, .table-valign-top tfoot th, .table-valign-top thead td, .table-valign-top thead th { vertical-align: top; } .table-valign-top tbody td, .table-valign-top tbody th { padding-top: 1rem; } .table-valign-top.show-quick-actions-on-hover .quick-action-menu { align-items: flex-start; } .tbody-valign-bottom tbody td, .tbody-valign-bottom tbody th { padding-bottom: 1rem; vertical-align: bottom; } .tbody-valign-bottom.show-quick-actions-on-hover .quick-action-menu { align-items: flex-end; } .tbody-valign-middle tbody td { vertical-align: middle; } .tbody-valign-top tbody td, .tbody-valign-top tbody th { padding-top: 1rem; vertical-align: top; } .tbody-valign-top.show-quick-actions-on-hover .quick-action-menu { align-items: flex-start; } .thead-valign-bottom thead td, .thead-valign-bottom thead th { vertical-align: bottom; } .thead-valign-middle thead td, .thead-valign-middle thead th { vertical-align: middle; } .thead-valign-top thead td, .thead-valign-top thead th { vertical-align: top; } .table-nested-rows .autofit-col { padding-left: 0.125rem; padding-right: 0.125rem; min-width: 1.75rem; } .table-nested-rows .autofit-col-checkbox { padding-right: 0.625rem; } .table-nested-rows .autofit-col-icon { padding-right: 0.625rem; } .table-nested-rows .component-drag { left: 2px; position: absolute; top: 50%; transform: translateY(-50%); } .table-nested-rows .component-toggle { font-size: 0.875rem; height: 1.5rem; width: 1.5rem; } .table-nested-rows .component-action.show .collapse-icon-closed { display: none; } .table-nested-rows .component-action:not(.show) .collapse-icon-open { display: none; } .table-sort thead th, .table-sort thead td { cursor: pointer; 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) { .table-sort thead th, .table-sort thead td { transition: none; } } .c-prefers-reduced-motion .table-sort thead th, .c-prefers-reduced-motion .table-sort thead td { transition: none; } .table-sort thead th:hover, .table-sort thead td:hover { background-color: #7ceeff; color: #212529; } .table-sort thead th .component-action, .table-sort thead td .component-action { font-size: 0.75rem; height: 1.5rem; width: 1.5rem; } .show-quick-actions-on-hover tr:not(.table-active):not(.table-disabled):hover .quick-action-menu { display: flex; } .show-quick-actions-on-hover .table-focus:not(.table-active):not(.table-disabled) .quick-action-menu { display: flex; } .table-striped tbody tr:nth-of-type(odd) .quick-action-menu { background-color: rgba(0, 0, 0, 0.05); } .table-striped tbody .table-active:nth-of-type(odd) .quick-action-menu { background-color: rgba(0, 0, 0, 0.05); } .table-striped.table-hover tbody tr:nth-of-type(odd):hover .quick-action-menu { background-color: rgba(0, 0, 0, 0.075); } .table-list.table-striped tbody tr:nth-of-type(odd) .quick-action-menu { background-color: #f2f2f2; } .table-list.table-striped tbody .table-active:nth-of-type(odd) .quick-action-menu { background-color: #dadada; } .table-list.table-striped.table-hover tbody tr:nth-of-type(odd):hover .quick-action-menu { background-color: #ececec; } .table-column-text-start, .table-cell-text-start { text-align: left; } .table-column-text-center, .table-cell-text-center { text-align: center; } .table-column-text-end, .table-cell-text-end { text-align: right; } .table-column, .table-cell-contract, .table-autofit td, .table-autofit th { display: table-cell; overflow-wrap: break-word; word-wrap: break-word; width: 1%; } .table-cell-expand, .table-column-expand, .table-autofit .table-cell-expand { display: table-cell; max-width: 12.5rem; min-width: 12.5rem; overflow-wrap: break-word; word-wrap: break-word; width: auto; } .table-cell-expand-small, .table-column-expand-small, .table-autofit .table-cell-expand-small { max-width: 12.5rem; overflow-wrap: break-word; word-wrap: break-word; width: 25%; } .table-cell-expand-smaller, .table-column-expand-smaller, .table-autofit .table-cell-expand-smaller { max-width: 12.5rem; overflow-wrap: break-word; word-wrap: break-word; width: 15%; } .table-cell-expand-smallest, .table-column-expand-smallest, .table-autofit .table-cell-expand-smallest { max-width: 12.5rem; overflow-wrap: break-word; word-wrap: break-word; width: 10%; } .table-cell-minw-50, .table-column-minw-50 { min-width: 50px; } .table-cell-minw-75, .table-column-minw-75 { min-width: 75px; } .table-cell-minw-100, .table-column-minw-100 { min-width: 100px; } .table-cell-minw-150, .table-column-minw-150 { min-width: 150px; } .table-cell-minw-200, .table-column-minw-200 { min-width: 200px; } .table-cell-minw-250, .table-column-minw-250 { min-width: 250px; } .table-cell-minw-300, .table-column-minw-300 { min-width: 300px; } .table-cell-minw-350, .table-column-minw-350 { min-width: 350px; } .table-cell-minw-400, .table-column-minw-400 { min-width: 400px; } .table-cell-ws-normal, .table-column-ws-normal { white-space: normal; } .table-cell-ws-nowrap, .table-column-ws-nowrap { white-space: nowrap; } .table-img { height: auto; max-height: 100px; max-width: none; width: auto; } .tbar { display: flex; } .tbar > .container, .tbar > .container-fluid, .tbar > .container-sm, .tbar > .container-md, .tbar > .container-lg, .tbar > .container-xl { display: flex; } .tbar-nav { display: flex; flex-grow: 1; flex-shrink: 1; flex-wrap: nowrap; list-style: none; margin-bottom: 0; min-width: 3.125rem; padding-left: 0; word-wrap: break-word; } .tbar-nav > .tbar-item { justify-content: center; } .tbar-nav-shrink { flex-grow: 0; flex-shrink: 0; width: auto; } .tbar-nav-wrap { flex-wrap: wrap; } .tbar-item { max-width: 100%; padding-left: 0.5rem; padding-right: 0.5rem; } .tbar-item:first-child { padding-left: 0; } .tbar-item:last-child { padding-right: 0; } .tbar-item-expand { text-align: center; } .tbar-link { display: inline-block; } .tbar-btn-monospaced, .tbar-link-monospaced { align-items: center; display: inline-flex; flex-direction: column; justify-content: center; overflow: hidden; padding: 0; text-align: center; } .tbar-btn-monospaced .inline-item .lexicon-icon, .tbar-btn-monospaced .lexicon-icon, .tbar-link-monospaced .inline-item .lexicon-icon, .tbar-link-monospaced .lexicon-icon { margin-top: 0; } @media (max-width: 575.98px) { .tbar-inline-xs-down { display: block; } .tbar-inline-xs-down .container, .tbar-inline-xs-down .container-fluid, .tbar-inline-xs-down .container-sm, .tbar-inline-xs-down .container-md, .tbar-inline-xs-down .container-lg, .tbar-inline-xs-down .container-xl { display: block; } .tbar-inline-xs-down .component-title, .tbar-inline-xs-down .tbar-nav, .tbar-inline-xs-down .tbar-section { display: inline; } .tbar-inline-xs-down .tbar-item { padding-left: 0; display: inline; } } @media (max-width: 767.98px) { .tbar-inline-sm-down { display: block; } .tbar-inline-sm-down .container, .tbar-inline-sm-down .container-fluid, .tbar-inline-sm-down .container-sm, .tbar-inline-sm-down .container-md, .tbar-inline-sm-down .container-lg, .tbar-inline-sm-down .container-xl { display: block; } .tbar-inline-sm-down .component-title, .tbar-inline-sm-down .tbar-nav, .tbar-inline-sm-down .tbar-section { display: inline; } .tbar-inline-sm-down .tbar-item { padding-left: 0; display: inline; } } @media (max-width: 991.98px) { .tbar-inline-md-down { display: block; } .tbar-inline-md-down .container, .tbar-inline-md-down .container-fluid, .tbar-inline-md-down .container-sm, .tbar-inline-md-down .container-md, .tbar-inline-md-down .container-lg, .tbar-inline-md-down .container-xl { display: block; } .tbar-inline-md-down .component-title, .tbar-inline-md-down .tbar-nav, .tbar-inline-md-down .tbar-section { display: inline; } .tbar-inline-md-down .tbar-item { padding-left: 0; display: inline; } } @media (max-width: 1199.98px) { .tbar-inline-lg-down { display: block; } .tbar-inline-lg-down .container, .tbar-inline-lg-down .container-fluid, .tbar-inline-lg-down .container-sm, .tbar-inline-lg-down .container-md, .tbar-inline-lg-down .container-lg, .tbar-inline-lg-down .container-xl { display: block; } .tbar-inline-lg-down .component-title, .tbar-inline-lg-down .tbar-nav, .tbar-inline-lg-down .tbar-section { display: inline; } .tbar-inline-lg-down .tbar-item { padding-left: 0; display: inline; } } .tbar-inline-xl-down { display: block; } .tbar-inline-xl-down .container, .tbar-inline-xl-down .container-fluid, .tbar-inline-xl-down .container-sm, .tbar-inline-xl-down .container-md, .tbar-inline-xl-down .container-lg, .tbar-inline-xl-down .container-xl { display: block; } .tbar-inline-xl-down .component-title, .tbar-inline-xl-down .tbar-nav, .tbar-inline-xl-down .tbar-section { display: inline; } .tbar-inline-xl-down .tbar-item { padding-left: 0; display: inline; } .component-tbar { border-color: #dee2e6; border-style: solid; border-width: 0 0 0.0625rem 0; height: 3.5rem; } .component-tbar .tbar-label { border-width: 0.0625rem; } .subnav-tbar { font-size: 0.875rem; } .subnav-tbar .btn-unstyled { color: #406a9e; text-decoration: underline; } .subnav-tbar .btn-unstyled:hover { color: #00387d; text-decoration: underline; } .subnav-tbar strong { font-weight: 500; } .subnav-tbar .component-link { color: #406a9e; font-weight: 500; } .subnav-tbar .component-link:hover, .subnav-tbar .component-link.hover { color: #00387d; } .subnav-tbar .component-link:disabled, .subnav-tbar .component-link.disabled { box-shadow: none; } .subnav-tbar .tbar-item { padding-left: 0.5rem; padding-right: 0.5rem; } .subnav-tbar .tbar-btn { height: 1.5rem; line-height: 1; margin-bottom: 0.125rem; margin-top: 0.125rem; padding-left: 0; padding-right: 0; } .subnav-tbar .tbar-btn .c-inner { margin-left: 0; margin-right: 0; } .subnav-tbar .tbar-btn .c-inner { margin-left: 0; margin-right: 0; } .subnav-tbar .tbar-link { margin-bottom: 0.125rem; margin-top: 0.125rem; padding-bottom: 0.09375rem; padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.09375rem; } .subnav-tbar .tbar-link > .c-inner { margin-bottom: -0.09375rem; margin-left: -0.25rem; margin-right: -0.25rem; margin-top: -0.09375rem; } .subnav-tbar .tbar-link .c-inner { margin-bottom: -0.09375rem; margin-left: -0.25rem; margin-right: -0.25rem; margin-top: -0.09375rem; } .subnav-tbar .tbar-btn-monospaced { margin-bottom: 0.125rem; margin-top: 0.125rem; padding: 0.25rem; height: 1.5rem; width: 1.5rem; } .subnav-tbar .tbar-btn-monospaced .c-inner { margin: -0.25rem; } .subnav-tbar .tbar-link-monospaced { height: 1.5rem; margin-bottom: 0.125rem; margin-top: 0.125rem; width: 1.5rem; } .subnav-tbar .tbar-section { text-align: left; } .subnav-tbar .component-title { display: inline-block; font-size: 0.875rem; font-weight: 500; line-height: 1.45; margin-bottom: 0.25rem; margin-top: 0.25rem; max-width: 100%; } .subnav-tbar .component-text { display: inline-block; line-height: 1.45; margin-bottom: 0.25rem; margin-top: 0.25rem; max-width: 100%; } .subnav-tbar .component-label { font-weight: 400; } .subnav-tbar .tbar-label { border-width: 0.0625rem; } .subnav-tbar-primary { background-color: #3fe5ff; padding-bottom: 0.625rem; padding-left: 0.25rem; padding-right: 0.25rem; padding-top: 0.625rem; } .subnav-tbar-primary .component-link { color: #212529; } .subnav-tbar-primary .component-link:hover, .subnav-tbar-primary .component-link.hover { color: #212529; } .subnav-tbar-primary .component-link:disabled, .subnav-tbar-primary .component-link.disabled { color: #6c757d; cursor: not-allowed; opacity: 0.65; text-decoration: none; } .subnav-tbar-primary .tbar-item { justify-content: flex-start; padding-left: 0.25rem; padding-right: 0.25rem; } .subnav-tbar-primary .tbar-link-monospaced { border-radius: 0px; border-width: 0px; height: 3rem; margin-bottom: -0.625rem; margin-top: -0.625rem; width: 3rem; } .subnav-tbar-primary .component-label .close.focus, .subnav-tbar-primary .component-label .close:focus-visible, .c-prefers-focus .subnav-tbar-primary .component-label .close:focus { color: inherit; } .subnav-tbar-primary .component-label .close:disabled, .subnav-tbar-primary .component-label .close.disabled { color: #6c757d; opacity: 0.65; } .subnav-tbar-primary .tbar-label { font-size: 0.75rem; margin-right: 0; padding-bottom: 0.3125rem; padding-left: 0.625rem; padding-right: 0.625rem; padding-top: 0.3125rem; text-transform: none; border-width: 0.0625rem; } .subnav-tbar-primary .tbar-label > .c-inner { margin-bottom: -0.3125rem; margin-left: -0.625rem; margin-right: -0.625rem; margin-top: -0.3125rem; } .subnav-tbar-primary.subnav-tbar-disabled { background-color: #6bd7e8; color: #6c757d; } .subnav-tbar-primary.subnav-tbar-disabled .component-label { border-color: #6c757d; } .subnav-tbar-primary.subnav-tbar-disabled .tbar-label { border-width: 0.0625rem; } .subnav-tbar-light { background-color: #ebebeb; color: rgba(0, 0, 0, 0.5); padding-bottom: 0.125rem; padding-top: 0.125rem; } .subnav-tbar-light .tbar-label { border-width: 0.0625rem; } .tbar-stacked { display: inline-flex; height: 100%; padding-bottom: 0.5rem; padding-top: 0.5rem; } .tbar-stacked .tbar-nav { flex-direction: column; min-width: 0; } .tbar-stacked .tbar-item { align-items: center; justify-content: flex-start; padding-left: 0; padding-right: 0; } .tbar-stacked .tbar-divider-before::before { background-color: #2b2b2b; content: ""; display: block; height: 1px; margin-bottom: 0.25rem; margin-top: 0.25rem; width: 2.5rem; } .tbar-stacked .tbar-divider-after::after { background-color: #2b2b2b; content: ""; display: block; height: 1px; margin-bottom: 0.25rem; margin-top: 0.25rem; width: 2.5rem; } .tbar-stacked .tbar-item-expand { flex-shrink: 0; min-width: 0; } .tbar-stacked .tbar-btn-monospaced { border-color: transparent; border-radius: 0px; border-width: 0px; color: inherit; height: 2.5rem; margin-bottom: 0; margin-top: 0; overflow: visible; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; position: relative; width: 2.5rem; } .tbar-stacked .tbar-btn-monospaced.focus, .tbar-stacked .tbar-btn-monospaced:focus-visible, .c-prefers-focus .tbar-stacked .tbar-btn-monospaced:focus { box-shadow: inset 0 0 0 0.125rem #00cded, inset 0 0 0 0.25rem #fff; } .tbar-stacked .tbar-btn-monospaced:active:focus-visible, .c-prefers-focus .tbar-stacked .tbar-btn-monospaced:active:focus { box-shadow: inset 0 0 0 0.125rem #00cded, inset 0 0 0 0.25rem #fff; } .tbar-stacked .tbar-btn-monospaced .c-inner { margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0; } .tbar-stacked .tbar-label { border-width: 0.0625rem; } .tbar-light { background-color: #fff; box-shadow: inset 1px 0 0 0 #e9ecef, inset -1px 0 0 0 #e9ecef; color: #e6ebf2; } .tbar-light .tbar-divider-before::before { background-color: #e9ecef; } .tbar-light .tbar-divider-after::after { background-color: #e9ecef; } .tbar-light .tbar-btn-monospaced:hover { color: #2b2b2b; } .tbar-light .tbar-btn-monospaced.focus, .tbar-light .tbar-btn-monospaced:focus-visible, .c-prefers-focus .tbar-light .tbar-btn-monospaced:focus { color: #2b2b2b; } .tbar-light .tbar-btn-monospaced:active { background-color: #e9ecef; color: #2b2b2b; } .tbar-light .tbar-btn-monospaced.active { background-color: #e9ecef; color: #2b2b2b; } .tbar-light .tbar-btn-monospaced:disabled, .tbar-light .tbar-btn-monospaced.disabled { color: inherit; } .tbar-light .tbar-btn-monospaced[aria-expanded=true], .tbar-light .tbar-btn-monospaced.show { background-color: #e9ecef; color: #2b2b2b; } .tbar-light .tbar-label { border-width: 0.0625rem; } .tbar-dark-l2 { background-color: #7f7f7f; box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06), inset -1px 0 0 0 rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.06); color: #adb5bd; } .tbar-dark-l2 .tbar-divider-before::before { background-color: rgba(255, 255, 255, 0.06); } .tbar-dark-l2 .tbar-divider-after::after { background-color: rgba(255, 255, 255, 0.06); } .tbar-dark-l2 .tbar-btn-monospaced:hover { color: #fff; } .tbar-dark-l2 .tbar-btn-monospaced.focus, .tbar-dark-l2 .tbar-btn-monospaced:focus-visible, .c-prefers-focus .tbar-dark-l2 .tbar-btn-monospaced:focus { color: #fff; } .tbar-dark-l2 .tbar-btn-monospaced:active { background-color: rgba(255, 255, 255, 0.06); color: #fff; } .tbar-dark-l2 .tbar-btn-monospaced.active { background-color: rgba(255, 255, 255, 0.06); color: #fff; } .tbar-dark-l2 .tbar-btn-monospaced:disabled, .tbar-dark-l2 .tbar-btn-monospaced.disabled { color: inherit; } .tbar-dark-l2 .tbar-btn-monospaced[aria-expanded=true], .tbar-dark-l2 .tbar-btn-monospaced.show { background-color: rgba(255, 255, 255, 0.06); color: #fff; } .tbar-dark-l2 .tbar-label { border-width: 0.0625rem; } .tbar-dark-d1 { background-color: #181818; box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06), inset -1px 0 0 0 rgba(255, 255, 255, 0.06); color: #adb5bd; } .tbar-dark-d1 .tbar-divider-before::before { background-color: rgba(255, 255, 255, 0.06); } .tbar-dark-d1 .tbar-divider-after::after { background-color: rgba(255, 255, 255, 0.06); } .tbar-dark-d1 .tbar-btn-monospaced:hover { color: #fff; } .tbar-dark-d1 .tbar-btn-monospaced.focus, .tbar-dark-d1 .tbar-btn-monospaced:focus-visible, .c-prefers-focus .tbar-dark-d1 .tbar-btn-monospaced:focus { color: #fff; } .tbar-dark-d1 .tbar-btn-monospaced:active { background-color: rgba(255, 255, 255, 0.06); color: #fff; } .tbar-dark-d1 .tbar-btn-monospaced.active { background-color: rgba(255, 255, 255, 0.06); color: #fff; } .tbar-dark-d1 .tbar-btn-monospaced:disabled, .tbar-dark-d1 .tbar-btn-monospaced.disabled { color: inherit; } .tbar-dark-d1 .tbar-btn-monospaced[aria-expanded=true], .tbar-dark-d1 .tbar-btn-monospaced.show { background-color: rgba(255, 255, 255, 0.06); color: #fff; } .tbar-dark-d1 .tbar-label { border-width: 0.0625rem; } .timeline { list-style: none; padding-left: 0; padding-left: 25px; } .timeline .panel, .timeline .panel-group { margin-bottom: 0; } .timeline-icon { background-color: #fff; border: 2px solid #dee2e6; border-radius: 50%; display: block; height: 10px; line-height: 10px; width: 10px; } .timeline-increment { background-color: #fff; left: -39px; position: absolute; text-align: center; top: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; } .timeline-increment-text { display: block; max-width: 65px; } .timeline-item-label { color: #2b2b2b; } .timeline-item { padding-bottom: 5px; padding-left: 40px; padding-top: 5px; position: relative; } .timeline-item:before { background-color: #dee2e6; bottom: 0; content: ""; display: block; left: 0; position: absolute; top: 0; width: 2px; } .timeline-item.active .timeline-icon { background-color: #008296; border-color: #008296; } .timeline-item .panel, .timeline-item .panel-heading { position: relative; } .timeline-item .panel .timeline-increment { margin-left: -1px; } .timeline-right { padding-left: 0; padding-right: 25px; } .timeline-right .timeline-item { padding-left: 0; padding-right: 40px; } .timeline-right .timeline-item:before { left: auto; right: -2px; } .timeline-right .timeline-item .panel .timeline-increment { margin-left: auto; margin-right: -1px; } .timeline-right .timeline-item .timeline-increment { left: auto; right: -41px; -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); } @media (max-width: 575.98px) { .timeline-right-xs-only { padding-left: 0; padding-right: 25px; } .timeline-right-xs-only .timeline-item { padding-left: 0; padding-right: 40px; } .timeline-right-xs-only .timeline-item:before { left: auto; right: -2px; } .timeline-right-xs-only .timeline-item .panel .timeline-increment { margin-left: auto; margin-right: -1px; } .timeline-right-xs-only .timeline-item .timeline-increment { left: auto; right: -41px; -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); } } @media (min-width: 768px) { .timeline-center { padding-left: 0; } .timeline-center .timeline-item { margin-left: 50%; width: 50%; } .timeline-center .timeline-item .timeline-item-label { left: -100%; margin-left: -80px; position: absolute; text-align: right; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } .timeline-center .timeline-item.timeline-item-reverse { padding-left: 0; padding-right: 40px; margin-left: 0; } .timeline-center .timeline-item.timeline-item-reverse:before { left: auto; right: -2px; } .timeline-center .timeline-item.timeline-item-reverse .panel .timeline-increment { margin-left: auto; margin-right: -1px; } .timeline-center .timeline-item.timeline-item-reverse .timeline-increment { left: auto; right: -41px; -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); } .timeline-center .timeline-item.timeline-item-reverse .timeline-item-label { margin-left: auto; margin-right: -80px; right: -100%; text-align: left; } } @media (min-width: 768px) { .timeline-even .timeline-item:nth-of-type(even), .timeline-odd .timeline-item:nth-of-type(odd) { padding-left: 0; padding-right: 40px; margin-left: 0; } .timeline-even .timeline-item:nth-of-type(even):before, .timeline-odd .timeline-item:nth-of-type(odd):before { left: auto; right: -2px; } .timeline-even .timeline-item:nth-of-type(even) .panel .timeline-increment, .timeline-odd .timeline-item:nth-of-type(odd) .panel .timeline-increment { margin-left: auto; margin-right: -1px; } .timeline-even .timeline-item:nth-of-type(even) .timeline-increment, .timeline-odd .timeline-item:nth-of-type(odd) .timeline-increment { left: auto; right: -41px; -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); } .timeline-even .timeline-item:nth-of-type(even) .timeline-item-label, .timeline-odd .timeline-item:nth-of-type(odd) .timeline-item-label { margin-left: auto; margin-right: -80px; right: -100%; text-align: left; } } .timeline-spacing-xl.timeline { padding-left: 25px; } @media (min-width: 768px) { .timeline-spacing-xl.timeline-center { padding-left: 0; } .timeline-spacing-xl.timeline-center .timeline-item .timeline-item-label { margin-left: -100px; } .timeline-spacing-xl.timeline-center .timeline-item.timeline-item-reverse { padding-right: 50px; } .timeline-spacing-xl.timeline-center .timeline-item.timeline-item-reverse .timeline-increment { right: -51px; } .timeline-spacing-xl.timeline-center .timeline-item.timeline-item-reverse .timeline-item-label { margin-left: auto; margin-right: -100px; } } @media (min-width: 768px) { .timeline-spacing-xl.timeline-even .timeline-item:nth-of-type(even), .timeline-spacing-xl.timeline-odd .timeline-item:nth-of-type(odd) { padding-right: 50px; } .timeline-spacing-xl.timeline-even .timeline-item:nth-of-type(even) .timeline-increment, .timeline-spacing-xl.timeline-odd .timeline-item:nth-of-type(odd) .timeline-increment { right: -51px; } .timeline-spacing-xl.timeline-even .timeline-item:nth-of-type(even) .timeline-item-label, .timeline-spacing-xl.timeline-odd .timeline-item:nth-of-type(odd) .timeline-item-label { margin-left: auto; margin-right: -100px; } } .timeline-spacing-xl.timeline-right { padding-right: 25px; } .timeline-spacing-xl.timeline-right .timeline-item { padding-right: 50px; } .timeline-spacing-xl.timeline-right .timeline-item .timeline-increment { right: -51px; } @media (max-width: 575.98px) { .timeline-spacing-xl.timeline-right-xs-only { padding-left: 0; padding-right: 25px; } .timeline-spacing-xl.timeline-right-xs-only .timeline-item { padding-left: 0; padding-right: 50px; } .timeline-spacing-xl.timeline-right-xs-only .timeline-item .timeline-increment { left: auto; right: -51px; } } .timeline-spacing-xl .timeline-item { padding-bottom: 15px; padding-left: 50px; padding-top: 15px; } .timeline-spacing-xl .timeline-item .timeline-increment { left: -49px; } .timeline-spacing-xl .timeline-increment-text { max-width: 75px; } .toggle-switch { cursor: pointer; display: inline-block; max-width: 100%; position: relative; } .toggle-switch.disabled { cursor: not-allowed; } .toggle-switch.disabled .toggle-switch-label { color: #6c757d; cursor: not-allowed; } .toggle-switch.disabled .toggle-switch-text { color: #6c757d; } .toggle-switch-check-bar { display: inline-flex; position: relative; } .toggle-switch-bar .toggle-switch-handle { display: block; min-width: 50px; text-transform: uppercase; } .toggle-switch-bar .toggle-switch-icon { font-size: 0.75rem; } .toggle-switch-bar .toggle-switch-icon .lexicon-icon { margin-top: -0.2em; } .toggle-switch-bar .button-icon { font-size: 0.75rem; } .toggle-switch-check { bottom: 0; font-size: 62.5%; height: 25px; opacity: 0; position: absolute; width: 50px; z-index: 2; } .toggle-switch-check ~ .toggle-switch-bar { display: inline-flex; font-size: 0.75rem; height: 25px; line-height: 25px; position: relative; text-indent: 0; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; } .toggle-switch-check ~ .toggle-switch-bar::before { background-color: #e9ecef; border-color: #ced4da; border-radius: 3px; border-style: solid; border-width: 1px; bottom: 0; content: " "; display: block; left: 0; position: absolute; top: 0; transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, opacity 100ms ease-in, right 100ms ease-in; width: 50px; } @media (prefers-reduced-motion: reduce) { .toggle-switch-check ~ .toggle-switch-bar::before { transition: none; } } .c-prefers-reduced-motion .toggle-switch-check ~ .toggle-switch-bar::before { transition: none; } .toggle-switch-check ~ .toggle-switch-bar::after { background-color: #fff; border-color: #ced4da; border-radius: 3px 0 0 3px; border-style: solid; border-width: 1px; bottom: 0; content: ""; display: block; height: 25px; left: 0; position: absolute; top: 0; transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, opacity 100ms ease-in, right 100ms ease-in; width: 25px; } @media (prefers-reduced-motion: reduce) { .toggle-switch-check ~ .toggle-switch-bar::after { transition: none; } } .c-prefers-reduced-motion .toggle-switch-check ~ .toggle-switch-bar::after { transition: none; } .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before { transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, opacity 100ms ease-in, right 100ms ease-in; } @media (prefers-reduced-motion: reduce) { .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before { transition: none; } } .c-prefers-reduced-motion .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before { transition: none; } .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after { content: '\FEFF' attr(data-label-off); margin-left: 58px; transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, opacity 100ms ease-in, right 100ms ease-in; white-space: nowrap; } @media (prefers-reduced-motion: reduce) { .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after { transition: none; } } .c-prefers-reduced-motion .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after { transition: none; } .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon { color: #495057; left: 0; line-height: 25px; position: absolute; text-align: center; text-indent: 0; top: 0; transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, opacity 100ms ease-in, right 100ms ease-in; width: 25px; z-index: 1; } @media (prefers-reduced-motion: reduce) { .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon { transition: none; } } .c-prefers-reduced-motion .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon { transition: none; } .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-on { left: 0; opacity: 0; } .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-off { left: 25px; } .toggle-switch-check ~ .toggle-switch-bar .button-icon { color: #495057; } .toggle-switch-check ~ .toggle-switch-bar .button-icon-on { opacity: 0; } .toggle-switch-check:focus-visible ~ .toggle-switch-bar::before, .c-prefers-focus .toggle-switch-check:focus ~ .toggle-switch-bar::before { box-shadow: 0 0 0 0.2rem rgba(0, 130, 150, 0.25); } .toggle-switch-check[disabled] ~ .toggle-switch-bar, .toggle-switch-check:disabled ~ .toggle-switch-bar { cursor: not-allowed; opacity: 0.4; } .toggle-switch-check:checked ~ .toggle-switch-bar::before { background-color: #008296; border-color: #008296; border-radius: 3px; border-style: solid; border-width: 1px; } .toggle-switch-check:checked ~ .toggle-switch-bar::after { background-color: #fff; border-color: #008296; border-radius: 0 3px 3px 0; border-style: solid; border-width: 1px; left: 25px; } .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-handle::after { content: '\FEFF' attr(data-label-on); } .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon { color: #fff; } .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon-on { opacity: 1; } .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon-off { opacity: 0; } .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon { color: #008296; left: 25px; } .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-on { opacity: 1; } .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-off { opacity: 0; } @media (max-width: 767.98px) { .toggle-switch-check { height: 25px; width: 50px; } .toggle-switch-check ~ .toggle-switch-bar { height: 25px; line-height: 25px; text-indent: 0; } .toggle-switch-check ~ .toggle-switch-bar::before { width: 50px; } .toggle-switch-check ~ .toggle-switch-bar::after { bottom: 0; height: 25px; left: 0; top: 0; width: 25px; } .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle { min-width: 50px; } .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after { margin-left: 58px; } .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon { font-size: 0.75rem; left: 0; line-height: 25px; top: 0; width: 25px; } .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-on { left: 0; } .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-off { left: 25px; } .toggle-switch-check ~ .toggle-switch-bar .button-icon { font-size: 0.75rem; } .toggle-switch-check:checked ~ .toggle-switch-bar::after { left: 25px; } .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-handle::after { margin-left: 58px; } .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon { left: 25px; } } .toggle-switch-label { display: block; margin-bottom: 2px; } .toggle-switch-text { display: block; font-size: 0.75rem; } .toggle-switch-text-left { display: inline-flex; line-height: 25px; margin-right: 8px; } @media (max-width: 767.98px) { .toggle-switch-text-left { line-height: 25px; } } .toggle-switch-text-right { display: inline-flex; line-height: 25px; margin-left: 8px; } @media (max-width: 767.98px) { .toggle-switch-text-right { line-height: 25px; } } .simple-toggle-switch.toggle-switch { align-items: center; display: inline-flex; } .simple-toggle-switch.toggle-switch .toggle-switch-label { line-height: 1; margin-bottom: 0; max-width: calc( 100% - 58px ); } @media (max-width: 767.98px) { .simple-toggle-switch.toggle-switch .toggle-switch-label { max-width: calc( 100% - 58px ); } } .simple-toggle-switch.toggle-switch .toggle-switch-check + .toggle-switch-label { margin-right: 0.5rem; } .simple-toggle-switch.toggle-switch .toggle-switch-label + .toggle-switch-check-bar { margin-left: 0.5rem; } .simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-check-bar { order: 5; } .simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-check ~ .toggle-switch-bar { order: 5; } .simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-label { margin-right: 0.5rem; } .toggle-switch-sm .simple-toggle-switch .toggle-switch-label, .simple-toggle-switch.toggle-switch-sm .toggle-switch-label { max-width: calc(100% - 38px); } .toggle-switch-sm .toggle-switch-check { height: 16px; width: 30px; } .toggle-switch-sm .toggle-switch-check ~ .toggle-switch-bar { height: 16px; line-height: 16px; } .toggle-switch-sm .toggle-switch-check ~ .toggle-switch-bar::before { width: 30px; } .toggle-switch-sm .toggle-switch-check ~ .toggle-switch-bar::after { height: 16px; width: 16px; } .toggle-switch-sm .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle { min-width: 30px; max-width: 30px; } .toggle-switch-sm .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after { margin-left: 38px; } .toggle-switch-sm .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon { font-size: 0.6875rem; height: 16px; left: 0; line-height: 16px; width: 16px; } .toggle-switch-sm .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-off { left: 14px; } .toggle-switch-sm .toggle-switch-check:checked ~ .toggle-switch-bar::after { left: 14px; } .toggle-switch-sm .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon { left: 14px; } .toggle-switch-sm .toggle-switch-label { font-size: 0.75rem; max-width: calc(100% - 38px); } .tooltip { display: block; font-family: Open Sans, Arial, sans-serif; font-size: 0.875rem; font-style: normal; font-weight: 400; letter-spacing: normal; line-height: 1.625; margin: 0; opacity: 0; position: absolute; text-align: left; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; overflow-wrap: break-word; word-wrap: break-word; z-index: 1070; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { display: block; height: 0.4rem; position: absolute; width: 0.8rem; } .tooltip .arrow::before { border-color: transparent; border-style: solid; content: ""; position: absolute; } .tooltip-inner { background-color: #000; border-radius: 0; color: #fff; max-width: 200px; padding: 0.25rem 0.5rem; text-align: center; white-space: pre-line; } .tooltip-arrow { background-color: #000; position: absolute; transform: rotate(45deg); } .bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before { border-top-color: #000; border-width: 0.4rem 0.4rem 0; top: 0; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow { height: 0.8rem; left: 0; width: 0.4rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before { border-right-color: #000; border-width: 0.4rem 0.4rem 0.4rem 0; right: 0; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before { border-bottom-color: #000; border-width: 0 0.4rem 0.4rem; bottom: 0; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow { height: 0.8rem; right: 0; width: 0.4rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before { border-left-color: #000; border-width: 0.4rem 0 0.4rem 0.4rem; left: 0; } .clay-tooltip-bottom, .clay-tooltip-bottom-left, .clay-tooltip-bottom-right { padding-top: 0.4rem; } .clay-tooltip-bottom .arrow, .clay-tooltip-bottom-left .arrow, .clay-tooltip-bottom-right .arrow { left: 50%; margin-left: -0.4rem; top: 0; } .clay-tooltip-bottom .arrow::before, .clay-tooltip-bottom-left .arrow::before, .clay-tooltip-bottom-right .arrow::before { border-bottom-color: #000; border-width: 0 0.4rem 0.4rem; bottom: 0; } .clay-tooltip-bottom .tooltip-arrow, .clay-tooltip-bottom-left .tooltip-arrow, .clay-tooltip-bottom-right .tooltip-arrow { border-bottom-color: transparent; border-right-color: transparent; left: 50%; top: 0; } .clay-tooltip-bottom-left .arrow { left: 0.25rem; margin-left: 0; } .clay-tooltip-bottom-right .arrow { left: auto; margin-left: 0; right: 0.25rem; } .clay-tooltip-left, .clay-tooltip-left-bottom, .clay-tooltip-left-top { padding-right: 0.4rem; } .clay-tooltip-left .arrow, .clay-tooltip-left-bottom .arrow, .clay-tooltip-left-top .arrow { height: 0.8rem; margin-top: -0.4rem; right: 0; top: 50%; width: 0.4rem; } .clay-tooltip-left .arrow::before, .clay-tooltip-left-bottom .arrow::before, .clay-tooltip-left-top .arrow::before { border-left-color: #000; border-width: 0.4rem 0 0.4rem 0.4rem; left: 0; } .clay-tooltip-left .tooltip-arrow, .clay-tooltip-left-bottom .tooltip-arrow, .clay-tooltip-left-top .tooltip-arrow { border-bottom-color: transparent; border-left-color: transparent; right: 0; top: 50%; } .clay-tooltip-left-bottom .arrow { bottom: 0.25rem; margin-top: 0; top: auto; } .clay-tooltip-left-top .arrow { margin-top: 0; top: 0.25rem; } .clay-tooltip-right, .clay-tooltip-right-bottom, .clay-tooltip-right-top { padding-left: 0.4rem; } .clay-tooltip-right .arrow, .clay-tooltip-right-bottom .arrow, .clay-tooltip-right-top .arrow { height: 0.8rem; left: 0; margin-top: -0.4rem; width: 0.4rem; top: 50%; } .clay-tooltip-right .arrow::before, .clay-tooltip-right-bottom .arrow::before, .clay-tooltip-right-top .arrow::before { border-right-color: #000; border-width: 0.4rem 0.4rem 0.4rem 0; right: 0; } .clay-tooltip-right .tooltip-arrow, .clay-tooltip-right-bottom .tooltip-arrow, .clay-tooltip-right-top .tooltip-arrow { border-right-color: transparent; border-top-color: transparent; left: 0; top: 50%; } .clay-tooltip-right-bottom .arrow { bottom: 0.25rem; margin-top: 0; top: auto; } .clay-tooltip-right-top .arrow { margin-top: 0; top: 0.25rem; } .clay-tooltip-top, .clay-tooltip-top-left, .clay-tooltip-top-right { padding-bottom: 0.4rem; } .clay-tooltip-top .arrow, .clay-tooltip-top-left .arrow, .clay-tooltip-top-right .arrow { bottom: 0; left: 50%; margin-left: -0.4rem; } .clay-tooltip-top .arrow::before, .clay-tooltip-top-left .arrow::before, .clay-tooltip-top-right .arrow::before { border-top-color: #000; border-width: 0.4rem 0.4rem 0; top: 0; } .clay-tooltip-top .tooltip-arrow, .clay-tooltip-top-left .tooltip-arrow, .clay-tooltip-top-right .tooltip-arrow { border-left-color: transparent; border-top-color: transparent; bottom: 0; left: 50%; } .clay-tooltip-top-left .arrow { left: 0.25rem; margin-left: 0; } .clay-tooltip-top-right .arrow { left: auto; margin-left: 0; right: 0.25rem; } .treeview { display: flex; flex-direction: column; font-size: 14px; list-style: none; margin-bottom: 0; padding: 2px 0; } .treeview .btn { color: inherit; font-size: 12px; line-height: 1; padding: 6px 8px; } .treeview .btn .c-inner { margin: -7px -8px; } .treeview .btn-monospaced { font-size: inherit; height: 24px; padding: 0; width: 24px; } .treeview .btn-monospaced.focus, .treeview .btn-monospaced:focus-visible, .c-prefers-focus .treeview .btn-monospaced:focus { box-shadow: inset 0 0 0 0.2rem rgba(0, 130, 150, 0.25); } .treeview .btn-monospaced:active:focus-visible, .c-prefers-focus .treeview .btn-monospaced:active:focus { box-shadow: inset 0 0 0 0.2rem rgba(0, 130, 150, 0.25); } .treeview .custom-control { margin-left: 4px; margin-right: 4px; margin-top: 1.5px; } .treeview .component-expander { font-size: 10px; } .treeview .component-expander .lexicon-icon:not(.component-expanded-d-none) { display: none; } .treeview .component-action { font-size: 16px; margin-left: 2px; margin-right: 2px; } .treeview .component-action:hover { background-color: transparent; color: #e6ebf2; } .treeview .component-action.focus, .treeview .component-action:focus-visible, .c-prefers-focus .treeview .component-action:focus { color: #e6ebf2; } .treeview .component-action:active { background-color: transparent; } .treeview .component-action.active { background-color: transparent; } .treeview .component-action[aria-expanded=true], .treeview .component-action.show { background-color: transparent; } .treeview .component-icon { color: #e6ebf2; display: inline-block; font-size: 16px; height: auto; margin: 4px; vertical-align: middle; width: auto; } .treeview .component-icon .lexicon-icon { display: block; } .treeview .component-text { line-height: 24px; padding-left: 4px; -ms-user-select: auto; -moz-user-select: auto; -webkit-user-select: auto; user-select: auto; } .treeview.show-component-expander-on-hover:hover .component-expander, .treeview.show-component-expander-on-hover.hover .component-expander { opacity: 1; transition: opacity ease-in-out 600ms; } @media (prefers-reduced-motion: reduce) { .treeview.show-component-expander-on-hover:hover .component-expander, .treeview.show-component-expander-on-hover.hover .component-expander { transition: none; } } .c-prefers-reduced-motion .treeview.show-component-expander-on-hover:hover .component-expander, .c-prefers-reduced-motion .treeview.show-component-expander-on-hover.hover .component-expander { transition: none; } .treeview.show-component-expander-on-hover .treeview-link:focus .component-expander, .treeview.show-component-expander-on-hover .treeview-link.focus .component-expander { opacity: 1; transition: none; } .treeview.show-component-expander-on-hover .component-expander { opacity: 0; transition: opacity ease-in-out 450ms; } @media (prefers-reduced-motion: reduce) { .treeview.show-component-expander-on-hover .component-expander { transition: none; } } .c-prefers-reduced-motion .treeview.show-component-expander-on-hover .component-expander { transition: none; } .treeview .quick-action-item { margin: 0 2px; min-height: 0; min-width: 0; } .treeview .autofit-row { align-items: center; } .treeview.show-quick-actions-on-hover .treeview-link:not(:hover):not(:focus):not(.focus) .quick-action-item { display: none; } .treeview.show-quick-actions-on-hover .treeview-link:disabled .quick-action-item, .treeview.show-quick-actions-on-hover .treeview-link.disabled .quick-action-item { display: none; } .treeview.show-quick-actions-on-hover .treeview-link .quick-action-item:disabled, .treeview.show-quick-actions-on-hover .treeview-link .quick-action-item.disabled { display: none; } .treeview-group { display: flex; flex-direction: column; list-style: none; margin-bottom: 0; padding-left: 0; } .treeview-item { overflow-wrap: break-word; word-wrap: break-word; } .treeview-dropping-indicator-top { background-color: transparent; display: block; height: 2px; margin-top: -2px; outline: none; width: 100%; } .treeview-dropping-indicator-bottom { background-color: transparent; display: block; height: 2px; margin-bottom: -2px; outline: none; width: 100%; } .treeview-dropping-indicator-over { background-color: #00cded; } .treeview-link { background-color: transparent; cursor: pointer; display: block; border-color: transparent; border-style: solid; border-width: 1px; margin-bottom: 2px; margin-top: 2px; min-width: 100%; padding: 0; position: relative; text-align: left; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; } .treeview-link:hover, .treeview-link.hover { text-decoration: none; } .treeview-link.focus, .treeview-link:focus-visible, .c-prefers-focus .treeview-link:focus { box-shadow: inset 0 0 0 0.2rem rgba(0, 130, 150, 0.25); outline: 0; } .treeview-link:disabled, .treeview-link.disabled { cursor: not-allowed; } .treeview-link.treeview-dropping-middle { background-color: #7ceeff; border-color: #00cded; } .treeview-link.show .component-expander .component-expanded-d-none, .treeview-link[aria-expanded=true] .component-expander .component-expanded-d-none { display: none; } .treeview-link.show .component-expander .lexicon-icon:not(.component-expanded-d-none), .treeview-link[aria-expanded=true] .component-expander .lexicon-icon:not(.component-expanded-d-none) { display: inline-block; } .treeview-nested-margins .treeview-group .treeview-item { margin-left: 24px; } .treeview-item-dragging { cursor: not-allowed; opacity: 0.4; } .treeview-item-dragging .treeview-link { background-color: transparent; border-color: transparent; box-shadow: none; } .treeview-dragging { background-color: #fff; border-color: #00cded; border-radius: 0; border-style: solid; border-width: 1px; display: inline-block; font-size: 10px; font-weight: 500; padding: 4px 12px; text-transform: uppercase; } .treeview-light .component-expander { color: #e6ebf2; } .treeview-light .component-expander:disabled, .treeview-light .component-expander.disabled { color: #e6ebf2; opacity: 0.5; } .treeview-light .component-expander.btn-secondary { background-color: #fff; } .treeview-light .treeview-link { color: #6c757d; } .treeview-light .treeview-link:hover, .treeview-light .treeview-link.hover { box-shadow: inset 0 0 0 1px white; } .treeview-light .treeview-link.focus, .treeview-light .treeview-link:focus-visible, .c-prefers-focus .treeview-light .treeview-link:focus { box-shadow: inset 0 0 0 0.2rem rgba(0, 130, 150, 0.25); } .treeview-light .treeview-link:active { background-color: #7ceeff; box-shadow: inset 0 0 0 1px #008296; color: #7f7f7f; } .treeview-light .treeview-link:active:focus-visible, .c-prefers-focus .treeview-light .treeview-link:active:focus { box-shadow: inset 0 0 0 0.2rem rgba(0, 130, 150, 0.25); } .treeview-light .treeview-link.active { background-color: #7ceeff; box-shadow: inset 0 0 0 1px #008296; color: #7f7f7f; } .treeview-light .treeview-link.active:focus-visible, .c-prefers-focus .treeview-light .treeview-link.active:focus { box-shadow: inset 0 0 0 0.2rem rgba(0, 130, 150, 0.25); } .treeview-light .treeview-link:disabled, .treeview-light .treeview-link.disabled { background-color: transparent; color: rgba(108, 117, 125, 0.5); } .treeview-light .treeview-link[aria-expanded=true]:focus-visible, .c-prefers-focus .treeview-light .treeview-link[aria-expanded=true]:focus, .treeview-light .treeview-link.show:focus-visible, .c-prefers-focus .treeview-light .treeview-link.show:focus { box-shadow: inset 0 0 0 0.2rem rgba(0, 130, 150, 0.25); } .treeview-light .treeview-link.treeview-no-hover:hover, .treeview-light .treeview-link.treeview-no-hover.hover { background-color: transparent; color: #e6ebf2; } .treeview-dark .component-expander { color: white; } .treeview-dark .component-expander:disabled, .treeview-dark .component-expander.disabled { color: white; opacity: 0.5; } .treeview-dark .treeview-link { color: white; } .treeview-dark .treeview-link:hover, .treeview-dark .treeview-link.hover { box-shadow: inset 0 0 0 1px white; } .treeview-dark .treeview-link.focus, .treeview-dark .treeview-link:focus-visible, .c-prefers-focus .treeview-dark .treeview-link:focus { box-shadow: inset 0 0 0 0.2rem rgba(0, 130, 150, 0.25); } .treeview-dark .treeview-link:active { background-color: #7f7f7f; box-shadow: inset 0 0 0 1px #008296; color: #7ceeff; } .treeview-dark .treeview-link:active:focus-visible, .c-prefers-focus .treeview-dark .treeview-link:active:focus { box-shadow: inset 0 0 0 0.2rem rgba(0, 130, 150, 0.25); } .treeview-dark .treeview-link.active { background-color: #7f7f7f; box-shadow: inset 0 0 0 1px #008296; color: #7ceeff; } .treeview-dark .treeview-link.active:focus-visible, .c-prefers-focus .treeview-dark .treeview-link.active:focus { box-shadow: inset 0 0 0 0.2rem rgba(0, 130, 150, 0.25); } .treeview-dark .treeview-link:disabled, .treeview-dark .treeview-link.disabled { background-color: transparent; color: rgba(255, 255, 255, 0.5); } .treeview-dark .treeview-link[aria-expanded=true]:focus-visible, .c-prefers-focus .treeview-dark .treeview-link[aria-expanded=true]:focus, .treeview-dark .treeview-link.show:focus-visible, .c-prefers-focus .treeview-dark .treeview-link.show:focus { box-shadow: inset 0 0 0 0.2rem rgba(0, 130, 150, 0.25); } .treeview-dark .treeview-link.treeview-no-hover:hover, .treeview-dark .treeview-link.treeview-no-hover.hover { background-color: transparent; color: white; } .treeview-dark .component-action { color: white; } .treeview-dark .component-action:disabled, .treeview-dark .component-action.disabled { color: white; } .bg-checkered { background-image: linear-gradient(45deg, #e9ecef 25%, transparent 25%), linear-gradient(-45deg, #e9ecef 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e9ecef 75%), linear-gradient(-45deg, transparent 75%, #e9ecef 75%); background-position: 0 0, 0 10px, 10px -10px, -10px 0px; background-size: 20px 20px; } .close { align-items: center; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: transparent; border-radius: 0; border-width: 0px; color: #2b2b2b; cursor: pointer; display: inline-flex; font-size: 1rem; font-weight: 400; height: 2rem; justify-content: center; line-height: 1; opacity: 0.5; padding: 0; text-align: center; text-shadow: 0 1px 0 #fff; 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; width: 2rem; } .close::-ms-expand { display: none; } @media (prefers-reduced-motion: reduce) { .close { transition: none; } } .c-prefers-reduced-motion .close { transition: none; } .close:hover { color: #2b2b2b; opacity: 0.75; text-decoration: none; } .close.focus, .close:focus-visible, .c-prefers-focus .close:focus { box-shadow: 0 3px 6px #008dc9; outline: 0; opacity: 0.75; } .close:disabled, .close.disabled { box-shadow: none; cursor: not-allowed; opacity: 0.25; outline: 0; } .close .lexicon-icon { margin-top: 0; } .c-focus-inset:focus:not(:disabled):not(.disabled):not([disabled]), .c-focus-inset.focus:not(:disabled):not(.disabled):not([disabled]) { box-shadow: inset 0 0 0 0.2rem rgba(0, 130, 150, 0.25); border-color: #008dc9; outline: 0; } .autofit-row { display: flex; flex-wrap: nowrap; width: 100%; } ul.autofit-row { list-style: none; padding-left: 0; } .autofit-row-center > .autofit-col { justify-content: center; } .autofit-row-end > .autofit-col { justify-content: flex-end; } .autofit-padded > .autofit-col { padding-bottom: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; } .autofit-padded-no-gutters-x { margin-left: -0.5rem; margin-right: -0.5rem; width: auto; } .autofit-padded-no-gutters-x > .autofit-col { padding-bottom: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; } .autofit-padded-no-gutters-y { margin-bottom: -0.25rem; margin-top: -0.25rem; width: auto; } .autofit-padded-no-gutters-y > .autofit-col { padding-bottom: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; } .autofit-padded-no-gutters { margin-bottom: -0.25rem; margin-left: -0.5rem; margin-right: -0.5rem; margin-top: -0.25rem; width: auto; } .autofit-padded-no-gutters > .autofit-col { padding-bottom: 0.25rem; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; } .autofit-padded-no-gutters-sm, .sheet-title .autofit-padded-no-gutters { margin: -0.25rem; width: auto; } .autofit-padded-no-gutters-sm > .autofit-col, .sheet-title .autofit-padded-no-gutters > .autofit-col { padding: 0.25rem; } .autofit-col, .tbar-item { display: flex; flex-direction: column; flex-shrink: 0; min-height: 0; position: relative; } .autofit-col-shrink { flex-shrink: 1; min-width: 1rem; word-wrap: break-word; } .autofit-col-expand, .tbar-item-expand { flex-grow: 1; flex-shrink: 1; min-width: 3.125rem; word-wrap: break-word; } .autofit-section, .tbar-section { max-width: 100%; } .autofit-float { flex-wrap: wrap; } .autofit-float > .autofit-col { max-width: 100%; } .autofit-float > .autofit-col-end { margin-left: auto; } .autofit-float > .autofit-col-end + .autofit-col-end { margin-left: 0; } @media (max-width: 767.98px) { .autofit-float-sm-down { flex-wrap: wrap; } .autofit-float-sm-down > .autofit-col { max-width: 100%; } .autofit-float-sm-down > .autofit-col-end { margin-left: auto; } .autofit-float-sm-down > .autofit-col-end + .autofit-col-end { margin-left: 0; } } @media (max-width: 991.98px) { .autofit-float-md-down { flex-wrap: wrap; } .autofit-float-md-down > .autofit-col { max-width: 100%; } .autofit-float-md-down > .autofit-col-end { margin-left: auto; } .autofit-float-md-down > .autofit-col-end + .autofit-col-end { margin-left: 0; } } .autofit-float-end { flex-wrap: wrap; justify-content: flex-end; } .autofit-float-end > .autofit-col { max-width: 100%; } .autofit-float-end > .autofit-col-end { margin-left: auto; } .autofit-float-end > .autofit-col-end + .autofit-col-end { margin-left: 0; } @media (max-width: 767.98px) { .autofit-float-end-sm-down { flex-wrap: wrap; justify-content: flex-end; } .autofit-float-end-sm-down > .autofit-col { max-width: 100%; } .autofit-float-end-sm-down > .autofit-col-end { margin-left: auto; } .autofit-float-end-sm-down > .autofit-col-end + .autofit-col-end { margin-left: 0; } } @media (max-width: 991.98px) { .autofit-float-end-md-down { flex-wrap: wrap; justify-content: flex-end; } .autofit-float-end-md-down > .autofit-col { max-width: 100%; } .autofit-float-end-md-down > .autofit-col-end { margin-left: auto; } .autofit-float-end-md-down > .autofit-col-end + .autofit-col-end { margin-left: 0; } } .c-inner { align-items: inherit; display: inherit; flex-direction: inherit; height: inherit; justify-content: inherit; line-height: inherit; max-width: inherit; min-width: inherit; outline: 0; overflow: inherit; padding-bottom: inherit; padding-left: inherit; padding-right: inherit; padding-top: inherit; width: inherit; } .heading-start { margin-right: 1rem; } .heading-end { margin-left: 1rem; } .heading-text { margin-bottom: auto; margin-top: auto; } .inline-scroller { -webkit-overflow-scrolling: touch; list-style: none; margin: 0; max-height: 125px; overflow: auto; padding: 0; } .inline-scroller:focus { outline: 0; } .inline-scroller:focus-visible { box-shadow: 0 0 0 0.2rem rgba(0, 130, 150, 0.25); } .inline-item { align-items: center; display: inline-flex; vertical-align: middle; } .inline-item .inline-item { display: inline; } .inline-item .lexicon-icon { margin-top: -0.1em; } .inline-item-before { margin-right: 0.5rem; } .inline-item-middle { margin-left: 0.5rem; margin-right: 0.5rem; } .inline-item-middle + .inline-item-middle { margin-left: 0; } .inline-item-after { margin-left: 0.5rem; } .page-header { background-color: #e9ecef; } .c-gap-0 { gap: 0; } .c-gapx-0 { column-gap: 0; } .c-gapy-0 { row-gap: 0; } .c-gap-1 { gap: 0.25rem; } .c-gapx-1 { column-gap: 0.25rem; } .c-gapy-1 { row-gap: 0.25rem; } .c-gap-2 { gap: 0.5rem; } .c-gapx-2 { column-gap: 0.5rem; } .c-gapy-2 { row-gap: 0.5rem; } .c-gap-3 { gap: 1.125rem; } .c-gapx-3 { column-gap: 1.125rem; } .c-gapy-3 { row-gap: 1.125rem; } .c-gap-4 { gap: 1.5rem; } .c-gapx-4 { column-gap: 1.5rem; } .c-gapy-4 { row-gap: 1.5rem; } .c-gap-5 { gap: 1.875rem; } .c-gapx-5 { column-gap: 1.875rem; } .c-gapy-5 { row-gap: 1.875rem; } @media (min-width: 576px) { .c-gap-sm-0 { gap: 0; } .c-gapx-sm-0 { column-gap: 0; } .c-gapy-sm-0 { row-gap: 0; } .c-gap-sm-1 { gap: 0.25rem; } .c-gapx-sm-1 { column-gap: 0.25rem; } .c-gapy-sm-1 { row-gap: 0.25rem; } .c-gap-sm-2 { gap: 0.5rem; } .c-gapx-sm-2 { column-gap: 0.5rem; } .c-gapy-sm-2 { row-gap: 0.5rem; } .c-gap-sm-3 { gap: 1.125rem; } .c-gapx-sm-3 { column-gap: 1.125rem; } .c-gapy-sm-3 { row-gap: 1.125rem; } .c-gap-sm-4 { gap: 1.5rem; } .c-gapx-sm-4 { column-gap: 1.5rem; } .c-gapy-sm-4 { row-gap: 1.5rem; } .c-gap-sm-5 { gap: 1.875rem; } .c-gapx-sm-5 { column-gap: 1.875rem; } .c-gapy-sm-5 { row-gap: 1.875rem; } } @media (min-width: 768px) { .c-gap-md-0 { gap: 0; } .c-gapx-md-0 { column-gap: 0; } .c-gapy-md-0 { row-gap: 0; } .c-gap-md-1 { gap: 0.25rem; } .c-gapx-md-1 { column-gap: 0.25rem; } .c-gapy-md-1 { row-gap: 0.25rem; } .c-gap-md-2 { gap: 0.5rem; } .c-gapx-md-2 { column-gap: 0.5rem; } .c-gapy-md-2 { row-gap: 0.5rem; } .c-gap-md-3 { gap: 1.125rem; } .c-gapx-md-3 { column-gap: 1.125rem; } .c-gapy-md-3 { row-gap: 1.125rem; } .c-gap-md-4 { gap: 1.5rem; } .c-gapx-md-4 { column-gap: 1.5rem; } .c-gapy-md-4 { row-gap: 1.5rem; } .c-gap-md-5 { gap: 1.875rem; } .c-gapx-md-5 { column-gap: 1.875rem; } .c-gapy-md-5 { row-gap: 1.875rem; } } @media (min-width: 992px) { .c-gap-lg-0 { gap: 0; } .c-gapx-lg-0 { column-gap: 0; } .c-gapy-lg-0 { row-gap: 0; } .c-gap-lg-1 { gap: 0.25rem; } .c-gapx-lg-1 { column-gap: 0.25rem; } .c-gapy-lg-1 { row-gap: 0.25rem; } .c-gap-lg-2 { gap: 0.5rem; } .c-gapx-lg-2 { column-gap: 0.5rem; } .c-gapy-lg-2 { row-gap: 0.5rem; } .c-gap-lg-3 { gap: 1.125rem; } .c-gapx-lg-3 { column-gap: 1.125rem; } .c-gapy-lg-3 { row-gap: 1.125rem; } .c-gap-lg-4 { gap: 1.5rem; } .c-gapx-lg-4 { column-gap: 1.5rem; } .c-gapy-lg-4 { row-gap: 1.5rem; } .c-gap-lg-5 { gap: 1.875rem; } .c-gapx-lg-5 { column-gap: 1.875rem; } .c-gapy-lg-5 { row-gap: 1.875rem; } } @media (min-width: 1200px) { .c-gap-xl-0 { gap: 0; } .c-gapx-xl-0 { column-gap: 0; } .c-gapy-xl-0 { row-gap: 0; } .c-gap-xl-1 { gap: 0.25rem; } .c-gapx-xl-1 { column-gap: 0.25rem; } .c-gapy-xl-1 { row-gap: 0.25rem; } .c-gap-xl-2 { gap: 0.5rem; } .c-gapx-xl-2 { column-gap: 0.5rem; } .c-gapy-xl-2 { row-gap: 0.5rem; } .c-gap-xl-3 { gap: 1.125rem; } .c-gapx-xl-3 { column-gap: 1.125rem; } .c-gapy-xl-3 { row-gap: 1.125rem; } .c-gap-xl-4 { gap: 1.5rem; } .c-gapx-xl-4 { column-gap: 1.5rem; } .c-gapy-xl-4 { row-gap: 1.5rem; } .c-gap-xl-5 { gap: 1.875rem; } .c-gapx-xl-5 { column-gap: 1.875rem; } .c-gapy-xl-5 { row-gap: 1.875rem; } } .c-m-0 { margin: 0; } .c-mt-0, .c-my-0 { margin-top: 0; } .c-mr-0, .c-mx-0 { margin-right: 0; } .c-mb-0, .c-my-0 { margin-bottom: 0; } .c-ml-0, .c-mx-0 { margin-left: 0; } .c-m-1 { margin: 0.25rem; } .c-mt-1, .c-my-1 { margin-top: 0.25rem; } .c-mr-1, .c-mx-1 { margin-right: 0.25rem; } .c-mb-1, .c-my-1 { margin-bottom: 0.25rem; } .c-ml-1, .c-mx-1 { margin-left: 0.25rem; } .c-m-2 { margin: 0.5rem; } .c-mt-2, .c-my-2 { margin-top: 0.5rem; } .c-mr-2, .c-mx-2 { margin-right: 0.5rem; } .c-mb-2, .c-my-2 { margin-bottom: 0.5rem; } .c-ml-2, .c-mx-2 { margin-left: 0.5rem; } .c-m-3 { margin: 1.125rem; } .c-mt-3, .c-my-3 { margin-top: 1.125rem; } .c-mr-3, .c-mx-3 { margin-right: 1.125rem; } .c-mb-3, .c-my-3 { margin-bottom: 1.125rem; } .c-ml-3, .c-mx-3 { margin-left: 1.125rem; } .c-m-4 { margin: 1.5rem; } .c-mt-4, .c-my-4 { margin-top: 1.5rem; } .c-mr-4, .c-mx-4 { margin-right: 1.5rem; } .c-mb-4, .c-my-4 { margin-bottom: 1.5rem; } .c-ml-4, .c-mx-4 { margin-left: 1.5rem; } .c-m-5 { margin: 1.875rem; } .c-mt-5, .c-my-5 { margin-top: 1.875rem; } .c-mr-5, .c-mx-5 { margin-right: 1.875rem; } .c-mb-5, .c-my-5 { margin-bottom: 1.875rem; } .c-ml-5, .c-mx-5 { margin-left: 1.875rem; } .c-m-6 { margin: 2.25rem; } .c-mt-6, .c-my-6 { margin-top: 2.25rem; } .c-mr-6, .c-mx-6 { margin-right: 2.25rem; } .c-mb-6, .c-my-6 { margin-bottom: 2.25rem; } .c-ml-6, .c-mx-6 { margin-left: 2.25rem; } .c-m-7 { margin: 3rem; } .c-mt-7, .c-my-7 { margin-top: 3rem; } .c-mr-7, .c-mx-7 { margin-right: 3rem; } .c-mb-7, .c-my-7 { margin-bottom: 3rem; } .c-ml-7, .c-mx-7 { margin-left: 3rem; } .c-m-8 { margin: 3.75rem; } .c-mt-8, .c-my-8 { margin-top: 3.75rem; } .c-mr-8, .c-mx-8 { margin-right: 3.75rem; } .c-mb-8, .c-my-8 { margin-bottom: 3.75rem; } .c-ml-8, .c-mx-8 { margin-left: 3.75rem; } .c-m-9 { margin: 4.5rem; } .c-mt-9, .c-my-9 { margin-top: 4.5rem; } .c-mr-9, .c-mx-9 { margin-right: 4.5rem; } .c-mb-9, .c-my-9 { margin-bottom: 4.5rem; } .c-ml-9, .c-mx-9 { margin-left: 4.5rem; } .c-m-10 { margin: 5.625rem; } .c-mt-10, .c-my-10 { margin-top: 5.625rem; } .c-mr-10, .c-mx-10 { margin-right: 5.625rem; } .c-mb-10, .c-my-10 { margin-bottom: 5.625rem; } .c-ml-10, .c-mx-10 { margin-left: 5.625rem; } .c-m-11 { margin: 7.5rem; } .c-mt-11, .c-my-11 { margin-top: 7.5rem; } .c-mr-11, .c-mx-11 { margin-right: 7.5rem; } .c-mb-11, .c-my-11 { margin-bottom: 7.5rem; } .c-ml-11, .c-mx-11 { margin-left: 7.5rem; } .c-p-0 { padding: 0; } .c-pt-0, .c-py-0 { padding-top: 0; } .c-pr-0, .c-px-0 { padding-right: 0; } .c-pb-0, .c-py-0 { padding-bottom: 0; } .c-pl-0, .c-px-0 { padding-left: 0; } .c-p-1 { padding: 0.25rem; } .c-pt-1, .c-py-1 { padding-top: 0.25rem; } .c-pr-1, .c-px-1 { padding-right: 0.25rem; } .c-pb-1, .c-py-1 { padding-bottom: 0.25rem; } .c-pl-1, .c-px-1 { padding-left: 0.25rem; } .c-p-2 { padding: 0.5rem; } .c-pt-2, .c-py-2 { padding-top: 0.5rem; } .c-pr-2, .c-px-2 { padding-right: 0.5rem; } .c-pb-2, .c-py-2 { padding-bottom: 0.5rem; } .c-pl-2, .c-px-2 { padding-left: 0.5rem; } .c-p-3 { padding: 1.125rem; } .c-pt-3, .c-py-3 { padding-top: 1.125rem; } .c-pr-3, .c-px-3 { padding-right: 1.125rem; } .c-pb-3, .c-py-3 { padding-bottom: 1.125rem; } .c-pl-3, .c-px-3 { padding-left: 1.125rem; } .c-p-4 { padding: 1.5rem; } .c-pt-4, .c-py-4 { padding-top: 1.5rem; } .c-pr-4, .c-px-4 { padding-right: 1.5rem; } .c-pb-4, .c-py-4 { padding-bottom: 1.5rem; } .c-pl-4, .c-px-4 { padding-left: 1.5rem; } .c-p-5 { padding: 1.875rem; } .c-pt-5, .c-py-5 { padding-top: 1.875rem; } .c-pr-5, .c-px-5 { padding-right: 1.875rem; } .c-pb-5, .c-py-5 { padding-bottom: 1.875rem; } .c-pl-5, .c-px-5 { padding-left: 1.875rem; } .c-p-6 { padding: 2.25rem; } .c-pt-6, .c-py-6 { padding-top: 2.25rem; } .c-pr-6, .c-px-6 { padding-right: 2.25rem; } .c-pb-6, .c-py-6 { padding-bottom: 2.25rem; } .c-pl-6, .c-px-6 { padding-left: 2.25rem; } .c-p-7 { padding: 3rem; } .c-pt-7, .c-py-7 { padding-top: 3rem; } .c-pr-7, .c-px-7 { padding-right: 3rem; } .c-pb-7, .c-py-7 { padding-bottom: 3rem; } .c-pl-7, .c-px-7 { padding-left: 3rem; } .c-p-8 { padding: 3.75rem; } .c-pt-8, .c-py-8 { padding-top: 3.75rem; } .c-pr-8, .c-px-8 { padding-right: 3.75rem; } .c-pb-8, .c-py-8 { padding-bottom: 3.75rem; } .c-pl-8, .c-px-8 { padding-left: 3.75rem; } .c-p-9 { padding: 4.5rem; } .c-pt-9, .c-py-9 { padding-top: 4.5rem; } .c-pr-9, .c-px-9 { padding-right: 4.5rem; } .c-pb-9, .c-py-9 { padding-bottom: 4.5rem; } .c-pl-9, .c-px-9 { padding-left: 4.5rem; } .c-p-10 { padding: 5.625rem; } .c-pt-10, .c-py-10 { padding-top: 5.625rem; } .c-pr-10, .c-px-10 { padding-right: 5.625rem; } .c-pb-10, .c-py-10 { padding-bottom: 5.625rem; } .c-pl-10, .c-px-10 { padding-left: 5.625rem; } .c-p-11 { padding: 7.5rem; } .c-pt-11, .c-py-11 { padding-top: 7.5rem; } .c-pr-11, .c-px-11 { padding-right: 7.5rem; } .c-pb-11, .c-py-11 { padding-bottom: 7.5rem; } .c-pl-11, .c-px-11 { padding-left: 7.5rem; } .c-m-n1 { margin: -0.25rem; } .c-mt-n1, .c-my-n1 { margin-top: -0.25rem; } .c-mr-n1, .c-mx-n1 { margin-right: -0.25rem; } .c-mb-n1, .c-my-n1 { margin-bottom: -0.25rem; } .c-ml-n1, .c-mx-n1 { margin-left: -0.25rem; } .c-m-n2 { margin: -0.5rem; } .c-mt-n2, .c-my-n2 { margin-top: -0.5rem; } .c-mr-n2, .c-mx-n2 { margin-right: -0.5rem; } .c-mb-n2, .c-my-n2 { margin-bottom: -0.5rem; } .c-ml-n2, .c-mx-n2 { margin-left: -0.5rem; } .c-m-n3 { margin: -1.125rem; } .c-mt-n3, .c-my-n3 { margin-top: -1.125rem; } .c-mr-n3, .c-mx-n3 { margin-right: -1.125rem; } .c-mb-n3, .c-my-n3 { margin-bottom: -1.125rem; } .c-ml-n3, .c-mx-n3 { margin-left: -1.125rem; } .c-m-n4 { margin: -1.5rem; } .c-mt-n4, .c-my-n4 { margin-top: -1.5rem; } .c-mr-n4, .c-mx-n4 { margin-right: -1.5rem; } .c-mb-n4, .c-my-n4 { margin-bottom: -1.5rem; } .c-ml-n4, .c-mx-n4 { margin-left: -1.5rem; } .c-m-n5 { margin: -1.875rem; } .c-mt-n5, .c-my-n5 { margin-top: -1.875rem; } .c-mr-n5, .c-mx-n5 { margin-right: -1.875rem; } .c-mb-n5, .c-my-n5 { margin-bottom: -1.875rem; } .c-ml-n5, .c-mx-n5 { margin-left: -1.875rem; } .c-m-n6 { margin: -2.25rem; } .c-mt-n6, .c-my-n6 { margin-top: -2.25rem; } .c-mr-n6, .c-mx-n6 { margin-right: -2.25rem; } .c-mb-n6, .c-my-n6 { margin-bottom: -2.25rem; } .c-ml-n6, .c-mx-n6 { margin-left: -2.25rem; } .c-m-n7 { margin: -3rem; } .c-mt-n7, .c-my-n7 { margin-top: -3rem; } .c-mr-n7, .c-mx-n7 { margin-right: -3rem; } .c-mb-n7, .c-my-n7 { margin-bottom: -3rem; } .c-ml-n7, .c-mx-n7 { margin-left: -3rem; } .c-m-n8 { margin: -3.75rem; } .c-mt-n8, .c-my-n8 { margin-top: -3.75rem; } .c-mr-n8, .c-mx-n8 { margin-right: -3.75rem; } .c-mb-n8, .c-my-n8 { margin-bottom: -3.75rem; } .c-ml-n8, .c-mx-n8 { margin-left: -3.75rem; } .c-m-n9 { margin: -4.5rem; } .c-mt-n9, .c-my-n9 { margin-top: -4.5rem; } .c-mr-n9, .c-mx-n9 { margin-right: -4.5rem; } .c-mb-n9, .c-my-n9 { margin-bottom: -4.5rem; } .c-ml-n9, .c-mx-n9 { margin-left: -4.5rem; } .c-m-n10 { margin: -5.625rem; } .c-mt-n10, .c-my-n10 { margin-top: -5.625rem; } .c-mr-n10, .c-mx-n10 { margin-right: -5.625rem; } .c-mb-n10, .c-my-n10 { margin-bottom: -5.625rem; } .c-ml-n10, .c-mx-n10 { margin-left: -5.625rem; } .c-m-n11 { margin: -7.5rem; } .c-mt-n11, .c-my-n11 { margin-top: -7.5rem; } .c-mr-n11, .c-mx-n11 { margin-right: -7.5rem; } .c-mb-n11, .c-my-n11 { margin-bottom: -7.5rem; } .c-ml-n11, .c-mx-n11 { margin-left: -7.5rem; } .c-m-auto { margin: auto; } .c-mt-auto, .c-my-auto { margin-top: auto; } .c-mr-auto, .c-mx-auto { margin-right: auto; } .c-mb-auto, .c-my-auto { margin-bottom: auto; } .c-ml-auto, .c-mx-auto { margin-left: auto; } @media (min-width: 576px) { .c-m-sm-0 { margin: 0; } .c-mt-sm-0, .c-my-sm-0 { margin-top: 0; } .c-mr-sm-0, .c-mx-sm-0 { margin-right: 0; } .c-mb-sm-0, .c-my-sm-0 { margin-bottom: 0; } .c-ml-sm-0, .c-mx-sm-0 { margin-left: 0; } .c-m-sm-1 { margin: 0.25rem; } .c-mt-sm-1, .c-my-sm-1 { margin-top: 0.25rem; } .c-mr-sm-1, .c-mx-sm-1 { margin-right: 0.25rem; } .c-mb-sm-1, .c-my-sm-1 { margin-bottom: 0.25rem; } .c-ml-sm-1, .c-mx-sm-1 { margin-left: 0.25rem; } .c-m-sm-2 { margin: 0.5rem; } .c-mt-sm-2, .c-my-sm-2 { margin-top: 0.5rem; } .c-mr-sm-2, .c-mx-sm-2 { margin-right: 0.5rem; } .c-mb-sm-2, .c-my-sm-2 { margin-bottom: 0.5rem; } .c-ml-sm-2, .c-mx-sm-2 { margin-left: 0.5rem; } .c-m-sm-3 { margin: 1.125rem; } .c-mt-sm-3, .c-my-sm-3 { margin-top: 1.125rem; } .c-mr-sm-3, .c-mx-sm-3 { margin-right: 1.125rem; } .c-mb-sm-3, .c-my-sm-3 { margin-bottom: 1.125rem; } .c-ml-sm-3, .c-mx-sm-3 { margin-left: 1.125rem; } .c-m-sm-4 { margin: 1.5rem; } .c-mt-sm-4, .c-my-sm-4 { margin-top: 1.5rem; } .c-mr-sm-4, .c-mx-sm-4 { margin-right: 1.5rem; } .c-mb-sm-4, .c-my-sm-4 { margin-bottom: 1.5rem; } .c-ml-sm-4, .c-mx-sm-4 { margin-left: 1.5rem; } .c-m-sm-5 { margin: 1.875rem; } .c-mt-sm-5, .c-my-sm-5 { margin-top: 1.875rem; } .c-mr-sm-5, .c-mx-sm-5 { margin-right: 1.875rem; } .c-mb-sm-5, .c-my-sm-5 { margin-bottom: 1.875rem; } .c-ml-sm-5, .c-mx-sm-5 { margin-left: 1.875rem; } .c-m-sm-6 { margin: 2.25rem; } .c-mt-sm-6, .c-my-sm-6 { margin-top: 2.25rem; } .c-mr-sm-6, .c-mx-sm-6 { margin-right: 2.25rem; } .c-mb-sm-6, .c-my-sm-6 { margin-bottom: 2.25rem; } .c-ml-sm-6, .c-mx-sm-6 { margin-left: 2.25rem; } .c-m-sm-7 { margin: 3rem; } .c-mt-sm-7, .c-my-sm-7 { margin-top: 3rem; } .c-mr-sm-7, .c-mx-sm-7 { margin-right: 3rem; } .c-mb-sm-7, .c-my-sm-7 { margin-bottom: 3rem; } .c-ml-sm-7, .c-mx-sm-7 { margin-left: 3rem; } .c-m-sm-8 { margin: 3.75rem; } .c-mt-sm-8, .c-my-sm-8 { margin-top: 3.75rem; } .c-mr-sm-8, .c-mx-sm-8 { margin-right: 3.75rem; } .c-mb-sm-8, .c-my-sm-8 { margin-bottom: 3.75rem; } .c-ml-sm-8, .c-mx-sm-8 { margin-left: 3.75rem; } .c-m-sm-9 { margin: 4.5rem; } .c-mt-sm-9, .c-my-sm-9 { margin-top: 4.5rem; } .c-mr-sm-9, .c-mx-sm-9 { margin-right: 4.5rem; } .c-mb-sm-9, .c-my-sm-9 { margin-bottom: 4.5rem; } .c-ml-sm-9, .c-mx-sm-9 { margin-left: 4.5rem; } .c-m-sm-10 { margin: 5.625rem; } .c-mt-sm-10, .c-my-sm-10 { margin-top: 5.625rem; } .c-mr-sm-10, .c-mx-sm-10 { margin-right: 5.625rem; } .c-mb-sm-10, .c-my-sm-10 { margin-bottom: 5.625rem; } .c-ml-sm-10, .c-mx-sm-10 { margin-left: 5.625rem; } .c-m-sm-11 { margin: 7.5rem; } .c-mt-sm-11, .c-my-sm-11 { margin-top: 7.5rem; } .c-mr-sm-11, .c-mx-sm-11 { margin-right: 7.5rem; } .c-mb-sm-11, .c-my-sm-11 { margin-bottom: 7.5rem; } .c-ml-sm-11, .c-mx-sm-11 { margin-left: 7.5rem; } .c-p-sm-0 { padding: 0; } .c-pt-sm-0, .c-py-sm-0 { padding-top: 0; } .c-pr-sm-0, .c-px-sm-0 { padding-right: 0; } .c-pb-sm-0, .c-py-sm-0 { padding-bottom: 0; } .c-pl-sm-0, .c-px-sm-0 { padding-left: 0; } .c-p-sm-1 { padding: 0.25rem; } .c-pt-sm-1, .c-py-sm-1 { padding-top: 0.25rem; } .c-pr-sm-1, .c-px-sm-1 { padding-right: 0.25rem; } .c-pb-sm-1, .c-py-sm-1 { padding-bottom: 0.25rem; } .c-pl-sm-1, .c-px-sm-1 { padding-left: 0.25rem; } .c-p-sm-2 { padding: 0.5rem; } .c-pt-sm-2, .c-py-sm-2 { padding-top: 0.5rem; } .c-pr-sm-2, .c-px-sm-2 { padding-right: 0.5rem; } .c-pb-sm-2, .c-py-sm-2 { padding-bottom: 0.5rem; } .c-pl-sm-2, .c-px-sm-2 { padding-left: 0.5rem; } .c-p-sm-3 { padding: 1.125rem; } .c-pt-sm-3, .c-py-sm-3 { padding-top: 1.125rem; } .c-pr-sm-3, .c-px-sm-3 { padding-right: 1.125rem; } .c-pb-sm-3, .c-py-sm-3 { padding-bottom: 1.125rem; } .c-pl-sm-3, .c-px-sm-3 { padding-left: 1.125rem; } .c-p-sm-4 { padding: 1.5rem; } .c-pt-sm-4, .c-py-sm-4 { padding-top: 1.5rem; } .c-pr-sm-4, .c-px-sm-4 { padding-right: 1.5rem; } .c-pb-sm-4, .c-py-sm-4 { padding-bottom: 1.5rem; } .c-pl-sm-4, .c-px-sm-4 { padding-left: 1.5rem; } .c-p-sm-5 { padding: 1.875rem; } .c-pt-sm-5, .c-py-sm-5 { padding-top: 1.875rem; } .c-pr-sm-5, .c-px-sm-5 { padding-right: 1.875rem; } .c-pb-sm-5, .c-py-sm-5 { padding-bottom: 1.875rem; } .c-pl-sm-5, .c-px-sm-5 { padding-left: 1.875rem; } .c-p-sm-6 { padding: 2.25rem; } .c-pt-sm-6, .c-py-sm-6 { padding-top: 2.25rem; } .c-pr-sm-6, .c-px-sm-6 { padding-right: 2.25rem; } .c-pb-sm-6, .c-py-sm-6 { padding-bottom: 2.25rem; } .c-pl-sm-6, .c-px-sm-6 { padding-left: 2.25rem; } .c-p-sm-7 { padding: 3rem; } .c-pt-sm-7, .c-py-sm-7 { padding-top: 3rem; } .c-pr-sm-7, .c-px-sm-7 { padding-right: 3rem; } .c-pb-sm-7, .c-py-sm-7 { padding-bottom: 3rem; } .c-pl-sm-7, .c-px-sm-7 { padding-left: 3rem; } .c-p-sm-8 { padding: 3.75rem; } .c-pt-sm-8, .c-py-sm-8 { padding-top: 3.75rem; } .c-pr-sm-8, .c-px-sm-8 { padding-right: 3.75rem; } .c-pb-sm-8, .c-py-sm-8 { padding-bottom: 3.75rem; } .c-pl-sm-8, .c-px-sm-8 { padding-left: 3.75rem; } .c-p-sm-9 { padding: 4.5rem; } .c-pt-sm-9, .c-py-sm-9 { padding-top: 4.5rem; } .c-pr-sm-9, .c-px-sm-9 { padding-right: 4.5rem; } .c-pb-sm-9, .c-py-sm-9 { padding-bottom: 4.5rem; } .c-pl-sm-9, .c-px-sm-9 { padding-left: 4.5rem; } .c-p-sm-10 { padding: 5.625rem; } .c-pt-sm-10, .c-py-sm-10 { padding-top: 5.625rem; } .c-pr-sm-10, .c-px-sm-10 { padding-right: 5.625rem; } .c-pb-sm-10, .c-py-sm-10 { padding-bottom: 5.625rem; } .c-pl-sm-10, .c-px-sm-10 { padding-left: 5.625rem; } .c-p-sm-11 { padding: 7.5rem; } .c-pt-sm-11, .c-py-sm-11 { padding-top: 7.5rem; } .c-pr-sm-11, .c-px-sm-11 { padding-right: 7.5rem; } .c-pb-sm-11, .c-py-sm-11 { padding-bottom: 7.5rem; } .c-pl-sm-11, .c-px-sm-11 { padding-left: 7.5rem; } .c-m-sm-n1 { margin: -0.25rem; } .c-mt-sm-n1, .c-my-sm-n1 { margin-top: -0.25rem; } .c-mr-sm-n1, .c-mx-sm-n1 { margin-right: -0.25rem; } .c-mb-sm-n1, .c-my-sm-n1 { margin-bottom: -0.25rem; } .c-ml-sm-n1, .c-mx-sm-n1 { margin-left: -0.25rem; } .c-m-sm-n2 { margin: -0.5rem; } .c-mt-sm-n2, .c-my-sm-n2 { margin-top: -0.5rem; } .c-mr-sm-n2, .c-mx-sm-n2 { margin-right: -0.5rem; } .c-mb-sm-n2, .c-my-sm-n2 { margin-bottom: -0.5rem; } .c-ml-sm-n2, .c-mx-sm-n2 { margin-left: -0.5rem; } .c-m-sm-n3 { margin: -1.125rem; } .c-mt-sm-n3, .c-my-sm-n3 { margin-top: -1.125rem; } .c-mr-sm-n3, .c-mx-sm-n3 { margin-right: -1.125rem; } .c-mb-sm-n3, .c-my-sm-n3 { margin-bottom: -1.125rem; } .c-ml-sm-n3, .c-mx-sm-n3 { margin-left: -1.125rem; } .c-m-sm-n4 { margin: -1.5rem; } .c-mt-sm-n4, .c-my-sm-n4 { margin-top: -1.5rem; } .c-mr-sm-n4, .c-mx-sm-n4 { margin-right: -1.5rem; } .c-mb-sm-n4, .c-my-sm-n4 { margin-bottom: -1.5rem; } .c-ml-sm-n4, .c-mx-sm-n4 { margin-left: -1.5rem; } .c-m-sm-n5 { margin: -1.875rem; } .c-mt-sm-n5, .c-my-sm-n5 { margin-top: -1.875rem; } .c-mr-sm-n5, .c-mx-sm-n5 { margin-right: -1.875rem; } .c-mb-sm-n5, .c-my-sm-n5 { margin-bottom: -1.875rem; } .c-ml-sm-n5, .c-mx-sm-n5 { margin-left: -1.875rem; } .c-m-sm-n6 { margin: -2.25rem; } .c-mt-sm-n6, .c-my-sm-n6 { margin-top: -2.25rem; } .c-mr-sm-n6, .c-mx-sm-n6 { margin-right: -2.25rem; } .c-mb-sm-n6, .c-my-sm-n6 { margin-bottom: -2.25rem; } .c-ml-sm-n6, .c-mx-sm-n6 { margin-left: -2.25rem; } .c-m-sm-n7 { margin: -3rem; } .c-mt-sm-n7, .c-my-sm-n7 { margin-top: -3rem; } .c-mr-sm-n7, .c-mx-sm-n7 { margin-right: -3rem; } .c-mb-sm-n7, .c-my-sm-n7 { margin-bottom: -3rem; } .c-ml-sm-n7, .c-mx-sm-n7 { margin-left: -3rem; } .c-m-sm-n8 { margin: -3.75rem; } .c-mt-sm-n8, .c-my-sm-n8 { margin-top: -3.75rem; } .c-mr-sm-n8, .c-mx-sm-n8 { margin-right: -3.75rem; } .c-mb-sm-n8, .c-my-sm-n8 { margin-bottom: -3.75rem; } .c-ml-sm-n8, .c-mx-sm-n8 { margin-left: -3.75rem; } .c-m-sm-n9 { margin: -4.5rem; } .c-mt-sm-n9, .c-my-sm-n9 { margin-top: -4.5rem; } .c-mr-sm-n9, .c-mx-sm-n9 { margin-right: -4.5rem; } .c-mb-sm-n9, .c-my-sm-n9 { margin-bottom: -4.5rem; } .c-ml-sm-n9, .c-mx-sm-n9 { margin-left: -4.5rem; } .c-m-sm-n10 { margin: -5.625rem; } .c-mt-sm-n10, .c-my-sm-n10 { margin-top: -5.625rem; } .c-mr-sm-n10, .c-mx-sm-n10 { margin-right: -5.625rem; } .c-mb-sm-n10, .c-my-sm-n10 { margin-bottom: -5.625rem; } .c-ml-sm-n10, .c-mx-sm-n10 { margin-left: -5.625rem; } .c-m-sm-n11 { margin: -7.5rem; } .c-mt-sm-n11, .c-my-sm-n11 { margin-top: -7.5rem; } .c-mr-sm-n11, .c-mx-sm-n11 { margin-right: -7.5rem; } .c-mb-sm-n11, .c-my-sm-n11 { margin-bottom: -7.5rem; } .c-ml-sm-n11, .c-mx-sm-n11 { margin-left: -7.5rem; } .c-m-sm-auto { margin: auto; } .c-mt-sm-auto, .c-my-sm-auto { margin-top: auto; } .c-mr-sm-auto, .c-mx-sm-auto { margin-right: auto; } .c-mb-sm-auto, .c-my-sm-auto { margin-bottom: auto; } .c-ml-sm-auto, .c-mx-sm-auto { margin-left: auto; } } @media (min-width: 768px) { .c-m-md-0 { margin: 0; } .c-mt-md-0, .c-my-md-0 { margin-top: 0; } .c-mr-md-0, .c-mx-md-0 { margin-right: 0; } .c-mb-md-0, .c-my-md-0 { margin-bottom: 0; } .c-ml-md-0, .c-mx-md-0 { margin-left: 0; } .c-m-md-1 { margin: 0.25rem; } .c-mt-md-1, .c-my-md-1 { margin-top: 0.25rem; } .c-mr-md-1, .c-mx-md-1 { margin-right: 0.25rem; } .c-mb-md-1, .c-my-md-1 { margin-bottom: 0.25rem; } .c-ml-md-1, .c-mx-md-1 { margin-left: 0.25rem; } .c-m-md-2 { margin: 0.5rem; } .c-mt-md-2, .c-my-md-2 { margin-top: 0.5rem; } .c-mr-md-2, .c-mx-md-2 { margin-right: 0.5rem; } .c-mb-md-2, .c-my-md-2 { margin-bottom: 0.5rem; } .c-ml-md-2, .c-mx-md-2 { margin-left: 0.5rem; } .c-m-md-3 { margin: 1.125rem; } .c-mt-md-3, .c-my-md-3 { margin-top: 1.125rem; } .c-mr-md-3, .c-mx-md-3 { margin-right: 1.125rem; } .c-mb-md-3, .c-my-md-3 { margin-bottom: 1.125rem; } .c-ml-md-3, .c-mx-md-3 { margin-left: 1.125rem; } .c-m-md-4 { margin: 1.5rem; } .c-mt-md-4, .c-my-md-4 { margin-top: 1.5rem; } .c-mr-md-4, .c-mx-md-4 { margin-right: 1.5rem; } .c-mb-md-4, .c-my-md-4 { margin-bottom: 1.5rem; } .c-ml-md-4, .c-mx-md-4 { margin-left: 1.5rem; } .c-m-md-5 { margin: 1.875rem; } .c-mt-md-5, .c-my-md-5 { margin-top: 1.875rem; } .c-mr-md-5, .c-mx-md-5 { margin-right: 1.875rem; } .c-mb-md-5, .c-my-md-5 { margin-bottom: 1.875rem; } .c-ml-md-5, .c-mx-md-5 { margin-left: 1.875rem; } .c-m-md-6 { margin: 2.25rem; } .c-mt-md-6, .c-my-md-6 { margin-top: 2.25rem; } .c-mr-md-6, .c-mx-md-6 { margin-right: 2.25rem; } .c-mb-md-6, .c-my-md-6 { margin-bottom: 2.25rem; } .c-ml-md-6, .c-mx-md-6 { margin-left: 2.25rem; } .c-m-md-7 { margin: 3rem; } .c-mt-md-7, .c-my-md-7 { margin-top: 3rem; } .c-mr-md-7, .c-mx-md-7 { margin-right: 3rem; } .c-mb-md-7, .c-my-md-7 { margin-bottom: 3rem; } .c-ml-md-7, .c-mx-md-7 { margin-left: 3rem; } .c-m-md-8 { margin: 3.75rem; } .c-mt-md-8, .c-my-md-8 { margin-top: 3.75rem; } .c-mr-md-8, .c-mx-md-8 { margin-right: 3.75rem; } .c-mb-md-8, .c-my-md-8 { margin-bottom: 3.75rem; } .c-ml-md-8, .c-mx-md-8 { margin-left: 3.75rem; } .c-m-md-9 { margin: 4.5rem; } .c-mt-md-9, .c-my-md-9 { margin-top: 4.5rem; } .c-mr-md-9, .c-mx-md-9 { margin-right: 4.5rem; } .c-mb-md-9, .c-my-md-9 { margin-bottom: 4.5rem; } .c-ml-md-9, .c-mx-md-9 { margin-left: 4.5rem; } .c-m-md-10 { margin: 5.625rem; } .c-mt-md-10, .c-my-md-10 { margin-top: 5.625rem; } .c-mr-md-10, .c-mx-md-10 { margin-right: 5.625rem; } .c-mb-md-10, .c-my-md-10 { margin-bottom: 5.625rem; } .c-ml-md-10, .c-mx-md-10 { margin-left: 5.625rem; } .c-m-md-11 { margin: 7.5rem; } .c-mt-md-11, .c-my-md-11 { margin-top: 7.5rem; } .c-mr-md-11, .c-mx-md-11 { margin-right: 7.5rem; } .c-mb-md-11, .c-my-md-11 { margin-bottom: 7.5rem; } .c-ml-md-11, .c-mx-md-11 { margin-left: 7.5rem; } .c-p-md-0 { padding: 0; } .c-pt-md-0, .c-py-md-0 { padding-top: 0; } .c-pr-md-0, .c-px-md-0 { padding-right: 0; } .c-pb-md-0, .c-py-md-0 { padding-bottom: 0; } .c-pl-md-0, .c-px-md-0 { padding-left: 0; } .c-p-md-1 { padding: 0.25rem; } .c-pt-md-1, .c-py-md-1 { padding-top: 0.25rem; } .c-pr-md-1, .c-px-md-1 { padding-right: 0.25rem; } .c-pb-md-1, .c-py-md-1 { padding-bottom: 0.25rem; } .c-pl-md-1, .c-px-md-1 { padding-left: 0.25rem; } .c-p-md-2 { padding: 0.5rem; } .c-pt-md-2, .c-py-md-2 { padding-top: 0.5rem; } .c-pr-md-2, .c-px-md-2 { padding-right: 0.5rem; } .c-pb-md-2, .c-py-md-2 { padding-bottom: 0.5rem; } .c-pl-md-2, .c-px-md-2 { padding-left: 0.5rem; } .c-p-md-3 { padding: 1.125rem; } .c-pt-md-3, .c-py-md-3 { padding-top: 1.125rem; } .c-pr-md-3, .c-px-md-3 { padding-right: 1.125rem; } .c-pb-md-3, .c-py-md-3 { padding-bottom: 1.125rem; } .c-pl-md-3, .c-px-md-3 { padding-left: 1.125rem; } .c-p-md-4 { padding: 1.5rem; } .c-pt-md-4, .c-py-md-4 { padding-top: 1.5rem; } .c-pr-md-4, .c-px-md-4 { padding-right: 1.5rem; } .c-pb-md-4, .c-py-md-4 { padding-bottom: 1.5rem; } .c-pl-md-4, .c-px-md-4 { padding-left: 1.5rem; } .c-p-md-5 { padding: 1.875rem; } .c-pt-md-5, .c-py-md-5 { padding-top: 1.875rem; } .c-pr-md-5, .c-px-md-5 { padding-right: 1.875rem; } .c-pb-md-5, .c-py-md-5 { padding-bottom: 1.875rem; } .c-pl-md-5, .c-px-md-5 { padding-left: 1.875rem; } .c-p-md-6 { padding: 2.25rem; } .c-pt-md-6, .c-py-md-6 { padding-top: 2.25rem; } .c-pr-md-6, .c-px-md-6 { padding-right: 2.25rem; } .c-pb-md-6, .c-py-md-6 { padding-bottom: 2.25rem; } .c-pl-md-6, .c-px-md-6 { padding-left: 2.25rem; } .c-p-md-7 { padding: 3rem; } .c-pt-md-7, .c-py-md-7 { padding-top: 3rem; } .c-pr-md-7, .c-px-md-7 { padding-right: 3rem; } .c-pb-md-7, .c-py-md-7 { padding-bottom: 3rem; } .c-pl-md-7, .c-px-md-7 { padding-left: 3rem; } .c-p-md-8 { padding: 3.75rem; } .c-pt-md-8, .c-py-md-8 { padding-top: 3.75rem; } .c-pr-md-8, .c-px-md-8 { padding-right: 3.75rem; } .c-pb-md-8, .c-py-md-8 { padding-bottom: 3.75rem; } .c-pl-md-8, .c-px-md-8 { padding-left: 3.75rem; } .c-p-md-9 { padding: 4.5rem; } .c-pt-md-9, .c-py-md-9 { padding-top: 4.5rem; } .c-pr-md-9, .c-px-md-9 { padding-right: 4.5rem; } .c-pb-md-9, .c-py-md-9 { padding-bottom: 4.5rem; } .c-pl-md-9, .c-px-md-9 { padding-left: 4.5rem; } .c-p-md-10 { padding: 5.625rem; } .c-pt-md-10, .c-py-md-10 { padding-top: 5.625rem; } .c-pr-md-10, .c-px-md-10 { padding-right: 5.625rem; } .c-pb-md-10, .c-py-md-10 { padding-bottom: 5.625rem; } .c-pl-md-10, .c-px-md-10 { padding-left: 5.625rem; } .c-p-md-11 { padding: 7.5rem; } .c-pt-md-11, .c-py-md-11 { padding-top: 7.5rem; } .c-pr-md-11, .c-px-md-11 { padding-right: 7.5rem; } .c-pb-md-11, .c-py-md-11 { padding-bottom: 7.5rem; } .c-pl-md-11, .c-px-md-11 { padding-left: 7.5rem; } .c-m-md-n1 { margin: -0.25rem; } .c-mt-md-n1, .c-my-md-n1 { margin-top: -0.25rem; } .c-mr-md-n1, .c-mx-md-n1 { margin-right: -0.25rem; } .c-mb-md-n1, .c-my-md-n1 { margin-bottom: -0.25rem; } .c-ml-md-n1, .c-mx-md-n1 { margin-left: -0.25rem; } .c-m-md-n2 { margin: -0.5rem; } .c-mt-md-n2, .c-my-md-n2 { margin-top: -0.5rem; } .c-mr-md-n2, .c-mx-md-n2 { margin-right: -0.5rem; } .c-mb-md-n2, .c-my-md-n2 { margin-bottom: -0.5rem; } .c-ml-md-n2, .c-mx-md-n2 { margin-left: -0.5rem; } .c-m-md-n3 { margin: -1.125rem; } .c-mt-md-n3, .c-my-md-n3 { margin-top: -1.125rem; } .c-mr-md-n3, .c-mx-md-n3 { margin-right: -1.125rem; } .c-mb-md-n3, .c-my-md-n3 { margin-bottom: -1.125rem; } .c-ml-md-n3, .c-mx-md-n3 { margin-left: -1.125rem; } .c-m-md-n4 { margin: -1.5rem; } .c-mt-md-n4, .c-my-md-n4 { margin-top: -1.5rem; } .c-mr-md-n4, .c-mx-md-n4 { margin-right: -1.5rem; } .c-mb-md-n4, .c-my-md-n4 { margin-bottom: -1.5rem; } .c-ml-md-n4, .c-mx-md-n4 { margin-left: -1.5rem; } .c-m-md-n5 { margin: -1.875rem; } .c-mt-md-n5, .c-my-md-n5 { margin-top: -1.875rem; } .c-mr-md-n5, .c-mx-md-n5 { margin-right: -1.875rem; } .c-mb-md-n5, .c-my-md-n5 { margin-bottom: -1.875rem; } .c-ml-md-n5, .c-mx-md-n5 { margin-left: -1.875rem; } .c-m-md-n6 { margin: -2.25rem; } .c-mt-md-n6, .c-my-md-n6 { margin-top: -2.25rem; } .c-mr-md-n6, .c-mx-md-n6 { margin-right: -2.25rem; } .c-mb-md-n6, .c-my-md-n6 { margin-bottom: -2.25rem; } .c-ml-md-n6, .c-mx-md-n6 { margin-left: -2.25rem; } .c-m-md-n7 { margin: -3rem; } .c-mt-md-n7, .c-my-md-n7 { margin-top: -3rem; } .c-mr-md-n7, .c-mx-md-n7 { margin-right: -3rem; } .c-mb-md-n7, .c-my-md-n7 { margin-bottom: -3rem; } .c-ml-md-n7, .c-mx-md-n7 { margin-left: -3rem; } .c-m-md-n8 { margin: -3.75rem; } .c-mt-md-n8, .c-my-md-n8 { margin-top: -3.75rem; } .c-mr-md-n8, .c-mx-md-n8 { margin-right: -3.75rem; } .c-mb-md-n8, .c-my-md-n8 { margin-bottom: -3.75rem; } .c-ml-md-n8, .c-mx-md-n8 { margin-left: -3.75rem; } .c-m-md-n9 { margin: -4.5rem; } .c-mt-md-n9, .c-my-md-n9 { margin-top: -4.5rem; } .c-mr-md-n9, .c-mx-md-n9 { margin-right: -4.5rem; } .c-mb-md-n9, .c-my-md-n9 { margin-bottom: -4.5rem; } .c-ml-md-n9, .c-mx-md-n9 { margin-left: -4.5rem; } .c-m-md-n10 { margin: -5.625rem; } .c-mt-md-n10, .c-my-md-n10 { margin-top: -5.625rem; } .c-mr-md-n10, .c-mx-md-n10 { margin-right: -5.625rem; } .c-mb-md-n10, .c-my-md-n10 { margin-bottom: -5.625rem; } .c-ml-md-n10, .c-mx-md-n10 { margin-left: -5.625rem; } .c-m-md-n11 { margin: -7.5rem; } .c-mt-md-n11, .c-my-md-n11 { margin-top: -7.5rem; } .c-mr-md-n11, .c-mx-md-n11 { margin-right: -7.5rem; } .c-mb-md-n11, .c-my-md-n11 { margin-bottom: -7.5rem; } .c-ml-md-n11, .c-mx-md-n11 { margin-left: -7.5rem; } .c-m-md-auto { margin: auto; } .c-mt-md-auto, .c-my-md-auto { margin-top: auto; } .c-mr-md-auto, .c-mx-md-auto { margin-right: auto; } .c-mb-md-auto, .c-my-md-auto { margin-bottom: auto; } .c-ml-md-auto, .c-mx-md-auto { margin-left: auto; } } @media (min-width: 992px) { .c-m-lg-0 { margin: 0; } .c-mt-lg-0, .c-my-lg-0 { margin-top: 0; } .c-mr-lg-0, .c-mx-lg-0 { margin-right: 0; } .c-mb-lg-0, .c-my-lg-0 { margin-bottom: 0; } .c-ml-lg-0, .c-mx-lg-0 { margin-left: 0; } .c-m-lg-1 { margin: 0.25rem; } .c-mt-lg-1, .c-my-lg-1 { margin-top: 0.25rem; } .c-mr-lg-1, .c-mx-lg-1 { margin-right: 0.25rem; } .c-mb-lg-1, .c-my-lg-1 { margin-bottom: 0.25rem; } .c-ml-lg-1, .c-mx-lg-1 { margin-left: 0.25rem; } .c-m-lg-2 { margin: 0.5rem; } .c-mt-lg-2, .c-my-lg-2 { margin-top: 0.5rem; } .c-mr-lg-2, .c-mx-lg-2 { margin-right: 0.5rem; } .c-mb-lg-2, .c-my-lg-2 { margin-bottom: 0.5rem; } .c-ml-lg-2, .c-mx-lg-2 { margin-left: 0.5rem; } .c-m-lg-3 { margin: 1.125rem; } .c-mt-lg-3, .c-my-lg-3 { margin-top: 1.125rem; } .c-mr-lg-3, .c-mx-lg-3 { margin-right: 1.125rem; } .c-mb-lg-3, .c-my-lg-3 { margin-bottom: 1.125rem; } .c-ml-lg-3, .c-mx-lg-3 { margin-left: 1.125rem; } .c-m-lg-4 { margin: 1.5rem; } .c-mt-lg-4, .c-my-lg-4 { margin-top: 1.5rem; } .c-mr-lg-4, .c-mx-lg-4 { margin-right: 1.5rem; } .c-mb-lg-4, .c-my-lg-4 { margin-bottom: 1.5rem; } .c-ml-lg-4, .c-mx-lg-4 { margin-left: 1.5rem; } .c-m-lg-5 { margin: 1.875rem; } .c-mt-lg-5, .c-my-lg-5 { margin-top: 1.875rem; } .c-mr-lg-5, .c-mx-lg-5 { margin-right: 1.875rem; } .c-mb-lg-5, .c-my-lg-5 { margin-bottom: 1.875rem; } .c-ml-lg-5, .c-mx-lg-5 { margin-left: 1.875rem; } .c-m-lg-6 { margin: 2.25rem; } .c-mt-lg-6, .c-my-lg-6 { margin-top: 2.25rem; } .c-mr-lg-6, .c-mx-lg-6 { margin-right: 2.25rem; } .c-mb-lg-6, .c-my-lg-6 { margin-bottom: 2.25rem; } .c-ml-lg-6, .c-mx-lg-6 { margin-left: 2.25rem; } .c-m-lg-7 { margin: 3rem; } .c-mt-lg-7, .c-my-lg-7 { margin-top: 3rem; } .c-mr-lg-7, .c-mx-lg-7 { margin-right: 3rem; } .c-mb-lg-7, .c-my-lg-7 { margin-bottom: 3rem; } .c-ml-lg-7, .c-mx-lg-7 { margin-left: 3rem; } .c-m-lg-8 { margin: 3.75rem; } .c-mt-lg-8, .c-my-lg-8 { margin-top: 3.75rem; } .c-mr-lg-8, .c-mx-lg-8 { margin-right: 3.75rem; } .c-mb-lg-8, .c-my-lg-8 { margin-bottom: 3.75rem; } .c-ml-lg-8, .c-mx-lg-8 { margin-left: 3.75rem; } .c-m-lg-9 { margin: 4.5rem; } .c-mt-lg-9, .c-my-lg-9 { margin-top: 4.5rem; } .c-mr-lg-9, .c-mx-lg-9 { margin-right: 4.5rem; } .c-mb-lg-9, .c-my-lg-9 { margin-bottom: 4.5rem; } .c-ml-lg-9, .c-mx-lg-9 { margin-left: 4.5rem; } .c-m-lg-10 { margin: 5.625rem; } .c-mt-lg-10, .c-my-lg-10 { margin-top: 5.625rem; } .c-mr-lg-10, .c-mx-lg-10 { margin-right: 5.625rem; } .c-mb-lg-10, .c-my-lg-10 { margin-bottom: 5.625rem; } .c-ml-lg-10, .c-mx-lg-10 { margin-left: 5.625rem; } .c-m-lg-11 { margin: 7.5rem; } .c-mt-lg-11, .c-my-lg-11 { margin-top: 7.5rem; } .c-mr-lg-11, .c-mx-lg-11 { margin-right: 7.5rem; } .c-mb-lg-11, .c-my-lg-11 { margin-bottom: 7.5rem; } .c-ml-lg-11, .c-mx-lg-11 { margin-left: 7.5rem; } .c-p-lg-0 { padding: 0; } .c-pt-lg-0, .c-py-lg-0 { padding-top: 0; } .c-pr-lg-0, .c-px-lg-0 { padding-right: 0; } .c-pb-lg-0, .c-py-lg-0 { padding-bottom: 0; } .c-pl-lg-0, .c-px-lg-0 { padding-left: 0; } .c-p-lg-1 { padding: 0.25rem; } .c-pt-lg-1, .c-py-lg-1 { padding-top: 0.25rem; } .c-pr-lg-1, .c-px-lg-1 { padding-right: 0.25rem; } .c-pb-lg-1, .c-py-lg-1 { padding-bottom: 0.25rem; } .c-pl-lg-1, .c-px-lg-1 { padding-left: 0.25rem; } .c-p-lg-2 { padding: 0.5rem; } .c-pt-lg-2, .c-py-lg-2 { padding-top: 0.5rem; } .c-pr-lg-2, .c-px-lg-2 { padding-right: 0.5rem; } .c-pb-lg-2, .c-py-lg-2 { padding-bottom: 0.5rem; } .c-pl-lg-2, .c-px-lg-2 { padding-left: 0.5rem; } .c-p-lg-3 { padding: 1.125rem; } .c-pt-lg-3, .c-py-lg-3 { padding-top: 1.125rem; } .c-pr-lg-3, .c-px-lg-3 { padding-right: 1.125rem; } .c-pb-lg-3, .c-py-lg-3 { padding-bottom: 1.125rem; } .c-pl-lg-3, .c-px-lg-3 { padding-left: 1.125rem; } .c-p-lg-4 { padding: 1.5rem; } .c-pt-lg-4, .c-py-lg-4 { padding-top: 1.5rem; } .c-pr-lg-4, .c-px-lg-4 { padding-right: 1.5rem; } .c-pb-lg-4, .c-py-lg-4 { padding-bottom: 1.5rem; } .c-pl-lg-4, .c-px-lg-4 { padding-left: 1.5rem; } .c-p-lg-5 { padding: 1.875rem; } .c-pt-lg-5, .c-py-lg-5 { padding-top: 1.875rem; } .c-pr-lg-5, .c-px-lg-5 { padding-right: 1.875rem; } .c-pb-lg-5, .c-py-lg-5 { padding-bottom: 1.875rem; } .c-pl-lg-5, .c-px-lg-5 { padding-left: 1.875rem; } .c-p-lg-6 { padding: 2.25rem; } .c-pt-lg-6, .c-py-lg-6 { padding-top: 2.25rem; } .c-pr-lg-6, .c-px-lg-6 { padding-right: 2.25rem; } .c-pb-lg-6, .c-py-lg-6 { padding-bottom: 2.25rem; } .c-pl-lg-6, .c-px-lg-6 { padding-left: 2.25rem; } .c-p-lg-7 { padding: 3rem; } .c-pt-lg-7, .c-py-lg-7 { padding-top: 3rem; } .c-pr-lg-7, .c-px-lg-7 { padding-right: 3rem; } .c-pb-lg-7, .c-py-lg-7 { padding-bottom: 3rem; } .c-pl-lg-7, .c-px-lg-7 { padding-left: 3rem; } .c-p-lg-8 { padding: 3.75rem; } .c-pt-lg-8, .c-py-lg-8 { padding-top: 3.75rem; } .c-pr-lg-8, .c-px-lg-8 { padding-right: 3.75rem; } .c-pb-lg-8, .c-py-lg-8 { padding-bottom: 3.75rem; } .c-pl-lg-8, .c-px-lg-8 { padding-left: 3.75rem; } .c-p-lg-9 { padding: 4.5rem; } .c-pt-lg-9, .c-py-lg-9 { padding-top: 4.5rem; } .c-pr-lg-9, .c-px-lg-9 { padding-right: 4.5rem; } .c-pb-lg-9, .c-py-lg-9 { padding-bottom: 4.5rem; } .c-pl-lg-9, .c-px-lg-9 { padding-left: 4.5rem; } .c-p-lg-10 { padding: 5.625rem; } .c-pt-lg-10, .c-py-lg-10 { padding-top: 5.625rem; } .c-pr-lg-10, .c-px-lg-10 { padding-right: 5.625rem; } .c-pb-lg-10, .c-py-lg-10 { padding-bottom: 5.625rem; } .c-pl-lg-10, .c-px-lg-10 { padding-left: 5.625rem; } .c-p-lg-11 { padding: 7.5rem; } .c-pt-lg-11, .c-py-lg-11 { padding-top: 7.5rem; } .c-pr-lg-11, .c-px-lg-11 { padding-right: 7.5rem; } .c-pb-lg-11, .c-py-lg-11 { padding-bottom: 7.5rem; } .c-pl-lg-11, .c-px-lg-11 { padding-left: 7.5rem; } .c-m-lg-n1 { margin: -0.25rem; } .c-mt-lg-n1, .c-my-lg-n1 { margin-top: -0.25rem; } .c-mr-lg-n1, .c-mx-lg-n1 { margin-right: -0.25rem; } .c-mb-lg-n1, .c-my-lg-n1 { margin-bottom: -0.25rem; } .c-ml-lg-n1, .c-mx-lg-n1 { margin-left: -0.25rem; } .c-m-lg-n2 { margin: -0.5rem; } .c-mt-lg-n2, .c-my-lg-n2 { margin-top: -0.5rem; } .c-mr-lg-n2, .c-mx-lg-n2 { margin-right: -0.5rem; } .c-mb-lg-n2, .c-my-lg-n2 { margin-bottom: -0.5rem; } .c-ml-lg-n2, .c-mx-lg-n2 { margin-left: -0.5rem; } .c-m-lg-n3 { margin: -1.125rem; } .c-mt-lg-n3, .c-my-lg-n3 { margin-top: -1.125rem; } .c-mr-lg-n3, .c-mx-lg-n3 { margin-right: -1.125rem; } .c-mb-lg-n3, .c-my-lg-n3 { margin-bottom: -1.125rem; } .c-ml-lg-n3, .c-mx-lg-n3 { margin-left: -1.125rem; } .c-m-lg-n4 { margin: -1.5rem; } .c-mt-lg-n4, .c-my-lg-n4 { margin-top: -1.5rem; } .c-mr-lg-n4, .c-mx-lg-n4 { margin-right: -1.5rem; } .c-mb-lg-n4, .c-my-lg-n4 { margin-bottom: -1.5rem; } .c-ml-lg-n4, .c-mx-lg-n4 { margin-left: -1.5rem; } .c-m-lg-n5 { margin: -1.875rem; } .c-mt-lg-n5, .c-my-lg-n5 { margin-top: -1.875rem; } .c-mr-lg-n5, .c-mx-lg-n5 { margin-right: -1.875rem; } .c-mb-lg-n5, .c-my-lg-n5 { margin-bottom: -1.875rem; } .c-ml-lg-n5, .c-mx-lg-n5 { margin-left: -1.875rem; } .c-m-lg-n6 { margin: -2.25rem; } .c-mt-lg-n6, .c-my-lg-n6 { margin-top: -2.25rem; } .c-mr-lg-n6, .c-mx-lg-n6 { margin-right: -2.25rem; } .c-mb-lg-n6, .c-my-lg-n6 { margin-bottom: -2.25rem; } .c-ml-lg-n6, .c-mx-lg-n6 { margin-left: -2.25rem; } .c-m-lg-n7 { margin: -3rem; } .c-mt-lg-n7, .c-my-lg-n7 { margin-top: -3rem; } .c-mr-lg-n7, .c-mx-lg-n7 { margin-right: -3rem; } .c-mb-lg-n7, .c-my-lg-n7 { margin-bottom: -3rem; } .c-ml-lg-n7, .c-mx-lg-n7 { margin-left: -3rem; } .c-m-lg-n8 { margin: -3.75rem; } .c-mt-lg-n8, .c-my-lg-n8 { margin-top: -3.75rem; } .c-mr-lg-n8, .c-mx-lg-n8 { margin-right: -3.75rem; } .c-mb-lg-n8, .c-my-lg-n8 { margin-bottom: -3.75rem; } .c-ml-lg-n8, .c-mx-lg-n8 { margin-left: -3.75rem; } .c-m-lg-n9 { margin: -4.5rem; } .c-mt-lg-n9, .c-my-lg-n9 { margin-top: -4.5rem; } .c-mr-lg-n9, .c-mx-lg-n9 { margin-right: -4.5rem; } .c-mb-lg-n9, .c-my-lg-n9 { margin-bottom: -4.5rem; } .c-ml-lg-n9, .c-mx-lg-n9 { margin-left: -4.5rem; } .c-m-lg-n10 { margin: -5.625rem; } .c-mt-lg-n10, .c-my-lg-n10 { margin-top: -5.625rem; } .c-mr-lg-n10, .c-mx-lg-n10 { margin-right: -5.625rem; } .c-mb-lg-n10, .c-my-lg-n10 { margin-bottom: -5.625rem; } .c-ml-lg-n10, .c-mx-lg-n10 { margin-left: -5.625rem; } .c-m-lg-n11 { margin: -7.5rem; } .c-mt-lg-n11, .c-my-lg-n11 { margin-top: -7.5rem; } .c-mr-lg-n11, .c-mx-lg-n11 { margin-right: -7.5rem; } .c-mb-lg-n11, .c-my-lg-n11 { margin-bottom: -7.5rem; } .c-ml-lg-n11, .c-mx-lg-n11 { margin-left: -7.5rem; } .c-m-lg-auto { margin: auto; } .c-mt-lg-auto, .c-my-lg-auto { margin-top: auto; } .c-mr-lg-auto, .c-mx-lg-auto { margin-right: auto; } .c-mb-lg-auto, .c-my-lg-auto { margin-bottom: auto; } .c-ml-lg-auto, .c-mx-lg-auto { margin-left: auto; } } @media (min-width: 1200px) { .c-m-xl-0 { margin: 0; } .c-mt-xl-0, .c-my-xl-0 { margin-top: 0; } .c-mr-xl-0, .c-mx-xl-0 { margin-right: 0; } .c-mb-xl-0, .c-my-xl-0 { margin-bottom: 0; } .c-ml-xl-0, .c-mx-xl-0 { margin-left: 0; } .c-m-xl-1 { margin: 0.25rem; } .c-mt-xl-1, .c-my-xl-1 { margin-top: 0.25rem; } .c-mr-xl-1, .c-mx-xl-1 { margin-right: 0.25rem; } .c-mb-xl-1, .c-my-xl-1 { margin-bottom: 0.25rem; } .c-ml-xl-1, .c-mx-xl-1 { margin-left: 0.25rem; } .c-m-xl-2 { margin: 0.5rem; } .c-mt-xl-2, .c-my-xl-2 { margin-top: 0.5rem; } .c-mr-xl-2, .c-mx-xl-2 { margin-right: 0.5rem; } .c-mb-xl-2, .c-my-xl-2 { margin-bottom: 0.5rem; } .c-ml-xl-2, .c-mx-xl-2 { margin-left: 0.5rem; } .c-m-xl-3 { margin: 1.125rem; } .c-mt-xl-3, .c-my-xl-3 { margin-top: 1.125rem; } .c-mr-xl-3, .c-mx-xl-3 { margin-right: 1.125rem; } .c-mb-xl-3, .c-my-xl-3 { margin-bottom: 1.125rem; } .c-ml-xl-3, .c-mx-xl-3 { margin-left: 1.125rem; } .c-m-xl-4 { margin: 1.5rem; } .c-mt-xl-4, .c-my-xl-4 { margin-top: 1.5rem; } .c-mr-xl-4, .c-mx-xl-4 { margin-right: 1.5rem; } .c-mb-xl-4, .c-my-xl-4 { margin-bottom: 1.5rem; } .c-ml-xl-4, .c-mx-xl-4 { margin-left: 1.5rem; } .c-m-xl-5 { margin: 1.875rem; } .c-mt-xl-5, .c-my-xl-5 { margin-top: 1.875rem; } .c-mr-xl-5, .c-mx-xl-5 { margin-right: 1.875rem; } .c-mb-xl-5, .c-my-xl-5 { margin-bottom: 1.875rem; } .c-ml-xl-5, .c-mx-xl-5 { margin-left: 1.875rem; } .c-m-xl-6 { margin: 2.25rem; } .c-mt-xl-6, .c-my-xl-6 { margin-top: 2.25rem; } .c-mr-xl-6, .c-mx-xl-6 { margin-right: 2.25rem; } .c-mb-xl-6, .c-my-xl-6 { margin-bottom: 2.25rem; } .c-ml-xl-6, .c-mx-xl-6 { margin-left: 2.25rem; } .c-m-xl-7 { margin: 3rem; } .c-mt-xl-7, .c-my-xl-7 { margin-top: 3rem; } .c-mr-xl-7, .c-mx-xl-7 { margin-right: 3rem; } .c-mb-xl-7, .c-my-xl-7 { margin-bottom: 3rem; } .c-ml-xl-7, .c-mx-xl-7 { margin-left: 3rem; } .c-m-xl-8 { margin: 3.75rem; } .c-mt-xl-8, .c-my-xl-8 { margin-top: 3.75rem; } .c-mr-xl-8, .c-mx-xl-8 { margin-right: 3.75rem; } .c-mb-xl-8, .c-my-xl-8 { margin-bottom: 3.75rem; } .c-ml-xl-8, .c-mx-xl-8 { margin-left: 3.75rem; } .c-m-xl-9 { margin: 4.5rem; } .c-mt-xl-9, .c-my-xl-9 { margin-top: 4.5rem; } .c-mr-xl-9, .c-mx-xl-9 { margin-right: 4.5rem; } .c-mb-xl-9, .c-my-xl-9 { margin-bottom: 4.5rem; } .c-ml-xl-9, .c-mx-xl-9 { margin-left: 4.5rem; } .c-m-xl-10 { margin: 5.625rem; } .c-mt-xl-10, .c-my-xl-10 { margin-top: 5.625rem; } .c-mr-xl-10, .c-mx-xl-10 { margin-right: 5.625rem; } .c-mb-xl-10, .c-my-xl-10 { margin-bottom: 5.625rem; } .c-ml-xl-10, .c-mx-xl-10 { margin-left: 5.625rem; } .c-m-xl-11 { margin: 7.5rem; } .c-mt-xl-11, .c-my-xl-11 { margin-top: 7.5rem; } .c-mr-xl-11, .c-mx-xl-11 { margin-right: 7.5rem; } .c-mb-xl-11, .c-my-xl-11 { margin-bottom: 7.5rem; } .c-ml-xl-11, .c-mx-xl-11 { margin-left: 7.5rem; } .c-p-xl-0 { padding: 0; } .c-pt-xl-0, .c-py-xl-0 { padding-top: 0; } .c-pr-xl-0, .c-px-xl-0 { padding-right: 0; } .c-pb-xl-0, .c-py-xl-0 { padding-bottom: 0; } .c-pl-xl-0, .c-px-xl-0 { padding-left: 0; } .c-p-xl-1 { padding: 0.25rem; } .c-pt-xl-1, .c-py-xl-1 { padding-top: 0.25rem; } .c-pr-xl-1, .c-px-xl-1 { padding-right: 0.25rem; } .c-pb-xl-1, .c-py-xl-1 { padding-bottom: 0.25rem; } .c-pl-xl-1, .c-px-xl-1 { padding-left: 0.25rem; } .c-p-xl-2 { padding: 0.5rem; } .c-pt-xl-2, .c-py-xl-2 { padding-top: 0.5rem; } .c-pr-xl-2, .c-px-xl-2 { padding-right: 0.5rem; } .c-pb-xl-2, .c-py-xl-2 { padding-bottom: 0.5rem; } .c-pl-xl-2, .c-px-xl-2 { padding-left: 0.5rem; } .c-p-xl-3 { padding: 1.125rem; } .c-pt-xl-3, .c-py-xl-3 { padding-top: 1.125rem; } .c-pr-xl-3, .c-px-xl-3 { padding-right: 1.125rem; } .c-pb-xl-3, .c-py-xl-3 { padding-bottom: 1.125rem; } .c-pl-xl-3, .c-px-xl-3 { padding-left: 1.125rem; } .c-p-xl-4 { padding: 1.5rem; } .c-pt-xl-4, .c-py-xl-4 { padding-top: 1.5rem; } .c-pr-xl-4, .c-px-xl-4 { padding-right: 1.5rem; } .c-pb-xl-4, .c-py-xl-4 { padding-bottom: 1.5rem; } .c-pl-xl-4, .c-px-xl-4 { padding-left: 1.5rem; } .c-p-xl-5 { padding: 1.875rem; } .c-pt-xl-5, .c-py-xl-5 { padding-top: 1.875rem; } .c-pr-xl-5, .c-px-xl-5 { padding-right: 1.875rem; } .c-pb-xl-5, .c-py-xl-5 { padding-bottom: 1.875rem; } .c-pl-xl-5, .c-px-xl-5 { padding-left: 1.875rem; } .c-p-xl-6 { padding: 2.25rem; } .c-pt-xl-6, .c-py-xl-6 { padding-top: 2.25rem; } .c-pr-xl-6, .c-px-xl-6 { padding-right: 2.25rem; } .c-pb-xl-6, .c-py-xl-6 { padding-bottom: 2.25rem; } .c-pl-xl-6, .c-px-xl-6 { padding-left: 2.25rem; } .c-p-xl-7 { padding: 3rem; } .c-pt-xl-7, .c-py-xl-7 { padding-top: 3rem; } .c-pr-xl-7, .c-px-xl-7 { padding-right: 3rem; } .c-pb-xl-7, .c-py-xl-7 { padding-bottom: 3rem; } .c-pl-xl-7, .c-px-xl-7 { padding-left: 3rem; } .c-p-xl-8 { padding: 3.75rem; } .c-pt-xl-8, .c-py-xl-8 { padding-top: 3.75rem; } .c-pr-xl-8, .c-px-xl-8 { padding-right: 3.75rem; } .c-pb-xl-8, .c-py-xl-8 { padding-bottom: 3.75rem; } .c-pl-xl-8, .c-px-xl-8 { padding-left: 3.75rem; } .c-p-xl-9 { padding: 4.5rem; } .c-pt-xl-9, .c-py-xl-9 { padding-top: 4.5rem; } .c-pr-xl-9, .c-px-xl-9 { padding-right: 4.5rem; } .c-pb-xl-9, .c-py-xl-9 { padding-bottom: 4.5rem; } .c-pl-xl-9, .c-px-xl-9 { padding-left: 4.5rem; } .c-p-xl-10 { padding: 5.625rem; } .c-pt-xl-10, .c-py-xl-10 { padding-top: 5.625rem; } .c-pr-xl-10, .c-px-xl-10 { padding-right: 5.625rem; } .c-pb-xl-10, .c-py-xl-10 { padding-bottom: 5.625rem; } .c-pl-xl-10, .c-px-xl-10 { padding-left: 5.625rem; } .c-p-xl-11 { padding: 7.5rem; } .c-pt-xl-11, .c-py-xl-11 { padding-top: 7.5rem; } .c-pr-xl-11, .c-px-xl-11 { padding-right: 7.5rem; } .c-pb-xl-11, .c-py-xl-11 { padding-bottom: 7.5rem; } .c-pl-xl-11, .c-px-xl-11 { padding-left: 7.5rem; } .c-m-xl-n1 { margin: -0.25rem; } .c-mt-xl-n1, .c-my-xl-n1 { margin-top: -0.25rem; } .c-mr-xl-n1, .c-mx-xl-n1 { margin-right: -0.25rem; } .c-mb-xl-n1, .c-my-xl-n1 { margin-bottom: -0.25rem; } .c-ml-xl-n1, .c-mx-xl-n1 { margin-left: -0.25rem; } .c-m-xl-n2 { margin: -0.5rem; } .c-mt-xl-n2, .c-my-xl-n2 { margin-top: -0.5rem; } .c-mr-xl-n2, .c-mx-xl-n2 { margin-right: -0.5rem; } .c-mb-xl-n2, .c-my-xl-n2 { margin-bottom: -0.5rem; } .c-ml-xl-n2, .c-mx-xl-n2 { margin-left: -0.5rem; } .c-m-xl-n3 { margin: -1.125rem; } .c-mt-xl-n3, .c-my-xl-n3 { margin-top: -1.125rem; } .c-mr-xl-n3, .c-mx-xl-n3 { margin-right: -1.125rem; } .c-mb-xl-n3, .c-my-xl-n3 { margin-bottom: -1.125rem; } .c-ml-xl-n3, .c-mx-xl-n3 { margin-left: -1.125rem; } .c-m-xl-n4 { margin: -1.5rem; } .c-mt-xl-n4, .c-my-xl-n4 { margin-top: -1.5rem; } .c-mr-xl-n4, .c-mx-xl-n4 { margin-right: -1.5rem; } .c-mb-xl-n4, .c-my-xl-n4 { margin-bottom: -1.5rem; } .c-ml-xl-n4, .c-mx-xl-n4 { margin-left: -1.5rem; } .c-m-xl-n5 { margin: -1.875rem; } .c-mt-xl-n5, .c-my-xl-n5 { margin-top: -1.875rem; } .c-mr-xl-n5, .c-mx-xl-n5 { margin-right: -1.875rem; } .c-mb-xl-n5, .c-my-xl-n5 { margin-bottom: -1.875rem; } .c-ml-xl-n5, .c-mx-xl-n5 { margin-left: -1.875rem; } .c-m-xl-n6 { margin: -2.25rem; } .c-mt-xl-n6, .c-my-xl-n6 { margin-top: -2.25rem; } .c-mr-xl-n6, .c-mx-xl-n6 { margin-right: -2.25rem; } .c-mb-xl-n6, .c-my-xl-n6 { margin-bottom: -2.25rem; } .c-ml-xl-n6, .c-mx-xl-n6 { margin-left: -2.25rem; } .c-m-xl-n7 { margin: -3rem; } .c-mt-xl-n7, .c-my-xl-n7 { margin-top: -3rem; } .c-mr-xl-n7, .c-mx-xl-n7 { margin-right: -3rem; } .c-mb-xl-n7, .c-my-xl-n7 { margin-bottom: -3rem; } .c-ml-xl-n7, .c-mx-xl-n7 { margin-left: -3rem; } .c-m-xl-n8 { margin: -3.75rem; } .c-mt-xl-n8, .c-my-xl-n8 { margin-top: -3.75rem; } .c-mr-xl-n8, .c-mx-xl-n8 { margin-right: -3.75rem; } .c-mb-xl-n8, .c-my-xl-n8 { margin-bottom: -3.75rem; } .c-ml-xl-n8, .c-mx-xl-n8 { margin-left: -3.75rem; } .c-m-xl-n9 { margin: -4.5rem; } .c-mt-xl-n9, .c-my-xl-n9 { margin-top: -4.5rem; } .c-mr-xl-n9, .c-mx-xl-n9 { margin-right: -4.5rem; } .c-mb-xl-n9, .c-my-xl-n9 { margin-bottom: -4.5rem; } .c-ml-xl-n9, .c-mx-xl-n9 { margin-left: -4.5rem; } .c-m-xl-n10 { margin: -5.625rem; } .c-mt-xl-n10, .c-my-xl-n10 { margin-top: -5.625rem; } .c-mr-xl-n10, .c-mx-xl-n10 { margin-right: -5.625rem; } .c-mb-xl-n10, .c-my-xl-n10 { margin-bottom: -5.625rem; } .c-ml-xl-n10, .c-mx-xl-n10 { margin-left: -5.625rem; } .c-m-xl-n11 { margin: -7.5rem; } .c-mt-xl-n11, .c-my-xl-n11 { margin-top: -7.5rem; } .c-mr-xl-n11, .c-mx-xl-n11 { margin-right: -7.5rem; } .c-mb-xl-n11, .c-my-xl-n11 { margin-bottom: -7.5rem; } .c-ml-xl-n11, .c-mx-xl-n11 { margin-left: -7.5rem; } .c-m-xl-auto { margin: auto; } .c-mt-xl-auto, .c-my-xl-auto { margin-top: auto; } .c-mr-xl-auto, .c-mx-xl-auto { margin-right: auto; } .c-mb-xl-auto, .c-my-xl-auto { margin-bottom: auto; } .c-ml-xl-auto, .c-mx-xl-auto { margin-left: auto; } } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-blue { background-color: #008dc9 !important; } a.bg-blue:hover, a.bg-blue:focus, button.bg-blue:hover, button.bg-blue:focus { background-color: #006996 !important; } .bg-indigo { background-color: #6610f2 !important; } a.bg-indigo:hover, a.bg-indigo:focus, button.bg-indigo:hover, button.bg-indigo:focus { background-color: #510bc4 !important; } .bg-purple { background-color: #6d1e70 !important; } a.bg-purple:hover, a.bg-purple:focus, button.bg-purple:hover, button.bg-purple:focus { background-color: #461348 !important; } .bg-pink { background-color: #e83e8c !important; } a.bg-pink:hover, a.bg-pink:focus, button.bg-pink:hover, button.bg-pink:focus { background-color: #d91a72 !important; } .bg-red { background-color: #d52b1e !important; } a.bg-red:hover, a.bg-red:focus, button.bg-red:hover, button.bg-red:focus { background-color: #a82218 !important; } .bg-orange { background-color: #e17020 !important; } a.bg-orange:hover, a.bg-orange:focus, button.bg-orange:hover, button.bg-orange:focus { background-color: #b65a18 !important; } .bg-yellow { background-color: #d9c930 !important; } a.bg-yellow:hover, a.bg-yellow:focus, button.bg-yellow:hover, button.bg-yellow:focus { background-color: #b5a721 !important; } .bg-green { background-color: #70a326 !important; } a.bg-green:hover, a.bg-green:focus, button.bg-green:hover, button.bg-green:focus { background-color: #547a1c !important; } .bg-teal { background-color: #20c997 !important; } a.bg-teal:hover, a.bg-teal:focus, button.bg-teal:hover, button.bg-teal:focus { background-color: #199d76 !important; } .bg-cyan { background-color: #17a2b8 !important; } a.bg-cyan:hover, a.bg-cyan:focus, button.bg-cyan:hover, button.bg-cyan:focus { background-color: #117a8b !important; } .bg-primary { background-color: #008296 !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #005663 !important; } .bg-secondary { background-color: #e6ebf2 !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #c4d0e1 !important; } .bg-success { background-color: #547b1c !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #385113 !important; } .bg-info { background-color: #0075a8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #005175 !important; } .bg-warning { background-color: #b4520c !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #843c09 !important; } .bg-danger { background-color: #ab2218 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #7e1912 !important; } .bg-light { background-color: #ebebeb !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #d2d2d2 !important; } .bg-dark { background-color: #2b2b2b !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #121212 !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #d1d1d1 !important; } .border-top { border-top: 1px solid #d1d1d1 !important; } .border-right { border-right: 1px solid #d1d1d1 !important; } .border-bottom { border-bottom: 1px solid #d1d1d1 !important; } .border-left { border-left: 1px solid #d1d1d1 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #008296 !important; } .border-secondary { border-color: #e6ebf2 !important; } .border-success { border-color: #547b1c !important; } .border-info { border-color: #0075a8 !important; } .border-warning { border-color: #b4520c !important; } .border-danger { border-color: #ab2218 !important; } .border-light { border-color: #ebebeb !important; } .border-dark { border-color: #2b2b2b !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0 !important; } .rounded { border-radius: 0 !important; } .rounded-top { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-right { border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-bottom { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-left { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 5000px !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0px !important; } .clearfix::after { clear: both; content: ""; display: block; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } .hide { display: none !important; } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } } /* SPDX-SnippetBegin * SPDX-License-Identifier: MIT * SPDX-SnippetCopyrightText: © 2012 Nicolas Gallagher */ .embed-responsive { display: block; overflow: hidden; padding: 0; position: relative; width: 100%; } .embed-responsive::before { content: ""; display: block; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { border-width: 0; bottom: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .embed-responsive-21by9::before { padding-top: calc( 9 / 21 * 100% ); } .embed-responsive-16by9::before { padding-top: calc( 9 / 16 * 100% ); } .embed-responsive-4by3::before { padding-top: calc( 3 / 4 * 100% ); } .embed-responsive-1by1::before { padding-top: calc( 1 / 1 * 100% ); } .embed-responsive-21by9::before { padding-top: calc( 9 / 21 * 100% ); } .embed-responsive-16by9::before { padding-top: calc( 9 / 16 * 100% ); } .embed-responsive-4by3::before { padding-top: calc( 3 / 4 * 100% ); } .embed-responsive-1by1::before { padding-top: calc( 1 / 1 * 100% ); } /* SPDX-SnippetEnd */ .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } @media (min-width: 576px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } } @media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } } @media (min-width: 992px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } } @media (min-width: 1200px) { .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .fixed-top { left: 0; position: fixed; right: 0; top: 0; z-index: 1030; } .fixed-bottom { bottom: 0; left: 0; position: fixed; right: 0; z-index: 1030; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; overflow: visible; position: static; white-space: normal; width: auto; } .shadow-sm { box-shadow: 0 !important; } .shadow { box-shadow: 0 !important; } .shadow-lg { box-shadow: 0 !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1.125rem !important; } .mt-3, .my-3 { margin-top: 1.125rem !important; } .mr-3, .mx-3 { margin-right: 1.125rem !important; } .mb-3, .my-3 { margin-bottom: 1.125rem !important; } .ml-3, .mx-3 { margin-left: 1.125rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 1.875rem !important; } .mt-5, .my-5 { margin-top: 1.875rem !important; } .mr-5, .mx-5 { margin-right: 1.875rem !important; } .mb-5, .my-5 { margin-bottom: 1.875rem !important; } .ml-5, .mx-5 { margin-left: 1.875rem !important; } .m-6 { margin: 2.25rem !important; } .mt-6, .my-6 { margin-top: 2.25rem !important; } .mr-6, .mx-6 { margin-right: 2.25rem !important; } .mb-6, .my-6 { margin-bottom: 2.25rem !important; } .ml-6, .mx-6 { margin-left: 2.25rem !important; } .m-7 { margin: 3rem !important; } .mt-7, .my-7 { margin-top: 3rem !important; } .mr-7, .mx-7 { margin-right: 3rem !important; } .mb-7, .my-7 { margin-bottom: 3rem !important; } .ml-7, .mx-7 { margin-left: 3rem !important; } .m-8 { margin: 3.75rem !important; } .mt-8, .my-8 { margin-top: 3.75rem !important; } .mr-8, .mx-8 { margin-right: 3.75rem !important; } .mb-8, .my-8 { margin-bottom: 3.75rem !important; } .ml-8, .mx-8 { margin-left: 3.75rem !important; } .m-9 { margin: 4.5rem !important; } .mt-9, .my-9 { margin-top: 4.5rem !important; } .mr-9, .mx-9 { margin-right: 4.5rem !important; } .mb-9, .my-9 { margin-bottom: 4.5rem !important; } .ml-9, .mx-9 { margin-left: 4.5rem !important; } .m-10 { margin: 5.625rem !important; } .mt-10, .my-10 { margin-top: 5.625rem !important; } .mr-10, .mx-10 { margin-right: 5.625rem !important; } .mb-10, .my-10 { margin-bottom: 5.625rem !important; } .ml-10, .mx-10 { margin-left: 5.625rem !important; } .m-11 { margin: 7.5rem !important; } .mt-11, .my-11 { margin-top: 7.5rem !important; } .mr-11, .mx-11 { margin-right: 7.5rem !important; } .mb-11, .my-11 { margin-bottom: 7.5rem !important; } .ml-11, .mx-11 { margin-left: 7.5rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1.125rem !important; } .pt-3, .py-3 { padding-top: 1.125rem !important; } .pr-3, .px-3 { padding-right: 1.125rem !important; } .pb-3, .py-3 { padding-bottom: 1.125rem !important; } .pl-3, .px-3 { padding-left: 1.125rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 1.875rem !important; } .pt-5, .py-5 { padding-top: 1.875rem !important; } .pr-5, .px-5 { padding-right: 1.875rem !important; } .pb-5, .py-5 { padding-bottom: 1.875rem !important; } .pl-5, .px-5 { padding-left: 1.875rem !important; } .p-6 { padding: 2.25rem !important; } .pt-6, .py-6 { padding-top: 2.25rem !important; } .pr-6, .px-6 { padding-right: 2.25rem !important; } .pb-6, .py-6 { padding-bottom: 2.25rem !important; } .pl-6, .px-6 { padding-left: 2.25rem !important; } .p-7 { padding: 3rem !important; } .pt-7, .py-7 { padding-top: 3rem !important; } .pr-7, .px-7 { padding-right: 3rem !important; } .pb-7, .py-7 { padding-bottom: 3rem !important; } .pl-7, .px-7 { padding-left: 3rem !important; } .p-8 { padding: 3.75rem !important; } .pt-8, .py-8 { padding-top: 3.75rem !important; } .pr-8, .px-8 { padding-right: 3.75rem !important; } .pb-8, .py-8 { padding-bottom: 3.75rem !important; } .pl-8, .px-8 { padding-left: 3.75rem !important; } .p-9 { padding: 4.5rem !important; } .pt-9, .py-9 { padding-top: 4.5rem !important; } .pr-9, .px-9 { padding-right: 4.5rem !important; } .pb-9, .py-9 { padding-bottom: 4.5rem !important; } .pl-9, .px-9 { padding-left: 4.5rem !important; } .p-10 { padding: 5.625rem !important; } .pt-10, .py-10 { padding-top: 5.625rem !important; } .pr-10, .px-10 { padding-right: 5.625rem !important; } .pb-10, .py-10 { padding-bottom: 5.625rem !important; } .pl-10, .px-10 { padding-left: 5.625rem !important; } .p-11 { padding: 7.5rem !important; } .pt-11, .py-11 { padding-top: 7.5rem !important; } .pr-11, .px-11 { padding-right: 7.5rem !important; } .pb-11, .py-11 { padding-bottom: 7.5rem !important; } .pl-11, .px-11 { padding-left: 7.5rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1.125rem !important; } .mt-n3, .my-n3 { margin-top: -1.125rem !important; } .mr-n3, .mx-n3 { margin-right: -1.125rem !important; } .mb-n3, .my-n3 { margin-bottom: -1.125rem !important; } .ml-n3, .mx-n3 { margin-left: -1.125rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -1.875rem !important; } .mt-n5, .my-n5 { margin-top: -1.875rem !important; } .mr-n5, .mx-n5 { margin-right: -1.875rem !important; } .mb-n5, .my-n5 { margin-bottom: -1.875rem !important; } .ml-n5, .mx-n5 { margin-left: -1.875rem !important; } .m-n6 { margin: -2.25rem !important; } .mt-n6, .my-n6 { margin-top: -2.25rem !important; } .mr-n6, .mx-n6 { margin-right: -2.25rem !important; } .mb-n6, .my-n6 { margin-bottom: -2.25rem !important; } .ml-n6, .mx-n6 { margin-left: -2.25rem !important; } .m-n7 { margin: -3rem !important; } .mt-n7, .my-n7 { margin-top: -3rem !important; } .mr-n7, .mx-n7 { margin-right: -3rem !important; } .mb-n7, .my-n7 { margin-bottom: -3rem !important; } .ml-n7, .mx-n7 { margin-left: -3rem !important; } .m-n8 { margin: -3.75rem !important; } .mt-n8, .my-n8 { margin-top: -3.75rem !important; } .mr-n8, .mx-n8 { margin-right: -3.75rem !important; } .mb-n8, .my-n8 { margin-bottom: -3.75rem !important; } .ml-n8, .mx-n8 { margin-left: -3.75rem !important; } .m-n9 { margin: -4.5rem !important; } .mt-n9, .my-n9 { margin-top: -4.5rem !important; } .mr-n9, .mx-n9 { margin-right: -4.5rem !important; } .mb-n9, .my-n9 { margin-bottom: -4.5rem !important; } .ml-n9, .mx-n9 { margin-left: -4.5rem !important; } .m-n10 { margin: -5.625rem !important; } .mt-n10, .my-n10 { margin-top: -5.625rem !important; } .mr-n10, .mx-n10 { margin-right: -5.625rem !important; } .mb-n10, .my-n10 { margin-bottom: -5.625rem !important; } .ml-n10, .mx-n10 { margin-left: -5.625rem !important; } .m-n11 { margin: -7.5rem !important; } .mt-n11, .my-n11 { margin-top: -7.5rem !important; } .mr-n11, .mx-n11 { margin-right: -7.5rem !important; } .mb-n11, .my-n11 { margin-bottom: -7.5rem !important; } .ml-n11, .mx-n11 { margin-left: -7.5rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1.125rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1.125rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1.125rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1.125rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1.125rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 1.875rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 1.875rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 1.875rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 1.875rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 1.875rem !important; } .m-sm-6 { margin: 2.25rem !important; } .mt-sm-6, .my-sm-6 { margin-top: 2.25rem !important; } .mr-sm-6, .mx-sm-6 { margin-right: 2.25rem !important; } .mb-sm-6, .my-sm-6 { margin-bottom: 2.25rem !important; } .ml-sm-6, .mx-sm-6 { margin-left: 2.25rem !important; } .m-sm-7 { margin: 3rem !important; } .mt-sm-7, .my-sm-7 { margin-top: 3rem !important; } .mr-sm-7, .mx-sm-7 { margin-right: 3rem !important; } .mb-sm-7, .my-sm-7 { margin-bottom: 3rem !important; } .ml-sm-7, .mx-sm-7 { margin-left: 3rem !important; } .m-sm-8 { margin: 3.75rem !important; } .mt-sm-8, .my-sm-8 { margin-top: 3.75rem !important; } .mr-sm-8, .mx-sm-8 { margin-right: 3.75rem !important; } .mb-sm-8, .my-sm-8 { margin-bottom: 3.75rem !important; } .ml-sm-8, .mx-sm-8 { margin-left: 3.75rem !important; } .m-sm-9 { margin: 4.5rem !important; } .mt-sm-9, .my-sm-9 { margin-top: 4.5rem !important; } .mr-sm-9, .mx-sm-9 { margin-right: 4.5rem !important; } .mb-sm-9, .my-sm-9 { margin-bottom: 4.5rem !important; } .ml-sm-9, .mx-sm-9 { margin-left: 4.5rem !important; } .m-sm-10 { margin: 5.625rem !important; } .mt-sm-10, .my-sm-10 { margin-top: 5.625rem !important; } .mr-sm-10, .mx-sm-10 { margin-right: 5.625rem !important; } .mb-sm-10, .my-sm-10 { margin-bottom: 5.625rem !important; } .ml-sm-10, .mx-sm-10 { margin-left: 5.625rem !important; } .m-sm-11 { margin: 7.5rem !important; } .mt-sm-11, .my-sm-11 { margin-top: 7.5rem !important; } .mr-sm-11, .mx-sm-11 { margin-right: 7.5rem !important; } .mb-sm-11, .my-sm-11 { margin-bottom: 7.5rem !important; } .ml-sm-11, .mx-sm-11 { margin-left: 7.5rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1.125rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1.125rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1.125rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1.125rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1.125rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 1.875rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 1.875rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 1.875rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 1.875rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 1.875rem !important; } .p-sm-6 { padding: 2.25rem !important; } .pt-sm-6, .py-sm-6 { padding-top: 2.25rem !important; } .pr-sm-6, .px-sm-6 { padding-right: 2.25rem !important; } .pb-sm-6, .py-sm-6 { padding-bottom: 2.25rem !important; } .pl-sm-6, .px-sm-6 { padding-left: 2.25rem !important; } .p-sm-7 { padding: 3rem !important; } .pt-sm-7, .py-sm-7 { padding-top: 3rem !important; } .pr-sm-7, .px-sm-7 { padding-right: 3rem !important; } .pb-sm-7, .py-sm-7 { padding-bottom: 3rem !important; } .pl-sm-7, .px-sm-7 { padding-left: 3rem !important; } .p-sm-8 { padding: 3.75rem !important; } .pt-sm-8, .py-sm-8 { padding-top: 3.75rem !important; } .pr-sm-8, .px-sm-8 { padding-right: 3.75rem !important; } .pb-sm-8, .py-sm-8 { padding-bottom: 3.75rem !important; } .pl-sm-8, .px-sm-8 { padding-left: 3.75rem !important; } .p-sm-9 { padding: 4.5rem !important; } .pt-sm-9, .py-sm-9 { padding-top: 4.5rem !important; } .pr-sm-9, .px-sm-9 { padding-right: 4.5rem !important; } .pb-sm-9, .py-sm-9 { padding-bottom: 4.5rem !important; } .pl-sm-9, .px-sm-9 { padding-left: 4.5rem !important; } .p-sm-10 { padding: 5.625rem !important; } .pt-sm-10, .py-sm-10 { padding-top: 5.625rem !important; } .pr-sm-10, .px-sm-10 { padding-right: 5.625rem !important; } .pb-sm-10, .py-sm-10 { padding-bottom: 5.625rem !important; } .pl-sm-10, .px-sm-10 { padding-left: 5.625rem !important; } .p-sm-11 { padding: 7.5rem !important; } .pt-sm-11, .py-sm-11 { padding-top: 7.5rem !important; } .pr-sm-11, .px-sm-11 { padding-right: 7.5rem !important; } .pb-sm-11, .py-sm-11 { padding-bottom: 7.5rem !important; } .pl-sm-11, .px-sm-11 { padding-left: 7.5rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1.125rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1.125rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1.125rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1.125rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1.125rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -1.875rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -1.875rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -1.875rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -1.875rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -1.875rem !important; } .m-sm-n6 { margin: -2.25rem !important; } .mt-sm-n6, .my-sm-n6 { margin-top: -2.25rem !important; } .mr-sm-n6, .mx-sm-n6 { margin-right: -2.25rem !important; } .mb-sm-n6, .my-sm-n6 { margin-bottom: -2.25rem !important; } .ml-sm-n6, .mx-sm-n6 { margin-left: -2.25rem !important; } .m-sm-n7 { margin: -3rem !important; } .mt-sm-n7, .my-sm-n7 { margin-top: -3rem !important; } .mr-sm-n7, .mx-sm-n7 { margin-right: -3rem !important; } .mb-sm-n7, .my-sm-n7 { margin-bottom: -3rem !important; } .ml-sm-n7, .mx-sm-n7 { margin-left: -3rem !important; } .m-sm-n8 { margin: -3.75rem !important; } .mt-sm-n8, .my-sm-n8 { margin-top: -3.75rem !important; } .mr-sm-n8, .mx-sm-n8 { margin-right: -3.75rem !important; } .mb-sm-n8, .my-sm-n8 { margin-bottom: -3.75rem !important; } .ml-sm-n8, .mx-sm-n8 { margin-left: -3.75rem !important; } .m-sm-n9 { margin: -4.5rem !important; } .mt-sm-n9, .my-sm-n9 { margin-top: -4.5rem !important; } .mr-sm-n9, .mx-sm-n9 { margin-right: -4.5rem !important; } .mb-sm-n9, .my-sm-n9 { margin-bottom: -4.5rem !important; } .ml-sm-n9, .mx-sm-n9 { margin-left: -4.5rem !important; } .m-sm-n10 { margin: -5.625rem !important; } .mt-sm-n10, .my-sm-n10 { margin-top: -5.625rem !important; } .mr-sm-n10, .mx-sm-n10 { margin-right: -5.625rem !important; } .mb-sm-n10, .my-sm-n10 { margin-bottom: -5.625rem !important; } .ml-sm-n10, .mx-sm-n10 { margin-left: -5.625rem !important; } .m-sm-n11 { margin: -7.5rem !important; } .mt-sm-n11, .my-sm-n11 { margin-top: -7.5rem !important; } .mr-sm-n11, .mx-sm-n11 { margin-right: -7.5rem !important; } .mb-sm-n11, .my-sm-n11 { margin-bottom: -7.5rem !important; } .ml-sm-n11, .mx-sm-n11 { margin-left: -7.5rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1.125rem !important; } .mt-md-3, .my-md-3 { margin-top: 1.125rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1.125rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1.125rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1.125rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 1.875rem !important; } .mt-md-5, .my-md-5 { margin-top: 1.875rem !important; } .mr-md-5, .mx-md-5 { margin-right: 1.875rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 1.875rem !important; } .ml-md-5, .mx-md-5 { margin-left: 1.875rem !important; } .m-md-6 { margin: 2.25rem !important; } .mt-md-6, .my-md-6 { margin-top: 2.25rem !important; } .mr-md-6, .mx-md-6 { margin-right: 2.25rem !important; } .mb-md-6, .my-md-6 { margin-bottom: 2.25rem !important; } .ml-md-6, .mx-md-6 { margin-left: 2.25rem !important; } .m-md-7 { margin: 3rem !important; } .mt-md-7, .my-md-7 { margin-top: 3rem !important; } .mr-md-7, .mx-md-7 { margin-right: 3rem !important; } .mb-md-7, .my-md-7 { margin-bottom: 3rem !important; } .ml-md-7, .mx-md-7 { margin-left: 3rem !important; } .m-md-8 { margin: 3.75rem !important; } .mt-md-8, .my-md-8 { margin-top: 3.75rem !important; } .mr-md-8, .mx-md-8 { margin-right: 3.75rem !important; } .mb-md-8, .my-md-8 { margin-bottom: 3.75rem !important; } .ml-md-8, .mx-md-8 { margin-left: 3.75rem !important; } .m-md-9 { margin: 4.5rem !important; } .mt-md-9, .my-md-9 { margin-top: 4.5rem !important; } .mr-md-9, .mx-md-9 { margin-right: 4.5rem !important; } .mb-md-9, .my-md-9 { margin-bottom: 4.5rem !important; } .ml-md-9, .mx-md-9 { margin-left: 4.5rem !important; } .m-md-10 { margin: 5.625rem !important; } .mt-md-10, .my-md-10 { margin-top: 5.625rem !important; } .mr-md-10, .mx-md-10 { margin-right: 5.625rem !important; } .mb-md-10, .my-md-10 { margin-bottom: 5.625rem !important; } .ml-md-10, .mx-md-10 { margin-left: 5.625rem !important; } .m-md-11 { margin: 7.5rem !important; } .mt-md-11, .my-md-11 { margin-top: 7.5rem !important; } .mr-md-11, .mx-md-11 { margin-right: 7.5rem !important; } .mb-md-11, .my-md-11 { margin-bottom: 7.5rem !important; } .ml-md-11, .mx-md-11 { margin-left: 7.5rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1.125rem !important; } .pt-md-3, .py-md-3 { padding-top: 1.125rem !important; } .pr-md-3, .px-md-3 { padding-right: 1.125rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1.125rem !important; } .pl-md-3, .px-md-3 { padding-left: 1.125rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 1.875rem !important; } .pt-md-5, .py-md-5 { padding-top: 1.875rem !important; } .pr-md-5, .px-md-5 { padding-right: 1.875rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 1.875rem !important; } .pl-md-5, .px-md-5 { padding-left: 1.875rem !important; } .p-md-6 { padding: 2.25rem !important; } .pt-md-6, .py-md-6 { padding-top: 2.25rem !important; } .pr-md-6, .px-md-6 { padding-right: 2.25rem !important; } .pb-md-6, .py-md-6 { padding-bottom: 2.25rem !important; } .pl-md-6, .px-md-6 { padding-left: 2.25rem !important; } .p-md-7 { padding: 3rem !important; } .pt-md-7, .py-md-7 { padding-top: 3rem !important; } .pr-md-7, .px-md-7 { padding-right: 3rem !important; } .pb-md-7, .py-md-7 { padding-bottom: 3rem !important; } .pl-md-7, .px-md-7 { padding-left: 3rem !important; } .p-md-8 { padding: 3.75rem !important; } .pt-md-8, .py-md-8 { padding-top: 3.75rem !important; } .pr-md-8, .px-md-8 { padding-right: 3.75rem !important; } .pb-md-8, .py-md-8 { padding-bottom: 3.75rem !important; } .pl-md-8, .px-md-8 { padding-left: 3.75rem !important; } .p-md-9 { padding: 4.5rem !important; } .pt-md-9, .py-md-9 { padding-top: 4.5rem !important; } .pr-md-9, .px-md-9 { padding-right: 4.5rem !important; } .pb-md-9, .py-md-9 { padding-bottom: 4.5rem !important; } .pl-md-9, .px-md-9 { padding-left: 4.5rem !important; } .p-md-10 { padding: 5.625rem !important; } .pt-md-10, .py-md-10 { padding-top: 5.625rem !important; } .pr-md-10, .px-md-10 { padding-right: 5.625rem !important; } .pb-md-10, .py-md-10 { padding-bottom: 5.625rem !important; } .pl-md-10, .px-md-10 { padding-left: 5.625rem !important; } .p-md-11 { padding: 7.5rem !important; } .pt-md-11, .py-md-11 { padding-top: 7.5rem !important; } .pr-md-11, .px-md-11 { padding-right: 7.5rem !important; } .pb-md-11, .py-md-11 { padding-bottom: 7.5rem !important; } .pl-md-11, .px-md-11 { padding-left: 7.5rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1.125rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1.125rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1.125rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1.125rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1.125rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -1.875rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -1.875rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -1.875rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -1.875rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -1.875rem !important; } .m-md-n6 { margin: -2.25rem !important; } .mt-md-n6, .my-md-n6 { margin-top: -2.25rem !important; } .mr-md-n6, .mx-md-n6 { margin-right: -2.25rem !important; } .mb-md-n6, .my-md-n6 { margin-bottom: -2.25rem !important; } .ml-md-n6, .mx-md-n6 { margin-left: -2.25rem !important; } .m-md-n7 { margin: -3rem !important; } .mt-md-n7, .my-md-n7 { margin-top: -3rem !important; } .mr-md-n7, .mx-md-n7 { margin-right: -3rem !important; } .mb-md-n7, .my-md-n7 { margin-bottom: -3rem !important; } .ml-md-n7, .mx-md-n7 { margin-left: -3rem !important; } .m-md-n8 { margin: -3.75rem !important; } .mt-md-n8, .my-md-n8 { margin-top: -3.75rem !important; } .mr-md-n8, .mx-md-n8 { margin-right: -3.75rem !important; } .mb-md-n8, .my-md-n8 { margin-bottom: -3.75rem !important; } .ml-md-n8, .mx-md-n8 { margin-left: -3.75rem !important; } .m-md-n9 { margin: -4.5rem !important; } .mt-md-n9, .my-md-n9 { margin-top: -4.5rem !important; } .mr-md-n9, .mx-md-n9 { margin-right: -4.5rem !important; } .mb-md-n9, .my-md-n9 { margin-bottom: -4.5rem !important; } .ml-md-n9, .mx-md-n9 { margin-left: -4.5rem !important; } .m-md-n10 { margin: -5.625rem !important; } .mt-md-n10, .my-md-n10 { margin-top: -5.625rem !important; } .mr-md-n10, .mx-md-n10 { margin-right: -5.625rem !important; } .mb-md-n10, .my-md-n10 { margin-bottom: -5.625rem !important; } .ml-md-n10, .mx-md-n10 { margin-left: -5.625rem !important; } .m-md-n11 { margin: -7.5rem !important; } .mt-md-n11, .my-md-n11 { margin-top: -7.5rem !important; } .mr-md-n11, .mx-md-n11 { margin-right: -7.5rem !important; } .mb-md-n11, .my-md-n11 { margin-bottom: -7.5rem !important; } .ml-md-n11, .mx-md-n11 { margin-left: -7.5rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1.125rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1.125rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1.125rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1.125rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1.125rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 1.875rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 1.875rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 1.875rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 1.875rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 1.875rem !important; } .m-lg-6 { margin: 2.25rem !important; } .mt-lg-6, .my-lg-6 { margin-top: 2.25rem !important; } .mr-lg-6, .mx-lg-6 { margin-right: 2.25rem !important; } .mb-lg-6, .my-lg-6 { margin-bottom: 2.25rem !important; } .ml-lg-6, .mx-lg-6 { margin-left: 2.25rem !important; } .m-lg-7 { margin: 3rem !important; } .mt-lg-7, .my-lg-7 { margin-top: 3rem !important; } .mr-lg-7, .mx-lg-7 { margin-right: 3rem !important; } .mb-lg-7, .my-lg-7 { margin-bottom: 3rem !important; } .ml-lg-7, .mx-lg-7 { margin-left: 3rem !important; } .m-lg-8 { margin: 3.75rem !important; } .mt-lg-8, .my-lg-8 { margin-top: 3.75rem !important; } .mr-lg-8, .mx-lg-8 { margin-right: 3.75rem !important; } .mb-lg-8, .my-lg-8 { margin-bottom: 3.75rem !important; } .ml-lg-8, .mx-lg-8 { margin-left: 3.75rem !important; } .m-lg-9 { margin: 4.5rem !important; } .mt-lg-9, .my-lg-9 { margin-top: 4.5rem !important; } .mr-lg-9, .mx-lg-9 { margin-right: 4.5rem !important; } .mb-lg-9, .my-lg-9 { margin-bottom: 4.5rem !important; } .ml-lg-9, .mx-lg-9 { margin-left: 4.5rem !important; } .m-lg-10 { margin: 5.625rem !important; } .mt-lg-10, .my-lg-10 { margin-top: 5.625rem !important; } .mr-lg-10, .mx-lg-10 { margin-right: 5.625rem !important; } .mb-lg-10, .my-lg-10 { margin-bottom: 5.625rem !important; } .ml-lg-10, .mx-lg-10 { margin-left: 5.625rem !important; } .m-lg-11 { margin: 7.5rem !important; } .mt-lg-11, .my-lg-11 { margin-top: 7.5rem !important; } .mr-lg-11, .mx-lg-11 { margin-right: 7.5rem !important; } .mb-lg-11, .my-lg-11 { margin-bottom: 7.5rem !important; } .ml-lg-11, .mx-lg-11 { margin-left: 7.5rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1.125rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1.125rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1.125rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1.125rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1.125rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 1.875rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 1.875rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 1.875rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 1.875rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 1.875rem !important; } .p-lg-6 { padding: 2.25rem !important; } .pt-lg-6, .py-lg-6 { padding-top: 2.25rem !important; } .pr-lg-6, .px-lg-6 { padding-right: 2.25rem !important; } .pb-lg-6, .py-lg-6 { padding-bottom: 2.25rem !important; } .pl-lg-6, .px-lg-6 { padding-left: 2.25rem !important; } .p-lg-7 { padding: 3rem !important; } .pt-lg-7, .py-lg-7 { padding-top: 3rem !important; } .pr-lg-7, .px-lg-7 { padding-right: 3rem !important; } .pb-lg-7, .py-lg-7 { padding-bottom: 3rem !important; } .pl-lg-7, .px-lg-7 { padding-left: 3rem !important; } .p-lg-8 { padding: 3.75rem !important; } .pt-lg-8, .py-lg-8 { padding-top: 3.75rem !important; } .pr-lg-8, .px-lg-8 { padding-right: 3.75rem !important; } .pb-lg-8, .py-lg-8 { padding-bottom: 3.75rem !important; } .pl-lg-8, .px-lg-8 { padding-left: 3.75rem !important; } .p-lg-9 { padding: 4.5rem !important; } .pt-lg-9, .py-lg-9 { padding-top: 4.5rem !important; } .pr-lg-9, .px-lg-9 { padding-right: 4.5rem !important; } .pb-lg-9, .py-lg-9 { padding-bottom: 4.5rem !important; } .pl-lg-9, .px-lg-9 { padding-left: 4.5rem !important; } .p-lg-10 { padding: 5.625rem !important; } .pt-lg-10, .py-lg-10 { padding-top: 5.625rem !important; } .pr-lg-10, .px-lg-10 { padding-right: 5.625rem !important; } .pb-lg-10, .py-lg-10 { padding-bottom: 5.625rem !important; } .pl-lg-10, .px-lg-10 { padding-left: 5.625rem !important; } .p-lg-11 { padding: 7.5rem !important; } .pt-lg-11, .py-lg-11 { padding-top: 7.5rem !important; } .pr-lg-11, .px-lg-11 { padding-right: 7.5rem !important; } .pb-lg-11, .py-lg-11 { padding-bottom: 7.5rem !important; } .pl-lg-11, .px-lg-11 { padding-left: 7.5rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1.125rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1.125rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1.125rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1.125rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1.125rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -1.875rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -1.875rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -1.875rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -1.875rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -1.875rem !important; } .m-lg-n6 { margin: -2.25rem !important; } .mt-lg-n6, .my-lg-n6 { margin-top: -2.25rem !important; } .mr-lg-n6, .mx-lg-n6 { margin-right: -2.25rem !important; } .mb-lg-n6, .my-lg-n6 { margin-bottom: -2.25rem !important; } .ml-lg-n6, .mx-lg-n6 { margin-left: -2.25rem !important; } .m-lg-n7 { margin: -3rem !important; } .mt-lg-n7, .my-lg-n7 { margin-top: -3rem !important; } .mr-lg-n7, .mx-lg-n7 { margin-right: -3rem !important; } .mb-lg-n7, .my-lg-n7 { margin-bottom: -3rem !important; } .ml-lg-n7, .mx-lg-n7 { margin-left: -3rem !important; } .m-lg-n8 { margin: -3.75rem !important; } .mt-lg-n8, .my-lg-n8 { margin-top: -3.75rem !important; } .mr-lg-n8, .mx-lg-n8 { margin-right: -3.75rem !important; } .mb-lg-n8, .my-lg-n8 { margin-bottom: -3.75rem !important; } .ml-lg-n8, .mx-lg-n8 { margin-left: -3.75rem !important; } .m-lg-n9 { margin: -4.5rem !important; } .mt-lg-n9, .my-lg-n9 { margin-top: -4.5rem !important; } .mr-lg-n9, .mx-lg-n9 { margin-right: -4.5rem !important; } .mb-lg-n9, .my-lg-n9 { margin-bottom: -4.5rem !important; } .ml-lg-n9, .mx-lg-n9 { margin-left: -4.5rem !important; } .m-lg-n10 { margin: -5.625rem !important; } .mt-lg-n10, .my-lg-n10 { margin-top: -5.625rem !important; } .mr-lg-n10, .mx-lg-n10 { margin-right: -5.625rem !important; } .mb-lg-n10, .my-lg-n10 { margin-bottom: -5.625rem !important; } .ml-lg-n10, .mx-lg-n10 { margin-left: -5.625rem !important; } .m-lg-n11 { margin: -7.5rem !important; } .mt-lg-n11, .my-lg-n11 { margin-top: -7.5rem !important; } .mr-lg-n11, .mx-lg-n11 { margin-right: -7.5rem !important; } .mb-lg-n11, .my-lg-n11 { margin-bottom: -7.5rem !important; } .ml-lg-n11, .mx-lg-n11 { margin-left: -7.5rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1.125rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1.125rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1.125rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1.125rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1.125rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 1.875rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 1.875rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 1.875rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 1.875rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 1.875rem !important; } .m-xl-6 { margin: 2.25rem !important; } .mt-xl-6, .my-xl-6 { margin-top: 2.25rem !important; } .mr-xl-6, .mx-xl-6 { margin-right: 2.25rem !important; } .mb-xl-6, .my-xl-6 { margin-bottom: 2.25rem !important; } .ml-xl-6, .mx-xl-6 { margin-left: 2.25rem !important; } .m-xl-7 { margin: 3rem !important; } .mt-xl-7, .my-xl-7 { margin-top: 3rem !important; } .mr-xl-7, .mx-xl-7 { margin-right: 3rem !important; } .mb-xl-7, .my-xl-7 { margin-bottom: 3rem !important; } .ml-xl-7, .mx-xl-7 { margin-left: 3rem !important; } .m-xl-8 { margin: 3.75rem !important; } .mt-xl-8, .my-xl-8 { margin-top: 3.75rem !important; } .mr-xl-8, .mx-xl-8 { margin-right: 3.75rem !important; } .mb-xl-8, .my-xl-8 { margin-bottom: 3.75rem !important; } .ml-xl-8, .mx-xl-8 { margin-left: 3.75rem !important; } .m-xl-9 { margin: 4.5rem !important; } .mt-xl-9, .my-xl-9 { margin-top: 4.5rem !important; } .mr-xl-9, .mx-xl-9 { margin-right: 4.5rem !important; } .mb-xl-9, .my-xl-9 { margin-bottom: 4.5rem !important; } .ml-xl-9, .mx-xl-9 { margin-left: 4.5rem !important; } .m-xl-10 { margin: 5.625rem !important; } .mt-xl-10, .my-xl-10 { margin-top: 5.625rem !important; } .mr-xl-10, .mx-xl-10 { margin-right: 5.625rem !important; } .mb-xl-10, .my-xl-10 { margin-bottom: 5.625rem !important; } .ml-xl-10, .mx-xl-10 { margin-left: 5.625rem !important; } .m-xl-11 { margin: 7.5rem !important; } .mt-xl-11, .my-xl-11 { margin-top: 7.5rem !important; } .mr-xl-11, .mx-xl-11 { margin-right: 7.5rem !important; } .mb-xl-11, .my-xl-11 { margin-bottom: 7.5rem !important; } .ml-xl-11, .mx-xl-11 { margin-left: 7.5rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1.125rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1.125rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1.125rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1.125rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1.125rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 1.875rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 1.875rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 1.875rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 1.875rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 1.875rem !important; } .p-xl-6 { padding: 2.25rem !important; } .pt-xl-6, .py-xl-6 { padding-top: 2.25rem !important; } .pr-xl-6, .px-xl-6 { padding-right: 2.25rem !important; } .pb-xl-6, .py-xl-6 { padding-bottom: 2.25rem !important; } .pl-xl-6, .px-xl-6 { padding-left: 2.25rem !important; } .p-xl-7 { padding: 3rem !important; } .pt-xl-7, .py-xl-7 { padding-top: 3rem !important; } .pr-xl-7, .px-xl-7 { padding-right: 3rem !important; } .pb-xl-7, .py-xl-7 { padding-bottom: 3rem !important; } .pl-xl-7, .px-xl-7 { padding-left: 3rem !important; } .p-xl-8 { padding: 3.75rem !important; } .pt-xl-8, .py-xl-8 { padding-top: 3.75rem !important; } .pr-xl-8, .px-xl-8 { padding-right: 3.75rem !important; } .pb-xl-8, .py-xl-8 { padding-bottom: 3.75rem !important; } .pl-xl-8, .px-xl-8 { padding-left: 3.75rem !important; } .p-xl-9 { padding: 4.5rem !important; } .pt-xl-9, .py-xl-9 { padding-top: 4.5rem !important; } .pr-xl-9, .px-xl-9 { padding-right: 4.5rem !important; } .pb-xl-9, .py-xl-9 { padding-bottom: 4.5rem !important; } .pl-xl-9, .px-xl-9 { padding-left: 4.5rem !important; } .p-xl-10 { padding: 5.625rem !important; } .pt-xl-10, .py-xl-10 { padding-top: 5.625rem !important; } .pr-xl-10, .px-xl-10 { padding-right: 5.625rem !important; } .pb-xl-10, .py-xl-10 { padding-bottom: 5.625rem !important; } .pl-xl-10, .px-xl-10 { padding-left: 5.625rem !important; } .p-xl-11 { padding: 7.5rem !important; } .pt-xl-11, .py-xl-11 { padding-top: 7.5rem !important; } .pr-xl-11, .px-xl-11 { padding-right: 7.5rem !important; } .pb-xl-11, .py-xl-11 { padding-bottom: 7.5rem !important; } .pl-xl-11, .px-xl-11 { padding-left: 7.5rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1.125rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1.125rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1.125rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1.125rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1.125rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -1.875rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -1.875rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -1.875rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -1.875rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -1.875rem !important; } .m-xl-n6 { margin: -2.25rem !important; } .mt-xl-n6, .my-xl-n6 { margin-top: -2.25rem !important; } .mr-xl-n6, .mx-xl-n6 { margin-right: -2.25rem !important; } .mb-xl-n6, .my-xl-n6 { margin-bottom: -2.25rem !important; } .ml-xl-n6, .mx-xl-n6 { margin-left: -2.25rem !important; } .m-xl-n7 { margin: -3rem !important; } .mt-xl-n7, .my-xl-n7 { margin-top: -3rem !important; } .mr-xl-n7, .mx-xl-n7 { margin-right: -3rem !important; } .mb-xl-n7, .my-xl-n7 { margin-bottom: -3rem !important; } .ml-xl-n7, .mx-xl-n7 { margin-left: -3rem !important; } .m-xl-n8 { margin: -3.75rem !important; } .mt-xl-n8, .my-xl-n8 { margin-top: -3.75rem !important; } .mr-xl-n8, .mx-xl-n8 { margin-right: -3.75rem !important; } .mb-xl-n8, .my-xl-n8 { margin-bottom: -3.75rem !important; } .ml-xl-n8, .mx-xl-n8 { margin-left: -3.75rem !important; } .m-xl-n9 { margin: -4.5rem !important; } .mt-xl-n9, .my-xl-n9 { margin-top: -4.5rem !important; } .mr-xl-n9, .mx-xl-n9 { margin-right: -4.5rem !important; } .mb-xl-n9, .my-xl-n9 { margin-bottom: -4.5rem !important; } .ml-xl-n9, .mx-xl-n9 { margin-left: -4.5rem !important; } .m-xl-n10 { margin: -5.625rem !important; } .mt-xl-n10, .my-xl-n10 { margin-top: -5.625rem !important; } .mr-xl-n10, .mx-xl-n10 { margin-right: -5.625rem !important; } .mb-xl-n10, .my-xl-n10 { margin-bottom: -5.625rem !important; } .ml-xl-n10, .mx-xl-n10 { margin-left: -5.625rem !important; } .m-xl-n11 { margin: -7.5rem !important; } .mt-xl-n11, .my-xl-n11 { margin-top: -7.5rem !important; } .mr-xl-n11, .mx-xl-n11 { margin-right: -7.5rem !important; } .mb-xl-n11, .my-xl-n11 { margin-bottom: -7.5rem !important; } .ml-xl-n11, .mx-xl-n11 { margin-left: -7.5rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } .stretched-link::after { bottom: 0; content: ""; left: 0; pointer-events: auto; position: absolute; right: 0; top: 0; z-index: 1; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-truncate-inline { display: inline-flex; max-width: 100%; } .text-truncate-inline .text-truncate { display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; white-space: nowrap; overflow-wrap: normal; word-wrap: normal; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-lighter, .text-weight-lighter { font-weight: lighter !important; } .font-weight-light, .text-weight-light { font-weight: 300 !important; } .font-weight-normal, .text-weight-normal { font-weight: 400 !important; } .font-weight-semi-bold, .text-weight-semi-bold { font-weight: 500 !important; } .font-weight-bold, .text-weight-bold { font-weight: 600 !important; } .font-weight-bolder, .text-weight-bolder { font-weight: bolder !important; } .font-italic, .text-italic { font-style: italic !important; } .font-monospace, .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-1 { font-size: 0.625rem; } .text-2 { font-size: 0.75rem; } .text-3 { font-size: 0.875rem; } .text-4 { font-size: 1rem; } .text-5 { font-size: 1.125rem; } .text-6 { font-size: 1.25rem; } .text-7 { font-size: 1.5rem; } .text-8 { font-size: 1.75rem; } .text-9 { font-size: 2rem; } .text-10 { font-size: 2.25rem; } .text-11 { font-size: 2.5rem; } .text-white { color: #fff !important; } .text-blue { color: #008dc9 !important; } a.text-blue:hover, a.text-blue:focus { color: #00577d !important; } .text-indigo { color: #6610f2 !important; } a.text-indigo:hover, a.text-indigo:focus { color: #4709ac !important; } .text-purple { color: #6d1e70 !important; } a.text-purple:hover, a.text-purple:focus { color: #320e34 !important; } .text-pink { color: #e83e8c !important; } a.text-pink:hover, a.text-pink:focus { color: #c21766 !important; } .text-red { color: #d52b1e !important; } a.text-red:hover, a.text-red:focus { color: #921d15 !important; } .text-orange { color: #e17020 !important; } a.text-orange:hover, a.text-orange:focus { color: #9f4e15 !important; } .text-yellow { color: #d9c930 !important; } a.text-yellow:hover, a.text-yellow:focus { color: #9f931d !important; } .text-green { color: #70a326 !important; } a.text-green:hover, a.text-green:focus { color: #456518 !important; } .text-teal { color: #20c997 !important; } a.text-teal:hover, a.text-teal:focus { color: #158765 !important; } .text-cyan { color: #17a2b8 !important; } a.text-cyan:hover, a.text-cyan:focus { color: #0f6674 !important; } .text-primary { color: #008296 !important; } a.text-primary:hover, a.text-primary:focus { color: #00404a !important; } .text-secondary { color: #e6ebf2 !important; } a.text-secondary:hover, a.text-secondary:focus { color: #b4c3d8 !important; } .text-success { color: #547b1c !important; } a.text-success:hover, a.text-success:focus { color: #293d0e !important; } .text-info { color: #0075a8 !important; } a.text-info:hover, a.text-info:focus { color: #00405c !important; } .text-warning { color: #b4520c !important; } a.text-warning:hover, a.text-warning:focus { color: #6c3107 !important; } .text-danger { color: #ab2218 !important; } a.text-danger:hover, a.text-danger:focus { color: #68150f !important; } .text-light { color: #ebebeb !important; } a.text-light:hover, a.text-light:focus { color: #c5c5c5 !important; } .text-dark { color: #2b2b2b !important; } a.text-dark:hover, a.text-dark:focus { color: #050505 !important; } .text-body { color: #2b2b2b !important; } .text-muted { color: #6b6b6b !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { background-color: transparent; border: 0; color: transparent; font: 0/0 a; text-shadow: none; } .text-none, .text-decoration-none { text-decoration: none !important; } .text-underline, .text-decoration-underline { text-decoration: underline !important; } .text-break { overflow-wrap: break-word !important; word-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .c-prefers-expanded-text .breadcrumb-text-truncate, .c-prefers-expanded-text .form-control-plaintext, .c-prefers-expanded-text .form-control-select, .c-prefers-expanded-text .modal-title, .c-prefers-expanded-text .multi-step-title-center .multi-step-title, .c-prefers-expanded-text .multi-step-indicator .multi-step-indicator-label, .c-prefers-expanded-text .nav-text-truncate, .c-prefers-expanded-text .navbar-text-truncate, .c-prefers-expanded-text .text-truncate, .c-prefers-expanded-text .text-truncate-inline .text-truncate { overflow-wrap: break-word !important; white-space: normal !important; word-wrap: break-word !important; } .c-prefers-link-underline [href]:not(.disabled):not([role=button]) { text-decoration: underline !important; } .c-prefers-link-underline .btn-monospaced[href]:not(.disabled):not([role=button]):not([role=tab])::after, .c-prefers-link-underline .nav-btn-monospaced[href]:not(.disabled):not([role=button]):not([role=tab])::after, .c-prefers-link-underline .nav-link-monospaced[href]:not(.disabled):not([role=button]):not([role=tab])::after { content: "   "; position: absolute; text-decoration: underline !important; } .c-prefers-link-underline .multi-step-item.active .multi-step-icon[href]:not([role=button])::after, .c-prefers-link-underline .multi-step-item.complete .multi-step-icon[href]:not([role=button])::after, .c-prefers-link-underline .multi-step-item.error .multi-step-icon[href]:not([role=button])::after, .c-prefers-link-underline .dropdown .multi-step-icon[href]:not([role=button])::after { content: "   "; position: absolute; text-decoration: underline !important; } .c-prefers-link-underline .multi-step-item.disabled .multi-step-icon[href]:not([role=button])::after { text-decoration: none !important; } .c-prefers-letter-spacing-1, .c-prefers-letter-spacing-1 * { letter-spacing: 1px !important; } .d-block-c-prefers-reduced-motion { display: none !important; } .d-inline-block-c-prefers-reduced-motion { display: none !important; } @media (prefers-reduced-motion: reduce) { .d-none-c-prefers-reduced-motion { display: none !important; } .d-block-c-prefers-reduced-motion { display: block !important; } .d-inline-block-c-prefers-reduced-motion { display: inline-block !important; } } .c-prefers-reduced-motion .d-none-c-prefers-reduced-motion { display: none !important; } .c-prefers-reduced-motion .d-block-c-prefers-reduced-motion { display: block !important; } .c-prefers-reduced-motion .d-inline-block-c-prefers-reduced-motion { display: inline-block !important; } .c-prefers-reduced-motion { scroll-behavior: auto; transition: none; } @keyframes loading-animation-circle { 100% { transform: rotate(360deg); } } .loading-animation { display: block; height: 1em; margin-left: auto; margin-right: auto; overflow: hidden; position: relative; text-align: left; vertical-align: middle; width: 1em; } .loading-animation::before { animation: loading-animation-circle 1s linear infinite; border-radius: 50%; box-shadow: -0.03125em -0.375em 0 0 currentColor; content: ""; height: 0.25em; left: 50%; margin-left: -0.125em; margin-top: -0.125em; position: absolute; top: 50%; width: 0.25em; } @media (prefers-reduced-motion: reduce) { .loading-animation::before { animation: none; } } .c-prefers-reduced-motion .loading-animation::before { animation: none; } .loading-animation::after { animation: loading-animation-circle 1s linear infinite; background-color: currentColor; border-radius: 50%; content: ""; display: block; height: 1em; -webkit-mask: conic-gradient(transparent 10%, #000), linear-gradient(#000 0 0) content-box; -webkit-mask-composite: source-out; mask-composite: subtract; padding: 0.25em; width: 1em; } @media (prefers-reduced-motion: reduce) { .loading-animation::after { animation: none; } } .c-prefers-reduced-motion .loading-animation::after { animation: none; } @keyframes loading-animation-squares-box-1 { 0% { left: 0; opacity: 0.4; top: 0; transform: scale(1); } 25% { left: calc(100% - 1em); opacity: 0.4; top: 0; transform: scale(1); } 50% { left: calc(100% - 1.5em); opacity: 1; top: calc(100% - 1.5em); transform: scale(2); } 75% { left: 0.5em; opacity: 1; top: calc(100% - 1.5em); transform: scale(2); } } @keyframes loading-animation-squares-box-2 { 0% { left: calc(100% - 1.5em); opacity: 1; top: calc(100% - 1.5em); transform: scale(2); } 25% { left: 0.5em; opacity: 1; top: calc(100% - 1.5em); transform: scale(2); } 50% { left: 0; opacity: 0.4; top: 0; transform: scale(1); } 75% { left: calc(100% - 1em); opacity: 0.4; top: 0; transform: scale(1); } } .loading-animation-squares { display: block; height: 1em; margin-left: auto; margin-right: auto; position: relative; text-align: left; vertical-align: middle; width: 1em; } .loading-animation-squares::before { animation: loading-animation-squares-box-1 2.4s ease-in-out infinite; background-color: currentColor; border-radius: 0.2em; content: ""; display: block; font-size: 0.3125em; height: 1em; left: 0; opacity: 0.4; position: absolute; top: 0; transform: scale(1); width: 1em; } @media (prefers-reduced-motion: reduce) { .loading-animation-squares::before { animation: none; } } .c-prefers-reduced-motion .loading-animation-squares::before { animation: none; } .loading-animation-squares::after { animation: loading-animation-squares-box-2 2.4s ease-in-out infinite; background-color: currentColor; border-radius: 0.2em; content: ""; display: block; font-size: 0.3125em; height: 1em; left: calc(100% - 1.5em); opacity: 1; position: absolute; top: calc(100% - 1.5em); transform: scale(2); width: 1em; } @media (prefers-reduced-motion: reduce) { .loading-animation-squares::after { animation: none; } } .c-prefers-reduced-motion .loading-animation-squares::after { animation: none; } .loading-animation-xs { font-size: 0.625rem; } .loading-animation-sm { font-size: 1rem; } .loading-animation-md { font-size: 2rem; } .loading-animation-lg { font-size: 4rem; } .loading-animation-primary { color: #008296; } .loading-animation-secondary { color: #e6ebf2; } .loading-animation-light { color: #fff; } /* SPDX-SnippetBegin * SPDX-License-Identifier: MIT * SPDX-SnippetCopyrightText: © 2018 HTML5 Boilerplate */ @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } @media print { @page { size: a3; } } @media print { body { min-width: 992px !important; } } @media print { .container { min-width: 992px !important; } } @media print { .navbar { display: none; } } @media print { .badge { border: 1px solid #000; } } @media print { .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } } @media print { .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } } @media print { .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #d1d1d1; } } @media print { .table .thead-dark th { border-color: #d1d1d1; color: inherit; } } /* SPDX-SnippetEnd */ /* Used for overwriting variables defined in _liferay_variables_custom.scss without wiping out the whole file. */ /** * Based upon the work and thoughts from Bootstrap v4. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) * * Generates a batch of margin and padding utilities for every breakpoint and its corresponding direction. */ .kds-m-0 { margin: 0 !important; } .kds-mt-0, .kds-my-0 { margin-top: 0 !important; } .kds-mr-0, .kds-mx-0 { margin-right: 0 !important; } .kds-mb-0, .kds-my-0 { margin-bottom: 0 !important; } .kds-ml-0, .kds-mx-0 { margin-left: 0 !important; } .kds-m-1 { margin: 4px !important; } .kds-mt-1, .kds-my-1 { margin-top: 4px !important; } .kds-mr-1, .kds-mx-1 { margin-right: 4px !important; } .kds-mb-1, .kds-my-1 { margin-bottom: 4px !important; } .kds-ml-1, .kds-mx-1 { margin-left: 4px !important; } .kds-m-2 { margin: 8px !important; } .kds-mt-2, .kds-my-2 { margin-top: 8px !important; } .kds-mr-2, .kds-mx-2 { margin-right: 8px !important; } .kds-mb-2, .kds-my-2 { margin-bottom: 8px !important; } .kds-ml-2, .kds-mx-2 { margin-left: 8px !important; } .kds-m-3 { margin: 12px !important; } .kds-mt-3, .kds-my-3 { margin-top: 12px !important; } .kds-mr-3, .kds-mx-3 { margin-right: 12px !important; } .kds-mb-3, .kds-my-3 { margin-bottom: 12px !important; } .kds-ml-3, .kds-mx-3 { margin-left: 12px !important; } .kds-m-4 { margin: 16px !important; } .kds-mt-4, .kds-my-4 { margin-top: 16px !important; } .kds-mr-4, .kds-mx-4 { margin-right: 16px !important; } .kds-mb-4, .kds-my-4 { margin-bottom: 16px !important; } .kds-ml-4, .kds-mx-4 { margin-left: 16px !important; } .kds-m-5 { margin: 20px !important; } .kds-mt-5, .kds-my-5 { margin-top: 20px !important; } .kds-mr-5, .kds-mx-5 { margin-right: 20px !important; } .kds-mb-5, .kds-my-5 { margin-bottom: 20px !important; } .kds-ml-5, .kds-mx-5 { margin-left: 20px !important; } .kds-m-6 { margin: 24px !important; } .kds-mt-6, .kds-my-6 { margin-top: 24px !important; } .kds-mr-6, .kds-mx-6 { margin-right: 24px !important; } .kds-mb-6, .kds-my-6 { margin-bottom: 24px !important; } .kds-ml-6, .kds-mx-6 { margin-left: 24px !important; } .kds-m-7 { margin: 28px !important; } .kds-mt-7, .kds-my-7 { margin-top: 28px !important; } .kds-mr-7, .kds-mx-7 { margin-right: 28px !important; } .kds-mb-7, .kds-my-7 { margin-bottom: 28px !important; } .kds-ml-7, .kds-mx-7 { margin-left: 28px !important; } .kds-m-8 { margin: 32px !important; } .kds-mt-8, .kds-my-8 { margin-top: 32px !important; } .kds-mr-8, .kds-mx-8 { margin-right: 32px !important; } .kds-mb-8, .kds-my-8 { margin-bottom: 32px !important; } .kds-ml-8, .kds-mx-8 { margin-left: 32px !important; } .kds-m-9 { margin: 36px !important; } .kds-mt-9, .kds-my-9 { margin-top: 36px !important; } .kds-mr-9, .kds-mx-9 { margin-right: 36px !important; } .kds-mb-9, .kds-my-9 { margin-bottom: 36px !important; } .kds-ml-9, .kds-mx-9 { margin-left: 36px !important; } .kds-m-10 { margin: 40px !important; } .kds-mt-10, .kds-my-10 { margin-top: 40px !important; } .kds-mr-10, .kds-mx-10 { margin-right: 40px !important; } .kds-mb-10, .kds-my-10 { margin-bottom: 40px !important; } .kds-ml-10, .kds-mx-10 { margin-left: 40px !important; } .kds-p-0 { padding: 0 !important; } .kds-pt-0, .kds-py-0 { padding-top: 0 !important; } .kds-pr-0, .kds-px-0 { padding-right: 0 !important; } .kds-pb-0, .kds-py-0 { padding-bottom: 0 !important; } .kds-pl-0, .kds-px-0 { padding-left: 0 !important; } .kds-p-1 { padding: 4px !important; } .kds-pt-1, .kds-py-1 { padding-top: 4px !important; } .kds-pr-1, .kds-px-1 { padding-right: 4px !important; } .kds-pb-1, .kds-py-1 { padding-bottom: 4px !important; } .kds-pl-1, .kds-px-1 { padding-left: 4px !important; } .kds-p-2 { padding: 8px !important; } .kds-pt-2, .kds-py-2 { padding-top: 8px !important; } .kds-pr-2, .kds-px-2 { padding-right: 8px !important; } .kds-pb-2, .kds-py-2 { padding-bottom: 8px !important; } .kds-pl-2, .kds-px-2 { padding-left: 8px !important; } .kds-p-3 { padding: 12px !important; } .kds-pt-3, .kds-py-3 { padding-top: 12px !important; } .kds-pr-3, .kds-px-3 { padding-right: 12px !important; } .kds-pb-3, .kds-py-3 { padding-bottom: 12px !important; } .kds-pl-3, .kds-px-3 { padding-left: 12px !important; } .kds-p-4 { padding: 16px !important; } .kds-pt-4, .kds-py-4 { padding-top: 16px !important; } .kds-pr-4, .kds-px-4 { padding-right: 16px !important; } .kds-pb-4, .kds-py-4 { padding-bottom: 16px !important; } .kds-pl-4, .kds-px-4 { padding-left: 16px !important; } .kds-p-5 { padding: 20px !important; } .kds-pt-5, .kds-py-5 { padding-top: 20px !important; } .kds-pr-5, .kds-px-5 { padding-right: 20px !important; } .kds-pb-5, .kds-py-5 { padding-bottom: 20px !important; } .kds-pl-5, .kds-px-5 { padding-left: 20px !important; } .kds-p-6 { padding: 24px !important; } .kds-pt-6, .kds-py-6 { padding-top: 24px !important; } .kds-pr-6, .kds-px-6 { padding-right: 24px !important; } .kds-pb-6, .kds-py-6 { padding-bottom: 24px !important; } .kds-pl-6, .kds-px-6 { padding-left: 24px !important; } .kds-p-7 { padding: 28px !important; } .kds-pt-7, .kds-py-7 { padding-top: 28px !important; } .kds-pr-7, .kds-px-7 { padding-right: 28px !important; } .kds-pb-7, .kds-py-7 { padding-bottom: 28px !important; } .kds-pl-7, .kds-px-7 { padding-left: 28px !important; } .kds-p-8 { padding: 32px !important; } .kds-pt-8, .kds-py-8 { padding-top: 32px !important; } .kds-pr-8, .kds-px-8 { padding-right: 32px !important; } .kds-pb-8, .kds-py-8 { padding-bottom: 32px !important; } .kds-pl-8, .kds-px-8 { padding-left: 32px !important; } .kds-p-9 { padding: 36px !important; } .kds-pt-9, .kds-py-9 { padding-top: 36px !important; } .kds-pr-9, .kds-px-9 { padding-right: 36px !important; } .kds-pb-9, .kds-py-9 { padding-bottom: 36px !important; } .kds-pl-9, .kds-px-9 { padding-left: 36px !important; } .kds-p-10 { padding: 40px !important; } .kds-pt-10, .kds-py-10 { padding-top: 40px !important; } .kds-pr-10, .kds-px-10 { padding-right: 40px !important; } .kds-pb-10, .kds-py-10 { padding-bottom: 40px !important; } .kds-pl-10, .kds-px-10 { padding-left: 40px !important; } .kds-m-auto { margin: auto !important; } .kds-mt-auto, .kds-my-auto { margin-top: auto !important; } .kds-mr-auto, .kds-mx-auto { margin-right: auto !important; } .kds-mb-auto, .kds-my-auto { margin-bottom: auto !important; } .kds-ml-auto, .kds-mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .kds-m-sm-0 { margin: 0 !important; } .kds-mt-sm-0, .kds-my-sm-0 { margin-top: 0 !important; } .kds-mr-sm-0, .kds-mx-sm-0 { margin-right: 0 !important; } .kds-mb-sm-0, .kds-my-sm-0 { margin-bottom: 0 !important; } .kds-ml-sm-0, .kds-mx-sm-0 { margin-left: 0 !important; } .kds-m-sm-1 { margin: 4px !important; } .kds-mt-sm-1, .kds-my-sm-1 { margin-top: 4px !important; } .kds-mr-sm-1, .kds-mx-sm-1 { margin-right: 4px !important; } .kds-mb-sm-1, .kds-my-sm-1 { margin-bottom: 4px !important; } .kds-ml-sm-1, .kds-mx-sm-1 { margin-left: 4px !important; } .kds-m-sm-2 { margin: 8px !important; } .kds-mt-sm-2, .kds-my-sm-2 { margin-top: 8px !important; } .kds-mr-sm-2, .kds-mx-sm-2 { margin-right: 8px !important; } .kds-mb-sm-2, .kds-my-sm-2 { margin-bottom: 8px !important; } .kds-ml-sm-2, .kds-mx-sm-2 { margin-left: 8px !important; } .kds-m-sm-3 { margin: 12px !important; } .kds-mt-sm-3, .kds-my-sm-3 { margin-top: 12px !important; } .kds-mr-sm-3, .kds-mx-sm-3 { margin-right: 12px !important; } .kds-mb-sm-3, .kds-my-sm-3 { margin-bottom: 12px !important; } .kds-ml-sm-3, .kds-mx-sm-3 { margin-left: 12px !important; } .kds-m-sm-4 { margin: 16px !important; } .kds-mt-sm-4, .kds-my-sm-4 { margin-top: 16px !important; } .kds-mr-sm-4, .kds-mx-sm-4 { margin-right: 16px !important; } .kds-mb-sm-4, .kds-my-sm-4 { margin-bottom: 16px !important; } .kds-ml-sm-4, .kds-mx-sm-4 { margin-left: 16px !important; } .kds-m-sm-5 { margin: 20px !important; } .kds-mt-sm-5, .kds-my-sm-5 { margin-top: 20px !important; } .kds-mr-sm-5, .kds-mx-sm-5 { margin-right: 20px !important; } .kds-mb-sm-5, .kds-my-sm-5 { margin-bottom: 20px !important; } .kds-ml-sm-5, .kds-mx-sm-5 { margin-left: 20px !important; } .kds-m-sm-6 { margin: 24px !important; } .kds-mt-sm-6, .kds-my-sm-6 { margin-top: 24px !important; } .kds-mr-sm-6, .kds-mx-sm-6 { margin-right: 24px !important; } .kds-mb-sm-6, .kds-my-sm-6 { margin-bottom: 24px !important; } .kds-ml-sm-6, .kds-mx-sm-6 { margin-left: 24px !important; } .kds-m-sm-7 { margin: 28px !important; } .kds-mt-sm-7, .kds-my-sm-7 { margin-top: 28px !important; } .kds-mr-sm-7, .kds-mx-sm-7 { margin-right: 28px !important; } .kds-mb-sm-7, .kds-my-sm-7 { margin-bottom: 28px !important; } .kds-ml-sm-7, .kds-mx-sm-7 { margin-left: 28px !important; } .kds-m-sm-8 { margin: 32px !important; } .kds-mt-sm-8, .kds-my-sm-8 { margin-top: 32px !important; } .kds-mr-sm-8, .kds-mx-sm-8 { margin-right: 32px !important; } .kds-mb-sm-8, .kds-my-sm-8 { margin-bottom: 32px !important; } .kds-ml-sm-8, .kds-mx-sm-8 { margin-left: 32px !important; } .kds-m-sm-9 { margin: 36px !important; } .kds-mt-sm-9, .kds-my-sm-9 { margin-top: 36px !important; } .kds-mr-sm-9, .kds-mx-sm-9 { margin-right: 36px !important; } .kds-mb-sm-9, .kds-my-sm-9 { margin-bottom: 36px !important; } .kds-ml-sm-9, .kds-mx-sm-9 { margin-left: 36px !important; } .kds-m-sm-10 { margin: 40px !important; } .kds-mt-sm-10, .kds-my-sm-10 { margin-top: 40px !important; } .kds-mr-sm-10, .kds-mx-sm-10 { margin-right: 40px !important; } .kds-mb-sm-10, .kds-my-sm-10 { margin-bottom: 40px !important; } .kds-ml-sm-10, .kds-mx-sm-10 { margin-left: 40px !important; } .kds-p-sm-0 { padding: 0 !important; } .kds-pt-sm-0, .kds-py-sm-0 { padding-top: 0 !important; } .kds-pr-sm-0, .kds-px-sm-0 { padding-right: 0 !important; } .kds-pb-sm-0, .kds-py-sm-0 { padding-bottom: 0 !important; } .kds-pl-sm-0, .kds-px-sm-0 { padding-left: 0 !important; } .kds-p-sm-1 { padding: 4px !important; } .kds-pt-sm-1, .kds-py-sm-1 { padding-top: 4px !important; } .kds-pr-sm-1, .kds-px-sm-1 { padding-right: 4px !important; } .kds-pb-sm-1, .kds-py-sm-1 { padding-bottom: 4px !important; } .kds-pl-sm-1, .kds-px-sm-1 { padding-left: 4px !important; } .kds-p-sm-2 { padding: 8px !important; } .kds-pt-sm-2, .kds-py-sm-2 { padding-top: 8px !important; } .kds-pr-sm-2, .kds-px-sm-2 { padding-right: 8px !important; } .kds-pb-sm-2, .kds-py-sm-2 { padding-bottom: 8px !important; } .kds-pl-sm-2, .kds-px-sm-2 { padding-left: 8px !important; } .kds-p-sm-3 { padding: 12px !important; } .kds-pt-sm-3, .kds-py-sm-3 { padding-top: 12px !important; } .kds-pr-sm-3, .kds-px-sm-3 { padding-right: 12px !important; } .kds-pb-sm-3, .kds-py-sm-3 { padding-bottom: 12px !important; } .kds-pl-sm-3, .kds-px-sm-3 { padding-left: 12px !important; } .kds-p-sm-4 { padding: 16px !important; } .kds-pt-sm-4, .kds-py-sm-4 { padding-top: 16px !important; } .kds-pr-sm-4, .kds-px-sm-4 { padding-right: 16px !important; } .kds-pb-sm-4, .kds-py-sm-4 { padding-bottom: 16px !important; } .kds-pl-sm-4, .kds-px-sm-4 { padding-left: 16px !important; } .kds-p-sm-5 { padding: 20px !important; } .kds-pt-sm-5, .kds-py-sm-5 { padding-top: 20px !important; } .kds-pr-sm-5, .kds-px-sm-5 { padding-right: 20px !important; } .kds-pb-sm-5, .kds-py-sm-5 { padding-bottom: 20px !important; } .kds-pl-sm-5, .kds-px-sm-5 { padding-left: 20px !important; } .kds-p-sm-6 { padding: 24px !important; } .kds-pt-sm-6, .kds-py-sm-6 { padding-top: 24px !important; } .kds-pr-sm-6, .kds-px-sm-6 { padding-right: 24px !important; } .kds-pb-sm-6, .kds-py-sm-6 { padding-bottom: 24px !important; } .kds-pl-sm-6, .kds-px-sm-6 { padding-left: 24px !important; } .kds-p-sm-7 { padding: 28px !important; } .kds-pt-sm-7, .kds-py-sm-7 { padding-top: 28px !important; } .kds-pr-sm-7, .kds-px-sm-7 { padding-right: 28px !important; } .kds-pb-sm-7, .kds-py-sm-7 { padding-bottom: 28px !important; } .kds-pl-sm-7, .kds-px-sm-7 { padding-left: 28px !important; } .kds-p-sm-8 { padding: 32px !important; } .kds-pt-sm-8, .kds-py-sm-8 { padding-top: 32px !important; } .kds-pr-sm-8, .kds-px-sm-8 { padding-right: 32px !important; } .kds-pb-sm-8, .kds-py-sm-8 { padding-bottom: 32px !important; } .kds-pl-sm-8, .kds-px-sm-8 { padding-left: 32px !important; } .kds-p-sm-9 { padding: 36px !important; } .kds-pt-sm-9, .kds-py-sm-9 { padding-top: 36px !important; } .kds-pr-sm-9, .kds-px-sm-9 { padding-right: 36px !important; } .kds-pb-sm-9, .kds-py-sm-9 { padding-bottom: 36px !important; } .kds-pl-sm-9, .kds-px-sm-9 { padding-left: 36px !important; } .kds-p-sm-10 { padding: 40px !important; } .kds-pt-sm-10, .kds-py-sm-10 { padding-top: 40px !important; } .kds-pr-sm-10, .kds-px-sm-10 { padding-right: 40px !important; } .kds-pb-sm-10, .kds-py-sm-10 { padding-bottom: 40px !important; } .kds-pl-sm-10, .kds-px-sm-10 { padding-left: 40px !important; } .kds-m-sm-auto { margin: auto !important; } .kds-mt-sm-auto, .kds-my-sm-auto { margin-top: auto !important; } .kds-mr-sm-auto, .kds-mx-sm-auto { margin-right: auto !important; } .kds-mb-sm-auto, .kds-my-sm-auto { margin-bottom: auto !important; } .kds-ml-sm-auto, .kds-mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .kds-m-md-0 { margin: 0 !important; } .kds-mt-md-0, .kds-my-md-0 { margin-top: 0 !important; } .kds-mr-md-0, .kds-mx-md-0 { margin-right: 0 !important; } .kds-mb-md-0, .kds-my-md-0 { margin-bottom: 0 !important; } .kds-ml-md-0, .kds-mx-md-0 { margin-left: 0 !important; } .kds-m-md-1 { margin: 4px !important; } .kds-mt-md-1, .kds-my-md-1 { margin-top: 4px !important; } .kds-mr-md-1, .kds-mx-md-1 { margin-right: 4px !important; } .kds-mb-md-1, .kds-my-md-1 { margin-bottom: 4px !important; } .kds-ml-md-1, .kds-mx-md-1 { margin-left: 4px !important; } .kds-m-md-2 { margin: 8px !important; } .kds-mt-md-2, .kds-my-md-2 { margin-top: 8px !important; } .kds-mr-md-2, .kds-mx-md-2 { margin-right: 8px !important; } .kds-mb-md-2, .kds-my-md-2 { margin-bottom: 8px !important; } .kds-ml-md-2, .kds-mx-md-2 { margin-left: 8px !important; } .kds-m-md-3 { margin: 12px !important; } .kds-mt-md-3, .kds-my-md-3 { margin-top: 12px !important; } .kds-mr-md-3, .kds-mx-md-3 { margin-right: 12px !important; } .kds-mb-md-3, .kds-my-md-3 { margin-bottom: 12px !important; } .kds-ml-md-3, .kds-mx-md-3 { margin-left: 12px !important; } .kds-m-md-4 { margin: 16px !important; } .kds-mt-md-4, .kds-my-md-4 { margin-top: 16px !important; } .kds-mr-md-4, .kds-mx-md-4 { margin-right: 16px !important; } .kds-mb-md-4, .kds-my-md-4 { margin-bottom: 16px !important; } .kds-ml-md-4, .kds-mx-md-4 { margin-left: 16px !important; } .kds-m-md-5 { margin: 20px !important; } .kds-mt-md-5, .kds-my-md-5 { margin-top: 20px !important; } .kds-mr-md-5, .kds-mx-md-5 { margin-right: 20px !important; } .kds-mb-md-5, .kds-my-md-5 { margin-bottom: 20px !important; } .kds-ml-md-5, .kds-mx-md-5 { margin-left: 20px !important; } .kds-m-md-6 { margin: 24px !important; } .kds-mt-md-6, .kds-my-md-6 { margin-top: 24px !important; } .kds-mr-md-6, .kds-mx-md-6 { margin-right: 24px !important; } .kds-mb-md-6, .kds-my-md-6 { margin-bottom: 24px !important; } .kds-ml-md-6, .kds-mx-md-6 { margin-left: 24px !important; } .kds-m-md-7 { margin: 28px !important; } .kds-mt-md-7, .kds-my-md-7 { margin-top: 28px !important; } .kds-mr-md-7, .kds-mx-md-7 { margin-right: 28px !important; } .kds-mb-md-7, .kds-my-md-7 { margin-bottom: 28px !important; } .kds-ml-md-7, .kds-mx-md-7 { margin-left: 28px !important; } .kds-m-md-8 { margin: 32px !important; } .kds-mt-md-8, .kds-my-md-8 { margin-top: 32px !important; } .kds-mr-md-8, .kds-mx-md-8 { margin-right: 32px !important; } .kds-mb-md-8, .kds-my-md-8 { margin-bottom: 32px !important; } .kds-ml-md-8, .kds-mx-md-8 { margin-left: 32px !important; } .kds-m-md-9 { margin: 36px !important; } .kds-mt-md-9, .kds-my-md-9 { margin-top: 36px !important; } .kds-mr-md-9, .kds-mx-md-9 { margin-right: 36px !important; } .kds-mb-md-9, .kds-my-md-9 { margin-bottom: 36px !important; } .kds-ml-md-9, .kds-mx-md-9 { margin-left: 36px !important; } .kds-m-md-10 { margin: 40px !important; } .kds-mt-md-10, .kds-my-md-10 { margin-top: 40px !important; } .kds-mr-md-10, .kds-mx-md-10 { margin-right: 40px !important; } .kds-mb-md-10, .kds-my-md-10 { margin-bottom: 40px !important; } .kds-ml-md-10, .kds-mx-md-10 { margin-left: 40px !important; } .kds-p-md-0 { padding: 0 !important; } .kds-pt-md-0, .kds-py-md-0 { padding-top: 0 !important; } .kds-pr-md-0, .kds-px-md-0 { padding-right: 0 !important; } .kds-pb-md-0, .kds-py-md-0 { padding-bottom: 0 !important; } .kds-pl-md-0, .kds-px-md-0 { padding-left: 0 !important; } .kds-p-md-1 { padding: 4px !important; } .kds-pt-md-1, .kds-py-md-1 { padding-top: 4px !important; } .kds-pr-md-1, .kds-px-md-1 { padding-right: 4px !important; } .kds-pb-md-1, .kds-py-md-1 { padding-bottom: 4px !important; } .kds-pl-md-1, .kds-px-md-1 { padding-left: 4px !important; } .kds-p-md-2 { padding: 8px !important; } .kds-pt-md-2, .kds-py-md-2 { padding-top: 8px !important; } .kds-pr-md-2, .kds-px-md-2 { padding-right: 8px !important; } .kds-pb-md-2, .kds-py-md-2 { padding-bottom: 8px !important; } .kds-pl-md-2, .kds-px-md-2 { padding-left: 8px !important; } .kds-p-md-3 { padding: 12px !important; } .kds-pt-md-3, .kds-py-md-3 { padding-top: 12px !important; } .kds-pr-md-3, .kds-px-md-3 { padding-right: 12px !important; } .kds-pb-md-3, .kds-py-md-3 { padding-bottom: 12px !important; } .kds-pl-md-3, .kds-px-md-3 { padding-left: 12px !important; } .kds-p-md-4 { padding: 16px !important; } .kds-pt-md-4, .kds-py-md-4 { padding-top: 16px !important; } .kds-pr-md-4, .kds-px-md-4 { padding-right: 16px !important; } .kds-pb-md-4, .kds-py-md-4 { padding-bottom: 16px !important; } .kds-pl-md-4, .kds-px-md-4 { padding-left: 16px !important; } .kds-p-md-5 { padding: 20px !important; } .kds-pt-md-5, .kds-py-md-5 { padding-top: 20px !important; } .kds-pr-md-5, .kds-px-md-5 { padding-right: 20px !important; } .kds-pb-md-5, .kds-py-md-5 { padding-bottom: 20px !important; } .kds-pl-md-5, .kds-px-md-5 { padding-left: 20px !important; } .kds-p-md-6 { padding: 24px !important; } .kds-pt-md-6, .kds-py-md-6 { padding-top: 24px !important; } .kds-pr-md-6, .kds-px-md-6 { padding-right: 24px !important; } .kds-pb-md-6, .kds-py-md-6 { padding-bottom: 24px !important; } .kds-pl-md-6, .kds-px-md-6 { padding-left: 24px !important; } .kds-p-md-7 { padding: 28px !important; } .kds-pt-md-7, .kds-py-md-7 { padding-top: 28px !important; } .kds-pr-md-7, .kds-px-md-7 { padding-right: 28px !important; } .kds-pb-md-7, .kds-py-md-7 { padding-bottom: 28px !important; } .kds-pl-md-7, .kds-px-md-7 { padding-left: 28px !important; } .kds-p-md-8 { padding: 32px !important; } .kds-pt-md-8, .kds-py-md-8 { padding-top: 32px !important; } .kds-pr-md-8, .kds-px-md-8 { padding-right: 32px !important; } .kds-pb-md-8, .kds-py-md-8 { padding-bottom: 32px !important; } .kds-pl-md-8, .kds-px-md-8 { padding-left: 32px !important; } .kds-p-md-9 { padding: 36px !important; } .kds-pt-md-9, .kds-py-md-9 { padding-top: 36px !important; } .kds-pr-md-9, .kds-px-md-9 { padding-right: 36px !important; } .kds-pb-md-9, .kds-py-md-9 { padding-bottom: 36px !important; } .kds-pl-md-9, .kds-px-md-9 { padding-left: 36px !important; } .kds-p-md-10 { padding: 40px !important; } .kds-pt-md-10, .kds-py-md-10 { padding-top: 40px !important; } .kds-pr-md-10, .kds-px-md-10 { padding-right: 40px !important; } .kds-pb-md-10, .kds-py-md-10 { padding-bottom: 40px !important; } .kds-pl-md-10, .kds-px-md-10 { padding-left: 40px !important; } .kds-m-md-auto { margin: auto !important; } .kds-mt-md-auto, .kds-my-md-auto { margin-top: auto !important; } .kds-mr-md-auto, .kds-mx-md-auto { margin-right: auto !important; } .kds-mb-md-auto, .kds-my-md-auto { margin-bottom: auto !important; } .kds-ml-md-auto, .kds-mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .kds-m-lg-0 { margin: 0 !important; } .kds-mt-lg-0, .kds-my-lg-0 { margin-top: 0 !important; } .kds-mr-lg-0, .kds-mx-lg-0 { margin-right: 0 !important; } .kds-mb-lg-0, .kds-my-lg-0 { margin-bottom: 0 !important; } .kds-ml-lg-0, .kds-mx-lg-0 { margin-left: 0 !important; } .kds-m-lg-1 { margin: 4px !important; } .kds-mt-lg-1, .kds-my-lg-1 { margin-top: 4px !important; } .kds-mr-lg-1, .kds-mx-lg-1 { margin-right: 4px !important; } .kds-mb-lg-1, .kds-my-lg-1 { margin-bottom: 4px !important; } .kds-ml-lg-1, .kds-mx-lg-1 { margin-left: 4px !important; } .kds-m-lg-2 { margin: 8px !important; } .kds-mt-lg-2, .kds-my-lg-2 { margin-top: 8px !important; } .kds-mr-lg-2, .kds-mx-lg-2 { margin-right: 8px !important; } .kds-mb-lg-2, .kds-my-lg-2 { margin-bottom: 8px !important; } .kds-ml-lg-2, .kds-mx-lg-2 { margin-left: 8px !important; } .kds-m-lg-3 { margin: 12px !important; } .kds-mt-lg-3, .kds-my-lg-3 { margin-top: 12px !important; } .kds-mr-lg-3, .kds-mx-lg-3 { margin-right: 12px !important; } .kds-mb-lg-3, .kds-my-lg-3 { margin-bottom: 12px !important; } .kds-ml-lg-3, .kds-mx-lg-3 { margin-left: 12px !important; } .kds-m-lg-4 { margin: 16px !important; } .kds-mt-lg-4, .kds-my-lg-4 { margin-top: 16px !important; } .kds-mr-lg-4, .kds-mx-lg-4 { margin-right: 16px !important; } .kds-mb-lg-4, .kds-my-lg-4 { margin-bottom: 16px !important; } .kds-ml-lg-4, .kds-mx-lg-4 { margin-left: 16px !important; } .kds-m-lg-5 { margin: 20px !important; } .kds-mt-lg-5, .kds-my-lg-5 { margin-top: 20px !important; } .kds-mr-lg-5, .kds-mx-lg-5 { margin-right: 20px !important; } .kds-mb-lg-5, .kds-my-lg-5 { margin-bottom: 20px !important; } .kds-ml-lg-5, .kds-mx-lg-5 { margin-left: 20px !important; } .kds-m-lg-6 { margin: 24px !important; } .kds-mt-lg-6, .kds-my-lg-6 { margin-top: 24px !important; } .kds-mr-lg-6, .kds-mx-lg-6 { margin-right: 24px !important; } .kds-mb-lg-6, .kds-my-lg-6 { margin-bottom: 24px !important; } .kds-ml-lg-6, .kds-mx-lg-6 { margin-left: 24px !important; } .kds-m-lg-7 { margin: 28px !important; } .kds-mt-lg-7, .kds-my-lg-7 { margin-top: 28px !important; } .kds-mr-lg-7, .kds-mx-lg-7 { margin-right: 28px !important; } .kds-mb-lg-7, .kds-my-lg-7 { margin-bottom: 28px !important; } .kds-ml-lg-7, .kds-mx-lg-7 { margin-left: 28px !important; } .kds-m-lg-8 { margin: 32px !important; } .kds-mt-lg-8, .kds-my-lg-8 { margin-top: 32px !important; } .kds-mr-lg-8, .kds-mx-lg-8 { margin-right: 32px !important; } .kds-mb-lg-8, .kds-my-lg-8 { margin-bottom: 32px !important; } .kds-ml-lg-8, .kds-mx-lg-8 { margin-left: 32px !important; } .kds-m-lg-9 { margin: 36px !important; } .kds-mt-lg-9, .kds-my-lg-9 { margin-top: 36px !important; } .kds-mr-lg-9, .kds-mx-lg-9 { margin-right: 36px !important; } .kds-mb-lg-9, .kds-my-lg-9 { margin-bottom: 36px !important; } .kds-ml-lg-9, .kds-mx-lg-9 { margin-left: 36px !important; } .kds-m-lg-10 { margin: 40px !important; } .kds-mt-lg-10, .kds-my-lg-10 { margin-top: 40px !important; } .kds-mr-lg-10, .kds-mx-lg-10 { margin-right: 40px !important; } .kds-mb-lg-10, .kds-my-lg-10 { margin-bottom: 40px !important; } .kds-ml-lg-10, .kds-mx-lg-10 { margin-left: 40px !important; } .kds-p-lg-0 { padding: 0 !important; } .kds-pt-lg-0, .kds-py-lg-0 { padding-top: 0 !important; } .kds-pr-lg-0, .kds-px-lg-0 { padding-right: 0 !important; } .kds-pb-lg-0, .kds-py-lg-0 { padding-bottom: 0 !important; } .kds-pl-lg-0, .kds-px-lg-0 { padding-left: 0 !important; } .kds-p-lg-1 { padding: 4px !important; } .kds-pt-lg-1, .kds-py-lg-1 { padding-top: 4px !important; } .kds-pr-lg-1, .kds-px-lg-1 { padding-right: 4px !important; } .kds-pb-lg-1, .kds-py-lg-1 { padding-bottom: 4px !important; } .kds-pl-lg-1, .kds-px-lg-1 { padding-left: 4px !important; } .kds-p-lg-2 { padding: 8px !important; } .kds-pt-lg-2, .kds-py-lg-2 { padding-top: 8px !important; } .kds-pr-lg-2, .kds-px-lg-2 { padding-right: 8px !important; } .kds-pb-lg-2, .kds-py-lg-2 { padding-bottom: 8px !important; } .kds-pl-lg-2, .kds-px-lg-2 { padding-left: 8px !important; } .kds-p-lg-3 { padding: 12px !important; } .kds-pt-lg-3, .kds-py-lg-3 { padding-top: 12px !important; } .kds-pr-lg-3, .kds-px-lg-3 { padding-right: 12px !important; } .kds-pb-lg-3, .kds-py-lg-3 { padding-bottom: 12px !important; } .kds-pl-lg-3, .kds-px-lg-3 { padding-left: 12px !important; } .kds-p-lg-4 { padding: 16px !important; } .kds-pt-lg-4, .kds-py-lg-4 { padding-top: 16px !important; } .kds-pr-lg-4, .kds-px-lg-4 { padding-right: 16px !important; } .kds-pb-lg-4, .kds-py-lg-4 { padding-bottom: 16px !important; } .kds-pl-lg-4, .kds-px-lg-4 { padding-left: 16px !important; } .kds-p-lg-5 { padding: 20px !important; } .kds-pt-lg-5, .kds-py-lg-5 { padding-top: 20px !important; } .kds-pr-lg-5, .kds-px-lg-5 { padding-right: 20px !important; } .kds-pb-lg-5, .kds-py-lg-5 { padding-bottom: 20px !important; } .kds-pl-lg-5, .kds-px-lg-5 { padding-left: 20px !important; } .kds-p-lg-6 { padding: 24px !important; } .kds-pt-lg-6, .kds-py-lg-6 { padding-top: 24px !important; } .kds-pr-lg-6, .kds-px-lg-6 { padding-right: 24px !important; } .kds-pb-lg-6, .kds-py-lg-6 { padding-bottom: 24px !important; } .kds-pl-lg-6, .kds-px-lg-6 { padding-left: 24px !important; } .kds-p-lg-7 { padding: 28px !important; } .kds-pt-lg-7, .kds-py-lg-7 { padding-top: 28px !important; } .kds-pr-lg-7, .kds-px-lg-7 { padding-right: 28px !important; } .kds-pb-lg-7, .kds-py-lg-7 { padding-bottom: 28px !important; } .kds-pl-lg-7, .kds-px-lg-7 { padding-left: 28px !important; } .kds-p-lg-8 { padding: 32px !important; } .kds-pt-lg-8, .kds-py-lg-8 { padding-top: 32px !important; } .kds-pr-lg-8, .kds-px-lg-8 { padding-right: 32px !important; } .kds-pb-lg-8, .kds-py-lg-8 { padding-bottom: 32px !important; } .kds-pl-lg-8, .kds-px-lg-8 { padding-left: 32px !important; } .kds-p-lg-9 { padding: 36px !important; } .kds-pt-lg-9, .kds-py-lg-9 { padding-top: 36px !important; } .kds-pr-lg-9, .kds-px-lg-9 { padding-right: 36px !important; } .kds-pb-lg-9, .kds-py-lg-9 { padding-bottom: 36px !important; } .kds-pl-lg-9, .kds-px-lg-9 { padding-left: 36px !important; } .kds-p-lg-10 { padding: 40px !important; } .kds-pt-lg-10, .kds-py-lg-10 { padding-top: 40px !important; } .kds-pr-lg-10, .kds-px-lg-10 { padding-right: 40px !important; } .kds-pb-lg-10, .kds-py-lg-10 { padding-bottom: 40px !important; } .kds-pl-lg-10, .kds-px-lg-10 { padding-left: 40px !important; } .kds-m-lg-auto { margin: auto !important; } .kds-mt-lg-auto, .kds-my-lg-auto { margin-top: auto !important; } .kds-mr-lg-auto, .kds-mx-lg-auto { margin-right: auto !important; } .kds-mb-lg-auto, .kds-my-lg-auto { margin-bottom: auto !important; } .kds-ml-lg-auto, .kds-mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .kds-m-xl-0 { margin: 0 !important; } .kds-mt-xl-0, .kds-my-xl-0 { margin-top: 0 !important; } .kds-mr-xl-0, .kds-mx-xl-0 { margin-right: 0 !important; } .kds-mb-xl-0, .kds-my-xl-0 { margin-bottom: 0 !important; } .kds-ml-xl-0, .kds-mx-xl-0 { margin-left: 0 !important; } .kds-m-xl-1 { margin: 4px !important; } .kds-mt-xl-1, .kds-my-xl-1 { margin-top: 4px !important; } .kds-mr-xl-1, .kds-mx-xl-1 { margin-right: 4px !important; } .kds-mb-xl-1, .kds-my-xl-1 { margin-bottom: 4px !important; } .kds-ml-xl-1, .kds-mx-xl-1 { margin-left: 4px !important; } .kds-m-xl-2 { margin: 8px !important; } .kds-mt-xl-2, .kds-my-xl-2 { margin-top: 8px !important; } .kds-mr-xl-2, .kds-mx-xl-2 { margin-right: 8px !important; } .kds-mb-xl-2, .kds-my-xl-2 { margin-bottom: 8px !important; } .kds-ml-xl-2, .kds-mx-xl-2 { margin-left: 8px !important; } .kds-m-xl-3 { margin: 12px !important; } .kds-mt-xl-3, .kds-my-xl-3 { margin-top: 12px !important; } .kds-mr-xl-3, .kds-mx-xl-3 { margin-right: 12px !important; } .kds-mb-xl-3, .kds-my-xl-3 { margin-bottom: 12px !important; } .kds-ml-xl-3, .kds-mx-xl-3 { margin-left: 12px !important; } .kds-m-xl-4 { margin: 16px !important; } .kds-mt-xl-4, .kds-my-xl-4 { margin-top: 16px !important; } .kds-mr-xl-4, .kds-mx-xl-4 { margin-right: 16px !important; } .kds-mb-xl-4, .kds-my-xl-4 { margin-bottom: 16px !important; } .kds-ml-xl-4, .kds-mx-xl-4 { margin-left: 16px !important; } .kds-m-xl-5 { margin: 20px !important; } .kds-mt-xl-5, .kds-my-xl-5 { margin-top: 20px !important; } .kds-mr-xl-5, .kds-mx-xl-5 { margin-right: 20px !important; } .kds-mb-xl-5, .kds-my-xl-5 { margin-bottom: 20px !important; } .kds-ml-xl-5, .kds-mx-xl-5 { margin-left: 20px !important; } .kds-m-xl-6 { margin: 24px !important; } .kds-mt-xl-6, .kds-my-xl-6 { margin-top: 24px !important; } .kds-mr-xl-6, .kds-mx-xl-6 { margin-right: 24px !important; } .kds-mb-xl-6, .kds-my-xl-6 { margin-bottom: 24px !important; } .kds-ml-xl-6, .kds-mx-xl-6 { margin-left: 24px !important; } .kds-m-xl-7 { margin: 28px !important; } .kds-mt-xl-7, .kds-my-xl-7 { margin-top: 28px !important; } .kds-mr-xl-7, .kds-mx-xl-7 { margin-right: 28px !important; } .kds-mb-xl-7, .kds-my-xl-7 { margin-bottom: 28px !important; } .kds-ml-xl-7, .kds-mx-xl-7 { margin-left: 28px !important; } .kds-m-xl-8 { margin: 32px !important; } .kds-mt-xl-8, .kds-my-xl-8 { margin-top: 32px !important; } .kds-mr-xl-8, .kds-mx-xl-8 { margin-right: 32px !important; } .kds-mb-xl-8, .kds-my-xl-8 { margin-bottom: 32px !important; } .kds-ml-xl-8, .kds-mx-xl-8 { margin-left: 32px !important; } .kds-m-xl-9 { margin: 36px !important; } .kds-mt-xl-9, .kds-my-xl-9 { margin-top: 36px !important; } .kds-mr-xl-9, .kds-mx-xl-9 { margin-right: 36px !important; } .kds-mb-xl-9, .kds-my-xl-9 { margin-bottom: 36px !important; } .kds-ml-xl-9, .kds-mx-xl-9 { margin-left: 36px !important; } .kds-m-xl-10 { margin: 40px !important; } .kds-mt-xl-10, .kds-my-xl-10 { margin-top: 40px !important; } .kds-mr-xl-10, .kds-mx-xl-10 { margin-right: 40px !important; } .kds-mb-xl-10, .kds-my-xl-10 { margin-bottom: 40px !important; } .kds-ml-xl-10, .kds-mx-xl-10 { margin-left: 40px !important; } .kds-p-xl-0 { padding: 0 !important; } .kds-pt-xl-0, .kds-py-xl-0 { padding-top: 0 !important; } .kds-pr-xl-0, .kds-px-xl-0 { padding-right: 0 !important; } .kds-pb-xl-0, .kds-py-xl-0 { padding-bottom: 0 !important; } .kds-pl-xl-0, .kds-px-xl-0 { padding-left: 0 !important; } .kds-p-xl-1 { padding: 4px !important; } .kds-pt-xl-1, .kds-py-xl-1 { padding-top: 4px !important; } .kds-pr-xl-1, .kds-px-xl-1 { padding-right: 4px !important; } .kds-pb-xl-1, .kds-py-xl-1 { padding-bottom: 4px !important; } .kds-pl-xl-1, .kds-px-xl-1 { padding-left: 4px !important; } .kds-p-xl-2 { padding: 8px !important; } .kds-pt-xl-2, .kds-py-xl-2 { padding-top: 8px !important; } .kds-pr-xl-2, .kds-px-xl-2 { padding-right: 8px !important; } .kds-pb-xl-2, .kds-py-xl-2 { padding-bottom: 8px !important; } .kds-pl-xl-2, .kds-px-xl-2 { padding-left: 8px !important; } .kds-p-xl-3 { padding: 12px !important; } .kds-pt-xl-3, .kds-py-xl-3 { padding-top: 12px !important; } .kds-pr-xl-3, .kds-px-xl-3 { padding-right: 12px !important; } .kds-pb-xl-3, .kds-py-xl-3 { padding-bottom: 12px !important; } .kds-pl-xl-3, .kds-px-xl-3 { padding-left: 12px !important; } .kds-p-xl-4 { padding: 16px !important; } .kds-pt-xl-4, .kds-py-xl-4 { padding-top: 16px !important; } .kds-pr-xl-4, .kds-px-xl-4 { padding-right: 16px !important; } .kds-pb-xl-4, .kds-py-xl-4 { padding-bottom: 16px !important; } .kds-pl-xl-4, .kds-px-xl-4 { padding-left: 16px !important; } .kds-p-xl-5 { padding: 20px !important; } .kds-pt-xl-5, .kds-py-xl-5 { padding-top: 20px !important; } .kds-pr-xl-5, .kds-px-xl-5 { padding-right: 20px !important; } .kds-pb-xl-5, .kds-py-xl-5 { padding-bottom: 20px !important; } .kds-pl-xl-5, .kds-px-xl-5 { padding-left: 20px !important; } .kds-p-xl-6 { padding: 24px !important; } .kds-pt-xl-6, .kds-py-xl-6 { padding-top: 24px !important; } .kds-pr-xl-6, .kds-px-xl-6 { padding-right: 24px !important; } .kds-pb-xl-6, .kds-py-xl-6 { padding-bottom: 24px !important; } .kds-pl-xl-6, .kds-px-xl-6 { padding-left: 24px !important; } .kds-p-xl-7 { padding: 28px !important; } .kds-pt-xl-7, .kds-py-xl-7 { padding-top: 28px !important; } .kds-pr-xl-7, .kds-px-xl-7 { padding-right: 28px !important; } .kds-pb-xl-7, .kds-py-xl-7 { padding-bottom: 28px !important; } .kds-pl-xl-7, .kds-px-xl-7 { padding-left: 28px !important; } .kds-p-xl-8 { padding: 32px !important; } .kds-pt-xl-8, .kds-py-xl-8 { padding-top: 32px !important; } .kds-pr-xl-8, .kds-px-xl-8 { padding-right: 32px !important; } .kds-pb-xl-8, .kds-py-xl-8 { padding-bottom: 32px !important; } .kds-pl-xl-8, .kds-px-xl-8 { padding-left: 32px !important; } .kds-p-xl-9 { padding: 36px !important; } .kds-pt-xl-9, .kds-py-xl-9 { padding-top: 36px !important; } .kds-pr-xl-9, .kds-px-xl-9 { padding-right: 36px !important; } .kds-pb-xl-9, .kds-py-xl-9 { padding-bottom: 36px !important; } .kds-pl-xl-9, .kds-px-xl-9 { padding-left: 36px !important; } .kds-p-xl-10 { padding: 40px !important; } .kds-pt-xl-10, .kds-py-xl-10 { padding-top: 40px !important; } .kds-pr-xl-10, .kds-px-xl-10 { padding-right: 40px !important; } .kds-pb-xl-10, .kds-py-xl-10 { padding-bottom: 40px !important; } .kds-pl-xl-10, .kds-px-xl-10 { padding-left: 40px !important; } .kds-m-xl-auto { margin: auto !important; } .kds-mt-xl-auto, .kds-my-xl-auto { margin-top: auto !important; } .kds-mr-xl-auto, .kds-mx-xl-auto { margin-right: auto !important; } .kds-mb-xl-auto, .kds-my-xl-auto { margin-bottom: auto !important; } .kds-ml-xl-auto, .kds-mx-xl-auto { margin-left: auto !important; } } /* Used for Clay custom styles, i.e. styles for a third party Bootstrap theme. Anything written in this file is compiled in the same scope as Bootstrap/Lexicon, so you can use their variables, mixins, etc. You can also implement any of the variables you define in _clay_variables.scss */ /* ----------------------------------------------------------- RESPONSIVE TYPOGRAPHY ----------------------------------------------------------- */ /* imports */ /* Kadaster-bootstrap */ /*! * Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */ .fa, .fas, .far, .fal, .kadaster .blockquote-content:before, .kadaster .blockquote-content:after, .fad, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } .fa-lg { font-size: 1.3333333333em; line-height: 0.75em; vertical-align: -0.0667em; } .fa-xs { font-size: 0.75em; } .fa-sm { font-size: 0.875em; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; } .fa-border { border: solid 0.08em #eee; border-radius: 0.1em; padding: 0.2em 0.25em 0.15em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .kadaster .fa-pull-left.blockquote-content:before, .kadaster .fa-pull-left.blockquote-content:after, .fab.fa-pull-left { margin-right: 0.3em; } .fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .kadaster .fa-pull-right.blockquote-content:before, .kadaster .fa-pull-right.blockquote-content:after, .fab.fa-pull-right { margin-left: 0.3em; } .fa-spin { animation: fa-spin 2s infinite linear; } .fa-pulse { animation: fa-spin 1s infinite steps(8); } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); } .fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); } .fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); } .fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scale(-1, 1); } .fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(-1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { filter: none; } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-500px:before { content: "\f26e"; } .fa-abacus:before { content: "\f640"; } .fa-accessible-icon:before { content: "\f368"; } .fa-accusoft:before { content: "\f369"; } .fa-acorn:before { content: "\f6ae"; } .fa-acquisitions-incorporated:before { content: "\f6af"; } .fa-ad:before { content: "\f641"; } .fa-address-book:before { content: "\f2b9"; } .fa-address-card:before { content: "\f2bb"; } .fa-adjust:before { content: "\f042"; } .fa-adn:before { content: "\f170"; } .fa-adversal:before { content: "\f36a"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-air-conditioner:before { content: "\f8f4"; } .fa-air-freshener:before { content: "\f5d0"; } .fa-airbnb:before { content: "\f834"; } .fa-alarm-clock:before { content: "\f34e"; } .fa-alarm-exclamation:before { content: "\f843"; } .fa-alarm-plus:before { content: "\f844"; } .fa-alarm-snooze:before { content: "\f845"; } .fa-album:before { content: "\f89f"; } .fa-album-collection:before { content: "\f8a0"; } .fa-algolia:before { content: "\f36c"; } .fa-alicorn:before { content: "\f6b0"; } .fa-alien:before { content: "\f8f5"; } .fa-alien-monster:before { content: "\f8f6"; } .fa-align-center:before { content: "\f037"; } .fa-align-justify:before { content: "\f039"; } .fa-align-left:before { content: "\f036"; } .fa-align-right:before { content: "\f038"; } .fa-align-slash:before { content: "\f846"; } .fa-alipay:before { content: "\f642"; } .fa-allergies:before { content: "\f461"; } .fa-amazon:before { content: "\f270"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-ambulance:before { content: "\f0f9"; } .fa-american-sign-language-interpreting:before { content: "\f2a3"; } .fa-amilia:before { content: "\f36d"; } .fa-amp-guitar:before { content: "\f8a1"; } .fa-analytics:before { content: "\f643"; } .fa-anchor:before { content: "\f13d"; } .fa-android:before { content: "\f17b"; } .fa-angel:before { content: "\f779"; } .fa-angellist:before { content: "\f209"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-down:before { content: "\f107"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angry:before { content: "\f556"; } .fa-angrycreative:before { content: "\f36e"; } .fa-angular:before { content: "\f420"; } .fa-ankh:before { content: "\f644"; } .fa-app-store:before { content: "\f36f"; } .fa-app-store-ios:before { content: "\f370"; } .fa-apper:before { content: "\f371"; } .fa-apple:before { content: "\f179"; } .fa-apple-alt:before { content: "\f5d1"; } .fa-apple-crate:before { content: "\f6b1"; } .fa-apple-pay:before { content: "\f415"; } .fa-archive:before { content: "\f187"; } .fa-archway:before { content: "\f557"; } .fa-arrow-alt-circle-down:before { content: "\f358"; } .fa-arrow-alt-circle-left:before { content: "\f359"; } .fa-arrow-alt-circle-right:before { content: "\f35a"; } .fa-arrow-alt-circle-up:before { content: "\f35b"; } .fa-arrow-alt-down:before { content: "\f354"; } .fa-arrow-alt-from-bottom:before { content: "\f346"; } .fa-arrow-alt-from-left:before { content: "\f347"; } .fa-arrow-alt-from-right:before { content: "\f348"; } .fa-arrow-alt-from-top:before { content: "\f349"; } .fa-arrow-alt-left:before { content: "\f355"; } .fa-arrow-alt-right:before { content: "\f356"; } .fa-arrow-alt-square-down:before { content: "\f350"; } .fa-arrow-alt-square-left:before { content: "\f351"; } .fa-arrow-alt-square-right:before { content: "\f352"; } .fa-arrow-alt-square-up:before { content: "\f353"; } .fa-arrow-alt-to-bottom:before { content: "\f34a"; } .fa-arrow-alt-to-left:before { content: "\f34b"; } .fa-arrow-alt-to-right:before { content: "\f34c"; } .fa-arrow-alt-to-top:before { content: "\f34d"; } .fa-arrow-alt-up:before { content: "\f357"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-down:before { content: "\f063"; } .fa-arrow-from-bottom:before { content: "\f342"; } .fa-arrow-from-left:before { content: "\f343"; } .fa-arrow-from-right:before { content: "\f344"; } .fa-arrow-from-top:before { content: "\f345"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-square-down:before { content: "\f339"; } .fa-arrow-square-left:before { content: "\f33a"; } .fa-arrow-square-right:before { content: "\f33b"; } .fa-arrow-square-up:before { content: "\f33c"; } .fa-arrow-to-bottom:before { content: "\f33d"; } .fa-arrow-to-left:before { content: "\f33e"; } .fa-arrow-to-right:before { content: "\f340"; } .fa-arrow-to-top:before { content: "\f341"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrows:before { content: "\f047"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-arrows-alt-h:before { content: "\f337"; } .fa-arrows-alt-v:before { content: "\f338"; } .fa-arrows-h:before { content: "\f07e"; } .fa-arrows-v:before { content: "\f07d"; } .fa-artstation:before { content: "\f77a"; } .fa-assistive-listening-systems:before { content: "\f2a2"; } .fa-asterisk:before { content: "\f069"; } .fa-asymmetrik:before { content: "\f372"; } .fa-at:before { content: "\f1fa"; } .fa-atlas:before { content: "\f558"; } .fa-atlassian:before { content: "\f77b"; } .fa-atom:before { content: "\f5d2"; } .fa-atom-alt:before { content: "\f5d3"; } .fa-audible:before { content: "\f373"; } .fa-audio-description:before { content: "\f29e"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-avianex:before { content: "\f374"; } .fa-aviato:before { content: "\f421"; } .fa-award:before { content: "\f559"; } .fa-aws:before { content: "\f375"; } .fa-axe:before { content: "\f6b2"; } .fa-axe-battle:before { content: "\f6b3"; } .fa-baby:before { content: "\f77c"; } .fa-baby-carriage:before { content: "\f77d"; } .fa-backpack:before { content: "\f5d4"; } .fa-backspace:before { content: "\f55a"; } .fa-backward:before { content: "\f04a"; } .fa-bacon:before { content: "\f7e5"; } .fa-bacteria:before { content: "\e059"; } .fa-bacterium:before { content: "\e05a"; } .fa-badge:before { content: "\f335"; } .fa-badge-check:before { content: "\f336"; } .fa-badge-dollar:before { content: "\f645"; } .fa-badge-percent:before { content: "\f646"; } .fa-badge-sheriff:before { content: "\f8a2"; } .fa-badger-honey:before { content: "\f6b4"; } .fa-bags-shopping:before { content: "\f847"; } .fa-bahai:before { content: "\f666"; } .fa-balance-scale:before { content: "\f24e"; } .fa-balance-scale-left:before { content: "\f515"; } .fa-balance-scale-right:before { content: "\f516"; } .fa-ball-pile:before { content: "\f77e"; } .fa-ballot:before { content: "\f732"; } .fa-ballot-check:before { content: "\f733"; } .fa-ban:before { content: "\f05e"; } .fa-band-aid:before { content: "\f462"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-banjo:before { content: "\f8a3"; } .fa-barcode:before { content: "\f02a"; } .fa-barcode-alt:before { content: "\f463"; } .fa-barcode-read:before { content: "\f464"; } .fa-barcode-scan:before { content: "\f465"; } .fa-bars:before { content: "\f0c9"; } .fa-baseball:before { content: "\f432"; } .fa-baseball-ball:before { content: "\f433"; } .fa-basketball-ball:before { content: "\f434"; } .fa-basketball-hoop:before { content: "\f435"; } .fa-bat:before { content: "\f6b5"; } .fa-bath:before { content: "\f2cd"; } .fa-battery-bolt:before { content: "\f376"; } .fa-battery-empty:before { content: "\f244"; } .fa-battery-full:before { content: "\f240"; } .fa-battery-half:before { content: "\f242"; } .fa-battery-quarter:before { content: "\f243"; } .fa-battery-slash:before { content: "\f377"; } .fa-battery-three-quarters:before { content: "\f241"; } .fa-battle-net:before { content: "\f835"; } .fa-bed:before { content: "\f236"; } .fa-bed-alt:before { content: "\f8f7"; } .fa-bed-bunk:before { content: "\f8f8"; } .fa-bed-empty:before { content: "\f8f9"; } .fa-beer:before { content: "\f0fc"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-bell:before { content: "\f0f3"; } .fa-bell-exclamation:before { content: "\f848"; } .fa-bell-on:before { content: "\f8fa"; } .fa-bell-plus:before { content: "\f849"; } .fa-bell-school:before { content: "\f5d5"; } .fa-bell-school-slash:before { content: "\f5d6"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bells:before { content: "\f77f"; } .fa-betamax:before { content: "\f8a4"; } .fa-bezier-curve:before { content: "\f55b"; } .fa-bible:before { content: "\f647"; } .fa-bicycle:before { content: "\f206"; } .fa-biking:before { content: "\f84a"; } .fa-biking-mountain:before { content: "\f84b"; } .fa-bimobject:before { content: "\f378"; } .fa-binoculars:before { content: "\f1e5"; } .fa-biohazard:before { content: "\f780"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitcoin:before { content: "\f379"; } .fa-bity:before { content: "\f37a"; } .fa-black-tie:before { content: "\f27e"; } .fa-blackberry:before { content: "\f37b"; } .fa-blanket:before { content: "\f498"; } .fa-blender:before { content: "\f517"; } .fa-blender-phone:before { content: "\f6b6"; } .fa-blind:before { content: "\f29d"; } .fa-blinds:before { content: "\f8fb"; } .fa-blinds-open:before { content: "\f8fc"; } .fa-blinds-raised:before { content: "\f8fd"; } .fa-blog:before { content: "\f781"; } .fa-blogger:before { content: "\f37c"; } .fa-blogger-b:before { content: "\f37d"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-bold:before { content: "\f032"; } .fa-bolt:before { content: "\f0e7"; } .fa-bomb:before { content: "\f1e2"; } .fa-bone:before { content: "\f5d7"; } .fa-bone-break:before { content: "\f5d8"; } .fa-bong:before { content: "\f55c"; } .fa-book:before { content: "\f02d"; } .fa-book-alt:before { content: "\f5d9"; } .fa-book-dead:before { content: "\f6b7"; } .fa-book-heart:before { content: "\f499"; } .fa-book-medical:before { content: "\f7e6"; } .fa-book-open:before { content: "\f518"; } .fa-book-reader:before { content: "\f5da"; } .fa-book-spells:before { content: "\f6b8"; } .fa-book-user:before { content: "\f7e7"; } .fa-bookmark:before { content: "\f02e"; } .fa-books:before { content: "\f5db"; } .fa-books-medical:before { content: "\f7e8"; } .fa-boombox:before { content: "\f8a5"; } .fa-boot:before { content: "\f782"; } .fa-booth-curtain:before { content: "\f734"; } .fa-bootstrap:before { content: "\f836"; } .fa-border-all:before { content: "\f84c"; } .fa-border-bottom:before { content: "\f84d"; } .fa-border-center-h:before { content: "\f89c"; } .fa-border-center-v:before { content: "\f89d"; } .fa-border-inner:before { content: "\f84e"; } .fa-border-left:before { content: "\f84f"; } .fa-border-none:before { content: "\f850"; } .fa-border-outer:before { content: "\f851"; } .fa-border-right:before { content: "\f852"; } .fa-border-style:before { content: "\f853"; } .fa-border-style-alt:before { content: "\f854"; } .fa-border-top:before { content: "\f855"; } .fa-bow-arrow:before { content: "\f6b9"; } .fa-bowling-ball:before { content: "\f436"; } .fa-bowling-pins:before { content: "\f437"; } .fa-box:before { content: "\f466"; } .fa-box-alt:before { content: "\f49a"; } .fa-box-ballot:before { content: "\f735"; } .fa-box-check:before { content: "\f467"; } .fa-box-fragile:before { content: "\f49b"; } .fa-box-full:before { content: "\f49c"; } .fa-box-heart:before { content: "\f49d"; } .fa-box-open:before { content: "\f49e"; } .fa-box-tissue:before { content: "\e05b"; } .fa-box-up:before { content: "\f49f"; } .fa-box-usd:before { content: "\f4a0"; } .fa-boxes:before { content: "\f468"; } .fa-boxes-alt:before { content: "\f4a1"; } .fa-boxing-glove:before { content: "\f438"; } .fa-brackets:before { content: "\f7e9"; } .fa-brackets-curly:before { content: "\f7ea"; } .fa-braille:before { content: "\f2a1"; } .fa-brain:before { content: "\f5dc"; } .fa-bread-loaf:before { content: "\f7eb"; } .fa-bread-slice:before { content: "\f7ec"; } .fa-briefcase:before { content: "\f0b1"; } .fa-briefcase-medical:before { content: "\f469"; } .fa-bring-forward:before { content: "\f856"; } .fa-bring-front:before { content: "\f857"; } .fa-broadcast-tower:before { content: "\f519"; } .fa-broom:before { content: "\f51a"; } .fa-browser:before { content: "\f37e"; } .fa-brush:before { content: "\f55d"; } .fa-btc:before { content: "\f15a"; } .fa-buffer:before { content: "\f837"; } .fa-bug:before { content: "\f188"; } .fa-building:before { content: "\f1ad"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bullseye:before { content: "\f140"; } .fa-bullseye-arrow:before { content: "\f648"; } .fa-bullseye-pointer:before { content: "\f649"; } .fa-burger-soda:before { content: "\f858"; } .fa-burn:before { content: "\f46a"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-burrito:before { content: "\f7ed"; } .fa-bus:before { content: "\f207"; } .fa-bus-alt:before { content: "\f55e"; } .fa-bus-school:before { content: "\f5dd"; } .fa-business-time:before { content: "\f64a"; } .fa-buy-n-large:before { content: "\f8a6"; } .fa-buysellads:before { content: "\f20d"; } .fa-cabinet-filing:before { content: "\f64b"; } .fa-cactus:before { content: "\f8a7"; } .fa-calculator:before { content: "\f1ec"; } .fa-calculator-alt:before { content: "\f64c"; } .fa-calendar:before { content: "\f133"; } .fa-calendar-alt:before { content: "\f073"; } .fa-calendar-check:before { content: "\f274"; } .fa-calendar-day:before { content: "\f783"; } .fa-calendar-edit:before { content: "\f333"; } .fa-calendar-exclamation:before { content: "\f334"; } .fa-calendar-minus:before { content: "\f272"; } .fa-calendar-plus:before { content: "\f271"; } .fa-calendar-star:before { content: "\f736"; } .fa-calendar-times:before { content: "\f273"; } .fa-calendar-week:before { content: "\f784"; } .fa-camcorder:before { content: "\f8a8"; } .fa-camera:before { content: "\f030"; } .fa-camera-alt:before { content: "\f332"; } .fa-camera-home:before { content: "\f8fe"; } .fa-camera-movie:before { content: "\f8a9"; } .fa-camera-polaroid:before { content: "\f8aa"; } .fa-camera-retro:before { content: "\f083"; } .fa-campfire:before { content: "\f6ba"; } .fa-campground:before { content: "\f6bb"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-candle-holder:before { content: "\f6bc"; } .fa-candy-cane:before { content: "\f786"; } .fa-candy-corn:before { content: "\f6bd"; } .fa-cannabis:before { content: "\f55f"; } .fa-capsules:before { content: "\f46b"; } .fa-car:before { content: "\f1b9"; } .fa-car-alt:before { content: "\f5de"; } .fa-car-battery:before { content: "\f5df"; } .fa-car-building:before { content: "\f859"; } .fa-car-bump:before { content: "\f5e0"; } .fa-car-bus:before { content: "\f85a"; } .fa-car-crash:before { content: "\f5e1"; } .fa-car-garage:before { content: "\f5e2"; } .fa-car-mechanic:before { content: "\f5e3"; } .fa-car-side:before { content: "\f5e4"; } .fa-car-tilt:before { content: "\f5e5"; } .fa-car-wash:before { content: "\f5e6"; } .fa-caravan:before { content: "\f8ff"; } .fa-caravan-alt:before { content: "\e000"; } .fa-caret-circle-down:before { content: "\f32d"; } .fa-caret-circle-left:before { content: "\f32e"; } .fa-caret-circle-right:before { content: "\f330"; } .fa-caret-circle-up:before { content: "\f331"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-caret-square-down:before { content: "\f150"; } .fa-caret-square-left:before { content: "\f191"; } .fa-caret-square-right:before { content: "\f152"; } .fa-caret-square-up:before { content: "\f151"; } .fa-caret-up:before { content: "\f0d8"; } .fa-carrot:before { content: "\f787"; } .fa-cars:before { content: "\f85b"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-cart-plus:before { content: "\f217"; } .fa-cash-register:before { content: "\f788"; } .fa-cassette-tape:before { content: "\f8ab"; } .fa-cat:before { content: "\f6be"; } .fa-cat-space:before { content: "\e001"; } .fa-cauldron:before { content: "\f6bf"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cctv:before { content: "\f8ac"; } .fa-centercode:before { content: "\f380"; } .fa-centos:before { content: "\f789"; } .fa-certificate:before { content: "\f0a3"; } .fa-chair:before { content: "\f6c0"; } .fa-chair-office:before { content: "\f6c1"; } .fa-chalkboard:before { content: "\f51b"; } .fa-chalkboard-teacher:before { content: "\f51c"; } .fa-charging-station:before { content: "\f5e7"; } .fa-chart-area:before { content: "\f1fe"; } .fa-chart-bar:before { content: "\f080"; } .fa-chart-line:before { content: "\f201"; } .fa-chart-line-down:before { content: "\f64d"; } .fa-chart-network:before { content: "\f78a"; } .fa-chart-pie:before { content: "\f200"; } .fa-chart-pie-alt:before { content: "\f64e"; } .fa-chart-scatter:before { content: "\f7ee"; } .fa-check:before { content: "\f00c"; } .fa-check-circle:before { content: "\f058"; } .fa-check-double:before { content: "\f560"; } .fa-check-square:before { content: "\f14a"; } .fa-cheese:before { content: "\f7ef"; } .fa-cheese-swiss:before { content: "\f7f0"; } .fa-cheeseburger:before { content: "\f7f1"; } .fa-chess:before { content: "\f439"; } .fa-chess-bishop:before { content: "\f43a"; } .fa-chess-bishop-alt:before { content: "\f43b"; } .fa-chess-board:before { content: "\f43c"; } .fa-chess-clock:before { content: "\f43d"; } .fa-chess-clock-alt:before { content: "\f43e"; } .fa-chess-king:before { content: "\f43f"; } .fa-chess-king-alt:before { content: "\f440"; } .fa-chess-knight:before { content: "\f441"; } .fa-chess-knight-alt:before { content: "\f442"; } .fa-chess-pawn:before { content: "\f443"; } .fa-chess-pawn-alt:before { content: "\f444"; } .fa-chess-queen:before { content: "\f445"; } .fa-chess-queen-alt:before { content: "\f446"; } .fa-chess-rook:before { content: "\f447"; } .fa-chess-rook-alt:before { content: "\f448"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-double-down:before { content: "\f322"; } .fa-chevron-double-left:before { content: "\f323"; } .fa-chevron-double-right:before { content: "\f324"; } .fa-chevron-double-up:before { content: "\f325"; } .fa-chevron-down:before { content: "\f078"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-chevron-square-down:before { content: "\f329"; } .fa-chevron-square-left:before { content: "\f32a"; } .fa-chevron-square-right:before { content: "\f32b"; } .fa-chevron-square-up:before { content: "\f32c"; } .fa-chevron-up:before { content: "\f077"; } .fa-child:before { content: "\f1ae"; } .fa-chimney:before { content: "\f78b"; } .fa-chrome:before { content: "\f268"; } .fa-chromecast:before { content: "\f838"; } .fa-church:before { content: "\f51d"; } .fa-circle:before { content: "\f111"; } .fa-circle-notch:before { content: "\f1ce"; } .fa-city:before { content: "\f64f"; } .fa-clarinet:before { content: "\f8ad"; } .fa-claw-marks:before { content: "\f6c2"; } .fa-clinic-medical:before { content: "\f7f2"; } .fa-clipboard:before { content: "\f328"; } .fa-clipboard-check:before { content: "\f46c"; } .fa-clipboard-list:before { content: "\f46d"; } .fa-clipboard-list-check:before { content: "\f737"; } .fa-clipboard-prescription:before { content: "\f5e8"; } .fa-clipboard-user:before { content: "\f7f3"; } .fa-clock:before { content: "\f017"; } .fa-clone:before { content: "\f24d"; } .fa-closed-captioning:before { content: "\f20a"; } .fa-cloud:before { content: "\f0c2"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-download-alt:before { content: "\f381"; } .fa-cloud-drizzle:before { content: "\f738"; } .fa-cloud-hail:before { content: "\f739"; } .fa-cloud-hail-mixed:before { content: "\f73a"; } .fa-cloud-meatball:before { content: "\f73b"; } .fa-cloud-moon:before { content: "\f6c3"; } .fa-cloud-moon-rain:before { content: "\f73c"; } .fa-cloud-music:before { content: "\f8ae"; } .fa-cloud-rain:before { content: "\f73d"; } .fa-cloud-rainbow:before { content: "\f73e"; } .fa-cloud-showers:before { content: "\f73f"; } .fa-cloud-showers-heavy:before { content: "\f740"; } .fa-cloud-sleet:before { content: "\f741"; } .fa-cloud-snow:before { content: "\f742"; } .fa-cloud-sun:before { content: "\f6c4"; } .fa-cloud-sun-rain:before { content: "\f743"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-cloud-upload-alt:before { content: "\f382"; } .fa-cloudflare:before { content: "\e07d"; } .fa-clouds:before { content: "\f744"; } .fa-clouds-moon:before { content: "\f745"; } .fa-clouds-sun:before { content: "\f746"; } .fa-cloudscale:before { content: "\f383"; } .fa-cloudsmith:before { content: "\f384"; } .fa-cloudversify:before { content: "\f385"; } .fa-club:before { content: "\f327"; } .fa-cocktail:before { content: "\f561"; } .fa-code:before { content: "\f121"; } .fa-code-branch:before { content: "\f126"; } .fa-code-commit:before { content: "\f386"; } .fa-code-merge:before { content: "\f387"; } .fa-codepen:before { content: "\f1cb"; } .fa-codiepie:before { content: "\f284"; } .fa-coffee:before { content: "\f0f4"; } .fa-coffee-pot:before { content: "\e002"; } .fa-coffee-togo:before { content: "\f6c5"; } .fa-coffin:before { content: "\f6c6"; } .fa-coffin-cross:before { content: "\e051"; } .fa-cog:before { content: "\f013"; } .fa-cogs:before { content: "\f085"; } .fa-coin:before { content: "\f85c"; } .fa-coins:before { content: "\f51e"; } .fa-columns:before { content: "\f0db"; } .fa-comet:before { content: "\e003"; } .fa-comment:before { content: "\f075"; } .fa-comment-alt:before { content: "\f27a"; } .fa-comment-alt-check:before { content: "\f4a2"; } .fa-comment-alt-dollar:before { content: "\f650"; } .fa-comment-alt-dots:before { content: "\f4a3"; } .fa-comment-alt-edit:before { content: "\f4a4"; } .fa-comment-alt-exclamation:before { content: "\f4a5"; } .fa-comment-alt-lines:before { content: "\f4a6"; } .fa-comment-alt-medical:before { content: "\f7f4"; } .fa-comment-alt-minus:before { content: "\f4a7"; } .fa-comment-alt-music:before { content: "\f8af"; } .fa-comment-alt-plus:before { content: "\f4a8"; } .fa-comment-alt-slash:before { content: "\f4a9"; } .fa-comment-alt-smile:before { content: "\f4aa"; } .fa-comment-alt-times:before { content: "\f4ab"; } .fa-comment-check:before { content: "\f4ac"; } .fa-comment-dollar:before { content: "\f651"; } .fa-comment-dots:before { content: "\f4ad"; } .fa-comment-edit:before { content: "\f4ae"; } .fa-comment-exclamation:before { content: "\f4af"; } .fa-comment-lines:before { content: "\f4b0"; } .fa-comment-medical:before { content: "\f7f5"; } .fa-comment-minus:before { content: "\f4b1"; } .fa-comment-music:before { content: "\f8b0"; } .fa-comment-plus:before { content: "\f4b2"; } .fa-comment-slash:before { content: "\f4b3"; } .fa-comment-smile:before { content: "\f4b4"; } .fa-comment-times:before { content: "\f4b5"; } .fa-comments:before { content: "\f086"; } .fa-comments-alt:before { content: "\f4b6"; } .fa-comments-alt-dollar:before { content: "\f652"; } .fa-comments-dollar:before { content: "\f653"; } .fa-compact-disc:before { content: "\f51f"; } .fa-compass:before { content: "\f14e"; } .fa-compass-slash:before { content: "\f5e9"; } .fa-compress:before { content: "\f066"; } .fa-compress-alt:before { content: "\f422"; } .fa-compress-arrows-alt:before { content: "\f78c"; } .fa-compress-wide:before { content: "\f326"; } .fa-computer-classic:before { content: "\f8b1"; } .fa-computer-speaker:before { content: "\f8b2"; } .fa-concierge-bell:before { content: "\f562"; } .fa-confluence:before { content: "\f78d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-construction:before { content: "\f85d"; } .fa-container-storage:before { content: "\f4b7"; } .fa-contao:before { content: "\f26d"; } .fa-conveyor-belt:before { content: "\f46e"; } .fa-conveyor-belt-alt:before { content: "\f46f"; } .fa-cookie:before { content: "\f563"; } .fa-cookie-bite:before { content: "\f564"; } .fa-copy:before { content: "\f0c5"; } .fa-copyright:before { content: "\f1f9"; } .fa-corn:before { content: "\f6c7"; } .fa-cotton-bureau:before { content: "\f89e"; } .fa-couch:before { content: "\f4b8"; } .fa-cow:before { content: "\f6c8"; } .fa-cowbell:before { content: "\f8b3"; } .fa-cowbell-more:before { content: "\f8b4"; } .fa-cpanel:before { content: "\f388"; } .fa-creative-commons:before { content: "\f25e"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-credit-card:before { content: "\f09d"; } .fa-credit-card-blank:before { content: "\f389"; } .fa-credit-card-front:before { content: "\f38a"; } .fa-cricket:before { content: "\f449"; } .fa-critical-role:before { content: "\f6c9"; } .fa-croissant:before { content: "\f7f6"; } .fa-crop:before { content: "\f125"; } .fa-crop-alt:before { content: "\f565"; } .fa-cross:before { content: "\f654"; } .fa-crosshairs:before { content: "\f05b"; } .fa-crow:before { content: "\f520"; } .fa-crown:before { content: "\f521"; } .fa-crutch:before { content: "\f7f7"; } .fa-crutches:before { content: "\f7f8"; } .fa-css3:before { content: "\f13c"; } .fa-css3-alt:before { content: "\f38b"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-curling:before { content: "\f44a"; } .fa-cut:before { content: "\f0c4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-d-and-d:before { content: "\f38d"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-dagger:before { content: "\f6cb"; } .fa-dailymotion:before { content: "\e052"; } .fa-dashcube:before { content: "\f210"; } .fa-database:before { content: "\f1c0"; } .fa-deaf:before { content: "\f2a4"; } .fa-debug:before { content: "\f7f9"; } .fa-deer:before { content: "\f78e"; } .fa-deer-rudolph:before { content: "\f78f"; } .fa-deezer:before { content: "\e077"; } .fa-delicious:before { content: "\f1a5"; } .fa-democrat:before { content: "\f747"; } .fa-deploydog:before { content: "\f38e"; } .fa-deskpro:before { content: "\f38f"; } .fa-desktop:before { content: "\f108"; } .fa-desktop-alt:before { content: "\f390"; } .fa-dev:before { content: "\f6cc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-dewpoint:before { content: "\f748"; } .fa-dharmachakra:before { content: "\f655"; } .fa-dhl:before { content: "\f790"; } .fa-diagnoses:before { content: "\f470"; } .fa-diamond:before { content: "\f219"; } .fa-diaspora:before { content: "\f791"; } .fa-dice:before { content: "\f522"; } .fa-dice-d10:before { content: "\f6cd"; } .fa-dice-d12:before { content: "\f6ce"; } .fa-dice-d20:before { content: "\f6cf"; } .fa-dice-d4:before { content: "\f6d0"; } .fa-dice-d6:before { content: "\f6d1"; } .fa-dice-d8:before { content: "\f6d2"; } .fa-dice-five:before { content: "\f523"; } .fa-dice-four:before { content: "\f524"; } .fa-dice-one:before { content: "\f525"; } .fa-dice-six:before { content: "\f526"; } .fa-dice-three:before { content: "\f527"; } .fa-dice-two:before { content: "\f528"; } .fa-digg:before { content: "\f1a6"; } .fa-digging:before { content: "\f85e"; } .fa-digital-ocean:before { content: "\f391"; } .fa-digital-tachograph:before { content: "\f566"; } .fa-diploma:before { content: "\f5ea"; } .fa-directions:before { content: "\f5eb"; } .fa-disc-drive:before { content: "\f8b5"; } .fa-discord:before { content: "\f392"; } .fa-discourse:before { content: "\f393"; } .fa-disease:before { content: "\f7fa"; } .fa-divide:before { content: "\f529"; } .fa-dizzy:before { content: "\f567"; } .fa-dna:before { content: "\f471"; } .fa-do-not-enter:before { content: "\f5ec"; } .fa-dochub:before { content: "\f394"; } .fa-docker:before { content: "\f395"; } .fa-dog:before { content: "\f6d3"; } .fa-dog-leashed:before { content: "\f6d4"; } .fa-dollar-sign:before { content: "\f155"; } .fa-dolly:before { content: "\f472"; } .fa-dolly-empty:before { content: "\f473"; } .fa-dolly-flatbed:before { content: "\f474"; } .fa-dolly-flatbed-alt:before { content: "\f475"; } .fa-dolly-flatbed-empty:before { content: "\f476"; } .fa-donate:before { content: "\f4b9"; } .fa-door-closed:before { content: "\f52a"; } .fa-door-open:before { content: "\f52b"; } .fa-dot-circle:before { content: "\f192"; } .fa-dove:before { content: "\f4ba"; } .fa-download:before { content: "\f019"; } .fa-draft2digital:before { content: "\f396"; } .fa-drafting-compass:before { content: "\f568"; } .fa-dragon:before { content: "\f6d5"; } .fa-draw-circle:before { content: "\f5ed"; } .fa-draw-polygon:before { content: "\f5ee"; } .fa-draw-square:before { content: "\f5ef"; } .fa-dreidel:before { content: "\f792"; } .fa-dribbble:before { content: "\f17d"; } .fa-dribbble-square:before { content: "\f397"; } .fa-drone:before { content: "\f85f"; } .fa-drone-alt:before { content: "\f860"; } .fa-dropbox:before { content: "\f16b"; } .fa-drum:before { content: "\f569"; } .fa-drum-steelpan:before { content: "\f56a"; } .fa-drumstick:before { content: "\f6d6"; } .fa-drumstick-bite:before { content: "\f6d7"; } .fa-drupal:before { content: "\f1a9"; } .fa-dryer:before { content: "\f861"; } .fa-dryer-alt:before { content: "\f862"; } .fa-duck:before { content: "\f6d8"; } .fa-dumbbell:before { content: "\f44b"; } .fa-dumpster:before { content: "\f793"; } .fa-dumpster-fire:before { content: "\f794"; } .fa-dungeon:before { content: "\f6d9"; } .fa-dyalog:before { content: "\f399"; } .fa-ear:before { content: "\f5f0"; } .fa-ear-muffs:before { content: "\f795"; } .fa-earlybirds:before { content: "\f39a"; } .fa-ebay:before { content: "\f4f4"; } .fa-eclipse:before { content: "\f749"; } .fa-eclipse-alt:before { content: "\f74a"; } .fa-edge:before { content: "\f282"; } .fa-edge-legacy:before { content: "\e078"; } .fa-edit:before { content: "\f044"; } .fa-egg:before { content: "\f7fb"; } .fa-egg-fried:before { content: "\f7fc"; } .fa-eject:before { content: "\f052"; } .fa-elementor:before { content: "\f430"; } .fa-elephant:before { content: "\f6da"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-h-alt:before { content: "\f39b"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-ellipsis-v-alt:before { content: "\f39c"; } .fa-ello:before { content: "\f5f1"; } .fa-ember:before { content: "\f423"; } .fa-empire:before { content: "\f1d1"; } .fa-empty-set:before { content: "\f656"; } .fa-engine-warning:before { content: "\f5f2"; } .fa-envelope:before { content: "\f0e0"; } .fa-envelope-open:before { content: "\f2b6"; } .fa-envelope-open-dollar:before { content: "\f657"; } .fa-envelope-open-text:before { content: "\f658"; } .fa-envelope-square:before { content: "\f199"; } .fa-envira:before { content: "\f299"; } .fa-equals:before { content: "\f52c"; } .fa-eraser:before { content: "\f12d"; } .fa-erlang:before { content: "\f39d"; } .fa-ethereum:before { content: "\f42e"; } .fa-ethernet:before { content: "\f796"; } .fa-etsy:before { content: "\f2d7"; } .fa-euro-sign:before { content: "\f153"; } .fa-evernote:before { content: "\f839"; } .fa-exchange:before { content: "\f0ec"; } .fa-exchange-alt:before { content: "\f362"; } .fa-exclamation:before { content: "\f12a"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-exclamation-square:before { content: "\f321"; } .fa-exclamation-triangle:before { content: "\f071"; } .fa-expand:before { content: "\f065"; } .fa-expand-alt:before { content: "\f424"; } .fa-expand-arrows:before { content: "\f31d"; } .fa-expand-arrows-alt:before { content: "\f31e"; } .fa-expand-wide:before { content: "\f320"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-external-link:before { content: "\f08e"; } .fa-external-link-alt:before { content: "\f35d"; } .fa-external-link-square:before { content: "\f14c"; } .fa-external-link-square-alt:before { content: "\f360"; } .fa-eye:before { content: "\f06e"; } .fa-eye-dropper:before { content: "\f1fb"; } .fa-eye-evil:before { content: "\f6db"; } .fa-eye-slash:before { content: "\f070"; } .fa-facebook:before { content: "\f09a"; } .fa-facebook-f:before { content: "\f39e"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-facebook-square:before { content: "\f082"; } .fa-fan:before { content: "\f863"; } .fa-fan-table:before { content: "\e004"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-farm:before { content: "\f864"; } .fa-fast-backward:before { content: "\f049"; } .fa-fast-forward:before { content: "\f050"; } .fa-faucet:before { content: "\e005"; } .fa-faucet-drip:before { content: "\e006"; } .fa-fax:before { content: "\f1ac"; } .fa-feather:before { content: "\f52d"; } .fa-feather-alt:before { content: "\f56b"; } .fa-fedex:before { content: "\f797"; } .fa-fedora:before { content: "\f798"; } .fa-female:before { content: "\f182"; } .fa-field-hockey:before { content: "\f44c"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-figma:before { content: "\f799"; } .fa-file:before { content: "\f15b"; } .fa-file-alt:before { content: "\f15c"; } .fa-file-archive:before { content: "\f1c6"; } .fa-file-audio:before { content: "\f1c7"; } .fa-file-certificate:before { content: "\f5f3"; } .fa-file-chart-line:before { content: "\f659"; } .fa-file-chart-pie:before { content: "\f65a"; } .fa-file-check:before { content: "\f316"; } .fa-file-code:before { content: "\f1c9"; } .fa-file-contract:before { content: "\f56c"; } .fa-file-csv:before { content: "\f6dd"; } .fa-file-download:before { content: "\f56d"; } .fa-file-edit:before { content: "\f31c"; } .fa-file-excel:before { content: "\f1c3"; } .fa-file-exclamation:before { content: "\f31a"; } .fa-file-export:before { content: "\f56e"; } .fa-file-image:before { content: "\f1c5"; } .fa-file-import:before { content: "\f56f"; } .fa-file-invoice:before { content: "\f570"; } .fa-file-invoice-dollar:before { content: "\f571"; } .fa-file-medical:before { content: "\f477"; } .fa-file-medical-alt:before { content: "\f478"; } .fa-file-minus:before { content: "\f318"; } .fa-file-music:before { content: "\f8b6"; } .fa-file-pdf:before { content: "\f1c1"; } .fa-file-plus:before { content: "\f319"; } .fa-file-powerpoint:before { content: "\f1c4"; } .fa-file-prescription:before { content: "\f572"; } .fa-file-search:before { content: "\f865"; } .fa-file-signature:before { content: "\f573"; } .fa-file-spreadsheet:before { content: "\f65b"; } .fa-file-times:before { content: "\f317"; } .fa-file-upload:before { content: "\f574"; } .fa-file-user:before { content: "\f65c"; } .fa-file-video:before { content: "\f1c8"; } .fa-file-word:before { content: "\f1c2"; } .fa-files-medical:before { content: "\f7fd"; } .fa-fill:before { content: "\f575"; } .fa-fill-drip:before { content: "\f576"; } .fa-film:before { content: "\f008"; } .fa-film-alt:before { content: "\f3a0"; } .fa-film-canister:before { content: "\f8b7"; } .fa-filter:before { content: "\f0b0"; } .fa-fingerprint:before { content: "\f577"; } .fa-fire:before { content: "\f06d"; } .fa-fire-alt:before { content: "\f7e4"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-fire-smoke:before { content: "\f74b"; } .fa-firefox:before { content: "\f269"; } .fa-firefox-browser:before { content: "\e007"; } .fa-fireplace:before { content: "\f79a"; } .fa-first-aid:before { content: "\f479"; } .fa-first-order:before { content: "\f2b0"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-fish:before { content: "\f578"; } .fa-fish-cooked:before { content: "\f7fe"; } .fa-fist-raised:before { content: "\f6de"; } .fa-flag:before { content: "\f024"; } .fa-flag-alt:before { content: "\f74c"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-flag-usa:before { content: "\f74d"; } .fa-flame:before { content: "\f6df"; } .fa-flashlight:before { content: "\f8b8"; } .fa-flask:before { content: "\f0c3"; } .fa-flask-poison:before { content: "\f6e0"; } .fa-flask-potion:before { content: "\f6e1"; } .fa-flickr:before { content: "\f16e"; } .fa-flipboard:before { content: "\f44d"; } .fa-flower:before { content: "\f7ff"; } .fa-flower-daffodil:before { content: "\f800"; } .fa-flower-tulip:before { content: "\f801"; } .fa-flushed:before { content: "\f579"; } .fa-flute:before { content: "\f8b9"; } .fa-flux-capacitor:before { content: "\f8ba"; } .fa-fly:before { content: "\f417"; } .fa-fog:before { content: "\f74e"; } .fa-folder:before { content: "\f07b"; } .fa-folder-download:before { content: "\e053"; } .fa-folder-minus:before { content: "\f65d"; } .fa-folder-open:before { content: "\f07c"; } .fa-folder-plus:before { content: "\f65e"; } .fa-folder-times:before { content: "\f65f"; } .fa-folder-tree:before { content: "\f802"; } .fa-folder-upload:before { content: "\e054"; } .fa-folders:before { content: "\f660"; } .fa-font:before { content: "\f031"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-font-awesome-flag:before { content: "\f425"; } .fa-font-awesome-logo-full:before { content: "\f4e6"; } .fa-font-case:before { content: "\f866"; } .fa-fonticons:before { content: "\f280"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-football-ball:before { content: "\f44e"; } .fa-football-helmet:before { content: "\f44f"; } .fa-forklift:before { content: "\f47a"; } .fa-fort-awesome:before { content: "\f286"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-forumbee:before { content: "\f211"; } .fa-forward:before { content: "\f04e"; } .fa-foursquare:before { content: "\f180"; } .fa-fragile:before { content: "\f4bb"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-french-fries:before { content: "\f803"; } .fa-frog:before { content: "\f52e"; } .fa-frosty-head:before { content: "\f79b"; } .fa-frown:before { content: "\f119"; } .fa-frown-open:before { content: "\f57a"; } .fa-fulcrum:before { content: "\f50b"; } .fa-function:before { content: "\f661"; } .fa-funnel-dollar:before { content: "\f662"; } .fa-futbol:before { content: "\f1e3"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-galaxy:before { content: "\e008"; } .fa-game-board:before { content: "\f867"; } .fa-game-board-alt:before { content: "\f868"; } .fa-game-console-handheld:before { content: "\f8bb"; } .fa-gamepad:before { content: "\f11b"; } .fa-gamepad-alt:before { content: "\f8bc"; } .fa-garage:before { content: "\e009"; } .fa-garage-car:before { content: "\e00a"; } .fa-garage-open:before { content: "\e00b"; } .fa-gas-pump:before { content: "\f52f"; } .fa-gas-pump-slash:before { content: "\f5f4"; } .fa-gavel:before { content: "\f0e3"; } .fa-gem:before { content: "\f3a5"; } .fa-genderless:before { content: "\f22d"; } .fa-get-pocket:before { content: "\f265"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-ghost:before { content: "\f6e2"; } .fa-gift:before { content: "\f06b"; } .fa-gift-card:before { content: "\f663"; } .fa-gifts:before { content: "\f79c"; } .fa-gingerbread-man:before { content: "\f79d"; } .fa-git:before { content: "\f1d3"; } .fa-git-alt:before { content: "\f841"; } .fa-git-square:before { content: "\f1d2"; } .fa-github:before { content: "\f09b"; } .fa-github-alt:before { content: "\f113"; } .fa-github-square:before { content: "\f092"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-gitlab:before { content: "\f296"; } .fa-gitter:before { content: "\f426"; } .fa-glass:before { content: "\f804"; } .fa-glass-champagne:before { content: "\f79e"; } .fa-glass-cheers:before { content: "\f79f"; } .fa-glass-citrus:before { content: "\f869"; } .fa-glass-martini:before { content: "\f000"; } .fa-glass-martini-alt:before { content: "\f57b"; } .fa-glass-whiskey:before { content: "\f7a0"; } .fa-glass-whiskey-rocks:before { content: "\f7a1"; } .fa-glasses:before { content: "\f530"; } .fa-glasses-alt:before { content: "\f5f5"; } .fa-glide:before { content: "\f2a5"; } .fa-glide-g:before { content: "\f2a6"; } .fa-globe:before { content: "\f0ac"; } .fa-globe-africa:before { content: "\f57c"; } .fa-globe-americas:before { content: "\f57d"; } .fa-globe-asia:before { content: "\f57e"; } .fa-globe-europe:before { content: "\f7a2"; } .fa-globe-snow:before { content: "\f7a3"; } .fa-globe-stand:before { content: "\f5f6"; } .fa-gofore:before { content: "\f3a7"; } .fa-golf-ball:before { content: "\f450"; } .fa-golf-club:before { content: "\f451"; } .fa-goodreads:before { content: "\f3a8"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-google:before { content: "\f1a0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-google-pay:before { content: "\e079"; } .fa-google-play:before { content: "\f3ab"; } .fa-google-plus:before { content: "\f2b3"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-gopuram:before { content: "\f664"; } .fa-graduation-cap:before { content: "\f19d"; } .fa-gramophone:before { content: "\f8bd"; } .fa-gratipay:before { content: "\f184"; } .fa-grav:before { content: "\f2d6"; } .fa-greater-than:before { content: "\f531"; } .fa-greater-than-equal:before { content: "\f532"; } .fa-grimace:before { content: "\f57f"; } .fa-grin:before { content: "\f580"; } .fa-grin-alt:before { content: "\f581"; } .fa-grin-beam:before { content: "\f582"; } .fa-grin-beam-sweat:before { content: "\f583"; } .fa-grin-hearts:before { content: "\f584"; } .fa-grin-squint:before { content: "\f585"; } .fa-grin-squint-tears:before { content: "\f586"; } .fa-grin-stars:before { content: "\f587"; } .fa-grin-tears:before { content: "\f588"; } .fa-grin-tongue:before { content: "\f589"; } .fa-grin-tongue-squint:before { content: "\f58a"; } .fa-grin-tongue-wink:before { content: "\f58b"; } .fa-grin-wink:before { content: "\f58c"; } .fa-grip-horizontal:before { content: "\f58d"; } .fa-grip-lines:before { content: "\f7a4"; } .fa-grip-lines-vertical:before { content: "\f7a5"; } .fa-grip-vertical:before { content: "\f58e"; } .fa-gripfire:before { content: "\f3ac"; } .fa-grunt:before { content: "\f3ad"; } .fa-guilded:before { content: "\e07e"; } .fa-guitar:before { content: "\f7a6"; } .fa-guitar-electric:before { content: "\f8be"; } .fa-guitars:before { content: "\f8bf"; } .fa-gulp:before { content: "\f3ae"; } .fa-h-square:before { content: "\f0fd"; } .fa-h1:before { content: "\f313"; } .fa-h2:before { content: "\f314"; } .fa-h3:before { content: "\f315"; } .fa-h4:before { content: "\f86a"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-hamburger:before { content: "\f805"; } .fa-hammer:before { content: "\f6e3"; } .fa-hammer-war:before { content: "\f6e4"; } .fa-hamsa:before { content: "\f665"; } .fa-hand-heart:before { content: "\f4bc"; } .fa-hand-holding:before { content: "\f4bd"; } .fa-hand-holding-box:before { content: "\f47b"; } .fa-hand-holding-heart:before { content: "\f4be"; } .fa-hand-holding-magic:before { content: "\f6e5"; } .fa-hand-holding-medical:before { content: "\e05c"; } .fa-hand-holding-seedling:before { content: "\f4bf"; } .fa-hand-holding-usd:before { content: "\f4c0"; } .fa-hand-holding-water:before { content: "\f4c1"; } .fa-hand-lizard:before { content: "\f258"; } .fa-hand-middle-finger:before { content: "\f806"; } .fa-hand-paper:before { content: "\f256"; } .fa-hand-peace:before { content: "\f25b"; } .fa-hand-point-down:before { content: "\f0a7"; } .fa-hand-point-left:before { content: "\f0a5"; } .fa-hand-point-right:before { content: "\f0a4"; } .fa-hand-point-up:before { content: "\f0a6"; } .fa-hand-pointer:before { content: "\f25a"; } .fa-hand-receiving:before { content: "\f47c"; } .fa-hand-rock:before { content: "\f255"; } .fa-hand-scissors:before { content: "\f257"; } .fa-hand-sparkles:before { content: "\e05d"; } .fa-hand-spock:before { content: "\f259"; } .fa-hands:before { content: "\f4c2"; } .fa-hands-heart:before { content: "\f4c3"; } .fa-hands-helping:before { content: "\f4c4"; } .fa-hands-usd:before { content: "\f4c5"; } .fa-hands-wash:before { content: "\e05e"; } .fa-handshake:before { content: "\f2b5"; } .fa-handshake-alt:before { content: "\f4c6"; } .fa-handshake-alt-slash:before { content: "\e05f"; } .fa-handshake-slash:before { content: "\e060"; } .fa-hanukiah:before { content: "\f6e6"; } .fa-hard-hat:before { content: "\f807"; } .fa-hashtag:before { content: "\f292"; } .fa-hat-chef:before { content: "\f86b"; } .fa-hat-cowboy:before { content: "\f8c0"; } .fa-hat-cowboy-side:before { content: "\f8c1"; } .fa-hat-santa:before { content: "\f7a7"; } .fa-hat-winter:before { content: "\f7a8"; } .fa-hat-witch:before { content: "\f6e7"; } .fa-hat-wizard:before { content: "\f6e8"; } .fa-hdd:before { content: "\f0a0"; } .fa-head-side:before { content: "\f6e9"; } .fa-head-side-brain:before { content: "\f808"; } .fa-head-side-cough:before { content: "\e061"; } .fa-head-side-cough-slash:before { content: "\e062"; } .fa-head-side-headphones:before { content: "\f8c2"; } .fa-head-side-mask:before { content: "\e063"; } .fa-head-side-medical:before { content: "\f809"; } .fa-head-side-virus:before { content: "\e064"; } .fa-head-vr:before { content: "\f6ea"; } .fa-heading:before { content: "\f1dc"; } .fa-headphones:before { content: "\f025"; } .fa-headphones-alt:before { content: "\f58f"; } .fa-headset:before { content: "\f590"; } .fa-heart:before { content: "\f004"; } .fa-heart-broken:before { content: "\f7a9"; } .fa-heart-circle:before { content: "\f4c7"; } .fa-heart-rate:before { content: "\f5f8"; } .fa-heart-square:before { content: "\f4c8"; } .fa-heartbeat:before { content: "\f21e"; } .fa-heat:before { content: "\e00c"; } .fa-helicopter:before { content: "\f533"; } .fa-helmet-battle:before { content: "\f6eb"; } .fa-hexagon:before { content: "\f312"; } .fa-highlighter:before { content: "\f591"; } .fa-hiking:before { content: "\f6ec"; } .fa-hippo:before { content: "\f6ed"; } .fa-hips:before { content: "\f452"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-history:before { content: "\f1da"; } .fa-hive:before { content: "\e07f"; } .fa-hockey-mask:before { content: "\f6ee"; } .fa-hockey-puck:before { content: "\f453"; } .fa-hockey-sticks:before { content: "\f454"; } .fa-holly-berry:before { content: "\f7aa"; } .fa-home:before { content: "\f015"; } .fa-home-alt:before { content: "\f80a"; } .fa-home-heart:before { content: "\f4c9"; } .fa-home-lg:before { content: "\f80b"; } .fa-home-lg-alt:before { content: "\f80c"; } .fa-hood-cloak:before { content: "\f6ef"; } .fa-hooli:before { content: "\f427"; } .fa-horizontal-rule:before { content: "\f86c"; } .fa-hornbill:before { content: "\f592"; } .fa-horse:before { content: "\f6f0"; } .fa-horse-head:before { content: "\f7ab"; } .fa-horse-saddle:before { content: "\f8c3"; } .fa-hospital:before { content: "\f0f8"; } .fa-hospital-alt:before { content: "\f47d"; } .fa-hospital-symbol:before { content: "\f47e"; } .fa-hospital-user:before { content: "\f80d"; } .fa-hospitals:before { content: "\f80e"; } .fa-hot-tub:before { content: "\f593"; } .fa-hotdog:before { content: "\f80f"; } .fa-hotel:before { content: "\f594"; } .fa-hotjar:before { content: "\f3b1"; } .fa-hourglass:before { content: "\f254"; } .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-start:before { content: "\f251"; } .fa-house:before { content: "\e00d"; } .fa-house-damage:before { content: "\f6f1"; } .fa-house-day:before { content: "\e00e"; } .fa-house-flood:before { content: "\f74f"; } .fa-house-leave:before { content: "\e00f"; } .fa-house-night:before { content: "\e010"; } .fa-house-return:before { content: "\e011"; } .fa-house-signal:before { content: "\e012"; } .fa-house-user:before { content: "\e065"; } .fa-houzz:before { content: "\f27c"; } .fa-hryvnia:before { content: "\f6f2"; } .fa-html5:before { content: "\f13b"; } .fa-hubspot:before { content: "\f3b2"; } .fa-humidity:before { content: "\f750"; } .fa-hurricane:before { content: "\f751"; } .fa-i-cursor:before { content: "\f246"; } .fa-ice-cream:before { content: "\f810"; } .fa-ice-skate:before { content: "\f7ac"; } .fa-icicles:before { content: "\f7ad"; } .fa-icons:before { content: "\f86d"; } .fa-icons-alt:before { content: "\f86e"; } .fa-id-badge:before { content: "\f2c1"; } .fa-id-card:before { content: "\f2c2"; } .fa-id-card-alt:before { content: "\f47f"; } .fa-ideal:before { content: "\e013"; } .fa-igloo:before { content: "\f7ae"; } .fa-image:before { content: "\f03e"; } .fa-image-polaroid:before { content: "\f8c4"; } .fa-images:before { content: "\f302"; } .fa-imdb:before { content: "\f2d8"; } .fa-inbox:before { content: "\f01c"; } .fa-inbox-in:before { content: "\f310"; } .fa-inbox-out:before { content: "\f311"; } .fa-indent:before { content: "\f03c"; } .fa-industry:before { content: "\f275"; } .fa-industry-alt:before { content: "\f3b3"; } .fa-infinity:before { content: "\f534"; } .fa-info:before { content: "\f129"; } .fa-info-circle:before { content: "\f05a"; } .fa-info-square:before { content: "\f30f"; } .fa-inhaler:before { content: "\f5f9"; } .fa-innosoft:before { content: "\e080"; } .fa-instagram:before { content: "\f16d"; } .fa-instagram-square:before { content: "\e055"; } .fa-instalod:before { content: "\e081"; } .fa-integral:before { content: "\f667"; } .fa-intercom:before { content: "\f7af"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-intersection:before { content: "\f668"; } .fa-inventory:before { content: "\f480"; } .fa-invision:before { content: "\f7b0"; } .fa-ioxhost:before { content: "\f208"; } .fa-island-tropical:before { content: "\f811"; } .fa-italic:before { content: "\f033"; } .fa-itch-io:before { content: "\f83a"; } .fa-itunes:before { content: "\f3b4"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-jack-o-lantern:before { content: "\f30e"; } .fa-java:before { content: "\f4e4"; } .fa-jedi:before { content: "\f669"; } .fa-jedi-order:before { content: "\f50e"; } .fa-jenkins:before { content: "\f3b6"; } .fa-jira:before { content: "\f7b1"; } .fa-joget:before { content: "\f3b7"; } .fa-joint:before { content: "\f595"; } .fa-joomla:before { content: "\f1aa"; } .fa-journal-whills:before { content: "\f66a"; } .fa-joystick:before { content: "\f8c5"; } .fa-js:before { content: "\f3b8"; } .fa-js-square:before { content: "\f3b9"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-jug:before { content: "\f8c6"; } .fa-kaaba:before { content: "\f66b"; } .fa-kaggle:before { content: "\f5fa"; } .fa-kazoo:before { content: "\f8c7"; } .fa-kerning:before { content: "\f86f"; } .fa-key:before { content: "\f084"; } .fa-key-skeleton:before { content: "\f6f3"; } .fa-keybase:before { content: "\f4f5"; } .fa-keyboard:before { content: "\f11c"; } .fa-keycdn:before { content: "\f3ba"; } .fa-keynote:before { content: "\f66c"; } .fa-khanda:before { content: "\f66d"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-kidneys:before { content: "\f5fb"; } .fa-kiss:before { content: "\f596"; } .fa-kiss-beam:before { content: "\f597"; } .fa-kiss-wink-heart:before { content: "\f598"; } .fa-kite:before { content: "\f6f4"; } .fa-kiwi-bird:before { content: "\f535"; } .fa-knife-kitchen:before { content: "\f6f5"; } .fa-korvue:before { content: "\f42f"; } .fa-lambda:before { content: "\f66e"; } .fa-lamp:before { content: "\f4ca"; } .fa-lamp-desk:before { content: "\e014"; } .fa-lamp-floor:before { content: "\e015"; } .fa-landmark:before { content: "\f66f"; } .fa-landmark-alt:before { content: "\f752"; } .fa-language:before { content: "\f1ab"; } .fa-laptop:before { content: "\f109"; } .fa-laptop-code:before { content: "\f5fc"; } .fa-laptop-house:before { content: "\e066"; } .fa-laptop-medical:before { content: "\f812"; } .fa-laravel:before { content: "\f3bd"; } .fa-lasso:before { content: "\f8c8"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-laugh:before { content: "\f599"; } .fa-laugh-beam:before { content: "\f59a"; } .fa-laugh-squint:before { content: "\f59b"; } .fa-laugh-wink:before { content: "\f59c"; } .fa-layer-group:before { content: "\f5fd"; } .fa-layer-minus:before { content: "\f5fe"; } .fa-layer-plus:before { content: "\f5ff"; } .fa-leaf:before { content: "\f06c"; } .fa-leaf-heart:before { content: "\f4cb"; } .fa-leaf-maple:before { content: "\f6f6"; } .fa-leaf-oak:before { content: "\f6f7"; } .fa-leanpub:before { content: "\f212"; } .fa-lemon:before { content: "\f094"; } .fa-less:before { content: "\f41d"; } .fa-less-than:before { content: "\f536"; } .fa-less-than-equal:before { content: "\f537"; } .fa-level-down:before { content: "\f149"; } .fa-level-down-alt:before { content: "\f3be"; } .fa-level-up:before { content: "\f148"; } .fa-level-up-alt:before { content: "\f3bf"; } .fa-life-ring:before { content: "\f1cd"; } .fa-light-ceiling:before { content: "\e016"; } .fa-light-switch:before { content: "\e017"; } .fa-light-switch-off:before { content: "\e018"; } .fa-light-switch-on:before { content: "\e019"; } .fa-lightbulb:before { content: "\f0eb"; } .fa-lightbulb-dollar:before { content: "\f670"; } .fa-lightbulb-exclamation:before { content: "\f671"; } .fa-lightbulb-on:before { content: "\f672"; } .fa-lightbulb-slash:before { content: "\f673"; } .fa-lights-holiday:before { content: "\f7b2"; } .fa-line:before { content: "\f3c0"; } .fa-line-columns:before { content: "\f870"; } .fa-line-height:before { content: "\f871"; } .fa-link:before { content: "\f0c1"; } .fa-linkedin:before { content: "\f08c"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-linode:before { content: "\f2b8"; } .fa-linux:before { content: "\f17c"; } .fa-lips:before { content: "\f600"; } .fa-lira-sign:before { content: "\f195"; } .fa-list:before { content: "\f03a"; } .fa-list-alt:before { content: "\f022"; } .fa-list-music:before { content: "\f8c9"; } .fa-list-ol:before { content: "\f0cb"; } .fa-list-ul:before { content: "\f0ca"; } .fa-location:before { content: "\f601"; } .fa-location-arrow:before { content: "\f124"; } .fa-location-circle:before { content: "\f602"; } .fa-location-slash:before { content: "\f603"; } .fa-lock:before { content: "\f023"; } .fa-lock-alt:before { content: "\f30d"; } .fa-lock-open:before { content: "\f3c1"; } .fa-lock-open-alt:before { content: "\f3c2"; } .fa-long-arrow-alt-down:before { content: "\f309"; } .fa-long-arrow-alt-left:before { content: "\f30a"; } .fa-long-arrow-alt-right:before { content: "\f30b"; } .fa-long-arrow-alt-up:before { content: "\f30c"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-loveseat:before { content: "\f4cc"; } .fa-low-vision:before { content: "\f2a8"; } .fa-luchador:before { content: "\f455"; } .fa-luggage-cart:before { content: "\f59d"; } .fa-lungs:before { content: "\f604"; } .fa-lungs-virus:before { content: "\e067"; } .fa-lyft:before { content: "\f3c3"; } .fa-mace:before { content: "\f6f8"; } .fa-magento:before { content: "\f3c4"; } .fa-magic:before { content: "\f0d0"; } .fa-magnet:before { content: "\f076"; } .fa-mail-bulk:before { content: "\f674"; } .fa-mailbox:before { content: "\f813"; } .fa-mailchimp:before { content: "\f59e"; } .fa-male:before { content: "\f183"; } .fa-mandalorian:before { content: "\f50f"; } .fa-mandolin:before { content: "\f6f9"; } .fa-map:before { content: "\f279"; } .fa-map-marked:before { content: "\f59f"; } .fa-map-marked-alt:before { content: "\f5a0"; } .fa-map-marker:before { content: "\f041"; } .fa-map-marker-alt:before { content: "\f3c5"; } .fa-map-marker-alt-slash:before { content: "\f605"; } .fa-map-marker-check:before { content: "\f606"; } .fa-map-marker-edit:before { content: "\f607"; } .fa-map-marker-exclamation:before { content: "\f608"; } .fa-map-marker-minus:before { content: "\f609"; } .fa-map-marker-plus:before { content: "\f60a"; } .fa-map-marker-question:before { content: "\f60b"; } .fa-map-marker-slash:before { content: "\f60c"; } .fa-map-marker-smile:before { content: "\f60d"; } .fa-map-marker-times:before { content: "\f60e"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-markdown:before { content: "\f60f"; } .fa-marker:before { content: "\f5a1"; } .fa-mars:before { content: "\f222"; } .fa-mars-double:before { content: "\f227"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mask:before { content: "\f6fa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-maxcdn:before { content: "\f136"; } .fa-mdb:before { content: "\f8ca"; } .fa-meat:before { content: "\f814"; } .fa-medal:before { content: "\f5a2"; } .fa-medapps:before { content: "\f3c6"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f3c7"; } .fa-medkit:before { content: "\f0fa"; } .fa-medrt:before { content: "\f3c8"; } .fa-meetup:before { content: "\f2e0"; } .fa-megaphone:before { content: "\f675"; } .fa-megaport:before { content: "\f5a3"; } .fa-meh:before { content: "\f11a"; } .fa-meh-blank:before { content: "\f5a4"; } .fa-meh-rolling-eyes:before { content: "\f5a5"; } .fa-memory:before { content: "\f538"; } .fa-mendeley:before { content: "\f7b3"; } .fa-menorah:before { content: "\f676"; } .fa-mercury:before { content: "\f223"; } .fa-meteor:before { content: "\f753"; } .fa-microblog:before { content: "\e01a"; } .fa-microchip:before { content: "\f2db"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-alt:before { content: "\f3c9"; } .fa-microphone-alt-slash:before { content: "\f539"; } .fa-microphone-slash:before { content: "\f131"; } .fa-microphone-stand:before { content: "\f8cb"; } .fa-microscope:before { content: "\f610"; } .fa-microsoft:before { content: "\f3ca"; } .fa-microwave:before { content: "\e01b"; } .fa-mind-share:before { content: "\f677"; } .fa-minus:before { content: "\f068"; } .fa-minus-circle:before { content: "\f056"; } .fa-minus-hexagon:before { content: "\f307"; } .fa-minus-octagon:before { content: "\f308"; } .fa-minus-square:before { content: "\f146"; } .fa-mistletoe:before { content: "\f7b4"; } .fa-mitten:before { content: "\f7b5"; } .fa-mix:before { content: "\f3cb"; } .fa-mixcloud:before { content: "\f289"; } .fa-mixer:before { content: "\e056"; } .fa-mizuni:before { content: "\f3cc"; } .fa-mobile:before { content: "\f10b"; } .fa-mobile-alt:before { content: "\f3cd"; } .fa-mobile-android:before { content: "\f3ce"; } .fa-mobile-android-alt:before { content: "\f3cf"; } .fa-modx:before { content: "\f285"; } .fa-monero:before { content: "\f3d0"; } .fa-money-bill:before { content: "\f0d6"; } .fa-money-bill-alt:before { content: "\f3d1"; } .fa-money-bill-wave:before { content: "\f53a"; } .fa-money-bill-wave-alt:before { content: "\f53b"; } .fa-money-check:before { content: "\f53c"; } .fa-money-check-alt:before { content: "\f53d"; } .fa-money-check-edit:before { content: "\f872"; } .fa-money-check-edit-alt:before { content: "\f873"; } .fa-monitor-heart-rate:before { content: "\f611"; } .fa-monkey:before { content: "\f6fb"; } .fa-monument:before { content: "\f5a6"; } .fa-moon:before { content: "\f186"; } .fa-moon-cloud:before { content: "\f754"; } .fa-moon-stars:before { content: "\f755"; } .fa-mortar-pestle:before { content: "\f5a7"; } .fa-mosque:before { content: "\f678"; } .fa-motorcycle:before { content: "\f21c"; } .fa-mountain:before { content: "\f6fc"; } .fa-mountains:before { content: "\f6fd"; } .fa-mouse:before { content: "\f8cc"; } .fa-mouse-alt:before { content: "\f8cd"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-mp3-player:before { content: "\f8ce"; } .fa-mug:before { content: "\f874"; } .fa-mug-hot:before { content: "\f7b6"; } .fa-mug-marshmallows:before { content: "\f7b7"; } .fa-mug-tea:before { content: "\f875"; } .fa-music:before { content: "\f001"; } .fa-music-alt:before { content: "\f8cf"; } .fa-music-alt-slash:before { content: "\f8d0"; } .fa-music-slash:before { content: "\f8d1"; } .fa-napster:before { content: "\f3d2"; } .fa-narwhal:before { content: "\f6fe"; } .fa-neos:before { content: "\f612"; } .fa-network-wired:before { content: "\f6ff"; } .fa-neuter:before { content: "\f22c"; } .fa-newspaper:before { content: "\f1ea"; } .fa-nimblr:before { content: "\f5a8"; } .fa-node:before { content: "\f419"; } .fa-node-js:before { content: "\f3d3"; } .fa-not-equal:before { content: "\f53e"; } .fa-notes-medical:before { content: "\f481"; } .fa-npm:before { content: "\f3d4"; } .fa-ns8:before { content: "\f3d5"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-octagon:before { content: "\f306"; } .fa-octopus-deploy:before { content: "\e082"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-oil-can:before { content: "\f613"; } .fa-oil-temp:before { content: "\f614"; } .fa-old-republic:before { content: "\f510"; } .fa-om:before { content: "\f679"; } .fa-omega:before { content: "\f67a"; } .fa-opencart:before { content: "\f23d"; } .fa-openid:before { content: "\f19b"; } .fa-opera:before { content: "\f26a"; } .fa-optin-monster:before { content: "\f23c"; } .fa-orcid:before { content: "\f8d2"; } .fa-ornament:before { content: "\f7b8"; } .fa-osi:before { content: "\f41a"; } .fa-otter:before { content: "\f700"; } .fa-outdent:before { content: "\f03b"; } .fa-outlet:before { content: "\e01c"; } .fa-oven:before { content: "\e01d"; } .fa-overline:before { content: "\f876"; } .fa-page-break:before { content: "\f877"; } .fa-page4:before { content: "\f3d7"; } .fa-pagelines:before { content: "\f18c"; } .fa-pager:before { content: "\f815"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-paint-brush-alt:before { content: "\f5a9"; } .fa-paint-roller:before { content: "\f5aa"; } .fa-palette:before { content: "\f53f"; } .fa-palfed:before { content: "\f3d8"; } .fa-pallet:before { content: "\f482"; } .fa-pallet-alt:before { content: "\f483"; } .fa-paper-plane:before { content: "\f1d8"; } .fa-paperclip:before { content: "\f0c6"; } .fa-parachute-box:before { content: "\f4cd"; } .fa-paragraph:before { content: "\f1dd"; } .fa-paragraph-rtl:before { content: "\f878"; } .fa-parking:before { content: "\f540"; } .fa-parking-circle:before { content: "\f615"; } .fa-parking-circle-slash:before { content: "\f616"; } .fa-parking-slash:before { content: "\f617"; } .fa-passport:before { content: "\f5ab"; } .fa-pastafarianism:before { content: "\f67b"; } .fa-paste:before { content: "\f0ea"; } .fa-patreon:before { content: "\f3d9"; } .fa-pause:before { content: "\f04c"; } .fa-pause-circle:before { content: "\f28b"; } .fa-paw:before { content: "\f1b0"; } .fa-paw-alt:before { content: "\f701"; } .fa-paw-claws:before { content: "\f702"; } .fa-paypal:before { content: "\f1ed"; } .fa-peace:before { content: "\f67c"; } .fa-pegasus:before { content: "\f703"; } .fa-pen:before { content: "\f304"; } .fa-pen-alt:before { content: "\f305"; } .fa-pen-fancy:before { content: "\f5ac"; } .fa-pen-nib:before { content: "\f5ad"; } .fa-pen-square:before { content: "\f14b"; } .fa-pencil:before { content: "\f040"; } .fa-pencil-alt:before { content: "\f303"; } .fa-pencil-paintbrush:before { content: "\f618"; } .fa-pencil-ruler:before { content: "\f5ae"; } .fa-pennant:before { content: "\f456"; } .fa-penny-arcade:before { content: "\f704"; } .fa-people-arrows:before { content: "\e068"; } .fa-people-carry:before { content: "\f4ce"; } .fa-pepper-hot:before { content: "\f816"; } .fa-perbyte:before { content: "\e083"; } .fa-percent:before { content: "\f295"; } .fa-percentage:before { content: "\f541"; } .fa-periscope:before { content: "\f3da"; } .fa-person-booth:before { content: "\f756"; } .fa-person-carry:before { content: "\f4cf"; } .fa-person-dolly:before { content: "\f4d0"; } .fa-person-dolly-empty:before { content: "\f4d1"; } .fa-person-sign:before { content: "\f757"; } .fa-phabricator:before { content: "\f3db"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-phone:before { content: "\f095"; } .fa-phone-alt:before { content: "\f879"; } .fa-phone-laptop:before { content: "\f87a"; } .fa-phone-office:before { content: "\f67d"; } .fa-phone-plus:before { content: "\f4d2"; } .fa-phone-rotary:before { content: "\f8d3"; } .fa-phone-slash:before { content: "\f3dd"; } .fa-phone-square:before { content: "\f098"; } .fa-phone-square-alt:before { content: "\f87b"; } .fa-phone-volume:before { content: "\f2a0"; } .fa-photo-video:before { content: "\f87c"; } .fa-php:before { content: "\f457"; } .fa-pi:before { content: "\f67e"; } .fa-piano:before { content: "\f8d4"; } .fa-piano-keyboard:before { content: "\f8d5"; } .fa-pie:before { content: "\f705"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-pied-piper-square:before { content: "\e01e"; } .fa-pig:before { content: "\f706"; } .fa-piggy-bank:before { content: "\f4d3"; } .fa-pills:before { content: "\f484"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-p:before { content: "\f231"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-pizza:before { content: "\f817"; } .fa-pizza-slice:before { content: "\f818"; } .fa-place-of-worship:before { content: "\f67f"; } .fa-plane:before { content: "\f072"; } .fa-plane-alt:before { content: "\f3de"; } .fa-plane-arrival:before { content: "\f5af"; } .fa-plane-departure:before { content: "\f5b0"; } .fa-plane-slash:before { content: "\e069"; } .fa-planet-moon:before { content: "\e01f"; } .fa-planet-ringed:before { content: "\e020"; } .fa-play:before { content: "\f04b"; } .fa-play-circle:before { content: "\f144"; } .fa-playstation:before { content: "\f3df"; } .fa-plug:before { content: "\f1e6"; } .fa-plus:before { content: "\f067"; } .fa-plus-circle:before { content: "\f055"; } .fa-plus-hexagon:before { content: "\f300"; } .fa-plus-octagon:before { content: "\f301"; } .fa-plus-square:before { content: "\f0fe"; } .fa-podcast:before { content: "\f2ce"; } .fa-podium:before { content: "\f680"; } .fa-podium-star:before { content: "\f758"; } .fa-police-box:before { content: "\e021"; } .fa-poll:before { content: "\f681"; } .fa-poll-h:before { content: "\f682"; } .fa-poll-people:before { content: "\f759"; } .fa-poo:before { content: "\f2fe"; } .fa-poo-storm:before { content: "\f75a"; } .fa-poop:before { content: "\f619"; } .fa-popcorn:before { content: "\f819"; } .fa-portal-enter:before { content: "\e022"; } .fa-portal-exit:before { content: "\e023"; } .fa-portrait:before { content: "\f3e0"; } .fa-pound-sign:before { content: "\f154"; } .fa-power-off:before { content: "\f011"; } .fa-pray:before { content: "\f683"; } .fa-praying-hands:before { content: "\f684"; } .fa-prescription:before { content: "\f5b1"; } .fa-prescription-bottle:before { content: "\f485"; } .fa-prescription-bottle-alt:before { content: "\f486"; } .fa-presentation:before { content: "\f685"; } .fa-print:before { content: "\f02f"; } .fa-print-search:before { content: "\f81a"; } .fa-print-slash:before { content: "\f686"; } .fa-procedures:before { content: "\f487"; } .fa-product-hunt:before { content: "\f288"; } .fa-project-diagram:before { content: "\f542"; } .fa-projector:before { content: "\f8d6"; } .fa-pump-medical:before { content: "\e06a"; } .fa-pump-soap:before { content: "\e06b"; } .fa-pumpkin:before { content: "\f707"; } .fa-pushed:before { content: "\f3e1"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-python:before { content: "\f3e2"; } .fa-qq:before { content: "\f1d6"; } .fa-qrcode:before { content: "\f029"; } .fa-question:before { content: "\f128"; } .fa-question-circle:before { content: "\f059"; } .fa-question-square:before { content: "\f2fd"; } .fa-quidditch:before { content: "\f458"; } .fa-quinscape:before { content: "\f459"; } .fa-quora:before { content: "\f2c4"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-quran:before { content: "\f687"; } .fa-r-project:before { content: "\f4f7"; } .fa-rabbit:before { content: "\f708"; } .fa-rabbit-fast:before { content: "\f709"; } .fa-racquet:before { content: "\f45a"; } .fa-radar:before { content: "\e024"; } .fa-radiation:before { content: "\f7b9"; } .fa-radiation-alt:before { content: "\f7ba"; } .fa-radio:before { content: "\f8d7"; } .fa-radio-alt:before { content: "\f8d8"; } .fa-rainbow:before { content: "\f75b"; } .fa-raindrops:before { content: "\f75c"; } .fa-ram:before { content: "\f70a"; } .fa-ramp-loading:before { content: "\f4d4"; } .fa-random:before { content: "\f074"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-ravelry:before { content: "\f2d9"; } .fa-raygun:before { content: "\e025"; } .fa-react:before { content: "\f41b"; } .fa-reacteurope:before { content: "\f75d"; } .fa-readme:before { content: "\f4d5"; } .fa-rebel:before { content: "\f1d0"; } .fa-receipt:before { content: "\f543"; } .fa-record-vinyl:before { content: "\f8d9"; } .fa-rectangle-landscape:before { content: "\f2fa"; } .fa-rectangle-portrait:before { content: "\f2fb"; } .fa-rectangle-wide:before { content: "\f2fc"; } .fa-recycle:before { content: "\f1b8"; } .fa-red-river:before { content: "\f3e3"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-alien:before { content: "\f281"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-redhat:before { content: "\f7bc"; } .fa-redo:before { content: "\f01e"; } .fa-redo-alt:before { content: "\f2f9"; } .fa-refrigerator:before { content: "\e026"; } .fa-registered:before { content: "\f25d"; } .fa-remove-format:before { content: "\f87d"; } .fa-renren:before { content: "\f18b"; } .fa-repeat:before { content: "\f363"; } .fa-repeat-1:before { content: "\f365"; } .fa-repeat-1-alt:before { content: "\f366"; } .fa-repeat-alt:before { content: "\f364"; } .fa-reply:before { content: "\f3e5"; } .fa-reply-all:before { content: "\f122"; } .fa-replyd:before { content: "\f3e6"; } .fa-republican:before { content: "\f75e"; } .fa-researchgate:before { content: "\f4f8"; } .fa-resolving:before { content: "\f3e7"; } .fa-restroom:before { content: "\f7bd"; } .fa-retweet:before { content: "\f079"; } .fa-retweet-alt:before { content: "\f361"; } .fa-rev:before { content: "\f5b2"; } .fa-ribbon:before { content: "\f4d6"; } .fa-ring:before { content: "\f70b"; } .fa-rings-wedding:before { content: "\f81b"; } .fa-road:before { content: "\f018"; } .fa-robot:before { content: "\f544"; } .fa-rocket:before { content: "\f135"; } .fa-rocket-launch:before { content: "\e027"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-rockrms:before { content: "\f3e9"; } .fa-route:before { content: "\f4d7"; } .fa-route-highway:before { content: "\f61a"; } .fa-route-interstate:before { content: "\f61b"; } .fa-router:before { content: "\f8da"; } .fa-rss:before { content: "\f09e"; } .fa-rss-square:before { content: "\f143"; } .fa-ruble-sign:before { content: "\f158"; } .fa-ruler:before { content: "\f545"; } .fa-ruler-combined:before { content: "\f546"; } .fa-ruler-horizontal:before { content: "\f547"; } .fa-ruler-triangle:before { content: "\f61c"; } .fa-ruler-vertical:before { content: "\f548"; } .fa-running:before { content: "\f70c"; } .fa-rupee-sign:before { content: "\f156"; } .fa-rust:before { content: "\e07a"; } .fa-rv:before { content: "\f7be"; } .fa-sack:before { content: "\f81c"; } .fa-sack-dollar:before { content: "\f81d"; } .fa-sad-cry:before { content: "\f5b3"; } .fa-sad-tear:before { content: "\f5b4"; } .fa-safari:before { content: "\f267"; } .fa-salad:before { content: "\f81e"; } .fa-salesforce:before { content: "\f83b"; } .fa-sandwich:before { content: "\f81f"; } .fa-sass:before { content: "\f41e"; } .fa-satellite:before { content: "\f7bf"; } .fa-satellite-dish:before { content: "\f7c0"; } .fa-sausage:before { content: "\f820"; } .fa-save:before { content: "\f0c7"; } .fa-sax-hot:before { content: "\f8db"; } .fa-saxophone:before { content: "\f8dc"; } .fa-scalpel:before { content: "\f61d"; } .fa-scalpel-path:before { content: "\f61e"; } .fa-scanner:before { content: "\f488"; } .fa-scanner-image:before { content: "\f8f3"; } .fa-scanner-keyboard:before { content: "\f489"; } .fa-scanner-touchscreen:before { content: "\f48a"; } .fa-scarecrow:before { content: "\f70d"; } .fa-scarf:before { content: "\f7c1"; } .fa-schlix:before { content: "\f3ea"; } .fa-school:before { content: "\f549"; } .fa-screwdriver:before { content: "\f54a"; } .fa-scribd:before { content: "\f28a"; } .fa-scroll:before { content: "\f70e"; } .fa-scroll-old:before { content: "\f70f"; } .fa-scrubber:before { content: "\f2f8"; } .fa-scythe:before { content: "\f710"; } .fa-sd-card:before { content: "\f7c2"; } .fa-search:before { content: "\f002"; } .fa-search-dollar:before { content: "\f688"; } .fa-search-location:before { content: "\f689"; } .fa-search-minus:before { content: "\f010"; } .fa-search-plus:before { content: "\f00e"; } .fa-searchengin:before { content: "\f3eb"; } .fa-seedling:before { content: "\f4d8"; } .fa-sellcast:before { content: "\f2da"; } .fa-sellsy:before { content: "\f213"; } .fa-send-back:before { content: "\f87e"; } .fa-send-backward:before { content: "\f87f"; } .fa-sensor:before { content: "\e028"; } .fa-sensor-alert:before { content: "\e029"; } .fa-sensor-fire:before { content: "\e02a"; } .fa-sensor-on:before { content: "\e02b"; } .fa-sensor-smoke:before { content: "\e02c"; } .fa-server:before { content: "\f233"; } .fa-servicestack:before { content: "\f3ec"; } .fa-shapes:before { content: "\f61f"; } .fa-share:before { content: "\f064"; } .fa-share-all:before { content: "\f367"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-share-square:before { content: "\f14d"; } .fa-sheep:before { content: "\f711"; } .fa-shekel-sign:before { content: "\f20b"; } .fa-shield:before { content: "\f132"; } .fa-shield-alt:before { content: "\f3ed"; } .fa-shield-check:before { content: "\f2f7"; } .fa-shield-cross:before { content: "\f712"; } .fa-shield-virus:before { content: "\e06c"; } .fa-ship:before { content: "\f21a"; } .fa-shipping-fast:before { content: "\f48b"; } .fa-shipping-timed:before { content: "\f48c"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-shish-kebab:before { content: "\f821"; } .fa-shoe-prints:before { content: "\f54b"; } .fa-shopify:before { content: "\e057"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-shopware:before { content: "\f5b5"; } .fa-shovel:before { content: "\f713"; } .fa-shovel-snow:before { content: "\f7c3"; } .fa-shower:before { content: "\f2cc"; } .fa-shredder:before { content: "\f68a"; } .fa-shuttle-van:before { content: "\f5b6"; } .fa-shuttlecock:before { content: "\f45b"; } .fa-sickle:before { content: "\f822"; } .fa-sigma:before { content: "\f68b"; } .fa-sign:before { content: "\f4d9"; } .fa-sign-in:before { content: "\f090"; } .fa-sign-in-alt:before { content: "\f2f6"; } .fa-sign-language:before { content: "\f2a7"; } .fa-sign-out:before { content: "\f08b"; } .fa-sign-out-alt:before { content: "\f2f5"; } .fa-signal:before { content: "\f012"; } .fa-signal-1:before { content: "\f68c"; } .fa-signal-2:before { content: "\f68d"; } .fa-signal-3:before { content: "\f68e"; } .fa-signal-4:before { content: "\f68f"; } .fa-signal-alt:before { content: "\f690"; } .fa-signal-alt-1:before { content: "\f691"; } .fa-signal-alt-2:before { content: "\f692"; } .fa-signal-alt-3:before { content: "\f693"; } .fa-signal-alt-slash:before { content: "\f694"; } .fa-signal-slash:before { content: "\f695"; } .fa-signal-stream:before { content: "\f8dd"; } .fa-signature:before { content: "\f5b7"; } .fa-sim-card:before { content: "\f7c4"; } .fa-simplybuilt:before { content: "\f215"; } .fa-sink:before { content: "\e06d"; } .fa-siren:before { content: "\e02d"; } .fa-siren-on:before { content: "\e02e"; } .fa-sistrix:before { content: "\f3ee"; } .fa-sitemap:before { content: "\f0e8"; } .fa-sith:before { content: "\f512"; } .fa-skating:before { content: "\f7c5"; } .fa-skeleton:before { content: "\f620"; } .fa-sketch:before { content: "\f7c6"; } .fa-ski-jump:before { content: "\f7c7"; } .fa-ski-lift:before { content: "\f7c8"; } .fa-skiing:before { content: "\f7c9"; } .fa-skiing-nordic:before { content: "\f7ca"; } .fa-skull:before { content: "\f54c"; } .fa-skull-cow:before { content: "\f8de"; } .fa-skull-crossbones:before { content: "\f714"; } .fa-skyatlas:before { content: "\f216"; } .fa-skype:before { content: "\f17e"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f3ef"; } .fa-slash:before { content: "\f715"; } .fa-sledding:before { content: "\f7cb"; } .fa-sleigh:before { content: "\f7cc"; } .fa-sliders-h:before { content: "\f1de"; } .fa-sliders-h-square:before { content: "\f3f0"; } .fa-sliders-v:before { content: "\f3f1"; } .fa-sliders-v-square:before { content: "\f3f2"; } .fa-slideshare:before { content: "\f1e7"; } .fa-smile:before { content: "\f118"; } .fa-smile-beam:before { content: "\f5b8"; } .fa-smile-plus:before { content: "\f5b9"; } .fa-smile-wink:before { content: "\f4da"; } .fa-smog:before { content: "\f75f"; } .fa-smoke:before { content: "\f760"; } .fa-smoking:before { content: "\f48d"; } .fa-smoking-ban:before { content: "\f54d"; } .fa-sms:before { content: "\f7cd"; } .fa-snake:before { content: "\f716"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ac"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-snooze:before { content: "\f880"; } .fa-snow-blowing:before { content: "\f761"; } .fa-snowboarding:before { content: "\f7ce"; } .fa-snowflake:before { content: "\f2dc"; } .fa-snowflakes:before { content: "\f7cf"; } .fa-snowman:before { content: "\f7d0"; } .fa-snowmobile:before { content: "\f7d1"; } .fa-snowplow:before { content: "\f7d2"; } .fa-soap:before { content: "\e06e"; } .fa-socks:before { content: "\f696"; } .fa-solar-panel:before { content: "\f5ba"; } .fa-solar-system:before { content: "\e02f"; } .fa-sort:before { content: "\f0dc"; } .fa-sort-alpha-down:before { content: "\f15d"; } .fa-sort-alpha-down-alt:before { content: "\f881"; } .fa-sort-alpha-up:before { content: "\f15e"; } .fa-sort-alpha-up-alt:before { content: "\f882"; } .fa-sort-alt:before { content: "\f883"; } .fa-sort-amount-down:before { content: "\f160"; } .fa-sort-amount-down-alt:before { content: "\f884"; } .fa-sort-amount-up:before { content: "\f161"; } .fa-sort-amount-up-alt:before { content: "\f885"; } .fa-sort-circle:before { content: "\e030"; } .fa-sort-circle-down:before { content: "\e031"; } .fa-sort-circle-up:before { content: "\e032"; } .fa-sort-down:before { content: "\f0dd"; } .fa-sort-numeric-down:before { content: "\f162"; } .fa-sort-numeric-down-alt:before { content: "\f886"; } .fa-sort-numeric-up:before { content: "\f163"; } .fa-sort-numeric-up-alt:before { content: "\f887"; } .fa-sort-shapes-down:before { content: "\f888"; } .fa-sort-shapes-down-alt:before { content: "\f889"; } .fa-sort-shapes-up:before { content: "\f88a"; } .fa-sort-shapes-up-alt:before { content: "\f88b"; } .fa-sort-size-down:before { content: "\f88c"; } .fa-sort-size-down-alt:before { content: "\f88d"; } .fa-sort-size-up:before { content: "\f88e"; } .fa-sort-size-up-alt:before { content: "\f88f"; } .fa-sort-up:before { content: "\f0de"; } .fa-soundcloud:before { content: "\f1be"; } .fa-soup:before { content: "\f823"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-spa:before { content: "\f5bb"; } .fa-space-shuttle:before { content: "\f197"; } .fa-space-station-moon:before { content: "\e033"; } .fa-space-station-moon-alt:before { content: "\e034"; } .fa-spade:before { content: "\f2f4"; } .fa-sparkles:before { content: "\f890"; } .fa-speakap:before { content: "\f3f3"; } .fa-speaker:before { content: "\f8df"; } .fa-speaker-deck:before { content: "\f83c"; } .fa-speakers:before { content: "\f8e0"; } .fa-spell-check:before { content: "\f891"; } .fa-spider:before { content: "\f717"; } .fa-spider-black-widow:before { content: "\f718"; } .fa-spider-web:before { content: "\f719"; } .fa-spinner:before { content: "\f110"; } .fa-spinner-third:before { content: "\f3f4"; } .fa-splotch:before { content: "\f5bc"; } .fa-spotify:before { content: "\f1bc"; } .fa-spray-can:before { content: "\f5bd"; } .fa-sprinkler:before { content: "\e035"; } .fa-square:before { content: "\f0c8"; } .fa-square-full:before { content: "\f45c"; } .fa-square-root:before { content: "\f697"; } .fa-square-root-alt:before { content: "\f698"; } .fa-squarespace:before { content: "\f5be"; } .fa-squirrel:before { content: "\f71a"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-stackpath:before { content: "\f842"; } .fa-staff:before { content: "\f71b"; } .fa-stamp:before { content: "\f5bf"; } .fa-star:before { content: "\f005"; } .fa-star-and-crescent:before { content: "\f699"; } .fa-star-christmas:before { content: "\f7d4"; } .fa-star-exclamation:before { content: "\f2f3"; } .fa-star-half:before { content: "\f089"; } .fa-star-half-alt:before { content: "\f5c0"; } .fa-star-of-david:before { content: "\f69a"; } .fa-star-of-life:before { content: "\f621"; } .fa-star-shooting:before { content: "\e036"; } .fa-starfighter:before { content: "\e037"; } .fa-starfighter-alt:before { content: "\e038"; } .fa-stars:before { content: "\f762"; } .fa-starship:before { content: "\e039"; } .fa-starship-freighter:before { content: "\e03a"; } .fa-staylinked:before { content: "\f3f5"; } .fa-steak:before { content: "\f824"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-steam-symbol:before { content: "\f3f6"; } .fa-steering-wheel:before { content: "\f622"; } .fa-step-backward:before { content: "\f048"; } .fa-step-forward:before { content: "\f051"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-sticky-note:before { content: "\f249"; } .fa-stocking:before { content: "\f7d5"; } .fa-stomach:before { content: "\f623"; } .fa-stop:before { content: "\f04d"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stopwatch:before { content: "\f2f2"; } .fa-stopwatch-20:before { content: "\e06f"; } .fa-store:before { content: "\f54e"; } .fa-store-alt:before { content: "\f54f"; } .fa-store-alt-slash:before { content: "\e070"; } .fa-store-slash:before { content: "\e071"; } .fa-strava:before { content: "\f428"; } .fa-stream:before { content: "\f550"; } .fa-street-view:before { content: "\f21d"; } .fa-stretcher:before { content: "\f825"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-stripe:before { content: "\f429"; } .fa-stripe-s:before { content: "\f42a"; } .fa-stroopwafel:before { content: "\f551"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-subscript:before { content: "\f12c"; } .fa-subway:before { content: "\f239"; } .fa-suitcase:before { content: "\f0f2"; } .fa-suitcase-rolling:before { content: "\f5c1"; } .fa-sun:before { content: "\f185"; } .fa-sun-cloud:before { content: "\f763"; } .fa-sun-dust:before { content: "\f764"; } .fa-sun-haze:before { content: "\f765"; } .fa-sunglasses:before { content: "\f892"; } .fa-sunrise:before { content: "\f766"; } .fa-sunset:before { content: "\f767"; } .fa-superpowers:before { content: "\f2dd"; } .fa-superscript:before { content: "\f12b"; } .fa-supple:before { content: "\f3f9"; } .fa-surprise:before { content: "\f5c2"; } .fa-suse:before { content: "\f7d6"; } .fa-swatchbook:before { content: "\f5c3"; } .fa-swift:before { content: "\f8e1"; } .fa-swimmer:before { content: "\f5c4"; } .fa-swimming-pool:before { content: "\f5c5"; } .fa-sword:before { content: "\f71c"; } .fa-sword-laser:before { content: "\e03b"; } .fa-sword-laser-alt:before { content: "\e03c"; } .fa-swords:before { content: "\f71d"; } .fa-swords-laser:before { content: "\e03d"; } .fa-symfony:before { content: "\f83d"; } .fa-synagogue:before { content: "\f69b"; } .fa-sync:before { content: "\f021"; } .fa-sync-alt:before { content: "\f2f1"; } .fa-syringe:before { content: "\f48e"; } .fa-table:before { content: "\f0ce"; } .fa-table-tennis:before { content: "\f45d"; } .fa-tablet:before { content: "\f10a"; } .fa-tablet-alt:before { content: "\f3fa"; } .fa-tablet-android:before { content: "\f3fb"; } .fa-tablet-android-alt:before { content: "\f3fc"; } .fa-tablet-rugged:before { content: "\f48f"; } .fa-tablets:before { content: "\f490"; } .fa-tachometer:before { content: "\f0e4"; } .fa-tachometer-alt:before { content: "\f3fd"; } .fa-tachometer-alt-average:before { content: "\f624"; } .fa-tachometer-alt-fast:before { content: "\f625"; } .fa-tachometer-alt-fastest:before { content: "\f626"; } .fa-tachometer-alt-slow:before { content: "\f627"; } .fa-tachometer-alt-slowest:before { content: "\f628"; } .fa-tachometer-average:before { content: "\f629"; } .fa-tachometer-fast:before { content: "\f62a"; } .fa-tachometer-fastest:before { content: "\f62b"; } .fa-tachometer-slow:before { content: "\f62c"; } .fa-tachometer-slowest:before { content: "\f62d"; } .fa-taco:before { content: "\f826"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-tally:before { content: "\f69c"; } .fa-tanakh:before { content: "\f827"; } .fa-tape:before { content: "\f4db"; } .fa-tasks:before { content: "\f0ae"; } .fa-tasks-alt:before { content: "\f828"; } .fa-taxi:before { content: "\f1ba"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-teeth:before { content: "\f62e"; } .fa-teeth-open:before { content: "\f62f"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f3fe"; } .fa-telescope:before { content: "\e03e"; } .fa-temperature-down:before { content: "\e03f"; } .fa-temperature-frigid:before { content: "\f768"; } .fa-temperature-high:before { content: "\f769"; } .fa-temperature-hot:before { content: "\f76a"; } .fa-temperature-low:before { content: "\f76b"; } .fa-temperature-up:before { content: "\e040"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-tenge:before { content: "\f7d7"; } .fa-tennis-ball:before { content: "\f45e"; } .fa-terminal:before { content: "\f120"; } .fa-text:before { content: "\f893"; } .fa-text-height:before { content: "\f034"; } .fa-text-size:before { content: "\f894"; } .fa-text-width:before { content: "\f035"; } .fa-th:before { content: "\f00a"; } .fa-th-large:before { content: "\f009"; } .fa-th-list:before { content: "\f00b"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-theater-masks:before { content: "\f630"; } .fa-themeco:before { content: "\f5c6"; } .fa-themeisle:before { content: "\f2b2"; } .fa-thermometer:before { content: "\f491"; } .fa-thermometer-empty:before { content: "\f2cb"; } .fa-thermometer-full:before { content: "\f2c7"; } .fa-thermometer-half:before { content: "\f2c9"; } .fa-thermometer-quarter:before { content: "\f2ca"; } .fa-thermometer-three-quarters:before { content: "\f2c8"; } .fa-theta:before { content: "\f69e"; } .fa-think-peaks:before { content: "\f731"; } .fa-thumbs-down:before { content: "\f165"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbtack:before { content: "\f08d"; } .fa-thunderstorm:before { content: "\f76c"; } .fa-thunderstorm-moon:before { content: "\f76d"; } .fa-thunderstorm-sun:before { content: "\f76e"; } .fa-ticket:before { content: "\f145"; } .fa-ticket-alt:before { content: "\f3ff"; } .fa-tiktok:before { content: "\e07b"; } .fa-tilde:before { content: "\f69f"; } .fa-times:before { content: "\f00d"; } .fa-times-circle:before { content: "\f057"; } .fa-times-hexagon:before { content: "\f2ee"; } .fa-times-octagon:before { content: "\f2f0"; } .fa-times-square:before { content: "\f2d3"; } .fa-tint:before { content: "\f043"; } .fa-tint-slash:before { content: "\f5c7"; } .fa-tire:before { content: "\f631"; } .fa-tire-flat:before { content: "\f632"; } .fa-tire-pressure-warning:before { content: "\f633"; } .fa-tire-rugged:before { content: "\f634"; } .fa-tired:before { content: "\f5c8"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-toilet:before { content: "\f7d8"; } .fa-toilet-paper:before { content: "\f71e"; } .fa-toilet-paper-alt:before { content: "\f71f"; } .fa-toilet-paper-slash:before { content: "\e072"; } .fa-tombstone:before { content: "\f720"; } .fa-tombstone-alt:before { content: "\f721"; } .fa-toolbox:before { content: "\f552"; } .fa-tools:before { content: "\f7d9"; } .fa-tooth:before { content: "\f5c9"; } .fa-toothbrush:before { content: "\f635"; } .fa-torah:before { content: "\f6a0"; } .fa-torii-gate:before { content: "\f6a1"; } .fa-tornado:before { content: "\f76f"; } .fa-tractor:before { content: "\f722"; } .fa-trade-federation:before { content: "\f513"; } .fa-trademark:before { content: "\f25c"; } .fa-traffic-cone:before { content: "\f636"; } .fa-traffic-light:before { content: "\f637"; } .fa-traffic-light-go:before { content: "\f638"; } .fa-traffic-light-slow:before { content: "\f639"; } .fa-traffic-light-stop:before { content: "\f63a"; } .fa-trailer:before { content: "\e041"; } .fa-train:before { content: "\f238"; } .fa-tram:before { content: "\f7da"; } .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-transporter:before { content: "\e042"; } .fa-transporter-1:before { content: "\e043"; } .fa-transporter-2:before { content: "\e044"; } .fa-transporter-3:before { content: "\e045"; } .fa-transporter-empty:before { content: "\e046"; } .fa-trash:before { content: "\f1f8"; } .fa-trash-alt:before { content: "\f2ed"; } .fa-trash-restore:before { content: "\f829"; } .fa-trash-restore-alt:before { content: "\f82a"; } .fa-trash-undo:before { content: "\f895"; } .fa-trash-undo-alt:before { content: "\f896"; } .fa-treasure-chest:before { content: "\f723"; } .fa-tree:before { content: "\f1bb"; } .fa-tree-alt:before { content: "\f400"; } .fa-tree-christmas:before { content: "\f7db"; } .fa-tree-decorated:before { content: "\f7dc"; } .fa-tree-large:before { content: "\f7dd"; } .fa-tree-palm:before { content: "\f82b"; } .fa-trees:before { content: "\f724"; } .fa-trello:before { content: "\f181"; } .fa-triangle:before { content: "\f2ec"; } .fa-triangle-music:before { content: "\f8e2"; } .fa-trophy:before { content: "\f091"; } .fa-trophy-alt:before { content: "\f2eb"; } .fa-truck:before { content: "\f0d1"; } .fa-truck-container:before { content: "\f4dc"; } .fa-truck-couch:before { content: "\f4dd"; } .fa-truck-loading:before { content: "\f4de"; } .fa-truck-monster:before { content: "\f63b"; } .fa-truck-moving:before { content: "\f4df"; } .fa-truck-pickup:before { content: "\f63c"; } .fa-truck-plow:before { content: "\f7de"; } .fa-truck-ramp:before { content: "\f4e0"; } .fa-trumpet:before { content: "\f8e3"; } .fa-tshirt:before { content: "\f553"; } .fa-tty:before { content: "\f1e4"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-turkey:before { content: "\f725"; } .fa-turntable:before { content: "\f8e4"; } .fa-turtle:before { content: "\f726"; } .fa-tv:before { content: "\f26c"; } .fa-tv-alt:before { content: "\f8e5"; } .fa-tv-music:before { content: "\f8e6"; } .fa-tv-retro:before { content: "\f401"; } .fa-twitch:before { content: "\f1e8"; } .fa-twitter:before { content: "\f099"; } .fa-twitter-square:before { content: "\f081"; } .fa-typewriter:before { content: "\f8e7"; } .fa-typo3:before { content: "\f42b"; } .fa-uber:before { content: "\f402"; } .fa-ubuntu:before { content: "\f7df"; } .fa-ufo:before { content: "\e047"; } .fa-ufo-beam:before { content: "\e048"; } .fa-uikit:before { content: "\f403"; } .fa-umbraco:before { content: "\f8e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-umbrella-beach:before { content: "\f5ca"; } .fa-uncharted:before { content: "\e084"; } .fa-underline:before { content: "\f0cd"; } .fa-undo:before { content: "\f0e2"; } .fa-undo-alt:before { content: "\f2ea"; } .fa-unicorn:before { content: "\f727"; } .fa-union:before { content: "\f6a2"; } .fa-uniregistry:before { content: "\f404"; } .fa-unity:before { content: "\e049"; } .fa-universal-access:before { content: "\f29a"; } .fa-university:before { content: "\f19c"; } .fa-unlink:before { content: "\f127"; } .fa-unlock:before { content: "\f09c"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-unsplash:before { content: "\e07c"; } .fa-untappd:before { content: "\f405"; } .fa-upload:before { content: "\f093"; } .fa-ups:before { content: "\f7e0"; } .fa-usb:before { content: "\f287"; } .fa-usb-drive:before { content: "\f8e9"; } .fa-usd-circle:before { content: "\f2e8"; } .fa-usd-square:before { content: "\f2e9"; } .fa-user:before { content: "\f007"; } .fa-user-alien:before { content: "\e04a"; } .fa-user-alt:before { content: "\f406"; } .fa-user-alt-slash:before { content: "\f4fa"; } .fa-user-astronaut:before { content: "\f4fb"; } .fa-user-chart:before { content: "\f6a3"; } .fa-user-check:before { content: "\f4fc"; } .fa-user-circle:before { content: "\f2bd"; } .fa-user-clock:before { content: "\f4fd"; } .fa-user-cog:before { content: "\f4fe"; } .fa-user-cowboy:before { content: "\f8ea"; } .fa-user-crown:before { content: "\f6a4"; } .fa-user-edit:before { content: "\f4ff"; } .fa-user-friends:before { content: "\f500"; } .fa-user-graduate:before { content: "\f501"; } .fa-user-hard-hat:before { content: "\f82c"; } .fa-user-headset:before { content: "\f82d"; } .fa-user-injured:before { content: "\f728"; } .fa-user-lock:before { content: "\f502"; } .fa-user-md:before { content: "\f0f0"; } .fa-user-md-chat:before { content: "\f82e"; } .fa-user-minus:before { content: "\f503"; } .fa-user-music:before { content: "\f8eb"; } .fa-user-ninja:before { content: "\f504"; } .fa-user-nurse:before { content: "\f82f"; } .fa-user-plus:before { content: "\f234"; } .fa-user-robot:before { content: "\e04b"; } .fa-user-secret:before { content: "\f21b"; } .fa-user-shield:before { content: "\f505"; } .fa-user-slash:before { content: "\f506"; } .fa-user-tag:before { content: "\f507"; } .fa-user-tie:before { content: "\f508"; } .fa-user-times:before { content: "\f235"; } .fa-user-unlock:before { content: "\e058"; } .fa-user-visor:before { content: "\e04c"; } .fa-users:before { content: "\f0c0"; } .fa-users-class:before { content: "\f63d"; } .fa-users-cog:before { content: "\f509"; } .fa-users-crown:before { content: "\f6a5"; } .fa-users-medical:before { content: "\f830"; } .fa-users-slash:before { content: "\e073"; } .fa-usps:before { content: "\f7e1"; } .fa-ussunnah:before { content: "\f407"; } .fa-utensil-fork:before { content: "\f2e3"; } .fa-utensil-knife:before { content: "\f2e4"; } .fa-utensil-spoon:before { content: "\f2e5"; } .fa-utensils:before { content: "\f2e7"; } .fa-utensils-alt:before { content: "\f2e6"; } .fa-vaadin:before { content: "\f408"; } .fa-vacuum:before { content: "\e04d"; } .fa-vacuum-robot:before { content: "\e04e"; } .fa-value-absolute:before { content: "\f6a6"; } .fa-vector-square:before { content: "\f5cb"; } .fa-venus:before { content: "\f221"; } .fa-venus-double:before { content: "\f226"; } .fa-venus-mars:before { content: "\f228"; } .fa-vest:before { content: "\e085"; } .fa-vest-patches:before { content: "\e086"; } .fa-vhs:before { content: "\f8ec"; } .fa-viacoin:before { content: "\f237"; } .fa-viadeo:before { content: "\f2a9"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-vial:before { content: "\f492"; } .fa-vials:before { content: "\f493"; } .fa-viber:before { content: "\f409"; } .fa-video:before { content: "\f03d"; } .fa-video-plus:before { content: "\f4e1"; } .fa-video-slash:before { content: "\f4e2"; } .fa-vihara:before { content: "\f6a7"; } .fa-vimeo:before { content: "\f40a"; } .fa-vimeo-square:before { content: "\f194"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-vine:before { content: "\f1ca"; } .fa-violin:before { content: "\f8ed"; } .fa-virus:before { content: "\e074"; } .fa-virus-slash:before { content: "\e075"; } .fa-viruses:before { content: "\e076"; } .fa-vk:before { content: "\f189"; } .fa-vnv:before { content: "\f40b"; } .fa-voicemail:before { content: "\f897"; } .fa-volcano:before { content: "\f770"; } .fa-volleyball-ball:before { content: "\f45f"; } .fa-volume:before { content: "\f6a8"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-mute:before { content: "\f6a9"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-slash:before { content: "\f2e2"; } .fa-volume-up:before { content: "\f028"; } .fa-vote-nay:before { content: "\f771"; } .fa-vote-yea:before { content: "\f772"; } .fa-vr-cardboard:before { content: "\f729"; } .fa-vuejs:before { content: "\f41f"; } .fa-wagon-covered:before { content: "\f8ee"; } .fa-walker:before { content: "\f831"; } .fa-walkie-talkie:before { content: "\f8ef"; } .fa-walking:before { content: "\f554"; } .fa-wallet:before { content: "\f555"; } .fa-wand:before { content: "\f72a"; } .fa-wand-magic:before { content: "\f72b"; } .fa-warehouse:before { content: "\f494"; } .fa-warehouse-alt:before { content: "\f495"; } .fa-washer:before { content: "\f898"; } .fa-watch:before { content: "\f2e1"; } .fa-watch-calculator:before { content: "\f8f0"; } .fa-watch-fitness:before { content: "\f63e"; } .fa-watchman-monitoring:before { content: "\e087"; } .fa-water:before { content: "\f773"; } .fa-water-lower:before { content: "\f774"; } .fa-water-rise:before { content: "\f775"; } .fa-wave-sine:before { content: "\f899"; } .fa-wave-square:before { content: "\f83e"; } .fa-wave-triangle:before { content: "\f89a"; } .fa-waveform:before { content: "\f8f1"; } .fa-waveform-path:before { content: "\f8f2"; } .fa-waze:before { content: "\f83f"; } .fa-webcam:before { content: "\f832"; } .fa-webcam-slash:before { content: "\f833"; } .fa-weebly:before { content: "\f5cc"; } .fa-weibo:before { content: "\f18a"; } .fa-weight:before { content: "\f496"; } .fa-weight-hanging:before { content: "\f5cd"; } .fa-weixin:before { content: "\f1d7"; } .fa-whale:before { content: "\f72c"; } .fa-whatsapp:before { content: "\f232"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-wheat:before { content: "\f72d"; } .fa-wheelchair:before { content: "\f193"; } .fa-whistle:before { content: "\f460"; } .fa-whmcs:before { content: "\f40d"; } .fa-wifi:before { content: "\f1eb"; } .fa-wifi-1:before { content: "\f6aa"; } .fa-wifi-2:before { content: "\f6ab"; } .fa-wifi-slash:before { content: "\f6ac"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wind:before { content: "\f72e"; } .fa-wind-turbine:before { content: "\f89b"; } .fa-wind-warning:before { content: "\f776"; } .fa-window:before { content: "\f40e"; } .fa-window-alt:before { content: "\f40f"; } .fa-window-close:before { content: "\f410"; } .fa-window-frame:before { content: "\e04f"; } .fa-window-frame-open:before { content: "\e050"; } .fa-window-maximize:before { content: "\f2d0"; } .fa-window-minimize:before { content: "\f2d1"; } .fa-window-restore:before { content: "\f2d2"; } .fa-windows:before { content: "\f17a"; } .fa-windsock:before { content: "\f777"; } .fa-wine-bottle:before { content: "\f72f"; } .fa-wine-glass:before { content: "\f4e3"; } .fa-wine-glass-alt:before { content: "\f5ce"; } .fa-wix:before { content: "\f5cf"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-wodu:before { content: "\e088"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-won-sign:before { content: "\f159"; } .fa-wordpress:before { content: "\f19a"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-wpbeginner:before { content: "\f297"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-wpforms:before { content: "\f298"; } .fa-wpressr:before { content: "\f3e4"; } .fa-wreath:before { content: "\f7e2"; } .fa-wrench:before { content: "\f0ad"; } .fa-x-ray:before { content: "\f497"; } .fa-xbox:before { content: "\f412"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-y-combinator:before { content: "\f23b"; } .fa-yahoo:before { content: "\f19e"; } .fa-yammer:before { content: "\f840"; } .fa-yandex:before { content: "\f413"; } .fa-yandex-international:before { content: "\f414"; } .fa-yarn:before { content: "\f7e3"; } .fa-yelp:before { content: "\f1e9"; } .fa-yen-sign:before { content: "\f157"; } .fa-yin-yang:before { content: "\f6ad"; } .fa-yoast:before { content: "\f2b1"; } .fa-youtube:before { content: "\f167"; } .fa-youtube-square:before { content: "\f431"; } .fa-zhihu:before { content: "\f63f"; } .sr-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /*! * Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */ @font-face { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 300; font-display: block; src: url("../assets/fonts/fontawesome/fa-light-300.eot"); src: url("../assets/fonts/fontawesome/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/fontawesome/fa-light-300.woff2") format("woff2"), url("../assets/fonts/fontawesome/fa-light-300.woff") format("woff"), url("../assets/fonts/fontawesome/fa-light-300.ttf") format("truetype"), url("../assets/fonts/fontawesome/fa-light-300.svg#fontawesome") format("svg"); } .fal, .kadaster .blockquote-content:before, .kadaster .blockquote-content:after { font-family: "Font Awesome 5 Pro"; font-weight: 300; } /*! * Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */ @font-face { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 900; font-display: block; src: url("../assets/fonts/fontawesome/fa-solid-900.eot"); src: url("../assets/fonts/fontawesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/fontawesome/fa-solid-900.woff2") format("woff2"), url("../assets/fonts/fontawesome/fa-solid-900.woff") format("woff"), url("../assets/fonts/fontawesome/fa-solid-900.ttf") format("truetype"), url("../assets/fonts/fontawesome/fa-solid-900.svg#fontawesome") format("svg"); } .fa, .fas { font-family: "Font Awesome 5 Pro"; font-weight: 900; } /*! * Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */ @font-face { font-family: "Font Awesome 5 Pro"; font-style: normal; font-weight: 400; font-display: block; src: url("../assets/fonts/fontawesome/fa-regular-400.eot"); src: url("../assets/fonts/fontawesome/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/fontawesome/fa-regular-400.woff2") format("woff2"), url("../assets/fonts/fontawesome/fa-regular-400.woff") format("woff"), url("../assets/fonts/fontawesome/fa-regular-400.ttf") format("truetype"), url("../assets/fonts/fontawesome/fa-regular-400.svg#fontawesome") format("svg"); } .far { font-family: "Font Awesome 5 Pro"; font-weight: 400; } /*! * Font Awesome Pro 5.15.4 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */ @font-face { font-family: "Font Awesome 5 Brands"; font-style: normal; font-weight: 400; font-display: block; src: url("../assets/fonts/fontawesome/fa-brands-400.eot"); src: url("../assets/fonts/fontawesome/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/fontawesome/fa-brands-400.woff2") format("woff2"), url("../assets/fonts/fontawesome/fa-brands-400.woff") format("woff"), url("../assets/fonts/fontawesome/fa-brands-400.ttf") format("truetype"), url("../assets/fonts/fontawesome/fa-brands-400.svg#fontawesome") format("svg"); } .fab { font-family: "Font Awesome 5 Brands"; font-weight: 400; } /* keep this equal to $bullet-list-bullet-width */ .fa-ul { margin-left: 2.25rem; } .fa-ul .fa-li { left: -2.25rem; width: auto; /* unsets font awesome's default hardcoded width (for which we have no use), aligning the icon to the left */ } /* ========================================================== ANIMATIONS ========================================================== */ @keyframes displayContent { /* To be used for panels & mobile menu when using visibility attribute */ 0% { visibility: hidden; } 1% { visibility: visible; } 100% { visibility: visible; } } /* ========================================================== FONTS ========================================================== * Mobile Safari will crash when using the same family name for multiple declarations, as described here: * http://www.456bereastreet.com/archive/201012/font-face_tip_define_font-weight_and_font-style_to_keep_your_css_simple/ * * However, using a fix we can it the 'normal' svg font. Described here: * http://noscope.com/2010/the-peculiarly-bad-situation-with-web-fonts-on-apples-ipad/ */ @font-face { font-family: "Auto 1"; font-style: normal; font-weight: normal; /* Read next point */ font-display: swap; /* Download only latin glyphs */ unicode-range: U+000-5FF; src: local("Auto1-Regular"), url("../assets/fonts/auto/Auto_1_Regular.eot?#iefix&v=uqui8bk") format("embedded-opentype"), url("../assets/fonts/auto/Auto_1_Regular.woff?v=uqui8c4") format("woff"), url("../assets/fonts/auto/Auto_1_Regular.ttf?v=uqui8ca") format("truetype"), url("../assets/fonts/auto/Auto_1_Regular.svg#Auto_1_Regular?v=uqui8ch") format("svg"); } @font-face { font-family: "Auto 1"; font-style: normal; font-weight: 700; /* Read next point */ font-display: swap; /* Download only latin glyphs */ unicode-range: U+000-5FF; src: local("Auto1-Bold"), url("../assets/fonts/auto/Auto_1_Bold.ttf?v=uqui8d5") format("truetype"); } /* Open Sans 400, 600 en 300 */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: normal; /* Read next point */ font-display: swap; /* Download only latin glyphs */ unicode-range: U+000-5FF; src: local("OpenSans-Regular"), url("../assets/fonts/opensans/OpenSans-Regular.ttf?v=uqui8de") format("truetype"); } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 600; /* Read next point */ font-display: swap; /* Download only latin glyphs */ unicode-range: U+000-5FF; src: local("OpenSans-SemiBold"), url("../assets/fonts/opensans/OpenSans-SemiBold.ttf?v=uqui8e9") format("truetype"); } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300; /* Read next point */ font-display: swap; /* Download only latin glyphs */ unicode-range: U+000-5FF; src: local("OpenSans-Light"), url("../assets/fonts/opensans/OpenSans-Light.ttf?v=uqui8em") format("truetype"); } /* Open Sans Italic 400, 600 en 300 */ @font-face { font-family: "Open Sans"; font-style: italic; font-weight: normal; /* Read next point */ font-display: swap; /* Download only latin glyphs */ unicode-range: U+000-5FF; src: local("OpenSans-Italic"), url("../assets/fonts/opensans/OpenSans-Italic.ttf?v=uqui8ew") format("truetype"); } @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 600; /* Read next point */ font-display: swap; /* Download only latin glyphs */ unicode-range: U+000-5FF; src: local("OpenSans-SemiBoldItalic"), url("../assets/fonts/opensans/OpenSans-SemiBoldItalic.ttf?v=uqui8f7") format("truetype"); } @font-face { font-family: "Open Sans"; font-style: italic; font-weight: 300; /* Read next point */ font-display: swap; /* Download only latin glyphs */ unicode-range: U+000-5FF; src: local("OpenSans-LightItalic"), url("../assets/fonts/opensans/OpenSans-LightItalic.ttf?v=uqui8fu") format("truetype"); } /* ----------------------------------------------------------- LISTS ----------------------------------------------------------- * The normal UL bullets are replaced by smaller bullets with a different color. * We use margin-left with a negative offset for bullets to support multi-line text. */ /* ordered lists are aligned left with 'normal' content via padding-left */ /* STATE STYLE GENERATOR */ /* BACKDROP */ /* ========================================================== KADASTER-BOOTSTRAP UTILITIES ========================================================== * Utility classes to be used throughout the project. */ /* ----------------------------------------------------------- SCROLLING ----------------------------------------------------------- * Utilities for page scrolling. */ /* noscroll is set via JS on the html element when mobile menu is opened */ .noscroll { overflow: hidden; } /* used on body */ .noscroll-x { overflow-x: hidden; } /* ----------------------------------------------------------- IMAGES ----------------------------------------------------------- * Utilities specific for images. */ .cover { font-family: "object-fit: cover;"; /* Polyfill (object-fit-images) for object-fit to support IE */ object-fit: cover !important; } /* ========================================================== ASPECT RATIOS ========================================================== * Functions and styling used to set aspect ratios. */ /* Loop through the aspect-ratios map in variables.scss. Use both values defined in of each $aspect-ratio in the map. Calculate correct percentage using both values to force aspect-ratio via padding. Use the $aspect-ratio key to make the correct class names available. Set aspect-ratio class together with the aspect-ratio-parent class on the container element.*/ .aspect-ratio-1-1 { padding-bottom: 100%; } .aspect-ratio-2-1 { padding-bottom: 50%; } .aspect-ratio-3-1 { padding-bottom: 33.3333333333%; } .aspect-ratio-2-3 { padding-bottom: 150%; } .aspect-ratio-3-2 { padding-bottom: 66.6666666667%; } .aspect-ratio-3-4 { padding-bottom: 133.3333333333%; } .aspect-ratio-4-3 { padding-bottom: 75%; } .aspect-ratio-7-9 { padding-bottom: 128.5714285714%; } .aspect-ratio-8-5 { padding-bottom: 62.5%; } .aspect-ratio-13-6 { padding-bottom: 46.1538461538%; } .aspect-ratio-16-9 { padding-bottom: 56.25%; } /* Sets the base of the aspect ratio classes to make sure the content is cropped correctly */ .aspect-ratio-parent { position: relative; overflow: hidden; } .aspect-ratio-parent .aspect-ratio-child { position: absolute; width: 100%; height: 100%; /* When the child is an image, the object-fit property can be applied via the .cover utility class. */ } /* ----------------------------------------------------------- BACKGROUND ----------------------------------------------------------- * Backgrounds should have a semantic name, but since they don't have any functional value we call * them alpha, bravo, etc. */ /* Loop through the background-colors map in variables.scss. * Calculate correct percentage using both values to force aspect-ratio via padding. * Use the $background-color key to make the correct class names available. */ .bg-alpha { background-color: #e6f3f5; } .bg-cobalt-blue-05 { background-color: #f2f5f9; } .bg-image-overlay-blocks { position: absolute; inset: 0; background: transparent url("../assets/images/overlay/overlay-blocks.png") 0 100%/100% auto no-repeat; z-index: 60; } .bg-image-map { background: url("../assets/images/background/background-map.jpg") center/cover no-repeat; } .bg-width-screen { position: relative; } .bg-width-screen .w-screen { position: absolute; top: 0; bottom: 0; } .w-screen { position: absolute; display: block; width: 100vw; margin-left: -50vw; left: 50%; z-index: 0; } .bg-width-screen-body { position: relative; padding: 2.25rem 0; } .bg-width-screen-body .bg-width-screen-title { margin-top: 0; } /* ----------------------------------------------------------- ROTATIONS ----------------------------------------------------------- * Utilities specific for rotation of elements. */ .rotate-45 { transform: rotate(45deg) !important; } .rotate-90 { transform: rotate(90deg) !important; } .rotate-135 { transform: rotate(135deg) !important; } .rotate-180 { transform: rotate(180deg) !important; } .rotate-225 { transform: rotate(225deg) !important; } .rotate-270 { transform: rotate(270deg) !important; } .rotate-315 { transform: rotate(315deg) !important; } /* ----------------------------------------------------------- SAME HEIGHT PARENT AND CHILD ----------------------------------------------------------- * Alternative to bootstrap's card-deck with improved responsiveness */ .row.same-height-parent { margin-bottom: -1.5rem; } .row.same-height-parent > .col, .row.same-height-parent > [class*=col-] { margin-bottom: 1.5rem; } .row.same-height-parent .same-height-child { height: 100%; } /* ----------------------------------------------------------- Z-Index Utility ----------------------------------------------------------- * Utility tot add a z-index to elements that have a position (position: fixed) */ .z-1 { z-index: 1; } .container-fluid-kadaster { width: 96vw; max-width: 73.125rem; } .container-fluid-application { max-width: 90rem; padding-left: 0; padding-right: 0; } /* Fixes (overwrites) */ .kadaster { /* ========================================================== KADASTER CUSTOM BUTTONS ========================================================== */ /* ---------------------------------------------------------- BUTTON VARIANTS ---------------------------------------------------------- */ /* overwriting bootstrap's btn-variants with new values using bootstraps own mixin; we don't use the darken function, which bootstrap uses natively */ /* btn-invert-xxx is almost the same as btn-outline, but uses a white background and white border */ /* btn-outline-invert is referred to in the designs as the ghost button variant */ /* btn-outline-invert is referred to in the designs as the ghost button variant */ /* btn-outline-invert is referred to in the designs as the ghost button variant */ /* btn-outline-invert is referred to in the designs as the ghost button variant */ /* btn-outline-invert is referred to in the designs as the ghost button variant */ /* btn-outline-invert is referred to in the designs as the ghost button variant */ /* btn-outline-invert is referred to in the designs as the ghost button variant */ /* btn-outline-invert is referred to in the designs as the ghost button variant */ /* btn-outline-invert is referred to in the designs as the ghost button variant */ /* btn-outline-invert is referred to in the designs as the ghost button variant */ /* btn-outline-invert is referred to in the designs as the ghost button variant */ /* cta (call to action) is also known as 'transaction' button */ /* Used for Mijn Kadaster */ /* should only be available in classic green */ /* ---------------------------------------------------------- LINK ---------------------------------------------------------- */ /* ---------------------------------------------------------- DISABLED ---------------------------------------------------------- * Custom styling for all buttons that have the class or attribute disabled */ /* ---------------------------------------------------------- BTN-LINK-WARNING ---------------------------------------------------------- * Custom styling for all buttons that have the class btn-link-warning */ /* ---------------------------------------------------------- BTN-OUTLINE, BTN-ICON BTN + PILL ---------------------------------------------------------- */ /* ---------------------------------------------------------- ARROW ICON & ANIMATION ---------------------------------------------------------- */ /* Only these buttons have an arrow icon on hover / active. This CSS adds all base styling needed for the animation.*/ /* disabling style lint max-nesting-depth for readability and DRY purposes*/ /* these buttons get an arrow animation on hover, focus and active */ /* these buttons only needs arrow on focus and active, NOT on hover */ /* Set specific font color for btn-secondary - cannot use the default button-variant with its color-yiq mixin for this. * this part should stay at the end of this file, due to styling override over 'normal' bootstrap buttons */ /* Button size small focus & active states - take precedence over focus/active state of the normal button (the padding is changed) */ /* ========================================================== KADASTER CUSTOM CARDS ========================================================== */ /* default headings have margin-top now, but all headings within cards must have margin-top of 0 so overwrite here */ /* ----------------------------------------------------------- CARD ACCORDION ----------------------------------------------------------- */ /* stylelint-disable selector-max-id */ /* stylelint-disable selector-no-qualifying-type */ /* div element + wildcard selector added for Liferay generated accordions; they have unique id's (i.e. accordion-Gh6xkWYKLMqe) */ /* stylelint-enable selector-max-id */ /* stylelint-enable selector-no-qualifying-type */ /* ----------------------------------------------------------- CARD PRODUCT ----------------------------------------------------------- * Card Product specific styling to overwrite bootstrap native. */ /* ----------------------------------------------------------- CARD MIJN KADASTER ----------------------------------------------------------- */ /* ----------------------------------------------------------- CARD PROFILE ----------------------------------------------------------- */ /* ----------------------------------------------------------- CARD CALENDAR ----------------------------------------------------------- * Card calendar specific styling to overwrite bootstrap native. * !IMPORTANT card-calendar is used for the card and the card-overview. * Changes made to this CSS impact the overview and the card component. */ /* ----------------------------------------------------------- CARD WITH FIXED RATIO IMAGE ON THE SIDE ----------------------------------------------------------- */ /* ----------------------------------------------------------- CARDS IN OVERVIEW ----------------------------------------------------------- */ /* Adjust font-size of dates in square in card-calendar overview per screen dimension */ /* ----------------------------------------------------------- CARDS WITH FIXED BODY ----------------------------------------------------------- * These cards are used in the list-detail component, they have a header and a footer. */ /* ----------------------------------------------------------- CARDS BASE / BASISCARDS ----------------------------------------------------------- * Card-title isn't used, because the title's styling depends on the theme * and the theme's headers are handled by the h1 - h4 classes already */ /* A card in a card will have a blue background and less padding */ /* Mijn Kadaster svg */ /* ----------------------------------------------------------- MYK APPLICATION TILES ----------------------------------------------------------- * Used in user-portlet, application-viewer etc. */ /* make sure SVG is always 32x32px and making sure its box is always 100% of the wrapper */ /* no margin on bottom of footer-row (used all footer versions)*/ /* This .form-control prefix in the selectors below is needed to override Bootstrap's specific selector */ /* This textarea selector is needed to override Bootstrap's specific selector for textarea */ /* PASSWORD FIELD */ /* Form Button styling (appended to form field) */ /* Checkbox / Radio */ /* Toggle */ /* ----------------------------------------------------------- SEARCH SUGGESTIONS ----------------------------------------------------------- */ /* ========================================================== KADASTER-BOOTSTRAP VARIABLES ========================================================== * Variables should follow the `$component-state-property-size` formula for * consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs. * !! Variables here should always end with ` !default;`, * so that the themes can overwrite these variables. */ /* ----------------------------------------------------------- COLORS ----------------------------------------------------------- * Set a specific jump point for requesting color jumps */ /* ========================================================== ALL COLORS ========================================================== */ /* Gray colors */ /* Secondary colors */ /* Primary color */ /* Misc colors */ /* Status & signal colors */ /* ----------------------------------------------------------- Color Maps ----------------------------------------------------------- * can be used to iterate over. */ /* ----------------------------------------------------------- SPACING ----------------------------------------------------------- * Control the default styling of most Bootstrap elements by modifying these * variables. Mostly focused on spacing. * You can add more entries to the $spacers map, should you need more variation. */ /* spacers 0,1,2 & 4 are already set in bootstrap's variables with the values we need.*/ /* ----------------------------------------------------------- BODY ----------------------------------------------------------- * Settings for the `` element. */ /* ----------------------------------------------------------- LAY-OUT ----------------------------------------------------------- * Global lay-out styling. */ /* Aspect Ratios */ /* Container */ /* 1170px px */ /* 1440px px */ /* ----------------------------------------------------------- Z-INDEX common variables ----------------------------------------------------------- * Not overwriting Bootstraps own Z-indexes! */ /* ----------------------------------------------------------- LINKS ----------------------------------------------------------- * Style anchor elements. */ /* not primary! should not change for private & business */ /* ----------------------------------------------------------- COMPONENTS ----------------------------------------------------------- * Define common padding and border radius sizes and more. */ /* Caret next to dropdown parent item */ /* Caret on top of dropdown menu */ /* ----------------------------------------------------------- TYPOGRAPHY ----------------------------------------------------------- * Font, icons line-height, and color for body text, headings, and more. */ /* Open Sans is the default font-face for all content */ /* open sans bold */ /* auto1 bold */ /* Not primary! Should not change for private & business */ /* Display & Leads */ /* BLOCKQUOTES */ /* AUTO1 FONT */ /* Open Sans gets overwritten by Auto1 for the elements below. * .auto1 class on body will assign these values. */ /* keep this equal to $icon-list-icon-width */ /* ----------------------------------------------------------- BACKGROUND ----------------------------------------------------------- */ /* Background colors map */ /* ----------------------------------------------------------- BUTTONS ----------------------------------------------------------- * For each of Bootstrap's buttons, define text, background, and border color. */ /* Add extra buttons to use next to theme-colors */ /* ----------------------------------------------------------- Buttons + Forms ----------------------------------------------------------- * Shared variables that are reassigned to `$input-` and `$btn-` specific variables. */ /* Forms * / $enable-validation-icons: false !default; /* Makes sure content doesnt move on focus/hover in form fields */ /* 44px */ /* Custom dropdown */ /* Buttons */ /* not primary! This color shouldn't change for private & business */ /* Button icon */ /* Button animation */ /* Allows for customizing button radius independently from global border radius */ /* btn-link variables */ /* disabled buttons */ /* color() to be able to use in btn-variant mixin */ /* btn-link-warning buttons */ /* Input Group */ /* Checkbox */ /* used px instead of rem to mitigate problem of non-integer pixel values, making the indicator not centered in its container. */ /* used px instead of rem to mitigate problem of non-integer pixel values, making the indicator not centered in its container. */ /* custom select field */ /* ----------------------------------------------------------- NAV & NAVBAR & NAVBAR DROPDOWN ----------------------------------------------------------- * Navbar specific styling + its dropdown we're utilizing */ /* Navbar */ /* filter icon with number */ /* basket number */ /* Navs */ /* the .3 value should always be < $navbar-border-width */ /* ----------------------------------------------------------- CARDS ----------------------------------------------------------- * For each of Bootstrap's cards, define text, background, and border color. */ /* Cards - Page intro's & banner - overlay cards */ /* Cards - Calendar card */ /* used for the date font-sizes in the card-calendar */ /* used for date font-sizes in the card-calendar in an overview */ /* Cards - Accordion */ /* Cards - Calendar */ /* Cards - Same height wrapper */ /* Cards - rounded border */ /* 5px */ /* Cards - Base */ /* 44px */ /* icon -itself- 24px */ /* Cards - with fixed body */ /* ----------------------------------------------------------- OVERVIEW (CARDS) ----------------------------------------------------------- */ /* not primary! shouldn't change for private & business */ /* LISTS */ /* LIST GROUP */ /* ----------------------------------------------------------- BANNER ----------------------------------------------------------- * Used as card on image. * See CARDS for card-banner variables */ /* ----------------------------------------------------------- ALERTS ----------------------------------------------------------- * Define alert colors, border radius, and padding. */ /* icon size + padding */ /* We need to use 90% white value (i.e.) of the theme colors for alert BGs and 70% white value for the borders. * The bootstrap mixin 'alert-variant' uses the $theme-color-interval variable (bootstrap value for this variable is 8%, we haven't changed this in our own variables). * Meaning background = 90 / 8 = 11.25 (the 8% variable is used in this calculation) * border color = 70 / 8 = 8.75 */ /* color-10. Minus value triggers white base value. (an absolute/plus number will trigger black base value.) */ /* color-30. Minus value uses white as base */ /* ----------------------------------------------------------- ICON ----------------------------------------------------------- * used for prefix/suffix icons */ /* ----------------------------------------------------------- CLOSE ----------------------------------------------------------- * Generic close button * i.e. used in alert-dismissible */ /* ----------------------------------------------------------- ALERT-DISMISSIBLE ----------------------------------------------------------- * Generic alert dismissible class * i.e. used when an alert has the option to close it */ /* ----------------------------------------------------------- BADGES ----------------------------------------------------------- * Badge tags */ /* ----------------------------------------------------------- TOP TASKS ----------------------------------------------------------- */ /* ----------------------------------------------------------- UTILITIES ----------------------------------------------------------- * Generic utilities */ /* transform rotations */ /* ----------------------------------------------------------- PAGE-INTRO ----------------------------------------------------------- */ /* ----------------------------------------------------------- FOOTER ----------------------------------------------------------- */ /* adheres to portlet margin-bottom in themes */ /* ----------------------------------------------------------- PAGINATION ----------------------------------------------------------- */ /* ----------------------------------------------------------- ORDERED LIST ----------------------------------------------------------- */ /* ----------------------------------------------------------- PROCESS STEPS ----------------------------------------------------------- */ /* ----------------------------------------------------------- NEWS & NEWS CARDS ----------------------------------------------------------- */ /* not primary! shouldn't change for business & private */ /* ----------------------------------------------------------- TOOLTIPS ----------------------------------------------------------- */ /* in px because it's an 'image' */ /* input field height(2.75rem) + input-height(2.75rem) + caret-size(12px) */ /* ----------------------------------------------------------- MODALS ----------------------------------------------------------- */ /* ----------------------------------------------------------- PROGRESS BAR ----------------------------------------------------------- */ /* ----------------------------------------------------------- MYK ----------------------------------------------------------- */ /* MYK header */ /* overlay over all elements except modals, a custom fix for the liferay menu and header can be found in the business theme */ /* MYK menu */ /* 44px right padding to accomodate for close button on mobile */ /* deliberately not NONE - this is used for correct positioning of focus ring */ /* ----------------------------------------------------------- FORM VALIDATION ----------------------------------------------------------- */ /* Replace validation icons when is-valid or is-invalid */ /* ----------------------------------------------------------- MAP TOOLS ----------------------------------------------------------- */ /* MAP LAYER SWITCHER */ /* ----------------------------------------------------------- MO -Favorite Apps ----------------------------------------------------------- */ /* ----------------------------------------------------------- Split buttons ----------------------------------------------------------- */ /* split button container */ /* base split button */ /* active split button (uses base) */ /* hover */ /* focus, uses our default focus btn variables */ /* disabled */ /* ----------------------------------------------------------- Map control buttons ----------------------------------------------------------- */ /* ----------------------------------------------------------- btn icon ----------------------------------------------------------- */ /* ----------------------------------------------------------- Badge Pills ----------------------------------------------------------- */ /* ----------------------------------------------------------- panel-app ----------------------------------------------------------- */ /* ----------------------------------------------------------- Animations ----------------------------------------------------------- */ /* ----------------------------------------------------------- STRIPED LISTS / ZEBRA LISTS ----------------------------------------------------------- */ /* List items without border & margin, non-clickable */ /* List items without border & margin. List items are buttons / links. List-group-striped-links, extended from list-group-striped. */ /* list items with toggles have different padding */ /* content styling, targeted on classes */ /* ----------------------------------------------------------- LIST GROUP ITEMS WITH BORDER ----------------------------------------------------------- */ /* List items with border & margin, non clickable. Extends the list-group, not list-group-striped. */ /* Fix for search suggestions */ /* ----------------------------------------------------------- SEARCH SUGGESTIONS ----------------------------------------------------------- */ /* ----------------------------------------------------------- MAP TOOLS - Cards ----------------------------------------------------------- */ /* ----------------------------------------------------------- MAP TOOLS - Buttons ----------------------------------------------------------- */ /* ----------------------------------------------------------- MAP TOOLS - Layer switcher ----------------------------------------------------------- */ /* ----------------------------------------------------------- HEADER SWITCHER ----------------------------------------------------------- */ /* Generic styling desktop & mobile */ /* ----------------------------------------------------------- DESKTOP STYLING ----------------------------------------------------------- */ /* ----------------------------------------------------------- MOBILE & TABLET STYLING ----------------------------------------------------------- */ /* ----------------------------------------------------------- VERTICAL MENU ----------------------------------------------------------- * e.g. for vastgoeddashboard */ /* ----------------------------------------------------------- SIMPLE HEADER ----------------------------------------------------------- */ /* ----------------------------------------------------------- HEADER BASIC .myk-header is deprecated ----------------------------------------------------------- */ /* stylelint-disable */ /* stylelint-enable */ /* ----------------------------------------------------------- MYK MENU ----------------------------------------------------------- */ /* Menu UL container/wrapper element */ /* UL element */ /* LI element */ /* element in LI */ /* Submenu (UL menu in LI item) */ /*(All nav-link-myk styling is inherited from the css above and needs no new declaration in this selector, other than overwrites.)*/ /* set background color for body when menu is open */ /* ALERT -as- a modal */ /* makes sure everyone on version <= 6.6.0 still has correct alert styling */ /*ALERT -in- modal content */ /* the alert should be placed inside the modal-body */ /* ideally we would use .modal:not(.modal-alert) .alert as a selector here, but this breaks backwards compatability for users of the huisstijl; all alerts would get a border radius this way, while this should not happen for modal alerts implemented using <= 6.6.0 version */ /* ========================================================== KADASTER PAGE INTRO ========================================================== * All image width & height values are in px instead of rem/em - to match the exact pixel sizes of the images being used. */ /* ----------------------------------------------------------- PAGE INTRO ----------------------------------------------------------- * Is cut in the right format, so no -margin is needed for the heading */ /* ----------------------------------------------------------- PAGE INTRO HOME ----------------------------------------------------------- */ /* PAGE INTRO HOME FORM STYLING */ /* reference: https://inclusive-components.design/tooltips-toggletips/ */ /* ---------------------------------------------------------- SPLIT BUTTONS ---------------------------------------------------------- */ /* wrapper of buttons */ /* ========================================================== KADASTER TYPOGRAPHY ========================================================== * Kadaster specific typography styling */ /* ----------------------------------------------------------- HEADINGS ----------------------------------------------------------- * Font, line-height, and color for body text, headings, and more. */ /* H1 does not have a margin-top */ /* margin-bottom is set in bootstrap via $headings-margin-bottom; for all headings */ /* h2 & h3 use this variable, therefore are not declared here */ /* Set specific font color for h4 by design; this should not change for private or business. See $headings-color & headings-color-4 variable. */ /* used for subheading */ /* used for links in heading elements */ /* ----------------------------------------------------------- LINKS ----------------------------------------------------------- * Link types */ /* ----------------------------------------------------------- BLOCKQUOTES ----------------------------------------------------------- */ /* ----------------------------------------------------------- ICONS ----------------------------------------------------------- * Icon specific styling */ /* ----------------------------------------------------------- LISTS ----------------------------------------------------------- * List styling */ /* ----------------------------------------------------------- RESPONSIVE TYPOGRAPHY ----------------------------------------------------------- */ /* Normally we go mobile first. Deliberately chose desktop first approach here to only apply styling for mobile resolution where needed.*/ /* Here are all font overrides when auto1 is set */ /* ========================================================== KADASTER-BOOTSTRAP VARIABLES ========================================================== * Variables should follow the `$component-state-property-size` formula for * consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs. * !! Variables here should always end with ` !default;`, * so that the themes can overwrite these variables. */ /* ----------------------------------------------------------- COLORS ----------------------------------------------------------- * Set a specific jump point for requesting color jumps */ /* ========================================================== ALL COLORS ========================================================== */ /* Gray colors */ /* Secondary colors */ /* Primary color */ /* Misc colors */ /* Status & signal colors */ /* ----------------------------------------------------------- Color Maps ----------------------------------------------------------- * can be used to iterate over. */ /* ----------------------------------------------------------- SPACING ----------------------------------------------------------- * Control the default styling of most Bootstrap elements by modifying these * variables. Mostly focused on spacing. * You can add more entries to the $spacers map, should you need more variation. */ /* spacers 0,1,2 & 4 are already set in bootstrap's variables with the values we need.*/ /* ----------------------------------------------------------- BODY ----------------------------------------------------------- * Settings for the `` element. */ /* ----------------------------------------------------------- LAY-OUT ----------------------------------------------------------- * Global lay-out styling. */ /* Aspect Ratios */ /* Container */ /* 1170px px */ /* 1440px px */ /* ----------------------------------------------------------- Z-INDEX common variables ----------------------------------------------------------- * Not overwriting Bootstraps own Z-indexes! */ /* ----------------------------------------------------------- LINKS ----------------------------------------------------------- * Style anchor elements. */ /* not primary! should not change for private & business */ /* ----------------------------------------------------------- COMPONENTS ----------------------------------------------------------- * Define common padding and border radius sizes and more. */ /* Caret next to dropdown parent item */ /* Caret on top of dropdown menu */ /* ----------------------------------------------------------- TYPOGRAPHY ----------------------------------------------------------- * Font, icons line-height, and color for body text, headings, and more. */ /* Open Sans is the default font-face for all content */ /* open sans bold */ /* auto1 bold */ /* Not primary! Should not change for private & business */ /* Display & Leads */ /* BLOCKQUOTES */ /* AUTO1 FONT */ /* Open Sans gets overwritten by Auto1 for the elements below. * .auto1 class on body will assign these values. */ /* keep this equal to $icon-list-icon-width */ /* ----------------------------------------------------------- BACKGROUND ----------------------------------------------------------- */ /* Background colors map */ /* ----------------------------------------------------------- BUTTONS ----------------------------------------------------------- * For each of Bootstrap's buttons, define text, background, and border color. */ /* Add extra buttons to use next to theme-colors */ /* ----------------------------------------------------------- Buttons + Forms ----------------------------------------------------------- * Shared variables that are reassigned to `$input-` and `$btn-` specific variables. */ /* Forms * / $enable-validation-icons: false !default; /* Makes sure content doesnt move on focus/hover in form fields */ /* 44px */ /* Custom dropdown */ /* Buttons */ /* not primary! This color shouldn't change for private & business */ /* Button icon */ /* Button animation */ /* Allows for customizing button radius independently from global border radius */ /* btn-link variables */ /* disabled buttons */ /* color() to be able to use in btn-variant mixin */ /* btn-link-warning buttons */ /* Input Group */ /* Checkbox */ /* used px instead of rem to mitigate problem of non-integer pixel values, making the indicator not centered in its container. */ /* used px instead of rem to mitigate problem of non-integer pixel values, making the indicator not centered in its container. */ /* custom select field */ /* ----------------------------------------------------------- NAV & NAVBAR & NAVBAR DROPDOWN ----------------------------------------------------------- * Navbar specific styling + its dropdown we're utilizing */ /* Navbar */ /* filter icon with number */ /* basket number */ /* Navs */ /* the .3 value should always be < $navbar-border-width */ /* ----------------------------------------------------------- CARDS ----------------------------------------------------------- * For each of Bootstrap's cards, define text, background, and border color. */ /* Cards - Page intro's & banner - overlay cards */ /* Cards - Calendar card */ /* used for the date font-sizes in the card-calendar */ /* used for date font-sizes in the card-calendar in an overview */ /* Cards - Accordion */ /* Cards - Calendar */ /* Cards - Same height wrapper */ /* Cards - rounded border */ /* 5px */ /* Cards - Base */ /* 44px */ /* icon -itself- 24px */ /* Cards - with fixed body */ /* ----------------------------------------------------------- OVERVIEW (CARDS) ----------------------------------------------------------- */ /* not primary! shouldn't change for private & business */ /* LISTS */ /* LIST GROUP */ /* ----------------------------------------------------------- BANNER ----------------------------------------------------------- * Used as card on image. * See CARDS for card-banner variables */ /* ----------------------------------------------------------- ALERTS ----------------------------------------------------------- * Define alert colors, border radius, and padding. */ /* icon size + padding */ /* We need to use 90% white value (i.e.) of the theme colors for alert BGs and 70% white value for the borders. * The bootstrap mixin 'alert-variant' uses the $theme-color-interval variable (bootstrap value for this variable is 8%, we haven't changed this in our own variables). * Meaning background = 90 / 8 = 11.25 (the 8% variable is used in this calculation) * border color = 70 / 8 = 8.75 */ /* color-10. Minus value triggers white base value. (an absolute/plus number will trigger black base value.) */ /* color-30. Minus value uses white as base */ /* ----------------------------------------------------------- ICON ----------------------------------------------------------- * used for prefix/suffix icons */ /* ----------------------------------------------------------- CLOSE ----------------------------------------------------------- * Generic close button * i.e. used in alert-dismissible */ /* ----------------------------------------------------------- ALERT-DISMISSIBLE ----------------------------------------------------------- * Generic alert dismissible class * i.e. used when an alert has the option to close it */ /* ----------------------------------------------------------- BADGES ----------------------------------------------------------- * Badge tags */ /* ----------------------------------------------------------- TOP TASKS ----------------------------------------------------------- */ /* ----------------------------------------------------------- UTILITIES ----------------------------------------------------------- * Generic utilities */ /* transform rotations */ /* ----------------------------------------------------------- PAGE-INTRO ----------------------------------------------------------- */ /* ----------------------------------------------------------- FOOTER ----------------------------------------------------------- */ /* adheres to portlet margin-bottom in themes */ /* ----------------------------------------------------------- PAGINATION ----------------------------------------------------------- */ /* ----------------------------------------------------------- ORDERED LIST ----------------------------------------------------------- */ /* ----------------------------------------------------------- PROCESS STEPS ----------------------------------------------------------- */ /* ----------------------------------------------------------- NEWS & NEWS CARDS ----------------------------------------------------------- */ /* not primary! shouldn't change for business & private */ /* ----------------------------------------------------------- TOOLTIPS ----------------------------------------------------------- */ /* in px because it's an 'image' */ /* input field height(2.75rem) + input-height(2.75rem) + caret-size(12px) */ /* ----------------------------------------------------------- MODALS ----------------------------------------------------------- */ /* ----------------------------------------------------------- PROGRESS BAR ----------------------------------------------------------- */ /* ----------------------------------------------------------- MYK ----------------------------------------------------------- */ /* MYK header */ /* overlay over all elements except modals, a custom fix for the liferay menu and header can be found in the business theme */ /* MYK menu */ /* 44px right padding to accomodate for close button on mobile */ /* deliberately not NONE - this is used for correct positioning of focus ring */ /* ----------------------------------------------------------- FORM VALIDATION ----------------------------------------------------------- */ /* Replace validation icons when is-valid or is-invalid */ /* ----------------------------------------------------------- MAP TOOLS ----------------------------------------------------------- */ /* MAP LAYER SWITCHER */ /* ----------------------------------------------------------- MO -Favorite Apps ----------------------------------------------------------- */ /* ----------------------------------------------------------- Split buttons ----------------------------------------------------------- */ /* split button container */ /* base split button */ /* active split button (uses base) */ /* hover */ /* focus, uses our default focus btn variables */ /* disabled */ /* ----------------------------------------------------------- Map control buttons ----------------------------------------------------------- */ /* ----------------------------------------------------------- btn icon ----------------------------------------------------------- */ /* ----------------------------------------------------------- Badge Pills ----------------------------------------------------------- */ /* ----------------------------------------------------------- panel-app ----------------------------------------------------------- */ /* ----------------------------------------------------------- Animations ----------------------------------------------------------- */ /* This file is used for fixes of the kadaster-huisstijl that broke because of liferay stuff */ /* ----------------------------------------------------------- GLOBAL STYLING FIXES ----------------------------------------------------------- */ /* Menu / Navbar */ /* Cards */ /* Misc */ /* Forms */ /* Modals */ /* Buttons */ /* Links */ /* ----------------------------------------------------------- PRIVATE SPECIFIC FIXES ----------------------------------------------------------- */ /* webshop fixes */ /* GGC search component on HOME */ /* Overwrite btn-link bg color in GGC-SEARCH component for actie & focus state */ /* ----------------------------------------------------------- Non-Huisstijl Boostrap Styling ----------------------------------------------------------- Extra styling that is not defined in the huisstijl and is an addition on the current bootstrap theme and can use boostrap variables. */ /* Custom css: no-topbar, used for BES site */ /* ----------------------------------------------------------- Product card on the Product page ----------------------------------------------------------- */ /* ----------------------------------------------------------- Extra styling for Tarieventabel (earlier: rate-table) ----------------------------------------------------------- */ /* * We use Angular 15/ng-bootstrap 14 with bootstrap 4. This causes inconsistencies in z-index of the modal. * ng-bootstrap 14 should be used with bootstrap 5. * * bootstrap 4: * $zindex-dropdown: 1000 !default; * $zindex-sticky: 1020 !default; * $zindex-fixed: 1030 !default; * $zindex-modal-backdrop: 1040 !default; * $zindex-modal: 1050 !default; * $zindex-popover: 1060 !default; * $zindex-tooltip: 1070 !default; * * bootstrap 5: * $zindex-dropdown: 1000; * $zindex-sticky: 1020; * $zindex-fixed: 1030; * $zindex-offcanvas-backdrop: 1040; * $zindex-offcanvas: 1045; * $zindex-modal-backdrop: 1050; * $zindex-modal: 1055; * $zindex-popover: 1070; * $zindex-tooltip: 1080; * * We have (bootstrap 4) modal z-index of 1050 (instead of 1055 (bootstrap 5)), while * ng-bootstrap sets backdrop z-index of 1055. Force the backdrop to z-index 1040 (as in bootstrap 4). */ /*# sourceMappingURL=kadaster-bootstrap-compatibility.css.map */ /* Added padding to the footer-bar so that the cobrowser chat button has enough space and will not be on top op the footer */ } .kadaster .alert, .kadaster .portlet-msg-alert, .kadaster .portlet-msg-error, .kadaster .portlet-msg-help, .kadaster .portlet-msg-info, .kadaster .portlet-msg-progress, .kadaster .portlet-msg-success { min-height: calc(1.25rem + 2rem + 1.25rem); color: #2b2b2b; margin: 0; padding-top: 55px; /* padding needed for icon: Icon moves from top of alert, above the content, to left side of alert, next to the content */ /* 'alert-paragraph' is a deprecated class, it is not used in the online style guide anymore. However, it may still be in use by a 3rd party, therefore we target it in the kadaster-huisstijl */ /* makes sure bullets in lists are the same color as the alert text */ } @media (min-width: 768px) { .kadaster .alert, .kadaster .portlet-msg-alert, .kadaster .portlet-msg-error, .kadaster .portlet-msg-help, .kadaster .portlet-msg-info, .kadaster .portlet-msg-progress, .kadaster .portlet-msg-success { padding: 1.25rem 1.25rem 1.25rem 4rem; } } .kadaster .alert:before, .kadaster .portlet-msg-alert:before, .kadaster .portlet-msg-error:before, .kadaster .portlet-msg-help:before, .kadaster .portlet-msg-info:before, .kadaster .portlet-msg-progress:before, .kadaster .portlet-msg-success:before { position: absolute; top: 1rem; font-family: "Font Awesome 5 Pro"; font-size: 2rem; font-weight: 900; line-height: 1em; } @media (min-width: 768px) { .kadaster .alert:before, .kadaster .portlet-msg-alert:before, .kadaster .portlet-msg-error:before, .kadaster .portlet-msg-help:before, .kadaster .portlet-msg-info:before, .kadaster .portlet-msg-progress:before, .kadaster .portlet-msg-success:before { left: 1rem; } } .kadaster .alert p:last-child, .kadaster .portlet-msg-alert p:last-child, .kadaster .portlet-msg-error p:last-child, .kadaster .portlet-msg-help p:last-child, .kadaster .portlet-msg-info p:last-child, .kadaster .portlet-msg-progress p:last-child, .kadaster .portlet-msg-success p:last-child, .kadaster .alert .alert-paragraph, .kadaster .portlet-msg-alert .alert-paragraph, .kadaster .portlet-msg-error .alert-paragraph, .kadaster .portlet-msg-help .alert-paragraph, .kadaster .portlet-msg-info .alert-paragraph, .kadaster .portlet-msg-progress .alert-paragraph, .kadaster .portlet-msg-success .alert-paragraph { margin-bottom: 0; } .kadaster .alert ul:not([class]) li:before, .kadaster .portlet-msg-alert ul:not([class]) li:before, .kadaster .portlet-msg-error ul:not([class]) li:before, .kadaster .portlet-msg-help ul:not([class]) li:before, .kadaster .portlet-msg-info ul:not([class]) li:before, .kadaster .portlet-msg-progress ul:not([class]) li:before, .kadaster .portlet-msg-success ul:not([class]) li:before { color: #2b2b2b; } .kadaster .alert .alert-heading, .kadaster .portlet-msg-alert .alert-heading, .kadaster .portlet-msg-error .alert-heading, .kadaster .portlet-msg-help .alert-heading, .kadaster .portlet-msg-info .alert-heading, .kadaster .portlet-msg-progress .alert-heading, .kadaster .portlet-msg-success .alert-heading { margin-bottom: 0.375rem; line-height: 1em; font-size: 1.1875rem; font-weight: 600; } .kadaster .alert-info:before, .kadaster .portlet-msg-help:before, .kadaster .portlet-msg-info:before, .kadaster .portlet-msg-progress:before { content: "\f05a"; color: #0075a8; } .kadaster .alert-success:before, .kadaster .portlet-msg-success:before { content: "\f058"; color: #547b1c; } .kadaster .alert-warning:before, .kadaster .portlet-msg-alert:before { content: "\f071"; color: #b4520c; } .kadaster .alert-danger:before, .kadaster .portlet-msg-error:before { content: "\f057"; color: #ab2218; } .kadaster .alert-dismissible .close { width: 2.75rem; height: 2.75rem; opacity: 1; display: flex; align-items: center; justify-content: center; padding: 0; top: 0; right: 0; } @media (min-width: 768px) { .kadaster .alert-dismissible p, .kadaster .alert-dismissible figcaption { margin-right: 1.5rem; } } .kadaster .alert-close-icon { font-size: 1.5rem; } .kadaster .badge-tag { margin-bottom: 0.3rem; margin-right: 0.3rem; padding: 0.2em 1em; font-weight: 400; font-size: 1rem; color: #008296; border: 1px solid #bfe0e5; border-radius: 0.167rem; } .kadaster .badge-pill { padding-top: 5px; padding-bottom: 5px; font-weight: 400; align-items: center; } .kadaster .badge-pill .fal, .kadaster .badge-pill .blockquote-content:before, .kadaster .badge-pill .blockquote-content:after, .kadaster .badge-pill .var, .kadaster .badge-pill .fab { font-size: 1rem; line-height: 1rem; padding-left: 4px; } .kadaster .badge-primary { background-color: #f2f5f9; border: 2px solid #406a9e; color: #406a9e; } .kadaster .badge-info { background-color: #e6f4fa; border: 2px solid #0075a8; color: #0075a8; } .kadaster .badge-success { background-color: #f1f6e9; border: 2px solid #547b1c; color: #547b1c; } .kadaster .badge-danger { background-color: #fbeae9; border: 2px solid #ab2218; color: #ab2218; } .kadaster .badge-warning { background-color: #fcf1e9; border: 2px solid #b4520c; color: #b4520c; } .kadaster button.badge-pill:hover, .kadaster button.badge-pill:active { border: 2px solid #6b6b6b; } .kadaster button.badge-pill:focus { outline: 0.1875rem solid #008dc9; outline-offset: 2px; } .kadaster .banner { position: relative; overflow: hidden; min-height: 17.67rem; } @media (min-width: 768px) { .kadaster .banner-content-wrapper { margin: 2rem 0 2rem 50%; width: calc(50% - 2rem); } } .kadaster .banner-image-media { width: 100%; height: 200px; } @media (min-width: 768px) { .kadaster .banner-image-media { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } } .kadaster .banner-image-media img { object-fit: cover; object-position: 50% 50%; height: 100%; width: 100%; } .kadaster .card-banner { color: #fff; background-color: #008296; border: 0; } @media (min-width: 768px) { .kadaster .card-banner { border-radius: 0.1875rem; } .kadaster .card-banner :last-child { border-radius: inherit; } } .kadaster .card-banner .card-title { color: #fff; } .kadaster .btn { text-decoration: none; position: relative; /* need to position icon elemnents */ /* display flex is needed to vertically align content in the buttons. See https://www.bennadel.com/blog/3857-applying-css-flexbox-to-pseudo-elements.htm */ display: inline-flex; align-items: center; } .kadaster .btn-sm, .kadaster .btn-group-sm > .btn { font-weight: 400; } .kadaster .btn-primary { background-color: #008296; border-color: #008296; color: #fff; } .kadaster .btn-primary:hover { background-color: #008296; border-color: #008296; color: #fff; } .kadaster .btn-primary:focus, .kadaster .btn-primary.focus { background-color: #008296; border-color: #008296; color: #fff; box-shadow: 0 0 0 0.1875rem rgba(38, 149, 166, 0.5); } .kadaster .btn-primary.disabled, .kadaster .btn-primary:disabled { background-color: #008296; border-color: #008296; color: #fff; } .kadaster .btn-primary:not(:disabled):not(.disabled):active, .kadaster .btn-primary:not(:disabled):not(.disabled).active, .show > .kadaster .btn-primary.dropdown-toggle { background-color: #008296; color: #fff; border-color: #008296; } .kadaster .btn-primary:not(:disabled):not(.disabled):active:focus, .kadaster .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(38, 149, 166, 0.5); } .kadaster .btn-primary:focus, .kadaster .btn-primary.focus, .kadaster .btn-primary:active, .kadaster .btn-primary.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #008296; color: #fff; } .kadaster .btn-secondary { background-color: #e6ebf2; border-color: #e6ebf2; color: #212529; } .kadaster .btn-secondary:hover { background-color: #e6ebf2; border-color: #e6ebf2; color: #212529; } .kadaster .btn-secondary:focus, .kadaster .btn-secondary.focus { background-color: #e6ebf2; border-color: #e6ebf2; color: #212529; box-shadow: 0 0 0 0.1875rem rgba(200, 205, 212, 0.5); } .kadaster .btn-secondary.disabled, .kadaster .btn-secondary:disabled { background-color: #e6ebf2; border-color: #e6ebf2; color: #212529; } .kadaster .btn-secondary:not(:disabled):not(.disabled):active, .kadaster .btn-secondary:not(:disabled):not(.disabled).active, .show > .kadaster .btn-secondary.dropdown-toggle { background-color: #e6ebf2; color: #212529; border-color: #e6ebf2; } .kadaster .btn-secondary:not(:disabled):not(.disabled):active:focus, .kadaster .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(200, 205, 212, 0.5); } .kadaster .btn-secondary:focus, .kadaster .btn-secondary.focus, .kadaster .btn-secondary:active, .kadaster .btn-secondary.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #e6ebf2; color: #fff; } .kadaster .btn-success { background-color: #547b1c; border-color: #547b1c; color: #fff; } .kadaster .btn-success:hover { background-color: #547b1c; border-color: #547b1c; color: #fff; } .kadaster .btn-success:focus, .kadaster .btn-success.focus { background-color: #547b1c; border-color: #547b1c; color: #fff; box-shadow: 0 0 0 0.1875rem rgba(110, 143, 62, 0.5); } .kadaster .btn-success.disabled, .kadaster .btn-success:disabled { background-color: #547b1c; border-color: #547b1c; color: #fff; } .kadaster .btn-success:not(:disabled):not(.disabled):active, .kadaster .btn-success:not(:disabled):not(.disabled).active, .show > .kadaster .btn-success.dropdown-toggle { background-color: #547b1c; color: #fff; border-color: #547b1c; } .kadaster .btn-success:not(:disabled):not(.disabled):active:focus, .kadaster .btn-success:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(110, 143, 62, 0.5); } .kadaster .btn-success:focus, .kadaster .btn-success.focus, .kadaster .btn-success:active, .kadaster .btn-success.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #547b1c; color: #fff; } .kadaster .btn-info { background-color: #0075a8; border-color: #0075a8; color: #fff; } .kadaster .btn-info:hover { background-color: #0075a8; border-color: #0075a8; color: #fff; } .kadaster .btn-info:focus, .kadaster .btn-info.focus { background-color: #0075a8; border-color: #0075a8; color: #fff; box-shadow: 0 0 0 0.1875rem rgba(38, 138, 181, 0.5); } .kadaster .btn-info.disabled, .kadaster .btn-info:disabled { background-color: #0075a8; border-color: #0075a8; color: #fff; } .kadaster .btn-info:not(:disabled):not(.disabled):active, .kadaster .btn-info:not(:disabled):not(.disabled).active, .show > .kadaster .btn-info.dropdown-toggle { background-color: #0075a8; color: #fff; border-color: #0075a8; } .kadaster .btn-info:not(:disabled):not(.disabled):active:focus, .kadaster .btn-info:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(38, 138, 181, 0.5); } .kadaster .btn-info:focus, .kadaster .btn-info.focus, .kadaster .btn-info:active, .kadaster .btn-info.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #0075a8; color: #fff; } .kadaster .btn-warning { background-color: #b4520c; border-color: #b4520c; color: #fff; } .kadaster .btn-warning:hover { background-color: #b4520c; border-color: #b4520c; color: #fff; } .kadaster .btn-warning:focus, .kadaster .btn-warning.focus { background-color: #b4520c; border-color: #b4520c; color: #fff; box-shadow: 0 0 0 0.1875rem rgba(191, 108, 48, 0.5); } .kadaster .btn-warning.disabled, .kadaster .btn-warning:disabled { background-color: #b4520c; border-color: #b4520c; color: #fff; } .kadaster .btn-warning:not(:disabled):not(.disabled):active, .kadaster .btn-warning:not(:disabled):not(.disabled).active, .show > .kadaster .btn-warning.dropdown-toggle { background-color: #b4520c; color: #fff; border-color: #b4520c; } .kadaster .btn-warning:not(:disabled):not(.disabled):active:focus, .kadaster .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(191, 108, 48, 0.5); } .kadaster .btn-warning:focus, .kadaster .btn-warning.focus, .kadaster .btn-warning:active, .kadaster .btn-warning.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #b4520c; color: #fff; } .kadaster .btn-danger { background-color: #ab2218; border-color: #ab2218; color: #fff; } .kadaster .btn-danger:hover { background-color: #ab2218; border-color: #ab2218; color: #fff; } .kadaster .btn-danger:focus, .kadaster .btn-danger.focus { background-color: #ab2218; border-color: #ab2218; color: #fff; box-shadow: 0 0 0 0.1875rem rgba(184, 67, 59, 0.5); } .kadaster .btn-danger.disabled, .kadaster .btn-danger:disabled { background-color: #ab2218; border-color: #ab2218; color: #fff; } .kadaster .btn-danger:not(:disabled):not(.disabled):active, .kadaster .btn-danger:not(:disabled):not(.disabled).active, .show > .kadaster .btn-danger.dropdown-toggle { background-color: #ab2218; color: #fff; border-color: #ab2218; } .kadaster .btn-danger:not(:disabled):not(.disabled):active:focus, .kadaster .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(184, 67, 59, 0.5); } .kadaster .btn-danger:focus, .kadaster .btn-danger.focus, .kadaster .btn-danger:active, .kadaster .btn-danger.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #ab2218; color: #fff; } .kadaster .btn-light { background-color: #ebebeb; border-color: #ebebeb; color: #212529; } .kadaster .btn-light:hover { background-color: #ebebeb; border-color: #ebebeb; color: #212529; } .kadaster .btn-light:focus, .kadaster .btn-light.focus { background-color: #ebebeb; border-color: #ebebeb; color: #212529; box-shadow: 0 0 0 0.1875rem rgba(205, 205, 206, 0.5); } .kadaster .btn-light.disabled, .kadaster .btn-light:disabled { background-color: #ebebeb; border-color: #ebebeb; color: #212529; } .kadaster .btn-light:not(:disabled):not(.disabled):active, .kadaster .btn-light:not(:disabled):not(.disabled).active, .show > .kadaster .btn-light.dropdown-toggle { background-color: #ebebeb; color: #212529; border-color: #ebebeb; } .kadaster .btn-light:not(:disabled):not(.disabled):active:focus, .kadaster .btn-light:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(205, 205, 206, 0.5); } .kadaster .btn-light:focus, .kadaster .btn-light.focus, .kadaster .btn-light:active, .kadaster .btn-light.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #ebebeb; color: #fff; } .kadaster .btn-dark { background-color: #2b2b2b; border-color: #2b2b2b; color: #fff; } .kadaster .btn-dark:hover { background-color: #2b2b2b; border-color: #2b2b2b; color: #fff; } .kadaster .btn-dark:focus, .kadaster .btn-dark.focus { background-color: #2b2b2b; border-color: #2b2b2b; color: #fff; box-shadow: 0 0 0 0.1875rem rgba(75, 75, 75, 0.5); } .kadaster .btn-dark.disabled, .kadaster .btn-dark:disabled { background-color: #2b2b2b; border-color: #2b2b2b; color: #fff; } .kadaster .btn-dark:not(:disabled):not(.disabled):active, .kadaster .btn-dark:not(:disabled):not(.disabled).active, .show > .kadaster .btn-dark.dropdown-toggle { background-color: #2b2b2b; color: #fff; border-color: #2b2b2b; } .kadaster .btn-dark:not(:disabled):not(.disabled):active:focus, .kadaster .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(75, 75, 75, 0.5); } .kadaster .btn-dark:focus, .kadaster .btn-dark.focus, .kadaster .btn-dark:active, .kadaster .btn-dark.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #2b2b2b; color: #fff; } .kadaster .btn-cta { background-color: #e17020; border-color: #e17020; color: #fff; } .kadaster .btn-cta:hover { background-color: #e17020; border-color: #e17020; color: #fff; } .kadaster .btn-cta:focus, .kadaster .btn-cta.focus { background-color: #e17020; border-color: #e17020; color: #fff; box-shadow: 0 0 0 0.1875rem rgba(230, 133, 65, 0.5); } .kadaster .btn-cta.disabled, .kadaster .btn-cta:disabled { background-color: #e17020; border-color: #e17020; color: #fff; } .kadaster .btn-cta:not(:disabled):not(.disabled):active, .kadaster .btn-cta:not(:disabled):not(.disabled).active, .show > .kadaster .btn-cta.dropdown-toggle { background-color: #e17020; color: #fff; border-color: #e17020; } .kadaster .btn-cta:not(:disabled):not(.disabled):active:focus, .kadaster .btn-cta:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-cta.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(230, 133, 65, 0.5); } .kadaster .btn-cta:focus, .kadaster .btn-cta.focus, .kadaster .btn-cta:active, .kadaster .btn-cta.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #e17020; color: #fff; } .kadaster .btn-outline-primary:focus, .kadaster .btn-outline-primary.focus, .kadaster .btn-outline-primary:active, .kadaster .btn-outline-primary.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #008296; color: #fff; } .kadaster .btn-outline-secondary:focus, .kadaster .btn-outline-secondary.focus, .kadaster .btn-outline-secondary:active, .kadaster .btn-outline-secondary.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #e6ebf2; color: #fff; } .kadaster .btn-outline-success:focus, .kadaster .btn-outline-success.focus, .kadaster .btn-outline-success:active, .kadaster .btn-outline-success.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #547b1c; color: #fff; } .kadaster .btn-outline-info:focus, .kadaster .btn-outline-info.focus, .kadaster .btn-outline-info:active, .kadaster .btn-outline-info.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #0075a8; color: #fff; } .kadaster .btn-outline-warning:focus, .kadaster .btn-outline-warning.focus, .kadaster .btn-outline-warning:active, .kadaster .btn-outline-warning.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #b4520c; color: #fff; } .kadaster .btn-outline-danger:focus, .kadaster .btn-outline-danger.focus, .kadaster .btn-outline-danger:active, .kadaster .btn-outline-danger.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #ab2218; color: #fff; } .kadaster .btn-outline-light:focus, .kadaster .btn-outline-light.focus, .kadaster .btn-outline-light:active, .kadaster .btn-outline-light.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #ebebeb; color: #fff; } .kadaster .btn-outline-dark:focus, .kadaster .btn-outline-dark.focus, .kadaster .btn-outline-dark:active, .kadaster .btn-outline-dark.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #2b2b2b; color: #fff; } .kadaster .btn-outline-cta:focus, .kadaster .btn-outline-cta.focus, .kadaster .btn-outline-cta:active, .kadaster .btn-outline-cta.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #e17020; color: #fff; } .kadaster .btn-inverted-primary { border-color: #008296; color: #008296; background-color: #fff; border-color: #fff; } .kadaster .btn-inverted-primary:hover { background-color: #008296; border-color: #008296; color: #fff; } .kadaster .btn-inverted-primary:focus, .kadaster .btn-inverted-primary.focus { box-shadow: 0 0 0 0.1875rem rgba(0, 130, 150, 0.5); } .kadaster .btn-inverted-primary.disabled, .kadaster .btn-inverted-primary:disabled { background-color: transparent; color: #008296; } .kadaster .btn-inverted-primary:not(:disabled):not(.disabled):active, .kadaster .btn-inverted-primary:not(:disabled):not(.disabled).active, .show > .kadaster .btn-inverted-primary.dropdown-toggle { background-color: #008296; border-color: #008296; color: #fff; } .kadaster .btn-inverted-primary:not(:disabled):not(.disabled):active:focus, .kadaster .btn-inverted-primary:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-inverted-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(0, 130, 150, 0.5); } .kadaster .btn-inverted-primary:hover { color: #008296; background-color: #fff; border-color: #fff; } .kadaster .btn-inverted-primary:focus, .kadaster .btn-inverted-primary.focus, .kadaster .btn-inverted-primary:active, .kadaster .btn-inverted-primary.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #fff; color: #008296; } .kadaster .btn-inverted-secondary { border-color: #e6ebf2; color: #e6ebf2; background-color: #fff; border-color: #fff; } .kadaster .btn-inverted-secondary:hover { background-color: #e6ebf2; border-color: #e6ebf2; color: #212529; } .kadaster .btn-inverted-secondary:focus, .kadaster .btn-inverted-secondary.focus { box-shadow: 0 0 0 0.1875rem rgba(230, 235, 242, 0.5); } .kadaster .btn-inverted-secondary.disabled, .kadaster .btn-inverted-secondary:disabled { background-color: transparent; color: #e6ebf2; } .kadaster .btn-inverted-secondary:not(:disabled):not(.disabled):active, .kadaster .btn-inverted-secondary:not(:disabled):not(.disabled).active, .show > .kadaster .btn-inverted-secondary.dropdown-toggle { background-color: #e6ebf2; border-color: #e6ebf2; color: #212529; } .kadaster .btn-inverted-secondary:not(:disabled):not(.disabled):active:focus, .kadaster .btn-inverted-secondary:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-inverted-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(230, 235, 242, 0.5); } .kadaster .btn-inverted-secondary:hover { color: #e6ebf2; background-color: #fff; border-color: #fff; } .kadaster .btn-inverted-secondary:focus, .kadaster .btn-inverted-secondary.focus, .kadaster .btn-inverted-secondary:active, .kadaster .btn-inverted-secondary.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #fff; color: #e6ebf2; } .kadaster .btn-inverted-success { border-color: #547b1c; color: #547b1c; background-color: #fff; border-color: #fff; } .kadaster .btn-inverted-success:hover { background-color: #547b1c; border-color: #547b1c; color: #fff; } .kadaster .btn-inverted-success:focus, .kadaster .btn-inverted-success.focus { box-shadow: 0 0 0 0.1875rem rgba(84, 123, 28, 0.5); } .kadaster .btn-inverted-success.disabled, .kadaster .btn-inverted-success:disabled { background-color: transparent; color: #547b1c; } .kadaster .btn-inverted-success:not(:disabled):not(.disabled):active, .kadaster .btn-inverted-success:not(:disabled):not(.disabled).active, .show > .kadaster .btn-inverted-success.dropdown-toggle { background-color: #547b1c; border-color: #547b1c; color: #fff; } .kadaster .btn-inverted-success:not(:disabled):not(.disabled):active:focus, .kadaster .btn-inverted-success:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-inverted-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(84, 123, 28, 0.5); } .kadaster .btn-inverted-success:hover { color: #547b1c; background-color: #fff; border-color: #fff; } .kadaster .btn-inverted-success:focus, .kadaster .btn-inverted-success.focus, .kadaster .btn-inverted-success:active, .kadaster .btn-inverted-success.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #fff; color: #547b1c; } .kadaster .btn-inverted-info { border-color: #0075a8; color: #0075a8; background-color: #fff; border-color: #fff; } .kadaster .btn-inverted-info:hover { background-color: #0075a8; border-color: #0075a8; color: #fff; } .kadaster .btn-inverted-info:focus, .kadaster .btn-inverted-info.focus { box-shadow: 0 0 0 0.1875rem rgba(0, 117, 168, 0.5); } .kadaster .btn-inverted-info.disabled, .kadaster .btn-inverted-info:disabled { background-color: transparent; color: #0075a8; } .kadaster .btn-inverted-info:not(:disabled):not(.disabled):active, .kadaster .btn-inverted-info:not(:disabled):not(.disabled).active, .show > .kadaster .btn-inverted-info.dropdown-toggle { background-color: #0075a8; border-color: #0075a8; color: #fff; } .kadaster .btn-inverted-info:not(:disabled):not(.disabled):active:focus, .kadaster .btn-inverted-info:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-inverted-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(0, 117, 168, 0.5); } .kadaster .btn-inverted-info:hover { color: #0075a8; background-color: #fff; border-color: #fff; } .kadaster .btn-inverted-info:focus, .kadaster .btn-inverted-info.focus, .kadaster .btn-inverted-info:active, .kadaster .btn-inverted-info.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #fff; color: #0075a8; } .kadaster .btn-inverted-warning { border-color: #b4520c; color: #b4520c; background-color: #fff; border-color: #fff; } .kadaster .btn-inverted-warning:hover { background-color: #b4520c; border-color: #b4520c; color: #fff; } .kadaster .btn-inverted-warning:focus, .kadaster .btn-inverted-warning.focus { box-shadow: 0 0 0 0.1875rem rgba(180, 82, 12, 0.5); } .kadaster .btn-inverted-warning.disabled, .kadaster .btn-inverted-warning:disabled { background-color: transparent; color: #b4520c; } .kadaster .btn-inverted-warning:not(:disabled):not(.disabled):active, .kadaster .btn-inverted-warning:not(:disabled):not(.disabled).active, .show > .kadaster .btn-inverted-warning.dropdown-toggle { background-color: #b4520c; border-color: #b4520c; color: #fff; } .kadaster .btn-inverted-warning:not(:disabled):not(.disabled):active:focus, .kadaster .btn-inverted-warning:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-inverted-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(180, 82, 12, 0.5); } .kadaster .btn-inverted-warning:hover { color: #b4520c; background-color: #fff; border-color: #fff; } .kadaster .btn-inverted-warning:focus, .kadaster .btn-inverted-warning.focus, .kadaster .btn-inverted-warning:active, .kadaster .btn-inverted-warning.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #fff; color: #b4520c; } .kadaster .btn-inverted-danger { border-color: #ab2218; color: #ab2218; background-color: #fff; border-color: #fff; } .kadaster .btn-inverted-danger:hover { background-color: #ab2218; border-color: #ab2218; color: #fff; } .kadaster .btn-inverted-danger:focus, .kadaster .btn-inverted-danger.focus { box-shadow: 0 0 0 0.1875rem rgba(171, 34, 24, 0.5); } .kadaster .btn-inverted-danger.disabled, .kadaster .btn-inverted-danger:disabled { background-color: transparent; color: #ab2218; } .kadaster .btn-inverted-danger:not(:disabled):not(.disabled):active, .kadaster .btn-inverted-danger:not(:disabled):not(.disabled).active, .show > .kadaster .btn-inverted-danger.dropdown-toggle { background-color: #ab2218; border-color: #ab2218; color: #fff; } .kadaster .btn-inverted-danger:not(:disabled):not(.disabled):active:focus, .kadaster .btn-inverted-danger:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-inverted-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(171, 34, 24, 0.5); } .kadaster .btn-inverted-danger:hover { color: #ab2218; background-color: #fff; border-color: #fff; } .kadaster .btn-inverted-danger:focus, .kadaster .btn-inverted-danger.focus, .kadaster .btn-inverted-danger:active, .kadaster .btn-inverted-danger.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #fff; color: #ab2218; } .kadaster .btn-inverted-light { border-color: #ebebeb; color: #ebebeb; background-color: #fff; border-color: #fff; } .kadaster .btn-inverted-light:hover { background-color: #ebebeb; border-color: #ebebeb; color: #212529; } .kadaster .btn-inverted-light:focus, .kadaster .btn-inverted-light.focus { box-shadow: 0 0 0 0.1875rem rgba(235, 235, 235, 0.5); } .kadaster .btn-inverted-light.disabled, .kadaster .btn-inverted-light:disabled { background-color: transparent; color: #ebebeb; } .kadaster .btn-inverted-light:not(:disabled):not(.disabled):active, .kadaster .btn-inverted-light:not(:disabled):not(.disabled).active, .show > .kadaster .btn-inverted-light.dropdown-toggle { background-color: #ebebeb; border-color: #ebebeb; color: #212529; } .kadaster .btn-inverted-light:not(:disabled):not(.disabled):active:focus, .kadaster .btn-inverted-light:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-inverted-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(235, 235, 235, 0.5); } .kadaster .btn-inverted-light:hover { color: #ebebeb; background-color: #fff; border-color: #fff; } .kadaster .btn-inverted-light:focus, .kadaster .btn-inverted-light.focus, .kadaster .btn-inverted-light:active, .kadaster .btn-inverted-light.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #fff; color: #ebebeb; } .kadaster .btn-inverted-dark { border-color: #2b2b2b; color: #2b2b2b; background-color: #fff; border-color: #fff; } .kadaster .btn-inverted-dark:hover { background-color: #2b2b2b; border-color: #2b2b2b; color: #fff; } .kadaster .btn-inverted-dark:focus, .kadaster .btn-inverted-dark.focus { box-shadow: 0 0 0 0.1875rem rgba(43, 43, 43, 0.5); } .kadaster .btn-inverted-dark.disabled, .kadaster .btn-inverted-dark:disabled { background-color: transparent; color: #2b2b2b; } .kadaster .btn-inverted-dark:not(:disabled):not(.disabled):active, .kadaster .btn-inverted-dark:not(:disabled):not(.disabled).active, .show > .kadaster .btn-inverted-dark.dropdown-toggle { background-color: #2b2b2b; border-color: #2b2b2b; color: #fff; } .kadaster .btn-inverted-dark:not(:disabled):not(.disabled):active:focus, .kadaster .btn-inverted-dark:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-inverted-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(43, 43, 43, 0.5); } .kadaster .btn-inverted-dark:hover { color: #2b2b2b; background-color: #fff; border-color: #fff; } .kadaster .btn-inverted-dark:focus, .kadaster .btn-inverted-dark.focus, .kadaster .btn-inverted-dark:active, .kadaster .btn-inverted-dark.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #fff; color: #2b2b2b; } .kadaster .btn-inverted-cta { border-color: #e17020; color: #e17020; background-color: #fff; border-color: #fff; } .kadaster .btn-inverted-cta:hover { background-color: #e17020; border-color: #e17020; color: #fff; } .kadaster .btn-inverted-cta:focus, .kadaster .btn-inverted-cta.focus { box-shadow: 0 0 0 0.1875rem rgba(225, 112, 32, 0.5); } .kadaster .btn-inverted-cta.disabled, .kadaster .btn-inverted-cta:disabled { background-color: transparent; color: #e17020; } .kadaster .btn-inverted-cta:not(:disabled):not(.disabled):active, .kadaster .btn-inverted-cta:not(:disabled):not(.disabled).active, .show > .kadaster .btn-inverted-cta.dropdown-toggle { background-color: #e17020; border-color: #e17020; color: #fff; } .kadaster .btn-inverted-cta:not(:disabled):not(.disabled):active:focus, .kadaster .btn-inverted-cta:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-inverted-cta.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(225, 112, 32, 0.5); } .kadaster .btn-inverted-cta:hover { color: #e17020; background-color: #fff; border-color: #fff; } .kadaster .btn-inverted-cta:focus, .kadaster .btn-inverted-cta.focus, .kadaster .btn-inverted-cta:active, .kadaster .btn-inverted-cta.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #fff; color: #e17020; } .kadaster .btn-outline-invert-primary { background-color: #008296; border-color: #fff; color: #fff; } .kadaster .btn-outline-invert-primary:hover { background-color: #fff; border-color: #008296; color: #212529; } .kadaster .btn-outline-invert-primary:focus, .kadaster .btn-outline-invert-primary.focus { background-color: #fff; border-color: #008296; color: #212529; box-shadow: 0 0 0 0.1875rem rgba(255, 255, 255, 0.5); } .kadaster .btn-outline-invert-primary.disabled, .kadaster .btn-outline-invert-primary:disabled { background-color: #008296; border-color: #fff; color: #fff; } .kadaster .btn-outline-invert-primary:not(:disabled):not(.disabled):active, .kadaster .btn-outline-invert-primary:not(:disabled):not(.disabled).active, .show > .kadaster .btn-outline-invert-primary.dropdown-toggle { background-color: #fff; color: #212529; border-color: #008296; } .kadaster .btn-outline-invert-primary:not(:disabled):not(.disabled):active:focus, .kadaster .btn-outline-invert-primary:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-outline-invert-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(255, 255, 255, 0.5); } .kadaster .btn-outline-invert-primary:hover, .kadaster .btn-outline-invert-primary:focus, .kadaster .btn-outline-invert-primary:active { color: #008296; } .kadaster .btn-outline-invert-primary:focus, .kadaster .btn-outline-invert-primary.focus, .kadaster .btn-outline-invert-primary:active, .kadaster .btn-outline-invert-primary.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #fff; color: #008296; } .kadaster .btn-outline-invert-secondary { background-color: #e6ebf2; border-color: #fff; color: #212529; } .kadaster .btn-outline-invert-secondary:hover { background-color: #fff; border-color: #e6ebf2; color: #212529; } .kadaster .btn-outline-invert-secondary:focus, .kadaster .btn-outline-invert-secondary.focus { background-color: #fff; border-color: #e6ebf2; color: #212529; box-shadow: 0 0 0 0.1875rem rgba(222, 222, 223, 0.5); } .kadaster .btn-outline-invert-secondary.disabled, .kadaster .btn-outline-invert-secondary:disabled { background-color: #e6ebf2; border-color: #fff; color: #212529; } .kadaster .btn-outline-invert-secondary:not(:disabled):not(.disabled):active, .kadaster .btn-outline-invert-secondary:not(:disabled):not(.disabled).active, .show > .kadaster .btn-outline-invert-secondary.dropdown-toggle { background-color: #fff; color: #212529; border-color: #e6ebf2; } .kadaster .btn-outline-invert-secondary:not(:disabled):not(.disabled):active:focus, .kadaster .btn-outline-invert-secondary:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-outline-invert-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(222, 222, 223, 0.5); } .kadaster .btn-outline-invert-secondary:hover, .kadaster .btn-outline-invert-secondary:focus, .kadaster .btn-outline-invert-secondary:active { color: #e6ebf2; } .kadaster .btn-outline-invert-secondary:focus, .kadaster .btn-outline-invert-secondary.focus, .kadaster .btn-outline-invert-secondary:active, .kadaster .btn-outline-invert-secondary.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #fff; color: #e6ebf2; } .kadaster .btn-outline-invert-success { background-color: #547b1c; border-color: #fff; color: #fff; } .kadaster .btn-outline-invert-success:hover { background-color: #fff; border-color: #547b1c; color: #212529; } .kadaster .btn-outline-invert-success:focus, .kadaster .btn-outline-invert-success.focus { background-color: #fff; border-color: #547b1c; color: #212529; box-shadow: 0 0 0 0.1875rem rgba(255, 255, 255, 0.5); } .kadaster .btn-outline-invert-success.disabled, .kadaster .btn-outline-invert-success:disabled { background-color: #547b1c; border-color: #fff; color: #fff; } .kadaster .btn-outline-invert-success:not(:disabled):not(.disabled):active, .kadaster .btn-outline-invert-success:not(:disabled):not(.disabled).active, .show > .kadaster .btn-outline-invert-success.dropdown-toggle { background-color: #fff; color: #212529; border-color: #547b1c; } .kadaster .btn-outline-invert-success:not(:disabled):not(.disabled):active:focus, .kadaster .btn-outline-invert-success:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-outline-invert-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(255, 255, 255, 0.5); } .kadaster .btn-outline-invert-success:hover, .kadaster .btn-outline-invert-success:focus, .kadaster .btn-outline-invert-success:active { color: #547b1c; } .kadaster .btn-outline-invert-success:focus, .kadaster .btn-outline-invert-success.focus, .kadaster .btn-outline-invert-success:active, .kadaster .btn-outline-invert-success.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #fff; color: #547b1c; } .kadaster .btn-outline-invert-info { background-color: #0075a8; border-color: #fff; color: #fff; } .kadaster .btn-outline-invert-info:hover { background-color: #fff; border-color: #0075a8; color: #212529; } .kadaster .btn-outline-invert-info:focus, .kadaster .btn-outline-invert-info.focus { background-color: #fff; border-color: #0075a8; color: #212529; box-shadow: 0 0 0 0.1875rem rgba(255, 255, 255, 0.5); } .kadaster .btn-outline-invert-info.disabled, .kadaster .btn-outline-invert-info:disabled { background-color: #0075a8; border-color: #fff; color: #fff; } .kadaster .btn-outline-invert-info:not(:disabled):not(.disabled):active, .kadaster .btn-outline-invert-info:not(:disabled):not(.disabled).active, .show > .kadaster .btn-outline-invert-info.dropdown-toggle { background-color: #fff; color: #212529; border-color: #0075a8; } .kadaster .btn-outline-invert-info:not(:disabled):not(.disabled):active:focus, .kadaster .btn-outline-invert-info:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-outline-invert-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(255, 255, 255, 0.5); } .kadaster .btn-outline-invert-info:hover, .kadaster .btn-outline-invert-info:focus, .kadaster .btn-outline-invert-info:active { color: #0075a8; } .kadaster .btn-outline-invert-info:focus, .kadaster .btn-outline-invert-info.focus, .kadaster .btn-outline-invert-info:active, .kadaster .btn-outline-invert-info.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #fff; color: #0075a8; } .kadaster .btn-outline-invert-warning { background-color: #b4520c; border-color: #fff; color: #fff; } .kadaster .btn-outline-invert-warning:hover { background-color: #fff; border-color: #b4520c; color: #212529; } .kadaster .btn-outline-invert-warning:focus, .kadaster .btn-outline-invert-warning.focus { background-color: #fff; border-color: #b4520c; color: #212529; box-shadow: 0 0 0 0.1875rem rgba(255, 255, 255, 0.5); } .kadaster .btn-outline-invert-warning.disabled, .kadaster .btn-outline-invert-warning:disabled { background-color: #b4520c; border-color: #fff; color: #fff; } .kadaster .btn-outline-invert-warning:not(:disabled):not(.disabled):active, .kadaster .btn-outline-invert-warning:not(:disabled):not(.disabled).active, .show > .kadaster .btn-outline-invert-warning.dropdown-toggle { background-color: #fff; color: #212529; border-color: #b4520c; } .kadaster .btn-outline-invert-warning:not(:disabled):not(.disabled):active:focus, .kadaster .btn-outline-invert-warning:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-outline-invert-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(255, 255, 255, 0.5); } .kadaster .btn-outline-invert-warning:hover, .kadaster .btn-outline-invert-warning:focus, .kadaster .btn-outline-invert-warning:active { color: #b4520c; } .kadaster .btn-outline-invert-warning:focus, .kadaster .btn-outline-invert-warning.focus, .kadaster .btn-outline-invert-warning:active, .kadaster .btn-outline-invert-warning.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #fff; color: #b4520c; } .kadaster .btn-outline-invert-danger { background-color: #ab2218; border-color: #fff; color: #fff; } .kadaster .btn-outline-invert-danger:hover { background-color: #fff; border-color: #ab2218; color: #212529; } .kadaster .btn-outline-invert-danger:focus, .kadaster .btn-outline-invert-danger.focus { background-color: #fff; border-color: #ab2218; color: #212529; box-shadow: 0 0 0 0.1875rem rgba(255, 255, 255, 0.5); } .kadaster .btn-outline-invert-danger.disabled, .kadaster .btn-outline-invert-danger:disabled { background-color: #ab2218; border-color: #fff; color: #fff; } .kadaster .btn-outline-invert-danger:not(:disabled):not(.disabled):active, .kadaster .btn-outline-invert-danger:not(:disabled):not(.disabled).active, .show > .kadaster .btn-outline-invert-danger.dropdown-toggle { background-color: #fff; color: #212529; border-color: #ab2218; } .kadaster .btn-outline-invert-danger:not(:disabled):not(.disabled):active:focus, .kadaster .btn-outline-invert-danger:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-outline-invert-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(255, 255, 255, 0.5); } .kadaster .btn-outline-invert-danger:hover, .kadaster .btn-outline-invert-danger:focus, .kadaster .btn-outline-invert-danger:active { color: #ab2218; } .kadaster .btn-outline-invert-danger:focus, .kadaster .btn-outline-invert-danger.focus, .kadaster .btn-outline-invert-danger:active, .kadaster .btn-outline-invert-danger.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #fff; color: #ab2218; } .kadaster .btn-outline-invert-light { background-color: #ebebeb; border-color: #fff; color: #212529; } .kadaster .btn-outline-invert-light:hover { background-color: #fff; border-color: #ebebeb; color: #212529; } .kadaster .btn-outline-invert-light:focus, .kadaster .btn-outline-invert-light.focus { background-color: #fff; border-color: #ebebeb; color: #212529; box-shadow: 0 0 0 0.1875rem rgba(222, 222, 223, 0.5); } .kadaster .btn-outline-invert-light.disabled, .kadaster .btn-outline-invert-light:disabled { background-color: #ebebeb; border-color: #fff; color: #212529; } .kadaster .btn-outline-invert-light:not(:disabled):not(.disabled):active, .kadaster .btn-outline-invert-light:not(:disabled):not(.disabled).active, .show > .kadaster .btn-outline-invert-light.dropdown-toggle { background-color: #fff; color: #212529; border-color: #ebebeb; } .kadaster .btn-outline-invert-light:not(:disabled):not(.disabled):active:focus, .kadaster .btn-outline-invert-light:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-outline-invert-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(222, 222, 223, 0.5); } .kadaster .btn-outline-invert-light:hover, .kadaster .btn-outline-invert-light:focus, .kadaster .btn-outline-invert-light:active { color: #ebebeb; } .kadaster .btn-outline-invert-light:focus, .kadaster .btn-outline-invert-light.focus, .kadaster .btn-outline-invert-light:active, .kadaster .btn-outline-invert-light.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #fff; color: #ebebeb; } .kadaster .btn-outline-invert-dark { background-color: #2b2b2b; border-color: #fff; color: #fff; } .kadaster .btn-outline-invert-dark:hover { background-color: #fff; border-color: #2b2b2b; color: #212529; } .kadaster .btn-outline-invert-dark:focus, .kadaster .btn-outline-invert-dark.focus { background-color: #fff; border-color: #2b2b2b; color: #212529; box-shadow: 0 0 0 0.1875rem rgba(255, 255, 255, 0.5); } .kadaster .btn-outline-invert-dark.disabled, .kadaster .btn-outline-invert-dark:disabled { background-color: #2b2b2b; border-color: #fff; color: #fff; } .kadaster .btn-outline-invert-dark:not(:disabled):not(.disabled):active, .kadaster .btn-outline-invert-dark:not(:disabled):not(.disabled).active, .show > .kadaster .btn-outline-invert-dark.dropdown-toggle { background-color: #fff; color: #212529; border-color: #2b2b2b; } .kadaster .btn-outline-invert-dark:not(:disabled):not(.disabled):active:focus, .kadaster .btn-outline-invert-dark:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-outline-invert-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(255, 255, 255, 0.5); } .kadaster .btn-outline-invert-dark:hover, .kadaster .btn-outline-invert-dark:focus, .kadaster .btn-outline-invert-dark:active { color: #2b2b2b; } .kadaster .btn-outline-invert-dark:focus, .kadaster .btn-outline-invert-dark.focus, .kadaster .btn-outline-invert-dark:active, .kadaster .btn-outline-invert-dark.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #fff; color: #2b2b2b; } .kadaster .btn-outline-invert-cta { background-color: #e17020; border-color: #fff; color: #fff; } .kadaster .btn-outline-invert-cta:hover { background-color: #fff; border-color: #e17020; color: #212529; } .kadaster .btn-outline-invert-cta:focus, .kadaster .btn-outline-invert-cta.focus { background-color: #fff; border-color: #e17020; color: #212529; box-shadow: 0 0 0 0.1875rem rgba(255, 255, 255, 0.5); } .kadaster .btn-outline-invert-cta.disabled, .kadaster .btn-outline-invert-cta:disabled { background-color: #e17020; border-color: #fff; color: #fff; } .kadaster .btn-outline-invert-cta:not(:disabled):not(.disabled):active, .kadaster .btn-outline-invert-cta:not(:disabled):not(.disabled).active, .show > .kadaster .btn-outline-invert-cta.dropdown-toggle { background-color: #fff; color: #212529; border-color: #e17020; } .kadaster .btn-outline-invert-cta:not(:disabled):not(.disabled):active:focus, .kadaster .btn-outline-invert-cta:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-outline-invert-cta.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(255, 255, 255, 0.5); } .kadaster .btn-outline-invert-cta:hover, .kadaster .btn-outline-invert-cta:focus, .kadaster .btn-outline-invert-cta:active { color: #e17020; } .kadaster .btn-outline-invert-cta:focus, .kadaster .btn-outline-invert-cta.focus, .kadaster .btn-outline-invert-cta:active, .kadaster .btn-outline-invert-cta.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #fff; color: #e17020; } .kadaster .btn-outline-invert-tertiary { background-color: #a90261; border-color: #fff; color: #fff; } .kadaster .btn-outline-invert-tertiary:hover { background-color: #fff; border-color: #a90261; color: #212529; } .kadaster .btn-outline-invert-tertiary:focus, .kadaster .btn-outline-invert-tertiary.focus { background-color: #fff; border-color: #a90261; color: #212529; box-shadow: 0 0 0 0.1875rem rgba(255, 255, 255, 0.5); } .kadaster .btn-outline-invert-tertiary.disabled, .kadaster .btn-outline-invert-tertiary:disabled { background-color: #a90261; border-color: #fff; color: #fff; } .kadaster .btn-outline-invert-tertiary:not(:disabled):not(.disabled):active, .kadaster .btn-outline-invert-tertiary:not(:disabled):not(.disabled).active, .show > .kadaster .btn-outline-invert-tertiary.dropdown-toggle { background-color: #fff; color: #212529; border-color: #a90261; } .kadaster .btn-outline-invert-tertiary:not(:disabled):not(.disabled):active:focus, .kadaster .btn-outline-invert-tertiary:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-outline-invert-tertiary.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(255, 255, 255, 0.5); } .kadaster .btn-outline-invert-tertiary:hover, .kadaster .btn-outline-invert-tertiary:focus, .kadaster .btn-outline-invert-tertiary:active { color: #a90261; } .kadaster .btn-outline-invert-tertiary:focus, .kadaster .btn-outline-invert-tertiary.focus, .kadaster .btn-outline-invert-tertiary:active, .kadaster .btn-outline-invert-tertiary.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #fff; color: #a90261; } .kadaster .btn-outline-invert-tag { background-color: #008296; border-color: #fff; color: #fff; } .kadaster .btn-outline-invert-tag:hover { background-color: #fff; border-color: #008296; color: #212529; } .kadaster .btn-outline-invert-tag:focus, .kadaster .btn-outline-invert-tag.focus { background-color: #fff; border-color: #008296; color: #212529; box-shadow: 0 0 0 0.1875rem rgba(255, 255, 255, 0.5); } .kadaster .btn-outline-invert-tag.disabled, .kadaster .btn-outline-invert-tag:disabled { background-color: #008296; border-color: #fff; color: #fff; } .kadaster .btn-outline-invert-tag:not(:disabled):not(.disabled):active, .kadaster .btn-outline-invert-tag:not(:disabled):not(.disabled).active, .show > .kadaster .btn-outline-invert-tag.dropdown-toggle { background-color: #fff; color: #212529; border-color: #008296; } .kadaster .btn-outline-invert-tag:not(:disabled):not(.disabled):active:focus, .kadaster .btn-outline-invert-tag:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-outline-invert-tag.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(255, 255, 255, 0.5); } .kadaster .btn-outline-invert-tag:hover, .kadaster .btn-outline-invert-tag:focus, .kadaster .btn-outline-invert-tag:active { color: #008296; } .kadaster .btn-outline-invert-tag:focus, .kadaster .btn-outline-invert-tag.focus, .kadaster .btn-outline-invert-tag:active, .kadaster .btn-outline-invert-tag.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #fff; color: #008296; } .kadaster .btn-cta { background-color: #e17020; border-color: #e17020; color: #fff; } .kadaster .btn-cta:hover { background-color: #e17020; border-color: #e17020; color: #fff; } .kadaster .btn-cta:focus, .kadaster .btn-cta.focus { background-color: #e17020; border-color: #e17020; color: #fff; box-shadow: 0 0 0 0.1875rem rgba(230, 133, 65, 0.5); } .kadaster .btn-cta.disabled, .kadaster .btn-cta:disabled { background-color: #e17020; border-color: #e17020; color: #fff; } .kadaster .btn-cta:not(:disabled):not(.disabled):active, .kadaster .btn-cta:not(:disabled):not(.disabled).active, .show > .kadaster .btn-cta.dropdown-toggle { background-color: #e17020; color: #fff; border-color: #e17020; } .kadaster .btn-cta:not(:disabled):not(.disabled):active:focus, .kadaster .btn-cta:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-cta.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(230, 133, 65, 0.5); } .kadaster .btn-cta:focus, .kadaster .btn-cta.focus, .kadaster .btn-cta:active, .kadaster .btn-cta.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #e17020; color: #fff; } .kadaster .btn-tertiary { background-color: #a90261; border-color: #a90261; color: #fff; } .kadaster .btn-tertiary:hover { background-color: #a90261; border-color: #a90261; color: #fff; } .kadaster .btn-tertiary:focus, .kadaster .btn-tertiary.focus { background-color: #a90261; border-color: #a90261; color: #fff; box-shadow: 0 0 0 0.1875rem rgba(182, 40, 121, 0.5); } .kadaster .btn-tertiary.disabled, .kadaster .btn-tertiary:disabled { background-color: #a90261; border-color: #a90261; color: #fff; } .kadaster .btn-tertiary:not(:disabled):not(.disabled):active, .kadaster .btn-tertiary:not(:disabled):not(.disabled).active, .show > .kadaster .btn-tertiary.dropdown-toggle { background-color: #a90261; color: #fff; border-color: #a90261; } .kadaster .btn-tertiary:not(:disabled):not(.disabled):active:focus, .kadaster .btn-tertiary:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-tertiary.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(182, 40, 121, 0.5); } .kadaster .btn-tertiary:focus, .kadaster .btn-tertiary.focus, .kadaster .btn-tertiary:active, .kadaster .btn-tertiary.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #a90261; color: #fff; } .kadaster .btn-tag { background-color: #fff; border-color: #008296; color: #212529; color: #008296; } .kadaster .btn-tag:hover { background-color: #008296; border-color: #008296; color: #fff; } .kadaster .btn-tag:focus, .kadaster .btn-tag.focus { background-color: #008296; border-color: #008296; color: #fff; box-shadow: 0 0 0 0.1875rem rgba(5, 116, 134, 0.5); } .kadaster .btn-tag.disabled, .kadaster .btn-tag:disabled { background-color: #fff; border-color: #008296; color: #212529; } .kadaster .btn-tag:not(:disabled):not(.disabled):active, .kadaster .btn-tag:not(:disabled):not(.disabled).active, .show > .kadaster .btn-tag.dropdown-toggle { background-color: #008296; color: #fff; border-color: #008296; } .kadaster .btn-tag:not(:disabled):not(.disabled):active:focus, .kadaster .btn-tag:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-tag.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(5, 116, 134, 0.5); } .kadaster .btn-tag:focus, .kadaster .btn-tag.focus, .kadaster .btn-tag:active, .kadaster .btn-tag.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #fff; color: #008296; } .kadaster .btn.btn-link { padding: 0.375rem; font-size: 1rem; text-decoration: none; /* using this approach with text decoration, because all buttons are now inline-flex (which makes all elements in the button block-like) */ } .kadaster .btn.btn-link .btn-text { text-decoration: underline; /* using this approach with text decoration, because all buttons are now inline-flex (which makes all elements in the button block-like) */ line-height: 1em; } .kadaster .btn.btn-link:hover { color: #00387d; } .kadaster .btn.btn-link:active, .kadaster .btn.btn-link:focus { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(0.375rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: transparent; color: #00387d; } .kadaster .btn.btn-link.disabled, .kadaster .btn.btn-link:disabled { cursor: not-allowed; background-color: transparent; } .kadaster .btn.btn-link.disabled .btn-text, .kadaster .btn.btn-link:disabled .btn-text { text-decoration: line-through; } .kadaster .btn.disabled:not(.btn-link), .kadaster .btn:disabled:not(.btn-link) { background-color: #d1d1d1; border-color: #d1d1d1; color: #212529; cursor: not-allowed; } .kadaster .btn.disabled:not(.btn-link):hover, .kadaster .btn:disabled:not(.btn-link):hover { background-color: #d1d1d1; border-color: #d1d1d1; color: #212529; } .kadaster .btn.disabled:not(.btn-link):focus, .kadaster .btn.disabled:not(.btn-link).focus, .kadaster .btn:disabled:not(.btn-link):focus, .kadaster .btn:disabled:not(.btn-link).focus { background-color: #d1d1d1; border-color: #d1d1d1; color: #212529; box-shadow: 0 0 0 0.1875rem rgba(183, 183, 184, 0.5); } .kadaster .btn.disabled:not(.btn-link).disabled, .kadaster .btn.disabled:not(.btn-link):disabled, .kadaster .btn:disabled:not(.btn-link).disabled, .kadaster .btn:disabled:not(.btn-link):disabled { background-color: #d1d1d1; border-color: #d1d1d1; color: #212529; } .kadaster .btn.disabled:not(.btn-link):not(:disabled):not(.disabled):active, .kadaster .btn.disabled:not(.btn-link):not(:disabled):not(.disabled).active, .show > .kadaster .btn.disabled:not(.btn-link).dropdown-toggle, .kadaster .btn:disabled:not(.btn-link):not(:disabled):not(.disabled):active, .kadaster .btn:disabled:not(.btn-link):not(:disabled):not(.disabled).active, .show > .kadaster .btn:disabled:not(.btn-link).dropdown-toggle { background-color: #d1d1d1; color: #212529; border-color: #d1d1d1; } .kadaster .btn.disabled:not(.btn-link):not(:disabled):not(.disabled):active:focus, .kadaster .btn.disabled:not(.btn-link):not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn.disabled:not(.btn-link).dropdown-toggle:focus, .kadaster .btn:disabled:not(.btn-link):not(:disabled):not(.disabled):active:focus, .kadaster .btn:disabled:not(.btn-link):not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn:disabled:not(.btn-link).dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(183, 183, 184, 0.5); } .kadaster .btn.disabled:not(.btn-link) .btn-text, .kadaster .btn:disabled:not(.btn-link) .btn-text { color: #fff; } .kadaster .btn-link.btn-link-warning { color: #d52b1e; } .kadaster .btn-link.btn-link-warning:hover, .kadaster .btn-link.btn-link-warning:focus { color: #ab2218; } .kadaster .btn-with-icon { background-color: #fff; border-color: #406a9e; color: #212529; justify-content: flex-start; padding-left: 0.75rem; padding-right: 0.75rem; color: #406a9e; text-align: left; border: 1px solid #406a9e; } .kadaster .btn-with-icon:hover { background-color: #406a9e; border-color: #bfcddf; color: #fff; } .kadaster .btn-with-icon:focus, .kadaster .btn-with-icon.focus { background-color: #406a9e; border-color: #bfcddf; color: #fff; box-shadow: 0 0 0 0.1875rem rgba(59, 96, 140, 0.5); } .kadaster .btn-with-icon.disabled, .kadaster .btn-with-icon:disabled { background-color: #fff; border-color: #406a9e; color: #212529; } .kadaster .btn-with-icon:not(:disabled):not(.disabled):active, .kadaster .btn-with-icon:not(:disabled):not(.disabled).active, .show > .kadaster .btn-with-icon.dropdown-toggle { background-color: #406a9e; color: #fff; border-color: #bfcddf; } .kadaster .btn-with-icon:not(:disabled):not(.disabled):active:focus, .kadaster .btn-with-icon:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn-with-icon.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(59, 96, 140, 0.5); } .kadaster .btn-with-icon:hover { color: #fff; } .kadaster .btn-with-icon:not(:disabled):not(.disabled):active, .kadaster .btn-with-icon:not(:disabled):not(.disabled).active, .kadaster .btn-with-icon:not(:disabled):not(.disabled):focus, .kadaster .btn-with-icon:not(:disabled):not(.disabled).focus { box-sizing: border-box; padding: calc(0.375rem - 1px + 1px) calc(0.75rem - 1px + 1px); border: 1px solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #406a9e; color: #fff; padding: 0.375rem 0.75rem; } .kadaster .btn-with-icon:not(:disabled):not(.disabled):active:not(:focus):active:not(:focus) { border-color: #bfcddf; box-shadow: none; } .kadaster .btn-with-icon:not(:disabled):not(.disabled):active:focus { box-shadow: 0 0.0625rem 0.375rem #008dc9; } .kadaster .btn-with-icon:not(:disabled):not(.disabled):active .badge, .kadaster .btn-with-icon:not(:disabled):not(.disabled):focus .badge, .kadaster .btn-with-icon:not(:disabled):not(.disabled):hover .badge { color: #406a9e; background: #fff; } .kadaster .btn-with-icon .badge { color: #fff; font-size: 0.75em; background: #406a9e; pointer-events: none; } .kadaster .btn-with-icon .btn-text { padding-left: 0.375rem; } .kadaster .btn-with-icon.disabled:not(.btn-link).disabled, .kadaster .btn-with-icon:disabled:not(.btn-link):disabled { color: #fff; pointer-events: none; } .kadaster .btn-with-icon.disabled:not(.btn-link).disabled .badge, .kadaster .btn-with-icon:disabled:not(.btn-link):disabled .badge { background: #fff; color: #d1d1d1; } .kadaster .btn.btn-primary:not([disabled]):not(.no-animation), .kadaster .btn.btn-inverted-primary:not([disabled]):not(.no-animation), .kadaster .btn.btn-outline-invert-primary:not([disabled]):not(.no-animation), .kadaster .btn.btn-cta:not([disabled]):not(.no-animation), .kadaster .btn.btn-success:not([disabled]):not(.no-animation), .kadaster .btn.btn-info:not([disabled]):not(.no-animation), .kadaster .btn.btn-warning:not([disabled]):not(.no-animation), .kadaster .btn.btn-danger:not([disabled]):not(.no-animation), .kadaster .btn.btn-outline-success:not([disabled]):not(.no-animation), .kadaster .btn.btn-outline-info:not([disabled]):not(.no-animation), .kadaster .btn.btn-outline-warning:not([disabled]):not(.no-animation), .kadaster .btn.btn-outline-danger:not([disabled]):not(.no-animation) { /* all buttons need to have the text content within the .btn-text element, it is used for animating over the x-axis */ /* using :after element instead of the usual icon span to gain control over which buttons will have an arrow icon without manual HTML changes needed by users of the huisstijl */ } .kadaster .btn.btn-primary:not([disabled]):not(.no-animation) .btn-text, .kadaster .btn.btn-inverted-primary:not([disabled]):not(.no-animation) .btn-text, .kadaster .btn.btn-outline-invert-primary:not([disabled]):not(.no-animation) .btn-text, .kadaster .btn.btn-cta:not([disabled]):not(.no-animation) .btn-text, .kadaster .btn.btn-success:not([disabled]):not(.no-animation) .btn-text, .kadaster .btn.btn-info:not([disabled]):not(.no-animation) .btn-text, .kadaster .btn.btn-warning:not([disabled]):not(.no-animation) .btn-text, .kadaster .btn.btn-danger:not([disabled]):not(.no-animation) .btn-text, .kadaster .btn.btn-outline-success:not([disabled]):not(.no-animation) .btn-text, .kadaster .btn.btn-outline-info:not([disabled]):not(.no-animation) .btn-text, .kadaster .btn.btn-outline-warning:not([disabled]):not(.no-animation) .btn-text, .kadaster .btn.btn-outline-danger:not([disabled]):not(.no-animation) .btn-text { transform: translate(0, 0); transition-duration: 0.3s; } .kadaster .btn.btn-primary:not([disabled]):not(.no-animation):after, .kadaster .btn.btn-inverted-primary:not([disabled]):not(.no-animation):after, .kadaster .btn.btn-outline-invert-primary:not([disabled]):not(.no-animation):after, .kadaster .btn.btn-cta:not([disabled]):not(.no-animation):after, .kadaster .btn.btn-success:not([disabled]):not(.no-animation):after, .kadaster .btn.btn-info:not([disabled]):not(.no-animation):after, .kadaster .btn.btn-warning:not([disabled]):not(.no-animation):after, .kadaster .btn.btn-danger:not([disabled]):not(.no-animation):after, .kadaster .btn.btn-outline-success:not([disabled]):not(.no-animation):after, .kadaster .btn.btn-outline-info:not([disabled]):not(.no-animation):after, .kadaster .btn.btn-outline-warning:not([disabled]):not(.no-animation):after, .kadaster .btn.btn-outline-danger:not([disabled]):not(.no-animation):after { display: flex; align-items: center; position: absolute; right: 1rem; font-family: "Font Awesome 5 Pro"; font-weight: 200; font-size: 2rem; content: "\f105"; transform: translate(0); transition-duration: 0.3s; opacity: 0; } .kadaster .btn.btn-primary:not([disabled]):not(.no-animation):hover .btn-text, .kadaster .btn.btn-primary:not([disabled]):not(.no-animation):focus .btn-text, .kadaster .btn.btn-inverted-primary:not([disabled]):not(.no-animation):hover .btn-text, .kadaster .btn.btn-inverted-primary:not([disabled]):not(.no-animation):focus .btn-text, .kadaster .btn.btn-cta:not([disabled]):not(.no-animation):hover .btn-text, .kadaster .btn.btn-cta:not([disabled]):not(.no-animation):focus .btn-text, .kadaster .btn.btn-success:not([disabled]):not(.no-animation):hover .btn-text, .kadaster .btn.btn-success:not([disabled]):not(.no-animation):focus .btn-text, .kadaster .btn.btn-info:not([disabled]):not(.no-animation):hover .btn-text, .kadaster .btn.btn-info:not([disabled]):not(.no-animation):focus .btn-text, .kadaster .btn.btn-warning:not([disabled]):not(.no-animation):hover .btn-text, .kadaster .btn.btn-warning:not([disabled]):not(.no-animation):focus .btn-text, .kadaster .btn.btn-danger:not([disabled]):not(.no-animation):hover .btn-text, .kadaster .btn.btn-danger:not([disabled]):not(.no-animation):focus .btn-text { transform: translate(-0.625rem, 0); transition-duration: 0.3s; } .kadaster .btn.btn-primary:not([disabled]):not(.no-animation):hover:after, .kadaster .btn.btn-primary:not([disabled]):not(.no-animation):focus:after, .kadaster .btn.btn-inverted-primary:not([disabled]):not(.no-animation):hover:after, .kadaster .btn.btn-inverted-primary:not([disabled]):not(.no-animation):focus:after, .kadaster .btn.btn-cta:not([disabled]):not(.no-animation):hover:after, .kadaster .btn.btn-cta:not([disabled]):not(.no-animation):focus:after, .kadaster .btn.btn-success:not([disabled]):not(.no-animation):hover:after, .kadaster .btn.btn-success:not([disabled]):not(.no-animation):focus:after, .kadaster .btn.btn-info:not([disabled]):not(.no-animation):hover:after, .kadaster .btn.btn-info:not([disabled]):not(.no-animation):focus:after, .kadaster .btn.btn-warning:not([disabled]):not(.no-animation):hover:after, .kadaster .btn.btn-warning:not([disabled]):not(.no-animation):focus:after, .kadaster .btn.btn-danger:not([disabled]):not(.no-animation):hover:after, .kadaster .btn.btn-danger:not([disabled]):not(.no-animation):focus:after { transform: translate(0.5rem); opacity: 1; } .kadaster .btn.btn-primary:not([disabled]):not(.no-animation):active .btn-text, .kadaster .btn.btn-inverted-primary:not([disabled]):not(.no-animation):active .btn-text, .kadaster .btn.btn-cta:not([disabled]):not(.no-animation):active .btn-text, .kadaster .btn.btn-success:not([disabled]):not(.no-animation):active .btn-text, .kadaster .btn.btn-info:not([disabled]):not(.no-animation):active .btn-text, .kadaster .btn.btn-warning:not([disabled]):not(.no-animation):active .btn-text, .kadaster .btn.btn-danger:not([disabled]):not(.no-animation):active .btn-text { transform: translate(0, 0); transition-duration: 0.1s; } .kadaster .btn.btn-primary:not([disabled]):not(.no-animation):active:after, .kadaster .btn.btn-inverted-primary:not([disabled]):not(.no-animation):active:after, .kadaster .btn.btn-cta:not([disabled]):not(.no-animation):active:after, .kadaster .btn.btn-success:not([disabled]):not(.no-animation):active:after, .kadaster .btn.btn-info:not([disabled]):not(.no-animation):active:after, .kadaster .btn.btn-warning:not([disabled]):not(.no-animation):active:after, .kadaster .btn.btn-danger:not([disabled]):not(.no-animation):active:after { transform: translate(2rem); transition-duration: 0.1s; opacity: 0; } .kadaster .btn.btn-outline-invert-primary:not([disabled]):not(.no-animation):focus .btn-text, .kadaster .btn.btn-outline-success:not([disabled]):not(.no-animation):focus .btn-text, .kadaster .btn.btn-outline-info:not([disabled]):not(.no-animation):focus .btn-text, .kadaster .btn.btn-outline-warning:not([disabled]):not(.no-animation):focus .btn-text, .kadaster .btn.btn-outline-danger:not([disabled]):not(.no-animation):focus .btn-text { transform: translate(-0.625rem, 0); transition-duration: 0.3s; } .kadaster .btn.btn-outline-invert-primary:not([disabled]):not(.no-animation):focus:after, .kadaster .btn.btn-outline-success:not([disabled]):not(.no-animation):focus:after, .kadaster .btn.btn-outline-info:not([disabled]):not(.no-animation):focus:after, .kadaster .btn.btn-outline-warning:not([disabled]):not(.no-animation):focus:after, .kadaster .btn.btn-outline-danger:not([disabled]):not(.no-animation):focus:after { transform: translate(0.5rem); opacity: 1; } .kadaster .btn.btn-outline-invert-primary:not([disabled]):not(.no-animation):active .btn-text, .kadaster .btn.btn-outline-success:not([disabled]):not(.no-animation):active .btn-text, .kadaster .btn.btn-outline-info:not([disabled]):not(.no-animation):active .btn-text, .kadaster .btn.btn-outline-warning:not([disabled]):not(.no-animation):active .btn-text, .kadaster .btn.btn-outline-danger:not([disabled]):not(.no-animation):active .btn-text { transform: translate(0, 0); transition-duration: 0.1s; } .kadaster .btn.btn-outline-invert-primary:not([disabled]):not(.no-animation):active:after, .kadaster .btn.btn-outline-success:not([disabled]):not(.no-animation):active:after, .kadaster .btn.btn-outline-info:not([disabled]):not(.no-animation):active:after, .kadaster .btn.btn-outline-warning:not([disabled]):not(.no-animation):active:after, .kadaster .btn.btn-outline-danger:not([disabled]):not(.no-animation):active:after { transform: translate(2rem); transition-duration: 0.1s; opacity: 0; } .kadaster .btn-secondary, .kadaster .btn-secondary:hover, .kadaster .btn-secondary:focus { color: #406a9e; } .kadaster .btn-secondary:hover { border: 0.063rem solid #bfcddf; } .kadaster .btn-sm.btn-primary:focus, .kadaster .btn-group-sm > .btn-primary.btn:focus, .kadaster .btn-sm.btn-primary.focus, .kadaster .btn-group-sm > .btn-primary.focus.btn, .kadaster .btn-sm.btn-primary:active, .kadaster .btn-group-sm > .btn-primary.btn:active, .kadaster .btn-sm.btn-primary.active, .kadaster .btn-group-sm > .btn-primary.active.btn, .kadaster .btn-sm.btn-outline-primary:focus, .kadaster .btn-group-sm > .btn-outline-primary.btn:focus, .kadaster .btn-sm.btn-outline-primary.focus, .kadaster .btn-group-sm > .btn-outline-primary.focus.btn, .kadaster .btn-sm.btn-outline-primary:active, .kadaster .btn-group-sm > .btn-outline-primary.btn:active, .kadaster .btn-sm.btn-outline-primary.active, .kadaster .btn-group-sm > .btn-outline-primary.active.btn, .kadaster .btn-sm.btn-outline-invert-primary:focus, .kadaster .btn-group-sm > .btn-outline-invert-primary.btn:focus, .kadaster .btn-sm.btn-outline-invert-primary.focus, .kadaster .btn-group-sm > .btn-outline-invert-primary.focus.btn, .kadaster .btn-sm.btn-outline-invert-primary:active, .kadaster .btn-group-sm > .btn-outline-invert-primary.btn:active, .kadaster .btn-sm.btn-outline-invert-primary.active, .kadaster .btn-group-sm > .btn-outline-invert-primary.active.btn, .kadaster .btn-sm.btn-inverted-primary:focus, .kadaster .btn-group-sm > .btn-inverted-primary.btn:focus, .kadaster .btn-sm.btn-inverted-primary.focus, .kadaster .btn-group-sm > .btn-inverted-primary.focus.btn, .kadaster .btn-sm.btn-inverted-primary:active, .kadaster .btn-group-sm > .btn-inverted-primary.btn:active, .kadaster .btn-sm.btn-inverted-primary.active, .kadaster .btn-group-sm > .btn-inverted-primary.active.btn { box-sizing: border-box; padding: calc(0.0625rem - 0.1875rem + 1px) calc(0.75rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #008296; color: #fff; } .kadaster .btn-sm.btn-secondary:focus, .kadaster .btn-group-sm > .btn-secondary.btn:focus, .kadaster .btn-sm.btn-secondary.focus, .kadaster .btn-group-sm > .btn-secondary.focus.btn, .kadaster .btn-sm.btn-secondary:active, .kadaster .btn-group-sm > .btn-secondary.btn:active, .kadaster .btn-sm.btn-secondary.active, .kadaster .btn-group-sm > .btn-secondary.active.btn, .kadaster .btn-sm.btn-outline-secondary:focus, .kadaster .btn-group-sm > .btn-outline-secondary.btn:focus, .kadaster .btn-sm.btn-outline-secondary.focus, .kadaster .btn-group-sm > .btn-outline-secondary.focus.btn, .kadaster .btn-sm.btn-outline-secondary:active, .kadaster .btn-group-sm > .btn-outline-secondary.btn:active, .kadaster .btn-sm.btn-outline-secondary.active, .kadaster .btn-group-sm > .btn-outline-secondary.active.btn, .kadaster .btn-sm.btn-outline-invert-secondary:focus, .kadaster .btn-group-sm > .btn-outline-invert-secondary.btn:focus, .kadaster .btn-sm.btn-outline-invert-secondary.focus, .kadaster .btn-group-sm > .btn-outline-invert-secondary.focus.btn, .kadaster .btn-sm.btn-outline-invert-secondary:active, .kadaster .btn-group-sm > .btn-outline-invert-secondary.btn:active, .kadaster .btn-sm.btn-outline-invert-secondary.active, .kadaster .btn-group-sm > .btn-outline-invert-secondary.active.btn, .kadaster .btn-sm.btn-inverted-secondary:focus, .kadaster .btn-group-sm > .btn-inverted-secondary.btn:focus, .kadaster .btn-sm.btn-inverted-secondary.focus, .kadaster .btn-group-sm > .btn-inverted-secondary.focus.btn, .kadaster .btn-sm.btn-inverted-secondary:active, .kadaster .btn-group-sm > .btn-inverted-secondary.btn:active, .kadaster .btn-sm.btn-inverted-secondary.active, .kadaster .btn-group-sm > .btn-inverted-secondary.active.btn { box-sizing: border-box; padding: calc(0.0625rem - 0.1875rem + 1px) calc(0.75rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #e6ebf2; color: #fff; } .kadaster .btn-sm.btn-success:focus, .kadaster .btn-group-sm > .btn-success.btn:focus, .kadaster .btn-sm.btn-success.focus, .kadaster .btn-group-sm > .btn-success.focus.btn, .kadaster .btn-sm.btn-success:active, .kadaster .btn-group-sm > .btn-success.btn:active, .kadaster .btn-sm.btn-success.active, .kadaster .btn-group-sm > .btn-success.active.btn, .kadaster .btn-sm.btn-outline-success:focus, .kadaster .btn-group-sm > .btn-outline-success.btn:focus, .kadaster .btn-sm.btn-outline-success.focus, .kadaster .btn-group-sm > .btn-outline-success.focus.btn, .kadaster .btn-sm.btn-outline-success:active, .kadaster .btn-group-sm > .btn-outline-success.btn:active, .kadaster .btn-sm.btn-outline-success.active, .kadaster .btn-group-sm > .btn-outline-success.active.btn, .kadaster .btn-sm.btn-outline-invert-success:focus, .kadaster .btn-group-sm > .btn-outline-invert-success.btn:focus, .kadaster .btn-sm.btn-outline-invert-success.focus, .kadaster .btn-group-sm > .btn-outline-invert-success.focus.btn, .kadaster .btn-sm.btn-outline-invert-success:active, .kadaster .btn-group-sm > .btn-outline-invert-success.btn:active, .kadaster .btn-sm.btn-outline-invert-success.active, .kadaster .btn-group-sm > .btn-outline-invert-success.active.btn, .kadaster .btn-sm.btn-inverted-success:focus, .kadaster .btn-group-sm > .btn-inverted-success.btn:focus, .kadaster .btn-sm.btn-inverted-success.focus, .kadaster .btn-group-sm > .btn-inverted-success.focus.btn, .kadaster .btn-sm.btn-inverted-success:active, .kadaster .btn-group-sm > .btn-inverted-success.btn:active, .kadaster .btn-sm.btn-inverted-success.active, .kadaster .btn-group-sm > .btn-inverted-success.active.btn { box-sizing: border-box; padding: calc(0.0625rem - 0.1875rem + 1px) calc(0.75rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #547b1c; color: #fff; } .kadaster .btn-sm.btn-info:focus, .kadaster .btn-group-sm > .btn-info.btn:focus, .kadaster .btn-sm.btn-info.focus, .kadaster .btn-group-sm > .btn-info.focus.btn, .kadaster .btn-sm.btn-info:active, .kadaster .btn-group-sm > .btn-info.btn:active, .kadaster .btn-sm.btn-info.active, .kadaster .btn-group-sm > .btn-info.active.btn, .kadaster .btn-sm.btn-outline-info:focus, .kadaster .btn-group-sm > .btn-outline-info.btn:focus, .kadaster .btn-sm.btn-outline-info.focus, .kadaster .btn-group-sm > .btn-outline-info.focus.btn, .kadaster .btn-sm.btn-outline-info:active, .kadaster .btn-group-sm > .btn-outline-info.btn:active, .kadaster .btn-sm.btn-outline-info.active, .kadaster .btn-group-sm > .btn-outline-info.active.btn, .kadaster .btn-sm.btn-outline-invert-info:focus, .kadaster .btn-group-sm > .btn-outline-invert-info.btn:focus, .kadaster .btn-sm.btn-outline-invert-info.focus, .kadaster .btn-group-sm > .btn-outline-invert-info.focus.btn, .kadaster .btn-sm.btn-outline-invert-info:active, .kadaster .btn-group-sm > .btn-outline-invert-info.btn:active, .kadaster .btn-sm.btn-outline-invert-info.active, .kadaster .btn-group-sm > .btn-outline-invert-info.active.btn, .kadaster .btn-sm.btn-inverted-info:focus, .kadaster .btn-group-sm > .btn-inverted-info.btn:focus, .kadaster .btn-sm.btn-inverted-info.focus, .kadaster .btn-group-sm > .btn-inverted-info.focus.btn, .kadaster .btn-sm.btn-inverted-info:active, .kadaster .btn-group-sm > .btn-inverted-info.btn:active, .kadaster .btn-sm.btn-inverted-info.active, .kadaster .btn-group-sm > .btn-inverted-info.active.btn { box-sizing: border-box; padding: calc(0.0625rem - 0.1875rem + 1px) calc(0.75rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #0075a8; color: #fff; } .kadaster .btn-sm.btn-warning:focus, .kadaster .btn-group-sm > .btn-warning.btn:focus, .kadaster .btn-sm.btn-warning.focus, .kadaster .btn-group-sm > .btn-warning.focus.btn, .kadaster .btn-sm.btn-warning:active, .kadaster .btn-group-sm > .btn-warning.btn:active, .kadaster .btn-sm.btn-warning.active, .kadaster .btn-group-sm > .btn-warning.active.btn, .kadaster .btn-sm.btn-outline-warning:focus, .kadaster .btn-group-sm > .btn-outline-warning.btn:focus, .kadaster .btn-sm.btn-outline-warning.focus, .kadaster .btn-group-sm > .btn-outline-warning.focus.btn, .kadaster .btn-sm.btn-outline-warning:active, .kadaster .btn-group-sm > .btn-outline-warning.btn:active, .kadaster .btn-sm.btn-outline-warning.active, .kadaster .btn-group-sm > .btn-outline-warning.active.btn, .kadaster .btn-sm.btn-outline-invert-warning:focus, .kadaster .btn-group-sm > .btn-outline-invert-warning.btn:focus, .kadaster .btn-sm.btn-outline-invert-warning.focus, .kadaster .btn-group-sm > .btn-outline-invert-warning.focus.btn, .kadaster .btn-sm.btn-outline-invert-warning:active, .kadaster .btn-group-sm > .btn-outline-invert-warning.btn:active, .kadaster .btn-sm.btn-outline-invert-warning.active, .kadaster .btn-group-sm > .btn-outline-invert-warning.active.btn, .kadaster .btn-sm.btn-inverted-warning:focus, .kadaster .btn-group-sm > .btn-inverted-warning.btn:focus, .kadaster .btn-sm.btn-inverted-warning.focus, .kadaster .btn-group-sm > .btn-inverted-warning.focus.btn, .kadaster .btn-sm.btn-inverted-warning:active, .kadaster .btn-group-sm > .btn-inverted-warning.btn:active, .kadaster .btn-sm.btn-inverted-warning.active, .kadaster .btn-group-sm > .btn-inverted-warning.active.btn { box-sizing: border-box; padding: calc(0.0625rem - 0.1875rem + 1px) calc(0.75rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #b4520c; color: #fff; } .kadaster .btn-sm.btn-danger:focus, .kadaster .btn-group-sm > .btn-danger.btn:focus, .kadaster .btn-sm.btn-danger.focus, .kadaster .btn-group-sm > .btn-danger.focus.btn, .kadaster .btn-sm.btn-danger:active, .kadaster .btn-group-sm > .btn-danger.btn:active, .kadaster .btn-sm.btn-danger.active, .kadaster .btn-group-sm > .btn-danger.active.btn, .kadaster .btn-sm.btn-outline-danger:focus, .kadaster .btn-group-sm > .btn-outline-danger.btn:focus, .kadaster .btn-sm.btn-outline-danger.focus, .kadaster .btn-group-sm > .btn-outline-danger.focus.btn, .kadaster .btn-sm.btn-outline-danger:active, .kadaster .btn-group-sm > .btn-outline-danger.btn:active, .kadaster .btn-sm.btn-outline-danger.active, .kadaster .btn-group-sm > .btn-outline-danger.active.btn, .kadaster .btn-sm.btn-outline-invert-danger:focus, .kadaster .btn-group-sm > .btn-outline-invert-danger.btn:focus, .kadaster .btn-sm.btn-outline-invert-danger.focus, .kadaster .btn-group-sm > .btn-outline-invert-danger.focus.btn, .kadaster .btn-sm.btn-outline-invert-danger:active, .kadaster .btn-group-sm > .btn-outline-invert-danger.btn:active, .kadaster .btn-sm.btn-outline-invert-danger.active, .kadaster .btn-group-sm > .btn-outline-invert-danger.active.btn, .kadaster .btn-sm.btn-inverted-danger:focus, .kadaster .btn-group-sm > .btn-inverted-danger.btn:focus, .kadaster .btn-sm.btn-inverted-danger.focus, .kadaster .btn-group-sm > .btn-inverted-danger.focus.btn, .kadaster .btn-sm.btn-inverted-danger:active, .kadaster .btn-group-sm > .btn-inverted-danger.btn:active, .kadaster .btn-sm.btn-inverted-danger.active, .kadaster .btn-group-sm > .btn-inverted-danger.active.btn { box-sizing: border-box; padding: calc(0.0625rem - 0.1875rem + 1px) calc(0.75rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #ab2218; color: #fff; } .kadaster .btn-sm.btn-light:focus, .kadaster .btn-group-sm > .btn-light.btn:focus, .kadaster .btn-sm.btn-light.focus, .kadaster .btn-group-sm > .btn-light.focus.btn, .kadaster .btn-sm.btn-light:active, .kadaster .btn-group-sm > .btn-light.btn:active, .kadaster .btn-sm.btn-light.active, .kadaster .btn-group-sm > .btn-light.active.btn, .kadaster .btn-sm.btn-outline-light:focus, .kadaster .btn-group-sm > .btn-outline-light.btn:focus, .kadaster .btn-sm.btn-outline-light.focus, .kadaster .btn-group-sm > .btn-outline-light.focus.btn, .kadaster .btn-sm.btn-outline-light:active, .kadaster .btn-group-sm > .btn-outline-light.btn:active, .kadaster .btn-sm.btn-outline-light.active, .kadaster .btn-group-sm > .btn-outline-light.active.btn, .kadaster .btn-sm.btn-outline-invert-light:focus, .kadaster .btn-group-sm > .btn-outline-invert-light.btn:focus, .kadaster .btn-sm.btn-outline-invert-light.focus, .kadaster .btn-group-sm > .btn-outline-invert-light.focus.btn, .kadaster .btn-sm.btn-outline-invert-light:active, .kadaster .btn-group-sm > .btn-outline-invert-light.btn:active, .kadaster .btn-sm.btn-outline-invert-light.active, .kadaster .btn-group-sm > .btn-outline-invert-light.active.btn, .kadaster .btn-sm.btn-inverted-light:focus, .kadaster .btn-group-sm > .btn-inverted-light.btn:focus, .kadaster .btn-sm.btn-inverted-light.focus, .kadaster .btn-group-sm > .btn-inverted-light.focus.btn, .kadaster .btn-sm.btn-inverted-light:active, .kadaster .btn-group-sm > .btn-inverted-light.btn:active, .kadaster .btn-sm.btn-inverted-light.active, .kadaster .btn-group-sm > .btn-inverted-light.active.btn { box-sizing: border-box; padding: calc(0.0625rem - 0.1875rem + 1px) calc(0.75rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #ebebeb; color: #fff; } .kadaster .btn-sm.btn-dark:focus, .kadaster .btn-group-sm > .btn-dark.btn:focus, .kadaster .btn-sm.btn-dark.focus, .kadaster .btn-group-sm > .btn-dark.focus.btn, .kadaster .btn-sm.btn-dark:active, .kadaster .btn-group-sm > .btn-dark.btn:active, .kadaster .btn-sm.btn-dark.active, .kadaster .btn-group-sm > .btn-dark.active.btn, .kadaster .btn-sm.btn-outline-dark:focus, .kadaster .btn-group-sm > .btn-outline-dark.btn:focus, .kadaster .btn-sm.btn-outline-dark.focus, .kadaster .btn-group-sm > .btn-outline-dark.focus.btn, .kadaster .btn-sm.btn-outline-dark:active, .kadaster .btn-group-sm > .btn-outline-dark.btn:active, .kadaster .btn-sm.btn-outline-dark.active, .kadaster .btn-group-sm > .btn-outline-dark.active.btn, .kadaster .btn-sm.btn-outline-invert-dark:focus, .kadaster .btn-group-sm > .btn-outline-invert-dark.btn:focus, .kadaster .btn-sm.btn-outline-invert-dark.focus, .kadaster .btn-group-sm > .btn-outline-invert-dark.focus.btn, .kadaster .btn-sm.btn-outline-invert-dark:active, .kadaster .btn-group-sm > .btn-outline-invert-dark.btn:active, .kadaster .btn-sm.btn-outline-invert-dark.active, .kadaster .btn-group-sm > .btn-outline-invert-dark.active.btn, .kadaster .btn-sm.btn-inverted-dark:focus, .kadaster .btn-group-sm > .btn-inverted-dark.btn:focus, .kadaster .btn-sm.btn-inverted-dark.focus, .kadaster .btn-group-sm > .btn-inverted-dark.focus.btn, .kadaster .btn-sm.btn-inverted-dark:active, .kadaster .btn-group-sm > .btn-inverted-dark.btn:active, .kadaster .btn-sm.btn-inverted-dark.active, .kadaster .btn-group-sm > .btn-inverted-dark.active.btn { box-sizing: border-box; padding: calc(0.0625rem - 0.1875rem + 1px) calc(0.75rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #2b2b2b; color: #fff; } .kadaster .btn-sm.btn-cta:focus, .kadaster .btn-group-sm > .btn-cta.btn:focus, .kadaster .btn-sm.btn-cta.focus, .kadaster .btn-group-sm > .btn-cta.focus.btn, .kadaster .btn-sm.btn-cta:active, .kadaster .btn-group-sm > .btn-cta.btn:active, .kadaster .btn-sm.btn-cta.active, .kadaster .btn-group-sm > .btn-cta.active.btn, .kadaster .btn-sm.btn-outline-cta:focus, .kadaster .btn-group-sm > .btn-outline-cta.btn:focus, .kadaster .btn-sm.btn-outline-cta.focus, .kadaster .btn-group-sm > .btn-outline-cta.focus.btn, .kadaster .btn-sm.btn-outline-cta:active, .kadaster .btn-group-sm > .btn-outline-cta.btn:active, .kadaster .btn-sm.btn-outline-cta.active, .kadaster .btn-group-sm > .btn-outline-cta.active.btn, .kadaster .btn-sm.btn-outline-invert-cta:focus, .kadaster .btn-group-sm > .btn-outline-invert-cta.btn:focus, .kadaster .btn-sm.btn-outline-invert-cta.focus, .kadaster .btn-group-sm > .btn-outline-invert-cta.focus.btn, .kadaster .btn-sm.btn-outline-invert-cta:active, .kadaster .btn-group-sm > .btn-outline-invert-cta.btn:active, .kadaster .btn-sm.btn-outline-invert-cta.active, .kadaster .btn-group-sm > .btn-outline-invert-cta.active.btn, .kadaster .btn-sm.btn-inverted-cta:focus, .kadaster .btn-group-sm > .btn-inverted-cta.btn:focus, .kadaster .btn-sm.btn-inverted-cta.focus, .kadaster .btn-group-sm > .btn-inverted-cta.focus.btn, .kadaster .btn-sm.btn-inverted-cta:active, .kadaster .btn-group-sm > .btn-inverted-cta.btn:active, .kadaster .btn-sm.btn-inverted-cta.active, .kadaster .btn-group-sm > .btn-inverted-cta.active.btn { box-sizing: border-box; padding: calc(0.0625rem - 0.1875rem + 1px) calc(0.75rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #e17020; color: #fff; } .kadaster .btn-sm.btn-tag:focus, .kadaster .btn-group-sm > .btn-tag.btn:focus, .kadaster .btn-sm.btn-tag.focus, .kadaster .btn-group-sm > .btn-tag.focus.btn, .kadaster .btn-sm.btn-tag:active, .kadaster .btn-group-sm > .btn-tag.btn:active, .kadaster .btn-sm.btn-tag.active, .kadaster .btn-group-sm > .btn-tag.active.btn, .kadaster .btn-sm.btn-outline-invert-tag:focus, .kadaster .btn-group-sm > .btn-outline-invert-tag.btn:focus, .kadaster .btn-sm.btn-outline-invert-tag.focus, .kadaster .btn-group-sm > .btn-outline-invert-tag.focus.btn, .kadaster .btn-sm.btn-outline-invert-tag:active, .kadaster .btn-group-sm > .btn-outline-invert-tag.btn:active, .kadaster .btn-sm.btn-outline-invert-tag.active, .kadaster .btn-group-sm > .btn-outline-invert-tag.active.btn { box-sizing: border-box; padding: calc(0.0625rem - 0.1875rem + 1px) calc(0.75rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #008296; color: #fff; } .kadaster .btn-sm.btn-tertiary:focus, .kadaster .btn-group-sm > .btn-tertiary.btn:focus, .kadaster .btn-sm.btn-tertiary.focus, .kadaster .btn-group-sm > .btn-tertiary.focus.btn, .kadaster .btn-sm.btn-tertiary:active, .kadaster .btn-group-sm > .btn-tertiary.btn:active, .kadaster .btn-sm.btn-tertiary.active, .kadaster .btn-group-sm > .btn-tertiary.active.btn { box-sizing: border-box; padding: calc(0.0625rem - 0.1875rem + 1px) calc(0.75rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #a90261; color: #fff; } .kadaster .numbered-filter { box-sizing: border-box; padding: calc(0.0625rem - 0.1875rem + 1px) calc(0.75rem - 0.1875rem + 1px); border: 0.1875rem solid transparent; border-radius: inherit; box-shadow: none; background-color: transparent; color: #fff; position: relative; display: flex; align-items: center; height: 2.75rem; } .kadaster .numbered-filter .numbered-filter-text { color: #406a9e; text-decoration: underline; } .kadaster .numbered-filter .filter-icon { color: #406a9e; } .kadaster .numbered-filter .numbered-filter-totals-number { display: flex; height: 1em; margin-bottom: 1rem; margin-left: -0.5rem; padding: 0.55rem 0.313rem; font-size: 0.75rem; align-items: center; justify-content: center; color: #fff; border-radius: 1em; background-color: #406a9e; } .kadaster .numbered-filter:focus, .kadaster .numbered-filter.focus, .kadaster .numbered-filter:active, .kadaster .numbered-filter.active { box-sizing: border-box; padding: calc(0.0625rem - 0.1875rem + 1px) calc(0.75rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: transparent; color: #fff; outline: 0; } .kadaster .ol-control.map-control, .kadaster .cesium-control.map-control { /* stylelint-disable selector-no-qualifying-type */ /* stylelint-enable selector-no-qualifying-type */ } .kadaster .ol-control.map-control > button, .kadaster .cesium-control.map-control > button { align-items: center; display: flex; justify-content: center; margin: 0; height: 3rem; width: 3rem; color: #406a9e; font-size: 2em; line-height: 1; background: #fff; border: 1px solid #bfcddf; border-radius: 0; } .kadaster .ol-control.map-control > button:hover, .kadaster .cesium-control.map-control > button:hover { box-sizing: border-box; padding: calc(none - 1px + 1px) calc(none - 1px + 1px); border: 1px solid #bfcddf; border-radius: 0; box-shadow: none; background-color: #ebebeb; color: #406a9e; } .kadaster .ol-control.map-control > button:focus, .kadaster .ol-control.map-control > button.focus, .kadaster .ol-control.map-control > button:active, .kadaster .ol-control.map-control > button.active, .kadaster .cesium-control.map-control > button:focus, .kadaster .cesium-control.map-control > button.focus, .kadaster .cesium-control.map-control > button:active, .kadaster .cesium-control.map-control > button.active { box-sizing: border-box; padding: calc(0.375rem - 0.1875rem + 1px) calc(1.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #fff; color: #406a9e; outline: none; } .kadaster .ol-control.map-control > button:not(.btn-link)[disabled], .kadaster .cesium-control.map-control > button:not(.btn-link)[disabled] { color: #6b6b6b; } .kadaster .ol-control.map-control > button:first-child, .kadaster .cesium-control.map-control > button:first-child { border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .kadaster .ol-control.map-control > button:last-of-type, .kadaster .cesium-control.map-control > button:last-of-type { border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .kadaster .ol-control.map-control > button.map-control-reset .fa-compass, .kadaster .cesium-control.map-control > button.map-control-reset .fa-compass { transform: rotate(-45deg); } .kadaster .calendar-detail-page .calendar-detail-container { padding: 1.5rem 0; color: #008296; border-radius: 0.3rem; background-color: #e6f3f5; } .kadaster .calendar-detail-page .calendar-detail { margin-bottom: 0.5rem; } @media (min-width: 768px) { .kadaster .calendar-detail-page .calendar-detail { margin-bottom: 0; } } .kadaster .calendar-detail-page .calendar-detail-content { display: inline-block; margin-left: 1.5rem; } .kadaster .calendar-detail-page .calendar-detail-icon { position: absolute; line-height: inherit; } .kadaster .card-title { margin-top: 0; margin-bottom: 0.375rem; } .kadaster .card-footer { padding-top: 0; border-top: 0; } .kadaster .card-link:not(.btn) { display: block; } .kadaster .card-link:not(.btn):hover { text-decoration: underline; } .kadaster .card-link:not(.btn) + .card-link { margin-left: 0; } .kadaster .card-body .aspect-ratio-parent + .card-text { /* Does the card contain both an image and a card-text? Then apply spacing between them. If either one is omitted, no extra spacing is added */ margin-top: 1.5rem; } .kadaster .card-rounded, .kadaster .card-rounded .card-footer { border-radius: 0.3125rem; } .kadaster #accordion .card, .kadaster #accordion .card.card-accordion, .kadaster #accordion > .card:first-of-type, .kadaster #accordion > .card:not(:first-of-type):not(:last-of-type), .kadaster .accordion .card, .kadaster .accordion .card.card-accordion, .kadaster .accordion > .card:first-of-type, .kadaster .accordion > .card:not(:first-of-type):not(:last-of-type), .kadaster div[id*=accordion] .card, .kadaster div[id*=accordion] .card.card-accordion, .kadaster div[id*=accordion] > .card:first-of-type, .kadaster div[id*=accordion] > .card:not(:first-of-type):not(:last-of-type) { border: 0; border-bottom: 1px solid #406a9e; border-radius: 0; } .kadaster #accordion .card:nth-of-type(1), .kadaster #accordion .card.card-accordion:nth-of-type(1), .kadaster #accordion > .card:first-of-type:nth-of-type(1), .kadaster #accordion > .card:not(:first-of-type):not(:last-of-type):nth-of-type(1), .kadaster .accordion .card:nth-of-type(1), .kadaster .accordion .card.card-accordion:nth-of-type(1), .kadaster .accordion > .card:first-of-type:nth-of-type(1), .kadaster .accordion > .card:not(:first-of-type):not(:last-of-type):nth-of-type(1), .kadaster div[id*=accordion] .card:nth-of-type(1), .kadaster div[id*=accordion] .card.card-accordion:nth-of-type(1), .kadaster div[id*=accordion] > .card:first-of-type:nth-of-type(1), .kadaster div[id*=accordion] > .card:not(:first-of-type):not(:last-of-type):nth-of-type(1) { border-top: 1px solid #406a9e; } .kadaster #accordion .card .card-header, .kadaster #accordion .card .card-body, .kadaster #accordion .card .card-header.card-accordion-header, .kadaster #accordion .card .card-body.card-accordion-body, .kadaster #accordion .card.card-accordion .card-header, .kadaster #accordion .card.card-accordion .card-body, .kadaster #accordion .card.card-accordion .card-header.card-accordion-header, .kadaster #accordion .card.card-accordion .card-body.card-accordion-body, .kadaster #accordion > .card:first-of-type .card-header, .kadaster #accordion > .card:first-of-type .card-body, .kadaster #accordion > .card:first-of-type .card-header.card-accordion-header, .kadaster #accordion > .card:first-of-type .card-body.card-accordion-body, .kadaster #accordion > .card:not(:first-of-type):not(:last-of-type) .card-header, .kadaster #accordion > .card:not(:first-of-type):not(:last-of-type) .card-body, .kadaster #accordion > .card:not(:first-of-type):not(:last-of-type) .card-header.card-accordion-header, .kadaster #accordion > .card:not(:first-of-type):not(:last-of-type) .card-body.card-accordion-body, .kadaster .accordion .card .card-header, .kadaster .accordion .card .card-body, .kadaster .accordion .card .card-header.card-accordion-header, .kadaster .accordion .card .card-body.card-accordion-body, .kadaster .accordion .card.card-accordion .card-header, .kadaster .accordion .card.card-accordion .card-body, .kadaster .accordion .card.card-accordion .card-header.card-accordion-header, .kadaster .accordion .card.card-accordion .card-body.card-accordion-body, .kadaster .accordion > .card:first-of-type .card-header, .kadaster .accordion > .card:first-of-type .card-body, .kadaster .accordion > .card:first-of-type .card-header.card-accordion-header, .kadaster .accordion > .card:first-of-type .card-body.card-accordion-body, .kadaster .accordion > .card:not(:first-of-type):not(:last-of-type) .card-header, .kadaster .accordion > .card:not(:first-of-type):not(:last-of-type) .card-body, .kadaster .accordion > .card:not(:first-of-type):not(:last-of-type) .card-header.card-accordion-header, .kadaster .accordion > .card:not(:first-of-type):not(:last-of-type) .card-body.card-accordion-body, .kadaster div[id*=accordion] .card .card-header, .kadaster div[id*=accordion] .card .card-body, .kadaster div[id*=accordion] .card .card-header.card-accordion-header, .kadaster div[id*=accordion] .card .card-body.card-accordion-body, .kadaster div[id*=accordion] .card.card-accordion .card-header, .kadaster div[id*=accordion] .card.card-accordion .card-body, .kadaster div[id*=accordion] .card.card-accordion .card-header.card-accordion-header, .kadaster div[id*=accordion] .card.card-accordion .card-body.card-accordion-body, .kadaster div[id*=accordion] > .card:first-of-type .card-header, .kadaster div[id*=accordion] > .card:first-of-type .card-body, .kadaster div[id*=accordion] > .card:first-of-type .card-header.card-accordion-header, .kadaster div[id*=accordion] > .card:first-of-type .card-body.card-accordion-body, .kadaster div[id*=accordion] > .card:not(:first-of-type):not(:last-of-type) .card-header, .kadaster div[id*=accordion] > .card:not(:first-of-type):not(:last-of-type) .card-body, .kadaster div[id*=accordion] > .card:not(:first-of-type):not(:last-of-type) .card-header.card-accordion-header, .kadaster div[id*=accordion] > .card:not(:first-of-type):not(:last-of-type) .card-body.card-accordion-body { border: 0; } .kadaster #accordion .card .card-header, .kadaster #accordion .card .card-header.card-accordion-header, .kadaster #accordion .card.card-accordion .card-header, .kadaster #accordion .card.card-accordion .card-header.card-accordion-header, .kadaster #accordion > .card:first-of-type .card-header, .kadaster #accordion > .card:first-of-type .card-header.card-accordion-header, .kadaster #accordion > .card:not(:first-of-type):not(:last-of-type) .card-header, .kadaster #accordion > .card:not(:first-of-type):not(:last-of-type) .card-header.card-accordion-header, .kadaster .accordion .card .card-header, .kadaster .accordion .card .card-header.card-accordion-header, .kadaster .accordion .card.card-accordion .card-header, .kadaster .accordion .card.card-accordion .card-header.card-accordion-header, .kadaster .accordion > .card:first-of-type .card-header, .kadaster .accordion > .card:first-of-type .card-header.card-accordion-header, .kadaster .accordion > .card:not(:first-of-type):not(:last-of-type) .card-header, .kadaster .accordion > .card:not(:first-of-type):not(:last-of-type) .card-header.card-accordion-header, .kadaster div[id*=accordion] .card .card-header, .kadaster div[id*=accordion] .card .card-header.card-accordion-header, .kadaster div[id*=accordion] .card.card-accordion .card-header, .kadaster div[id*=accordion] .card.card-accordion .card-header.card-accordion-header, .kadaster div[id*=accordion] > .card:first-of-type .card-header, .kadaster div[id*=accordion] > .card:first-of-type .card-header.card-accordion-header, .kadaster div[id*=accordion] > .card:not(:first-of-type):not(:last-of-type) .card-header, .kadaster div[id*=accordion] > .card:not(:first-of-type):not(:last-of-type) .card-header.card-accordion-header { padding: 0; } .kadaster #accordion .card .card-body, .kadaster #accordion .card .card-body.card-accordion-body, .kadaster #accordion .card.card-accordion .card-body, .kadaster #accordion .card.card-accordion .card-body.card-accordion-body, .kadaster #accordion > .card:first-of-type .card-body, .kadaster #accordion > .card:first-of-type .card-body.card-accordion-body, .kadaster #accordion > .card:not(:first-of-type):not(:last-of-type) .card-body, .kadaster #accordion > .card:not(:first-of-type):not(:last-of-type) .card-body.card-accordion-body, .kadaster .accordion .card .card-body, .kadaster .accordion .card .card-body.card-accordion-body, .kadaster .accordion .card.card-accordion .card-body, .kadaster .accordion .card.card-accordion .card-body.card-accordion-body, .kadaster .accordion > .card:first-of-type .card-body, .kadaster .accordion > .card:first-of-type .card-body.card-accordion-body, .kadaster .accordion > .card:not(:first-of-type):not(:last-of-type) .card-body, .kadaster .accordion > .card:not(:first-of-type):not(:last-of-type) .card-body.card-accordion-body, .kadaster div[id*=accordion] .card .card-body, .kadaster div[id*=accordion] .card .card-body.card-accordion-body, .kadaster div[id*=accordion] .card.card-accordion .card-body, .kadaster div[id*=accordion] .card.card-accordion .card-body.card-accordion-body, .kadaster div[id*=accordion] > .card:first-of-type .card-body, .kadaster div[id*=accordion] > .card:first-of-type .card-body.card-accordion-body, .kadaster div[id*=accordion] > .card:not(:first-of-type):not(:last-of-type) .card-body, .kadaster div[id*=accordion] > .card:not(:first-of-type):not(:last-of-type) .card-body.card-accordion-body { padding: 0.75rem; border-top: 1px solid #d1d1d1; } .kadaster #accordion .card-accordion-button, .kadaster .accordion .card-accordion-button, .kadaster div[id*=accordion] .card-accordion-button { display: flex; justify-content: space-between; height: 100%; width: 100%; padding: 0.75rem; text-decoration: none; text-align: left; } .kadaster #accordion .card-accordion-button.collapsed .accordion-icon-opened, .kadaster .accordion .card-accordion-button.collapsed .accordion-icon-opened, .kadaster div[id*=accordion] .card-accordion-button.collapsed .accordion-icon-opened { display: none; } .kadaster #accordion .card-accordion-button:not(.collapsed) .accordion-icon-closed, .kadaster .accordion .card-accordion-button:not(.collapsed) .accordion-icon-closed, .kadaster div[id*=accordion] .card-accordion-button:not(.collapsed) .accordion-icon-closed { display: none; } .kadaster #accordion .card-accordion-button:hover, .kadaster #accordion .card-accordion-button:focus, .kadaster #accordion .card-accordion-button:active, .kadaster .accordion .card-accordion-button:hover, .kadaster .accordion .card-accordion-button:focus, .kadaster .accordion .card-accordion-button:active, .kadaster div[id*=accordion] .card-accordion-button:hover, .kadaster div[id*=accordion] .card-accordion-button:focus, .kadaster div[id*=accordion] .card-accordion-button:active { text-decoration: none; background-color: #f2f5f9; } .kadaster #accordion .card-accordion-button:focus, .kadaster #accordion .card-accordion-button:active, .kadaster .accordion .card-accordion-button:focus, .kadaster .accordion .card-accordion-button:active, .kadaster div[id*=accordion] .card-accordion-button:focus, .kadaster div[id*=accordion] .card-accordion-button:active { box-sizing: border-box; padding: calc(0.75rem - 0.1875rem + 1px) calc(0.75rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #f2f5f9; color: #406a9e; } .kadaster #accordion .accordion-icon, .kadaster .accordion .accordion-icon, .kadaster div[id*=accordion] .accordion-icon { margin-right: 0.5rem; margin-left: 1rem; font-size: 1.5rem; } .kadaster .card-product .row { height: 100%; } .kadaster .card-product .card-image-wrapper { align-self: center; padding: 1.5rem 0 1.5rem 1.5rem; } .kadaster .card-product .card-img { padding: 0.7rem 0.4rem; } .kadaster .card-product .fa-ul { margin-bottom: 1.5rem; } .kadaster .card-product .tablet-overlay { position: absolute; inset: 0; z-index: 10; background: transparent url("../assets/images/tablet.png") no-repeat 0 0; background-size: 100% auto; } .kadaster .card-product .btn { margin-bottom: 1rem; } .kadaster .card-myk { color: #fff; background-color: #a90261; border-style: none; border-radius: 3px; } .kadaster .card-myk .card-body { padding: 1.5rem 1.5rem; } .kadaster .card-myk .card-myk-heading { display: flex; justify-content: space-between; align-items: center; padding-bottom: 1.125rem; margin-bottom: 1.125rem; border-bottom: 2px solid #fff; } .kadaster .card-myk .card-title { margin-bottom: 0; color: inherit; } .kadaster .card-myk .card-myk-subtitle { margin-top: 1.125rem; margin-bottom: 0; font-size: 1rem; color: inherit; } .kadaster .card-myk .card-link { color: inherit; } .kadaster .card-profile .card-title { font-size: 1.1875rem; } .kadaster .card-profile .card-body { padding: 0; } .kadaster .card-profile .text-column { padding: 1.5rem 1.5rem; } .kadaster .card-profile .row, .kadaster .card-profile .card-body { height: 100%; } .kadaster .card-profile .card-profile-img-wrapper { height: 100%; position: relative; overflow: hidden; } .kadaster .card-profile .card-profile-img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px 0 0 5px; } .kadaster .card-calendar .card-calendar-columns { display: flex; flex-direction: column; align-items: flex-start; color: #008296; } @media (min-width: 768px) { .kadaster .card-calendar .card-calendar-columns { flex-direction: row; } } .kadaster .card-calendar .card-calendar-date-icon { display: inline; } .kadaster .card-calendar .card-calendar-date-block-wrapper { display: none; } @media (min-width: 768px) { .kadaster .card-calendar .card-calendar-date-block-wrapper { display: block; } } .kadaster .card-calendar .card-title-link { color: #008296; } .kadaster .card-calendar .card-calendar-date-block { display: none; } @media (min-width: 768px) { .kadaster .card-calendar .card-calendar-date-block { display: flex; align-items: center; min-width: 4.5rem; margin-bottom: 1rem; margin-right: 1rem; padding: 0.5rem; color: #008296; background-color: #e6f3f5; } .kadaster .card-calendar .card-calendar-date-block .card-calendar-date-block-content { margin: 0; width: 100%; } .kadaster .card-calendar .card-calendar-date-block .card-calendar-date-day, .kadaster .card-calendar .card-calendar-date-block .card-calendar-date-month { display: block; text-align: center; line-height: 1em; } .kadaster .card-calendar .card-calendar-date-block .card-calendar-date-day { font-size: 2.25rem; font-weight: 600; } .kadaster .card-calendar .card-calendar-date-block .card-calendar-date-month { font-size: calc(2.25rem / 2); } .kadaster .card-calendar .card-calendar-date-block .card-calendar-date-icon { display: none; } } .kadaster .card-calendar .card-calendar-date { display: block; margin-bottom: 0; } @media (min-width: 768px) { .kadaster .card-calendar .card-calendar-date { display: none; } } .kadaster .card-image-fixed-ratio .card-body { display: flex; padding: 0; } .kadaster .card-image-fixed-ratio .card-image-fixed-ratio-image { display: none; } @media (min-width: 576px) { .kadaster .card-image-fixed-ratio .card-image-fixed-ratio-image { display: block; width: 10rem; } } .kadaster .card-image-fixed-ratio .card-image-fixed-ratio-body { display: flex; flex-direction: column; flex: 1; padding: 1.5rem 1.5rem; } .kadaster .card-image-fixed-ratio .card-image-fixed-ratio-body .card-link { margin-top: auto; } .kadaster .overview > .card { border-radius: 0; } .kadaster .overview > .card:not(:last-of-type) { border-bottom: 0; } .kadaster .overview > .card .card-body { color: #00387d; } .kadaster .overview > .card .card-tag { margin-bottom: 5px; } .kadaster .overview > .card .card-link { text-decoration: none; color: #00387d; } .kadaster .overview > .card .card-link:focus, .kadaster .overview > .card .card-link:hover { text-decoration: underline; background-color: #e6f3f5; cursor: pointer; } .kadaster .overview > .card .card-link .card-title { text-decoration: underline; } .kadaster .overview > .card .card-title { margin-bottom: 1rem; } .kadaster .overview > .card .overlay-video { position: absolute; inset: 0; z-index: 10; background: transparent url("../assets/images/overlay/overlay-play-icon.png") no-repeat 50% 50%; } @media (min-width: 768px) { .kadaster .overview .card-calendar .card-calendar-date-day { font-size: 3rem; } .kadaster .overview .card-calendar .card-calendar-date-month { font-size: calc(3rem / 2); } } .kadaster .card-fixed-body { height: 100%; width: 100%; border-radius: 0; /* Skip link in header of fixed body card */ } @media (min-width: 768px) { .kadaster .card-fixed-body { border-radius: 5px; } } .kadaster .card-fixed-body .card-header, .kadaster .card-fixed-body .card-footer { background-color: #f7f9fb; } .kadaster .card-fixed-body .card-header, .kadaster .card-fixed-body .card-body, .kadaster .card-fixed-body .card-footer { padding: 0.5rem; } @media (min-width: 992px) { .kadaster .card-fixed-body .card-header, .kadaster .card-fixed-body .card-body, .kadaster .card-fixed-body .card-footer { padding: 0.75rem 1.25rem; } } .kadaster .card-fixed-body .card-skip-link-container { margin: -0.5rem -0.5rem 0.5rem -0.5rem; box-sizing: border-box; text-align: center; background-color: #e6ebf2; } @media (min-width: 992px) { .kadaster .card-fixed-body .card-skip-link-container { margin: -0.75rem -1.25rem 0.75rem -1.25rem; } } .kadaster .card-fixed-body .card-skip-link-container .skip-link { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .kadaster .card-fixed-body .card-skip-link-container .skip-link .skip-link-text { text-decoration: underline; display: none; } .kadaster .card-fixed-body .card-skip-link-container .skip-link:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: 100%; outline: 0; border: 0; box-shadow: none; } .kadaster .card-fixed-body .card-skip-link-container .skip-link:focus .skip-link-text { display: flex; justify-content: center; align-items: center; width: 100%; height: 2.75rem; box-sizing: border-box; border: 3px solid #008dc9; } .kadaster .card-fixed-body .card-header-detail .card-title { margin-top: 0.5rem; margin-bottom: 0; } .kadaster .card-fixed-body .card-header-detail .list-detail-back, .kadaster .card-fixed-body .card-header-detail .list-detail-back-md { width: calc(100% + 0.5rem + 0.5rem); margin-right: -0.5rem; margin-left: -0.5rem; padding: 0 0.5rem 0.5rem; display: flex; align-items: center; font-size: 1.25rem !important; font-weight: bold; line-height: 1rem; text-align: left; border-bottom: 1px solid #bfcddf; border-radius: 0; color: #406a9e; } .kadaster .card-fixed-body .card-header-detail .list-detail-back-icon { margin-right: 1rem; font-size: 2rem; line-height: 1.5rem; } .kadaster .card-fixed-body .card-header-detail .list-detail-back-md { display: none; } @media (min-width: 768px) { .kadaster .card-fixed-body .card-header-detail { display: flex; align-items: center; } .kadaster .card-fixed-body .card-header-detail .list-detail-back { display: none; } .kadaster .card-fixed-body .card-header-detail .list-detail-back-md { display: inline-flex; justify-content: flex-start; align-items: center; padding: 0; margin: 0; width: 44px; height: 44px; border: 0; border-radius: 3px; } .kadaster .card-fixed-body .card-header-detail .list-detail-back-md:hover { border: 0.125rem solid #6b6b6b; } .kadaster .card-fixed-body .card-header-detail .list-detail-back-md:focus { border: 0.1875rem solid #008dc9; box-shadow: 0 0.0625rem 0.375rem #008dc9; } .kadaster .card-fixed-body .card-header-detail .card-title { margin-top: 0; } .kadaster .card-fixed-body .card-header-detail .close { position: absolute; right: 0.5rem; width: 2.75rem; height: 2.75rem; color: #406a9e; opacity: 1; } .kadaster .card-fixed-body .card-header-detail .close-icon { font-size: 2.4rem; } } .kadaster .card-fixed-body .card-body { height: 100%; overflow-y: auto; } .kadaster .card-fixed-body .card-sub-footer { padding: 0.5rem; font-size: 0.75rem; background-color: #f7f9fb; border-top: 1px solid #bfcddf; } @media (min-width: 768px) { .kadaster .card-fixed-body .card-sub-footer { font-size: 0.875rem; } } .kadaster .card-fixed-body .card-footer { border-top: 1px solid #bfcddf; } .kadaster .card-fixed-body .card-footer .btn-link { padding: 0; font-size: 0.75rem; } .kadaster .card-fixed-body .card-footer .btn-link .btn-text { line-height: unset; } @media (min-width: 768px) { .kadaster .card-fixed-body .card-footer .btn-link { font-size: 1rem; } } .kadaster .card.card-base { padding: 0.75rem; } @media (min-width: 992px) { .kadaster .card.card-base { padding: 2rem; } } .kadaster .card.card-base > .card-body, .kadaster .card.card-base > .card-footer { padding: 0; } .kadaster .card.card-base .card-footer .card-footer-item { display: inline-block; align-items: center; } .kadaster .card.card-base .card-footer > *:not(:last-child) { margin-right: 2.5rem; } .kadaster .card.card-base .card-footer .card-footer-item:not(.btn) { padding-top: 0.625rem; padding-bottom: 0.625rem; } .kadaster .card.card-base .card-base { margin-top: 0.625rem; padding: 1.25rem; background-color: #f7f9fb; } .kadaster .card.card-base .card-base > .card-base { background-color: #fff; } .kadaster .card-title-icon { display: inline-block; margin: 0 auto 0.5rem; font-size: 4rem; color: #a90261; } .kadaster .card.card-base.card-app { min-height: calc((2 * 1.25rem) + 2.75rem); padding: 1.25rem; break-inside: avoid-column; margin-bottom: 0.625rem; } .kadaster .card.card-base.card-app .card-body { margin-left: 3.75rem; } .kadaster .card.card-base.card-app .card-footer { margin-top: 1.25rem; } .kadaster .card.card-base.card-app[disabled] { border: 0; color: #919191; } .kadaster .card.card-base.card-app[disabled] h1, .kadaster .card.card-base.card-app[disabled] h2, .kadaster .card.card-base.card-app[disabled] h3, .kadaster .card.card-base.card-app[disabled] h4, .kadaster .card.card-base.card-app[disabled] h5, .kadaster .card.card-base.card-app[disabled] h6 { color: #919191; } .kadaster .card.card-base.card-app[disabled] a { color: #919191; text-decoration: line-through; pointer-events: none; } .kadaster .card.card-base.card-app[disabled] .card-app-icon-wrapper { border: 0; border-radius: 0; background-color: #f7f9fb; color: #919191; } .kadaster .card.card-base.card-app[disabled] .card-app-icon-wrapper svg { filter: invert(60%) sepia(0%) saturate(155%) hue-rotate(165deg) brightness(96%) contrast(90%) grayscale(1); } .kadaster .card.card-base.card-app[disabled] .card-app-icon-wrapper .card-app-icon:before { color: #919191; } .kadaster .card-app-icon-wrapper { position: absolute; display: flex; left: 1.25rem; width: 2.75rem; height: 2.75rem; align-items: center; justify-content: space-around; border: 1px solid #406a9e; border-radius: 3px; background-color: #fff; color: #a90261; } .kadaster .card-app-icon-wrapper > svg { height: 100%; width: 100%; max-height: 32px; max-width: 32px; } .kadaster .card-app-icon { font-size: 2rem; color: #a90261; } .kadaster .card-app-title { min-height: 2.75rem; align-self: center; flex-shrink: 2; margin-top: 0; margin-bottom: 0; padding-top: 0.5rem; padding-left: 0; padding-right: 3.5rem; word-break: break-word; } .kadaster .card-app .custom-toggle { position: absolute; top: 1.25rem; right: 1.25rem; } .kadaster .border-dashed { border-width: 2px; border-style: dashed; } .kadaster .caret { color: #008296; border-top: 20px solid; border-right: 20px solid transparent; border-left: 20px solid transparent; } .kadaster .footer { color: #fff; background-color: #2b2b2b; margin-top: 2.25rem; } .kadaster .footer .footer-container { padding-top: 1.125rem; } .kadaster .footer .footer-row { padding-top: 1.125rem; padding-bottom: 1.125rem; } .kadaster .footer .footer-row-top { border-bottom: 1px solid #ebebeb; } .kadaster .footer-heading { margin-top: 0; font-size: 1.125rem; font-weight: 400; color: #fff; } .kadaster .footer-link { color: #fff; text-decoration: underline; } .kadaster .footer-link:hover { color: #fff; text-shadow: 0.0625rem 0 0; } @media (min-width: 992px) { .kadaster .footer-bar-item { padding: 0; } .kadaster .footer-bar-item:not(:first-child):before { float: left; content: "\\"; } } .kadaster .footer-bar-item .footer-link { display: block; } .kadaster .footer-app, .kadaster .footer-light { background-color: #e6ebf2; font-size: 0.875rem; display: flex; align-items: center; min-height: 2.75rem; /* On mobile & tablet view the list needs top and bottom margin */ } @media (min-width: 768px) { .kadaster .footer-app, .kadaster .footer-light { margin-top: 1.25rem; } } .kadaster .footer-app .footer-row, .kadaster .footer-light .footer-row { padding-top: 1.25rem; } @media (min-width: 992px) { .kadaster .footer-app .footer-row, .kadaster .footer-light .footer-row { padding: 0; } } .kadaster .footer-app .footer-bar-item, .kadaster .footer-light .footer-bar-item { padding-bottom: 1.25rem; } @media (min-width: 992px) { .kadaster .footer-app .footer-bar-item, .kadaster .footer-light .footer-bar-item { padding: 0; } } .kadaster .footer-app .footer-bar-item:not(:first-child):before, .kadaster .footer-light .footer-bar-item:not(:first-child):before { font-weight: 700; } .kadaster .footer-app .footer-link, .kadaster .footer-light .footer-link { color: #406a9e; } .kadaster .footer-row { margin-bottom: 0; } .kadaster .footer-app { background-color: rgba(255, 255, 255, 0.8); } @media (min-width: 768px) { .kadaster .footer-app { font-size: 1rem; } } .kadaster .footer-app .footer-link { color: #406a9e; } .kadaster .form-label { font-weight: 600; font-size: 1.25rem; line-height: 1.625rem; } .kadaster .form-label-extra { font-size: 0.875rem; color: #6b6b6b; } .kadaster .form-control { box-sizing: border-box; padding: calc(0.625rem - 0.0625rem + 1px) calc(1rem - 0.0625rem + 1px); border: 0.0625rem solid #406a9e; border-radius: 0.1875rem; box-shadow: none; background-color: #fff; color: #495057; } .kadaster .is-invalid { box-sizing: border-box; padding: calc(0.625rem - 0.125rem + 1px) calc(1rem - 0.125rem + 1px); border: 0.125rem solid #ab2218; border-radius: 0.1875rem; box-shadow: none; background-color: #fff; color: #495057; background-color: #fbeae9; } .kadaster .form-control.is-invalid { box-sizing: border-box; padding: calc(0.625rem - 0.125rem + 1px) calc(1rem - 0.125rem + 1px); border: 0.125rem solid #ab2218; border-radius: 0.1875rem; box-shadow: none; background-color: #fff; color: #495057; background-color: #fbeae9; } .kadaster textarea.form-control.is-invalid { padding-right: calc(1rem - 0.0625rem); } .kadaster .form-control:hover { box-sizing: border-box; padding: calc(0.625rem - 0.125rem + 1px) calc(1rem - 0.125rem + 1px); border: 0.125rem solid #6b6b6b; border-radius: 0.1875rem; box-shadow: none; background-color: #fff; color: #495057; } .kadaster .form-control:focus { box-sizing: border-box; padding: calc(0.625rem - 0.1875rem + 1px) calc(1rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.1875rem; box-shadow: 0 3px 6px #008dc9; background-color: #fff; color: #495057; } .kadaster .form-control:disabled, .kadaster .form-control[readonly] { box-sizing: border-box; padding: calc(0.625rem - 0.125rem + 1px) calc(1rem - 0.125rem + 1px); border: 0.125rem solid #ebebeb; border-radius: 0.1875rem; box-shadow: none; background-color: #ebebeb; color: #495057; } .kadaster .form-group-password input[type=password] { font-family: "Lucida Console", "Monaco", monospace; speak: none; } .kadaster .form-group-password input[type=text] { font-family: "Lucida Console", "Monaco", monospace; speak: spell-out; } .kadaster .btn.btn-form { background-color: #f2f5f9; border-color: #406a9e; color: #212529; color: #406a9e; width: 3.5rem; display: flex; align-items: center; justify-content: center; max-height: 2.75rem; } .kadaster .btn.btn-form:hover { background-color: #f2f5f9; border-color: #406a9e; color: #212529; } .kadaster .btn.btn-form:focus, .kadaster .btn.btn-form.focus { background-color: #f2f5f9; border-color: #406a9e; color: #212529; box-shadow: 0 0 0 0.1875rem rgba(59, 96, 140, 0.5); } .kadaster .btn.btn-form.disabled, .kadaster .btn.btn-form:disabled { background-color: #f2f5f9; border-color: #406a9e; color: #212529; } .kadaster .btn.btn-form:not(:disabled):not(.disabled):active, .kadaster .btn.btn-form:not(:disabled):not(.disabled).active, .show > .kadaster .btn.btn-form.dropdown-toggle { background-color: #cfdae9; color: #212529; border-color: #2e4c71; } .kadaster .btn.btn-form:not(:disabled):not(.disabled):active:focus, .kadaster .btn.btn-form:not(:disabled):not(.disabled).active:focus, .show > .kadaster .btn.btn-form.dropdown-toggle:focus { box-shadow: 0 0 0 0.1875rem rgba(59, 96, 140, 0.5); } .kadaster .btn.btn-form .btn-form-icon { font-size: 1.5rem; vertical-align: text-bottom; } .kadaster .btn.btn-form:hover { box-sizing: border-box; padding: calc(none - 0.125rem + 1px) calc(none - 0.125rem + 1px); border: 0.125rem solid #6b6b6b; border-radius: 0.1875rem; box-shadow: none; background-color: #f2f5f9; color: #406a9e; border-top-left-radius: 0; border-bottom-left-radius: 0; padding-top: 0; padding-bottom: 0; } .kadaster .btn.btn-form:focus { box-sizing: border-box; padding: calc(none - 0.1875rem + 1px) calc(none - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.1875rem; box-shadow: 0 3px 6px #008dc9; background-color: #f2f5f9; color: #406a9e; border-top-left-radius: 0; border-bottom-left-radius: 0; padding-top: 0; padding-bottom: 0; } .kadaster .btn.btn-form:disabled { box-sizing: border-box; padding: calc(none - 0.0625rem + 1px) calc(none - 0.0625rem + 1px); border: 0.0625rem solid #ebebeb; border-radius: 0 0.1875rem 0.1875rem 0; box-shadow: none; background-color: #ebebeb; color: #919191; } .kadaster .custom-control-label { margin: 0.75rem 0; } .kadaster .custom-control.custom-radio, .kadaster .custom-control.custom-checkbox { display: table; } .kadaster .custom-control.custom-radio .custom-control-label:before, .kadaster .custom-control.custom-checkbox .custom-control-label:before { top: -0.5625rem; left: -3.375rem; width: 2.75rem; height: 2.75rem; border-radius: 0.1875rem; background-color: initial; border-width: 0; } .kadaster .custom-control.custom-radio .custom-control-label:after, .kadaster .custom-control.custom-checkbox .custom-control-label:after { top: -0.1875rem; left: -3rem; border: #0075a8 solid 0.0625rem; border-radius: 0.313rem; background-color: #fff; width: 1.5rem; height: 1.5rem; margin-top: 0.313rem; margin-left: 0.313rem; } .kadaster .custom-control.custom-radio .custom-control-label:after { border-radius: 50%; background-color: #fff; width: calc(1.5rem - 0.125rem); height: calc(1.5rem - 0.125rem); } .kadaster .custom-control.choice-checkbox .custom-control-label:after { border-radius: 0.1875rem; } .kadaster .custom-control.choice-radio, .kadaster .custom-control.choice-checkbox { padding-left: 0; margin: 0.75rem 0; width: 100%; display: flex; } .kadaster .custom-control.choice-radio .custom-control-label, .kadaster .custom-control.choice-checkbox .custom-control-label { position: static; width: 100%; display: flex; justify-content: space-between; align-items: center; margin: 0.6rem; font-weight: 600; opacity: 0.9999; /* forces a new z-index stacking context to position :before, see https://philipwalton.com/articles/what-no-one-told-you-about-z-index/ */ } .kadaster .custom-control.choice-radio .custom-control-label:before, .kadaster .custom-control.choice-checkbox .custom-control-label:before { position: absolute; display: block; content: ""; border: #0075a8 solid 0.0625rem; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0.1875rem; z-index: -1; /* makes sure background rectangle (:before) is shown below label text and checkbox (:after) */ } .kadaster .custom-control.choice-radio .custom-control-label:after, .kadaster .custom-control.choice-checkbox .custom-control-label:after { position: static; flex-grow: 0; flex-shrink: 0; border: #0075a8 solid 0.0625rem; margin: unset; } .kadaster .custom-control.custom-radio .custom-control-input, .kadaster .custom-control.custom-checkbox .custom-control-input { cursor: pointer; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; } .kadaster .custom-control.custom-radio .custom-control-input:hover:not(:checked) ~ .custom-control-label:after { border: #6b6b6b solid 0.125rem; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23d1d1d1'/%3e%3c/svg%3e") no-repeat 50%/16px 16px; background-color: #fff; } .kadaster .custom-control.custom-radio .custom-control-input:focus ~ .custom-control-label:before { border: #008dc9 solid 0.125rem; box-shadow: 0 3px 6px #008dc9; } .kadaster .custom-control.custom-radio .custom-control-input:focus:not(:checked) ~ .custom-control-label:after { background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23d1d1d1'/%3e%3c/svg%3e") no-repeat 50%/16px 16px; background-color: #fff; } .kadaster .custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label { font-style: italic; } .kadaster .custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label:after { background: #f2f5f9 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230075a8'/%3e%3c/svg%3e") no-repeat 50%/16px 16px; border-width: 0.125rem; width: calc(1.5rem - 0.125rem); height: calc(1.5rem - 0.125rem); margin-top: 0.313rem; margin-left: 0.313rem; } .kadaster .custom-control.choice-radio .custom-control-input:hover:not(:checked) ~ .custom-control-label:before { border: #6b6b6b solid 0.125rem; } .kadaster .custom-control.choice-radio .custom-control-input:hover:not(:checked) ~ .custom-control-label:after { margin: unset; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23d1d1d1'/%3e%3c/svg%3e") no-repeat 50%/16px 16px; background-color: #fff; } .kadaster .custom-control.choice-radio .custom-control-input:focus:not(:checked) ~ .custom-control-label:after { margin: unset; border: #6b6b6b solid 0.125rem; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23d1d1d1'/%3e%3c/svg%3e") no-repeat 50%/16px 16px; background-color: #fff; } .kadaster .custom-control.choice-radio .custom-control-input:checked ~ .custom-control-label:before { border: #0075a8 solid 0.125rem; } .kadaster .custom-control.choice-radio .custom-control-input:checked ~ .custom-control-label:after { margin: unset; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230075a8'/%3e%3c/svg%3e") no-repeat 50%/16px 16px; } .kadaster .custom-control.custom-checkbox .custom-control-input:hover:not(:checked) ~ .custom-control-label:after { border: #6b6b6b solid 0.125rem; } .kadaster .custom-control.custom-checkbox .custom-control-input:focus:not(:checked) ~ .custom-control-label:after, .kadaster .custom-control.custom-checkbox .custom-control-input:hover:not(:checked) ~ .custom-control-label:after { box-sizing: border-box; padding: calc(none - 0.125rem + 1px) calc(none - 0.125rem + 1px); border: 0.125rem solid #6b6b6b; border-radius: 0.313rem; box-shadow: none; background-color: #fff; color: #d1d1d1; display: flex; justify-content: center; align-items: center; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 1rem; content: "\f00c"; } .kadaster .custom-control.custom-checkbox .custom-control-input:focus ~ .custom-control-label:before { box-sizing: border-box; padding: calc(none - 0.1875rem + 1px) calc(none - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.1875rem; box-shadow: 0 3px 6px #008dc9; background-color: initial; color: #495057; } .kadaster .custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label { font-style: italic; /* set font-style for :after element back to normal (checkmark will otherwise be italic) */ } .kadaster .custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after { font-style: normal; } .kadaster .custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after { box-sizing: border-box; padding: calc(none - 0.125rem + 1px) calc(none - 0.125rem + 1px); border: 0.125rem solid #0075a8; border-radius: 0.313rem; box-shadow: none; background-color: #e6f4fa; color: #0075a8; display: flex; justify-content: center; align-items: center; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 1rem; content: "\f00c"; } .kadaster .custom-control.choice-checkbox .custom-control-input:hover:not(:checked) ~ .custom-control-label:before { border: #6b6b6b solid 0.125rem; } .kadaster .custom-control.choice-checkbox .custom-control-input:hover:not(:checked) ~ .custom-control-label:after { border-radius: 0.1875rem; display: flex; justify-content: center; align-items: center; font-family: "Font Awesome 5 Pro"; font-weight: 900; font-size: 1rem; content: "\f00c"; color: #d1d1d1; background-color: #fff; } .kadaster .custom-control.choice-checkbox .custom-control-input:focus:not(:checked) ~ .custom-control-label:after { border-radius: 0.1875rem; display: flex; justify-content: center; align-items: center; font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f00c"; font-size: 1rem; color: #d1d1d1; background-color: #fff; } .kadaster .custom-control.choice-checkbox .custom-control-input:checked ~ .custom-control-label:before { border: #0075a8 solid 0.125rem; } .kadaster .custom-control.choice-checkbox .custom-control-input:checked ~ .custom-control-label:after { border-radius: 0.1875rem; color: #fff; background-color: #0075a8; font-size: 1rem; } .kadaster .custom-control.choice-checkbox .custom-control-input:checked ~ .custom-control-label:before, .kadaster .custom-control.choice-radio .custom-control-input:checked ~ .custom-control-label:before { background-color: #f2f5f9; } .kadaster .custom-control.custom-radio .custom-control-input:disabled ~ .custom-control-label, .kadaster .custom-control.custom-checkbox .custom-control-input:disabled ~ .custom-control-label { color: #919191; } .kadaster .custom-control.custom-radio .custom-control-input:disabled:hover, .kadaster .custom-control.custom-radio .custom-control-input:disabled:hover:not(:checked) ~ .custom-control-label:after, .kadaster .custom-control.custom-radio .custom-control-input:disabled ~ .custom-control-label:after, .kadaster .custom-control.custom-checkbox .custom-control-input:disabled:hover, .kadaster .custom-control.custom-checkbox .custom-control-input:disabled:hover:not(:checked) ~ .custom-control-label:after, .kadaster .custom-control.custom-checkbox .custom-control-input:disabled ~ .custom-control-label:after { cursor: not-allowed; background-color: #ebebeb; border: #ebebeb; } .kadaster .custom-control.custom-radio.choice-radio .custom-control-input:disabled ~ .custom-control-label:before, .kadaster .custom-control.custom-checkbox.choice-checkbox .custom-control-input:disabled ~ .custom-control-label:before { background-color: #ebebeb; border: #ebebeb; } .kadaster .custom-control.custom-radio.choice-radio .custom-control-input:disabled:hover, .kadaster .custom-control.custom-radio.choice-radio .custom-control-input:disabled:hover:not(:checked) ~ .custom-control-label:after, .kadaster .custom-control.custom-radio.choice-radio .custom-control-input:disabled ~ .custom-control-label:after, .kadaster .custom-control.custom-checkbox.choice-checkbox .custom-control-input:disabled:hover, .kadaster .custom-control.custom-checkbox.choice-checkbox .custom-control-input:disabled:hover:not(:checked) ~ .custom-control-label:after, .kadaster .custom-control.custom-checkbox.choice-checkbox .custom-control-input:disabled ~ .custom-control-label:after { cursor: not-allowed; background-color: #fff; } .kadaster .custom-control.custom-checkbox.custom-toggle { display: inline-block; width: 3.5rem; height: 2rem; padding-left: 0; } .kadaster .custom-control.custom-checkbox.custom-toggle label { display: inline; margin: 0; } .kadaster .custom-control.custom-checkbox.custom-toggle .custom-control-label-toggle:before { content: ""; box-sizing: content-box; position: absolute; cursor: pointer; width: 3.5rem; height: 2rem; background-color: #fff; border-radius: calc((2rem + (2 * 0.1875rem) - (2 * 0.0625rem)) / 2); border: 0.0625rem solid #406a9e; transition: 0.4s; /* outline needed for focus state */ outline: transparent solid 0.1875rem; outline-offset: 0.125rem; } .kadaster .custom-control.custom-checkbox.custom-toggle .custom-control-label-toggle:after { display: flex; align-items: center; justify-content: center; position: absolute; height: 1.5rem; width: 1.5rem; top: calc(.25rem + 0.0625rem); left: calc(.25rem + 0.0625rem); transition: transform 0.4s; border-radius: 50%; color: #fff; background-color: #406a9e; font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f00d"; } .kadaster .custom-control.custom-checkbox.custom-toggle .custom-control-input:focus ~ .custom-control-label-toggle:before { outline-color: #008dc9; } .kadaster .custom-control.custom-checkbox.custom-toggle .custom-control-input:hover ~ .custom-control-label-toggle:before { width: calc(3.5rem - (2 * 0.1875rem) + (2 * 0.125rem)); height: calc(2rem - (2 * 0.1875rem) + (2 * 0.125rem)); border: 0.125rem solid #6b6b6b; transition: transform 0.4s; } .kadaster .custom-control.custom-checkbox.custom-toggle .custom-control-input:not(:disabled):hover + .custom-control-label-toggle:after { background-color: #6b6b6b; transform: translateX(0.25rem); } .kadaster .custom-control.custom-checkbox.custom-toggle .custom-control-input:checked + .custom-control-label-toggle:before { background-color: #0075a8; border-color: #0075a8; } .kadaster .custom-control.custom-checkbox.custom-toggle .custom-control-input:checked + .custom-control-label-toggle:after { display: flex; align-items: center; justify-content: center; color: #0075a8; background-color: #fff; font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f00c"; transform: translateX(1.5rem); } .kadaster .custom-control.custom-checkbox.custom-toggle .custom-control-input:checked:hover:not(:disabled) ~ .custom-control-label-toggle:before { box-sizing: content-box; padding: calc(none - 0.125rem + 1px) calc(none - 0.125rem + 1px); border: 0.125rem solid #6b6b6b; border-radius: calc((2rem + (2 * 0.1875rem) - (2 * 0.0625rem)) / 2); box-shadow: none; background-color: #6b6b6b; color: #495057; } .kadaster .custom-control.custom-checkbox.custom-toggle .custom-control-input:checked:hover:not(:disabled) + .custom-control-label-toggle:after { transform: translateX(calc(1.5rem - 0.25rem)); color: #6b6b6b; background-color: #fff; } .kadaster .custom-control.custom-checkbox.custom-toggle .custom-control-input:disabled ~ .custom-control-label-toggle:before { box-sizing: content-box; padding: calc(none - 0.0625rem + 1px) calc(none - 0.0625rem + 1px); border: 0.0625rem solid #ebebeb; border-radius: calc((2rem + (2 * 0.1875rem) - (2 * 0.0625rem)) / 2); box-shadow: none; background-color: #ebebeb; color: #495057; } .kadaster .custom-control.custom-checkbox.custom-toggle .custom-control-input:disabled ~ .custom-control-label-toggle:after { background-color: #919191; } .kadaster .custom-control.custom-checkbox.custom-toggle .custom-control-input:disabled:hover ~ .custom-control-label-toggle:before { width: calc(3.5rem - (2 * 0.1875rem) + (2 * 0.125rem)); height: calc(2rem - (2 * 0.1875rem) + (2 * 0.125rem)); border: 0.125rem solid #ebebeb; } .kadaster .custom-control.custom-checkbox.custom-toggle .custom-control-input:disabled:hover ~ .custom-control-label-toggle:after { transform: none; } .kadaster .custom-control.custom-checkbox.custom-toggle .custom-control-input:checked:disabled ~ .custom-control-label-toggle:after { color: #919191; background-color: #fff; } .kadaster .custom-control.custom-checkbox.custom-toggle .custom-control-input:checked:disabled:hover ~ .custom-control-label-toggle:after { transform: translateX(1.5rem); } .kadaster .grouped-input-container { border: 0.0625rem solid #bfcddf; padding: 1.25rem; border-radius: 5px; } .kadaster .grouped-input-container .grouped-input-legend { font-weight: 600; color: #406a9e; } .kadaster .grouped-input-container .form-label { margin-top: 1.25rem; } .kadaster .grouped-input-container .form-group { margin-bottom: 0; } .kadaster .indented { margin-left: 2rem; border-left: 4px solid #406a9e; padding-left: 1rem; } .kadaster .indented .form-label { margin-left: 0.7rem; } .kadaster .form-with-icon-wrapper { position: relative; } .kadaster .form-with-icon-wrapper .input-icon { position: absolute; display: flex; align-items: center; height: 100%; color: #406a9e; font-size: 1.5rem; right: 0.625rem; pointer-events: none; /* prevents loss of focus from form field when clicking on icon */ } .kadaster .form-with-icon-wrapper .form-control { padding-right: calc((0.625rem * 2) + 1.5rem); } .kadaster .form-group .custom-select { line-height: 1.25em; } .kadaster .form-dropdown-error, .kadaster .form-dropdown-error-inline { font-size: 0.875rem; } .kadaster .form-dropdown-error-inline { box-sizing: border-box; padding: calc(0.625rem - 0.0625rem + 1px) calc(1rem - 0.0625rem + 1px); border: 0.0625rem solid #406a9e; border-radius: 0 0 0.1875rem 0.1875rem; box-shadow: none; background-color: #fff; color: #ab2218; } .kadaster .form-group-ggc-search-suggestions { position: relative; } .kadaster .input-group-append > .btn-outline-primary { border-color: #406a9e; background-color: #f2f5f9; border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; } .kadaster .input-group-append > .btn { border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; } .kadaster .input-group-append > .btn-outline-primary:hover { background-color: #406a9e; border-color: #406a9e; color: #fff; } .kadaster .ol-highlighted { padding-left: 3.75rem; } .kadaster .ol-highlighted li { margin-bottom: 2rem; padding-top: 0.625rem; position: relative; counter-increment: inst; display: flex; } .kadaster .ol-highlighted li:before { display: flex; position: absolute; left: -2.5em; top: 0; height: 2.75rem; width: 2.75rem; border-radius: 50%; border: 2px solid #406a9e; align-items: center; justify-content: center; background: #f7f9fb; color: #406a9e; line-height: 0; content: counter(inst); font-size: 1.5em; font-weight: 600; } .kadaster .list-group.list-group-striped { /* white bg to even list-group-item is set by bootstraps' $list-group-bg variable */ } .kadaster .list-group.list-group-striped .list-group-item:nth-of-type(odd) { background-color: #f2f5f9; } .kadaster .list-group.list-group-striped .list-group-item { margin-bottom: 0; /* needed to mitigate focus/hover border ring overlap with other list items */ border: 0; } @media (min-width: 768px) { .kadaster .list-group.list-group-striped .list-group-item { padding: 0.75rem 0.75rem; border-radius: 3px; } .kadaster .list-group.list-group-striped .list-group-item > * { border-radius: 3px; } } .kadaster .list-group.list-group-striped.list-group-striped-links .list-group-item { padding: 0; /* set padding to 0 so button or link takes up whole of list-item */ } .kadaster .list-group.list-group-striped.list-group-striped-links .list-group-item-link { box-sizing: border-box; padding: calc(0.5rem - 1px + 1px) calc(0.5rem - 1px + 1px); border: 1px solid transparent; border-radius: inherit; box-shadow: none; background-color: inherit; color: #2b2b2b; width: 100%; height: 100%; text-align: left; } .kadaster .list-group.list-group-striped.list-group-striped-links .list-group-item-link:hover { box-sizing: border-box; padding: calc(0.5rem - 0.125rem + 1px) calc(0.5rem - 0.125rem + 1px); border: 0.125rem solid #6b6b6b; border-radius: 3px; box-shadow: none; background-color: inherit; color: #2b2b2b; outline: none; } .kadaster .list-group.list-group-striped.list-group-striped-links .list-group-item-link:focus { box-sizing: border-box; padding: calc(0.5rem - 0.1875rem + 1px) calc(0.5rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 3px; box-shadow: none; background-color: inherit; color: #2b2b2b; outline: none; } .kadaster .list-group.list-group-striped.list-group-striped-links .list-group-item-link.active { box-sizing: border-box; padding: calc(0.5rem - 2px + 1px) calc(0.5rem - 2px + 1px); border: 2px solid #008dc9; border-radius: 3px; box-shadow: none; background-color: #e6ebf2; color: #2b2b2b; } @media (min-width: 768px) { .kadaster .list-group.list-group-striped.list-group-striped-links .list-group-item-link { box-sizing: border-box; padding: calc(0.75rem - 1px + 1px) calc(0.75rem - 1px + 1px); border: 1px solid transparent; border-radius: inherit; box-shadow: none; background-color: inherit; color: #2b2b2b; /* desktop padding */ /* calculate mixins again with the changed padding */ } .kadaster .list-group.list-group-striped.list-group-striped-links .list-group-item-link:hover { box-sizing: border-box; padding: calc(0.75rem - 0.125rem + 1px) calc(0.75rem - 0.125rem + 1px); border: 0.125rem solid #6b6b6b; border-radius: 3px; box-shadow: none; background-color: inherit; color: #2b2b2b; } .kadaster .list-group.list-group-striped.list-group-striped-links .list-group-item-link:focus { box-sizing: border-box; padding: calc(0.75rem - 0.1875rem + 1px) calc(0.75rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 3px; box-shadow: none; background-color: inherit; color: #2b2b2b; } .kadaster .list-group.list-group-striped.list-group-striped-links .list-group-item-link.active { box-sizing: border-box; padding: calc(0.75rem - 2px + 1px) calc(0.75rem - 2px + 1px); border: 2px solid #008dc9; border-radius: 3px; box-shadow: none; background-color: #e6ebf2; color: #2b2b2b; } } .kadaster .list-group-item-toggle { padding: 0.375rem 0.75rem 0.5rem !important; } @media (min-width: 768px) { .kadaster .list-group-item-toggle { padding: 0.375rem 0.75rem 0.5rem !important; /* desktop padding */ } } .kadaster .list-group-sub-item { margin: 0.75rem 0 0.75rem 1rem; padding-left: 1.75rem; border-left: 4px solid #406a9e; list-style: none; } .kadaster .list-group-sub-item:last-child { margin-bottom: 0; } .kadaster .list-group-striped .list-group-item .list-group-item-title { margin: 0; padding: 0; font-family: "Open Sans", Arial, sans-serif; font-size: 1rem; font-weight: 600; color: #406a9e; } .kadaster .list-group-striped .list-group-item .list-group-item-content { font-size: 0.75rem; } @media (min-width: 768px) { .kadaster .list-group-striped .list-group-item .list-group-item-content { font-size: 0.875rem; } } .kadaster .list-group-striped .list-group-item .list-group-item-content.bold { font-weight: 600; } .kadaster .list-group.list-group-border .list-group-item { border: 1px solid #bfcddf; } .kadaster .list-group.list-group-border .list-group-item:not(:last-child) { margin-bottom: 0.75rem; } .kadaster .list-group-item.btn { text-align: left; text-decoration: underline; } .kadaster .list-group-ggc-search-suggestions { background: #fff; border: 1px solid #406a9e; border-bottom-left-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; position: absolute; top: calc(100% - 1px); left: 0; right: 0; z-index: 5; } .kadaster .list-group-ggc-search-suggestions .list-group-item:last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; } .kadaster .card-tools { border: 0; width: 100%; background-color: transparent; } @media (min-width: 576px) { .kadaster .card-tools { max-width: 20rem; } } .kadaster .card-tools .card-header { max-height: 3.25rem; padding: 0.375rem; background-color: #f2f5f9; margin-bottom: 0; border-top: 1px solid #bfcddf; border-bottom: 1px solid #bfcddf; border-radius: unset; } .kadaster .card-tools .card-header .nav-tabs { border: 0; } .kadaster .card-tools .card-body { background-color: #fff; border-bottom: 1px solid #bfcddf; } .kadaster .card-tools .card-body .card-tools-btn-list { list-style-type: none; margin: 0; padding: 0; } .kadaster .card-tools .card-body .card-tools-btn-list-item { float: left; } .kadaster .card-tools .card-body .form-group { margin-bottom: 0; } .kadaster .card-tools .card-footer { background-color: #f2f5f9; border-bottom: 1px solid #bfcddf; border-radius: unset; text-align: center; font-size: 0.875rem; padding: 0.875rem; } @media (max-width: 20rem) { .kadaster .card-tools .card-body .card-tools-btn-list { display: flex; justify-content: space-between; width: 100%; } } .kadaster .card-tools .card-body .card-tools-btn-list { float: right; } @media (min-width: 576px) { .kadaster .card-tools .card-body { border: 1px solid #bfcddf; border-radius: 5px; padding: 1.25rem; } .kadaster .card-tools .card-body:not(:first-child):not(:last-child) { margin-bottom: 0.25rem; } .kadaster .card-tools .card-body .card-tools-btn-list { display: flex; justify-content: space-between; width: 100%; } } @media (min-width: 576px) { .kadaster .card-tools .card-header { margin-bottom: 0.25rem; border: 1px solid #bfcddf; border-radius: 5px; } } .kadaster .card-tools > .card-body.card-body-tools { padding: 0.25rem; } .kadaster .btn-tools { display: block; padding: 0.75rem 0.0625rem; width: 4.875rem; height: 4rem; background-color: #fff; border-color: #fff; border-radius: 0.1875rem; color: #406a9e; } .kadaster .btn-tools .btn-tools-icon { display: block; vertical-align: text-bottom; margin-bottom: -0.25rem; font-size: 1.5rem; } .kadaster .btn-tools .btn-tools-text { font-size: 0.75rem; text-align: center; } .kadaster .btn-tools:hover, .kadaster .btn-tools.hover { box-sizing: border-box; padding: calc(0.75rem - 0.1875rem + 1px) calc(0.0625rem - 0.1875rem + 1px); border: 0.1875rem solid #6b6b6b; border-radius: 0.1875rem; box-shadow: none; background-color: #fff; color: #406a9e; } .kadaster .btn-tools:focus, .kadaster .btn-tools.focus { box-sizing: border-box; padding: calc(0.75rem - 0.1875rem + 1px) calc(0.0625rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.1875rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #fff; color: #406a9e; } .kadaster .btn-tools:not(:disabled):not(.disabled).active, .kadaster .btn-tools:not(:disabled):not(.disabled):active { box-sizing: border-box; padding: calc(0.75rem - 1px + 1px) calc(0.0625rem - 1px + 1px); border: 1px solid #406a9e; border-radius: 0.1875rem; box-shadow: none; background-color: #f2f5f9; color: #406a9e; } .kadaster .btn-tools:not(:disabled):not(.disabled).active, .kadaster .btn-tools:not(:disabled):not(.disabled):active { box-sizing: border-box; padding: calc(0.75rem - 1px + 1px) calc(0.0625rem - 1px + 1px); border: 1px solid #406a9e; border-radius: 0.1875rem; box-shadow: none; background-color: #f2f5f9; color: #406a9e; } .kadaster .btn-tools:not(:disabled):not(.disabled).active:focus, .kadaster .btn-tools:not(:disabled):not(.disabled).active.focus, .kadaster .btn-tools:not(:disabled):not(.disabled):active:focus, .kadaster .btn-tools:not(:disabled):not(.disabled):active.focus { box-sizing: border-box; padding: calc(0.75rem - 0.1875rem + 1px) calc(0.0625rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.1875rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #fff; color: #406a9e; } .kadaster .btn-tools-sm { display: flex; align-items: center; justify-content: center; height: 2.25rem; width: 2.25rem; padding: 0; background-color: #f2f5f9; border-color: #f2f5f9; border-radius: 0.1875rem; color: #406a9e; } .kadaster .btn-tools-sm .btn-tools-sm-icon { font-size: 1.5rem; } .kadaster .btn-tools-sm:hover, .kadaster .btn-tools-sm.hover { background-color: #fff; border-color: #406a9e; color: #406a9e; } .kadaster .btn-tools-sm:focus, .kadaster .btn-tools-sm.focus { box-sizing: border-box; padding: calc(none - 0.1875rem + 1px) calc(none - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.1875rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #fff; color: #406a9e; } .kadaster .btn-tools-sm:not(:disabled):not(.disabled):active, .kadaster .btn-tools-sm:not(:disabled):not(.disabled).active { box-sizing: border-box; padding: calc(none - 1px + 1px) calc(none - 1px + 1px); border: 1px solid #406a9e; border-radius: 0.1875rem; box-shadow: none; background-color: #fff; color: #406a9e; } .kadaster .btn-tools-sm:not(:disabled):not(.disabled):active:focus, .kadaster .btn-tools-sm:not(:disabled):not(.disabled):active.focus, .kadaster .btn-tools-sm:not(:disabled):not(.disabled).active:focus, .kadaster .btn-tools-sm:not(:disabled):not(.disabled).active.focus { box-sizing: border-box; padding: calc(none - 0.1875rem + 1px) calc(none - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.1875rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #fff; color: #406a9e; } .kadaster .btn.btn-tools-sm:not(.btn-link).disabled { color: #919191; background-color: #fff; border-color: #f2f5f9; pointer-events: none; } .kadaster .btn-tools.btn:disabled:not(.btn-link) { color: #919191; background-color: #fff; border-color: #fff; cursor: not-allowed; } .kadaster .map-layer-switcher-button .map-layer-switcher-button-img { height: 144px; width: 180px; border-radius: 0.313rem; } .kadaster .map-layer-switcher-button .layer-switcher-button { position: relative; padding: 0; border: 0.0625rem solid #bfcddf; border-radius: 0.313rem; outline: unset; color: #406a9e; background-color: #fff; } .kadaster .map-layer-switcher-button .layer-switcher-button:hover { box-sizing: border-box; box-shadow: 0 0 0 0.19rem #6b6b6b; } .kadaster .map-layer-switcher-button .layer-switcher-button:active { border: 0.125rem solid #008dc9; margin: calc(-0.125rem - -0.0625rem); } .kadaster .map-layer-switcher-button .layer-switcher-button:focus { box-sizing: border-box; border: 0.1875rem solid #008dc9; margin: calc(-0.1875rem - -0.0625rem); box-shadow: 0 0.063rem 0.375rem #008dc9; } .kadaster .map-layer-switcher-button .layer-switcher-button .layer-switcher-button-text { position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px; font-weight: 600; text-align: center; background-color: #fff; border-top: 0.0625rem solid #bfcddf; border-bottom-left-radius: 0.313rem; border-bottom-right-radius: 0.313rem; } .kadaster .map-layer-switcher-button .layer-switcher-button .layer-switcher-button-text .layer-switcher-button-icon { font-size: 1.5rem; vertical-align: middle; margin-left: 5px; } .kadaster .map-layer-switcher-button .layer-switcher-button:active .layer-switcher-button-text { background-color: #f2f5f9; } @media (max-width: 767.98px) { .kadaster .map-layer-switcher-button .layer-switcher-button { width: 2.75rem; height: 2.75rem; border-radius: 0.1875rem; } .kadaster .map-layer-switcher-button .layer-switcher-button:active { margin: 0; background-color: #f2f5f9; } .kadaster .map-layer-switcher-button .layer-switcher-button:focus { margin: 0; } } .kadaster .map-layer-switcher { position: relative; height: 220px; width: 70%; padding: 1rem; border: 0.0625rem solid #bfcddf; border-radius: 0.313rem; background: #fff; overflow: auto; z-index: 5; /* width */ /* Track */ /* Handle */ /* Handle on hover */ } @media (max-width: 767.98px) { .kadaster .map-layer-switcher { height: 100%; width: 100%; margin-bottom: 0; z-index: 2050; border-radius: 0; border: unset; overflow: unset; } } .kadaster .map-layer-switcher .close { position: absolute; top: 0; right: 0; width: 2.75rem; height: 2.75rem; font-size: 1.6rem; color: #406a9e; opacity: 1; margin: 0; padding: 0; text-align: center; } .kadaster .map-layer-switcher .layer-item { display: inline-block; vertical-align: top; position: relative; } .kadaster .map-layer-switcher .layer-item .layer-item-content { height: 100%; } .kadaster .map-layer-switcher::-webkit-scrollbar { width: 6px; } .kadaster .map-layer-switcher::-webkit-scrollbar-track { border-radius: 10px; background-color: #fff; } .kadaster .map-layer-switcher::-webkit-scrollbar-thumb { background: #406a9e; border-radius: 10px; } .kadaster .map-layer-switcher::-webkit-scrollbar-thumb:hover { background: #406a9e; } @media (max-width: 1199.98px) { .kadaster .header-desktop { display: none; } .kadaster .header-mobile { display: block; } } @media (min-width: 992px) { .kadaster .header-desktop { display: block; } .kadaster .header-mobile { display: none; } } .kadaster .header-desktop, .kadaster .header-mobile { position: relative; height: 10rem; border-bottom: 0.313rem solid #008296; } .kadaster .header-desktop .container, .kadaster .header-desktop .container-fluid, .kadaster .header-desktop .container-sm, .kadaster .header-desktop .container-md, .kadaster .header-desktop .container-lg, .kadaster .header-desktop .container-xl { position: relative; } .kadaster .navbar, .kadaster .navbar .container { height: 100%; } .kadaster .navbar-brand { display: flex; height: 100%; margin-right: 3.875rem; align-items: center; justify-content: center; } .kadaster .navbar-brand .navbar-brand-img { max-height: 100%; } .kadaster .menu { width: 100%; height: 100%; } .kadaster .menu-top { height: 2.75rem; margin-right: -1.5rem; margin-left: -1.5rem; background-color: #f7f9fb; } .kadaster .menu-top .menu-top-navbar-left-item, .kadaster .menu-top .menu-top-navbar-right-item { min-width: 2.75rem; height: 100%; } .kadaster .menu-top .nav-link { display: flex; width: 100%; height: 100%; align-items: center; } .kadaster .menu-top, .kadaster .menu-bottom { display: flex; align-items: center; justify-content: space-between; } .kadaster .menu-top .navbar-nav, .kadaster .menu-bottom .navbar-nav { align-items: center; } .kadaster .menu-bottom { height: calc(100% - 2.75rem); margin-left: -0.5rem; } .kadaster .menu-top-navbar-left, .kadaster .menu-top-navbar-right, .kadaster .menu-bottom-navbar { height: 100%; } .kadaster .menu-top-navbar-left .nav-item, .kadaster .menu-top-navbar-right .nav-item, .kadaster .menu-bottom-navbar .nav-item { height: 100%; } .kadaster .menu-top-navbar-left .nav-link, .kadaster .menu-top-navbar-right .nav-link { text-decoration: none; color: #2b2b2b; } .kadaster .menu-top-navbar-left .nav-link:hover, .kadaster .menu-top-navbar-left .nav-link:focus, .kadaster .menu-top-navbar-right .nav-link:hover, .kadaster .menu-top-navbar-right .nav-link:focus { color: #2b2b2b; } .kadaster .menu-top-navbar-right .nav-link { color: #6b6b6b; } .kadaster .menu-top-navbar-right .nav-link:hover { color: #2b2b2b; } .kadaster .menu-top-navbar-right .nav-link-myk-login { color: #a90261; } .kadaster .menu-top-navbar-right .nav-link-myk-login:hover { color: #a90261; } .kadaster .menu-top-navbar-right { font-size: 0.875rem; color: #6b6b6b; } .kadaster .menu-top-navbar-left, .kadaster .menu-top-navbar-right-english { font-size: 0.9rem; } .kadaster .webshop { position: relative; } .kadaster .webshop .basket-totals-number { top: 0.375rem; left: 0.875rem; display: flex; width: auto; height: 1em; margin-bottom: 1rem; padding: 0.438rem 0.313rem; font-size: 0.75rem; align-items: center; justify-content: center; color: #fff; border-radius: 1em; background-color: #406a9e; } .kadaster .nav-link-wrapper { margin-right: 0.75rem; } .kadaster .menu-bottom-navbar .nav-link { text-decoration: none; color: #406a9e; } .kadaster .menu-bottom-navbar .nav-link:hover, .kadaster .menu-bottom-navbar .nav-link[aria-expanded=true] { text-shadow: 0.0625rem 0 0; } .kadaster .menu-top-navbar-right { padding-right: calc(1.5rem - 0.5rem - 0.5rem); align-items: center; } .kadaster .menu-top-navbar-right .nav-link { margin: 0 0.5rem; } .kadaster .menu-top-navbar-left { margin-left: calc(1.5rem - 0.5rem); } .kadaster .caret-menu-wrapper { position: absolute; top: calc((10rem - 20px) - 0.3rem); display: none; } .kadaster .caret-menu-wrapper .caret { margin: 0 1.875rem; } .kadaster .dropdown.show .caret-menu-wrapper { display: flex; } .kadaster .dropdown-toggle:after { vertical-align: middle; } .kadaster .dropdown-toggle[aria-expanded=true]:after { transform: rotate(180deg); } .kadaster .dropdown { position: initial; } .kadaster .menu-dropdown-centered { top: 10rem; left: 0; width: 100%; max-height: none; margin: 0; padding: 0; border: 0; box-shadow: 0 100vh 0 100vh rgba(0, 130, 150, 0.25); } .kadaster .menu-dropdown-container { width: 100%; min-height: 100%; margin-top: 1.25rem; margin-bottom: 1.25rem; } .kadaster .menu-dropdown-container .close { position: absolute; top: 0.25rem; right: 0.25rem; z-index: calc(1000 + 1); /* bootstrap native dropdown zindex + 1 */ padding: 0.75rem 1rem; color: #008296; opacity: 1 !important; } .kadaster .menu-dropdown-flyout { height: auto; min-height: 100%; margin: 0; padding: 0; list-style: none; } .kadaster .menu-dropdown-flyout li { width: 100%; } .kadaster .menu-dropdown-link-text { width: 90%; word-break: break-word; } .kadaster .menu-dropdown-link-icon { margin-right: 0.375rem; margin-left: 0; color: #008296; } .kadaster .menu-dropdown-flyout-base { position: relative; width: 25%; } .kadaster .menu-dropdown-flyout-next { position: absolute; top: 0; left: 100%; width: 100%; border-left: 2px solid #ebebeb; } .kadaster .dropdown-menu-link, .kadaster .dropdown-page-link { display: flex; width: 100%; padding: 0.75rem 0.5rem 0.75rem 1.25rem; text-decoration: none; align-items: center; justify-content: space-between; color: #00387d; } .kadaster .dropdown-menu-link:hover, .kadaster .dropdown-page-link:hover { color: #00387d; background-color: rgba(0, 130, 150, 0.1); text-decoration: none; } .kadaster .dropdown-menu-link:focus, .kadaster .dropdown-page-link:focus { outline-offset: -1px; } .kadaster .dropdown-menu-link.active, .kadaster .dropdown-page-link.active { color: #fff; background-color: #008296; } .kadaster .dropdown-menu-link.active .menu-dropdown-link-icon, .kadaster .dropdown-page-link.active .menu-dropdown-link-icon { color: #fff; } .kadaster .dropdown-menu-link:hover { text-decoration: none; } .kadaster .dropdown-page-link-text { flex-grow: 1; padding-left: 0.5em; } .kadaster .header-mobile { overflow: hidden; } .kadaster .header-mobile .navbar { padding: 0; } .kadaster .header-mobile .navbar-brand { margin: 0; } .kadaster .header-mobile .navbar-nav { flex-direction: row; } .kadaster .header-mobile .menu-top, .kadaster .header-mobile .menu-bottom { position: relative; height: 50%; } .kadaster .header-mobile .menu-top { margin-right: 0; margin-left: 0; } .kadaster .header-mobile .menu-top .menu-top-navbar-right-item, .kadaster .header-mobile .menu-top .menu-top-navbar-left-item { min-width: 2.75rem; height: 100%; } .kadaster .header-mobile .menu-top .nav-link { display: flex; width: 100%; height: 100%; align-items: center; } .kadaster .header-mobile .menu-top-navbar-left-item, .kadaster .header-mobile .menu-top-navbar-right-item { display: flex; font-size: 1rem; } .kadaster .header-mobile .menu-top-navbar-left { margin-left: 0; } .kadaster .header-mobile .menu-top-navbar-right { padding-right: 0; } .kadaster .header-mobile .nav-link { margin: 0; padding: 0.5rem; align-self: center; } @media (min-width: 576px) { .kadaster .header-mobile .nav-link { padding: 1rem; } } .kadaster .header-mobile .basket-totals-number { position: absolute; top: 1.5rem; right: 0.5rem; left: unset; margin-bottom: unset; } .kadaster .header-mobile .fa-user { color: #a90261; } .kadaster .header-mobile .menu-bottom { margin: 0; } .kadaster .header-mobile .menu-bottom-item { width: 33.3333333333%; padding: 0.5rem 1rem; } .kadaster .header-mobile .search-bar-wrapper { position: absolute; width: 100%; height: 100%; transform: translate3d(100%, 0, 0); transition: all ease-in-out 500ms; background-color: #fff; } .kadaster .header-mobile .search-bar-wrapper.active { transform: translate3d(0, 0, 0); } .kadaster .header-mobile .search-bar { height: 100%; padding: 0.5rem 1rem; } .kadaster .header-mobile .form-search, .kadaster .header-mobile .input-group, .kadaster .header-mobile .form-control { height: 100%; } .kadaster .header-mobile .form-search-input { border: 0; } .kadaster .header-mobile .form-search-btn { padding: 0; font-size: 2rem; background-color: transparent; } .kadaster .header-mobile .form-search-btn-search { padding-right: 1rem; color: #008296; border-right: 0.2rem solid #008296; } .kadaster .header-mobile .form-search-btn-close { padding-left: 1rem; color: #008296; } .kadaster .header-mobile .menu-bottom-item { transition: opacity 0.5s linear; } .kadaster .header-mobile .menu-bottom-item.transparent { opacity: 0; } .kadaster .header-mobile .menu-dropdown-container { position: fixed; top: 10rem; bottom: 0; z-index: 100; overflow: auto; width: 100vw; min-height: auto; margin: 0; background-color: #fff; } .kadaster .header-mobile .dropdown-menu-link, .kadaster .header-mobile .dropdown-page-link { border-bottom: 1px solid #e6ebf2; } .kadaster .header-mobile .back { border: 0; } .kadaster .navbar-toggler { line-height: 1.625; } .kadaster .navbar-toggler-dropdown, .kadaster .navbar-toggler-search { font-size: 2rem; } .kadaster .navbar-toggler-dropdown { text-align: left; color: #008296; } .kadaster .navbar-toggler-search { text-align: right; color: #008296; } .kadaster .navbar-toggler-dropdown[aria-expanded=false] .navbar-toggler-open-icon, .kadaster .navbar-toggler-dropdown[aria-expanded=true] .navbar-toggler-close-icon { display: block; } .kadaster .navbar-toggler-dropdown[aria-expanded=true] .navbar-toggler-open-icon, .kadaster .navbar-toggler-dropdown[aria-expanded=false] .navbar-toggler-close-icon { display: none; } .kadaster .menu-mobile-dropdown-menu { position: relative; left: 0; margin: 0; padding: 0; list-style: none; transform: translateZ(0); } .kadaster .dropdown-submenu { position: absolute; top: 0; left: 100%; display: none; width: 100%; margin: 0; padding: 0; list-style: none; } .kadaster .vertical-menu .vertical-menu-toggler { margin-bottom: 1.25rem; } @media (min-width: 992px) { .kadaster .vertical-menu .vertical-menu-toggler { display: none; } } .kadaster .vertical-menu .vertical-menu-toggler[aria-expanded=false] .collapse-menu, .kadaster .vertical-menu .vertical-menu-toggler[aria-expanded=true] .expand-menu { display: none; } .kadaster .vertical-menu .nav-link { border: 1px solid #d1d1d1; border-top: 0; } .kadaster .vertical-menu .nav-link.active { font-weight: 700; } .kadaster .vertical-menu .vertical-menu-dropdown { border-top: 1px solid #d1d1d1; } @media (min-width: 992px) { .kadaster .vertical-menu .vertical-menu-dropdown.collapse { display: block; } } .kadaster .vertical-menu .vertical-menu-dropdown, .kadaster .vertical-menu .vertical-submenu { padding-left: 0; } .kadaster .vertical-menu .vertical-menu-dropdown li, .kadaster .vertical-menu .vertical-submenu li { list-style: none; } .kadaster .vertical-menu .vertical-submenu { background-color: #f7f7f7; } .kadaster .vertical-menu .vertical-submenu .nav-link { padding-left: 2rem; } .kadaster .header-simple { height: 6rem; border-bottom: 0.313rem solid #008296; } .kadaster .header-simple .navbar { padding: 1rem; } .kadaster .header-simple .navbar-brand { margin-right: 1rem; } .kadaster .header-simple .navbar-brand-img { height: 4rem; } .kadaster .header-basic, .kadaster .header-header-basic, .kadaster .myk-header { height: 2.75rem; } @media (min-width: 992px) { .kadaster .header-basic, .kadaster .header-header-basic, .kadaster .myk-header { height: 5rem; } } .kadaster .header-basic .navbar, .kadaster .header-header-basic .navbar, .kadaster .myk-header .navbar { position: fixed; top: 0; right: 0; left: 0; z-index: 1040; /* overlay over all elements except modals, pop ups etc. However, not overwrite Liferay's header of 989 z-index */ height: 2.75rem; margin-bottom: 0; padding: 0; border-bottom: 1px solid #bfcddf; background-color: #fff; } @media (min-width: 992px) { .kadaster .header-basic .navbar, .kadaster .header-header-basic .navbar, .kadaster .myk-header .navbar { height: 5rem; } } .kadaster .header-basic .header-basic-header-right, .kadaster .header-basic .myk-header-right, .kadaster .header-header-basic .header-basic-header-right, .kadaster .header-header-basic .myk-header-right, .kadaster .myk-header .header-basic-header-right, .kadaster .myk-header .myk-header-right { display: flex; margin-left: auto; vertical-align: middle; } @media (min-width: 992px) { .kadaster .header-basic .header-basic-header-right, .kadaster .header-basic .myk-header-right, .kadaster .header-header-basic .header-basic-header-right, .kadaster .header-header-basic .myk-header-right, .kadaster .myk-header .header-basic-header-right, .kadaster .myk-header .myk-header-right { min-width: 12.5rem; margin-right: 0.5rem; } } .kadaster .header-basic .header-basic-header-right.dropdown, .kadaster .header-basic .myk-header-right.dropdown, .kadaster .header-header-basic .header-basic-header-right.dropdown, .kadaster .header-header-basic .myk-header-right.dropdown, .kadaster .myk-header .header-basic-header-right.dropdown, .kadaster .myk-header .myk-header-right.dropdown { position: relative; } .kadaster .header-basic .header-basic-btn-primary, .kadaster .header-header-basic .header-basic-btn-primary, .kadaster .myk-header .header-basic-btn-primary { align-self: center; margin-right: 0.5rem; } @media (max-width: 991.98px) { .kadaster .header-basic .header-basic-btn-primary, .kadaster .header-header-basic .header-basic-btn-primary, .kadaster .myk-header .header-basic-btn-primary { padding-bottom: 0.125rem; padding-top: 0.125rem; } } .kadaster .header-basic .header-basic-btn-primary .btn-text, .kadaster .header-header-basic .header-basic-btn-primary .btn-text, .kadaster .myk-header .header-basic-btn-primary .btn-text { white-space: nowrap; } .kadaster .header-basic .header-basic-divider, .kadaster .header-header-basic .header-basic-divider, .kadaster .myk-header .header-basic-divider { border-left: 1px solid #d1d1d1; margin-left: 10px; margin-right: 10px; height: 100%; } .kadaster .header-basic-btn { color: #6b6b6b; font-weight: normal; white-space: nowrap; display: flex; flex-direction: column; } .kadaster .header-basic-btn:active, .kadaster .header-basic-btn:hover { color: #008dc9; } .kadaster .header-basic-btn:focus { box-sizing: border-box; padding: calc(0.375rem - 2px + 1px) calc(1.5rem - 2px + 1px); border: 2px solid #008dc9; border-radius: 0.3rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #fff; color: #406a9e; } @media (min-width: 992px) { .kadaster .header-basic-menu-toggler, .kadaster .myk-menu-toggler { display: none; } } .kadaster .header-basic-header-btn, .kadaster .myk-header-btn { width: 2.75rem; height: 2.75rem; border: 1px solid transparent; background-color: transparent; } @media (min-width: 992px) { .kadaster .header-basic-header-btn, .kadaster .myk-header-btn { width: 4rem; height: 4rem; } } .kadaster .header-basic-header-icon, .kadaster .myk-header-icon { font-size: 1.5rem; line-height: 1em; } @media (min-width: 992px) { .kadaster .header-basic-header-icon, .kadaster .myk-header-icon { font-size: 2rem; } } .kadaster .header-basic-header-logo, .kadaster .myk-header-logo { height: 1.5rem; margin: 0.625rem 0.5rem 0.625rem 0; } @media (min-width: 992px) { .kadaster .header-basic-header-logo, .kadaster .myk-header-logo { height: 3.5rem; margin: 0.75rem 1rem 0.75rem 1.25rem; } } .kadaster .header-basic-header-btn.header-basic-header-profile-btn, .kadaster .myk-header-btn.myk-header-profile-btn { position: relative; margin-top: auto; margin-bottom: auto; line-height: 1; align-items: center; color: #00387d; border-radius: 0; /* fa-angle-down icon in header */ } @media (min-width: 992px) { .kadaster .header-basic-header-btn.header-basic-header-profile-btn, .kadaster .myk-header-btn.myk-header-profile-btn { display: flex; width: 100%; } .kadaster .header-basic-header-btn.header-basic-header-profile-btn .user-toggler-open-icon, .kadaster .myk-header-btn.myk-header-profile-btn .user-toggler-open-icon { margin-right: 0.375rem; } } .kadaster .header-basic-header-btn.header-basic-header-profile-btn:after, .kadaster .myk-header-btn.myk-header-profile-btn:after { display: none; width: 2.75rem; margin-left: auto; font-family: "Font Awesome 5 Pro"; font-size: 2rem; font-weight: 300; line-height: 1em; content: "\f107"; border: 0; } @media (min-width: 992px) { .kadaster .header-basic-header-btn.header-basic-header-profile-btn:after, .kadaster .myk-header-btn.myk-header-profile-btn:after { display: inline-block; } } .kadaster .header-basic-header-user-name, .kadaster .myk-header-user-name { font-size: 0.875rem; color: #2b2b2b; } .kadaster .dropdown > .dropdown-toggle .header-basic-header-user-name, .kadaster .dropdown > .dropdown-toggle .myk-header-user-name { display: none; } @media (min-width: 992px) { .kadaster .dropdown > .dropdown-toggle .header-basic-header-user-name, .kadaster .dropdown > .dropdown-toggle .myk-header-user-name { display: inline-block; } } .kadaster .header-basic-header .dropdown-menu, .kadaster .myk-header .dropdown-menu { position: fixed; top: 2.75rem; left: 0; width: 100%; margin-top: 0; border: 0; } @media (min-width: 992px) { .kadaster .header-basic-header .dropdown-menu, .kadaster .myk-header .dropdown-menu { position: absolute; top: 0; } } .kadaster .header-basic-header-user-menu-item, .kadaster .myk-header-user-menu-item { display: block; padding-top: 0; padding-bottom: 1.25rem; padding-left: 3.375rem; text-decoration: none; } @media (min-width: 992px) { .kadaster .header-basic-header-user-menu-item, .kadaster .myk-header-user-menu-item { padding-top: 0.375rem; padding-bottom: 0.375rem; padding-left: 2.75rem; } } .kadaster .show .header-basic-header-user-menu-overlay, .kadaster .show .myk-header-user-menu-overlay { display: block; } .kadaster .header-basic-header-user-menu-overlay, .kadaster .myk-header-user-menu-overlay { position: fixed; inset: 44px 0 0 0; width: 100vw; height: 100vh; background-color: #e6ebf2; opacity: 0.8; overscroll-behavior: contain; z-index: 500; display: none; } @media (min-width: 992px) { .kadaster .header-basic-header-user-menu-overlay, .kadaster .myk-header-user-menu-overlay { position: fixed; inset: 80px 0 0 0; width: 100vw; height: 100vh; background-color: #e6ebf2; opacity: 0.8; overscroll-behavior: contain; z-index: 500; } } .kadaster .header-basic-header-user-menu-dialog, .kadaster .myk-header-user-menu-dialog { position: absolute; top: 0; left: auto; z-index: 1040; /* inherits z-index of 1000 from bootstrap dropdown */ width: 100%; margin-right: -1px; padding-top: 0; padding-bottom: 0.5rem; border-bottom: 1px solid #bfcddf; background-color: #f2f5f9; } @media (min-width: 992px) { .kadaster .header-basic-header-user-menu-dialog, .kadaster .myk-header-user-menu-dialog { top: calc(0.5rem - 1px); right: 0.5rem; width: auto; margin-top: -5rem; padding-top: 0; border: 1px solid #bfcddf; border-radius: 3px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1607843137); } } .kadaster .header-basic-header-user-menu-dialog .header-basic-profile-menu-header, .kadaster .header-basic-header-user-menu-dialog .myk-profile-menu-header, .kadaster .myk-header-user-menu-dialog .header-basic-profile-menu-header, .kadaster .myk-header-user-menu-dialog .myk-profile-menu-header { display: flex; width: 100%; height: 4rem; margin-bottom: 0; padding-left: 1rem; text-align: left; align-items: center; color: #00387d; /* fa-user-circle icon in menu */ /* fa-angle-up icon in menu */ } @media (min-width: 992px) { .kadaster .header-basic-header-user-menu-dialog .header-basic-profile-menu-header, .kadaster .header-basic-header-user-menu-dialog .myk-profile-menu-header, .kadaster .myk-header-user-menu-dialog .header-basic-profile-menu-header, .kadaster .myk-header-user-menu-dialog .myk-profile-menu-header { height: 2rem; margin-top: 1rem; padding-left: 0.375rem; /* fix firefox bug */ } @-moz-document url-prefix() { .kadaster .header-basic-header-user-menu-dialog .header-basic-profile-menu-header, .kadaster .header-basic-header-user-menu-dialog .myk-profile-menu-header, .kadaster .myk-header-user-menu-dialog .header-basic-profile-menu-header, .kadaster .myk-header-user-menu-dialog .myk-profile-menu-header { padding-left: 0.25rem; } } } .kadaster .header-basic-header-user-menu-dialog .header-basic-profile-menu-header .header-basic-profile-menu-header-user-icon, .kadaster .header-basic-header-user-menu-dialog .header-basic-profile-menu-header .myk-profile-menu-header-user-icon, .kadaster .header-basic-header-user-menu-dialog .myk-profile-menu-header .header-basic-profile-menu-header-user-icon, .kadaster .header-basic-header-user-menu-dialog .myk-profile-menu-header .myk-profile-menu-header-user-icon, .kadaster .myk-header-user-menu-dialog .header-basic-profile-menu-header .header-basic-profile-menu-header-user-icon, .kadaster .myk-header-user-menu-dialog .header-basic-profile-menu-header .myk-profile-menu-header-user-icon, .kadaster .myk-header-user-menu-dialog .myk-profile-menu-header .header-basic-profile-menu-header-user-icon, .kadaster .myk-header-user-menu-dialog .myk-profile-menu-header .myk-profile-menu-header-user-icon { margin-right: 0.375rem; font-size: 2rem; } .kadaster .header-basic-header-user-menu-dialog .header-basic-profile-menu-header:after, .kadaster .header-basic-header-user-menu-dialog .myk-profile-menu-header:after, .kadaster .myk-header-user-menu-dialog .header-basic-profile-menu-header:after, .kadaster .myk-header-user-menu-dialog .myk-profile-menu-header:after { width: 2.75rem; height: 2.75rem; margin-left: auto; padding-top: 0.3rem; font-family: "Font Awesome 5 Pro"; font-size: 2rem; font-weight: 300; text-align: center; line-height: 1em; content: "\f106"; } .kadaster .header-basic-header .dropdown-toggle[aria-expanded=true] ~ .dropdown-menu .dropdown-toggle:after, .kadaster .myk-header .dropdown-toggle[aria-expanded=true] ~ .dropdown-menu .dropdown-toggle:after { transform: rotate(180deg); } .kadaster .navbar-header-basic, .kadaster .navbar-myk { /* mobile first */ position: fixed; z-index: 1030; width: 100%; height: auto; padding: 0; align-items: start; /* desktop */ /* adjust bootstrap animation timing */ } @media (min-width: 992px) { .kadaster .navbar-header-basic, .kadaster .navbar-myk { position: relative; float: left; width: 260px; height: 100%; margin-top: 0; /* no collapsing of menu on desktop */ } .kadaster .navbar-header-basic.collapse:not(.navbar-mobile-only), .kadaster .navbar-header-basic.collapse:not(.navbar-mobile-only):not(.show), .kadaster .navbar-myk.collapse:not(.navbar-mobile-only), .kadaster .navbar-myk.collapse:not(.navbar-mobile-only):not(.show) { display: block; } .kadaster .navbar-header-basic.navbar-mobile-only, .kadaster .navbar-myk.navbar-mobile-only { display: none; } } .kadaster .navbar-header-basic.collapsing, .kadaster .navbar-myk.collapsing { -webkit-transition: height 0.1s ease; -moz-transition: height 0.1s ease; transition: height 0.1s ease; } .kadaster .navbar-header-basic .close, .kadaster .navbar-myk .close { position: absolute; top: 0; right: 0; z-index: calc(1000 + 1); /* z-index of the sibling UL + 1 */ display: block; width: 2.75rem; height: 2.75rem; font-size: 1.5rem; color: #406a9e; opacity: 1; /* no close button on desktop */ } @media (min-width: 992px) { .kadaster .navbar-header-basic .close, .kadaster .navbar-myk .close { display: none; } } .kadaster .navbar-nav-header-basic, .kadaster .navbar-nav-myk { /* mobile first */ z-index: 1000; /* set bootstrap's dropdown z-index */ width: 100%; height: auto; padding: 10px 44px 20px 20px; color: #406a9e; border: 1px solid #bfcddf; background-color: #f2f5f9; /* desktop */ } @media (min-width: 992px) { .kadaster .navbar-nav-header-basic, .kadaster .navbar-nav-myk { height: calc(100vh - (5rem + 1.25rem + 1.25rem)); padding: 0 20px; border: 0; /* reset border mobile styling */ border-right: 1px solid #bfcddf; background-color: transparent; } } .kadaster .nav-item-header-basic, .kadaster .nav-item-myk { display: flex; flex-wrap: wrap; min-height: 44px; } .kadaster .nav-link-header-basic, .kadaster .nav-link-myk { display: flex; width: 100%; min-height: 44px; /* enforce min height 44px of link in flex-wrap situations with nested UL */ padding: 0; text-decoration: none; align-items: center; /* active class on menu item is set via scripting in Liferay theme */ } .kadaster .nav-link-header-basic:hover, .kadaster .nav-link-myk:hover { font-weight: 600; color: #00387d; } .kadaster .nav-link-header-basic.active, .kadaster .nav-link-myk.active { /* span element for underline under text only */ } .kadaster .nav-link-header-basic.active .nav-link-header-basic-text, .kadaster .nav-link-header-basic.active .nav-link-myk-text, .kadaster .nav-link-myk.active .nav-link-header-basic-text, .kadaster .nav-link-myk.active .nav-link-myk-text { font-weight: 600; border-bottom: 2px solid #a90261; } .kadaster .navbar-nav-header-basic-sub, .kadaster .navbar-nav-myk-sub { flex-direction: column; width: 100%; height: auto; margin: 0; padding: 0 0 0 1rem; font-size: 0.875rem; border: 0; /* overwriting css for menu links in submenu */ } .kadaster .navbar-nav-header-basic-sub .nav-link-header-basic.active .nav-link-header-basic-text, .kadaster .navbar-nav-header-basic-sub .nav-link-header-basic.active .nav-link-myk-text, .kadaster .navbar-nav-header-basic-sub .nav-link-myk.active .nav-link-header-basic-text, .kadaster .navbar-nav-header-basic-sub .nav-link-myk.active .nav-link-myk-text, .kadaster .navbar-nav-myk-sub .nav-link-header-basic.active .nav-link-header-basic-text, .kadaster .navbar-nav-myk-sub .nav-link-header-basic.active .nav-link-myk-text, .kadaster .navbar-nav-myk-sub .nav-link-myk.active .nav-link-header-basic-text, .kadaster .navbar-nav-myk-sub .nav-link-myk.active .nav-link-myk-text { color: #2b2b2b; border-bottom: 0; } .kadaster .navbar-nav-header-basic-sub .nav-link-header-basic.active:before, .kadaster .navbar-nav-header-basic-sub .nav-link-myk.active:before, .kadaster .navbar-nav-myk-sub .nav-link-header-basic.active:before, .kadaster .navbar-nav-myk-sub .nav-link-myk.active:before { position: absolute; left: 1.25rem; font-family: "Font Awesome 5 Pro"; font-size: 1rem; font-weight: 400; content: "\f105"; color: #a90261; } .kadaster .show .header-basic-menu-backdrop, .kadaster .show .myk-menu-backdrop { position: absolute; inset: 0 0 0 0; width: 100vw; height: 100vh; background-color: #e6ebf2; opacity: 0.8; overscroll-behavior: contain; z-index: 500; } @media (min-width: 992px) { .kadaster .show .header-basic-menu-backdrop, .kadaster .show .myk-menu-backdrop { display: none; } } .kadaster .modal-open { overflow: hidden; padding-right: 0 !important; } .kadaster .modal-open .modal { padding-right: 0 !important; padding-left: 0 !important; } .kadaster .modal-header { padding: 0.75rem 0.5rem; border-bottom: 0; } .kadaster .modal-header .close { position: absolute; top: 0; right: 0; width: 2.75rem; font-size: 1.6rem; color: #406a9e; opacity: 1; margin: 0; padding: 0; text-align: center; } .kadaster .modal-header .close .close-icon { margin: 0.6rem 0; } .kadaster .modal-header .modal-title { margin-top: 0; margin-right: 3rem; } .kadaster .modal .modal-body { overflow: hidden; } .kadaster .modal-body { padding: 0 0.5rem; flex: 0 0 auto; } .kadaster .modal-footer { margin-top: 2.5rem; padding: 0 0.5rem 0.75rem 0.5rem; justify-content: flex-start; border-top: 0; } .kadaster .modal-dialog.modal-dialog-scrollable { height: 100vh; } .kadaster .modal-dialog.modal-dialog-scrollable .modal-content { overflow-y: auto; } .kadaster .modal-dialog.modal-dialog-scrollable .modal-content .modal-body { overflow-y: auto; flex-grow: 1; flex-shrink: 1; } @media (min-width: 576px) { .kadaster .modal-dialog { max-width: 554px; } .kadaster .modal-dialog.modal-xl { width: 96%; max-width: 1160px; } .kadaster .modal-content { height: inherit; } } @media (min-width: 576px) { .kadaster .modal-content, .kadaster .modal-content { border-radius: 5px; } .kadaster .modal-header { padding: 2rem 2rem 0.75rem 2rem; } .kadaster .modal-body { padding: 0 2rem; } .kadaster .modal-footer { padding: 0 2rem 2rem 2rem; } } .kadaster .modal-dialog, .kadaster .modal-dialog .modal-content { height: auto; } .kadaster .modal-dialog .modal-content .alert, .kadaster .modal-dialog .modal-content .portlet-msg-alert, .kadaster .modal-dialog .modal-content .portlet-msg-error, .kadaster .modal-dialog .modal-content .portlet-msg-help, .kadaster .modal-dialog .modal-content .portlet-msg-info, .kadaster .modal-dialog .modal-content .portlet-msg-progress, .kadaster .modal-dialog .modal-content .portlet-msg-success { height: auto; /* desktop first to prevent having to set border again for all alerts */ } @media (max-width: 575.98px) { .kadaster .modal-dialog .modal-content .alert, .kadaster .modal-dialog .modal-content .portlet-msg-alert, .kadaster .modal-dialog .modal-content .portlet-msg-error, .kadaster .modal-dialog .modal-content .portlet-msg-help, .kadaster .modal-dialog .modal-content .portlet-msg-info, .kadaster .modal-dialog .modal-content .portlet-msg-progress, .kadaster .modal-dialog .modal-content .portlet-msg-success { border-radius: 0; } } .kadaster .modal-alert { /* desktop first to prevent having to set border again for all alerts */ } .kadaster .modal-alert .modal-content, .kadaster .modal-alert .alert, .kadaster .modal-alert .portlet-msg-alert, .kadaster .modal-alert .portlet-msg-error, .kadaster .modal-alert .portlet-msg-help, .kadaster .modal-alert .portlet-msg-info, .kadaster .modal-alert .portlet-msg-progress, .kadaster .modal-alert .portlet-msg-success { border-radius: 5px; } .kadaster .modal-alert .alert, .kadaster .modal-alert .portlet-msg-alert, .kadaster .modal-alert .portlet-msg-error, .kadaster .modal-alert .portlet-msg-help, .kadaster .modal-alert .portlet-msg-info, .kadaster .modal-alert .portlet-msg-progress, .kadaster .modal-alert .portlet-msg-success { height: auto; } @media (max-width: 575.98px) { .kadaster .modal-alert .alert, .kadaster .modal-alert .portlet-msg-alert, .kadaster .modal-alert .portlet-msg-error, .kadaster .modal-alert .portlet-msg-help, .kadaster .modal-alert .portlet-msg-info, .kadaster .modal-alert .portlet-msg-progress, .kadaster .modal-alert .portlet-msg-success { min-height: calc(100vh - (2px)); } } .kadaster .modal .modal-body .alert, .kadaster .modal .modal-body .portlet-msg-alert, .kadaster .modal .modal-body .portlet-msg-error, .kadaster .modal .modal-body .portlet-msg-help, .kadaster .modal .modal-body .portlet-msg-info, .kadaster .modal .modal-body .portlet-msg-progress, .kadaster .modal .modal-body .portlet-msg-success { border-radius: 5px; } .kadaster .nav-step-component .nav-step-item { text-decoration: none; background: #f7f7f7; } .kadaster .nav-step-component .nav-step-item:not(:first-child) { border-top: 1px solid #bfcddf; } .kadaster .nav-step-component .nav-step-item .nav-step-item-indicator-container { align-items: center; justify-content: center; display: flex; } .kadaster .nav-step-component .nav-step-item .nav-step-item-indicator { font-family: "Open Sans", Arial, sans-serif; } .kadaster .nav-step-component .nav-step-item .nav-step-item-indicator, .kadaster .nav-step-component .nav-step-item .nav-step-item-header, .kadaster .nav-step-component .nav-step-item .nav-step-item-sub-header { color: #2b2b2b; } .kadaster .nav-step-component .nav-step-item .nav-step-item-header { font-size: 1.25rem; font-weight: 600; font-family: "Auto 1", "Open Sans", Arial, sans-serif; line-height: 1.5rem; padding-top: 1.125rem; } .kadaster .nav-step-component .nav-step-item .nav-step-item-sub-header { margin-bottom: 1rem; } .kadaster .nav-step-component .nav-step-item-active { background: #f2f5f9; } .kadaster .nav-step-component .nav-step-item-active .nav-step-item-indicator { color: #2b2b2b; } .kadaster .nav-step-component .nav-step-item-active .nav-step-item-header { color: #406a9e; } .kadaster .nav-step-component .nav-step-item-is-done { background-color: #fff; } .kadaster .nav-step-component .nav-step-item-is-done .nav-step-item-indicator { color: #547b1c; } .kadaster .nav-step-component .nav-step-item-is-done .nav-step-item-header { color: #406a9e; } .kadaster .nav-step-component .nav-step-item[disabled] .nav-step-item-header, .kadaster .nav-step-component .nav-step-item[disabled] .nav-step-item-indicator { color: #6b6b6b; } .kadaster .nav-step-component a { text-decoration: none; } .kadaster .news-detail-heading { text-align: center; } .kadaster .news-time { display: block; color: #00387d; } .kadaster .news-time.news-detail-time { margin-bottom: 1rem; font-weight: 600; text-align: center; } .kadaster .news-overview { border: 1px solid #bfcddf; } .kadaster .news-overview > .card { border: 1px solid #bfcddf; margin-bottom: 1.5rem; padding: 1.188rem; } .kadaster .news-overview > .card:last-child { margin-bottom: 0; } @media (min-width: 768px) { .kadaster .news-overview > .card { padding: 0; margin-bottom: 1.5rem; } } @media (min-width: 768px) { .kadaster .news-overview > .card .news-card { margin-left: -0.625rem; padding-top: 0.938rem; margin-bottom: 1.25rem; } } .kadaster .page-intro-wrapper:not(.deprecated) .page-intro { position: relative; height: 247px; } @media (min-width: 992px) { .kadaster .page-intro-wrapper:not(.deprecated) .page-intro { height: 520px; } } .kadaster .page-intro-wrapper:not(.deprecated) .page-intro .page-intro-cover { position: relative; left: 50%; z-index: 0; overflow: hidden; width: 100vw; height: inherit; margin-left: -50vw; } .kadaster .page-intro-wrapper:not(.deprecated) .page-intro .page-intro-image { position: absolute; width: 100vw; height: 100%; object-fit: cover; object-position: 50% 50%; } .kadaster .page-intro-wrapper:not(.deprecated) .page-intro .page-intro-overlay { position: absolute; inset: 0; z-index: 10; background: transparent url("../assets/images/overlay/page-intro-overlay-992.png") repeat-x 50% 100%; background-size: 992px auto; } @media (min-width: 992px) { .kadaster .page-intro-wrapper:not(.deprecated) .page-intro .page-intro-overlay { background: transparent url("../assets/images/overlay/page-intro-overlay-1920.png") repeat-x 50% 100%; background-size: 1920px auto; } } .kadaster .page-intro.page-intro-home { position: relative; height: 444px; } @media (min-width: 992px) { .kadaster .page-intro.page-intro-home { height: 520px; } } @media (min-width: 1440px) { .kadaster .page-intro.page-intro-home { height: 28vw; } } .kadaster .page-intro.page-intro-home .page-intro-cover { position: relative; left: 50%; z-index: 0; overflow: hidden; width: 100vw; height: inherit; margin-left: -50vw; } .kadaster .page-intro.page-intro-home .page-intro-image { position: absolute; width: 100vw; height: 100%; object-fit: cover; object-position: 50% 50%; } .kadaster .page-intro.page-intro-home .page-intro-overlay { position: absolute; inset: 0; z-index: 10; background: transparent url("../assets/images/overlay/page-intro-overlay-992.png") repeat-x 50% 100%; background-size: 992px auto; } @media (min-width: 992px) { .kadaster .page-intro.page-intro-home .page-intro-overlay { background: transparent url("../assets/images/overlay/page-intro-overlay-1920.png") repeat-x 50% 100%; background-size: 1920px auto; } } .kadaster .page-intro.page-intro-home .card-page-intro { position: absolute; top: 4rem; width: 100%; color: #fff; border-radius: 0.167rem; background-color: #008296; border-color: transparent; min-height: 264px; } @media (min-width: 992px) { .kadaster .page-intro.page-intro-home .card-page-intro { top: 4rem; width: 500px; } } .kadaster .page-intro.page-intro-home .card-page-intro .card-title { color: #fff; min-height: 2em; } .kadaster .page-intro.page-intro-home .card-page-intro .form-label { font-weight: 400; font-size: 1rem; } .kadaster .page-intro-home-banner { position: relative; left: 50%; width: 100vw; margin-left: -50vw; background-color: #008296; border-bottom: 0.313rem solid #008296; padding: 0.438rem 0.75rem; } .kadaster .page-intro-home-banner-content { margin-bottom: 0; font-weight: 600; text-align: center; color: #fff; } .kadaster .pagination { align-items: baseline; justify-content: center; margin-bottom: 1rem; } .kadaster .page-navigation { padding-right: 1.5rem; padding-left: 1.5rem; font-weight: 700; white-space: nowrap; /* prevents separation of icon and text */ color: #008296; } .kadaster .page-navigation:hover { color: #406a9e; } .kadaster .page-navigation-previous { padding-left: 0; } .kadaster .page-navigation-next { padding-right: 0; } .kadaster .pagination-separator { margin-right: 1rem; margin-left: 1rem; color: #008296; } .kadaster .page-item.disabled .page-navigation { color: #d1d1d1; } .kadaster .page-item:not(.active) .page-link:hover { color: #008296; } .kadaster .page-link { display: flex; align-items: center; justify-content: center; width: 2rem; height: 2rem; } .kadaster .container-panel-application { --footer-height: 0; position: relative; display: flex; flex-direction: column-reverse; flex-grow: 1; width: 100%; height: 100%; overflow: hidden; } @media (min-width: 576px) and (orientation: landscape), (min-width: 768px) { .kadaster .container-panel-application { flex-direction: row; } } .kadaster .container-panel-application + .footer-app { position: fixed; bottom: 0; z-index: 6; display: none; width: 100vw; } @media (min-width: 992px) { .kadaster .container-panel-application + .footer-app { display: flex; } } .kadaster .header-basic ~ .container-panel-application, .kadaster .myk-header ~ .container-panel-application { --header-basic-height: 2.75rem; height: calc(100% - var(--header-basic-height)); } @media (min-width: 992px) { .kadaster .header-basic ~ .container-panel-application, .kadaster .myk-header ~ .container-panel-application { --header-basic-height: 5rem; --footer-height: 44px; } } .kadaster .header-basic ~ .container-panel-application .navbar-mobile-only, .kadaster .myk-header ~ .container-panel-application .navbar-mobile-only { top: var(--header-basic-height); } .kadaster .container-panel-application .panel { position: relative; z-index: 14; display: block; flex-basis: 0; flex-grow: 0; max-height: 100%; width: 100vw; background: #f7f9fb; overflow: hidden; transition: all ease-in-out 0.2s; } @media (min-width: 992px) { .kadaster .container-panel-application .panel { margin-bottom: var(--footer-height); } } .kadaster .container-panel-application .panel .close { color: #406a9e; opacity: 1; font-size: 1.6rem; } .kadaster .container-panel-application .panel-overlay { position: absolute; top: 0; left: 0; right: 0; z-index: 100; display: none; padding: 0.4rem 0; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(2px); } .kadaster .container-panel-application .panel-maximized ~ .panel-overlay { display: block; } .kadaster .container-panel-application .panel-maximized ~ .panel-application .panel-application-footer { display: none; } .kadaster .container-panel-application .panel-container { padding: 8px; height: 100%; visibility: hidden; } .kadaster .container-panel-application .panel-open .panel-container { animation: 2s 1 displayContent ease-in-out forwards; } .kadaster .container-panel-application .panel-absolute { position: absolute; inset: 0; transform: translate3d(0, 0, 0); } @media (min-width: 576px) and (orientation: landscape), (min-width: 768px) { .kadaster .container-panel-application .panel-absolute { width: clamp(320px, 40%, calc(min(640px, 100%))); } .kadaster .container-panel-application .panel-absolute.panel-left { right: unset; } .kadaster .container-panel-application .panel-absolute.panel-right { left: unset; } .kadaster .container-panel-application .panel-absolute:not(.panel-open).panel-left { transform: translate3d(-100%, 0, 0) !important; } .kadaster .container-panel-application .panel-absolute:not(.panel-open).panel-right { transform: translate3d(100%, 0, 0) !important; } } .kadaster .container-panel-application .panel-absolute:not(.panel-open).panel-left, .kadaster .container-panel-application .panel-absolute:not(.panel-open).panel-right { transform: translate3d(0, 100%, 0); } .kadaster .container-panel-application .panel-open { --panel-max-size: 60%; --panel-min-size: 320px; flex: 1 0 clamp(var(--panel-min-size), var(--panel-max-size), calc(100% - 2rem)); } .kadaster .container-panel-application .panel-open.panel-maximized { --panel-max-size: 100%; } .kadaster .container-panel-application .panel-open.panel-minimized { --panel-min-size: 66px; --panel-max-size: 66px; } @media (min-width: 768px) and (orientation: landscape), (min-width: 992px) { .kadaster .container-panel-application .panel-open { --panel-max-size: 40%; position: relative; transform: translate3d(0, 0, 0); } .kadaster .container-panel-application .panel-open.panel-absolute { transform: translate3d(0, 0, 0); position: absolute; } } .kadaster .container-panel-application .panel-application { position: relative; z-index: 5; flex: 1 1 100%; height: 100%; padding: 0; margin: 0; width: 100%; } .kadaster .container-panel-application .panel-application-footer { position: absolute; bottom: var(--footer-height); width: 100%; } .kadaster .container-panel-application .panel-application-footer .footer-app { margin-top: 0; } @keyframes displayContent { 0% { visibility: hidden; } 1% { visibility: visible; } 100% { visibility: visible; } } .kadaster .toggletip-bubble { display: none; position: absolute; width: 100%; left: 0; bottom: calc(2.75rem + 2.75rem + 12px); padding: 0.75rem 1rem; background: #d1d1d1; border-radius: 0.3125rem; } .kadaster .toggletip-button { display: inline-flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; border: 0; background: none; } .kadaster .toggletip-button-icon { font-size: 1.5rem; } .kadaster .toggletip-button:focus { outline: none; box-shadow: 0 3px 6px #008dc9; } .kadaster .toggletip-caret { display: none; position: absolute; color: #d1d1d1; border-top: 12px solid; border-right: 12px solid transparent; border-left: 12px solid transparent; top: -12px; } .kadaster .toggletip-close-button { position: absolute; display: flex; align-items: center; justify-content: center; right: 0; top: 0; border: 0; width: 2.75rem; height: 2.75rem; background-color: inherit; } .kadaster .process-steps { display: block; padding: 0.5rem; } .kadaster .process-steps-list { display: flex; justify-content: flex-start; list-style: none; counter-reset: process-steps; height: 1.75rem; padding-left: 0; } .kadaster .process-steps-list-item { display: flex; counter-increment: process-steps; margin-right: 1rem; } @media (min-width: 992px) { .kadaster .process-steps-list-item { margin-right: 3.3rem; } } .kadaster .process-steps-list-item:before { display: inline-block; content: counter(process-steps) "."; color: #fff; background-color: #008296; font-size: inherit; line-height: 1.75rem; width: 1.75rem; height: 1.75rem; border-radius: 50%; text-align: center; } .kadaster .process-steps-list-item-content { line-height: 1.75rem; padding-left: 0.375rem; padding-right: 0.375rem; visibility: hidden; width: 0; } @media (min-width: 992px) { .kadaster .process-steps-list-item-content { margin-left: 0.375rem; visibility: visible; width: auto; } } .kadaster .process-steps-list-item-content.active { visibility: visible; width: auto; font-weight: 600; border-bottom: 2px #008296 solid; } @media (min-width: 992px) { .kadaster .process-steps-list-item-content.active { margin-left: 0.375rem; } } .kadaster .nav-tabs-btn-split { display: inline-flex; padding: 0.25rem; gap: 0.5rem; border: 0.0625rem solid #bfcddf; border-radius: 0.1875rem; background-color: #fff; /* base split button */ } .kadaster .nav-tabs-btn-split .btn-split { padding: 0.438rem 1.25rem; color: #406a9e; background-color: #fff; border: 0.0625rem solid #fff; border-radius: 0.1875rem; font-weight: 600; text-decoration: none; /* only the disabled attribute can be added to the button for accessibility purposes */ } .kadaster .nav-tabs-btn-split .btn-split:disabled { color: #919191; background-color: #ebebeb; border: 0.0625rem solid #ebebeb; cursor: not-allowed; } .kadaster .nav-tabs-btn-split .btn-split:not([disabled]):hover { box-sizing: border-box; padding: calc(0.438rem - 0.125rem + 1px) calc(1.25rem - 0.125rem + 1px); border: 0.125rem solid #6b6b6b; border-radius: 0.1875rem; box-shadow: none; background-color: #fff; color: #406a9e; } .kadaster .nav-tabs-btn-split .btn-split:not([disabled]):focus { box-sizing: border-box; padding: calc(0.438rem - 0.1875rem + 1px) calc(1.25rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.1875rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #fff; color: #406a9e; outline: 0; } .kadaster .nav-tabs-btn-split .btn-split.active { /* active extends from base and overwrites where necessary */ color: #406a9e; background-color: #f2f5f9; border: 0.0625rem solid #406a9e; } .kadaster .nav-tabs-btn-split .btn-split.active:not([disabled]):hover { box-sizing: border-box; padding: calc(0.438rem - 0.125rem + 1px) calc(1.25rem - 0.125rem + 1px); border: 0.125rem solid #6b6b6b; border-radius: 0.1875rem; box-shadow: none; background-color: #f2f5f9; color: #406a9e; } .kadaster .nav-tabs-btn-split .btn-split.active:not([disabled]):focus { box-sizing: border-box; padding: calc(0.438rem - 0.1875rem + 1px) calc(1.25rem - 0.1875rem + 1px); border: 0.1875rem solid #008dc9; border-radius: 0.1875rem; box-shadow: 0 0.0625rem 0.375rem #008dc9; background-color: #f2f5f9; color: #406a9e; outline: 0; } .kadaster .stepper-label { font-size: 0.875rem; margin-bottom: 0.375rem; } .kadaster .top-tasks { padding: 0 1.5rem; text-align: center; } .kadaster .top-tasks-heading { margin-bottom: 1.5rem; } .kadaster .top-task { margin-bottom: 3rem; } .kadaster .top-task-icon-stack { margin-bottom: 0.375rem; } .kadaster .top-task-icon-stack .top-task-icon-background { color: #e6f3f5; } .kadaster .top-task-icon-stack .top-task-icon { color: #00387d; } .kadaster .top-task-body .top-task-description { margin-bottom: 0; } .kadaster .top-task-body .top-task-link { color: #406a9e; font-weight: 600; } .kadaster .top-task-body .top-task-link:hover { color: #00387d; } @media (min-width: 768px) { .kadaster .top-task-collection { display: flex; flex-flow: row wrap; text-align: left; } .kadaster .top-task { display: flex; align-items: center; flex: 1 1 50%; } .kadaster .top-task:nth-child(odd) { padding-right: 0.75rem; } .kadaster .top-task:nth-child(even) { padding-left: 0.75rem; } .kadaster .top-task-icon-stack { flex: 0 0 auto; margin-right: 1.75rem; margin-bottom: 0; } } .kadaster h2, .kadaster h3, .kadaster h4, .kadaster .h2, .kadaster .h3, .kadaster .h4 { margin-top: 2.5rem; } .kadaster h1, .kadaster .h1 { line-height: 4rem; } .kadaster h2, .kadaster .h2 { line-height: 2.125rem; } .kadaster h3, .kadaster .h3 { line-height: 1.875rem; } .kadaster h4, .kadaster .h4 { line-height: 1.625rem; } .kadaster h1, .kadaster .h1, .kadaster h4, .kadaster .h4 { margin-bottom: 0.375rem; } .kadaster h2, .kadaster h3, .kadaster .h2, .kadaster .h3, .kadaster .display { margin-top: 2.5rem; } .kadaster h4, .kadaster .h4 { margin-top: 1.25rem; } .kadaster h4, .kadaster .h4 { color: #406a9e; } .kadaster .display { font-size: 2.125rem; font-weight: 600; color: #008296; margin-bottom: 0.75rem; line-height: 2.75rem; } .kadaster .header-link { color: #008296; } .kadaster .header-link:hover, .kadaster .header-link:focus, .kadaster .header-link:active { color: #406a9e; } .kadaster .lead { font-size: 1.125rem; line-height: 1.875rem; } @media (min-width: 992px) { .kadaster .lead { font-size: 1.375rem; line-height: 2.25rem; margin-bottom: 1.25rem; } } .kadaster .lead-sm { font-size: 1.125rem; line-height: 1.875rem; } .kadaster .text-sm { font-size: 0.875rem; line-height: 1.375; } .kadaster .text-xs { font-size: 0.75rem; line-height: 1.25rem; } .kadaster .social { text-decoration: none; } .kadaster .social:hover { text-decoration: none; } .kadaster .blockquote { text-align: center; } .kadaster .blockquote-content { display: flex; } .kadaster .blockquote-content:before, .kadaster .blockquote-content:after { color: #008296; font-size: 1.7rem; } .kadaster .blockquote-content:before { content: "\f10d"; margin-right: 2rem; } .kadaster .blockquote-content:after { content: "\f10e"; margin-left: 2rem; align-self: flex-end; } .kadaster .blockquote-footer:before { content: ""; } .kadaster .icon-prefix, .kadaster .icon-suffix { height: 1em; } .kadaster .icon-prefix { margin-right: 0.375rem; } .kadaster .icon-suffix { margin-left: 0.375rem; text-align: right; } .kadaster .icon-suffix-left-align { margin-left: -0.375rem; } .kadaster ul:not([class]) { padding-left: 0; list-style-type: none; margin-left: 2.25rem; } .kadaster ul:not([class]) > li { position: relative; } .kadaster ul:not([class]) li:before { position: absolute; left: -2.25rem; color: #008296; content: "•"; } .kadaster ol:not([class]) { padding-left: 1rem; } .kadaster ol:not([class]) li { padding-left: 0.5rem; } .kadaster ol:not([class]) li::marker { font-weight: 600; } @media (max-width: 991.98px) { .kadaster h1, .kadaster .h1 { font-size: 2.25rem; line-height: 2.75rem; } .kadaster .display { font-size: 2rem; } } .kadaster .auto1 { /* all 'normal' buttons need to get auto1 font - this excludes accordion buttons & inline buttons with the btn-link class */ } .kadaster .auto1 h1, .kadaster .auto1 h2, .kadaster .auto1 h3, .kadaster .auto1 h4, .kadaster .auto1 .h1, .kadaster .auto1 .h2, .kadaster .auto1 .h3, .kadaster .auto1 .h4, .kadaster .auto1 .display, .kadaster .auto1 .alert-heading, .kadaster .auto1 .form-label { font-family: "Auto 1", "Open Sans", Arial, sans-serif; font-weight: 700; } .kadaster .auto1 h1, .kadaster .auto1 .h1 { font-size: 3rem; } .kadaster .auto1 h2, .kadaster .auto1 .h2 { font-size: 1.75rem; } .kadaster .auto1 h3, .kadaster .auto1 .h3 { font-size: 1.5rem; } .kadaster .auto1 h4, .kadaster .auto1 .h4 { font-size: 1.25rem; } .kadaster .auto1 .display { font-size: 2.25rem; } .kadaster .auto1 .alert-heading, .kadaster .auto1 .form-label { font-size: 1.25rem; } .kadaster .auto1 a.btn:not(.card-accordion-button):not(.btn-link), .kadaster .auto1 button.btn:not(.card-accordion-button):not(.btn-link), .kadaster .auto1 input.btn { font-family: "Auto 1", "Open Sans", Arial, sans-serif; font-size: 1.25rem; } @media (max-width: 991.98px) { .kadaster .auto1 h1, .kadaster .auto1 .h1 { font-size: 2.25rem; line-height: 2.75rem; } .kadaster .auto1 .display { font-size: 2rem; } } .kadaster .navbar { flex-wrap: nowrap; } .kadaster .menu-dropdown-centered { min-width: 100%; } .kadaster .header-basic-header .dropdown-menu { max-height: unset; max-width: unset; } .kadaster .card { display: flex; margin-bottom: 0; } .kadaster .ml-auto, .kadaster .mx-auto, .kadaster [class*=-offset-] { margin-left: auto; } .kadaster .mr-auto, .kadaster .mx-auto, .kadaster [class*=-offset-] { margin-right: auto; } .kadaster .custom-control.custom-radio, .kadaster .custom-control.custom-checkbox { min-height: 1.625rem; padding-left: 4rem; } .kadaster .custom-control.custom-radio .custom-control-label, .kadaster .custom-control.custom-checkbox .custom-control-label { position: relative; display: inline-block; line-height: inherit; } .kadaster .custom-control.custom-radio .custom-control-label::before, .kadaster .custom-control.custom-checkbox .custom-control-label::before { position: absolute; } .kadaster .custom-control.choice-radio, .kadaster .custom-control.choice-checkbox { padding-left: 0; } .kadaster .custom-control.choice-radio .custom-control-label, .kadaster .custom-control.choice-checkbox .custom-control-label { position: static; line-height: inherit; display: flex; } .kadaster .input-group > input.form-control { border-bottom-left-radius: 0.1875rem; border-top-left-radius: 0.1875rem; } .kadaster .modal .modal-body { border-top: none; } .kadaster .modal .modal-header { height: auto; } .kadaster .modal .modal-header .close { height: 2.75rem; } .kadaster .modal .modal-footer .btn { margin: 0 0.25rem 0 0; } .kadaster .btn, .kadaster .btn-light { box-shadow: none; } .kadaster a { text-underline-offset: unset; } .kadaster a:focus, .kadaster a:focus-visible { box-shadow: none; outline: revert; } .kadaster .storefront .btn.btn-link, .kadaster checkout-process .btn.btn-link, .kadaster checkout-process .btn.clear { box-shadow: none !important; } .kadaster .page-intro-home-search-bar .page-intro-home-btn:not(.page-intro-home-btn-search) { background-color: transparent; border: none; color: #2b2b2b; } .kadaster .page-intro-home-search-bar .list-group { z-index: 1; } .kadaster .page-intro-home-search-bar .form-group .list-group-item.btn-link:active, .kadaster .page-intro-home-search-bar .form-group .list-group-item.btn-link:focus { background-color: #fff; } .kadaster .no-topbar.header-mobile { height: 5rem; } .kadaster .no-topbar .menu-dropdown-container { top: 5rem; } .kadaster .no-topbar .navbar-brand { width: 33%; max-width: 33%; text-align: center; } @media (min-width: 992px) { .kadaster .no-topbar .navbar-brand { width: unset; text-align: left; } } .kadaster .no-topbar .menu-bottom { height: 100%; margin-top: 0; } @media (max-width: 991.98px) { .kadaster .no-topbar .menu-bottom { justify-content: normal; } } .kadaster .no-topbar .navbar-brand-img { max-width: 100%; } .kadaster .no-topbar .navbar.navbar-expand .container { height: 100%; } .kadaster .no-topbar .nav-link-wrapper { align-self: center; } .kadaster .no-topbar .search-bar-wrapper { height: 100%; } .kadaster .product-circle { position: absolute; width: 128px; height: 128px; top: 60px; left: -60px; z-index: 100; color: #fff; background-color: #00387d; border-radius: 50%; font-size: 20px; text-align: center; font-weight: 700; padding: 16px 6px; margin-right: 0; } .kadaster .product-circle .product-circle-text { font-family: "Auto 1", "Open Sans", Arial, sans-serif; transform: rotate(-10deg); margin: 0; overflow-wrap: break-word; overflow: hidden; } .kadaster #accordion-tarieventabel { /*overrides*/ /*end overrides*/ display: flex; flex-direction: column; row-gap: 4px; } .kadaster #accordion-tarieventabel ul { margin: 0; } .kadaster #accordion-tarieventabel ul li:before { content: ""; } .kadaster #accordion-tarieventabel .tarieventabel-button { border-radius: 0; font-family: "Open Sans", sans-serif; color: #406a9e; font-weight: 400; padding: calc(0.75rem - 1px); } .kadaster #accordion-tarieventabel .tarieventabel-button:not(:active):not(:focus) { border-bottom: 1px solid #406a9e; } .kadaster #accordion-tarieventabel .tarieventabel-button:active, .kadaster #accordion-tarieventabel .tarieventabel-button:focus { z-index: 1; border: 1px solid #008dc9; } .kadaster #accordion-tarieventabel .tarieventabel-category { border-radius: 0; } .kadaster #accordion-tarieventabel .tarieventabel-category > .collapse > ul, .kadaster #accordion-tarieventabel .tarieventabel-category > .collapsing > ul { margin-top: 8px; display: flex; flex-direction: column; row-gap: 24px; } @media (min-width: 992px) { .kadaster #accordion-tarieventabel .tarieventabel-category > .collapse > ul, .kadaster #accordion-tarieventabel .tarieventabel-category > .collapsing > ul { margin-top: 16px; } } .kadaster #accordion-tarieventabel .product-title { flex-grow: 1; /* take the rest of the space in the row */ word-break: break-word; } .kadaster #accordion-tarieventabel .tarieventabel-product, .kadaster #accordion-tarieventabel .tarieventabel-product-variant { display: flex; gap: 24px; } .kadaster #accordion-tarieventabel .tarieventabel-product { border-bottom: 1px solid #406a9e; padding: 0.75rem; } .kadaster #accordion-tarieventabel .tarieventabel-product .product-title { display: flex; align-items: center; color: #406a9e; font-weight: 600; line-height: 1.875rem; } .kadaster #accordion-tarieventabel .tarieventabel-product .tarieventabel-price { font-weight: 600; } .kadaster #accordion-tarieventabel .tarieventabel-product-variant { border: 0; border-bottom: 1px solid #bfcddf; padding: 0.75rem 0.75rem 0.75rem 1.5rem; } .kadaster #accordion-tarieventabel .price-container { display: flex; flex-direction: column; /* mobiel price-prefix & price onder elkaar*/ gap: 8px; /* ruimte tussen price-prefix & price*/ flex-shrink: 0; /* mag niet kleiner worden dan zijn eigen content */ } @media (min-width: 992px) { .kadaster #accordion-tarieventabel .price-container { flex-direction: row; /* prefix en prijs weer naast elkaar op desktop */ } } .kadaster #accordion-tarieventabel .price-prefix { color: #6b6b6b; } .kadaster #accordion-tarieventabel .tarieventabel-price { width: 60px; /* fixed width to align eurosigns */ align-self: end; /* mobile aligning right*/ } @media (min-width: 576px) { .kadaster #accordion-tarieventabel .tarieventabel-price { width: 100px; /* fixed width to align eurosigns */ } } @media (min-width: 992px) { .kadaster #accordion-tarieventabel .tarieventabel-price { align-self: start; } } .kadaster ngb-modal-backdrop { z-index: 1040 !important; } .kadaster .footer-bar { padding-bottom: 3.5rem; } /* Used for fixes of liferay UI that broke because of our huisstijl */ .cadmin .dropdown-toggle:after { border: none; margin: unset; } .cadmin .alert:before, .cadmin .portlet-msg-alert:before, .cadmin .portlet-msg-error:before, .cadmin .portlet-msg-help:before, .cadmin .portlet-msg-info:before, .cadmin .portlet-msg-progress:before, .cadmin .portlet-msg-success:before { display: none; } html:not(#__):not(#___) .cadmin.lfr-product-menu-panel.sidenav-menu-slider { z-index: 1050; } /* ----------------------------------------------------------- STAGING MODAL FIXES ----------------------------------------------------------- * 'naar productiefase publiceren modal' fixes */ .cadmin .modal-header .btn-toolbar-button.close { position: unset; top: unset; right: unset; } .publish-navbar .navigation-bar-light { background-color: unset; } .btn-secondary { background-color: var(--btn-secondary-background-color, #fff); border-color: var(--btn-secondary-border-color, #cdced9); color: var(--btn-secondary-color, #6b6c7e); } .export-dialog-tree .custom-control { display: block; margin-bottom: 1rem; min-height: 1.25rem; position: relative; text-align: left; line-height: 1; padding-left: unset; } .export-dialog-tree .label { color: #272833; } .export-dialog-tree .custom-control-label { cursor: pointer; font-size: 0.875rem; font-weight: var(--font-weight-normal, 400); line-height: 1.25rem; margin-bottom: 0; position: static; vertical-align: top; } .export-dialog-tree .custom-control-input:checked ~ .custom-control-label::before { background-color: #0b5fff; border-color: #0b5fff; color: #fff; } .export-dialog-tree .custom-control-label::before { background-color: #fff; border-color: #cdced9; border-style: solid; border-width: 0.0625rem; box-shadow: none; content: ""; display: block; float: left; font-size: 1rem; height: 1rem; left: 0; position: relative; top: 0.125rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; width: 1rem; } .export-dialog-tree .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230075a8'/%3e%3c/svg%3e"); background-size: 50%; } .export-dialog-tree .custom-control-label::after { background: no-repeat 50%/50% 50%; content: ""; display: block; height: 1rem; left: 0; position: absolute; top: 0.125rem; width: 1rem; } .export-dialog-tree .treeview-light .component-expander { color: #6b6c7e; } .export-dialog-tree .custom-checkbox .custom-control-input ~ .custom-control-label::before { border-radius: 0.125rem; } .export-dialog-tree .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M220.9%20377.2c-8%200-15.8-3.2-21.5-8.9l-91-91c-28.1-28.1%2014.8-71%2042.9-42.9l68.2%2068.2%20139.8-157.2c26.4-30%2072%2010.1%2045.6%2040.1L243.7%20366.9c-5.5%206.3-13.4%2010-21.8%2010.3h-1z'%20fill='%23fff'/%3E%3C/svg%3E"); background-size: 100%; } /* ----------------------------------------------------------- CONFIGURABLE NESTED PORTLET FIXES ----------------------------------------------------------- */ div[class*=dd-drop-over] { border-top: 5px solid #3c56b5; } html:not(#__):not(#___) .controls-visible.has-control-menu .portlet-topper { padding: 0 8px !important; background-color: #0B5FFF; color: #fff; right: auto !important; z-index: 2; } html:not(#__):not(#___) .controls-visible.has-control-menu .portlet-topper-toolbar { order: 1; } html:not(#__):not(#___) .controls-visible.has-control-menu .portlet-topper-toolbar .lexicon-icon { color: #fff; } html:not(#__):not(#___) .controls-visible.has-control-menu .portlet-title-default { display: inline-block; order: 2; line-height: 1.5; } html:not(#__):not(#___) .controls-visible.has-control-menu .portlet-name-text { margin-right: 12px; } html:not(#__):not(#___) .controls-visible.has-control-menu .portlet:hover > .portlet-content-editable, html:not(#__):not(#___) .controls-visible.has-control-menu .portlet.focus > .portlet-content-editable { border: 1px solid #0B5FFF; } /* ----------------------------------------------------------- ADMIN PANEL(S) ----------------------------------------------------------- */ .kadaster.controls-visible.open-admin-panel { overflow-x: unset; } /* endimports */ .portlet-msg-progress { background-image: url(../images/aui/loading_indicator.gif); background-position: 6px 50%; background-repeat: no-repeat; padding-left: 30px; } .navbar .nav li > a { overflow-wrap: break-all; word-wrap: break-all; } .entry-status.approved { border-color: #547b1c !important; } .entry-status.scheduled { border-color: #0075a8 !important; } .entry-status.pending { border-color: #0075a8 !important; } .entry-status.denied { border-color: #ab2218 !important; } .entry-status.expired { border-color: #b4520c !important; } .status.approved { color: #547b1c; } .status.scheduled { color: #0075a8; } .status.pending { color: #0075a8; } .status.denied { color: #ab2218; } .status.expired { color: #b4520c; }