/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */ @layer properties; :root, :host { --spacing: 0.0625rem; --spacing-page: 1rem; --color-dark-aqua: rgba(0, 132, 127, 1); --color-medium-aqua: rgba(0, 170, 163, 1); --color-medium-green: rgba(0, 159, 77, 1); --color-red: rgba(189, 52, 41, 1); --color-orange: rgba(234, 118, 0, 1); --color-yellow: rgba(249, 216, 0, 1); --color-lilac: rgba(129, 68, 148, 1); --color-black: rgba(44, 42, 41, 1); --color-deep-aqua: rgba(30, 100, 116, 1); --color-dark-gray: rgba(150, 147, 146, 1); --color-gray: rgba(74, 85, 101, 1); --color-light-aqua-20: rgba(100, 195, 205, 0.2); --text-h2: 2.125rem; --text-h3: 1.5rem; --text-h4: 1.375rem; --text-h5: 1rem; --text-xl: 1.555rem; --text-lg: 1.25rem; --text-md: 1.125rem; --text-default: 1rem; --text-rte-h2: 1.75rem; --text-rte-h3: 1.5rem; --text-rte-h4: 1.125rem; --text-rte-h5: 1rem; --radius-sm: 0.5rem; --radius-md: 1rem; --aspect-16-9: 16 / 9; --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-white: #fff; --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-lg--line-height: calc(1.75 / 1.125); --text-xl--line-height: calc(1.75 / 1.25); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --font-weight-light: 300; --font-weight-normal: 400; --font-weight-bold: 700; --tracking-tight: -0.025em; --radius-lg: 0.5rem; --ease-out: cubic-bezier(0, 0, 0.2, 1); --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } .trim-text-box { text-box: trim-both cap alphabetic; } .rte-content { h2, h3, h4, h5 { color: var(--color-dark-aqua); margin-top: 0 !important; } h2 { font-size: var(--text-rte-h2) !important; margin-bottom: 50px !important; } h3 { font-size: var(--text-rte-h3) !important; } h4 { font-size: var(--text-rte-h4) !important; } h5 { font-size: var(--text-rte-h5) !important; } h6 { font-size: var(--text-rte-h5) !important; } p + h2, p + h3, p + h4, p + h5, p + h6 { margin-top: 50px !important; } a { color: var(--color-dark-aqua) !important; display: inline-block; font-weight: normal !important; padding-right: 16px; background-image: url("data:image/svg+xml,"); background-repeat: no-repeat; background-position: center right; background-size: 10px 10px; text-decoration: none !important; &:hover { text-decoration: underline !important; } } ul, ol { margin-top: 1em; margin-bottom: 2.5em; li { margin: 0 0 0.75em 1.25em; p:last-child { margin: 0; } } li:first-child { margin-top: 0; } } ul { list-style-type: disc; } ol { list-style-type: decimal; } } .autocomplete-input { background-color: #eee; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNjY2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGNpcmNsZSBjeD0iMTEiIGN5PSIxMSIgcj0iOCIvPjxwYXRoIGQ9Im0yMSAyMS00LTQiLz48L3N2Zz4=); background-position: 12px; background-repeat: no-repeat; border: 1px solid #eee; border-radius: 8px; box-sizing: border-box; flex: 1; font-size: 16px; line-height: 1.5; padding: 12px 12px 12px 48px; position: relative; width: 100%; } .autocomplete-input:focus,.autocomplete-input[aria-expanded=true] { background-color: #fff; border-color: rgba(0,0,0,.12); box-shadow: 0 2px 2px rgba(0,0,0,.16); outline: none; } [data-position=below] .autocomplete-input[aria-expanded=true] { border-bottom-color: transparent; border-radius: 8px 8px 0 0; } [data-position=above] .autocomplete-input[aria-expanded=true] { border-radius: 0 0 8px 8px; border-top-color: transparent; z-index: 2; } .autocomplete[data-loading=true]:after { animation: rotate 1s linear infinite; border: 3px solid rgba(0,0,0,.12); border-radius: 100%; border-right-color: rgba(0,0,0,.48); content: ""; height: 20px; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); width: 20px; } .autocomplete-result-list { background: #fff; border: 1px solid rgba(0,0,0,.12); box-shadow: 0 2px 2px rgba(0,0,0,.16); box-sizing: border-box; list-style: none; margin: 0; max-height: 296px; overflow-y: auto; padding: 0; } [data-position=below] .autocomplete-result-list { border-radius: 0 0 8px 8px; border-top-color: transparent; margin-top: -1px; padding-bottom: 8px; } [data-position=above] .autocomplete-result-list { border-bottom-color: transparent; border-radius: 8px 8px 0 0; margin-bottom: -1px; padding-top: 8px; } .autocomplete-result { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjY2NjIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGNpcmNsZSBjeD0iMTEiIGN5PSIxMSIgcj0iOCIvPjxwYXRoIGQ9Im0yMSAyMS00LTQiLz48L3N2Zz4=); background-position: 12px; background-repeat: no-repeat; cursor: default; padding: 12px 12px 12px 48px; } .autocomplete-result:hover,.autocomplete-result[aria-selected=true] { background-color: rgba(0,0,0,.06); } @keyframes rotate { 0% { transform: translateY(-50%) rotate(0deg); } to { transform: translateY(-50%) rotate(359deg); } } :root { --vs-colors--lightest: rgba(60, 60, 60, .26); --vs-colors--light: rgba(60, 60, 60, .5); --vs-colors--dark: #333; --vs-colors--darkest: rgba(0, 0, 0, .15); --vs-search-input-color: inherit; --vs-search-input-placeholder-color: inherit; --vs-font-size: 1rem; --vs-line-height: 1.4; --vs-state-disabled-bg: rgb(248, 248, 248); --vs-state-disabled-color: var(--vs-colors--light); --vs-state-disabled-controls-color: var(--vs-colors--light); --vs-state-disabled-cursor: not-allowed; --vs-border-color: var(--vs-colors--lightest); --vs-border-width: 1px; --vs-border-style: solid; --vs-border-radius: 4px; --vs-actions-padding: 4px 6px 0 3px; --vs-controls-color: var(--vs-colors--light); --vs-controls-size: 1; --vs-controls--deselect-text-shadow: 0 1px 0 #fff; --vs-selected-bg: #f0f0f0; --vs-selected-color: var(--vs-colors--dark); --vs-selected-border-color: var(--vs-border-color); --vs-selected-border-style: var(--vs-border-style); --vs-selected-border-width: var(--vs-border-width); --vs-dropdown-bg: #fff; --vs-dropdown-color: inherit; --vs-dropdown-z-index: 1000; --vs-dropdown-min-width: 160px; --vs-dropdown-max-height: 350px; --vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest); --vs-dropdown-option-bg: #000; --vs-dropdown-option-color: var(--vs-dropdown-color); --vs-dropdown-option-padding: 3px 20px; --vs-dropdown-option--active-bg: #5897fb; --vs-dropdown-option--active-color: #fff; --vs-dropdown-option--deselect-bg: #fb5858; --vs-dropdown-option--deselect-color: #fff; --vs-transition-timing-function: cubic-bezier(1, -.115, .975, .855); --vs-transition-duration: .15s; } .v-select { position: relative; font-family: inherit; } .v-select,.v-select * { box-sizing: border-box; } :root { --vs-transition-timing-function: cubic-bezier(1, .5, .8, 1); --vs-transition-duration: .15s; } @keyframes vSelectSpinner { 0% { transform: rotate(0); } to { transform: rotate(360deg); } } .vs__fade-enter-active,.vs__fade-leave-active { pointer-events: none; transition: opacity var(--vs-transition-duration) var(--vs-transition-timing-function); } .vs__fade-enter,.vs__fade-leave-to { opacity: 0; } :root { --vs-disabled-bg: var(--vs-state-disabled-bg); --vs-disabled-color: var(--vs-state-disabled-color); --vs-disabled-cursor: var(--vs-state-disabled-cursor); } .vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__clear,.vs--disabled .vs__search,.vs--disabled .vs__selected,.vs--disabled .vs__open-indicator { cursor: var(--vs-disabled-cursor); background-color: var(--vs-disabled-bg); } .v-select[dir=rtl] .vs__actions { padding: 0 3px 0 6px; } .v-select[dir=rtl] .vs__clear { margin-left: 6px; margin-right: 0; } .v-select[dir=rtl] .vs__deselect { margin-left: 0; margin-right: 2px; } .v-select[dir=rtl] .vs__dropdown-menu { text-align: right; } .vs__dropdown-toggle { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: flex; padding: 0 0 4px; background: none; border: var(--vs-border-width) var(--vs-border-style) var(--vs-border-color); border-radius: var(--vs-border-radius); white-space: normal; } .vs__selected-options { display: flex; flex-basis: 100%; flex-grow: 1; flex-wrap: wrap; padding: 0 2px; position: relative; } .vs__actions { display: flex; align-items: center; padding: var(--vs-actions-padding); } .vs--searchable .vs__dropdown-toggle { cursor: text; } .vs--unsearchable .vs__dropdown-toggle { cursor: pointer; } .vs--open .vs__dropdown-toggle { border-bottom-color: transparent; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .vs__open-indicator { fill: var(--vs-controls-color); transform: scale(var(--vs-controls-size)); transition: transform var(--vs-transition-duration) var(--vs-transition-timing-function); transition-timing-function: var(--vs-transition-timing-function); } .vs--open .vs__open-indicator { transform: rotate(180deg) scale(var(--vs-controls-size)); } .vs--loading .vs__open-indicator { opacity: 0; } .vs__clear { fill: var(--vs-controls-color); padding: 0; border: 0; background-color: transparent; cursor: pointer; margin-right: 8px; } .vs__dropdown-menu { display: block; box-sizing: border-box; position: absolute; top: calc(100% - var(--vs-border-width)); left: 0; z-index: var(--vs-dropdown-z-index); padding: 5px 0; margin: 0; width: 100%; max-height: var(--vs-dropdown-max-height); min-width: var(--vs-dropdown-min-width); overflow-y: auto; box-shadow: var(--vs-dropdown-box-shadow); border: var(--vs-border-width) var(--vs-border-style) var(--vs-border-color); border-top-style: none; border-radius: 0 0 var(--vs-border-radius) var(--vs-border-radius); text-align: left; list-style: none; background: var(--vs-dropdown-bg); color: var(--vs-dropdown-color); } .vs__no-options { text-align: center; } .vs__dropdown-option { line-height: 1.42857143; display: block; padding: var(--vs-dropdown-option-padding); clear: both; color: var(--vs-dropdown-option-color); white-space: nowrap; cursor: pointer; } .vs__dropdown-option--highlight { background: var(--vs-dropdown-option--active-bg); color: var(--vs-dropdown-option--active-color); } .vs__dropdown-option--deselect { background: var(--vs-dropdown-option--deselect-bg); color: var(--vs-dropdown-option--deselect-color); } .vs__dropdown-option--disabled { background: var(--vs-state-disabled-bg); color: var(--vs-state-disabled-color); cursor: var(--vs-state-disabled-cursor); } .vs__selected { display: flex; align-items: center; background-color: var(--vs-selected-bg); border: var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color); border-radius: var(--vs-border-radius); color: var(--vs-selected-color); line-height: var(--vs-line-height); margin: 4px 2px 0; padding: 0 .25em; z-index: 0; } .vs__deselect { display: inline-flex; -webkit-appearance: none; -moz-appearance: none; appearance: none; margin-left: 4px; padding: 0; border: 0; cursor: pointer; background: none; fill: var(--vs-controls-color); text-shadow: var(--vs-controls--deselect-text-shadow); } .vs--single .vs__selected { background-color: transparent; border-color: transparent; } .vs--single.vs--open .vs__selected,.vs--single.vs--loading .vs__selected { position: absolute; opacity: .4; } .vs--single.vs--searching .vs__selected { display: none; } .vs__search::-webkit-search-cancel-button { display: none; } .vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration,.vs__search::-ms-clear { display: none; } .vs__search,.vs__search:focus { color: var(--vs-search-input-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: var(--vs-line-height); font-size: var(--vs-font-size); border: 1px solid transparent; border-left: none; outline: none; margin: 4px 0 0; padding: 0 7px; background: none; box-shadow: none; width: 0; max-width: 100%; flex-grow: 1; z-index: 1; } .vs__search::-moz-placeholder { color: var(--vs-search-input-placeholder-color); } .vs__search::placeholder { color: var(--vs-search-input-placeholder-color); } .vs--unsearchable .vs__search { opacity: 1; } .vs--unsearchable:not(.vs--disabled) .vs__search { cursor: pointer; } .vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search { opacity: .2; } .vs__spinner { align-self: center; opacity: 0; font-size: 5px; text-indent: -9999em; overflow: hidden; border-top: .9em solid rgba(100,100,100,.1); border-right: .9em solid rgba(100,100,100,.1); border-bottom: .9em solid rgba(100,100,100,.1); border-left: .9em solid rgba(60,60,60,.45); transform: translateZ(0) scale(var(--vs-controls--spinner-size, var(--vs-controls-size))); animation: vSelectSpinner 1.1s infinite linear; transition: opacity .1s; } .vs__spinner,.vs__spinner:after { border-radius: 50%; width: 5em; height: 5em; transform: scale(var(--vs-controls--spinner-size, var(--vs-controls-size))); } .vs--loading .vs__spinner { opacity: 1; } .c-sliding-pagination { pointer-events: all; } .c-sliding-pagination__list { display: inline; margin: 0; padding: 0; } .c-sliding-pagination__list-element { display: inline-block; background: #246068; color: #fff; padding: .6em; border-radius: .2em; margin: 0; margin-right: .2em; margin-bottom: 1em; transition-duration: 300ms; transition-property: background,color; } .c-sliding-pagination__list-element:hover { transition-duration: 300ms; transition-property: background,color; color: #e9e9e9; background: #69969c; } .c-sliding-pagination__list-element:last-of-type { margin-right: 0; } .c-sliding-pagination__list-element--active { background: #69969c; color: #e9e9e9; } .c-sliding-pagination__list-element--active:hover { color: #fff; background: #246068; cursor: default; } .c-sliding-pagination__list-element--disabled { background: none; color: inherit; cursor: not-allowed; } .c-sliding-pagination__page { color: inherit; padding: 0; margin: 0; text-decoration: none; } .c-sliding-pagination__page[disabled] { pointer-events: none; cursor: not-allowed; } :root,html { font-size: 16px !important; } /*! * Bootstrap v4.6.2 (https://getbootstrap.com/) * Copyright 2011-2022 The Bootstrap Authors * Copyright 2011-2022 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)*/ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *,*::before,*::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); } article,aside,figcaption,figure,footer,header,hgroup,main,nav,section { display: block; } body { margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: left; background-color: #fff; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1,h2,h3,h4,h5,h6 { margin-top: 0; margin-bottom: .5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title],abbr[data-original-title] { text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; border-bottom: 0; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol,ul,dl { margin-top: 0; margin-bottom: 1rem; } ol ol,ul ul,ol ul,ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: .5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b,strong { font-weight: bolder; } small { font-size: 80%; } sub,sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #007bff; text-decoration: none; background-color: rgba(0,0,0,0); } a:hover { color: rgb(0,86.1,178.5); text-decoration: underline; } a:not([href]):not([class]) { color: inherit; text-decoration: none; } a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre,code,kbd,samp { font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: .75rem; padding-bottom: .75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; text-align: -webkit-match-parent; } label { display: inline-block; margin-bottom: .5rem; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input,button,select,optgroup,textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button,input { overflow: visible; } button,select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } button,[type=button],[type=reset],[type=submit] { -webkit-appearance: button; } button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner { padding: 0; border-style: none; } input[type=radio],input[type=checkbox] { box-sizing: border-box; padding: 0; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: .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: .5rem; font-weight: 500; line-height: 1.2; } h1,.h1 { font-size: 2.5rem; } h2,.h2 { font-size: 2rem; } h3,.h3 { font-size: 1.75rem; } h4,.h4 { font-size: 1.5rem; } h5,.h5 { font-size: 1.25rem; } h6,.h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0,0,0,.1); } small,.small { font-size: 0.875em; font-weight: 400; } mark,.mark { padding: .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: .5rem; } .initialism { font-size: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 0.875em; color: #6c757d; } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: .25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: .25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: .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: .2rem .4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: .2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container,.container-fluid,.container-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.33333333%; max-width: 8.33333333%; } .col-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1>* { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2>* { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3>* { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-sm-4>* { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5>* { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6>* { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-sm-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-sm-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-sm-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-sm-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1>* { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2>* { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3>* { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-md-4>* { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5>* { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6>* { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-md-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-md-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-md-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-md-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1>* { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2>* { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3>* { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-lg-4>* { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5>* { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6>* { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-lg-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-lg-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-lg-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-lg-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1>* { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2>* { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3>* { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xl-4>* { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5>* { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6>* { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-xl-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xl-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xl-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } } .table { width: 100%; margin-bottom: 1rem; color: #212529; } .table th,.table td { padding: .75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody+tbody { border-top: 2px solid #dee2e6; } .table-sm th,.table-sm td { padding: .3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th,.table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th,.table-bordered thead td { border-bottom-width: 2px; } .table-borderless th,.table-borderless td,.table-borderless thead th,.table-borderless tbody+tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0,0,0,.075); } .table-primary,.table-primary>th,.table-primary>td { background-color: rgb(183.6,218.04,255); } .table-primary th,.table-primary td,.table-primary thead th,.table-primary tbody+tbody { border-color: rgb(122.4,186.36,255); } .table-hover .table-primary:hover { background-color: rgb(158.1,204.84,255); } .table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th { background-color: rgb(158.1,204.84,255); } .table-secondary,.table-secondary>th,.table-secondary>td { background-color: rgb(213.84,216.36,218.6); } .table-secondary th,.table-secondary td,.table-secondary thead th,.table-secondary tbody+tbody { border-color: rgb(178.56,183.24,187.4); } .table-hover .table-secondary:hover { background-color: hsl(208.2352941176,6.1371841155%,79.7921568627%); } .table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th { background-color: hsl(208.2352941176,6.1371841155%,79.7921568627%); } .table-success,.table-success>th,.table-success>td { background-color: rgb(194.8,230.36,202.92); } .table-success th,.table-success td,.table-success thead th,.table-success tbody+tbody { border-color: rgb(143.2,209.24,158.28); } .table-hover .table-success:hover { background-color: rgb(176.7059405941,222.9540594059,187.2665346535); } .table-hover .table-success:hover>td,.table-hover .table-success:hover>th { background-color: rgb(176.7059405941,222.9540594059,187.2665346535); } .table-info,.table-info>th,.table-info>td { background-color: rgb(190.04,228.96,235.12); } .table-info th,.table-info td,.table-info thead th,.table-info tbody+tbody { border-color: rgb(134.36,206.64,218.08); } .table-hover .table-info:hover { background-color: hsl(188.198757764,53.1353135314%,78.3647058824%); } .table-hover .table-info:hover>td,.table-hover .table-info:hover>th { background-color: hsl(188.198757764,53.1353135314%,78.3647058824%); } .table-warning,.table-warning>th,.table-warning>td { background-color: rgb(255,237.64,185.56); } .table-warning th,.table-warning td,.table-warning thead th,.table-warning tbody+tbody { border-color: rgb(255,222.76,126.04); } .table-hover .table-warning:hover { background-color: rgb(255,231.265,160.06); } .table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th { background-color: rgb(255,231.265,160.06); } .table-danger,.table-danger>th,.table-danger>td { background-color: rgb(245.2,198.44,202.92); } .table-danger th,.table-danger td,.table-danger thead th,.table-danger tbody+tbody { border-color: rgb(236.8,149.96,158.28); } .table-hover .table-danger:hover { background-color: hsl(354.251497006,70.4641350211%,81.9882352941%); } .table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th { background-color: hsl(354.251497006,70.4641350211%,81.9882352941%); } .table-light,.table-light>th,.table-light>td { background-color: rgb(253.04,253.32,253.6); } .table-light th,.table-light td,.table-light thead th,.table-light tbody+tbody { border-color: rgb(251.36,251.88,252.4); } .table-hover .table-light:hover { background-color: rgb(238.165,240.57,242.975); } .table-hover .table-light:hover>td,.table-hover .table-light:hover>th { background-color: rgb(238.165,240.57,242.975); } .table-dark,.table-dark>th,.table-dark>td { background-color: rgb(198.16,199.84,201.52); } .table-dark th,.table-dark td,.table-dark thead th,.table-dark tbody+tbody { border-color: rgb(149.44,152.56,155.68); } .table-hover .table-dark:hover { background-color: hsl(210,3.0456852792%,73.368627451%); } .table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th { background-color: hsl(210,3.0456852792%,73.368627451%); } .table-active,.table-active>th,.table-active>td { background-color: rgba(0,0,0,.075); } .table-hover .table-active:hover { background-color: rgba(0,0,0,.075); } .table-hover .table-active:hover>td,.table-hover .table-active:hover>th { background-color: rgba(0,0,0,.075); } .table .thead-dark th { color: #fff; background-color: #343a40; border-color: hsl(210,10.3448275862%,30.2450980392%); } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #343a40; } .table-dark th,.table-dark td,.table-dark thead th { border-color: hsl(210,10.3448275862%,30.2450980392%); } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: hsla(0,0%,100%,.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: hsla(0,0%,100%,.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm>.table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md>.table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg>.table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl>.table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive>.table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: rgba(0,0,0,0); border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: rgb(127.5,189,255); outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25); } .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled,.form-control[readonly] { background-color: #e9ecef; opacity: 1; } input[type=date].form-control,input[type=time].form-control,input[type=datetime-local].form-control,input[type=month].form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; } select.form-control:-moz-focusring { color: rgba(0,0,0,0); text-shadow: 0 0 0 #495057; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file,.form-control-range { display: block; width: 100%; } .col-form-label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + 1px); padding-bottom: calc(0.5rem + 1px); font-size: 1.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding: .375rem 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; color: #212529; background-color: rgba(0,0,0,0); border: solid rgba(0,0,0,0); border-width: 1px 0; } .form-control-plaintext.form-control-sm,.form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: .25rem .5rem; font-size: 0.875rem; line-height: 1.5; border-radius: .2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .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: .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: .3rem; margin-left: -1.25rem; } .form-check-input[disabled]~.form-check-label,.form-check-input:disabled~.form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: .75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: .3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 0.875em; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40,167,69,.9); border-radius: .25rem; } .form-row>.col>.valid-tooltip,.form-row>[class*=col-]>.valid-tooltip { left: 5px; } .was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip,.is-valid~.valid-feedback,.is-valid~.valid-tooltip { display: block; } .was-validated .form-control:valid,.form-control.is-valid { border-color: #28a745; padding-right: calc(1.5em + 0.75rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus,.form-control.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 .2rem rgba(40,167,69,.25); } .was-validated select.form-control:valid,select.form-control.is-valid { padding-right: 3rem !important; background-position: right 1.5rem center; } .was-validated textarea.form-control:valid,textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:valid,.custom-select.is-valid { border-color: #28a745; padding-right: calc(0.75em + 2.3125rem) !important; background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%2328a745%27 d=%27M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } .was-validated .custom-select:valid:focus,.custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 .2rem rgba(40,167,69,.25); } .was-validated .form-check-input:valid~.form-check-label,.form-check-input.is-valid~.form-check-label { color: #28a745; } .was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip,.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip { display: block; } .was-validated .custom-control-input:valid~.custom-control-label,.custom-control-input.is-valid~.custom-control-label { color: #28a745; } .was-validated .custom-control-input:valid~.custom-control-label::before,.custom-control-input.is-valid~.custom-control-label::before { border-color: #28a745; } .was-validated .custom-control-input:valid:checked~.custom-control-label::before,.custom-control-input.is-valid:checked~.custom-control-label::before { border-color: rgb(51.6956521739,206.3043478261,87); background-color: rgb(51.6956521739,206.3043478261,87); } .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 .2rem rgba(40,167,69,.25); } .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before,.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before { border-color: #28a745; } .was-validated .custom-file-input:valid~.custom-file-label,.custom-file-input.is-valid~.custom-file-label { border-color: #28a745; } .was-validated .custom-file-input:valid:focus~.custom-file-label,.custom-file-input.is-valid:focus~.custom-file-label { border-color: #28a745; box-shadow: 0 0 0 .2rem rgba(40,167,69,.25); } .invalid-feedback { display: none; width: 100%; margin-top: .25rem; font-size: 0.875em; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: .25rem .5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220,53,69,.9); border-radius: .25rem; } .form-row>.col>.invalid-tooltip,.form-row>[class*=col-]>.invalid-tooltip { left: 5px; } .was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip,.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip { display: block; } .was-validated .form-control:invalid,.form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus,.form-control.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220,53,69,.25); } .was-validated select.form-control:invalid,select.form-control.is-invalid { padding-right: 3rem !important; background-position: right 1.5rem center; } .was-validated textarea.form-control:invalid,textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .custom-select:invalid,.custom-select.is-invalid { border-color: #dc3545; padding-right: calc(0.75em + 2.3125rem) !important; background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27 viewBox=%270 0 12 12%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } .was-validated .custom-select:invalid:focus,.custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220,53,69,.25); } .was-validated .form-check-input:invalid~.form-check-label,.form-check-input.is-invalid~.form-check-label { color: #dc3545; } .was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip,.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid~.custom-control-label,.custom-control-input.is-invalid~.custom-control-label { color: #dc3545; } .was-validated .custom-control-input:invalid~.custom-control-label::before,.custom-control-input.is-invalid~.custom-control-label::before { border-color: #dc3545; } .was-validated .custom-control-input:invalid:checked~.custom-control-label::before,.custom-control-input.is-invalid:checked~.custom-control-label::before { border-color: rgb(227.5316455696,96.4683544304,109.0253164557); background-color: rgb(227.5316455696,96.4683544304,109.0253164557); } .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 .2rem rgba(220,53,69,.25); } .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before,.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before { border-color: #dc3545; } .was-validated .custom-file-input:invalid~.custom-file-label,.custom-file-input.is-invalid~.custom-file-label { border-color: #dc3545; } .was-validated .custom-file-input:invalid:focus~.custom-file-label,.custom-file-input.is-invalid:focus~.custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 .2rem rgba(220,53,69,.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: .25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; color: #212529; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: rgba(0,0,0,0); border: 1px solid rgba(0,0,0,0); padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: #212529; text-decoration: none; } .btn:focus,.btn.focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25); } .btn.disabled,.btn:disabled { opacity: .65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled,fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:hover { color: #fff; background-color: rgb(0,104.55,216.75); border-color: rgb(0,98.4,204); } .btn-primary:focus,.btn-primary.focus { color: #fff; background-color: rgb(0,104.55,216.75); border-color: rgb(0,98.4,204); box-shadow: 0 0 0 .2rem rgba(38.25,142.8,255,.5); } .btn-primary.disabled,.btn-primary:disabled { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle { color: #fff; background-color: rgb(0,98.4,204); border-color: rgb(0,92.25,191.25); } .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 .2rem rgba(38.25,142.8,255,.5); } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:hover { color: #fff; background-color: rgb(90.2703862661,97.7929184549,104.4796137339); border-color: rgb(84.3605150215,91.3905579399,97.6394849785); } .btn-secondary:focus,.btn-secondary.focus { color: #fff; background-color: rgb(90.2703862661,97.7929184549,104.4796137339); border-color: rgb(84.3605150215,91.3905579399,97.6394849785); box-shadow: 0 0 0 .2rem rgba(130.05,137.7,144.5,.5); } .btn-secondary.disabled,.btn-secondary:disabled { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-secondary:not(:disabled):not(.disabled):active,.btn-secondary:not(:disabled):not(.disabled).active,.show>.btn-secondary.dropdown-toggle { color: #fff; background-color: rgb(84.3605150215,91.3905579399,97.6394849785); border-color: rgb(78.4506437768,84.9881974249,90.7993562232); } .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 .2rem rgba(130.05,137.7,144.5,.5); } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:hover { color: #fff; background-color: rgb(32.6086956522,136.1413043478,56.25); border-color: rgb(30.1449275362,125.8550724638,52); } .btn-success:focus,.btn-success.focus { color: #fff; background-color: rgb(32.6086956522,136.1413043478,56.25); border-color: rgb(30.1449275362,125.8550724638,52); box-shadow: 0 0 0 .2rem rgba(72.25,180.2,96.9,.5); } .btn-success.disabled,.btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:not(:disabled):not(.disabled):active,.btn-success:not(:disabled):not(.disabled).active,.show>.btn-success.dropdown-toggle { color: #fff; background-color: rgb(30.1449275362,125.8550724638,52); border-color: rgb(27.6811594203,115.5688405797,47.75); } .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 .2rem rgba(72.25,180.2,96.9,.5); } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #fff; background-color: rgb(18.75,132.0652173913,150); border-color: rgb(17.3333333333,122.0869565217,138.6666666667); } .btn-info:focus,.btn-info.focus { color: #fff; background-color: rgb(18.75,132.0652173913,150); border-color: rgb(17.3333333333,122.0869565217,138.6666666667); box-shadow: 0 0 0 .2rem rgba(57.8,175.95,194.65,.5); } .btn-info.disabled,.btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active,.btn-info:not(:disabled):not(.disabled).active,.show>.btn-info.dropdown-toggle { color: #fff; background-color: rgb(17.3333333333,122.0869565217,138.6666666667); border-color: rgb(15.9166666667,112.1086956522,127.3333333333); } .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 .2rem rgba(57.8,175.95,194.65,.5); } .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #212529; background-color: rgb(223.75,167.8125,0); border-color: rgb(211,158.25,0); } .btn-warning:focus,.btn-warning.focus { color: #212529; background-color: rgb(223.75,167.8125,0); border-color: rgb(211,158.25,0); box-shadow: 0 0 0 .2rem rgba(221.7,169.6,12.1,.5); } .btn-warning.disabled,.btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled):active,.btn-warning:not(:disabled):not(.disabled).active,.show>.btn-warning.dropdown-toggle { color: #212529; background-color: rgb(211,158.25,0); border-color: rgb(198.25,148.6875,0); } .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 .2rem rgba(221.7,169.6,12.1,.5); } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: rgb(200.082278481,34.667721519,50.5158227848); border-color: rgb(189.2151898734,32.7848101266,47.7721518987); } .btn-danger:focus,.btn-danger.focus { color: #fff; background-color: rgb(200.082278481,34.667721519,50.5158227848); border-color: rgb(189.2151898734,32.7848101266,47.7721518987); box-shadow: 0 0 0 .2rem rgba(225.25,83.3,96.9,.5); } .btn-danger.disabled,.btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:not(:disabled):not(.disabled):active,.btn-danger:not(:disabled):not(.disabled).active,.show>.btn-danger.dropdown-toggle { color: #fff; background-color: rgb(189.2151898734,32.7848101266,47.7721518987); border-color: rgb(178.3481012658,30.9018987342,45.0284810127); } .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 .2rem rgba(225.25,83.3,96.9,.5); } .btn-light { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:hover { color: #212529; background-color: rgb(225.6875,229.875,234.0625); border-color: rgb(218.25,223.5,228.75); } .btn-light:focus,.btn-light.focus { color: #212529; background-color: rgb(225.6875,229.875,234.0625); border-color: rgb(218.25,223.5,228.75); box-shadow: 0 0 0 .2rem rgba(215.75,217.2,218.65,.5); } .btn-light.disabled,.btn-light:disabled { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-light:not(:disabled):not(.disabled):active,.btn-light:not(:disabled):not(.disabled).active,.show>.btn-light.dropdown-toggle { color: #212529; background-color: rgb(218.25,223.5,228.75); border-color: rgb(210.8125,217.125,223.4375); } .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 .2rem rgba(215.75,217.2,218.65,.5); } .btn-dark { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:hover { color: #fff; background-color: hsl(210,10.3448275862%,15.2450980392%); border-color: rgb(29.1379310345,32.5,35.8620689655); } .btn-dark:focus,.btn-dark.focus { color: #fff; background-color: hsl(210,10.3448275862%,15.2450980392%); border-color: rgb(29.1379310345,32.5,35.8620689655); box-shadow: 0 0 0 .2rem rgba(82.45,87.55,92.65,.5); } .btn-dark.disabled,.btn-dark:disabled { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-dark:not(:disabled):not(.disabled):active,.btn-dark:not(:disabled):not(.disabled).active,.show>.btn-dark.dropdown-toggle { color: #fff; background-color: rgb(29.1379310345,32.5,35.8620689655); border-color: hsl(210,10.3448275862%,10.2450980392%); } .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 .2rem rgba(82.45,87.55,92.65,.5); } .btn-outline-primary { color: #007bff; border-color: #007bff; } .btn-outline-primary:hover { color: #fff; background-color: #007bff; border-color: #007bff; } .btn-outline-primary:focus,.btn-outline-primary.focus { box-shadow: 0 0 0 .2rem rgba(0,123,255,.5); } .btn-outline-primary.disabled,.btn-outline-primary:disabled { color: #007bff; background-color: rgba(0,0,0,0); } .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: #007bff; border-color: #007bff; } .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 .2rem rgba(0,123,255,.5); } .btn-outline-secondary { color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:hover { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn-outline-secondary:focus,.btn-outline-secondary.focus { box-shadow: 0 0 0 .2rem rgba(108,117,125,.5); } .btn-outline-secondary.disabled,.btn-outline-secondary:disabled { color: #6c757d; background-color: rgba(0,0,0,0); } .btn-outline-secondary:not(:disabled):not(.disabled):active,.btn-outline-secondary:not(:disabled):not(.disabled).active,.show>.btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #6c757d; border-color: #6c757d; } .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 .2rem rgba(108,117,125,.5); } .btn-outline-success { color: #28a745; border-color: #28a745; } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:focus,.btn-outline-success.focus { box-shadow: 0 0 0 .2rem rgba(40,167,69,.5); } .btn-outline-success.disabled,.btn-outline-success:disabled { color: #28a745; background-color: rgba(0,0,0,0); } .btn-outline-success:not(:disabled):not(.disabled):active,.btn-outline-success:not(:disabled):not(.disabled).active,.show>.btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:not(:disabled):not(.disabled):active:focus,.btn-outline-success:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(40,167,69,.5); } .btn-outline-info { color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus,.btn-outline-info.focus { box-shadow: 0 0 0 .2rem rgba(23,162,184,.5); } .btn-outline-info.disabled,.btn-outline-info:disabled { color: #17a2b8; background-color: rgba(0,0,0,0); } .btn-outline-info:not(:disabled):not(.disabled):active,.btn-outline-info:not(:disabled):not(.disabled).active,.show>.btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus,.btn-outline-info:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(23,162,184,.5); } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus,.btn-outline-warning.focus { box-shadow: 0 0 0 .2rem rgba(255,193,7,.5); } .btn-outline-warning.disabled,.btn-outline-warning:disabled { color: #ffc107; background-color: rgba(0,0,0,0); } .btn-outline-warning:not(:disabled):not(.disabled):active,.btn-outline-warning:not(:disabled):not(.disabled).active,.show>.btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus,.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(255,193,7,.5); } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:focus,.btn-outline-danger.focus { box-shadow: 0 0 0 .2rem rgba(220,53,69,.5); } .btn-outline-danger.disabled,.btn-outline-danger:disabled { color: #dc3545; background-color: rgba(0,0,0,0); } .btn-outline-danger:not(:disabled):not(.disabled):active,.btn-outline-danger:not(:disabled):not(.disabled).active,.show>.btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus,.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 .2rem rgba(220,53,69,.5); } .btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; } .btn-outline-light:focus,.btn-outline-light.focus { box-shadow: 0 0 0 .2rem rgba(248,249,250,.5); } .btn-outline-light.disabled,.btn-outline-light:disabled { color: #f8f9fa; background-color: rgba(0,0,0,0); } .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: #f8f9fa; border-color: #f8f9fa; } .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 .2rem rgba(248,249,250,.5); } .btn-outline-dark { color: #343a40; border-color: #343a40; } .btn-outline-dark:hover { color: #fff; background-color: #343a40; border-color: #343a40; } .btn-outline-dark:focus,.btn-outline-dark.focus { box-shadow: 0 0 0 .2rem rgba(52,58,64,.5); } .btn-outline-dark.disabled,.btn-outline-dark:disabled { color: #343a40; background-color: rgba(0,0,0,0); } .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: #343a40; border-color: #343a40; } .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 .2rem rgba(52,58,64,.5); } .btn-link { font-weight: 400; color: #007bff; text-decoration: none; } .btn-link:hover { color: rgb(0,86.1,178.5); text-decoration: underline; } .btn-link:focus,.btn-link.focus { text-decoration: underline; } .btn-link:disabled,.btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg,.btn-group-lg>.btn { padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem; } .btn-sm,.btn-group-sm>.btn { padding: .25rem .5rem; font-size: 0.875rem; line-height: 1.5; border-radius: .2rem; } .btn-block { display: block; width: 100%; } .btn-block+.btn-block { margin-top: .5rem; } input[type=submit].btn-block,input[type=reset].btn-block,input[type=button].btn-block { width: 100%; } .fade { transition: opacity .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 .35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .collapsing.width { width: 0; height: auto; transition: width .35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing.width { transition: none; } } .dropup,.dropright,.dropdown,.dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid rgba(0,0,0,0); border-bottom: 0; border-left: .3em solid rgba(0,0,0,0); } .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: .5rem 0; margin: .125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: .125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: 0; border-right: .3em solid rgba(0,0,0,0); border-bottom: .3em solid; border-left: .3em solid rgba(0,0,0,0); } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: .125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid rgba(0,0,0,0); border-right: 0; border-bottom: .3em solid rgba(0,0,0,0); border-left: .3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: .125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: .255em; vertical-align: .255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: .255em; vertical-align: .255em; content: ""; border-top: .3em solid rgba(0,0,0,0); border-right: .3em solid; border-bottom: .3em solid rgba(0,0,0,0); } .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: .5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: rgba(0,0,0,0); border: 0; } .dropdown-item:hover,.dropdown-item:focus { color: hsl(210,10.8108108108%,9.5098039216%); text-decoration: none; background-color: #e9ecef; } .dropdown-item.active,.dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } .dropdown-item.disabled,.dropdown-item:disabled { color: #adb5bd; pointer-events: none; background-color: rgba(0,0,0,0); } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: .5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: .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: .5625rem; padding-left: .5625rem; } .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .dropdown-toggle-split::before { margin-right: 0; } .btn-sm+.dropdown-toggle-split,.btn-group-sm>.btn+.dropdown-toggle-split { padding-right: .375rem; padding-left: .375rem; } .btn-lg+.dropdown-toggle-split,.btn-group-lg>.btn+.dropdown-toggle-split { padding-right: .75rem; padding-left: .75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical>.btn,.btn-group-vertical>.btn-group { width: 100%; } .btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child) { margin-top: -1px; } .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),.btn-group-vertical>.btn-group:not(:last-child)>.btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical>.btn:not(:first-child),.btn-group-vertical>.btn-group:not(:first-child)>.btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn { margin-bottom: 0; } .btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group>.form-control,.input-group>.form-control-plaintext,.input-group>.custom-select,.input-group>.custom-file { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; } .input-group>.form-control+.form-control,.input-group>.form-control+.custom-select,.input-group>.form-control+.custom-file,.input-group>.form-control-plaintext+.form-control,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.custom-file,.input-group>.custom-select+.form-control,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.custom-file,.input-group>.custom-file+.form-control,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.custom-file { margin-left: -1px; } .input-group>.form-control:focus,.input-group>.custom-select:focus,.input-group>.custom-file .custom-file-input:focus~.custom-file-label { z-index: 3; } .input-group>.custom-file .custom-file-input:focus { z-index: 4; } .input-group>.form-control:not(:first-child),.input-group>.custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group>.custom-file { display: flex; align-items: center; } .input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group>.custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group:not(.has-validation)>.form-control:not(:last-child),.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label,.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation>.form-control:nth-last-child(n+3),.input-group.has-validation>.custom-select:nth-last-child(n+3),.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label,.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-prepend,.input-group-append { display: flex; } .input-group-prepend .btn,.input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus,.input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.input-group-text,.input-group-append .input-group-text+.btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: .375rem .75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: .25rem; } .input-group-text input[type=radio],.input-group-text input[type=checkbox] { margin-top: 0; } .input-group-lg>.form-control:not(textarea),.input-group-lg>.custom-select { height: calc(1.5em + 1rem + 2px); } .input-group-lg>.form-control,.input-group-lg>.custom-select,.input-group-lg>.input-group-prepend>.input-group-text,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-append>.btn { padding: .5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: .3rem; } .input-group-sm>.form-control:not(textarea),.input-group-sm>.custom-select { height: calc(1.5em + 0.5rem + 2px); } .input-group-sm>.form-control,.input-group-sm>.custom-select,.input-group-sm>.input-group-prepend>.input-group-text,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-append>.btn { padding: .25rem .5rem; font-size: 0.875rem; line-height: 1.5; border-radius: .2rem; } .input-group-lg>.custom-select,.input-group-sm>.custom-select { padding-right: 1.75rem; } .input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; z-index: 1; display: block; min-height: 1.5rem; padding-left: 1.5rem; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; } .custom-control-input:checked~.custom-control-label::before { color: #fff; border-color: #007bff; background-color: #007bff; } .custom-control-input:focus~.custom-control-label::before { box-shadow: 0 0 0 .2rem rgba(0,123,255,.25); } .custom-control-input:focus:not(:checked)~.custom-control-label::before { border-color: rgb(127.5,189,255); } .custom-control-input:not(:disabled):active~.custom-control-label::before { color: #fff; background-color: rgb(178.5,215.4,255); border-color: rgb(178.5,215.4,255); } .custom-control-input[disabled]~.custom-control-label,.custom-control-input:disabled~.custom-control-label { color: #6c757d; } .custom-control-input[disabled]~.custom-control-label::before,.custom-control-input:disabled~.custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: .25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: 1px solid #adb5bd; } .custom-control-label::after { position: absolute; top: .25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: 50%/50% 50% no-repeat; } .custom-checkbox .custom-control-label::before { border-radius: .25rem; } .custom-checkbox .custom-control-input:checked~.custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23fff%27 d=%27M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z%27/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before { border-color: #007bff; background-color: #007bff; } .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%274%27 viewBox=%270 0 4 4%27%3e%3cpath stroke=%27%23fff%27 d=%27M0 2h4%27/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before { background-color: rgba(0,123,255,.5); } .custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before { background-color: rgba(0,123,255,.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=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked~.custom-control-label::before { background-color: rgba(0,123,255,.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: .5rem; } .custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: .5rem; transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .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(0.75rem); } .custom-switch .custom-control-input:disabled:checked~.custom-control-label::before { background-color: rgba(0,123,255,.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: .375rem 1.75rem .375rem .75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%274%27 height=%275%27 viewBox=%270 0 4 5%27%3e%3cpath fill=%27%23343a40%27 d=%27M2 0L0 2h4zm0 5L0 3h4z%27/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat; border: 1px solid #ced4da; border-radius: .25rem; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select:focus { border-color: rgb(127.5,189,255); outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple],.custom-select[size]:not([size="1"]) { height: auto; padding-right: .75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; } .custom-select:-moz-focusring { color: rgba(0,0,0,0); text-shadow: 0 0 0 #495057; } .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: .25rem; padding-bottom: .25rem; padding-left: .5rem; font-size: 0.875rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: .5rem; padding-bottom: .5rem; padding-left: 1rem; font-size: 1.25rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; overflow: hidden; opacity: 0; } .custom-file-input:focus~.custom-file-label { border-color: rgb(127.5,189,255); box-shadow: 0 0 0 .2rem rgba(0,123,255,.25); } .custom-file-input[disabled]~.custom-file-label,.custom-file-input:disabled~.custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en)~.custom-file-label::after { content: "Browse"; } .custom-file-input~.custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: .375rem .75rem; overflow: hidden; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: .375rem .75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 .25rem .25rem 0; } .custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: rgba(0,0,0,0); -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-range:focus { outline: 0; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #007bff; border: 0; border-radius: 1rem; -webkit-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; -webkit-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .custom-range::-webkit-slider-thumb:active { background-color: rgb(178.5,215.4,255); } .custom-range::-webkit-slider-runnable-track { width: 100%; height: .5rem; color: rgba(0,0,0,0); cursor: pointer; background-color: #dee2e6; border-color: rgba(0,0,0,0); border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #007bff; border: 0; border-radius: 1rem; -moz-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; -moz-appearance: none; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .custom-range::-moz-range-thumb:active { background-color: rgb(178.5,215.4,255); } .custom-range::-moz-range-track { width: 100%; height: .5rem; color: rgba(0,0,0,0); cursor: pointer; background-color: #dee2e6; border-color: rgba(0,0,0,0); border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: .2rem; margin-left: .2rem; background-color: #007bff; border: 0; border-radius: 1rem; -ms-transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .custom-range::-ms-thumb { -ms-transition: none; transition: none; } } .custom-range::-ms-thumb:active { background-color: rgb(178.5,215.4,255); } .custom-range::-ms-track { width: 100%; height: .5rem; color: rgba(0,0,0,0); cursor: pointer; background-color: rgba(0,0,0,0); border-color: rgba(0,0,0,0); border-width: .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 .15s ease-in-out,border-color .15s ease-in-out,box-shadow .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: .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-link { margin-bottom: -1px; background-color: rgba(0,0,0,0); border: 1px solid rgba(0,0,0,0); border-top-left-radius: .25rem; border-top-right-radius: .25rem; } .nav-tabs .nav-link:hover,.nav-tabs .nav-link:focus { isolation: isolate; border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: rgba(0,0,0,0); border-color: rgba(0,0,0,0); } .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 { background: none; border: 0; border-radius: .25rem; } .nav-pills .nav-link.active,.nav-pills .show>.nav-link { color: #fff; background-color: #007bff; } .nav-fill>.nav-link,.nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified>.nav-link,.nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content>.tab-pane { display: none; } .tab-content>.active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: .5rem 1rem; } .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: .3125rem; padding-bottom: .3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover,.navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: .5rem; padding-bottom: .5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: .25rem .75rem; font-size: 1.25rem; line-height: 1; background-color: rgba(0,0,0,0); border: 1px solid rgba(0,0,0,0); border-radius: .25rem; } .navbar-toggler:hover,.navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: 50%/100% 100% no-repeat; } .navbar-nav-scroll { max-height: 75vh; overflow-y: auto; } @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: .5rem; padding-left: .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-nav-scroll { overflow: visible; } .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: .5rem; padding-left: .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-nav-scroll { overflow: visible; } .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: .5rem; padding-left: .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-nav-scroll { overflow: visible; } .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: .5rem; padding-left: .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-nav-scroll { overflow: visible; } .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: .5rem; padding-left: .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-nav-scroll { overflow: visible; } .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,.9); } .navbar-light .navbar-brand:hover,.navbar-light .navbar-brand:focus { color: rgba(0,0,0,.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0,0,0,.5); } .navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:focus { color: rgba(0,0,0,.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(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,.9); } .navbar-light .navbar-toggler { color: rgba(0,0,0,.5); border-color: rgba(0,0,0,.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%280, 0, 0, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0,0,0,.5); } .navbar-light .navbar-text a { color: rgba(0,0,0,.9); } .navbar-light .navbar-text a:hover,.navbar-light .navbar-text a:focus { color: rgba(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: hsla(0,0%,100%,.5); } .navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:focus { color: hsla(0,0%,100%,.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: hsla(0,0%,100%,.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: hsla(0,0%,100%,.5); border-color: hsla(0,0%,100%,.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2730%27 height=%2730%27 viewBox=%270 0 30 30%27%3e%3cpath stroke=%27rgba%28255, 255, 255, 0.5%29%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%272%27 d=%27M4 7h22M4 15h22M4 23h22%27/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: hsla(0,0%,100%,.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 rgba(0,0,0,.125); border-radius: .25rem; } .card>hr { margin-right: 0; margin-left: 0; } .card>.list-group { border-top: inherit; border-bottom: inherit; } .card>.list-group:first-child { border-top-width: 0; border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card>.list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .card>.card-header+.list-group,.card>.list-group+.card-footer { border-top: 0; } .card-body { flex: 1 1 auto; min-height: 1px; padding: 1.25rem; } .card-title { margin-bottom: .75rem; } .card-subtitle { margin-top: -0.375rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link+.card-link { margin-left: 1.25rem; } .card-header { padding: .75rem 1.25rem; margin-bottom: 0; background-color: rgba(0,0,0,.03); border-bottom: 1px solid rgba(0,0,0,.125); } .card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; } .card-footer { padding: .75rem 1.25rem; background-color: rgba(0,0,0,.03); border-top: 1px solid rgba(0,0,0,.125); } .card-footer:last-child { border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); } .card-header-tabs { margin-right: -0.625rem; margin-bottom: -0.75rem; margin-left: -0.625rem; border-bottom: 0; } .card-header-pills { margin-right: -0.625rem; margin-left: -0.625rem; } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 1.25rem; border-radius: calc(0.25rem - 1px); } .card-img,.card-img-top,.card-img-bottom { flex-shrink: 0; width: 100%; } .card-img,.card-img-top { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .card-img,.card-img-bottom { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .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: .75rem; } @media (min-width: 576px) { .card-columns { -moz-column-count: 3; column-count: 3; -moz-column-gap: 1.25rem; column-gap: 1.25rem; orphans: 1; widows: 1; } .card-columns .card { display: inline-block; width: 100%; } } .accordion { overflow-anchor: none; } .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: .75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: .25rem; } .breadcrumb-item+.breadcrumb-item { padding-left: .5rem; } .breadcrumb-item+.breadcrumb-item::before { float: left; padding-right: .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: .25rem; } .page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #007bff; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: rgb(0,86.1,178.5); text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.25); } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; } .page-item:last-child .page-link { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #007bff; border-color: #007bff; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: .75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: .3rem; border-bottom-left-radius: .3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: .3rem; border-bottom-right-radius: .3rem; } .pagination-sm .page-link { padding: .25rem .5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: .2rem; border-bottom-left-radius: .2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: .2rem; border-bottom-right-radius: .2rem; } .badge { display: inline-block; padding: .25em .4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .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: .6em; padding-left: .6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #007bff; } a.badge-primary:hover,a.badge-primary:focus { color: #fff; background-color: rgb(0,98.4,204); } a.badge-primary:focus,a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(0,123,255,.5); } .badge-secondary { color: #fff; background-color: #6c757d; } a.badge-secondary:hover,a.badge-secondary:focus { color: #fff; background-color: rgb(84.3605150215,91.3905579399,97.6394849785); } a.badge-secondary:focus,a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(108,117,125,.5); } .badge-success { color: #fff; background-color: #28a745; } a.badge-success:hover,a.badge-success:focus { color: #fff; background-color: rgb(30.1449275362,125.8550724638,52); } a.badge-success:focus,a.badge-success.focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(40,167,69,.5); } .badge-info { color: #fff; background-color: #17a2b8; } a.badge-info:hover,a.badge-info:focus { color: #fff; background-color: rgb(17.3333333333,122.0869565217,138.6666666667); } a.badge-info:focus,a.badge-info.focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(23,162,184,.5); } .badge-warning { color: #212529; background-color: #ffc107; } a.badge-warning:hover,a.badge-warning:focus { color: #212529; background-color: rgb(211,158.25,0); } a.badge-warning:focus,a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(255,193,7,.5); } .badge-danger { color: #fff; background-color: #dc3545; } a.badge-danger:hover,a.badge-danger:focus { color: #fff; background-color: rgb(189.2151898734,32.7848101266,47.7721518987); } a.badge-danger:focus,a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(220,53,69,.5); } .badge-light { color: #212529; background-color: #f8f9fa; } a.badge-light:hover,a.badge-light:focus { color: #212529; background-color: rgb(218.25,223.5,228.75); } a.badge-light:focus,a.badge-light.focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(248,249,250,.5); } .badge-dark { color: #fff; background-color: #343a40; } a.badge-dark:hover,a.badge-dark:focus { color: #fff; background-color: rgb(29.1379310345,32.5,35.8620689655); } a.badge-dark:focus,a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 .2rem rgba(52,58,64,.5); } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: #e9ecef; border-radius: .3rem; } @media (min-width: 576px) { .jumbotron { padding: 4rem 2rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; border-radius: 0; } .alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid rgba(0,0,0,0); border-radius: .25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; z-index: 2; padding: .75rem 1.25rem; color: inherit; } .alert-primary { color: rgb(0,63.96,132.6); background-color: rgb(204,228.6,255); border-color: rgb(183.6,218.04,255); } .alert-primary hr { border-top-color: rgb(158.1,204.84,255); } .alert-primary .alert-link { color: rgb(0,39.36,81.6); } .alert-secondary { color: rgb(56.16,60.84,65); background-color: rgb(225.6,227.4,229); border-color: rgb(213.84,216.36,218.6); } .alert-secondary hr { border-top-color: hsl(208.2352941176,6.1371841155%,79.7921568627%); } .alert-secondary .alert-link { color: rgb(32.5205150215,35.2305579399,37.6394849785); } .alert-success { color: rgb(20.8,86.84,35.88); background-color: rgb(212,237.4,217.8); border-color: rgb(194.8,230.36,202.92); } .alert-success hr { border-top-color: rgb(176.7059405941,222.9540594059,187.2665346535); } .alert-success .alert-link { color: rgb(10.9449275362,45.6950724638,18.88); } .alert-info { color: rgb(11.96,84.24,95.68); background-color: rgb(208.6,236.4,240.8); border-color: rgb(190.04,228.96,235.12); } .alert-info hr { border-top-color: hsl(188.198757764,53.1353135314%,78.3647058824%); } .alert-info .alert-link { color: rgb(6.2933333333,44.3269565217,50.3466666667); } .alert-warning { color: rgb(132.6,100.36,3.64); background-color: rgb(255,242.6,205.4); border-color: rgb(255,237.64,185.56); } .alert-warning hr { border-top-color: rgb(255,231.265,160.06); } .alert-warning .alert-link { color: hsl(45,94.6564885496%,16.7137254902%); } .alert-danger { color: rgb(114.4,27.56,35.88); background-color: rgb(248,214.6,217.8); border-color: rgb(245.2,198.44,202.92); } .alert-danger hr { border-top-color: hsl(354.251497006,70.4641350211%,81.9882352941%); } .alert-danger .alert-link { color: rgb(73.3010989011,17.6589010989,22.9898901099); } .alert-light { color: rgb(128.96,129.48,130); background-color: rgb(253.6,253.8,254); border-color: rgb(253.04,253.32,253.6); } .alert-light hr { border-top-color: rgb(238.165,240.57,242.975); } .alert-light .alert-link { color: hsl(210,.4142766093%,40.7764705882%); } .alert-dark { color: rgb(27.04,30.16,33.28); background-color: rgb(214.4,215.6,216.8); border-color: rgb(198.16,199.84,201.52); } .alert-dark hr { border-top-color: hsl(210,3.0456852792%,73.368627451%); } .alert-dark .alert-link { color: rgb(4.1779310345,4.66,5.1420689655); } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; line-height: 0; font-size: 0.75rem; background-color: #e9ecef; border-radius: .25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #007bff; transition: width .6s ease; } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } .progress-bar-animated { animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: .25rem; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover,.list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: .75rem 1.25rem; background-color: #fff; border: 1px solid rgba(0,0,0,.125); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled,.list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; } .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: .25rem; border-top-right-radius: 0; } .list-group-horizontal>.list-group-item:last-child { border-top-right-radius: .25rem; 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: .25rem; border-top-right-radius: 0; } .list-group-horizontal-sm>.list-group-item:last-child { border-top-right-radius: .25rem; 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: .25rem; border-top-right-radius: 0; } .list-group-horizontal-md>.list-group-item:last-child { border-top-right-radius: .25rem; 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: .25rem; border-top-right-radius: 0; } .list-group-horizontal-lg>.list-group-item:last-child { border-top-right-radius: .25rem; 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: .25rem; border-top-right-radius: 0; } .list-group-horizontal-xl>.list-group-item:last-child { border-top-right-radius: .25rem; 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 { border-radius: 0; } .list-group-flush>.list-group-item { border-width: 0 0 1px; } .list-group-flush>.list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { color: rgb(0,63.96,132.6); background-color: rgb(183.6,218.04,255); } .list-group-item-primary.list-group-item-action:hover,.list-group-item-primary.list-group-item-action:focus { color: rgb(0,63.96,132.6); background-color: rgb(158.1,204.84,255); } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: rgb(0,63.96,132.6); border-color: rgb(0,63.96,132.6); } .list-group-item-secondary { color: rgb(56.16,60.84,65); background-color: rgb(213.84,216.36,218.6); } .list-group-item-secondary.list-group-item-action:hover,.list-group-item-secondary.list-group-item-action:focus { color: rgb(56.16,60.84,65); background-color: hsl(208.2352941176,6.1371841155%,79.7921568627%); } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: rgb(56.16,60.84,65); border-color: rgb(56.16,60.84,65); } .list-group-item-success { color: rgb(20.8,86.84,35.88); background-color: rgb(194.8,230.36,202.92); } .list-group-item-success.list-group-item-action:hover,.list-group-item-success.list-group-item-action:focus { color: rgb(20.8,86.84,35.88); background-color: rgb(176.7059405941,222.9540594059,187.2665346535); } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: rgb(20.8,86.84,35.88); border-color: rgb(20.8,86.84,35.88); } .list-group-item-info { color: rgb(11.96,84.24,95.68); background-color: rgb(190.04,228.96,235.12); } .list-group-item-info.list-group-item-action:hover,.list-group-item-info.list-group-item-action:focus { color: rgb(11.96,84.24,95.68); background-color: hsl(188.198757764,53.1353135314%,78.3647058824%); } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: rgb(11.96,84.24,95.68); border-color: rgb(11.96,84.24,95.68); } .list-group-item-warning { color: rgb(132.6,100.36,3.64); background-color: rgb(255,237.64,185.56); } .list-group-item-warning.list-group-item-action:hover,.list-group-item-warning.list-group-item-action:focus { color: rgb(132.6,100.36,3.64); background-color: rgb(255,231.265,160.06); } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: rgb(132.6,100.36,3.64); border-color: rgb(132.6,100.36,3.64); } .list-group-item-danger { color: rgb(114.4,27.56,35.88); background-color: rgb(245.2,198.44,202.92); } .list-group-item-danger.list-group-item-action:hover,.list-group-item-danger.list-group-item-action:focus { color: rgb(114.4,27.56,35.88); background-color: hsl(354.251497006,70.4641350211%,81.9882352941%); } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: rgb(114.4,27.56,35.88); border-color: rgb(114.4,27.56,35.88); } .list-group-item-light { color: rgb(128.96,129.48,130); background-color: rgb(253.04,253.32,253.6); } .list-group-item-light.list-group-item-action:hover,.list-group-item-light.list-group-item-action:focus { color: rgb(128.96,129.48,130); background-color: rgb(238.165,240.57,242.975); } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: rgb(128.96,129.48,130); border-color: rgb(128.96,129.48,130); } .list-group-item-dark { color: rgb(27.04,30.16,33.28); background-color: rgb(198.16,199.84,201.52); } .list-group-item-dark.list-group-item-action:hover,.list-group-item-dark.list-group-item-action:focus { color: rgb(27.04,30.16,33.28); background-color: hsl(210,3.0456852792%,73.368627451%); } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: rgb(27.04,30.16,33.28); border-color: rgb(27.04,30.16,33.28); } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover,.close:not(:disabled):not(.disabled):focus { opacity: .75; } button.close { padding: 0; background-color: rgba(0,0,0,0); border: 0; } a.close.disabled { pointer-events: none; } .toast { flex-basis: 350px; max-width: 350px; font-size: 0.875rem; background-color: hsla(0,0%,100%,.85); background-clip: padding-box; border: 1px solid rgba(0,0,0,.1); box-shadow: 0 .25rem .75rem rgba(0,0,0,.1); opacity: 0; border-radius: .25rem; } .toast:not(:last-child) { margin-bottom: .75rem; } .toast.showing { opacity: 1; } .toast.show { display: block; opacity: 1; } .toast.hide { display: none; } .toast-header { display: flex; align-items: center; padding: .25rem .75rem; color: #6c757d; background-color: hsla(0,0%,100%,.85); background-clip: padding-box; border-bottom: 1px solid rgba(0,0,0,.05); border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .toast-body { padding: .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: .5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform .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: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header,.modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); height: -moz-min-content; height: min-content; content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: .5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: .75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer>* { margin: .25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); height: -moz-min-content; height: min-content; } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg,.modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: .9; } .tooltip .arrow { position: absolute; display: block; width: .8rem; height: .4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: rgba(0,0,0,0); border-style: solid; } .bs-tooltip-top,.bs-tooltip-auto[x-placement^=top] { padding: .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: .4rem .4rem 0; border-top-color: #000; } .bs-tooltip-right,.bs-tooltip-auto[x-placement^=right] { padding: 0 .4rem; } .bs-tooltip-right .arrow,.bs-tooltip-auto[x-placement^=right] .arrow { left: 0; width: .4rem; height: .8rem; } .bs-tooltip-right .arrow::before,.bs-tooltip-auto[x-placement^=right] .arrow::before { right: 0; border-width: .4rem .4rem .4rem 0; border-right-color: #000; } .bs-tooltip-bottom,.bs-tooltip-auto[x-placement^=bottom] { padding: .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 .4rem .4rem; border-bottom-color: #000; } .bs-tooltip-left,.bs-tooltip-auto[x-placement^=left] { padding: 0 .4rem; } .bs-tooltip-left .arrow,.bs-tooltip-auto[x-placement^=left] .arrow { right: 0; width: .4rem; height: .8rem; } .bs-tooltip-left .arrow::before,.bs-tooltip-auto[x-placement^=left] .arrow::before { left: 0; border-width: .4rem 0 .4rem .4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: .25rem .5rem; color: #fff; text-align: center; background-color: #000; border-radius: .25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: 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,.2); border-radius: .3rem; } .popover .arrow { position: absolute; display: block; width: 1rem; height: .5rem; margin: 0 .3rem; } .popover .arrow::before,.popover .arrow::after { position: absolute; display: block; content: ""; border-color: rgba(0,0,0,0); border-style: solid; } .bs-popover-top,.bs-popover-auto[x-placement^=top] { margin-bottom: .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: .5rem .5rem 0; border-top-color: rgba(0,0,0,.25); } .bs-popover-top>.arrow::after,.bs-popover-auto[x-placement^=top]>.arrow::after { bottom: 1px; border-width: .5rem .5rem 0; border-top-color: #fff; } .bs-popover-right,.bs-popover-auto[x-placement^=right] { margin-left: .5rem; } .bs-popover-right>.arrow,.bs-popover-auto[x-placement^=right]>.arrow { left: calc(-0.5rem - 1px); width: .5rem; height: 1rem; margin: .3rem 0; } .bs-popover-right>.arrow::before,.bs-popover-auto[x-placement^=right]>.arrow::before { left: 0; border-width: .5rem .5rem .5rem 0; border-right-color: rgba(0,0,0,.25); } .bs-popover-right>.arrow::after,.bs-popover-auto[x-placement^=right]>.arrow::after { left: 1px; border-width: .5rem .5rem .5rem 0; border-right-color: #fff; } .bs-popover-bottom,.bs-popover-auto[x-placement^=bottom] { margin-top: .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 .5rem .5rem .5rem; border-bottom-color: rgba(0,0,0,.25); } .bs-popover-bottom>.arrow::after,.bs-popover-auto[x-placement^=bottom]>.arrow::after { top: 1px; border-width: 0 .5rem .5rem .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 hsl(0,0%,97%); } .bs-popover-left,.bs-popover-auto[x-placement^=left] { margin-right: .5rem; } .bs-popover-left>.arrow,.bs-popover-auto[x-placement^=left]>.arrow { right: calc(-0.5rem - 1px); width: .5rem; height: 1rem; margin: .3rem 0; } .bs-popover-left>.arrow::before,.bs-popover-auto[x-placement^=left]>.arrow::before { right: 0; border-width: .5rem 0 .5rem .5rem; border-left-color: rgba(0,0,0,.25); } .bs-popover-left>.arrow::after,.bs-popover-auto[x-placement^=left]>.arrow::after { right: 1px; border-width: .5rem 0 .5rem .5rem; border-left-color: #fff; } .popover-header { padding: .5rem .75rem; margin-bottom: 0; font-size: 1rem; background-color: hsl(0,0%,97%); border-bottom: 1px solid hsl(0,0%,92%); border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: .5rem .75rem; color: #212529; } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform .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 .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%; padding: 0; color: #fff; text-align: center; background: none; border: 0; opacity: .5; transition: opacity .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: .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: 50%/100% 100% no-repeat; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z%27/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 width=%278%27 height=%278%27 viewBox=%270 0 8 8%27%3e%3cpath d=%27M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z%27/%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 rgba(0,0,0,0); border-bottom: 10px solid rgba(0,0,0,0); opacity: .5; transition: opacity .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: -0.125em; border: .25em solid currentcolor; border-right-color: rgba(0,0,0,0); border-radius: 50%; animation: .75s linear infinite spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: .2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; background-color: currentcolor; border-radius: 50%; opacity: 0; animation: .75s linear infinite spinner-grow; } .spinner-grow-sm { width: 1rem; height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border,.spinner-grow { animation-duration: 1.5s; } } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .bg-primary { background-color: #007bff !important; } a.bg-primary:hover,a.bg-primary:focus,button.bg-primary:hover,button.bg-primary:focus { background-color: rgb(0,98.4,204) !important; } .bg-secondary { background-color: #6c757d !important; } a.bg-secondary:hover,a.bg-secondary:focus,button.bg-secondary:hover,button.bg-secondary:focus { background-color: rgb(84.3605150215,91.3905579399,97.6394849785) !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover,a.bg-success:focus,button.bg-success:hover,button.bg-success:focus { background-color: rgb(30.1449275362,125.8550724638,52) !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover,a.bg-info:focus,button.bg-info:hover,button.bg-info:focus { background-color: rgb(17.3333333333,122.0869565217,138.6666666667) !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover,a.bg-warning:focus,button.bg-warning:hover,button.bg-warning:focus { background-color: rgb(211,158.25,0) !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover,a.bg-danger:focus,button.bg-danger:hover,button.bg-danger:focus { background-color: rgb(189.2151898734,32.7848101266,47.7721518987) !important; } .bg-light { background-color: #f8f9fa !important; } a.bg-light:hover,a.bg-light:focus,button.bg-light:hover,button.bg-light:focus { background-color: rgb(218.25,223.5,228.75) !important; } .bg-dark { background-color: #343a40 !important; } a.bg-dark:hover,a.bg-dark:focus,button.bg-dark:hover,button.bg-dark:focus { background-color: rgb(29.1379310345,32.5,35.8620689655) !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: rgba(0,0,0,0) !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #007bff !important; } .border-secondary { border-color: #6c757d !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #f8f9fa !important; } .border-dark { border-color: #343a40 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: .2rem !important; } .rounded { border-radius: .25rem !important; } .rounded-top { border-top-left-radius: .25rem !important; border-top-right-radius: .25rem !important; } .rounded-right { border-top-right-radius: .25rem !important; border-bottom-right-radius: .25rem !important; } .rounded-bottom { border-bottom-right-radius: .25rem !important; border-bottom-left-radius: .25rem !important; } .rounded-left { border-top-left-radius: .25rem !important; border-bottom-left-radius: .25rem !important; } .rounded-lg { border-radius: .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.85714286%; } .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; } } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; } .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 .125rem .25rem rgba(0,0,0,.075) !important; } .shadow { box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important; } .shadow-none { box-shadow: none !important; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .m-0 { margin: 0 !important; } .mt-0,.my-0 { margin-top: 0 !important; } .mr-0,.mx-0 { margin-right: 0 !important; } .mb-0,.my-0 { margin-bottom: 0 !important; } .ml-0,.mx-0 { margin-left: 0 !important; } .m-1 { margin: .25rem !important; } .mt-1,.my-1 { margin-top: .25rem !important; } .mr-1,.mx-1 { margin-right: .25rem !important; } .mb-1,.my-1 { margin-bottom: .25rem !important; } .ml-1,.mx-1 { margin-left: .25rem !important; } .m-2 { margin: .5rem !important; } .mt-2,.my-2 { margin-top: .5rem !important; } .mr-2,.mx-2 { margin-right: .5rem !important; } .mb-2,.my-2 { margin-bottom: .5rem !important; } .ml-2,.mx-2 { margin-left: .5rem !important; } .m-3 { margin: 1rem !important; } .mt-3,.my-3 { margin-top: 1rem !important; } .mr-3,.mx-3 { margin-right: 1rem !important; } .mb-3,.my-3 { margin-bottom: 1rem !important; } .ml-3,.mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4,.my-4 { margin-top: 1.5rem !important; } .mr-4,.mx-4 { margin-right: 1.5rem !important; } .mb-4,.my-4 { margin-bottom: 1.5rem !important; } .ml-4,.mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5,.my-5 { margin-top: 3rem !important; } .mr-5,.mx-5 { margin-right: 3rem !important; } .mb-5,.my-5 { margin-bottom: 3rem !important; } .ml-5,.mx-5 { margin-left: 3rem !important; } .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: .25rem !important; } .pt-1,.py-1 { padding-top: .25rem !important; } .pr-1,.px-1 { padding-right: .25rem !important; } .pb-1,.py-1 { padding-bottom: .25rem !important; } .pl-1,.px-1 { padding-left: .25rem !important; } .p-2 { padding: .5rem !important; } .pt-2,.py-2 { padding-top: .5rem !important; } .pr-2,.px-2 { padding-right: .5rem !important; } .pb-2,.py-2 { padding-bottom: .5rem !important; } .pl-2,.px-2 { padding-left: .5rem !important; } .p-3 { padding: 1rem !important; } .pt-3,.py-3 { padding-top: 1rem !important; } .pr-3,.px-3 { padding-right: 1rem !important; } .pb-3,.py-3 { padding-bottom: 1rem !important; } .pl-3,.px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4,.py-4 { padding-top: 1.5rem !important; } .pr-4,.px-4 { padding-right: 1.5rem !important; } .pb-4,.py-4 { padding-bottom: 1.5rem !important; } .pl-4,.px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5,.py-5 { padding-top: 3rem !important; } .pr-5,.px-5 { padding-right: 3rem !important; } .pb-5,.py-5 { padding-bottom: 3rem !important; } .pl-5,.px-5 { padding-left: 3rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1,.my-n1 { margin-top: -0.25rem !important; } .mr-n1,.mx-n1 { margin-right: -0.25rem !important; } .mb-n1,.my-n1 { margin-bottom: -0.25rem !important; } .ml-n1,.mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2,.my-n2 { margin-top: -0.5rem !important; } .mr-n2,.mx-n2 { margin-right: -0.5rem !important; } .mb-n2,.my-n2 { margin-bottom: -0.5rem !important; } .ml-n2,.mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3,.my-n3 { margin-top: -1rem !important; } .mr-n3,.mx-n3 { margin-right: -1rem !important; } .mb-n3,.my-n3 { margin-bottom: -1rem !important; } .ml-n3,.mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4,.my-n4 { margin-top: -1.5rem !important; } .mr-n4,.mx-n4 { margin-right: -1.5rem !important; } .mb-n4,.my-n4 { margin-bottom: -1.5rem !important; } .ml-n4,.mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5,.my-n5 { margin-top: -3rem !important; } .mr-n5,.mx-n5 { margin-right: -3rem !important; } .mb-n5,.my-n5 { margin-bottom: -3rem !important; } .ml-n5,.mx-n5 { margin-left: -3rem !important; } .m-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: .25rem !important; } .mt-sm-1,.my-sm-1 { margin-top: .25rem !important; } .mr-sm-1,.mx-sm-1 { margin-right: .25rem !important; } .mb-sm-1,.my-sm-1 { margin-bottom: .25rem !important; } .ml-sm-1,.mx-sm-1 { margin-left: .25rem !important; } .m-sm-2 { margin: .5rem !important; } .mt-sm-2,.my-sm-2 { margin-top: .5rem !important; } .mr-sm-2,.mx-sm-2 { margin-right: .5rem !important; } .mb-sm-2,.my-sm-2 { margin-bottom: .5rem !important; } .ml-sm-2,.mx-sm-2 { margin-left: .5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3,.my-sm-3 { margin-top: 1rem !important; } .mr-sm-3,.mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3,.my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3,.mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4,.my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4,.mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4,.my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4,.mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5,.my-sm-5 { margin-top: 3rem !important; } .mr-sm-5,.mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5,.my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5,.mx-sm-5 { margin-left: 3rem !important; } .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: .25rem !important; } .pt-sm-1,.py-sm-1 { padding-top: .25rem !important; } .pr-sm-1,.px-sm-1 { padding-right: .25rem !important; } .pb-sm-1,.py-sm-1 { padding-bottom: .25rem !important; } .pl-sm-1,.px-sm-1 { padding-left: .25rem !important; } .p-sm-2 { padding: .5rem !important; } .pt-sm-2,.py-sm-2 { padding-top: .5rem !important; } .pr-sm-2,.px-sm-2 { padding-right: .5rem !important; } .pb-sm-2,.py-sm-2 { padding-bottom: .5rem !important; } .pl-sm-2,.px-sm-2 { padding-left: .5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3,.py-sm-3 { padding-top: 1rem !important; } .pr-sm-3,.px-sm-3 { padding-right: 1rem !important; } .pb-sm-3,.py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3,.px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4,.py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4,.px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4,.py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4,.px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5,.py-sm-5 { padding-top: 3rem !important; } .pr-sm-5,.px-sm-5 { padding-right: 3rem !important; } .pb-sm-5,.py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5,.px-sm-5 { padding-left: 3rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1,.my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1,.mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1,.my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1,.mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2,.my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2,.mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2,.my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2,.mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3,.my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3,.mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3,.my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3,.mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4,.my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4,.mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4,.my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4,.mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5,.my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5,.mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5,.my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5,.mx-sm-n5 { margin-left: -3rem !important; } .m-sm-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: .25rem !important; } .mt-md-1,.my-md-1 { margin-top: .25rem !important; } .mr-md-1,.mx-md-1 { margin-right: .25rem !important; } .mb-md-1,.my-md-1 { margin-bottom: .25rem !important; } .ml-md-1,.mx-md-1 { margin-left: .25rem !important; } .m-md-2 { margin: .5rem !important; } .mt-md-2,.my-md-2 { margin-top: .5rem !important; } .mr-md-2,.mx-md-2 { margin-right: .5rem !important; } .mb-md-2,.my-md-2 { margin-bottom: .5rem !important; } .ml-md-2,.mx-md-2 { margin-left: .5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3,.my-md-3 { margin-top: 1rem !important; } .mr-md-3,.mx-md-3 { margin-right: 1rem !important; } .mb-md-3,.my-md-3 { margin-bottom: 1rem !important; } .ml-md-3,.mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4,.my-md-4 { margin-top: 1.5rem !important; } .mr-md-4,.mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4,.my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4,.mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5,.my-md-5 { margin-top: 3rem !important; } .mr-md-5,.mx-md-5 { margin-right: 3rem !important; } .mb-md-5,.my-md-5 { margin-bottom: 3rem !important; } .ml-md-5,.mx-md-5 { margin-left: 3rem !important; } .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: .25rem !important; } .pt-md-1,.py-md-1 { padding-top: .25rem !important; } .pr-md-1,.px-md-1 { padding-right: .25rem !important; } .pb-md-1,.py-md-1 { padding-bottom: .25rem !important; } .pl-md-1,.px-md-1 { padding-left: .25rem !important; } .p-md-2 { padding: .5rem !important; } .pt-md-2,.py-md-2 { padding-top: .5rem !important; } .pr-md-2,.px-md-2 { padding-right: .5rem !important; } .pb-md-2,.py-md-2 { padding-bottom: .5rem !important; } .pl-md-2,.px-md-2 { padding-left: .5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3,.py-md-3 { padding-top: 1rem !important; } .pr-md-3,.px-md-3 { padding-right: 1rem !important; } .pb-md-3,.py-md-3 { padding-bottom: 1rem !important; } .pl-md-3,.px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4,.py-md-4 { padding-top: 1.5rem !important; } .pr-md-4,.px-md-4 { padding-right: 1.5rem !important; } .pb-md-4,.py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4,.px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5,.py-md-5 { padding-top: 3rem !important; } .pr-md-5,.px-md-5 { padding-right: 3rem !important; } .pb-md-5,.py-md-5 { padding-bottom: 3rem !important; } .pl-md-5,.px-md-5 { padding-left: 3rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1,.my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1,.mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1,.my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1,.mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2,.my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2,.mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2,.my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2,.mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3,.my-md-n3 { margin-top: -1rem !important; } .mr-md-n3,.mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3,.my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3,.mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4,.my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4,.mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4,.my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4,.mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5,.my-md-n5 { margin-top: -3rem !important; } .mr-md-n5,.mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5,.my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5,.mx-md-n5 { margin-left: -3rem !important; } .m-md-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: .25rem !important; } .mt-lg-1,.my-lg-1 { margin-top: .25rem !important; } .mr-lg-1,.mx-lg-1 { margin-right: .25rem !important; } .mb-lg-1,.my-lg-1 { margin-bottom: .25rem !important; } .ml-lg-1,.mx-lg-1 { margin-left: .25rem !important; } .m-lg-2 { margin: .5rem !important; } .mt-lg-2,.my-lg-2 { margin-top: .5rem !important; } .mr-lg-2,.mx-lg-2 { margin-right: .5rem !important; } .mb-lg-2,.my-lg-2 { margin-bottom: .5rem !important; } .ml-lg-2,.mx-lg-2 { margin-left: .5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3,.my-lg-3 { margin-top: 1rem !important; } .mr-lg-3,.mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3,.my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3,.mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4,.my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4,.mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4,.my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4,.mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5,.my-lg-5 { margin-top: 3rem !important; } .mr-lg-5,.mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5,.my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5,.mx-lg-5 { margin-left: 3rem !important; } .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: .25rem !important; } .pt-lg-1,.py-lg-1 { padding-top: .25rem !important; } .pr-lg-1,.px-lg-1 { padding-right: .25rem !important; } .pb-lg-1,.py-lg-1 { padding-bottom: .25rem !important; } .pl-lg-1,.px-lg-1 { padding-left: .25rem !important; } .p-lg-2 { padding: .5rem !important; } .pt-lg-2,.py-lg-2 { padding-top: .5rem !important; } .pr-lg-2,.px-lg-2 { padding-right: .5rem !important; } .pb-lg-2,.py-lg-2 { padding-bottom: .5rem !important; } .pl-lg-2,.px-lg-2 { padding-left: .5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3,.py-lg-3 { padding-top: 1rem !important; } .pr-lg-3,.px-lg-3 { padding-right: 1rem !important; } .pb-lg-3,.py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3,.px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4,.py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4,.px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4,.py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4,.px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5,.py-lg-5 { padding-top: 3rem !important; } .pr-lg-5,.px-lg-5 { padding-right: 3rem !important; } .pb-lg-5,.py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5,.px-lg-5 { padding-left: 3rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1,.my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1,.mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1,.my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1,.mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2,.my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2,.mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2,.my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2,.mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3,.my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3,.mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3,.my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3,.mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4,.my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4,.mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4,.my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4,.mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5,.my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5,.mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5,.my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5,.mx-lg-n5 { margin-left: -3rem !important; } .m-lg-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: .25rem !important; } .mt-xl-1,.my-xl-1 { margin-top: .25rem !important; } .mr-xl-1,.mx-xl-1 { margin-right: .25rem !important; } .mb-xl-1,.my-xl-1 { margin-bottom: .25rem !important; } .ml-xl-1,.mx-xl-1 { margin-left: .25rem !important; } .m-xl-2 { margin: .5rem !important; } .mt-xl-2,.my-xl-2 { margin-top: .5rem !important; } .mr-xl-2,.mx-xl-2 { margin-right: .5rem !important; } .mb-xl-2,.my-xl-2 { margin-bottom: .5rem !important; } .ml-xl-2,.mx-xl-2 { margin-left: .5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3,.my-xl-3 { margin-top: 1rem !important; } .mr-xl-3,.mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3,.my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3,.mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4,.my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4,.mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4,.my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4,.mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5,.my-xl-5 { margin-top: 3rem !important; } .mr-xl-5,.mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5,.my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5,.mx-xl-5 { margin-left: 3rem !important; } .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: .25rem !important; } .pt-xl-1,.py-xl-1 { padding-top: .25rem !important; } .pr-xl-1,.px-xl-1 { padding-right: .25rem !important; } .pb-xl-1,.py-xl-1 { padding-bottom: .25rem !important; } .pl-xl-1,.px-xl-1 { padding-left: .25rem !important; } .p-xl-2 { padding: .5rem !important; } .pt-xl-2,.py-xl-2 { padding-top: .5rem !important; } .pr-xl-2,.px-xl-2 { padding-right: .5rem !important; } .pb-xl-2,.py-xl-2 { padding-bottom: .5rem !important; } .pl-xl-2,.px-xl-2 { padding-left: .5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3,.py-xl-3 { padding-top: 1rem !important; } .pr-xl-3,.px-xl-3 { padding-right: 1rem !important; } .pb-xl-3,.py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3,.px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4,.py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4,.px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4,.py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4,.px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5,.py-xl-5 { padding-top: 3rem !important; } .pr-xl-5,.px-xl-5 { padding-right: 3rem !important; } .pb-xl-5,.py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5,.px-xl-5 { padding-left: 3rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1,.my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1,.mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1,.my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1,.mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2,.my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2,.mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2,.my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2,.mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3,.my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3,.mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3,.my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3,.mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4,.my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4,.mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4,.my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4,.mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5,.my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5,.mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5,.my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5,.mx-xl-n5 { margin-left: -3rem !important; } .m-xl-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 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0,0,0,0); } .text-monospace { font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #007bff !important; } a.text-primary:hover,a.text-primary:focus { color: rgb(0,86.1,178.5) !important; } .text-secondary { color: #6c757d !important; } a.text-secondary:hover,a.text-secondary:focus { color: rgb(72.5407725322,78.5858369099,83.9592274678) !important; } .text-success { color: #28a745 !important; } a.text-success:hover,a.text-success:focus { color: rgb(25.2173913043,105.2826086957,43.5) !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover,a.text-info:focus { color: rgb(14.5,102.1304347826,116) !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover,a.text-warning:focus { color: rgb(185.5,139.125,0) !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover,a.text-danger:focus { color: rgb(167.4810126582,29.0189873418,42.2848101266) !important; } .text-light { color: #f8f9fa !important; } a.text-light:hover,a.text-light:focus { color: rgb(203.375,210.75,218.125) !important; } .text-dark { color: #343a40 !important; } a.text-dark:hover,a.text-dark:focus { color: hsl(210,10.3448275862%,7.7450980392%) !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0,0,0,.5) !important; } .text-white-50 { color: hsla(0,0%,100%,.5) !important; } .text-hide { font: 0/0 a; color: rgba(0,0,0,0); text-shadow: none; background-color: rgba(0,0,0,0); border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; word-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @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; } tr,img { page-break-inside: avoid; } p,h2,h3 { orphans: 3; widows: 3; } h2,h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td,.table th { background-color: #fff !important; } .table-bordered th,.table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th,.table-dark td,.table-dark thead th,.table-dark tbody+tbody { border-color: #dee2e6; } .table .thead-dark th { color: inherit; border-color: #dee2e6; } } @layer theme, base, components, utilities; @layer theme; @layer base { *,::after,::before,::backdrop,::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html,:host { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1,h2,h3,h4,h5,h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b,strong { font-weight: bolder; } code,kbd,samp,pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol,ul,menu { list-style: none; } img,svg,video,canvas,audio,iframe,embed,object { display: block; vertical-align: middle; } img,video { max-width: 100%; height: auto; } button,input,select,optgroup,textarea,::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :where(select:is([multiple],[size])) optgroup { font-weight: bolder; } :where(select:is([multiple],[size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::-moz-placeholder { opacity: 1; } ::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::-moz-placeholder { color: currentcolor; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } ::placeholder { color: currentcolor; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button { -webkit-appearance: button; -moz-appearance: button; appearance: button; } ::-webkit-inner-spin-button,::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden=until-found])) { display: none !important; } } @layer utilities { .\@container { container-type: inline-size; } .pointer-events-none { pointer-events: none; } .visible { visibility: visible; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .absolute { position: absolute; } .relative { position: relative; } .static { position: static; } .static\! { position: static !important; } .inset-0 { inset: calc(var(--spacing) * 0); } .start { inset-inline-start: var(--spacing); } .end { inset-inline-end: var(--spacing); } .top-1\/2 { top: calc(1 / 2 * 100%); } .right-0 { right: calc(var(--spacing) * 0); } .right-18 { right: calc(var(--spacing) * 18); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .left-0 { left: calc(var(--spacing) * 0); } .isolate { isolation: isolate; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .order-first { order: -9999; } .col-1 { grid-column: 1; } .col-3 { grid-column: 3; } .col-5 { grid-column: 5; } .col-8 { grid-column: 8; } .col-9 { grid-column: 9; } .col-11 { grid-column: 11; } .col-12 { grid-column: 12; } .col-auto { grid-column: auto; } .col-span-12 { grid-column: span 12 / span 12; } .float-left { float: left; } .float-right { float: right; } .container { width: 100%; @media (width >= 368px) { max-width: 368px; } @media (width >= 576px) { max-width: 576px; } @media (width >= 768px) { max-width: 768px; } @media (width >= 992px) { max-width: 992px; } @media (width >= 1200px) { max-width: 1200px; } @media (width >= 96rem) { max-width: 96rem; } } .hsy-container { margin: 0 auto; max-width: 100%; padding-inline: var(--spacing-page); @media (width >= 576px) { max-width: 36rem; } @media (width >= 768px) { max-width: 48rem; } @media (width >= 992px) { max-width: 62rem; } @media (width >= 1200px) { max-width: 75rem; } } .m-0 { margin: calc(var(--spacing) * 0); } .m-auto { margin: auto; } .mx-0 { margin-inline: calc(var(--spacing) * 0); } .mx-1 { margin-inline: calc(var(--spacing) * 1); } .mx-2 { margin-inline: calc(var(--spacing) * 2); } .mx-auto { margin-inline: auto; } .\!my-18 { margin-block: calc(var(--spacing) * 18) !important; } .my-0 { margin-block: calc(var(--spacing) * 0); } .my-1 { margin-block: calc(var(--spacing) * 1); } .my-2 { margin-block: calc(var(--spacing) * 2); } .my-3 { margin-block: calc(var(--spacing) * 3); } .my-4 { margin-block: calc(var(--spacing) * 4); } .my-5 { margin-block: calc(var(--spacing) * 5); } .my-32\! { margin-block: calc(var(--spacing) * 32) !important; } .my-40 { margin-block: calc(var(--spacing) * 40); } .my-80 { margin-block: calc(var(--spacing) * 80); } .\!mt-24 { margin-top: calc(var(--spacing) * 24) !important; } .mt-0 { margin-top: calc(var(--spacing) * 0); } .mt-0\! { margin-top: calc(var(--spacing) * 0) !important; } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-5 { margin-top: calc(var(--spacing) * 5); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-24 { margin-top: calc(var(--spacing) * 24); } .mt-32 { margin-top: calc(var(--spacing) * 32); } .mt-40 { margin-top: calc(var(--spacing) * 40); } .mt-80\! { margin-top: calc(var(--spacing) * 80) !important; } .mr-1 { margin-right: calc(var(--spacing) * 1); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mr-3 { margin-right: calc(var(--spacing) * 3); } .mr-4 { margin-right: calc(var(--spacing) * 4); } .mr-4\! { margin-right: calc(var(--spacing) * 4) !important; } .mr-8 { margin-right: calc(var(--spacing) * 8); } .mb-0 { margin-bottom: calc(var(--spacing) * 0); } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-16 { margin-bottom: calc(var(--spacing) * 16); } .mb-16\! { margin-bottom: calc(var(--spacing) * 16) !important; } .mb-32 { margin-bottom: calc(var(--spacing) * 32); } .mb-40\! { margin-bottom: calc(var(--spacing) * 40) !important; } .mb-48 { margin-bottom: calc(var(--spacing) * 48); } .mb-64\! { margin-bottom: calc(var(--spacing) * 64) !important; } .ml-0 { margin-left: calc(var(--spacing) * 0); } .ml-1 { margin-left: calc(var(--spacing) * 1); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-3 { margin-left: calc(var(--spacing) * 3); } .ml-8 { margin-left: calc(var(--spacing) * 8); } .ml-auto { margin-left: auto; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .flex\! { display: flex !important; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .table { display: table; } .aspect-16-9 { aspect-ratio: var(--aspect-16-9); } .aspect-\[21\/10\] { aspect-ratio: 21/10; } .h-2 { height: calc(var(--spacing) * 2); } .h-16 { height: calc(var(--spacing) * 16); } .h-16\! { height: calc(var(--spacing) * 16) !important; } .h-20 { height: calc(var(--spacing) * 20); } .h-28 { height: calc(var(--spacing) * 28); } .h-48 { height: calc(var(--spacing) * 48); } .h-60 { height: calc(var(--spacing) * 60); } .h-100 { height: calc(var(--spacing) * 100); } .h-auto { height: auto; } .h-full { height: 100%; } .max-h-330 { max-height: calc(var(--spacing) * 330); } .w-16 { width: calc(var(--spacing) * 16); } .w-16\! { width: calc(var(--spacing) * 16) !important; } .w-20 { width: calc(var(--spacing) * 20); } .w-28 { width: calc(var(--spacing) * 28); } .w-48 { width: calc(var(--spacing) * 48); } .w-100 { width: calc(var(--spacing) * 100); } .w-\[calc\(100vw-80px\)\] { width: calc(100vw - 80px); } .w-auto { width: auto; } .w-full { width: 100%; } .w-max { width: -moz-max-content; width: max-content; } .\!max-w-\[650px\] { max-width: 650px !important; } .max-w-\[800px\] { max-width: 800px; } .max-w-\[1480px\] { max-width: 1480px; } .max-w-full { max-width: 100%; } .min-w-0 { min-width: calc(var(--spacing) * 0); } .min-w-full { min-width: 100%; } .flex-1 { flex: 1; } .flex-shrink-0 { flex-shrink: 0; } .shrink-0 { flex-shrink: 0; } .-translate-y-1 { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-6 { --tw-translate-y: calc(var(--spacing) * 6); translate: var(--tw-translate-x) var(--tw-translate-y); } .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .cursor-pointer { cursor: pointer; } .resize { resize: both; } .list-none { list-style-type: none; } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-row { flex-direction: row; } .flex-nowrap { flex-wrap: nowrap; } .flex-wrap { flex-wrap: wrap; } .content-between { align-content: space-between; } .content-center { align-content: center; } .items-center { align-items: center; } .items-stretch { align-items: stretch; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-8\! { gap: calc(var(--spacing) * 8) !important; } .gap-12 { gap: calc(var(--spacing) * 12); } .gap-16 { gap: calc(var(--spacing) * 16); } .gap-24 { gap: calc(var(--spacing) * 24); } .gap-32 { gap: calc(var(--spacing) * 32); } .gap-40 { gap: calc(var(--spacing) * 40); } .gap-48 { gap: calc(var(--spacing) * 48); } .gap-64 { gap: calc(var(--spacing) * 64); } .overflow-hidden { overflow: hidden; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .overflow-y-hidden { overflow-y: hidden; } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-md\! { border-radius: var(--radius-md) !important; } .rounded-sm\! { border-radius: var(--radius-sm) !important; } .rounded-t-md { border-top-left-radius: var(--radius-md); border-top-right-radius: var(--radius-md); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-l-8 { border-left-style: var(--tw-border-style); border-left-width: 8px; } .border-dark-aqua { border-color: var(--color-dark-aqua); } .border-red { border-color: var(--color-red); } .border-yellow { border-color: var(--color-yellow); } .bg-dark-aqua { background-color: var(--color-dark-aqua); } .bg-dark-aqua\! { background-color: var(--color-dark-aqua) !important; } .bg-deep-aqua { background-color: var(--color-deep-aqua); } .bg-light-aqua-20 { background-color: var(--color-light-aqua-20); } .bg-lilac { background-color: var(--color-lilac); } .bg-medium-green { background-color: var(--color-medium-green); } .bg-orange { background-color: var(--color-orange); } .bg-red { background-color: var(--color-red); } .bg-white { background-color: var(--color-white); } .bg-yellow { background-color: var(--color-yellow); } .object-cover { -o-object-fit: cover; object-fit: cover; } .p-0 { padding: calc(var(--spacing) * 0); } .p-1 { padding: calc(var(--spacing) * 1); } .p-2 { padding: calc(var(--spacing) * 2); } .p-3 { padding: calc(var(--spacing) * 3); } .p-4 { padding: calc(var(--spacing) * 4); } .p-24 { padding: calc(var(--spacing) * 24); } .px-0 { padding-inline: calc(var(--spacing) * 0); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-12 { padding-inline: calc(var(--spacing) * 12); } .px-16 { padding-inline: calc(var(--spacing) * 16); } .px-24 { padding-inline: calc(var(--spacing) * 24); } .px-32 { padding-inline: calc(var(--spacing) * 32); } .px-48 { padding-inline: calc(var(--spacing) * 48); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-5 { padding-block: calc(var(--spacing) * 5); } .py-12 { padding-block: calc(var(--spacing) * 12); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-32 { padding-block: calc(var(--spacing) * 32); } .py-60 { padding-block: calc(var(--spacing) * 60); } .py-80 { padding-block: calc(var(--spacing) * 80); } .pt-0 { padding-top: calc(var(--spacing) * 0); } .pt-1 { padding-top: calc(var(--spacing) * 1); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-5 { padding-top: calc(var(--spacing) * 5); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pt-60 { padding-top: calc(var(--spacing) * 60); } .pr-0 { padding-right: calc(var(--spacing) * 0); } .pr-2 { padding-right: calc(var(--spacing) * 2); } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-4 { padding-right: calc(var(--spacing) * 4); } .pr-8 { padding-right: calc(var(--spacing) * 8); } .pr-16 { padding-right: calc(var(--spacing) * 16); } .pb-0 { padding-bottom: calc(var(--spacing) * 0); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-5 { padding-bottom: calc(var(--spacing) * 5); } .pb-10 { padding-bottom: calc(var(--spacing) * 10); } .pb-12 { padding-bottom: calc(var(--spacing) * 12); } .pb-24 { padding-bottom: calc(var(--spacing) * 24); } .pb-40 { padding-bottom: calc(var(--spacing) * 40); } .pl-0 { padding-left: calc(var(--spacing) * 0); } .pl-2 { padding-left: calc(var(--spacing) * 2); } .pl-3 { padding-left: calc(var(--spacing) * 3); } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-16 { padding-left: calc(var(--spacing) * 16); } .text-center { text-align: center; } .text-left { text-align: left; } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-sm\! { font-size: var(--text-sm) !important; line-height: var(--tw-leading, var(--text-sm--line-height)) !important; } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-default { font-size: var(--text-default); } .text-default\! { font-size: var(--text-default) !important; } .text-h2 { font-size: var(--text-h2); } .text-h2\! { font-size: var(--text-h2) !important; } .text-h3 { font-size: var(--text-h3); } .text-h3\! { font-size: var(--text-h3) !important; } .text-h4 { font-size: var(--text-h4); } .text-h4\! { font-size: var(--text-h4) !important; } .text-h5 { font-size: var(--text-h5); } .text-h5\! { font-size: var(--text-h5) !important; } .text-md { font-size: var(--text-md); } .text-md\! { font-size: var(--text-md) !important; } .leading-\[1\.12\] { --tw-leading: 1.12; line-height: 1.12; } .leading-none { --tw-leading: 1; line-height: 1; } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } .font-normal\! { --tw-font-weight: var(--font-weight-normal) !important; font-weight: var(--font-weight-normal) !important; } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .hyphens-manual { hyphens: manual; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre-line { white-space: pre-line; } .text-black { color: var(--color-black); } .text-dark-aqua { color: var(--color-dark-aqua); } .text-dark-aqua\! { color: var(--color-dark-aqua) !important; } .text-dark-gray\! { color: var(--color-dark-gray) !important; } .text-gray { color: var(--color-gray); } .text-white { color: var(--color-white); } .text-white\! { color: var(--color-white) !important; } .uppercase { text-transform: uppercase; } .no-underline { text-decoration-line: none; } .no-underline\! { text-decoration-line: none !important; } .decoration-2 { text-decoration-thickness: 2px; } .underline-offset-4 { text-underline-offset: 4px; } .opacity-0 { opacity: 0%; } .opacity-1 { opacity: 1%; } .opacity-100 { opacity: 100%; } .shadow-hsy { --tw-shadow: 0px 10px 20px var(--tw-shadow-color, rgba(0, 0, 0, 0.15)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-none { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[transform\,width\,opacity\] { transition-property: transform,width,opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .duration-300 { --tw-duration: 300ms; transition-duration: 300ms; } .duration-500 { --tw-duration: 500ms; transition-duration: 500ms; } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .\[key\:string\] { key: string; } .group-hover\:underline { &:is(:where(.group):hover *) { @media (hover: hover) { text-decoration-line: underline; } } } .group-hover\:underline\! { &:is(:where(.group):hover *) { @media (hover: hover) { text-decoration-line: underline !important; } } } .first\:mt-0 { &:first-child { margin-top: calc(var(--spacing) * 0); } } .hover\:scale-70 { &:hover { @media (hover: hover) { --tw-scale-x: 70%; --tw-scale-y: 70%; --tw-scale-z: 70%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .hover\:cursor-pointer { &:hover { @media (hover: hover) { cursor: pointer; } } } .hover\:text-medium-aqua { &:hover { @media (hover: hover) { color: var(--color-medium-aqua); } } } .hover\:no-underline { &:hover { @media (hover: hover) { text-decoration-line: none; } } } .hover\:underline\! { &:hover { @media (hover: hover) { text-decoration-line: underline !important; } } } .focus\:outline-2 { &:focus { outline-style: var(--tw-outline-style); outline-width: 2px; } } .focus\:outline-offset-2 { &:focus { outline-offset: 2px; } } .focus\:outline-black { &:focus { outline-color: var(--color-black); } } .sm\:col-span-6 { @media (width >= 576px) { grid-column: span 6 / span 6; } } .sm\:mt-0 { @media (width >= 576px) { margin-top: calc(var(--spacing) * 0); } } .sm\:mt-40 { @media (width >= 576px) { margin-top: calc(var(--spacing) * 40); } } .sm\:mt-48 { @media (width >= 576px) { margin-top: calc(var(--spacing) * 48); } } .sm\:mb-64 { @media (width >= 576px) { margin-bottom: calc(var(--spacing) * 64); } } .sm\:w-auto\! { @media (width >= 576px) { width: auto !important; } } .sm\:w-fit\! { @media (width >= 576px) { width: -moz-fit-content !important; width: fit-content !important; } } .sm\:flex-row { @media (width >= 576px) { flex-direction: row; } } .sm\:gap-48 { @media (width >= 576px) { gap: calc(var(--spacing) * 48); } } .sm\:gap-x-48 { @media (width >= 576px) { -moz-column-gap: calc(var(--spacing) * 48); column-gap: calc(var(--spacing) * 48); } } .sm\:text-left { @media (width >= 576px) { text-align: left; } } .md\:right-16 { @media (width >= 768px) { right: calc(var(--spacing) * 16); } } .md\:col-span-4 { @media (width >= 768px) { grid-column: span 4 / span 4; } } .md\:col-span-6 { @media (width >= 768px) { grid-column: span 6 / span 6; } } .md\:mt-48 { @media (width >= 768px) { margin-top: calc(var(--spacing) * 48); } } .md\:mb-0 { @media (width >= 768px) { margin-bottom: calc(var(--spacing) * 0); } } .md\:mb-24 { @media (width >= 768px) { margin-bottom: calc(var(--spacing) * 24); } } .md\:h-24 { @media (width >= 768px) { height: calc(var(--spacing) * 24); } } .md\:w-24 { @media (width >= 768px) { width: calc(var(--spacing) * 24); } } .md\:w-\[42vw\] { @media (width >= 768px) { width: 42vw; } } .md\:max-w-\[820px\] { @media (width >= 768px) { max-width: 820px; } } .md\:flex-row { @media (width >= 768px) { flex-direction: row; } } .md\:flex-row-reverse { @media (width >= 768px) { flex-direction: row-reverse; } } .lg\:col-span-4 { @media (width >= 992px) { grid-column: span 4 / span 4; } } .lg\:col-span-5 { @media (width >= 992px) { grid-column: span 5 / span 5; } } .lg\:col-span-8 { @media (width >= 992px) { grid-column: span 8 / span 8; } } .lg\:col-start-2 { @media (width >= 992px) { grid-column-start: 2; } } .lg\:col-start-7 { @media (width >= 992px) { grid-column-start: 7; } } .lg\:\!my-24 { @media (width >= 992px) { margin-block: calc(var(--spacing) * 24) !important; } } .lg\:\!mt-32 { @media (width >= 992px) { margin-top: calc(var(--spacing) * 32) !important; } } .lg\:mb-64 { @media (width >= 992px) { margin-bottom: calc(var(--spacing) * 64); } } .lg\:grid { @media (width >= 992px) { display: grid; } } .lg\:w-\[38vw\] { @media (width >= 992px) { width: 38vw; } } .lg\:grid-cols-12 { @media (width >= 992px) { grid-template-columns: repeat(12, minmax(0, 1fr)); } } .lg\:flex-row { @media (width >= 992px) { flex-direction: row; } } .lg\:px-0 { @media (width >= 992px) { padding-inline: calc(var(--spacing) * 0); } } .lg\:text-3xl { @media (width >= 992px) { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } } .lg\:text-h2 { @media (width >= 992px) { font-size: var(--text-h2); } } .min-\[1200px\]\:min-h-\[960px\] { @media (width >= 1200px) { min-height: 960px; } } } :root,html { scroll-behavior: smooth; font-size: 22px; font-size: 28px; } :root body,html body { font-family: "Interstate",Arial,sans-serif; font-weight: 400; font-style: normal; color: #2c2a29; word-break: break-word; hyphens: none; overflow-x: hidden; font-smooth: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media (max-width: 767.98px) { :root,html { font-size: 17px; } } @media (min-width: 576px) { :root,html { font-size: 17px; } } @media (min-width: 768px) { :root,html { font-size: 18px; } } @media (min-width: 992px) { :root,html { font-size: 19px; } } @media (min-width: 1200px) { :root,html { font-size: 20px; } } :root p,html p { line-height: 1.5; } :root p.pre-wrap,html p.pre-wrap { white-space: pre-wrap; } :root h1,:root .h1,html h1,html .h1 { font-size: 2.25rem; } @media (max-width: 767.98px) { :root h1,:root .h1,html h1,html .h1 { font-size: 30px; } } :root h2,:root .h2,html h2,html .h2 { font-size: 2rem; } @media (max-width: 767.98px) { :root h2,:root .h2,html h2,html .h2 { font-size: 25px; } } :root h3,:root .h3,html h3,html .h3 { font-size: 1.75rem; } @media (max-width: 767.98px) { :root h3,:root .h3,html h3,html .h3 { font-size: 20px; } } :root h4,:root .h4,html h4,html .h4 { font-size: 1.5rem; } @media (max-width: 767.98px) { :root h4,:root .h4,html h4,html .h4 { font-size: 18px; } } :root h5,:root .h5,html h5,html .h5 { font-size: 1.25rem; } @media (max-width: 767.98px) { :root h5,:root .h5,html h5,html .h5 { font-size: 16px; } } :root h6,:root .h6,html h6,html .h6 { font-size: 1rem; } :root .h1,:root .h2,:root .h3,:root .h4,:root .h5,:root .h6,:root h1,:root h2,:root h3,:root h4,:root h5,:root h6,html .h1,html .h2,html .h3,html .h4,html .h5,html .h6,html h1,html h2,html h3,html h4,html h5,html h6 { line-height: 1.2; font-family: "Interstate",Arial,sans-serif; font-weight: 700; margin-top: 2rem; margin-bottom: 1rem; } :root main,html main { width: 100%; } :root img,html img { max-width: 100%; height: inherit; } :root .image,html .image { border-radius: 3px; } :root a,html a { color: #00847f; font-weight: bold; text-decoration: underline; } :root a:hover,html a:hover { color: #00847f; text-decoration: none; } :root a:focus,html a:focus { outline: none; } :root a:focus.focus-visible,html a:focus.focus-visible { outline: 2px solid #00847f; } :root a.no-underline,html a.no-underline { text-decoration-line: none; } :root table,html table { font-size: .9rem; border: none; white-space: nowrap; height: inherit !important; overflow-x: auto; display: block; float: none; } :root table thead,:root table tfoot,html table thead,html table tfoot { border-bottom: 3px solid #00847f; text-align: right; font-weight: bold; } :root table tfoot,html table tfoot { border-bottom: none !important; } :root table tfoot tr,html table tfoot tr { border-top: 3px solid #00847f; border-bottom: none !important; } :root table tr,html table tr { border-bottom: 1px solid #00847f; text-align: right; } :root table td,html table td { padding: 15px; border: none; } :root table td:first-of-type,html table td:first-of-type { text-align: left; } :root table tbody tr td,html table tbody tr td { border-right: 1px solid #00847f; } :root table tbody tr td:last-of-type,html table tbody tr td:last-of-type { border-right: none; } :root table.custom-table,html table.custom-table { width: 100%; display: inline-table; white-space: normal; } :root table.custom-table td,html table.custom-table td { padding: 15px 15px; } :root table.custom-table td:first-of-type,html table.custom-table td:first-of-type { max-width: 180px; } :root table.custom-table td:last-of-type,html table.custom-table td:last-of-type { font-weight: bold; } :root .icon,html .icon { display: inline-block; width: 1em; height: 1em; stroke-width: 0; stroke: currentColor; fill: currentColor; } :root .container-fluid,:root .container-sm,:root .container-md,:root .container-lg,:root .container-xl,html .container-fluid,html .container-sm,html .container-md,html .container-lg,html .container-xl { padding-right: 7%; padding-left: 7%; } :root .preamble,:root div.preamble p,html .preamble,html div.preamble p { font-size: 1.25rem; line-height: 1.5rem; } :root blockquote,html blockquote { color: #00847f; font-weight: bold; font-style: italic; padding-left: 1.25rem; font-size: 1.25rem; margin: 2rem 0; position: relative; } :root blockquote:before,html blockquote:before { content: ""; background-color: #00847f; width: 3px; height: 95%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } :root blockquote p,html blockquote p { line-height: 1.5rem; } :root .unstyled-button,html .unstyled-button { background: none; border: none; cursor: pointer; } :root .unstyled-button:focus,html .unstyled-button:focus { outline: none; } :root .block-container,html .block-container { border-top: 1px solid #d8d4d3; padding-top: 120px; padding-bottom: 120px; } :root .block-container .h1,:root .block-container .h2,:root .block-container .h3,:root .block-container .h4,:root .block-container .h5,:root .block-container .h6,:root .block-container h1,:root .block-container h2,:root .block-container h3,:root .block-container h4,:root .block-container h5,:root .block-container h6,html .block-container .h1,html .block-container .h2,html .block-container .h3,html .block-container .h4,html .block-container .h5,html .block-container .h6,html .block-container h1,html .block-container h2,html .block-container h3,html .block-container h4,html .block-container h5,html .block-container h6 { margin-top: 0; } @media (max-width: 991px) { :root .block-container,html .block-container { padding-top: 50px; padding-bottom: 50px; } :root .container-fluid,:root .container-sm,:root .container-md,:root .container-lg,:root .container-xl,html .container-fluid,html .container-sm,html .container-md,html .container-lg,html .container-xl { padding-left: 4%; padding-right: 4%; } :root table.custom-table thead,html table.custom-table thead { position: absolute; left: -9999px; overflow: hidden; width: 0px; height: 0px; } :root table.custom-table tr,html table.custom-table tr { text-align: left; } :root table.custom-table tr,:root table.custom-table td,:root table.custom-table th,:root table.custom-table thead,:root table.custom-table tbody,:root table.custom-table table,html table.custom-table tr,html table.custom-table td,html table.custom-table th,html table.custom-table thead,html table.custom-table tbody,html table.custom-table table { display: block; } :root table.custom-table td,html table.custom-table td { padding: 15px 0; border-right: none; } :root table.custom-table td:first-of-type,html table.custom-table td:first-of-type { max-width: inherit; } :root table.custom-table tbody tr td::before,html table.custom-table tbody tr td::before { display: inline-block; width: 25%; min-width: 100px; margin-right: 10px; font-weight: bold; } :root table.custom-table tbody tr td::before,html table.custom-table tbody tr td::before { content: attr(data-title); } :root table,html table { display: block; overflow-x: auto; } } .show-more { background: none; border: none; cursor: pointer; background-color: #00847f; color: #fff !important; border-radius: 3px; font-weight: bold; font-size: .9rem; padding: 10px 16px; margin: 0 auto; } .show-more:focus { outline: none; } .show-more .arrow-icon { background-color: #006b67; width: 1.5rem; height: 1.5rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; vertical-align: middle; } .show-more .arrow-icon .icon { stroke-width: 1; } .show-more:hover,.show-more:focus { box-shadow: 0 5px 10px 0 rgba(0,0,0,.3); outline: none !important; } .show-more.focus-visible { outline: 2px solid #000 !important; outline-offset: 2px; } .button { background: none; border: none; cursor: pointer; background-color: #00847f; color: #fff !important; border-radius: 3px; font-weight: bold; font-size: .9rem; padding: 10px 16px; } .button:focus { outline: none; } .button .arrow-icon { background-color: #006b67; width: 1.5rem; height: 1.5rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; vertical-align: middle; } .button .arrow-icon .icon { stroke-width: 1; } .button:hover,.button:focus { box-shadow: 0 5px 10px 0 rgba(0,0,0,.3); outline: none !important; } .button.focus-visible { outline: 2px solid #000 !important; outline-offset: 2px; } .link-box { box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); color: #2c2a29 !important; text-decoration: none !important; align-items: center; display: flex; border-radius: 3px; justify-content: space-between; background-color: #fff; margin-bottom: .75rem; font-size: .9rem; line-height: 1.1rem; padding: 15px 30px; } .link-box .row { flex-wrap: nowrap; margin-left: 0; } .link-box:hover,.link-box:focus { color: #2c2a29; box-shadow: 0 5px 10px 0 rgba(0,0,0,.2); outline: none; } .link-box:hover .gray-icon,.link-box:focus .gray-icon { background-color: #000; } .link-box .custom-icon { min-width: 5rem; height: 5rem; border-radius: 50%; align-items: center; display: flex; justify-content: center; margin-right: 45px; color: #fff; font-size: 2.3rem; } .link-box .custom-icon:after { font-size: 1.25rem; } .link-box .gray-icon { min-width: 2rem; height: 2rem; background-color: #969392; border-radius: 50%; color: #fff; align-items: center; display: flex; justify-content: center; font-size: 1.2rem; } .link-box.preview-image img { width: 86px; height: 86px; margin-right: 15px; } .link-box.preview-image .preview-image-wrapper>div { width: 86px; height: 86px; background-position: center; background-repeat: no-repeat; background-size: cover; margin-right: 15px; } .link-box .link-heading { font-size: .9rem; margin: 0; } .link-box .link-heading .hidden-divider { color: rgba(0,0,0,0); } .box { box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); padding: 30px; border-radius: 3px; margin-top: 15px; display: block; color: #2c2a29; text-decoration: none; } @media (max-width: 991px) { .box { padding: 15px; } } a.box { box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); padding: 30px; border-radius: 3px; margin-top: 15px; display: block; color: #2c2a29; text-decoration: none; } @media (max-width: 991px) { a.box { padding: 15px; } } a.box:hover,a.box:focus { color: #2c2a29; box-shadow: 0 5px 10px 0 rgba(0,0,0,.2); outline: none; } a.box:hover .arrow-icon,a.box:focus .arrow-icon { background: #2c2a29; } a.button { text-decoration: none; display: inline-flex; align-items: center; } a.button:hover { color: #fff; } a.button.focus-visible { outline: 2px solid #000 !important; outline-offset: 2px; } .tag { background-color: #00847f; color: #fff; font-weight: bold; border-radius: 3px; font-size: 15px; align-items: center; display: inline-flex; padding: 4px 8px; line-height: 1rem; } figcaption { font-size: .75rem; font-style: italic; } .iframe-block iframe { width: 100%; border: none; } .iframe-block iframe :host(.media-document.video.mac) { min-width: inherit !important; } .service-map-embedded-block { margin-bottom: 15px; } .medium-font { font-size: 18px; } .smaller-font { font-size: .75rem; } .lift-container-block { font-size: .9rem; } .lift-container-block p { line-height: 1.1rem; } .lift-container-block .row { margin-left: -15px !important; margin-right: -15px !important; } .hide { display: none !important; } .error-message { font-size: 16px; color: #83241b; } .askem .askem-plugin { position: relative; z-index: 3; width: 100% !important; color: #2c2a29; } .askem .askem-plugin .askem-reactions .askem-reactions-group { gap: 1%; } .askem .askem-plugin .askem-reactions .askem-reactions-group .askem-reaction-button { border-width: 3px; border-color: rgba(0,133,128,.6); border-radius: 0; padding: 9px 10px; transition: all .05s; } @media (max-width: 680px) { .askem .askem-plugin .askem-reactions .askem-reactions-group .askem-reaction-button { justify-content: flex-start; } } .askem .askem-plugin .askem-reactions .askem-reactions-group .askem-reaction-button .askem-label { font-size: 14px; color: #133938; font-weight: 600; white-space: normal; } .askem .askem-plugin .askem-reactions .askem-reactions-group .askem-reaction-button:hover,.askem .askem-plugin .askem-reactions .askem-reactions-group .askem-reaction-button:focus { top: 0; left: 0; background: #006b67; border-color: #006b67; } .askem .askem-plugin .askem-reactions .askem-reactions-group .askem-reaction-button:hover .askem-label,.askem .askem-plugin .askem-reactions .askem-reactions-group .askem-reaction-button:focus .askem-label { color: #fff; } .askem .askem-plugin .askem-reaction { flex: 1 1 auto; width: auto !important; min-width: 70px; margin-right: 0 !important; } .hyphens-manual { hyphens: manual; } .inline-legend { width: auto; float: left; } .visible-hidden { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } .sr-only { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .right-1rem { right: 1rem; } .right-0 { right: 0; } .external-link svg { display: inline-block; margin-left: .25rem; } .h-full { height: 100% !important; } .w-full { width: 100% !important; } .object-cover { -o-object-fit: cover; object-fit: cover; } .aspect-3-2 { aspect-ratio: 3/2; } .fade-enter-active,.fade-leave-active { transition: opacity .5s; } .fade-enter,.fade-leave-to { opacity: 0; } .slide-enter-active { transition-duration: .5s; transition-timing-function: ease-out; } .slide-leave-active { transition-duration: .5s; transition-timing-function: ease-in; } .slide-enter-to,.slide-leave { max-height: 150px; overflow: hidden; } .slide-enter,.slide-leave-to { overflow: hidden; max-height: 0; } .slide-in-right-enter-active { animation: slide-in-right 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } .slide-in-right-leave-active,.slide-in-right-leave-to { animation: slide-in-right 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both reverse; } @keyframes slide-in-right { 0% { transform: translateX(1000px); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } .loading-animation { position: relative; width: 75px; height: 75px; transform: scale(0.6); } .loading-animation>div { position: absolute; background-color: #fff; height: 14px; width: 14px; border-radius: 50%; animation: dotAnimation 1.2s infinite linear; } .loading-animation div:nth-child(1) { left: 0; top: 31px; animation-delay: .45s; } .loading-animation div:nth-child(2) { left: 9px; top: 9px; animation-delay: .6s; } .loading-animation div:nth-child(3) { left: 31px; top: 0; animation-delay: .75s; } .loading-animation div:nth-child(4) { right: 9px; top: 9px; animation-delay: .9s; } .loading-animation div:nth-child(5) { right: 0; top: 31px; animation-delay: 1.05s; } .loading-animation div:nth-child(6) { right: 9px; bottom: 9px; animation-delay: 1.2s; } .loading-animation div:nth-child(7) { left: 31px; bottom: 0; animation-delay: 1.35s; } .loading-animation div:nth-child(8) { left: 9px; bottom: 9px; animation-delay: 1.5s; } @keyframes dotAnimation { 0% { background-color: #000; } 100% { background-color: #fff; } } @media print { header,footer,.link-list-block,.crisis,.theme-crisis,.breadcrumbs,.image,.waste-search,.hero-block,.hero,.filters-container,.link-to-top,a.button,.hero-search,#ninchat-iframe.ninchat-embed-container { display: none !important; } .water-supply-info.box { margin-top: 0; } } .site-top-bar { position: relative; } header:not(.front-page-header) { min-height: 88px; } @media (min-width: 1200px) { header:not(.front-page-header) { min-height: 100px; } } header.front-page-header { position: absolute; left: 0; right: 0; top: 100%; z-index: 50; } header.front-page-header .desktop-header,header.front-page-header .mobile-header { background: rgba(0,0,0,0); box-shadow: none; color: #fff; } header.front-page-header .desktop-header>div,header.front-page-header .desktop-header>nav,header.front-page-header .mobile-header>div,header.front-page-header .mobile-header>nav { z-index: 1; } header.front-page-header .desktop-header button,header.front-page-header .desktop-header a,header.front-page-header .mobile-header button,header.front-page-header .mobile-header a { color: #fff; } header.front-page-header .desktop-header button:focus.focus-visible,header.front-page-header .desktop-header button:focus-visible,header.front-page-header .desktop-header a:focus.focus-visible,header.front-page-header .desktop-header a:focus-visible,header.front-page-header .mobile-header button:focus.focus-visible,header.front-page-header .mobile-header button:focus-visible,header.front-page-header .mobile-header a:focus.focus-visible,header.front-page-header .mobile-header a:focus-visible { outline-color: #fff !important; } header.front-page-header .desktop-header .header-logo,header.front-page-header .mobile-header .header-logo { filter: brightness(0) invert(1); } header.front-page-header .desktop-header .main-nav--first-level { color: #2c2a29; } header.front-page-header .desktop-header .main-nav--first-level a,header.front-page-header .desktop-header .main-nav--first-level button { color: #00847f; } header.front-page-header .desktop-header .main-nav--first-level .main-nav--first-level-introtext { color: #2c2a29; } header.front-page-header .mobile-header .container-fluid:nth-of-type(1).menuOpen,header.front-page-header .mobile-header .container-sm:nth-of-type(1).menuOpen,header.front-page-header .mobile-header .container-md:nth-of-type(1).menuOpen,header.front-page-header .mobile-header .container-lg:nth-of-type(1).menuOpen,header.front-page-header .mobile-header .container-xl:nth-of-type(1).menuOpen { box-shadow: none; } header.front-page-header .mobile-nav,header.front-page-header .search-overlay { color: #00847f; } header.front-page-header .mobile-nav a,header.front-page-header .mobile-nav button,header.front-page-header .search-overlay a,header.front-page-header .search-overlay button { color: #00847f; } header .quick-links a:hover,header .quick-links .active,header .lang-select a:hover,header .lang-select .active { text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 6px; } header .flex-wrap { flex-wrap: wrap; } header .desktop-header,header .mobile-header { color: #00847f; font-size: .9rem; } header .desktop-header .icon-logo-text,header .mobile-header .icon-logo-text { margin-top: 7px; } header .desktop-header nav,header .mobile-header nav { display: flex; } header .desktop-header ul,header .mobile-header ul { list-style: none; padding-left: 0; } header .desktop-header ul li:focus,header .mobile-header ul li:focus { outline: none; } header .desktop-header ul li:focus.focus-visible,header .mobile-header ul li:focus.focus-visible { outline: 2px solid #00847f; } header .desktop-header a.skip-main,header .mobile-header a.skip-main { left: -999px; position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -999; } header .desktop-header a.skip-main:focus,header .desktop-header a.skip-main:active,header .mobile-header a.skip-main:focus,header .mobile-header a.skip-main:active { color: #fff; background-color: #006b67; left: auto; top: 30px; width: 30%; height: auto; overflow: auto; margin: 10px 30%; padding: 10px; border-radius: 3px; border: 4px solid #006b67; text-align: center; font-size: 1.1rem; z-index: 999; } header .desktop-header a,header .mobile-header a { text-decoration: none; display: inline-block; } header .desktop-header a:focus,header .mobile-header a:focus { outline: none; } header .desktop-header a:focus.focus-visible,header .mobile-header a:focus.focus-visible { outline: 2px solid #00847f; } header .desktop-header .header-logo-link,header .mobile-header .header-logo-link { display: flex; align-items: center; } header .desktop-header .header-logo-link:hover,header .mobile-header .header-logo-link:hover { border-bottom: none; } header .desktop-header .main-nav,header .mobile-header .main-nav { font-size: 1.1rem; } header .desktop-header .main-nav .col-auto,header .mobile-header .main-nav .col-auto { position: static; } header .desktop-header .main-nav>li:first-of-type,header .mobile-header .main-nav>li:first-of-type { padding-left: 0; } header .desktop-header .main-nav>li:first-of-type button,header .mobile-header .main-nav>li:first-of-type button { padding-left: 0; } header .desktop-header button,header .desktop-header a,header .mobile-header button,header .mobile-header a { color: #00847f; } header .desktop-header button.unstyled-button .icon,header .desktop-header a.unstyled-button .icon,header .mobile-header button.unstyled-button .icon,header .mobile-header a.unstyled-button .icon { font-size: 1.35rem; } header .mobile-header { padding-bottom: 0; } header .mobile-header .container-fluid button.unstyled-button:focus-visible,header .mobile-header .container-sm button.unstyled-button:focus-visible,header .mobile-header .container-md button.unstyled-button:focus-visible,header .mobile-header .container-lg button.unstyled-button:focus-visible,header .mobile-header .container-xl button.unstyled-button:focus-visible { outline: 2px solid #00847f; } header .mobile-header .container-fluid:nth-of-type(1),header .mobile-header .container-sm:nth-of-type(1),header .mobile-header .container-md:nth-of-type(1),header .mobile-header .container-lg:nth-of-type(1),header .mobile-header .container-xl:nth-of-type(1) { padding-bottom: 5px; } header .mobile-header .container-fluid:nth-of-type(1).menuOpen,header .mobile-header .container-sm:nth-of-type(1).menuOpen,header .mobile-header .container-md:nth-of-type(1).menuOpen,header .mobile-header .container-lg:nth-of-type(1).menuOpen,header .mobile-header .container-xl:nth-of-type(1).menuOpen { box-shadow: 0 4px 2px 0px rgba(0,0,0,.15); } header .mobile-header .main-nav { padding-top: 20px; font-size: 25px; } header .mobile-header .main-nav section { animation: slide-down-mobile .25s ease-out; } header .mobile-header .main-nav button.position-relative { z-index: 8000; } header .mobile-header .is-open { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 7px; } header .mobile-header .main-nav--first-level-link { line-height: 25px; font-size: 20px; } header .mobile-header .main-nav--second-level-link { padding-left: 20px; position: relative; font-size: 15px; line-height: 23px; font-weight: normal; } header .mobile-header .main-nav--second-level-link:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 7px; } header .mobile-header .main-nav--third-level-list-item { padding-left: 20px; margin-left: 20px; line-height: 1; } header .mobile-header .main-nav--third-level-link { font-weight: normal; font-size: 15px; line-height: 23px; padding-right: 3rem; } header .mobile-header .main-nav--third-level-link:hover { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 7px; } header .mobile-header .header-logo { height: 65px; } header .mobile-header .header-logo-link { padding-right: 0; } header .mobile-header a { height: inherit; padding-top: 3px; padding-bottom: 3px; padding-right: 2rem; } header .header-supportlink,header .language-selection-links a { font-size: 18px; margin-bottom: 10px; } header .mobile-navi-big-image { position: absolute !important; top: auto !important; bottom: 0; right: 0; height: 166px !important; width: 166px !important; } header .desktop-header .desktop-header-layout { display: flex; align-items: stretch; } header .desktop-header .header-logo-col { align-items: center; display: flex; flex-shrink: 0; padding: 0 32px 0 0; } header .desktop-header .header-right-col { display: flex; flex-direction: column; flex: 1; min-width: 0; } header .desktop-header .header-top-row { align-items: center; display: flex; gap: 24px; justify-content: flex-end; } header .desktop-header .header-top-row ul { margin-bottom: 0; } header .desktop-header .main-nav { width: 100%; } header .desktop-header .main-nav--intro { padding-right: 40px; } header .desktop-header .main-nav--section { font-weight: bold; background: none; border: none; cursor: pointer; line-height: 45px; } header .desktop-header .main-nav--section:focus { outline: none; } header .desktop-header .main-nav--section:focus.focus-visible,header .desktop-header .main-nav--section:focus.active.focus-visible,header .desktop-header .main-nav--section:focus-visible { outline: 3px solid #00847f; } header .desktop-header .main-nav--section.active,header .desktop-header .main-nav--section:hover { text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 14px; } @media (max-width: 1440px) { header .desktop-header .col-auto { padding: 0 7px; } header .desktop-header .main-nav--section { font-size: 18px; } } header .desktop-header .main-nav--intro-wrapper { padding: 30px; box-shadow: 0px 4px 8px -1px rgba(0,0,0,.25); } header .desktop-header .main-nav--intro-wrapper:hover { box-shadow: 0px 11px 18px 4px rgba(0,0,0,.25); cursor: pointer; } header .desktop-header .main-nav--first-level { position: absolute; padding: 40px 0 100px 0; box-shadow: 0 40px 30px -4px rgba(44,42,41,.5); z-index: 10000; min-height: 500px; left: 0; right: 0; top: 110px; background: #fff; color: #2c2a29; } header .desktop-header .main-nav--first-level>div { animation: slide-down .5s ease-out; } header .desktop-header .main-nav--first-level-heading { margin-top: 0; font-size: 25px; line-height: 30px; color: #00847f; margin-bottom: 2rem; } header .desktop-header .main-nav--first-level-introtext { font-size: 15px; line-height: 22px; color: #2c2a29; font-weight: normal; } header .desktop-header .main-nav--first-level-link { display: inline-block; color: #000; font-weight: bold; font-size: 25px; line-height: 25px; padding: 10px 18px 8px 14px; } header .desktop-header .main-nav--first-level-link .icon { transform: translate(5px, -2px); transition: all .3s ease-in-out; } header .desktop-header .main-nav--first-level-link:hover { text-decoration: none; border: 0; } header .desktop-header a:hover .main-nav--first-level-heading { text-decoration: underline; } header .desktop-header a:hover .main-nav--first-level-link .icon { transform: translate(15px, -2px); } header .desktop-header .main-nav--second-level-container,header .desktop-header .main-nav--third-level-container { padding-right: 20px; } header .desktop-header .main-nav--second-level-list-item,header .desktop-header .main-nav--third-level-list-item { margin: 10px 0; display: flex; justify-content: space-between; align-items: baseline; } header .desktop-header .main-nav--second-level-list-item .unstyled-button:focus.focus-visible,header .desktop-header .main-nav--third-level-list-item .unstyled-button:focus.focus-visible { outline: 2px solid #00847f !important; } header .desktop-header .main-nav--second-level-list-item .icon-button,header .desktop-header .main-nav--third-level-list-item .icon-button { transform: translateY(-1px); line-height: 0; } header .desktop-header .main-nav--third-level-container { position: absolute; left: 100%; top: 0; width: 75%; animation: slide-left .5s ease; } header .desktop-header .main-nav--third-level-list-item { margin: 8px 0; } header .desktop-header .main-nav--second-level-list-item:first-child,header .desktop-header .main-nav--third-level-list-item:first-child { margin-top: 0; } header .desktop-header .main-nav--second-level-link { position: relative; font-size: 20px; line-height: 25px; padding-right: 30px; } header .desktop-header .main-nav--second-level-link:hover,header .desktop-header .main-nav--second-level-link.is-open { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 5px; } header .desktop-header .main-nav--third-level-link { font-weight: normal; font-size: 18px; position: relative; padding-right: 20px; } header .desktop-header .main-nav--third-level-link:hover,header .desktop-header .main-nav--third-level-link.is-open { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; } header .desktop-header .main-nav--second-level-link:hover,header .desktop-header .main-nav--third-level-link:hover { border-bottom: none; } header .desktop-header .main-nav--third-level-link:after { height: 2px; } header .desktop-header .nav-search-item .main-nav--section { align-items: center; display: flex; gap: 6px; } header .desktop-header .nav-search-item .main-nav--section:focus-visible { outline: 3px solid #00847f; } @media (max-width: 1440px) { header .desktop-header .search-label { font-size: 18px; } } header .desktop-header .search-label { font-weight: bold; } .mobile-nav { animation: slide-down-mobile .5s ease-out; box-shadow: 0 5px 6px 0 rgba(0,0,0,.15); position: absolute; z-index: 8000; background-color: #fff; } .language-selection-links .active,.language-selection-links .active:hover { text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 6px; } @keyframes slide-down { 0% { opacity: 0; transform: translateY(-30px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes slide-down-mobile { 0% { opacity: 0; transform: translateY(-15px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes slide-left { 0% { opacity: 0; transform: translateX(100px); } 100% { opacity: 1; transform: translateY(0); } } :root footer,html footer { background-color: rgba(100,195,205,.08); color: #006b67; position: relative; padding-top: 35px; padding-bottom: 110px; font-size: .75rem; margin-top: 60px; } :root footer .icon.icon-logo-text,html footer .icon.icon-logo-text { font-size: 3rem; } :root footer .icon.icon-logo-drops,html footer .icon.icon-logo-drops { font-size: 4rem; } :root footer h2,:root footer h3,html footer h2,html footer h3 { margin-bottom: 1rem; font-size: .75rem; } :root footer h2:first-of-type,:root footer h3:first-of-type,html footer h2:first-of-type,html footer h3:first-of-type { margin-top: 1rem; } :root footer p,html footer p { margin-bottom: 2rem; } :root footer a,html footer a { color: #006b67; } :root footer a img,html footer a img { width: 1rem; height: 1rem; } :root footer .footer-big-image,html footer .footer-big-image { position: absolute; bottom: 0; right: 0px; height: 30%; opacity: .28; z-index: -1; } @media (min-width: 680px) { :root footer .footer-big-image,html footer .footer-big-image { height: 50%; } } @media (min-width: 992px) { :root footer .footer-big-image,html footer .footer-big-image { height: 80%; } } @media (min-width: 1200px) { :root footer .footer-big-image,html footer .footer-big-image { height: 85%; } } @media (min-width: 1340px) { :root footer .footer-big-image,html footer .footer-big-image { height: 90%; } } @media (min-width: 1440px) { :root footer .footer-big-image,html footer .footer-big-image { height: 105%; } } :root footer .social-media-wrapper,html footer .social-media-wrapper { margin-left: 0; } @media (min-width: 576px) { :root footer .social-media-wrapper,html footer .social-media-wrapper { margin-left: 4rem; } } :root footer .social-media,html footer .social-media { justify-content: left; } @media (min-width: 992px) { :root footer .social-media,html footer .social-media { justify-content: space-between; } } :root .askem-header,:root .askem-footer,html .askem-header,html .askem-footer { padding: 0 .5%; } .search-overlay { width: 86%; position: absolute; z-index: 1; background: #fff; } .search-overlay .button { position: absolute; top: 6px; right: 39px; padding: 6px 10px; font-size: .9rem; } .search-overlay .button:hover { box-shadow: none; } .search-overlay .autocomplete-input,.search-overlay .autocomplete-result-list { width: calc(100% - 32px) !important; } .search-overlay .unstyled-button { position: absolute; right: 0; top: 10px; padding: 0; } .filter { border: 2px solid #00847f; border-radius: 3px; color: #00847f; font-weight: bold; padding: 4px 15px; background: #fff; font-size: .9rem; } .filter:hover,.filter.active { background: #00847f; color: #fff; } .filter.active:focus,.filter.focus-visible { outline: 2px solid #000; } .search-page .search-input .button { right: 22px; height: 47px; } .search-page .contact-block .box { padding: 40px 30px; } .search-page .contact-block .box img { margin-left: 15px; } @media (max-width: 991px) { .search-overlay { width: 92%; left: 4%; top: 50%; transform: translateY(-50%); } } .climate-action-search-page .search-input .button { right: 22px; height: 47px; } .breadcrumbs { background-color: #00847f; color: #fff; font-size: .9rem; overflow-x: auto; overflow-y: hidden; white-space: nowrap; padding: 25px 0; align-items: center; display: flex; font-weight: bold; } .breadcrumbs .breadcrumbs-wrapper { margin: 0 auto; display: flex; padding: 0 10px; } .breadcrumbs .breadcrumbs-wrapper span { line-height: 34px; } .breadcrumbs ul { list-style: none; display: flex; margin-bottom: 0; padding-left: 0; } .breadcrumbs ul li { display: flex; padding-left: 10px; } .breadcrumbs ul li a { color: #fff; line-height: 34px; text-decoration: none; padding: 0 5px; } .breadcrumbs ul li a:hover { color: #fff; } .breadcrumbs ul li a:focus { outline: none; } .breadcrumbs ul li a:focus.focus-visible { outline: 2px solid #fff; } .breadcrumbs ul li .breadcrumb-separator { background-color: #006b67; border-radius: 50%; width: 1.7rem; height: 1.7rem; display: flex; justify-content: center; align-items: center; margin-left: 15px; } .breadcrumbs ul li .breadcrumb-separator .icon { stroke-width: 1; } .breadcrumbs ul li:last-of-type .breadcrumb-separator { display: none; } @media (max-width: 991px) { .breadcrumbs { justify-content: inherit; padding: 10px; } .breadcrumbs ul li:last-of-type { padding-right: 10px; } } .sidebar { padding-bottom: 1.5rem; } .sidebar .block-container { border-top: none; padding-top: 0 !important; padding-bottom: 0 !important; } .sidebar .container-fluid,.sidebar .container-sm,.sidebar .container-md,.sidebar .container-lg,.sidebar .container-xl { padding: 0; } .sidebar .show-more { margin: 30px 0 0 0 !important; } .sidebar>.mb-5 { margin-bottom: 0 !important; } .sidebar .link-list-block { margin-top: 50px; padding-bottom: 0 !important; margin-bottom: 0; } .sidebar .link-list-block .col:first-of-type { padding: 0; } .sidebar .link-list-block .col:first-of-type .row { margin: 0; } .sidebar .event-lift-block { margin-top: 50px !important; } .sidebar .event-lift-block .h2 { text-align: left !important; font-size: 1.5rem; } .sidebar .event-lift-block .col-lg-12 { padding-right: 0; padding-left: 0; } .sidebar .event-lift-block .col-lg-12:first-of-type .event-box.box { margin-top: 0; } .sidebar .event-lift-block .col-lg-12 .event-box.box.compact { padding: 25px 15px; } .sidebar .lift-container-block { padding: 0 0 0 0 !important; margin-top: 50px !important; } .sidebar .lift-container-block .col-lg-8 { width: 100% !important; max-width: 100% !important; } .sidebar .lift-container-block .contact-block .box { margin-top: 0; margin-bottom: .75rem; } .sidebar .lift-container-block .location-box { margin-top: 0; margin-bottom: .75rem; } .sidebar .lift-container-block .row:last-of-type .contact-block .box { margin-bottom: 0; } .sidebar .lift-container-block .row:last-of-type .location-box { margin-bottom: 0; } .sidebar .contact-block .box { margin-top: 50px; margin-bottom: 0; } .sidebar .preamble { font-size: 20px; } .sidebar .event-date h4 { margin-left: 0; } .sidebar .service-map-embedded-block { margin-top: 50px; margin-bottom: 0; } .sidebar .service-map-embedded-block .h2 { font-size: 1.5rem; margin-top: 0; } .sidebar .service-map-embedded-block>div:first-of-type { padding-bottom: 0 !important; } .sidebar .service-map-embedded-block>div:first-of-type iframe { position: inherit !important; height: 51%; } .sidebar .collection-vehicle-search-block,.sidebar .waste-search-block,.sidebar .map { margin-bottom: 0; margin-top: 50px; } .sidebar .waste-search-block .preamble { font-size: 1rem; } .sidebar .related-lift-block .h2 { margin-left: 0; } .sidebar .related-lift-block .col-lg-12 { padding-left: 0; padding-right: 0; } .sidebar .related-lift-block .show-more { margin: 30px 0 0 0 !important; } .sidebar .map .map-area { height: 415px; } .related-block .related-box span { font-weight: 300; } .related-block .related-box p { margin-bottom: 0; } @media (max-width: 991px) { .related-block .h2 { margin-bottom: 0; } .related-block h5 { margin-top: 2rem; } } .related-lift-block .h2 { text-align: center; } .hero-block { position: relative; } .hero-block p { margin-top: unset; margin-bottom: unset; } .hero-block.white-text { color: #fff; text-shadow: 4px 2px 4px rgba(0,0,0,.15); } .hero-block .hero-img { width: 100%; height: 100%; position: absolute; z-index: -1; -o-object-fit: cover; object-fit: cover; top: 0; } .hero-block .hero-content { padding-top: 5.1rem; padding-bottom: 60px; } .hero-block p.preamble { margin-top: 3rem; } @media (max-width: 991px) { .hero-block img { position: inherit; } .hero-block .image-container { position: relative; } .hero-block .image-container .hero-img { position: absolute; } .hero-block .image-container .container-fluid .col-8,.hero-block .image-container .container-sm .col-8,.hero-block .image-container .container-md .col-8,.hero-block .image-container .container-lg .col-8,.hero-block .image-container .container-xl .col-8 { padding-top: 80px !important; padding-bottom: 80px !important; } .hero-block .image-container.white-text { color: #fff; text-shadow: 4px 2px 4px rgba(0,0,0,.15); } .hero-block .hero-content { padding-top: 0; padding-bottom: 0; } .hero-block .col-12 .preamble { margin-top: 40px; } .hero-block p.preamble { margin-top: 0; } } .waste-search-hero .hero-img { top: 0; } .hero-search__content { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%); } @media (min-width: 991px) { .hero-search__content { background: none; } } .inner-page-hero { color: #fff; isolation: isolate; min-height: 640px; } .inner-page-hero::after { background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 20%, rgba(0, 0, 0, 0.55) 100%); content: ""; inset: 0; pointer-events: none; position: absolute; z-index: 1; } .inner-page-hero .hero-img-placeholder { filter: blur(12px); height: calc(100% + 80px); left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: absolute !important; top: -40px; transform: scale(1.04); width: 100%; z-index: 0; } .inner-page-hero .hero-img { height: calc(100% + 80px); left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: absolute !important; top: -40px; width: 100%; z-index: 1; } .inner-page-hero__content { align-items: center; display: flex; flex-direction: column; justify-content: flex-end; min-height: 640px; padding-bottom: 48px; padding-top: 220px; position: relative; text-align: center; z-index: 2; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.6) 100%); } @media (min-width: 991px) { .inner-page-hero,.inner-page-hero__content { max-height: 780px; } } .inner-page-hero__text { max-width: 900px; } .inner-page-hero__heading { color: #fff; font-size: clamp(3rem,5vw,5rem) !important; font-weight: 800; line-height: 1; margin: 0; text-transform: uppercase; } .inner-page-hero__preamble { font-size: 1.25rem; line-height: 1.4; margin-top: 24px; } .inner-page-hero__preamble p:last-child { margin-bottom: 0; } .inner-page-hero__lifts { display: grid; gap: 48px; grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 1160px; text-align: left; width: 100%; } .inner-page-hero__lifts>div { display: contents; } .inner-page-hero__lifts>* { min-width: 0; } .hero-lift-item { background: #fff; border-radius: 8px; box-shadow: 0 10px 20px rgba(0,0,0,.15); color: #2c2a29; display: flex; flex-direction: column; height: 100%; min-height: 214px; padding: 32px; text-decoration: none; } a.hero-lift-item:hover,a.hero-lift-item:focus { color: #2c2a29; text-decoration: none; } a.hero-lift-item:focus-visible,a.hero-lift-item.focus-visible { outline: 3px solid #00847f; outline-offset: 4px; } .hero-lift-item__icon { color: #00847f; display: block; font-size: 28px; font-weight: 300; line-height: 1; margin-bottom: 16px; } .hero-lift-item__heading { display: block; font-size: 1.375rem; font-weight: 800; line-height: 1.2; margin-bottom: 16px; } .hero-lift-item__heading svg { display: inline-block; height: 1em; margin-left: .25rem; vertical-align: middle; width: 1em; } @media (max-width: 991px) { .inner-page-hero { min-height: auto; } .inner-page-hero::after { bottom: auto; height: 360px; } .inner-page-hero .hero-img-placeholder { clip-path: inset(0); height: 360px; top: 0; transform: none; } .inner-page-hero .hero-img { height: 360px; top: 0; } .inner-page-hero__content { background: none; min-height: auto; padding-bottom: 0; padding-top: 0; } .inner-page-hero__text { display: flex; flex-direction: column; justify-content: flex-end; min-height: 360px; width: 100%; } .inner-page-hero__preamble { display: none; } .inner-page-hero__heading { font-size: 2.75rem; } .inner-page-hero__lifts { gap: 20px; grid-template-columns: 1fr; padding: 40px 0; } .hero-lift-item { min-height: 0; padding: 28px; } } @property --hs-rx { syntax: ""; inherits: false; initial-value: 80%; } @property --hs-ry { syntax: ""; inherits: false; initial-value: 85%; } @keyframes hs-gradient-expand { from { --hs-rx: 50%; --hs-ry: 85%; } to { --hs-rx: 100%; --hs-ry: 88%; } } .hero-search-placeholder { min-height: clamp(500px,90vh,900px) !important; transition: min-height .25s ease; } @media (min-width: 1200px) { .hero-search-placeholder { min-height: 960px !important; } } .hero-search { animation: hs-gradient-expand 10s ease forwards; background-image: radial-gradient(var(--hs-rx) var(--hs-ry) at 75% 100%, #35BDD9 0%, #1C6473 100%); position: relative; z-index: 1; } .hero-search .autocomplete-result-list { z-index: 40; } .hero-search.hero-block .hero-img-wrapper { inset: 0; opacity: 0; pointer-events: none; position: absolute; transition: opacity .4s ease,bottom 4s ease; will-change: opacity; z-index: 10; bottom: -75px; } .hero-search.hero-block .hero-img-wrapper.hero-img-wrapper--visible { opacity: .95; } .hero-search.hero-block .hero-img-wrapper.hero-img-wrapper--loaded { bottom: -150px; } .hero-search.hero-block .hero-img-wrapper.hero-img-wrapper--loaded .hero-img-placeholder { opacity: 0; } .hero-search.hero-block .hero-img-placeholder,.hero-search.hero-block .hero-img { bottom: 0; height: 108%; left: 70%; max-width: none; -o-object-fit: contain; object-fit: contain; -o-object-position: bottom center; object-position: bottom center; position: absolute; top: auto; width: auto; } .hero-search.hero-block .hero-img-placeholder { filter: blur(20px); transform: translateX(-49%); transition: opacity .4s ease; z-index: 0; } .hero-search.hero-block .hero-img { opacity: 0; transform: translateX(-49%); transition: opacity .6s ease; will-change: opacity; z-index: 1; } .hero-search.hero-block .hero-img.hero-img--loaded { opacity: 1; } .hero-search .hero-search-input .autocomplete { width: 100%; } .hero-search .hero-search-input .autocomplete-input { width: 100%; padding: 1.25rem 4.75rem 1.25rem 2.25rem; font-size: 1.375rem; line-height: 1.2; background-color: hsla(0,0%,100%,.96); border-radius: .5rem; border: none; box-shadow: 0 10px 20px rgba(0,0,0,.15); color: #00847f; transition: box-shadow .25s ease,border-color .25s ease; } .hero-search .hero-search-input .autocomplete-input::-moz-placeholder { color: #00847f; opacity: 1; } .hero-search .hero-search-input .autocomplete-input::placeholder { color: #00847f; opacity: 1; } .hero-search .hero-search-input .autocomplete-input:focus { outline: none; box-shadow: 0 0 0 4px rgba(0,107,103,.18); } @media (min-width: 768px) { .hero-search.hero-block .hero-img-placeholder,.hero-search.hero-block .hero-img { height: 102%; left: auto; right: -5vw; } .hero-search.hero-block .hero-img-placeholder { transform: scale(1.04); } .hero-search.hero-block .hero-img { transform: none; } } .hero-search.hero-block .hero-img-placeholder,.hero-search.hero-block .hero-img { height: calc(100% - 100px); right: 0; } @media (min-width: 1280px) { .hero-search.hero-block .hero-img-placeholder,.hero-search.hero-block .hero-img { right: 4vw; } } @media (min-width: 1440px) { .hero-search.hero-block .hero-img-placeholder,.hero-search.hero-block .hero-img { right: 7vw; } } @media (max-width: 991px) { .hero-search .hero-search-input .autocomplete-input { padding: 1rem 4.5rem 1rem 2.25rem; font-size: 1.375rem; } } @media (max-width: 1199px) { .hero-search.hero-block { height: 90vh; min-height: 500px; max-height: 900px; } .hero-search__content { height: 100%; min-height: 100% !important; } } .related-pages-block .related-box,.related-lift-block .related-box { font-weight: normal; margin-bottom: 15px; } .related-pages-block .related-box .image-container,.related-lift-block .related-box .image-container { width: 100%; padding-top: 56.25%; position: relative; height: inherit; } .related-pages-block .related-box img,.related-lift-block .related-box img { position: absolute; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .related-pages-block .related-box .related-box-text,.related-lift-block .related-box .related-box-text { background: #fff; overflow: hidden; margin-top: 25px; font-size: .9rem; } .related-pages-block .related-box .related-box-text div,.related-pages-block .related-box .related-box-text h3,.related-lift-block .related-box .related-box-text div,.related-lift-block .related-box .related-box-text h3 { font-size: 15px; } .related-pages-block .related-box .related-box-text div .tag,.related-pages-block .related-box .related-box-text h3 .tag,.related-lift-block .related-box .related-box-text div .tag,.related-lift-block .related-box .related-box-text h3 .tag { background-color: #00847f; color: #fff; font-weight: bold; border-radius: 3px; font-size: 15px; align-items: center; display: inline-flex; padding: 4px 8px; line-height: 1rem; } .related-pages-block .related-box .related-box-text h3,.related-lift-block .related-box .related-box-text h3 { font-size: 1.05rem; line-height: 1.25; } @media (min-width: 991px) { .related-pages-block .related-box .related-box-text h3,.related-lift-block .related-box .related-box-text h3 { font-size: 1rem; } } .related-pages-block .related-box .related-box-text p,.related-lift-block .related-box .related-box-text p { margin-bottom: 0; line-height: 22px; } .related-pages-block .related-box.compact .related-box-text,.related-lift-block .related-box.compact .related-box-text { margin-top: 0; } .related-pages-block .show-more,.related-lift-block .show-more { background: none; border: none; cursor: pointer; background-color: #00847f; color: #fff !important; border-radius: 3px; font-weight: bold; font-size: .9rem; padding: 10px 16px; } .related-pages-block .show-more:focus,.related-lift-block .show-more:focus { outline: none; } .related-pages-block .show-more .arrow-icon,.related-lift-block .show-more .arrow-icon { background-color: #006b67; width: 1.5rem; height: 1.5rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; vertical-align: middle; } .related-pages-block .show-more .arrow-icon .icon,.related-lift-block .show-more .arrow-icon .icon { stroke-width: 1; } .related-pages-block .show-more:hover,.related-pages-block .show-more:focus,.related-lift-block .show-more:hover,.related-lift-block .show-more:focus { box-shadow: 0 5px 10px 0 rgba(0,0,0,.3); outline: none !important; } .related-pages-block .show-more.focus-visible,.related-lift-block .show-more.focus-visible { outline: 2px solid #000 !important; outline-offset: 2px; } .related-pages-block .related-box .related-box-text { margin-top: .5rem; } .process-block .process-step { box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); padding: 30px; border-radius: 3px; margin-top: 15px; display: block; color: #2c2a29; text-decoration: none; line-height: 1.1rem; } @media (max-width: 991px) { .process-block .process-step { padding: 15px; } } .process-block .process-step .counter { min-width: 2rem; min-height: 2rem; width: 2rem; height: 2rem; color: #fff; background-color: #00847f; font-weight: bold; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .process-block .process-step .h6 { margin: .4rem 0 .5rem; } .process-block .process-step p { margin: .4rem 0; font-size: .9rem; line-height: 1.1rem; } .process-block .process-step ul,.process-block .process-step ol { font-size: .9rem; line-height: 1.1rem; } .video-block.container-fluid,.video-block.container-sm,.video-block.container-md,.video-block.container-lg,.video-block.container-xl { padding: 120px 22%; border-top: 1px solid #d8d4d3; } .video-block.container-fluid h2,.video-block.container-sm h2,.video-block.container-md h2,.video-block.container-lg h2,.video-block.container-xl h2 { cursor: default; } .video-block.container-fluid .video-container,.video-block.container-sm .video-container,.video-block.container-md .video-container,.video-block.container-lg .video-container,.video-block.container-xl .video-container { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; } .video-block.container-fluid .aspect-ratio-vertical,.video-block.container-sm .aspect-ratio-vertical,.video-block.container-md .aspect-ratio-vertical,.video-block.container-lg .aspect-ratio-vertical,.video-block.container-xl .aspect-ratio-vertical { padding-bottom: 100%; aspect-ratio: 9/16; margin: 0 auto; } .video-block.container-fluid video,.video-block.container-sm video,.video-block.container-md video,.video-block.container-lg video,.video-block.container-xl video,.video-block.container-fluid iframe,.video-block.container-sm iframe,.video-block.container-md iframe,.video-block.container-lg iframe,.video-block.container-xl iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .col-lg-7 .video-block.container-fluid,.col-lg-7 .video-block.container-sm,.col-lg-7 .video-block.container-md,.col-lg-7 .video-block.container-lg,.col-lg-7 .video-block.container-xl { padding: 1.5rem 0; border-top: none; } @media (max-width: 991px) { .video-block.container-fluid,.video-block.container-sm,.video-block.container-md,.video-block.container-lg,.video-block.container-xl { padding: 50px calc(4% + 15px); } } .video-list-block .video-container { position: relative; padding-bottom: 56.25%; height: 0; } .video-list-block .aspect-ratio-vertical { padding-bottom: 177%; aspect-ratio: 9/16; margin: 0 auto; } .video-list-block .col-lg-6 .aspect-ratio-vertical { padding-bottom: 150%; } .video-list-block video,.video-list-block iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .video-list-block .video-list-preamble { max-width: 775px; margin: 0 auto; } .video-list-block .video-list-preamble p { margin-bottom: 2rem; } .autocomplete-input { background-image: none; padding: 12px 25px; background-color: #fff; font-size: .9rem; border-radius: 3px; border: none; box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); } .autocomplete-input.focus-visible { outline: 2px solid #000 !important; } ul.autocomplete-result-list { font-weight: normal; color: #00847f; } .autocomplete-result { background-image: none; padding: 12px; } .search-input { position: relative; } .search-input input { height: 60px; box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); border: none; border-bottom: 2px solid #d8d4d3; border-radius: 3px; } .search-input input:hover { color: #2c2a29; box-shadow: 0 5px 10px 0 rgba(0,0,0,.2); outline: none; } .search-input input:focus { color: #2c2a29; outline: 2px solid #00847f !important; } .search-input button { position: absolute; color: #00847f; right: 8px; top: 6.5px; font-size: .9rem; z-index: 999; } .search-input button:hover { box-shadow: none; } .search-input button.focus-visible { outline: 2px solid #000 !important; outline-offset: 2px; } input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; } input::-ms-reveal { display: none; width: 0; height: 0; } input::-ms-clear { display: none; width: 0; height: 0; } ::-moz-placeholder { color: #00847f; } ::placeholder { color: #00847f; } .popular-search-results-block { padding-top: 120px; padding-bottom: 120px; } .search-result { box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); padding: 30px; border-radius: 3px; margin-top: 15px; display: block; color: #2c2a29; text-decoration: none; display: flex; align-items: center; padding: 40px 30px; } @media (max-width: 991px) { .search-result { padding: 15px; } } .search-result p { font-family: "Interstate",Arial,sans-serif; font-weight: 300; font-size: .9rem; } .search-result p b { font-weight: bold; } .search-result a.title-link { color: #2c2a29; text-decoration: none; } .search-result a.title-link:hover { color: #2c2a29; text-decoration: underline; } .search-result a.title-link:hover .arrow-icon { background-color: #006b67; } .search-result span { border-radius: 3px; color: #fff; } .search-result span.url { color: #006b67; font-weight: 300; } .search-result .arrow-icon { min-width: 2rem; min-height: 2rem; width: 2rem; height: 2rem; background-color: #969392; border-radius: 50%; color: #fff; float: right; align-items: center; display: flex; justify-content: center; font-size: 1.25rem; } .waste-card,.waste-type-card { box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); padding: 30px; border-radius: 3px; margin-top: 15px; display: block; color: #2c2a29; text-decoration: none; display: flex; align-items: center; padding: 40px 30px; } @media (max-width: 991px) { .waste-card,.waste-type-card { padding: 15px; } } .waste-card p,.waste-type-card p { font-family: "Interstate",Arial,sans-serif; font-weight: 300; font-size: .9rem; } .waste-card p b,.waste-type-card p b { font-weight: bold; } .waste-card a.title-link,.waste-type-card a.title-link { color: #2c2a29; text-decoration: none; } .waste-card a.title-link:hover,.waste-type-card a.title-link:hover { color: #2c2a29; text-decoration: underline; } .waste-card a.title-link:hover .arrow-icon,.waste-type-card a.title-link:hover .arrow-icon { background-color: #006b67; } .waste-card span,.waste-type-card span { border-radius: 3px; color: #fff; } .waste-card span.url,.waste-type-card span.url { color: #006b67; font-weight: 300; } .waste-card .recycling-tag,.waste-type-card .recycling-tag { display: inline-block; } .waste-card .recycling-method,.waste-type-card .recycling-method { font-size: .75rem; min-height: 32px; vertical-align: bottom; height: inherit; line-height: 12px; color: #fff !important; text-decoration: none; } .waste-card .recycling-method .icon,.waste-type-card .recycling-method .icon { font-size: 1.2rem; min-width: 1.2rem; } .waste-card .recycling-method.black-text,.waste-type-card .recycling-method.black-text { color: #2c2a29 !important; } .waste-card .arrow-icon,.waste-type-card .arrow-icon { min-width: 1.5rem; min-height: 1.5rem; width: 1.5rem; height: 1.5rem; background-color: #00847f; border-radius: 50%; color: #fff; align-items: center; display: flex; justify-content: center; font-size: 1rem; } .waste-card p { font-style: italic; } @media (max-width: 991px) { .popular-search-results-block { padding-top: 50px; padding-bottom: 50px; border-top: 1px solid #d8d4d3; } .waste-card .arrow-icon { min-height: 25px; min-width: 25px; height: 25px; width: 25px; font-size: 1rem; } } .accordion .accordion-header { justify-content: space-between; align-items: center; text-align: left; cursor: pointer; border: 0; background-color: #fff; color: #2c2a29; } .accordion .accordion-header:focus { outline: none; } .accordion .accordion-header:focus span { background-color: #2c2a29; border: 2px solid #000; outline: none; } .accordion .accordion-header span { height: 1.7rem; min-width: 1.7rem; border-radius: 50%; background-color: #999594; color: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer; margin-left: .5rem; } .accordion .accordion-header span.close-accordion { background-color: #00847f; } .accordion .accordion-header span.close-accordion:hover,.accordion .accordion-header span.close-accordion:focus { background-color: #006b67; box-shadow: 0 5px 10px 0 rgba(0,0,0,.3); outline: none; } .accordion .accordion-header:hover span { background-color: #2c2a29; box-shadow: 0 5px 10px 0 rgba(0,0,0,.3); outline: none; } .climate-action-search-page .accordion .accordion-text { white-space: pre-wrap; } .accordion .accordion-header span { height: 2rem; min-width: 2rem; } .accordion .file-link a { color: #2c2a29; font-family: "Interstate Light",Arial,sans-serif; font-weight: normal; } .crisis .row,.theme-crisis .row,.highlight-crisis .row { margin-left: 0; margin-right: 0; } .crisis .row>.col,.theme-crisis .row>.col,.highlight-crisis .row>.col { padding-left: 0; padding-right: 0; } .crisis .icon,.theme-crisis .icon,.highlight-crisis .icon { color: #2c2a29; font-size: 2rem; } .crisis .icon.icon-hsy-icon-close,.theme-crisis .icon.icon-hsy-icon-close,.highlight-crisis .icon.icon-hsy-icon-close { cursor: pointer; } .crisis .icon.icon-hsy-icon-close:focus,.theme-crisis .icon.icon-hsy-icon-close:focus,.highlight-crisis .icon.icon-hsy-icon-close:focus { outline: none; } .crisis .icon.icon-hsy-icon-close:focus.focus-visible,.theme-crisis .icon.icon-hsy-icon-close:focus.focus-visible,.highlight-crisis .icon.icon-hsy-icon-close:focus.focus-visible { outline: 2px solid #2c2a29; } .crisis span,.theme-crisis span,.highlight-crisis span { font-size: .75rem; } .crisis p,.theme-crisis p,.highlight-crisis p { font-size: .9rem; line-height: 1.1rem; margin-bottom: 0; } .crisis a,.theme-crisis a,.highlight-crisis a { color: #006b67; } .crisis a:hover,.theme-crisis a:hover,.highlight-crisis a:hover { color: #006b67; } .crisis .closeMessage,.theme-crisis .closeMessage,.highlight-crisis .closeMessage { transition: all 1s; } .crisis { background-color: rgba(189,52,41,.15); } .theme-crisis { background-color: rgba(249,216,0,.15); } .highlight-crisis { background-color: rgba(155,203,235,.15); } .event-lift-block .event-box,.related-lift-block .event-box { font-weight: normal; } .event-lift-block .event-box .image-container,.related-lift-block .event-box .image-container { width: 100%; padding-top: 56.25%; position: relative; } .event-lift-block .event-box .image-container img,.related-lift-block .event-box .image-container img { position: absolute; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .event-lift-block .event-box .date,.related-lift-block .event-box .date { text-transform: capitalize; } .event-lift-block .event-box .event-date,.related-lift-block .event-box .event-date { position: absolute; left: 0; top: 0; color: #00847f; min-width: 4rem; height: 4rem; background-color: #fff; text-align: center; font-size: .65rem; padding-top: .5rem; } .event-lift-block .event-box .event-box-text,.related-lift-block .event-box .event-box-text { line-height: 22px; font-size: .9rem; } .event-lift-block .event-box.compact .event-date,.related-lift-block .event-box.compact .event-date { position: inherit; padding-top: 0; margin-right: .5rem; } .calculator input#floor-area,.calculator #annual-consumption,.calculator #usage { background-image: url(/dist/img/asterisk-solid.74821373fa6d949bd3e9.svg); background-repeat: no-repeat; text-indent: 35px; background-size: 20px; background-position: 15px; border-radius: 3px; border: none; box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); } .calculator input#floor-area:focus,.calculator #annual-consumption:focus,.calculator #usage:focus { outline: none; box-shadow: 0 5px 10px 0 rgba(0,0,0,.2); } .calculator #usage { background-color: #fff; text-indent: 45px; -webkit-appearance: none; -moz-appearance: none; background-image: url(/dist/img/asterisk-solid.74821373fa6d949bd3e9.svg),url("data:image/svg+xml;utf8,"); background-position: 15px,calc(100% - 20px) 50%; background-repeat: no-repeat,no-repeat; } .calculator .v-select .vs__dropdown-toggle { border: none; font-size: 1rem; font-weight: normal; } .calculator .v-select ul.vs__dropdown-menu li { font-size: 1rem; } .calculator h6 { margin-bottom: .25rem; } .calculator .v-select ul.vs__dropdown-menu { font-weight: normal; } .calculator .v-select .vs__search { padding-left: 50px; } .calculator .v-select .vs__search::-moz-placeholder { color: #969392; font-weight: normal; } .calculator .v-select .vs__search::placeholder { color: #969392; font-weight: normal; } .calculator .vs__dropdown-option--highlight { color: #006b67 !important; text-decoration: underline; } .calculator ::-moz-placeholder { color: #969392; opacity: 1; } .calculator ::placeholder { color: #969392; opacity: 1; } .calculator :-ms-input-placeholder { color: #969392; } .calculator ::-ms-input-placeholder { color: #969392; } .calculator .checkbox-wrap { border-radius: 3px; background: #fff; box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); color: #000; text-shadow: none; } .calculator .checkbox-wrap .custom-checkbox { display: block; position: relative; padding-left: 35px; margin-bottom: 0; cursor: pointer; } .calculator .checkbox-wrap .custom-checkbox input { position: absolute; opacity: 0; cursor: pointer; left: 0; height: 1.2rem; width: 1.2rem; z-index: 1; } .calculator .checkbox-wrap .custom-checkbox input:checked~.checkmark { background-color: #00847f; } .calculator .checkbox-wrap .custom-checkbox input:focus~.checkmark { border: 4px solid #00847f; box-shadow: 0 5px 10px 0 rgba(0,0,0,.2); } .calculator .checkbox-wrap .custom-checkbox .checkmark { position: absolute; top: 2px; left: 0; height: 1.2rem; width: 1.2rem; border: 2px solid #00847f; border-radius: 3px; } .calculator .calculate-btn { background: none; border: none; cursor: pointer; background-color: #00847f; color: #fff !important; border-radius: 3px; font-weight: bold; font-size: .9rem; padding: 10px 16px; background-color: #fff; color: #006b67 !important; border: 2px solid #006b67; } .calculator .calculate-btn:focus { outline: none; } .calculator .calculate-btn .arrow-icon { background-color: #006b67; width: 1.5rem; height: 1.5rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; vertical-align: middle; } .calculator .calculate-btn .arrow-icon .icon { stroke-width: 1; } .calculator .calculate-btn:hover,.calculator .calculate-btn:focus { box-shadow: 0 5px 10px 0 rgba(0,0,0,.3); outline: none !important; } .calculator .calculate-btn.focus-visible { outline: 2px solid #000 !important; outline-offset: 2px; } .calculator .calculate-btn .custom-icon { display: flex; align-items: center; justify-content: center; background-color: #006b67; color: #fff; width: 1.5rem; height: 1.5rem; border-radius: 50%; } .calculator .disabled-btn { opacity: .5; cursor: not-allowed; } .calculator .selected-btn { background: none; border: none; cursor: pointer; background-color: #00847f; color: #fff !important; border-radius: 3px; font-weight: bold; font-size: .9rem; padding: 10px 16px; } .calculator .selected-btn:focus { outline: none; } .calculator .selected-btn .arrow-icon { background-color: #006b67; width: 1.5rem; height: 1.5rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; vertical-align: middle; } .calculator .selected-btn .arrow-icon .icon { stroke-width: 1; } .calculator .selected-btn:hover,.calculator .selected-btn:focus { box-shadow: 0 5px 10px 0 rgba(0,0,0,.3); outline: none !important; } .calculator .selected-btn.focus-visible { outline: 2px solid #000 !important; outline-offset: 2px; } table.summary-table { width: 100%; display: inline-table; white-space: normal; } table.summary-table th:first-of-type { padding: 15px; text-align: left; } table.summary-table tr:first-of-type { max-width: 180px; font-weight: bold; } table.summary-table tr:last-of-type { border-bottom: 3px solid #00847f; } table.summary-table td { padding: 15px 15px; } table.summary-table td:first-of-type { max-width: 180px; font-weight: bold; border-right: none; } table.summary-table.summary-table-water-payment tr:first-of-type { font-weight: normal; } table.summary-table.summary-table-water-payment tr:last-of-type { font-weight: bold; } .spacer { clear: both; height: 20px; overflow: hidden; } .summary-total { padding-bottom: 25px; border-bottom: 3px solid #00847f; } .prev-btn,.next-btn { border-radius: 50%; background: #006b67; width: 1.75rem; height: 1.75rem; justify-content: center; display: flex; border: none; align-items: center; } .prev-btn:disabled,.next-btn:disabled { opacity: .25; } .prev-btn:focus,.prev-btn:hover,.next-btn:focus,.next-btn:hover { outline: none; box-shadow: 0 5px 10px 0 rgba(0,0,0,.3); } .prev-btn .icon,.next-btn .icon { stroke-width: 1; color: #fff; } .joining-payment-summary-table div { border-bottom: 1px solid #00847f; padding: 15px 0; } .related-pages div>.row { margin-left: 0; margin-right: 0; } .related-pages div>.row>.col { padding-left: 0; padding-right: 0; } @media (max-width: 991px) { .calculator .col-lg-6,.calculator .col-lg-6 .col-lg-12 { padding-right: 0; padding-left: 0; } } .water-supply-break-lift-block { background-color: rgba(249,216,0,.2); } .water-supply-break-lift-block p { font-size: .9rem; } .water-supply-break-lift-block .icon { font-size: 2rem; } .water-supply-break-lift-block .planned-time { display: none; } .col-lg-7 .water-supply-break-lift-block { border-radius: 3px; } .one-column-block .image-container { height: 350px; width: 100%; } .one-column-block .image-container img { width: 100%; height: 100%; max-height: 350px; -o-object-fit: cover; object-fit: cover; } .one-column-block img { border-radius: 3px; } .one-column-block .links .link-list-block { width: 100%; margin-top: 0 !important; margin-bottom: 0 !important; } .one-column-block .links .row { justify-content: center; } .one-column-block .one-column-block-content-area .block-container { border-top: none; padding-top: 0; } .one-column-block .one-column-block-content-area .block-container .container-fluid,.one-column-block .one-column-block-content-area .block-container .container-sm,.one-column-block .one-column-block-content-area .block-container .container-md,.one-column-block .one-column-block-content-area .block-container .container-lg,.one-column-block .one-column-block-content-area .block-container .container-xl { padding: 0; } @media (max-width: 991px) { .one-column-block .image-container { height: inherit; } .one-column-block img { max-height: 100%; -o-object-fit: cover; object-fit: cover; } } .two-column-block .image-container { position: sticky; top: 0; } .two-column-block .two-columns-image { border-radius: 3px; } .two-column-block .column-heading { margin-bottom: 50px; } .two-column-block .col-lg-5 p:last-of-type { margin-bottom: 1.5rem !important; } .two-column-block .col-lg-5 .link-box { margin-bottom: .75rem; } @media (max-width: 1200px) { .two-column-block .col-lg-5 .link-box .preview-image-wrapper { margin-right: 15px; min-width: 86px; } .two-column-block .col-lg-5 .link-box .preview-image-wrapper img { margin-right: 0; } } @media (max-width: 991px) { .two-column-block .image-container { position: inherit; } } .one-and-two-columns-block .sidebar .link-list-block { margin-top: 0 !important; } .one-and-two-columns-block .sidebar .link-list-block .row:last-of-type .link-box { margin-bottom: 1.5rem; } .water-supply-breaks-filter .water-break { border-radius: 3px; font-size: .9rem; line-height: 1.1rem; } .water-supply-breaks-filter .water-break .icon { font-size: 2rem; } .water-supply-breaks-filter .water-break.planned { background-color: #d9f3f1; } .water-supply-breaks-filter .water-break.planned .planned-time { display: none; } .water-supply-breaks-filter .water-break.unplanned { background-color: rgba(249,216,0,.2); } .water-supply-breaks-filter .water-break .toggle-accordion { color: #2c2a29 !important; cursor: pointer; background: none; border: none; } .water-supply-breaks-filter .water-break .toggle-accordion:focus { outline: none; } .water-supply-breaks-filter .water-break .toggle-accordion:focus.focus-visible { outline: 2px solid #2c2a29; } .water-supply-breaks-filter select:focus.focus-visible { outline: 2px solid #2c2a29 !important; } .water-supply-breaks-filter button.filter { background-color: #fff; border: 2px solid #00847f; color: #00847f; height: 40px; font-size: .9rem; line-height: .9rem; } .water-supply-breaks-filter button.filter.active { background-color: #00847f; color: #fff; } .water-supply-breaks-filter button.filter:hover,.water-supply-breaks-filter button.filter:focus { box-shadow: 0 5px 10px 0 rgba(0,0,0,.3); outline: none; } .water-supply-breaks-filter button.filter.focus-visible { outline: 2px solid #000; } .contact-block .box { align-items: inherit; justify-content: inherit; padding: 15px; } .contact-block .box .contact-info { font-size: .75rem; word-break: break-word; word-wrap: break-word; width: 100%; } .contact-block .box .contact-info .name { font-size: .9rem; } .contact-block .box .contact-info p { line-height: 1rem; } .contact-block .box .contact-info p a { font-weight: normal !important; text-decoration: underline; } .contact-block .box .contact-info p a:hover { text-decoration: none; } .contact-block .box img { width: 3.55rem; height: 3.55rem; min-width: 3.55rem; border-radius: 50%; margin-right: 15px; } .anchor-link { font-weight: bold; align-items: center; display: flex; color: #2c2a29 !important; text-decoration: none !important; } .anchor-link:focus { outline: none; } .anchor-link:focus.focus-visible { outline: 2px solid #2c2a29; } .anchor-link .anchor-icon { width: 1.5rem; height: 1.5rem; min-width: 1.5rem; border-radius: 50%; background-color: #00847f; color: #fff; justify-content: center; align-items: center; display: flex; } .form-block .EPiServerForms .Form__Element .Form__Element__Caption { display: block; font-weight: bold; margin-bottom: .5rem; } .form-block label { display: block; position: relative; margin-bottom: 0; cursor: pointer; } .form-block fieldset label { background: #fff; padding: 1rem; margin-bottom: .5rem; border-radius: 3px; text-indent: 35px; } .form-block fieldset label input { cursor: pointer; height: 0; width: 0; } .form-block fieldset label input.FormChoice__Input.FormChoice__Input--Checkbox:checked:after { background: #00847f; content: ""; position: absolute; top: 22px; left: 1rem; height: 1.2rem; width: 1.2rem; border: 2px solid #00847f; border-radius: 3px; } .form-block fieldset label:after { content: ""; position: absolute; top: 22px; left: 1rem; height: 1.2rem; width: 1.2rem; border: 2px solid #00847f; border-radius: 3px; } .form-block ::-moz-placeholder { color: #969392; } .form-block ::placeholder { color: #969392; } .form-block ::-webkit-input-placeholder { color: #969392; } .form-block :-ms-input-placeholder { color: #969392; } .form-block input select,.form-block select,.form-block input.FormTextbox__Input,.form-block textarea { width: 100%; padding: 1rem 0; text-indent: .5rem; border: none; border-radius: 3px; } .form-block input select:required,.form-block select:required,.form-block input.FormTextbox__Input:required,.form-block textarea:required { background-image: url(/dist/img/asterisk-solid.74821373fa6d949bd3e9.svg); background-repeat: no-repeat; text-indent: 45px; background-size: 20px; background-position: 15px; border-radius: 3px; border: none; } .form-block .Form__Element.FormSelection select { -webkit-appearance: none; position: relative; cursor: pointer; text-indent: 0; padding-left: 15px; } .form-block .Form__Element.FormSelection select:required { text-indent: 0; padding-left: 45px; } .form-block .Form__Element.FormSelection:after { content: ""; pointer-events: none; background-image: url(/dist/img/angle-down-regular.79e594cff972d9ea92a7.svg); position: absolute; right: 0; margin-top: 20px; width: 30px; height: 30px; background-repeat: no-repeat; } .form-block .Form__Element.FormParagraphText.Form__Element--NonData strong { color: #ea7600; font-size: 2rem; vertical-align: middle; } .v-select .vs__dropdown-toggle,.custom-select { border: 2px solid #00847f; border-radius: 3px; color: #00847f; font-weight: bold; font-size: .9rem; min-height: 40px; max-height: 40px; } .v-select .vs__dropdown-toggle .vs__open-indicator,.v-select .vs__dropdown-toggle .vs__clear,.custom-select .vs__open-indicator,.custom-select .vs__clear { fill: #00847f; } .v-select .vs__dropdown-toggle .vs__selected,.custom-select .vs__selected { color: #00847f; } .v-select.vs--open .vs__dropdown-toggle { outline: none; box-shadow: 0 5px 10px 0 rgba(0,0,0,.2); border-color: #00847f; } .v-select .vs__selected-options { max-width: calc(100% - 40px); } .v-select ul.vs__dropdown-menu li { color: #00847f; font-size: .9rem; padding: 5px 12px; white-space: normal; } .v-select ul.vs__dropdown-menu li.vs__dropdown-option.vs__dropdown-option--highlight { background-color: #f0f0f0; } .v-select .vs__search::-moz-placeholder { color: #00847f; font-weight: bold; } .v-select .vs__search::placeholder { color: #00847f; font-weight: bold; } .v-select .vs__selected { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .vs--disabled .vs__search { display: none; } .v-select .vs__search,.v-select .vs__search:focus { z-index: 0; } .vs--disabled .vs__clear,.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__open-indicator,.vs--disabled .vs__selected { background-color: #e7e6e5; } .v-select .vs__clear:focus { border: 1px solid #00847f; padding: 2px; } .custom-select { padding: 0 15px; background-image: url(/dist/img/angle-down-regular.79e594cff972d9ea92a7.svg); background-repeat: no-repeat; background-size: 10px; } .custom-select:focus { outline: none; box-shadow: 0 5px 10px 0 rgba(0,0,0,.2); border-color: #00847f; } [data-position=below] .autocomplete-input[aria-expanded=true],[data-position=above] .autocomplete-result-list { border-radius: 3px 3px 0 0; } [data-position=below] .autocomplete-result-list,[data-position=above] .autocomplete-input[aria-expanded=true] { border-radius: 0 0 3px 3px; } .autocomplete-result { padding-left: 25px; } .suggestions-text { color: #000; position: relative; z-index: 2; margin-left: 25px; font-size: .9rem; } .autocomplete-result-list { text-align: left !important; } .autocomplete-result-list .suggestions-text:not(:first-of-type) { display: none; } .cooperation-logo-block .row { margin: 0; } .CooperationLogoItem p { font-size: .9rem; line-height: 1.1rem; } .CooperationLogoItem .logo-image { width: 100%; } .notification-block { color: #2c2a29; font-size: .9rem; line-height: 1.1rem; padding: 1.5rem 1.5rem 2rem 1.5rem; } .notification-block.notice { background-color: rgba(249,216,0,.2); } .notification-block.info { background-color: rgba(155,203,235,.15); } .notification-block.warning { background-color: rgba(189,52,41,.15); } .notification-block .icon { font-size: 2rem; min-width: 2rem; } .notification-block .icon.icon-hsy-icon-external-link { font-size: unset; min-width: unset; } .notification-block p:last-of-type { margin-bottom: 0 !important; } .notification-block .anchor-icon .icon { font-size: 1.1rem; min-width: inherit; } .notification-block .anchor-link { margin-top: 1rem; } .col-lg-7 .notification-block { border-radius: 3px; margin-bottom: .75rem; } .col-lg-7 .notification-block:first-of-type { margin-top: 2rem !important; } .col-lg-7 .notification-block+p { margin-top: 2rem; } .collection-vehicle-block .vs__clear { display: none; } .collection-vehicle-block .pipe { content: ""; width: 1px; height: 30px; background: #d8d4d3; } .collection-vehicle-block .timetable-row { border-bottom: 1px solid #00847f; font-size: .9rem; padding: .75rem 0; } .collection-vehicle-block .timetable-row a { text-decoration: none; } .collection-vehicle-block .timetable-row .icon-wrapper { min-width: 2rem; min-height: 2rem; width: 2rem; height: 2rem; background-color: #969392; border-radius: 50%; color: #fff; align-items: center; display: flex; justify-content: center; float: right; font-size: 1.25rem; background-color: #00847f; margin-right: 1rem; } .collection-vehicle-block .timetable-row:last-of-type { border-bottom: 3px solid #00847f; } .collection-vehicle-block .timetable-row:first-of-type { border-top: 3px solid #00847f; } @media (max-width: 991px) { .collection-vehicle-block .pipe { height: 20px; } } .report-body { font-size: .9rem; line-height: 1.1rem; white-space: pre-wrap; } .air-quality-graph b { font-size: .9rem; } .air-quality-graph .nav-container { overflow-x: scroll; overflow-y: hidden; scrollbar-width: none; } .air-quality-graph .nav-container::-webkit-scrollbar { width: 0px; } .air-quality-graph .nav { display: flex; flex-wrap: wrap-reverse; padding-left: 0; } .air-quality-graph .nav-tabs { border-bottom: 2px solid #00847f; } .air-quality-graph .nav-tabs .nav-item { margin-bottom: -4px; margin-right: 2px; font-size: .9rem; } .air-quality-graph .nav-tabs .nav-item .nav-link { color: #fff; background-color: #00847f; border-color: #00847f #00847f #00847f; font-weight: bold; word-break: keep-all; } .air-quality-graph .nav-tabs .nav-item .nav-link.active { background: #fff; color: #00847f; border-color: #00847f #00847f #fff; border-width: 2px; } .air-quality-graph .nav-tabs .nav-item .nav-link:focus { outline: none; box-shadow: 0 5px 10px 0 rgba(0,0,0,.8); } .air-quality-graph .highcharts-title { font-weight: bold; font-size: 1.3rem !important; } @media (max-width: 450px) { .air-quality-graph .highcharts-title { font-size: 1.25rem !important; } } .air-quality-graph .highcharts-label-box { stroke-width: 2; y: -5px; rx: 3px; } .air-quality-graph .styled-checkbox { position: absolute; opacity: 0; } .air-quality-graph .styled-checkbox+label { position: relative; cursor: pointer; padding: 0; margin-bottom: 0; height: 25px; width: 25px; border: 2px solid; } .air-quality-graph .styled-checkbox:focus+label { outline: none; box-shadow: 0 5px 10px 0 rgba(0,0,0,.3); } .air-quality-graph .styled-checkbox:checked+label { border: 13px solid; } .air-quality-graph .styled-checkbox:checked+label:after { content: ""; position: absolute; left: -3px; top: -10px; width: 7px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; height: 16px; transform: rotate(45deg); } .air-quality-graph .quality-range { display: inline-block; width: 15px; height: 15px; border-radius: 50%; vertical-align: text-top; } .air-quality-graph .dp__theme_light { --dp-background-color: #fff; --dp-text-color: #00847F; --dp-hover-color: #f3f3f3; --dp-hover-text-color: #212121; --dp-hover-icon-color: #959595; --dp-primary-color: #00847F; --dp-primary-disabled-color: #6bacea; --dp-primary-text-color: #f8f5f5; --dp-secondary-color: #c0c4cc; --dp-border-color: #00847F; --dp-menu-border-color: #00847F; --dp-border-color-hover: #00847F; --dp-border-color-focus: #00847F; --dp-disabled-color: #f6f6f6; --dp-scroll-bar-background: #f3f3f3; --dp-scroll-bar-color: #959595; --dp-success-color: #76d275; --dp-success-color-disabled: #a3d9b1; --dp-icon-color: #00847F; --dp-danger-color: #ff6f60; --dp-marker-color: #ff6f60; --dp-tooltip-color: #fafafa; --dp-disabled-color-text: #8e8e8e; --dp-highlight-color: rgb(25 118 210 / 10%); --dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3); --dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121); --dp-range-between-border-color: var(--dp-hover-color, #f3f3f3); width: auto; } .air-quality-graph .dp__theme_light .dp__input { font-weight: bold; border: 2px solid #00847f; border-radius: 4px; color: #00847f; background-image: url(/dist/img/angle-down-regular.79e594cff972d9ea92a7.svg); background-repeat: no-repeat; background-size: 10px; background-position: 128px; padding: 0 15px; font-size: .9rem; height: 40px; width: 155px; } .air-quality-graph .dp__theme_light .dp__inner_nav { border-radius: 0; } .air-quality-graph .dp__theme_light .dp__inner_nav:hover { color: #00847f; } .air-quality-graph .dp__theme_light .dp__overlay_cell_disabled { background-color: rgba(0,0,0,0); color: #ddd; } .air-quality-graph .dp__theme_light .dp__inner_nav_disabled { background-color: rgba(0,0,0,0); } .air-quality-graph .dp__theme_light .dp__today { border: 0; } .air-quality-graph .custom-select { width: 110px; } .air-quality-graph .legend-color { width: 10px; height: 30px; margin-top: -20px; display: inline-block; } :root .air-quality-graph table th,:root .air-quality-graph table tr,html .air-quality-graph table th,html .air-quality-graph table tr { text-align: left; } :root .air-quality-graph table td:last-of-type,html .air-quality-graph table td:last-of-type { font-weight: normal; } .bottom-content-area>div>.row { margin-left: 0; margin-right: 0; } .bottom-content-area>div>.row>.col { padding-left: 0; padding-right: 0; } .todo-list-item,.dont-do-list-item { font-size: .9rem; line-height: 1.1rem; } .todo-list-item a,.dont-do-list-item a { color: #2c2a29; font-weight: inherit; } .todo-list-item .icon-wrapper,.dont-do-list-item .icon-wrapper { background-color: #009f4d; border-radius: 50%; min-width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; } .todo-list-item .icon-wrapper .icon,.dont-do-list-item .icon-wrapper .icon { font-size: 1.3rem; color: #fff; } .dont-do-list-item .icon-wrapper { background-color: #bd3429; } .col-lg-4 .map .map-legend div { width: 34%; } .col-lg-4 .map .map-legend div span.pr-3 { padding-right: 0 !important; } .map { width: 100%; border-radius: 3px; box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); font-size: .9rem; margin-bottom: 2rem; } .map img { max-width: 100%; } .map .map-title { background: #00847f; color: #fff; border-radius: 3px 3px 0 0; } .map .map-title h2 { font-size: 18px; margin: 0; line-height: 1.5; } .map .map-area { position: relative; display: inline-block; width: 100%; -o-object-fit: cover; object-fit: cover; } .map svg { position: absolute; height: 29px !important; width: 24px !important; } .map svg use:focus { outline: none; } .map .map-tooltip { font-weight: bold; color: #2c2a29; display: block; padding: 5px 10px; position: absolute; margin-left: 35px; background: hsla(0,0%,100%,.5); } .map .map-markers { position: relative; } .map .map-image { position: relative; } .map .map-legend { height: 36px; } .map .map-legend div { height: 16px; width: 63%; } .map .map-legend div span { width: 20%; } .map .map-legend div .excellent { background: #009f4e; } .map .map-legend div .good { background: #f9d800; } .map .map-legend div .average { background: #ea7600; } .map .map-legend div .poor { background: #bd3429; } .map .map-legend div .bad { background: #814494; } @media (max-width: 550px) { .map .map-legend div { width: 31%; } } @media (max-width: 550px)and (max-width: 360px) { .map .map-legend div span.pr-3 { padding-right: 0 !important; } } @media (max-width: 991px) { .map .map-tooltip { font-size: 13px; margin-left: 25px; } } .map .cta-button svg { position: static !important; width: 16px !important; height: 16px !important; } .main-content-area .col:has(.air-quality-map-container) { padding-right: 7% !important; padding-left: 7% !important; } .main-content-area .col-xs-12.col-lg-8:has(.air-quality-map-container) { padding-right: 3%; padding-left: 7%; margin-top: 35px; } @media (max-width: 991px) { .main-content-area .col-xs-12.col-lg-8:has(.air-quality-map-container) { padding-right: 7%; } } .main-content-area .col-xs-12.col-lg-8:has(.air-quality-map-container)+.col-xs-12.col-lg-4:has(.collection-vehicle-search-block) { margin-top: 20px; } @media (min-width: 992px) { .main-content-area .col-xs-12.col-lg-8+.col-xs-12.col-lg-4 { padding-right: 7%; } } .link-box { box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); color: #2c2a29 !important; text-decoration: none !important; align-items: center; display: flex; border-radius: 3px; justify-content: space-between; background-color: #fff; margin-bottom: .75rem; font-size: .9rem; line-height: 1.1rem; padding: 15px 30px; hyphens: auto; hyphens: manual; text-shadow: none; } .link-box .row { flex-wrap: nowrap; margin-left: 0; } .link-box:hover,.link-box:focus { color: #2c2a29; box-shadow: 0 5px 10px 0 rgba(0,0,0,.2); outline: none; } .link-box:hover .gray-icon,.link-box:focus .gray-icon { background-color: #000; } .link-box .custom-icon { min-width: 5rem; height: 5rem; border-radius: 50%; align-items: center; display: flex; justify-content: center; margin-right: 45px; color: #fff; font-size: 2.3rem; } .link-box .custom-icon:after { font-size: 1.25rem; } .link-box .gray-icon { min-width: 2rem; height: 2rem; background-color: #969392; border-radius: 50%; color: #fff; align-items: center; display: flex; justify-content: center; font-size: 1.2rem; } .link-box.preview-image img { width: 86px; height: 86px; margin-right: 15px; } .link-box.preview-image .preview-image-wrapper>div { width: 86px; height: 86px; background-position: center; background-repeat: no-repeat; background-size: cover; margin-right: 15px; } .link-box.icon-hsy-icon-warning .custom-icon { background-color: #bd3429; } .link-box.link-box.icon-hsy-icon-notice .custom-icon { background-color: #f9d800; color: #000 !important; } .link-box.icon-hsy-icon-user .custom-icon,.link-box.icon-hsy-icon-phone .custom-icon,.link-box.icon-envelope .custom-icon { background-color: #006aa7; } .link-box.icon-hsy-icon-arrow-right .custom-icon,.link-box.icon-hsy-icon-data-1-bold .custom-icon,.link-box.icon-hsy-icon-info-bold .custom-icon,.link-box.icon-hsy-icon-map-pin-bold .custom-icon,.link-box.icon-hsy-icon-clock-bold .custom-icon,.link-box.icon-hsy-icon-locate-bold .custom-icon,.link-box.icon-hsy-play-icon .custom-icon,.link-box.icon-hsy-icon-file-pdf .custom-icon,.link-box.icon-hsy-icon-file-2-bold .custom-icon,.link-box.icon-hsy-icon-download-bold .custom-icon,.link-box.icon-hsy-icon-euro .custom-icon { background-color: #00847f; } .link-box.document .custom-icon { background-color: #814494; } .link-box.icon-kontti .custom-icon { background-color: #ea7600; color: #000 !important; } .link-box .popular-category-title { padding-right: 20px; word-break: break-word; } .link-list-block { font-size: .9rem; line-height: 1.1rem; margin-top: 30px; margin-bottom: 30px; } .link-list-block p { margin-bottom: 30px; } .link-list-block .row:last-of-type .link-box { margin-bottom: 0; } .sidebar .link-box,.one-column-block .link-box,.two-column-block .link-box,.hero-block .link-box,.supply-water-link-list-block .link-box,.one-and-two-columns-block .link-box { box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); color: #2c2a29 !important; text-decoration: none !important; align-items: center; display: flex; border-radius: 3px; justify-content: space-between; background-color: #fff; margin-bottom: .75rem; font-size: .9rem; line-height: 1.1rem; padding: 15px 30px; padding: 14px 15px; } .sidebar .link-box .row,.one-column-block .link-box .row,.two-column-block .link-box .row,.hero-block .link-box .row,.supply-water-link-list-block .link-box .row,.one-and-two-columns-block .link-box .row { flex-wrap: nowrap; margin-left: 0; } .sidebar .link-box:hover,.sidebar .link-box:focus,.one-column-block .link-box:hover,.one-column-block .link-box:focus,.two-column-block .link-box:hover,.two-column-block .link-box:focus,.hero-block .link-box:hover,.hero-block .link-box:focus,.supply-water-link-list-block .link-box:hover,.supply-water-link-list-block .link-box:focus,.one-and-two-columns-block .link-box:hover,.one-and-two-columns-block .link-box:focus { color: #2c2a29; box-shadow: 0 5px 10px 0 rgba(0,0,0,.2); outline: none; } .sidebar .link-box:hover .gray-icon,.sidebar .link-box:focus .gray-icon,.one-column-block .link-box:hover .gray-icon,.one-column-block .link-box:focus .gray-icon,.two-column-block .link-box:hover .gray-icon,.two-column-block .link-box:focus .gray-icon,.hero-block .link-box:hover .gray-icon,.hero-block .link-box:focus .gray-icon,.supply-water-link-list-block .link-box:hover .gray-icon,.supply-water-link-list-block .link-box:focus .gray-icon,.one-and-two-columns-block .link-box:hover .gray-icon,.one-and-two-columns-block .link-box:focus .gray-icon { background-color: #000; } .sidebar .link-box .custom-icon,.one-column-block .link-box .custom-icon,.two-column-block .link-box .custom-icon,.hero-block .link-box .custom-icon,.supply-water-link-list-block .link-box .custom-icon,.one-and-two-columns-block .link-box .custom-icon { min-width: 5rem; height: 5rem; border-radius: 50%; align-items: center; display: flex; justify-content: center; margin-right: 45px; color: #fff; font-size: 2.3rem; } .sidebar .link-box .custom-icon:after,.one-column-block .link-box .custom-icon:after,.two-column-block .link-box .custom-icon:after,.hero-block .link-box .custom-icon:after,.supply-water-link-list-block .link-box .custom-icon:after,.one-and-two-columns-block .link-box .custom-icon:after { font-size: 1.25rem; } .sidebar .link-box .gray-icon,.one-column-block .link-box .gray-icon,.two-column-block .link-box .gray-icon,.hero-block .link-box .gray-icon,.supply-water-link-list-block .link-box .gray-icon,.one-and-two-columns-block .link-box .gray-icon { min-width: 2rem; height: 2rem; background-color: #969392; border-radius: 50%; color: #fff; align-items: center; display: flex; justify-content: center; font-size: 1.2rem; } .sidebar .link-box.preview-image img,.one-column-block .link-box.preview-image img,.two-column-block .link-box.preview-image img,.hero-block .link-box.preview-image img,.supply-water-link-list-block .link-box.preview-image img,.one-and-two-columns-block .link-box.preview-image img { width: 86px; height: 86px; margin-right: 15px; } .sidebar .link-box.preview-image .preview-image-wrapper>div,.one-column-block .link-box.preview-image .preview-image-wrapper>div,.two-column-block .link-box.preview-image .preview-image-wrapper>div,.hero-block .link-box.preview-image .preview-image-wrapper>div,.supply-water-link-list-block .link-box.preview-image .preview-image-wrapper>div,.one-and-two-columns-block .link-box.preview-image .preview-image-wrapper>div { width: 86px; height: 86px; background-position: center; background-repeat: no-repeat; background-size: cover; margin-right: 15px; } .sidebar .link-box .custom-icon,.one-column-block .link-box .custom-icon,.two-column-block .link-box .custom-icon,.hero-block .link-box .custom-icon,.supply-water-link-list-block .link-box .custom-icon,.one-and-two-columns-block .link-box .custom-icon { min-width: 3.55rem; height: 3.55rem; margin-right: .75rem; font-size: 1.8rem; } .sidebar .link-box .gray-icon,.one-column-block .link-box .gray-icon,.two-column-block .link-box .gray-icon,.hero-block .link-box .gray-icon,.supply-water-link-list-block .link-box .gray-icon,.one-and-two-columns-block .link-box .gray-icon { min-width: 1.5rem; height: 1.5rem; font-size: 1rem; } @media (max-width: 1064px)and (min-width: 992px) { .sidebar .link-box .custom-icon,.one-column-block .link-box .custom-icon,.two-column-block .link-box .custom-icon,.hero-block .link-box .custom-icon,.supply-water-link-list-block .link-box .custom-icon,.one-and-two-columns-block .link-box .custom-icon { min-width: 2.7rem; height: 2.7rem; margin-right: .75rem; font-size: 1.3rem; } .sidebar .link-box .gray-icon,.one-column-block .link-box .gray-icon,.two-column-block .link-box .gray-icon,.hero-block .link-box .gray-icon,.supply-water-link-list-block .link-box .gray-icon,.one-and-two-columns-block .link-box .gray-icon { min-width: 1.25rem; height: 1.25rem; font-size: .75rem; } } .col-lg-7 .link-list-block>.col { padding: 0; } .accordion .link-list-block { margin-top: 20px; } .accordion .link-list-block .col:first-of-type { padding: 0; } @media (max-width: 991px) { .link-box { box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); color: #2c2a29 !important; text-decoration: none !important; align-items: center; display: flex; border-radius: 3px; justify-content: space-between; background-color: #fff; margin-bottom: .75rem; font-size: .9rem; line-height: 1.1rem; padding: 15px 30px; padding: 14px 15px; } .link-box .row { flex-wrap: nowrap; margin-left: 0; } .link-box:hover,.link-box:focus { color: #2c2a29; box-shadow: 0 5px 10px 0 rgba(0,0,0,.2); outline: none; } .link-box:hover .gray-icon,.link-box:focus .gray-icon { background-color: #000; } .link-box .custom-icon { min-width: 5rem; height: 5rem; border-radius: 50%; align-items: center; display: flex; justify-content: center; margin-right: 45px; color: #fff; font-size: 2.3rem; } .link-box .custom-icon:after { font-size: 1.25rem; } .link-box .gray-icon { min-width: 2rem; height: 2rem; background-color: #969392; border-radius: 50%; color: #fff; align-items: center; display: flex; justify-content: center; font-size: 1.2rem; } .link-box.preview-image img { width: 86px; height: 86px; margin-right: 15px; } .link-box.preview-image .preview-image-wrapper>div { width: 86px; height: 86px; background-position: center; background-repeat: no-repeat; background-size: cover; margin-right: 15px; } .link-box .custom-icon { min-width: 3.15rem; height: 3.15rem; margin-right: .75rem; font-size: 1.8rem; } .link-box .gray-icon { min-width: 1.5rem; height: 1.5rem; font-size: 1rem; } .link-list-block .row:last-of-type .link-box { margin-bottom: 15px; } } .supply-water-link-list-block .link-box { margin-bottom: 0; } .supply-water-link-list-block .link-box .custom-icon { min-height: 3.5rem; height: 3.5rem; min-width: 3.5rem; width: 3.5rem; } .supply-water-link-list-block .link-box span { text-align: left; } .logo-strip { margin-top: 12px; margin-bottom: 12px; gap: 12px; } .logo-strip img { width: 100%; -o-object-fit: contain; object-fit: contain; } .logo-strip .logo { width: calc(50% - 13px); } .logo-strip .box { height: 100%; margin-top: 0 !important; align-items: center; display: flex !important; justify-content: center; aspect-ratio: 1/1; } @media (min-width: 600px) { .logo-strip { margin-top: 20px; margin-bottom: 20px; gap: 20px; } .logo-strip .logo { width: calc(25% - 15px); } } @media (min-width: 1200px) { .logo-strip { margin-top: 25px; margin-bottom: 25px; gap: 25px; } .logo-strip .logo { width: calc(16.6666666667% - 21px); } } .page-navigation-block-panel { display: flex; position: relative; flex-direction: row; margin-top: 30px; box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); color: #2c2a29; text-decoration: none !important; align-items: flex-start; border-radius: 3px; justify-content: space-between; background-color: #fff; margin-bottom: .75rem; font-size: .9rem; line-height: 1.1rem; padding: 15px 20px 15px 0; hyphens: manual; text-shadow: none; min-height: 0; transition: all 1s; } .page-navigation-block-panel__heading { font-size: 1.4rem !important; line-height: 1.2 !important; margin-top: 1.35rem !important; height: 70px; } .page-navigation-block-panel__heading.open { font-size: 1.1rem !important; margin: 0; } .page-navigation-block-panel__subcontainer { flex: 1; } .page-navigation-block-panel__subheading { margin-top: .3rem !important; margin-bottom: 1.4rem !important; } .page-navigation-block-panel__back { background: #00847f; border-radius: 3px 0px 0px 3px; padding: 0 10px; display: flex; align-content: center; justify-content: center; flex: 1; position: absolute; top: 0; bottom: 0; } .page-navigation-block-panel__back-button { display: flex; justify-content: center; align-items: center; background: #00847f; border: 0; width: 30px; } .page-navigation-block-panel__back-button:focus { outline: none; } .page-navigation-block-panel__back-button:focus-visible { outline: 5px auto -webkit-focus-ring-color; } .page-navigation-block-panel__back-icon,.page-navigation-block-panel__custom-icon { border-radius: 50%; align-items: center; display: flex; justify-content: center; font-size: 1.5rem; width: 60px; height: 60px; background: #006b67; } .page-navigation-block-panel__back-icon { width: 30px; height: 30px; } .page-navigation-block-panel__button-type-icon { min-width: 1.5rem; height: 1.5rem; background-color: #969392; border-radius: 50%; color: #fff; align-items: center; display: flex; justify-content: center; font-size: 1.2rem; } .page-navigation-block-panel__button-row { display: flex; width: 100%; flex: 1; } .page-navigation-block-panel__button-row:hover .page-navigation-block-panel__button-type-icon { background-color: #000; } .page-navigation-block-panel__button { background: 0; padding: 15px 0; border: 0; flex: 1 1 100%; margin-bottom: .75rem; display: flex; flex-direction: row; align-items: center; } .page-navigation-block-panel__button-label { flex: 1; font-weight: bold; color: #2c2a29; padding: 0 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .page-navigation-block-panel__content { padding-left: 30px; width: 100%; } .page-navigation-block-panel__content.open { padding-left: 80px; } .page-navigation-block-panel__subLink { margin-bottom: 0 !important; } .page-navigation-block-panel__subLink .gray-icon { min-width: 1.5rem !important; height: 1.5rem !important; font-size: 1.1rem !important; } .alternate-content { position: relative; text-align: left; background: #e7e6e5; padding: 50px 30px 30px 101px; margin: 1rem 0; } .alternate-content-heading { font-size: 20px !important; line-height: 25px !important; margin-bottom: 16px !important; } .alternate-content-text { font-size: 18px; line-height: 22px !important; margin-bottom: 30px !important; } .alternate-content-icon { position: absolute; top: 50px; left: 30px; } .alternate-content-icon .icon { width: 41px; height: 41px; } #ot-sdk-btn.ot-sdk-show-settings { color: #00847f !important; font-size: 20px !important; font-weight: bold; text-decoration: underline; border: 0 !important; background: 0; padding: 0; } #ot-sdk-btn.ot-sdk-show-settings:hover { background: 0; } .highlight-block-item { background: rgba(100,195,205,.15); padding: 30px; margin-bottom: 27px; } .highlight-block-item:first-of-type { margin-top: 32px; } .highlight-block-item-heading { margin-bottom: 15px !important; margin-top: 0; } .highlight-block-item-content { font-size: 18px; line-height: 22px !important; margin-bottom: 0; } .content-page .col-lg-7 .col:first-of-type { margin-top: 2rem; } .content-page .col-lg-7 .col:last-of-type { margin-bottom: 2rem; } .content-page .col-lg-7 .row .col { margin-top: 0; margin-bottom: 0; } @media (min-width: 992px) { .content-page .hero-block { min-height: 380px; } } @media (max-width: 768px) { .content-page .hero-block .image-container { min-height: 200px; } } .content-page .content-info div.updated { border-top: 1px solid #d8d4d3; border-bottom: 1px solid #d8d4d3; } .content-page .main-content-area .row { margin-left: 0; margin-right: 0; } .content-page .main-content-area .row>.col { padding-left: 0; padding-right: 0; } .customer-support-intro { min-height: 60px; padding: 15px 0; } .page-navigation-container .link-box { padding: 15px 0; display: flex; flex: 1; } .page-navigation-container .link-box .contained-link-heading { padding-right: 30px; } .page-navigation-container .link-box .custom-icon { height: 60px; min-width: 60px; width: 60px; margin-right: 10px; font-size: 1.5rem; } .page-navigation-container .box.text-center.justify-content-center.supply-water-link-list-block { text-align: left !important; } .page-navigation-container .supply-water-link-list-block { margin-top: 30px; padding-top: 15px !important; min-height: 0; transition: all 1s; } .page-navigation-container .supply-water-link-list-block .h4 { height: 70px; margin-top: 1.35rem !important; font-size: 1.4rem !important; } .page-navigation-container .supply-water-link-list-block p { font-size: .9rem; } .page-navigation-container .supply-water-link-list-block .link-box { margin-bottom: .75rem; } .page-navigation-container .supply-water-link-list-block .link-heading { margin-right: 15px; } .page-navigation-container .waste-search-block { padding: 15px !important; margin-top: 30px; transition: all 1s; } .page-navigation-container .waste-search-block .h4 { height: 70px; margin-top: 1.35rem !important; } .page-navigation-container .waste-search-block .preamble { font-size: 1rem; } .supply-water-link-list-block .link-box .custom-icon { min-height: auto; } .page-navigation-block-panel .link-box.icon-hsy-icon-notice .custom-icon { color: #fff !important; } .theme-page .main-content-area>.row { margin-left: 0; margin-right: 0; } .theme-page .main-content-area>.row>.col { padding-left: 0; padding-right: 0; } .theme-page .main-content-area>.row:first-of-type .block-container { border-top: none; } .news-page .row { margin-left: 0; margin-right: 0; } .news-page .row>.col { padding-left: 0; padding-right: 0; } .news-page .sidebar h2 { text-align: left; font-size: 1.5rem; } .news-page .sidebar .row { margin-left: -15px; margin-right: -15px; } .news-page .news-info>div { border-top: 1px solid #d8d4d3; } .news-page .news-info .topic-tags .topic-divider { color: #fff; } .news-page .news-info .topic-tags .topic-divider:last-of-type { display: none; } @media (max-width: 991px) { .news-page .sidebar .row { margin-left: 0; margin-right: 0; } .news-page .news-info div:last-of-type { border-bottom: 1px solid #d8d4d3; } } .event-page .row { margin-left: 0; margin-right: 0; } .event-page .row>.col { padding-left: 0; padding-right: 0; } .event-page .event-info div { border-top: 1px solid #d8d4d3; } .event-page .add-calendar { display: flex; margin-bottom: 1rem; line-height: 22px; font-size: .9rem; } .event-page .add-calendar .icon-wrapper { min-width: 3.5rem; height: 3.5rem; background-color: #00847f; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 2rem; color: #fff; margin-right: .75rem; } .event-page .add-calendar .icon-wrapper img { width: 29px; height: 29px; } .event-page .add-calendar .event-info span { font-weight: 400; } .event-page .event-place,.event-page .event-time,.event-page .event-more-info { display: flex; margin-bottom: 1rem; line-height: 22px; font-size: .9rem; } .event-page .event-place .h6,.event-page .event-time .h6,.event-page .event-more-info .h6 { font-size: .9rem !important; } .event-page .event-place span,.event-page .event-time span,.event-page .event-more-info span { min-width: 3.5rem; height: 3.5rem; background-color: #00847f; border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 2rem; color: #fff; margin-right: .75rem; } .event-page .event-place .event-time_time,.event-page .event-time .event-time_time,.event-page .event-more-info .event-time_time { text-transform: capitalize; } @media (max-width: 991px) { .event-page .event-date { font-size: .77rem; } .event-page .event-info div:last-of-type { border-bottom: 1px solid #d8d4d3; } .event-page .sidebar .row { margin-left: 0; margin-right: 0; } .event-page .sidebar .event-lift-block .col-lg-12 { padding-left: 0; padding-right: 0; } } .waste-search-page h1.number-of-results { font-weight: normal; } .waste-search-page .filters-container { border-bottom: 1px solid #e7e6e5; } .waste-search-page .filters-container .filtering:hover { cursor: pointer; } .waste-search-page .filters-container .filtering svg { vertical-align: top !important; } .waste-search-page .filters-container .filtering .filtering-placeholder,.waste-search-page .filters-container .filtering .filtering-selected-value { font-size: 18px; font-weight: 700 !important; } .waste-search-page .pipe { width: 1px; height: 31px; background-color: #e7e6e5; margin: 0 25px 0 29px; } .waste-search-page .search-input .button { height: 47px; } .waste-page .waste-page-main-image { width: 60%; } .waste-page .recycling-method { font-size: .75rem; min-height: 32px; vertical-align: bottom; height: inherit; line-height: 12px; padding: 4px 10px; } .waste-page .recycling-method .icon { font-size: 1.2rem; min-width: 1.2rem; } .waste-page .recycling-method.black-text { color: #2c2a29; } .waste-page a.recycling-method { color: inherit; text-decoration: none; } .waste-page a.recycling-method.tag.black-text { color: #2c2a29; } .waste-page a.recycling-method.tag { background-color: #00847f; color: #fff; font-weight: bold; border-radius: 3px; font-size: 15px; align-items: center; display: inline-flex; padding: 4px 8px; line-height: 1rem; } .waste-page .waste-type-card p { font-weight: normal; } .waste-page .waste-type-card .arrow-icon { min-width: 2rem; min-height: 2rem; width: 2rem; height: 2rem; background-color: #969392; border-radius: 50%; color: #fff; align-items: center; display: flex; justify-content: center; float: right; font-size: 1.25rem; } .waste-page .sidebar .h4 { margin-top: 2rem; } .waste-page .sidebar .preamble { font-size: 1rem; } .waste-page .sidebar button { margin: 0 auto; } .waste-page .sidebar .link-list-block .col { padding-right: 0; padding-left: 0; } .waste-page .sidebar .link-list-block .col .row { margin: 0; } @media (max-width: 991px) { .waste-page .waste-type-card .arrow-icon { min-height: 25px; min-width: 25px; height: 25px; width: 25px; font-size: 1rem; } } .back-link-container { border-bottom: 1px solid #e7e6e5; padding: 25px 0; } .back-link-container a { color: #2c2a29; text-decoration: none; display: flex; } .back-link-container a .arrow-icon { min-width: 1.5rem; height: 1.5rem; background-color: #969392; border-radius: 50%; color: #fff; align-items: center; display: flex; justify-content: center; margin-right: 15px; } .back-link-container a:hover .arrow-icon,.back-link-container a:focus .arrow-icon { background-color: #2c2a29; } .knowlegde-article-page .hero-block { height: 380px; padding: 0 !important; } .knowlegde-article-page .hero-block .hero-img { width: 100%; height: 100%; max-height: 380px; -o-object-fit: cover; object-fit: cover; } .knowlegde-article-page .accordion-header h6 { font-size: 1.5rem !important; } .knowlegde-article-page .link-to-top { position: fixed; top: 50%; right: 8%; transform: translate(-8%, -50%); z-index: 1; } .knowlegde-article-page .link-to-top:focus,.knowlegde-article-page .link-to-top:hover { outline: none; } .knowlegde-article-page .link-to-top:focus .arrow-icon,.knowlegde-article-page .link-to-top:hover .arrow-icon { opacity: 1; } .knowlegde-article-page .link-to-top .arrow-icon { min-width: 1.7rem; width: 1.7rem; height: 1.7rem; border-radius: 50%; background: #969392; display: flex; justify-content: center; align-items: center; z-index: 1; opacity: .2; } .knowlegde-article-page .link-to-top .arrow-icon .icon { stroke-width: 1; color: #fff; transform: rotate(-90deg); } .knowlegde-article-page .row { margin-left: 0; margin-right: 0; } .knowlegde-article-page .row>.col { padding-left: 0; padding-right: 0; } @media (max-width: 991px) { .knowlegde-article-page .hero-block { height: 250px; } } .water-supply-info-page .hero-block { height: 380px; } .water-supply-info-page .hero-block h1 { padding-top: 80px; } .water-supply-info-page .water-supply-reports p { line-height: 1.25rem; } .water-supply-info-page .report-box { box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); padding: 30px; border-radius: 3px; margin-top: 15px; display: block; color: #2c2a29; text-decoration: none; font-weight: normal; line-height: 1.25rem; } @media (max-width: 991px) { .water-supply-info-page .report-box { padding: 15px; } } .water-supply-info-page .report-box .arrow-icon { min-width: 2rem; min-height: 2rem; width: 2rem; height: 2rem; background-color: #969392; border-radius: 50%; color: #fff; align-items: center; display: flex; justify-content: center; float: right; font-size: 1.25rem; } .water-supply-info-page .water-supply-info { margin-top: -170px; background: #fff; } .water-supply-info-page .water-supply-info .telephone-icon { min-width: 4rem; height: 4rem; border-radius: 50%; align-items: center; display: flex; justify-content: center; margin-right: 15px; color: #fff; font-size: 2rem; } .water-supply-info-page .bottom-area .row { margin: 0; } .water-supply-info-page .bottom-area .row .col { padding: 0; } .minisite-front-page .hero-block img.logo { max-width: 150px; position: inherit; } .minisite-front-page .main-content-area>.row,.minisite-front-page .related-content-area>.row { margin: 0; } .minisite-front-page .main-content-area>.row>.col,.minisite-front-page .related-content-area>.row>.col { padding: 0; } .minisite-front-page .main-content-area .row:first-of-type .block-container { border-top: none; } @media (max-width: 991px) { .minisite-front-page .hero-block .hero-content { padding-top: 40px; padding-bottom: 40px; } .minisite-front-page .hero-block .preamble { margin-top: 3rem; } } .collection-vehicle-search-page .hero-block .hero-content { padding-bottom: 6.25rem; } .collection-vehicle-search-page .hero-block .collection-vehicles-search-input { text-indent: 50px; } .collection-vehicle-search-page .v-select.disabled { pointer-events: none; background-color: #e7e6e5; } .collection-vehicle-search-page .v-select .vs__selected-options { max-width: 100%; } .collection-vehicle-search-page #cities { width: 137px; margin-right: 15px; } .collection-vehicle-search-page #area { width: 96px; margin-right: 15px; } .collection-vehicle-search-page #postnumber { width: 166px; } .collection-vehicle-search-page .filters-container { border-bottom: 1px solid #e7e6e5; word-break: normal; } .collection-vehicle-search-page .filters-container .h6 { font-size: .9rem !important; margin-right: 15px; } .collection-vehicle-search-page .filters-container .collection-vehicles-search-input { width: 308px; } .collection-vehicle-search-page .filters-container .pipe { width: 1px; height: 31px; border-right: 1px solid #e7e6e5; } .collection-vehicle-search-page .bottom-content-area div>.row { margin-left: 0; margin-right: 0; } .collection-vehicle-search-page .bottom-content-area div>.row>.col { padding-left: 0; padding-right: 0; } @media (max-width: 991px) { .collection-vehicle-search-page .collection-vehicles-search-input { width: 100% !important; } } .select-date { width: 252px; } @media (min-width: 768px) { .links-container { display: flex; justify-content: space-between; align-items: center; } } .previous-link { color: #000 !important; text-decoration: none !important; display: flex; font-size: 18px; } .previous-link span { width: 1.5rem; height: 1.5rem; min-width: 1.5rem; border-radius: 50%; background-color: #969392; color: #fff; justify-content: center; align-items: center; display: flex; } .previous-link .icon { color: #fff; } .clear-filters-btn { color: #000; font-weight: 600; font-size: 18px; border: none; background-color: rgba(0,0,0,0); position: relative; padding-left: 45px; line-height: 1.8; } @media (max-width: 768px) { .clear-filters-btn { float: none; margin-top: 10px; } } .clear-filters-btn.disabled { color: #b3b3b3 !important; } .clear-filters-btn.disabled .close-icon { background-color: #dfdfde !important; } .clear-filters-btn.focus-visible { outline: 2px solid #00847f !important; outline-offset: 2px; } .clear-filters-btn:focus { outline: none; } .clear-filters-btn .close-icon { position: absolute; left: 0; width: 30px; height: 30px; background-color: #969392; border-radius: 50%; } .clear-filters-btn .close-icon:before,.clear-filters-btn .close-icon:after { position: absolute; left: 14px; top: 5px; content: " "; height: 20px; width: 2px; background-color: #fff; } .clear-filters-btn .close-icon:before { transform: rotate(45deg); } .clear-filters-btn .close-icon:after { transform: rotate(-45deg); } form { position: relative; } form button[type=submit] { position: absolute; right: 6px; padding: 5px 10px; top: 6px; } form button[type=submit]:hover { box-shadow: none; } form button[type=submit].focus-visible { outline: 2px solid #000 !important; outline-offset: 2px; } .collection-vehicles-search-input { text-indent: 50px; border: none; border-bottom: 2px solid #d8d4d3; border-radius: 3px; box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); font-size: .9rem; min-height: 44px; } .collection-vehicles-search-input:hover { box-shadow: 0 5px 10px 0 rgba(0,0,0,.2); outline: none; } .collection-vehicles-search-input.focus-visible { outline: 2px solid #00847f !important; } .geolocation-icon { color: #00847f; background: #fff; font-size: 1.4rem; position: absolute; border-right: 1px solid #d8d4d3 !important; margin-top: 3px; padding: 0 10px; cursor: pointer; z-index: 1; left: 0; } .geolocation-icon:focus { outline: none; } .geolocation-icon:focus.focus-visible { outline: 1px solid #00847f; } .sub-theme-page .hero-block { height: 380px; padding: 0 !important; } .sub-theme-page .hero-block .hero-img { width: 100%; height: 100%; max-height: 380px; -o-object-fit: cover; object-fit: cover; } .sub-theme-page .bottom-content-area div>.row { margin-left: 0; margin-right: 0; } .sub-theme-page .bottom-content-area div>.row>.col { padding-left: 0; padding-right: 0; } @media (max-width: 991px) { .sub-theme-page .hero-block { height: 250px; } } .location-page .hero-block { height: 380px; padding: 0 !important; } .location-page .hero-block .hero-img { width: 100%; height: 100%; max-height: 380px; -o-object-fit: cover; object-fit: cover; } .location-page .location-info { margin-top: -110px; background-color: #fff; max-width: 675px; padding: 40px 30px; margin-bottom: 15px; } .location-page .location-info .location-info-field .info p { margin-bottom: 0; font-size: 1.25rem; line-height: 1.45rem; } .location-page .location-info .location-info-field .info .custom-icon { min-width: 5rem; height: 5rem; border-radius: 50%; align-items: center; display: flex; justify-content: center; margin-right: 45px; color: #fff; font-size: 2.3rem; margin-right: 1.5rem; min-width: 4rem; width: 4rem; height: 4rem; font-size: 2rem; background-color: #006aa7; } .location-page .location-info .location-info-field .info .custom-icon:after { font-size: 1.25rem; } @media (max-width: 768px) { .location-page .location-info .location-week-calendar { padding-left: 0; } } .location-page .location-info .location-week-calendar .location-week-calendar-container { max-width: 490px; } @media (min-width: 992px)and (max-width: 1100px) { .location-page .location-info .location-week-calendar .location-week-calendar-container { max-width: 100%; } } .location-page .location-info .location-week-calendar .location-week-calendar-container .location-week-calendar-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } @media (min-width: 992px)and (max-width: 1100px) { .location-page .location-info .location-week-calendar .location-week-calendar-container .location-week-calendar-heading { display: inline-block; } } @media (max-width: 520px) { .location-page .location-info .location-week-calendar .location-week-calendar-container .location-week-calendar-heading { display: inline-block; } } .location-page .location-info .location-week-calendar .location-week-calendar-container .location-week-calendar-heading>div { align-items: center; } .location-page .location-info .location-week-calendar .location-week-calendar-container .location-week-calendar-heading .custom-icon { min-width: 5rem; height: 5rem; border-radius: 50%; align-items: center; display: flex; justify-content: center; margin-right: 45px; color: #fff; font-size: 2.3rem; margin-right: 1.5rem; min-width: 4rem; width: 4rem; height: 4rem; font-size: 2rem; background-color: #006aa7; } .location-page .location-info .location-week-calendar .location-week-calendar-container .location-week-calendar-heading .custom-icon:after { font-size: 1.25rem; } .location-page .location-info .location-week-calendar .location-week-calendar-container .location-week-calendar-heading h2 { margin: 0; } .location-page .location-info .location-week-calendar .location-week-calendar-container .location-week-calendar-heading select { border: 2px solid #00847f; color: #00847f; border-radius: 3px; font-weight: bold; text-transform: uppercase; font-size: 18px; line-height: 18px; padding: 8px 15px; max-height: 38px; } @media (min-width: 992px)and (max-width: 1100px) { .location-page .location-info .location-week-calendar .location-week-calendar-container .location-week-calendar-heading select { margin-top: 20px; } } @media (max-width: 520px) { .location-page .location-info .location-week-calendar .location-week-calendar-container .location-week-calendar-heading select { margin-top: 20px; font-size: 16px; } } .location-page .location-info .location-week-calendar .location-week-calendar-container .location-week-calendar-heading select.focus-visible,.location-page .location-info .location-week-calendar .location-week-calendar-container .location-week-calendar-heading select:focus-visible { outline: 2px solid #2c2a29; outline-offset: 3px; } .location-page .location-info .location-week-calendar .location-week-calendar-container .location-week-calendar-content { margin-left: 100px; max-width: 390px; } @media (min-width: 992px)and (max-width: 1100px) { .location-page .location-info .location-week-calendar .location-week-calendar-container .location-week-calendar-content { margin-left: 0; } } @media (max-width: 650px) { .location-page .location-info .location-week-calendar .location-week-calendar-container .location-week-calendar-content { margin-left: 0; } } .location-page .location-info .location-week-calendar .location-week-calendar-container div div { font-size: 25px; display: flex; justify-content: space-between; } @media (max-width: 520px) { .location-page .location-info .location-week-calendar .location-week-calendar-container div div { font-size: 18px; } } .location-page .location-info .location-week-calendar .location-week-calendar-container div div.today { font-weight: bold; } .location-page .location-info .location-week-calendar .location-week-calendar-container div div.weekday { max-width: 145px; width: 100%; } .location-page .location-info .location-week-calendar .location-week-calendar-container div div.date { max-width: 120px; width: 100%; display: block; } .location-page .location-info .location-week-calendar .location-week-calendar-container div div.time { max-width: 90px; width: 100%; display: block; } .location-page .location-info .location-week-calendar .location-week-calendar-container div div.date,.location-page .location-info .location-week-calendar .location-week-calendar-container div div.time { text-align: right; } .location-page .bottom-area div>.row { margin-left: 0; margin-right: 0; } .location-page .bottom-area div>.row>.col { padding-left: 0; padding-right: 0; } @media (max-width: 991px) { .location-page .hero-block { height: 250px; } } .front-page .lifts-content-area>div>.row { margin-top: 1rem; } .front-page .lifts-content-area>div>.row .box { height: 97%; } .front-page .lifts-content-area>div>.row .box h4 { margin-top: 1rem; } .front-page .lifts-content-area>div>.row .box .preamble,.front-page .lifts-content-area>div>.row .box p { font-size: inherit; line-height: 1.25rem; } .front-page .lifts-content-area>div>.row .col .map { width: auto; margin-left: 15px; margin-right: 15px; } .front-page .lifts-content-area>div>.row .map { margin-top: .75rem; margin-bottom: 0; } @media (min-width: 1600px) { .front-page .lifts-content-area>div>.row .map { margin-bottom: 5px; } } .front-page .banner-block { position: relative; } .front-page .banner-block .banner-block-heading { display: flex; height: 300px; align-items: center; } .front-page .banner-block.white-text,.front-page .banner-block .image-container.white-text { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); color: #fff; } .front-page .banner-block.black-text,.front-page .banner-block .image-container.black-text { background-image: linear-gradient(to right, rgb(255, 255, 255), rgba(0, 0, 0, 0)); } .front-page .banner-block .banner-block-text--white { color: #fff; } @media (max-width: 991px) { .front-page .banner-block .banner-block-text--white { color: #000; } } .front-page .banner-block .banner-block-text--black { color: #000; } .front-page .banner-block img { width: 100%; height: 100%; position: absolute; z-index: -1; -o-object-fit: cover; object-fit: cover; } @media (max-width: 991px) { .front-page .banner-block img { position: absolute; height: 300px; } } .front-page .banner-block .banner-content { padding-top: 195px; padding-bottom: 195px; } .front-page .block-container { border-top: none; padding-bottom: 0; padding-top: 70px; } .front-page .main-content-area .row,.front-page .lifts-content-area .row { margin-left: 0; margin-right: 0; } .front-page .main-content-area .row>.col,.front-page .lifts-content-area .row>.col { padding-left: 0; padding-right: 0; } @media (max-width: 991px) { .front-page .banner-block .banner-content { padding-top: 40px; padding-bottom: 40px; } } .error-page .icon-logo-primary { width: 8rem; height: 5rem; margin-bottom: 50px; margin-top: 120px; } .error-page p { color: #00847f; font-size: 1.25rem; } .error-page .button { margin-top: 120px; } @media (max-width: 991px) { .error-page .icon-logo-primary,.error-page .button { margin-top: 50px; } } .listing-page .filter-title { font-size: .9rem; } .listing-page .filter { padding: 8px 15px; line-height: .9rem; } .listing-page .box,.listing-page a.box { padding: 15px; } .campaign-page>.hero-block .hero-img { position: relative; } .campaign-page>.hero-block .hero-content { padding: 0; position: absolute; top: 50%; transform: translateY(-50%); } .campaign-page>.hero-block .campaign-hero-logo { width: 100%; height: 80px; } .campaign-page>.hero-block .campaign-hero-logo .icon-logo-drops { font-size: 4rem; } .campaign-page>.hero-block .campaign-hero-logo .icon-logo-text { font-size: 3rem; padding-top: 1.5rem; } .campaign-page>.hero-block .campaign-hero-logo.right .logo-wrapper { float: right; } .campaign-page>.hero-block .campaign-hero-logo.left .logo-wrapper { float: left; } @media (max-width: 768px) { .campaign-page>.hero-block .campaign-desktop-hero { display: none; } } @media (min-width: 769px) { .campaign-page>.hero-block .campaign-mobile-hero { display: none; } } @media (max-width: 991px) { .campaign-page>.hero-block { padding: 0 !important; } } .campaign-page .anchor-links-block { margin-right: auto; margin-left: auto; padding-left: 7%; padding-right: 7%; padding-bottom: 25px; } @media (max-width: 500px) { .campaign-page .anchor-links-block { padding-bottom: 15px; } } .campaign-page div>.row { margin-left: 0; margin-right: 0; } .campaign-page div>.row>.col { padding-left: 0; padding-right: 0; } .campaign-page .infocard-wrapper { justify-content: center; align-items: center; } .campaign-page .infocard-wrapper .infocard-single { padding: 15px; max-width: 200px; } .campaign-page .infocard-wrapper .infocard-single .infocard-modal { max-width: 775px; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); padding-right: 0 !important; overflow: visible; } @media (min-width: 520px) { .campaign-page .infocard-wrapper .infocard-single .infocard-modal { width: auto; } } .campaign-page .infocard-wrapper .infocard-single .infocard-modal .infocard-modal-wrapper { position: relative; } .campaign-page .infocard-wrapper .infocard-single .infocard-modal .infocard-modal-wrapper button { position: absolute; right: 7px; top: 1px; opacity: 1; color: #000; } .campaign-page .infocard-wrapper .infocard-single .infocard-modal .infocard-modal-wrapper button .icon { width: .7em; height: .7em; } @media (max-width: 768px) { .campaign-page .infocard-wrapper .infocard-single .infocard-modal .infocard-modal-wrapper { padding: 15px; } .campaign-page .infocard-wrapper .infocard-single .infocard-modal .infocard-modal-wrapper button { right: 13px; top: -20px; } .campaign-page .infocard-wrapper .infocard-single .infocard-modal .infocard-modal-wrapper button .icon { width: 1em; height: 1em; color: #fff; } } .campaign-page .infocard-wrapper .infocard-single .infocard-modal .infocard-modal-content { background-color: #fff; padding: 1.5rem; color: #2c2a29; border-radius: 3px; height: auto; max-height: 95vh; overflow: hidden; overflow-y: auto; } @media (max-width: 520px) { .campaign-page .infocard-wrapper .infocard-single .infocard-modal .infocard-modal-content { max-height: 70vh; } } .campaign-page .infocard-wrapper .infocard-single .infocard-modal .infocard-modal-content img { padding-bottom: 1.5rem; } .campaign-page .infocard-wrapper .infocard-single .infocard-modal .infocard-modal-content .button { margin-top: .5rem; } .campaign-page .two-column-block .video-block { border-top: none; padding: 0; } .campaign-page .dark-border .block-container { border-color: #002120; } .campaign-page .light-border { position: relative; } .campaign-page .light-border .block-container { border-color: #d8d4d3; } footer.campaign-footer { background-color: #f3fafb !important; } footer.campaign-footer img.footer-logo-img { height: 6em; } @media (max-width: 500px) { footer.campaign-footer img.footer-logo-img { margin-top: 2rem; } } footer.campaign-footer .campaign-footer-info { z-index: 3; position: relative; } .campaign-header .campaign-header-wrapper { padding: 2rem 0; margin-bottom: -10px; } .campaign-header .campaign-header-wrapper a { color: inherit !important; } .campaign-header .campaign-header-wrapper .hsy-icon img { width: auto; position: relative; } .campaign-header .campaign-header-wrapper nav { padding-left: 18rem; } .campaign-bg-image { background-size: 120px; } .campaign-bg-image header,.campaign-bg-image div.light-border,.campaign-bg-image div.dark-border { background-image: none !important; background-color: rgba(0,0,0,0) !important; } .filter-heading { color: #fff; text-shadow: 0px 4px 6px rgba(0,0,0,.87); } .campaign-footer { margin-top: 0 !important; } .campaign-footer .social-media svg { width: 1.5rem; height: 1.5rem; } .campaign-footer a { color: inherit !important; } .campaign-footer .footer-big-image { z-index: 2 !important; } .modal-backdrop { background-color: #002120; } .modal-backdrop.show { opacity: .75; } .campaign-mobile-nav img { top: 4px !important; } .campaign-mobile-nav .hsy-icon img { position: relative; width: auto; height: 45px; left: 20px; } .gift-page .gift-container { box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); background-color: #fff; overflow: hidden; } .gift-page .gift-container .gift-content { width: 50%; float: left; padding-right: 3rem; padding-left: 1.5rem; } @media (max-width: 768px) { .gift-page .gift-container .gift-content { width: 100%; float: none; padding-right: 1.5rem; padding-bottom: 1rem; } } .gift-page .gift-container .gift-image { width: 50%; float: right; } @media (max-width: 768px) { .gift-page .gift-container .gift-image { width: 100%; float: none; } } .gift-page .gift-container .gift-image img { width: 100%; height: auto; } .gift-page #gift_confirmation p { text-align: center; } .gift-page #gift_confirmation p a { color: #2c2a29; font-weight: normal; } .gift-image-container { padding-bottom: 65%; width: 100%; background-position: top; background-repeat: no-repeat; background-size: cover; margin-bottom: 30px; } .gift-listing-block { position: relative; z-index: 1; } .gift-listing-block select { max-width: 300px; } .gift-listing-block select:focus.focus-visible { outline: 2px solid #000; } .gift-listing-block .masonry-item { width: calc(33.333333% - 30px); } @media (max-width: 500px) { .gift-listing-block .masonry-item { width: 100%; } } .gift-listing-block .masonry-item .box { margin-top: 0; margin-bottom: 30px; background-color: #fff; } .gift-listing-block .masonry-item.single-gift .related-box-text { display: flex; justify-content: space-between; align-items: center; } .gift-listing-block .masonry-item.single-gift .related-box-text h3 { max-width: 87%; } @media (min-width: 768px)and (max-width: 1024px) { .gift-listing-block .masonry-item.single-gift .related-box-text h3 { max-width: 70%; } } @media (max-width: 767px) { .gift-listing-block .masonry-item.single-gift .related-box-text h3 { max-width: 80%; } } .gift-listing-block .like-button { position: absolute; right: 20px; bottom: 59px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: rgba(0,0,0,0); border: none; cursor: pointer; display: flex; gap: 5px; } @media (max-width: 520px) { .gift-listing-block .like-button { bottom: 52px; } } .gift-listing-block .like-button:focus.focus-visible { outline: 2px solid #00847f; } .gift-listing-block .like-button:focus { outline: none; } .gift-listing-block .like-button img { width: 20px; } .gift-listing-block .like-button img.liked-btn { animation-name: heartbeat; animation-duration: 2s; animation-iteration-count: 1; } .gift-listing-block .like-button .like-count { font-size: 16px; font-weight: 400; } .gift-listing-block .modal-buttons button { margin-right: 20px; appearance: none; -moz-appearance: none; -webkit-appearance: none; border: none; background-color: rgba(0,0,0,0); color: #00847f; font-weight: bold; text-decoration: underline; padding: 0; } .campaign-filter { width: 100%; max-width: 300px; } .campaign-filter.first-filter { margin-right: 20px; } @media (max-width: 520px) { .campaign-filter.first-filter { margin-right: 0; } } .campaign-filter label { font-weight: 600; width: 100%; text-align: left; max-width: 300px; } @keyframes heartbeat { 0% { transform: scale(1); } 25% { transform: scale(0.75); } 50% { transform: scale(1.25); } 100% { transform: scale(1); } } .gift-form .hr-line { width: 65%; height: 1px; background-color: #fff; margin: 3.5rem auto; } .gift-form p { font-size: .9rem; line-height: 1rem; font-weight: bold; } .gift-form .gift-form-description { text-align: center; } .gift-form #wa_link input { margin-left: 40px; } @media (max-width: 520px) { .gift-form #wa_link input { margin-left: 0; margin-top: 30px; } } .gift-form .form-input { margin-bottom: 1rem; } .gift-form .form-input input,.gift-form .form-input textarea,.gift-form .form-input select { width: 100%; } .gift-form .form-input input::-moz-placeholder, .gift-form .form-input textarea::-moz-placeholder, .gift-form .form-input select::-moz-placeholder { color: #969392; opacity: 1; } .gift-form .form-input input::placeholder,.gift-form .form-input textarea::placeholder,.gift-form .form-input select::placeholder { color: #969392; opacity: 1; } .gift-form .form-input input:-ms-input-placeholder,.gift-form .form-input textarea:-ms-input-placeholder,.gift-form .form-input select:-ms-input-placeholder { color: #969392; } .gift-form .form-input input::-ms-input-placeholder,.gift-form .form-input textarea::-ms-input-placeholder,.gift-form .form-input select::-ms-input-placeholder { color: #969392; } .gift-form .form-input input,.gift-form .form-input select { height: 50px; padding: 10px; } .gift-form .form-input select { -moz-appearance: none; -webkit-appearance: none; appearance: none; background-image: url(/dist/img/angle-down-regular.79e594cff972d9ea92a7.svg); background-repeat: no-repeat; background-position-x: 98%; background-position-y: 11px; background-size: 17px; border-radius: 2px; padding-right: 2rem; } .gift-form .form-input textarea { padding: 10px; height: 195px; } .gift-form .form-input label { font-size: .9rem; line-height: 1rem; font-weight: bold; } .campaign-modal-backdrop { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.3); display: flex; justify-content: center; align-items: center; z-index: 100; } @media (min-width: 521px) { .campaign-modal-backdrop.suggest-gift-form .campaign-modal { max-height: 855px; height: 100%; } } .campaign-modal-backdrop .campaign-modal { background: #fff; box-shadow: 2px 2px 20px 1px; overflow-x: auto; max-width: 700px; width: 100%; border-radius: 3px; } @media (max-width: 520px) { .campaign-modal-backdrop .campaign-modal { max-height: 600px; } } .campaign-modal-backdrop .campaign-modal .campaign-modal-header { padding: 15px 35px 15px 15px; display: flex; } .campaign-modal-backdrop .campaign-modal .campaign-modal-header h3 { margin: 0; } .campaign-modal-backdrop .campaign-modal .campaign-modal-header .btn-close { position: absolute; top: 0; right: 0; border: none; font-size: 20px; padding: 10px; cursor: pointer; font-weight: bold; color: #00847f; background: rgba(0,0,0,0); } .campaign-modal-backdrop .campaign-modal .campaign-modal-header { position: relative; color: #00847f; justify-content: space-between; } .campaign-modal-backdrop .campaign-modal .campaign-modal-body { position: relative; padding: 20px 10px; } .campaign-modal-backdrop .campaign-modal .campaign-modal-body img { width: auto; max-width: 650px; display: block; margin: 0 auto; } @media (max-width: 500px) { .campaign-modal-backdrop .campaign-modal .campaign-modal-body img { max-width: 300px; } } .campaign-modal-backdrop .campaign-modal .campaign-modal-body #suggestionForm input,.campaign-modal-backdrop .campaign-modal .campaign-modal-body #suggestionForm label,.campaign-modal-backdrop .campaign-modal .campaign-modal-body #suggestionForm textarea { width: 100%; } .campaign-modal-backdrop .campaign-modal .campaign-modal-body #suggestionForm label { font-size: .9rem; line-height: 1rem; font-weight: bold; } .campaign-modal-backdrop .campaign-modal .campaign-modal-body #suggestionForm p { margin-top: 1.5rem; font-size: 20px; font-weight: 600; } .campaign-modal-backdrop .campaign-modal .campaign-modal-body #suggestionForm input { margin-bottom: 1rem; padding: 10px; } .campaign-modal-backdrop .campaign-modal .campaign-modal-body #suggestionForm textarea { padding: 10px; } .campaign-modal-backdrop .campaign-modal .campaign-modal-body #suggestionForm .form-submit-btn { height: 60px; } .campaign-modal-backdrop .campaign-modal .campaign-modal-body #suggestionForm .form-submit-btn button { position: relative; right: 0; top: 0; border-radius: 3px; font-weight: bold; font-size: .9rem; padding: 10px 16px; float: right; margin-bottom: 15px; } .campaign-modal-backdrop .campaign-modal-fade-enter,.campaign-modal-backdrop .campaign-modal-fade-leave-to { opacity: 0; } .campaign-modal-backdrop .campaign-modal-fade-enter-active,.campaign-modal-backdrop .campaign-modal-fade-leave-active { transition: opacity .5s ease; } .gift-campaign .modal-backdrop { display: none !important; } .open-data-landing-page .search-result .intro,.open-data-search-page .search-result .intro { line-height: 1.5em; height: 2.5em; overflow: hidden; margin-bottom: 1rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .open-data-landing-page .vs__dropdown-toggle .vs__clear,.open-data-search-page .vs__dropdown-toggle .vs__clear { display: none; } .open-data-search-page button.show-more { display: none !important; } .open-data-search-page .search-input { max-width: 510px; } .open-data-search-page .search-input button { right: 22px; } .open-data-search-page .pagination { justify-content: center; margin-top: 50px; font-size: .9rem; } .open-data-search-page .pagination .c-sliding-pagination__list-element { padding: 0; margin-right: .75rem; } .open-data-search-page .pagination .c-sliding-pagination__list-element a { color: #00847f !important; background: #fff; } .open-data-search-page .pagination .c-sliding-pagination__list-element--active a { color: #fff !important; background: #00847f !important; } .open-data-search-page .pagination .c-sliding-pagination__list-element a[aria-label="Go to previous page"],.open-data-search-page .pagination .c-sliding-pagination__list-element a[aria-label="Go to next page"] { display: none; } .open-data-search-page .pagination a { border: 2px solid #00847f; text-decoration: none; padding: 10px 16px; display: block; border-radius: 3px; line-height: .9rem; } .opendata-page .open-data-info div { border-top: 1px solid #d8d4d3; font-size: .9rem; } .opendata-page .open-data-info div a { text-decoration: none; font-weight: normal; } .opendata-page .open-data-info div .tag a { color: #fff; font-weight: bold; } .opendata-page .aside-open-data-license a { text-decoration: none; font-weight: normal; } .accordion-header img,.file-download img { width: 80px; margin-right: 40px; } .file-link { display: flex; align-items: center; } .file-link img { width: 20px; margin-right: 10px; margin-left: 9px; } .water-history.container-fluid.timeline-page,.water-history.timeline-page.container-sm,.water-history.timeline-page.container-md,.water-history.timeline-page.container-lg,.water-history.timeline-page.container-xl { padding-left: 0; padding-right: 0; } @media (min-width: 1480px) { .water-history.container-fluid.timeline-page,.water-history.timeline-page.container-sm,.water-history.timeline-page.container-md,.water-history.timeline-page.container-lg,.water-history.timeline-page.container-xl { padding-left: 7%; padding-right: 7%; } } .water-history .timeline-pre { display: flex; flex-direction: column; align-items: center; justify-content: center; } .water-history .timeline-pre-title { margin-top: 90px !important; } .water-history .timeline-sections { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; margin: 32px 0 64px 0 !important; } .water-history .timeline-section-link { padding: 8px 16px; margin: 0 !important; border-radius: 8px; background: #00847f; color: #fff !important; font-size: 24px !important; font-weight: bold; text-decoration: none !important; } .water-history.timeline-page { position: relative; padding-bottom: 100px; overflow: clip; isolation: isolate; } .water-history .background-images-wrapper { position: absolute; inset: 0; z-index: 0; } @media (min-width: 1480px) { .water-history .background-images-wrapper { left: 7%; right: 7%; padding-right: 15px; } } .water-history .background-image { position: sticky; top: 0; height: 100vh; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: var(--z, 1); } .water-history .background-image-spacer { height: var(--hold, 0px); block-size: var(--hold, 0px); } .water-history .sticky { position: sticky; } .water-history .timeline { display: flex; position: relative; z-index: 1; flex-direction: column; align-items: center; justify-content: center; padding-top: 2rem; width: 100%; margin-bottom: 4rem; } .water-history .timeline::before { content: ""; position: absolute; top: 2rem; left: 50%; width: 4px; height: 100%; background-color: #64c3cd; z-index: 1; } .water-history .timeline::after { content: ""; position: absolute; bottom: -40px; transform: translateX(2px); background: #00847f; border-radius: 50%; width: 30px; height: 30px; z-index: 1; } .water-history .timeline-section { display: flex; flex-direction: row; justify-content: center; padding: 8px 16px; margin: 0 !important; border-radius: 8px; background: #00847f; color: #fff; font-size: 24px !important; font-weight: bold; z-index: 2; } .water-history .timeline-subsection { border-radius: 50%; background-color: #00847f; color: #fff; width: 85px; height: 85px; display: flex; align-items: center; justify-content: center; text-align: center; z-index: 3; font-size: 20px !important; margin: 36px 0 0 0 !important; padding: 0 !important; } .water-history .timeline-item-wrapper { position: relative; width: 100%; display: flex; flex-direction: row; margin: 2rem 0; justify-content: center; } .water-history .timeline-item-wrapper:nth-of-type(odd) { margin-left: 690px; margin-top: -44px; } .water-history .timeline-item-wrapper:nth-of-type(odd) .timeline-item { border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; box-shadow: 2px 4px 4px rgba(0,0,0,.25); } .water-history .timeline-item-wrapper:nth-of-type(odd) .timeline-item:after { content: ""; position: absolute; top: -8px; left: -90px; background: #00847f; border-radius: 50%; width: 20px; height: 20px; } .water-history .timeline-item-wrapper:nth-of-type(even) { margin-left: -690px; margin-top: -50px; } .water-history .timeline-item-wrapper:nth-of-type(even) .timeline-item { border-top-left-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; box-shadow: -2px 4px 4px rgba(0,0,0,.25); } .water-history .timeline-item-wrapper:nth-of-type(even) .timeline-item:before { transform: scaleX(-1); right: -41px; left: auto; } .water-history .timeline-item-wrapper:nth-of-type(even) .timeline-item:after { content: ""; position: absolute; top: -8px; right: -95px; background: #00847f; border-radius: 50%; width: 20px; height: 20px; } .water-history .timeline-item:before { content: ""; position: absolute; top: 0; left: -41px; background: #00847f; width: 42px; height: 71px; clip-path: url(#timeline-section-arrow); } @supports (clip-path: shape(from 0 0, line to 0 0)) { .water-history .timeline-item:before { clip-path: shape(from 0% 0%, line to 100% 0%, line to 100% 100%, curve to 0% 0% with 94.1081% 43.0227%/65.245% 21.7386%, close); } } .water-history .timeline-item { position: relative; list-style: none; display: flex; flex-direction: column; width: 100%; z-index: 2; background-color: #00847f; color: #fff; max-width: 525px; padding: 16px; } @media (max-width: 1240px) { .water-history .timeline-item { max-width: 350px; } .water-history .timeline-item-wrapper:nth-of-type(even) { margin-left: -515px; } .water-history .timeline-item-wrapper:nth-of-type(odd) { margin-left: 515px; } } @media (max-width: 991px) { .water-history .timeline { margin-left: -32%; } .water-history .timeline-subsection { margin-bottom: -43px !important; } .water-history .timeline-item { max-width: 300px; } .water-history .timeline-item-wrapper:nth-of-type(even),.water-history .timeline-item-wrapper:nth-of-type(odd) { margin-left: 465px; margin-top: 0; } .water-history .timeline-item-wrapper:nth-of-type(even) .timeline-item { border-top-left-radius: 0; border-top-right-radius: 8px; } .water-history .timeline-item-wrapper:nth-of-type(even) .timeline-item:before { transform: none; right: auto; left: -41px; } .water-history .timeline-item-wrapper:nth-of-type(even) .timeline-item:after { top: -8px; left: -91px; } } @media (max-width: 542px) { .water-history .timeline-section { font-size: 18px !important; padding: 4px 8px; } .water-history .timeline-item { max-width: 250px; } .water-history .timeline-item-wrapper:nth-of-type(even),.water-history .timeline-item-wrapper:nth-of-type(odd) { margin-left: 415px; margin-top: 0; } } @media (max-width: 470px) { .water-history .timeline-section { font-size: 14px !important; padding: 4px 8px; } .water-history .timeline-item { max-width: 210px; } .water-history .timeline-item-wrapper:nth-of-type(even),.water-history .timeline-item-wrapper:nth-of-type(odd) { margin-left: 435px; margin-top: 0; } .water-history .timeline-item-wrapper:nth-of-type(odd) .timeline-item:after,.water-history .timeline-item-wrapper:nth-of-type(even) .timeline-item:after { left: -88px; } .water-history .timeline-item-wrapper:nth-of-type(even),.water-history .timeline-item-wrapper:nth-of-type(odd) { margin-left: 370px; } .water-history .background-images-wrapper { padding-right: 0; left: 0; } } @media (max-width: 370px) { .water-history .timeline-item { max-width: 140px; } .water-history .timeline-item-wrapper:nth-of-type(even),.water-history .timeline-item-wrapper:nth-of-type(odd) { margin-left: 300px; } } .water-history .timeline-item-header { font-size: 24px !important; margin: 0 0 8px 0 !important; padding: 0 !important; } .water-history .timeline-item-leadin { margin-top: 8px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; line-clamp: 5; overflow: hidden; text-overflow: ellipsis; } .water-history .timeline-item-link { font-size: 22px; color: #fff !important; text-decoration: none !important; font-weight: normal !important; } .water-history .timeline-item-link:focus.focus-visible { outline: 2px solid #fff !important; outline-offset: 2px; } .water-history .timeline-item-link:hover { text-decoration: underline !important; } .water-history .history-hero-block { padding-bottom: 27.8%; } .water-history .arrow-icon { color: #00847f; } .water-history .arrow-icon .icon { transform: translateY(-1px); } .water-history .back-link { display: inline-block; padding: 1rem 0; } .water-history .subsection { border-radius: 50%; background: rgba(0,132,127,.2); display: flex; align-items: center; justify-content: center; text-align: center; padding: 10px; width: 80px; height: 80px; } @media (min-width: 900px) { .water-history .subsection { width: 130px; height: 130px; } } .water-history .subsection-name { color: #4d4c4c; margin: 0 !important; padding: 0 !important; font-size: 20px !important; } @media (min-width: 900px) { .water-history .subsection-name { font-size: 32px !important; } } .water-history.history-article-page .preamble { font-size: 1.2rem; } .water-history .timeline-article-content { font-size: 20px; } .water-history .timeline-article-main-image-caption { text-align: left; } @media (min-width: 992px) { .water-history .timeline-article-main-image-caption { font-style: normal !important; font-weight: bold !important; font-size: 20px !important; } } .water-history .timeline-article-bottom-image-caption { text-align: left; } .water-history .back-to-top-link { border: 0; background: 0; display: inline-block; margin-top: 64px; text-decoration: underline; font-weight: bold; color: #00847f; } .water-history .back-to-top-link:focus.focus-visible { outline: 2px solid #00847f !important; outline-offset: 2px; } .water-history .back-to-top-link:hover { text-decoration: none; } .water-history .article-controls-wrapper { display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top: 100px; } .water-history .article-controls { display: flex; flex-direction: row; align-items: center; } .water-history .article-controls-link { display: flex; flex-direction: row; align-items: center; text-decoration: none; } .water-history .article-controls-link:focus.focus-visible { outline: 2px solid #00847f !important; outline-offset: 2px; } .water-history .article-controls-link-text:not(.disabled) { display: none; text-align: center; text-decoration: underline; } @media (min-width: 415px) { .water-history .article-controls-link-text:not(.disabled) { display: flex; } } .water-history .article-controls-link-text:not(.disabled):hover { text-decoration: none; } .water-history .subsection-article-controls { border-radius: 50%; background-color: #00847f; color: #fff; font-weight: 700; padding: 4px; width: 70px; height: 70px; line-height: 1; display: flex; align-items: center; justify-content: center; text-align: center; } .water-history .article-controls-angle-icon { font-size: 48px; display: flex; text-decoration: none; } .water-history .disabled { color: #959797; font-weight: 700; } .water-history .link-color { color: #00847f; } .water-history-site-header .desktop-header,.water-history-site-header .mobile-header { box-shadow: 0 5px 6px 0 rgba(0,0,0,.15); } .water-history-site-header .desktop-header { position: relative; } .water-history-site-header .desktop-header img { height: 100%; position: absolute; top: 0; padding: 5px; } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false; } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false; } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false; } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false; } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false; } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-blur { syntax: "*"; inherits: false; } @property --tw-brightness { syntax: "*"; inherits: false; } @property --tw-contrast { syntax: "*"; inherits: false; } @property --tw-grayscale { syntax: "*"; inherits: false; } @property --tw-hue-rotate { syntax: "*"; inherits: false; } @property --tw-invert { syntax: "*"; inherits: false; } @property --tw-opacity { syntax: "*"; inherits: false; } @property --tw-saturate { syntax: "*"; inherits: false; } @property --tw-sepia { syntax: "*"; inherits: false; } @property --tw-drop-shadow { syntax: "*"; inherits: false; } @property --tw-drop-shadow-color { syntax: "*"; inherits: false; } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false; } @property --tw-duration { syntax: "*"; inherits: false; } @property --tw-ease { syntax: "*"; inherits: false; } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-border-style: solid; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-duration: initial; --tw-ease: initial; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-outline-style: solid; --hs-rx: 80%; --hs-ry: 85%; } } } /*# sourceMappingURL=style.ffb787510a179b72865a.css.map*/