.heading-teal {
color: #008eaa
}
.heading-green {
color: #32aa1f
}
.heading-orange {
color: #d97b00
}
.heading-red {
color: #c10230
}
.heading-purple {
color: #76236c
}
.bg-blue-5 {
background-color: #e6ecf7
}
.bg-gold-10 {
background-color: #fff9e5
}
.bg-gray-5 {
background-color: #f7f7f7
}
.icon-web_teal-hover:hover .icon-web.nurse::after, .icon-web_teal-hover:focus .icon-web.nurse::after {
content: url('data:image/svg+xml,')
}
.icon-web_teal-hover:hover .icon-web.research::after, .icon-web_teal-hover:focus .icon-web.research::after {
content: url('data:image/svg+xml,')
}
.icon-web_teal-hover:hover .icon-web.physician::after, .icon-web_teal-hover:focus .icon-web.physician::after {
content: url('data:image/svg+xml,')
}
.icon-web_teal-hover:hover .icon-web.document::after, .icon-web_teal-hover:focus .icon-web.document::after {
content: url('data:image/svg+xml,')
}
.icon-web_teal-hover:hover .icon-web.visitors::after, .icon-web_teal-hover:focus .icon-web.visitors::after {
content: url('data:image/svg+xml,')
}
.icon-web_teal-hover:hover .icon-web.telehealth::after, .icon-web_teal-hover:focus .icon-web.telehealth::after {
content: url('data:image/svg+xml,')
}
.icon-web_teal-hover:hover .icon-web.student::after, .icon-web_teal-hover:focus .icon-web.student::after {
content: url('data:image/svg+xml,')
}
.icon-web_teal-hover:hover .icon-web.referrals::after, .icon-web_teal-hover:focus .icon-web.referrals::after {
content: url('data:image/svg+xml,')
}
.icon-web_teal-hover:hover .icon-web.questions::after, .icon-web_teal-hover:focus .icon-web.questions::after {
content: url('data:image/svg+xml,')
}
.icon-web_teal-hover:hover .icon-web.phone::after, .icon-web_teal-hover:focus .icon-web.phone::after {
content: url('data:image/svg+xml,')
}
.icon-web_teal-hover:hover .icon-web.person::after, .icon-web_teal-hover:focus .icon-web.person::after {
content: url('data:image/svg+xml,')
}
.icon-web_teal-hover:hover .icon-web.patient::after, .icon-web_teal-hover:focus .icon-web.patient::after {
content: url('data:image/svg+xml,')
}
.icon-web_teal-hover:hover .icon-web.login::after, .icon-web_teal-hover:focus .icon-web.login::after {
content: url('data:image/svg+xml,')
}
.icon-web_teal-hover:hover .icon-web.information::after, .icon-web_teal-hover:focus .icon-web.information::after {
content: url('data:image/svg+xml,')
}
.icon-web_teal-hover:hover .icon-web.group-people::after, .icon-web_teal-hover:focus .icon-web.group-people::after {
content: url('data:image/svg+xml,')
}
.icon-web_teal-hover:hover .icon-web.find-provider::after, .icon-web_teal-hover:focus .icon-web.find-provider::after {
content: url('data:image/svg+xml,')
}
.icon-web_teal-hover:hover .icon-web.email::after, .icon-web_teal-hover:focus .icon-web.email::after {
content: url('data:image/svg+xml,')
}
.icon-web_teal-hover:hover .icon-web.education::after, .icon-web_teal-hover:focus .icon-web.education::after {
content: url('data:image/svg+xml,')
}
.icon-web_teal-hover:hover .icon-web.donate::after, .icon-web_teal-hover:focus .icon-web.donate::after {
content: url('data:image/svg+xml,')
}
.icon-web_teal-hover:hover .icon-web.directions-locations::after, .icon-web_teal-hover:focus .icon-web.directions-locations::after {
content: url('data:image/svg+xml,')
}
.icon-web_teal-hover:hover .icon-web.clinical-services::after, .icon-web_teal-hover:focus .icon-web.clinical-services::after {
content: url('data:image/svg+xml,')
}
.icon-web_teal-hover:hover .icon-web.careers::after, .icon-web_teal-hover:focus .icon-web.careers::after {
content: url('data:image/svg+xml,')
}
.icon-web_teal-hover:hover .icon-web.insurance::after, .icon-web_teal-hover:focus .icon-web.insurance::after {
content: url('data:image/svg+xml,')
}
.icon-web_teal-hover:hover .icon-web.hospital::after, .icon-web_teal-hover:focus .icon-web.hospital::after {
content: url('data:image/svg+xml,')
}
.icon-web_teal-hover:hover .icon-web.prescription::after, .icon-web_teal-hover:focus .icon-web.prescription::after {
content: url('data:image/svg+xml,')
}
.icon-web_teal-hover:hover .icon-web.parking::after, .icon-web_teal-hover:focus .icon-web.parking::after {
content: url('data:image/svg+xml,')
}
.icon-web {
display: inline-block;
width: 60%
}
.icon-web::after {
display: block;
width: auto;
height: auto
}
.icon-web.nurse::after {
content: url('data:image/svg+xml,')
}
.icon-web.research::after {
content: url('data:image/svg+xml,')
}
.icon-web.physician::after {
content: url('data:image/svg+xml,')
}
.icon-web.document::after {
content: url('data:image/svg+xml,')
}
.icon-web.visitors::after {
content: url('data:image/svg+xml,')
}
.icon-web.telehealth::after {
content: url('data:image/svg+xml,')
}
.icon-web.student::after {
content: url('data:image/svg+xml,')
}
.icon-web.referrals::after {
content: url('data:image/svg+xml,')
}
.icon-web.questions::after {
content: url('data:image/svg+xml,')
}
.icon-web.phone::after {
content: url('data:image/svg+xml,')
}
.icon-web.person::after {
content: url('data:image/svg+xml,')
}
.icon-web.patient::after {
content: url('data:image/svg+xml,')
}
.icon-web.login::after {
content: url('data:image/svg+xml,')
}
.icon-web.information::after {
content: url('data:image/svg+xml,')
}
.icon-web.group-people::after {
content: url('data:image/svg+xml,')
}
.icon-web.find-provider::after {
content: url('data:image/svg+xml,')
}
.icon-web.email::after {
content: url('data:image/svg+xml,')
}
.icon-web.education::after {
content: url('data:image/svg+xml,')
}
.icon-web.donate::after {
content: url('data:image/svg+xml,')
}
.icon-web.directions-locations::after {
content: url('data:image/svg+xml,')
}
.icon-web.clinical-services::after {
content: url('data:image/svg+xml,')
}
.icon-web.careers::after {
content: url('data:image/svg+xml,')
}
.icon-web.insurance::after {
content: url('data:image/svg+xml,')
}
.icon-web.hospital::after {
content: url('data:image/svg+xml,')
}
.icon-web.prescription::after {
content: url('data:image/svg+xml,')
}
.icon-web.parking::after {
content: url('data:image/svg+xml,')
}
@font-face {
font-family: "Material Symbols Rounded";
font-style: normal;
src: url("../../fonts/MaterialSymbols.woff2") format("woff");
}
.material-symbols-rounded {
font-family: "Material Symbols Rounded";
font-weight: normal;
font-style: normal;
font-size: 24px;
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
font-variation-settings: "FILL" 0,"wght" 500,"GRAD" 0,"opsz" 48;
color: #022851
}
.health-icon svg {
color: #007991
}
.health-icon svg path {
fill: #007991
}
*, body .client, .client h1, .client h2, .client h3, .client h4, .client h5, .client h6, .client .h1, .client .h2, .client .h3, .client .h4, .client .h5, .client .h6 {
font-family: "Proxima-Nova",Helvetica,Arial,Lucida Grande,Lucida Sans,sans-serif
}
.client h1 {
font-weight: 700
}
.client p {
font-weight: 400;
line-height: 1.375em
}
.client .light {
font-weight: 300
}
.client .med {
font-weight: 500
}
.client .sb {
font-weight: 600
}
.client .bold {
font-weight: 700
}
.client .font-italic {
font-weight: 400;
font-style: italic
}
.client .lightit {
font-weight: 300;
font-style: italic
}
.client .medit {
font-weight: 500;
font-style: italic
}
.client .sbit {
font-weight: 600;
font-style: italic
}
.client .boldit {
font-weight: 700;
font-style: italic
}
.client strong {
font-weight: 700
}
.client em {
font-style: italic
}
.client .largetext {
font-size: 1.5rem
}
.client .smalltext {
font-size: 0 .875rem
}
.client .tinytext {
font-size: 0 .75rem;
padding-top: .25rem;
color: #999 !important
}
.client .nowrap {
white-space: nowrap
}
.client p a, .client li a, .client label a, .client.client .table a {
color: #022851;
font-weight: 600;
text-decoration: underline;
-webkit-text-decoration-color: rgba(0,121,145,.25);
text-decoration-color: rgba(0,121,145,.25)
}
.client p a:hover, .client li a:hover, .client label a:hover, .client.client .table a:hover {
color: #007991
}
.client a[href^="tel:"] {
text-decoration: none !important
}
.client .section-header, .client .component-header {
text-align: center;
width: 100%
}
.section-header.left-aligned, .component-header.left-aligned {
text-align: left
}
.section-header.left-aligned .section-title.underlined:after, .section-header.left-aligned .component-heading.underlined:after, .component-header.left-aligned .section-title.underlined:after, .component-header.left-aligned .component-heading.underlined:after {
left: 0
}
.section-header.bold .section-title, .section-header.bold .component-heading, .component-header.bold .section-title, .component-header.bold .component-heading {
font-weight: 600;
font-size: 2.5em;
line-height: 1.15
}
.section-header .section-sub-title, .section-header .component-sub-heading, .component-header .section-sub-title, .component-header .component-sub-heading {
letter-spacing: .05em;
font-weight: 600;
font-size: .875em;
line-height: 1;
color: #022851;
text-transform: uppercase
}
.section-header .section-title, .section-header .component-heading, .component-header .section-title, .component-header .component-heading {
position: relative;
font-size: 2.75em;
font-weight: 400;
color: #000;
line-height: 1.125;
display: block;
width: 100%
}
.section-header .section-title.underlined:after, .section-header .component-heading.underlined:after, .component-header .section-title.underlined:after, .component-header .component-heading.underlined:after {
content: "";
position: absolute;
width: 8%;
height: 0;
bottom: -0.25rem;
left: 46%;
border-bottom: 4px solid #ffbf00
}
.section-header .section-text, .component-header .section-text {
font-weight: 400;
font-size: 1.125em;
line-height: 1.5;
margin-bottom: 0
}
.section-header .component-intro-content, .component-header .component-intro-content {
padding-top: 1rem
}
.section-header .component-intro-content h1, .section-header .component-intro-content h2, .section-header .component-intro-content h3, .section-header .component-intro-content h4, .section-header .component-intro-content h5, .section-header .component-intro-content h6, .component-header .component-intro-content h1, .component-header .component-intro-content h2, .component-header .component-intro-content h3, .component-header .component-intro-content h4, .component-header .component-intro-content h5, .component-header .component-intro-content h6 {
display: none !important
}
.section-header .component-intro-content ul, .section-header .component-intro-content ol, .component-header .component-intro-content ul, .component-header .component-intro-content ol {
display: none !important
}
.section-header .component-intro-content img, .component-header .component-intro-content img {
display: none !important
}
.section-header .component-intro-content figure.img-extra-wide, .section-header .component-intro-content figure.img-left, .section-header .component-intro-content figure.img-right, .section-header .component-intro-content .box-left, .section-header .component-intro-content .box-right, .section-header .component-intro-content .box-wide, .component-header .component-intro-content figure.img-extra-wide, .component-header .component-intro-content figure.img-left, .component-header .component-intro-content figure.img-right, .component-header .component-intro-content .box-left, .component-header .component-intro-content .box-right, .component-header .component-intro-content .box-wide {
display: none !important
}
.client span.category {
text-decoration: none !important
}
.client span.category:hover {
text-decoration: none !important
}
@media(min-width: 576px) {
.client p {
font-size: 1.125em;
line-height: 1.5;
margin-bottom: 2rem
}
}
@media(max-width: calc(576px - 1px)) {
.section-header .section-sub-title {
font-size: .75em
}
.section-header .section-title.underlined:after {
width: 16%;
bottom: .25rem;
left: 42%
}
.section-header .section-text {
font-size: 1em;
line-height: 1.375
}
}
@media print {
@page {
margin: 1.84125cm
}
.client .container-fluid, .client .container-xl, .client .container-lg, .client .container-md, .client .container-sm {
padding-left: 6px !important;
padding-right: 6px !important
}
.category, .date {
font-weight: 600 !important
}
.client h1, .client h2, .client h3, .client h4, .client h5, .client h6, .client p {
page-break-inside: avoid;
break-inside: avoid
}
.section-header .section-sub-title {
color: #022851 !important
}
.section-header .section-title {
color: #000 !important;
font-size: 42px !important;
line-height: 40px !important
}
.section-header .section-text {
color: #000 !important
}
}
.client .breadcrumb-item + .breadcrumb-item::before {
width: 1rem;
height: 1rem;
vertical-align: middle
}
.page-content-breadcrumbs {
margin-top: 1rem !important
}
.page-content-breadcrumbs .sizer {
border-bottom: 2px solid #e6ecf7
}
.page-content-breadcrumbs .sizer nav .breadcrumb {
margin-bottom: 1rem;
padding: 0
}
.page-content-breadcrumbs .sizer nav .breadcrumb li a {
color: #022851;
font-weight: 500
}
.page-content-breadcrumbs .sizer nav .breadcrumb li a:hover, .page-content-breadcrumbs .sizer nav .breadcrumb li a:focus {
color: #007991
}
@media(max-width: calc(992px - 1px)) {
.client .page-content-breadcrumbs .sizer {
padding-left: 1rem;
padding-right: 1rem
}
}
@media(max-width: calc(576px - 1px)) {
.client .page-content-breadcrumbs .sizer {
padding: 0
}
.client .page-content-breadcrumbs .sizer nav .breadcrumb li {
display: none
}
.client .page-content-breadcrumbs .sizer nav .breadcrumb li:nth-last-child(2) {
display: list-item;
padding-left: .5rem
}
.client .page-content-breadcrumbs .sizer nav .breadcrumb li:nth-last-child(2):before {
content: url('data:image/svg+xml,');
position: absolute;
top: 1px;
left: 0;
padding: 0
}
.client .page-content-breadcrumbs .sizer nav .breadcrumb li:nth-last-child(2) a {
display: inline-block;
padding-left: .75rem
}
}
@media print {
.page-content-breadcrumbs {
display: none !important
}
.page-content-breadcrumbs.d-flex {
display: none !important
}
}
/*!
* Bootstrap v4.4.1 (https://getbootstrap.com/)
* Copyright 2011-2019 The Bootstrap Authors
* Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
:root {
--blue: #022851;
--indigo: #6610f2;
--purple: #76236c;
--pink: #e83e8c;
--red: #C10230;
--orange: #f18a00;
--yellow: #ffc107;
--green: #3dae2b;
--teal: #007991;
--cyan: #00b2e3;
--white: #ffffff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #022851;
--secondary: #ffbf00;
--success: #3dae2b;
--info: #007991;
--warning: #ffcc33;
--danger: #C10230;
--light: #e6ecf7;
--dark: #022851;
--blue: #022851;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--breakpoint-xxl: 1440px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}
*, *::before, *::after {
box-sizing: border-box
}
html .client {
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 .client {
margin: 0;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #333;
text-align: left;
background-color: #fff
}
.client [tabindex="-1"]:focus:not(:focus-visible) {
outline: 0 !important
}
.client hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
.client h1, .client h2, .client h3, .client h4, .client h5, .client h6 {
margin-top: 0;
margin-bottom: .5rem
}
.client p {
margin-top: 0;
margin-bottom: 1rem
}
.client abbr[title], .client abbr[data-original-title] {
text-decoration: underline;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
text-decoration-skip-ink: none
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit
}
.client ol, .client ul, .client dl {
margin-top: 0;
margin-bottom: 1rem
}
.client ol ol, .client ul ul, .client ol ul, .client ul ol {
margin-bottom: 0
}
.client dt {
font-weight: 700
}
.client dd {
margin-bottom: .5rem;
margin-left: 0
}
.client blockquote {
margin: 0 0 1rem
}
.client b,.client strong {
font-weight: bolder
}
.client small {
font-size: 80%
}
.client sub, sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline
}
.client sub {
bottom: -0.25em
}
.client sup {
top: -0.5em
}
.client a {
color: #022851;
text-decoration: none;
background-color: rgba(0,0,0,0)
}
.client a:hover {
color: #000306;
text-decoration: underline
}
.client a:not([href]) {
color: inherit;
text-decoration: none
}
.client a:not([href]):hover {
color: inherit;
text-decoration: none
}
.client pre, .client code, .client kbd, .client samp {
font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
font-size: 1em
}
.client pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto
}
.client figure {
margin: 0 0 1rem
}
.client img {
vertical-align: middle;
border-style: none
}
.client svg {
overflow: hidden;
vertical-align: middle
}
.client.client .table {
border-collapse: collapse
}
.client caption {
padding-top: .75rem;
padding-bottom: .75rem;
color: #6c757d;
text-align: left;
caption-side: bottom
}
.client th {
text-align: inherit
}
.client label {
display: inline-block;
margin-bottom: .5rem
}
.client button {
border-radius: 0
}
.client button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color
}
.client input, .client button, .client select, .client optgroup, .client textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
.client button, .client input {
overflow: visible
}
.client button, .client select {
text-transform: none
}
.client select {
word-wrap: normal
}
.client button, .client [type=button], .client [type=reset], .client [type=submit] {
-webkit-appearance: button
}
.client button:not(:disabled), .client [type=button]:not(:disabled), .client [type=reset]:not(:disabled), .client [type=submit]:not(:disabled) {
cursor: pointer
}
.client button::-moz-focus-inner, .client [type=button]::-moz-focus-inner, .client [type=reset]::-moz-focus-inner, .client [type=submit]::-moz-focus-inner {
padding: 0;
border-style: none
}
.client input[type=radio], .client input[type=checkbox] {
box-sizing: border-box;
padding: 0
}
.client input[type=date], .client input[type=time], .client input[type=datetime-local], .client input[type=month] {
-webkit-appearance: listbox
}
.client textarea {
overflow: auto;
resize: vertical
}
.client fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0
}
.client 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
}
.client progress {
vertical-align: baseline
}
.client [type=number]::-webkit-inner-spin-button, .client [type=number]::-webkit-outer-spin-button {
height: auto
}
.client [type=search] {
outline-offset: -2px;
-webkit-appearance: none
}
.client [type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
.client ::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button
}
.client output {
display: inline-block
}
.client summary {
display: list-item;
cursor: pointer
}
.client template {
display: none
}
.client [hidden] {
display: none !important
}
.client h1, .client h2, .client h3, .client h4, .client h5, .client h6, .client .h1, .client .h2, .client .h3, .client .h4, .client .h5, .client .h6 {
margin-bottom: .5rem;
font-weight: 500;
line-height: 1.2;
color: #022851
}
.client h1, .client .h1 {
font-size: 2.5rem
}
.client h2, .client .h2 {
font-size: 2rem
}
.client h3, .client .h3 {
font-size: 1.75rem
}
.client h4, .client .h4 {
font-size: 1.5rem
}
.client h5, .client .h5 {
font-size: 1.25rem
}
.client h6, .client .h6 {
font-size: 1rem
}
.client .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
}
.client hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0,0,0,.1)
}
.client small, .client .small {
font-size: 80%;
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
}
.client .blockquote {
margin-bottom: 1rem;
font-size: 1.25rem
}
.blockquote-footer {
display: block;
font-size: 80%;
color: #6c757d
}
.blockquote-footer::before {
content: "— "
}
.client .img-fluid {
max-width: 100%;
height: auto
}
.client .img-thumbnail {
padding: .25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: .25rem;
max-width: 100%;
height: auto
}
.client .figure {
display: inline-block
}
.client .figure-img {
margin-bottom: .5rem;
line-height: 1
}
.client .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
}
.client .container {
width: 100%;
padding-right: 16px;
padding-left: 16px;
margin-right: auto;
margin-left: auto
}
@media(min-width: 576px) {
.client .container {
max-width: 720px
}
}
@media(min-width: 768px) {
.client .container {
max-width: 960px
}
}
@media(min-width: 992px) {
.client .container {
max-width: 1140px
}
}
@media(min-width: 1200px) {
.client .container {
max-width: 1380px
}
}
.client .container-fluid, .client .container-xl, .client .container-lg, .client .container-md, .client .container-sm {
width: 100%;
padding-right: 16px;
padding-left: 16px;
margin-right: auto;
margin-left: auto
}
@media(min-width: 576px) {
.client .container-sm, .client .container {
max-width: 720px
}
}
@media(min-width: 768px) {
.client .container-md, .client .container-sm, .client .container {
max-width: 960px
}
}
@media(min-width: 992px) {
.client .container-lg, .client .container-md, .client .container-sm, .client .container {
max-width: 1140px
}
}
@media(min-width: 1200px) {
.client .container-xl, .client .container-lg, .client .container-md, .client .container-sm, .client .container {
max-width: 1380px
}
}
.client .row {
display: flex;
flex-wrap: wrap;
margin-right: -16px;
margin-left: -16px
}
.client .no-gutters {
margin-right: 0;
margin-left: 0
}
.client .no-gutters > .client .col, .no-gutters > [class*.client .col-] {
padding-right: 0;
padding-left: 0
}
.client .col-xxl, .client .col-xxl-auto, .client .col-xxl-12, .client .col-xxl-11, .client .col-xxl-10, .client .col-xxl-9, .client .col-xxl-8, .client .col-xxl-7, .client .col-xxl-6, .client .col-xxl-5, .client .col-xxl-4, .client .col-xxl-3, .client .col-xxl-2, .client .col-xxl-1, .client .col-xl, .client .col-xl-auto, .client .col-xl-12, .client .col-xl-11, .client .col-xl-10, .client .col-xl-9, .client .col-xl-8, .client .col-xl-7, .client .col-xl-6, .client .col-xl-5, .client .col-xl-4, .client .col-xl-3, .client .col-xl-2, .client .col-xl-1, .client .col-lg, .client .col-lg-auto, .client .col-lg-12, .client .col-lg-11, .client .col-lg-10, .client .col-lg-9, .client .col-lg-8, .client .col-lg-7, .client .col-lg-6, .client .col-lg-5, .client .col-lg-4, .client .col-lg-3, .client .col-lg-2, .client .col-lg-1, .client .col-md, .client .col-md-auto, .client .col-md-12, .client .col-md-11, .client .col-md-10, .client .col-md-9, .client .col-md-8, .client .col-md-7, .client .col-md-6, .client .col-md-5, .client .col-md-4, .client .col-md-3, .client .col-md-2, .client .col-md-1, .client .col-sm, .client .col-sm-auto, .client .col-sm-12, .client .col-sm-11, .client .col-sm-10, .client .col-sm-9, .client .col-sm-8, .client .col-sm-7, .client .col-sm-6, .client .col-sm-5, .client .col-sm-4, .client .col-sm-3, .client .col-sm-2, .client .col-sm-1, .client .col, .client .col-auto, .client .col-12, .client .col-11, .client .col-10, .client .col-9, .client .col-8, .client .col-7, .client .col-6, .client .col-5, .client .col-4, .client .col-3, .client .col-2, .client .col-1 {
position: relative;
width: 100%;
padding-right: 16px;
padding-left: 16px
}
.client .col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}
.client .row-cols-1 > * {
flex: 0 0 100%;
max-width: 100%
}
.client .row-cols-2 > * {
flex: 0 0 50%;
max-width: 50%
}
.client .row-cols-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.client .row-cols-4 > * {
flex: 0 0 25%;
max-width: 25%
}
.client .row-cols-5 > * {
flex: 0 0 20%;
max-width: 20%
}
.client .row-cols-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.client .col-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.client .col-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%
}
.client .col-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.client .col-3 {
flex: 0 0 25%;
max-width: 25%
}
.client .col-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.client .col-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%
}
.client .col-6 {
flex: 0 0 50%;
max-width: 50%
}
.client .col-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%
}
.client .col-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%
}
.client .col-9 {
flex: 0 0 75%;
max-width: 75%
}
.client .col-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%
}
.client .col-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%
}
.client .col-12 {
flex: 0 0 100%;
max-width: 100%
}
.order-first {
order: -1
}
.order-last {
order: 13
}
.order-0 {
order: 0
}
.order-1 {
order: 1
}
.order-2 {
order: 2
}
.order-3 {
order: 3
}
.order-4 {
order: 4
}
.order-5 {
order: 5
}
.order-6 {
order: 6
}
.order-7 {
order: 7
}
.order-8 {
order: 8
}
.order-9 {
order: 9
}
.order-10 {
order: 10
}
.order-11 {
order: 11
}
.order-12 {
order: 12
}
.offset-1 {
margin-left: 8.3333333333%
}
.offset-2 {
margin-left: 16.6666666667%
}
.offset-3 {
margin-left: 25%
}
.offset-4 {
margin-left: 33.3333333333%
}
.offset-5 {
margin-left: 41.6666666667%
}
.offset-6 {
margin-left: 50%
}
.offset-7 {
margin-left: 58.3333333333%
}
.offset-8 {
margin-left: 66.6666666667%
}
.offset-9 {
margin-left: 75%
}
.offset-10 {
margin-left: 83.3333333333%
}
.offset-11 {
margin-left: 91.6666666667%
}
@media(min-width: 576px) {
.client .col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}
.client .row-cols-sm-1 > * {
flex: 0 0 100%;
max-width: 100%
}
.client .row-cols-sm-2 > * {
flex: 0 0 50%;
max-width: 50%
}
.client .row-cols-sm-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.client .row-cols-sm-4 > * {
flex: 0 0 25%;
max-width: 25%
}
.client .row-cols-sm-5 > * {
flex: 0 0 20%;
max-width: 20%
}
.client .row-cols-sm-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.client .col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.client .col-sm-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%
}
.client .col-sm-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.client .col-sm-3 {
flex: 0 0 25%;
max-width: 25%
}
.client .col-sm-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.client .col-sm-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%
}
.client .col-sm-6 {
flex: 0 0 50%;
max-width: 50%
}
.client .col-sm-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%
}
.client .col-sm-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%
}
.client .col-sm-9 {
flex: 0 0 75%;
max-width: 75%
}
.client .col-sm-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%
}
.client .col-sm-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%
}
.client .col-sm-12 {
flex: 0 0 100%;
max-width: 100%
}
.order-sm-first {
order: -1
}
.order-sm-last {
order: 13
}
.order-sm-0 {
order: 0
}
.order-sm-1 {
order: 1
}
.order-sm-2 {
order: 2
}
.order-sm-3 {
order: 3
}
.order-sm-4 {
order: 4
}
.order-sm-5 {
order: 5
}
.order-sm-6 {
order: 6
}
.order-sm-7 {
order: 7
}
.order-sm-8 {
order: 8
}
.order-sm-9 {
order: 9
}
.order-sm-10 {
order: 10
}
.order-sm-11 {
order: 11
}
.order-sm-12 {
order: 12
}
.offset-sm-0 {
margin-left: 0
}
.offset-sm-1 {
margin-left: 8.3333333333%
}
.offset-sm-2 {
margin-left: 16.6666666667%
}
.offset-sm-3 {
margin-left: 25%
}
.offset-sm-4 {
margin-left: 33.3333333333%
}
.offset-sm-5 {
margin-left: 41.6666666667%
}
.offset-sm-6 {
margin-left: 50%
}
.offset-sm-7 {
margin-left: 58.3333333333%
}
.offset-sm-8 {
margin-left: 66.6666666667%
}
.offset-sm-9 {
margin-left: 75%
}
.offset-sm-10 {
margin-left: 83.3333333333%
}
.offset-sm-11 {
margin-left: 91.6666666667%
}
}
@media(min-width: 768px) {
.client .col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}
.client .row-cols-md-1 > * {
flex: 0 0 100%;
max-width: 100%
}
.client .row-cols-md-2 > * {
flex: 0 0 50%;
max-width: 50%
}
.client .row-cols-md-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.client .row-cols-md-4 > * {
flex: 0 0 25%;
max-width: 25%
}
.client .row-cols-md-5 > * {
flex: 0 0 20%;
max-width: 20%
}
.client .row-cols-md-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.client .col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.client .col-md-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%
}
.client .col-md-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.client .col-md-3 {
flex: 0 0 25%;
max-width: 25%
}
.client .col-md-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.client .col-md-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%
}
.client .col-md-6 {
flex: 0 0 50%;
max-width: 50%
}
.client .col-md-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%
}
.client .col-md-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%
}
.client .col-md-9 {
flex: 0 0 75%;
max-width: 75%
}
.client .col-md-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%
}
.client .col-md-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%
}
.client .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
}
.client .offset-md-0 {
margin-left: 0
}
.client .offset-md-1 {
margin-left: 8.3333333333%
}
.client .offset-md-2 {
margin-left: 16.6666666667%
}
.client .offset-md-3 {
margin-left: 25%
}
.client .offset-md-4 {
margin-left: 33.3333333333%
}
.client .offset-md-5 {
margin-left: 41.6666666667%
}
.client .offset-md-6 {
margin-left: 50%
}
.client .offset-md-7 {
margin-left: 58.3333333333%
}
.client .offset-md-8 {
margin-left: 66.6666666667%
}
.client .offset-md-9 {
margin-left: 75%
}
.client .offset-md-10 {
margin-left: 83.3333333333%
}
.client .offset-md-11 {
margin-left: 91.6666666667%
}
}
@media(min-width: 992px) {
.client .col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}
.client .row-cols-lg-1 > * {
flex: 0 0 100%;
max-width: 100%
}
.client .row-cols-lg-2 > * {
flex: 0 0 50%;
max-width: 50%
}
.client .row-cols-lg-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.client .row-cols-lg-4 > * {
flex: 0 0 25%;
max-width: 25%
}
.client .row-cols-lg-5 > * {
flex: 0 0 20%;
max-width: 20%
}
.client .row-cols-lg-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.client .col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.client .col-lg-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%
}
.client .col-lg-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.client .col-lg-3 {
flex: 0 0 25%;
max-width: 25%
}
.client .col-lg-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.client .col-lg-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%
}
.client .col-lg-6 {
flex: 0 0 50%;
max-width: 50%
}
.client .col-lg-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%
}
.client .col-lg-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%
}
.client .col-lg-9 {
flex: 0 0 75%;
max-width: 75%
}
.client .col-lg-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%
}
.client .col-lg-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%
}
.client .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
}
.client .offset-lg-0 {
margin-left: 0
}
.client .offset-lg-1 {
margin-left: 8.3333333333%
}
.client .offset-lg-2 {
margin-left: 16.6666666667%
}
.client .offset-lg-3 {
margin-left: 25%
}
.client .offset-lg-4 {
margin-left: 33.3333333333%
}
.client .offset-lg-5 {
margin-left: 41.6666666667%
}
.client .offset-lg-6 {
margin-left: 50%
}
.client .offset-lg-7 {
margin-left: 58.3333333333%
}
.client .offset-lg-8 {
margin-left: 66.6666666667%
}
.client .offset-lg-9 {
margin-left: 75%
}
.client .offset-lg-10 {
margin-left: 83.3333333333%
}
.client .offset-lg-11 {
margin-left: 91.6666666667%
}
}
@media(min-width: 1200px) {
.client .client .col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}
.client .row-cols-xl-1 > * {
flex: 0 0 100%;
max-width: 100%
}
.client .row-cols-xl-2 > * {
flex: 0 0 50%;
max-width: 50%
}
.client .row-cols-xl-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.client .row-cols-xl-4 > * {
flex: 0 0 25%;
max-width: 25%
}
.client .row-cols-xl-5 > * {
flex: 0 0 20%;
max-width: 20%
}
.client .row-cols-xl-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.client .col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.client .col-xl-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%
}
.client .col-xl-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.client .col-xl-3 {
flex: 0 0 25%;
max-width: 25%
}
.client .col-xl-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.client .col-xl-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%
}
.client .col-xl-6 {
flex: 0 0 50%;
max-width: 50%
}
.client .col-xl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%
}
.client .col-xl-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%
}
.client .col-xl-9 {
flex: 0 0 75%;
max-width: 75%
}
.client .col-xl-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%
}
.client .col-xl-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%
}
.client .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
}
.client .offset-xl-0 {
margin-left: 0
}
.client .offset-xl-1 {
margin-left: 8.3333333333%
}
.client .offset-xl-2 {
margin-left: 16.6666666667%
}
.client .offset-xl-3 {
margin-left: 25%
}
.client .offset-xl-4 {
margin-left: 33.3333333333%
}
.client .offset-xl-5 {
margin-left: 41.6666666667%
}
.client .offset-xl-6 {
margin-left: 50%
}
.client .offset-xl-7 {
margin-left: 58.3333333333%
}
.client .offset-xl-8 {
margin-left: 66.6666666667%
}
.client .offset-xl-9 {
margin-left: 75%
}
.client .offset-xl-10 {
margin-left: 83.3333333333%
}
.client .offset-xl-11 {
margin-left: 91.6666666667%
}
}
@media(min-width: 1440px) {
.client .client .col-xxl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%
}
.client .row-cols-xxl-1 > * {
flex: 0 0 100%;
max-width: 100%
}
.client .row-cols-xxl-2 > * {
flex: 0 0 50%;
max-width: 50%
}
.client .row-cols-xxl-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.client .row-cols-xxl-4 > * {
flex: 0 0 25%;
max-width: 25%
}
.client .row-cols-xxl-5 > * {
flex: 0 0 20%;
max-width: 20%
}
.client .row-cols-xxl-6 > * {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.client .col-xxl-auto {
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.client .col-xxl-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%
}
.client .col-xxl-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%
}
.client .col-xxl-3 {
flex: 0 0 25%;
max-width: 25%
}
.client .col-xxl-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%
}
.client .col-xxl-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%
}
.client .col-xxl-6 {
flex: 0 0 50%;
max-width: 50%
}
.client .col-xxl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%
}
.client .col-xxl-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%
}
.client .col-xxl-9 {
flex: 0 0 75%;
max-width: 75%
}
.client .col-xxl-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%
}
.client .col-xxl-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%
}
.client .col-xxl-12 {
flex: 0 0 100%;
max-width: 100%
}
.order-xxl-first {
order: -1
}
.order-xxl-last {
order: 13
}
.order-xxl-0 {
order: 0
}
.order-xxl-1 {
order: 1
}
.order-xxl-2 {
order: 2
}
.order-xxl-3 {
order: 3
}
.order-xxl-4 {
order: 4
}
.order-xxl-5 {
order: 5
}
.order-xxl-6 {
order: 6
}
.order-xxl-7 {
order: 7
}
.order-xxl-8 {
order: 8
}
.order-xxl-9 {
order: 9
}
.order-xxl-10 {
order: 10
}
.order-xxl-11 {
order: 11
}
.order-xxl-12 {
order: 12
}
.offset-xxl-0 {
margin-left: 0
}
.client .offset-xxl-1 {
margin-left: 8.3333333333%
}
.client .offset-xxl-2 {
margin-left: 16.6666666667%
}
.client .offset-xxl-3 {
margin-left: 25%
}
.offset-xxl-4 {
margin-left: 33.3333333333%
}
.offset-xxl-5 {
margin-left: 41.6666666667%
}
.offset-xxl-6 {
margin-left: 50%
}
.offset-xxl-7 {
margin-left: 58.3333333333%
}
.offset-xxl-8 {
margin-left: 66.6666666667%
}
.offset-xxl-9 {
margin-left: 75%
}
.offset-xxl-10 {
margin-left: 83.3333333333%
}
.offset-xxl-11 {
margin-left: 91.6666666667%
}
}
.client .table {
width: 100%;
margin-bottom: 1rem;
color: #333
}
.client .table th, .client .table td {
padding: .75rem;
vertical-align: top;
border-top: 1px solid #b3c1d1
}
.client .table thead th {
vertical-align: bottom;
border-bottom: 2px solid #b3c1d1
}
.client .table tbody + tbody {
border-top: 2px solid #b3c1d1
}
.client .table-sm th, .client .table-sm td {
padding: .3rem
}
.client .table-bordered {
border: 1px solid #b3c1d1
}
.client .table-bordered th, .client .table-bordered td {
border: 1px solid #b3c1d1
}
.client .table-bordered thead th, .client .table-bordered thead td {
border-bottom-width: 2px
}
.client .table-borderless th, .client .table-borderless td, .client .table-borderless thead th, .client .table-borderless tbody + tbody {
border: 0
}
.client .table-striped tbody tr:nth-of-type(odd) {
background-color: #e6ecf7
}
.client .table-hover tbody tr:hover {
color: #333;
background-color: #e6ecf7
}
.client .table-primary, .client .table-primary > th, .client .table-primary > td {
background-color: #b8c3ce
}
.client .table-primary th, .client .table-primary td, .client .table-primary thead th, .client .table-primary tbody + tbody {
border-color: #7b8fa5
}
.client .table-hover .client .table-primary:hover {
background-color: #a9b6c4
}
.client .table-hover .client .table-primary:hover > td, .client .table-hover .table-primary:hover > th {
background-color: #a9b6c4
}
.client .table-secondary, .client .table-secondary > th, .client .table-secondary > td {
background-color: #ffedb8
}
.client .table-secondary th, .client .table-secondary td, .client .table-secondary thead th, .client .table-secondary tbody + tbody {
border-color: #ffde7a
}
.client .table-hover .table-secondary:hover {
background-color: #ffe79f
}
.client .table-hover .table-secondary:hover > td, .client .table-hover .table-secondary:hover > th {
background-color: #ffe79f
}
.client .table-success, .client .table-success > th, .client .table-success > td {
background-color: #c9e8c4
}
.client .table-success th, .client .table-success td, .client .table-success thead th, .client .table-success tbody + tbody {
border-color: #9ad591
}
.client .table-hover .table-success:hover {
background-color: #b8e1b2
}
.client .table-hover .table-success:hover > td, .client .table-hover .table-success:hover > th {
background-color: #b8e1b2
}
.client .table-info, .client .table-info > th, .client .table-info > td {
background-color: #b8d9e0
}
.client .table-info th, .client .table-info td, .client .table-info thead th, .client .table-info tbody + tbody {
border-color: #7ab9c6
}
.client .table-hover .table-info:hover {
background-color: #a6d0d8
}
.client .table-hover .table-info:hover > td, .client .table-hover .table-info:hover > th {
background-color: #a6d0d8
}
.client .table-warning, .client .table-warning > th, .client .table-warning > td {
background-color: #fff1c6
}
.client .table-warning th, .client .table-warning td, .client .table-warning thead th, .client .table-warning tbody + tbody {
border-color: #ffe495
}
.client .table-hover .table-warning:hover {
background-color: #ffebad
}
.client .table-hover .table-warning:hover > td, .client .table-hover .table-warning:hover > th {
background-color: #ffebad
}
.client .table-danger, .client .table-danger > th, .client .table-danger > td {
background-color: #eeb8c5
}
.client .table-danger th, .client .table-danger td, .client .table-danger thead th, .client .table-danger tbody + tbody {
border-color: #df7b93
}
.client .table-hover .table-danger:hover {
background-color: #e9a3b4
}
.client .table-hover .table-danger:hover > td, .client .table-hover .table-danger:hover > th {
background-color: #e9a3b4
}
.client .table-light, .client .table-light > th, .client .table-light > td {
background-color: #f8fafd
}
.client .table-light th, .client .table-light td, .client .table-light thead th, .client .table-light tbody + tbody {
border-color: #f2f5fb
}
.client .table-hover .table-light:hover {
background-color: #e4ecf7
}
.client .table-hover .table-light:hover > td, .client .table-hover .table-light:hover > th {
background-color: #e4ecf7
}
.client .table-dark, .client .table-dark > th, .client .table-dark > td {
background-color: #b8c3ce
}
.client .table-dark th, .client .table-dark td, .client .table-dark thead th, .client .table-dark tbody + tbody {
border-color: #7b8fa5
}
.client .table-hover .table-dark:hover {
background-color: #a9b6c4
}
.client .table-hover .table-dark:hover > td, .client .table-hover .table-dark:hover > th {
background-color: #a9b6c4
}
.client .table-blue, .client .table-blue > th, .client .table-blue > td {
background-color: #b8c3ce
}
.client .table-blue th, .client .table-blue td, .client .table-blue thead th, .client .table-blue tbody + tbody {
border-color: #7b8fa5
}
.client .table-hover .client .table-blue:hover {
background-color: #a9b6c4
}
.client .table-hover .table-blue:hover > td, .client .table-hover .table-blue:hover > th {
background-color: #a9b6c4
}
.client .table-active, .client .table-active > th, .client .table-active > td {
background-color: #e6ecf7
}
.client .table-hover .table-active:hover {
background-color: #d3ddf1
}
.client .table-hover .table-active:hover > td, .client .table-hover .table-active:hover > th {
background-color: #d3ddf1
}
.client .table .thead-dark th {
color: #fff;
background-color: #343a40;
border-color: #454d55
}
.client .table .thead-light th {
color: #495057;
background-color: #cdd6e0;
border-color: #b3c1d1
}
.client .table-dark {
color: #fff;
background-color: #343a40
}
.client .table-dark th, .client .table-dark td, .client .table-dark thead th {
border-color: #454d55
}
.client .table-dark .table-bordered {
border: 0
}
.client .table-dark .table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255,255,255,.05)
}
.client .table-dark .table-hover tbody tr:hover {
color: #fff;
background-color: rgba(255,255,255,.075)
}
@media(max-width: 575.98px) {
.client .table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.client .table-responsive-sm > .table-bordered {
border: 0
}
}
@media(max-width: 767.98px) {
.client .table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.client .table-responsive-md > .client .table-bordered {
border: 0
}
}
@media(max-width: 991.98px) {
.client .table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.client .table-responsive-lg > .client .table-bordered {
border: 0
}
}
@media(max-width: 1199.98px) {
.client .table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.client .table-responsive-xl > .client .table-bordered {
border: 0
}
}
@media(max-width: 1439.98px) {
.client .table-responsive-xxl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.client .table-responsive-xxl > .table-bordered {
border: 0
}
}
.client .table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.client .table-responsive > .table-bordered {
border: 0
}
.client .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) {
.client .form-control {
transition: none
}
}
.client .form-control::-ms-expand {
background-color: rgba(0,0,0,0);
border: 0
}
.client .form-control:-moz-focusring {
color: rgba(0,0,0,0);
text-shadow: 0 0 0 #495057
}
.client .form-control:focus {
color: #495057;
background-color: #fff;
border-color: #0565cd;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(2,40,81,.25)
}
.client .form-control::placeholder {
color: #6c757d;
opacity: 1
}
.client .form-control:disabled, .client .form-control[readonly] {
background-color: #e9ecef;
opacity: 1
}
.client select.form-control:focus::-ms-value {
color: #495057;
background-color: #fff
}
.client .form-control-file, .client .form-control-range {
display: block;
width: 100%
}
.client .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
}
.client .col-form-label-lg {
padding-top: calc(0.5rem + 1px);
padding-bottom: calc(0.5rem + 1px);
font-size: 1.25rem;
line-height: 1.5
}
.client .col-form-label-sm {
padding-top: calc(0.25rem + 1px);
padding-bottom: calc(0.25rem + 1px);
font-size: 0.875rem;
line-height: 1.5
}
.client .form-control-plaintext {
display: block;
width: 100%;
padding: .375rem 0;
margin-bottom: 0;
font-size: 1rem;
line-height: 1.5;
color: #333;
background-color: rgba(0,0,0,0);
border: solid rgba(0,0,0,0);
border-width: 1px 0
}
.client .form-control-plaintext.form-control-sm, .client .form-control-plaintext.form-control-lg {
padding-right: 0;
padding-left: 0
}
.client .form-control-sm {
height: calc(1.5em + 0.5rem + 2px);
padding: .25rem .5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: .2rem
}
.client .form-control-lg {
height: calc(1.5em + 1rem + 2px);
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem
}
.client select.form-control[size], .client select.form-control[multiple] {
height: auto
}
.client textarea.form-control {
height: auto
}
.client .form-group {
margin-bottom: 1rem
}
.client .form-text {
display: block;
margin-top: .25rem
}
.client .form-row {
display: flex;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px
}
.client .form-row > .client .col, .client .form-row > [class*.client .col-] {
padding-right: 5px;
padding-left: 5px
}
.client .form-check {
position: relative;
display: block;
padding-left: 1.25rem
}
.client .form-check-input {
position: absolute;
margin-top: .3rem;
margin-left: -1.25rem
}
.client .form-check-input[disabled] ~ .client .form-check-label, .client .form-check-input:disabled ~ .client .form-check-label {
color: #6c757d
}
.client .form-check-label {
margin-bottom: 0
}
.client .form-check-inline {
display: inline-flex;
align-items: center;
padding-left: 0;
margin-right: .75rem
}
.client .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: 80%;
color: #3dae2b
}
.valid-tooltip {
position: absolute;
top: 100%;
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(61,174,43,.9);
border-radius: .25rem
}
.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: #3dae2b;
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%233dae2b' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
border-color: #3dae2b;
box-shadow: 0 0 0 .2rem rgba(61,174,43,.25)
}
.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)
}
.was-validated .custom-select:valid, .custom-select.is-valid {
border-color: #3dae2b;
padding-right: calc(0.75em + 2.3125rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%233dae2b' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
border-color: #3dae2b;
box-shadow: 0 0 0 .2rem rgba(61,174,43,.25)
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
color: #3dae2b
}
.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: #3dae2b
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
border-color: #3dae2b
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
border-color: #51cf3d;
background-color: #51cf3d
}
.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(61,174,43,.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: #3dae2b
}
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
border-color: #3dae2b
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
border-color: #3dae2b;
box-shadow: 0 0 0 .2rem rgba(61,174,43,.25)
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: 80%;
color: #c10230
}
.invalid-tooltip {
position: absolute;
top: 100%;
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(193,2,48,.9);
border-radius: .25rem
}
.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: #c10230;
padding-right: calc(1.5em + 0.75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23C10230' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23C10230' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(0.375em + 0.1875rem) center;
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
border-color: #c10230;
box-shadow: 0 0 0 .2rem rgba(193,2,48,.25)
}
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
padding-right: calc(1.5em + 0.75rem);
background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)
}
.was-validated .custom-select:invalid, .custom-select.is-invalid {
border-color: #c10230;
padding-right: calc(0.75em + 2.3125rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px,url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23C10230' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23C10230' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
border-color: #c10230;
box-shadow: 0 0 0 .2rem rgba(193,2,48,.25)
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
color: #c10230
}
.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: #c10230
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
border-color: #c10230
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
border-color: #f3033d;
background-color: #f3033d
}
.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(193,2,48,.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: #c10230
}
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
border-color: #c10230
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
border-color: #c10230;
box-shadow: 0 0 0 .2rem rgba(193,2,48,.25)
}
.client .form-inline {
display: flex;
flex-flow: row wrap;
align-items: center
}
.client .form-inline .form-check {
width: 100%
}
@media(min-width: 576px) {
.client .form-inline label {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0
}
.client .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
}
}
.client .btn {
display: inline-block;
font-weight: 400;
color: #333;
text-align: center;
vertical-align: middle;
cursor: pointer;
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) {
.client .btn {
transition: none
}
}
.client .btn:hover {
color: #333;
text-decoration: none
}
.client .btn:focus, .btn.focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(2,40,81,.25)
}
.client .btn.disabled, .btn:disabled {
opacity: .65
}
.client a.btn.disabled, fieldset:disabled a.btn {
pointer-events: none
}
.client .btn-primary {
color: #fff;
background-color: #022851;
border-color: #022851
}
.client .btn-primary:hover {
color: #fff;
background-color: #01162c;
border-color: #010f1f
}
.client .btn-primary:focus, .client .btn-primary.focus {
color: #fff;
background-color: #01162c;
border-color: #010f1f;
box-shadow: 0 0 0 .2rem rgba(40,72,107,.5)
}
.client .btn-primary.disabled, .client .btn-primary:disabled {
color: #fff;
background-color: #022851;
border-color: #022851
}
.client .btn-primary:not(:disabled):not(.disabled):active, .client .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #010f1f;
border-color: #000913
}
.client .btn-primary:not(:disabled):not(.disabled):active:focus, .client .btn-primary:not(:disabled):not(.disabled).active:focus, .client .show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(40,72,107,.5)
}
.client .btn-secondary {
color: #212529;
background-color: #ffbf00;
border-color: #ffbf00
}
.client .btn-secondary:hover {
color: #212529;
background-color: #d9a200;
border-color: #c90
}
.client .btn-secondary:focus, .client .btn-secondary.focus {
color: #212529;
background-color: #d9a200;
border-color: #c90;
box-shadow: 0 0 0 .2rem rgba(222,168,6,.5)
}
.client .btn-secondary.disabled, .client .btn-secondary:disabled {
color: #212529;
background-color: #ffbf00;
border-color: #ffbf00
}
.client .btn-secondary:not(:disabled):not(.disabled):active, .client .btn-secondary:not(:disabled):not(.disabled).active, .client .show > .btn-secondary.dropdown-toggle {
color: #212529;
background-color: #c90;
border-color: #bf8f00
}
.client .btn-secondary:not(:disabled):not(.disabled):active:focus, .client .btn-secondary:not(:disabled):not(.disabled).active:focus, .client .show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(222,168,6,.5)
}
.client .btn-success {
color: #fff;
background-color: #3dae2b;
border-color: #3dae2b
}
.client .btn-success:hover {
color: #fff;
background-color: #328f23;
border-color: #2f8521
}
.client .btn-success:focus, .btn-success.focus {
color: #fff;
background-color: #328f23;
border-color: #2f8521;
box-shadow: 0 0 0 .2rem rgba(90,186,75,.5)
}
.client .btn-success.disabled, .btn-success:disabled {
color: #fff;
background-color: #3dae2b;
border-color: #3dae2b
}
.client .btn-success:not(:disabled):not(.disabled):active, .client .btn-success:not(:disabled):not(.disabled).active, .client .show > .btn-success.dropdown-toggle {
color: #fff;
background-color: #2f8521;
border-color: #2b7b1e
}
.client .btn-success:not(:disabled):not(.disabled):active:focus, .client .btn-success:not(:disabled):not(.disabled).active:focus, .client .show > .btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(90,186,75,.5)
}
.btn-info {
color: #fff;
background-color: #007991;
border-color: #007991
}
.btn-info:hover {
color: #fff;
background-color: #00596b;
border-color: #004e5e
}
.btn-info:focus, .btn-info.focus {
color: #fff;
background-color: #00596b;
border-color: #004e5e;
box-shadow: 0 0 0 .2rem rgba(38,141,162,.5)
}
.btn-info.disabled, .btn-info:disabled {
color: #fff;
background-color: #007991;
border-color: #007991
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
color: #fff;
background-color: #004e5e;
border-color: #004451
}
.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(38,141,162,.5)
}
.btn-warning {
color: #212529;
background-color: #fc3;
border-color: #fc3
}
.btn-warning:hover {
color: #212529;
background-color: #ffc20d;
border-color: #ffbf00
}
.btn-warning:focus, .btn-warning.focus {
color: #212529;
background-color: #ffc20d;
border-color: #ffbf00;
box-shadow: 0 0 0 .2rem rgba(222,179,50,.5)
}
.btn-warning.disabled, .btn-warning:disabled {
color: #212529;
background-color: #fc3;
border-color: #fc3
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
color: #212529;
background-color: #ffbf00;
border-color: #f2b600
}
.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(222,179,50,.5)
}
.btn-danger {
color: #fff;
background-color: #c10230;
border-color: #c10230
}
.btn-danger:hover {
color: #fff;
background-color: #9b0227;
border-color: #8f0123
}
.btn-danger:focus, .btn-danger.focus {
color: #fff;
background-color: #9b0227;
border-color: #8f0123;
box-shadow: 0 0 0 .2rem rgba(202,40,79,.5)
}
.btn-danger.disabled, .btn-danger:disabled {
color: #fff;
background-color: #c10230;
border-color: #c10230
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
color: #fff;
background-color: #8f0123;
border-color: #820120
}
.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(202,40,79,.5)
}
.btn-light {
color: #212529;
background-color: #e6ecf7;
border-color: #e6ecf7
}
.btn-light:hover {
color: #212529;
background-color: #c9d6ee;
border-color: #bfcfeb
}
.btn-light:focus, .btn-light.focus {
color: #212529;
background-color: #c9d6ee;
border-color: #bfcfeb;
box-shadow: 0 0 0 .2rem rgba(200,206,216,.5)
}
.btn-light.disabled, .btn-light:disabled {
color: #212529;
background-color: #e6ecf7;
border-color: #e6ecf7
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
color: #212529;
background-color: #bfcfeb;
border-color: #b6c7e8
}
.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(200,206,216,.5)
}
.btn-dark {
color: #fff;
background-color: #022851;
border-color: #022851
}
.btn-dark:hover {
color: #fff;
background-color: #01162c;
border-color: #010f1f
}
.btn-dark:focus, .btn-dark.focus {
color: #fff;
background-color: #01162c;
border-color: #010f1f;
box-shadow: 0 0 0 .2rem rgba(40,72,107,.5)
}
.btn-dark.disabled, .btn-dark:disabled {
color: #fff;
background-color: #022851;
border-color: #022851
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
color: #fff;
background-color: #010f1f;
border-color: #000913
}
.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(40,72,107,.5)
}
.btn-blue {
color: #fff;
background-color: #022851;
border-color: #022851
}
.btn-blue:hover {
color: #fff;
background-color: #01162c;
border-color: #010f1f
}
.btn-blue:focus, .btn-blue.focus {
color: #fff;
background-color: #01162c;
border-color: #010f1f;
box-shadow: 0 0 0 .2rem rgba(40,72,107,.5)
}
.btn-blue.disabled, .btn-blue:disabled {
color: #fff;
background-color: #022851;
border-color: #022851
}
.btn-blue:not(:disabled):not(.disabled):active, .btn-blue:not(:disabled):not(.disabled).active, .show > .btn-blue.dropdown-toggle {
color: #fff;
background-color: #010f1f;
border-color: #000913
}
.btn-blue:not(:disabled):not(.disabled):active:focus, .btn-blue:not(:disabled):not(.disabled).active:focus, .show > .btn-blue.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(40,72,107,.5)
}
.btn-outline-primary {
color: #022851;
border-color: #022851
}
.btn-outline-primary:hover {
color: #fff;
background-color: #022851;
border-color: #022851
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
box-shadow: 0 0 0 .2rem rgba(2,40,81,.5)
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
color: #022851;
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: #022851;
border-color: #022851
}
.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(2,40,81,.5)
}
.btn-outline-secondary {
color: #ffbf00;
border-color: #ffbf00
}
.btn-outline-secondary:hover {
color: #212529;
background-color: #ffbf00;
border-color: #ffbf00
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
box-shadow: 0 0 0 .2rem rgba(255,191,0,.5)
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
color: #ffbf00;
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: #212529;
background-color: #ffbf00;
border-color: #ffbf00
}
.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(255,191,0,.5)
}
.btn-outline-success {
color: #3dae2b;
border-color: #3dae2b
}
.btn-outline-success:hover {
color: #fff;
background-color: #3dae2b;
border-color: #3dae2b
}
.btn-outline-success:focus, .btn-outline-success.focus {
box-shadow: 0 0 0 .2rem rgba(61,174,43,.5)
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
color: #3dae2b;
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: #3dae2b;
border-color: #3dae2b
}
.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(61,174,43,.5)
}
.btn-outline-info {
color: #007991;
border-color: #007991
}
.btn-outline-info:hover {
color: #fff;
background-color: #007991;
border-color: #007991
}
.btn-outline-info:focus, .btn-outline-info.focus {
box-shadow: 0 0 0 .2rem rgba(0,121,145,.5)
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
color: #007991;
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: #007991;
border-color: #007991
}
.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(0,121,145,.5)
}
.btn-outline-warning {
color: #fc3;
border-color: #fc3
}
.btn-outline-warning:hover {
color: #212529;
background-color: #fc3;
border-color: #fc3
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
box-shadow: 0 0 0 .2rem rgba(255,204,51,.5)
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
color: #fc3;
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: #fc3;
border-color: #fc3
}
.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,204,51,.5)
}
.btn-outline-danger {
color: #c10230;
border-color: #c10230
}
.btn-outline-danger:hover {
color: #fff;
background-color: #c10230;
border-color: #c10230
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
box-shadow: 0 0 0 .2rem rgba(193,2,48,.5)
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
color: #c10230;
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: #c10230;
border-color: #c10230
}
.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(193,2,48,.5)
}
.btn-outline-light {
color: #e6ecf7;
border-color: #e6ecf7
}
.btn-outline-light:hover {
color: #212529;
background-color: #e6ecf7;
border-color: #e6ecf7
}
.btn-outline-light:focus, .btn-outline-light.focus {
box-shadow: 0 0 0 .2rem rgba(230,236,247,.5)
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
color: #e6ecf7;
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: #e6ecf7;
border-color: #e6ecf7
}
.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(230,236,247,.5)
}
.btn-outline-dark {
color: #022851;
border-color: #022851
}
.btn-outline-dark:hover {
color: #fff;
background-color: #022851;
border-color: #022851
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
box-shadow: 0 0 0 .2rem rgba(2,40,81,.5)
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
color: #022851;
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: #022851;
border-color: #022851
}
.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(2,40,81,.5)
}
.btn-outline-blue {
color: #022851;
border-color: #022851
}
.btn-outline-blue:hover {
color: #fff;
background-color: #022851;
border-color: #022851
}
.btn-outline-blue:focus, .btn-outline-blue.focus {
box-shadow: 0 0 0 .2rem rgba(2,40,81,.5)
}
.btn-outline-blue.disabled, .btn-outline-blue:disabled {
color: #022851;
background-color: rgba(0,0,0,0)
}
.btn-outline-blue:not(:disabled):not(.disabled):active, .btn-outline-blue:not(:disabled):not(.disabled).active, .show > .btn-outline-blue.dropdown-toggle {
color: #fff;
background-color: #022851;
border-color: #022851
}
.btn-outline-blue:not(:disabled):not(.disabled):active:focus, .btn-outline-blue:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-blue.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(2,40,81,.5)
}
.btn-link {
font-weight: 400;
color: #022851;
text-decoration: none
}
.btn-link:hover {
color: #000306;
text-decoration: underline
}
.btn-link:focus, .btn-link.focus {
text-decoration: underline;
box-shadow: none
}
.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
}
.client input[type=submit].btn-block, .client input[type=reset].btn-block, input[type=button].btn-block {
width: 100%
}
.client .fade {
transition: opacity .15s linear
}
@media(prefers-reduced-motion: reduce) {
.client .fade {
transition: none
}
}
.client .fade:not(.show) {
opacity: 0
}
.client .collapse:not(.show) {
display: none
}
.client .collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height .35s ease
}
@media(prefers-reduced-motion: reduce) {
.client .collapsing {
transition: none
}
}
.client .dropup, .dropright, .client .dropdown, .dropleft {
position: relative
}
.client .dropup, .dropright, .client .dropdown, .dropleft {
position: relative
}
.client .dropdown-toggle {
white-space: nowrap
}
.client .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)
}
.client .dropdown-toggle:empty::after {
margin-left: 0
}
.client .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: #333;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15);
border-radius: .25rem
}
.client .dropdown-menu-left {
right: auto;
left: 0
}
.client .dropdown-menu-right {
right: 0;
left: auto
}
@media(min-width: 576px) {
.client .dropdown-menu-sm-left {
right: auto;
left: 0
}
.client .dropdown-menu-sm-right {
right: 0;
left: auto
}
}
@media(min-width: 768px) {
.dropdown-menu-md-left {
right: auto;
left: 0
}
.dropdown-menu-md-right {
right: 0;
left: auto
}
}
@media(min-width: 992px) {
.dropdown-menu-lg-left {
right: auto;
left: 0
}
.dropdown-menu-lg-right {
right: 0;
left: auto
}
}
@media(min-width: 1200px) {
.dropdown-menu-xl-left {
right: auto;
left: 0
}
.dropdown-menu-xl-right {
right: 0;
left: auto
}
}
@media(min-width: 1440px) {
.dropdown-menu-xxl-left {
right: auto;
left: 0
}
.dropdown-menu-xxl-right {
right: 0;
left: auto
}
}
.dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: .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
}
.client .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
}
.client .dropdown-item:hover, .client .dropdown-item:focus {
color: #16181b;
text-decoration: none;
background-color: #f8f9fa
}
.client .dropdown-item.active, .client .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #022851
}
.client .dropdown-item.disabled, .client .dropdown-item:disabled {
color: #6c757d;
pointer-events: none;
background-color: rgba(0,0,0,0)
}
.client .dropdown-menu.show {
display: block
}
.client .dropdown-header {
display: block;
padding: .5rem 1.5rem;
margin-bottom: 0;
font-size: 0.875rem;
color: #6c757d;
white-space: nowrap
}
.client .dropdown-item-text {
display: block;
padding: .25rem 1.5rem;
color: #212529
}
.client .btn-group, .btn-group-vertical {
position: relative;
display: inline-flex;
vertical-align: middle
}
.client .btn-group > .btn, .btn-group-vertical > .btn {
position: relative;
flex: 1 1 auto
}
.client .btn-group > .btn:hover, .btn-group-vertical > .btn:hover {
z-index: 1
}
.client .btn-group > .btn:focus, .client .btn-group > .btn:active, .client .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
}
.client .btn-group > .btn:not(:first-child), .client .btn-group > .btn-group:not(:first-child) {
margin-left: -1px
}
.client .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .client .btn-group > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.client .btn-group > .btn:not(:first-child), .client .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
}
.client .input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%
}
.client .input-group > .form-control, .client .input-group > .form-control-plaintext, .input-group > .custom-select, .client .input-group > .custom-file {
position: relative;
flex: 1 1 0%;
min-width: 0;
margin-bottom: 0
}
.client .input-group > .form-control + .form-control, .client .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
}
.client .input-group > .form-control:focus, .client .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
z-index: 3
}
.client .input-group > .custom-file .custom-file-input:focus {
z-index: 4
}
.client .input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.client .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.client .input-group > .custom-file {
display: flex;
align-items: center
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group-prepend, .input-group-append {
display: flex
}
.input-group-prepend .btn, .input-group-append .btn {
position: relative;
z-index: 2
}
.input-group-prepend .btn:focus, .input-group-append .btn:focus {
z-index: 3
}
.input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn {
margin-left: -1px
}
.input-group-prepend {
margin-right: -1px
}
.input-group-append {
margin-left: -1px
}
.input-group-text {
display: flex;
align-items: center;
padding: .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 > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.custom-control {
position: relative;
display: block;
min-height: 1.5rem;
padding-left: 1.5rem
}
.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: #022851;
background-color: #022851
}
.custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 .2rem rgba(2,40,81,.25)
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
border-color: #0565cd
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
color: #fff;
background-color: #0c7ef9;
border-color: #0c7ef9
}
.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: #adb5bd solid 1px
}
.custom-control-label::after {
position: absolute;
top: .25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
content: "";
background: no-repeat 50%/50% 50%
}
.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='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23ffffff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
border-color: #022851;
background-color: #022851
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e")
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(2,40,81,.5)
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
background-color: rgba(2,40,81,.5)
}
.custom-radio .custom-control-label::before {
border-radius: 50%
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e")
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(2,40,81,.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(2,40,81,.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='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
border: 1px solid #ced4da;
border-radius: .25rem;
appearance: none
}
.custom-select:focus {
border-color: #0565cd;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(2,40,81,.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;
opacity: 0
}
.custom-file-input:focus ~ .custom-file-label {
border-color: #0565cd;
box-shadow: 0 0 0 .2rem rgba(2,40,81,.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;
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);
appearance: none
}
.custom-range:focus {
outline: none
}
.custom-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(2,40,81,.25)
}
.custom-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(2,40,81,.25)
}
.custom-range:focus::-ms-thumb {
box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(2,40,81,.25)
}
.custom-range::-moz-focus-outer {
border: 0
}
.custom-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -0.25rem;
background-color: #022851;
border: 0;
border-radius: 1rem;
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::-webkit-slider-thumb {
transition: none
}
}
.custom-range::-webkit-slider-thumb:active {
background-color: #0c7ef9
}
.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: #022851;
border: 0;
border-radius: 1rem;
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::-moz-range-thumb {
transition: none
}
}
.custom-range::-moz-range-thumb:active {
background-color: #0c7ef9
}
.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: #022851;
border: 0;
border-radius: 1rem;
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 {
transition: none
}
}
.custom-range::-ms-thumb:active {
background-color: #0c7ef9
}
.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
}
}
.client .nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.client .nav-link {
display: block;
padding: .5rem 1rem
}
.client .nav-link:hover, .client .nav-link:focus {
text-decoration: none
}
.client .nav-link.disabled {
color: #6c757d;
pointer-events: none;
cursor: default
}
.client .nav-tabs {
border-bottom: 1px solid #dee2e6
}
.client .nav-tabs .nav-item {
margin-bottom: -1px
}
.client .nav-tabs .nav-link {
border: 1px solid rgba(0,0,0,0);
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.client .nav-tabs .nav-link:hover, .client .nav-tabs .nav-link:focus {
border-color: #e9ecef #e9ecef #dee2e6
}
.client .nav-tabs .nav-link.disabled {
color: #6c757d;
background-color: rgba(0,0,0,0);
border-color: rgba(0,0,0,0)
}
.client .nav-tabs .nav-link.active, .client .nav-tabs .nav-item.show .nav-link {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff
}
.client .nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.client .nav-pills .nav-link {
border-radius: .25rem
}
.client .nav-pills .nav-link.active, .client .nav-pills .show > .nav-link {
color: #fff;
background-color: #022851
}
.nav-fill .nav-item {
flex: 1 1 auto;
text-align: center
}
.nav-justified .nav-item {
flex-basis: 0;
flex-grow: 1;
text-align: center
}
.client .tab-content > .tab-pane {
display: none
}
.client .tab-content > .active {
display: block
}
.client .navbar {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: .5rem 1rem
}
.client .navbar .container, .client .navbar .container-fluid, .client .navbar .container-sm, .client .navbar .container-md, .client .navbar .container-lg, .client .navbar .container-xl {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between
}
.client .navbar-brand {
display: inline-block;
padding-top: .3125rem;
padding-bottom: .3125rem;
margin-right: 1rem;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap
}
.client .navbar-brand:hover, .client .navbar-brand:focus {
text-decoration: none
}
.client .navbar-nav {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.client .navbar-nav .nav-link {
padding-right: 0;
padding-left: 0
}
.client .navbar-nav .dropdown-menu {
position: static;
float: none
}
.client .navbar-text {
display: inline-block;
padding-top: .5rem;
padding-bottom: .5rem
}
.client .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: no-repeat center center;
background-size: 100% 100%
}
@media(max-width: 575.98px) {
.navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
padding-right: 0;
padding-left: 0
}
}
@media(min-width: 576px) {
.navbar-expand-sm {
flex-flow: row nowrap;
justify-content: flex-start
}
.navbar-expand-sm .navbar-nav {
flex-direction: row
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: .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-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-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-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-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand-xl .navbar-toggler {
display: none
}
}
@media(max-width: 1439.98px) {
.navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl {
padding-right: 0;
padding-left: 0
}
}
@media(min-width: 1440px) {
.navbar-expand-xxl {
flex-flow: row nowrap;
justify-content: flex-start
}
.navbar-expand-xxl .navbar-nav {
flex-direction: row
}
.navbar-expand-xxl .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-xxl .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-xxl > .container, .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl {
flex-wrap: nowrap
}
.navbar-expand-xxl .navbar-collapse {
display: flex !important;
flex-basis: auto
}
.navbar-expand-xxl .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-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='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-light .navbar-text {
color: rgba(0,0,0,.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: #fff
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
color: rgba(255,255,255,.75)
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255,255,255,.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: #fff;
border-color: rgba(255,255,255,.1)
}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-dark .navbar-text {
color: #fff
}
.navbar-dark .navbar-text a {
color: #fff
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
color: #fff
}
.client .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
}
.client .card > hr {
margin-right: 0;
margin-left: 0
}
.client .card > .list-group:first-child .list-group-item:first-child {
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.client .card > .list-group:last-child .list-group-item:last-child {
border-bottom-right-radius: .25rem;
border-bottom-left-radius: .25rem
}
.client .card-body {
flex: 1 1 auto;
min-height: 1px;
padding: 1.25rem
}
.client .card-title {
margin-bottom: .75rem
}
.client .card-subtitle {
margin-top: -0.375rem;
margin-bottom: 0
}
.client .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-header + .list-group .list-group-item:first-child {
border-top: 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
}
.client .card-img, .card-img-top, .card-img-bottom {
flex-shrink: 0;
width: 100%
}
.client .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: 16px
}
@media(min-width: 576px) {
.card-deck {
display: flex;
flex-flow: row wrap;
margin-right: -16px;
margin-left: -16px
}
.card-deck .card {
flex: 1 0 0%;
margin-right: 16px;
margin-bottom: 0;
margin-left: 16px
}
}
.card-group > .card {
margin-bottom: 16px
}
@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 {
column-count: 3;
column-gap: 1.25rem;
orphans: 1;
widows: 1
}
.card-columns .card {
display: inline-block;
width: 100%
}
}
.accordion > .card {
overflow: hidden
}
.accordion > .card:not(:last-of-type) {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.accordion > .card:not(:first-of-type) {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.accordion > .card > .card-header {
border-radius: 0;
margin-bottom: -1px
}
.client .breadcrumb {
display: flex;
flex-wrap: wrap;
padding: .75rem 0 0;
margin-bottom: 3rem;
font-size: 0.813rem;
list-style: none;
background-color: rgba(0,0,0,0);
border-radius: .25rem
}
.client .breadcrumb-item + .breadcrumb-item {
padding-left: .5rem
}
.client .breadcrumb-item + .breadcrumb-item::before {
display: inline-block;
padding-right: .5rem;
color: #7f7f7f;
content: url("data:image/svg+xml,%3csvg viewBox='5 0 18 17' width='14' height='14' class='bi bi-chevron-right' fill='%237f7f7f' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
.client .breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: underline
}
.client .breadcrumb-item + .breadcrumb-item:hover::before {
text-decoration: none
}
.client .breadcrumb-item.active {
color: #666
}
.client .pagination {
display: flex;
padding-left: 0;
list-style: none;
border-radius: .25rem
}
.client .page-link {
position: relative;
display: block;
padding: .5rem .75rem;
margin-left: -1px;
line-height: 1.25;
color: #022851;
background-color: #fff;
border: 1px solid #dee2e6
}
.client .page-link:hover {
z-index: 2;
color: #000306;
text-decoration: none;
background-color: #e9ecef;
border-color: #dee2e6
}
.client .page-link:focus {
z-index: 3;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(2,40,81,.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: #022851;
border-color: #022851
}
.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
}
}
.client a.badge:hover, .client 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: #022851
}
a.badge-primary:hover, a.badge-primary:focus {
color: #fff;
background-color: #010f1f
}
a.badge-primary:focus, a.badge-primary.focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(2,40,81,.5)
}
.badge-secondary {
color: #212529;
background-color: #ffbf00
}
a.badge-secondary:hover, a.badge-secondary:focus {
color: #212529;
background-color: #c90
}
a.badge-secondary:focus, a.badge-secondary.focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(255,191,0,.5)
}
.badge-success {
color: #fff;
background-color: #3dae2b
}
a.badge-success:hover, a.badge-success:focus {
color: #fff;
background-color: #2f8521
}
a.badge-success:focus, a.badge-success.focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(61,174,43,.5)
}
.badge-info {
color: #fff;
background-color: #007991
}
a.badge-info:hover, a.badge-info:focus {
color: #fff;
background-color: #004e5e
}
a.badge-info:focus, a.badge-info.focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0,121,145,.5)
}
.badge-warning {
color: #212529;
background-color: #fc3
}
a.badge-warning:hover, a.badge-warning:focus {
color: #212529;
background-color: #ffbf00
}
a.badge-warning:focus, a.badge-warning.focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(255,204,51,.5)
}
.badge-danger {
color: #fff;
background-color: #c10230
}
a.badge-danger:hover, a.badge-danger:focus {
color: #fff;
background-color: #8f0123
}
a.badge-danger:focus, a.badge-danger.focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(193,2,48,.5)
}
.badge-light {
color: #212529;
background-color: #e6ecf7
}
a.badge-light:hover, a.badge-light:focus {
color: #212529;
background-color: #bfcfeb
}
a.badge-light:focus, a.badge-light.focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(230,236,247,.5)
}
.badge-dark {
color: #fff;
background-color: #022851
}
a.badge-dark:hover, a.badge-dark:focus {
color: #fff;
background-color: #010f1f
}
a.badge-dark:focus, a.badge-dark.focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(2,40,81,.5)
}
.badge-blue {
color: #fff;
background-color: #022851
}
a.badge-blue:hover, a.badge-blue:focus {
color: #fff;
background-color: #010f1f
}
a.badge-blue:focus, a.badge-blue.focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(2,40,81,.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;
padding: .75rem 1.25rem;
color: inherit
}
.alert-primary {
color: #01152a;
background-color: #ccd4dc;
border-color: #b8c3ce
}
.alert-primary hr {
border-top-color: #a9b6c4
}
.alert-primary .alert-link {
color: #000
}
.alert-secondary {
color: #856300;
background-color: #fff2cc;
border-color: #ffedb8
}
.alert-secondary hr {
border-top-color: #ffe79f
}
.alert-secondary .alert-link {
color: #523d00
}
.alert-success {
color: #205a16;
background-color: #d8efd5;
border-color: #c9e8c4
}
.alert-success hr {
border-top-color: #b8e1b2
}
.alert-success .alert-link {
color: #11310c
}
.alert-info {
color: #003f4b;
background-color: #cce4e9;
border-color: #b8d9e0
}
.alert-info hr {
border-top-color: #a6d0d8
}
.alert-info .alert-link {
color: #001418
}
.alert-warning {
color: #856a1b;
background-color: #fff5d6;
border-color: #fff1c6
}
.alert-warning hr {
border-top-color: #ffebad
}
.alert-warning .alert-link {
color: #5b4812
}
.alert-danger {
color: #640119;
background-color: #f3ccd6;
border-color: #eeb8c5
}
.alert-danger hr {
border-top-color: #e9a3b4
}
.alert-danger .alert-link {
color: #32000c
}
.alert-light {
color: #787b80;
background-color: #fafbfd;
border-color: #f8fafd
}
.alert-light hr {
border-top-color: #e4ecf7
}
.alert-light .alert-link {
color: #5f6266
}
.alert-dark {
color: #01152a;
background-color: #ccd4dc;
border-color: #b8c3ce
}
.alert-dark hr {
border-top-color: #a9b6c4
}
.alert-dark .alert-link {
color: #000
}
.alert-blue {
color: #01152a;
background-color: #ccd4dc;
border-color: #b8c3ce
}
.alert-blue hr {
border-top-color: #a9b6c4
}
.alert-blue .alert-link {
color: #000
}
@keyframes progress-bar-stripes {
from {
background-position: 1rem 0
}
to {
background-position: 0 0
}
}
.progress {
display: flex;
height: 1rem;
overflow: hidden;
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: #022851;
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: progress-bar-stripes 1s linear infinite
}
@media(prefers-reduced-motion: reduce) {
.progress-bar-animated {
animation: none
}
}
.media {
display: flex;
align-items: flex-start
}
.media-body {
flex: 1
}
.list-group {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0
}
.list-group-item-action {
width: 100%;
color: #495057;
text-align: inherit
}
.list-group-item-action:hover, .list-group-item-action:focus {
z-index: 1;
color: #495057;
text-decoration: none;
background-color: #f8f9fa
}
.list-group-item-action:active {
color: #333;
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: .25rem;
border-top-right-radius: .25rem
}
.list-group-item:last-child {
border-bottom-right-radius: .25rem;
border-bottom-left-radius: .25rem
}
.list-group-item.disabled, .list-group-item:disabled {
color: #6c757d;
pointer-events: none;
background-color: #fff
}
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: #022851;
border-color: #022851
}
.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
}
}
@media(min-width: 1440px) {
.list-group-horizontal-xxl {
flex-direction: row
}
.list-group-horizontal-xxl .list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-xxl .list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-xxl .list-group-item.active {
margin-top: 0
}
.list-group-horizontal-xxl .list-group-item + .list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-xxl .list-group-item + .list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
.list-group-flush .list-group-item {
border-right-width: 0;
border-left-width: 0;
border-radius: 0
}
.list-group-flush .list-group-item:first-child {
border-top-width: 0
}
.list-group-flush:last-child .list-group-item:last-child {
border-bottom-width: 0
}
.list-group-item-primary {
color: #01152a;
background-color: #b8c3ce
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
color: #01152a;
background-color: #a9b6c4
}
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #01152a;
border-color: #01152a
}
.list-group-item-secondary {
color: #856300;
background-color: #ffedb8
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
color: #856300;
background-color: #ffe79f
}
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #856300;
border-color: #856300
}
.list-group-item-success {
color: #205a16;
background-color: #c9e8c4
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
color: #205a16;
background-color: #b8e1b2
}
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #205a16;
border-color: #205a16
}
.list-group-item-info {
color: #003f4b;
background-color: #b8d9e0
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
color: #003f4b;
background-color: #a6d0d8
}
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #003f4b;
border-color: #003f4b
}
.list-group-item-warning {
color: #856a1b;
background-color: #fff1c6
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
color: #856a1b;
background-color: #ffebad
}
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #856a1b;
border-color: #856a1b
}
.list-group-item-danger {
color: #640119;
background-color: #eeb8c5
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
color: #640119;
background-color: #e9a3b4
}
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #640119;
border-color: #640119
}
.list-group-item-light {
color: #787b80;
background-color: #f8fafd
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
color: #787b80;
background-color: #e4ecf7
}
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #787b80;
border-color: #787b80
}
.list-group-item-dark {
color: #01152a;
background-color: #b8c3ce
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
color: #01152a;
background-color: #a9b6c4
}
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #01152a;
border-color: #01152a
}
.list-group-item-blue {
color: #01152a;
background-color: #b8c3ce
}
.list-group-item-blue.list-group-item-action:hover, .list-group-item-blue.list-group-item-action:focus {
color: #01152a;
background-color: #a9b6c4
}
.list-group-item-blue.list-group-item-action.active {
color: #fff;
background-color: #01152a;
border-color: #01152a
}
.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;
appearance: none
}
a.close.disabled {
pointer-events: none
}
.toast {
max-width: 350px;
overflow: hidden;
font-size: 0.875rem;
background-color: rgba(255,255,255,.85);
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.1);
box-shadow: 0 .25rem .75rem rgba(0,0,0,.1);
backdrop-filter: blur(10px);
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: rgba(255,255,255,.85);
background-clip: padding-box;
border-bottom: 1px solid rgba(0,0,0,.05)
}
.toast-body {
padding: .75rem
}
.client .modal-open {
overflow: hidden
}
.client .modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.client .modal {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0
}
.client .modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none
}
.client .modal.fade .modal-dialog {
transition: transform .3s ease-out;
transform: translate(0, -50px)
}
@media(prefers-reduced-motion: reduce) {
.client .modal.fade .modal-dialog {
transition: none
}
}
.client .modal.show .modal-dialog {
transform: none
}
.client .modal.modal-static .modal-dialog {
transform: scale(1.02)
}
.client .modal-dialog-scrollable {
display: flex;
max-height: calc(100% - 1rem)
}
.client .modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 1rem);
overflow: hidden
}
.client .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer {
flex-shrink: 0
}
.client .modal-dialog-scrollable .modal-body {
overflow-y: auto
}
.client .modal-dialog-centered {
display: flex;
align-items: center;
min-height: calc(100% - 1rem)
}
.client .modal-dialog-centered::before {
display: block;
height: calc(100vh - 1rem);
content: ""
}
.client .modal-dialog-centered.modal-dialog-scrollable {
flex-direction: column;
justify-content: center;
height: 100%
}
.client .modal-dialog-centered.modal-dialog-scrollable .modal-content {
max-height: none
}
.client .modal-dialog-centered.modal-dialog-scrollable::before {
content: none
}
.client .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
}
.client .modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000
}
.client .modal-backdrop.fade {
opacity: 0
}
.client .modal-backdrop.show {
opacity: .5
}
.client .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)
}
.client .modal-header .close {
padding: 1rem 1rem;
margin: -1rem -1rem -1rem auto
}
.client .modal-title {
margin-bottom: 0;
line-height: 1.5
}
.client .modal-body {
position: relative;
flex: 1 1 auto;
padding: 1rem
}
.client .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)
}
.client .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)
}
.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",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
opacity: 0
}
.tooltip.show {
opacity: .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",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.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 #f7f7f7
}
.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;
color: #022851;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px)
}
.popover-header:empty {
display: none
}
.popover-body {
padding: .5rem .75rem;
color: #333
}
.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%;
color: #fff;
text-align: center;
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: no-repeat 50%/100% 100%
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 15;
display: flex;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none
}
.carousel-indicators li {
box-sizing: content-box;
flex: 0 1 auto;
width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border-top: 10px solid 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: text-bottom;
border: .25em solid currentColor;
border-right-color: rgba(0,0,0,0);
border-radius: 50%;
animation: spinner-border .75s linear infinite
}
.spinner-border-sm {
width: 1rem;
height: 1rem;
border-width: .2em
}
@keyframes spinner-grow {
0% {
transform: scale(0)
}
50% {
opacity: 1
}
}
.spinner-grow {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-bottom;
background-color: currentColor;
border-radius: 50%;
opacity: 0;
animation: spinner-grow .75s linear infinite
}
.spinner-grow-sm {
width: 1rem;
height: 1rem
}
.align-baseline {
vertical-align: baseline !important
}
.align-top {
vertical-align: top !important
}
.align-middle {
vertical-align: middle !important
}
.align-bottom {
vertical-align: bottom !important
}
.align-text-bottom {
vertical-align: text-bottom !important
}
.align-text-top {
vertical-align: text-top !important
}
.client .bg-primary {
background-color: #022851 !important
}
a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
background-color: #010f1f !important
}
.bg-secondary {
background-color: #ffbf00 !important
}
a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus {
background-color: #c90 !important
}
.bg-success {
background-color: #3dae2b !important
}
a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
background-color: #2f8521 !important
}
.bg-info {
background-color: #007991 !important
}
a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus {
background-color: #004e5e !important
}
.bg-warning {
background-color: #fc3 !important
}
a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus {
background-color: #ffbf00 !important
}
.bg-danger {
background-color: #c10230 !important
}
a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus {
background-color: #8f0123 !important
}
.bg-light {
background-color: #e6ecf7 !important
}
a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus {
background-color: #bfcfeb !important
}
.bg-dark {
background-color: #022851 !important
}
a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus {
background-color: #010f1f !important
}
.bg-blue {
background-color: #022851 !important
}
a.bg-blue:hover, a.bg-blue:focus, button.bg-blue:hover, button.bg-blue:focus {
background-color: #010f1f !important
}
.bg-white {
background-color: #fff !important
}
.bg-transparent {
background-color: rgba(0,0,0,0) !important
}
.client .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: #022851 !important
}
.border-secondary {
border-color: #ffbf00 !important
}
.border-success {
border-color: #3dae2b !important
}
.border-info {
border-color: #007991 !important
}
.border-warning {
border-color: #fc3 !important
}
.border-danger {
border-color: #c10230 !important
}
.border-light {
border-color: #e6ecf7 !important
}
.border-dark {
border-color: #022851 !important
}
.border-blue {
border-color: #022851 !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
}
.client .clearfix::after {
display: block;
clear: both;
content: ""
}
.d-none {
display: none !important
}
.d-inline {
display: inline !important
}
.d-inline-block {
display: inline-block !important
}
.d-block {
display: block !important
}
.d .table {
display:table !important
}
.d .table-row {
display: table-row !important
}
.d .table-cell {
display:table-cell !important
}
.d-flex {
display: flex !important
}
.d-inline-flex {
display: inline-flex !important
}
@media(min-width: 576px) {
.d-sm-none {
display: none !important
}
.d-sm-inline {
display: inline !important
}
.d-sm-inline-block {
display: inline-block !important
}
.d-sm-block {
display: block !important
}
.d-sm table {
display:table !important
}
.d-sm table-row {
display: table-row !important
}
.d-sm table-cell {
display: table-cell !important
}
.d-sm-flex {
display: flex !important
}
.d-sm-inline-flex {
display: inline-flex !important
}
}
@media(min-width: 768px) {
.d-md-none {
display: none !important
}
.d-md-inline {
display: inline !important
}
.d-md-inline-block {
display: inline-block !important
}
.d-md-block {
display: block !important
}
.d-md .table {
display:table !important
}
.d-md .table-row {
display: table-row !important
}
.d-md .table-cell {
display:table-cell !important
}
.d-md-flex {
display: flex !important
}
.d-md-inline-flex {
display: inline-flex !important
}
}
@media(min-width: 992px) {
.d-lg-none {
display: none !important
}
.d-lg-inline {
display: inline !important
}
.d-lg-inline-block {
display: inline-block !important
}
.d-lg-block {
display: block !important
}
.d-lg .table {
display:table !important
}
.d-lg .table-row {
display:table-row !important
}
.d-lg .table-cell {
display:table-cell !important
}
.d-lg-flex {
display: flex !important
}
.d-lg-inline-flex {
display: inline-flex !important
}
}
@media(min-width: 1200px) {
.d-xl-none {
display: none !important
}
.d-xl-inline {
display: inline !important
}
.d-xl-inline-block {
display: inline-block !important
}
.d-xl-block {
display: block !important
}
.d-xl .table {
display: table !important
}
.d-xl .table-row {
display: table-row !important
}
.d-xl .table-cell {
display: table-cell !important
}
.d-xl-flex {
display: flex !important
}
.d-xl-inline-flex {
display: inline-flex !important
}
}
@media(min-width: 1440px) {
.d-xxl-none {
display: none !important
}
.d-xxl-inline {
display: inline !important
}
.d-xxl-inline-block {
display: inline-block !important
}
.d-xxl-block {
display: block !important
}
.d-xxl .table {
display:table !important
}
.d-xxl .table-row {
display: table-row !important
}
.d-xxl .table-cell {
display:table-cell !important
}
.d-xxl-flex {
display: flex !important
}
.d-xxl-inline-flex {
display: inline-flex !important
}
}
@media print {
.d-print-none {
display: none !important
}
.d-print-inline {
display: inline !important
}
.d-print-inline-block {
display: inline-block !important
}
.d-print-block {
display: block !important
}
.d-print .table {
display: table !important
}
.d-print .table-row {
display: table-row !important
}
.d-print .table-cell {
display: table-cell !important
}
.d-print-flex {
display: flex !important
}
.d-print-inline-flex {
display: inline-flex !important
}
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden
}
.embed-responsive::before {
display: block;
content: ""
}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0
}
.embed-responsive-21by9::before {
padding-top: 42.8571428571%
}
.embed-responsive-16by9::before {
padding-top: 56.25%
}
.embed-responsive-4by3::before {
padding-top: 75%
}
.embed-responsive-1by1::before {
padding-top: 100%
}
.client .flex-row {
flex-direction: row !important
}
.client .flex-column {
flex-direction: column !important
}
.flex-row-reverse {
flex-direction: row-reverse !important
}
.flex-column-reverse {
flex-direction: column-reverse !important
}
.flex-wrap {
flex-wrap: wrap !important
}
.flex-nowrap {
flex-wrap: nowrap !important
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.flex-fill {
flex: 1 1 auto !important
}
.flex-grow-0 {
flex-grow: 0 !important
}
.flex-grow-1 {
flex-grow: 1 !important
}
.flex-shrink-0 {
flex-shrink: 0 !important
}
.flex-shrink-1 {
flex-shrink: 1 !important
}
.justify-content-start {
justify-content: flex-start !important
}
.justify-content-end {
justify-content: flex-end !important
}
.justify-content-center {
justify-content: center !important
}
.justify-content-between {
justify-content: space-between !important
}
.justify-content-around {
justify-content: space-around !important
}
.align-items-start {
align-items: flex-start !important
}
.align-items-end {
align-items: flex-end !important
}
.align-items-center {
align-items: center !important
}
.align-items-baseline {
align-items: baseline !important
}
.align-items-stretch {
align-items: stretch !important
}
.align-content-start {
align-content: flex-start !important
}
.align-content-end {
align-content: flex-end !important
}
.align-content-center {
align-content: center !important
}
.align-content-between {
align-content: space-between !important
}
.align-content-around {
align-content: space-around !important
}
.align-content-stretch {
align-content: stretch !important
}
.align-self-auto {
align-self: auto !important
}
.align-self-start {
align-self: flex-start !important
}
.align-self-end {
align-self: flex-end !important
}
.align-self-center {
align-self: center !important
}
.align-self-baseline {
align-self: baseline !important
}
.align-self-stretch {
align-self: stretch !important
}
@media(min-width: 576px) {
.flex-sm-row {
flex-direction: row !important
}
.flex-sm-column {
flex-direction: column !important
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important
}
.flex-sm-wrap {
flex-wrap: wrap !important
}
.flex-sm-nowrap {
flex-wrap: nowrap !important
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.flex-sm-fill {
flex: 1 1 auto !important
}
.flex-sm-grow-0 {
flex-grow: 0 !important
}
.flex-sm-grow-1 {
flex-grow: 1 !important
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important
}
.justify-content-sm-start {
justify-content: flex-start !important
}
.justify-content-sm-end {
justify-content: flex-end !important
}
.justify-content-sm-center {
justify-content: center !important
}
.justify-content-sm-between {
justify-content: space-between !important
}
.justify-content-sm-around {
justify-content: space-around !important
}
.align-items-sm-start {
align-items: flex-start !important
}
.align-items-sm-end {
align-items: flex-end !important
}
.align-items-sm-center {
align-items: center !important
}
.align-items-sm-baseline {
align-items: baseline !important
}
.align-items-sm-stretch {
align-items: stretch !important
}
.align-content-sm-start {
align-content: flex-start !important
}
.align-content-sm-end {
align-content: flex-end !important
}
.align-content-sm-center {
align-content: center !important
}
.align-content-sm-between {
align-content: space-between !important
}
.align-content-sm-around {
align-content: space-around !important
}
.align-content-sm-stretch {
align-content: stretch !important
}
.align-self-sm-auto {
align-self: auto !important
}
.align-self-sm-start {
align-self: flex-start !important
}
.align-self-sm-end {
align-self: flex-end !important
}
.align-self-sm-center {
align-self: center !important
}
.align-self-sm-baseline {
align-self: baseline !important
}
.align-self-sm-stretch {
align-self: stretch !important
}
}
@media(min-width: 768px) {
.flex-md-row {
flex-direction: row !important
}
.flex-md-column {
flex-direction: column !important
}
.flex-md-row-reverse {
flex-direction: row-reverse !important
}
.flex-md-column-reverse {
flex-direction: column-reverse !important
}
.flex-md-wrap {
flex-wrap: wrap !important
}
.flex-md-nowrap {
flex-wrap: nowrap !important
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.flex-md-fill {
flex: 1 1 auto !important
}
.flex-md-grow-0 {
flex-grow: 0 !important
}
.flex-md-grow-1 {
flex-grow: 1 !important
}
.flex-md-shrink-0 {
flex-shrink: 0 !important
}
.flex-md-shrink-1 {
flex-shrink: 1 !important
}
.justify-content-md-start {
justify-content: flex-start !important
}
.justify-content-md-end {
justify-content: flex-end !important
}
.justify-content-md-center {
justify-content: center !important
}
.justify-content-md-between {
justify-content: space-between !important
}
.justify-content-md-around {
justify-content: space-around !important
}
.align-items-md-start {
align-items: flex-start !important
}
.align-items-md-end {
align-items: flex-end !important
}
.align-items-md-center {
align-items: center !important
}
.align-items-md-baseline {
align-items: baseline !important
}
.align-items-md-stretch {
align-items: stretch !important
}
.align-content-md-start {
align-content: flex-start !important
}
.align-content-md-end {
align-content: flex-end !important
}
.align-content-md-center {
align-content: center !important
}
.align-content-md-between {
align-content: space-between !important
}
.align-content-md-around {
align-content: space-around !important
}
.align-content-md-stretch {
align-content: stretch !important
}
.align-self-md-auto {
align-self: auto !important
}
.align-self-md-start {
align-self: flex-start !important
}
.align-self-md-end {
align-self: flex-end !important
}
.align-self-md-center {
align-self: center !important
}
.align-self-md-baseline {
align-self: baseline !important
}
.align-self-md-stretch {
align-self: stretch !important
}
}
@media(min-width: 992px) {
.flex-lg-row {
flex-direction: row !important
}
.flex-lg-column {
flex-direction: column !important
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important
}
.flex-lg-wrap {
flex-wrap: wrap !important
}
.flex-lg-nowrap {
flex-wrap: nowrap !important
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.flex-lg-fill {
flex: 1 1 auto !important
}
.flex-lg-grow-0 {
flex-grow: 0 !important
}
.flex-lg-grow-1 {
flex-grow: 1 !important
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important
}
.justify-content-lg-start {
justify-content: flex-start !important
}
.justify-content-lg-end {
justify-content: flex-end !important
}
.justify-content-lg-center {
justify-content: center !important
}
.justify-content-lg-between {
justify-content: space-between !important
}
.justify-content-lg-around {
justify-content: space-around !important
}
.align-items-lg-start {
align-items: flex-start !important
}
.align-items-lg-end {
align-items: flex-end !important
}
.align-items-lg-center {
align-items: center !important
}
.align-items-lg-baseline {
align-items: baseline !important
}
.align-items-lg-stretch {
align-items: stretch !important
}
.align-content-lg-start {
align-content: flex-start !important
}
.align-content-lg-end {
align-content: flex-end !important
}
.align-content-lg-center {
align-content: center !important
}
.align-content-lg-between {
align-content: space-between !important
}
.align-content-lg-around {
align-content: space-around !important
}
.align-content-lg-stretch {
align-content: stretch !important
}
.align-self-lg-auto {
align-self: auto !important
}
.align-self-lg-start {
align-self: flex-start !important
}
.align-self-lg-end {
align-self: flex-end !important
}
.align-self-lg-center {
align-self: center !important
}
.align-self-lg-baseline {
align-self: baseline !important
}
.align-self-lg-stretch {
align-self: stretch !important
}
}
@media(min-width: 1200px) {
.flex-xl-row {
flex-direction: row !important
}
.flex-xl-column {
flex-direction: column !important
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important
}
.flex-xl-wrap {
flex-wrap: wrap !important
}
.flex-xl-nowrap {
flex-wrap: nowrap !important
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.flex-xl-fill {
flex: 1 1 auto !important
}
.flex-xl-grow-0 {
flex-grow: 0 !important
}
.flex-xl-grow-1 {
flex-grow: 1 !important
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important
}
.justify-content-xl-start {
justify-content: flex-start !important
}
.justify-content-xl-end {
justify-content: flex-end !important
}
.justify-content-xl-center {
justify-content: center !important
}
.justify-content-xl-between {
justify-content: space-between !important
}
.justify-content-xl-around {
justify-content: space-around !important
}
.align-items-xl-start {
align-items: flex-start !important
}
.align-items-xl-end {
align-items: flex-end !important
}
.align-items-xl-center {
align-items: center !important
}
.align-items-xl-baseline {
align-items: baseline !important
}
.align-items-xl-stretch {
align-items: stretch !important
}
.align-content-xl-start {
align-content: flex-start !important
}
.align-content-xl-end {
align-content: flex-end !important
}
.align-content-xl-center {
align-content: center !important
}
.align-content-xl-between {
align-content: space-between !important
}
.align-content-xl-around {
align-content: space-around !important
}
.align-content-xl-stretch {
align-content: stretch !important
}
.align-self-xl-auto {
align-self: auto !important
}
.align-self-xl-start {
align-self: flex-start !important
}
.align-self-xl-end {
align-self: flex-end !important
}
.align-self-xl-center {
align-self: center !important
}
.align-self-xl-baseline {
align-self: baseline !important
}
.align-self-xl-stretch {
align-self: stretch !important
}
}
@media(min-width: 1440px) {
.flex-xxl-row {
flex-direction: row !important
}
.flex-xxl-column {
flex-direction: column !important
}
.flex-xxl-row-reverse {
flex-direction: row-reverse !important
}
.flex-xxl-column-reverse {
flex-direction: column-reverse !important
}
.flex-xxl-wrap {
flex-wrap: wrap !important
}
.flex-xxl-nowrap {
flex-wrap: nowrap !important
}
.flex-xxl-wrap-reverse {
flex-wrap: wrap-reverse !important
}
.flex-xxl-fill {
flex: 1 1 auto !important
}
.flex-xxl-grow-0 {
flex-grow: 0 !important
}
.flex-xxl-grow-1 {
flex-grow: 1 !important
}
.flex-xxl-shrink-0 {
flex-shrink: 0 !important
}
.flex-xxl-shrink-1 {
flex-shrink: 1 !important
}
.justify-content-xxl-start {
justify-content: flex-start !important
}
.justify-content-xxl-end {
justify-content: flex-end !important
}
.justify-content-xxl-center {
justify-content: center !important
}
.justify-content-xxl-between {
justify-content: space-between !important
}
.justify-content-xxl-around {
justify-content: space-around !important
}
.align-items-xxl-start {
align-items: flex-start !important
}
.align-items-xxl-end {
align-items: flex-end !important
}
.align-items-xxl-center {
align-items: center !important
}
.align-items-xxl-baseline {
align-items: baseline !important
}
.align-items-xxl-stretch {
align-items: stretch !important
}
.align-content-xxl-start {
align-content: flex-start !important
}
.align-content-xxl-end {
align-content: flex-end !important
}
.align-content-xxl-center {
align-content: center !important
}
.align-content-xxl-between {
align-content: space-between !important
}
.align-content-xxl-around {
align-content: space-around !important
}
.align-content-xxl-stretch {
align-content: stretch !important
}
.align-self-xxl-auto {
align-self: auto !important
}
.align-self-xxl-start {
align-self: flex-start !important
}
.align-self-xxl-end {
align-self: flex-end !important
}
.align-self-xxl-center {
align-self: center !important
}
.align-self-xxl-baseline {
align-self: baseline !important
}
.align-self-xxl-stretch {
align-self: stretch !important
}
}
.float-left {
float: left !important
}
.float-right {
float: right !important
}
.float-none {
float: none !important
}
@media(min-width: 576px) {
.float-sm-left {
float: left !important
}
.float-sm-right {
float: right !important
}
.float-sm-none {
float: none !important
}
}
@media(min-width: 768px) {
.float-md-left {
float: left !important
}
.float-md-right {
float: right !important
}
.float-md-none {
float: none !important
}
}
@media(min-width: 992px) {
.float-lg-left {
float: left !important
}
.float-lg-right {
float: right !important
}
.float-lg-none {
float: none !important
}
}
@media(min-width: 1200px) {
.float-xl-left {
float: left !important
}
.float-xl-right {
float: right !important
}
.float-xl-none {
float: none !important
}
}
@media(min-width: 1440px) {
.float-xxl-left {
float: left !important
}
.float-xxl-right {
float: right !important
}
.float-xxl-none {
float: none !important
}
}
.overflow-auto {
overflow: auto !important
}
.overflow-hidden {
overflow: hidden !important
}
.position-static {
position: static !important
}
.position-relative {
position: relative !important
}
.position-absolute {
position: absolute !important
}
.position-fixed {
position: fixed !important
}
.position-sticky {
position: sticky !important
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030
}
@supports(position: sticky) {
.sticky-top {
position: sticky;
top: 0;
z-index: 1020
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal
}
.shadow-sm {
box-shadow: 0 .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
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0,0,0,0)
}
.m-0 {
margin: 0 !important
}
.mt-0, .my-0 {
margin-top: 0 !important
}
.mr-0, .mx-0 {
margin-right: 0 !important
}
.mb-0, .my-0 {
margin-bottom: 0 !important
}
.ml-0, .mx-0 {
margin-left: 0 !important
}
.m-1 {
margin: .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: 2rem !important
}
.mt-5, .my-5 {
margin-top: 2rem !important
}
.mr-5, .mx-5 {
margin-right: 2rem !important
}
.mb-5, .my-5 {
margin-bottom: 2rem !important
}
.ml-5, .mx-5 {
margin-left: 2rem !important
}
.m-6 {
margin: 3rem !important
}
.mt-6, .my-6 {
margin-top: 3rem !important
}
.mr-6, .mx-6 {
margin-right: 3rem !important
}
.mb-6, .my-6 {
margin-bottom: 3rem !important
}
.ml-6, .mx-6 {
margin-left: 3rem !important
}
.m-7 {
margin: 4rem !important
}
.mt-7, .my-7 {
margin-top: 4rem !important
}
.mr-7, .mx-7 {
margin-right: 4rem !important
}
.mb-7, .my-7 {
margin-bottom: 4rem !important
}
.ml-7, .mx-7 {
margin-left: 4rem !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: 2rem !important
}
.pt-5, .py-5 {
padding-top: 2rem !important
}
.pr-5, .px-5 {
padding-right: 2rem !important
}
.pb-5, .py-5 {
padding-bottom: 2rem !important
}
.pl-5, .px-5 {
padding-left: 2rem !important
}
.p-6 {
padding: 3rem !important
}
.pt-6, .py-6 {
padding-top: 3rem !important
}
.pr-6, .px-6 {
padding-right: 3rem !important
}
.pb-6, .py-6 {
padding-bottom: 3rem !important
}
.pl-6, .px-6 {
padding-left: 3rem !important
}
.p-7 {
padding: 4rem !important
}
.pt-7, .py-7 {
padding-top: 4rem !important
}
.pr-7, .px-7 {
padding-right: 4rem !important
}
.pb-7, .py-7 {
padding-bottom: 4rem !important
}
.pl-7, .px-7 {
padding-left: 4rem !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: -2rem !important
}
.mt-n5, .my-n5 {
margin-top: -2rem !important
}
.mr-n5, .mx-n5 {
margin-right: -2rem !important
}
.mb-n5, .my-n5 {
margin-bottom: -2rem !important
}
.ml-n5, .mx-n5 {
margin-left: -2rem !important
}
.m-n6 {
margin: -3rem !important
}
.mt-n6, .my-n6 {
margin-top: -3rem !important
}
.mr-n6, .mx-n6 {
margin-right: -3rem !important
}
.mb-n6, .my-n6 {
margin-bottom: -3rem !important
}
.ml-n6, .mx-n6 {
margin-left: -3rem !important
}
.m-n7 {
margin: -4rem !important
}
.mt-n7, .my-n7 {
margin-top: -4rem !important
}
.mr-n7, .mx-n7 {
margin-right: -4rem !important
}
.mb-n7, .my-n7 {
margin-bottom: -4rem !important
}
.ml-n7, .mx-n7 {
margin-left: -4rem !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: 2rem !important
}
.mt-sm-5, .my-sm-5 {
margin-top: 2rem !important
}
.mr-sm-5, .mx-sm-5 {
margin-right: 2rem !important
}
.mb-sm-5, .my-sm-5 {
margin-bottom: 2rem !important
}
.ml-sm-5, .mx-sm-5 {
margin-left: 2rem !important
}
.m-sm-6 {
margin: 3rem !important
}
.mt-sm-6, .my-sm-6 {
margin-top: 3rem !important
}
.mr-sm-6, .mx-sm-6 {
margin-right: 3rem !important
}
.mb-sm-6, .my-sm-6 {
margin-bottom: 3rem !important
}
.ml-sm-6, .mx-sm-6 {
margin-left: 3rem !important
}
.m-sm-7 {
margin: 4rem !important
}
.mt-sm-7, .my-sm-7 {
margin-top: 4rem !important
}
.mr-sm-7, .mx-sm-7 {
margin-right: 4rem !important
}
.mb-sm-7, .my-sm-7 {
margin-bottom: 4rem !important
}
.ml-sm-7, .mx-sm-7 {
margin-left: 4rem !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: 2rem !important
}
.pt-sm-5, .py-sm-5 {
padding-top: 2rem !important
}
.pr-sm-5, .px-sm-5 {
padding-right: 2rem !important
}
.pb-sm-5, .py-sm-5 {
padding-bottom: 2rem !important
}
.pl-sm-5, .px-sm-5 {
padding-left: 2rem !important
}
.p-sm-6 {
padding: 3rem !important
}
.pt-sm-6, .py-sm-6 {
padding-top: 3rem !important
}
.pr-sm-6, .px-sm-6 {
padding-right: 3rem !important
}
.pb-sm-6, .py-sm-6 {
padding-bottom: 3rem !important
}
.pl-sm-6, .px-sm-6 {
padding-left: 3rem !important
}
.p-sm-7 {
padding: 4rem !important
}
.pt-sm-7, .py-sm-7 {
padding-top: 4rem !important
}
.pr-sm-7, .px-sm-7 {
padding-right: 4rem !important
}
.pb-sm-7, .py-sm-7 {
padding-bottom: 4rem !important
}
.pl-sm-7, .px-sm-7 {
padding-left: 4rem !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: -2rem !important
}
.mt-sm-n5, .my-sm-n5 {
margin-top: -2rem !important
}
.mr-sm-n5, .mx-sm-n5 {
margin-right: -2rem !important
}
.mb-sm-n5, .my-sm-n5 {
margin-bottom: -2rem !important
}
.ml-sm-n5, .mx-sm-n5 {
margin-left: -2rem !important
}
.m-sm-n6 {
margin: -3rem !important
}
.mt-sm-n6, .my-sm-n6 {
margin-top: -3rem !important
}
.mr-sm-n6, .mx-sm-n6 {
margin-right: -3rem !important
}
.mb-sm-n6, .my-sm-n6 {
margin-bottom: -3rem !important
}
.ml-sm-n6, .mx-sm-n6 {
margin-left: -3rem !important
}
.m-sm-n7 {
margin: -4rem !important
}
.mt-sm-n7, .my-sm-n7 {
margin-top: -4rem !important
}
.mr-sm-n7, .mx-sm-n7 {
margin-right: -4rem !important
}
.mb-sm-n7, .my-sm-n7 {
margin-bottom: -4rem !important
}
.ml-sm-n7, .mx-sm-n7 {
margin-left: -4rem !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: 2rem !important
}
.mt-md-5, .my-md-5 {
margin-top: 2rem !important
}
.mr-md-5, .mx-md-5 {
margin-right: 2rem !important
}
.mb-md-5, .my-md-5 {
margin-bottom: 2rem !important
}
.ml-md-5, .mx-md-5 {
margin-left: 2rem !important
}
.m-md-6 {
margin: 3rem !important
}
.mt-md-6, .my-md-6 {
margin-top: 3rem !important
}
.mr-md-6, .mx-md-6 {
margin-right: 3rem !important
}
.mb-md-6, .my-md-6 {
margin-bottom: 3rem !important
}
.ml-md-6, .mx-md-6 {
margin-left: 3rem !important
}
.m-md-7 {
margin: 4rem !important
}
.mt-md-7, .my-md-7 {
margin-top: 4rem !important
}
.mr-md-7, .mx-md-7 {
margin-right: 4rem !important
}
.mb-md-7, .my-md-7 {
margin-bottom: 4rem !important
}
.ml-md-7, .mx-md-7 {
margin-left: 4rem !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: 2rem !important
}
.pt-md-5, .py-md-5 {
padding-top: 2rem !important
}
.pr-md-5, .px-md-5 {
padding-right: 2rem !important
}
.pb-md-5, .py-md-5 {
padding-bottom: 2rem !important
}
.pl-md-5, .px-md-5 {
padding-left: 2rem !important
}
.p-md-6 {
padding: 3rem !important
}
.pt-md-6, .py-md-6 {
padding-top: 3rem !important
}
.pr-md-6, .px-md-6 {
padding-right: 3rem !important
}
.pb-md-6, .py-md-6 {
padding-bottom: 3rem !important
}
.pl-md-6, .px-md-6 {
padding-left: 3rem !important
}
.p-md-7 {
padding: 4rem !important
}
.pt-md-7, .py-md-7 {
padding-top: 4rem !important
}
.pr-md-7, .px-md-7 {
padding-right: 4rem !important
}
.pb-md-7, .py-md-7 {
padding-bottom: 4rem !important
}
.pl-md-7, .px-md-7 {
padding-left: 4rem !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: -2rem !important
}
.mt-md-n5, .my-md-n5 {
margin-top: -2rem !important
}
.mr-md-n5, .mx-md-n5 {
margin-right: -2rem !important
}
.mb-md-n5, .my-md-n5 {
margin-bottom: -2rem !important
}
.ml-md-n5, .mx-md-n5 {
margin-left: -2rem !important
}
.m-md-n6 {
margin: -3rem !important
}
.mt-md-n6, .my-md-n6 {
margin-top: -3rem !important
}
.mr-md-n6, .mx-md-n6 {
margin-right: -3rem !important
}
.mb-md-n6, .my-md-n6 {
margin-bottom: -3rem !important
}
.ml-md-n6, .mx-md-n6 {
margin-left: -3rem !important
}
.m-md-n7 {
margin: -4rem !important
}
.mt-md-n7, .my-md-n7 {
margin-top: -4rem !important
}
.mr-md-n7, .mx-md-n7 {
margin-right: -4rem !important
}
.mb-md-n7, .my-md-n7 {
margin-bottom: -4rem !important
}
.ml-md-n7, .mx-md-n7 {
margin-left: -4rem !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: 2rem !important
}
.mt-lg-5, .my-lg-5 {
margin-top: 2rem !important
}
.mr-lg-5, .mx-lg-5 {
margin-right: 2rem !important
}
.mb-lg-5, .my-lg-5 {
margin-bottom: 2rem !important
}
.ml-lg-5, .mx-lg-5 {
margin-left: 2rem !important
}
.m-lg-6 {
margin: 3rem !important
}
.mt-lg-6, .my-lg-6 {
margin-top: 3rem !important
}
.mr-lg-6, .mx-lg-6 {
margin-right: 3rem !important
}
.mb-lg-6, .my-lg-6 {
margin-bottom: 3rem !important
}
.ml-lg-6, .mx-lg-6 {
margin-left: 3rem !important
}
.m-lg-7 {
margin: 4rem !important
}
.mt-lg-7, .my-lg-7 {
margin-top: 4rem !important
}
.mr-lg-7, .mx-lg-7 {
margin-right: 4rem !important
}
.mb-lg-7, .my-lg-7 {
margin-bottom: 4rem !important
}
.ml-lg-7, .mx-lg-7 {
margin-left: 4rem !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: 2rem !important
}
.pt-lg-5, .py-lg-5 {
padding-top: 2rem !important
}
.pr-lg-5, .px-lg-5 {
padding-right: 2rem !important
}
.pb-lg-5, .py-lg-5 {
padding-bottom: 2rem !important
}
.pl-lg-5, .px-lg-5 {
padding-left: 2rem !important
}
.p-lg-6 {
padding: 3rem !important
}
.pt-lg-6, .py-lg-6 {
padding-top: 3rem !important
}
.pr-lg-6, .px-lg-6 {
padding-right: 3rem !important
}
.pb-lg-6, .py-lg-6 {
padding-bottom: 3rem !important
}
.pl-lg-6, .px-lg-6 {
padding-left: 3rem !important
}
.p-lg-7 {
padding: 4rem !important
}
.pt-lg-7, .py-lg-7 {
padding-top: 4rem !important
}
.pr-lg-7, .px-lg-7 {
padding-right: 4rem !important
}
.pb-lg-7, .py-lg-7 {
padding-bottom: 4rem !important
}
.pl-lg-7, .px-lg-7 {
padding-left: 4rem !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: -2rem !important
}
.mt-lg-n5, .my-lg-n5 {
margin-top: -2rem !important
}
.mr-lg-n5, .mx-lg-n5 {
margin-right: -2rem !important
}
.mb-lg-n5, .my-lg-n5 {
margin-bottom: -2rem !important
}
.ml-lg-n5, .mx-lg-n5 {
margin-left: -2rem !important
}
.m-lg-n6 {
margin: -3rem !important
}
.mt-lg-n6, .my-lg-n6 {
margin-top: -3rem !important
}
.mr-lg-n6, .mx-lg-n6 {
margin-right: -3rem !important
}
.mb-lg-n6, .my-lg-n6 {
margin-bottom: -3rem !important
}
.ml-lg-n6, .mx-lg-n6 {
margin-left: -3rem !important
}
.m-lg-n7 {
margin: -4rem !important
}
.mt-lg-n7, .my-lg-n7 {
margin-top: -4rem !important
}
.mr-lg-n7, .mx-lg-n7 {
margin-right: -4rem !important
}
.mb-lg-n7, .my-lg-n7 {
margin-bottom: -4rem !important
}
.ml-lg-n7, .mx-lg-n7 {
margin-left: -4rem !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: 2rem !important
}
.mt-xl-5, .my-xl-5 {
margin-top: 2rem !important
}
.mr-xl-5, .mx-xl-5 {
margin-right: 2rem !important
}
.mb-xl-5, .my-xl-5 {
margin-bottom: 2rem !important
}
.ml-xl-5, .mx-xl-5 {
margin-left: 2rem !important
}
.m-xl-6 {
margin: 3rem !important
}
.mt-xl-6, .my-xl-6 {
margin-top: 3rem !important
}
.mr-xl-6, .mx-xl-6 {
margin-right: 3rem !important
}
.mb-xl-6, .my-xl-6 {
margin-bottom: 3rem !important
}
.ml-xl-6, .mx-xl-6 {
margin-left: 3rem !important
}
.m-xl-7 {
margin: 4rem !important
}
.mt-xl-7, .my-xl-7 {
margin-top: 4rem !important
}
.mr-xl-7, .mx-xl-7 {
margin-right: 4rem !important
}
.mb-xl-7, .my-xl-7 {
margin-bottom: 4rem !important
}
.ml-xl-7, .mx-xl-7 {
margin-left: 4rem !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: 2rem !important
}
.pt-xl-5, .py-xl-5 {
padding-top: 2rem !important
}
.pr-xl-5, .px-xl-5 {
padding-right: 2rem !important
}
.pb-xl-5, .py-xl-5 {
padding-bottom: 2rem !important
}
.pl-xl-5, .px-xl-5 {
padding-left: 2rem !important
}
.p-xl-6 {
padding: 3rem !important
}
.pt-xl-6, .py-xl-6 {
padding-top: 3rem !important
}
.pr-xl-6, .px-xl-6 {
padding-right: 3rem !important
}
.pb-xl-6, .py-xl-6 {
padding-bottom: 3rem !important
}
.pl-xl-6, .px-xl-6 {
padding-left: 3rem !important
}
.p-xl-7 {
padding: 4rem !important
}
.pt-xl-7, .py-xl-7 {
padding-top: 4rem !important
}
.pr-xl-7, .px-xl-7 {
padding-right: 4rem !important
}
.pb-xl-7, .py-xl-7 {
padding-bottom: 4rem !important
}
.pl-xl-7, .px-xl-7 {
padding-left: 4rem !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: -2rem !important
}
.mt-xl-n5, .my-xl-n5 {
margin-top: -2rem !important
}
.mr-xl-n5, .mx-xl-n5 {
margin-right: -2rem !important
}
.mb-xl-n5, .my-xl-n5 {
margin-bottom: -2rem !important
}
.ml-xl-n5, .mx-xl-n5 {
margin-left: -2rem !important
}
.m-xl-n6 {
margin: -3rem !important
}
.mt-xl-n6, .my-xl-n6 {
margin-top: -3rem !important
}
.mr-xl-n6, .mx-xl-n6 {
margin-right: -3rem !important
}
.mb-xl-n6, .my-xl-n6 {
margin-bottom: -3rem !important
}
.ml-xl-n6, .mx-xl-n6 {
margin-left: -3rem !important
}
.m-xl-n7 {
margin: -4rem !important
}
.mt-xl-n7, .my-xl-n7 {
margin-top: -4rem !important
}
.mr-xl-n7, .mx-xl-n7 {
margin-right: -4rem !important
}
.mb-xl-n7, .my-xl-n7 {
margin-bottom: -4rem !important
}
.ml-xl-n7, .mx-xl-n7 {
margin-left: -4rem !important
}
.m-xl-auto {
margin: auto !important
}
.mt-xl-auto, .my-xl-auto {
margin-top: auto !important
}
.mr-xl-auto, .mx-xl-auto {
margin-right: auto !important
}
.mb-xl-auto, .my-xl-auto {
margin-bottom: auto !important
}
.ml-xl-auto, .mx-xl-auto {
margin-left: auto !important
}
}
@media(min-width: 1440px) {
.m-xxl-0 {
margin: 0 !important
}
.mt-xxl-0, .my-xxl-0 {
margin-top: 0 !important
}
.mr-xxl-0, .mx-xxl-0 {
margin-right: 0 !important
}
.mb-xxl-0, .my-xxl-0 {
margin-bottom: 0 !important
}
.ml-xxl-0, .mx-xxl-0 {
margin-left: 0 !important
}
.m-xxl-1 {
margin: .25rem !important
}
.mt-xxl-1, .my-xxl-1 {
margin-top: .25rem !important
}
.mr-xxl-1, .mx-xxl-1 {
margin-right: .25rem !important
}
.mb-xxl-1, .my-xxl-1 {
margin-bottom: .25rem !important
}
.ml-xxl-1, .mx-xxl-1 {
margin-left: .25rem !important
}
.m-xxl-2 {
margin: .5rem !important
}
.mt-xxl-2, .my-xxl-2 {
margin-top: .5rem !important
}
.mr-xxl-2, .mx-xxl-2 {
margin-right: .5rem !important
}
.mb-xxl-2, .my-xxl-2 {
margin-bottom: .5rem !important
}
.ml-xxl-2, .mx-xxl-2 {
margin-left: .5rem !important
}
.m-xxl-3 {
margin: 1rem !important
}
.mt-xxl-3, .my-xxl-3 {
margin-top: 1rem !important
}
.mr-xxl-3, .mx-xxl-3 {
margin-right: 1rem !important
}
.mb-xxl-3, .my-xxl-3 {
margin-bottom: 1rem !important
}
.ml-xxl-3, .mx-xxl-3 {
margin-left: 1rem !important
}
.m-xxl-4 {
margin: 1.5rem !important
}
.mt-xxl-4, .my-xxl-4 {
margin-top: 1.5rem !important
}
.mr-xxl-4, .mx-xxl-4 {
margin-right: 1.5rem !important
}
.mb-xxl-4, .my-xxl-4 {
margin-bottom: 1.5rem !important
}
.ml-xxl-4, .mx-xxl-4 {
margin-left: 1.5rem !important
}
.m-xxl-5 {
margin: 2rem !important
}
.mt-xxl-5, .my-xxl-5 {
margin-top: 2rem !important
}
.mr-xxl-5, .mx-xxl-5 {
margin-right: 2rem !important
}
.mb-xxl-5, .my-xxl-5 {
margin-bottom: 2rem !important
}
.ml-xxl-5, .mx-xxl-5 {
margin-left: 2rem !important
}
.m-xxl-6 {
margin: 3rem !important
}
.mt-xxl-6, .my-xxl-6 {
margin-top: 3rem !important
}
.mr-xxl-6, .mx-xxl-6 {
margin-right: 3rem !important
}
.mb-xxl-6, .my-xxl-6 {
margin-bottom: 3rem !important
}
.ml-xxl-6, .mx-xxl-6 {
margin-left: 3rem !important
}
.m-xxl-7 {
margin: 4rem !important
}
.mt-xxl-7, .my-xxl-7 {
margin-top: 4rem !important
}
.mr-xxl-7, .mx-xxl-7 {
margin-right: 4rem !important
}
.mb-xxl-7, .my-xxl-7 {
margin-bottom: 4rem !important
}
.ml-xxl-7, .mx-xxl-7 {
margin-left: 4rem !important
}
.p-xxl-0 {
padding: 0 !important
}
.pt-xxl-0, .py-xxl-0 {
padding-top: 0 !important
}
.pr-xxl-0, .px-xxl-0 {
padding-right: 0 !important
}
.pb-xxl-0, .py-xxl-0 {
padding-bottom: 0 !important
}
.pl-xxl-0, .px-xxl-0 {
padding-left: 0 !important
}
.p-xxl-1 {
padding: .25rem !important
}
.pt-xxl-1, .py-xxl-1 {
padding-top: .25rem !important
}
.pr-xxl-1, .px-xxl-1 {
padding-right: .25rem !important
}
.pb-xxl-1, .py-xxl-1 {
padding-bottom: .25rem !important
}
.pl-xxl-1, .px-xxl-1 {
padding-left: .25rem !important
}
.p-xxl-2 {
padding: .5rem !important
}
.pt-xxl-2, .py-xxl-2 {
padding-top: .5rem !important
}
.pr-xxl-2, .px-xxl-2 {
padding-right: .5rem !important
}
.pb-xxl-2, .py-xxl-2 {
padding-bottom: .5rem !important
}
.pl-xxl-2, .px-xxl-2 {
padding-left: .5rem !important
}
.p-xxl-3 {
padding: 1rem !important
}
.pt-xxl-3, .py-xxl-3 {
padding-top: 1rem !important
}
.pr-xxl-3, .px-xxl-3 {
padding-right: 1rem !important
}
.pb-xxl-3, .py-xxl-3 {
padding-bottom: 1rem !important
}
.pl-xxl-3, .px-xxl-3 {
padding-left: 1rem !important
}
.p-xxl-4 {
padding: 1.5rem !important
}
.pt-xxl-4, .py-xxl-4 {
padding-top: 1.5rem !important
}
.pr-xxl-4, .px-xxl-4 {
padding-right: 1.5rem !important
}
.pb-xxl-4, .py-xxl-4 {
padding-bottom: 1.5rem !important
}
.pl-xxl-4, .px-xxl-4 {
padding-left: 1.5rem !important
}
.p-xxl-5 {
padding: 2rem !important
}
.pt-xxl-5, .py-xxl-5 {
padding-top: 2rem !important
}
.pr-xxl-5, .px-xxl-5 {
padding-right: 2rem !important
}
.pb-xxl-5, .py-xxl-5 {
padding-bottom: 2rem !important
}
.pl-xxl-5, .px-xxl-5 {
padding-left: 2rem !important
}
.p-xxl-6 {
padding: 3rem !important
}
.pt-xxl-6, .py-xxl-6 {
padding-top: 3rem !important
}
.pr-xxl-6, .px-xxl-6 {
padding-right: 3rem !important
}
.pb-xxl-6, .py-xxl-6 {
padding-bottom: 3rem !important
}
.pl-xxl-6, .px-xxl-6 {
padding-left: 3rem !important
}
.p-xxl-7 {
padding: 4rem !important
}
.pt-xxl-7, .py-xxl-7 {
padding-top: 4rem !important
}
.pr-xxl-7, .px-xxl-7 {
padding-right: 4rem !important
}
.pb-xxl-7, .py-xxl-7 {
padding-bottom: 4rem !important
}
.pl-xxl-7, .px-xxl-7 {
padding-left: 4rem !important
}
.m-xxl-n1 {
margin: -0.25rem !important
}
.mt-xxl-n1, .my-xxl-n1 {
margin-top: -0.25rem !important
}
.mr-xxl-n1, .mx-xxl-n1 {
margin-right: -0.25rem !important
}
.mb-xxl-n1, .my-xxl-n1 {
margin-bottom: -0.25rem !important
}
.ml-xxl-n1, .mx-xxl-n1 {
margin-left: -0.25rem !important
}
.m-xxl-n2 {
margin: -0.5rem !important
}
.mt-xxl-n2, .my-xxl-n2 {
margin-top: -0.5rem !important
}
.mr-xxl-n2, .mx-xxl-n2 {
margin-right: -0.5rem !important
}
.mb-xxl-n2, .my-xxl-n2 {
margin-bottom: -0.5rem !important
}
.ml-xxl-n2, .mx-xxl-n2 {
margin-left: -0.5rem !important
}
.m-xxl-n3 {
margin: -1rem !important
}
.mt-xxl-n3, .my-xxl-n3 {
margin-top: -1rem !important
}
.mr-xxl-n3, .mx-xxl-n3 {
margin-right: -1rem !important
}
.mb-xxl-n3, .my-xxl-n3 {
margin-bottom: -1rem !important
}
.ml-xxl-n3, .mx-xxl-n3 {
margin-left: -1rem !important
}
.m-xxl-n4 {
margin: -1.5rem !important
}
.mt-xxl-n4, .my-xxl-n4 {
margin-top: -1.5rem !important
}
.mr-xxl-n4, .mx-xxl-n4 {
margin-right: -1.5rem !important
}
.mb-xxl-n4, .my-xxl-n4 {
margin-bottom: -1.5rem !important
}
.ml-xxl-n4, .mx-xxl-n4 {
margin-left: -1.5rem !important
}
.m-xxl-n5 {
margin: -2rem !important
}
.mt-xxl-n5, .my-xxl-n5 {
margin-top: -2rem !important
}
.mr-xxl-n5, .mx-xxl-n5 {
margin-right: -2rem !important
}
.mb-xxl-n5, .my-xxl-n5 {
margin-bottom: -2rem !important
}
.ml-xxl-n5, .mx-xxl-n5 {
margin-left: -2rem !important
}
.m-xxl-n6 {
margin: -3rem !important
}
.mt-xxl-n6, .my-xxl-n6 {
margin-top: -3rem !important
}
.mr-xxl-n6, .mx-xxl-n6 {
margin-right: -3rem !important
}
.mb-xxl-n6, .my-xxl-n6 {
margin-bottom: -3rem !important
}
.ml-xxl-n6, .mx-xxl-n6 {
margin-left: -3rem !important
}
.m-xxl-n7 {
margin: -4rem !important
}
.mt-xxl-n7, .my-xxl-n7 {
margin-top: -4rem !important
}
.mr-xxl-n7, .mx-xxl-n7 {
margin-right: -4rem !important
}
.mb-xxl-n7, .my-xxl-n7 {
margin-bottom: -4rem !important
}
.ml-xxl-n7, .mx-xxl-n7 {
margin-left: -4rem !important
}
.m-xxl-auto {
margin: auto !important
}
.mt-xxl-auto, .my-xxl-auto {
margin-top: auto !important
}
.mr-xxl-auto, .mx-xxl-auto {
margin-right: auto !important
}
.mb-xxl-auto, .my-xxl-auto {
margin-bottom: auto !important
}
.ml-xxl-auto, .mx-xxl-auto {
margin-left: auto !important
}
}
.client .text-monospace {
font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace !important
}
.client .text-justify {
text-align: justify !important
}
.client .text-wrap {
white-space: normal !important
}
.client .text-nowrap {
white-space: nowrap !important
}
.client .text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.client .text-left {
text-align: left !important
}
.client .text-right {
text-align: right !important
}
.client .text-center {
text-align: center !important
}
@media(min-width: 576px) {
.client .text-sm-left {
text-align: left !important
}
.client .text-sm-right {
text-align: right !important
}
.client .text-sm-center {
text-align: center !important
}
}
@media(min-width: 768px) {
.client .text-md-left {
text-align: left !important
}
.client .text-md-right {
text-align: right !important
}
.client .text-md-center {
text-align: center !important
}
}
@media(min-width: 992px) {
.client .text-lg-left {
text-align: left !important
}
.client .text-lg-right {
text-align: right !important
}
.client .text-lg-center {
text-align: center !important
}
}
@media(min-width: 1200px) {
.client .text-xl-left {
text-align: left !important
}
.client .text-xl-right {
text-align: right !important
}
.client .text-xl-center {
text-align: center !important
}
}
@media(min-width: 1440px) {
.text-xxl-left {
text-align: left !important
}
.text-xxl-right {
text-align: right !important
}
.text-xxl-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: #022851 !important
}
a.text-primary:hover, a.text-primary:focus {
color: #000306 !important
}
.text-secondary {
color: #ffbf00 !important
}
a.text-secondary:hover, a.text-secondary:focus {
color: #b38600 !important
}
.text-success {
color: #3dae2b !important
}
a.text-success:hover, a.text-success:focus {
color: #27711c !important
}
.text-info {
color: #007991 !important
}
a.text-info:hover, a.text-info:focus {
color: #003945 !important
}
.text-warning {
color: #fc3 !important
}
a.text-warning:hover, a.text-warning:focus {
color: #e6ac00 !important
}
.text-danger {
color: #c10230 !important
}
a.text-danger:hover, a.text-danger:focus {
color: #75011d !important
}
.text-light {
color: #e6ecf7 !important
}
a.text-light:hover, a.text-light:focus {
color: #acc0e4 !important
}
.text-dark {
color: #022851 !important
}
a.text-dark:hover, a.text-dark:focus {
color: #000306 !important
}
.text-blue {
color: #022851 !important
}
a.text-blue:hover, a.text-blue:focus {
color: #000306 !important
}
.text-body {
color: #333 !important
}
.text-muted {
color: #6c757d !important
}
.text-black-50 {
color: rgba(0,0,0,.5) !important
}
.text-white-50 {
color: rgba(255,255,255,.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;
overflow-wrap: break-word !important
}
.text-reset {
color: inherit !important
}
.visible {
visibility: visible !important
}
.invisible {
visibility: hidden !important
}
@media print {
* .client, * .client::before, * .client::after {
text-shadow: none !important;
box-shadow: none !important
}
.client a:not(.btn) {
text-decoration: underline
}
.client abbr[title]::after {
content: " (" attr(title) ")"
}
.client pre {
white-space: pre-wrap !important
}
pre, blockquote {
border: 1px solid #adb5bd;
page-break-inside: avoid
}
thead {
display: table-header-group
}
tr, img {
page-break-inside: avoid
}
.client p, .client h2, .client 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
}
.client .table {
border-collapse: collapse !important
}
.client .table td, .client .table th {
background-color: #fff !important
}
.client .table-bordered th, .client .table-bordered td {
border: 1px solid #dee2e6 !important
}
.client .table-dark {
color: inherit
}
.client .table-dark th, .client .table-dark td, .client .table-dark thead th, .client .table-dark tbody + tbody {
border-color: #b3c1d1
}
.client .table .thead-dark th {
color: inherit;
border-color: #b3c1d1
}
}
.client .container-fluid, .client .container-sm, .client .container-md, .client .container-lg, .client .container-xl {
padding-left: 1.5rem;
padding-right: 1.5rem
}
@media(min-width: 768px) {
.client .container-fluid, .client .container-sm, .client .container-md, .client .container-lg, .client .container-xl {
padding-right: 2rem;
padding-left: 2rem
}
}
.brand-header .wordmark-container {
flex: 0 1 auto
}
.brand-header .utility-links-nav {
flex: 1 1 auto;
margin-right: 1.5rem;
margin-left: 1.5rem
}
.brand-header .search {
flex: 0 1 auto
}
@media(max-width: calc(992px - 1px)) {
.brand-header .utility-links-nav {
width: 0;
margin: 0
}
}
.global-nav {
display: none;
background-color: #022851;
margin: 0 auto
}
.global-nav .breadcrumb {
font-size: .813em;
color: #999;
background-color: inherit;
border-radius: 0;
margin-bottom: 0
}
.global-nav .breadcrumb .breadcrumb-item, .global-nav .breadcrumb .breadcrumb-item a {
color: #00b2e3;
text-decoration: none
}
.global-nav .breadcrumb .breadcrumb-item a:hover, .global-nav .breadcrumb .breadcrumb-item a:focus {
text-decoration: underline;
text-decoration-color: rgba(0,178,227,.75)
}
.inner-header-container {
background-color: #fff;
border-bottom: 1px solid rgba(205,214,224,.75);
-webkit-box-shadow: 0 1px 3px 3px rgba(0,0,0,.05);
box-shadow: 0 1px 3px 3px rgba(0,0,0,.05)
}
.brands-container:hover .unit-brand a {
color: #007991;
text-decoration: underline;
-webkit-text-decoration-color: rgba(0,121,145,.5);
text-decoration-color: rgba(0,121,145,.5)
}
.wordmark-container {
line-height: 0;
height: auto;
transition: all .5s ease
}
.wordmark-container:hover {
transform: scale(1.04)
}
.wordmark-container a.wordmark {
display: flex
}
.wordmark-container a.wordmark:hover, .wordmark-container a.wordmark:focus {
text-decoration: none
}
.wordmark-container a.wordmark:focus {
box-shadow: 0 0 0 .375rem #ffbf00;
outline: 2px solid #022851;
border-radius: 6px;
outline-offset: 0
}
.wordmark-sub-brand {
border-left: 1px solid #6884a3
}
.wordmark-primary-brand img, .wordmark-sub-brand img {
height: 36px
}
@media(max-width: calc(576px - 1px)) {
.wordmark div:only-of-type img {
height: 45px
}
}
@media(max-width: calc(768px - 1px)) {
.wordmark div:only-of-type img {
margin: .375rem 0
}
}
.unit-brand {
font-size: 1.25em;
line-height: 1.15;
border-left: 1px solid #6884a3;
font-weight: 400
}
.unit-brand a:focus {
box-shadow: 0 0 0 .375rem #ffbf00;
outline: 2px solid #022851;
border-radius: 6px;
outline-offset: 0
}
.tertiary-brand-mobile {
font-size: 1.375rem;
font-weight: 400;
line-height: 1.3;
padding-top: .5rem;
padding-bottom: .5rem;
color: #fff;
margin-right: 1.5rem
}
.tertiary-brand-mobile:hover {
color: #fff;
text-decoration: underline;
text-stroke-width: .04rem;
-webkit-text-stroke-width: .04rem;
text-decoration-color: rgba(255,255,255,.25);
-webkit-text-decoration-color: rgba(255,255,255,.25);
text-decoration-thickness: 1px
}
.tertiary-brand-mobile:focus {
box-shadow: 0 0 0 .375rem #ffbf00;
outline: 2px solid #022851;
border-radius: 6px;
outline-offset: 0
}
.tertiary-brand-container {
margin-bottom: -9px
}
@media(min-width: 576px) {
.wordmark-primary-brand img, .wordmark-sub-brand img {
height: 50px
}
.unit-brand {
font-size: 1.5em
}
}
@media(min-width: 768px) {
.wordmark-primary-brand img, .wordmark-sub-brand img {
height: 60px
}
.tertiary-brand-container {
margin-bottom: -17px
}
}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
.wordmark-primary-brand img {
width: 100%;
height: 60px
}
.wordmark-sub-brand img {
width: 100%;
height: 58px
}
.unit-brand {
margin-left: 1rem
}
}
@media print {
.brand-header {
display: none !important
}
}
.marquee-home.health.mb-7 {
margin-bottom: -4rem !important
}
.marquee-home.health picture {
position: relative;
z-index: 0
}
.marquee-home.health::after {
content: "";
position: absolute;
display: block;
top: 90%;
height: 600px;
width: 100%;
margin-left: -2rem;
background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1584 531.4'%3E%3Cpath id='Path_3278' data-name='Path 3278' d='M0,0H1584V531.4L0,420.7Z' fill='%23e6ecf7'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 100%;
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
z-index: -1
}
.marquee-home.health.light .wrapper .row .marquee-body .category {
color: #022851
}
.marquee-home.health.light .wrapper .row .marquee-body .marquee-title {
color: #000
}
.marquee-home.badge-variation .marquee-img, .marquee-home.landing.badge-variation .marquee-img {
padding-right: 9rem;
padding-left: 9rem
}
.marquee-home {
width: 100vw;
background: linear-gradient(#022851, #1d4776)
}
.marquee-home.health {
position: relative
}
.marquee-home.health .background-img {
display: block
}
.marquee-home.health .wrapper {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0
}
.marquee-home.landing .row .marquee-body .marquee-title {
font-size: 3.375em;
line-height: 1.111
}
.marquee-home .row {
width: calc(100% + 2rem)
}
.marquee-home .row .marquee-body .category {
position: relative;
z-index: 5;
padding-bottom: .25rem;
letter-spacing: .05em;
font-weight: 600;
font-size: .875em;
line-height: 1;
color: #ffbf00;
text-transform: uppercase
}
.marquee-home .row .marquee-body .marquee-title {
color: #fff;
font-size: 4.25em;
font-weight: 500;
line-height: .941
}
.marquee-home .row .marquee-body .marquee-title a:hover {
color: #00b2e3;
text-decoration: none
}
.marquee-home .row .marquee-body .marquee-title a.hover {
color: #00b2e3;
text-decoration: none
}
.marquee-home .row .marquee-body .marquee-title a {
color: #fff;
text-decoration: none;
line-height: inherit
}
.marquee-home .row .marquee-body .marquee-text {
color: #e6ecf7;
font-size: 1.125em;
line-height: 1.5
}
.marquee-home .row .marquee-img .marquee-img-wrapper {
position: relative;
border-radius: 6px;
overflow: hidden
}
.marquee-home .row .marquee-img .marquee-img-wrapper .marquee-link {
display: block;
cursor: pointer
}
.marquee-home .row .marquee-img .marquee-img-wrapper .marquee-link.video-modal::after {
content: url('data:image/svg+xml,');
position: absolute;
display: block;
bottom: 10%;
left: 10%;
background-color: rgba(2,40,81,.9);
height: 6rem;
width: 6rem;
border-radius: 50%;
padding: 1rem;
-webkit-transition: -webkit-transform .25s ease-in-out;
-moz-transition: -moz-transform .25s ease-in-out;
-ms-transition: -ms-transform .25s ease-in-out;
-o-transition: -o-transform .25s ease-in-out;
transition: transform .25s ease-in-out
}
.marquee-home .row .marquee-img .marquee-img-wrapper .marquee-link.video-modal:hover::after {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
.marquee-home .row .marquee-img .marquee-img-wrapper .marquee-link.video-modal:hover img {
opacity: .8
}
.marquee-home .row .marquee-img .marquee-img-wrapper .marquee-link img {
width: 100%;
height: auto;
opacity: 1;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
.marquee-home .row .marquee-img .marquee-img-wrapper .marquee-link:not(.video-modal):hover img {
transform: scale(105%)
}
.marquee-home .row .marquee-img .marquee-img-wrapper img {
width: 100%;
height: auto;
opacity: 1;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out
}
.client .modal {
width: 100vw
}
.client .modal .modal-dialog {
max-width: none
}
.client .modal .modal-dialog .modal-content {
background-color: #022851
}
.client .modal .modal-dialog .modal-content .modal-header {
border-bottom: none;
padding-bottom: 0
}
.client .modal .modal-dialog .modal-content .modal-header .modal-title {
color: #fff;
line-height: 1.25
}
.client .modal .modal-dialog .modal-content .modal-header .close {
color: #fff
}
.client .modal .modal-dialog .modal-content .modal-body .video-wrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0
}
.client .modal .modal-dialog .modal-content .modal-body .video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.client .modal .modal-dialog .modal-content .modal-footer {
border-top: none;
padding-bottom: 1.5rem
}
.top-stories.marquee-home + .top-stories.multi-link::before {
content: "";
display: block;
width: 100%;
margin-top: 4rem
}
.top-stories.marquee-only {
padding-bottom: 4rem !important
}
.top-stories.marquee-only + .tabs.listing {
margin-top: 4rem
}
.top-stories.marquee-home {
padding-bottom: 18rem;
background: linear-gradient(#022851, #1d4776)
}
.top-stories.marquee-home .row .marquee-body {
background: none;
margin-top: 0;
padding-left: 1rem;
padding-right: 1rem
}
.top-stories.marquee-home .row .marquee-img {
width: 100%
}
.top-stories.marquee-home .row .marquee-img .marquee-img-wrapper {
border-radius: 8px
}
.top-stories.marquee-home .row .marquee-img .marquee-img-wrapper .marquee-link:after {
bottom: 10%
}
.top-stories.multi-link {
margin-top: -18rem
}
.top-stories.multi-link .wrapper .sizer .section-header .section-title {
color: #fff
}
.top-stories.multi-link .wrapper .sizer .card-container .card {
background-color: rgba(0,0,0,0)
}
.top-stories.multi-link .wrapper .sizer .card-container .card .card-body .category {
color: #007991
}
.top-stories.multi-link .wrapper .sizer .card-container .card .card-body .category:hover {
text-decoration: underline
}
.top-stories.multi-link .wrapper .sizer .card-container .card .card-img a {
z-index: 5;
height: auto
}
@media(max-width: 1444px) {
.marquee-home.health .wrapper {
max-width: none;
padding-left: 2rem;
padding-right: 2rem
}
}
@media(max-width: calc(1440px - 1px)) {
.marquee-home.health::after {
height: 600px;
background-size: cover
}
.marquee-home.health.mb-7 {
margin-bottom: -3% !important
}
.marquee-home.badge-variation .marquee-img {
padding-right: 7rem;
padding-left: 7rem
}
.marquee-home.landing.badge-variation .marquee-img {
padding-right: 6rem;
padding-left: 6rem
}
}
@media(max-width: calc(1200px - 1px)) {
.marquee-home.health::after {
height: 1000px
}
.marquee-home.health.mb-7 {
margin-bottom: 3rem !important
}
.marquee-home.badge-variation .marquee-img {
padding-right: 5rem;
padding-left: 5rem
}
.marquee-home.landing.badge-variation .marquee-img {
padding-right: 4rem;
padding-left: 4rem
}
}
@media(max-width: calc(992px - 1px)) {
.marquee-home.health::after {
top: 50%;
height: 1600px;
margin-left: -2rem;
z-index: -1
}
.marquee-home.health.mb-7 {
margin-bottom: 2rem !important
}
.marquee-home.health.light .wrapper .row .marquee-body {
background: linear-gradient(#022851, #1d4776)
}
.marquee-home.health.light .wrapper .row .marquee-body .category {
color: #ffbf00
}
.marquee-home.health.light .wrapper .row .marquee-body .marquee-title {
color: #fff
}
.marquee-home.health.light .wrapper .row .marquee-body .btn-primary {
color: #000;
background-color: #ffc519;
border-color: #ffc519
}
.marquee-home.health.light .wrapper .row .marquee-body .btn-primary:hover, .marquee-home.health.light .wrapper .row .marquee-body .btn-primary:focus {
background-color: #ffbf00;
color: #000;
border-color: #ffbf00
}
.marquee-home.health.light .wrapper .row .marquee-body .btn-outline-primary {
border-color: #ffc519;
color: #fff
}
.marquee-home.health.light .wrapper .row .marquee-body .btn-outline-primary:hover, .marquee-home.health.light .wrapper .row .marquee-body .btn-outline-primary:focus {
color: #000;
background-color: #ffc519;
border-color: #ffc519
}
.marquee-home.health.light .wrapper .row .marquee-body .btn-outline-primary:hover.play-icon::after, .marquee-home.health.light .wrapper .row .marquee-body .btn-outline-primary:focus.play-icon::after {
content: url("data:image/svg+xml,")
}
.marquee-home.health.light .wrapper .row .marquee-body .btn-outline-primary.play-icon::after {
content: url("data:image/svg+xml,")
}
.marquee-home.health .wrapper {
position: relative;
padding-left: 0;
padding-right: 0
}
.marquee-home.health .wrapper .row .marquee-body {
margin-top: -5%
}
.marquee-home.badge-variation .marquee-img, .marquee-home.landing.badge-variation .marquee-img {
padding-right: 0;
padding-left: 0
}
.marquee-home.badge-variation .marquee-img .marquee-img-wrapper, .marquee-home.landing.badge-variation .marquee-img .marquee-img-wrapper {
padding-left: 16rem;
padding-right: 16rem;
padding-top: 5%;
padding-bottom: 25%
}
.marquee-home {
background: none;
margin-bottom: 4rem
}
.marquee-home.landing {
margin-bottom: 2.5rem
}
.marquee-home .row {
width: 100%;
margin: 0
}
.marquee-home .row .marquee-body {
background: linear-gradient(#022851, #1d4776);
padding: 2rem;
border-radius: 8px;
margin-top: -8%;
z-index: 10
}
.marquee-home .row .marquee-img {
padding-left: 0;
padding-right: 0;
width: 100vw
}
.marquee-home .row .marquee-img .marquee-img-wrapper {
border-radius: 0;
background-color: #022851
}
.marquee-home .row .marquee-img .marquee-img-wrapper .marquee-link::after {
bottom: 30%;
left: 2rem
}
.marquee-home .row .marquee-img .marquee-img-wrapper .marquee-link img {
z-index: 0
}
.marquee-home .row .marquee-img .marquee-img-wrapper img {
z-index: 0
}
.top-stories.marquee-only {
padding-bottom: 0 !important
}
.top-stories.marquee-home {
padding-bottom: 20rem
}
.top-stories.marquee-home .row .marquee-body {
padding-left: 0;
padding-right: 0
}
.top-stories.multi-link {
margin-top: -20rem
}
}
@media(max-width: calc(768px - 1px)) {
.marquee-home.health::after {
height: 2400px;
margin-left: -1.5rem
}
.marquee-home.health .wrapper .row .marquee-body {
margin-top: -15%
}
.marquee-home.badge-variation .marquee-img .marquee-img-wrapper, .marquee-home.landing.badge-variation .marquee-img .marquee-img-wrapper {
padding-left: 10rem;
padding-right: 10rem
}
.marquee-home .row .marquee-body .category, .marquee-home.landing .row .marquee-body .category {
font-size: .75em;
line-height: 1.167
}
.marquee-home .row .marquee-body .marquee-title, .marquee-home.landing .row .marquee-body .marquee-title {
font-size: 2.5em;
line-height: 1.15
}
.marquee-home .row .marquee-body .marquee-text, .marquee-home.landing .row .marquee-body .marquee-text {
font-size: 1em;
line-height: 1.375
}
.marquee-home .row .marquee-img .marquee-img-wrapper .marquee-link::after, .marquee-home.landing .row .marquee-img .marquee-img-wrapper .marquee-link::after {
left: 1.5rem
}
}
@media(max-width: calc(576px - 1px)) {
.marquee-home.health::after {
height: 2000px
}
.marquee-home.health .wrapper {
position: relative
}
.marquee-home.health .wrapper .row .marquee-body {
margin-top: -25%
}
.marquee-home.badge-variation .marquee-img .marquee-img-wrapper, .marquee-home.landing.badge-variation .marquee-img .marquee-img-wrapper {
padding-left: 4rem;
padding-right: 4rem
}
}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
.marquee-home .row .marquee-img .marquee-img-wrapper .marquee-link::after {
display: block;
content: "";
vertical-align: middle;
background-image: url("https://health.ucdavis.edu/medical-center/images/icons/bootstrap-icons/play-fill-gold-marquee.svg");
background-size: 48px 48px;
background-repeat: no-repeat;
background-position: center
}
}
@media print {
.marquee-home {
page-break-inside: avoid;
break-inside: avoid;
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important
}
.marquee-home.landing .row .marquee-body .marquee-title {
font-size: 44px !important;
line-height: 44px !important
}
.marquee-home .wrapper {
max-width: 100% !important;
width: 100% !important;
height: 100% !important
}
.marquee-home .wrapper .row {
width: 100% !important;
flex-direction: row !important
}
.marquee-home .row .marquee-body {
width: 60% !important;
position: relative !important;
padding-left: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
margin-top: 0 !important;
background: none !important;
align-self: center !important
}
.marquee-home .row .marquee-body .category {
color: #022851 !important;
text-decoration: none !important;
font-size: .875em !important;
line-height: 1 !important
}
.marquee-home .row .marquee-body .marquee-title {
color: #000 !important;
font-size: 52px !important;
line-height: 52px !important;
margin-bottom: 1rem !important;
padding-bottom: 0 !important
}
.marquee-home .row .marquee-body .marquee-text {
color: #333 !important;
margin-bottom: 1rem !important;
padding-bottom: 0 !important;
font-size: 1.125em !important;
line-height: 1.5 !important
}
.marquee-home .row .marquee-body .marquee-buttons {
margin-top: 0 !important
}
.marquee-home .row .marquee-body .marquee-buttons .btn {
background-color: rgba(0,0,0,0) !important;
padding-right: 12px !important
}
.marquee-home .row .marquee-body .marquee-buttons .btn::after {
display: none !important
}
.marquee-home .row .marquee-img {
margin: 0 !important;
width: 40% !important;
align-self: center !important
}
.marquee-home .row .marquee-img .marquee-img-wrapper .marquee-link::after {
content: url('data:image/svg+xml,') !important;
background-color: #022851 !important;
bottom: 24px !important;
height: 80px !important;
width: 80px !important;
padding: 12px !important
}
.modal {
display: none !important
}
.top-stories.marquee-home {
background: none !important
}
.top-stories.marquee-home.multi-link {
margin-top: -14rem
}
.top-stories.marquee-home.multi-link .wrapper .sizer .section-header .section-title {
color: #000
}
.top-stories.marquee-home.multi-link .wrapper .sizer .card-container.row-cols-md-2.row-cols-lg-4 .client .col {
flex: 0 0 25% !important;
max-width: 25% !important
}
.top-stories.marquee-home.multi-link .wrapper .sizer .card-container.row-cols-md-3 .client .col {
flex: 0 0 33.3333333333% !important;
max-width: 33.3333333333% !important
}
}
.jumbotron.hero {
padding: 0;
text-align: center;
background-color: #fff;
margin-top: -2rem;
margin-left: -1.5rem;
margin-right: -1.5rem
}
.jumbotron.hero .zoom-img {
margin-bottom: -2rem;
margin-top: 2rem
}
.jumbotron.hero .article-feature-img {
width: auto;
max-width: 100%;
margin-top: 2rem;
margin-bottom: -2rem
}
.jumbotron .hero-image-container.article-feature-img img {
width: 100%
}
.jumbotron-fluid img {
display: none
}
.jumbotron-fluid .zoom-img img {
transform: scale(1.3) translateY(10%)
}
.jumbotron-fluid .zoom-img img, .jumbotron-fluid .article-feature-img img {
display: block;
margin: 0 auto
}
@media(max-width: calc(992px - 1px)) {
.jumbotron.hero .zoom-img {
max-height: 5.5rem;
overflow: hidden
}
}
@media(min-width: 768px) {
.jumbotron.hero {
margin-bottom: 2rem;
margin-top: 0;
margin-left: -2rem;
margin-right: -2rem
}
.jumbotron.hero .zoom-img {
margin-top: 0
}
.jumbotron.hero .article-feature-img {
margin-top: 0
}
.jumbotron.hero .article-feature-img.body-width {
margin-top: 0
}
.jumbotron .hero-image-container {
max-height: 513px;
overflow: hidden
}
.jumbotron .hero-image-container img {
object-fit: cover;
width: 100%;
display: block
}
.jumbotron .hero-image-container.article-feature-img {
max-height: 590px
}
.jumbotron .hero-image-container.article-feature-img.body-width {
max-height: 380px
}
.jumbotron .hero-image-container.article-feature-img.full-width {
max-height: 650px
}
}
@media(min-width: 992px) {
.jumbotron.hero {
margin-bottom: -176px
}
.jumbotron .hero-image-container.article-feature-img img {
width: 100%;
max-width: 1140px
}
.jumbotron .hero-image-container.article-feature-img.full-width img {
width: 100%
}
@supports(max-width: 100%) {
.jumbotron .hero-image-container.article-feature-img.full-width img {
max-width: 100%
}
}
.jumbotron .hero-image-container.article-feature-img.body-width {
width: 83.333333333%;
overflow: hidden;
margin: 0 auto 176px
}
.jumbotron .hero-image-container.article-feature-img.body-width img {
width: 83.333333333%;
max-width: 730px
}
}
@media(min-width: 1440px) {
.jumbotron.hero {
margin-bottom: -224px
}
.jumbotron.hero .article-feature-img.body-width {
margin-bottom: 224px
}
}
@media(max-width: calc(576px - 1px)) {
.hero-image-container.zoom-img img {
display: none
}
}
@media print {
.jumbotron.hero {
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 0 !important
}
}
.pac-container {
background-color: #fff;
border: 2px solid #355b85;
border-top: none;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
box-sizing: content-box;
box-shadow: none
}
.pac-container .pac-item {
padding-left: .75rem;
padding-right: .75rem;
padding-top: .375rem;
padding-bottom: .25rem;
border-bottom: 2px solid #e6ecf7;
border-top: none;
font-size: 1rem;
cursor: pointer
}
.pac-container .pac-item:hover {
background-color: #e6ecf7
}
.pac-container .pac-item-query {
font-size: 1rem
}
.pac-container .pac-icon {
position: relative;
top: -1px;
background-position: center center;
background-size: 90%;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,')
}
.pac-container::after {
margin-right: .75rem !important;
margin-top: .5rem;
margin-bottom: .5rem
}
.google-maps {
padding-bottom: 4rem
}
.google-maps .section-header + .map-wrapper {
margin-top: 3rem
}
.google-maps.no-filter .map-wrapper {
border-top: none
}
.google-maps.no-filter .map-wrapper .map-status, .google-maps.no-filter .map-wrapper #map-filters, .google-maps.no-filter .map-wrapper .options-box {
display: none !important
}
.google-maps.no-filter .map-wrapper .map-container {
width: 100%
}
.google-maps.no-filter .map-wrapper .legal-message {
margin-left: 0
}
.map-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
border-top: 2px solid #e6ecf7;
padding-top: .5rem
}
.map-wrapper #map-filters {
width: 100%;
margin-right: 0;
margin-bottom: .5rem;
display: none
}
.map-wrapper #map-filters svg {
height: 1.25rem;
width: 1.25rem;
display: inline-block;
margin-right: .25rem;
position: relative;
top: -2px
}
.map-wrapper .map-status {
width: 75%;
margin-left: 25%;
margin-bottom: .75rem;
display: flex
}
.map-wrapper .map-status #map-results {
font-size: 1.125em;
line-height: 1.5;
font-weight: 600;
border-right: 2px solid #b7b7b7;
padding-right: 1rem;
margin-right: 1rem;
flex: 0;
white-space: nowrap;
margin-top: .5rem
}
.map-wrapper .map-status #map-results.no-border {
border-right: none
}
.map-wrapper .map-status #map-active-filters {
flex: 1
}
.map-wrapper .map-status #map-active-filters a {
margin-right: 1rem
}
.map-wrapper .map-status #map-active-filters span {
font-size: 1rem;
margin-right: .25rem
}
.map-wrapper .map-status #map-active-filters span span {
font-size: 1em;
line-height: 1.375;
font-weight: 500;
color: #000;
margin-right: .5rem
}
.map-wrapper .map-status #map-active-filters .filter-button {
border: 1px solid #b3c1d1;
padding-top: .375rem;
padding-bottom: .5rem;
padding-left: .75rem;
padding-right: .75rem;
border-radius: 1rem;
margin-right: .5rem;
margin-top: .5rem;
margin-bottom: 0;
background-color: rgba(0,0,0,0);
color: #007991;
font-size: .875em;
line-height: 1;
font-weight: 500
}
.map-wrapper .map-status #map-active-filters .filter-button:hover {
color: #fff;
border-color: #007991;
background-color: #007991
}
.map-wrapper .map-status #map-active-filters .filter-button:hover::after {
content: url('data:image/svg+xml,')
}
.map-wrapper .map-status #map-active-filters .filter-button::after {
content: url('data:image/svg+xml,');
display: inline-block;
width: .5rem;
height: .5rem;
margin-left: .375rem
}
.map-wrapper .options-box {
width: 25%;
position: relative;
background: #fff;
height: auto;
padding-right: 2rem;
text-align: left;
font-size: 1rem
}
.map-wrapper .options-box #map-filters-close {
display: none;
position: fixed;
border-radius: 50%;
top: .5rem;
right: .5rem;
width: 2.5rem;
z-index: 10;
opacity: .9
}
.map-wrapper .options-box #map-filters-close:focus {
box-shadow: 0 0 0 .2rem #ffdf80
}
.map-wrapper .options-box #map-filters-close:hover, .map-wrapper .options-box #map-filters-close:focus {
opacity: 1
}
.map-wrapper .options-box .filter-description {
color: #666;
font-size: .875em;
line-height: 1.375;
margin-bottom: .5rem;
margin-top: 0
}
.map-wrapper .options-box .location-filter #my-location {
margin-bottom: 1rem
}
.map-wrapper .options-box .location-filter .select-input {
margin-bottom: .75rem
}
.map-wrapper .options-box .location-filter #showMe, .map-wrapper .options-box .location-filter #my-location_clear {
margin-right: 0;
padding: 0;
margin-bottom: .5rem;
margin-top: 0;
border: none;
font-size: 1em;
line-height: 1.375
}
.map-wrapper .options-box .location-filter #showMe:hover, .map-wrapper .options-box .location-filter #my-location_clear:hover {
color: #022851
}
.map-wrapper .options-box .location-filter #showMe:hover::before {
content: url('data:image/svg+xml,')
}
.map-wrapper .options-box .location-filter #showMe::before {
content: url('data:image/svg+xml,');
display: inline-block;
width: 1.25rem;
height: auto;
margin-right: .375rem;
vertical-align: middle;
position: relative;
top: 2px
}
.map-wrapper .options-box .location-filter #my-location_clear {
margin-bottom: 0
}
.map-wrapper .options-box .location-filter #my-location_clear:hover::before {
content: url('data:image/svg+xml,')
}
.map-wrapper .options-box .location-filter #my-location_clear::before {
content: url('data:image/svg+xml,');
display: inline-block;
width: 1.25rem;
height: auto;
margin-right: .375rem;
vertical-align: middle;
position: relative;
top: 2px
}
.map-wrapper .options-box .location-filter #my-location_clear:not(.hide) + #myLocMessage {
margin-top: .5rem;
margin-bottom: -0.25rem
}
.map-wrapper .options-box .location-filter #myLocMessage {
color: #c10230
}
.map-wrapper .options-box .services-filter {
border-top: 2px solid #e6ecf7;
padding-top: 1.5rem;
margin-top: 2rem
}
.map-wrapper .options-box .parking-filter {
border-top: 2px solid #e6ecf7;
padding-top: 1.5rem;
margin-top: 2rem
}
.map-wrapper .options-box .search-filter {
border-bottom: 2px solid #e6ecf7;
padding-bottom: 2rem;
font-size: 1rem
}
.map-wrapper .options-box .search-filter .filter-description {
margin-top: -0.25rem;
margin-bottom: .75rem
}
.map-wrapper .options-box .search-filter .search-input {
position: relative
}
.map-wrapper .options-box .search-filter .search-input input {
padding-right: 4.5rem
}
.map-wrapper .options-box .search-filter .search-input::after {
content: "";
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-size: 50% 50%;
background-position: center;
display: block;
position: absolute;
right: 0;
bottom: 0;
width: 4rem;
height: 100%;
background-color: #007991;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
cursor: pointer
}
.map-wrapper .options-box .clear-filters {
margin-top: 1.5rem;
border-top: 2px solid #e6ecf7;
padding-top: 2rem
}
.map-wrapper .options-box .clear-filters #clear-all-filters {
display: block;
width: 100%
}
.map-wrapper .options-box .form-group {
font-size: 1rem;
margin-bottom: 1.5rem
}
.map-wrapper .options-box label {
font-size: 1.125em;
line-height: 1.333;
font-weight: 600;
color: #000
}
.map-wrapper .options-box input[type=text] {
width: 100%
}
.map-wrapper .options-box select, .map-wrapper .options-box .bootstrap-select {
width: 100% !important
}
.map-wrapper .options-box .custom-switch {
padding-left: 0;
position: relative;
margin-top: .25rem;
margin-bottom: .25rem
}
.map-wrapper .options-box .custom-switch .custom-control-label {
position: static;
margin-right: 4rem;
cursor: pointer
}
.map-wrapper .options-box .custom-switch .custom-control-label::before {
width: 3rem;
height: 1.5rem;
border-radius: 4px;
border-width: 2px;
right: 0;
left: auto;
top: 0;
cursor: pointer
}
.map-wrapper .options-box .custom-switch .custom-control-label::after {
top: 2px;
right: calc(1.75rem - 4px);
left: auto;
width: calc(1.5rem - 2px);
height: calc(1.5rem - 4px);
border-radius: 2px;
cursor: pointer
}
.map-wrapper .options-box .custom-control-input:checked ~ .custom-control-label::before {
background-color: #007991;
border-color: #007991
}
.map-wrapper .options-box .custom-control-input:checked ~ .custom-control-label::after {
left: auto;
right: calc(1rem - 2px);
border-radius: 2px
}
.map-wrapper .options-box .apply-filters {
display: none
}
.map-wrapper .map-container {
width: 75%
}
.map-wrapper .legal-message {
position: absolute;
top: 100%;
margin-top: .5rem;
margin-bottom: 0;
color: #666;
font-size: .875em;
line-height: 1.375;
font-style: italic
}
.map-container {
height: 76vh;
position: relative
}
.map-container.fullscreen {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1050;
height: 100vh !important;
width: 100%
}
.map-container.fullscreen .map-fullscreen-open-container {
display: none
}
.map-container.fullscreen #map-fullscreen-close {
display: block;
position: absolute;
top: 1rem;
right: 1rem
}
.map-container #map-info {
position: absolute;
display: none;
background-color: #fff;
top: 1rem;
bottom: 1rem;
left: 1rem;
width: 400px;
max-width: 400px;
border-radius: .5rem;
box-shadow: 0px 1px 8px rgba(0,0,0,.16);
z-index: 10
}
.map-container #map-info .close {
display: block;
position: absolute;
border-radius: 50%;
top: .5rem;
right: .5rem;
width: 2.5rem;
z-index: 10;
opacity: .9
}
.map-container #map-info .close:focus {
box-shadow: 0 0 0 .2rem #ffdf80
}
.map-container #map-info .close:hover, .map-container #map-info .close:focus {
opacity: 1;
outline: none
}
.map-container #map-info .location {
overflow-y: scroll;
max-height: 100%
}
.map-container #map-info.show {
display: block
}
.map-container .map-fullscreen-open-container {
display: flex;
position: absolute;
top: .75rem;
right: 10px
}
.map-container .map-fullscreen-open-container #map-fullscreen-open {
background-color: #fff;
border: none;
margin-right: 0;
padding: 8px;
width: 42px;
height: 42px;
box-shadow: 0 1px 4px rgba(0,0,0,.3);
border-radius: 2px
}
.map-container .map-fullscreen-open-container #map-fullscreen-open svg {
width: 100%;
height: 100%;
opacity: .75;
stroke: currentColor
}
.map-container .map-fullscreen-open-container #map-fullscreen-open:focus {
box-shadow: 0 0 0 .2rem #6884a3
}
.map-container .map-fullscreen-open-container #map-fullscreen-open:hover svg, .map-container .map-fullscreen-open-container #map-fullscreen-open:focus svg {
opacity: 1
}
.map-container #map-fullscreen-close {
width: 3rem;
height: 3rem;
border-radius: 50%;
box-shadow: 0 1px 4px rgba(0,0,0,.3);
background-color: #fff;
opacity: 1;
display: none
}
.map-container #map-fullscreen-close svg {
opacity: .75
}
.map-container #map-fullscreen-close:hover, .map-container #map-fullscreen-close:focus {
opacity: 1;
outline: none
}
.map-container #map-fullscreen-close:hover svg, .map-container #map-fullscreen-close:focus svg {
opacity: 1
}
.map-container #map-fullscreen-close:focus {
box-shadow: 0 0 0 .2rem #6884a3
}
.client #map {
bottom: 0px;
height: 100%;
left: 0px;
position: absolute;
right: 0px;
top: 0
}
.client .gm-style-iw.gm-style-iw-c {
background-color: #fff !important;
display: flex;
flex-direction: column;
padding-left: 0;
padding-top: 0;
overflow: scroll !important;
border-radius: .5rem !important;
border: none !important;
box-shadow: 0px 1px 8px rgba(0,0,0,.16) !important
}
.client .gm-style-iw.gm-style-iw-c .gm-style-iw-d {
padding-right: 0;
padding-bottom: 0;
overflow: visible !important;
background-color: #fff;
box-shadow: 0px 1px 8px rgba(0,0,0,.16);
margin-top: -48px;
order: 2
}
.uNGBb-dialog-view--content button.gm-ui-hover-effect {
margin-left: 0 !important;
margin-right: -1rem !important;
margin-top: -1rem !important
}
button.gm-ui-hover-effect {
position: sticky !important;
margin-left: calc(100% - 48px) !important;
order: 1;
width: 2.5rem !important;
height: 2.5rem !important;
border-radius: 50%;
background: #ffbf00 !important;
top: .5rem !important;
right: .5rem !important
}
button.gm-ui-hover-effect span {
width: 1.75rem !important;
height: 1.75rem !important;
margin: .375rem !important
}
button.gm-ui-hover-effect:focus {
box-shadow: 0 0 0 .2rem #ffdf80
}
.map-container .location {
background-color: #fff !important;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
border-radius: .5rem;
overflow: hidden;
position: relative;
z-index: 5
}
.map-container .location .alert {
padding-left: 1.5rem;
padding-right: 3.75rem;
padding-top: 1rem;
padding-bottom: .5rem;
box-shadow: none;
margin-left: -1.5rem;
margin-right: -1.5rem;
margin-bottom: 1rem;
position: relative;
z-index: 2
}
.map-container .location .alert.alert-danger .alert-container .alert-content .h3 a::after {
content: url("data:image/svg+xml,")
}
.map-container .location .alert .alert-container .alert-content .h3 {
font-size: 1.125em;
line-height: 1.333;
margin-bottom: .25rem
}
.map-container .location .alert .alert-container .alert-content .h3 a::after {
content: url("data:image/svg+xml,")
}
.map-container .location .alert .alert-container .alert-content p {
white-space: normal;
font-size: 1em;
line-height: 1.375;
margin-bottom: .5rem
}
.map-container .location .alert .alert-container .alert-button {
margin-top: .25rem;
margin-bottom: .5rem
}
.map-container .location .alert .alert-container .alert-button .btn-sm, .map-container .location .alert .alert-container .alert-button .btn-group-sm > .btn {
border: none;
font-size: 1em;
line-height: 1.375
}
.map-container .location .alert .alert-container .close-button .close {
z-index: 9 !important;
width: 2rem !important;
right: .25rem !important;
top: .5rem;
height: 2rem;
font-weight: 400;
font-size: 2em;
line-height: 2em;
letter-spacing: normal
}
.map-container .location .alert .alert-container .close-button .close span {
line-height: 100%;
display: block
}
.map-container .location .location-image {
width: 100%;
display: block
}
.map-container .location .location-image img {
width: 100%
}
.map-container .location .location-image.hide + .location-body {
padding-top: .5rem
}
.map-container .location .location-image.hide + .location-body .location-heading {
padding-right: 2.25rem
}
.map-container .location .location-body {
font-size: 1rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-bottom: 1rem
}
.map-container .location .location-body .location-heading {
margin-bottom: 0;
padding-top: 1rem;
padding-bottom: .75rem
}
.map-container .location .location-body .hide {
display: none
}
.map-container .location .location-body .dropdown {
display: flex;
flex-direction: row;
flex-wrap: wrap;
font-size: 1rem
}
.map-container .location .location-body .dropdown.show .dropdown-toggle svg {
transform: rotate(0deg)
}
.map-container .location .location-body .dropdown .dropdown-toggle {
font-size: 1em;
background-color: rgba(0,0,0,0);
flex: 1;
border: none !important;
border-image: none !important;
box-shadow: none !important;
background-image: none !important;
padding-top: 0;
padding-bottom: 0 !important;
padding-right: 3rem;
margin-top: 1rem;
margin-bottom: .5rem;
margin-right: 0;
text-align: left;
padding-left: 0 !important;
white-space: normal;
overflow: hidden;
overflow: -moz-hidden-unscrollable;
background: none !important;
-webkit-appearance: none;
-moz-appearance: none
}
.map-container .location .location-body .dropdown .dropdown-toggle h4 {
white-space: normal;
display: inline-block;
padding-top: 0;
margin-bottom: 0
}
.map-container .location .location-body .dropdown .dropdown-toggle svg {
position: absolute;
right: 0;
top: 1.5rem;
opacity: .5;
transform: rotate(180deg)
}
.map-container .location .location-body .dropdown .dropdown-toggle::after {
display: none
}
.map-container .location .location-body .dropdown .dropdown-toggle:hover svg {
opacity: 1
}
.map-container .location .location-body .dropdown .dropdown-toggle:focus {
background-color: rgba(0,0,0,0);
box-shadow: 0 0 0 .2rem #cdd6e0 !important
}
.map-container .location .location-body .dropdown .dropdown-toggle:hover {
background-color: rgba(0,0,0,0);
box-shadow: none
}
.map-container .location .location-body .dropdown .dropdown-toggle:focus-visible {
outline: none
}
.map-container .location .location-body .dropdown .dropdown-toggle:active {
background-color: rgba(0,0,0,0);
border-color: rgba(0,0,0,0)
}
.map-container .location .location-body .dropdown .dropdown-menu {
padding: 0;
padding-bottom: .5rem;
padding-top: .5rem;
margin-top: 0;
box-shadow: none !important;
background-color: #fff;
position: relative !important;
transform: none !important;
flex: 100%
}
.map-container .location .location-body .dropdown .dropdown-menu:hover, .map-container .location .location-body .dropdown .dropdown-menu:focus {
background-color: #fff
}
.map-container .location .location-body .dropdown .dropdown-menu .dropdown-item {
padding: 0;
background-color: #fff;
color: #000
}
.map-container .location .location-body .dropdown .dropdown-menu .dropdown-item:hover, .map-container .location .location-body .dropdown .dropdown-menu .dropdown-item:focus {
background-color: #fff;
color: #000
}
.map-container .location .location-body .address {
font-size: 1rem;
padding-bottom: 1rem;
margin-bottom: 2px
}
.map-container .location .location-body .address span {
font-size: 1em;
line-height: 1.375
}
.map-container .location .location-body .address span a {
font-weight: 600;
color: #007991
}
.map-container .location .location-body .website {
font-size: 1rem;
padding-bottom: 1.25rem;
margin-bottom: 2px;
margin-top: -2px
}
.map-container .location .location-body .website .btn {
font-size: 1em
}
.map-container .location .location-body section::after {
content: "";
display: block;
width: calc(100% + 3rem);
border-bottom: 2px solid #e6ecf7;
margin-left: -1.5rem;
margin-right: -1.5rem;
position: relative;
top: .5rem
}
.map-container .location .location-body section::before {
content: "";
display: block;
width: calc(100% + 3rem);
border-top: 2px solid #e6ecf7;
margin-left: -1.5rem;
margin-right: -1.5rem;
margin-top: -2px
}
.map-container .location .location-body .contact {
font-size: 1rem;
padding-bottom: .5rem
}
.map-container .location .location-body .contact .dropdown-toggle.hide + .dropdown-menu {
padding-top: 1rem
}
.map-container .location .location-body .contact .dropdown-toggle.hide + .dropdown-menu p:first-child {
padding-top: 0
}
.map-container .location .location-body .contact p {
white-space: normal;
font-size: 1em;
line-height: 1.375;
padding-top: .25rem;
margin-bottom: 0
}
.map-container .location .location-body .contact.hide + .notes::before {
content: "";
display: block;
width: calc(100% + 3rem);
border-top: 2px solid #e6ecf7;
margin-left: -1.5rem;
margin-right: -1.5rem;
position: relative;
top: -1rem
}
.map-container .location .location-body .notes {
font-size: 1rem;
padding-bottom: .5rem;
padding-top: 1rem
}
.map-container .location .location-body .notes .btn-link {
font-size: 1em;
line-height: 1.375;
padding-left: 0;
display: inline-block;
border: none;
white-space: normal
}
.map-container .location .location-body .notes p {
white-space: normal;
font-size: 1em;
line-height: 1.375;
margin-bottom: .5rem
}
.map-container .location .location-body .notes ul {
font-size: 1em;
padding-left: 1rem;
padding-top: .25rem;
margin-bottom: .75rem;
list-style-image: url('data:image/svg+xml,')
}
.map-container .location .location-body .notes ul li {
padding-left: .5rem;
font-size: 1em;
line-height: 1.375;
white-space: normal
}
.map-container .location .location-body .notes ol {
font-size: 1em;
padding-left: 1rem;
padding-top: 0;
margin-bottom: .5rem
}
.map-container .location .location-body .notes ol li {
padding-left: .5rem;
font-size: 1em;
line-height: 1.375;
white-space: normal
}
.map-container .location .location-body .notes ol li::before {
font-weight: 500;
right: calc(100% - .9rem)
}
.map-container .location .location-body .notes ol li:nth-child(10n+1) {
display: none !important
}
.map-container .location .location-body .notes .box-wide, .map-container .location .location-body .notes .box-left, .map-container .location .location-body .notes .box-right, .map-container .location .location-body .notes figure.img-wide, .map-container .location .location-body .notes figure.img-left, .map-container .location .location-body .notes figure.img-right, .map-container .location .location-body .notes figure.img-extra-wide {
display: none !important
}
.map-container .location .location-body .notes h1, .map-container .location .location-body .notes h2, .map-container .location .location-body .notes h3, .map-container .location .location-body .notes h4, .map-container .location .location-body .notes h5, .map-container .location .location-body .notes h6 {
font-size: 1em;
line-height: 1.375;
padding-top: .5rem;
margin-bottom: .25rem
}
.map-container .location .location-body .specialties {
padding-bottom: .5rem
}
.map-container .location .location-body .specialties ul {
font-size: 1em;
padding-left: 1rem;
padding-top: 0;
margin-bottom: 0;
list-style-image: url('data:image/svg+xml,')
}
.map-container .location .location-body .specialties ul li {
padding-left: .5rem;
font-size: 1em;
line-height: 1.375;
white-space: normal
}
.map-container .location .location-body .services {
font-size: 1rem;
padding-bottom: .5rem
}
.map-container .location .location-body .services .services-container::after {
content: "";
clear: both;
display: table
}
.map-container .location .location-body .services .service {
width: calc(50% - 1rem);
font-size: 1em;
line-height: 1.0625;
color: #000;
margin-bottom: .25rem;
margin-right: 1rem;
float: left
}
.map-container .location .location-body .services .service .service-text {
display: block;
overflow: hidden;
max-width: 100%;
white-space: normal;
word-wrap: break-word
}
.map-container .location .location-body .services .service p {
display: inline-block;
font-size: 1em;
line-height: 1.375;
margin-bottom: 0;
max-width: 100%
}
.map-container .location .location-body .services .service .icon {
float: left;
width: 1rem;
height: 1rem;
margin-right: .375rem;
position: relative;
top: 2px;
display: none
}
.map-container .location .location-body .parking {
font-size: 1rem;
padding-bottom: .5rem;
white-space: normal
}
.map-container .location .location-body .parking p {
color: #333;
white-space: normal;
font-size: 1em;
line-height: 1.375;
margin-bottom: .25rem
}
.map-container .location .location-body .parking .btn-parking {
font-size: 1em;
line-height: 1.375;
padding-left: 0;
display: inline-block;
border: none;
white-space: normal
}
.map-container .location .location-body .parking .parking-notes p {
white-space: normal;
font-size: 1em;
line-height: 1.375;
margin-bottom: .5rem
}
.map-container .location .location-body .parking .parking-notes ul {
font-size: 1em;
padding-left: 1rem;
padding-top: .25rem;
margin-bottom: .75rem;
list-style-image: url('data:image/svg+xml,')
}
.map-container .location .location-body .parking .parking-notes ul li {
padding-left: .5rem;
font-size: 1em;
line-height: 1.375;
white-space: normal
}
.map-container .location .location-body .parking .parking-notes ol {
font-size: 1em;
padding-left: 1rem;
padding-top: 0;
margin-bottom: .5rem
}
.map-container .location .location-body .parking .parking-notes ol li {
padding-left: .5rem;
font-size: 1em;
line-height: 1.375;
white-space: normal
}
.map-container .location .location-body .parking .parking-notes ol li::before {
font-weight: 500;
right: calc(100% - .9rem)
}
.map-container .location .location-body .parking .parking-notes ol li:nth-child(10n+1) {
display: none !important
}
.map-container .location .location-body .parking .parking-notes .box-wide, .map-container .location .location-body .parking .parking-notes .box-left, .map-container .location .location-body .parking .parking-notes .box-right, .map-container .location .location-body .parking .parking-notes figure.img-wide, .map-container .location .location-body .parking .parking-notes figure.img-left, .map-container .location .location-body .parking .parking-notes figure.img-right, .map-container .location .location-body .parking .parking-notes figure.img-extra-wide, .map-container .location .location-body .parking .parking-notes h1, .map-container .location .location-body .parking .parking-notes h2, .map-container .location .location-body .parking .parking-notes h3, .map-container .location .location-body .parking .parking-notes h4, .map-container .location .location-body .parking .parking-notes h5, .map-container .location .location-body .parking .parking-notes h6 {
display: none !important
}
@-moz-document url-prefix() {
.gm-style-iw.gm-style-iw-c {
display: block;
overflow: visible !important;
scrollbar-width: none;
box-shadow: 0px 1px 8px rgba(0,0,0,.16) !important
}
.gm-style-iw.gm-style-iw-c .gm-style-iw-d {
margin-right: -12px;
box-shadow: none !important;
overflow: scroll !important;
margin-top: 0;
border-top-right-radius: .5rem !important;
border-top-left-radius: .5rem !important
}
.gm-style-iw.gm-style-iw-c button.gm-ui-hover-effect {
position: absolute !important;
margin-left: 0 !important
}
}
@media(max-width: calc(1440px - 1px)) {
.map-container #map-info {
width: auto;
right: calc(50% + 3rem)
}
}
@media(max-width: calc(1200px - 1px)) {
.map-container .map-fullscreen-open-container {
transform: none;
width: auto
}
.map-container #map-info {
right: calc(50% + 2rem)
}
}
@media(min-width: 992px)and (max-width: 1600px) {
.map-wrapper .map-container {
height: 90vh
}
}
@media(max-width: calc(992px - 1px)) {
.google-maps .section-header + .map-wrapper {
margin-top: 2rem
}
.map-wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
border-top: none
}
.map-wrapper #map-filters {
display: block
}
.map-wrapper .options-box {
overflow-y: scroll;
overflow-x: hidden;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1051;
height: 100vh;
width: auto;
padding: 2rem;
padding-top: 4rem;
padding-bottom: 8rem;
display: none
}
.map-wrapper .options-box.show {
display: block
}
.map-wrapper .options-box #map-filters-close {
display: block
}
.map-wrapper .options-box .clear-filters {
display: inline-block;
position: fixed;
bottom: 0;
left: 2rem;
margin-top: 0;
padding-top: 2rem;
padding-bottom: 2rem;
padding-right: .5rem;
width: calc(50% - 2rem);
border-top: 2px solid #e6ecf7;
background-color: #fff
}
.map-wrapper .options-box .apply-filters {
display: block;
margin-top: 2rem;
padding-top: 2rem;
padding-bottom: 2rem;
background-color: #fff;
border-top: 2px solid #e6ecf7;
display: inline-block;
border: none;
margin-top: 0;
padding-left: .5rem;
position: fixed;
bottom: 0;
right: 2rem;
width: calc(50% - 2rem);
border-top: 2px solid #e6ecf7;
background-color: #fff
}
.map-wrapper .options-box .apply-filters .btn {
display: block;
width: 100%
}
.map-wrapper .map-status {
margin-left: 0;
width: 100%
}
.map-wrapper .map-container {
width: 100%
}
.map-wrapper .legal-message {
margin-left: 0
}
.map-container #map-info {
bottom: 1rem;
top: 1rem;
left: 1rem;
right: calc(50% + 1.75rem);
width: auto
}
.map-container #map-info .close {
right: .5rem;
top: .5rem
}
.map-container #map-info .location .alert .alert-container .close-button .close {
margin: 0;
top: .5rem
}
}
@media(max-width: calc(768px - 1px)) {
.map-status #map-results {
padding-bottom: .75rem;
padding-top: .75rem
}
.map-status #map-active-filters {
display: flex;
flex-wrap: nowrap;
flex: 1;
overflow-x: scroll;
padding-bottom: .75rem;
padding-top: .75rem
}
.map-status #map-active-filters > span {
white-space: nowrap
}
.map-container.fullscreen #map-info {
top: calc(50% + .75rem);
bottom: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.map-container.fullscreen #map-info.show {
display: block
}
.map-container.fullscreen #map-info .location {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
padding-bottom: 8rem
}
.map-container .map-fullscreen-open-container {
top: .75rem;
right: .75rem;
bottom: auto
}
.map-container #map-info {
bottom: .75rem;
top: calc(50% + .75rem);
left: .5rem;
right: .5rem;
width: auto;
max-width: none
}
.map-container #map-info .location .location-image {
height: 200px;
overflow: hidden;
position: relative
}
.map-container #map-info .location .location-image img {
position: absolute;
top: 50%;
transform: translateY(-50%)
}
}
@media(max-width: calc(576px - 1px)) {
.map-wrapper.fullscreen #map-filters {
position: fixed;
top: 1rem;
left: 1rem;
display: inline-block;
width: auto;
z-index: 1051;
background-color: #fff
}
.map-wrapper .map-status {
flex-direction: column;
margin-bottom: .25rem
}
.map-wrapper .map-status #map-results {
width: 100%;
margin-right: 0;
margin-top: .5rem;
margin-bottom: .5rem;
padding-top: 0;
padding-bottom: .25rem;
flex: none;
border-right: none;
border-bottom: 2px solid #b7b7b7
}
.map-wrapper .map-status #map-results.no-border {
border-bottom: none;
margin-bottom: 0
}
.map-wrapper .map-status #map-results.no-border + #map-active-filters {
display: none
}
.map-wrapper .map-status #map-active-filters {
padding-top: 0
}
.map-wrapper .map-status #map-active-filters > span {
display: inline-block
}
.map-container.fullscreen #map-info {
bottom: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.map-container.fullscreen #map-info .location {
padding-bottom: 8rem;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.map-container #map-info {
bottom: .5rem;
left: .5rem;
right: .5rem
}
.map-container #map-info .location .location-image {
height: auto;
overflow: auto
}
.map-container #map-info .location .location-image.hide + .location-body {
padding-top: .875rem
}
.map-container #map-info .location .location-image img {
position: relative;
transform: none;
top: auto
}
.map-container #map-info .location .location-body .dropdown .dropdown-toggle svg {
top: 1.375rem
}
.map-container #map-info .location .location-body .location-heading {
font-size: 1.375em;
line-height: 1.273
}
.map-container #map-info .location .location-body .alert .alert-container .alert-content .alert-heading .h3 {
font-size: 1em;
line-height: 1.25
}
.map-container #map-info .location .location-body .services .service {
width: 100%;
margin-right: 0
}
}
.header-component .inner-header-container {
border: none;
box-shadow: none
}
.primary-navigation-component {
position: relative;
z-index: 1000;
margin-left: -2rem;
margin-right: -2rem;
padding-left: 2rem;
padding-right: 2rem;
border-bottom: 2px solid #e6ecf7
}
.primary-navigation-component .wrapper {
width: 100%
}
.primary-navigation-component nav {
padding-top: 0;
display: block;
width: 100%;
display: flex;
flex-wrap: nowrap;
font-size: 1rem
}
.primary-navigation-component nav .nav-toggle {
display: none;
border: 2px solid #fff;
border-radius: .5rem;
background-color: #fff;
color: #033266;
flex-direction: column;
flex-wrap: nowrap;
align-items: center;
font-size: 1rem;
padding-left: 0;
padding-right: 0;
margin-right: -2px;
margin-top: -2px
}
.primary-navigation-component nav .nav-toggle .material-symbols-rounded {
font-size: 2rem
}
.primary-navigation-component nav .nav-toggle .button-text {
font-size: .75em;
line-height: 1.67em;
font-weight: 500;
margin-top: -0.25rem;
padding-left: 1px
}
.primary-navigation-component nav .nav-toggle:focus {
box-shadow: 0 0 0 .375rem #ffbf00;
outline: 2px solid #022851;
outline-offset: 0
}
.primary-navigation-component nav ul.primary-link-list {
flex: 1;
display: flex;
justify-content: flex-start;
align-items: stretch;
list-style: none;
padding-left: 0;
margin-bottom: 0
}
.primary-navigation-component nav ul.primary-link-list .utility-nav-links {
display: none
}
.primary-navigation-component nav ul.primary-link-list li {
display: flex;
align-items: flex-end;
font-size: 1rem;
margin-right: 2rem
}
.primary-navigation-component nav ul.primary-link-list li:last-of-type {
margin-right: 0
}
.primary-navigation-component nav ul.primary-link-list li.tertiary-brand {
color: #000;
flex-shrink: 0;
flex-grow: 0;
margin-bottom: 1rem;
margin-right: auto;
margin-left: 0;
padding-right: 4rem;
display: flex;
align-items: flex-end;
font-size: 1.375em;
line-height: 1.273
}
.primary-navigation-component nav ul.primary-link-list li.tertiary-brand ~ li.standard .menu {
left: auto;
right: -1.5rem
}
.primary-navigation-component nav ul.primary-link-list li.tertiary-brand a {
position: relative;
display: inline-block;
font-weight: 600;
color: #000;
text-decoration: none;
padding-right: 1.75rem
}
.primary-navigation-component nav ul.primary-link-list li.tertiary-brand a:hover {
color: #007991
}
.primary-navigation-component nav ul.primary-link-list li.tertiary-brand a:hover .material-symbols-rounded {
right: -0.375rem
}
.primary-navigation-component nav ul.primary-link-list li.tertiary-brand a:focus {
color: #022851;
outline: none;
text-decoration: underline
}
.primary-navigation-component nav ul.primary-link-list li.tertiary-brand a:focus::after {
display: block;
content: "";
position: absolute;
z-index: -1;
left: -0.5rem;
right: -0.75rem;
top: -0.25rem;
bottom: -0.25rem;
background-color: #ffbf00
}
.primary-navigation-component nav ul.primary-link-list li.tertiary-brand a:focus .material-symbols-rounded {
color: #022851;
right: -0.375rem
}
.primary-navigation-component nav ul.primary-link-list li.tertiary-brand .material-symbols-rounded {
position: relative;
z-index: 1;
display: inline-block;
margin-right: -1.75rem;
position: relative;
font-size: 1.25rem;
top: 3px;
right: 0;
margin-left: .5rem;
color: #007991;
transition: all .2s
}
.primary-navigation-component nav ul.primary-link-list li.utility-nav-link {
display: none
}
.primary-navigation-component nav ul.primary-link-list li.tertiary .menu {
overflow-y: hidden
}
.primary-navigation-component nav ul.primary-link-list li.tertiary .menu .wrapper {
width: 100%
}
.primary-navigation-component nav ul.primary-link-list li.tertiary .menu .wrapper .primary-header .secondary-link-list {
margin-right: -2rem
}
.primary-navigation-component nav ul.primary-link-list li.tertiary .menu .wrapper .primary-header .secondary-link-list .secondary-link {
border-right: none
}
.primary-navigation-component nav ul.primary-link-list li.tertiary .menu:hover, .primary-navigation-component nav ul.primary-link-list li.tertiary .menu:focus, .primary-navigation-component nav ul.primary-link-list li.tertiary .menu:focus-within {
overflow-y: visible
}
.primary-navigation-component nav ul.primary-link-list li.standard {
position: relative
}
.primary-navigation-component nav ul.primary-link-list li.standard:last-of-type .menu {
left: auto;
right: -1.5rem
}
.primary-navigation-component nav ul.primary-link-list li.standard.right-aligned .menu {
left: auto;
right: -1.5rem
}
.primary-navigation-component nav ul.primary-link-list li.standard .menu {
left: -1.5rem;
right: auto;
min-width: 300px;
height: auto;
padding-right: 1.5rem;
padding-left: 1.5rem
}
.primary-navigation-component nav ul.primary-link-list li.standard .menu .primary-header {
display: none
}
.primary-navigation-component nav ul.primary-link-list li.standard .menu .secondary-links {
padding-top: 0;
padding-bottom: 0
}
.primary-navigation-component nav ul.primary-link-list li.standard .menu .secondary-links .secondary-link-list {
width: 100%;
height: auto;
padding-left: 0;
margin-top: 1rem
}
.primary-navigation-component nav ul.primary-link-list li.standard .menu .secondary-links .secondary-link-list .secondary-link {
padding-right: 0
}
.primary-navigation-component nav ul.primary-link-list li a.primary-link {
text-decoration: none;
padding-right: 0
}
.primary-navigation-component nav ul.primary-link-list li a.primary-link:hover {
text-decoration: none
}
.primary-navigation-component nav ul.primary-link-list li a.primary-link:focus::after {
left: -0.5rem
}
.primary-navigation-component nav ul.primary-link-list li .primary-link {
display: inline-block;
cursor: pointer;
position: relative;
z-index: 1001;
border: none;
border-bottom: 4px solid #fff;
background-color: #fff;
padding-left: 0;
padding-right: 1.5rem;
padding-top: 1rem;
padding-bottom: .75rem;
color: #000;
font-weight: 500;
font-size: 1.125em;
line-height: 1.333;
text-align: left;
word-wrap: break-word;
white-space: normal
}
.primary-navigation-component nav ul.primary-link-list li .primary-link:hover, .primary-navigation-component nav ul.primary-link-list li .primary-link:active {
color: #033266;
border-bottom-color: #033266
}
.primary-navigation-component nav ul.primary-link-list li .primary-link:hover + .menu, .primary-navigation-component nav ul.primary-link-list li .primary-link:active + .menu {
grid-template-rows: 1fr;
opacity: 1;
transition: grid-template-rows .5s ease .25s,visibility 0s ease 0s,opacity .25s ease .25s;
visibility: visible;
z-index: 1000
}
.primary-navigation-component nav ul.primary-link-list li .primary-link:focus {
color: #022851;
border-bottom-color: #fff;
outline: none
}
.primary-navigation-component nav ul.primary-link-list li .primary-link:focus .material-symbols-rounded {
color: #022851
}
.primary-navigation-component nav ul.primary-link-list li .primary-link:focus::after {
content: "";
display: block;
position: absolute;
top: .125rem;
bottom: .125rem;
left: -0.75rem;
right: -0.5rem;
outline: 2px solid #022851;
box-shadow: 0 0 0 .375rem #ffbf00;
-webkit-border-radius: .25rem;
border-radius: .25rem
}
.primary-navigation-component nav ul.primary-link-list li .primary-link .material-symbols-rounded {
display: inline-block;
transform: rotate(90deg);
color: #007991;
vertical-align: middle;
margin-right: -1.5rem;
line-height: 1.25rem
}
.primary-navigation-component nav ul.primary-link-list li .menu {
display: grid;
grid-template-rows: 0fr;
opacity: .75;
transition: grid-template-rows .5s ease 0s,visibility 0s ease .5s,opacity .5s ease 0s;
visibility: hidden;
overflow-y: hidden;
box-shadow: 0 16px 16px -16px rgba(0,0,0,.2);
position: absolute;
z-index: 999;
left: 0;
right: 0;
top: 100%;
padding-left: 2rem;
padding-right: 2rem;
margin: 0 !important;
background-color: #fff;
border-top: 1px solid #e6ecf7;
border-bottom: 1px solid #e6ecf7
}
.primary-navigation-component nav ul.primary-link-list li .menu > * {
overflow-y: hidden
}
.primary-navigation-component nav ul.primary-link-list li .menu:hover, .primary-navigation-component nav ul.primary-link-list li .menu:focus, .primary-navigation-component nav ul.primary-link-list li .menu:focus-within {
grid-template-rows: 1fr;
opacity: 1;
visibility: visible;
overflow: visible;
-webkit-transition: none;
transition: none;
z-index: 1000
}
.primary-navigation-component nav ul.primary-link-list li .menu:hover > *, .primary-navigation-component nav ul.primary-link-list li .menu:focus > *, .primary-navigation-component nav ul.primary-link-list li .menu:focus-within > * {
overflow-y: visible
}
.primary-navigation-component nav ul.primary-link-list li .menu.open {
grid-template-rows: 1fr;
opacity: 1;
visibility: visible;
overflow: visible;
-webkit-transition: none;
transition: none;
z-index: 1000
}
.primary-navigation-component nav ul.primary-link-list li .menu.open > * {
overflow-y: visible
}
.primary-navigation-component nav ul.primary-link-list li .menu .back-link {
display: none
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header {
position: static;
padding-top: 2rem;
padding-left: 0;
padding-right: 2rem;
padding-bottom: 2rem;
border-right: 1px solid #e6ecf7
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header + .spacer {
z-index: -2
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .primary-heading {
display: inline-block;
font-size: 1.75em;
line-height: 1.25;
color: #000;
font-weight: 600;
position: relative;
z-index: 1
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .primary-heading a {
position: relative;
display: inline-block;
font-weight: 600;
color: #000;
text-decoration: none;
padding-right: 2.25rem
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .primary-heading a:hover {
color: #007991
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .primary-heading a:hover .material-symbols-rounded {
right: -0.5rem
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .primary-heading a:focus {
color: #022851;
outline: none;
text-decoration: underline
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .primary-heading a:focus::after {
display: block;
content: "";
position: absolute;
z-index: -1;
right: -0.75rem;
left: -0.5rem;
top: -0.25rem;
bottom: -0.25rem;
background-color: #ffbf00
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .primary-heading a:focus .material-symbols-rounded {
color: #022851;
right: -0.5rem
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .primary-heading .material-symbols-rounded {
position: relative;
z-index: 1;
display: inline-block;
margin-right: -2.25rem;
position: relative;
top: 3px;
right: 0;
margin-left: .75rem;
color: #007991;
transition: all .2s
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .primary-description {
display: block;
margin-top: .5rem
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list {
list-style: none;
padding: 0;
margin: 0;
margin-top: 1rem;
display: flex;
flex-direction: column;
align-items: flex-start;
font-size: 1rem
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list:first-child {
margin-top: 0
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list li {
width: 100%;
margin-right: 0
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list li:hover .secondary-link {
color: #033266
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list li:hover .secondary-link::after {
display: block;
content: "";
position: absolute;
z-index: -1;
left: min((100vw - 86.25rem)/2*-1 - 2rem,-2rem);
right: 0;
top: 0;
bottom: 0;
background-color: #e6ecf7
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list li:hover .tertiary-links {
z-index: 0;
visibility: visible;
opacity: 1
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list li:focus .secondary-link, .primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list li:focus-within .secondary-link {
color: #033266
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list li:focus .secondary-link::after, .primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list li:focus-within .secondary-link::after {
display: block;
content: "";
position: absolute;
z-index: -1;
left: min((100vw - 86.25rem)/2*-1 - 2rem,-2rem);
right: 0;
top: 0;
bottom: 0;
background-color: #e6ecf7
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .secondary-link {
display: block;
position: relative;
z-index: 1;
right: calc(-2rem - 1px);
left: 0;
width: calc(100% + 2rem + 1px);
border: none;
border-right: 1px solid #e6ecf7;
background-color: #fff;
color: #000;
padding-left: 0;
padding-top: .75rem;
padding-bottom: .75rem;
font-size: 1.125em;
line-height: 1.333;
font-weight: 500;
text-align: left
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .secondary-link:hover {
color: #033266;
background-color: #e6ecf7
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .secondary-link:hover::after {
display: block;
content: "";
position: absolute;
z-index: -1;
left: min((100vw - 86.25rem)/2*-1 - 2rem,-2rem);
right: 0;
top: 0;
bottom: 0;
background-color: #e6ecf7
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .secondary-link:focus {
text-decoration: underline;
color: #022851;
background-color: #ffbf00 !important;
outline: none
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .secondary-link:focus::after {
background-color: #ffbf00 !important
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .secondary-link:hover + .tertiary-links {
z-index: 0;
visibility: visible;
opacity: 1
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .secondary-link .material-symbols-rounded {
display: none
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .tertiary-links {
z-index: -2;
background-color: #fff;
position: absolute;
left: 0;
right: 0;
padding-left: 2rem;
padding-right: 2rem;
top: 0;
box-shadow: 0 16px 16px -16px rgba(0,0,0,.2);
min-height: 100%;
visibility: hidden;
opacity: 0
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .tertiary-links:hover, .primary-navigation-component nav ul.primary-link-list li .menu .primary-header .tertiary-links:focus, .primary-navigation-component nav ul.primary-link-list li .menu .primary-header .tertiary-links:focus-within {
z-index: 0;
visibility: visible;
opacity: 1
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .tertiary-links.open {
z-index: 0;
visibility: visible;
opacity: 1
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .tertiary-links .spacer {
padding-left: 0;
padding-right: 0
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .tertiary-links .spacer::before {
display: block;
content: "";
position: absolute;
left: -1px;
top: -2rem;
bottom: -2rem;
border-left: 1px solid #e6ecf7
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links {
padding-top: 2rem;
padding-right: 0;
padding-left: 0;
padding-bottom: 2rem
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .secondary-heading, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .tertiary-heading, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .secondary-heading, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .tertiary-heading {
display: inline-block;
margin-left: 2rem;
margin-bottom: 1rem;
font-size: 1.375em;
line-height: 1.273;
display: block;
width: 100%
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .secondary-heading a, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .tertiary-heading a, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .secondary-heading a, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .tertiary-heading a {
position: relative;
display: inline-block;
font-weight: 600;
color: #000;
text-decoration: none;
padding-right: 1.75rem
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .secondary-heading a:hover, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .tertiary-heading a:hover, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .secondary-heading a:hover, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .tertiary-heading a:hover {
color: #007991
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .secondary-heading a:hover .material-symbols-rounded, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .tertiary-heading a:hover .material-symbols-rounded, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .secondary-heading a:hover .material-symbols-rounded, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .tertiary-heading a:hover .material-symbols-rounded {
right: -0.375rem
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .secondary-heading a:focus, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .tertiary-heading a:focus, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .secondary-heading a:focus, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .tertiary-heading a:focus {
color: #022851;
outline: none;
text-decoration: underline
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .secondary-heading a:focus::after, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .tertiary-heading a:focus::after, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .secondary-heading a:focus::after, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .tertiary-heading a:focus::after {
display: block;
content: "";
position: absolute;
z-index: -1;
right: -0.75rem;
left: -0.5rem;
top: -0.25rem;
bottom: -0.25rem;
background-color: #ffbf00
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .secondary-heading a:focus .material-symbols-rounded, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .tertiary-heading a:focus .material-symbols-rounded, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .secondary-heading a:focus .material-symbols-rounded, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .tertiary-heading a:focus .material-symbols-rounded {
color: #022851;
right: -0.375rem
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .secondary-heading .material-symbols-rounded, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .tertiary-heading .material-symbols-rounded, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .secondary-heading .material-symbols-rounded, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .tertiary-heading .material-symbols-rounded {
position: relative;
z-index: 1;
display: inline-block;
margin-right: -1.75rem;
position: relative;
font-size: 1.25rem;
top: 3px;
right: 0;
margin-left: .5rem;
color: #007991;
transition: all .2s
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .secondary-link-list, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .tertiary-link-list, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .secondary-link-list, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .tertiary-link-list {
float: left;
width: 33.333333%;
padding-left: 2rem;
margin-bottom: 1rem;
display: block;
list-style: none
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .secondary-link-list .secondary-link, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .secondary-link-list .tertiary-link, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .tertiary-link-list .secondary-link, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .tertiary-link-list .tertiary-link, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .secondary-link-list .secondary-link, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .secondary-link-list .tertiary-link, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .tertiary-link-list .secondary-link, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .tertiary-link-list .tertiary-link {
margin-right: 0;
width: 100%;
margin-top: 1rem;
margin-bottom: 2rem;
padding-right: 1rem
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .secondary-link-list .secondary-link:last-child, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .secondary-link-list .tertiary-link:last-child, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .tertiary-link-list .secondary-link:last-child, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .tertiary-link-list .tertiary-link:last-child, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .secondary-link-list .secondary-link:last-child, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .secondary-link-list .tertiary-link:last-child, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .tertiary-link-list .secondary-link:last-child, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .tertiary-link-list .tertiary-link:last-child {
margin-bottom: 1rem
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .secondary-link-list .secondary-link a, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .secondary-link-list .tertiary-link a, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .tertiary-link-list .secondary-link a, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .tertiary-link-list .tertiary-link a, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .secondary-link-list .secondary-link a, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .secondary-link-list .tertiary-link a, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .tertiary-link-list .secondary-link a, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .tertiary-link-list .tertiary-link a {
position: relative;
font-size: 1.125rem;
line-height: 1.5em;
color: #033266;
font-weight: 400;
text-decoration: none
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .secondary-link-list .secondary-link a:hover, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .secondary-link-list .secondary-link a:focus, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .secondary-link-list .tertiary-link a:hover, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .secondary-link-list .tertiary-link a:focus, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .tertiary-link-list .secondary-link a:hover, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .tertiary-link-list .secondary-link a:focus, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .tertiary-link-list .tertiary-link a:hover, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .tertiary-link-list .tertiary-link a:focus, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .secondary-link-list .secondary-link a:hover, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .secondary-link-list .secondary-link a:focus, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .secondary-link-list .tertiary-link a:hover, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .secondary-link-list .tertiary-link a:focus, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .tertiary-link-list .secondary-link a:hover, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .tertiary-link-list .secondary-link a:focus, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .tertiary-link-list .tertiary-link a:hover, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .tertiary-link-list .tertiary-link a:focus {
text-decoration: underline
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .secondary-link-list .secondary-link a:focus, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .secondary-link-list .tertiary-link a:focus, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .tertiary-link-list .secondary-link a:focus, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .tertiary-link-list .tertiary-link a:focus, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .secondary-link-list .secondary-link a:focus, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .secondary-link-list .tertiary-link a:focus, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .tertiary-link-list .secondary-link a:focus, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .tertiary-link-list .tertiary-link a:focus {
background-color: #ffbf00;
color: #022851;
outline: .5rem solid #ffbf00;
outline-offset: 0
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .image-promo, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .image-promo {
float: left;
width: 33.333333%;
padding-left: 2rem;
margin-top: 1rem;
margin-bottom: 1rem;
display: flex;
flex-direction: column;
flex-wrap: nowrap
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .image-promo .image-link, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .image-promo .image-link {
display: block;
height: auto;
text-decoration: none
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .image-promo .image-link .image-wrapper, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .image-promo .image-link .image-wrapper {
display: block;
height: auto;
overflow: hidden
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .image-promo .image-link .image-wrapper img, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .image-promo .image-link .image-wrapper img {
transition: .2s all
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .image-promo .image-link .image-header, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .image-promo .image-link .image-header {
display: inline-block;
font-size: 1.125rem;
line-height: 1.333;
font-weight: 600;
margin-top: 1rem;
margin-bottom: 0;
padding-right: 1.25rem;
color: #000
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .image-promo .image-link .image-header .material-symbols-rounded, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .image-promo .image-link .image-header .material-symbols-rounded {
display: inline-block;
margin-right: -1.25rem;
position: relative;
font-size: 1rem;
top: 3px;
right: 0;
margin-left: .25rem;
color: #007991;
transition: all .2s
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .image-promo .image-link:hover img, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .image-promo .image-link:hover img {
transform: scale(1.03, 1.03)
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .image-promo .image-link:hover .image-header, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .image-promo .image-link:hover .image-header {
color: #007991
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .image-promo .image-link:hover .image-header .material-symbols-rounded, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .image-promo .image-link:hover .image-header .material-symbols-rounded {
right: -0.25rem
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .image-promo .image-link:focus, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .image-promo .image-link:focus {
outline: .375rem solid #ffbf00;
outline-offset: 0;
background-color: #ffbf00
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .image-promo .image-link:focus img, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .image-promo .image-link:focus img {
transform: scale(1.03, 1.03)
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .image-promo .image-link:focus .image-header, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .image-promo .image-link:focus .image-header {
background-color: #ffbf00;
color: #022851;
outline: none;
text-decoration: underline
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .image-promo .image-link:focus .image-header .material-symbols-rounded, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .image-promo .image-link:focus .image-header .material-symbols-rounded {
color: #022851;
right: -0.25rem
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .image-promo .image-promo-description, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .image-promo .image-promo-description {
margin-top: .5rem
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .image-promo .image-promo-description p, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .image-promo .image-promo-description p {
font-size: 1rem;
line-height: 1.375;
margin-bottom: 1rem
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .image-promo .image-promo-description h1, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .image-promo .image-promo-description h2, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .image-promo .image-promo-description h3, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .image-promo .image-promo-description h4, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .image-promo .image-promo-description h5, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .image-promo .image-promo-description h6, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .image-promo .image-promo-description .box-left, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .image-promo .image-promo-description .box-right, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .image-promo .image-promo-description .box-wide, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .image-promo .image-promo-description img, .primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .image-promo .image-promo-description figure, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .image-promo .image-promo-description h1, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .image-promo .image-promo-description h2, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .image-promo .image-promo-description h3, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .image-promo .image-promo-description h4, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .image-promo .image-promo-description h5, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .image-promo .image-promo-description h6, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .image-promo .image-promo-description .box-left, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .image-promo .image-promo-description .box-right, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .image-promo .image-promo-description .box-wide, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .image-promo .image-promo-description img, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .image-promo .image-promo-description figure {
display: none !important
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .btn-container, .primary-navigation-component nav ul.primary-link-list li .menu .tertiary-links .btn-container {
display: block;
clear: both;
width: 100%;
margin-left: 2rem
}
@media(max-width: calc(992px - 1px)) {
.header-component.modal-open {
position: fixed;
top: 0;
left: 2rem;
right: 2rem;
margin-left: 0;
margin-right: 0;
z-index: 999
}
.primary-navigation-component.modal-open {
position: relative;
overflow: visible;
padding-left: 2rem;
padding-right: 2rem
}
.primary-navigation-component.modal-open nav .nav-toggle {
position: fixed;
top: var(--top-openedMenu, 22px)
}
.primary-navigation-component nav {
display: block;
padding: 0
}
.primary-navigation-component nav .nav-toggle {
display: flex;
z-index: 1001;
position: absolute;
right: 2rem;
top: var(--top-closedMenu, calc(-50px - 1.5rem))
}
.primary-navigation-component nav ul.primary-link-list {
display: flex;
position: relative;
flex-direction: column;
justify-content: flex-start !important;
align-items: stretch;
overflow: visible;
visibility: visible
}
.primary-navigation-component nav ul.primary-link-list.show {
display: flex;
position: fixed;
z-index: 1000;
overflow-y: scroll;
top: calc(6rem - 2px);
left: 0;
right: 0;
bottom: 0;
padding-top: .5rem;
padding-bottom: 12rem;
padding-left: 2rem;
padding-right: 2rem;
border-top: 1px solid #e6ecf7;
background-color: #fff
}
.primary-navigation-component nav ul.primary-link-list.show .utility-nav-links {
display: block
}
.primary-navigation-component nav ul.primary-link-list.show li {
display: block
}
.primary-navigation-component nav ul.primary-link-list.show li.tertiary-brand {
margin-top: .5rem;
margin-bottom: 1rem
}
.primary-navigation-component nav ul.primary-link-list.show li .menu:not(.show):hover, .primary-navigation-component nav ul.primary-link-list.show li .menu:not(.show):focus, .primary-navigation-component nav ul.primary-link-list.show li .menu:not(.show):focus-within {
overflow: hidden;
visibility: hidden;
transition: transform .5s,visibility 0s ease .5s
}
.primary-navigation-component nav ul.primary-link-list.slide {
visibility: hidden;
transition: visibility 0s ease .5s
}
.primary-navigation-component nav ul.primary-link-list .utility-nav-links {
display: none;
padding-left: 0;
margin-top: 2.5rem;
font-size: 1rem
}
.primary-navigation-component nav ul.primary-link-list .utility-nav-links .utility-nav-header {
display: block;
font-size: 1em;
line-height: 1.25;
font-weight: 500;
margin-bottom: 0;
padding-bottom: .5rem;
border-bottom: 1px solid #e5e5e5;
color: #333
}
.primary-navigation-component nav ul.primary-link-list .utility-nav-links .utility-nav-link {
display: block;
border-bottom: none;
font-size: 1rem
}
.primary-navigation-component nav ul.primary-link-list .utility-nav-links .utility-nav-link .nav-link {
position: relative;
display: inline-block;
font-size: 1em;
line-height: 1.25em;
color: #033266;
font-weight: 400;
padding-left: 0;
padding-right: 0;
padding-top: .75rem;
padding-bottom: .75rem;
text-decoration: none
}
.primary-navigation-component nav ul.primary-link-list .utility-nav-links .utility-nav-link .nav-link:focus::after {
content: "";
display: block;
position: absolute;
top: .5rem;
bottom: .25rem;
right: -0.75rem;
left: -0.75rem;
outline: 2px solid #022851;
box-shadow: 0 0 0 .375rem #ffbf00;
-webkit-border-radius: .25rem;
border-radius: .25rem
}
.primary-navigation-component nav ul.primary-link-list .utility-nav-links .utility-nav-link .nav-link .material-symbols-rounded {
position: relative;
top: .25rem;
font-size: 1.25em;
margin-right: .375rem;
font-variation-settings: "FILL" 1;
color: #007991
}
.primary-navigation-component nav ul.primary-link-list .utility-nav-links .utility-nav-link .nav-link .health-icon {
display: inline-block;
position: relative;
margin-right: .25rem;
margin-left: -0.125rem
}
.primary-navigation-component nav ul.primary-link-list .utility-nav-links .utility-nav-link .nav-link .health-icon svg {
width: 1.5rem;
height: 1.5rem
}
.primary-navigation-component nav ul.primary-link-list li {
display: none;
margin-right: 0;
border-bottom: 1px solid #e6ecf7
}
.primary-navigation-component nav ul.primary-link-list li.tertiary-brand {
display: inline-block;
margin-right: 0;
padding-right: 0;
border: none
}
.primary-navigation-component nav ul.primary-link-list li.standard {
position: static
}
.primary-navigation-component nav ul.primary-link-list li.standard .menu {
bottom: 0;
left: 0 !important;
right: 0 !important;
padding-left: 2rem;
padding-right: 2rem;
min-width: 0
}
.primary-navigation-component nav ul.primary-link-list li.standard .menu .primary-header {
display: block;
width: 100%;
font-size: 1rem;
padding-left: 0;
padding-right: 0
}
.primary-navigation-component nav ul.primary-link-list li.standard .menu .primary-header .primary-heading {
font-size: 1.75em;
line-height: 1.25;
color: #000;
font-weight: 600
}
.primary-navigation-component nav ul.primary-link-list li.standard .menu .secondary-links .secondary-link-list {
padding-right: 0
}
.primary-navigation-component nav ul.primary-link-list li.standard .back-link {
overflow-x: visible;
padding-left: 0 !important
}
.primary-navigation-component nav ul.primary-link-list li.standard .back-link:focus::after {
left: -0.25rem !important
}
.primary-navigation-component nav ul.primary-link-list li.standard .secondary-links {
overflow-x: visible
}
.primary-navigation-component nav ul.primary-link-list li.standard .secondary-links .secondary-link-list {
margin-top: 0 !important
}
.primary-navigation-component nav ul.primary-link-list li.tertiary .menu {
overflow-y: scroll
}
.primary-navigation-component nav ul.primary-link-list li.tertiary .menu .wrapper {
width: calc(100% + 2rem)
}
.primary-navigation-component nav ul.primary-link-list li.tertiary .menu .wrapper .primary-header {
padding-right: 1rem
}
.primary-navigation-component nav ul.primary-link-list li.tertiary .menu .wrapper .primary-header .secondary-link-list {
margin-right: 0
}
.primary-navigation-component nav ul.primary-link-list li .primary-link {
font-size: 1em;
line-height: 1.25em;
color: #033266;
font-weight: 400;
width: 100%;
padding-right: 2rem;
padding-bottom: 1rem;
text-align: left;
z-index: 1;
background-color: rgba(0,0,0,0);
border-bottom: none
}
.primary-navigation-component nav ul.primary-link-list li .primary-link:hover, .primary-navigation-component nav ul.primary-link-list li .primary-link:active {
color: #022851;
background-color: #e6ecf7
}
.primary-navigation-component nav ul.primary-link-list li .primary-link:hover .material-symbols-rounded, .primary-navigation-component nav ul.primary-link-list li .primary-link:active .material-symbols-rounded {
color: #022851
}
.primary-navigation-component nav ul.primary-link-list li .primary-link:hover + .menu, .primary-navigation-component nav ul.primary-link-list li .primary-link:active + .menu {
transition: transform .5s
}
.primary-navigation-component nav ul.primary-link-list li .primary-link:hover + .menu:not(.show), .primary-navigation-component nav ul.primary-link-list li .primary-link:active + .menu:not(.show) {
z-index: 0;
visibility: hidden;
transform: translateX(100%);
transition: transform .5s,visibility 0s ease .5s
}
.primary-navigation-component nav ul.primary-link-list li .primary-link:focus::after {
right: -0.75rem
}
.primary-navigation-component nav ul.primary-link-list li .primary-link .material-symbols-rounded {
color: #007991;
position: absolute;
top: .875rem;
right: 0;
display: inline-block;
transform: none;
margin-right: 0;
line-height: 1
}
.primary-navigation-component nav ul.primary-link-list li .menu {
display: block;
grid-template-rows: none !important;
position: fixed;
border: none;
width: 100%;
padding-left: 2rem;
padding-right: 2rem;
top: calc(6rem - 2px);
bottom: 0;
left: 0;
right: 0;
border-top: 1px solid #e6ecf7;
box-shadow: none;
padding-top: .5rem;
padding-bottom: 12rem;
overflow-x: hidden;
overflow-y: scroll;
z-index: 0;
transform: translateX(100%);
transition: transform .5s,visibility 0s ease .5s;
opacity: 1 !important;
visibility: hidden
}
.primary-navigation-component nav ul.primary-link-list li .menu > * {
overflow: auto
}
.primary-navigation-component nav ul.primary-link-list li .menu:focus-within {
transition: transform .5s
}
.primary-navigation-component nav ul.primary-link-list li .menu .wrapper {
margin-left: -1rem;
margin-right: -1rem;
width: calc(100% + 2rem);
overflow-x: visible
}
.primary-navigation-component nav ul.primary-link-list li .menu .wrapper.justify-content-center {
justify-content: flex-start !important
}
.primary-navigation-component nav ul.primary-link-list li .menu.show {
visibility: visible;
z-index: 1000;
transform: translateX(0);
transition: transform .5s
}
.primary-navigation-component nav ul.primary-link-list li .menu.hide-visibility {
visibility: hidden;
transition: visibility 0s ease .5s
}
.primary-navigation-component nav ul.primary-link-list li .menu .back-link {
position: relative;
display: block;
border: none;
background-color: #fff;
text-transform: capitalize;
color: #033266;
text-decoration: underline;
-webkit-text-decoration-color: rgba(0,121,145,.25);
text-decoration-color: rgba(0,121,145,.25);
font-size: .875em;
line-height: 1em;
font-weight: 500;
letter-spacing: .02em;
padding-left: 1rem;
padding-right: 1rem;
padding-top: .5rem;
padding-bottom: .5rem;
margin-bottom: .5rem
}
.primary-navigation-component nav ul.primary-link-list li .menu .back-link:hover {
color: #007991;
webkit-text-decoration-color: #007991;
text-decoration-color: #007991
}
.primary-navigation-component nav ul.primary-link-list li .menu .back-link:hover .material-symbols-rounded {
color: #007991
}
.primary-navigation-component nav ul.primary-link-list li .menu .back-link:focus {
outline: none
}
.primary-navigation-component nav ul.primary-link-list li .menu .back-link:focus::after {
content: "";
display: block;
position: absolute;
top: .25rem;
bottom: 0;
right: .5rem;
left: .75rem;
outline: 2px solid #022851;
box-shadow: 0 0 0 .375rem #ffbf00;
-webkit-border-radius: .25rem;
border-radius: .25rem
}
.primary-navigation-component nav ul.primary-link-list li .menu .back-link .material-symbols-rounded {
position: relative;
top: .25rem;
color: #033266;
font-size: 1rem;
margin-left: -0.25rem
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header {
padding-top: 1rem;
padding-right: 1rem;
padding-left: 1rem;
padding-bottom: 0;
border: none
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .secondary-link {
position: relative;
font-size: 1em;
line-height: 1.25em;
color: #033266;
font-weight: 400;
width: 100%;
padding-right: 2rem;
padding-top: 1rem;
padding-bottom: 1rem;
border-right: none
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .secondary-link::after {
display: none !important
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .secondary-link:hover {
color: #022851
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .secondary-link:hover .material-symbols-rounded {
color: #022851
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .secondary-link:focus {
color: #022851 !important
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .secondary-link:focus::after {
content: "";
display: block !important;
position: absolute;
top: 0;
bottom: 0;
right: -0.5rem !important;
left: -0.5rem !important;
background-color: #ffbf00
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .secondary-link:focus .material-symbols-rounded {
color: #022851
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .secondary-link .material-symbols-rounded {
color: #007991;
position: absolute;
top: .875rem;
right: 0;
display: inline-block
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .tertiary-links {
display: block;
position: fixed;
border: none;
width: 100%;
min-height: 0;
padding-left: 2rem;
padding-right: 2rem;
top: -1px;
bottom: 0;
left: 0;
right: 0;
padding-top: .5rem;
padding-bottom: 12rem;
border-top: 1px solid #e6ecf7;
box-shadow: none;
overflow-y: scroll;
z-index: 1003 !important;
transform: translateX(100%);
transition: transform .5s,visibility 0s ease .5s;
opacity: 1 !important;
visibility: hidden
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .tertiary-links.show {
visibility: visible;
transform: translateX(0);
transition: transform .5s;
z-index: 1003 !important
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .tertiary-links .wrapper {
width: calc(100% + 2rem)
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .tertiary-links .wrapper.justify-content-end {
justify-content: flex-start !important
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .tertiary-links .spacer::before {
display: none
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .tertiary-links .spacer .tertiary-heading {
margin-top: 1rem;
margin-left: 0;
margin-bottom: .5rem;
padding-left: 1rem;
padding-right: 1rem
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .tertiary-links .spacer .tertiary-link-list {
float: none;
padding-left: 1rem;
padding-right: 1rem;
width: 100%
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .tertiary-links .spacer .tertiary-link-list + .tertiary-link-list {
margin-top: -1rem
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .tertiary-links .spacer .tertiary-link-list .tertiary-link {
margin-top: 0;
margin-bottom: 0;
padding-right: 0
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .tertiary-links .spacer .tertiary-link-list .tertiary-link a {
display: block;
font-size: 1em;
line-height: 1.25em;
color: #033266;
font-weight: 400;
width: 100%;
padding-right: 2rem;
padding-top: 1rem;
padding-bottom: 1rem
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .tertiary-links .spacer .tertiary-link-list .tertiary-link a:focus {
outline: none;
margin-bottom: -1px;
border-bottom: 1px solid #fff
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .tertiary-links .spacer .tertiary-link-list .tertiary-link a:focus::after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
right: -0.5rem;
left: -0.5rem;
background-color: #ffbf00;
z-index: -1
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .tertiary-links .spacer .image-promo {
display: inline-block;
width: 50%;
padding-left: 1rem;
padding-right: 1rem
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .tertiary-links .spacer .image-promo .image-link {
display: inline-block;
width: 100%
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .tertiary-links .spacer .image-promo .image-link .image-wrapper .img-fluid {
width: 100%
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .tertiary-links .spacer .btn-container {
margin-left: 0;
padding-top: 1rem;
padding-left: 1rem;
padding-right: 1rem
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links {
padding-top: 0;
padding-bottom: 0
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .secondary-heading {
margin-top: 1rem;
margin-left: 0;
margin-bottom: .5rem;
padding-left: 1rem;
padding-right: 1rem
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .secondary-link-list {
float: none;
padding-left: 1rem;
padding-right: 1rem;
width: 100%
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .secondary-link-list + .secondary-link-list {
margin-top: -1rem
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .secondary-link-list .secondary-link {
margin-top: 0;
margin-bottom: 0;
padding-right: 0
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .secondary-link-list .secondary-link a {
position: relative;
display: block;
font-size: 1em;
line-height: 1.25em;
color: #033266;
font-weight: 400;
width: 100%;
padding-right: 2rem;
padding-top: 1rem;
padding-bottom: 1rem
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .secondary-link-list .secondary-link a:focus {
outline: none;
margin-bottom: -1px;
border-bottom: 1px solid #fff
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .secondary-link-list .secondary-link a:focus::after {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
right: -0.5rem;
left: -0.5rem;
background-color: #ffbf00;
z-index: -1
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .image-promo {
display: inline-block;
width: 50%;
padding-left: 1rem;
padding-right: 1rem
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .image-promo .image-link {
display: inline-block;
width: 100%
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .image-promo .image-link .image-wrapper .img-fluid {
width: 100%
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .btn-container {
margin-left: 0;
padding-top: 1rem;
padding-left: 1rem;
padding-right: 1rem
}
}
@media(max-width: calc(768px - 1px)) {
.header-component.modal-open {
left: 1.5rem;
right: 1.5rem
}
.primary-navigation-component.modal-open {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.primary-navigation-component.modal-open nav .nav-toggle {
top: var(--top-openedMenu, 26px)
}
.primary-navigation-component.modal-open nav ul.primary-link-list {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.primary-navigation-component {
margin-left: -1.5rem;
margin-right: -1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem
}
.primary-navigation-component nav .nav-toggle {
right: 1.5rem;
top: var(--top-closedMenu, calc(-50px - 1.5rem))
}
.primary-navigation-component nav ul.primary-link-list li.standard .menu {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.primary-navigation-component nav ul.primary-link-list li .menu {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .tertiary-links {
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media(max-width: calc(576px - 1px)) {
.primary-navigation-component.modal-open nav .nav-toggle {
top: var(--top-openedMenu, 22px)
}
.primary-navigation-component nav .nav-toggle {
top: var(--top-closedMenu, calc(-50px - 1.25rem))
}
.primary-navigation-component nav ul.primary-link-list.show {
top: calc(6rem - 6px)
}
.primary-navigation-component nav ul.primary-link-list li .menu {
top: calc(6rem - 6px)
}
.primary-navigation-component nav ul.primary-link-list li .menu .primary-header .secondary-link-list .tertiary-links .spacer .image-promo {
width: 100%
}
.primary-navigation-component nav ul.primary-link-list li .menu .secondary-links .image-promo {
width: 100%
}
}
.primary-navbar-wrapper .navbar {
padding: 0
}
.primary-navbar-wrapper a.nav-link {
text-decoration: none;
font-weight: 500
}
.primary-navbar-wrapper .navbar {
background-color: #022851 !important
}
.primary-navbar-wrapper .navbar .menu-button {
width: 1.25rem;
height: 1.25rem;
margin: .25rem 0
}
.primary-navbar-wrapper .navbar .menu-button.bi.bi-list {
width: 1.5rem;
height: 1.5rem;
margin: .15rem 0 .1rem 0
}
.primary-navbar-wrapper .navbar .navbar-nav .nav-link {
color: #fff;
font-size: 1.125rem
}
.primary-navbar-wrapper .navbar .navbar-nav .navbar-toggler {
border-color: rgba(0,0,0,0)
}
.primary-navbar-wrapper .navbar .nav-item {
margin-right: 1.5rem;
border-bottom: 1px solid #1d4776
}
.primary-navbar-wrapper .navbar .nav-item:first-child {
margin-right: 1.5rem;
margin-top: .5rem;
border-top: 1px solid #1d4776
}
.primary-navbar-wrapper .navbar .nav-item.tertiary-brand {
border-top: 0
}
.primary-navbar-wrapper .navbar .mini-navbar-wrapper {
padding: .75rem 0 1.25rem;
border-top: 1px solid #4f7094;
background-color: #022851;
z-index: 10
}
.primary-navbar-wrapper .navbar .mini-navbar-wrapper.hide-miniNavBar-mobile {
display: none !important
}
.primary-navbar-wrapper .navbar .navbar-toggler {
color: #fff;
padding: 0;
line-height: 1.25;
border-radius: 0;
width: 100%;
border: rgba(0,0,0,0);
background-color: rgba(0,0,0,0)
}
.primary-navbar-wrapper .navbar .navbar-toggler:hover, .primary-navbar-wrapper .navbar .navbar-toggler:focus, .primary-navbar-wrapper .navbar .navbar-toggler:hover .icon-label, .primary-navbar-wrapper .navbar .navbar-toggler:focus .icon-label {
color: #ffbf00;
outline: none
}
.primary-navbar-wrapper .navbar .navbar-toggler:hover .navbar-toggler-icon, .primary-navbar-wrapper .navbar .navbar-toggler:focus .navbar-toggler-icon {
background-color: #ffbf00
}
.primary-navbar-wrapper .navbar .nav-divider {
border-right: 1px solid #ffbf00
}
.primary-navbar-wrapper .navbar .icon-label {
font-size: .75rem;
letter-spacing: .03rem;
display: block;
color: #fff;
text-transform: uppercase
}
.primary-navbar-wrapper .navbar-nav {
padding-left: 1.5rem;
padding-top: 14rem
}
.primary-navbar-wrapper .collapse.show .site-title-container {
opacity: 1;
visibility: visible
}
.primary-navbar-wrapper .site-title-container {
background-color: #022851;
position: fixed;
top: 0;
width: 100vw;
z-index: 2;
opacity: 0;
visibility: hidden;
transition: opacity .2s
}
.primary-navbar-wrapper .site-title {
color: #fff;
padding: 1rem 1.5rem;
font-size: 1.25rem;
line-height: 1.25;
font-weight: 500
}
.primary-navbar-wrapper .site-title-container .close {
position: relative;
top: 20%;
right: 1.5rem;
color: #fff;
opacity: 1;
font-size: 3rem;
text-shadow: none;
font-weight: 300
}
.primary-navbar-wrapper .bg-light .site-title-container {
border-bottom: 1px solid #6884a3
}
.primary-navbar-wrapper .bg-light .site-title-container .close {
color: #ffbf00;
font-size: 2.25rem
}
.primary-navbar-wrapper .bg-dark .wordmark-container .wordmark {
display: flex
}
.primary-navbar-wrapper .bg-dark .wordmark-container .unit-brand {
font-size: 1.25em;
line-height: 1.15;
font-weight: 400;
color: #fff;
display: flex;
align-items: center
}
@media(min-width: 576px) {
.primary-navbar-wrapper .bg-dark .wordmark-container .unit-brand {
font-size: 1.5em
}
}
@media(max-width: calc(992px - 1px)) {
#navbarNav:after {
content: "";
display: block;
width: 100%;
height: 100vh
}
#navbarNav.navbar-collapse {
max-height: 100vh;
overflow-y: scroll
}
}
.client #searchMobile {
flex-basis: 100%;
flex-grow: 1;
max-height: 100vh;
overflow-y: scroll
}
.client #searchMobile .search-container {
padding-top: 14rem;
margin: auto;
height: 100vh
}
.client #searchMobile form {
text-align: center;
letter-spacing: .02em
}
.client #searchMobile input[type=search] {
position: relative;
width: 75%;
color: #4c4c4c;
background: #fff;
font-size: 1.5rem;
font-weight: 300;
text-align: center;
border-radius: 4px;
border: 1px solid #1d4776;
padding: .5rem 1.5rem;
outline: none
}
.client #searchMobile .btn {
position: relative;
text-align: center;
border-radius: 2rem;
display: block
}
.client #searchMobile .btn-lg, .client #searchMobile .btn-group-lg > .btn {
padding: .375rem 3rem;
padding-right: 3rem;
margin: 2rem auto
}
#subscribeForm {
flex-basis: 100%;
flex-grow: 1;
max-height: 100vh;
overflow-y: scroll
}
#subscribeForm .promo-block-subscribe {
height: 100vh;
overflow-y: scroll
}
#subscribeForm .promo-block-subscribe .promo-block-body {
margin: 12rem auto 5rem;
max-width: 75%
}
#subscribeForm .promo-block-subscribe .promo-block-body .section-title {
font-size: 2.125rem;
line-height: 1.25;
color: #fff
}
#subscribeForm .promo-block-subscribe .promo-block-body .section-text {
font-size: 1.125rem;
color: #fff
}
#subscribeForm .promo-block-subscribe .promo-block-body .text-input {
border-radius: 4px;
box-shadow: none;
border: 1px solid #1d4776
}
@media(min-width: 992px) {
.primary-navbar-wrapper #navbarNav .navbar-nav {
padding-left: 0;
padding-top: 0;
padding-bottom: 0;
overflow-y: visible;
display: flex;
align-items: stretch;
justify-content: space-between
}
.primary-navbar-wrapper #navbarNav .navbar-nav .nav-item {
display: flex;
align-items: flex-start;
text-align: center
}
.primary-navbar-wrapper #navbarNav .navbar-nav.flex-short-nav {
justify-content: flex-start
}
.primary-navbar-wrapper .navbar .nav-item {
margin-right: 0;
border-bottom: 0
}
.primary-navbar-wrapper .navbar .nav-item:first-child {
margin-right: 0;
margin-top: 0;
border-top: 0
}
.primary-navbar-wrapper .fixed-bottom {
position: relative
}
.primary-navbar-wrapper #subscribeForm, .primary-navbar-wrapper #searchMobile {
display: none
}
.primary-navbar-wrapper.bg-light, .primary-navbar-wrapper .navbar.bg-light {
background-color: #fff !important
}
.primary-navbar-wrapper.bg-light {
-webkit-box-shadow: 0 1px 3px 3px rgba(0,0,0,.07);
box-shadow: 0 1px 3px 3px rgba(0,0,0,.07);
position: relative;
z-index: 20;
margin: 0 -2rem;
padding-left: 2rem;
padding-right: 2rem
}
.primary-navbar-wrapper .navbar-expand-lg .navbar-nav .nav-link {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.primary-navbar-wrapper.bg-light .navbar-expand-lg .navbar-nav li:first-child {
margin-left: -1.5rem
}
.primary-navbar-wrapper .navbar-expand-lg.bg-light .navbar-nav .nav-link {
padding-top: 1rem;
padding-bottom: .875rem
}
.primary-navbar-wrapper .navbar-light .navbar-nav .nav-link {
color: #1d4776
}
.primary-navbar-wrapper .navbar-dark .navbar-nav .nav-link {
color: #fff
}
.primary-navbar-wrapper .navbar-nav .nav-link:hover, .primary-navbar-wrapper .navbar-nav .nav-link:focus {
text-decoration: underline;
text-stroke-width: .04rem;
-webkit-text-stroke-width: .04rem;
text-decoration-color: #ffbf00;
-webkit-text-decoration-color: #ffbf00;
text-decoration-thickness: 2px
}
.primary-navbar-wrapper .navbar-light .navbar-nav .nav-link:hover, .primary-navbar-wrapper .navbar-light .navbar-nav .nav-link:focus {
text-stroke-color: #033266;
-webkit-text-stroke-color: #033266
}
.primary-navbar-wrapper .navbar-dark .navbar-nav .nav-link:hover, .primary-navbar-wrapper .navbar-dark .navbar-nav .nav-link:focus {
text-stroke-color: #fff;
-webkit-text-stroke-color: #fff
}
}
.primary-navbar-wrapper.bg-dark a.navbar-brand {
text-decoration: none
}
.primary-navbar-wrapper.bg-dark a.navbar-brand:hover, .primary-navbar-wrapper.bg-dark a.navbar-brand:focus {
text-decoration: underline;
text-stroke-width: .04rem;
-webkit-text-stroke-width: .04rem;
text-decoration-color: rgba(255,255,255,.25);
-webkit-text-decoration-color: rgba(255,255,255,.25);
text-decoration-thickness: 1px
}
.primary-navbar-wrapper.bg-dark .navbar-nav .navbar-brand {
font-size: 1.375rem;
font-weight: 400;
white-space: normal;
line-height: 1.3;
padding-top: .5rem;
padding-bottom: .5rem
}
.primary-navbar-wrapper.bg-dark .navbar-dark .navbar-nav .navbar-brand:hover, .primary-navbar-wrapper.bg-dark .navbar-dark .navbar-nav .navbar-brand:focus {
text-stroke-color: #fff;
-webkit-text-stroke-color: #fff
}
.primary-navbar-wrapper.multicol .accordion .card {
background-color: rgba(0,0,0,0)
}
.primary-navbar-wrapper.multicol .accordion .card-header {
padding: 0;
margin-bottom: 0;
background-color: rgba(0,0,0,0);
border-bottom: none
}
.primary-navbar-wrapper.multicol .accordion .card-body {
padding: 0 0 .75rem
}
@media(max-width: calc(992px - 1px)) {
.primary-navbar-wrapper.multicol .accordion .collapse.show.no-header .card-body .dropdown-item {
padding-left: .5rem;
color: #fff
}
}
.primary-navbar-wrapper .wordmark-tertiary-brand {
border-left: 1px solid rgba(255,255,255,.6)
}
.primary-navbar-wrapper.multicol .navbar-nav .nav-link a {
color: #fff;
font-weight: 500
}
.primary-navbar-wrapper.multicol .dropdown-menu {
background-color: #022851;
border: none;
border-radius: 0;
box-shadow: 0 2px 3px -1px rgba(0,0,0,.15)
}
.primary-navbar-wrapper.multicol .dropdown-menu > .dropdown-item:hover, .primary-navbar-wrapper.multicol .dropdown-menu > .dropdown-item:focus {
text-decoration: underline
}
.primary-navbar-wrapper.multicol form.accordion {
margin-bottom: 0
}
.primary-navbar-wrapper.multicol .dropdown-header {
display: inline-block;
margin-bottom: .5rem;
font-weight: 400;
letter-spacing: .02em
}
.primary-navbar-wrapper.multicol .dropdown-header::after {
display: inline-block;
content: url("data:image/svg+xml,");
margin-left: 0;
border: none;
position: relative;
top: 2px;
vertical-align: 0;
float: right;
right: 1px;
opacity: .9;
margin-right: -0.25rem
}
.primary-navbar-wrapper.multicol .dropdown-header[aria-expanded=true]::after {
content: url("data:image/svg+xml,");
-webkit-transition: -webkit-transform .4s;
-moz-transition: -moz-transform .4s;
-o-transition: -o-transform .4s;
-ms-transition: -ms-transform .4s;
transition: transform .4s
}
.primary-navbar-wrapper.multicol .dropdown-item {
font-size: 1rem;
color: #fff;
white-space: normal;
padding: 0 1rem 1.5rem .5rem
}
.primary-navbar-wrapper.multicol .dropdown-item a {
color: #fff;
font-weight: 400
}
.primary-navbar-wrapper.multicol .dropdown.full-width .dropdown-item {
padding-left: 1rem
}
.primary-navbar-wrapper.multicol .dropdown-item.dropdown-header {
padding-bottom: 1rem
}
.primary-navbar-wrapper.multicol .dropdown.full-width .dropdown-item.dropdown-header {
padding-left: .5rem
}
.primary-navbar-wrapper.multicol .card-body .dropdown-item {
color: #b3c1d1
}
.primary-navbar-wrapper.multicol .card-body .dropdown-item.dropdown-header {
color: #022851
}
.primary-navbar-wrapper.multicol .dropdown-toggle::after {
display: inline-block;
content: url("data:image/svg+xml,");
margin-left: .25rem;
margin-right: .75rem;
border: none;
position: relative;
top: 2px;
vertical-align: 0;
float: right
}
.primary-navbar-wrapper.multicol .dropdown-toggle[aria-expanded=true]::after {
content: url("data:image/svg+xml,");
-webkit-transition: -webkit-transform .4s;
-moz-transition: -moz-transform .4s;
-o-transition: -o-transform .4s;
-ms-transition: -ms-transform .4s;
transition: transform .4s
}
.primary-navbar-wrapper.multicol li a.dropdown-item {
text-decoration: none
}
.primary-navbar-wrapper.multicol .dropdown-item:hover, .primary-navbar-wrapper.multicol .dropdown-item:focus {
color: #fff;
text-decoration: underline;
-webkit-text-decoration-color: #1d4776;
text-decoration-color: #1d4776;
background-color: rgba(0,0,0,0)
}
.primary-navbar-wrapper.multicol .dropdown-header:hover, .primary-navbar-wrapper.multicol .dropdown-header:focus {
text-decoration: none
}
.primary-navbar-wrapper.multicol .dropdown-header:hover a, .primary-navbar-wrapper.multicol .dropdown-header:focus a {
text-decoration: underline
}
@media(min-width: 576px) {
.primary-navbar-wrapper.bg-dark .navbar-nav .navbar-brand {
padding-top: 1rem;
padding-bottom: 1.5rem
}
}
.dropdown-menu .dropdown-menu {
background-color: #022851;
border: none;
border-radius: 0;
box-shadow: 0 2px 3px -1px rgba(0,0,0,.15)
}
@media(min-width: 992px) {
.primary-navbar-wrapper.bg-dark .navbar-brand {
padding-right: 1.5rem
}
.primary-navbar-wrapper.bg-dark .navbar-brand::after {
display: inline-block;
content: url("data:image/svg+xml,");
padding-left: .5rem;
margin-right: -1.25rem;
width: 1.25rem;
border: none;
position: relative;
top: 3px;
vertical-align: middle
}
.primary-navbar-wrapper.bg-dark .wrapper {
max-width: 100%
}
.primary-navbar-wrapper.bg-dark #primary-nav {
max-width: 86.25rem;
margin: 0 auto
}
.primary-navbar-wrapper.bg-dark #navbarNav .navbar-nav {
flex-basis: 100%
}
.primary-navbar-wrapper.bg-dark .navbar-nav .navbar-brand {
font-size: calc(18px + 3*(100vw - 992px)/680);
padding-top: .5rem;
padding-bottom: .25rem;
line-height: 1.125;
margin-right: 0;
text-align: left
}
.primary-navbar-wrapper.bg-dark .navbar-nav .nav-link {
padding-top: 1.375rem;
padding-bottom: 1.375rem
}
.primary-navbar-wrapper.bg-dark .navbar-nav .nav-link a {
font-weight: 400
}
.primary-navbar-wrapper.bg-dark .navbar-nav a.nav-link {
font-weight: 400
}
.primary-navbar-wrapper.bg-dark .navbar .nav-item.tertiary-brand {
border-bottom: none;
align-self: center
}
.primary-navbar-wrapper.bg-dark .navbar-expand-lg .navbar-nav span.nav-link:hover, .primary-navbar-wrapper.bg-dark .navbar-expand-lg .navbar-nav span.nav-link:focus {
text-decoration: none
}
}
@media(min-width: 992px) {
.primary-navbar-wrapper.multicol .dropdown-menu {
background-color: #e6ecf7;
margin-top: 0;
padding: 1.5rem;
min-width: 300px
}
.primary-navbar-wrapper.multicol .nav-item.dropdown:last-child .dropdown-menu {
left: auto;
right: 0
}
.primary-navbar-wrapper.multicol .nav-item.dropdown.full-width:last-child .dropdown-menu {
left: 0;
right: auto
}
.primary-navbar-wrapper.multicol .dropdown.full-width {
position: static
}
.primary-navbar-wrapper.multicol .dropdown.full-width .dropdown-menu {
margin-top: -1px;
width: 100vw;
margin-left: -2rem
}
.primary-navbar-wrapper.multicol .dropdown.full-width .fw-row-wrapper {
max-width: 86.25rem;
margin: 0 auto
}
.primary-navbar-wrapper.multicol .dropdown-header {
display: inline-block;
padding: .5rem 1.5rem;
margin-bottom: .5rem;
color: #022851;
font-weight: 600;
letter-spacing: .01em
}
.primary-navbar-wrapper.multicol .dropdown-header a {
font-weight: 600
}
.primary-navbar-wrapper.multicol .dropdown-item.dropdown-header {
padding-left: 0;
padding-bottom: .5rem;
padding-right: 2rem
}
.primary-navbar-wrapper.multicol .dropdown.full-width .dropdown-item.dropdown-header {
padding-left: 0
}
.primary-navbar-wrapper.multicol .dropdown-header::after {
display: none
}
.primary-navbar-wrapper.multicol .dropdown-divider {
height: 0;
margin: -0.25rem 0 .25rem 0;
overflow: hidden;
border-top: 1px solid #b3c1d1
}
.primary-navbar-wrapper.multicol .dropdown-item {
padding: .5rem 1rem .5rem 0;
color: #022851
}
.primary-navbar-wrapper.multicol .dropdown-item a {
color: #022851;
text-decoration: none
}
.primary-navbar-wrapper.multicol .dropdown.full-width .dropdown-item {
padding-left: 0
}
.primary-navbar-wrapper.multicol .nav-item.dropdown .dropdown-menu > .dropdown-item {
display: inline-block;
float: left;
width: auto;
padding-right: 0
}
.primary-navbar-wrapper.multicol .dropdown-menu .card {
margin-right: 2rem
}
.primary-navbar-wrapper.multicol .dropdown-menu .row div:last-of-type .card {
margin-right: 0
}
.primary-navbar-wrapper.multicol .card-body .dropdown-item {
color: #022851;
display: inline-block;
float: left;
width: auto;
padding-right: 1.5rem
}
.primary-navbar-wrapper.multicol .card-body .dropdown-item:hover, .primary-navbar-wrapper.multicol .card-body .dropdown-item:focus {
text-decoration: underline
}
.primary-navbar-wrapper.multicol a.dropdown-toggle_link {
white-space: normal
}
.primary-navbar-wrapper.multicol .dropdown-toggle::after {
display: inline-block;
content: url("data:image/svg+xml,");
margin-right: 0;
float: none
}
.primary-navbar-wrapper.multicol .dropdown-toggle[aria-expanded=true]::after {
content: url("data:image/svg+xml,")
}
.primary-navbar-wrapper.multicol .nav-link:hover.dropdown-toggle::after {
display: inline-block;
content: url("data:image/svg+xml,");
border: none;
position: relative;
top: 2px;
vertical-align: 0;
float: none
}
.primary-navbar-wrapper.multicol .dropdown-item:hover, .primary-navbar-wrapper.multicol .dropdown-item:focus, .primary-navbar-wrapper.multicol .dropdown-item:active {
background-color: #e6ecf7;
color: #022851;
text-decoration: none
}
.primary-navbar-wrapper.multicol .dropdown-item:hover a, .primary-navbar-wrapper.multicol .dropdown-item:focus a, .primary-navbar-wrapper.multicol .dropdown-item:active a {
text-decoration: none
}
.primary-navbar-wrapper.multicol .dropdown-item a:hover, .primary-navbar-wrapper.multicol .dropdown-item a:focus, .primary-navbar-wrapper.multicol .dropdown-item a:active {
text-decoration: underline !important;
-webkit-text-decoration-color: #1d4776;
text-decoration-color: #1d4776
}
.primary-navbar-wrapper.multicol .accordion .collapse:not(.show) {
display: block
}
.primary-navbar-wrapper.multicol .navbar-nav .dropdown:hover, .primary-navbar-wrapper.multicol .navbar-nav .dropdown:focus {
background-color: #e6ecf7;
padding-right: 1rem;
margin-right: -1rem
}
.primary-navbar-wrapper.multicol .navbar-nav .dropdown:hover .nav-link a, .primary-navbar-wrapper.multicol .navbar-nav .dropdown:focus .nav-link a {
color: #022851;
text-decoration: none
}
.primary-navbar-wrapper.multicol .navbar-nav .dropdown:hover .nav-link:hover, .primary-navbar-wrapper.multicol .navbar-nav .dropdown:focus .nav-link:focus {
text-stroke-width: 0;
-webkit-text-stroke-width: 0;
text-decoration-color: rgba(0,0,0,0);
-webkit-text-decoration-color: rgba(0,0,0,0);
text-decoration-thickness: 0;
border-bottom: 1px solid #e6ecf7;
margin-bottom: -1px
}
.primary-navbar-wrapper.multicol .navbar-nav .dropdown .nav-link a:hover, .primary-navbar-wrapper.multicol .navbar-nav .dropdown .nav-link a:focus {
color: #022851;
text-decoration: underline;
text-decoration-color: #022851;
-webkit-text-decoration-color: #022851;
text-decoration-thickness: 1.5px
}
}
@media(min-width: 1200px) {
.primary-navbar-wrapper.bg-dark .dropdown-menu {
margin-top: 0;
min-width: 300px
}
}
@media(min-width: 992px) {
.primary-navbar-wrapper .navbar .navbar-nav .nav-link, .primary-navbar-wrapper .dropdown-menu .dropdown-item {
font-size: calc(14px + 3*(100vw - 992px)/680);
line-height: 1.15
}
.primary-navbar-wrapper.bg-light #navbarNav .navbar-nav {
flex-basis: 98%
}
}
@media(min-width: 1200px) {
.primary-navbar-wrapper .navbar .navbar-nav .nav-link, .primary-navbar-wrapper .dropdown-menu .dropdown-item {
font-size: 1.125rem
}
}
@media print {
.primary-navbar-wrapper {
display: none !important
}
}
#landing-fw .secondary-nav-marquee, #home-fw .secondary-nav-marquee {
display: none
}
.secondary-nav .dropdown-menu {
position: absolute !important
}
.secondary-nav .nav-link {
padding: .5rem .5rem
}
.secondary-nav .priority-nav {
white-space: nowrap
}
.secondary-nav .priority-nav ul {
display: inline-block
}
.secondary-nav .priority-nav li {
display: inline-block
}
.secondary-nav .priority-nav-has-dropdown .priority-nav__dropdown-toggle {
position: relative
}
.secondary-nav .priority-nav__wrapper {
position: relative
}
.secondary-nav .priority-nav__dropdown {
position: absolute;
visibility: hidden
}
.secondary-nav .priority-nav__dropdown.show {
visibility: visible
}
.secondary-nav .priority-nav__dropdown-toggle {
visibility: hidden;
position: absolute
}
.secondary-nav .priority-nav-is-visible {
visibility: visible
}
.secondary-nav .priority-nav-is-hidden {
visibility: hidden
}
.secondary-nav nav {
margin: 7rem 0;
padding: 0 4rem;
min-width: 250px;
position: relative;
white-space: nowrap;
max-width: 950px;
-webkit-animation: resize 4s 1 cubic-bezier(0.4, 0, 0.2, 1);
animation: resize 4s 1 cubic-bezier(0.4, 0, 0.2, 1);
-webkit-animation-delay: 1s;
animation-delay: 1s
}
.secondary-nav nav ul {
display: inline-block;
list-style-type: none;
padding: 0;
margin: 0
}
.secondary-nav nav li {
display: inline-block
}
.secondary-nav nav li:first-child a {
padding-left: 0
}
.secondary-nav nav a {
display: inline-block;
padding: 4rem 2rem;
font-weight: 700
}
.secondary-nav nav .knob {
cursor: ew-resize;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) translateX(50%);
transform: translateY(-50%) translateX(50%)
}
.secondary-nav .nav__dropdown {
padding: 2rem;
white-space: nowrap
}
.secondary-nav .nav__dropdown a:focus {
box-shadow: 0 0 3px #fff,inset 0 0 3px #fff
}
.secondary-nav .nav__dropdown:after {
content: "";
display: block;
position: absolute;
height: 0;
width: 0;
border-bottom: 6px solid #068df6;
border-left: 6px solid rgba(0,0,0,0);
border-right: 6px solid rgba(0,0,0,0);
content: "";
top: -6px;
right: 4rem
}
.secondary-nav .nav__dropdown-wrapper {
display: inline-block;
-webkit-perspective: 500px;
perspective: 500px
}
.secondary-nav .nav__dropdown li {
display: block
}
.secondary-nav .nav__dropdown li:first-child a {
padding-left: 2rem
}
.secondary-nav .nav__dropdown a {
display: inline-block;
padding: .5rem 2rem;
font-weight: 400
}
@media(max-width: 650px) {
.secondary-nav nav {
padding: 0;
min-width: 100px
}
.secondary-nav nav .wrapper {
padding: 0 1rem
}
.secondary-nav nav li:first-child a {
padding-left: .5rem
}
.secondary-nav nav a {
padding: 2rem 1rem
}
.secondary-nav .nav__dropdown {
right: auto;
left: -50vw
}
.secondary-nav .nav__dropdown:after {
left: auto
}
.secondary-nav .nav__dropdown-wrapper {
position: static !important
}
}
@media(max-width: 1000px) {
.secondary-nav nav .knob {
display: none
}
}
.secondary-nav-marquee {
width: 100vw;
padding-top: 4rem;
padding-bottom: 4rem;
background: linear-gradient(#022851, #1d4776)
}
.secondary-nav-marquee .marquee-body .category {
letter-spacing: .05em;
font-weight: 600;
font-size: .875em;
line-height: 1.037;
color: #ffbf00;
text-transform: uppercase;
position: relative;
z-index: 10
}
.secondary-nav-marquee .marquee-body .marquee-title {
color: #fff;
font-size: 3.375em;
font-weight: 500;
line-height: 1
}
.secondary-nav {
position: relative;
z-index: 10;
margin-top: -2.25rem
}
.secondary-nav .navbar {
margin: 0;
padding: 0;
max-width: none;
width: 100%;
background-color: #fff;
box-shadow: 0 2px 6px rgba(0,0,0,.16)
}
.secondary-nav .navbar ul {
white-space: nowrap
}
.secondary-nav .navbar ul .nav-item:hover .dropdown-toggle {
background-color: #007991;
color: #fff
}
.secondary-nav .navbar ul .nav-item:hover .dropdown-toggle .dropdown-toggle_link::after {
content: url('data:image/svg+xml,') !important
}
.secondary-nav .navbar ul .nav-item:hover .dropdown-toggle a {
color: #fff !important
}
.secondary-nav .navbar ul .nav-item.dropdown .dropdown-toggle::after {
display: none
}
.secondary-nav .navbar ul .nav-item.dropdown .dropdown-toggle .dropdown-toggle_link::after {
content: url('data:image/svg+xml,');
display: inline-block;
padding-left: 0;
margin-left: .5rem;
vertical-align: middle;
width: 1rem;
height: 1rem;
border: none;
position: relative;
top: -1px;
-webkit-transition: -webkit-transform .2s;
-moz-transition: -moz-transform .2s;
-o-transition: -o-transform .2s;
-ms-transition: -ms-transform .2s;
transition: transform .2s
}
.secondary-nav .navbar ul .nav-item.dropdown .dropdown-toggle:hover::after, .secondary-nav .navbar ul .nav-item.dropdown .dropdown-toggle:focus::after {
content: url('data:image/svg+xml,')
}
.secondary-nav .navbar ul .nav-item.dropdown .dropdown-toggle:hover a, .secondary-nav .navbar ul .nav-item.dropdown .dropdown-toggle:focus a {
color: #fff
}
.secondary-nav .navbar ul .nav-item.dropdown .dropdown-toggle a {
color: #007991;
font-weight: 500;
display: inline-block;
padding: 0;
text-decoration: none
}
.secondary-nav .navbar ul .nav-item.dropdown .dropdown-toggle a:hover {
text-decoration: underline !important
}
.secondary-nav .navbar ul .nav-item.dropdown .dropdown-toggle a:hover::after {
transform: rotate(-90deg);
-webkit-transition: -webkit-transform .2s;
-moz-transition: -moz-transform .2s;
-o-transition: -o-transform .2s;
-ms-transition: -ms-transform .2s;
transition: transform .2s
}
.secondary-nav .navbar ul .nav-item.dropdown .dropdown-menu {
min-width: 200px;
width: 100%;
margin: 0;
padding: 0;
border: 2px solid #007991;
border-radius: 0;
top: 100%
}
.secondary-nav .navbar ul .nav-item.dropdown .dropdown-menu .dropdown-item {
display: block;
padding: 1rem 1rem 1rem 1rem;
color: #007991;
background-color: #fff;
font-size: 1.125em;
line-height: 1.333;
font-weight: 500;
text-decoration: none !important;
white-space: normal;
text-align: left
}
.secondary-nav .navbar ul .nav-item.dropdown .dropdown-menu .dropdown-item:hover, .secondary-nav .navbar ul .nav-item.dropdown .dropdown-menu .dropdown-item:focus {
background-color: #007991;
color: #fff
}
.secondary-nav .navbar ul .nav-item .nav-link {
padding: 1.5rem 1rem 1.5rem 1rem;
color: #007991;
background-color: #fff;
font-size: 1.125em;
line-height: 1.333;
font-weight: 500;
text-decoration: none !important;
white-space: normal;
text-align: center
}
.secondary-nav .navbar ul .nav-item .nav-link:hover {
color: #fff;
background-color: #007991
}
.secondary-nav .navbar ul .nav-item .nav-link.nav-link-highlight {
color: #fff;
background-color: #007991
}
.secondary-nav .navbar ul .nav-item .nav-link.disabled {
color: #666
}
.secondary-nav .navbar button.nav__dropdown-toggle {
padding: 1.5rem 2.5rem 1.5rem 2.5rem;
color: #007991;
background-color: #fff;
border: none;
border-left: 1px solid #e6ecf7;
font-size: 1.125em;
line-height: 1.333;
font-weight: 500;
text-decoration: none !important;
text-align: center
}
.secondary-nav .navbar button.nav__dropdown-toggle::after {
content: url('data:image/svg+xml,');
padding-left: .5rem;
width: 1.25rem;
height: 1.1rem;
position: relative;
top: 3px
}
.secondary-nav .navbar button.nav__dropdown-toggle:hover, .secondary-nav .navbar button.nav__dropdown-toggle:focus {
outline: none;
color: #fff;
background-color: #007991
}
.secondary-nav .navbar button.nav__dropdown-toggle:hover::after, .secondary-nav .navbar button.nav__dropdown-toggle:focus::after {
content: url('data:image/svg+xml,')
}
.secondary-nav .navbar .nav__dropdown-wrapper {
margin-left: -4px
}
.secondary-nav .navbar .nav__dropdown-wrapper[aria-haspopup=false] {
display: none
}
.secondary-nav .navbar .nav__dropdown {
width: 250px;
background-color: #fff;
top: 100%;
right: 0;
left: auto;
padding: 0;
box-shadow: none;
border: 2px solid #007991;
z-index: 1000
}
.secondary-nav .navbar .nav__dropdown:after {
display: none
}
.secondary-nav .navbar .nav__dropdown .nav-item .nav-link {
width: 100%;
text-align: left;
padding: 1rem 1rem 1rem 1rem
}
.secondary-nav .navbar .nav__dropdown .dropdown .dropdown-toggle {
padding: 1rem 1rem 1rem 1rem;
width: 100%
}
.secondary-nav .navbar .nav__dropdown .dropdown .dropdown-toggle::after {
position: absolute;
right: 1rem;
top: 1rem;
margin-top: .2rem
}
.secondary-nav .navbar .nav__dropdown .dropdown .dropdown-toggle a {
margin-right: 2rem
}
.secondary-nav .navbar .nav__dropdown .dropdown .dropdown-menu {
position: relative !important;
width: 100%;
float: none;
top: auto;
left: auto;
right: auto;
bottom: auto;
border: none !important;
box-shadow: none
}
.secondary-nav .navbar .nav__dropdown .dropdown .dropdown-menu .dropdown-item {
padding: 1rem 1rem 1rem 2rem !important
}
.secondary-nav .navbar.filled ul {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
margin-right: 0 !important;
width: 100%
}
.secondary-nav .navbar.filled ul .nav-item {
flex: 1 1 auto;
text-align: center
}
.secondary-nav .navbar.filled ul .nav-item .nav-link {
width: 100%;
height: 100%
}
@media(max-width: calc(992px - 1px)) {
.secondary-nav-marquee {
padding-bottom: 3rem;
margin-bottom: -2.25rem
}
.secondary-nav {
margin-top: 0
}
}
@media(max-width: calc(768px - 1px)) {
.secondary-nav-marquee {
padding-top: 3rem;
padding-bottom: 2rem
}
.secondary-nav-marquee .marquee-body {
margin-bottom: 2rem
}
.secondary-nav-marquee .marquee-body .category {
font-size: .75em;
line-height: 1.167
}
.secondary-nav-marquee .marquee-body .marquee-title {
font-size: 2.25em;
line-height: 1.056
}
}
@media(max-width: calc(576px - 1px)) {
.secondary-nav .navbar ul .nav-item.dropdown .dropdown-toggle::after {
position: absolute;
right: 1rem;
top: 1rem;
margin-top: .2rem
}
.secondary-nav .navbar ul .nav-item.dropdown .dropdown-toggle a {
margin-right: 2rem
}
.secondary-nav .navbar .nav__dropdown-wrapper {
width: 100%;
margin-left: 0
}
.secondary-nav .navbar .nav__dropdown-wrapper button.nav__dropdown-toggle {
width: 100%;
border: 2px solid #007991;
padding: 1rem
}
.secondary-nav .navbar .nav__dropdown-wrapper .nav__dropdown {
width: 100%;
border-top: none
}
}
@media print {
.secondary-nav {
display: none !important
}
.secondary-nav-marquee {
page-break-inside: avoid;
break-inside: avoid;
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
padding-bottom: 0 !important;
margin-bottom: 4rem !important;
border-bottom: 2px solid #b3c1d1;
background: none !important
}
.secondary-nav-marquee .marquee-body .category {
color: #022851 !important;
font-size: .875em !important;
line-height: 1 !important
}
.secondary-nav-marquee .marquee-body .marquee-title {
color: #000 !important;
font-size: 52px !important;
line-height: 52px !important
}
}
.global-nav {
display: block;
background-color: #022851;
padding-top: .25rem
}
.global-nav .nav {
border-bottom: none;
flex-wrap: nowrap
}
.global-nav .nav .nav-item {
position: relative;
flex: 0 0 auto
}
.global-nav .nav .nav-item:last-child .nav-link::after {
display: none
}
.global-nav .nav .nav-item .nav-link {
color: #fff;
background-color: rgba(0,0,0,0);
font-size: .875em;
font-weight: 500;
line-height: 1.143;
white-space: normal;
display: flex;
justify-content: center;
align-items: center;
border: none;
padding-top: .5rem;
padding-bottom: .75rem
}
.global-nav .nav .nav-item .nav-link::after {
content: "";
display: block;
width: 1px;
position: absolute;
top: .675rem;
bottom: .875rem;
right: 0;
border-right: 1px solid #1d4776
}
.global-nav .nav .nav-item .nav-link:hover {
color: #ffbf00
}
.global-nav .nav .nav-item .nav-link.active {
background-color: #fff;
color: #022851;
text-decoration: none
}
.global-nav .nav .nav-item .nav-link.active::after {
display: none
}
.global-nav .nav .nav-item .nav-link:focus {
box-shadow: 0 0 0 .375rem #ffbf00;
outline: 2px solid #022851;
border-radius: 6px;
outline-offset: 0
}
.global-nav .nav .nav-item.home .nav-link {
padding-left: 0
}
.global-nav .nav .nav-item.home .nav-link:hover {
text-decoration: none
}
.global-nav .nav .nav-item.home .nav-link.active {
padding-left: 1rem;
color: #022851
}
.global-nav-wrapper-mobile {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.global-nav-wrapper-mobile .nav-tabs {
background-color: #022851;
border: none
}
.global-nav-wrapper-mobile .nav-tabs .nav-item {
width: 100%;
border: 1px solid #1d4776 !important;
border-radius: 6px;
margin-bottom: 1rem;
margin-right: 0 !important
}
.global-nav-wrapper-mobile .nav-tabs .nav-item .nav-link {
font-size: 1.125em;
font-weight: 500;
line-height: 1.222;
white-space: normal;
color: #fff;
text-align: center;
padding-left: 1rem;
padding-right: 1rem !important;
border-radius: 6px
}
.global-nav-wrapper-mobile .nav-tabs .nav-item .nav-link.active {
color: #022851;
text-decoration: none
}
@media(max-width: calc(992px - 1px)) {
.global-nav {
padding-top: 0
}
}
@media print {
.global-nav {
display: none !important
}
}
.utility-links-nav .priority-nav__wrapper[aria-haspopup=false] {
display: none
}
.utility-links-nav .dropdown-menu {
position: absolute !important
}
.utility-links-nav .nav-link {
padding: .5rem .5rem
}
.utility-links-nav .priority-nav {
white-space: nowrap
}
.utility-links-nav .priority-nav ul {
display: inline-block
}
.utility-links-nav .priority-nav li {
display: inline-block
}
.utility-links-nav .priority-nav-has-dropdown .priority-nav__dropdown-toggle {
position: relative
}
.utility-links-nav .priority-nav__wrapper {
position: relative
}
.utility-links-nav .priority-nav__dropdown {
position: absolute;
visibility: hidden
}
.utility-links-nav .priority-nav__dropdown.show {
visibility: visible
}
.utility-links-nav .priority-nav__dropdown-toggle {
visibility: hidden;
position: absolute
}
.utility-links-nav .priority-nav-is-visible {
visibility: visible
}
.utility-links-nav .priority-nav-is-hidden {
visibility: hidden
}
.utility-links-nav nav {
margin: 7rem 0;
padding: 0 4rem;
min-width: 250px;
position: relative;
white-space: nowrap;
max-width: 950px;
-webkit-animation: resize 4s 1 cubic-bezier(0.4, 0, 0.2, 1);
animation: resize 4s 1 cubic-bezier(0.4, 0, 0.2, 1);
-webkit-animation-delay: 1s;
animation-delay: 1s
}
.utility-links-nav nav ul {
display: inline-block;
list-style-type: none;
padding: 0;
margin: 0
}
.utility-links-nav nav li {
display: inline-block
}
.utility-links-nav nav li:first-child a {
padding-left: 0
}
.utility-links-nav nav a {
display: inline-block;
padding: .5rem
}
.utility-links-nav nav .knob {
cursor: ew-resize;
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) translateX(50%);
transform: translateY(-50%) translateX(50%)
}
.utility-links-nav .nav__dropdown {
padding: 2rem;
white-space: nowrap
}
.utility-links-nav .nav__dropdown a:focus {
box-shadow: 0 0 3px #fff,inset 0 0 3px #fff
}
.utility-links-nav .nav__dropdown:after {
content: "";
display: block;
position: absolute;
height: 0;
width: 0;
border-bottom: 6px solid rgba(0,0,0,0);
border-left: 6px solid rgba(0,0,0,0);
border-right: 6px solid rgba(0,0,0,0);
content: "";
top: 0;
right: 4rem
}
.utility-links-nav .nav__dropdown-wrapper {
display: inline-block;
-webkit-perspective: 500px;
perspective: 500px
}
.utility-links-nav .nav__dropdown li {
display: block
}
.utility-links-nav .nav__dropdown li:first-child a {
padding-left: .5rem
}
.utility-links-nav .nav__dropdown a {
display: inline-block;
padding: .5rem;
font-weight: 400
}
@media(max-width: 650px) {
.utility-links-nav nav {
padding: 0;
min-width: 100px
}
.utility-links-nav nav .wrapper {
padding: 0 1rem
}
.utility-links-nav nav li:first-child a {
padding-left: 2rem
}
.utility-links-nav nav a {
padding: 2rem 1rem
}
.utility-links-nav .nav__dropdown {
right: auto;
left: -50vw
}
.utility-links-nav .nav__dropdown:after {
left: auto
}
.utility-links-nav .nav__dropdown-wrapper {
position: static !important
}
}
@media(max-width: 1000px) {
.utility-links-nav nav .knob {
display: none
}
}
.utility-links-nav {
font-size: .875rem;
position: relative;
z-index: 1050
}
.utility-links-nav .navbar {
margin: 0;
padding: 0;
max-width: none;
width: 70%;
float: right
}
.utility-links-nav .navbar .nav-item {
margin-right: .5rem
}
.utility-links-nav .navbar .nav-item .icon-web {
width: 24px;
height: 24px;
position: relative;
top: 8px;
margin-right: .125rem
}
.utility-links-nav .navbar .nav-item .nav-link {
padding-top: 0;
padding-right: 0;
font-weight: 500;
text-decoration: none
}
.utility-links-nav .navbar .nav-item .nav-link:focus {
box-shadow: 0 0 0 .375rem #ffbf00;
outline: 2px solid #022851;
border-radius: 6px
}
.utility-links-nav .navbar .nav-item:last-child {
margin-right: 1.25rem
}
.utility-links-nav .navbar .nav__dropdown-wrapper:hover .nav__dropdown-toggle {
background-color: #fff2cc;
border-bottom-right-radius: 0
}
.utility-links-nav .navbar button.nav__dropdown-toggle {
font-weight: 500;
border: 2px solid #ffbf00;
border-radius: 4px;
background-color: rgba(0,0,0,0);
padding: .325rem 1.25rem .325rem 1rem;
position: relative;
z-index: 1051
}
.utility-links-nav .navbar button.nav__dropdown-toggle::before {
display: inline-block;
content: url('data:image/svg+xml,');
width: 12px;
height: 12px;
margin-right: .125rem;
position: relative;
top: 0;
vertical-align: middle
}
.utility-links-nav .navbar button.nav__dropdown-toggle:focus {
box-shadow: 0 0 0 .375rem #ffbf00;
outline: 2px solid #022851;
border-radius: 6px;
border-color: rgba(0,0,0,0)
}
.utility-links-nav .navbar .nav__dropdown {
right: 0;
top: calc(100% - 2px);
border: 2px solid #ffbf00;
border-radius: 4px;
border-top-right-radius: 0;
background-color: #fff2cc;
box-shadow: 0 2px 3px -1px rgba(0,0,0,.15);
padding: 0;
z-index: 1051
}
.utility-links-nav .navbar .nav__dropdown .nav-item {
margin-right: 0
}
.utility-links-nav .navbar .nav__dropdown .nav-item:hover {
background-color: #ffbf00
}
.utility-links-nav .navbar .nav__dropdown .nav-item .nav-link {
padding: 0 1.25rem .5rem 1rem;
color: #022851;
font-weight: 500;
text-decoration: none;
width: 100%
}
.utility-links-nav .navbar .nav__dropdown .nav-item .nav-link:focus {
box-shadow: 0 0 0 .375rem #ffbf00;
outline: 2px solid #022851;
border-radius: 6px
}
#utilityMobile {
max-height: 100vh;
width: 100%
}
#utilityMobile .utility-container {
padding-top: 12rem;
padding-bottom: 10rem;
padding-left: 0;
height: 100vh;
overflow-y: scroll
}
#utilityMobile .utility-container .nav-item {
border: none;
list-style: none;
margin-top: 1.5rem
}
#utilityMobile .utility-container .nav-item .icon-web {
width: 32px;
height: 32px;
position: relative;
top: 10px;
margin-right: .25rem
}
#utilityMobile .utility-container .nav-item .icon-web.nurse::after {
content: url('data:image/svg+xml,')
}
#utilityMobile .utility-container .nav-item .icon-web.research::after {
content: url('data:image/svg+xml,')
}
#utilityMobile .utility-container .nav-item .icon-web.physician::after {
content: url('data:image/svg+xml,')
}
#utilityMobile .utility-container .nav-item .icon-web.document::after {
content: url('data:image/svg+xml,')
}
#utilityMobile .utility-container .nav-item .icon-web.visitors::after {
content: url('data:image/svg+xml,')
}
#utilityMobile .utility-container .nav-item .icon-web.telehealth::after {
content: url('data:image/svg+xml,')
}
#utilityMobile .utility-container .nav-item .icon-web.student::after {
content: url('data:image/svg+xml,')
}
#utilityMobile .utility-container .nav-item .icon-web.referrals::after {
content: url('data:image/svg+xml,')
}
#utilityMobile .utility-container .nav-item .icon-web.questions::after {
content: url('data:image/svg+xml,')
}
#utilityMobile .utility-container .nav-item .icon-web.phone::after {
content: url('data:image/svg+xml,')
}
#utilityMobile .utility-container .nav-item .icon-web.person::after {
content: url('data:image/svg+xml,')
}
#utilityMobile .utility-container .nav-item .icon-web.patient::after {
content: url('data:image/svg+xml,')
}
#utilityMobile .utility-container .nav-item .icon-web.login::after {
content: url('data:image/svg+xml,')
}
#utilityMobile .utility-container .nav-item .icon-web.information::after {
content: url('data:image/svg+xml,')
}
#utilityMobile .utility-container .nav-item .icon-web.group-people::after {
content: url('data:image/svg+xml,')
}
#utilityMobile .utility-container .nav-item .icon-web.find-provider::after {
content: url('data:image/svg+xml,')
}
#utilityMobile .utility-container .nav-item .icon-web.email::after {
content: url('data:image/svg+xml,')
}
#utilityMobile .utility-container .nav-item .icon-web.education::after {
content: url('data:image/svg+xml,')
}
#utilityMobile .utility-container .nav-item .icon-web.donate::after {
content: url('data:image/svg+xml,')
}
#utilityMobile .utility-container .nav-item .icon-web.directions-locations::after {
content: url('data:image/svg+xml,')
}
#utilityMobile .utility-container .nav-item .icon-web.clinical-services::after {
content: url('data:image/svg+xml,')
}
#utilityMobile .utility-container .nav-item .icon-web.careers::after {
content: url('data:image/svg+xml,')
}
#utilityMobile .utility-container .nav-item .icon-web.insurance::after {
content: url('data:image/svg+xml,')
}
#utilityMobile .utility-container .nav-item .icon-web.hospital::after {
content: url('data:image/svg+xml,')
}
#utilityMobile .utility-container .nav-item .icon-web.prescription::after {
content: url('data:image/svg+xml,')
}
#utilityMobile .utility-container .nav-item .icon-web.parking::after {
content: url('data:image/svg+xml,')
}
#utilityMobile .utility-container .nav-item .nav-link {
display: block;
font-weight: 500;
font-size: 1.25em;
text-decoration: none;
color: #fff;
padding-top: 0;
padding-bottom: .25rem;
padding-left: 0;
padding-right: 0;
margin-left: 1.5rem
}
#utilityMobile .utility-container .nav-item .nav-link:hover, #utilityMobile .utility-container .nav-item .nav-link:focus {
color: #ffbf00
}
@media(min-width: 992px) {
#utilityMobile {
display: none
}
}
@media(min-width: 1200px) {
.utility-links-nav {
margin-left: 4rem !important
}
}
@media(max-width: calc(992px - 1px)) {
.utility-links-nav .nav__dropdown-wrapper {
display: none !important
}
}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
.utility-links-nav .navbar button.nav__dropdown-toggle::before, .utility-links-nav .icon-web {
display: none
}
.utility-links-nav .navbar .nav-item .nav-link {
padding-top: .5rem
}
}
.alert .alert-container .sizer {
padding-right: 0
}
.alert.global {
width: 100vw
}
.alert.global.bottom {
position: fixed;
bottom: 0;
z-index: 2000
}
.alert .h3 a {
color: #000
}
.alert .h3 a.chevron-right:after {
display: inline-block;
content: url("data:image/svg+xml,");
padding-left: .125rem;
vertical-align: middle;
width: 1.25rem;
height: 1.1rem;
margin-right: -1.25rem
}
.alert.alert-danger .h3 a {
color: #fff
}
.alert.alert-danger .h3 a.chevron-right:after {
display: inline-block;
content: url("data:image/svg+xml,");
padding-left: .125rem;
vertical-align: middle;
width: 1.25rem;
height: 1.1rem;
margin-right: -1.25rem
}
.alert {
border-radius: 0;
margin-bottom: 0;
padding: 0;
-webkit-box-shadow: 0 1px 3px 3px rgba(0,0,0,.05);
box-shadow: 0 1px 3px 3px rgba(0,0,0,.05)
}
.alert-primary {
background-color: #e6ecf7;
border-color: #e6ecf7
}
.alert-primary, .alert-info, .alert-warning {
color: #000
}
.alert-primary a.btn.btn-link, .alert-info a.btn.btn-link, .alert-warning a.btn.btn-link {
color: #022851;
text-decoration: underline;
-webkit-text-decoration-color: rgba(0,121,145,.25);
text-decoration-color: rgba(0,121,145,.25)
}
.alert-primary a.btn.btn-link:hover, .alert-primary a.btn.btn-link:focus, .alert-info a.btn.btn-link:hover, .alert-info a.btn.btn-link:focus, .alert-warning a.btn.btn-link:hover, .alert-warning a.btn.btn-link:focus {
color: #007991;
-webkit-text-decoration-color: #007991;
text-decoration-color: #007991
}
.alert-info {
background-color: #ffbf00;
border-color: #ffbf00
}
.alert-warning {
background-color: #f18a00;
border-color: #f18a00
}
.alert-info, .alert-warning {
color: #000
}
.alert-info .btn-outline-primary, .alert-warning .btn-outline-primary {
color: #000;
border-color: #000
}
.alert-info .btn-link.chevron-right.btn-sm:after, .alert-info .btn-group-sm > .btn-link.chevron-right.btn:after, .alert-warning .btn-link.chevron-right.btn-sm:after, .alert-warning .btn-group-sm > .btn-link.chevron-right.btn:after {
content: url("data:image/svg+xml,")
}
.alert-danger {
color: #fff;
background-color: #c10230;
border-color: #c10230
}
.alert-danger .alert-body h2, .alert-danger .alert-body h3, .alert-danger .alert-body h4, .alert-danger .alert-body p {
color: #fff
}
.alert-danger .alert-body h2 a, .alert-danger .alert-body h3 a, .alert-danger .alert-body h4 a, .alert-danger .alert-body p a {
color: #fff
}
.alert-danger p a, .alert-danger li a, .alert-danger a.btn.btn-link {
color: #fff;
text-decoration: underline;
-webkit-text-decoration-color: rgba(255,255,255,.35);
text-decoration-color: rgba(255,255,255,.35)
}
.alert-danger p a:hover, .alert-danger p a:focus, .alert-danger li a:hover, .alert-danger li a:focus, .alert-danger a.btn.btn-link:hover, .alert-danger a.btn.btn-link:focus {
-webkit-text-decoration-color: #fff;
text-decoration-color: #fff
}
.alert-danger .btn-outline-secondary {
color: #fff;
border-color: #fff
}
.btn-outline-primary.light-hover:hover, .btn-outline-primary.light-hover:focus {
background-color: #fff;
color: #007991
}
.btn-outline-primary.dark-hover:hover, .btn-outline-primary.dark-hover:focus {
background-color: #033266;
border-color: #033266
}
.alert-icon {
position: relative;
float: left;
display: block
}
.alert-icon img {
max-width: 75%;
height: auto
}
.alert-heading {
font-size: 1rem
}
.alert-heading .h3 {
font-size: 1.125em;
line-height: 1.333;
font-weight: 600;
margin-bottom: .5rem;
display: block
}
.alert-body {
font-size: 1rem
}
.alert-body h2 a, .alert-body h3 a, .alert-body h4 a {
color: #000
}
.alert-body h2 {
font-size: 1.375em;
line-height: 1.273
}
.alert-body h3 {
font-size: 1.125em;
line-height: 1.333
}
.alert-body h4 {
font-size: 1em;
line-height: 1.25
}
.alert-body p {
font-size: 1em;
line-height: 1.375
}
.alert-body ul, .alert-body ol {
font-size: 1em;
line-height: 1.375;
list-style-position: outside;
font-weight: 400;
padding-left: 3rem;
padding-top: .5rem;
margin-bottom: 1.5rem;
overflow: hidden
}
.alert-body ul li, .alert-body ol li {
padding-left: 1rem;
padding-bottom: .5rem
}
.alert-body ul li:last-child, .alert-body ol li:last-child {
padding-bottom: 0
}
.alert-body ul ul, .alert-body ul ol, .alert-body ol ul, .alert-body ol ol {
font-size: inherit;
line-height: inherit;
margin-bottom: 0;
padding-top: .5rem
}
.alert-body ul {
list-style-image: url("data:image/svg+xml,")
}
.alert-body ol {
counter-reset: item;
position: relative
}
.alert-body ol > li {
list-style-type: none;
counter-increment: item
}
.alert-body ol > li:before {
display: inline-block;
position: absolute;
left: 0;
right: calc(100% - 2.9rem);
font-weight: bold;
text-align: right;
content: counter(item) "."
}
.alert-body figure.img-wide, .alert-body figure.img-left, .alert-body figure.img-right, .alert-body figure.img-extra-wide, .alert-body .box-wide, .alert-body .box-left, .alert-body .box-right {
display: none !important
}
.alert-primary .alert-heading .h3, .alert-info .alert-heading .h3, .alert-warning .alert-heading .h3 {
color: #000
}
.alert-danger .alert-heading .h3 {
color: #fff
}
.alert-danger .close:hover, .alert-danger .close:focus {
color: #fff
}
.alert-dismissible {
padding-right: 0
}
.alert-dismissible .close {
position: relative;
padding: 0;
opacity: .7;
font-size: 2.25rem;
letter-spacing: .02rem;
float: none;
text-shadow: none
}
.alert-dismissible .close small {
font-size: 35%;
font-weight: 700;
display: block
}
.alert-dismissible .close span {
display: flex;
flex-direction: row-reverse;
align-items: center
}
.alert-dismissible .close span small {
position: relative;
margin-right: 4px
}
.alert-dismissible .close:not(:disabled):not(.disabled):hover, .alert-dismissible .close:not(:disabled):not(.disabled):focus {
opacity: 1;
outline: none
}
.alert .close-button .close {
transition: all .3s ease
}
.alert .close-button .close:hover, .alert .close-button .close:focus {
transform: scale(1.08)
}
@media(min-width: 768px) {
.alert-icon img {
max-width: 100%;
position: relative;
top: 0
}
}
@media(min-width: 576px) {
.alert-heading .h3 {
font-size: 1.375em;
line-height: 1.273
}
.alert-body {
font-size: 1rem
}
.alert-body h2 {
font-size: 1.75em;
line-height: 1.25
}
.alert-body h3 {
font-size: 1.375em;
line-height: 1.273
}
.alert-body h4 {
font-size: 1.125em;
line-height: 1.333
}
.alert-body p {
font-size: 1.125em;
line-height: 1.5;
margin-bottom: 1rem
}
.alert-body ul, .alert-body ol {
font-size: 1.125em;
line-height: 1.5;
padding-top: 0rem;
margin-bottom: 1rem
}
.alert-body ul ul, .alert-body ul ol, .alert-body ol ul, .alert-body ol ol {
font-size: inherit;
line-height: inherit;
padding-top: .75rem;
margin-bottom: .5rem
}
}
@media(max-width: calc(992px - 1px)) {
.alert .alert-content.pr-0 {
padding-right: 1rem !important
}
.alert .close-button {
padding-left: 0
}
}
@media(max-width: calc(768px - 1px)) {
.alert.global.bottom {
bottom: 76px
}
}
@media(max-width: calc(576px - 1px)) {
.alert-icon img {
position: relative;
top: -2px
}
.alert button.close {
top: 4px
}
.alert button.close span {
font-size: 26px
}
.alert button.close span small {
font-size: 46.154%
}
}
@media(max-width: 374px) {
.alert .close small {
display: none
}
}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
.alert .h3 a.chevron-right::after {
display: inline-block;
content: "";
vertical-align: -0.125em;
background-image: url("https://health.ucdavis.edu/medical-center/images/icons/bootstrap-icons/chevron-right.svg");
background-repeat: no-repeat;
width: 48px;
background-size: 1.5rem 1.5rem;
background-position: center left -2px
}
.alert.alert-danger .h3 a.chevron-right::after {
display: inline-block;
content: "";
vertical-align: -0.125em;
background-image: url("https://health.ucdavis.edu/medical-center/images/icons/bootstrap-icons/chevron-right-white.svg");
background-repeat: no-repeat;
width: 48px;
background-size: 1.5rem 1.5rem;
background-position: center left -2px
}
}
@media print {
.alert.fw {
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 2rem !important;
width: 100% !important;
background-color: #fff !important;
color: #000 !important;
border: 2px solid #b3c1d1
}
.alert.fw.alert-danger .alert-content .alert-heading .h3 {
color: #000 !important
}
.alert.fw.alert-danger .alert-content .alert-heading .exclamation-triangle {
filter: contrast(0%)
}
.alert.fw.alert-danger .alert-content .alert-body p {
text-align: left !important;
color: #000 !important
}
.alert.fw.alert-danger .alert-content .alert-body p a {
color: #022851 !important
}
.alert.fw.alert-danger .alert-content .alert-button a.btn {
color: #022851 !important
}
.alert.fw.alert-danger .alert-content .alert-button a.btn::after {
content: url("data:image/svg+xml,")
}
.alert.fw.alert-info .alert-content .alert-body a {
text-decoration: underline !important;
text-decoration-color: #022851 !important
}
.alert.fw .alert-content.client .col-10.client .col-md-11 {
flex: 0 0 100% !important;
max-width: 100% !important
}
.alert.fw .alert-content.pr-0.pr-md-5 {
padding-right: 0 !important
}
.alert.fw .alert-content .alert-body a {
text-decoration: underline !important;
text-decoration-color: #022851 !important
}
.alert.fw .close-button {
display: none !important
}
}
.accordion-content.light .sizer .accordion {
position: relative
}
.accordion-content.light .sizer .accordion::after {
content: "";
display: block;
position: absolute;
bottom: -1px;
left: 0;
right: 0;
border-bottom: 2px solid #e6ecf7
}
.accordion-content.light .sizer .accordion .card {
margin-bottom: -2px;
border-top: 2px solid #e6ecf7 !important
}
.accordion-content.light .sizer .accordion .card .card-header {
background-color: #fff;
border-bottom: 2px solid #e6ecf7
}
.accordion-content .accordion .card {
margin-bottom: 2px
}
.accordion-content .accordion .card .card-header {
background-color: #e6ecf7;
border-bottom: none
}
.accordion-content .accordion .card .card-header h2 {
font-size: 1.375em;
line-height: 1.182;
font-weight: 600
}
.accordion-content .accordion .card .card-header h2 button {
color: #007991;
text-align: left;
font-size: inherit;
line-height: inherit;
font-weight: inherit;
padding-left: 0;
padding-bottom: 6px;
position: relative;
left: -34px;
width: calc(100% + 68px);
margin: 0
}
.client .accordion-content .accordion .card .card-header h2 button .icon {
position: relative;
top: 1px;
float: left;
height: 26px;
display: flex;
align-items: center
}
.accordion-content .accordion .card .card-header h2 button .text {
display: block;
overflow: hidden
}
.accordion-content .accordion .card .card-header h2 button[aria-expanded=true] span svg {
transform: rotate(90deg);
-webkit-transition: -webkit-transform .4s;
-moz-transition: -moz-transform .4s;
-o-transition: -o-transform .4s;
-ms-transition: -ms-transform .4s;
transition: transform .4s
}
.accordion-content .accordion .card .card-header h2 button[aria-expanded=false] span svg {
-webkit-transition: -webkit-transform .4s;
-moz-transition: -moz-transform .4s;
-o-transition: -o-transform .4s;
-ms-transition: -ms-transform .4s;
transition: transform .4s
}
@media(max-width: calc(576px - 1px)) {
.accordion-content .accordion .card .card-header h2 button {
left: -2px;
width: calc(100% + 4px)
}
}
@media print {
.accordion-content {
page-break-after: always;
break-after: always
}
.accordion-content.light .sizer .accordion::after {
border-color: #b3c1d1 !important
}
.accordion-content.light .sizer .accordion .card {
border-color: #b3c1d1 !important
}
.accordion-content.light .sizer .accordion .card-header {
border-color: #b3c1d1 !important
}
.accordion-content .accordion .card .card-header {
background-color: #fff !important;
border-top: 2px solid #b3c1d1;
border-bottom: 2px solid #b3c1d1
}
.accordion-content .accordion .card .card-header h2 button {
color: #000 !important
}
.accordion-content .accordion .card .card-header h2 button svg {
transform: rotate(90deg)
}
.accordion-content .accordion .card .collapse:not(.show) {
display: flex !important
}
}
.quick-links.light .wrapper .sizer .card-container .card .link-wrapper {
background-color: #fff;
border: 1px solid #e6ecf7;
box-shadow: 0 3px 6px rgba(0,0,0,.16)
}
.quick-links.light .wrapper .sizer .card-container .card .link-wrapper:hover, .quick-links.light .wrapper .sizer .card-container .card .link-wrapper:focus {
border-color: #007991;
box-shadow: none
}
.quick-links.no-icon .wrapper .sizer .card-container.row-cols-xl-6 .card .link-wrapper .card-body.px-xl-5.px-xxl-6.py-6 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.quick-links.no-icon .wrapper .sizer .card-container .card .link-wrapper {
display: flex;
flex-direction: column;
justify-content: center
}
.quick-links.no-icon .wrapper .sizer .card-container .card .link-wrapper .card-body {
display: flex;
flex-direction: column;
justify-content: center
}
.quick-links.no-icon .wrapper .sizer .card-container .card .link-wrapper .card-body.px-xl-5.px-xxl-6.py-6 {
padding-top: 3rem !important;
padding-bottom: 3rem !important
}
.quick-links.no-icon .wrapper .sizer .card-container .card .link-wrapper .card-body .card-title {
display: inline-block
}
.quick-links .wrapper .sizer .card-container.row-cols-xl-6 .card .link-wrapper .card-body.px-xl-5.px-xxl-6.py-6 {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
padding-top: 1.5rem !important;
padding-bottom: 2rem !important
}
.quick-links .wrapper .sizer .card-container .card {
background-color: rgba(0,0,0,0)
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper {
height: 100%;
background-color: #e6ecf7;
border-radius: 8px
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper:hover, .quick-links .wrapper .sizer .card-container .card .link-wrapper:focus {
background-color: #007991;
text-decoration: none
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper:hover .card-body .icon-web.nurse::after, .quick-links .wrapper .sizer .card-container .card .link-wrapper:focus .card-body .icon-web.nurse::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper:hover .card-body .icon-web.research::after, .quick-links .wrapper .sizer .card-container .card .link-wrapper:focus .card-body .icon-web.research::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper:hover .card-body .icon-web.physician::after, .quick-links .wrapper .sizer .card-container .card .link-wrapper:focus .card-body .icon-web.physician::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper:hover .card-body .icon-web.document::after, .quick-links .wrapper .sizer .card-container .card .link-wrapper:focus .card-body .icon-web.document::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper:hover .card-body .icon-web.visitors::after, .quick-links .wrapper .sizer .card-container .card .link-wrapper:focus .card-body .icon-web.visitors::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper:hover .card-body .icon-web.telehealth::after, .quick-links .wrapper .sizer .card-container .card .link-wrapper:focus .card-body .icon-web.telehealth::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper:hover .card-body .icon-web.student::after, .quick-links .wrapper .sizer .card-container .card .link-wrapper:focus .card-body .icon-web.student::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper:hover .card-body .icon-web.referrals::after, .quick-links .wrapper .sizer .card-container .card .link-wrapper:focus .card-body .icon-web.referrals::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper:hover .card-body .icon-web.questions::after, .quick-links .wrapper .sizer .card-container .card .link-wrapper:focus .card-body .icon-web.questions::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper:hover .card-body .icon-web.phone::after, .quick-links .wrapper .sizer .card-container .card .link-wrapper:focus .card-body .icon-web.phone::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper:hover .card-body .icon-web.person::after, .quick-links .wrapper .sizer .card-container .card .link-wrapper:focus .card-body .icon-web.person::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper:hover .card-body .icon-web.patient::after, .quick-links .wrapper .sizer .card-container .card .link-wrapper:focus .card-body .icon-web.patient::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper:hover .card-body .icon-web.login::after, .quick-links .wrapper .sizer .card-container .card .link-wrapper:focus .card-body .icon-web.login::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper:hover .card-body .icon-web.information::after, .quick-links .wrapper .sizer .card-container .card .link-wrapper:focus .card-body .icon-web.information::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper:hover .card-body .icon-web.group-people::after, .quick-links .wrapper .sizer .card-container .card .link-wrapper:focus .card-body .icon-web.group-people::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper:hover .card-body .icon-web.find-provider::after, .quick-links .wrapper .sizer .card-container .card .link-wrapper:focus .card-body .icon-web.find-provider::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper:hover .card-body .icon-web.email::after, .quick-links .wrapper .sizer .card-container .card .link-wrapper:focus .card-body .icon-web.email::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper:hover .card-body .icon-web.education::after, .quick-links .wrapper .sizer .card-container .card .link-wrapper:focus .card-body .icon-web.education::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper:hover .card-body .icon-web.donate::after, .quick-links .wrapper .sizer .card-container .card .link-wrapper:focus .card-body .icon-web.donate::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper:hover .card-body .icon-web.directions-locations::after, .quick-links .wrapper .sizer .card-container .card .link-wrapper:focus .card-body .icon-web.directions-locations::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper:hover .card-body .icon-web.clinical-services::after, .quick-links .wrapper .sizer .card-container .card .link-wrapper:focus .card-body .icon-web.clinical-services::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper:hover .card-body .icon-web.careers::after, .quick-links .wrapper .sizer .card-container .card .link-wrapper:focus .card-body .icon-web.careers::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper:hover .card-body .icon-web.insurance::after, .quick-links .wrapper .sizer .card-container .card .link-wrapper:focus .card-body .icon-web.insurance::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper:hover .card-body .icon-web.hospital::after, .quick-links .wrapper .sizer .card-container .card .link-wrapper:focus .card-body .icon-web.hospital::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper:hover .card-body .icon-web.prescription::after, .quick-links .wrapper .sizer .card-container .card .link-wrapper:focus .card-body .icon-web.prescription::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper:hover .card-body .icon-web.parking::after, .quick-links .wrapper .sizer .card-container .card .link-wrapper:focus .card-body .icon-web.parking::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper:hover .card-body .card-title, .quick-links .wrapper .sizer .card-container .card .link-wrapper:focus .card-body .card-title {
color: #fff
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body {
text-align: center
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body .icon-web {
display: inline-block;
width: 60%
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body .icon-web.mb-3 {
margin-bottom: 0 !important
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body .icon-web::after {
display: block;
width: auto;
height: auto
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body .icon-web.nurse::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body .icon-web.research::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body .icon-web.physician::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body .icon-web.document::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body .icon-web.visitors::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body .icon-web.telehealth::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body .icon-web.student::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body .icon-web.referrals::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body .icon-web.questions::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body .icon-web.phone::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body .icon-web.person::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body .icon-web.patient::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body .icon-web.login::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body .icon-web.information::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body .icon-web.group-people::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body .icon-web.find-provider::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body .icon-web.email::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body .icon-web.education::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body .icon-web.donate::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body .icon-web.directions-locations::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body .icon-web.clinical-services::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body .icon-web.careers::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body .icon-web.insurance::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body .icon-web.hospital::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body .icon-web.prescription::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body .icon-web.parking::after {
content: url('data:image/svg+xml,')
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body .card-title {
text-align: center;
width: 100%;
color: #033266;
font-size: 1.375em;
line-height: 1.364;
word-wrap: break-word
}
@media(max-width: calc(576px - 1px)) {
.quick-links .wrapper .sizer .card-container {
width: calc(100% + 1rem);
margin-left: -0.5rem !important;
margin-right: -0.5rem !important
}
.quick-links .wrapper .sizer .card-container .card {
padding-left: .5rem !important;
padding-right: .5rem !important
}
.quick-links .wrapper .sizer .card-container .card.mb-4 {
margin-bottom: 1rem !important
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body .card-title {
font-size: 1.125em;
line-height: 1.333
}
}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
.quick-links .wrapper .sizer .card-container .card .link-wrapper:hover .card-body .icon, .quick-links .wrapper .sizer .card-container .card .link-wrapper:focus .card-body .icon {
display: none !important
}
}
@media print {
.quick-links {
page-break-inside: avoid;
break-inside: avoid
}
.quick-links .wrapper .sizer .card-container.row.row-cols-1.row-cols-sm-2.row-cols-lg-4 .card {
flex: 0 0 25% !important;
max-width: 25% !important;
padding-left: 1rem !important;
padding-right: 1rem !important
}
.quick-links .wrapper .sizer .card-container.row.row-cols-1.row-cols-sm-3.row-cols-lg-4 .card {
flex: 0 0 25% !important;
max-width: 25% !important;
padding-left: 1rem !important;
padding-right: 1rem !important
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper {
text-decoration: none;
background-color: rgba(0,0,0,0) !important;
border: 2px solid #b3c1d1
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body {
padding-top: 32px !important;
padding-bottom: 32px !important
}
.quick-links .wrapper .sizer .card-container .card .link-wrapper .card-body .card-title {
color: #022851 !important;
font-size: 20px !important;
line-height: 28px !important;
font-weight: bold !important
}
}
.client .btn {
font-size: 1.375rem;
line-height: 1.182;
font-weight: 500
}
.client .btn:first-child {
margin-right: .5rem
}
.btn.btn-sm, .btn-group-sm > .btn {
font-size: 1.125rem
}
.client a.btn {
text-decoration: none
}
.client.btn-primary {
color: #fff;
background-color: #007991;
border-color: #007991;
border-radius: 6px;
border-width: 2px;
padding-top: 8px;
padding-bottom: 8px
}
.client .btn-primary:hover, .btn-primary:focus {
color: #fff;
background-color: #033266;
border-color: #033266
}
.client .btn-primary.hover {
color: #fff;
background-color: #033266;
border-color: #033266
}
.client .btn-primary[disabled=disabled] {
background-color: #7f7f7f;
border-color: #7f7f7f;
cursor: not-allowed
}
.client .btn-primary[disabled=disabled]:hover, .client .btn-primary[disabled=disabled]:focus, .client .btn-primary[disabled=disabled]:active {
box-shadow: none !important;
background-color: #7f7f7f !important;
border-color: #7f7f7f !important
}
.client .btn-primary.btn-outline-hover:hover, .btn-primary.btn-outline-hover:focus {
border-color: #007991;
background-color: rgba(0,0,0,0)
}
.client .btn-primary.btn-outline-hover.hover {
border-color: #007991;
background-color: rgba(0,0,0,0)
}
.btn-outline-primary {
color: #007991;
background-color: rgba(0,0,0,0);
border-color: #007991;
border-radius: 6px;
border-width: 2px;
padding-top: 8px;
padding-bottom: 8px
}
.btn-outline-primary.dark {
color: #fff
}
.btn-outline-primary:hover, .btn-outline-primary:focus {
color: #fff;
background-color: #007991;
border-color: #007991
}
.btn-outline-primary:hover.play-icon::after, .btn-outline-primary:focus.play-icon::after {
content: url("data:image/svg+xml,")
}
.btn-outline-primary:hover.play-icon.btn-sm::after, .btn-group-sm > .btn-outline-primary.btn:hover.play-icon::after, .btn-outline-primary:focus.play-icon.btn-sm::after, .btn-group-sm > .btn-outline-primary.btn:focus.play-icon::after {
content: url("data:image/svg+xml,")
}
.btn-outline-primary.hover {
color: #fff;
background-color: #007991;
border-color: #007991
}
.btn-outline-primary.hover.play-icon::after {
content: url("data:image/svg+xml,")
}
.btn-outline-primary.hover.play-icon.btn-sm::after, .btn-group-sm > .btn-outline-primary.hover.play-icon.btn::after {
content: url("data:image/svg+xml,")
}
.btn-outline-primary.play-icon {
padding-right: 2.75rem
}
.btn-outline-primary.play-icon::after {
display: inline-block;
content: url("data:image/svg+xml,");
padding-left: .5rem;
vertical-align: middle;
width: 26px;
height: 26px;
margin-right: -26px
}
.btn-outline-primary.play-icon.btn-sm, .btn-group-sm > .btn-outline-primary.play-icon.btn {
padding-right: 2.25rem
}
.btn-outline-primary.play-icon.btn-sm::after, .btn-group-sm > .btn-outline-primary.play-icon.btn::after {
content: url("data:image/svg+xml,");
width: 22px;
height: 22px;
margin-right: -22px
}
.btn-outline-primary[disabled=disabled] {
color: #7f7f7f;
border-color: #7f7f7f;
cursor: not-allowed
}
.btn-outline-primary[disabled=disabled].play-icon::after {
content: url("data:image/svg+xml,")
}
.btn-outline-primary[disabled=disabled]:hover, .btn-outline-primary[disabled=disabled]:focus, .btn-outline-primary[disabled=disabled]:active {
box-shadow: none !important;
background-color: rgba(0,0,0,0) !important;
color: #7f7f7f !important;
border-color: #7f7f7f !important
}
.client .btn-secondary {
color: #000;
background-color: #ffc519;
border-color: #ffc519;
border-radius: 6px;
border-width: 2px;
padding-top: 8px;
padding-bottom: 8px
}
.client .btn-secondary:hover, .btn-secondary:focus {
background-color: #ffbf00;
color: #000;
border-color: #ffbf00
}
.client .btn-secondary.hover {
background-color: #ffbf00;
color: #000;
border-color: #ffbf00
}
.client .btn-secondary[disabled=disabled] {
background-color: #7f7f7f;
border-color: #7f7f7f;
color: #fff;
cursor: not-allowed
}
.client .btn-secondary[disabled=disabled]:hover, .btn-secondary[disabled=disabled]:focus, .btn-secondary[disabled=disabled]:active {
box-shadow: none !important;
background-color: #7f7f7f !important;
border-color: #7f7f7f !important;
color: #fff !important
}
.btn-outline-secondary {
color: #000;
border-radius: 6px;
border-width: 2px;
padding-top: 8px;
padding-bottom: 8px
}
.btn-outline-secondary.dark {
color: #fff
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus {
color: #000;
background-color: #ffc519;
border-color: #ffc519
}
.btn-outline-secondary.hover {
color: #000;
background-color: #ffc519;
border-color: #ffc519
}
.btn-outline-secondary[disabled=disabled] {
color: #7f7f7f;
border-color: #7f7f7f;
cursor: not-allowed
}
.btn-outline-secondary[disabled=disabled].play-icon::after {
content: url("data:image/svg+xml,")
}
.btn-outline-secondary[disabled=disabled]:hover, .btn-outline-secondary[disabled=disabled]:focus, .btn-outline-secondary[disabled=disabled]:active {
box-shadow: none !important;
background-color: rgba(0,0,0,0) !important;
color: #7f7f7f !important;
border-color: #7f7f7f !important
}
.btn-outline-secondary[disabled=disabled]:hover.play-icon::after, .btn-outline-secondary[disabled=disabled]:focus.play-icon::after, .btn-outline-secondary[disabled=disabled]:active.play-icon::after {
content: url("data:image/svg+xml,")
}
.btn-outline-secondary.play-icon {
padding-right: 2.75rem
}
.btn-outline-secondary.play-icon::after {
display: inline-block;
content: url("data:image/svg+xml,");
padding-left: .5rem;
vertical-align: middle;
width: 26px;
height: 26px;
margin-right: -26px
}
.btn-outline-secondary.play-icon.btn-sm, .btn-group-sm > .btn-outline-secondary.play-icon.btn {
padding-right: 2.25rem
}
.btn-outline-secondary.play-icon.btn-sm::after, .btn-group-sm > .btn-outline-secondary.play-icon.btn::after {
content: url("data:image/svg+xml,");
width: 22px;
height: 22px;
margin-right: -22px
}
.btn-outline-secondary:hover.play-icon::after, .btn-outline-secondary:focus.play-icon::after {
content: url("data:image/svg+xml,")
}
.btn-outline-secondary:hover.play-icon.btn-sm::after, .btn-group-sm > .btn-outline-secondary.btn:hover.play-icon::after, .btn-outline-secondary:focus.play-icon.btn-sm::after, .btn-group-sm > .btn-outline-secondary.btn:focus.play-icon::after {
content: url("data:image/svg+xml,")
}
.btn-link {
display: inline-block;
color: #007991;
padding-bottom: 0
}
.btn-link.dark {
color: #00b2e3
}
.btn-link.dark:hover {
color: #00b2e3;
text-decoration: underline
}
.btn-link:hover {
color: #007991;
text-decoration: underline
}
.btn-link.chevron-right {
padding-right: 1.25rem;
padding-left: 0
}
.btn-link.chevron-right:after {
display: inline-block;
content: url("data:image/svg+xml,");
padding-left: .125rem;
vertical-align: middle;
width: 1.25rem;
height: 1.1rem;
margin-right: -1.25rem
}
.btn-link.chevron-right.btn-sm:after, .btn-group-sm > .btn-link.chevron-right.btn:after {
content: url("data:image/svg+xml,");
height: 1.25rem
}
.client .btn.btn-link {
text-align: left
}
@media(max-width: calc(576px - 1px)) {
.btn {
font-size: 1.125em;
line-height: 1.222
}
.btn.btn-sm, .btn-group-sm > .btn {
font-size: 1em;
line-height: 1.125
}
}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
.btn-link.chevron-right::after {
display: inline-block;
content: "";
vertical-align: -0.125em;
background-image: url("https://health.ucdavis.edu/medical-center/images/icons/bootstrap-icons/chevron-right-gold.svg");
background-repeat: no-repeat;
width: 32px;
background-size: 1rem 1rem;
background-position: center left 5px
}
.btn-link.btn-sm.chevron-right::after, .btn-group-sm > .btn-link.chevron-right.btn::after {
background-size: .75rem .75rem;
vertical-align: middle;
width: 24px
}
.btn-outline-secondary.play-icon::after {
display: inline-block;
content: "";
vertical-align: middle;
background-image: url("https://health.ucdavis.edu/medical-center/images/icons/bootstrap-icons/play-circle-fill-gold.svg");
background-repeat: no-repeat;
background-size: 26px 26px;
width: 36px;
background-position: top left 10px
}
.btn-outline-secondary:hover.play-icon::after, .btn-outline-secondary:focus.play-icon::after {
background-image: url("https://health.ucdavis.edu/medical-center/images/icons/bootstrap-icons/play-circle-fill-blue.svg")
}
.btn-outline-primary.play-icon.btn-sm::after, .btn-group-sm > .btn-outline-primary.play-icon.btn::after {
display: none
}
.btn-outline-primary.play-icon.btn-sm, .btn-outline-primary.play-icon.btn {
padding-right: .5rem
}
}
@media print {
.article-body a::after, .basic-content-body a::after {
content: " <" attr(href) ">";
font-weight: 400
}
.article-body figure a::after, .basic-content-body figure a::after {
content: ""
}
.article-body figure figcaption a::after, .basic-content-body figure figcaption a::after {
content: " <" attr(href) ">";
font-weight: 400
}
.alert .alert-body a::after, .card .card-body .card-text a::after, .media .media-body .media-text a::after {
content: " <" attr(href) ">";
font-weight: 400
}
.btn {
page-break-inside: avoid;
background-color: rgba(0,0,0,0) !important
}
.btn-primary {
color: #007991 !important;
background-color: #fff !important
}
.btn-secondary {
background-color: #fff !important
}
.btn-outline-secondary.dark {
color: #000 !important
}
.btn-outline-primary.dark {
color: #007991 !important
}
.btn-link.dark {
color: #007991 !important
}
.play-icon {
padding-right: .75rem !important
}
.play-icon::after {
display: none !important
}
}
/*!
* Bootstrap-select v1.13.14 (https://developer.snapappointments.com/bootstrap-select)
*
* Copyright 2012-2020 SnapAppointments, LLC
* Licensed under MIT (https://github.com/snapappointments/bootstrap-select/blob/master/LICENSE)
*/
@-webkit-keyframes bs-notify-fadeOut {
0% {
opacity: .9
}
100% {
opacity: 0
}
}
@-o-keyframes bs-notify-fadeOut {
0% {
opacity: .9
}
100% {
opacity: 0
}
}
@keyframes bs-notify-fadeOut {
0% {
opacity: .9
}
100% {
opacity: 0
}
}
.bootstrap-select > select.bs-select-hidden, select.bs-select-hidden, select.selectpicker {
display: none !important
}
.bootstrap-select {
width: 220px\0;
vertical-align: middle
}
.bootstrap-select > .dropdown-toggle {
position: relative;
width: 100%;
text-align: right;
white-space: nowrap;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.bootstrap-select > .dropdown-toggle:after {
margin-top: -1px
}
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
color: #999
}
.bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-danger:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-dark:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-info:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-primary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-secondary:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:active, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder.btn-success:hover {
color: rgba(255,255,255,.5)
}
.bootstrap-select > select {
position: absolute !important;
bottom: 0;
left: 50%;
display: block !important;
width: .5px !important;
height: 100% !important;
padding: 0 !important;
opacity: 0 !important;
border: none;
z-index: 0 !important
}
.bootstrap-select > select.mobile-device {
top: 0;
left: 0;
display: block !important;
width: 100% !important;
z-index: 2 !important
}
.bootstrap-select.is-invalid .dropdown-toggle, .error .bootstrap-select .dropdown-toggle, .has-error .bootstrap-select .dropdown-toggle, .was-validated .bootstrap-select select:invalid + .dropdown-toggle {
border-color: #b94a48
}
.bootstrap-select.is-valid .dropdown-toggle, .was-validated .bootstrap-select select:valid + .dropdown-toggle {
border-color: #28a745
}
.bootstrap-select.fit-width {
width: auto !important
}
.bootstrap-select:not([class*.client .col-]):not([class*=form-control]):not(.input-group-btn) {
width: 220px
}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
outline: thin dotted #333 !important;
outline: 5px auto -webkit-focus-ring-color !important;
outline-offset: -2px
}
.bootstrap-select.form-control {
margin-bottom: 0;
padding: 0;
border: none;
height: auto
}
:not(.input-group) > .bootstrap-select.form-control:not([class*.client .col-]) {
width: 100%
}
.bootstrap-select.form-control.input-group-btn {
float: none;
z-index: auto
}
.form-inline .bootstrap-select, .form-inline .bootstrap-select.form-control:not([class*.client .col-]) {
width: auto
}
.bootstrap-select:not(.input-group-btn), .bootstrap-select[class*.client .col-] {
float: none;
display: inline-block;
margin-left: 0
}
.bootstrap-select.dropdown-menu-right, .bootstrap-select[class*.client .col-].dropdown-menu-right, .row .bootstrap-select[class*.client .col-].dropdown-menu-right {
float: right
}
.form-group .bootstrap-select, .form-horizontal .bootstrap-select, .form-inline .bootstrap-select {
margin-bottom: 0
}
.form-group-lg .bootstrap-select.form-control, .form-group-sm .bootstrap-select.form-control {
padding: 0
}
.form-group-lg .bootstrap-select.form-control .dropdown-toggle, .form-group-sm .bootstrap-select.form-control .dropdown-toggle {
height: 100%;
font-size: inherit;
line-height: inherit;
border-radius: inherit
}
.bootstrap-select.form-control-lg .dropdown-toggle, .bootstrap-select.form-control-sm .dropdown-toggle {
font-size: inherit;
line-height: inherit;
border-radius: inherit
}
.bootstrap-select.form-control-sm .dropdown-toggle {
padding: .25rem .5rem
}
.bootstrap-select.form-control-lg .dropdown-toggle {
padding: .5rem 1rem
}
.form-inline .bootstrap-select .form-control {
width: 100%
}
.bootstrap-select.disabled, .bootstrap-select > .disabled {
cursor: not-allowed
}
.bootstrap-select.disabled:focus, .bootstrap-select > .disabled:focus {
outline: 0 !important
}
.bootstrap-select.bs-container {
position: absolute;
top: 0;
left: 0;
height: 0 !important;
padding: 0 !important
}
.bootstrap-select.bs-container .dropdown-menu {
z-index: 1060
}
.bootstrap-select .dropdown-toggle .filter-option {
position: static;
top: 0;
left: 0;
float: left;
height: 100%;
width: 100%;
text-align: left;
overflow: hidden;
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto
}
.bs3.bootstrap-select .dropdown-toggle .filter-option {
padding-right: inherit
}
.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option {
position: absolute;
padding-top: inherit;
padding-bottom: inherit;
padding-left: inherit;
float: none
}
.input-group .bs3-has-addon.bootstrap-select .dropdown-toggle .filter-option .filter-option-inner {
padding-right: inherit
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
overflow: hidden
}
.bootstrap-select .dropdown-toggle .filter-expand {
width: 0 !important;
float: left;
opacity: 0 !important;
overflow: hidden
}
.bootstrap-select .dropdown-toggle .caret {
position: absolute;
top: 50%;
right: 12px;
margin-top: -2px;
vertical-align: middle
}
.input-group .bootstrap-select.form-control .dropdown-toggle {
border-radius: inherit
}
.bootstrap-select[class*.client .col-] .dropdown-toggle {
width: 100%
}
.bootstrap-select .dropdown-menu {
min-width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.bootstrap-select .dropdown-menu > .inner:focus {
outline: 0 !important
}
.bootstrap-select .dropdown-menu.inner {
position: static;
float: none;
border: 0;
padding: 0;
margin: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.bootstrap-select .dropdown-menu li {
position: relative
}
.bootstrap-select .dropdown-menu li.active small {
color: rgba(255,255,255,.5) !important
}
.bootstrap-select .dropdown-menu li.disabled a {
cursor: not-allowed
}
.bootstrap-select .dropdown-menu li a {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.bootstrap-select .dropdown-menu li a.opt {
position: relative;
padding-left: 2.25em
}
.bootstrap-select .dropdown-menu li a span.check-mark {
display: none
}
.bootstrap-select .dropdown-menu li a span.text {
display: inline-block
}
.bootstrap-select .dropdown-menu li small {
padding-left: .5em
}
.bootstrap-select .dropdown-menu .notify {
position: absolute;
bottom: 5px;
width: 96%;
margin: 0 2%;
min-height: 26px;
padding: 3px 5px;
background: #f5f5f5;
border: 1px solid #e3e3e3;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
pointer-events: none;
opacity: .9;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.bootstrap-select .dropdown-menu .notify.fadeOut {
-webkit-animation: .3s linear 750ms forwards bs-notify-fadeOut;
-o-animation: .3s linear 750ms forwards bs-notify-fadeOut;
animation: .3s linear 750ms forwards bs-notify-fadeOut
}
.bootstrap-select .no-results {
padding: 3px;
background: #f5f5f5;
margin: 0 5px;
white-space: nowrap
}
.bootstrap-select.fit-width .dropdown-toggle .filter-option {
position: static;
display: inline;
padding: 0
}
.bootstrap-select.fit-width .dropdown-toggle .filter-option-inner, .bootstrap-select.fit-width .dropdown-toggle .filter-option-inner-inner {
display: inline
}
.bootstrap-select.fit-width .dropdown-toggle .bs-caret:before {
content: " "
}
.bootstrap-select.fit-width .dropdown-toggle .caret {
position: static;
top: auto;
margin-top: -1px
}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
position: absolute;
display: inline-block;
right: 15px;
top: 5px
}
.bootstrap-select.show-tick .dropdown-menu li a span.text {
margin-right: 34px
}
.bootstrap-select .bs-ok-default:after {
content: "";
display: block;
width: .5em;
height: 1em;
border-style: solid;
border-width: 0 .26em .26em 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg)
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle {
z-index: 1061
}
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:before {
content: "";
border-left: 7px solid rgba(0,0,0,0);
border-right: 7px solid rgba(0,0,0,0);
border-bottom: 7px solid rgba(204,204,204,.2);
position: absolute;
bottom: -4px;
left: 9px;
display: none
}
.bootstrap-select.show-menu-arrow .dropdown-toggle .filter-option:after {
content: "";
border-left: 6px solid rgba(0,0,0,0);
border-right: 6px solid rgba(0,0,0,0);
border-bottom: 6px solid #fff;
position: absolute;
bottom: -4px;
left: 10px;
display: none
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:before {
bottom: auto;
top: -4px;
border-top: 7px solid rgba(204,204,204,.2);
border-bottom: 0
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle .filter-option:after {
bottom: auto;
top: -4px;
border-top: 6px solid #fff;
border-bottom: 0
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:before {
right: 12px;
left: auto
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle .filter-option:after {
right: 13px;
left: auto
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle .filter-option:before, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:after, .bootstrap-select.show-menu-arrow.show > .dropdown-toggle .filter-option:before {
display: block
}
.bs-actionsbox, .bs-donebutton, .bs-searchbox {
padding: 4px 8px
}
.bs-actionsbox {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.bs-actionsbox .btn-group button {
width: 50%
}
.bs-donebutton {
float: left;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.bs-donebutton .btn-group button {
width: 100%
}
.bs-searchbox + .bs-actionsbox {
padding: 0 8px 4px
}
.bs-searchbox .form-control {
margin-bottom: 0;
width: 100%;
float: none
}
/*!
* Datepicker for Bootstrap
*
* Copyright 2012 Stefan Petre
* Improvements by Andrew Rowls
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
*/
.datepicker {
padding: 4px;
margin-top: 1px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
direction: ltr
}
.datepicker-inline {
width: 220px
}
.datepicker.datepicker-rtl {
direction: rtl
}
.datepicker.datepicker-rtl .table tr td span {
float: right
}
.datepicker-dropdown {
top: 0;
left: 0
}
.datepicker-dropdown:before {
content: "";
display: inline-block;
border-left: 7px solid rgba(0,0,0,0);
border-right: 7px solid rgba(0,0,0,0);
border-bottom: 7px solid #ccc;
border-bottom-color: rgba(0,0,0,.2);
position: absolute;
top: -7px;
left: 6px
}
.datepicker-dropdown:after {
content: "";
display: inline-block;
border-left: 6px solid rgba(0,0,0,0);
border-right: 6px solid rgba(0,0,0,0);
border-bottom: 6px solid #fff;
position: absolute;
top: -6px;
left: 7px
}
.datepicker > div {
display: none
}
.datepicker.days div.datepicker-days {
display: block
}
.datepicker.months div.datepicker-months {
display: block
}
.datepicker.years div.datepicker-years {
display: block
}
.datepicker .table {
margin: 0
}
.datepicker td, .datepicker th {
text-align: center;
width: 20px;
height: 20px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
border: none
}
.client .table-striped .datepicker .table tr td, .client .table-striped .datepicker .table tr th {
background-color: rgba(0,0,0,0)
}
.datepicker .table tr td.day:hover {
background: #eee;
cursor: pointer
}
.datepicker .table tr td.old, .datepicker .table tr td.new {
color: #999
}
.datepicker .table tr td.disabled, .datepicker .table tr td.disabled:hover {
background: none;
color: #999;
cursor: default
}
.datepicker .table tr td.today, .datepicker .table tr td.today:hover, .datepicker .table tr td.today.disabled, .datepicker .table tr td.today.disabled:hover {
background-color: #fde19a;
background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
background-image: linear-gradient(top, #fdd49a, #fdf59a);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdd49a", endColorstr="#fdf59a", GradientType=0);
border-color: #fdf59a #fdf59a #fbed50;
border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}
.datepicker .table tr td.today:hover, .datepicker .table tr td.today:hover:hover, .datepicker .table tr td.today.disabled:hover, .datepicker .table tr td.today.disabled:hover:hover, .datepicker .table tr td.today:active, .datepicker .table tr td.today:hover:active, .datepicker .table tr td.today.disabled:active, .datepicker .table tr td.today.disabled:hover:active, .datepicker .table tr td.today.active, .datepicker .table tr td.today:hover.active, .datepicker .table tr td.today.disabled.active, .datepicker .table tr td.today.disabled:hover.active, .datepicker .table tr td.today.disabled, .datepicker .table tr td.today:hover.disabled, .datepicker .table tr td.today.disabled.disabled, .datepicker .table tr td.today.disabled:hover.disabled, .datepicker .table tr td.today[disabled], .datepicker .table tr td.today:hover[disabled], .datepicker .table tr td.today.disabled[disabled], .datepicker .table tr td.today.disabled:hover[disabled] {
background-color: #fdf59a
}
.datepicker .table tr td.today:active, .datepicker .table tr td.today:hover:active, .datepicker .table tr td.today.disabled:active, .datepicker .table tr td.today.disabled:hover:active, .datepicker .table tr td.today.active, .datepicker .table tr td.today:hover.active, .datepicker .table tr td.today.disabled.active, .datepicker .table tr td.today.disabled:hover.active {
background-color: #fbf069 \9
}
.datepicker .table tr td.active, .datepicker .table tr td.active:hover, .datepicker .table tr td.active.disabled, .datepicker .table tr td.active.disabled:hover {
background-color: #007991;
background-image: -moz-linear-gradient(top, #0088cc, #007991);
background-image: -ms-linear-gradient(top, #0088cc, #007991);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#007991));
background-image: -webkit-linear-gradient(top, #0088cc, #007991);
background-image: -o-linear-gradient(top, #0088cc, #007991);
background-image: linear-gradient(top, #0088cc, #007991);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0088cc", endColorstr="#0044cc", GradientType=0);
border-color: #007991 #007991 #007991;
border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}
.datepicker .table tr td.active:hover, .datepicker .table tr td.active:hover:hover, .datepicker .table tr td.active.disabled:hover, .datepicker .table tr td.active.disabled:hover:hover, .datepicker .table tr td.active:active, .datepicker .table tr td.active:hover:active, .datepicker .table tr td.active.disabled:active, .datepicker .table tr td.active.disabled:hover:active, .datepicker .table tr td.active.active, .datepicker .table tr td.active:hover.active, .datepicker .table tr td.active.disabled.active, .datepicker .table tr td.active.disabled:hover.active, .datepicker .table tr td.active.disabled, .datepicker .table tr td.active:hover.disabled, .datepicker .table tr td.active.disabled.disabled, .datepicker .table tr td.active.disabled:hover.disabled, .datepicker .table tr td.active[disabled], .datepicker .table tr td.active:hover[disabled], .datepicker .table tr td.active.disabled[disabled], .datepicker .table tr td.active.disabled:hover[disabled] {
background-color: #007991
}
.datepicker .table tr td.active:active, .datepicker .table tr td.active:hover:active, .datepicker .table tr td.active.disabled:active, .datepicker .table tr td.active.disabled:hover:active, .datepicker .table tr td.active.active, .datepicker .table tr td.active:hover.active, .datepicker .table tr td.active.disabled.active, .datepicker .table tr td.active.disabled:hover.active {
background-color: #007991 \9
}
.datepicker .table tr td span {
display: block;
width: 23%;
height: 54px;
line-height: 54px;
float: left;
margin: 1%;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px
}
.datepicker .table tr td span:hover {
background: #eee
}
.datepicker .table tr td span.disabled, .datepicker .table tr td span.disabled:hover {
background: none;
color: #999;
cursor: default
}
.datepicker .table tr td span.active, .datepicker .table tr td span.active:hover, .datepicker .table tr td span.active.disabled, .datepicker .table tr td span.active.disabled:hover {
background-color: #007991;
background-image: -moz-linear-gradient(top, #0088cc, #007991);
background-image: -ms-linear-gradient(top, #0088cc, #007991);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#007991));
background-image: -webkit-linear-gradient(top, #0088cc, #007991);
background-image: -o-linear-gradient(top, #0088cc, #007991);
background-image: linear-gradient(top, #0088cc, #007991);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0088cc", endColorstr="#0044cc", GradientType=0);
border-color: #007991 #007991 #007991;
border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}
.datepicker .table tr td span.active:hover, .datepicker .table tr td span.active:hover:hover, .datepicker .table tr td span.active.disabled:hover, .datepicker .table tr td span.active.disabled:hover:hover, .datepicker .table tr td span.active:active, .datepicker .table tr td span.active:hover:active, .datepicker .table tr td span.active.disabled:active, .datepicker .table tr td span.active.disabled:hover:active, .datepicker .table tr td span.active.active, .datepicker .table tr td span.active:hover.active, .datepicker .table tr td span.active.disabled.active, .datepicker .table tr td span.active.disabled:hover.active, .datepicker .table tr td span.active.disabled, .datepicker .table tr td span.active:hover.disabled, .datepicker .table tr td span.active.disabled.disabled, .datepicker .table tr td span.active.disabled:hover.disabled, .datepicker .table tr td span.active[disabled], .datepicker .table tr td span.active:hover[disabled], .datepicker .table tr td span.active.disabled[disabled], .datepicker .table tr td span.active.disabled:hover[disabled] {
background-color: #007991
}
.datepicker .table tr td span.active:active, .datepicker .table tr td span.active:hover:active, .datepicker .table tr td span.active.disabled:active, .datepicker .table tr td span.active.disabled:hover:active, .datepicker .table tr td span.active.active, .datepicker .table tr td span.active:hover.active, .datepicker .table tr td span.active.disabled.active, .datepicker .table tr td span.active.disabled:hover.active {
background-color: #007991 \9
}
.datepicker .table tr td span.old {
color: #999
}
.datepicker th.switch {
width: 145px
}
.datepicker thead tr:first-child th, .datepicker tfoot tr:first-child th {
cursor: pointer
}
.datepicker thead tr:first-child th:hover, .datepicker tfoot tr:first-child th:hover {
background: #eee
}
.datepicker thead tr:first-child th.prev {
content: url('data:image/svg+xml,');
height: 3.5rem;
width: 3.5rem
}
.datepicker thead tr:first-child th.next {
content: url('data:image/svg+xml,');
height: 3.5rem;
width: 3.5rem
}
.input-append.date .add-on i, .input-prepend.date .add-on i {
display: block;
cursor: pointer;
width: 16px;
height: 16px
}
/*!
* Datetimepicker for Bootstrap 3
* ! version : 4.7.14
* https://github.com/Eonasdan/bootstrap-datetimepicker/
*/
.bootstrap-datetimepicker-widget {
list-style: none
}
.bootstrap-datetimepicker-widget.dropdown-menu {
margin: 2px 0;
padding: 4px;
width: 19em
}
@media(min-width: 768px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
width: 38em
}
}
@media(min-width: 992px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
width: 38em
}
}
@media(min-width: 1200px) {
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
width: 38em
}
}
.bootstrap-datetimepicker-widget.dropdown-menu:before, .bootstrap-datetimepicker-widget.dropdown-menu:after {
content: "";
display: inline-block;
position: absolute
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
border-left: 7px solid rgba(0,0,0,0);
border-right: 7px solid rgba(0,0,0,0);
border-bottom: 7px solid #ccc;
border-bottom-color: rgba(0,0,0,.2);
top: -7px;
left: 7px
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
border-left: 6px solid rgba(0,0,0,0);
border-right: 6px solid rgba(0,0,0,0);
border-bottom: 6px solid #fff;
top: -6px;
left: 8px
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
border-left: 7px solid rgba(0,0,0,0);
border-right: 7px solid rgba(0,0,0,0);
border-top: 7px solid #ccc;
border-top-color: rgba(0,0,0,.2);
bottom: -7px;
left: 6px
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
border-left: 6px solid rgba(0,0,0,0);
border-right: 6px solid rgba(0,0,0,0);
border-top: 6px solid #fff;
bottom: -6px;
left: 7px
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
left: auto;
right: 6px
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
left: auto;
right: 7px
}
.bootstrap-datetimepicker-widget .list-unstyled {
margin: 0
}
.bootstrap-datetimepicker-widget a[data-action] {
padding: 6px 0
}
.bootstrap-datetimepicker-widget a[data-action]:active {
box-shadow: none
}
.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
width: 54px;
font-weight: bold;
font-size: 1.2em;
margin: 0
}
.bootstrap-datetimepicker-widget button[data-action] {
padding: 6px
}
.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Increment Hours"
}
.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Increment Minutes"
}
.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Decrement Hours"
}
.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Decrement Minutes"
}
.bootstrap-datetimepicker-widget .btn[data-action=showHours]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Show Hours"
}
.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Show Minutes"
}
.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Toggle AM/PM"
}
.bootstrap-datetimepicker-widget .btn[data-action=clear]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Clear the picker"
}
.bootstrap-datetimepicker-widget .btn[data-action=today]::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Set the date to today"
}
.bootstrap-datetimepicker-widget .picker-switch {
text-align: center
}
.bootstrap-datetimepicker-widget .picker-switch::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Toggle Date and Time Screens"
}
.bootstrap-datetimepicker-widget .picker-switch td {
padding: 0;
margin: 0;
height: auto;
width: auto;
line-height: inherit
}
.bootstrap-datetimepicker-widget .picker-switch td span {
line-height: 2.5;
height: 2.5em;
width: 100%
}
.bootstrap-datetimepicker-widget .table {
width: 100%;
margin: 0
}
.bootstrap-datetimepicker-widget .table td, .bootstrap-datetimepicker-widget .table th {
text-align: center;
border-radius: 4px
}
.bootstrap-datetimepicker-widget .table th {
height: 20px;
line-height: 20px;
width: 20px
}
.bootstrap-datetimepicker-widget .table th.picker-switch {
width: 145px
}
.bootstrap-datetimepicker-widget .table th.disabled, .bootstrap-datetimepicker-widget .table th.disabled:hover {
background: none;
color: #777;
cursor: not-allowed
}
.bootstrap-datetimepicker-widget .table th.prev::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Previous Month"
}
.bootstrap-datetimepicker-widget .table th.next::after {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
content: "Next Month"
}
.bootstrap-datetimepicker-widget .table thead tr:first-child th {
cursor: pointer
}
.bootstrap-datetimepicker-widget .table thead tr:first-child th:hover {
background: #eee
}
.bootstrap-datetimepicker-widget .table td {
height: 54px;
line-height: 54px;
width: 54px
}
.bootstrap-datetimepicker-widget .table td.cw {
font-size: .8em;
height: 20px;
line-height: 20px;
color: #777
}
.bootstrap-datetimepicker-widget .table td.day {
height: 20px;
line-height: 20px;
width: 20px
}
.bootstrap-datetimepicker-widget .table td.day:hover, .bootstrap-datetimepicker-widget .table td.hour:hover, .bootstrap-datetimepicker-widget .table td.minute:hover, .bootstrap-datetimepicker-widget .table td.second:hover {
background: #eee;
cursor: pointer
}
.bootstrap-datetimepicker-widget .table td.old, .bootstrap-datetimepicker-widget .table td.new {
color: #777
}
.bootstrap-datetimepicker-widget .table td.today {
position: relative
}
.bootstrap-datetimepicker-widget .table td.today:before {
content: "";
display: inline-block;
border: 0 0 7px 7px solid rgba(0,0,0,0);
border-bottom-color: #337ab7;
border-top-color: rgba(0,0,0,.2);
position: absolute;
bottom: 4px;
right: 4px
}
.bootstrap-datetimepicker-widget .table td.active, .bootstrap-datetimepicker-widget .table td.active:hover {
background-color: #337ab7;
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}
.bootstrap-datetimepicker-widget .table td.active.today:before {
border-bottom-color: #fff
}
.bootstrap-datetimepicker-widget .table td.disabled, .bootstrap-datetimepicker-widget .table td.disabled:hover {
background: none;
color: #777;
cursor: not-allowed
}
.bootstrap-datetimepicker-widget .table td span {
display: inline-block;
width: 54px;
height: 54px;
line-height: 54px;
margin: 2px 1.5px;
cursor: pointer;
border-radius: 4px
}
.bootstrap-datetimepicker-widget .table td span:hover {
background: #eee
}
.bootstrap-datetimepicker-widget .table td span.active {
background-color: #337ab7;
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}
.bootstrap-datetimepicker-widget .table td span.old {
color: #777
}
.bootstrap-datetimepicker-widget .table td span.disabled, .bootstrap-datetimepicker-widget .table td span.disabled:hover {
background: none;
color: #777;
cursor: not-allowed
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
height: 27px;
line-height: 27px
}
.input-group.date .input-group-addon {
cursor: pointer
}
.client .sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0
}
.client form .container {
padding: 0
}
.client form .form-group {
margin-bottom: 2rem
}
.client form .form-group label {
color: #000;
font-size: 1.125em;
line-height: 1.333;
font-weight: 400;
margin-bottom: .5rem
}
.client form .form-group label .required {
color: #666
}
form .form-group label.has_tooltip {
display: block;
position: relative;
padding-right: 2rem
}
form .form-group label.has_tooltip .tooltip {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
width: 1.25rem;
height: 1.25rem;
display: inline-block;
position: absolute;
right: 0;
opacity: 1;
font-size: 1rem;
cursor: pointer
}
form .form-group label.has_tooltip .tooltip:hover, form .form-group label.has_tooltip .tooltip:focus {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat
}
form .form-group label.has_tooltip .tooltip:hover .tooltip_text, form .form-group label.has_tooltip .tooltip:focus .tooltip_text {
display: block;
position: absolute;
background-color: #1d4776;
color: #fff;
padding: 1rem;
right: 0;
bottom: 2.5rem;
width: auto;
min-width: 300px;
font-size: 1.125em;
line-height: 1.2222222222em;
border-radius: 4px
}
form .form-group label.has_tooltip .tooltip:hover .tooltip_text::after, form .form-group label.has_tooltip .tooltip:focus .tooltip_text::after {
position: absolute;
display: block;
top: calc(100% - 2px);
right: .5rem;
content: url('data:image/svg+xml,')
}
form .form-group label.has_tooltip .tooltip .tooltip_text {
display: none
}
form .form-group .error-message, form .form-group .hint-block {
font-size: .875em;
line-height: 1.2857em;
margin-top: .375rem
}
form .form-group .error-message {
color: #c10230 !important;
font-weight: 500
}
form .form-group .error-message:before {
content: url('data:image/svg+xml,');
width: 14px;
height: 14px;
display: inline-block;
margin-right: .25rem;
position: relative;
top: 2px
}
form .form-group .radiogroup {
margin-bottom: -1rem
}
form .form-group .radiogroup div.hint-block:last-child, form .form-group .radiogroup div.error-message:not(.hide):last-child {
margin-bottom: 3rem
}
form .form-group .radiogroup input {
position: absolute;
cursor: pointer;
height: 100%;
width: calc(100% - 2rem);
appearance: none;
display: flex;
align-items: flex-start;
margin-top: -1px;
margin-right: 0 !important
}
form .form-group .radiogroup input:hover::after {
border-color: #1d4776
}
form .form-group .radiogroup input:focus::after {
border-color: #1d4776;
outline: 3px solid #008eaa;
outline-offset: 2px
}
form .form-group .radiogroup input:focus-visible {
outline: none !important
}
form .form-group .radiogroup input::after {
content: "";
border: 2px solid #7f7f7f;
display: inline-block;
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
background-color: #fff;
margin-left: -2rem
}
form .form-group .radiogroup input:checked::after {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
border-color: #1d4776
}
form .form-group .radiogroup label {
cursor: pointer;
position: relative;
padding-left: 2rem;
font-weight: 400;
line-height: 1.375em;
margin-bottom: 1rem
}
form .form-group .radiogroup label.radio-inline {
margin-right: 1rem
}
form .form-group .radiogroup label + .hint-block, form .form-group .radiogroup label + .error-message {
margin-top: 0
}
form .form-group .checkboxgroup {
margin-bottom: -1rem
}
form .form-group .checkboxgroup div.hint-block:last-child, form .form-group .checkboxgroup div.error-message:not(.hide):last-child {
margin-bottom: 3rem
}
form .form-group .checkboxgroup input {
position: absolute;
cursor: pointer;
height: 100%;
width: calc(100% - 2rem);
appearance: none;
display: flex;
align-items: flex-start;
margin-top: -1px;
margin-right: 0 !important
}
form .form-group .checkboxgroup input:hover::after {
border-color: #1d4776
}
form .form-group .checkboxgroup input:focus::after {
border-color: #1d4776;
outline: 3px solid #008eaa;
outline-offset: 2px
}
form .form-group .checkboxgroup input:focus-visible {
outline: none !important
}
form .form-group .checkboxgroup input::after {
content: "";
border: 2px solid #7f7f7f;
display: inline-block;
width: 1.5rem;
height: 1.5rem;
border-radius: .25rem;
background-color: #fff;
margin-left: -2rem
}
form .form-group .checkboxgroup input:checked::after {
background-image: url('data:image/svg+xml,');
background-size: 120%;
background-repeat: no-repeat;
background-position: center;
background-color: #1d4776;
border-color: #1d4776
}
form .form-group .checkboxgroup label {
cursor: pointer;
position: relative;
padding-left: 2rem;
font-weight: 400;
line-height: 1.375em;
margin-bottom: 1rem
}
form .form-group .checkboxgroup label.checkbox-inline {
margin-right: 1rem
}
form .form-group .checkboxgroup label + .hint-block, form .form-group .checkboxgroup label + .error-message {
margin-top: 0
}
form .form-group .input-group .datetimepicker {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px
}
form .form-group .input-group .datetimepicker ~ .input-group-btn {
display: none !important
}
form .form-group .input-group.custom-file {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
height: auto !important
}
form .form-group .input-group.custom-file:hover .file-input, form .form-group .input-group.custom-file:focus .file-input {
border-color: #1d4776
}
form .form-group .input-group.custom-file .file-input {
position: relative;
flex: 1 1 0%;
min-width: 0;
margin-bottom: 0;
height: auto !important;
padding-top: .875rem;
padding-bottom: .875rem;
background-color: #fff
}
form .form-group .input-group.custom-file .input-group-append {
margin-bottom: 0
}
form .form-group .input-group.custom-file .input-group-append .btn {
position: static;
margin-right: 0 !important;
margin-left: -2px;
display: flex;
align-items: center;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
background-color: #fff;
color: #007991;
font-size: 1.125em;
line-height: 1.5;
padding-left: 2.5rem;
padding-right: 2.5rem
}
form .form-group .input-group.custom-file .input-group-append .btn:hover, form .form-group .input-group.custom-file .input-group-append .btn:focus-within {
background-color: #007991;
border-color: #007991;
color: #fff
}
form .form-group .input-group.custom-file .input-group-append .btn input {
display: block !important;
position: absolute;
right: 0;
left: 0;
width: 100%;
top: 0;
bottom: 0;
border-radius: 4px;
color: rgba(0,0,0,0);
cursor: pointer
}
form .form-group .input-group.custom-file .input-group-append .btn input:focus {
outline: 3px solid #008eaa;
outline-offset: 2px
}
form .form-group .input-group.custom-file .input-group-append .btn input::file-selector-button {
display: none
}
form .form-group .custom-file + .file-list {
padding-top: 1.125rem;
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem;
background-color: #efefef;
font-size: 1rem;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px
}
form .form-group .custom-file + .file-list .close {
font-size: 1rem;
color: #333;
opacity: 1
}
form .form-group .custom-file + .file-list .close::before {
content: "Clear all";
display: inline-block;
font-size: 1em;
line-height: 1.375em;
font-weight: 400;
margin-right: .5rem;
position: relative;
top: 1px
}
form .form-group .custom-file + .file-list .close svg {
border-radius: 50%;
width: 1.5rem;
color: #333
}
form .form-group .custom-file + .file-list .close:hover::before, form .form-group .custom-file + .file-list .close:focus::before {
text-decoration: underline
}
form .form-group .custom-file + .file-list .close:hover svg, form .form-group .custom-file + .file-list .close:focus svg {
background-color: #333;
color: #efefef
}
form .form-group .custom-file + .file-list .close:hover svg path:first-child, form .form-group .custom-file + .file-list .close:focus svg path:first-child {
color: #333
}
form .form-group .custom-file + .file-list .close:focus {
outline-offset: 3px;
outline-color: #008eaa
}
form .form-group .custom-file + .file-list .file-name {
display: block;
width: 100%;
padding-top: .25rem;
padding-bottom: .25rem;
padding-right: 7rem;
color: #333;
font-size: 1em;
line-height: 1.375em;
word-wrap: break-word
}
form .form-group input[type=submit], form .form-group input[type=reset] {
width: 100%
}
form .custom-file + .file-list {
padding-top: 1.125rem;
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem;
background-color: #efefef;
font-size: 1rem;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px
}
form .custom-file + .file-list .close {
font-size: 1rem;
color: #333;
opacity: 1
}
form .custom-file + .file-list .close::before {
content: "Clear all";
display: inline-block;
font-size: 1em;
line-height: 1.375em;
font-weight: 400;
margin-right: .5rem;
position: relative;
top: 1px
}
form .custom-file + .file-list .close svg {
border-radius: 50%;
width: 1.5rem;
color: #333
}
form .custom-file + .file-list .close:hover::before, form .custom-file + .file-list .close:focus::before {
text-decoration: underline
}
form .custom-file + .file-list .close:hover svg, form .custom-file + .file-list .close:focus svg {
background-color: #333;
color: #efefef
}
form .custom-file + .file-list .close:hover svg path:first-child, form .custom-file + .file-list .close:focus svg path:first-child {
color: #333
}
form .custom-file + .file-list .close:focus {
outline-offset: 3px;
outline-color: #008eaa
}
form .custom-file + .file-list .file-name {
display: block;
width: 100%;
padding-top: .25rem;
padding-bottom: .25rem;
padding-right: 7rem;
color: #333;
font-size: 1em;
line-height: 1.375em;
word-wrap: break-word
}
form fieldset legend {
font-size: 1.375em;
line-height: 1.273;
color: #000;
font-weight: 600;
padding-bottom: .5rem;
padding-top: 1rem;
margin-bottom: 1.5rem;
border-bottom: 2px solid #e6ecf7
}
form fieldset > .hint-block {
font-size: 1.125em;
line-height: 1.5;
color: #333;
margin-top: -0.75rem;
margin-bottom: 2rem
}
form.was-validated .form-control:invalid, form .form-control.is-invalid {
background-color: #fff6f6;
background-image: none !important
}
form.was-validated .form-control:invalid:focus, form .form-control.is-invalid:focus {
box-shadow: none !important
}
form.was-validated .form-control:valid, form .form-control.is-valid {
background-image: none !important
}
form.was-validated .form-control:valid:focus, form .form-control.is-valid:focus {
box-shadow: none !important
}
form.was-validated .form-control:valid, form .form-control.is-valid {
border-color: #033266
}
form.was-validated .form-control:valid:focus, form .form-control.is-valid:focus {
border-color: #033266
}
form .bootstrap-select .bs-searchbox {
display: none
}
form .bootstrap-select .dropdown-menu {
padding-top: 0;
min-height: 0 !important
}
form .bootstrap-select .dropdown-menu .inner .dropdown-menu {
padding-top: 0
}
.client.form-group > div {
position: relative
}
.client .form-group label + .form-control + .placeholder, fieldset label + .form-control + .placeholder {
display: none
}
.client .form-group label + .form-control::placeholder, fieldset label + .form-control::placeholder {
opacity: 1;
color: #666
}
.client .form-group label + .form-control.has_placeholder:focus, fieldset label + .form-control.has_placeholder:focus {
padding-top: .875rem;
padding-bottom: .875rem
}
.client .form-control {
padding-top: .875rem;
padding-bottom: .875rem;
padding-left: 1rem;
padding-right: 1rem;
border: 2px solid #7f7f7f;
font-size: 1.125em;
line-height: 1.5;
height: auto;
color: #333;
background-color: rgba(0,0,0,0)
}
.client .form-control:hover {
border-color: #1d4776
}
.client .form-control:focus {
border-color: #1d4776;
outline: 3px solid #008eaa;
outline-offset: 2px;
box-shadow: none;
background-color: rgba(0,0,0,0) !important
}
.client .form-control:disabled {
cursor: not-allowed !important;
border-color: #7f7f7f !important;
background-color: #e5e5e5 !important
}
.client .form-control:disabled + .dropdown-toggle {
cursor: not-allowed !important;
border-color: #7f7f7f !important;
background-color: #e5e5e5 !important
}
.client .form-control:disabled + .dropdown-toggle + .dropdown-menu {
display: none
}
.client .form-control.has_placeholder:focus {
padding-top: 1.5rem;
padding-bottom: .25rem
}
.client .form-control.is_populated {
padding-top: 1.5rem;
padding-bottom: .25rem
}
.client .form-control.is_populated ~ .placeholder {
top: .375rem;
font-size: .75em;
font-weight: 500;
line-height: 1.8333333333em;
z-index: 1;
padding-top: 0;
padding-bottom: 0
}
.client .form-control::placeholder {
color: rgba(0,0,0,0);
opacity: 0
}
.client .form-control ~ .placeholder {
position: absolute;
top: 0;
left: 0;
padding-top: .875rem;
padding-bottom: .875rem;
padding-left: 1rem;
padding-right: 1rem;
border: 2px solid rgba(0,0,0,0);
font-size: 1.125em;
line-height: 1.5;
height: auto;
color: #666;
z-index: -1;
transition: .3s;
cursor: default
}
.client .form-control ~ .placeholder.shrunk {
top: .375rem;
font-size: .75em;
font-weight: 500;
line-height: 1.8333333333em;
z-index: 1;
padding-top: 0;
padding-bottom: 0
}
.client .form-control:focus ~ .placeholder {
top: .375rem;
font-size: .75em;
font-weight: 500;
line-height: 1.8333333333em;
z-index: 1;
padding-top: 0;
padding-bottom: 0
}
.client .select-input {
position: relative;
background-color: rgba(0,0,0,0);
font-size: 1rem
}
.client .select-input:focus-within .dropdown-toggle {
border-color: #1d4776
}
.client .select-input select.form-control {
position: relative;
z-index: 1;
background-color: rgba(0,0,0,0);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-right: 3.25rem;
cursor: pointer;
display: none
}
.client .select-input .dropdown-toggle {
background-color: #fff;
border-image: none;
padding-top: .875rem;
padding-bottom: .875rem;
padding-right: 3rem;
padding-left: 1rem;
border: 2px solid #7f7f7f;
height: auto;
width: 100%;
color: #333;
font-size: 1.125em;
font-weight: 400;
line-height: 1.5;
text-align: left;
overflow: hidden;
overflow: -moz-hidden-unscrollable;
background: none !important;
-webkit-appearance: none;
-moz-appearance: none
}
.client .select-input .dropdown-toggle:hover, .select-input .dropdown-toggle:focus {
border-color: #1d4776
}
.client .select-input .dropdown-toggle:active {
border-color: #1d4776 !important
}
.client .select-input .dropdown-toggle:focus {
border-color: #1d4776;
outline: 3px solid #008eaa !important;
outline-offset: 2px !important;
box-shadow: none
}
.client .select-input .dropdown-toggle::after {
content: url('data:image/svg+xml,');
border: none;
opacity: 1;
display: block;
width: 22px;
height: 22px;
position: absolute;
right: 1rem;
top: 50%;
transform: translateY(-50%);
z-index: 1
}
.client .select-input .dropdown-menu {
background-color: #fff;
border: 2px solid #033266;
border-top: none;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
max-width: 100%;
margin-top: -2px;
margin-bottom: 0;
z-index: 1050;
max-height: 400px;
width: 100%;
padding-top: 0
}
.client .select-input .dropdown-menu[x-placement=top-start].show {
top: 2px !important;
border-top: 2px solid #033266;
padding-top: .5rem
}
.client .select-input .dropdown-menu .dropdown-item {
padding-left: 1rem;
padding-right: 1rem;
padding-top: .375rem;
padding-bottom: .375rem;
font-size: 1em;
line-height: 1.5em;
background-color: rgba(0,0,0,0);
color: #000
}
.client .select-input .dropdown-menu .dropdown-item[aria-selected=true] {
font-weight: 600
}
.client .select-input .dropdown-menu .dropdown-item:hover, .select-input .dropdown-menu .dropdown-item:focus {
background-color: #e6ecf7;
outline: none
}
.client .select-input .dropdown-menu .dropdown-item:hover .check-mark, .client .select-input .dropdown-menu .dropdown-item:focus .check-mark {
border-color: #033266 !important
}
.bootstrap-select.is-invalid .dropdown-toggle, .error .bootstrap-select .dropdown-toggle, .has-error .bootstrap-select .dropdown-toggle, .was-validated .bootstrap-select select:invalid + .dropdown-toggle {
border-color: #c10230;
background-color: #fff6f6 !important
}
.bootstrap-select.is-invalid .dropdown-menu:not(.inner), .error .bootstrap-select .dropdown-menu:not(.inner), .has-error .bootstrap-select .dropdown-menu:not(.inner), .was-validated .bootstrap-select select:invalid + .dropdown-toggle + .dropdown-menu:not(.inner) {
border-color: #c10230;
background-color: #fff6f6
}
.bootstrap-select.is-invalid .dropdown-menu, .error .bootstrap-select .dropdown-menu, .has-error .bootstrap-select .dropdown-menu, .was-validated .bootstrap-select select:invalid + .dropdown-toggle + .dropdown-menu .dropdown-menu {
background-color: #fff6f6
}
.bootstrap-select.is-valid .dropdown-toggle, .was-validated .bootstrap-select select:valid + .dropdown-toggle {
border-color: #033266
}
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
color: #666
}
.bootstrap-select {
max-width: 100%
}
.bootstrap-select .dropdown-toggle {
background-color: #fff;
border-image: none;
padding-top: .875rem;
padding-bottom: .875rem;
padding-right: 3rem;
padding-left: 1rem;
border: 2px solid #7f7f7f;
height: auto;
color: #333;
overflow: hidden;
overflow: -moz-hidden-unscrollable;
background: none !important;
-webkit-appearance: none;
-moz-appearance: none
}
.bootstrap-select .dropdown-toggle .filter-option-inner {
font-size: 1rem
}
.bootstrap-select .dropdown-toggle .filter-option-inner .filter-option-inner-inner {
font-size: 1.125em;
font-weight: 400;
line-height: 1.5
}
.bootstrap-select .dropdown-toggle:hover, .bootstrap-select .dropdown-toggle:focus {
border-color: #1d4776
}
.bootstrap-select .dropdown-toggle:active {
border-color: #1d4776 !important
}
.bootstrap-select .dropdown-toggle:focus {
border-color: #1d4776;
outline: 3px solid #008eaa !important;
outline-offset: 2px !important;
box-shadow: none
}
.bootstrap-select .dropdown-toggle[aria-expanded=true] {
position: relative;
z-index: 1010;
border-color: #033266
}
.bootstrap-select .dropdown-toggle::after {
content: url('data:image/svg+xml,');
background-image: none;
border: none;
opacity: 1;
display: inline-block;
width: 22px;
height: 22px;
position: absolute;
right: 1rem;
top: 50%;
transform: translateY(-50%);
z-index: 0
}
.bootstrap-select .dropdown-menu {
background-color: #fff;
border: 2px solid #033266;
border-top: none;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
max-width: 100%;
margin-top: -2px;
margin-bottom: 0;
z-index: 1050;
max-height: 400px
}
.bootstrap-select .dropdown-menu.show[x-placement=top-start] {
border-top: 2px solid #033266;
padding-top: .5rem;
top: 2px !important
}
.bootstrap-select .dropdown-menu .dropdown-item {
background-color: rgba(0,0,0,0);
color: #000
}
.bootstrap-select .dropdown-menu .dropdown-item:hover, .bootstrap-select .dropdown-menu .dropdown-item:focus {
background-color: #e6ecf7
}
.bootstrap-select .dropdown-menu .dropdown-item:hover .check-mark, .bootstrap-select .dropdown-menu .dropdown-item:focus .check-mark {
border-color: #033266 !important
}
.bootstrap-select .dropdown-menu .dropdown-item.active {
color: #000
}
.bootstrap-select .dropdown-menu .bs-searchbox {
padding-left: 1rem;
padding-right: 1rem
}
.bootstrap-select .dropdown-menu .inner .dropdown-menu {
box-shadow: none;
border: none;
padding-top: .5rem;
margin-top: 0
}
.bootstrap-select .dropdown-menu .inner .dropdown-menu li {
padding-left: 0;
padding-bottom: 0;
font-size: 1rem
}
.bootstrap-select .dropdown-menu .inner .dropdown-menu li.active {
background-color: #e6ecf7
}
.bootstrap-select .dropdown-menu .inner .dropdown-menu li.active .check-mark {
border-color: #033266
}
.bootstrap-select .dropdown-menu .inner .dropdown-menu .dropdown-item {
padding-left: 2.5rem;
padding-right: 1rem;
padding-top: .375rem;
padding-bottom: .375rem;
font-size: 1em;
line-height: 1.5em
}
.bootstrap-select .dropdown-menu .inner .dropdown-menu .dropdown-item.selected .check-mark {
border-color: #033266;
background-color: #033266
}
.bootstrap-select .dropdown-menu .inner .dropdown-menu .dropdown-item .check-mark {
position: absolute;
display: block;
right: auto;
left: 1rem;
top: .625rem;
width: 1rem;
height: 1rem;
border: 1px solid #6884a3;
border-radius: 4px;
background-color: #fff
}
.bootstrap-select .dropdown-menu .inner .dropdown-menu .dropdown-item .check-mark::after {
width: 1rem;
height: 1rem;
background-image: url('data:image/svg+xml,');
background-repeat: none;
background-position: center;
border: none;
transform: none;
margin: 0;
position: relative;
top: -1px;
left: -1px
}
.bootstrap-select .dropdown-menu .inner .dropdown-menu .dropdown-item .text {
white-space: normal;
margin-right: 0
}
.form-check-inline.form-check label.form-check-label {
margin-right: .25rem
}
.form-check input.form-check-input {
position: absolute;
cursor: pointer;
height: 100%;
width: 100%;
appearance: none;
display: flex;
align-items: center
}
.form-check input::after {
content: "";
border: 2px solid #007991;
display: inline-block;
width: 1rem;
height: 1rem;
border-radius: .5rem;
background-color: rgba(0,0,0,0)
}
.form-check input.form-check-input:checked::after {
background-color: #007991
}
.form-check .form-check-label {
padding-left: 1.375rem
}
.form-check:not(.form-check-inline) .form-check-label {
padding-top: .5rem;
padding-left: .5rem
}
.custom-file .file-input {
width: 100%;
cursor: pointer
}
.custom-file .custom-file-label {
overflow: hidden;
white-space: nowrap;
cursor: pointer
}
.custom-file .custom-file-label:hover::after, .custom-file .custom-file-label:focus::after {
background-color: #022851
}
.bootstrap-datetimepicker-widget {
list-style: none;
display: block !important;
background-color: #fff !important;
padding-right: 3rem !important;
padding-left: 3rem !important;
padding-top: 1rem !important;
padding-bottom: 1rem !important;
box-shadow: none;
border: 2px solid #033266;
border-top: none;
margin-top: -4px !important;
border-radius: 4px;
border-top-right-radius: 0;
border-top-left-radius: 0;
width: 100% !important;
max-width: 100% !important;
z-index: 1080
}
.bootstrap-datetimepicker-widget.top {
border-top: 2px solid #033266;
margin-bottom: -2px
}
.bootstrap-datetimepicker-widget.top::before, .bootstrap-datetimepicker-widget.top::after {
display: none !important
}
.bootstrap-datetimepicker-widget ul {
padding-left: 0 !important;
margin-left: 0 !important;
list-style: none !important
}
.bootstrap-datetimepicker-widget ul li {
padding-left: 0 !important;
margin-left: 0 !important;
background-color: #fff
}
.bootstrap-datetimepicker-widget li.collapse:first-child {
display: block !important
}
.bootstrap-datetimepicker-widget li.collapse:first-child:not(.show) {
height: 0;
visibility: hidden
}
.bootstrap-datetimepicker-widget li.collapse:last-child {
position: relative;
z-index: 10
}
.bootstrap-datetimepicker-widget li.picker-switch.accordion-toggle a {
padding-top: 0;
padding-bottom: 0;
display: inline-block;
width: 100%;
border: 2px solid #007991;
background-color: #fff;
border-radius: 6px;
cursor: pointer
}
.bootstrap-datetimepicker-widget li.picker-switch.accordion-toggle a:hover, .bootstrap-datetimepicker-widget li.picker-switch.accordion-toggle a:focus {
border-color: #007991;
background-color: #007991
}
.bootstrap-datetimepicker-widget li.picker-switch.accordion-toggle a:hover span[class="glyphicon glyphicon-time"], .bootstrap-datetimepicker-widget li.picker-switch.accordion-toggle a:focus span[class="glyphicon glyphicon-time"] {
border-color: #007991;
background-color: #007991
}
.bootstrap-datetimepicker-widget li.picker-switch.accordion-toggle a:hover span[class="glyphicon glyphicon-time"]::before, .bootstrap-datetimepicker-widget li.picker-switch.accordion-toggle a:focus span[class="glyphicon glyphicon-time"]::before {
content: url('data:image/svg+xml,')
}
.bootstrap-datetimepicker-widget li.picker-switch.accordion-toggle a:hover span[class="glyphicon glyphicon-time"]::after, .bootstrap-datetimepicker-widget li.picker-switch.accordion-toggle a:focus span[class="glyphicon glyphicon-time"]::after {
color: #fff
}
.bootstrap-datetimepicker-widget li.picker-switch.accordion-toggle a:hover span[class="glyphicon glyphicon-calendar"], .bootstrap-datetimepicker-widget li.picker-switch.accordion-toggle a:focus span[class="glyphicon glyphicon-calendar"] {
border-color: #007991;
background-color: #007991
}
.bootstrap-datetimepicker-widget li.picker-switch.accordion-toggle a:hover span[class="glyphicon glyphicon-calendar"]::before, .bootstrap-datetimepicker-widget li.picker-switch.accordion-toggle a:focus span[class="glyphicon glyphicon-calendar"]::before {
content: url('data:image/svg+xml,')
}
.bootstrap-datetimepicker-widget li.picker-switch.accordion-toggle a:hover span[class="glyphicon glyphicon-calendar"]::after, .bootstrap-datetimepicker-widget li.picker-switch.accordion-toggle a:focus span[class="glyphicon glyphicon-calendar"]::after {
color: #fff
}
.bootstrap-datetimepicker-widget li.picker-switch.accordion-toggle a span[class="glyphicon glyphicon-time"] {
padding-top: 0;
padding-bottom: 0;
border: none;
background-color: rgba(0,0,0,0);
display: flex;
justify-content: center;
align-items: center
}
.bootstrap-datetimepicker-widget li.picker-switch.accordion-toggle a span[class="glyphicon glyphicon-time"]::before {
display: inline-block;
width: 2rem;
height: 2rem;
content: url('data:image/svg+xml,');
margin-right: .75rem
}
.bootstrap-datetimepicker-widget li.picker-switch.accordion-toggle a span[class="glyphicon glyphicon-time"]::after {
display: inline-block;
content: "Select a time";
color: #007991;
font-size: 1.125rem;
line-height: 1.182;
font-weight: 500
}
.bootstrap-datetimepicker-widget li.picker-switch.accordion-toggle a span[class="glyphicon glyphicon-calendar"] {
padding-top: 0;
padding-bottom: 0;
border: none;
background-color: rgba(0,0,0,0);
display: flex;
justify-content: center;
align-items: center
}
.bootstrap-datetimepicker-widget li.picker-switch.accordion-toggle a span[class="glyphicon glyphicon-calendar"]::before {
display: inline-block;
width: 2rem;
height: 2rem;
content: url('data:image/svg+xml,');
margin-right: .75rem
}
.bootstrap-datetimepicker-widget li.picker-switch.accordion-toggle a span[class="glyphicon glyphicon-calendar"]::after {
display: inline-block;
content: "Select a date";
color: #007991;
font-size: 1.125rem;
line-height: 1.182;
font-weight: 500
}
.bootstrap-datetimepicker-widget .datepicker {
position: relative;
display: block
}
.bootstrap-datetimepicker-widget .datepicker tbody tr td span[class=decade], .bootstrap-datetimepicker-widget .datepicker tbody tr td span[class=year], .bootstrap-datetimepicker-widget .datepicker tbody tr td span[class=month] {
color: #033266;
font-weight: 500
}
.bootstrap-datetimepicker-widget .datepicker tbody tr td span[class=decade]:hover, .bootstrap-datetimepicker-widget .datepicker tbody tr td span[class=decade]:focus, .bootstrap-datetimepicker-widget .datepicker tbody tr td span[class=year]:hover, .bootstrap-datetimepicker-widget .datepicker tbody tr td span[class=year]:focus, .bootstrap-datetimepicker-widget .datepicker tbody tr td span[class=month]:hover, .bootstrap-datetimepicker-widget .datepicker tbody tr td span[class=month]:focus {
background-color: #e6ecf7
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-days {
display: block;
position: relative;
z-index: 0
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-days th {
border-top: none;
border-bottom: none
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-days th.dow {
background-color: #f7f7f7
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-days th.prev, .bootstrap-datetimepicker-widget .datepicker .datepicker-days th.next {
width: 100%;
border: none
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-days th.picker-switch {
border: none;
color: #007991
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-days th.picker-switch:hover, .bootstrap-datetimepicker-widget .datepicker .datepicker-days th.picker-switch:focus {
background-color: #fff;
text-decoration: underline
}
.bootstrap-datetimepicker-widget .datepicker tr {
border-bottom: 1px solid #e6ecf7
}
.bootstrap-datetimepicker-widget .datepicker td {
border-top: none;
border-bottom: none;
border-right: 1px solid #e6ecf7
}
.bootstrap-datetimepicker-widget .datepicker td:first-child {
border-left: 1px solid #e6ecf7
}
.bootstrap-datetimepicker-widget .datepicker td.day {
padding: .5rem
}
.bootstrap-datetimepicker-widget .datepicker td.day:hover, .bootstrap-datetimepicker-widget .datepicker td.day:focus {
background-color: #e6ecf7;
color: #033266
}
.bootstrap-datetimepicker-widget .datepicker td.day.today {
position: relative;
background-image: none;
background-color: #fff;
color: #c10230;
font-weight: 500
}
.bootstrap-datetimepicker-widget .datepicker td.day.today::after {
content: "";
display: block;
position: absolute;
bottom: 15%;
right: 20%;
left: 20%;
border-bottom: 1px solid #c10230
}
.bootstrap-datetimepicker-widget .datepicker td.day.today:hover, .bootstrap-datetimepicker-widget .datepicker td.day.today:focus {
background-color: #e6ecf7
}
.bootstrap-datetimepicker-widget .datepicker td.day.active {
background-image: none;
background-color: #007991;
color: #fff
}
.bootstrap-datetimepicker-widget .datepicker td.day.active::after {
border-color: #fff
}
.bootstrap-datetimepicker-widget .datepicker td.day.active:hover, .bootstrap-datetimepicker-widget .datepicker td.day.active:focus {
background-color: #007991;
color: #fff
}
.bootstrap-datetimepicker-widget .datepicker thead tr:last-child th {
border-right: 1px solid #e6ecf7
}
.bootstrap-datetimepicker-widget .datepicker thead tr:last-child th:first-child {
border-left: 1px solid #e6ecf7
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-months {
display: block
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-months .table thead th {
border-left: none !important
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-months .table th.prev, .bootstrap-datetimepicker-widget .datepicker .datepicker-months .table th.next {
width: 80px;
border: none
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-months .table th.picker-switch {
width: 100%;
border: none;
color: #007991
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-months .table th.picker-switch:hover, .bootstrap-datetimepicker-widget .datepicker .datepicker-months .table th.picker-switch:focus {
background-color: #fff;
text-decoration: underline
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-months .table td span:hover, .bootstrap-datetimepicker-widget .datepicker .datepicker-months .table td span:focus {
background-color: #e6ecf7
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-months .table td span.month.active {
background-image: none;
background-color: #007991;
color: #fff
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-months .table td span.month.active:hover, .bootstrap-datetimepicker-widget .datepicker .datepicker-months .table td span.month.active:focus {
background-color: #007991
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-years {
display: block
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-years .table thead th {
border-left: none !important
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-years .table th.prev, .bootstrap-datetimepicker-widget .datepicker .datepicker-years .table th.next {
width: 80px;
border: none
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-years .table th.picker-switch {
width: 100%;
border: none;
color: #007991
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-years .table th.picker-switch:hover, .bootstrap-datetimepicker-widget .datepicker .datepicker-years .table th.picker-switch:focus {
background-color: #fff;
text-decoration: underline
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-years .table td span:hover, .bootstrap-datetimepicker-widget .datepicker .datepicker-years .table td span:focus {
background-color: #e6ecf7
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-years .table td span.year.active {
background-image: none;
background-color: #007991;
color: #fff
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-years .table td span.year.active:hover, .bootstrap-datetimepicker-widget .datepicker .datepicker-years .table td span.year.active:focus {
background-color: #007991
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-decades {
display: block
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-decades .table tbody span:not(.decade):hover, .bootstrap-datetimepicker-widget .datepicker .datepicker-decades .table tbody span:not(.decade):focus {
cursor: auto;
background-color: #fff
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-decades .table thead {
border: none
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-decades .table thead tr {
border-left: none
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-decades .table thead tr th {
border-left: none !important
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-decades .table thead tr th .glyphicon {
border-left: none
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-decades .table th.prev, .bootstrap-datetimepicker-widget .datepicker .datepicker-decades .table th.next {
width: 80px;
border: none
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-decades .table th.picker-switch {
width: 100%;
border: none;
color: #007991
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-decades .table th.picker-switch:hover, .bootstrap-datetimepicker-widget .datepicker .datepicker-decades .table th.picker-switch:focus {
background-color: #fff;
text-decoration: underline
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-decades .table .decade {
padding: .5rem;
padding-top: .75rem;
height: auto;
line-height: 1.125rem;
display: flex;
align-items: center;
justify-content: center
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-decades .table .decade:hover, .bootstrap-datetimepicker-widget .datepicker .datepicker-decades .table .decade:focus {
background-color: #e6ecf7
}
.bootstrap-datetimepicker-widget .datepicker .datepicker-decades .table .decade.active {
background: none;
background-color: #007991
}
.bootstrap-datetimepicker-widget .picker-switch .table {
margin-left: .25rem;
margin-right: .25rem
}
.bootstrap-datetimepicker-widget .picker-switch .table tr td {
border: none;
padding-right: .5rem
}
.bootstrap-datetimepicker-widget .picker-switch .table tr td a {
border: 2px solid #007991;
background-color: #fff;
position: relative
}
.bootstrap-datetimepicker-widget .picker-switch .table tr td a:hover, .bootstrap-datetimepicker-widget .picker-switch .table tr td a:focus {
border-color: #007991;
background-color: #007991
}
.bootstrap-datetimepicker-widget .picker-switch .table tr td a:hover .glyphicon.glyphicon-time, .bootstrap-datetimepicker-widget .picker-switch .table tr td a:focus .glyphicon.glyphicon-time {
background-color: #007991
}
.bootstrap-datetimepicker-widget .picker-switch .table tr td a:hover .glyphicon.glyphicon-time::before, .bootstrap-datetimepicker-widget .picker-switch .table tr td a:focus .glyphicon.glyphicon-time::before {
content: url('data:image/svg+xml,')
}
.bootstrap-datetimepicker-widget .picker-switch .table tr td a:hover .glyphicon.glyphicon-time::after, .bootstrap-datetimepicker-widget .picker-switch .table tr td a:focus .glyphicon.glyphicon-time::after {
color: #fff
}
.bootstrap-datetimepicker-widget .picker-switch .table tr td a .glyphicon.glyphicon-time {
padding-top: .5rem !important;
padding-bottom: .5rem !important;
display: flex;
justify-content: center;
align-items: center
}
.bootstrap-datetimepicker-widget .picker-switch .table tr td a .glyphicon.glyphicon-time::before {
display: inline-block;
width: 2rem;
height: 2rem;
content: url('data:image/svg+xml,');
margin-right: .75rem
}
.bootstrap-datetimepicker-widget .picker-switch .table tr td a .glyphicon.glyphicon-time::after {
display: inline-block;
content: "Select a time";
color: #007991;
font-size: 1.125rem;
line-height: 1.182;
font-weight: 500
}
.bootstrap-datetimepicker-widget .timepicker {
padding-left: .25rem;
padding-right: .25rem;
padding-bottom: .25rem
}
.bootstrap-datetimepicker-widget .timepicker .table tr td {
border-color: #e6ecf7
}
.bootstrap-datetimepicker-widget .timepicker .timepicker-picker .table tr td:first-child {
border-left: 1px solid #e6ecf7
}
.bootstrap-datetimepicker-widget .timepicker .timepicker-picker .table tr td:last-child {
border-right: 1px solid #e6ecf7
}
.bootstrap-datetimepicker-widget .timepicker .timepicker-picker .table tr td {
border-top: none;
border-bottom: none;
border-left: none;
border-right: none;
padding: .5rem !important;
text-align: center;
vertical-align: middle
}
.bootstrap-datetimepicker-widget .timepicker .timepicker-picker .table tr td a {
opacity: .5;
width: 100%
}
.bootstrap-datetimepicker-widget .timepicker .timepicker-picker .table tr td a:hover, .bootstrap-datetimepicker-widget .timepicker .timepicker-picker .table tr td a:focus {
opacity: 1
}
.bootstrap-datetimepicker-widget .timepicker .timepicker-picker .table tr td a .glyphicon:hover, .bootstrap-datetimepicker-widget .timepicker .timepicker-picker .table tr td a .glyphicon:focus {
background-color: #fff
}
.bootstrap-datetimepicker-widget .timepicker .timepicker-picker .table tr td .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker .timepicker-picker .table tr td .timepicker-minute {
color: #007991
}
.bootstrap-datetimepicker-widget .timepicker .timepicker-picker .table tr td .timepicker-hour:hover, .bootstrap-datetimepicker-widget .timepicker .timepicker-picker .table tr td .timepicker-hour:focus, .bootstrap-datetimepicker-widget .timepicker .timepicker-picker .table tr td .timepicker-minute:hover, .bootstrap-datetimepicker-widget .timepicker .timepicker-picker .table tr td .timepicker-minute:focus {
background-color: #fff;
text-decoration: underline
}
.bootstrap-datetimepicker-widget .timepicker .timepicker-picker .table tr td button[data-action=togglePeriod] {
width: 60px
}
.bootstrap-datetimepicker-widget .timepicker .timepicker-picker .table tr:first-child td {
border-top: 1px solid #e6ecf7
}
.bootstrap-datetimepicker-widget .timepicker .timepicker-picker .table tr:last-child td {
border-bottom: 1px solid #e6ecf7
}
.bootstrap-datetimepicker-widget .timepicker .timepicker-hours .table tr td:hover, .bootstrap-datetimepicker-widget .timepicker .timepicker-hours .table tr td:focus, .bootstrap-datetimepicker-widget .timepicker .timepicker-minutes .table tr td:hover, .bootstrap-datetimepicker-widget .timepicker .timepicker-minutes .table tr td:focus {
background-color: #e6ecf7
}
.bootstrap-datetimepicker-widget .timepicker .glyphicon.glyphicon-chevron-up {
content: url("https://health.ucdavis.edu/medical-center/images/icons/bootstrap-icons/chevron-up.svg");
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.bootstrap-datetimepicker-widget .timepicker .glyphicon.glyphicon-chevron-down {
content: url("https://health.ucdavis.edu/medical-center/images/icons/bootstrap-icons/chevron-down.svg");
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.bootstrap-datetimepicker-widget .datepicker thead tr:first-child th.prev {
transition: all .25s
}
.bootstrap-datetimepicker-widget .datepicker thead tr:first-child th.prev:hover, .bootstrap-datetimepicker-widget .datepicker thead tr:first-child th.prev:focus {
background-color: rgba(0,0,0,0);
position: relative;
transform: scale(125%)
}
.bootstrap-datetimepicker-widget .datepicker thead tr:first-child th.next {
transition: all .25s
}
.bootstrap-datetimepicker-widget .datepicker thead tr:first-child th.next:hover, .bootstrap-datetimepicker-widget .datepicker thead tr:first-child th.next:focus {
background-color: rgba(0,0,0,0);
position: relative;
transform: scale(125%)
}
@media(max-width: calc(576px - 1px)) {
.client form .form-group label {
font-size: 1em;
line-height: 1.25;
font-weight: 500
}
.client form .form-group .form-control {
font-size: 1em
}
.client form .form-group .form-control ~ .placeholder {
font-size: 1em
}
.client form .form-group .form-control.is_populated ~ .placeholder {
font-size: .75em;
line-height: 1.8333333333em
}
.client form .form-group .form-control ~ .placeholder.shrunk {
font-size: .75em;
line-height: 1.8333333333em
}
.client form .form-group .form-control:focus ~ .placeholder {
font-size: .75em;
line-height: 1.8333333333em
}
.client form .select-input .dropdown-toggle {
font-size: 1em
}
form .bootstrap-select .dropdown-toggle .filter-option-inner .filter-option-inner-inner {
font-size: 1em
}
form .bootstrap-datetimepicker-widget {
padding-right: .75rem !important;
padding-left: .75rem !important
}
form fieldset legend {
font-size: 1.125em;
line-height: 1.333
}
form fieldset > .hint-block {
font-size: 1em;
line-height: 1.375;
margin-bottom: 2rem
}
}
form.disabled {
opacity: .4
}
form.disabled::before {
content: " ";
display: block;
height: 100%;
position: absolute;
width: 100%;
z-index: 5
}
#refDate {
padding-right: 0
}
.alert-form {
border: none;
border-radius: 4px;
box-shadow: none;
margin-left: 0;
margin-right: 0
}
.alert-form-warning {
background-color: #ffbf00;
margin-left: 16px;
margin-right: 16px
}
.custom-file-label {
border-radius: .25rem
}
.custom-file-label::after {
background-color: #007991;
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
color: #fff;
cursor: pointer
}
.custom-file-label.populated {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.custom-file-label.populated::after {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.custom-file input.file-input {
border-radius: .25rem
}
.custom-file.no-radius .custom-file-label {
border-radius: 0
}
.custom-file.no-radius .custom-file-label::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.custom-file.no-top-radius .custom-file-label {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.custom-file.no-top-radius .custom-file-label::after {
border-top-right-radius: 0
}
.custom-file.no-bottom-radius .custom-file-label {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.custom-file.no-bottom-radius .custom-file-label::after {
border-bottom-right-radius: 0
}
.file_list {
position: relative;
border: 1px solid #a4b9cb;
background-color: #f2f2f2
}
.file_list:last-child {
border-bottom-right-radius: .25em;
border-bottom-left-radius: .25em
}
.file_list .file_listing {
padding-right: 2rem
}
.file_list .close {
background-image: url("https://health.ucdavis.edu/medical-center/images/icons/bootstrap-icons/x-circle.svg");
cursor: pointer;
display: block;
background-size: cover;
height: 1rem;
right: 1rem;
position: absolute;
top: 1.25rem;
bottom: 1rem;
width: 1rem
}
.form-group.required label::after {
display: inline;
color: #c10230;
content: "*";
padding: .25em
}
.form-container .danger {
color: #c10230;
padding: .5em
}
.form-instructions {
font-size: .875rem !important
}
.form-instructions-top {
border-top: 3px solid #e6ecf7
}
.form_section {
border-bottom: 1px solid;
font-size: 22px;
margin-left: 1px;
margin-right: 1px
}
.client .hide {
display: none !important
}
.icon-date {
border-right: none
}
.input-group-text {
color: #007991;
background-color: #fff;
border-left: none;
font-weight: bold
}
.info-prompt {
background-color: #fff9e5
}
.referral-form input::-webkit-input-placeholder {
color: #868d96
}
.referral-form input::-moz-placeholder {
color: #868d96
}
.referral-form input:-ms-input-placeholder {
color: #868d96
}
.referral-form input:-moz-placeholder {
color: #868d96
}
.referral-form input::-webkit-calendar-picker-indicator {
display: none
}
.referral-form input.nested-2 {
display: inline-block;
width: 47%
}
.referral-form input.nested-2:last-child {
margin-left: 3%
}
.referral-form h4 {
border-bottom: 1px solid
}
.addthis-smartlayers-mobile {
display: none !important
}
.tab-content .news-list.media-block .media-list .media:last-child, .listing-component .news-list.media-block .media-list .media:last-child {
border-bottom: none !important;
padding-bottom: 0
}
.tab-content .news-list.media-block .media-list .media:last-child.mb-sm-5, .listing-component .news-list.media-block .media-list .media:last-child.mb-sm-5 {
margin-bottom: 2rem !important
}
.news-list.media-block .media-list .media:last-child {
padding-bottom: 2rem;
border-bottom: 2px solid #e6ecf7
}
.news-list.media-block .media-list .media:last-child.mb-sm-5 {
margin-bottom: 1rem !important
}
.news-list.media-block .news-list-date + .media-list .media:last-child {
border-bottom: none !important;
padding-bottom: 0
}
.news-list.media-block .news-list-date + .media-list .media:last-child.mb-sm-5 {
margin-bottom: 2rem !important
}
.listing-component.media-block-wrapper .media-block .wrapper .sizer .section-header .section-title:after {
width: 8%;
left: 46%
}
.listing-component.media-block-wrapper .media-block .wrapper .sizer .media-list {
border-bottom: 2px solid #e6ecf7
}
.listing-component.media-block-wrapper .media-block .wrapper .sizer .media-list .media .media-img {
padding-left: 0
}
.listing-component.media-block-wrapper .media-block .wrapper .sizer .media-list .media .media-body {
padding-right: 0
}
.news-article-container .article-footer .category-block {
font-size: 1rem;
width: 100%
}
.news-article-container .article-footer .category-block .categories {
margin-top: 1rem;
display: block
}
@media(min-width: 576px) {
.news-article-container .article-footer .category-block .category-header {
padding-top: 0
}
}
.news-list .media-body .category {
color: #007991
}
.news-list .media-body .category:hover {
text-decoration: underline !important
}
.news-list .media-body .category.unlinked {
color: #022851 !important
}
.news-list .media-body .date {
position: relative;
color: #666;
text-transform: uppercase;
letter-spacing: .05em;
font-weight: 600;
font-size: .875em;
line-height: 1
}
.news-list .media-body .category + .date {
margin-left: .5rem;
padding-left: .5rem
}
.news-list .media-body .category + .date:before {
content: "";
display: block;
position: absolute;
top: .125rem;
bottom: .125rem;
left: 0;
border-left: 1px solid #666
}
@media(max-width: calc(576px - 1px)) {
.news-list .media-body .date {
font-size: .75em
}
.news-article-container a.email {
font-size: 1em !important;
line-height: 1.375em !important
}
}
.news-list .section-header .section-title.underlined::after {
width: 25%;
left: 0
}
.news-list.media-block.web .media-list .media:first-child {
border-top: none
}
.news-list.media-block.web .media-list .media:last-child::after {
display: none
}
.news-list.media-block.web .media-list .media .media-img .badge {
left: 0
}
.news-list.media-block.web .media-list .media .media-body .category:hover {
text-decoration: none
}
.news-list-date {
background-color: #e6ecf7;
text-align: left;
width: 100%
}
.news-search button {
border: 1px solid #cdd6e0;
border-left: none;
color: #007991;
font-size: 1em
}
.news-search button:hover {
color: #fff;
background-color: #007991;
border: 1px solid #007991
}
.news-search input {
border-left: none;
height: 60px
}
@media(max-width: 765px) {
.news-search input::-webkit-input-placeholder, .news-search input::placeholder {
font-size: .875rem
}
}
.news-search input.form-control {
border-color: #cdd6e0
}
.news-search input.form-control::placeholder {
color: #666
}
.news-search .input-group-text {
border: 1px solid #cdd6e0;
border-right: 0
}
.news-article-container {
margin-top: -4rem
}
.news-article-container.nosummary .article-dateline-wrapper {
padding-top: 3rem
}
.news-article-container.marquee-small.nosummary, .news-article-container.marquee-small {
margin-top: -2rem
}
.news-article-container.marquee-small.nosummary .article-dateline-wrapper {
padding-top: 2rem
}
.news-article-container .article-header span.category {
color: #666
}
.news-article-container .article-container {
padding-top: 0
}
.news-article-container .article-container .special-note-block .article-header::before {
background-color: rgba(0,0,0,0)
}
.news-article-container .article-footer .categories {
display: none
}
.news-article-container .article-footer .cta-block {
align-self: start
}
.news-article-container .article-footer .info-block {
border-top: none
}
.news-article-container a.email {
color: #007991;
font-weight: 600;
font-size: 1.125em;
line-height: 1.222
}
.news-article-container p.email {
margin-bottom: 0
}
.news-article-container .news-contacts {
border-top: 2px solid #cdd6e0;
line-height: 1.5em
}
@media(min-width: 991px) {
.news-article-container .jumbotron.hero {
margin-bottom: -200px
}
}
.news-article-container h2.lede {
color: #1d4776;
font-weight: normal;
font-size: 1.375em;
line-height: 1.273
}
.news-article-container .special-note-block .editor-note {
background-color: #fff
}
.news-article-container .editor-note :last-child {
margin-bottom: 0
}
.news-article-container .boilerplate {
width: 100%
}
.news-article-container .boilerplate p {
font-size: 1em;
line-height: 1.375;
margin-bottom: .5rem
}
.news-article-container .wrapper {
max-width: 71.25rem
}
.news-article-container .quick-links.news .card {
background-color: #e6ecf7;
border-radius: 4px !important;
width: 49%
}
.news-article-container .quick-links.news .card-body {
display: flex;
flex-direction: column
}
.news-article-container .quick-links.news .card-body .link-wrapper {
color: #007991
}
@media(max-width: calc(576px - 1px)) {
.boilerplate {
margin-bottom: 1.5rem
}
}
@media(max-width: calc(768px - 1px)) {
.news-article-container {
margin-bottom: 2rem
}
}
@media(max-width: calc(992px - 1px)) {
h2.lede.client .col-lg-10 {
padding-right: 0;
padding-left: 0
}
}
@media(min-width: 576px) {
.news-article-container h2.lede {
font-size: 1.75em;
line-height: 1.25
}
.news-article-container .editor-note:after {
content: "";
display: table;
clear: both
}
.news-article-container .editor-note figure.img-left {
margin-left: 0
}
.news-article-container .editor-note figure.img-right {
margin-right: 0
}
.news-article-container .boilerplate p {
font-size: 1.125em;
line-height: 1.5
}
}
@media(min-width: 992px) {
.news-article-container.marquee-small.nosummary > .jumbotron .hero-image-container.article-feature-img.body-width, .news-article-container.marquee-small > .jumbotron .hero-image-container.article-feature-img.body-width {
margin: 0 auto 200px
}
}
.news-post .story-location {
float: left;
font-size: 1.125rem
}
.news-post .news-contacts {
display: flex;
flex-wrap: wrap
}
.news-post .news-contact {
width: 100%;
font-size: 1rem
}
.news-post .news-contact.multiple {
width: 50%
}
.news-post .news-contact-title {
font-size: .78em;
text-transform: uppercase
}
@media(-ms-high-contrast: none)and (max-width: calc(992px - 1px)),(-ms-high-contrast: active)and (max-width: calc(992px - 1px)) {
.news-article-container .sizer {
padding: 0
}
}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
.news-article-container .special-note-block {
width: 100%
}
}
@media print {
.news-list-date {
background-color: #fff !important;
border: 2px solid #b3c1d1
}
}
div#open-scheduling-widget.client .col-12 {
display: block !important
}
div#open-scheduling-widget > div {
width: 100%;
display: flex;
justify-content: center
}
div#open-scheduling-widget iframe {
max-width: 100%
}
.provider-listing .provider-listing-card {
margin-top: 1rem
}
.provider-listing .provider-listing-card .bio-card {
position: relative
}
.provider-listing .provider-listing-card .bio-card::before {
content: "";
position: absolute;
top: -2rem;
right: 1rem;
left: 1rem;
border-top: 2px solid #e6ecf7
}
.provider-listing .provider-listing-card:first-child {
margin-top: .5rem
}
.provider-listing .provider-listing-card:first-child .bio-card::before {
border: none !important
}
.bio-card .bio-card-intro .bio-card-info {
margin-bottom: 0
}
.bio-card .bio-card-img .img-wrapper a {
position: relative;
display: block;
border-radius: 6px
}
.bio-card .bio-card-img .img-wrapper a:hover .profile-thumb {
opacity: .9;
transition: all .2s
}
.bio-card .bio-card-img .profile-thumb {
position: relative;
z-index: 0;
border-radius: 6px;
width: 100%
}
.bio-card .bio-card-info .bio-card-name-title .bio-card-title {
margin-bottom: 0
}
.bio-card .fac-name a {
color: #022851;
font-weight: 600;
text-decoration: underline;
-webkit-text-decoration-color: rgba(0,121,145,.25);
text-decoration-color: rgba(0,121,145,.25)
}
.bio-card .fac-name a:hover {
text-decoration: underline;
color: #007991
}
.bio-card .bio-card-name {
margin-bottom: .75rem
}
.bio-card .bio-card-name h3.fac-name {
font-size: 1.75rem;
line-height: 1.214;
font-weight: 600
}
.bio-card .bio-card-name h1.fac-name {
font-size: 2.25em;
line-height: 1.194;
font-weight: 600
}
.bio-card .bio-card-title {
margin-bottom: 1.5rem
}
.bio-card .bio-card-title .fac-title {
margin-bottom: .5rem;
line-height: 1.333
}
.bio-card .bio-card-title .fac-title p {
line-height: 1.333;
padding-bottom: .5rem
}
.bio-card .bio-card-subtitle {
font-size: .875em;
line-height: 2;
font-weight: 600;
padding-top: 0;
margin-bottom: .125rem;
color: #000;
letter-spacing: .05em;
text-transform: uppercase
}
.bio-card .appointments {
font-size: 1em
}
.bio-card .appointments h4 {
font-size: .875em;
line-height: 2;
font-weight: 600;
padding-top: 0;
margin-bottom: .125rem;
color: #000;
letter-spacing: .05em;
text-transform: uppercase
}
.bio-card .appointments p {
margin-bottom: 0
}
.bio-card .appointments .btn {
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: .75rem;
padding-bottom: .75rem;
margin-bottom: .125rem
}
.bio-card .bio-card-contact-ratings {
margin-bottom: 1rem
}
.bio-card .bio-card-contact-ratings .no-data-btn {
color: #022851;
font-weight: 500;
width: 100%;
text-align: center
}
.bio-card .bio-card-contact-ratings .no-data-btn:hover {
color: #007991;
text-decoration: none
}
.bio-card .bio-card-contact-ratings .bio-card-ratings {
margin-top: .5rem;
margin-bottom: 0;
text-align: center
}
.bio-card .bio-card-contact-ratings .bio-card-ratings .ds-stars {
float: none !important;
clear: both !important;
margin-right: 0 !important
}
.bio-card .bio-card-contact-ratings .bio-card-ratings .ds-xofy {
clear: both !important;
width: 100%
}
.bio-card .bio-card-contact-ratings .bio-card-ratings .no-data-btn {
margin-top: 0 !important
}
.bio-card .bio-card-contact-ratings .bio-card-ratings .ds-ratings, .bio-card .bio-card-contact-ratings .bio-card-ratings .ds-comments {
display: none !important
}
.bio-card .bio-card-specialties .specialties {
margin-bottom: 0
}
.bio-card .bio-card-specialties .locations {
margin-top: 1.5rem
}
.bio-card .bio-card-specialties a {
font-weight: 600;
color: #022851;
text-decoration: underline;
-webkit-text-decoration-color: rgba(0,121,145,.25);
text-decoration-color: rgba(0,121,145,.25)
}
.bio-card .bio-card-specialties a:hover, .bio-card .bio-card-specialties a:focus {
color: #007991;
text-decoration: underline
}
.bio-card .bio-card-specialties dd {
font-size: 1.125em;
line-height: 1.333;
font-weight: 400
}
.bio-card .bio-card-intro .bio-card-info {
align-content: flex-start
}
.bio-card .bio-card-intro .bio-file-buttons button {
color: #022851;
font-size: .875em;
line-height: 1.286;
padding: 0;
margin-bottom: .75rem;
text-align: left
}
.bio-card .bio-card-intro .bio-file-buttons button:hover, .bio-card .bio-card-intro .bio-file-buttons button:focus {
outline: none;
color: #007991
}
.bio-card .bio-card-intro .bio-file-buttons button svg {
float: left;
margin-right: .375rem;
position: relative;
top: 1px
}
.bio-card .bio-card-intro .bio-file-buttons button span {
display: block;
overflow: hidden
}
.bio-card .bio-card-details p {
margin-bottom: .25rem
}
.bio-card .bio-card-details .bio-card-specialties .specialties .bio-card-subtitle {
margin-bottom: .125rem
}
.bio-card .bio-card-details .bio-card-specialties .specialties p {
line-height: 1.333;
margin-bottom: .5rem
}
.bio-card .bio-card-details a.doctor-rate {
display: inline-block;
margin-bottom: .5rem
}
.bio-card .bio-card-details a.doctor-rate:hover {
color: #007991
}
.bio-card .bio-card-details a.doctor-rate .ds-xofy {
width: calc(100% + 20px)
}
.bio-card .bio-card-details .department p {
line-height: 1.333;
margin-bottom: .5rem
}
.accordion-option {
display: flex;
justify-content: flex-end
}
.toggle-accordion:before {
content: "Expand All";
display: block
}
.toggle-accordion:hover {
color: #022851
}
.toggle-accordion.active:before {
content: "Collapse All"
}
.client span.ds-stars {
background-image: url("https://health.ucdavis.edu/global/images/icons/provider-star-ratings.png");
float: left
}
#ratings-summary .ds-title, #faculty-list .ds-title, .bio-card .ds-title {
display: none
}
#ratings-summary .count-container, #faculty-list .count-container, .bio-card .count-container {
display: flex;
align-items: center
}
#ratings-summary span.ds-stars, #ratings-summary .ds-ratings, #ratings-summary .ds-comments, #ratings-summary .ds-invalid-msg, #faculty-list span.ds-stars, #faculty-list .ds-ratings, #faculty-list .ds-comments, #faculty-list .ds-invalid-msg, .bio-card span.ds-stars, .bio-card .ds-ratings, .bio-card .ds-comments, .bio-card .ds-invalid-msg {
display: inline-block;
font-size: .825em;
margin-right: .5em
}
#ratings-summary .ds-comments:before, #faculty-list .ds-comments:before, .bio-card .ds-comments:before {
content: "";
height: 100%;
border-right: 1px solid #cdd6e0;
position: relative;
left: -4px;
padding-left: 4px;
margin-right: 2px
}
#ratings-summary .ds-xofy, #faculty-list .ds-xofy, .bio-card .ds-xofy {
display: inline-block;
position: relative;
top: -3px
}
#ratings-summary .doctor-rate .ds-ratings, #faculty-list .doctor-rate .ds-ratings, .bio-card .doctor-rate .ds-ratings {
padding-top: 2px
}
#ratings-summary .doctor-rate .ds-xofy, #faculty-list .doctor-rate .ds-xofy, .bio-card .doctor-rate .ds-xofy {
display: block
}
.contact-us.bio-version .contact-us-content {
padding-top: .25rem !important
}
.contact-us.bio-version .contact-us-content .contact-us-subtitle {
font-size: 1.125em !important;
line-height: 1.333 !important
}
.contact-us.bio-version .contact-us-section.bio-card .bio-card-subtitle {
margin-top: .25rem;
margin-bottom: .25rem
}
.contact-us.bio-version .contact-us-section.bio-card .contact-us-tile {
margin-bottom: 0 !important
}
.contact-us.bio-version .contact-us-section.bio-card .contact-us-tile .icon-web {
display: none !important
}
.contact-us.bio-version .contact-us-section.bio-card .contact-us-tile .contact-us-subtitle {
font-size: 1.125em !important;
line-height: 1.222 !important;
font-weight: 400 !important;
color: #333 !important;
margin-bottom: 0 !important
}
.schedule .schedule-header {
display: block;
font-size: 1.75em;
line-height: 1.214;
font-weight: 600;
color: #000;
margin-bottom: 1rem;
padding: 1rem 0 .75rem 0;
border-bottom: 2px solid #e6ecf7
}
.schedule iframe {
border: none !important;
outline: none !important;
max-width: 700px;
margin-bottom: 1rem
}
.reviews .reviews-heading {
padding: 1rem 0 .75rem 0;
border-bottom: 2px solid #e6ecf7;
margin-bottom: 2rem
}
.reviews .reviews-heading .reviews-title {
display: block;
font-size: 1.75em;
line-height: 1.214;
font-weight: 600;
color: #000;
margin-bottom: 0
}
.reviews .reviews-heading .about-survey svg {
margin-right: .25rem;
position: relative;
top: -1px
}
.reviews .reviews-heading .about-survey a:hover, .reviews .reviews-heading .about-survey a:focus {
color: #007991
}
.reviews .reviews-body .ds-breakdown ul li {
margin-bottom: 1rem
}
.reviews .reviews-body .ds-breakdown .ds-questiontext {
display: block;
overflow: hidden;
font-size: .875em;
line-height: 1.286;
font-weight: 400
}
.reviews .reviews-body .ds-breakdown .ds-average {
font-size: 1.125em;
line-height: 1.333;
font-weight: 600
}
.reviews .reviews-body .ds-distribution ul li {
margin-bottom: 1rem
}
.reviews .reviews-body .ds-distribution ul li .ds-average {
width: 1rem;
text-align: center;
position: relative;
top: -1px
}
.reviews .reviews-body .ds-distribution ul li .ds-dist-bar {
position: relative;
top: 0;
border-radius: 4px;
border-color: #666;
height: 120%;
overflow: hidden
}
.reviews .reviews-body .ds-distribution ul li .ds-dist-bar .ds-dist-bar-fill {
background-color: #ffbf00
}
.reviews .reviews-body .ds-distribution ul li .ds-ratingcount {
color: #666;
font-size: .875rem;
line-height: 1.143;
position: relative;
top: -4px
}
.reviews .reviews-body .ds-comments {
margin-top: 1.5rem
}
.reviews .reviews-body .ds-comments .ds-commentprefix {
border-bottom: 2px solid #e6ecf7;
margin-bottom: 1.25rem;
padding-bottom: 1.5rem
}
.reviews .reviews-body .ds-comments .ds-commentprefix .ds-xofy {
font-size: 1.375em !important;
line-height: 1.273 !important
}
.reviews .reviews-body .ds-comments .ds-commentprefix .ds-xofy .ds-average-max {
font-weight: 600;
color: #000
}
.reviews .reviews-body .ds-comments .ds-commentprefix .ds-ratingcount {
color: #666;
font-size: 1.375em !important;
line-height: 1.273 !important
}
.reviews .reviews-body .ds-comments .ds-comment {
max-width: none;
min-width: 0
}
.reviews .reviews-body .ds-comments .ds-comment .ds-.client .col {
max-width: none;
min-width: 0;
margin-top: .25rem
}
.reviews .reviews-body .ds-comments .ds-comment .ds-.client .col .ds-stars {
float: none
}
.reviews .reviews-body .ds-comments .ds-comment .ds-.client .col .ds-date {
font-size: .875em;
line-height: 1.429;
margin-left: 0;
margin-top: .5rem;
display: block
}
.reviews .reviews-body .ds-comments .ds-comment .ds-.client .col {
width: 80%;
padding-left: 2rem;
max-width: none;
min-width: 0
}
.reviews .reviews-body .ds-comments .ds-comment .ds-body {
color: #333;
font-size: 1.125em;
line-height: 1.333
}
.reviews .reviews-body .ds-comments .ds-divider {
border-top: 2px solid #e6ecf7
}
.reviews .reviews-body .ds-comments .ds-comments-more {
margin-top: 2.5rem;
margin-bottom: 3rem
}
.reviews .reviews-body .ds-comments .ds-comments-more a {
font-size: 1.125rem;
line-height: 1.182;
font-weight: 500;
color: #007991;
background-color: rgba(0,0,0,0);
border-radius: 6px;
border: 2px solid #007991;
padding-top: 8px !important;
padding-bottom: 8px !important;
padding-left: 2rem;
padding-right: 2rem
}
.reviews .reviews-body .ds-comments .ds-comments-more a:hover, .reviews .reviews-body .ds-comments .ds-comments-more a:focus {
text-decoration: none;
color: #fff;
background-color: #007991;
border-color: #007991
}
.reviews .reviews-body .ds-comments .ds-poweredby a {
color: #022851
}
.reviews .reviews-body .ds-comments .ds-poweredby a:hover, .reviews .reviews-body .ds-comments .ds-poweredby a:focus {
color: #007991
}
@media(min-width: 1200px) {
.bio-card .bio-card-intro .bio-card-buttons {
width: 100%
}
}
@media(max-width: calc(768px - 1px)) {
.provider-listing .provider-listing-card {
margin-top: 0
}
.bio-card .bio-card-name {
margin-bottom: .5rem
}
.bio-card .fac-name {
font-size: 1.375em !important;
line-height: 1.182 !important
}
.schedule .schedule-header {
font-size: 1.375em;
line-height: 1.182
}
.reviews .reviews-heading .reviews-title {
font-size: 1.375em;
line-height: 1.182
}
.reviews .reviews-body .ds-breakdown {
width: 50%
}
.reviews .reviews-body .ds-breakdown ul li {
margin-bottom: 1rem
}
.reviews .reviews-body .ds-breakdown ul li .ds-questiontext {
width: 100%
}
.reviews .reviews-body .ds-distribution {
width: 50%
}
}
@media(max-width: calc(576px - 1px)) {
.bio-card .bio-card-info {
margin-bottom: 1.5rem
}
.bio-card .bio-card-img .row {
flex-direction: column
}
.bio-card .bio-card-img .row .bio-card-contact-ratings .bio-card-ratings {
margin-top: .5rem
}
.bio-card .bio-card-title .fac-title {
line-height: 1.25
}
.bio-card .bio-card-title .fac-title p {
line-height: 1.25
}
.bio-card .appointments h4 {
font-size: .75em;
line-height: 1.167;
margin-bottom: .25rem
}
.bio-card .bio-card-specialties .bio-card-subtitle {
font-size: .75em;
line-height: 1.167;
margin-bottom: .25rem
}
.bio-card .bio-card-specialties dd {
font-size: 1em;
line-height: 1.25
}
.bio-card .bio-card-details .bio-card-subtitle {
font-size: .75em;
line-height: 1.167;
margin-bottom: .25rem
}
.bio-card .bio-card-details .bio-card-specialties .specialties p {
line-height: 1.25
}
.bio-card .bio-card-details .department p {
line-height: 1.25
}
.bio-card .bio-card-intro .bio-card-img {
padding-right: 0
}
.bio-card .bio-card-intro .bio-card-img .profile-thumb {
margin-bottom: 1rem
}
.bio-card .bio-card-cta .bio-card-buttons {
margin-bottom: .5rem
}
.bio-card .bio-card-cta p {
margin-bottom: 2rem
}
.bio-card .bio-file-buttons button {
margin-right: .625rem
}
.contact-us.bio-version .contact-us-section.bio-card {
margin-top: .5rem
}
.contact-us.bio-version .contact-us-section.bio-card .bio-card-subtitle {
background-color: #e6ecf7;
margin: 0;
padding: 1rem 1.5rem .25rem 1.5rem
}
.contact-us.bio-version .contact-us-section.bio-card .contact-us-tile {
background-color: #e6ecf7;
padding-left: 1.5rem;
padding-right: 1.5rem
}
.contact-us.bio-version .contact-us-section.bio-card .contact-us-tile p {
font-size: 1em !important;
line-height: 1.5 !important
}
.contact-us.bio-version .contact-us-section.bio-card .contact-us-tile .contact-us-subtitle {
font-size: 1em !important;
line-height: 1.5 !important
}
.contact-us.bio-version .contact-us-section.bio-card .contact-us-tile:last-child {
padding-bottom: .5rem
}
.reviews .reviews-body .ds-breakdown {
width: 100%
}
.reviews .reviews-body .ds-breakdown ul li {
margin-bottom: 1rem
}
.reviews .reviews-body .ds-breakdown ul li .ds-questiontext {
width: 100%
}
.reviews .reviews-body .ds-distribution {
width: 100%;
margin-top: 1rem
}
.reviews .reviews-body .ds-distribution ul li {
display: flex;
flex-wrap: nowrap;
align-items: center;
height: 1.5rem
}
.reviews .reviews-body .ds-distribution ul li .ds-dist-bar {
height: 100%;
flex-grow: 1;
margin-left: .25rem;
margin-right: .5rem
}
.reviews .reviews-body .ds-distribution ul li .ds-ratingcount {
display: inline-block;
width: 88px;
margin-left: .25rem;
flex-grow: 0;
top: auto
}
.reviews .reviews-body .ds-distribution ul li .ds-average {
text-align: left;
flex-grow: 0;
top: auto
}
.reviews .reviews-body .ds-distribution ul li[data-ds-rating="1"] .ds-average {
left: 1px
}
.reviews .reviews-body .ds-comments {
margin-top: 1.5rem
}
.reviews .reviews-body .ds-comments .ds-commentprefix {
padding-bottom: 1rem
}
.reviews .reviews-body .ds-comments .ds-commentprefix .ds-xofy {
font-size: 1.125em !important;
line-height: 1.333 !important
}
.reviews .reviews-body .ds-comments .ds-commentprefix .ds-ratingcount {
font-size: 1.125em !important;
line-height: 1.333 !important
}
.reviews .reviews-body .ds-comments .ds-comment .ds-.client .col {
width: 30%
}
.reviews .reviews-body .ds-comments .ds-comment .ds-.client .col {
width: 70%;
padding-left: 1rem
}
.reviews .reviews-body .ds-comments .ds-comment .ds-body {
font-size: 1em;
line-height: 1.375
}
}
@media(max-width: 350px) {
.reviews .reviews-body .ds-distribution ul li .ds-dist-bar {
width: 120px
}
.reviews .reviews-body .ds-comments .ds-comment .ds-.client .col {
width: 100%;
margin-bottom: 1rem
}
.reviews .reviews-body .ds-comments .ds-comment .ds-.client .col {
width: 100%;
padding-left: 0
}
}
.client .btn-search {
font-size: .875rem;
letter-spacing: .013em;
color: #022851;
background-color: #e6ecf7;
border-radius: .255rem;
border: 1px solid #e6ecf7;
padding: .5rem 1.5rem;
transition: all .5s ease
}
.client .btn-search:hover {
color: #fff;
background-color: #007991;
border: 1px solid #007991
}
.client .btn-search:focus {
box-shadow: 0 0 0 .375rem #ffbf00;
outline: 2px solid #022851;
border-radius: 6px
}
.client .btn.btn-search:first-child {
margin-right: 0
}
.search .bi.bi-search {
color: #022851;
width: .938rem;
height: .938rem;
margin-right: .5rem;
margin-top: -0.2rem;
transform: scaleX(-1);
transform-origin: center
}
.client .btn-search:hover .bi.bi-search {
color: #fff
}
#search {
position: fixed;
z-index: 1061;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(2,40,81,.98);
-webkit-transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-o-transition: opacity .25s ease-in-out;
-ms-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out;
-webkit-transform: translate(0px, -100%) scale(0, 0);
-moz-transform: translate(0px, -100%) scale(0, 0);
-o-transform: translate(0px, -100%) scale(0, 0);
-ms-transform: translate(0px, -100%) scale(0, 0);
transform: translate(0px, -100%) scale(0, 0);
opacity: 0
}
#search .wordmark-container {
display: inline-block;
margin-top: 1rem
}
#search .wordmark-container .wordmark-primary-brand.mr-3 {
margin-right: 0 !important
}
#search .component-header {
margin-top: 2rem
}
#search .component-header .component-heading {
color: #fff
}
#search .component-header + form {
display: flex;
justify-content: center;
top: 0;
margin-top: 3rem
}
#search form fieldset {
width: 75%;
display: flex;
height: 60px;
font-size: 1rem
}
#search form fieldset input[type=search] {
border: none;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
flex: 1;
font-size: 1.125em;
line-height: 1.5;
color: #333;
text-align: left
}
#search form fieldset input[type=search]::placeholder {
font-size: 1em;
color: #666
}
#search form fieldset button[type=submit] {
flex: 0;
height: 60px;
margin: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
color: #000;
font-size: 1rem;
font-weight: 600
}
#search form {
position: relative;
text-align: center;
top: 15%;
letter-spacing: .02em
}
#search.open {
-webkit-transform: translate(0px, 0px) scale(1, 1);
-moz-transform: translate(0px, 0px) scale(1, 1);
-o-transform: translate(0px, 0px) scale(1, 1);
-ms-transform: translate(0px, 0px) scale(1, 1);
transform: translate(0px, 0px) scale(1, 1);
opacity: 1
}
#search input[type=search] {
position: relative;
width: 75%;
color: #4c4c4c;
background: #fff;
font-size: 1.5em;
font-weight: 300;
text-align: center;
border: 1px solid #9aadc2;
padding: .5rem 1.5rem;
outline: none
}
#search .btn {
position: relative;
text-align: center;
border-radius: 2rem;
display: block
}
#search .btn-lg, #search .btn-group-lg > .btn {
padding-left: 3rem;
padding-right: 3rem;
margin: 3rem auto
}
#search .close {
position: fixed;
top: 1rem;
right: 1rem;
color: #fff;
opacity: 1;
font-size: 3em;
text-shadow: none;
font-weight: 300
}
@media(min-width: 768px) {
#search input[type=search] {
font-size: 3em;
padding: 0rem 1.5rem
}
}
@media(min-width: 992px) {
.site-title-container {
border-bottom: rgba(0,0,0,0)
}
#search {
background-color: rgba(2,40,81,.95)
}
#search form {
top: 35%
}
#search .close {
font-size: 4em;
font-weight: 500
}
}
.global-nav-search-results-page form.gsc-search-box, .basic-content-body form.gsc-search-box {
position: relative;
cursor: pointer;
margin-bottom: 2rem
}
.global-nav-search-results-page form.gsc-search-box:hover::before, .basic-content-body form.gsc-search-box:hover::before {
border-color: #1d4776
}
.global-nav-search-results-page form.gsc-search-box:focus-within::before, .basic-content-body form.gsc-search-box:focus-within::before {
border-color: #1d4776;
outline: 3px solid #008eaa;
outline-offset: 2px;
box-shadow: none;
background-color: rgba(0,0,0,0) !important
}
.global-nav-search-results-page form.gsc-search-box::before, .basic-content-body form.gsc-search-box::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 2px solid #7f7f7f;
border-radius: 6px
}
.global-nav-search-results-page form.gsc-search-box .table.gsc-search-box, .basic-content-body form.gsc-search-box .table.gsc-search-box {
border-collapse: separate;
position: relative;
border-radius: 6px !important
}
.global-nav-search-results-page form.gsc-search-box .table.gsc-search-box td.gsc-input, .basic-content-body form.gsc-search-box .table.gsc-search-box td.gsc-input {
border-radius: 6px !important;
height: 60px;
padding-top: .875rem;
padding-bottom: .875rem;
padding-right: 10rem !important
}
.global-nav-search-results-page form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box, .basic-content-body form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box {
border: 1px solid rgba(0,0,0,0) !important;
border-radius: 6px;
padding-top: 0;
padding-bottom: 0;
background-color: rgba(0,0,0,0)
}
.global-nav-search-results-page form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box .table, .basic-content-body form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box .table {
width: 100% !important;
position: relative;
top: -2px
}
.global-nav-search-results-page form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box .table .gsib_a, .basic-content-body form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box .table .gsib_a {
font-size: 1rem
}
.global-nav-search-results-page form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box .table .gsib_a input, .basic-content-body form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box .table .gsib_a input {
color: #333;
font-size: 1.125em;
line-height: 1.5;
background-color: rgba(0,0,0,0);
background: none !important;
margin-top: .25rem !important
}
.global-nav-search-results-page form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box .table .gsib_b, .basic-content-body form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box .table .gsib_b {
position: relative;
right: 7rem;
padding-top: .5rem
}
.global-nav-search-results-page form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box .table .gsib_b .gsst_a, .basic-content-body form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box .table .gsib_b .gsst_a {
border-radius: 4px
}
.global-nav-search-results-page form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box .table .gsib_b .gsst_a:focus, .basic-content-body form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box .table .gsib_b .gsst_a:focus {
outline-color: #ffbf00;
background-color: #ffbf00;
color: #022851
}
.global-nav-search-results-page form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box .table .gsc-search-button, .basic-content-body form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box .table .gsc-search-button {
display: block;
position: relative;
border: none;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px
}
.global-nav-search-results-page form.gsc-search-box .table.gsc-search-box td.gsc-search-button, .basic-content-body form.gsc-search-box .table.gsc-search-box td.gsc-search-button {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 7rem
}
.global-nav-search-results-page form.gsc-search-box .table.gsc-search-box td.gsc-search-button .gsc-search-button-v2, .basic-content-body form.gsc-search-box .table.gsc-search-box td.gsc-search-button .gsc-search-button-v2 {
padding: 1rem 1.5rem;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
height: 100%;
border: none
}
.global-nav-search-results-page form.gsc-search-box .table.gsc-search-box td.gsc-search-button .gsc-search-button-v2::before, .basic-content-body form.gsc-search-box .table.gsc-search-box td.gsc-search-button .gsc-search-button-v2::before {
content: "Search";
display: inline-block;
color: #fff;
font-size: 1rem;
font-weight: 600
}
.global-nav-search-results-page form.gsc-search-box .table.gsc-search-box td.gsc-search-button .gsc-search-button-v2 svg, .basic-content-body form.gsc-search-box .table.gsc-search-box td.gsc-search-button .gsc-search-button-v2 svg {
display: none
}
.global-nav-search-results-page form.gsc-search-box .table.gsc-search-box td.gsc-search-button .gsc-search-button-v2:hover, .global-nav-search-results-page form.gsc-search-box .table.gsc-search-box td.gsc-search-button .gsc-search-button-v2:focus, .basic-content-body form.gsc-search-box .table.gsc-search-box td.gsc-search-button .gsc-search-button-v2:hover, .basic-content-body form.gsc-search-box .table.gsc-search-box td.gsc-search-button .gsc-search-button-v2:focus {
outline: none
}
.global-nav-search-results-page .gsc-input, .basic-content-body .gsc-input {
padding-left: 42px !important;
font-size: 1rem
}
.global-nav-search-results-page .gsc-input::placeholder, .basic-content-body .gsc-input::placeholder {
font-size: 1.125em;
line-height: 1.5;
color: #666
}
.global-nav-search-results-page .gsc-input .gsib_a, .basic-content-body .gsc-input .gsib_a {
padding: 0 !important;
height: 60px
}
.global-nav-search-results-page .gsc-input svg, .basic-content-body .gsc-input svg {
position: absolute;
width: auto;
top: 16px;
z-index: 998;
color: #09417e;
height: auto;
padding: .375rem .75rem
}
.global-nav-search-results-page .gsc-refinementsArea, .basic-content-body .gsc-refinementsArea {
border: none
}
.global-nav-search-results-page .gsc-refinementsArea .gsc-refinementBlock, .basic-content-body .gsc-refinementsArea .gsc-refinementBlock {
font-size: 1rem
}
.global-nav-search-results-page .gsc-refinementsArea .gsc-refinementBlock .gsc-refinementHeader, .basic-content-body .gsc-refinementsArea .gsc-refinementBlock .gsc-refinementHeader {
color: #666;
font-size: 1em;
padding-left: 1rem;
padding-right: 1rem
}
.global-nav-search-results-page .gsc-refinementsArea .gsc-refinementBlock .gsc-refinementHeader:hover, .basic-content-body .gsc-refinementsArea .gsc-refinementBlock .gsc-refinementHeader:hover {
color: #007991
}
.global-nav-search-results-page .gsc-refinementsArea .gsc-refinementBlock .gsc-refinementHeader:focus, .basic-content-body .gsc-refinementsArea .gsc-refinementBlock .gsc-refinementHeader:focus {
outline: none;
background-color: #ffbf00;
color: #022851;
border-color: #022851
}
.global-nav-search-results-page .gsc-refinementsArea .gsc-refinementBlock .gsc-refinementHeader.gsc-refinementhActive, .basic-content-body .gsc-refinementsArea .gsc-refinementBlock .gsc-refinementHeader.gsc-refinementhActive {
color: #007991;
border-color: #007991
}
.global-nav-search-results-page .gsc-result-info, .basic-content-body .gsc-result-info {
font-size: 1rem
}
.global-nav-search-results-page .gsc-orderby-label, .basic-content-body .gsc-orderby-label {
font-size: 1rem
}
.global-nav-search-results-page .gsc-selected-option-container, .basic-content-body .gsc-selected-option-container {
cursor: pointer;
font-size: 1rem;
border: 2px solid #007991;
border-radius: 6px;
padding-left: .75rem;
padding-top: .25rem;
padding-bottom: .25rem;
padding-right: 3rem;
height: auto;
width: auto
}
.global-nav-search-results-page .gsc-selected-option-container:hover, .basic-content-body .gsc-selected-option-container:hover {
background-color: #007991 !important
}
.global-nav-search-results-page .gsc-selected-option-container:hover .gsc-selected-option, .basic-content-body .gsc-selected-option-container:hover .gsc-selected-option {
color: #fff
}
.global-nav-search-results-page .gsc-selected-option-container:hover .gsc-option-selector, .basic-content-body .gsc-selected-option-container:hover .gsc-option-selector {
background: url('data:image/svg+xml,')
}
.global-nav-search-results-page .gsc-selected-option-container .gsc-selected-option, .basic-content-body .gsc-selected-option-container .gsc-selected-option {
display: inline-block;
color: #033266;
font-weight: 500;
width: auto
}
.global-nav-search-results-page .gsc-selected-option-container .gsc-option-selector, .basic-content-body .gsc-selected-option-container .gsc-option-selector {
background: url('data:image/svg+xml,');
width: 1.75rem;
height: 1.75rem;
padding: 0;
top: 50%;
transform: translateY(-50%);
margin-top: 0;
right: .25rem
}
.global-nav-search-results-page .gsc-option-menu, .basic-content-body .gsc-option-menu {
top: calc(100% - 2px) !important;
border: 2px solid #007991 !important
}
.global-nav-search-results-page .gsc-option-menu .gsc-option-menu-item, .basic-content-body .gsc-option-menu .gsc-option-menu-item {
color: #033266;
font-weight: 500;
font-size: 1em;
padding-left: 1.5rem;
padding-right: 1.5rem
}
.global-nav-search-results-page .gsc-option-menu .gsc-option-menu-item:hover, .basic-content-body .gsc-option-menu .gsc-option-menu-item:hover {
background-color: #e6ecf7
}
.global-nav-search-results-page .gsc-option-menu .gsc-option-menu-item.gsc-option-menu-item-highlighted, .basic-content-body .gsc-option-menu .gsc-option-menu-item.gsc-option-menu-item-highlighted {
background-color: #e6ecf7;
font-weight: 600
}
.global-nav-search-results-page .gsc-results .gs-result .gs-image-box, .basic-content-body .gsc-results .gs-result .gs-image-box {
margin-right: .75rem
}
.global-nav-search-results-page .gsc-results .gs-result .gs-image-box a.gs-image, .basic-content-body .gsc-results .gs-result .gs-image-box a.gs-image {
margin-right: 1rem
}
.global-nav-search-results-page .gsc-results .gs-result .gs-image-box a.gs-image:focus, .basic-content-body .gsc-results .gs-result .gs-image-box a.gs-image:focus {
outline: none
}
.global-nav-search-results-page .gsc-results .gs-result .gs-image-box a.gs-image:focus img, .basic-content-body .gsc-results .gs-result .gs-image-box a.gs-image:focus img {
border-radius: 4px;
outline: 3px solid #ffbf00
}
.global-nav-search-results-page .gsc-results .gs-result .gsc-richsnippet-showsnippet-label, .basic-content-body .gsc-results .gs-result .gsc-richsnippet-showsnippet-label {
color: #007991;
font-weight: 500
}
.global-nav-search-results-page .gsc-results .gs-result .gsc-richsnippet-showsnippet-label:focus, .basic-content-body .gsc-results .gs-result .gsc-richsnippet-showsnippet-label:focus {
outline: none;
background-color: #ffbf00;
color: #022851
}
.global-nav-search-results-page .gsc-results .gsc-cursor .gsc-cursor-page, .basic-content-body .gsc-results .gsc-cursor .gsc-cursor-page {
border: 2px solid #007991 !important;
border-radius: 4px;
color: #007991
}
.global-nav-search-results-page .gsc-results .gsc-cursor .gsc-cursor-page:hover, .basic-content-body .gsc-results .gsc-cursor .gsc-cursor-page:hover {
background-color: #007991;
color: #fff
}
.global-nav-search-results-page .gsc-results .gsc-cursor .gsc-cursor-page:focus, .basic-content-body .gsc-results .gsc-cursor .gsc-cursor-page:focus {
outline: 3px solid #ffbf00;
outline-offset: 2px;
background-color: #007991;
color: #fff !important
}
.global-nav-search-results-page .gsc-results .gsc-cursor .gsc-cursor-page.gsc-cursor-current-page, .basic-content-body .gsc-results .gsc-cursor .gsc-cursor-page.gsc-cursor-current-page {
background-color: #007991;
color: #fff
}
.gsc-wrapper .gsc-results {
width: 100%
}
.gsc-control-cse {
padding-left: 0 !important;
padding-right: 0 !important
}
.gsc-input-box {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-right: none !important;
border-color: #e6ecf7 !important;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px
}
.gsc-search-button {
background-color: #007991;
border-color: #007991;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px
}
.gsc-search-box button.gsc-search-button, .gsc-search-box .gsc-search-button-v2 {
background-color: #007991;
border-color: #007991;
width: 100%;
margin-left: 0;
display: block
}
.gsc-search-box button.gsc-search-button:hover, .gsc-search-box button.gsc-search-button:focus, .gsc-search-box .gsc-search-button-v2:hover, .gsc-search-box .gsc-search-button-v2:focus {
background-color: #022851;
border-color: #022851
}
.gsst_a .gscb_a {
display: none
}
.gsc-input {
padding-right: 0 !important;
position: relative
}
.gsib_a {
width: calc(100% - 56px) !important;
padding-right: 0 !important;
padding-left: 16px !important;
padding-top: 8px !important;
padding-bottom: 8px !important
}
.gsib_b {
width: 56px;
padding-left: 8px;
padding-right: 8px
}
.gsst_a {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
text-decoration: none
}
.gsst_a:hover, .gsst_a:focus {
text-decoration: none
}
.gsst_a:hover::after, .gsst_a:focus::after {
content: url('data:image/svg+xml,')
}
.gsst_a::after {
content: url('data:image/svg+xml,');
display: block;
height: 28px
}
.gscb_a {
line-height: 100% !important;
font-size: 1.75rem !important
}
.gsc-result-info {
padding: 4px 4px 4px 4px !important
}
.gsc-above-wrapper-area {
padding-top: 10px !important;
padding-bottom: 12px !important;
border-bottom: 2px solid #e6ecf7;
margin-bottom: 16px
}
.gsc-webResult.gsc-result {
border: none !important;
padding: 16px 0 !important
}
.gsc-thumbnail-inside, .gsc-url-top {
padding-left: 0 !important;
padding-right: 0 !important
}
.gsc .table-result, .gs-promotion .table {
padding-left: 0 !important;
padding-right: 0 !important
}
.gsc-selected-option-container {
background-color: #fff !important;
box-shadow: none !important
}
.gsc-results.gsc-webResult .gsc-webResult.gsc-result.gsc-promotion {
background-color: #fff9e5;
border: 1px solid #ded6a5 !important;
padding: 20px 20px 16px 12px !important;
border-radius: 4px;
margin: 8px 0 8px 0
}
.gsc-results.gsc-webResult .gs-result .gs-title, .gs-result .gs-title * {
color: #007991;
font-weight: 500
}
.gsc-results.gsc-webResult .gs-result .gs-title:hover, .gs-result .gs-title *:hover {
text-decoration: underline
}
.gsc-results.gsc-webResult .gs-result .gs-title:focus, .gs-result .gs-title *:focus {
background-color: #ffbf00;
outline: none;
text-decoration: underline;
color: #022851 !important
}
.gsc-results.gsc-webResult .gs-result .gs-title:focus b, .gs-result .gs-title *:focus b {
color: #022851 !important
}
.gsc-results.gsc-webResult .gs-result .gs-title b, .gs-result .gs-title * b {
font-weight: 700
}
.gs-result .gs-title, .gs-result .gs-title * {
color: #007991 !important
}
.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
font-size: 22px !important;
line-height: 23px !important
}
.gs-webResult .gs-visibleUrl {
color: #666 !important;
font-size: 14px !important;
line-height: 23px
}
.gs-promotion .gs-visibleUrl, .gs-webResult .gs-visibleUrl {
color: #666 !important
}
.gs-promotion-text-cell .gs-visibleUrl, .gs-promotion-text-cell .gs-snippet {
font-size: 14px !important;
line-height: 23px
}
.gs-webResult .gs-snippet, .gs-fileFormatType {
color: #333 !important;
font-size: 18px;
line-height: 27px
}
.gsc-results .gsc-cursor-box {
text-align: center !important;
margin-top: 32px !important;
margin-bottom: 48px !important;
margin-left: 0 !important;
margin-right: 0 !important
}
.gsc-results .gsc-cursor-page {
padding: 10px 12px 8px 12px;
border: 1px solid #e6ecf7;
border-radius: 2px;
color: #007991 !important;
font-weight: 500;
font-size: 17px;
line-height: 20px;
display: inline-block !important;
width: 44px;
margin-bottom: 8px
}
.gsc-results .gsc-cursor-page:hover {
color: #fff !important;
background-color: #007991;
border-color: #007991;
text-decoration: none !important
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
color: #fff !important;
background-color: #007991;
border-color: #007991;
font-weight: 500 !important
}
.gsc-wrapper .gcsc-more-maybe-branding-root {
display: none
}
@media(max-width: calc(576px - 1px)) {
.gsc-results .gsc-cursor-box {
margin-bottom: 32px !important
}
}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
.gsst_a .gscb_a {
display: block
}
}
.social-links {
width: 100vw;
background-color: #ffbf00
}
.social-links .social-links-title {
font-size: 2.125em;
line-height: 1.206;
display: flex;
align-items: center;
font-weight: 300;
color: #000;
margin-bottom: 0
}
.social-links .nav {
justify-content: flex-end
}
@media(min-width: 992px) {
.nav-item:last-child .nav-link {
margin-right: 0
}
}
@media(max-width: calc(992px - 1px)) {
.social-links .title-container {
padding-bottom: 0 !important;
justify-content: center
}
.social-links .nav {
justify-content: center
}
}
@media print {
.social-links {
display: none !important
}
}
.client .card {
background-color: rgba(0,0,0,0)
}
.client .card a {
cursor: pointer
}
.client .card .card-img .img-wrapper img {
display: block;
height: auto
}
.card.horizontal .card-body {
padding-left: calc(32px/2)
}
.card-listing.no-img .card-body {
border-bottom: 6px solid #e6ecf7
}
.card-listing .wrapper .sizer {
display: flex;
flex-flow: column wrap
}
.card-listing .wrapper .card {
margin-left: 0 !important;
margin-right: 0 !important
}
.card-listing .wrapper .card .category {
display: block;
margin-top: .5rem
}
.card-listing .wrapper .load-more.hide, .card-listing .wrapper .view-all.hide {
display: none
}
.card-listing.web .row-cols-sm-2 .card .card-body {
margin-left: 1rem;
margin-right: 1rem
}
.card-listing.web .card .link-wrapper {
background-color: #fff;
display: block;
width: 100%;
height: 100%;
box-shadow: 0 3px 6px rgba(0,0,0,.16)
}
.card-listing.web .card .link-wrapper:hover {
text-decoration: none
}
.card-listing.web .card .link-wrapper:hover .card-body .card-title {
color: #007991
}
.card-listing.web .card .link-wrapper:hover .card-body .card-text {
color: #333
}
.card-listing.web .card .link-wrapper:hover .card-img .img-wrapper img {
transform: scale(1.05, 1.05)
}
.card-listing.web .card .card-body {
background-color: #fff;
margin-left: .5rem;
margin-right: .5rem
}
.card-listing.web .card .card-body .card-title {
color: #000
}
.card-listing.web .card .card-img .img-wrapper {
overflow: hidden
}
.card-listing.web .card .card-img .img-wrapper img {
transition: .2s all;
border-radius: 0
}
.card-listing.web .card .badge {
top: auto;
bottom: 0
}
.card-listing.web .card .category {
color: #666
}
.card-listing.web .card .category:hover {
text-decoration: none
}
.card-listing.web.multi-link.no-img .card-body {
border-bottom: none !important
}
.card-listing.web.multi-link .row-cols-sm-2 .card.icon-version .card-img .icon-web {
width: 160px
}
.card-listing.web.multi-link .card {
position: relative
}
.card-listing.web.multi-link .card::after {
display: block;
content: "";
position: absolute;
box-shadow: 0 3px 6px rgba(0,0,0,.16);
top: 0;
bottom: 0;
left: 1rem;
right: 1rem;
z-index: 0
}
.card-listing.web.multi-link .card.icon-version::after {
background-color: #fff;
box-shadow: 0 3px 6px rgba(0,0,0,.16);
border-radius: 6px
}
.card-listing.web.multi-link .card.icon-version .card-img {
z-index: 1
}
.card-listing.web.multi-link .card.icon-version .card-img .icon-web {
width: 140px;
margin-top: 1rem;
margin-bottom: -1.5rem
}
.card-listing.web.multi-link .card.icon-version .card-body {
background-color: rgba(0,0,0,0)
}
.card-listing.web.multi-link .card .card-body {
z-index: 1;
margin-left: 0;
margin-right: 0
}
.card-listing.web.multi-link .card .card-body .card-text {
font-size: 1rem
}
.card-listing.web.multi-link .card .card-body .card-text h2 {
font-size: 1.75em;
line-height: 1.214;
padding-top: .5rem
}
.card-listing.web.multi-link .card .card-body .card-text h3, .card-listing.web.multi-link .card .card-body .card-text h4 {
padding-top: 0rem
}
.card-listing.web.multi-link .card .card-body .card-text p {
margin-bottom: 1rem !important
}
.card-listing.web.multi-link .card .card-body .card-text ol, .card-listing.web.multi-link .card .card-body .card-text ul {
margin-bottom: 1rem !important
}
.card-listing.web.multi-link .card .card-body .card-text ol {
padding-left: 0rem
}
.card-listing.web.multi-link .card .card-body .card-text ol li {
padding-left: 1.5rem
}
.card-listing.web.multi-link .card .card-body .card-text ol > li::before {
right: calc(100% - 1rem)
}
.card-listing.web.multi-link .card .card-body .card-text ol > li:nth-child(n+10)::before {
right: calc(100% - 1.5rem)
}
.card-listing.web.multi-link .card .card-body .card-text ol li:nth-child(n+10) {
padding-left: 2rem
}
.card-listing.web.multi-link .card .card-body .card-text ul {
padding-left: 1rem
}
.card-listing.web.multi-link .card .card-body .card-text ul li {
padding-left: 0rem
}
.card-listing.web.multi-link .card .card-body .card-text figure.img-extra-wide img, .card-listing.web.multi-link .card .card-body .card-text figure.img-left img, .card-listing.web.multi-link .card .card-body .card-text figure.img-right img {
display: none !important
}
.client .card {
border: none !important;
border-radius: 0 !important;
word-wrap: normal
}
.client .card.hide {
display: none
}
.client .client .card .badge {
display: inline-block;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0,178,227,.8);
border-radius: 0;
color: #fff;
font-size: .938em;
font-weight: 600;
line-height: 1.2;
z-index: 1
}
.client .client .card .card-img {
position: relative;
z-index: 5
}
.client .card .card-img a {
display: block
}
.client .card .card-img a:focus {
outline: #007991 auto 1px
}
.client .card .card-img a .img-wrapper {
overflow: hidden
}
.card .card-img a .img-wrapper img {
display: block;
border-radius: 0;
transition: .2s all;
z-index: 0
}
.client .card .card-img a .img-wrapper img:hover {
transform: scale(1.05, 1.05)
}
.client .card .card-img a .img-wrapper img.hover {
transform: scale(1.05, 1.05)
}
.client .card .card-body {
padding-left: 0;
padding-right: 0
}
.client .card .card-body .category {
color: #007991;
letter-spacing: .05em;
font-weight: 600;
font-size: .875em;
line-height: 1;
text-transform: uppercase;
text-decoration: none
}
.client .card .card-body .category:hover {
text-decoration: underline
}
.client .card .card-body .card-title {
font-weight: 600;
font-size: 1.75em;
line-height: 1.214
}
.client .card .card-body .card-title a {
color: #000;
text-decoration: none
}
.client .card .card-body .card-title a:hover {
color: #007991
}
.client .card .card-body .card-title a.hover {
color: #007991
}
.client .card .card-body .card-text {
font-weight: 400;
font-size: 1.125em;
line-height: 1.5;
color: #333;
word-wrap: break-word
}
.client .card .card-body .read-more {
display: inline-block;
font-weight: 600;
font-size: 1.125em;
line-height: 1.222;
color: #007991;
text-decoration: none
}
.client .card .card-body .read-more:hover {
text-decoration: underline
}
.client .card .card-body .read-more.hover {
text-decoration: underline
}
.client .card .card-body .read-more .glyphicon-chevron-right {
top: 4px;
margin-left: 2px;
color: #ffbf00
}
.client .card-section {
width: 100vw
}
.card-section.dark {
background-color: #022851
}
.card-section.dark .section-header .section-title {
color: #fff
}
.card-section.dark .section-header .section-text {
color: #e6ecf7
}
.card-section.dark .card {
background-color: #022851
}
.card-section.dark .card .card-body .category {
color: #00b2e3
}
.card-section.dark .card .card-body span.category {
color: #cdd6e0
}
.card-section.dark .card .card-body .card-title a {
color: #fff
}
.card-section.dark .card .card-body .card-title a:hover {
color: #00b2e3
}
.card-section.dark .card .card-body .card-title a.hover {
color: #00b2e3
}
.card-section.dark .card .card-body .card-text {
color: #e6ecf7
}
.card-section.dark .card .card-body .read-more {
color: #00b2e3
}
.card-section.dark .card .card-body .read-more:hover {
color: #00b2e3
}
.card-section.light {
background-color: #fff9e5
}
.card-section.light .section-title {
color: #000
}
.card-section.light .card {
background-color: #fff9e5
}
.card-section.light .card .card-body .category {
color: #007991
}
.card-section.light .card .card-body span.category {
color: #666
}
.card-section.light .card .card-body .card-title a {
color: #000
}
.card-section.light .card .card-body .card-title a:hover {
color: #007991
}
.card-section.light .card .card-body .card-title a.hover {
color: #007991
}
.card-section.light .card .card-body .read-more {
color: #007991
}
.card-section .card {
margin-left: 0;
margin-right: 0
}
.card-trio.dark .wrapper:before {
content: "";
display: block;
width: 100%;
height: 60%;
position: absolute;
top: 0;
background-color: #fff9e5;
z-index: 0
}
.card-trio.light .wrapper:before {
content: "";
display: block;
width: 100%;
height: 60%;
position: absolute;
top: 0;
background-color: #fff9e5;
z-index: 0
}
.card-trio .wrapper {
position: relative
}
.card-trio .wrapper .sizer {
position: relative;
z-index: 1
}
.card-trio .wrapper .sizer .card {
background-color: rgba(0,0,0,0)
}
.card-trio .wrapper .sizer .card .card-img {
box-shadow: 0 2px 12px #cdd6e0
}
.card-trio .wrapper .sizer .card .card-img .img-wrapper {
width: 100%;
padding-top: 75%;
position: relative
}
.card-trio .wrapper .sizer .card .card-img .img-wrapper img {
position: absolute;
height: 102%;
width: auto;
left: -500%;
right: -500%;
top: 100%;
margin: auto;
margin-top: -75%
}
.card-trio .wrapper .sizer .card .card-img .img-wrapper img:hover {
transform: scale(1.07, 1.07)
}
.card-trio .wrapper .sizer .card .card-img .img-wrapper img.hover {
transform: scale(1.07, 1.07)
}
.card-trio .wrapper .sizer .card .card-body .card-title {
font-size: 1.375em;
line-height: 1.364
}
.archive-selectors .wrapper .sizer .form-inline .categories {
position: relative
}
.archive-selectors .wrapper .sizer .form-inline .categories label {
justify-content: flex-start;
color: #033266;
letter-spacing: .05em;
font-weight: 600;
font-size: .875em;
line-height: 1;
text-transform: uppercase
}
.archive-selectors .wrapper .sizer .form-inline .categories select {
width: 100%;
margin: 0;
padding: 0 0 0 .5em;
color: #000;
cursor: pointer
}
.archive-selectors .wrapper .sizer .form-inline .categories select {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
outline: 0;
background: #fff;
background-image: none;
border: 2px solid #cdd6e0;
border-radius: 0;
padding-top: .5rem;
padding-bottom: .5rem;
padding-left: 1rem;
padding-right: 3.5rem;
font-size: .846em;
line-height: 1.182
}
.archive-selectors .wrapper .sizer .form-inline .categories select > .placeholder {
display: none
}
.archive-selectors .wrapper .sizer .form-inline .categories .select {
position: relative;
display: block;
width: 100%;
font-size: 1.625em;
line-height: 1.308;
background: #fff;
border-radius: 0
}
.archive-selectors .wrapper .sizer .form-inline .categories select::-ms-expand {
display: none
}
.archive-selectors .wrapper .sizer .form-inline .categories .select::after {
content: "";
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 0;
right: 1rem;
bottom: 0;
padding: 0 1rem;
opacity: .5;
pointer-events: none
}
.archive-selectors .wrapper .sizer .form-inline .categories .select:hover::after {
color: #000;
opacity: 1
}
.archive-selectors .wrapper .sizer .form-inline .categories .select::after {
-webkit-transition: .25s all ease;
-o-transition: .25s all ease;
transition: .25s all ease
}
.archive-selectors .wrapper .sizer .form-inline .form-check-inline {
margin-top: 22px
}
.archive-selectors .wrapper .sizer .form-inline .form-check-inline .carousel .carousel-inner .carousel-item .carousel-item-wrapper a {
font-size: 1.125em;
line-height: 1.222;
padding-top: 4px;
padding-bottom: 4px;
margin: 0;
margin-right: .5rem;
margin-left: .5rem;
background-color: #e6ecf7;
border-color: #e6ecf7;
color: #4f7094;
width: calc(33.33% - 1rem)
}
.archive-selectors .wrapper .sizer .form-inline .form-check-inline .carousel .carousel-inner .carousel-item .carousel-item-wrapper a:hover {
color: #fff;
background-color: #007991;
border-color: #007991
}
.archive-selectors .wrapper .sizer .form-inline .form-check-inline .carousel .carousel-inner .carousel-item .carousel-item-wrapper a.active {
color: #fff;
background-color: #007991;
border-color: #007991
}
.archive-selectors .wrapper .sizer .form-inline .form-check-inline .carousel .carousel-control-prev {
width: 1.5rem;
opacity: 1
}
.archive-selectors .wrapper .sizer .form-inline .form-check-inline .carousel .carousel-control-prev:hover .carousel-control-prev-icon {
opacity: 1
}
.archive-selectors .wrapper .sizer .form-inline .form-check-inline .carousel .carousel-control-prev.disabled {
cursor: auto
}
.archive-selectors .wrapper .sizer .form-inline .form-check-inline .carousel .carousel-control-prev.disabled .carousel-control-prev-icon {
opacity: .125
}
.archive-selectors .wrapper .sizer .form-inline .form-check-inline .carousel .carousel-control-prev.disabled:hover .carousel-control-prev-icon {
opacity: .125
}
.archive-selectors .wrapper .sizer .form-inline .form-check-inline .carousel .carousel-control-prev .carousel-control-prev-icon {
position: absolute;
left: 0;
background-image: url('data:image/svg+xml,');
z-index: 10;
opacity: .5
}
.archive-selectors .wrapper .sizer .form-inline .form-check-inline .carousel .carousel-control-next {
width: 1.5rem;
opacity: 1
}
.archive-selectors .wrapper .sizer .form-inline .form-check-inline .carousel .carousel-control-next:hover .carousel-control-next-icon {
opacity: 1
}
.archive-selectors .wrapper .sizer .form-inline .form-check-inline .carousel .carousel-control-next.disabled {
cursor: auto
}
.archive-selectors .wrapper .sizer .form-inline .form-check-inline .carousel .carousel-control-next.disabled .carousel-control-next-icon {
opacity: .125
}
.archive-selectors .wrapper .sizer .form-inline .form-check-inline .carousel .carousel-control-next.disabled:hover .carousel-control-next-icon {
opacity: .125
}
.archive-selectors .wrapper .sizer .form-inline .form-check-inline .carousel .carousel-control-next .carousel-control-next-icon {
position: absolute;
right: 0;
background-image: url('data:image/svg+xml,');
z-index: 10;
opacity: .5
}
.archive-selectors .wrapper .sizer .form-inline .form-check-inline .carousel .carousel-control-prev::after, .archive-selectors .wrapper .sizer .form-inline .form-check-inline .carousel .carousel-control-next::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 100%;
background-color: rgba(255,255,255,.8);
backdrop-filter: blur(10px)
}
@media(min-width: 1200px) {
.archive-selectors .wrapper .sizer .form-inline .categories select > .placeholder {
display: block
}
.archive-selectors .wrapper .sizer .form-inline .categories .select select {
display: none
}
.archive-selectors .wrapper .sizer .form-inline .categories .select::after {
content: "";
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
pointer-events: none;
opacity: .5
}
.archive-selectors .wrapper .sizer .form-inline .categories .select-selected {
background-color: #fff;
border: 2px solid #cdd6e0;
color: #000;
padding-top: .5rem;
padding-bottom: .5rem
}
.archive-selectors .wrapper .sizer .form-inline .categories .select-items div, .archive-selectors .wrapper .sizer .form-inline .categories .select-selected {
color: #000;
padding-left: 1rem;
padding-right: 3.5rem;
cursor: pointer
}
.archive-selectors .wrapper .sizer .form-inline .categories .select-items {
position: absolute;
background-color: #fff;
top: 100%;
left: 0;
right: 0;
z-index: 99;
font-size: .846em;
line-height: 1.909;
font-weight: 300;
box-shadow: 0px 3px 8px rgba(0,0,0,.35);
border-radius: .5rem;
padding-top: .5rem;
padding-bottom: .5rem;
margin-top: .5rem;
max-height: 400px;
overflow-y: scroll
}
.archive-selectors .wrapper .sizer .form-inline .categories .select-hide {
display: none
}
.archive-selectors .wrapper .sizer .form-inline .categories .same-as-selected {
font-weight: 400;
color: #4f7094 !important;
background-color: #e6ecf7
}
.archive-selectors .wrapper .sizer .form-inline .categories .select-items div:hover, .archive-selectors .wrapper .sizer .form-inline .categories .same-as-selected {
color: #4f7094;
background-color: #e6ecf7;
font-weight: 500
}
}
@media(min-width: 576px) {
.card-trio .card {
margin-left: 1em;
margin-right: 1em
}
}
@media(max-width: calc(1200px - 1px)) {
.archive-selectors .wrapper .sizer .form-inline .categories .select-selected {
display: none
}
.archive-selectors .wrapper .sizer .form-inline .categories .select-items {
display: none
}
}
@media(max-width: calc(992px - 1px)) {
.sizer {
padding: 0
}
.card.horizontal .card-img {
padding-left: 0
}
.card.horizontal .card-body {
padding-right: 0
}
.card-listing .sizer {
padding: 0
}
.card-section .wrapper .sizer {
padding: 0
}
.card-trio .wrapper .sizer .card .card-body .card-title {
font-size: 1.125em;
line-height: 1.223
}
}
@media(max-width: calc(768px - 1px)) {
.card-trio .card {
margin: 0
}
.card-listing.web:not(.multi-link) .row-cols-sm-2 .card .card-body {
margin-left: .5rem;
margin-right: .5rem
}
}
@media(max-width: calc(576px - 1px)) {
.card.horizontal .card-img, .card.horizontal .card-body {
padding: 0
}
.card-container {
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important
}
.card {
padding-left: 0 !important;
padding-right: 0 !important
}
.card .card-body .category {
font-size: .75em;
line-height: 1.167
}
.card .card-body .card-title {
font-size: 1.375em;
line-height: 1.182
}
.card .card-body .card-text {
font-size: 1em;
line-height: 1.375
}
.card-trio .wrapper:before {
bottom: 0;
top: auto !important;
width: 100vw !important;
height: 77.5% !important
}
.card-trio .wrapper.pt-7 {
padding-top: 0 !important;
margin-top: 4rem
}
.card-trio .wrapper .sizer {
padding: 0
}
.card-trio .wrapper .sizer .card {
padding: 0 !important
}
.card-trio .wrapper .sizer .card .card-img {
box-shadow: 0 2px 12px #cdd6e0
}
.card-trio .wrapper .sizer .card .card-body .card-title {
font-size: 1.125em;
line-height: 1.223
}
.archive-selectors .wrapper .sizer .form-inline .form-check-inline {
margin-top: 0
}
.archive-selectors .wrapper .sizer .form-inline .form-check-inline .carousel .carousel-inner .carousel-item .carousel-item-wrapper a {
margin-right: .25rem;
margin-left: .25rem;
font-size: 1em;
line-height: 1.25;
width: calc(33.33% - .5rem)
}
.archive-selectors .wrapper .sizer .form-inline .form-check-inline .carousel .carousel-control-prev {
width: 2.5rem;
left: -1rem
}
.archive-selectors .wrapper .sizer .form-inline .form-check-inline .carousel .carousel-control-prev .carousel-control-prev-icon {
left: auto
}
.archive-selectors .wrapper .sizer .form-inline .form-check-inline .carousel .carousel-control-next {
width: 2.5rem;
right: -1rem
}
.archive-selectors .wrapper .sizer .form-inline .form-check-inline .carousel .carousel-control-next .carousel-control-next-icon {
right: auto
}
.card-listing.web.multi-link .card::after {
left: 0;
right: 0
}
.card-listing.web.multi-link .card .card-body .card-text h2 {
font-size: 1.375em;
line-height: 1.182
}
}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
.card-trio .wrapper:before {
left: 0
}
}
@media(-ms-high-contrast: none)and (max-width: calc(576px - 1px)),(-ms-high-contrast: active)and (max-width: calc(576px - 1px)) {
.card-trio .wrapper:before {
bottom: 0;
top: auto !important;
width: 100vw !important;
height: 77.5% !important
}
}
@media print {
.card {
position: relative !important;
page-break-inside: avoid;
break-inside: avoid
}
.card .badge {
display: none !important
}
.card .card-body .category {
font-weight: bold !important;
color: #666 !important
}
.card .card-body .card-title {
color: #000 !important
}
.card .card-body .card-title a {
color: #000 !important
}
.card .card-body .card-text {
color: #333 !important
}
.card .card-body .read-more {
color: #007991 !important
}
.card-listing .card-container .card .link-wrapper {
text-decoration: none !important;
box-shadow: 0 3px 6px rgba(0,0,0,.16) !important;
-webkit-print-color-adjust: exact;
-webkit-filter: opacity(1)
}
.card-listing .card-container .card .link-wrapper .card-body .category {
color: #666 !important
}
.card-listing .card-container .card .link-wrapper .card-body .card-text {
color: #333 !important
}
.card-listing .card-container.row.row-cols-1.row-cols-md-3 .card {
flex: 0 0 33.3333333333% !important;
max-width: 33.3333333333% !important
}
.card-listing.multi-link .card-container.row.row-cols-1.row-cols-md-3 .card {
flex: 0 0 33.3333333333% !important;
max-width: 33.3333333333% !important
}
.card-listing.multi-link .card::after {
box-shadow: 0 3px 6px rgba(0,0,0,.16) !important;
-webkit-print-color-adjust: exact;
-webkit-filter: opacity(1)
}
.card-listing.multi-link .card .card-body {
margin-bottom: 1rem !important
}
.card-section {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
background-color: rgba(0,0,0,0) !important
}
.card-section.light, .card-section.dark {
background-color: rgba(0,0,0,0) !important
}
.card-section.light .section-header .section-sub-title, .card-section.dark .section-header .section-sub-title {
color: #000 !important
}
.card-section.light .section-header .section-title, .card-section.dark .section-header .section-title {
color: #000 !important
}
.card-section.light .section-header .section-text, .card-section.dark .section-header .section-text {
color: #000 !important
}
.card-section.light .section-header .section-text.pt-1.pb-2.mx-0.px-0.mx-sm-6.px-sm-6, .card-section.dark .section-header .section-text.pt-1.pb-2.mx-0.px-0.mx-sm-6.px-sm-6 {
margin: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important
}
.card-section.light .card, .card-section.dark .card {
background-color: rgba(0,0,0,0) !important
}
.card-section.light .card .card-body .category, .card-section.dark .card .card-body .category {
font-weight: bold !important;
color: #666 !important
}
.card-section.light .card .card-body .card-title, .card-section.dark .card .card-body .card-title {
color: #000 !important
}
.card-section.light .card .card-body .card-title a, .card-section.dark .card .card-body .card-title a {
color: #000 !important
}
.card-section.light .card .card-body .card-text, .card-section.dark .card .card-body .card-text {
color: #333 !important
}
.card-section.light .card .card-body .read-more, .card-section.dark .card .card-body .read-more {
color: #007991 !important
}
.card-section.light .btn, .card-section.dark .btn {
background-color: rgba(0,0,0,0) !important;
color: #007991 !important;
border-color: #007991 !important
}
.card-trio {
display: none !important
}
}
.basic-cards.card-listing.web.light {
background-color: #fff9e5
}
.basic-cards.card-listing.web.dark {
background-color: #e6ecf7
}
.basic-cards.card-listing.web .card .link-wrapper {
background-color: #fff;
border-radius: 8px;
border: 2px solid #cdd6e0;
box-shadow: none
}
.basic-cards.card-listing.web .card .link-wrapper .icon-web {
width: auto;
border: 1.5px solid #000;
background-color: #fff;
border-radius: 50%
}
.basic-cards.card-listing.web .card .link-wrapper .icon-web::after {
width: 44px;
height: 44px
}
.basic-cards.card-listing.web .card .link-wrapper:hover, .basic-cards.card-listing.web .card .link-wrapper:focus {
box-shadow: 0 3px 6px rgba(0,0,0,.16)
}
.basic-cards.card-listing.web .card .link-wrapper:hover .icon-web, .basic-cards.card-listing.web .card .link-wrapper:focus .icon-web {
background-color: #007991;
border-color: #007991
}
.basic-cards.card-listing.web .card .link-wrapper:hover .icon-web.nurse::after, .basic-cards.card-listing.web .card .link-wrapper:focus .icon-web.nurse::after {
content: url('data:image/svg+xml,')
}
.basic-cards.card-listing.web .card .link-wrapper:hover .icon-web.research::after, .basic-cards.card-listing.web .card .link-wrapper:focus .icon-web.research::after {
content: url('data:image/svg+xml,')
}
.basic-cards.card-listing.web .card .link-wrapper:hover .icon-web.physician::after, .basic-cards.card-listing.web .card .link-wrapper:focus .icon-web.physician::after {
content: url('data:image/svg+xml,')
}
.basic-cards.card-listing.web .card .link-wrapper:hover .icon-web.document::after, .basic-cards.card-listing.web .card .link-wrapper:focus .icon-web.document::after {
content: url('data:image/svg+xml,')
}
.basic-cards.card-listing.web .card .link-wrapper:hover .icon-web.visitors::after, .basic-cards.card-listing.web .card .link-wrapper:focus .icon-web.visitors::after {
content: url('data:image/svg+xml,')
}
.basic-cards.card-listing.web .card .link-wrapper:hover .icon-web.telehealth::after, .basic-cards.card-listing.web .card .link-wrapper:focus .icon-web.telehealth::after {
content: url('data:image/svg+xml,')
}
.basic-cards.card-listing.web .card .link-wrapper:hover .icon-web.student::after, .basic-cards.card-listing.web .card .link-wrapper:focus .icon-web.student::after {
content: url('data:image/svg+xml,')
}
.basic-cards.card-listing.web .card .link-wrapper:hover .icon-web.referrals::after, .basic-cards.card-listing.web .card .link-wrapper:focus .icon-web.referrals::after {
content: url('data:image/svg+xml,')
}
.basic-cards.card-listing.web .card .link-wrapper:hover .icon-web.questions::after, .basic-cards.card-listing.web .card .link-wrapper:focus .icon-web.questions::after {
content: url('data:image/svg+xml,')
}
.basic-cards.card-listing.web .card .link-wrapper:hover .icon-web.phone::after, .basic-cards.card-listing.web .card .link-wrapper:focus .icon-web.phone::after {
content: url('data:image/svg+xml,')
}
.basic-cards.card-listing.web .card .link-wrapper:hover .icon-web.person::after, .basic-cards.card-listing.web .card .link-wrapper:focus .icon-web.person::after {
content: url('data:image/svg+xml,')
}
.basic-cards.card-listing.web .card .link-wrapper:hover .icon-web.patient::after, .basic-cards.card-listing.web .card .link-wrapper:focus .icon-web.patient::after {
content: url('data:image/svg+xml,')
}
.basic-cards.card-listing.web .card .link-wrapper:hover .icon-web.login::after, .basic-cards.card-listing.web .card .link-wrapper:focus .icon-web.login::after {
content: url('data:image/svg+xml,')
}
.basic-cards.card-listing.web .card .link-wrapper:hover .icon-web.information::after, .basic-cards.card-listing.web .card .link-wrapper:focus .icon-web.information::after {
content: url('data:image/svg+xml,')
}
.basic-cards.card-listing.web .card .link-wrapper:hover .icon-web.group-people::after, .basic-cards.card-listing.web .card .link-wrapper:focus .icon-web.group-people::after {
content: url('data:image/svg+xml,')
}
.basic-cards.card-listing.web .card .link-wrapper:hover .icon-web.find-provider::after, .basic-cards.card-listing.web .card .link-wrapper:focus .icon-web.find-provider::after {
content: url('data:image/svg+xml,')
}
.basic-cards.card-listing.web .card .link-wrapper:hover .icon-web.email::after, .basic-cards.card-listing.web .card .link-wrapper:focus .icon-web.email::after {
content: url('data:image/svg+xml,')
}
.basic-cards.card-listing.web .card .link-wrapper:hover .icon-web.education::after, .basic-cards.card-listing.web .card .link-wrapper:focus .icon-web.education::after {
content: url('data:image/svg+xml,')
}
.basic-cards.card-listing.web .card .link-wrapper:hover .icon-web.donate::after, .basic-cards.card-listing.web .card .link-wrapper:focus .icon-web.donate::after {
content: url('data:image/svg+xml,')
}
.basic-cards.card-listing.web .card .link-wrapper:hover .icon-web.directions-locations::after, .basic-cards.card-listing.web .card .link-wrapper:focus .icon-web.directions-locations::after {
content: url('data:image/svg+xml,')
}
.basic-cards.card-listing.web .card .link-wrapper:hover .icon-web.clinical-services::after, .basic-cards.card-listing.web .card .link-wrapper:focus .icon-web.clinical-services::after {
content: url('data:image/svg+xml,')
}
.basic-cards.card-listing.web .card .link-wrapper:hover .icon-web.careers::after, .basic-cards.card-listing.web .card .link-wrapper:focus .icon-web.careers::after {
content: url('data:image/svg+xml,')
}
.basic-cards.card-listing.web .card .link-wrapper:hover .icon-web.insurance::after, .basic-cards.card-listing.web .card .link-wrapper:focus .icon-web.insurance::after {
content: url('data:image/svg+xml,')
}
.basic-cards.card-listing.web .card .link-wrapper:hover .icon-web.hospital::after, .basic-cards.card-listing.web .card .link-wrapper:focus .icon-web.hospital::after {
content: url('data:image/svg+xml,')
}
.basic-cards.card-listing.web .card .link-wrapper:hover .icon-web.prescription::after, .basic-cards.card-listing.web .card .link-wrapper:focus .icon-web.prescription::after {
content: url('data:image/svg+xml,')
}
.basic-cards.card-listing.web .card .link-wrapper:hover .icon-web.parking::after, .basic-cards.card-listing.web .card .link-wrapper:focus .icon-web.parking::after {
content: url('data:image/svg+xml,')
}
.basic-cards.card-listing.web .card .link-wrapper .card-body {
text-align: center
}
.basic-cards.card-listing.web .card .link-wrapper .card-body .card-title {
color: #007991
}
@media(max-width: calc(768px - 1px)) {
.basic-cards .card .card-body .card-title {
font-size: 1.375em;
line-height: 1.182
}
.basic-cards .card .card-body .card-text {
font-size: 1em;
line-height: 1.375
}
}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
.basic-cards.card-listing.web .card .link-wrapper .icon-web {
display: none !important
}
}
.contact-us.underlined .wrapper .sizer .contact-us-container .contact-us-card .contact-us-header {
background-color: rgba(0,0,0,0) !important;
border-bottom: 2px solid #e6ecf7;
padding-left: 0;
padding-right: 0
}
.contact-us.underlined .wrapper .sizer .contact-us-container .contact-us-card .contact-us-body {
margin-left: -1rem;
margin-right: -1rem
}
.contact-us .wrapper .sizer .contact-us-container .contact-us-card .contact-us-header {
padding: 1rem 1.5rem .75rem 1.5rem;
background-color: #e6ecf7;
margin-bottom: 1.5rem
}
.contact-us .wrapper .sizer .contact-us-container .contact-us-card .contact-us-header .contact-us-title {
font-size: 1.75em;
line-height: 1.214;
font-weight: 600;
color: #000;
margin-bottom: 0
}
.contact-us .wrapper .sizer .contact-us-container .contact-us-card .contact-us-body {
margin-right: 0;
margin-left: 0;
margin-bottom: 1rem
}
.contact-us .wrapper .sizer .contact-us-container .contact-us-card .contact-us-body .contact-us-section .contact-us-tile {
margin-bottom: .5rem
}
.contact-us .wrapper .sizer .contact-us-container .contact-us-card .contact-us-body .contact-us-section .contact-us-tile .icon-web {
width: 2.5rem;
height: auto;
float: left;
margin-right: .25rem
}
.contact-us .wrapper .sizer .contact-us-container .contact-us-card .contact-us-body .contact-us-section .contact-us-tile .icon-web.small {
width: 1.5rem;
margin-left: 44px;
margin-right: 0
}
.contact-us .wrapper .sizer .contact-us-container .contact-us-card .contact-us-body .contact-us-section .contact-us-tile .icon-web.small + .contact-us-content {
padding-top: 0 !important
}
.contact-us .wrapper .sizer .contact-us-container .contact-us-card .contact-us-body .contact-us-section .contact-us-tile .contact-us-content {
overflow: hidden;
padding-top: .5rem
}
.contact-us .wrapper .sizer .contact-us-container .contact-us-card .contact-us-body .contact-us-section .contact-us-tile .contact-us-content .contact-us-subtitle {
font-size: 1.375em;
line-height: 1.227;
font-weight: 600;
color: #000;
margin-bottom: .25rem
}
.contact-us .wrapper .sizer .contact-us-container .contact-us-card .contact-us-body .contact-us-section .contact-us-tile .contact-us-content .description {
border-left: 2px solid #e6ecf7;
padding-left: 1rem
}
.contact-us .wrapper .sizer .contact-us-container .contact-us-card .contact-us-body .contact-us-section .contact-us-tile .contact-us-content a:not(.btn) {
display: inline-block;
word-wrap: break-word;
max-width: 100%;
color: #022851;
font-weight: 600;
text-decoration: underline;
-webkit-text-decoration-color: rgba(0,121,145,.25);
text-decoration-color: rgba(0,121,145,.25)
}
.contact-us .wrapper .sizer .contact-us-container .contact-us-card .contact-us-body .contact-us-section .contact-us-tile .contact-us-content a:not(.btn):hover {
text-decoration: underline;
color: #007991
}
.contact-us .wrapper .sizer .contact-us-container .contact-us-card .contact-us-body .contact-us-section .contact-us-tile .contact-us-content p {
margin-bottom: .5rem
}
.contact-us .wrapper .sizer .contact-us-container .contact-us-card .contact-us-body .contact-us-section .contact-us-tile .contact-us-content ul {
padding-left: 1rem;
margin-bottom: .5rem;
list-style-image: url("data:image/svg+xml,")
}
.contact-us .wrapper .sizer .contact-us-container .contact-us-card .contact-us-body .contact-us-section .contact-us-tile .contact-us-content ul li {
padding-bottom: .25rem
}
@media(max-width: calc(768px - 1px)) {
.contact-us .wrapper .sizer .contact-us-container .contact-us-card .contact-us-header .contact-us-title {
font-size: 1.375em;
line-height: 1.182
}
.contact-us .wrapper .sizer .contact-us-container .contact-us-card .contact-us-body .contact-us-section .contact-us-tile .icon-web {
width: 2rem
}
.contact-us .wrapper .sizer .contact-us-container .contact-us-card .contact-us-body .contact-us-section .contact-us-tile .icon-web.small {
margin-left: 36px
}
.contact-us .wrapper .sizer .contact-us-container .contact-us-card .contact-us-body .contact-us-section .contact-us-tile .contact-us-content {
padding-top: .35rem
}
.contact-us .wrapper .sizer .contact-us-container .contact-us-card .contact-us-body .contact-us-section .contact-us-tile .contact-us-content .contact-us-subtitle {
font-size: 1.125em;
line-height: 1.333
}
}
@media print {
.contact-us.underlined .wrapper .sizer .contact-us-container .contact-us-card .contact-us-header {
border-color: #b3c1d1 !important
}
.contact-us .wrapper .sizer .contact-us-container .contact-us-card .contact-us-header {
background-color: #fff !important;
border: 2px solid #b3c1d1
}
}
.media.badge-variation .media-img {
padding-left: 3rem;
padding-right: 3rem
}
.media .badge {
display: inline-block;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0,178,227,.8);
border-radius: 0;
color: #fff;
font-size: .938em;
font-weight: 600;
line-height: 1.2;
z-index: 1
}
.media .media-img {
position: relative
}
.media .media-img .img-wrapper {
overflow: hidden
}
.media .media-img a {
position: relative;
display: block
}
.media .media-img a:focus {
outline: #007991 auto 1px
}
.media .media-img a .img-wrapper {
overflow: hidden
}
.media .media-img a .img-wrapper img {
width: 100%;
transition: .2s all;
z-index: 0;
transform-origin: center;
transform: scale(1.01, 1.01)
}
.media .media-img a .img-wrapper img:hover {
transform: scale(1.06, 1.06)
}
.media .media-img a .img-wrapper img.hover {
transform: scale(1.06, 1.06)
}
.media .media-body .category {
letter-spacing: .05em;
font-weight: 600;
font-size: .875em;
line-height: 1;
color: #007991;
text-transform: uppercase;
text-decoration: none
}
.media .media-body .category:hover {
text-decoration: underline
}
.media .media-body .media-title {
font-weight: 600;
font-size: 1.75em;
line-height: 1.214
}
.media .media-body .media-title a:hover {
color: #007991
}
.media .media-body .media-title a.hover {
color: #007991
}
.media .media-body .media-title a {
color: #000;
text-decoration: none
}
.media .media-body .media-text:not(.article-body) {
font-size: 1.125em;
line-height: 1.5
}
.media .media-body .read-more {
display: inline-block;
font-weight: 600;
font-size: 1.125em;
line-height: 1.222;
color: #007991;
text-decoration: none
}
.media .media-body .read-more:hover {
text-decoration: underline
}
.media .media-body .read-more.hover {
text-decoration: underline
}
.media .media-body .read-more .glyphicon-chevron-right {
top: 4px;
margin-left: 2px;
color: #ffbf00
}
.media-block.web.portrait .section-header {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
padding-right: 1rem;
padding-left: 1rem
}
.media-block.web.portrait .media-list .media {
padding-left: 2rem;
padding-right: 2rem
}
.media-block.web.portrait .media-list .media .media-img {
padding-left: 0
}
.media-block.web.portrait .media-list .media .media-img .badge {
display: none
}
.media-block.web.portrait .media-list .media .media-img .img-wrapper {
width: 100%;
position: relative;
overflow: hidden
}
.media-block.web.portrait .media-list .media .media-img .img-wrapper img {
width: 100%;
height: auto;
margin: auto
}
.media-block.web.portrait .media-list .media .media-body {
padding-right: 0
}
.media-block.web.portrait .media-list .media .media-body.client .col-sm-12 {
padding-left: 0
}
.media-block.web.portrait .media-list .media:last-child::after {
left: 1rem;
right: 1rem
}
.media-block.web .section-header {
padding-bottom: 2rem
}
.media-block.web .media-list {
width: 100%;
position: relative
}
.media-block.web .media-list .media {
border-top: 2px solid #e6ecf7
}
.media-block.web .media-list .media:last-child::after {
content: "";
display: block;
position: absolute;
bottom: -2px;
left: 0;
right: 0;
border-bottom: 2px solid #e6ecf7
}
.media-block.web .media-list .media .media-body span.category {
color: #666
}
.media-block.web .media-list .media .media-body .media-title {
color: #000
}
.media-block.web .media-list .media .media-body .media-text p {
margin-bottom: 1rem !important
}
.media-block.web .media-list .media .media-body .media-text ol, .media-block.web .media-list .media .media-body .media-text ul {
margin-bottom: 1.5rem !important;
padding-top: .5rem !important
}
.media-block.web .media-list .media .media-body .media-text ol ol, .media-block.web .media-list .media .media-body .media-text ol ul, .media-block.web .media-list .media .media-body .media-text ul ol, .media-block.web .media-list .media .media-body .media-text ul ul {
margin-bottom: 0 !important;
padding-top: .5rem !important
}
.media-block.web .media-list .media .media-body .media-text figure.img-extra-wide, .media-block.web .media-list .media .media-body .media-text figure.img-left, .media-block.web .media-list .media .media-body .media-text figure.img-right, .media-block.web .media-list .media .media-body .media-text .box-left, .media-block.web .media-list .media .media-body .media-text .box-right, .media-block.web .media-list .media .media-body .media-text .box-wide {
display: none !important
}
.media-block.web .media-list .media .media-img .img-wrapper img {
width: 100%
}
.media-block.web .media-list .media .media-img .badge {
left: 1rem
}
.media-block.web .media-list .media .media-img .link-wrapper .badge {
left: 0
}
.media-block.web .media-list .media .badge {
top: auto;
bottom: 0
}
@media(max-width: calc(1200px - 1px)) {
.media-block.web.portrait .media-list .media {
padding-left: 0;
padding-right: 0
}
.media.badge-variation .media-img {
padding-left: 2rem;
padding-right: 2rem
}
}
@media(max-width: calc(992px - 1px)) {
div.media .media-img {
padding-left: 0
}
div.media .media-body {
padding-right: 0
}
.media-block .sizer {
padding: 0
}
.media-block.web.portrait .section-header {
flex: none;
max-width: 100%;
padding-left: 0;
padding-right: 0
}
.media-block.web.portrait .media-list .media {
padding-left: 2rem;
padding-right: 2rem
}
.media-block.web.portrait .media-list .media:last-child::after {
left: 0;
right: 0
}
}
@media(max-width: calc(768px - 1px)) {
.media-block.web.portrait .media-list .media {
padding-left: 0;
padding-right: 0
}
.media.badge-variation .media-img {
padding-left: 1rem;
padding-right: 1rem
}
}
@media(max-width: calc(576px - 1px)) {
div.media .media-img, div.media .media-body {
padding: 0
}
.media .media-body .category {
font-size: .75em
}
.media .media-body .media-title {
font-size: 1.375em;
line-height: 1.182
}
.media .media-body .media-text:not(.article-body) {
font-size: 1em;
line-height: 1.375
}
.media-block.web.portrait .media-list .media .media-img .img-wrapper {
width: 50%;
margin: auto
}
.media-block.web .media-list .media .media-img {
padding-left: 0;
padding-right: 0
}
.media-block.web .media-list .media .media-img .badge {
left: 0
}
.media-block.web .media-list .media .media-body {
padding-left: 0;
padding-right: 0
}
.media.badge-variation .media-img {
padding-left: 2.5rem !important;
padding-right: 2.5rem !important
}
}
@media print {
.media {
border-color: #cdd6e0 !important
}
.media .media-body .category {
color: #666 !important
}
.media .badge {
display: none !important
}
}
.feature-block.no-img .wrapper .sizer > .row {
box-shadow: 0 3px 16px 0 rgba(0,0,0,.16)
}
.feature-block.no-img .wrapper .sizer:after {
border: none
}
.feature-block .wrapper .sizer > .row {
background-color: #fff;
box-shadow: 0 3px 16px 0 rgba(0,0,0,.16)
}
.feature-block .wrapper .feature-img {
padding-left: 0
}
.feature-block .wrapper .feature-img a {
position: relative;
display: block
}
.feature-block .wrapper .feature-img a:focus {
outline: #007991 auto 1px
}
.feature-block .wrapper .feature-img a .badge {
display: inline-block;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0,178,227,.8);
border-radius: 0;
color: #fff;
font-size: .938em;
font-weight: 600;
line-height: 1.2;
z-index: 1
}
.feature-block .wrapper .feature-img a .img-wrapper {
overflow: hidden
}
.feature-block .wrapper .feature-img a .img-wrapper img {
width: 100%;
transition: .2s all
}
.feature-block .wrapper .feature-img a .img-wrapper img:hover {
transform: scale(1.05, 1.05)
}
.feature-block .wrapper .feature-img a .img-wrapper img.hover {
transform: scale(1.05, 1.05)
}
.feature-block .wrapper .feature-body {
padding-right: 0
}
.feature-block .wrapper .feature-body .category {
letter-spacing: .05em;
font-weight: 600;
font-size: .875em;
line-height: 1;
color: #007991;
text-transform: uppercase
}
.feature-block .wrapper .feature-body .feature-title {
font-weight: 600;
font-size: 2.5em
}
.feature-block .wrapper .feature-body .feature-title a:hover {
color: #007991;
text-decoration: none
}
.feature-block .wrapper .feature-body .feature-title a.hover {
color: #007991;
text-decoration: none
}
.feature-block .wrapper .feature-body .feature-title a {
color: #000;
text-decoration: none;
line-height: 1.15
}
.feature-block .wrapper .feature-body .feature-text {
font-size: 1.125em;
line-height: 1.5
}
.feature-block .wrapper .feature-body .read-more {
display: inline-block;
font-weight: 600;
font-size: 1.125em;
line-height: 1.222;
color: #007991;
text-decoration: none
}
.feature-block .wrapper .feature-body .read-more:hover {
text-decoration: underline
}
.feature-block .wrapper .feature-body .read-more.hover {
text-decoration: underline
}
@media(max-width: calc(992px - 1px)) {
.feature-block .wrapper .sizer {
padding: 0
}
.feature-block .wrapper .sizer > .row {
box-shadow: none
}
.feature-block .wrapper .sizer:after {
content: "";
display: block;
width: 100%;
border-bottom: 6px solid #e6ecf7
}
.feature-block.no-img .wrapper .sizer > .row {
box-shadow: none
}
.feature-block.no-img .wrapper .sizer:after {
content: "";
display: block;
width: 100%;
border-bottom: 6px solid #e6ecf7
}
}
@media(max-width: calc(768px - 1px)) {
.feature-block .feature-img {
padding-right: 0 !important;
width: 100vw
}
.feature-block .feature-body {
padding-left: 0 !important
}
}
@media(max-width: calc(576px - 1px)) {
.feature-block .wrapper .feature-body .category {
font-size: .75em;
line-height: 1.167
}
.feature-block .wrapper .feature-body .feature-title {
font-size: 2.125em
}
.feature-block .wrapper .feature-body .feature-title a {
line-height: 1.176
}
.feature-block .wrapper .feature-body .feature-text {
font-size: 1em;
line-height: 1.375
}
}
@media print {
.feature-block.mb-5.mb-md-6 {
margin-bottom: 4rem !important
}
.feature-block .wrapper .sizer::after {
content: "";
display: block;
width: 100%;
border-bottom: 2px solid #b3c1d1
}
.feature-block .wrapper .sizer .row .feature-img {
width: 100% !important;
padding-right: 1rem !important
}
.feature-block .wrapper .sizer .row .feature-img.mx-n4.mx-md-0 {
margin-left: 0 !important;
margin-right: 0 !important
}
.feature-block .wrapper .sizer .row .feature-img.client .col-md-6 {
flex: 0 0 50% !important;
max-width: 50% !important
}
.feature-block .wrapper .sizer .row .feature-img .badge {
display: none !important
}
.feature-block .wrapper .sizer .row .feature-body {
padding-left: 1rem !important
}
.feature-block .wrapper .sizer .row .feature-body.client .col-md-6 {
flex: 0 0 50% !important;
max-width: 50% !important
}
}
.promo-block-2-column.badge-variation .promo-block-img {
padding-left: 10rem;
padding-right: 10rem
}
.promo-block-img img {
display: block
}
.promo-block, .promo-block-2-column, .promo-block-subscribe.lg, .promo-block-basic.lg {
width: 100vw
}
.promo-block {
background-color: #e6ecf7;
background-image: url("https://health.ucdavis.edu/medical-center/test/global/components/promo-block/images/promo.svg");
background-repeat: no-repeat;
background-size: auto 120%;
background-position: 120%;
overflow: hidden
}
.promo-block.light {
background-color: #fff9e5
}
.promo-block.dark {
background-color: #e6ecf7
}
.promo-block .promo-block-body .promo-title {
letter-spacing: .05em;
font-weight: 600;
font-size: .875em;
line-height: 1;
color: #033266;
text-transform: uppercase
}
.promo-block .promo-block-body .promo-text {
font-weight: 600;
font-size: 1.75em;
line-height: 1.214;
color: #000
}
.promo-block-2-column.light {
background-color: #fff9e5
}
.promo-block-2-column.light .row .promo-block-aside .promo-block-aside-wrapper {
background-color: #fff
}
.promo-block-2-column.light .row .promo-block-aside .promo-block-basic .promo-block-body {
background-color: #fff;
box-shadow: 0 3px 6px rgba(0,0,0,.16)
}
.promo-block-2-column.dark {
background-color: #e6ecf7
}
.promo-block-2-column.dark .row .promo-block-aside .promo-block-aside-wrapper {
background-color: #fff
}
.promo-block-2-column.dark .row .promo-block-aside .promo-block-basic .promo-block-body {
background-color: #fff;
box-shadow: 0 3px 6px rgba(0,0,0,.16)
}
.promo-block-2-column .promo-block-body .category {
letter-spacing: .05em;
font-weight: 600;
font-size: .875em;
line-height: 1;
color: #033266;
text-transform: uppercase
}
.promo-block-2-column .promo-block-body .promo-title-container {
position: relative
}
.promo-block-2-column .promo-block-body .promo-title {
font-weight: 300;
font-size: 3.375em;
line-height: .963;
color: #000
}
.promo-block-2-column .promo-block-body .promo-title:after {
content: "";
position: absolute;
width: 8%;
height: 0;
bottom: -0.25rem;
left: 0;
border-bottom: 4px solid #ffbf00
}
.promo-block-2-column .promo-block-body .promo-text {
font-size: 1rem
}
.promo-block-2-column .promo-block-body .promo-text figure.img-extra-wide, .promo-block-2-column .promo-block-body .promo-text figure.img-left, .promo-block-2-column .promo-block-body .promo-text figure.img-right, .promo-block-2-column .promo-block-body .promo-text .box-left, .promo-block-2-column .promo-block-body .promo-text .box-right, .promo-block-2-column .promo-block-body .promo-text .box-wide {
display: none !important
}
.promo-block-2-column .promo-block-body .btn {
padding-left: 32px;
padding-right: 32px
}
.promo-block-2-column .promo-block-body iframe {
display: block;
margin: auto;
max-width: 100%
}
.promo-block-2-column .promo-block-body .twitter-feed-container {
justify-content: center;
display: flex
}
.promo-block-2-column .promo-block-img {
overflow: hidden
}
.promo-block-2-column .promo-block-img a {
cursor: pointer
}
.promo-block-2-column .promo-block-img .img-fluid {
width: 100%;
transition: .2s transform
}
.promo-block-2-column .promo-block-img .link-wrapper {
position: relative;
display: block;
width: 100%;
height: auto;
overflow: hidden
}
.promo-block-2-column .promo-block-img .link-wrapper:hover .img-fluid {
transform: scale(1.05, 1.05)
}
.promo-block-2-column .promo-block-img .badge {
display: inline-block;
position: absolute;
bottom: 0;
left: 0;
background-color: rgba(0,178,227,.8);
border-radius: 0;
color: #fff;
font-size: .938em;
font-weight: 600;
line-height: 1.2;
z-index: 1
}
.promo-block-2-column .promo-block-img .badge img {
display: inline-block
}
.promo-block-2-column .promo-block-aside {
margin-bottom: 1rem
}
.promo-block-2-column .promo-block-aside .col-sm-6:first-child {
margin-bottom: 1rem
}
.promo-block-2-column .promo-block-aside .col-sm-6:last-child {
margin-bottom: 1rem
}
.promo-block-2-column .promo-block-aside iframe {
display: block;
margin: auto;
max-width: 100%
}
.promo-block-2-column .promo-block-aside .twitter-feed-container {
justify-content: center;
display: flex
}
.promo-block-2-column .promo-block-aside .promo-block-aside-wrapper {
background-color: #e6ecf7;
padding-bottom: 1px;
box-shadow: 0 3px 6px rgba(0,0,0,.16)
}
.promo-block-2-column .promo-block-aside .promo-block-aside-wrapper .basic-content.mb-5 {
margin-bottom: 0 !important
}
.promo-block-2-column .promo-block-aside .promo-block-aside-wrapper .basic-content::after {
content: "";
display: block;
height: 0;
clear: both
}
.promo-block-2-column .promo-block-aside .promo-block-aside-wrapper .basic-content figure.img-extra-wide img {
margin-right: 0 !important;
margin-left: 0 !important;
width: 100% !important
}
.promo-block-2-column .promo-block-aside .promo-block-aside-wrapper .basic-content figure.img-left {
margin-left: 0 !important
}
.promo-block-2-column .promo-block-aside .promo-block-aside-wrapper .basic-content figure.img-right {
margin-right: 0 !important
}
.promo-block-2-column .promo-block-aside .promo-block-aside-wrapper .basic-content .box-left {
margin-left: 0 !important
}
.promo-block-2-column .promo-block-aside .promo-block-aside-wrapper .basic-content .box-right {
margin-right: 0 !important
}
.promo-block-2-column .promo-block-aside .promo-block-aside-wrapper .basic-content .box-wide {
margin-right: 0 !important;
margin-left: 0 !important;
width: 100% !important
}
.promo-block-2-column .promo-block-aside .promo-block-basic .promo-block-body {
background-color: #e6ecf7
}
.promo-block-2-column .promo-block-aside.contact-us .wrapper {
box-shadow: 0 3px 6px rgba(0,0,0,.16);
background-color: #fff;
padding: 1rem 1.5rem .125rem .5rem
}
.promo-block-2-column .promo-block-aside.contact-us .wrapper .sizer .contact-us-container .contact-us-card .contact-us-header {
background-color: rgba(0,0,0,0);
position: relative
}
.promo-block-2-column .promo-block-aside.contact-us .wrapper .sizer .contact-us-container .contact-us-card .contact-us-header::after {
content: "";
position: absolute;
width: 8%;
height: 0;
bottom: 0;
left: 1.5rem;
border-bottom: 4px solid #ffbf00
}
.promo-block-subscribe.light {
background-color: #fff9e5
}
.promo-block-subscribe.light .promo-block-body .promo-form .text-input, .promo-block-subscribe.light .promo-block-body .promo-form .text-area {
border: none
}
.promo-block-subscribe.dark {
background-color: #e6ecf7
}
.promo-block-subscribe.dark .promo-block-body .promo-form .text-input, .promo-block-subscribe.dark .promo-block-body .promo-form .text-area {
border: none
}
.promo-block-subscribe.sm {
margin: auto;
background-color: rgba(0,0,0,0)
}
.promo-block-subscribe.sm.light .promo-block-body {
background-color: #fff9e5
}
.promo-block-subscribe.sm.light .promo-block-body .promo-form .text-input, .promo-block-subscribe.sm.light .promo-block-body .promo-form .text-area {
border: none
}
.promo-block-subscribe.sm.dark .promo-block-body {
background-color: #e6ecf7
}
.promo-block-subscribe.sm.dark .promo-block-body .promo-form .text-input, .promo-block-subscribe.sm.dark .promo-block-body .promo-form .text-area {
border: none
}
.promo-block-subscribe .promo-block-body {
margin: auto
}
.promo-block-subscribe .promo-block-body .promo-form {
margin: auto
}
.promo-block-subscribe .promo-block-body .promo-form .text-input, .promo-block-subscribe .promo-block-body .promo-form .text-area {
background-color: #fff;
box-shadow: 0 2px 16px rgba(0,40,85,.1);
border: 2px solid #e6ecf7
}
.promo-block-subscribe .promo-block-body .promo-form.email-only input {
box-shadow: none
}
.promo-block-subscribe .promo-block-body .promo-form.email-only button[type=submit] {
border: none;
border-left: 1px solid #939393;
background-color: #fff;
color: #007991;
letter-spacing: .03em;
font-weight: 600;
font-size: .875em;
line-height: 1.214;
text-transform: uppercase
}
.promo-block-subscribe .promo-block-body .promo-form input, .promo-block-subscribe .promo-block-body .promo-form textarea {
border: none;
border-radius: 0
}
.promo-block-subscribe .promo-block-body .promo-form input:focus, .promo-block-subscribe .promo-block-body .promo-form textarea:focus {
outline: 5px auto -webkit-focus-ring-color;
box-shadow: none
}
.promo-block-subscribe .promo-block-body .promo-form input.form-control, .promo-block-subscribe .promo-block-body .promo-form textarea.form-control {
font-size: 1.125em;
line-height: 1.5
}
.basic-content .promo-block-subscribe .promo-block-body {
margin: auto
}
.basic-content .promo-block-subscribe .promo-block-body h2 {
margin-bottom: 1.5rem
}
.basic-content .promo-block-subscribe .promo-block-body .promo-form {
margin: auto
}
.basic-content .promo-block-subscribe .promo-block-body .promo-form .text-input, .basic-content .promo-block-subscribe .promo-block-body .promo-form .text-area {
background-color: #fff;
box-shadow: none;
border: 1px solid #b3c1d1;
border-radius: 8px
}
.promo .wrapper .sizer .col-lg-10.row.px-0 {
padding-left: 1rem !important;
padding-right: 1rem !important
}
.promo-block-basic.lg .wrapper {
width: 100%;
margin: 0
}
.promo-block-basic.sm:first-child {
padding-left: 0
}
.promo-block-basic.sm:last-child {
padding-right: 0
}
.promo-block-basic.sm.light .promo-block-body {
background-color: #fff9e5
}
.promo-block-basic.sm.dark .promo-block-body {
background-color: #e6ecf7
}
.promo-block-basic.sm .promo-block-body {
background-color: #fff;
width: 100%
}
.promo-block-basic.md {
margin: auto;
background-color: rgba(0,0,0,0)
}
.promo-block-basic.md.light .promo-block-body {
background-color: #fff9e5
}
.promo-block-basic.md.dark .promo-block-body {
background-color: #e6ecf7
}
.promo-block-basic.lg.light {
background-color: #fff9e5
}
.promo-block-basic.lg.dark {
background-color: #e6ecf7
}
.promo-block-basic .promo-block-body {
text-align: center
}
.promo-block-basic .promo-block-body .section-title {
font-size: 1.75em;
color: #000;
line-height: 1.214;
font-weight: 400
}
.promo-block-basic .promo-block-body .btn {
padding-left: 32px;
padding-right: 32px
}
.promo-block-social.light {
background-color: #fff9e5
}
.promo-block-social.dark {
background-color: #e6ecf7
}
.promo-block-web.dark .wrapper .sizer .row {
background-color: #e6ecf7
}
.promo-block-web.dark .wrapper .sizer .row .promo-block-body {
background-color: #e6ecf7
}
.promo-block-web.light .wrapper .sizer .row {
background-color: #fff9e5
}
.promo-block-web.light .wrapper .sizer .row .promo-block-body {
background-color: #fff9e5
}
.promo-block-web .wrapper .sizer {
position: relative
}
.promo-block-web .wrapper .sizer .link-wrapper {
display: block;
width: 100%;
z-index: 10
}
.promo-block-web .wrapper .sizer .link-wrapper:hover {
text-decoration: none
}
.promo-block-web .wrapper .sizer .link-wrapper:hover .row .promo-block-img img {
transform: scale(1.05, 1.05)
}
.promo-block-web .wrapper .sizer .link-wrapper:hover .row .promo-block-body .promo-title {
color: #007991
}
.promo-block-web .wrapper .sizer .link-wrapper:hover .row .promo-block-body .btn-primary {
color: #fff;
background-color: #033266;
border-color: #033266
}
.promo-block-web .wrapper .sizer .row {
box-shadow: 0 3px 6px rgba(0,0,0,.16);
background-color: #fff
}
.promo-block-web .wrapper .sizer .row .promo-block-img {
overflow: hidden;
position: relative;
display: flex;
justify-content: center
}
.promo-block-web .wrapper .sizer .row .promo-block-img .badge {
display: inline-block;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0,178,227,.8);
border-radius: 0;
color: #fff;
font-size: .938em;
font-weight: 600;
line-height: 1.2;
z-index: 1
}
.promo-block-web .wrapper .sizer .row .promo-block-img .badge .icon {
display: inline-block
}
.promo-block-web .wrapper .sizer .row .promo-block-img .img-fluid {
display: block;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
max-width: none;
flex: 1;
transition: .2s transform
}
.promo-block-web .wrapper .sizer .row .promo-block-body {
background-color: #fff
}
.promo-block-web .wrapper .sizer .row .promo-block-body .category {
color: #666;
letter-spacing: .05em;
font-weight: 600;
font-size: .875em;
line-height: 1;
text-transform: uppercase;
text-decoration: none
}
.promo-block-web .wrapper .sizer .row .promo-block-body .promo-title {
font-weight: 600;
font-size: 2.5em;
line-height: 1.15;
color: #000
}
.promo-block-web .wrapper .sizer .row .promo-block-body .promo-text {
font-size: 1.125em;
line-height: 1.5;
color: #333
}
@supports(object-fit: cover) {
.promo-block-web .wrapper .sizer .row .promo-block-img .img-fluid {
min-width: 0;
min-height: 0;
object-fit: cover
}
}
@media(max-width: calc(1440px - 1px)) {
.promo-block-2-column.badge-variation .promo-block-img {
padding-left: 10rem;
padding-right: 10rem
}
}
@media(max-width: calc(1200px - 1px)) {
.promo-block-2-column.badge-variation .promo-block-img {
padding-left: 8rem;
padding-right: 8rem
}
}
@media(max-width: calc(992px - 1px)) {
.promo-block-2-column.badge-variation .promo-block-img {
padding-left: 4rem;
padding-right: 4rem
}
.promo .wrapper .sizer .col-lg-10.row.px-0 {
padding-left: 0 !important;
padding-right: 0 !important
}
.promo-block-2-column .wrapper .row .promo-block-aside .promo-block-aside-wrapper .basic-content figure.img-left {
float: none;
max-width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 2rem
}
.promo-block-2-column .wrapper .row .promo-block-aside .promo-block-aside-wrapper .basic-content figure.img-right {
float: none;
max-width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 2rem
}
}
@media(max-width: calc(768px - 1px)) {
.promo-block-2-column.badge-variation .promo-block-img {
padding-left: 2rem;
padding-right: 2rem
}
.promo-block-subscribe .promo-block-body {
margin: auto
}
.promo-block-subscribe .promo-block-body .promo-form .text-input {
padding: 0
}
.promo-block-basic.sm {
padding: 0
}
.promo-block-web .wrapper .sizer .row .promo-block-img {
flex-direction: column
}
.promo-block-web .wrapper .sizer .row .promo-block-img .img-fluid {
width: 100%;
height: auto;
min-width: 0;
min-height: 0
}
@supports(object-fit: cover) {
.promo-block-web .wrapper .sizer .row .promo-block-img .img-fluid {
object-fit: fill
}
}
}
@media(max-width: calc(576px - 1px)) {
.promo-block {
background-size: 120% auto;
background-position: center 150%
}
.promo-block .promo-block-body .promo-title {
font-size: .75em;
line-height: 1.167
}
.promo-block .promo-block-body .promo-text {
font-size: 1.375em;
line-height: 1.182
}
.promo-block-2-column .promo-block-aside .promo-block-aside-wrapper .basic-content figure.img-left, .promo-block-2-column .promo-block-aside .promo-block-aside-wrapper .basic-content figure.img-right, .promo-block-2-column .promo-block-aside .promo-block-aside-wrapper .basic-content figure.img-wide, .promo-block-2-column .promo-block-aside .promo-block-aside-wrapper .basic-content figure.img-extra-wide {
margin-bottom: 1rem !important
}
.promo-block-2-column .promo-block-aside.contact-us .wrapper .sizer .contact-us-container .contact-us-card .contact-us-header::after {
width: 10%;
bottom: .125rem
}
.promo-block-2-column .promo-block-img {
width: 100vw;
padding: 0;
margin-left: -0.5em;
margin-right: -0.5em
}
.promo-block-2-column .promo-block-body .category {
font-size: .75em
}
.promo-block-2-column .promo-block-body .promo-title {
font-size: 2.875em;
line-height: 1.13
}
.promo-block-2-column .promo-block-body .promo-title:after {
width: 10%;
bottom: .25rem
}
.promo-block-2-column .promo-block-body .promo-text {
font-size: 1em;
line-height: 1.375
}
.promo-block-subscribe .promo-block-body .promo-form.email-only button[type=submit] {
font-size: .75em;
line-height: 1.167
}
.promo-block-subscribe .promo-block-body .promo-form input.form-control {
font-size: 1em;
line-height: 1.375
}
.promo-block-basic .promo-block-body .btn {
font-size: 1.125em;
line-height: 1.222
}
.promo-block-web .wrapper .sizer .row .promo-block-body {
padding-top: 1.5rem !important
}
.promo-block-web .wrapper .sizer .row .promo-block-body .promo-title {
font-size: 1.75em;
line-height: 1.214
}
.promo-block-web .wrapper .sizer .row .promo-block-body .promo-text {
font-size: 1em;
line-height: 1.375
}
}
@media print {
.promo-block-web.light .wrapper .sizer .row .promo-block-body, .promo-block-web.dark .wrapper .sizer .row .promo-block-body {
background-color: #fff !important
}
.promo-block-web .wrapper .sizer .link-wrapper {
text-decoration: none !important
}
.promo-block-web .wrapper .sizer .row {
box-shadow: 0 3px 6px rgba(0,0,0,.16) !important;
-webkit-print-color-adjust: exact;
-webkit-filter: opacity(1)
}
.promo-block-web .wrapper .sizer .row .promo-block-img {
flex: 0 0 50% !important;
max-width: 50% !important
}
.promo-block-web .wrapper .sizer .row .promo-block-img .badge {
display: none !important
}
.promo-block-web .wrapper .sizer .row .promo-block-img .img-fluid {
display: block !important;
min-width: 0 !important;
min-height: 0 !important;
object-fit: cover !important;
width: auto !important;
height: auto !important;
max-width: none !important;
flex: 1 !important
}
.promo-block-web .wrapper .sizer .row .promo-block-body {
flex: 0 0 50% !important;
max-width: 50% !important;
background-color: #fff !important
}
.promo-block-web .wrapper .sizer .row .promo-block-body .col-12 {
flex: 0 0 100% !important;
max-width: 100% !important
}
.promo-block-web .wrapper .sizer .row .promo-block-body .category {
color: #666 !important
}
.promo-block-web .wrapper .sizer .row .promo-block-body .promo-title {
color: #000 !important
}
.promo-block-web .wrapper .sizer .row .promo-block-body .promo-text {
color: #333 !important
}
.promo-block-web .wrapper .sizer .row .promo-block-body .btn-primary {
color: #007991
}
.promo-block-subscribe {
display: none !important
}
.promo-block-2-column {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important
}
.promo-block-2-column.light, .promo-block-2-column.dark {
background-color: #fff !important
}
.promo-block-2-column .wrapper .row .col-sm-6 {
flex: 0 0 50% !important;
max-width: 50% !important
}
.promo-block-2-column .wrapper .row .promo-block-img .badge {
display: none !important
}
.promo-block-2-column .wrapper .row .promo-block-aside .wrapper {
box-shadow: 0 3px 6px rgba(0,0,0,.16) !important;
-webkit-print-color-adjust: exact;
-webkit-filter: opacity(1)
}
.promo-block-2-column .wrapper .row .promo-block-aside .promo-block-aside-wrapper {
background-color: #fff !important;
box-shadow: 0 3px 6px rgba(0,0,0,.16) !important;
-webkit-print-color-adjust: exact;
-webkit-filter: opacity(1)
}
.promo-block-2-column .wrapper .row .promo-block-aside .promo-block-basic.sm .promo-block-body {
background-color: #fff !important;
box-shadow: 0 3px 6px rgba(0,0,0,.16) !important;
-webkit-print-color-adjust: exact;
-webkit-filter: opacity(1)
}
.promo-block-2-column .wrapper .row .promo-block-aside .promo-block-basic.sm.dark .promo-block-body, .promo-block-2-column .wrapper .row .promo-block-aside .promo-block-basic.sm.light .promo-block-body {
background-color: #fff !important;
box-shadow: 0 3px 6px rgba(0,0,0,.16) !important;
-webkit-print-color-adjust: exact;
-webkit-filter: opacity(1)
}
.promo-block-2-column .wrapper .row .promo-block-aside.contact-us .wrapper .sizer .contact-us-container .contact-us-card .contact-us-header {
border: none !important
}
.promo-block-social {
display: none !important
}
.promo-block-basic.light, .promo-block-basic.dark {
background-color: #fff !important
}
.promo-block-basic.light .promo-block-body, .promo-block-basic.dark .promo-block-body {
background-color: #fff !important
}
}
.article-body .pullquote {
position: relative;
font-size: 1.625em;
line-height: 1.231;
font-weight: 500;
border-bottom: 1px solid #ffbf00
}
.article-body .pullquote .text {
display: block;
overflow: hidden
}
.article-body .pullquote .text:before {
content: "";
display: block;
background-image: url("https://health.ucdavis.edu/medical-center/images/blog/article/quotes.svg");
background-size: 100% auto;
background-repeat: no-repeat;
width: 39px;
height: 45px
}
.article-body .pullquote .img-wrapper {
float: left;
display: block;
width: 160px;
height: 160px;
overflow: hidden;
border-radius: 80px
}
.article-body .pullquote .img-wrapper img {
width: 100%
}
.article-body .pullquote .caption {
font-weight: 400;
font-size: .769em;
line-height: 1.5em;
color: #000;
display: block;
overflow: hidden
}
.article-body .pullquote .caption .dash {
display: block;
float: left
}
.article-body .pullquote .caption .content {
display: block;
overflow: hidden
}
@media(min-width: 1200px) {
.article-body .pullquote.with-img {
margin-right: calc(-8.3333333333% - 32px)
}
.article-body .pullquote.with-img .text:before {
margin-left: 0
}
.article-body .pullquote.with-img .img-wrapper {
position: absolute;
left: -184px;
top: 24px
}
}
@media(max-width: calc(576px - 1px)) {
.article-body .pullquote.with-img .text:before {
margin-left: 0
}
.article-body .pullquote.with-img .img-wrapper {
float: none;
margin: auto
}
}
@media print {
.pullquote {
border: none !important
}
}
.basic-content.wrapper .basic-content-container .basic-content-body > *:last-child {
margin-bottom: 0
}
article h1, article h2, article h3, article h4, .basic-content h1, .basic-content h2, .basic-content h3, .basic-content h4, .promo-block-2-column .promo-text h1, .promo-block-2-column .promo-text h2, .promo-block-2-column .promo-text h3, .promo-block-2-column .promo-text h4 {
color: #000;
font-weight: 600
}
article h1 a, article h2 a, article h3 a, article h4 a, .basic-content h1 a, .basic-content h2 a, .basic-content h3 a, .basic-content h4 a, .promo-block-2-column .promo-text h1 a, .promo-block-2-column .promo-text h2 a, .promo-block-2-column .promo-text h3 a, .promo-block-2-column .promo-text h4 a {
color: #000
}
article h1 a:hover, article h2 a:hover, article h3 a:hover, article h4 a:hover, .basic-content h1 a:hover, .basic-content h2 a:hover, .basic-content h3 a:hover, .basic-content h4 a:hover, .promo-block-2-column .promo-text h1 a:hover, .promo-block-2-column .promo-text h2 a:hover, .promo-block-2-column .promo-text h3 a:hover, .promo-block-2-column .promo-text h4 a:hover {
text-decoration: none;
color: #007991
}
.article-body h2, .article-body h3, .article-body h4, .promo-block-2-column .promo-text h2, .promo-block-2-column .promo-text h3, .promo-block-2-column .promo-text h4 {
padding-top: 1rem
}
.article-body .box-wide h2, .article-body .box-wide h3, .article-body .box-wide h4, .article-body .box-right h2, .article-body .box-right h3, .article-body .box-right h4, .article-body .box-left h2, .article-body .box-left h3, .article-body .box-left h4, .promo-block-2-column .promo-text h2, .promo-block-2-column .promo-text h3, .promo-block-2-column .promo-text h4, .promo-block-2-column .promo-text h2, .promo-block-2-column .promo-text h3, .promo-block-2-column .promo-text h4, .promo-block-2-column .promo-text h2, .promo-block-2-column .promo-text h3, .promo-block-2-column .promo-text h4 {
padding-top: 0rem
}
.article-header h1 {
font-size: 1.75em;
line-height: 1.25;
margin-bottom: 1.5rem
}
.special-note-block h2 {
font-size: 1.125em;
line-height: 1.333
}
.article-body h2, .audio-body h2, .promo-block-2-column .promo-text h2 {
font-size: 1.375em;
line-height: 1.273
}
.article-body h3, .audio-body h3, .promo-block-2-column .promo-text h3 {
font-size: 1.125em;
line-height: 1.333
}
.article-body h4, .audio-body h4, .promo-block-2-column .promo-text h4 {
font-size: 1em;
line-height: 1.25
}
.special-note-block p, .article-body p, .audio-body p, .promo-block-2-column .promo-text p {
font-size: 1em;
line-height: 1.375
}
article ul, article ol, .basic-content ul, .basic-content ol, .promo-block-2-column .promo-text ul, .promo-block-2-column .promo-text ol {
font-size: 1em;
line-height: 1.375;
list-style-position: outside;
font-weight: 400;
padding-left: 3rem;
padding-top: .5rem;
margin-bottom: 1.5rem;
overflow: hidden
}
article ul li, article ol li, .basic-content ul li, .basic-content ol li, .promo-block-2-column .promo-text ul li, .promo-block-2-column .promo-text ol li {
padding-left: 1rem;
padding-bottom: .5rem
}
article ul li:last-child, article ol li:last-child, .basic-content ul li:last-child, .basic-content ol li:last-child, .promo-block-2-column .promo-text ul li:last-child, .promo-block-2-column .promo-text ol li:last-child {
padding-bottom: 0
}
article ul ul, article ul ol, article ol ul, article ol ol, .basic-content ul ul, .basic-content ul ol, .basic-content ol ul, .basic-content ol ol, .promo-block-2-column .promo-text ul ul, .promo-block-2-column .promo-text ul ol, .promo-block-2-column .promo-text ol ul, .promo-block-2-column .promo-text ol ol {
font-size: inherit;
line-height: inherit;
margin-bottom: 0;
padding-top: .5rem
}
article ul, .basic-content ul, .promo-block-2-column .promo-text ul {
list-style-image: url("data:image/svg+xml,")
}
article ol, .basic-content ol, .promo-block-2-column .promo-text ol {
counter-reset: item;
position: relative
}
article ol > li, .basic-content ol > li, .promo-block-2-column .promo-text ol > li {
list-style-type: none;
counter-increment: item
}
article ol > li:before, .basic-content ol > li:before, .promo-block-2-column .promo-text ol > li:before {
display: inline-block;
position: absolute;
left: 0;
right: calc(100% - 2.9rem);
font-weight: bold;
text-align: right;
content: counter(item) "."
}
article hr, .basic-content hr, .promo-block-2-column .promo-text hr {
overflow: hidden
}
.article-body {
position: relative;
clear: both
}
.boilerplate {
position: relative;
clear: both
}
.article-footer {
clear: both
}
.article-footer .info-block {
border-top: 2px solid #cdd6e0;
font-size: 1.125em;
line-height: 1.222
}
.article-footer .category-header.h3 {
display: block;
width: 100%;
color: #000;
font-weight: 600;
font-size: 1.125em;
line-height: 1.333;
margin-bottom: 1rem
}
.article-footer .categories:first-child {
padding-top: 1rem
}
.article-footer .categories .btn {
background-color: #ffe599;
color: #000;
font-size: .778em;
line-height: 1;
text-transform: uppercase;
font-weight: 600;
border-color: #ffe599;
border-width: 4px;
border-radius: 18px
}
.article-footer .categories .btn:hover {
background-color: rgba(0,0,0,0)
}
.article-footer .cta-block {
background-color: #e6ecf7
}
.article-footer .cta-block.light {
background-color: #fff9e5
}
.article-footer .cta-block.dark {
background-color: #e6ecf7
}
.article-footer .cta-block .section-title {
text-align: center;
font-size: 2.125em;
line-height: 1.206;
font-weight: 300
}
.article-footer .cta-block .nav .nav-item {
padding: 0
}
article .special-note-block .podcast-container {
background-color: #fff;
padding: 4px;
margin-left: -4px;
margin-right: -4px;
padding-bottom: 0
}
article .special-note-block .podcast-container iframe {
margin-bottom: -3px
}
.audio-container audio {
border-radius: 30px
}
article .special-note-block .audio-container audio {
box-shadow: 0 0 8px 0 rgba(0,0,0,.25)
}
@media(min-width: 576px) {
.article-header h1 {
font-size: 2.5em;
line-height: 1.15;
margin-bottom: 2rem
}
.special-note-block h2 {
font-size: 1.375em;
line-height: 1.23
}
.article-body h2, .audio-body h2, .promo-block-2-column .promo-text h2 {
font-size: 1.75em;
line-height: 1.25
}
.article-body h3, .audio-body h3, .promo-block-2-column .promo-text h3 {
font-size: 1.375em;
line-height: 1.273
}
.article-body h4, .audio-body h4, .promo-block-2-column .promo-text h4 {
font-size: 1.125em;
line-height: 1.333
}
.special-note-block p, .article-body p, .audio-body p, .promo-block-2-column .promo-text p {
font-size: 1.125em;
line-height: 1.5;
margin-bottom: 2rem
}
.special-note-block p:has(~ul), .special-note-block p:has(~ol), .article-body p:has(~ul), .article-body p:has(~ol), .audio-body p:has(~ul), .audio-body p:has(~ol), .promo-block-2-column .promo-text p:has(~ul), .promo-block-2-column .promo-text p:has(~ol) {
margin-bottom: 1rem
}
article ul, article ol, .basic-content ul, .basic-content ol, .promo-block-2-column .promo-text ul, .promo-block-2-column .promo-text ol {
font-size: 1.125em;
line-height: 1.5;
padding-top: 0rem;
margin-bottom: 2rem
}
article ul ul, article ul ol, article ol ul, article ol ol, .basic-content ul ul, .basic-content ul ol, .basic-content ol ul, .basic-content ol ol, .promo-block-2-column .promo-text ul ul, .promo-block-2-column .promo-text ul ol, .promo-block-2-column .promo-text ol ul, .promo-block-2-column .promo-text ol ol {
font-size: inherit;
line-height: inherit;
padding-top: .75rem;
margin-bottom: .5rem
}
.article-header .byline {
font-size: 1.125em;
top: 1.125rem
}
.article-footer .category-header.h3 {
font-size: 1.375em;
line-height: 1.273
}
}
.special-note-block {
background-color: #e6ecf7;
flex-grow: 1
}
.special-note-block .special-note-block-wrapper .article-header .category {
color: #355b85
}
.article-dateline-wrapper {
padding-bottom: .5rem
}
.article-header .category {
letter-spacing: .05em;
font-weight: 600;
font-size: .875em;
line-height: 1;
color: #007991;
text-transform: uppercase
}
.article-header .category::after {
font-weight: normal;
display: inline-block;
padding-left: .5rem;
padding-right: .25rem;
color: #7f7f7f;
content: "|"
}
.article-header .dateline {
color: #666;
font-size: .875em;
padding-right: .5rem
}
.article-header .dateline.updated {
font-style: italic;
color: #000;
white-space: nowrap;
padding-left: 0;
padding-right: 0
}
.article-header .dateline + .dateline.updated::before {
font-style: normal;
display: inline-block;
padding-right: .5rem;
color: #7f7f7f;
content: "|"
}
.article-header .byline {
display: inline-block;
position: relative;
top: -1.5rem;
color: #666;
font-size: 1em;
font-weight: 400;
margin-bottom: .5rem
}
.box-wide, .box-left, .box-right {
width: 100%;
height: auto;
padding: 2rem 2rem;
margin-bottom: 1rem;
background-color: #fff9e5
}
.box-wide.light, .box-left.light, .box-right.light {
background-color: #fff9e5;
font-weight: 400
}
.box-wide.dark, .box-left.dark, .box-right.dark {
background-color: #e6ecf7
}
.box-wide {
clear: both
}
div.box-wide, div.box-left, div.box-right {
padding-bottom: 1rem
}
@media(min-width: 576px) {
.box-wide, .box-left, .box-right {
width: 100%;
margin-left: 0;
margin-bottom: 2rem
}
.box-left {
float: left;
margin-right: 2rem;
max-width: calc(50% - 1rem)
}
.box-right {
float: right;
margin-left: 2rem;
max-width: calc(50% - 1rem)
}
div.box-wide, div.box-left, div.box-right {
padding-bottom: 1px
}
}
@media(min-width: 992px) {
.article-container .article-header {
position: relative
}
.article-container .article-header:before {
content: "";
display: block;
margin-bottom: -500px;
margin-left: calc(-32px*1.5);
margin-right: calc(-32px*1.5);
width: calc(100% + 32px*3);
height: 500px;
background-color: #fff
}
.box-left {
margin-left: calc(-8.3333333333% - 32px)
}
.box-right {
margin-right: calc(-8.3333333333% - 32px)
}
.box-wide {
margin-right: calc(-8.3333333333% - 32px);
margin-left: calc(-8.3333333333% - 32px);
width: calc(100% + 16.6666666667% + 2*32px)
}
}
.comment-block .sizer {
border: 1px solid #e5e5e5;
box-shadow: 0 2px 8px 0 rgba(0,0,0,.1)
}
@media print {
@supports(-moz-appearance: none) {
.box-left, .box-right {
float: none !important;
display: inline-block !important;
vertical-align: top !important;
margin-left: 0 !important;
clear: both !important
}
article .article-body::after, .basic-content .basic-content-body::after {
content: "";
display: table;
clear: both;
width: 100%;
height: 800px
}
}
iframe {
display: none !important;
position: relative !important
}
.video-wrapper {
display: none !important
}
audio, .podcast-container {
display: none !important
}
.comment-block {
display: none !important
}
.special-note-block {
margin-left: 0 !important;
margin-right: 0 !important;
margin-top: 2rem !important;
padding-left: 0 !important;
padding-right: 0 !important;
background-color: #fff !important;
border-bottom: 2px solid #b3c1d1
}
.box-wide {
margin-left: 0 !important;
margin-right: 0 !important
}
.box-wide, .box-left, .box-right {
border: 2px solid #b3c1d1;
background-color: #fff !important;
color: #333
}
.editor-note {
border: 2px solid #b3c1d1;
background-color: #fff !important;
color: #333 !important
}
.boilerplate {
page-break-inside: avoid;
break-inside: avoid;
border: 2px solid #b3c1d1;
background-color: #fff !important;
color: #333
}
.article-footer {
page-break-inside: avoid;
break-inside: avoid
}
.article-footer .contact-box .col-sm-7 {
flex: 0 0 100% !important;
max-width: 100% !important
}
.article-footer .info-block .col-sm-7 {
flex: 0 0 100% !important;
max-width: 100% !important
}
.article-footer .cta-block {
display: none !important
}
}
.latest-news .media-block-wrapper .btn.btn-sm, .latest-news .media-block-wrapper .btn-group-sm > .btn {
font-size: 1.125rem;
line-height: 1.222
}
.latest-news.promo-block-2-column .promo-block-body .category {
color: #007991
}
.latest-news .media .media-body .media-title {
font-size: 1.125em;
line-height: 1.333
}
.latest-news .media .media-body .media-title .read-more {
font-size: inherit;
line-height: inherit
}
.latest-news .media .media-body .media-title a.read-more {
color: #022851
}
.latest-news .news-list.media-block .media-list .media:last-child {
padding-bottom: 0
}
.latest-news.promo-block-2-column.dark .promo-block-body .category {
color: #355b85
}
.latest-news.promo-block-2-column.dark .promo-block-body .media-block.web .media-list .media {
border-top: 2px solid #cdd6e0
}
.latest-news.promo-block-2-column.dark .promo-block-body .media-block.web .media-list .media:first-child {
border-top: none
}
.latest-news.promo-block-2-column.dark .promo-block-body .media-block.web .media-list .media:last-child {
border-bottom: 2px solid #cdd6e0
}
.latest-news.promo-block-2-column.light .promo-block-body .category {
color: #355b85
}
.latest-news.promo-block-2-column.light .promo-block-body .media-block.web .media-list .media {
border-top: 2px solid #e5e5e5
}
.latest-news.promo-block-2-column.light .promo-block-body .media-block.web .media-list .media:first-child {
border-top: none
}
.latest-news.promo-block-2-column.light .promo-block-body .media-block.web .media-list .media:last-child {
border-bottom: 2px solid #e5e5e5
}
.latest-news .featured-article-overlay {
background: linear-gradient(#022851, #1d4776);
margin-top: -20%;
border-radius: 8px
}
.latest-news .featured-article-overlay .category {
color: #ffbf00;
text-transform: uppercase;
position: relative;
z-index: 5;
padding-bottom: .25rem;
letter-spacing: .05em;
font-weight: 600;
font-size: .875em;
line-height: 1;
color: #ffbf00
}
.latest-news .featured-article-overlay .featured-article-title {
color: #fff;
font-size: 1.375em;
line-height: 1.364
}
.latest-news .featured-article-overlay .btn-primary {
color: #000;
background-color: #ffc519;
border-color: #ffc519
}
.latest-news .featured-article-overlay .btn-primary:hover, .latest-news .featured-article-overlay .btn-primary:focus {
background-color: #ffbf00;
color: #000;
border-color: #ffbf00
}
.latest-news .featured-article-overlay .btn-outline-primary {
border-color: #ffc519;
color: #fff
}
.latest-news .featured-article-overlay .btn-outline-primary:hover, .latest-news .featured-article-overlay .btn-outline-primary:focus {
color: #000;
background-color: #ffc519;
border-color: #ffc519
}
.latest-news .featured-article-overlay .btn-outline-primary:hover.play-icon::after, .latest-news .featured-article-overlay .btn-outline-primary:focus.play-icon::after {
content: url("data:image/svg+xml,")
}
.latest-news .featured-article-overlay .btn-outline-primary.play-icon::after {
content: url("data:image/svg+xml,")
}
.latest-news .featured-article-wrapper .featured-img-wrapper {
position: relative;
border-radius: 6px;
overflow: hidden
}
.latest-news .featured-article-wrapper .featured-img-wrapper .feature-link {
display: block;
cursor: pointer
}
.latest-news .featured-article-wrapper .featured-img-wrapper .feature-link.video-modal::after {
content: url('data:image/svg+xml,');
position: absolute;
display: block;
bottom: 33%;
left: 10%;
background-color: rgba(2,40,81,.9);
height: 5rem;
width: 5rem;
border-radius: 50%;
padding: 1rem;
-webkit-transition: -webkit-transform .25s ease-in-out;
-moz-transition: -moz-transform .25s ease-in-out;
-ms-transition: -ms-transform .25s ease-in-out;
-o-transition: -o-transform .25s ease-in-out;
transition: transform .25s ease-in-out
}
.latest-news .featured-article-wrapper .featured-img-wrapper .feature-link.video-modal:hover::after {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1)
}
.latest-news .featured-article-wrapper .featured-img-wrapper .feature-link.video-modal:hover img {
opacity: .8
}
.latest-news .featured-article-wrapper .featured-img-wrapper .feature-link img {
width: 100%;
height: auto;
opacity: 1;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
.latest-news .featured-article-wrapper .featured-img-wrapper .feature-link:not(.video-modal):hover img {
transform: scale(105%)
}
.latest-news .featured-article-wrapper .featured-img-wrapper img {
width: 100%;
height: auto;
opacity: 1;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out
}
@media(min-width: calc(576px - 1px)) {
.latest-news .media-block-wrapper .btn.btn-sm, .latest-news .media-block-wrapper .btn-group-sm > .btn {
font-size: 1.375rem;
line-height: 1.182
}
}
@media(min-width: calc(992px - 1px)) {
.latest-news .media .media-body .media-title {
font-size: 1.375em;
line-height: 1.364
}
.latest-news .media .media-body .read-more {
font-size: inherit;
line-height: inherit
}
}
@media(min-width: calc(576px - 1px))and (max-width: calc(992px - 1px)) {
.latest-news .featured-article-overlay {
margin-top: 0;
border-radius: 0
}
.latest-news .featured-article-wrapper .featured-img-wrapper {
border-radius: 0
}
.latest-news .featured-article-wrapper .featured-img-wrapper .feature-link.video-modal::after {
bottom: 10%
}
}
@media(min-width: calc(992px - 1px)) {
.latest-news .featured-article-overlay .featured-article-title {
color: #fff;
font-size: 1.75em;
line-height: 1.214
}
}
.badges.scrollable-cards {
padding-bottom: 0
}
.badges.scrollable-cards.dark {
background-color: #e6ecf7
}
.badges.scrollable-cards.dark .description-block, .badges.scrollable-cards.dark .carousel-control-prev, .badges.scrollable-cards.dark .carousel-control-next {
background-color: #e6ecf7 !important
}
.badges.scrollable-cards.dark .description-block a.category {
color: #355b85 !important
}
.badges.scrollable-cards.dark .description-block a.category:hover, .badges.scrollable-cards.dark .description-block a.category:focus {
color: #355b85 !important
}
.badges.scrollable-cards.light {
background-color: #fff9e5
}
.badges.scrollable-cards.light .description-block, .badges.scrollable-cards.light .carousel-control-prev, .badges.scrollable-cards.light .carousel-control-next {
background-color: #fff9e5 !important
}
.badges.scrollable-cards .wrapper .sizer .badges-container {
margin-bottom: 0
}
.badges.scrollable-cards .wrapper .sizer .badges-container.four-badges .carousel-control-next, .badges.scrollable-cards .wrapper .sizer .badges-container.four-badges .carousel-control-prev {
display: flex !important
}
.badges.scrollable-cards .wrapper .sizer .badges-container .carousel-indicators {
display: none !important
}
.badges.scrollable-cards .wrapper .sizer .badges-container .description-block {
font-size: 1rem;
background-color: rgba(0,0,0,0);
text-align: left;
position: relative
}
.badges.scrollable-cards .wrapper .sizer .badges-container .description-block .category {
letter-spacing: .05em;
font-weight: 600;
font-size: .875em;
line-height: 1;
color: #022851;
text-transform: uppercase
}
.badges.scrollable-cards .wrapper .sizer .badges-container .description-block a.category {
color: #007991;
cursor: pointer
}
.badges.scrollable-cards .wrapper .sizer .badges-container .description-block a.category:hover, .badges.scrollable-cards .wrapper .sizer .badges-container .description-block a.category:focus {
text-decoration: underline;
color: #007991
}
.badges.scrollable-cards .wrapper .sizer .badges-container .description-block .promo-title {
font-weight: 300;
font-size: 3.375em;
line-height: .963;
color: #000;
position: relative
}
.badges.scrollable-cards .wrapper .sizer .badges-container .description-block .promo-title:after {
content: "";
position: absolute;
width: 12%;
height: 0;
bottom: -0.25rem;
left: 0;
border-bottom: 4px solid #ffbf00
}
.badges.scrollable-cards .wrapper .sizer .badges-container .description-block .promo-text {
font-size: 1rem;
font-weight: 400
}
.badges.scrollable-cards .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .card-listing {
height: 100%;
width: 100%;
background-color: #fff;
box-shadow: 0 3px 6px rgba(0,0,0,.16);
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
overflow: hidden
}
.badges.scrollable-cards .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .card > div:first-child:not(.card-img) {
margin-top: .5rem
}
.badges.scrollable-cards .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .card::after {
display: none
}
.badges.scrollable-cards .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .card .link-wrapper {
box-shadow: none
}
.badges.scrollable-cards .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .card .link-wrapper:hover, .badges.scrollable-cards .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .card .link-wrapper:focus {
opacity: 1
}
.badges.scrollable-cards .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .card .link-wrapper:hover img, .badges.scrollable-cards .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .card .link-wrapper:focus img {
transform: scale(1.05, 1.05)
}
.badges.scrollable-cards .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .card .link-wrapper .badge-img {
padding: 0;
overflow: hidden
}
.badges.scrollable-cards .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .card .link-wrapper .badge-img img {
margin-bottom: 0;
transition: .2s all
}
.badges.scrollable-cards .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .card .link-wrapper .badge-img img.hover {
transform: scale(1.05, 1.05)
}
.badges.scrollable-cards .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .card .link-wrapper .badge-img .icon-web {
width: 140px;
padding-top: 1.5rem
}
.badges.scrollable-cards .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .card .card-body {
text-align: left;
white-space: normal;
padding-right: 1.5rem;
padding-left: 1.5rem
}
.badges.scrollable-cards .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .card .card-body .card-title {
font-size: 1.375em;
line-height: 1.273;
word-wrap: break-word
}
.badges.scrollable-cards .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .card .card-body a.category {
color: #007991
}
.badges.scrollable-cards .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .card .card-body a.category:hover, .badges.scrollable-cards .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .card .card-body a.category:focus {
text-decoration: underline
}
.badges.scrollable-cards .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .card .card-body .card-text {
margin-bottom: 1rem
}
.badges.scrollable-cards .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .card .card-body .btn-link {
display: block;
border-top: 2px solid #e6ecf7;
padding-top: 1.5rem;
margin-top: 1.5rem
}
.badges.scrollable-cards .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .card .card-body .custom-links {
margin-bottom: .5rem
}
.badges.scrollable-cards .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .card .card-body .custom-links .link.no-icon .link-subtitle {
margin-left: 0
}
.badges.scrollable-cards .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .card .card-body .custom-links .link .icon-web {
width: 1.5rem;
height: auto;
float: left;
margin-right: .25rem
}
.badges.scrollable-cards .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .card .card-body .custom-links .link .link-subtitle {
margin-left: 1.75rem;
font-size: 1.125em;
line-height: 1.333;
white-space: normal
}
.badges.scrollable-cards .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .card .card-body .custom-links .link .link-subtitle a {
color: #022851;
word-wrap: break-word
}
.badges.scrollable-cards .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .card .card-body .custom-links .link .link-subtitle a:hover, .badges.scrollable-cards .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .card .card-body .custom-links .link .link-subtitle a:focus {
color: #007991
}
.badges.badges-default-skin, .badges.badges-promo-skin {
margin-left: -2rem !important;
margin-right: -2rem !important;
padding-left: 2rem;
padding-right: 2rem
}
.badges.badges-default-skin.dark, .badges.badges-promo-skin.dark {
background-color: #e6ecf7;
padding-top: 4rem;
padding-bottom: 4rem
}
.badges.badges-default-skin.light, .badges.badges-promo-skin.light {
background-color: #fff9e5;
padding-top: 4rem;
padding-bottom: 4rem
}
.badges.badges-default-skin .component-header, .badges.badges-promo-skin .component-header {
margin-bottom: 2rem
}
.badges.badges-default-skin .component-header .component-intro-content, .badges.badges-promo-skin .component-header .component-intro-content {
display: flex;
margin: auto;
flex-grow: 0;
flex-shrink: 0;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding-left: 1rem;
padding-right: 1rem;
margin-bottom: 1rem
}
.badges.badges-default-skin .component-header .component-intro-content > *, .badges.badges-promo-skin .component-header .component-intro-content > * {
margin: auto;
flex-grow: 0;
flex-shrink: 0;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding-left: 1rem;
padding-right: 1rem
}
.badges.badges-default-skin .badges-container .carousel-control-prev, .badges.badges-default-skin .badges-container .carousel-control-next {
opacity: 1;
width: 40px !important;
height: 40px !important;
margin: auto
}
.badges.badges-default-skin .badges-container .carousel-control-prev .material-symbols-rounded, .badges.badges-default-skin .badges-container .carousel-control-next .material-symbols-rounded {
color: #09417e;
padding: .5rem
}
.badges.badges-default-skin .btn-outline-primary {
font-weight: 600;
margin-top: 3rem !important
}
.badges.badges-promo-skin .badges-promo-skin-wrapper {
display: flex;
margin: auto;
flex-grow: 0;
flex-shrink: 0;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding-left: 1rem;
padding-right: 1rem
}
.badges.badges-promo-skin .badges-promo-skin-wrapper .badges-promo-skin-inner {
margin: auto;
flex-grow: 0;
flex-shrink: 0;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding-left: 1rem;
padding-right: 1rem
}
.badges.badges-promo-skin .badges-promo-skin-wrapper .badges-promo-skin-inner .badges {
padding: 0;
display: block;
background-color: #fff;
border-radius: 8px;
border: 2px solid #cdd6e0;
box-shadow: none;
text-align: left;
width: 100%;
height: 100%
}
.badges.badges-promo-skin .badges-promo-skin-wrapper .badges-promo-skin-inner .badges .badge-body {
display: flex;
align-items: center;
padding: 1.5rem
}
.badges.badges-promo-skin .badges-promo-skin-wrapper .badges-promo-skin-inner .badges .badge-body .badge-content {
padding-left: 1rem;
width: 100%;
line-height: 1.273rem
}
.badges.badges-promo-skin .badges-promo-skin-wrapper .badges-promo-skin-inner .badges .badge-body .badge-content .category {
color: #707070;
text-transform: uppercase;
font-weight: 700;
font-size: .875em;
letter-spacing: .05em
}
.badges.badges-promo-skin .badges-promo-skin-wrapper .badges-promo-skin-inner .badges .badge-body .badge-content .badge-title {
margin-top: .25rem;
color: #022851;
font-weight: 600;
font-size: 1.375em;
white-space: normal;
word-wrap: break-word
}
.badges.badges-promo-skin .btn {
margin-bottom: 0;
margin-top: 2rem
}
.badges.badges-promo-skin .btn.mb-3 {
margin-bottom: 0 !important
}
.badges.badges-promo-skin .btn-outline-primary {
font-weight: 600;
margin-top: 0 !important
}
@media(min-width: 992px) {
.badges.scrollable-cards .wrapper .sizer .badges-container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
overflow: hidden;
padding-left: 0
}
.badges.scrollable-cards .wrapper .sizer .badges-container.three-badges .badges-wrapper {
flex: auto;
max-width: none;
overflow-x: auto;
margin-right: -0.75rem
}
.badges.scrollable-cards .wrapper .sizer .badges-container.three-badges .badges-inner {
justify-content: flex-start !important
}
.badges.scrollable-cards .wrapper .sizer .badges-container.three-badges .badges-inner .badge {
flex: 0 0 33.333333% !important;
max-width: 33.333333% !important
}
.badges.scrollable-cards .wrapper .sizer .badges-container.three-badges .description-block {
padding-right: 1.5rem
}
.badges.scrollable-cards .wrapper .sizer .badges-container .carousel-control-prev {
background-color: #fff;
position: relative;
left: auto;
z-index: 20;
opacity: 1;
padding-right: .5rem
}
.badges.scrollable-cards .wrapper .sizer .badges-container .carousel-control-prev:hover .carousel-control-prev-icon, .badges.scrollable-cards .wrapper .sizer .badges-container .carousel-control-prev:focus .carousel-control-prev-icon {
opacity: 1
}
.badges.scrollable-cards .wrapper .sizer .badges-container .carousel-control-prev .carousel-control-prev-icon {
opacity: .5
}
.badges.scrollable-cards .wrapper .sizer .badges-container .carousel-control-next {
background-color: #fff;
right: -2px !important;
z-index: 20;
opacity: 1;
padding-left: 1rem
}
.badges.scrollable-cards .wrapper .sizer .badges-container .carousel-control-next:hover .carousel-control-next-icon, .badges.scrollable-cards .wrapper .sizer .badges-container .carousel-control-next:focus .carousel-control-next-icon {
opacity: 1
}
.badges.scrollable-cards .wrapper .sizer .badges-container .carousel-control-next .carousel-control-next-icon {
opacity: .5
}
.badges.scrollable-cards .wrapper .sizer .badges-container .description-block {
flex: 0 0 25%;
max-width: 25%;
padding-right: 1rem;
margin-top: .75rem;
z-index: 20
}
.badges.scrollable-cards .wrapper .sizer .badges-container .badges-wrapper {
display: flex;
align-items: center;
flex: 0 0 100%;
max-width: 100%;
padding-left: 1.5rem
}
}
.badges {
padding-bottom: 1rem
}
.badges .wrapper .sizer {
text-align: center
}
.badges .wrapper .sizer .section-header.mb-5 {
margin-bottom: 3rem !important
}
.badges .wrapper .sizer .btn:not(.btn-link) {
margin-top: 3.5rem;
margin-bottom: 3rem
}
.badges .wrapper .sizer .badges-container {
position: relative;
margin-bottom: 2rem;
justify-content: center
}
.badges .wrapper .sizer .badges-container.one-badge {
padding-left: 0;
padding-right: 0
}
.badges .wrapper .sizer .badges-container.one-badge .badges-inner {
justify-content: center
}
.badges .wrapper .sizer .badges-container.no-indicators {
margin-bottom: 0
}
.badges .wrapper .sizer .badges-container .carousel-indicators {
bottom: -4rem
}
.badges .wrapper .sizer .badges-container .carousel-indicators li {
width: 3rem;
height: 6px;
margin-left: .25rem;
margin-right: .25rem;
background-color: #cdd6e0
}
.badges .wrapper .sizer .badges-container .carousel-indicators li:hover, .badges .wrapper .sizer .badges-container .carousel-indicators li:focus {
background-color: #022851
}
.badges .wrapper .sizer .badges-container .carousel-indicators li.active {
background-color: #022851
}
.badges .wrapper .sizer .badges-container .carousel-control-prev, .badges .wrapper .sizer .badges-container .carousel-control-next {
width: auto;
cursor: pointer
}
.badges .wrapper .sizer .badges-container .carousel-control-prev .carousel-control-prev-icon {
width: 2.5rem;
height: 2.5rem;
background-image: url('data:image/svg+xml,')
}
.badges .wrapper .sizer .badges-container .carousel-control-next .carousel-control-next-icon {
width: 2.5rem;
height: 2.5rem;
background-image: url('data:image/svg+xml,')
}
.badges .wrapper .sizer .badges-container .badges-wrapper {
margin-left: -1rem;
margin-right: -1rem;
padding-left: 1rem;
padding-right: 1rem;
overflow-x: hidden
}
.badges .wrapper .sizer .badges-container .badges-wrapper .badges-inner {
flex-wrap: nowrap;
-ms-transition: transform 1s;
-webkit-transition: -webkit-transform 1s;
transition: -webkit-transform 1s;
transition: transform 1s;
position: relative;
left: 0;
top: 0;
padding-bottom: 1rem
}
.badges .wrapper .sizer .badges-container .badges-wrapper .badges-inner.shortest-transition {
-ms-transition: transform .5s;
-webkit-transition: -webkit-transform .5s;
transition: -webkit-transform .5s;
transition: transform .5s
}
.badges .wrapper .sizer .badges-container .badges-wrapper .badges-inner.shorter-transition {
-ms-transition: transform .75s;
-webkit-transition: -webkit-transform .75s;
transition: -webkit-transform .75s;
transition: transform .75s
}
.badges .wrapper .sizer .badges-container .badges-wrapper .badges-inner.no-transition {
-ms-transition: all 0s ease 0s;
-webkit-transition: all 0s ease 0s;
transition: all 0s ease 0s
}
.badges .wrapper .sizer .badges-container .badges-wrapper .badges-inner.centered {
justify-content: center
}
.badges .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge {
display: flex;
position: relative;
font-size: 1rem;
border-radius: 6px;
padding-left: 1rem;
padding-right: 1rem;
padding-top: .75rem;
padding-bottom: .75rem
}
.badges .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .link-wrapper {
background-color: #fff;
width: 100%;
height: 100%;
display: block;
box-shadow: 0 3px 6px rgba(0,0,0,.16);
border-radius: 6px;
opacity: 1;
transition: all .4s
}
.badges .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .link-wrapper:hover, .badges .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .link-wrapper:focus {
text-decoration: none;
opacity: 0
}
.badges .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .link-wrapper:hover + .badge-body, .badges .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .link-wrapper:focus + .badge-body {
display: flex;
flex-direction: column;
flex-wrap: nowrap
}
.badges .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .link-wrapper .badge-img {
padding: 2rem
}
.badges .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .link-wrapper .badge-img .img-fluid {
width: 100%;
display: block;
margin-bottom: 1rem
}
.badges .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .link-wrapper .badge-img .category {
color: #666;
text-align: center;
white-space: normal;
text-transform: uppercase;
letter-spacing: .05em;
font-weight: 600;
font-size: .875em;
line-height: 1
}
.badges .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .link-wrapper .badge-img .badge-title {
margin-top: .25rem;
color: #022851;
font-weight: 600;
font-size: 1.375em;
line-height: 1.273;
text-align: center;
white-space: normal;
word-wrap: break-word
}
.badges .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .badge-body {
background-color: #022851;
border-radius: 6px;
padding: 1.5rem 1.75rem 1.5rem 1.75rem;
display: none;
position: absolute;
top: .5rem;
bottom: .5rem;
left: .75rem;
right: .75rem;
text-align: left;
opacity: 0;
transition: all .4s
}
.badges .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .badge-body:hover, .badges .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .badge-body:focus {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
opacity: 1;
padding: 2rem;
top: 0;
bottom: 0;
left: .5rem;
right: .5rem;
box-shadow: 0 4px 6px 0 rgba(0,0,0,.4),0 8px 12px 0 rgba(0,0,0,.34)
}
.badges .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .badge-body .badge-description {
overflow-y: auto;
flex-grow: 1;
border-bottom: 1px solid #6884a3
}
.badges .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .badge-body .badge-description .badge-text {
white-space: normal;
color: #fff;
font-size: 1rem;
margin-bottom: 0;
cursor: text
}
.badges .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .badge-body .badge-description .btn-link {
margin-bottom: 1.5rem
}
.badges .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .badge-body .btn-link {
white-space: normal;
color: #ffbf00 !important;
z-index: 10
}
.badges .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .badge-body .btn-link:hover {
text-decoration: underline
}
.badges .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .badge-body .badge-cta {
-ms-flex: 0 0 auto
}
@media(min-width: 1560px) {
.badges .wrapper .sizer .carousel-control-prev {
left: -4rem
}
.badges .wrapper .sizer .carousel-control-next {
right: -4rem
}
}
@media(max-width: 1559px) {
.badges .wrapper .sizer .badges-container {
padding-left: 4rem;
padding-right: 4rem
}
.badges .wrapper .sizer .badges-container .carousel-control-prev {
left: -0.5rem
}
.badges .wrapper .sizer .badges-container .carousel-control-next {
right: -0.5rem
}
}
@media(max-width: calc(992px - 1px)) {
.badges.scrollable-cards .wrapper .sizer .badges-container .carousel-control-prev, .badges.scrollable-cards .wrapper .sizer .badges-container .carousel-control-next {
height: 50%;
top: auto;
bottom: 4rem
}
.badges.scrollable-cards .wrapper .sizer .badges-container .description-block {
margin-bottom: 1rem;
margin-left: -4rem;
margin-right: -4rem;
text-align: center
}
.badges.scrollable-cards .wrapper .sizer .badges-container .description-block .promo-title::after {
left: 44%
}
.badges.badges-default-skin .component-header .component-intro-content, .badges.badges-promo-skin .component-header .component-intro-content {
flex-basis: 100%;
max-width: 100%;
padding-left: 0;
padding-right: 0
}
.badges.badges-default-skin .component-header .component-intro-content > *, .badges.badges-promo-skin .component-header .component-intro-content > * {
flex-basis: 100%;
max-width: 100%;
padding-left: 0;
padding-right: 0
}
.badges.badges-promo-skin .badges-promo-skin-wrapper {
flex-basis: 100%;
max-width: 100%;
padding-left: 0;
padding-right: 0
}
.badges.badges-promo-skin .badges-promo-skin-wrapper .badges-promo-skin-inner {
flex-basis: 100%;
max-width: 100%;
padding-left: 0;
padding-right: 0
}
.badges .badges .wrapper .sizer .badges-container .carousel-indicators li {
width: 2rem
}
}
@media(max-width: calc(576px - 1px)) {
.badges.scrollable-cards .wrapper .sizer .badges-container .description-block {
margin-left: -2.5rem;
margin-right: -2.5rem
}
.badges.badges-default-skin .component-header .component-heading.underlined::after, .badges.badges-promo-skin .component-header .component-heading.underlined::after {
width: 16%;
bottom: .25rem;
left: 42%
}
.badges {
padding-bottom: 0
}
.badges .wrapper .sizer .section-header.mb-5 {
margin-bottom: 2rem !important
}
.badges .wrapper .sizer .badges-container {
padding-left: 2.5rem;
padding-right: 2.5rem;
margin-bottom: 1rem
}
.badges .wrapper .sizer .badges-container .carousel-control-prev .carousel-control-prev-icon {
width: 2rem;
height: 2rem
}
.badges .wrapper .sizer .badges-container .carousel-control-next .carousel-control-next-icon {
width: 2rem;
height: 2rem
}
.badges .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .link-wrapper .badge-img .badge-title {
font-size: 1.125em;
line-height: 1.333
}
.badges .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .badge-body {
left: 1rem;
right: 1rem;
top: .75rem;
bottom: .75rem;
padding: 1rem
}
.badges .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .badge-body:hover, .badges .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .badge-body:focus {
padding: 1.5rem;
top: .25rem;
bottom: .25rem;
left: .5rem;
right: .5rem
}
.badges .wrapper .sizer .badges-container .badges-wrapper .badges-inner .badge .badge-body .badge-description .badge-text {
font-size: 1em;
line-height: 1.375
}
}
@media(min-width: 768px) {
.badges .wrapper .sizer .badges-container.two-badges {
padding-left: 0;
padding-right: 0
}
.badges .wrapper .sizer .badges-container.two-badges .badges-inner {
justify-content: center
}
.badges.badges-promo-skin .wrapper .sizer .badges-promo-skin-wrapper .badges-promo-skin-inner .row .col {
margin-bottom: 0
}
.badges.badges-promo-skin .wrapper .sizer .badges-promo-skin-wrapper .badges-promo-skin-inner .row .col.mb-5 {
margin-bottom: 0 !important
}
}
@media(max-width: calc(768px - 1px)) {
.badges.badges-default-skin, .badges.badges-promo-skin {
margin-left: -1.5rem !important;
margin-right: -1.5rem !important;
padding-left: 1.5rem;
padding-right: 1.5rem
}
.badges.badges-promo-skin .badges-promo-skin-wrapper .badges-promo-skin-inner .badges {
text-align: center
}
.badges.badges-promo-skin .badges-promo-skin-wrapper .badges-promo-skin-inner .badges .badge-body {
flex-direction: column;
padding: 2rem
}
.badges.badges-promo-skin .badges-promo-skin-wrapper .badges-promo-skin-inner .badges .badge-body .badge-content {
margin-top: 1rem
}
}
@media(min-width: 992px) {
.badges .wrapper .sizer .badges-container.four-badges {
padding-left: 0;
padding-right: 0
}
.badges .wrapper .sizer .badges-container.three-badges {
padding-left: 0;
padding-right: 0
}
.badges .wrapper .sizer .badges-container.three-badges .badges-inner {
justify-content: center
}
}
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
.badges .wrapper .sizer .badges-container .carousel-control-next .carousel-control-next-icon {
background-image: url("https://health.ucdavis.edu/medical-center/images/icons/bootstrap-icons/chevron-right.svg")
}
.badges .wrapper .sizer .badges-container .carousel-control-prev .carousel-control-prev-icon {
background-image: url("https://health.ucdavis.edu/medical-center/images/icons/bootstrap-icons/chevron-left.svg")
}
}
@media print {
.award-badges {
display: none !important
}
}
.award-slide {
display: -ms-grid;
display: grid;
-ms-grid-columns: 48px 2fr 48px;
grid-template-areas: "leftnav slidearea rightnav";
overflow: hidden
}
.award-slide.slide-right .award-slide-item {
transform: translate(0);
right: 100%
}
.award-slide.slide-right .award-slide-item.running {
animation-name: rightToLeft
}
.award-slide.slide-right .award-slide-item.clone {
animation-delay: 0s
}
.award-slide.no-descriptions .award-slide-wrapper {
min-height: 265px;
max-height: 265px
}
.award-slide-control {
display: flex;
align-items: center;
justify-content: center
}
.award-slide-control.prev {
-ms-grid-row: 1;
-ms-grid-column: 1;
grid-area: leftnav
}
.award-slide-control.prev span {
cursor: pointer
}
.award-slide-control.next {
-ms-grid-row: 1;
-ms-grid-column: 3;
grid-area: rightnav
}
.award-slide-control.next span {
cursor: pointer
}
.award-slide-item {
display: none
}
.award-slide-item.running {
animation-iteration-count: infinite;
animation-duration: 16s;
animation-name: leftToRight;
display: block
}
.award-slide-item:not(.clone) {
animation-delay: 10ms
}
.award-slide-wrapper {
-ms-grid-row: 1;
-ms-grid-column: 2;
grid-area: slidearea;
max-width: 86.25rem;
min-height: 430px;
min-width: 60vw;
overflow: hidden
}
@media(min-width: 1720px) {
.award-slide-wrapper {
min-width: 50vw
}
}
.award-slide-wrapper:hover .award-slide-item {
animation: none;
transform: translate(0)
}
.award-slide-wrapper.no-slide .award-slide-item {
animation: none;
transform: translate(0)
}
@keyframes leftToRight {
0% {
transform: translateX(0%)
}
33% {
transform: translateX(0%)
}
66% {
transform: translateX(-400%)
}
100% {
transform: translateX(-400%)
}
}
@keyframes rightToLeft {
0% {
transform: translateX(0%)
}
33% {
transform: translateX(0%)
}
66% {
transform: translateX(400%)
}
100% {
transform: translateX(400%)
}
}
@media(max-width: 990px) {
@keyframes leftToRight {
0% {
transform: translateX(0)
}
33% {
transform: translateX(0%)
}
66% {
transform: translateX(-300%)
}
100% {
transform: translateX(-300%)
}
}
@keyframes rightToLeft {
0% {
transform: translateX(0)
}
100% {
transform: translateX(300%)
}
}
}
@media(max-width: 765px) {
@keyframes leftToRight {
0% {
transform: translateX(0)
}
33% {
transform: translateX(0%)
}
66% {
transform: translateX(-200%)
}
100% {
transform: translateX(-200%)
}
}
@keyframes rightToLeft {
0% {
transform: translateX(0)
}
33% {
transform: translateX(0%)
}
66% {
transform: translateX(200%)
}
100% {
transform: translateX(200%)
}
}
}
@media(max-width: 575px) {
@keyframes leftToRight {
0% {
transform: translateX(0)
}
33% {
transform: translateX(0%)
}
66% {
transform: translateX(-100%)
}
100% {
transform: translateX(-100%)
}
}
@keyframes rightToLeft {
0% {
transform: translateX(0)
}
33% {
transform: translateX(0%)
}
66% {
transform: translateX(100%)
}
100% {
transform: translateX(100%)
}
}
}
.read-more:after {
display: inline-block;
content: url("data:image/svg+xml,");
padding-left: .125rem;
vertical-align: middle;
width: 1.25rem;
height: 1.1rem;
margin-right: -1.25rem
}
figure.img-left.badge-variation, figure.img-right.badge-variation {
width: 100%
}
figure.img-left.badge-variation > a, figure.img-right.badge-variation > a {
margin-left: 2rem;
margin-right: 2rem
}
figure.img-left.badge-variation > img, figure.img-right.badge-variation > img {
margin-left: 2rem;
margin-right: 2rem
}
figure.img-wide.badge-variation > a {
margin-left: 2rem;
margin-right: 2rem
}
figure.img-wide.badge-variation > img {
margin-left: 2rem;
margin-right: 2rem
}
figure.img-extra-wide {
width: 100%;
margin-bottom: 1rem
}
figure.img-extra-wide img {
margin-right: calc(-0.75*32px);
margin-left: calc(-0.75*32px);
width: calc(100% + 1.5*32px);
height: auto
}
figure.img-wide {
height: auto;
margin: 0;
margin-bottom: 1rem
}
figure.img-wide img, figure.img-left img, figure.img-right img, .two-image-layout img, .three-image-layout img {
width: 100%;
height: auto
}
figure.img-left, figure.img-right {
max-width: 100%
}
figcaption {
color: #666;
font-size: .875em;
line-height: 1.375;
padding: 1rem 0;
border-bottom: 1px solid #1d4776
}
figcaption a {
display: inline;
color: #022851;
font-weight: 600;
text-decoration: underline;
-webkit-text-decoration-color: rgba(0,121,145,.25);
text-decoration-color: rgba(0,121,145,.25)
}
figcaption a:hover, figcaption a:focus {
color: #007991;
text-decoration-color: #007991
}
figcaption.dark {
border-bottom: 1px solid #1d4776
}
figcaption.light {
border-bottom: 1px solid #ffbf00
}
figcaption:empty {
border: none;
padding: 0;
display: none
}
figure.img-left a, figure.img-right a, figure.img-wide a {
position: relative;
display: block;
overflow: hidden
}
figure.img-left a:hover, figure.img-right a:hover, figure.img-wide a:hover {
text-decoration: none
}
figure.img-left a:hover img:not(.icon), figure.img-right a:hover img:not(.icon), figure.img-wide a:hover img:not(.icon) {
transform: scale(1.03, 1.03)
}
figure.img-left a img:not(.icon), figure.img-right a img:not(.icon), figure.img-wide a img:not(.icon) {
transition: .2s all
}
figure.img-left a .badge, figure.img-right a .badge, figure.img-wide a .badge {
display: inline-block;
position: absolute;
top: auto;
bottom: 0;
left: 0;
background-color: rgba(0,178,227,.8);
border-radius: 0;
color: #fff;
font-size: .938em;
font-weight: 600;
line-height: 1.2;
z-index: 1
}
figure.img-left a .badge .icon, figure.img-right a .badge .icon, figure.img-wide a .badge .icon {
width: auto
}
@media(min-width: 576px) {
figure.img-wide, figure.img-extra-wide, figure.img-left, figure.img-right {
margin-bottom: 2rem
}
figure.img-wide img, figure.img-left img, figure.img-right img {
width: 100%;
margin-left: 0
}
figure.img-left {
float: left;
clear: left;
margin-right: 2rem;
max-width: calc(50% - 1rem)
}
figure.img-right {
float: right;
clear: right;
margin-left: 2rem;
max-width: calc(50% - 1rem)
}
figure.img-left.badge-variation > a, figure.img-right.badge-variation > a {
margin-left: 1rem;
margin-right: 1rem
}
figure.img-left.badge-variation > img, figure.img-right.badge-variation > img {
margin-left: 1rem;
margin-right: 1rem
}
figure.img-wide.badge-variation > a {
margin-left: 10rem;
margin-right: 10rem
}
figure.img-wide.badge-variation > img {
margin-left: 10rem;
margin-right: 10rem
}
}
@media(min-width: 768px) {
figure.img-extra-wide img {
margin-right: -32px;
margin-left: -32px;
width: calc(100% + 2*32px)
}
figure.img-left.badge-variation > a, figure.img-right.badge-variation > a {
margin-left: 2rem;
margin-right: 2rem
}
figure.img-left.badge-variation > img, figure.img-right.badge-variation > img {
margin-left: 2rem;
margin-right: 2rem
}
figure.img-wide.badge-variation > a {
margin-left: 14rem;
margin-right: 14rem
}
figure.img-wide.badge-variation > img {
margin-left: 14rem;
margin-right: 14rem
}
}
@media(min-width: 992px) {
figure.img-left {
margin-left: calc(-8.3333333333% - 32px)
}
figure.img-right {
margin-right: calc(-8.3333333333% - 32px)
}
figure.img-extra-wide img {
margin-right: calc(-8.3333333333% - 32px);
margin-left: calc(-8.3333333333% - 32px);
width: calc(100% + 16.6666666667% + 2*32px)
}
figure.img-left.badge-variation > a, figure.img-right.badge-variation > a {
margin-left: 2rem;
margin-right: 2rem
}
figure.img-left.badge-variation > img, figure.img-right.badge-variation > img {
margin-left: 2rem;
margin-right: 2rem
}
figure.img-wide.badge-variation > a {
margin-left: 10rem;
margin-right: 10rem
}
figure.img-wide.badge-variation > img {
margin-left: 10rem;
margin-right: 10rem
}
}
@media(min-width: 1200px) {
figure.img-left.badge-variation > a, figure.img-right.badge-variation > a {
margin-left: 2rem;
margin-right: 2rem
}
figure.img-left.badge-variation > img, figure.img-right.badge-variation > img {
margin-left: 2rem;
margin-right: 2rem
}
figure.img-wide.badge-variation > a {
margin-left: 14rem;
margin-right: 14rem
}
figure.img-wide.badge-variation > img {
margin-left: 14rem;
margin-right: 14rem
}
}
@media(min-width: 1440px) {
figure.img-left.badge-variation > a, figure.img-right.badge-variation > a {
margin-left: 4rem;
margin-right: 4rem
}
figure.img-left.badge-variation > img, figure.img-right.badge-variation > img {
margin-left: 4rem;
margin-right: 4rem
}
figure.img-wide.badge-variation > a {
margin-left: 18rem;
margin-right: 18rem
}
figure.img-wide.badge-variation > img {
margin-left: 18rem;
margin-right: 18rem
}
}
@media print {
@supports(-moz-appearance: none) {
figure.img-left, figure.img-right {
float: none !important;
display: inline-block !important;
vertical-align: top !important;
margin-left: 0 !important;
clear: both !important
}
}
figure .badge {
display: none !important
}
figure figcaption {
color: #333 !important;
border-bottom: 1px solid #b3c1d1 !important
}
figure figcaption.light {
border-bottom: 1px solid #b3c1d1 !important
}
img {
page-break-inside: avoid;
break-inside: avoid
}
figure.img-extra-wide img {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important
}
.image-layout figure {
page-break-inside: avoid
}
.image-layout img {
display: block !important
}
.image-layout figcaption {
color: #333 !important;
border-bottom: 1px solid #b3c1d1 !important
}
.image-layout figcaption.light {
border-bottom: 1px solid #b3c1d1 !important
}
.image-layout .two-image-layout {
flex: 0 0 50% !important;
max-width: 50% !important
}
.image-layout .two-image-layout.pr-md-3 {
padding-right: 1rem !important
}
.image-layout .two-image-layout.pl-md-3 {
padding-top: 0 !important;
padding-left: 1rem !important
}
.image-layout .three-image-layout {
flex: 0 0 33.3333333333% !important;
max-width: 33.3333333333% !important;
padding-top: 0 !important
}
.image-layout .three-image-layout.pr-md-3 {
padding-left: 0 !important;
padding-right: 1rem !important
}
.image-layout .three-image-layout.px-md-2 {
padding-left: .5rem !important;
padding-right: .5rem !important
}
.image-layout .three-image-layout.pl-md-3 {
padding-left: 1rem !important;
padding-right: 0 !important
}
}
.client .table {
margin-bottom: 2rem
}
.client .table th, .client .table td, .client .table-condensed th, .client .table-condensed td {
border: 1px solid #b3c1d1
}
.client .table-condensed {
margin-bottom: 2rem
}
.client .table-condensed th, .client .table-condensed td {
padding: .3rem
}
.tabs .wrapper .sizer > .row {
width: 100%
}
.tabs .wrapper .sizer .tab-content {
margin: 0 !important
}
.tabs .wrapper .sizer .nav-tabs {
border: none;
position: relative
}
.tabs .wrapper .sizer .nav-tabs .dropdown-toggle {
width: 100%;
white-space: normal;
color: #007991;
font-size: 1.375em;
line-height: 1.182;
font-weight: 600;
border: 2px solid #e6ecf7;
border-radius: 0;
padding: 1rem 1rem
}
.tabs .wrapper .sizer .nav-tabs .dropdown-toggle::after {
margin-left: 8px;
position: relative;
top: 2px
}
.tabs .wrapper .sizer .nav-tabs .dropdown-menu {
background-color: #fff
}
.tabs .wrapper .sizer .nav-tabs .dropdown-menu .dropdown-item {
background-color: rgba(0,0,0,0);
border: none;
color: #666;
font-size: 1.375em;
line-height: 1.182
}
.tabs .wrapper .sizer .nav-tabs .dropdown-menu .dropdown-item .nav-link {
white-space: normal;
text-decoration: none;
color: inherit;
border-top: none;
border-right: none;
border-left: none;
border-bottom: 3px solid #e6ecf7
}
.tabs .wrapper .sizer .nav-tabs .dropdown-menu .dropdown-item .nav-link:hover, .tabs .wrapper .sizer .nav-tabs .dropdown-menu .dropdown-item .nav-link:focus {
border-bottom-color: #007991;
color: #007991
}
.tabs .wrapper .sizer .nav-tabs .dropdown-menu .dropdown-item .nav-link.active {
border-bottom-color: #007991;
color: #007991;
position: relative
}
.tabs .wrapper .sizer .nav-tabs .dropdown-menu .dropdown-item .nav-link.active::after {
content: url('data:image/svg+xml,');
display: block;
position: absolute;
bottom: -2px;
left: 0;
right: 0;
height: 8px
}
.tabs .wrapper .sizer .nav-tabs .dropdown-menu .dropdown-item .nav-link.disabled {
border-color: #f7f7f7;
color: #666
}
.tabs.listing {
margin-top: 4rem
}
.tabs.listing .wrapper .sizer:not(.tab-content)::after {
display: none
}
@media(min-width: 768px) {
.tabs .wrapper .sizer:not(.tab-content)::after {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 1rem;
right: 1rem;
border-bottom: 3px solid #e6ecf7
}
.tabs .wrapper .sizer .nav-tabs .dropdown-toggle {
display: none
}
.tabs .wrapper .sizer .nav-tabs .dropdown-menu {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
position: static !important;
transform: none !important;
min-width: 0;
padding: 0;
border: none;
box-shadow: none;
margin-top: 0;
width: 100%
}
.tabs .wrapper .sizer .nav-tabs .dropdown-menu .dropdown-item {
clear: none;
display: list-item;
padding: 0;
flex: 1 1 0px;
display: flex;
align-items: flex-end
}
.tabs .wrapper .sizer .nav-tabs .dropdown-menu .dropdown-item .nav-link {
width: 100%;
text-align: center;
vertical-align: bottom
}
}
@media(max-width: calc(1200px - 1px)) {
.tabs .wrapper .sizer .nav-tabs .dropdown-toggle {
font-size: 1.125em;
line-height: 1.222
}
.tabs .wrapper .sizer .nav-tabs .dropdown-menu .dropdown-item {
font-size: 1.125em;
line-height: 1.222
}
}
@media(max-width: calc(992px - 1px)) {
.tabs .wrapper .sizer:not(.tab-content)::after {
left: 0;
right: 0
}
}
@media(max-width: calc(768px - 1px)) {
.tabs {
border: 2px solid #e6ecf7
}
.tabs .wrapper .sizer .nav-tabs {
padding-left: 1rem !important;
padding-right: 1rem !important
}
.tabs .wrapper .sizer .nav-tabs .dropdown-toggle {
font-size: 1.375em;
line-height: 1.227;
border-top: none;
border-left: none;
border-right: none;
padding-top: 1.5rem;
padding-left: 0
}
.tabs .wrapper .sizer .nav-tabs .dropdown-menu {
padding-top: 1rem;
padding-bottom: 1rem;
min-width: calc(100% + 4px);
border: 2px solid #e6ecf7;
left: calc(-1rem - 2px) !important;
top: -1px !important;
box-shadow: 0 3px 3px -3px rgba(0,0,0,.16)
}
.tabs .wrapper .sizer .nav-tabs .dropdown-menu .dropdown-item {
font-size: 1.375em;
line-height: 1.227;
padding-bottom: 0;
margin-bottom: .75rem
}
.tabs .wrapper .sizer .nav-tabs .dropdown-menu .dropdown-item .nav-link {
border-width: 2px;
border-bottom: 2px solid #e6ecf7;
padding-left: 0;
padding-top: .75rem;
padding-bottom: .375rem
}
.tabs .wrapper .sizer .nav-tabs .dropdown-menu .dropdown-item .nav-link.active {
border-color: #007991
}
.tabs .wrapper .sizer .nav-tabs .dropdown-menu .dropdown-item .nav-link.active::after {
display: none
}
.tabs .wrapper .sizer .nav-tabs .dropdown-menu .dropdown-item .nav-link.disabled {
border-color: #f7f7f7
}
.tabs .wrapper .sizer .tab-content {
margin-left: 1rem !important;
margin-right: 1rem !important
}
.tabs .wrapper .sizer .tab-content .tab-pane .tab-text figure.img-extra-wide img {
margin-right: 0 !important;
margin-left: 0 !important;
width: 100% !important
}
.tabs.listing .wrapper .sizer .row .tab-content .tab-pane {
padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 2rem
}
}
.client .video-wrapper .caption {
color: #666;
font-size: .875em;
line-height: 1.375;
padding: 1rem 0;
border-bottom: 1px solid #1d4776
}
.video-wrapper.youtube-integration {
background-color: #022851;
width: 100vw
}
.video-wrapper.youtube-integration .section-header .section-title {
color: #fff
}
.video-wrapper.youtube-integration .hero-video .latestVideoWrapper {
position: relative;
display: block;
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden
}
.video-wrapper.youtube-integration .hero-video .latestVideoEmbed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0
}
.video-wrapper.youtube-integration .hero-video .latestVideoTitle {
display: none;
color: #fff;
font-size: 1.375em;
line-height: 1.273;
font-weight: 600;
margin-top: 1rem
}
.video-wrapper.youtube-integration .tabs {
border-color: #00b2e3
}
.video-wrapper.youtube-integration .tabs .wrapper .sizer:after {
display: none !important
}
.video-wrapper.youtube-integration .tabs .wrapper .sizer .row .nav-tabs .dropdown-toggle {
color: #00b2e3;
border-color: #00b2e3
}
.video-wrapper.youtube-integration .tabs .wrapper .sizer .row .nav-tabs .dropdown-menu {
background-color: rgba(0,0,0,0)
}
.video-wrapper.youtube-integration .tabs .wrapper .sizer .row .nav-tabs .dropdown-menu .nav-item .nav-link {
color: #cdd6e0;
border-bottom-color: #4f7094
}
.video-wrapper.youtube-integration .tabs .wrapper .sizer .row .nav-tabs .dropdown-menu .nav-item .nav-link:hover {
color: #fff;
border-bottom-color: #00b2e3
}
.video-wrapper.youtube-integration .tabs .wrapper .sizer .row .nav-tabs .dropdown-menu .nav-item .nav-link.active {
background-color: rgba(0,0,0,0);
border-bottom-color: #00b2e3;
color: #fff
}
.video-wrapper.youtube-integration .tabs .wrapper .sizer .row .nav-tabs .dropdown-menu .nav-item .nav-link.active:after {
content: url('data:image/svg+xml,')
}
.video-wrapper.youtube-integration .tabs .wrapper .sizer .row .tab-content .tab-pane {
margin-top: 1.5rem;
margin-bottom: 2rem
}
.video-wrapper.youtube-integration .tabs .wrapper .sizer .row .tab-content .tab-pane .embedded-videos .latestVideoWrapper {
position: relative;
display: block;
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden
}
.video-wrapper.youtube-integration .tabs .wrapper .sizer .row .tab-content .tab-pane .embedded-videos .latestVideoEmbed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0
}
.video-wrapper.youtube-integration .tabs .wrapper .sizer .row .tab-content .tab-pane .embedded-videos .latestVideoTitle {
color: #fff;
font-size: 1.375em;
line-height: 1.273;
font-weight: 600;
margin-top: 1rem;
margin-bottom: 2rem
}
.video-wrapper.youtube-integration .btn-outline-primary {
border-color: #00b2e3;
color: #fff;
margin-bottom: 1rem
}
.video-wrapper.youtube-integration .btn-outline-primary:hover {
background-color: #00b2e3;
color: #fff
}
@media(max-width: calc(768px - 1px)) {
.video-wrapper.youtube-integration .hero-video .latestVideoTitle {
display: block;
font-size: 1.125em;
line-height: 1.333
}
.video-wrapper.youtube-integration .tabs {
margin-bottom: 2rem
}
.video-wrapper.youtube-integration .tabs .wrapper .sizer .row .nav-tabs .dropdown-toggle {
color: #fff
}
.video-wrapper.youtube-integration .tabs .wrapper .sizer .row .nav-tabs .dropdown-toggle:after {
color: #00b2e3
}
.video-wrapper.youtube-integration .tabs .wrapper .sizer .row .nav-tabs .dropdown-menu {
border-color: #00b2e3;
background-color: #022851
}
.video-wrapper.youtube-integration .tabs .wrapper .sizer .row .nav-tabs .dropdown-menu .nav-item .nav-link:hover {
color: #00b2e3
}
.video-wrapper.youtube-integration .tabs .wrapper .sizer .row .nav-tabs .dropdown-menu .nav-item .nav-link.active {
color: #00b2e3
}
.video-wrapper.youtube-integration .tabs .wrapper .sizer .row .tab-content .tab-pane {
margin-top: .5rem;
margin-bottom: 0
}
.video-wrapper.youtube-integration .tabs .wrapper .sizer .row .tab-content .tab-pane .embedded-videos .latestVideoWrapper {
padding-bottom: 56.25%
}
.video-wrapper.youtube-integration .tabs .wrapper .sizer .row .tab-content .tab-pane .embedded-videos .latestVideoTitle {
font-size: 1.125em;
line-height: 1.333
}
.video-wrapper.youtube-integration .tabs .wrapper .sizer .row .tab-content .tab-pane .btn-outline-primary {
margin-bottom: 2rem
}
}
@media print {
.video-wrapper.youtube-integration {
display: none !important
}
}
footer {
background-color: #e6ecf7
}
footer .footer-title-container h2 {
color: #000;
font-size: 1.375rem;
line-height: 1.15;
font-weight: 600;
letter-spacing: .015em;
margin-bottom: 0
}
footer .footer-title-container h2 a {
text-decoration: underline;
-webkit-text-decoration-color: rgba(0,121,145,.25);
text-decoration-color: rgba(0,121,145,.25)
}
footer .footer-title-container h2 a:hover {
color: #007991
}
footer h3 {
color: #000;
font-size: 1rem;
letter-spacing: .03em;
text-transform: uppercase;
font-weight: 600
}
footer .site-footer-links .row {
border-top: 1px solid #cdd6e0
}
footer .site-footer-links img, footer .global-footer-links img {
margin-top: .5rem;
max-width: 100%;
height: auto
}
footer ul, footer ol {
margin-left: 0;
padding-left: 0
}
footer ul li, footer ol li {
list-style: none;
padding-bottom: .5rem
}
footer p a, footer li a {
color: #355b85;
font-weight: 400
}
footer li a:focus {
background-color: #ffbf00;
color: #022851 !important;
text-decoration-color: #022851;
outline: none
}
footer p a:focus {
background-color: #ffbf00;
color: #022851 !important;
text-decoration-color: #022851;
outline: none
}
footer .global-footer {
border-top: 4px solid #ffbf00
}
footer .global-footer .workmark-container a {
display: inline-block
}
footer .global-footer .workmark-container a:focus {
box-shadow: 0 0 0 .375rem #ffbf00;
outline: 2px solid #022851;
border-radius: 6px;
outline-offset: 0
}
footer .global-footer p, footer .global-footer ul, footer .global-footer li, footer .global-footer p a, footer .global-footer li a {
color: #fff;
letter-spacing: .01em
}
footer .global-footer h3 {
color: #ffbf00
}
footer .global-legal-links p {
font-size: .875rem;
letter-spacing: .01em;
margin-bottom: 0
}
footer .site-donate-button .btn.btn-sm, footer .site-donate-button .btn-group-sm > .btn {
font-size: 1.125rem;
padding: .25rem 2.5rem
}
footer .site-donate-button .btn.btn-sm:focus, footer .site-donate-button .btn-group-sm > .btn:focus {
box-shadow: 0 0 0 .375rem #ffbf00 !important;
outline: 2px solid #022851;
border-radius: 6px;
outline-offset: 0
}
footer .social-media-icons a {
display: inline-block
}
footer .social-media-icons a:focus {
box-shadow: 0 0 0 .375rem #ffbf00;
outline: 2px solid #022851;
border-radius: 6px;
outline-offset: 0
}
footer .social-media-icons img {
opacity: .7;
max-width: 35px;
max-height: 35px;
margin-left: .25rem;
transition: all .3s ease 0s
}
footer .social-media-icons img:hover, footer .social-media-icons img:focus {
opacity: 1
}
@media(min-width: 576px) {
footer ul li, footer ol li {
padding-bottom: 1rem
}
}
@media(max-width: 767.98px) {
.global-legal-links {
text-align: center
}
}
@media print {
footer {
display: none !important
}
}
#landing-fw .basic-header, #home-fw .basic-header {
margin-top: 0 !important
}
.basic-header {
margin-top: 4rem
}
.basic-header .section-header {
text-align: left;
margin-bottom: 1rem !important
}
.basic-header .section-header .section-title {
line-height: 3.5rem;
font-weight: 400;
font-size: 2.75rem;
padding-bottom: 1rem !important;
margin-bottom: 0px
}
.basic-header .section-header .section-title::after {
content: "";
position: absolute;
width: 8%;
height: 0;
border-bottom: 4px solid #ffbf00;
left: 0;
bottom: 0
}
.jumbotron.page-heading-block {
padding: 0;
text-align: center;
background-color: #033266;
margin-left: -1.5rem;
margin-right: -1.5rem;
text-align: center
}
.jumbotron.page-heading-block.web {
background-color: #e6ecf7
}
.jumbotron.page-heading-block.web .category {
color: #355b85
}
.jumbotron.page-heading-block.web .page-heading-title {
color: #000
}
.jumbotron.page-heading-block.web + div:not(.fw) {
margin-top: 4rem
}
.jumbotron.page-heading-block .category {
letter-spacing: .07em;
font-weight: 600;
font-size: .875em;
line-height: 1;
color: #ffc519;
text-transform: uppercase
}
.jumbotron.page-heading-block .page-heading-title {
color: #fff;
font-size: 2.75em;
font-weight: 600;
line-height: 1.3;
letter-spacing: .01em
}
@media(min-width: 768px) {
.jumbotron.page-heading-block {
margin-left: -2rem;
margin-right: -2rem
}
}
@media(max-width: calc(768px - 1px)) {
.basic-header {
margin-top: 3rem
}
}
@media print {
.jumbotron.page-heading-block {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
background-color: #fff !important;
border: 2px solid #b3c1d1
}
.jumbotron.page-heading-block.web {
background-color: #fff !important
}
.jumbotron.page-heading-block.web .category {
color: #022851 !important
}
.jumbotron.page-heading-block .category {
color: #022851 !important
}
.jumbotron.page-heading-block .page-heading-title {
color: #000 !important
}
}
.marquee-health-library {
border-bottom: solid 4px #ffbf00;
background: linear-gradient(#022851, #1d4776);
padding: 4rem 2rem 4rem 2rem;
margin-left: -2rem;
margin-right: -2rem
}
.marquee-health-library .row .marquee-body {
margin: 0;
border-radius: 0px
}
.marquee-health-library .row .marquee-body > :last-child {
margin-bottom: 0 !important
}
.marquee-health-library .row .marquee-body .marquee-text {
font-size: 1.375em;
line-height: 1.3em
}
.marquee-health-library .row .marquee-body .updated {
font-style: italic;
color: #fff;
font-size: .875em;
letter-spacing: .025em;
line-height: 1.375;
white-space: normal
}
.marquee-health-library .row .marquee-body .updated a {
font-weight: 400;
color: #fff;
text-decoration: underline;
text-decoration-color: #fff
}
.marquee-health-library .row .marquee-body .updated a:hover {
text-decoration: none
}
.marquee-health-library .row .marquee-img .marquee-img-wrapper {
border-radius: 0
}
@media(max-width: calc(992px - 1px)) {
.marquee-health-library {
background: linear-gradient(#022851, #1d4776);
padding: 0 2rem 2rem 2rem
}
.marquee-health-library.marquee-home.landing {
margin-bottom: 0
}
.marquee-health-library .row .marquee-body {
background: none;
border-radius: 0px;
padding: 40px 0 20px
}
.marquee-health-library .row .marquee-body .marquee-title {
font-size: 2em
}
.marquee-health-library .row .marquee-img {
padding: 0;
margin: 0 !important;
width: 100%
}
}
@media(max-width: calc(768px - 1px)) {
.marquee-health-library {
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: 0;
margin-left: -1.5rem;
margin-right: -1.5rem;
margin-top: 0px
}
.marquee-health-library.landing .row .marquee-body .category {
font-size: .875em
}
.marquee-health-library.landing .row .marquee-body .marquee-title {
font-size: 2em
}
.marquee-health-library.landing .row .marquee-body .marquee-text {
font-size: 1.12em
}
}
@media(max-width: calc(576px - 1px)) {
.marquee-health-library {
background: linear-gradient(#022851, #1d4776);
padding-left: 1.5rem;
padding-right: 1.5rem;
padding-top: 0;
margin: -1.5rem;
margin-top: 0px
}
.marquee-health-library .row .marquee-body {
background: none;
border-radius: 0px;
padding: 40px 0 20px
}
.marquee-health-library .row .marquee-body .marquee-title {
font-size: 2em
}
}
@media print {
.marquee-health-library {
border-bottom: 0
}
.marquee-health-library .row .marquee-img .marquee-img-wrapper .marquee-link::after {
content: "" !important
}
}
.page-heading-intro-content .article-body > * {
font-size: 1.375em
}
.basic-header .section-title.page-heading-title {
line-height: 3rem
}
.onpage-nav-component {
margin-bottom: 3.375rem
}
.onpage-nav-component #pageNavContainer::-webkit-scrollbar {
display: none
}
.onpage-nav-component #pageNavContainer {
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none
}
.onpage-nav-component #pageNavContainer #pageNavContent {
display: flex
}
.onpage-nav-component #slideLeft {
display: none;
top: 0;
left: 13px;
box-shadow: #fff 25px 5px 30px 10px
}
.onpage-nav-component #slideRight {
top: 0;
right: 13px;
box-shadow: #fff -25px 5px 30px 10px
}
.onpage-nav-component .btn-slider {
position: absolute;
z-index: 1000;
background: #fff;
color: #09417e;
width: 40px;
height: 40px
}
.onpage-nav-component .category {
margin-bottom: .625rem;
font-weight: 700;
font-size: .875rem;
text-transform: uppercase;
display: block
}
.onpage-nav-component .btn-tertiary {
background: #e6ecf7;
color: #09417e;
font-weight: 600;
font-size: 16px;
line-height: 24px;
padding: 7px 15px;
text-align: center;
border: 1px solid #6884a3;
border-radius: 6px;
cursor: pointer;
transition: .5s
}
.onpage-nav-component .btn-tertiary:hover {
color: #fff;
background-color: #09417e
}
.onpage-nav-component .btn-on-page {
margin-right: .75rem;
white-space: nowrap
}
.onpage-nav-component .btn-on-page:focus {
box-shadow: none
}
.btn-slider-hover {
border-radius: 6px;
border: 1px solid #09417e
}
.btn-slider-hover:hover, .btn-slider-hover:focus {
background-color: #09417e
}
.btn-slider-hover:hover .material-symbols-rounded, .btn-slider-hover:focus .material-symbols-rounded {
color: #fff !important
}
@media(max-width: calc(992px - 1px)) {
.onpage-nav-component .category {
padding-left: 0px
}
.onpage-nav-component .on-page-nav-link {
padding-left: 0px
}
.onpage-nav-component #slideLeft {
left: -3px
}
}
@media(max-width: calc(576px - 1px)) {
.onpage-nav-component .category {
padding-left: 0px
}
.onpage-nav-component .on-page-nav-link {
padding-left: 0px
}
}
@media print {
.basic-content .basic-content-body::after {
display: none
}
}
.columns-component {
margin-top: 0 !important;
margin-left: -2rem !important;
margin-right: -2rem !important;
padding-left: 2rem;
padding-right: 2rem
}
.columns-component.light {
padding-top: 4rem;
padding-bottom: 4rem;
background-color: #fff9e5
}
.columns-component.dark {
padding-top: 4rem;
padding-bottom: 4rem;
background-color: #e6ecf7
}
.columns-component .mb-lc-0 > :last-child {
margin-bottom: 0 !important
}
.columns-component .mb-lc-0 > :last-child > :last-child {
margin-bottom: 0 !important
}
.columns-component .section-header {
display: flex;
text-align: left;
margin-bottom: 1rem;
align-items: center
}
.columns-component .section-header .section-title {
margin: 0;
font-weight: 400
}
.columns-component .article-body h2 {
color: #000
}
.columns-component figure.img-wide {
margin-bottom: 1.5rem
}
.columns-component.twocol-list .section-header .health-icon {
display: flex
}
.columns-component.twocol-list .section-header .health-icon::after {
content: "";
height: auto;
margin-right: 1rem;
border-right: solid 3px #ffbf00
}
.columns-component.twocol-list .section-header .health-icon svg {
color: #000;
margin-right: 1rem
}
.columns-component.twocol-list .section-header .material-icon {
display: flex
}
.columns-component.twocol-list .section-header .material-icon::after {
content: "";
height: auto;
border-right: solid 3px #ffbf00;
margin-right: 1rem
}
.columns-component.twocol-list .section-header .material-icon .material-symbols-rounded {
font-size: 3rem;
color: #000;
font-variation-settings: "FILL" 1;
margin-right: 1rem
}
.columns-component.twocol-list .section-header .section-title {
line-height: 1.375;
font-size: 2.25rem;
font-weight: 400;
margin: 0
}
.columns-component.twocol-list .section-header .material-icon + .section-title {
margin-left: 0 !important
}
.columns-component.twocol-list .twocol-list-content > * {
font-size: 1.125rem;
line-height: 1.625;
margin-bottom: 2rem
}
.columns-component.twocol-list .twocol-list-content .box-wide {
font-size: 1rem
}
.columns-component.twocol-list .twoCol-list-columns-container {
margin-bottom: 2rem
}
.columns-component.twocol-list .col-body ul, .columns-component.twocol-list .col-body ol {
font-weight: 600;
padding-left: 1.25rem;
margin-bottom: .5rem;
list-style-position: outside
}
.columns-component.twocol-list .col-body ul li, .columns-component.twocol-list .col-body ol li {
margin-bottom: .5rem;
line-height: 1.5;
break-inside: avoid;
padding-right: .75rem;
font-size: 1.125rem;
padding-bottom: 0;
padding-left: 0;
font-weight: 400;
display: block
}
.columns-component.twocol-list .col-body ul li a, .columns-component.twocol-list .col-body ol li a {
cursor: pointer;
font-weight: 400
}
.columns-component.twocol-list .col-body ul li::before {
color: #09417e;
margin-right: .5rem;
content: "•";
font-size: 27px;
margin-left: -1.125rem;
line-height: .5;
display: inline-block
}
.columns-component.twocol-list .col-body ol li::before {
font-size: 1rem;
font-weight: 600;
padding-right: .5rem;
right: 0;
text-align: left;
color: #09417e
}
.columns-component.twocol-list .col-body > * {
margin-bottom: 1rem;
font-size: 1.125rem
}
.columns-component.twocol-list .row-one-list {
margin-bottom: 1rem;
justify-content: space-between
}
.columns-component.twocol-list .row-one-list .twoCol-list-column {
padding: 2rem;
flex: 100%;
background-color: #f7f7f7
}
.columns-component.twocol-list .row-one-list .twoCol-list-column > :last-child {
margin-bottom: 0 !important
}
.columns-component.twocol-list .row-one-list .twoCol-list-column > :last-child > :last-child {
margin-bottom: 0 !important
}
.columns-component.twocol-list .row-one-list .twoCol-list-column .column-header {
margin-bottom: .25rem;
text-align: left
}
.columns-component.twocol-list .row-one-list .twoCol-list-column .column-header .column-title {
font-size: 1.375rem;
line-height: 1.5;
font-weight: 600;
margin: 0;
color: #000
}
.columns-component.twocol-list .row-one-list .twoCol-list-column:first-child {
margin-right: 0;
margin-bottom: 1rem
}
.columns-component.twocol-list .row-one-list .twoCol-list-column.left-emphasis, .columns-component.twocol-list .row-one-list .twoCol-list-column.right-emphasis {
background-color: #e6ecf7
}
.columns-component.twocol-list ul#twoColumnList {
font-weight: 600;
padding-left: 1.25rem;
margin-bottom: .5rem
}
.columns-component.twocol-list ul#twoColumnList li {
margin-bottom: .5rem;
line-height: 1.5;
break-inside: avoid;
padding-right: .75rem;
font-size: 1.125rem;
font-weight: 400;
display: block
}
.columns-component.twocol-list ul#twoColumnList li a {
cursor: pointer;
font-weight: 400
}
.columns-component.twocol-list ul#twoColumnList li::before {
color: #09417e;
margin-right: .5rem;
content: "•";
font-size: 27px;
margin-left: -1.125rem;
line-height: .5;
display: inline-block
}
.columns-component.twocol-list.light .twoCol-list-column {
background-color: #fff !important
}
.columns-component.twocol-list.light .twoCol-list-column.left-emphasis, .columns-component.twocol-list.light .twoCol-list-column.right-emphasis {
border: solid 2px #ffbf00
}
.columns-component.twocol-list.dark .twoCol-list-column {
background-color: #fff !important
}
.columns-component.twocol-list.dark .twoCol-list-column.left-emphasis, .columns-component.twocol-list.dark .twoCol-list-column.right-emphasis {
border: solid 2px #9aadc2
}
.columns-component.twocol-list .button-container {
justify-content: center
}
.columns-component.twocol-list .button-container .show-more {
border: none;
color: #1d4776;
background-color: #fff;
font-size: 1.125em;
line-height: 1.5;
font-weight: 500;
margin-bottom: 2rem;
margin-right: 1rem;
margin-left: 1rem;
position: relative;
align-items: center;
width: auto;
height: auto
}
.columns-component.twocol-list .button-container .show-more .material-symbols-rounded {
display: inline-block;
position: relative;
right: 0;
top: .75rem;
font-size: 2rem
}
.columns-component.twocol-list .button-container .show-more:hover, .columns-component.twocol-list .button-container .show-more:focus {
text-decoration: underline
}
.columns-component.twocol-list .button-container .show-more:focus {
outline: 2px solid #008eaa;
border-radius: 4px
}
.columns-component.twocol-list .button-container .btn {
margin-bottom: 1rem;
margin-right: 1rem;
margin-left: 1rem
}
@media(min-width: calc(1200px)) {
.columns-component.twocol-list .row-one-list .twoCol-list-column {
flex: 25%
}
.columns-component.twocol-list .row-one-list .twoCol-list-column:first-child {
margin-right: 2rem;
margin-bottom: 0
}
}
@media(max-width: calc(768px - 1px)) {
.columns-component {
margin-left: -1.5rem !important;
margin-right: -1.5rem !important;
padding-left: 1.5rem;
padding-right: 1.5rem
}
}
@media print {
.columns-component.twocol-list .row-one-list .twoCol-list-column {
flex: 0 0 46.6666666667%;
max-width: 46.6666666667%;
width: 46.6666666667%
}
}
.columns-component.threecol-promo-component .section-header {
text-align: center;
margin-bottom: 0;
margin-left: 0
}
.columns-component.threecol-promo-component .section-header .section-title {
font-size: 2.75em;
line-height: 1.125;
font-weight: 400
}
.columns-component.threecol-promo-component .section-header .section-title.threecol-promo-title {
padding-bottom: 1rem;
margin-bottom: 2rem
}
.columns-component.threecol-promo-component .section-header .section-title.threecol-promo-title::after {
content: "";
position: absolute;
width: 8%;
height: 0;
bottom: -0.25rem;
left: 46%;
border-bottom: 4px solid #ffbf00
}
.columns-component.threecol-promo-component .section-header + .threecol-promo-row {
margin-top: 1rem
}
.columns-component.threecol-promo-component .threecol-promo-content {
text-align: center
}
.columns-component.threecol-promo-component .threecol-promo-content ul, .columns-component.threecol-promo-component .threecol-promo-content ol {
text-align: left;
font-weight: 400;
font-size: 1.125em
}
.columns-component.threecol-promo-component .threecol-promo-row {
margin-bottom: 2rem;
margin-left: -7.125rem;
margin-right: -7.125rem
}
.columns-component.threecol-promo-component .threecol-promo-row .article-body p {
margin-bottom: .5rem
}
.columns-component.threecol-promo-component .threecol-promo-row .col-one {
padding-right: 2rem !important
}
.columns-component.threecol-promo-component .threecol-promo-row .col-two {
padding-right: 2rem !important;
padding-left: 2rem !important
}
.columns-component.threecol-promo-component .threecol-promo-row .col-three {
padding-left: 2rem !important
}
.columns-component.threecol-promo-component .threecol-promo-row .col-border {
border-right: 1px solid #c4c4c4
}
.columns-component.threecol-promo-component .threecol-promo-row .threecol-promo.client .col-header {
text-align: left;
margin-bottom: .5rem;
margin-left: 0
}
.columns-component.threecol-promo-component .threecol-promo-row .threecol-promo.client .col-title {
font-weight: 600;
font-size: 1.375rem;
line-height: 1.75rem;
margin: 0;
color: #000
}
.columns-component.threecol-promo-component .threecol-promo-row .btn-link {
color: #09417e;
display: inline-block;
padding: 0;
font-weight: 600;
line-height: 1.375
}
.columns-component.threecol-promo-component .threecol-promo-row .btn-link .material-symbols-rounded {
vertical-align: middle;
display: inline
}
.columns-component.threecol-promo-component .button-container {
display: flex;
justify-content: center
}
.columns-component.threecol-promo-component .button-container .btn-outline-primary {
font-weight: 600
}
@media(max-width: calc(576px - 1px)) {
.columns-component.threecol-promo-component .section-header .section-title.threecol-promo-title::after {
width: 16%;
bottom: .25rem;
left: 42%
}
.columns-component.threecol-promo-component .threecol-promo-row {
margin-left: 0;
margin-right: 0;
margin-bottom: 2rem;
margin-top: .5rem
}
.columns-component.threecol-promo-component .threecol-promo-row .col {
flex-basis: auto
}
.columns-component.threecol-promo-component .threecol-promo-row .col-border {
border-right: 0
}
.columns-component.threecol-promo-component .threecol-promo-row .col-one {
padding-right: 0 !important;
margin-bottom: 1.5rem
}
.columns-component.threecol-promo-component .threecol-promo-row .col-two {
padding-left: 0 !important;
padding-right: 0 !important;
margin-bottom: 1.5rem
}
.columns-component.threecol-promo-component .threecol-promo-row .col-three {
padding-left: 0 !important
}
}
@media(max-width: calc(992px - 1px)) {
.columns-component.threecol-promo-component .threecol-promo-row {
margin-left: 0;
margin-right: 0;
margin-top: .5rem
}
}
.callout {
margin-bottom: 2rem;
clear: both
}
.callout h4 {
color: #000
}
.callout.callout-component-with-icon .health-icon svg {
color: #000;
width: 100%;
height: auto
}
.callout.callout-component-with-icon .material-icon .material-symbols-rounded {
font-size: 6vw;
color: #000;
font-variation-settings: "FILL" 1
}
.callout .callout-border {
border-radius: 6px;
border: 2px solid #ffbf00;
margin-left: -6.25rem;
margin-right: -6.25rem;
padding: 1.5rem 1.5rem 1.5rem 1.5rem
}
.callout .callout-border > :last-child {
margin-bottom: 0 !important
}
.callout .callout-border.white {
background-color: #fff
}
.callout .callout-border .callout-header {
margin-left: 0;
text-align: left
}
.callout .callout-border .callout-header .callout-title {
font-size: 1.75rem;
font-weight: 400;
line-height: 2rem;
padding-left: 0;
padding-top: 0
}
.callout .callout-border .article-body > :last-child {
margin-bottom: 0 !important
}
.callout .callout-border .article-body p {
text-align: left
}
.callout .callout-border .col-one {
padding-right: 1.875rem
}
.callout .callout-border .col-two {
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 2rem;
border-left: 3px solid #ffbf00
}
.dark .callout .callout-border {
border: solid 2px #9aadc2
}
@media(max-width: calc(992px - 1px)) {
.callout .callout-border {
margin-left: 0;
margin-right: 0
}
}
@media(max-width: calc(576px - 1px)) {
.callout.callout-component-with-icon .material-icon .material-symbols-rounded {
font-size: 29vw
}
.callout .callout-border .col-one {
flex: 0 0 45%;
max-width: 45%;
text-align: center
}
.callout .callout-border .col-two {
padding-left: 0 !important;
flex: 0 0 100%;
max-width: 100%;
border-left: 0
}
}
.columns-pullquote {
margin-bottom: 2rem
}
.columns-pullquote .pullquote {
margin-bottom: 0;
padding-bottom: 2rem
}
.columns-pullquote .pullquote.with-img {
margin-left: 6rem
}
.columns-pullquote .pullquote .text {
padding-left: .75rem;
text-align: left
}
.columns-pullquote .pullquote .text::before {
content: none
}
.columns-pullquote .pullquote.with-img .img-wrapper {
top: .5rem
}
.columns-pullquote .pullquote .caption {
margin-top: 1.5rem;
font-weight: 400
}
.columns-pullquote .pullquote.no-img {
margin-left: -5.25rem;
margin-right: -5.25rem
}
.columns-pullquote .pullquote.no-img .text {
padding-left: 0 !important
}
@media(max-width: calc(1200px - 1px)) {
.columns-pullquote .pullquote {
margin-left: 0 !important;
margin-right: 0 !important
}
}
.data-infographic-component {
padding-top: 4rem;
padding-bottom: 4rem;
margin-left: -2rem;
margin-right: -2rem;
padding-left: 2rem;
padding-right: 2rem
}
.data-infographic-component.grey {
background-color: #f7f7f7
}
.data-infographic-component .data-infographic.client .col {
border-left: 2px solid #32aa1f;
padding-left: 2rem;
flex: 0 0 auto;
max-width: 50%
}
.data-infographic-component .data-infographic.client .col .column-header {
text-align: left
}
.data-infographic-component .data-infographic.client .col .column-title {
font-weight: 400;
font-size: 2.25rem;
line-height: 2.25rem;
color: #000
}
.data-infographic-component .data-infographic.client .col p {
margin-bottom: 0 !important
}
.data-infographic-component .data-infographic.client .col .column-data {
font-size: 7.5rem;
font-weight: 800;
color: #32aa1f;
display: block;
line-height: 7.5rem;
margin-bottom: .5rem
}
.data-infographic-component .data-infographic.client .col .column-content {
font-weight: 500;
font-size: 1.375rem;
line-height: 1.75rem;
color: #4c4c4c
}
.data-infographic-component .citation-text {
font-size: .875rem;
line-height: 1.066;
margin-top: 3rem;
display: block
}
.data-infographic-component .citation-text p {
font-size: 1em;
margin-bottom: .5rem;
text-align: center
}
.data-infographic-component .citation-text > :last-child {
margin-bottom: 0 !important
}
.data-infographic-component .citation-text a {
color: #09417e;
text-decoration-color: #09417e
}
@media(max-width: calc(1200px - 1px)) {
.data-infographic-component .data-infographic-row {
margin-left: 0;
margin-right: 0
}
.data-infographic-component .data-infographic.client .col {
padding-right: 0
}
.data-infographic-component .data-infographic.client .col .column-title {
font-size: 1.5rem
}
.data-infographic-component .data-infographic.client .col .column-data {
font-size: 5.5rem;
line-height: 4.5rem
}
}
@media(max-width: calc(992px - 1px)) {
.data-infographic-component .data-infographic-row {
margin-left: 0;
margin-right: 0
}
.data-infographic-component .data-infographic.client .col {
padding-right: 0
}
.data-infographic-component .data-infographic.client .col .column-title {
font-size: 1.5rem
}
.data-infographic-component .data-infographic.client .col .column-data {
font-size: 4.8rem;
line-height: 4.5rem
}
}
@media(max-width: calc(768px - 1px)) {
.data-infographic-component {
margin-left: -1.5rem !important;
margin-right: -1.5rem !important;
padding-left: 1.5rem;
padding-right: 1.5rem
}
.data-infographic-component .data-infographic-row {
margin-left: 0;
margin-right: 0
}
.data-infographic-component .data-infographic.client .col {
flex: 0 0 100%;
max-width: 60%
}
.data-infographic-component .data-infographic.client .col .column-title {
font-size: 2rem
}
.data-infographic-component .data-infographic.client .col .column-data {
font-size: 5.7rem;
line-height: 5rem
}
.data-infographic-component .data-infographic.client .col.client .col-one {
margin-bottom: 3rem
}
}
@media(max-width: calc(576px - 1px)) {
.data-infographic-component .data-infographic-row {
margin-left: 0;
margin-right: 0
}
.data-infographic-component .data-infographic.client .col {
flex: 0 0 100%;
max-width: 100%;
padding-right: 0
}
.data-infographic-component .data-infographic.client .col .column-title {
font-size: 2rem
}
.data-infographic-component .data-infographic.client .col .column-data {
font-size: 4.8rem;
line-height: 4.6rem
}
.data-infographic-component .data-infographic.client .col.client .col-one {
margin-bottom: 3rem
}
.data-infographic-component .citation-text {
justify-content: left
}
}
.quick-actions-block-component {
margin-left: -2rem !important;
margin-right: -2rem !important;
padding-left: 2rem;
padding-right: 2rem
}
.quick-actions-block-component.quick-actions.dark {
background-color: #e6ecf7;
padding-top: 4rem;
padding-bottom: 4rem
}
.quick-actions-block-component.quick-actions.light {
background-color: #fff9e5;
padding-top: 4rem;
padding-bottom: 4rem
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .custom-links h4 {
color: #303030
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .custom-links.link {
margin-bottom: 1.25rem
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .custom-links.link .link-subheading h4 {
font-size: 1.125rem;
font-weight: 600;
margin-bottom: .25rem;
line-height: 1.333
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .custom-links.link .link-icon-wrapper {
display: flex;
align-items: center
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .custom-links.link .material-symbols-rounded {
font-size: 1.25rem;
line-height: 1.375;
height: auto;
color: #007991;
font-variation-settings: "FILL" 1
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .custom-links.link .link-subtitle {
font-size: 1.125em;
white-space: normal;
margin-bottom: 0 !important;
margin-left: .5rem
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .custom-links.link .link-subtitle a {
color: #09417e;
word-wrap: break-word;
font-size: 1rem;
line-height: 1.5
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .custom-links.link .link-subtitle a:hover, .quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .custom-links.link .link-subtitle a:focus {
color: #007991
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .custom-links.link.basic-link .btn-link {
color: #09417e;
display: inline-block;
padding: 0
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .custom-links.link.basic-link .btn-link .material-symbols-rounded {
vertical-align: middle;
font-size: 1.5rem;
display: inline
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .custom-links.link:last-child {
margin-bottom: 0
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .btn-outline-primary, .quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .btn-primary {
line-height: 1.182;
padding: .5rem .75rem .5rem .75rem;
display: flex;
align-items: center;
width: fit-content;
text-align: left;
max-width: 265px
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .btn-outline-primary .material-symbols-rounded, .quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .btn-primary .material-symbols-rounded {
font-size: 1.25rem;
line-height: 1.375;
height: auto;
color: #007991;
margin-right: .5rem;
font-variation-settings: "FILL" 1
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .component-block {
font-size: 1rem;
background-color: rgba(0,0,0,0);
text-align: left;
position: relative
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .component-block .btn-outline-primary {
margin-bottom: 3rem
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .component-block .btn-outline-primary:hover .material-symbols-rounded {
color: #fff
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .component-block .component-title {
font-weight: 400;
font-size: 2.25rem;
line-height: 2.75rem;
color: #000;
position: relative;
padding-bottom: 1rem;
margin-bottom: 1.5rem
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .component-block .component-title:after {
content: "";
position: absolute;
width: 28%;
height: 0;
bottom: -0.25rem;
left: 0;
border-bottom: 3px solid #ffbf00
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .component-block .component-intro-text {
font-size: 1rem;
font-weight: 400
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .component-block .component-intro-text h4 {
font-size: 1.125rem;
color: #303030;
font-weight: 600;
padding-top: 0;
margin-bottom: .25rem
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .component-block .component-intro-text h3 {
color: #303030;
padding-top: 0;
font-size: 1.75em;
line-height: 1.125;
word-wrap: break-word;
font-weight: 400
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .component-block .component-intro-text a {
color: #09417e;
text-decoration-color: #09417e
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .component-block .inline-link-text {
color: #333;
text-decoration: none;
font-weight: 400
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .component-block .content-module-container {
margin-bottom: 2rem
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .contentBlock-wrapper .contentBlock-inner.row {
width: calc(100% + 2rem)
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .contentBlock-wrapper .contentBlock-inner .contentBlock {
margin-bottom: 2rem
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .contentBlock-wrapper .contentBlock-inner .contentBlock .contentBlock-header {
padding: 0;
display: flex;
align-items: self-start;
flex-direction: column;
margin-bottom: .625rem
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .contentBlock-wrapper .contentBlock-inner .contentBlock .contentBlock-header .health-icon {
position: relative;
height: 3.5rem;
width: 3.5rem;
margin-right: .5rem;
margin-bottom: .625rem
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .contentBlock-wrapper .contentBlock-inner .contentBlock .contentBlock-header .health-icon svg {
width: auto;
color: #000
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .contentBlock-wrapper .contentBlock-inner .contentBlock .contentBlock-header .material-icon {
position: relative;
height: 3.5rem;
width: 3.5rem;
top: 6px;
margin-right: -0.5rem;
margin-bottom: .625rem
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .contentBlock-wrapper .contentBlock-inner .contentBlock .contentBlock-header .material-icon .material-symbols-rounded {
font-size: 40px;
color: #000;
width: auto;
height: auto;
font-variation-settings: "FILL" 1
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .contentBlock-wrapper .contentBlock-inner .contentBlock .contentBlock-header .contentBlock-title {
font-size: 1.75em;
line-height: 1.125;
word-wrap: break-word;
color: #303030;
font-weight: 400;
width: 100%
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .contentBlock-wrapper .contentBlock-inner .contentBlock .contentBlock-body {
text-align: left;
white-space: normal
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .contentBlock-wrapper .contentBlock-inner .contentBlock .contentBlock-body > *:last-child {
margin-bottom: 0
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .contentBlock-wrapper .contentBlock-inner .contentBlock .contentBlock-body p img {
max-width: 100%;
height: auto
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .contentBlock-wrapper .contentBlock-inner .contentBlock .contentBlock-body p .btn-link {
color: #09417e;
display: inline-block;
padding: 0
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .contentBlock-wrapper .contentBlock-inner .contentBlock .contentBlock-body p .btn-link .material-symbols-rounded {
vertical-align: middle;
font-size: 1.5rem;
display: inline;
line-height: 1.5;
height: auto;
color: #007991;
font-variation-settings: "FILL" 1
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .contentBlock-wrapper .contentBlock-inner .contentBlock .contentBlock-body .contentBlock-text {
margin-bottom: 1rem
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .contentBlock-wrapper .contentBlock-inner .contentBlock .contentBlock-body .btn-primary .material-symbols-rounded {
color: #fff
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .contentBlock-wrapper .contentBlock-inner .contentBlock .contentBlock-body .content-text > *:last-child {
margin-bottom: 0
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .contentBlock-wrapper .contentBlock-inner .contentBlock .contentBlock-body .content-text h4 {
color: #303030;
font-weight: 600;
margin-bottom: .625rem !important;
padding-top: 0
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .contentBlock-wrapper .contentBlock-inner .contentBlock .contentBlock-body .content-text p {
margin-bottom: 1.25rem
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .contentBlock-wrapper .contentBlock-inner .contentBlock .contentBlock-body .content-text p a {
color: #09417e;
text-decoration: none
}
@media(min-width: 768px) {
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .contentBlock-wrapper .contentBlock-inner .contentBlock {
margin-bottom: 0
}
}
@media(min-width: 992px) {
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
overflow: hidden;
padding-left: 0
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .component-block {
flex: 0 0 25%;
max-width: 25%;
padding-right: 1rem;
z-index: 20
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .component-block div:last-child, .quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .component-block a:last-child {
margin-bottom: 0 !important
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .contentBlock-wrapper {
display: flex;
flex: 0 0 75%;
max-width: 100%;
padding-left: 1rem
}
}
@media(max-width: calc(992px - 1px)) {
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .component-block .component-title::after {
width: 14%
}
.quick-actions-block-component.quick-actions .wrapper .sizer .quick-actions-block-container .custom-links.link.basic-link .btn-link {
margin-top: 1.625rem
}
}
@media(max-width: calc(768px - 1px)) {
.quick-actions-block-component {
margin-left: -1.5rem !important;
margin-right: -1.5rem !important;
padding-left: 1.5rem;
padding-right: 1.5rem
}
.quick-actions-block-component.quick-actions .quick-actions-block-container .content-module-container .custom-links.link {
margin-bottom: .5rem;
display: flex;
flex-direction: column
}
.quick-actions-block-component.quick-actions .quick-actions-block-container .content-module-container .custom-links.link .link-subheading {
margin-right: .625rem
}
.quick-actions-block-component.quick-actions .quick-actions-block-container .content-module-container .custom-links.link .link-subheading h4 {
margin-bottom: 0 !important;
line-height: 1.5 !important
}
.quick-actions-block-component.quick-actions .quick-actions-block-container .content-module-container .custom-links.link .material-symbols-rounded {
margin-right: .625rem
}
.quick-actions-block-component.quick-actions .quick-actions-block-container .content-module-container .custom-links.link .link-subtitle {
margin-left: 0 !important;
margin-bottom: 0
}
.quick-actions-block-component.quick-actions .quick-actions-block-container .contentBlock-wrapper .contentBlock-inner.row > .col.contentBlock:last-child {
margin-bottom: 0
}
.quick-actions-block-component.quick-actions .quick-actions-block-container .contentBlock-wrapper .contentBlock-inner .contentBlock .contentBlock-header {
align-items: center !important;
flex-direction: row !important;
margin-bottom: 0 !important
}
.quick-actions-block-component.quick-actions .quick-actions-block-container .contentBlock-wrapper .contentBlock-inner .contentBlock .contentBlock-header .contentBlock-title {
width: 75% !important
}
.quick-actions-block-component.quick-actions .quick-actions-block-container .custom-links.link.basic-link .btn-link {
margin-top: 0 !important
}
}
.media-block.web.equal-columns .mb-lc-0 > :last-child {
margin-bottom: 0 !important
}
.media-block.web.equal-columns .mb-lc-0 > :last-child > :last-child {
margin-bottom: 0 !important
}
.media-block.web.equal-columns .section-header .component-intro-content {
margin: auto;
padding-left: 1rem;
padding-right: 1rem
}
.media-block.web.equal-columns .section-header .component-intro-content > * {
margin: auto;
padding-left: 1rem;
padding-right: 1rem
}
.media-block.web.equal-columns .media-list .media {
border-top: none
}
.media-block.web.equal-columns .media-list .media:last-child::after {
content: "";
display: block;
position: absolute;
bottom: -2px;
left: 0;
right: 0;
border-bottom: none
}
.media-block.web.equal-columns .media-list .media .media-img {
padding-left: 0
}
.media-block.web.equal-columns .media-list .media .media-body {
padding-right: 0
}
.media-block.web.equal-columns .media-list .media .media-body:first-child {
padding-left: 0
}
@media(max-width: calc(992px - 1px)) {
.media-block.web.equal-columns .section-header .component-intro-content {
max-width: 100%;
padding-left: 0;
padding-right: 0
}
.media-block.web.equal-columns .section-header .component-intro-content > * {
max-width: 100%;
padding-left: 0;
padding-right: 0
}
}
@media(max-width: calc(768px - 1px)) {
.media-block.web.equal-columns .media-img {
flex: 0 0 50%;
max-width: 50%
}
.media-block.web.equal-columns .media-img + .media-body {
flex: 0 0 50%;
max-width: 50%
}
}
@media(max-width: calc(576px - 1px)) {
.media-block.web.equal-columns .media-img {
flex: 0 0 100%;
max-width: 100%
}
.media-block.web.equal-columns .media-img + .media-body {
flex: 0 0 100%;
max-width: 100%
}
}
.link-cards.browse-by-health-topic-cards {
margin-top: 3rem
}
.link-cards.browse-by-health-topic-cards .wrapper .sizer .link-cards-container {
height: max-content
}
.link-cards.browse-by-health-topic-cards .wrapper .sizer .link-cards-container .link-card {
flex-basis: 25% !important;
max-width: 25% !important;
display: flex
}
.link-cards.browse-by-health-topic-cards .wrapper .sizer .link-cards-container .link-card .link {
flex-direction: column;
align-items: flex-start;
font-size: 1rem !important;
line-height: 1.5 !important;
font-weight: 400;
padding: 1rem 1.125rem !important;
width: 100%
}
.link-cards.browse-by-health-topic-cards .wrapper .sizer .link-cards-container .link-card .link .link-card-header {
display: flex;
position: relative;
width: 100%;
margin-bottom: 1rem
}
.link-cards.browse-by-health-topic-cards .wrapper .sizer .link-cards-container .link-card .link .link-card-header .link-card-title {
width: 85% !important
}
.link-cards.browse-by-health-topic-cards .wrapper .sizer .link-cards-container .link-card .link .link-card-header .link-card-title h3 {
font-weight: 600;
color: #09417e;
font-size: 1.375em;
line-height: 1.25;
margin-bottom: 0;
width: 100%
}
.link-cards.browse-by-health-topic-cards .wrapper .sizer .link-cards-container .link-card .link .link-card-header .link-card-title h3 .material-symbols-rounded {
position: absolute;
right: 0 !important;
top: 0 !important;
font-size: 2rem;
color: #007991;
transform: none;
transition: all .375s ease-in-out
}
.link-cards.browse-by-health-topic-cards .wrapper .sizer .link-cards-container .link-card .link .link-card-text {
font-size: 1.125em;
line-height: 1.5;
color: #000
}
.link-cards.browse-by-health-topic-cards .wrapper .sizer .link-cards-container .link-card .link .link-card-text p {
margin-bottom: 0 !important
}
.link-cards.browse-by-health-topic-cards .wrapper .sizer .link-cards-container .link-card .link::after {
content: none !important
}
.link-cards.browse-by-health-topic-cards .wrapper .sizer .link-cards-container .link-card .link:hover .link-card-title h3, .link-cards.browse-by-health-topic-cards .wrapper .sizer .link-cards-container .link-card .link:focus .link-card-title h3 {
color: #007991
}
.link-cards.browse-by-health-topic-cards .wrapper .sizer .link-cards-container .link-card .link:hover .link-card-title h3 .material-symbols-rounded, .link-cards.browse-by-health-topic-cards .wrapper .sizer .link-cards-container .link-card .link:focus .link-card-title h3 .material-symbols-rounded {
transform: translateX(25%) !important
}
@media(max-width: calc(992px - 1px)) {
.link-cards.browse-by-health-topic-cards .wrapper .sizer .link-cards-container .link-card {
flex-basis: 33.3333% !important;
max-width: 33.3333% !important
}
}
@media(max-width: calc(768px - 1px)) {
.link-cards.browse-by-health-topic-cards .wrapper .sizer .link-cards-container .link-card {
flex-basis: 50% !important;
max-width: 50% !important
}
}
@media(max-width: calc(576px - 1px)) {
.link-cards.browse-by-health-topic-cards .wrapper .sizer .link-cards-container .link-card {
flex-basis: 100% !important;
max-width: 100% !important;
margin-bottom: 1.25rem
}
.link-cards.browse-by-health-topic-cards .wrapper .sizer .link-cards-container .link-card .link {
padding-left: 1rem;
padding-right: 1rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.link-cards.browse-by-health-topic-cards .wrapper .sizer .link-cards-container .link-card .link::after {
right: 1rem
}
}
.health-topic-search form.gsc-search-box {
position: relative;
cursor: pointer
}
.health-topic-search form.gsc-search-box:hover::before {
border-color: #1d4776
}
.health-topic-search form.gsc-search-box:focus-within::before {
border-color: #1d4776;
outline: 3px solid #008eaa;
outline-offset: 2px;
box-shadow: none;
background-color: rgba(0,0,0,0) !important
}
.health-topic-search form.gsc-search-box::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 2px solid #7f7f7f;
border-radius: 6px
}
.health-topic-search form.gsc-search-box .table.gsc-search-box {
border-collapse: separate;
position: relative;
border-radius: 6px !important
}
.health-topic-search form.gsc-search-box .table.gsc-search-box td.gsc-input {
border-radius: 6px !important;
height: 60px;
padding-top: .875rem;
padding-bottom: .875rem;
padding-right: 10rem !important
}
.health-topic-search form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box {
border: 1px solid rgba(0,0,0,0) !important;
border-radius: 6px;
padding-top: 0;
padding-bottom: 0;
background-color: rgba(0,0,0,0)
}
.health-topic-search form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box .table {
width: 100% !important;
position: relative;
top: -2px
}
.health-topic-search form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box .table .gsib_a {
font-size: 1rem
}
.health-topic-search form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box .table .gsib_a input {
color: #333;
font-size: 1.125em;
line-height: 1.5;
background-color: rgba(0,0,0,0);
background: none !important;
margin-top: .25rem !important
}
.health-topic-search form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box .table .gsib_b {
position: relative;
right: 7rem;
padding-top: .5rem
}
.health-topic-search form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box .table .gsc-search-button {
display: block;
position: relative;
border: none;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px
}
.health-topic-search form.gsc-search-box .table.gsc-search-box td.gsc-search-button {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 7rem
}
.health-topic-search form.gsc-search-box .table.gsc-search-box td.gsc-search-button .gsc-search-button-v2 {
padding: 1rem 1.5rem;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
height: auto
}
.health-topic-search form.gsc-search-box .table.gsc-search-box td.gsc-search-button .gsc-search-button-v2 svg {
display: none
}
.health-topic-search form.gsc-search-box .table.gsc-search-box td.gsc-search-button .gsc-search-button-v2 span {
font-size: 1rem;
font-weight: 600;
color: #fff
}
.health-topic-search form.gsc-search-box .table.gsc-search-box td.gsc-search-button .gsc-search-button-v2:hover, .health-topic-search form.gsc-search-box .table.gsc-search-box td.gsc-search-button .gsc-search-button-v2:focus {
outline: none
}
.health-topic-search .gsc-input {
padding-left: 42px !important;
font-size: 1rem
}
.health-topic-search .gsc-input::placeholder {
font-size: 1.125em;
line-height: 1.5;
color: #666
}
.health-topic-search .gsc-input .gsib_a {
padding: 0 !important;
height: 60px
}
.health-topic-search .gsc-input svg {
position: absolute;
width: auto;
top: 16px;
z-index: 998;
color: #09417e;
height: auto;
padding: .375rem .75rem
}
.gstl_50.gssb_c, .gstl_51.gssb_c, .gstl_52.gssb_c {
border: 2px solid #1d4776;
border-bottom-right-radius: 4px !important;
border-bottom-left-radius: 4px !important;
border-collapse: separate;
overflow: hidden;
margin-top: -3.5px;
margin-left: 1px;
max-width: 100%;
table-layout: fixed
}
.gstl_50.gssb_c > tbody, .gstl_51.gssb_c > tbody, .gstl_52.gssb_c > tbody {
margin-top: .5rem;
margin-bottom: .5rem
}
.gstl_50.gssb_c tr .gssb_e, .gstl_51.gssb_c tr .gssb_e, .gstl_52.gssb_c tr .gssb_e {
padding-top: .5rem;
padding-bottom: .75rem;
background-color: #fff
}
.gstl_50.gssb_c tr .gssb_e .gsc-completion-container, .gstl_51.gssb_c tr .gssb_e .gsc-completion-container, .gstl_52.gssb_c tr .gssb_e .gsc-completion-container {
border-radius: 4px;
border: 0;
table-layout: fixed;
-webkit-box-shadow: none;
box-shadow: none
}
.gstl_50.gssb_c tr .gssb_e .gsc-completion-container tr:first-child td, .gstl_51.gssb_c tr .gssb_e .gsc-completion-container tr:first-child td, .gstl_52.gssb_c tr .gssb_e .gsc-completion-container tr:first-child td {
border-top: none
}
.gstl_50.gssb_c tr .gssb_e .gsc-completion-container tr.gsc-completion-selected, .gstl_51.gssb_c tr .gssb_e .gsc-completion-container tr.gsc-completion-selected, .gstl_52.gssb_c tr .gssb_e .gsc-completion-container tr.gsc-completion-selected {
color: #09417e;
background-color: #e6ecf7;
font-weight: 600
}
.gstl_50.gssb_c tr .gssb_e .gsc-completion-container tr .gssb_a, .gstl_51.gssb_c tr .gssb_e .gsc-completion-container tr .gssb_a, .gstl_52.gssb_c tr .gssb_e .gsc-completion-container tr .gssb_a {
padding: .75rem 42px;
font-size: 18px;
line-height: 2;
border: none
}
.gstl_50.gssb_c tr .gssb_e .gsc-completion-container tr .gssb_a:hover, .gstl_50.gssb_c tr .gssb_e .gsc-completion-container tr .gssb_a:focus, .gstl_51.gssb_c tr .gssb_e .gsc-completion-container tr .gssb_a:hover, .gstl_51.gssb_c tr .gssb_e .gsc-completion-container tr .gssb_a:focus, .gstl_52.gssb_c tr .gssb_e .gsc-completion-container tr .gssb_a:hover, .gstl_52.gssb_c tr .gssb_e .gsc-completion-container tr .gssb_a:focus {
color: #1d4776;
background-color: #e6ecf7
}
.browse-A-Z {
margin-top: 3.5rem !important
}
.browse-A-Z .browse-A-Z-dropdown {
position: sticky;
top: 12px;
z-index: 998
}
.browse-A-Z .browse-A-Z-dropdown.show {
display: block
}
.browse-A-Z .browse-A-Z-dropdown .form-group {
margin-bottom: 0 !important
}
.browse-A-Z .browse-A-Z-dropdown .form-group .select-input {
width: 100px;
position: absolute;
right: -23px
}
.browse-A-Z .browse-A-Z-dropdown .form-group .select-input .dropdown-toggle {
border-right: 0;
border-radius: 0;
font-weight: 600;
font-size: 1.25rem
}
.browse-A-Z .browse-A-Z-dropdown .form-group .select-input .dropdown-toggle::after {
content: url('data:image/svg+xml,');
right: 1.75rem
}
.browse-A-Z .browse-A-Z-dropdown .form-group .select-input .dropdown-menu {
min-width: 100px;
overflow: scroll;
transform: translate3d(0px, 56px, 0px) !important
}
.browse-A-Z .browse-A-Z-dropdown .form-group .select-input .dropdown-menu .dropdown-item {
padding-top: .75rem;
padding-bottom: .75rem
}
.browse-A-Z .browse-A-Z-dropdown .form-group .select-input .dropdown-menu .dropdown-item.disabled {
cursor: default;
color: #c4c4c4;
pointer-events: none
}
.browse-A-Z .browse-A-Z-container {
display: flex
}
.browse-A-Z .browse-A-Z-container .left-column {
flex: 1;
padding-right: 1.25rem
}
.browse-A-Z .browse-A-Z-container .left-column .content-list .target, .browse-A-Z .browse-A-Z-container .left-column .content-list .target-ra {
margin-bottom: 4rem
}
.browse-A-Z .browse-A-Z-container .left-column .content-list .target .section-header, .browse-A-Z .browse-A-Z-container .left-column .content-list .target-ra .section-header {
text-align: left;
width: 100%;
margin-bottom: .5rem;
display: inline-block
}
.browse-A-Z .browse-A-Z-container .left-column .content-list .target .section-header .section-heading, .browse-A-Z .browse-A-Z-container .left-column .content-list .target-ra .section-header .section-heading {
position: relative;
display: block;
width: 100%
}
.browse-A-Z .browse-A-Z-container .left-column .content-list .target .section-header .section-heading h2, .browse-A-Z .browse-A-Z-container .left-column .content-list .target-ra .section-header .section-heading h2 {
font-weight: 600;
font-size: 3.375em;
color: #000;
line-height: .963
}
.browse-A-Z .browse-A-Z-container .left-column .content-list .target .section-header .section-heading::after, .browse-A-Z .browse-A-Z-container .left-column .content-list .target-ra .section-header .section-heading::after {
content: "";
position: absolute;
width: 4%;
left: 0;
border-bottom: 4px solid #ffbf00
}
.browse-A-Z .browse-A-Z-container .left-column .content-list .target .content-list-topics, .browse-A-Z .browse-A-Z-container .left-column .content-list .target .content-list-topics-ra, .browse-A-Z .browse-A-Z-container .left-column .content-list .target-ra .content-list-topics, .browse-A-Z .browse-A-Z-container .left-column .content-list .target-ra .content-list-topics-ra {
margin-top: 1rem;
display: none
}
.browse-A-Z .browse-A-Z-container .left-column .content-list .target .content-list-topics.show, .browse-A-Z .browse-A-Z-container .left-column .content-list .target .content-list-topics-ra.show, .browse-A-Z .browse-A-Z-container .left-column .content-list .target-ra .content-list-topics.show, .browse-A-Z .browse-A-Z-container .left-column .content-list .target-ra .content-list-topics-ra.show {
display: block
}
.browse-A-Z .browse-A-Z-container .left-column .content-list .target .content-list-topics .content-header, .browse-A-Z .browse-A-Z-container .left-column .content-list .target .content-list-topics-ra .content-header, .browse-A-Z .browse-A-Z-container .left-column .content-list .target-ra .content-list-topics .content-header, .browse-A-Z .browse-A-Z-container .left-column .content-list .target-ra .content-list-topics-ra .content-header {
text-align: left
}
.browse-A-Z .browse-A-Z-container .left-column .content-list .target .content-list-topics .content-header .content-heading, .browse-A-Z .browse-A-Z-container .left-column .content-list .target .content-list-topics-ra .content-header .content-heading, .browse-A-Z .browse-A-Z-container .left-column .content-list .target-ra .content-list-topics .content-header .content-heading, .browse-A-Z .browse-A-Z-container .left-column .content-list .target-ra .content-list-topics-ra .content-header .content-heading {
font-weight: 600;
color: #1d4776;
font-size: 1.375rem;
line-height: 1.5
}
.browse-A-Z .browse-A-Z-container .left-column .content-list .target .list-item-content, .browse-A-Z .browse-A-Z-container .left-column .content-list .target .list-item-content-ra, .browse-A-Z .browse-A-Z-container .left-column .content-list .target-ra .list-item-content, .browse-A-Z .browse-A-Z-container .left-column .content-list .target-ra .list-item-content-ra {
display: none;
margin-bottom: 2rem
}
.browse-A-Z .browse-A-Z-container .left-column .content-list .target .list-item-content .article-body p, .browse-A-Z .browse-A-Z-container .left-column .content-list .target .list-item-content-ra .article-body p, .browse-A-Z .browse-A-Z-container .left-column .content-list .target-ra .list-item-content .article-body p, .browse-A-Z .browse-A-Z-container .left-column .content-list .target-ra .list-item-content-ra .article-body p {
margin-bottom: .5rem
}
.browse-A-Z .browse-A-Z-container .left-column .content-list .target .list-item-content .btn-link, .browse-A-Z .browse-A-Z-container .left-column .content-list .target .list-item-content-ra .btn-link, .browse-A-Z .browse-A-Z-container .left-column .content-list .target-ra .list-item-content .btn-link, .browse-A-Z .browse-A-Z-container .left-column .content-list .target-ra .list-item-content-ra .btn-link {
color: #09417e;
display: inline-flex;
align-items: center;
padding-left: 0;
position: relative
}
.browse-A-Z .browse-A-Z-container .left-column .content-list .target .list-item-content .material-symbols-rounded, .browse-A-Z .browse-A-Z-container .left-column .content-list .target .list-item-content-ra .material-symbols-rounded, .browse-A-Z .browse-A-Z-container .left-column .content-list .target-ra .list-item-content .material-symbols-rounded, .browse-A-Z .browse-A-Z-container .left-column .content-list .target-ra .list-item-content-ra .material-symbols-rounded {
position: absolute;
margin-top: 3px;
right: -16px
}
.browse-A-Z .browse-A-Z-container .right-column {
flex: 0 0 50px;
position: sticky;
top: 20px;
overflow-y: hidden;
height: calc(100vh - 40px);
text-align: center
}
.browse-A-Z .browse-A-Z-container .right-column nav {
list-style: none
}
.browse-A-Z .browse-A-Z-container .right-column a {
cursor: pointer;
display: block;
text-decoration: none
}
.browse-A-Z .browse-A-Z-container .right-column a h4 {
font-size: 1.75rem;
font-weight: 400;
line-height: 2;
padding-top: .375rem
}
.browse-A-Z .browse-A-Z-container #rightIndexList .highlighted {
margin-top: 0;
background-color: #007991;
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center
}
.browse-A-Z .browse-A-Z-container #rightIndexList .highlighted h4 {
color: #fff
}
.browse-A-Z .browse-A-Z-container #rightIndexList a.disabled {
cursor: default
}
.browse-A-Z .browse-A-Z-container #rightIndexList a.disabled h4 {
color: #c4c4c4;
pointer-events: none
}
@media(max-width: calc(768px - 1px)) {
.browse-A-Z .browse-A-Z-container .left-column {
padding-right: 0
}
.browse-A-Z .browse-A-Z-container .left-column .target .section-header .section-heading h2, .browse-A-Z .browse-A-Z-container .left-column .target-ra .section-header .section-heading h2 {
font-size: 2.25rem !important
}
.browse-A-Z .browse-A-Z-container .left-column .target .section-header .section-heading::after, .browse-A-Z .browse-A-Z-container .left-column .target-ra .section-header .section-heading::after {
width: 8% !important
}
.browse-A-Z .browse-A-Z-container .left-column .target .content-list-topics, .browse-A-Z .browse-A-Z-container .left-column .target .content-list-topics-ra, .browse-A-Z .browse-A-Z-container .left-column .target-ra .content-list-topics, .browse-A-Z .browse-A-Z-container .left-column .target-ra .content-list-topics-ra {
width: 90% !important
}
.browse-A-Z .browse-A-Z-container .left-column .target .list-item-content, .browse-A-Z .browse-A-Z-container .left-column .target .list-item-content-ra, .browse-A-Z .browse-A-Z-container .left-column .target-ra .list-item-content, .browse-A-Z .browse-A-Z-container .left-column .target-ra .list-item-content-ra {
width: 90% !important
}
}
.filter-radio-buttons-container {
margin-top: 1rem !important
}
.filter-radio-buttons-container form .form-group {
margin-bottom: 0
}
.search-results-page .gsc-control-wrapper-cse .gsc-results-wrapper-nooverlay .gsc-above-wrapper-area {
display: none
}
.search-results-page .gsc-control-wrapper-cse .gsc-results-wrapper-nooverlay .gsc-refinementsArea {
border-bottom: none;
margin: 0
}
.search-results-page .gsc-control-wrapper-cse .gsc-results-wrapper-nooverlay .gsc-refinementsArea .gsc-refinementBlock {
margin-bottom: 1rem
}
.search-results-page .gsc-control-wrapper-cse .gsc-results-wrapper-nooverlay .gsc-refinementsArea .gsc-refinementBlock .gsc-refinementHeader {
font-size: 1.125em;
line-height: 1.375;
color: #000;
font-weight: 400;
text-align: center;
margin-right: 1rem;
cursor: pointer;
position: relative;
padding-left: 2rem
}
.search-results-page .gsc-control-wrapper-cse .gsc-results-wrapper-nooverlay .gsc-refinementsArea .gsc-refinementBlock .gsc-refinementHeader::before {
content: "";
border: 2px solid #7f7f7f;
display: inline-block;
width: 1.5rem;
height: 1.5rem;
border-radius: 50%;
background-color: #fff;
margin-left: -2rem;
vertical-align: middle
}
.search-results-page .gsc-control-wrapper-cse .gsc-results-wrapper-nooverlay .gsc-refinementsArea .gsc-refinementBlock .gsc-refinementHeader.gsc-refinementhActive {
border: none
}
.search-results-page .gsc-control-wrapper-cse .gsc-results-wrapper-nooverlay .gsc-refinementsArea .gsc-refinementBlock .gsc-refinementHeader.gsc-refinementhActive::before {
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center;
border-color: #1d4776
}
.search-results-page .gsc-control-wrapper-cse .gsc-results-wrapper-nooverlay .gsc-refinementsArea .gsc-refinementBlock .gsc-refinementHeader span {
position: relative;
padding-left: .5rem;
display: inline;
vertical-align: middle;
font-size: 1.125rem
}
.search-results-page .gsc-control-wrapper-cse .gsc-results-wrapper-nooverlay .gsc-refinementsArea .gsc-refinementBlock .button-container {
float: right
}
.search-results-page .gsc-control-wrapper-cse .gsc-results-wrapper-nooverlay .gsc-refinementsArea .gsc-refinementBlock .button-container #reset-button {
border: none;
background-color: #fff;
color: #1d4776;
border-bottom: 2px solid #1d4776 !important;
font-weight: 600;
font-size: 1.125rem;
line-height: 1.5;
margin-right: 0;
padding-right: 0;
width: 3.125rem;
padding-left: 0;
padding-top: 0;
padding-bottom: 0
}
.search-results-page .gsc-control-wrapper-cse .gsc-results-wrapper-nooverlay .gsc-refinementsArea .gsc-refinementBlock .button-container #reset-button:focus {
outline: none
}
.search-results-page .gsc-control-wrapper-cse .gsc-results-wrapper-nooverlay .gsc-wrapper {
margin-top: 3.5rem !important
}
.search-results-page .gsc-control-wrapper-cse .gsc-results-wrapper-nooverlay .gsc-wrapper .gsc-resultsbox-visible .gsc-results.gsc-webResult .gsc-expansionArea .gsc-webResult.gsc-result .gs-result .gs-title * {
color: #09417e !important;
line-height: 28px !important
}
.search-results-page .gsc-control-wrapper-cse .gsc-results-wrapper-nooverlay .gsc-wrapper .gsc-resultsbox-visible .gsc-results.gsc-webResult .gsc-expansionArea .gsc-webResult.gsc-result .gs-no-results-result .gs-snippet {
background: rgba(0,0,0,0);
font-weight: 500;
font-size: 1.125rem;
border: 0;
margin-left: 0;
padding-left: 0
}
.search-results-page .gsc-control-wrapper-cse .gsc-results-wrapper-nooverlay .gsc-wrapper .gsc-resultsbox-visible .gsc-results.gsc-webResult .gsc-cursor-box {
text-align: center !important;
margin-top: 32px !important;
margin-bottom: 48px !important;
margin-left: 0 !important;
margin-right: 0 !important
}
.search-results-page .gsc-control-wrapper-cse .gsc-results-wrapper-nooverlay .gsc-wrapper .gsc-resultsbox-visible .gsc-results.gsc-webResult .gsc-cursor-box .gsc-cursor-page {
padding: 10px 12px 8px 12px;
border: 1px solid #e6ecf7;
border-radius: 2px;
font-size: 17px;
line-height: 20px;
display: inline-block !important;
width: 44px;
margin-bottom: 8px;
margin-right: 0
}
.search-results-page .gsc-control-wrapper-cse .gsc-results-wrapper-nooverlay .gsc-wrapper .gsc-resultsbox-visible .gsc-results.gsc-webResult .gsc-cursor-box .gsc-cursor-page:hover {
color: #007991 !important
}
.search-results-page .gsc-control-wrapper-cse .gsc-results-wrapper-nooverlay .gsc-wrapper .gsc-resultsbox-visible .gsc-results.gsc-webResult .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page {
color: #fff !important;
background-color: #007991;
border-color: #007991;
font-weight: 500 !important
}
.search-results-page .gsc-webResult .gsc-url-top {
display: none
}
.search-results-page .gsc-control-cse .gsc .table-result {
display: none
}
@media(max-width: calc(576px - 1px)) {
.search-results-page .gsc-control-wrapper-cse .gsc-results-wrapper-nooverlay .gsc-refinementsArea {
border: 0 !important
}
.search-results-page .gsc-control-wrapper-cse .gsc-results-wrapper-nooverlay .gsc-refinementsArea .gsc-refinementBlock .gsc-refinementHeader {
padding-right: 0rem !important
}
.search-results-page .gsc-control-wrapper-cse .gsc-results-wrapper-nooverlay .gsc-refinementsArea .gsc-refinementBlock .button-container {
float: none
}
.search-results-page .gsc-control-wrapper-cse .gsc-results-wrapper-nooverlay .gsc-refinementsArea .gsc-refinementBlock .button-container #reset-button {
margin-top: 1.5rem;
margin-left: 0
}
.search-results-page .gsc-control-wrapper-cse .gsc-results-wrapper-nooverlay .gsc-wrapper {
margin-top: 2rem !important
}
}
.editorial-sources.accordion-content .accordian-border::after {
content: "";
display: block;
width: 100%;
border-bottom: 1px solid #6884a3 !important
}
.editorial-sources.accordion-content .accordion .card .card-header {
padding: 1rem .5rem 1rem 0;
background-color: rgba(0,0,0,0)
}
.editorial-sources.accordion-content .accordion .card .card-header h3 {
font-size: .875rem;
line-height: .875;
font-weight: 600
}
.editorial-sources.accordion-content .accordion .card .card-header h3 button.btn {
padding: 0;
margin-right: 0
}
.editorial-sources.accordion-content .accordion .card .card-header h3 button.btn-link {
color: #09417e;
font-size: 14px;
line-height: 1;
font-weight: 600;
display: inline-flex;
position: relative;
align-items: center
}
.editorial-sources.accordion-content .accordion .card .card-header h3 button.btn-link:hover, .editorial-sources.accordion-content .accordion .card .card-header h3 button.btn-link:focus {
text-decoration: none
}
.editorial-sources.accordion-content .accordion .card .card-header h3 button.toggle-accordion:before {
content: "Show sources";
display: inline-flex
}
.editorial-sources.accordion-content .accordion .card .card-header h3 button.toggle-accordion:hover {
color: #09417e
}
.editorial-sources.accordion-content .accordion .card .card-header h3 button.toggle-accordion.active:before {
content: "Hide sources"
}
.editorial-sources.accordion-content .accordion .card .card-header h3 button .material-symbols-rounded {
color: #007991;
top: -1px;
position: absolute;
font-size: 18px;
right: -22px
}
.editorial-sources.accordion-content .accordion .card .card-header h3 button[aria-expanded=true] span.material-symbols-rounded {
transform: rotate(45deg);
-webkit-transition: -webkit-transform .4s;
-moz-transition: -moz-transform .4s;
-o-transition: -o-transform .4s;
-ms-transition: -ms-transform .4s;
transition: transform .4s
}
.editorial-sources.accordion-content .accordion .card .card-header h3 button[aria-expanded=false] span.material-symbols-rounded {
-webkit-transition: -webkit-transform .4s;
-moz-transition: -moz-transform .4s;
-o-transition: -o-transform .4s;
-ms-transition: -ms-transform .4s;
transition: transform .4s
}
.editorial-sources.accordion-content .card-body {
padding: 0
}
.editorial-sources.accordion-content .card-body p {
font-size: .875rem;
line-height: 1.125
}
.link-cards .wrapper .sizer {
padding-left: 0;
padding-right: 0
}
.link-cards .wrapper .sizer > .row.justify-content-center {
justify-content: stretch !important
}
.link-cards .wrapper .sizer .component-header {
margin-bottom: 1.5rem
}
.link-cards .wrapper .sizer .component-header .component-intro-content {
display: flex;
margin: auto;
flex-grow: 0;
flex-shrink: 0;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding-left: 1rem;
padding-right: 1rem;
margin-bottom: 1rem
}
.link-cards .wrapper .sizer .component-header .component-intro-content > * {
margin: auto;
flex-grow: 0;
flex-shrink: 0;
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
padding-left: 1rem;
padding-right: 1rem
}
.link-cards .wrapper .sizer .link-cards-container {
display: flex;
flex-direction: row;
flex-wrap: wrap;
text-align: left;
width: calc(100% + 2rem)
}
.link-cards .wrapper .sizer .link-cards-container.center {
justify-content: center
}
.link-cards .wrapper .sizer .link-cards-container .link-card {
display: flex;
flex-grow: 0;
flex-shrink: 0;
flex-basis: 33.3333%;
max-width: 33.3333%;
padding-left: 1rem;
padding-right: 1rem;
margin-bottom: 2rem;
font-size: 1rem
}
.link-cards .wrapper .sizer .link-cards-container .link-card .link {
width: 100%;
display: flex;
align-items: center;
position: relative;
border: 1px solid #6884a3;
background-color: #fff;
border-radius: 6px;
padding-top: 2rem;
padding-bottom: 2rem;
padding-left: 1.5rem;
padding-right: 4rem;
font-size: 1.375em;
line-height: 1.273;
font-weight: 500;
color: #1d4776
}
.link-cards .wrapper .sizer .link-cards-container .link-card .link .material-symbols-rounded {
display: inline-block;
position: absolute;
right: 1.125rem;
top: 50%;
transform: translateY(-50%);
font-size: 2rem;
color: #007991;
transition: all .375s ease-in-out
}
.link-cards .wrapper .sizer .link-cards-container .link-card .link:hover, .link-cards .wrapper .sizer .link-cards-container .link-card .link:focus {
border-color: #007991;
color: #007991;
text-decoration: none;
outline: 1px solid #007991;
outline-offset: 0
}
.link-cards .wrapper .sizer .link-cards-container .link-card .link:hover .material-symbols-rounded, .link-cards .wrapper .sizer .link-cards-container .link-card .link:focus .material-symbols-rounded {
right: .75rem
}
.link-cards .wrapper .sizer .button-container {
width: calc(100% + 2rem);
justify-content: center
}
.link-cards .wrapper .sizer .button-container .show-more {
border: none;
color: #1d4776;
background-color: #fff;
font-size: 1.125em;
line-height: 1.5;
font-weight: 500;
margin-bottom: 1rem;
margin-right: 1rem;
margin-left: 1rem;
position: relative;
align-items: center;
width: auto;
height: auto
}
.link-cards .wrapper .sizer .button-container .show-more .material-symbols-rounded {
display: inline-block;
position: relative;
right: 0;
top: .75rem;
font-size: 2rem
}
.link-cards .wrapper .sizer .button-container .show-more:hover, .link-cards .wrapper .sizer .button-container .show-more:focus {
text-decoration: underline
}
.link-cards .wrapper .sizer .button-container .show-more:focus {
outline: 2px solid #008eaa;
border-radius: 4px
}
.link-cards .wrapper .sizer .button-container .btn {
margin-bottom: 1rem;
margin-right: 1rem;
margin-left: 1rem
}
.link-cards.tabs .wrapper .sizer::after {
content: none
}
.link-cards.tabs .wrapper .sizer .nav-tabs {
width: 100%
}
.link-cards.tabs .wrapper .sizer .nav-tabs .dropdown-menu {
justify-content: center
}
.link-cards.tabs .wrapper .sizer .nav-tabs .dropdown-menu .dropdown-item {
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
width: auto;
font-size: 1rem;
word-wrap: break-word;
white-space: nowrap
}
.link-cards.tabs .wrapper .sizer .nav-tabs .dropdown-menu .dropdown-item .nav-link {
font-size: 1.125em;
line-height: 1.333;
color: #1d4776;
font-weight: 500;
padding-top: .75rem
}
.link-cards.tabs .wrapper .sizer .nav-tabs .dropdown-menu .dropdown-item .nav-link:hover, .link-cards.tabs .wrapper .sizer .nav-tabs .dropdown-menu .dropdown-item .nav-link:focus {
border-color: #1d4776
}
.link-cards.tabs .wrapper .sizer .nav-tabs .dropdown-menu .dropdown-item .nav-link:focus {
outline: none;
background-color: #e6ecf7
}
.link-cards.tabs .wrapper .sizer .nav-tabs .dropdown-menu .dropdown-item .nav-link.active {
border-color: #1d4776
}
.link-cards.tabs .wrapper .sizer .nav-tabs .dropdown-menu .dropdown-item .nav-link.active::after {
content: url('data:image/svg+xml,')
}
.link-cards.tabs .wrapper .sizer .nav-tabs .dropdown-menu .dropdown-item .nav-link.disabled {
color: #666
}
.link-cards.tabs .wrapper .sizer .tab-content {
padding-left: 0;
padding-right: 0
}
.link-cards.tabs .wrapper .sizer .tab-content .tab-pane {
text-align: center
}
.link-cards.tabs .wrapper .sizer .tab-content .tab-pane:focus {
outline-color: #b3c1d1;
border-radius: 8px
}
.link-cards.tabs .wrapper .sizer .tab-content .tab-pane .link-cards-container {
padding-top: 1.5rem
}
@media(max-width: calc(992px - 1px)) {
.link-cards .wrapper .sizer .component-header .component-intro-content {
flex-basis: 100%;
max-width: 100%;
padding-left: 0;
padding-right: 0
}
.link-cards .wrapper .sizer .component-header .component-intro-content > * {
flex-basis: 100%;
max-width: 100%;
padding-left: 0;
padding-right: 0
}
}
@media(max-width: calc(768px - 1px)) {
.link-cards .wrapper .sizer .link-cards-container .link-card {
flex-basis: 50%;
max-width: 50%
}
.link-cards .wrapper .sizer .link-cards-container .link-card .link {
font-size: 1.125em;
line-height: 1.333
}
.link-cards .wrapper .sizer .button-container .show-more, .link-cards .wrapper .sizer .button-container .btn {
margin-bottom: 2rem
}
.link-cards.tabs {
border: none
}
.link-cards.tabs .wrapper .sizer .nav-tabs {
border: 2px solid #9aadc2;
border-bottom: none;
padding-left: 0 !important;
padding-right: 0 !important
}
.link-cards.tabs .wrapper .sizer .nav-tabs.mb-3.mb-sm-4 {
margin-bottom: 0 !important
}
.link-cards.tabs .wrapper .sizer .nav-tabs .dropdown-toggle {
position: relative;
padding-left: 1.5rem;
padding-right: 4.5rem;
color: #1d4776;
border-bottom: none
}
.link-cards.tabs .wrapper .sizer .nav-tabs .dropdown-toggle::after {
border: none;
content: url('data:image/svg+xml,');
position: absolute;
right: 2rem;
top: 1.5rem
}
.link-cards.tabs .wrapper .sizer .nav-tabs .dropdown-toggle:focus {
outline: none;
background-color: #e6ecf7;
border-color: #1d4776
}
.link-cards.tabs .wrapper .sizer .nav-tabs .dropdown-menu {
border-color: #9aadc2
}
.link-cards.tabs .wrapper .sizer .nav-tabs .dropdown-menu .dropdown-item {
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0;
margin-bottom: .5rem
}
.link-cards.tabs .wrapper .sizer .nav-tabs .dropdown-menu .dropdown-item .nav-link {
padding-top: 1.25rem;
padding-bottom: .5rem;
padding-left: .5rem;
padding-right: .5rem;
border-bottom: none;
border-top-right-radius: 8px;
border-top-left-radius: 8px
}
.link-cards.tabs .wrapper .sizer .nav-tabs .dropdown-menu .dropdown-item .nav-link.active {
border-bottom: 2px solid #1d4776
}
.link-cards.tabs .wrapper .sizer .tab-content {
padding-left: 1.5rem;
padding-right: 1.5rem;
border: 2px solid #9aadc2;
border-top: none
}
.link-cards.tabs .wrapper .sizer .tab-content .tab-pane {
border-top: 2px solid #9aadc2;
margin-top: -2px
}
.link-cards.tabs .wrapper .sizer .tab-content .tab-pane:focus {
outline: none;
border-radius: 0
}
.link-cards.tabs .wrapper .sizer .tab-content .tab-pane:focus::after {
content: "";
z-index: -1;
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: #e6ecf7
}
.link-cards.tabs .wrapper .sizer .tab-content .tab-pane .link-cards-container {
padding-top: 2rem;
margin-top: .5rem;
margin-bottom: .5rem
}
.link-cards.tabs .wrapper .sizer .dropdown-menu.show {
left: -2px !important
}
}
@media(max-width: calc(576px - 1px)) {
.link-cards .wrapper .sizer .link-cards-container .link-card {
flex-basis: 100%;
max-width: 100%;
margin-bottom: 1.25rem
}
.link-cards .wrapper .sizer .link-cards-container .link-card .link {
padding-left: 1rem;
padding-right: 3.5rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem
}
.link-cards .wrapper .sizer .link-cards-container .link-card .link::after {
right: 1rem
}
.link-cards.tabs .wrapper .sizer .nav-tabs .dropdown-toggle {
padding-left: 1rem;
padding-right: 4rem
}
.link-cards.tabs .wrapper .sizer .nav-tabs .dropdown-toggle::after {
right: 1.5rem
}
.link-cards.tabs .wrapper .sizer .tab-content {
padding-left: 1rem;
padding-right: 1rem
}
.link-cards.tabs .wrapper .sizer .tab-content .tab-pane .link-cards-container {
padding-top: 1.5rem;
padding-bottom: .5rem
}
}
.flexible-columns {
margin-top: 0 !important;
margin-left: -2rem !important;
margin-right: -2rem !important;
padding-left: 2rem;
padding-right: 2rem
}
.flexible-columns.light {
padding-top: 4rem;
padding-bottom: 4rem;
background-color: #fff9e5
}
.flexible-columns.dark {
padding-top: 4rem;
padding-bottom: 4rem;
background-color: #e6ecf7
}
.flexible-columns .mb-lc-0 > :last-child {
margin-bottom: 0 !important
}
.flexible-columns .mb-lc-0 > :last-child > :last-child {
margin-bottom: 0 !important
}
.flexible-columns .component-header {
display: flex;
text-align: left;
margin-bottom: 1rem;
align-items: center
}
.flexible-columns .component-header .health-icon {
display: flex
}
.flexible-columns .component-header .health-icon::after {
content: "";
height: auto;
border-right: solid 3px #ffbf00;
margin-right: 1rem
}
.flexible-columns .component-header .health-icon svg {
color: #000;
margin-right: 1rem
}
.flexible-columns .component-header .material-icon {
display: flex
}
.flexible-columns .component-header .material-icon::after {
content: "";
height: auto;
border-right: solid 3px #ffbf00;
margin-right: 1rem
}
.flexible-columns .component-header .material-icon .material-symbols-rounded {
font-size: 3rem;
color: #000;
font-variation-settings: "FILL" 1;
margin-right: 1rem
}
.flexible-columns .component-header .component-heading {
font-size: 2.25rem;
line-height: 1.375;
font-weight: 400;
margin: 0
}
.flexible-columns .component-intro-content p {
line-height: 1.625
}
.flexible-columns .row-heading h4 {
font-size: 1.75rem;
font-weight: 500;
margin-bottom: 1rem;
color: #333
}
.flexible-columns .contentBlock-wrapper {
margin-bottom: 2rem
}
.flexible-columns .contentBlock-wrapper .contentBlock-row {
margin-bottom: 2rem
}
.flexible-columns .contentBlock-wrapper .contentBlock.client .col-lg-5 {
flex: 0 0 50%;
max-width: 50%
}
.flexible-columns .contentBlock-wrapper .contentBlock .contentBlock-header {
padding: 0;
display: flex;
align-items: self-start;
flex-direction: column
}
.flexible-columns .contentBlock-wrapper .contentBlock .contentBlock-header .health-icon {
margin-bottom: .5rem;
height: 3.5rem;
width: 3.5rem
}
.flexible-columns .contentBlock-wrapper .contentBlock .contentBlock-header .health-icon svg {
width: auto;
color: #000
}
.flexible-columns .contentBlock-wrapper .contentBlock .contentBlock-header .material-icon {
height: 3.5rem;
width: 3.5rem;
margin-bottom: .5rem
}
.flexible-columns .contentBlock-wrapper .contentBlock .contentBlock-header .material-icon .material-symbols-rounded {
font-size: 2.5rem;
color: #000;
font-variation-settings: "FILL" 1
}
.flexible-columns .contentBlock-wrapper .contentBlock .contentBlock-header .contentBlock-title {
font-size: 1.375em;
word-wrap: break-word;
color: #333;
font-weight: 500;
width: 100%
}
.flexible-columns .contentBlock-wrapper .contentBlock .contentBlock-header .contentBlock-title.title-with-no-optional-icon {
width: 100%
}
.flexible-columns .contentBlock-wrapper .contentBlock .contentBlock-text p {
line-height: 1.625;
margin-bottom: .5rem
}
.flexible-columns .contentBlock-wrapper .contentBlock .btn-link {
color: #09417e;
display: inline-block;
padding: 0;
font-weight: 600;
line-height: 1.375
}
.flexible-columns .contentBlock-wrapper .contentBlock .btn-link .material-symbols-rounded {
vertical-align: middle;
display: inline
}
.flexible-columns .button-container {
justify-content: center
}
.flexible-columns .button-container .show-more {
border: none;
color: #1d4776;
background-color: rgba(0,0,0,0);
font-size: 1.125em;
line-height: 1.5;
font-weight: 600;
margin-bottom: 2rem;
margin-right: 1rem;
margin-left: 1rem;
padding-right: 1.5rem;
width: auto;
height: auto
}
.flexible-columns .button-container .show-more .material-symbols-rounded {
display: inline-block;
position: absolute;
font-size: 2rem;
width: 1.5rem;
height: 1.5rem;
color: #007991
}
.flexible-columns .button-container .show-more:hover, .flexible-columns .button-container .show-more:focus {
text-decoration: underline
}
.flexible-columns .button-container .show-more:focus {
outline: 2px solid #008eaa;
border-radius: 4px
}
.flexible-columns .button-container .btn {
margin-bottom: 1rem;
margin-right: 1rem;
margin-left: 1rem
}
@media(max-width: calc(768px - 1px)) {
.flexible-columns {
margin-left: -1.5rem !important;
margin-right: -1.5rem !important;
padding-left: 1.5rem;
padding-right: 1.5rem
}
.flexible-columns .contentBlock-wrapper .contentBlock-row {
margin-bottom: 1.5rem
}
.flexible-columns .contentBlock-wrapper .contentBlock-row .contentBlock {
margin-bottom: 1.5rem
}
.flexible-columns .contentBlock-wrapper .contentBlock-row .contentBlock .contentBlock-header {
align-items: center !important;
flex-direction: row !important
}
.flexible-columns .contentBlock-wrapper .contentBlock-row .contentBlock .contentBlock-header .health-icon, .flexible-columns .contentBlock-wrapper .contentBlock-row .contentBlock .contentBlock-header .material-icon {
padding-right: .5rem
}
.flexible-columns .contentBlock-wrapper .contentBlock-row .contentBlock .contentBlock-header .contentBlock-title {
width: 75% !important;
margin-bottom: 0
}
.flexible-columns .contentBlock-wrapper .row > .col.contentBlock:last-child {
margin-bottom: 0
}
}
.global-nav-component {
display: block;
padding-right: 1.5rem;
background-color: #022851
}
.global-nav-component button {
border: 0;
padding: .5rem 1rem
}
.global-nav-component button.open-menu, .global-nav-component button.close-menu {
display: flex;
align-items: center;
color: #fff;
font-size: 1rem;
font-weight: 600;
line-height: 1.25;
background-color: #007991
}
.global-nav-component button.open-menu .material-symbols-rounded, .global-nav-component button.close-menu .material-symbols-rounded {
color: #fff;
padding-right: .5rem;
font-variation-settings: "FILL" 1
}
.global-nav-component button.open-menu:hover, .global-nav-component button.close-menu:hover {
color: #ffbf00;
background-color: #022851
}
.global-nav-component button.open-menu:hover .material-symbols-rounded, .global-nav-component button.close-menu:hover .material-symbols-rounded {
color: #ffbf00
}
.global-nav-component button.open-menu:focus {
margin-left: .375rem;
padding: 2px 10px;
box-shadow: 0 0 0 .375rem #ffbf00;
outline: 2px solid #022851;
outline-offset: 0
}
.global-nav-component button.close-menu:focus {
margin-left: .375rem;
padding-left: .625rem !important;
margin-top: .375rem;
padding-top: 2px !important;
box-shadow: 0 0 0 .375rem #ffbf00;
outline: 2px solid #022851;
outline-offset: 0
}
.global-nav-component .modal.modal-position {
z-index: 1060
}
.global-nav-component .modal.modal-position .modal-dialog {
-webkit-transform: translate3d(0%, 0, 0);
-ms-transform: translate3d(0%, 0, 0);
-o-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0)
}
.global-nav-component .modal.modal-position .modal-content {
border-radius: 0;
border: none
}
.global-nav-component .modal.modal-position .global-nav-wordmark {
padding-left: 2rem;
padding-right: 2rem
}
.global-nav-component .modal.modal-position .global-nav-wordmark:focus {
margin-left: .375rem;
padding-left: 1.625rem;
padding-right: 1.625rem;
margin-right: .375rem;
box-shadow: 0 0 0 .375rem #ffbf00;
outline: 2px solid #022851;
border-radius: 6px;
outline-offset: 0
}
.global-nav-component .modal.modal-position .global-nav-wordmark .wordmark img {
height: 60px;
transition: all .5s ease
}
.global-nav-component .modal.modal-position .list-group {
padding: 2rem;
list-style-type: none
}
.global-nav-component .modal.modal-position .list-group .list-group-item {
text-decoration: none;
color: #fff;
background-color: rgba(0,0,0,0);
border-bottom: 1px solid #355b85 !important;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
padding-left: 0;
font-weight: 500;
font-size: 1.125rem;
text-align: left;
border: none
}
.global-nav-component .modal.modal-position .list-group .list-group-item:first-child {
border-radius: 0
}
.global-nav-component .modal.modal-position .list-group .list-group-item:hover {
color: #ffbf00;
text-decoration: underline;
text-decoration-color: #ffbf00
}
.global-nav-component .modal.modal-position .list-group .list-group-item:focus {
box-shadow: 0 0 0 .375rem #ffbf00;
outline: 2px solid #022851;
border-radius: 6px;
outline-offset: 0
}
.global-nav-component .modal.modal-position.global-nav-modal-left.fade .modal-dialog {
left: -500px;
-webkit-transition: opacity .3s linear,left .3s ease-out;
-moz-transition: opacity .3s linear,left .3s ease-out;
-o-transition: opacity .3s linear,left .3s ease-out;
transition: opacity .3s linear,left .3s ease-out
}
.global-nav-component .modal.modal-position.global-nav-modal-left.fade.show .modal-dialog {
left: 0
}
.global-nav-component .modal.modal-position.global-nav-modal-left .modal-dialog {
position: fixed;
margin: auto;
width: 350px;
max-width: 100%;
height: 100%
}
.global-nav-component .modal.modal-position.global-nav-modal-left .modal-dialog.modal-sm {
width: 400px
}
.global-nav-component .modal.modal-position.global-nav-modal-left .modal-content {
height: 100%;
overflow-y: auto
}
.global-nav-component .modal.modal-position.global-nav-modal-left .close-menu {
margin-bottom: 2.625rem;
background-color: #022851;
padding-top: .5rem;
padding-bottom: .5rem;
text-shadow: none;
opacity: 1;
margin-right: auto
}
.global-nav-component .modal.modal-position.global-nav-modal-bottom.fade .modal-dialog {
bottom: -100%;
-webkit-transition: opacity .3s linear,bottom .3s ease-out;
-moz-transition: opacity .3s linear,bottom .3s ease-out;
-o-transition: opacity .3s linear,bottom .3s ease-out;
transition: opacity .3s linear,bottom .3s ease-out
}
.global-nav-component .modal.modal-position.global-nav-modal-bottom.fade.show .modal-dialog {
bottom: 0
}
.global-nav-component .modal.modal-position.global-nav-modal-bottom .modal-dialog {
position: fixed;
margin: auto;
width: 100%;
max-width: 100%;
height: 100%
}
.global-nav-component .modal.modal-position.global-nav-modal-bottom .modal-content {
height: 100%;
overflow-y: auto
}
.global-nav-component .navbar {
padding: 0
}
.global-nav-component .navbar.navbar-expand-lg {
justify-content: space-between
}
.global-nav-component .navbar .navbar-collapse {
flex-grow: 0
}
.global-nav-component .navbar .navbar-collapse .navbar-nav .nav-link {
text-decoration: none;
margin-right: 2rem;
font-weight: 400;
color: #fff
}
.global-nav-component .navbar .navbar-collapse .navbar-nav .nav-link:hover {
color: #ffbf00;
text-decoration: underline;
text-decoration-color: #ffbf00
}
.global-nav-component .navbar .navbar-collapse .navbar-nav .nav-link:focus {
box-shadow: 0 0 0 .375rem #ffbf00;
outline: 2px solid #022851;
border-radius: 6px;
outline-offset: 0;
margin-top: .375rem;
padding-top: 2px;
padding-bottom: 2px
}
.global-nav-component .navbar .global-nav-search {
flex: 0 1 auto
}
.global-nav-component .navbar .global-nav-search::before {
content: "";
display: block;
width: 1px;
position: absolute;
top: .685rem;
bottom: .685rem;
border-left: 1px solid #e6ecf7
}
.global-nav-component .navbar .global-nav-search .btn-search {
letter-spacing: .013em;
margin-left: 1.5rem !important;
background-color: rgba(0,0,0,0);
color: #fff;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
border: 0;
border-radius: 0;
padding: 0;
height: auto;
width: auto
}
.global-nav-component .navbar .global-nav-search .btn-search .material-symbols-rounded {
color: #fff;
padding-right: .5rem;
font-variation-settings: "FILL" 1;
font-size: 1.25rem;
position: relative;
top: 4px
}
.global-nav-component .navbar .global-nav-search .btn-search:hover {
color: #ffbf00
}
.global-nav-component .navbar .global-nav-search .btn-search:hover .material-symbols-rounded {
color: #ffbf00
}
.global-nav-component .navbar .global-nav-search .btn-search:focus {
box-shadow: 0 0 0 .375rem #ffbf00;
outline: 2px solid #022851;
border-radius: 6px;
outline-offset: 0;
transition: none
}
.global-nav-component .navbar .global-nav-search .btn-search:hover::after {
content: "";
width: 4.875rem;
position: absolute;
bottom: .65rem;
right: 0;
border-bottom: 1px solid #ffbf00
}
.global-nav-component .navbar .global-nav-search .btn-search:hover:focus:after {
bottom: .5rem
}
.global-nav-component .global-menu-navbar {
flex-direction: column;
background-color: #007991
}
.global-nav-component .global-menu-navbar .search-mobile {
display: flex;
justify-content: center
}
.global-nav-component .global-menu-navbar .search-mobile button {
border: 1px solid #e6ecf7;
border-radius: .375rem;
background-color: #fff;
display: flex;
padding: .5rem .75rem;
width: 100%;
font-size: 1rem;
line-height: 1.25;
color: #000
}
.global-nav-component .global-menu-navbar .search-mobile button .material-symbols-rounded {
color: #007991;
transform: scaleX(-1);
transform-origin: center;
padding-left: .625rem;
font-variation-settings: "FILL" 1
}
.global-nav-component .global-menu-navbar .search-mobile button:focus {
box-shadow: 0 0 0 .375rem #ffbf00;
outline: 2px solid #022851;
border-radius: 6px;
outline-offset: 0
}
.global-nav-component .global-menu-navbar .search-mobile button .navbar-toggler {
color: #fff;
padding: 0;
line-height: 1.25;
border-radius: 0;
width: 100%;
border: rgba(0,0,0,0);
background-color: rgba(0,0,0,0)
}
.global-nav-component .global-menu-navbar .open-menu-mobile {
border-top: 1px solid #e6ecf7
}
.global-nav-component .global-menu-navbar .open-menu-mobile button {
padding: 0;
width: 100%;
color: #fff;
background: rgba(0,0,0,0);
display: flex;
font-weight: 600;
font-size: 1rem;
line-height: 1.5
}
.global-nav-component .global-menu-navbar .open-menu-mobile button .material-symbols-rounded {
color: #fff;
padding-right: 0;
margin-left: auto
}
.global-nav-component .global-menu-navbar .open-menu-mobile button:focus {
box-shadow: 0 0 0 .375rem #ffbf00;
outline: 2px solid #022851;
border-radius: 6px;
outline-offset: 0
}
.global-nav-component .modal.modal-position .global-nav-wrapper-mobile {
margin-bottom: 2rem
}
.global-nav-component .modal.modal-position .global-nav-wrapper-mobile .navbar-nav {
flex-direction: row;
padding-top: 1.25rem;
padding-bottom: 1.25rem
}
.global-nav-component .modal.modal-position .global-nav-wrapper-mobile .navbar-nav .nav-link {
color: #fff;
font-weight: 400;
margin-right: 2rem;
text-decoration: none;
padding-top: 0;
padding-bottom: 0
}
.global-nav-component .modal.modal-position .global-nav-wrapper-mobile .navbar-nav .nav-link:hover {
color: #ffbf00;
text-decoration: underline;
text-decoration-color: #ffbf00
}
.global-nav-component .modal.modal-position .global-nav-wrapper-mobile .navbar-nav .nav-link:focus {
box-shadow: 0 0 0 .375rem #ffbf00;
outline: 2px solid #022851;
border-radius: 6px;
outline-offset: 0
}
.global-nav-component #searchMobile {
background-color: #022851
}
.global-nav-component #searchMobile {
top: 0;
background-color: #022851;
height: 100vh;
transform: translateY(100%);
visibility: hidden;
transition: transform .35s
}
.global-nav-component #searchMobile.slide-up {
transform: translateY(0)
}
.global-nav-component #searchMobile.collapsing {
height: 100vh !important;
transition: transform .35s;
visibility: visible;
}
.global-nav-component #searchMobile.collapse.show {
transform: translateY(0);
transition: transform .35s;
visibility: visible;
}
.global-nav-component #searchMobile.collapsing.show {
position: fixed;
}
.global-nav-component .collapse.show .site-title-container {
opacity: 1;
visibility: visible
}
.global-nav-component .site-title-container {
background-color: #022851;
position: fixed;
top: 0;
width: 100vw;
z-index: 2;
opacity: 0;
visibility: hidden;
transition: opacity .2s
}
.global-nav-component .site-title {
color: #fff;
padding: 1rem 1.5rem;
font-size: 1.25rem;
line-height: 1.25;
font-weight: 500
}
.global-nav-component .site-title-container .close {
position: relative;
top: 20%;
right: 1.5rem;
color: #fff;
opacity: 1;
font-size: 3rem;
text-shadow: none;
font-weight: 300
}
.global-nav-component .site-title-container .close .material-symbols-rounded {
color: #fff;
font-size: 2rem
}
.global-nav-component .bg-light .site-title-container {
border-bottom: 1px solid #6884a3
}
.global-nav-component .bg-light .site-title-container .close {
color: #ffbf00;
font-size: 2.25rem
}
.global-nav-component .bg-dark .wordmark-container .wordmark {
display: flex
}
.global-nav-component .bg-dark .wordmark-container .unit-brand {
font-size: 1.25em;
line-height: 1.15;
font-weight: 400;
color: #fff;
display: flex;
align-items: center
}
.change-backdrop-color .modal-backdrop {
background-color: #022851
}
.global-nav-component #search form.gsc-search-box, .global-nav-component #searchMobile form.gsc-search-box {
width: 60%;
margin-top: 3rem;
margin-left: auto;
margin-right: auto
}
.global-nav-component #search form.gsc-search-box .table.gsc-search-box td.gsc-input, .global-nav-component #searchMobile form.gsc-search-box .table.gsc-search-box td.gsc-input {
height: 60px
}
.global-nav-component #search form.gsc-search-box .table.gsc-search-box td.gsc-input .table.gstl_50.gsc-input, .global-nav-component #search form.gsc-search-box .table.gsc-search-box td.gsc-input .table.gstl_51.gsc-input, .global-nav-component #searchMobile form.gsc-search-box .table.gsc-search-box td.gsc-input .table.gstl_50.gsc-input, .global-nav-component #searchMobile form.gsc-search-box .table.gsc-search-box td.gsc-input .table.gstl_51.gsc-input {
height: 60px
}
.global-nav-component #search form.gsc-search-box .table.gsc-search-box td.gsc-input .table.gstl_50.gsc-input td.gsib_b .gsst_a, .global-nav-component #search form.gsc-search-box .table.gsc-search-box td.gsc-input .table.gstl_51.gsc-input td.gsib_b .gsst_a, .global-nav-component #searchMobile form.gsc-search-box .table.gsc-search-box td.gsc-input .table.gstl_50.gsc-input td.gsib_b .gsst_a, .global-nav-component #searchMobile form.gsc-search-box .table.gsc-search-box td.gsc-input .table.gstl_51.gsc-input td.gsib_b .gsst_a {
vertical-align: middle
}
.global-nav-component #search form.gsc-search-box .table.gsc-search-box td.gsc-search-button, .global-nav-component #searchMobile form.gsc-search-box .table.gsc-search-box td.gsc-search-button {
width: 14%
}
.global-nav-component #search form.gsc-search-box, .global-nav-component #searchMobile form.gsc-search-box {
position: relative;
cursor: pointer
}
.global-nav-component #search form.gsc-search-box:hover::before, .global-nav-component #searchMobile form.gsc-search-box:hover::before {
border-color: #1d4776
}
.global-nav-component #search form.gsc-search-box:focus-within::before, .global-nav-component #searchMobile form.gsc-search-box:focus-within::before {
border-color: #1d4776;
outline: 3px solid #008eaa;
outline-offset: 2px;
box-shadow: none;
background-color: rgba(0,0,0,0) !important
}
.global-nav-component #search form.gsc-search-box::before, .global-nav-component #searchMobile form.gsc-search-box::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 2px solid #7f7f7f;
border-radius: 6px
}
.global-nav-component #search form.gsc-search-box .table.gsc-search-box, .global-nav-component #searchMobile form.gsc-search-box .table.gsc-search-box {
border-collapse: separate;
position: relative;
border-radius: 6px !important
}
.global-nav-component #search form.gsc-search-box .table.gsc-search-box td.gsc-input, .global-nav-component #searchMobile form.gsc-search-box .table.gsc-search-box td.gsc-input {
border-radius: 6px !important;
height: 60px;
padding-top: .875rem;
padding-bottom: .875rem;
padding-right: 10rem !important
}
.global-nav-component #search form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box, .global-nav-component #searchMobile form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box {
border: 1px solid rgba(0,0,0,0) !important;
border-radius: 6px;
padding-top: 0;
padding-bottom: 0;
background-color: #fff
}
.global-nav-component #search form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box .table, .global-nav-component #searchMobile form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box .table {
width: 100% !important;
position: relative;
top: -2px
}
.global-nav-component #search form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box .table .gsib_a, .global-nav-component #searchMobile form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box .table .gsib_a {
font-size: 1rem
}
.global-nav-component #search form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box .table .gsib_a input, .global-nav-component #searchMobile form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box .table .gsib_a input {
color: #333;
font-size: 1.125em;
line-height: 1.5;
background-image: none !important;
background-color: rgba(0,0,0,0) !important;
margin-top: .25rem !important
}
.global-nav-component #search form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box .table .gsib_b, .global-nav-component #searchMobile form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box .table .gsib_b {
position: relative;
right: 7rem;
padding-top: .5rem
}
.global-nav-component #search form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box .table .gsc-search-button, .global-nav-component #searchMobile form.gsc-search-box .table.gsc-search-box td.gsc-input .gsc-input-box .table .gsc-search-button {
display: block;
position: relative;
border: none;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px
}
.global-nav-component #search form.gsc-search-box .table.gsc-search-box td.gsc-search-button, .global-nav-component #searchMobile form.gsc-search-box .table.gsc-search-box td.gsc-search-button {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 7rem
}
.global-nav-component #search form.gsc-search-box .table.gsc-search-box td.gsc-search-button .gsc-search-button-v2, .global-nav-component #searchMobile form.gsc-search-box .table.gsc-search-box td.gsc-search-button .gsc-search-button-v2 {
padding: 1rem 1.5rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
height: 60px;
background-color: #ffbf00
}
.global-nav-component #search form.gsc-search-box .table.gsc-search-box td.gsc-search-button .gsc-search-button-v2::before, .global-nav-component #searchMobile form.gsc-search-box .table.gsc-search-box td.gsc-search-button .gsc-search-button-v2::before {
content: "Search";
display: inline-block;
color: #000;
font-size: 1rem;
font-weight: 600
}
.global-nav-component #search form.gsc-search-box .table.gsc-search-box td.gsc-search-button .gsc-search-button-v2 svg, .global-nav-component #searchMobile form.gsc-search-box .table.gsc-search-box td.gsc-search-button .gsc-search-button-v2 svg {
display: none
}
.global-nav-component #search form.gsc-search-box .table.gsc-search-box td.gsc-search-button .gsc-search-button-v2 span, .global-nav-component #searchMobile form.gsc-search-box .table.gsc-search-box td.gsc-search-button .gsc-search-button-v2 span {
font-size: 1rem;
font-weight: 600;
color: #fff
}
.global-nav-component #search form.gsc-search-box .table.gsc-search-box td.gsc-search-button .gsc-search-button-v2:hover, .global-nav-component #search form.gsc-search-box .table.gsc-search-box td.gsc-search-button .gsc-search-button-v2:focus, .global-nav-component #searchMobile form.gsc-search-box .table.gsc-search-box td.gsc-search-button .gsc-search-button-v2:hover, .global-nav-component #searchMobile form.gsc-search-box .table.gsc-search-box td.gsc-search-button .gsc-search-button-v2:focus {
outline: none
}
.global-nav-component #search .gsc-input, .global-nav-component #searchMobile .gsc-input {
padding-left: 42px !important;
font-size: 1rem
}
.global-nav-component #search .gsc-input::placeholder, .global-nav-component #searchMobile .gsc-input::placeholder {
font-size: 1.125em;
line-height: 1.5;
color: #666
}
.global-nav-component #search .gsc-input .gsib_a, .global-nav-component #searchMobile .gsc-input .gsib_a {
padding: 0 !important;
height: 60px
}
.global-nav-component #search .gsc-input svg, .global-nav-component #searchMobile .gsc-input svg {
position: absolute;
width: auto;
top: 16px;
z-index: 998;
color: #09417e;
height: auto;
padding: .375rem .75rem
}
.global-nav-component #searchMobile {
overflow-y: hidden
}
.global-nav-component #searchMobile .site-title-container {
position: relative;
transition: none;
opacity: 1;
visibility: visible;
width: 100%;
}
.global-nav-component #searchMobile .site-title-container .wordmark-container.py-2 {
padding-top: 1rem !important;
padding-bottom: 1rem !important
}
.global-nav-component #searchMobile .site-title-container .wordmark-container.py-2 .wordmark-primary-brand.py-md-1 {
padding-top: .5rem !important;
padding-bottom: .5rem !important
}
.global-nav-component #searchMobile .site-title-container .close {
right: 1rem;
top: 1rem
}
.global-nav-component #searchMobile .component-header {
margin-top: 6rem;
padding-left: 2rem;
padding-right: 2rem
}
.global-nav-component #searchMobile .component-header .component-heading {
color: #fff
}
.global-nav-component #searchMobile .search-container {
padding-top: 0
}
.global-nav-component #searchMobile form.gsc-search-box {
width: 75%
}
.global-nav-component #searchMobile form.search-form {
margin-top: 2rem
}
.global-nav-component #searchMobile form.search-form fieldset {
margin: auto;
width: calc(100% - 4rem);
display: flex;
height: 60px;
font-size: 1rem
}
.global-nav-component #searchMobile form.search-form fieldset input[type=search] {
border: none;
border-top-left-radius: 6px;
border-top-right-radius: 0;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 0;
flex: 1;
font-size: 1.125em;
line-height: 1.5;
color: #333;
text-align: left
}
.global-nav-component #searchMobile form.search-form fieldset input[type=search]::placeholder {
font-size: 1em;
color: #666
}
.global-nav-component #searchMobile form.search-form fieldset button[type=submit] {
flex: 0;
height: 60px;
margin: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
color: #000;
font-size: 1rem;
font-weight: 600;
padding-right: 2rem;
padding-left: 2rem
}
.global-nav-component #search form.gsc-search-box table.gsc-search-box td.gsc-input .gsc-input-box, .global-nav-component #searchMobile form.gsc-search-box table.gsc-search-box td.gsc-input .gsc-input-box {
border: 1px solid transparent !important;
border-radius: 6px;
padding-top: 0;
padding-bottom: 0;
background-color: #fff;
}
.global-nav-component #search form.gsc-search-box table.gsc-search-box td.gsc-input .gsc-input-box table .gsib_a input, .global-nav-component #searchMobile form.gsc-search-box table.gsc-search-box td.gsc-input .gsc-input-box table .gsib_a input {
color: #333;
font-size: 1.125em;
line-height: 1.5;
background-image: none !important;
background-color: transparent !important;
margin-top: 0.25rem !important;
}
.global-nav-component #search form.gsc-search-box table.gsc-search-box td.gsc-input .gsc-input-box table .gsib_b, .global-nav-component #searchMobile form.gsc-search-box table.gsc-search-box td.gsc-input .gsc-input-box table .gsib_b {
position: relative;
right: 7rem;
padding-top: 0.5rem;
}
.global-nav-component #search form.gsc-search-box table.gsc-search-box, .global-nav-component #searchMobile form.gsc-search-box table.gsc-search-box {
border-collapse: separate;
position: relative;
border-radius: 6px !important;
}
.global-nav-component #search form.gsc-search-box table.gsc-search-box td.gsc-input, .global-nav-component #searchMobile form.gsc-search-box table.gsc-search-box td.gsc-input {
border-radius: 6px !important;
height: 60px;
padding-top: 0.875rem;
padding-bottom: 0.875rem;
padding-right: 10rem !important;
}
.global-nav-component #search form.gsc-search-box table.gsc-search-box td.gsc-search-button, .global-nav-component #searchMobile form.gsc-search-box table.gsc-search-box td.gsc-search-button {
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 7rem;
}
.global-nav-component #search form.gsc-search-box table.gsc-search-box td.gsc-search-button .gsc-search-button-v2, .global-nav-component #searchMobile form.gsc-search-box table.gsc-search-box td.gsc-search-button .gsc-search-button-v2 {
padding: 1rem 1.5rem;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
height: 60px;
background-color: #ffbf00;
}
.global-nav-component #search form.gsc-search-box table.gsc-search-box td.gsc-search-button .gsc-search-button-v2::before, .global-nav-component #searchMobile form.gsc-search-box table.gsc-search-box td.gsc-search-button .gsc-search-button-v2::before {
content: "Search";
display: inline-block;
color: #000;
font-size: 1rem;
font-weight: 600;
}
.global-nav-component #search form.gsc-search-box table.gsc-search-box td.gsc-search-button .gsc-search-button-v2 svg, .global-nav-component #searchMobile form.gsc-search-box table.gsc-search-box td.gsc-search-button .gsc-search-button-v2 svg {
display: none;
}
@media(max-width: calc(992px)) {
.global-nav-component .modal.modal-position .global-nav-wordmark {
padding-left: 1rem;
padding-top: 1rem
}
.global-nav-component .modal.modal-position .global-nav-wordmark .wordmark img {
height: 48px
}
.global-nav-component .modal.modal-position .close-menu-mobile .close-menu {
margin-bottom: 0;
padding-top: .75rem;
padding-bottom: .75rem;
width: 100%;
background-color: #022851;
border-bottom: 1px solid #fff
}
.global-nav-component .modal.modal-position .close-menu-mobile .close-menu .material-symbols-rounded {
padding-right: 0;
margin-left: auto
}
.global-nav-component .modal.modal-position .list-group .list-group-item {
font-size: 1rem
}
.global-nav-component .site-title-container .wordmark-primary-brand img, .global-nav-component .site-title-container .wordmark-sub-brand img {
height: 48px
}
}
@media(min-width: 992px) {
.global-nav-component #searchMobile {
display: none
}
.global-nav-component #searchMobile:focus {
box-shadow: 0 0 0 .375rem #ffbf00;
outline: 2px solid #022851;
border-radius: 6px;
outline-offset: 0
}
}
@media(max-width: calc(992px - 1px)) {
.global-nav-component .global-menu-navbar .search-mobile {
padding: 1rem 2rem
}
.global-nav-component .global-menu-navbar .open-menu-mobile {
padding: 1rem 2rem
}
}
@media(max-width: calc(768px - 1px)) {
.global-nav-component #searchMobile .site-title-container .close {
right: .5rem;
top: .75rem
}
.global-nav-component #searchMobile form.gsc-search-box {
width: calc(100% - 4rem)
}
.global-nav-component .modal.modal-position .global-nav-wordmark {
padding-bottom: .75rem
}
.global-nav-component .modal.modal-position .global-nav-wordmark .wordmark img {
height: 40px
}
.global-nav-component .modal.modal-position .close-menu-mobile .close-menu {
padding-left: 1.5rem;
padding-right: 1.5rem
}
.global-nav-component .modal.modal-position .list-group {
padding: 0 1.5rem
}
.global-nav-component .modal.modal-position .global-nav-wrapper-mobile {
padding: 0 1.5rem
}
.global-nav-component .site-title-container .wordmark-primary-brand img, .global-nav-component .site-title-container .wordmark-sub-brand img {
height: 40px
}
.global-nav-component .global-menu-navbar .search-mobile {
padding: 1rem 1.5rem
}
.global-nav-component .global-menu-navbar .open-menu-mobile {
padding: 1rem 1.5rem
}
}
@media(max-width: calc(576px - 1px)) {
.global-nav-component .modal.modal-position .global-nav-wordmark .wordmark img {
height: 32px
}
.global-nav-component .site-title-container .wordmark-primary-brand img, .global-nav-component .site-title-container .wordmark-sub-brand img {
height: 32px
}
}
.header-component.brand-header .brands-container {
padding: 1.5rem 2rem
}
.header-component.brand-header .brands-container .wordmark-container .wordmark:hover {
color: #033266
}
.header-component.brand-header .brands-container .wordmark-container .wordmark .wordmark-primary-brand img, .header-component.brand-header .brands-container .wordmark-container .wordmark .wordmark-sub-brand img {
height: 60px
}
.header-component.brand-header .brands-container .wordmark-container .wordmark .wordmark-primary-brand {
padding-right: 1.25rem;
padding-top: .25rem;
padding-bottom: .25rem
}
.header-component.brand-header .brands-container .wordmark-container .wordmark .wordmark-sub-brand {
padding-left: 1.25rem;
padding-top: .25rem;
padding-bottom: .25rem;
border-color: #1d4776
}
.header-component.brand-header .brands-container .wordmark-container .wordmark .unit-brand {
padding-left: 1.25rem;
padding-top: .25rem;
padding-bottom: .25rem;
border-color: #1d4776;
font-size: 1.5rem
}
.header-component.brand-header .brands-container .tertiary-brand-container .tertiary-brand-mobile {
font-size: 1.375rem;
color: #000;
font-weight: 600;
margin-right: 0
}
.header-component.brand-header .brands-container .tertiary-brand-container .tertiary-brand-mobile:hover, .header-component.brand-header .brands-container .tertiary-brand-container .tertiary-brand-mobile:focus {
-webkit-text-stroke-width: 0
}
.header-component.brand-header .brands-container .tertiary-brand-container .tertiary-brand-mobile .material-symbols-rounded {
padding-left: .5rem;
color: #007991;
font-variation-settings: "FILL" 1;
font-size: 1.75rem;
display: inline;
vertical-align: middle
}
@media(max-width: calc(992px - 1px)) {
.header-component.brand-header .brands-container {
padding: 1rem 4rem 1rem 1.5rem
}
.header-component.brand-header .brands-container .wordmark-container .wordmark .wordmark-primary-brand img, .header-component.brand-header .brands-container .wordmark-container .wordmark .wordmark-sub-brand img {
height: 48px
}
.header-component.brand-header .brands-container .wordmark-container .wordmark .wordmark-primary-brand {
padding-right: 1rem;
padding-top: .5rem;
padding-bottom: .5rem
}
.header-component.brand-header .brands-container .wordmark-container .wordmark .wordmark-sub-brand {
padding-left: 1rem;
padding-top: .5rem;
padding-bottom: .5rem
}
.header-component.brand-header .brands-container .wordmark-container .wordmark .unit-brand {
padding-left: 1rem;
font-size: 1.125rem;
font-weight: 400
}
.header-component.brand-header .brands-container .utility-links-nav-component {
display: none
}
}
@media(min-width: 768px) {
.header-component.brand-header .brands-container .tertiary-brand-container {
margin-bottom: 0
}
}
@media(max-width: calc(768px - 1px)) {
.header-component.brand-header .brands-container .wordmark-container .wordmark .wordmark-primary-brand img, .header-component.brand-header .brands-container .wordmark-container .wordmark .wordmark-sub-brand img {
height: 40px
}
.header-component.brand-header .brands-container .tertiary-brand-container .tertiary-brand-mobile {
font-size: 1.125rem
}
}
@media(max-width: calc(576px - 1px)) {
.header-component.brand-header .brands-container .wordmark-container .wordmark .wordmark-primary-brand img, .header-component.brand-header .brands-container .wordmark-container .wordmark .wordmark-sub-brand img {
height: 32px
}
}
.utility-links-nav.utility-links-nav-component {
margin-right: 0;
z-index: 1040;
font-size: 0;
line-height: 0
}
.utility-links-nav.utility-links-nav-component .navbar .nav-item {
margin-right: 1rem
}
.utility-links-nav.utility-links-nav-component .navbar .nav-item .nav-link {
padding-left: .25rem;
padding-right: .25rem;
font-size: 1rem;
line-height: 1.5;
font-weight: 400;
color: #033266;
padding-bottom: 0
}
.utility-links-nav.utility-links-nav-component .navbar .nav-item .nav-link .material-symbols-rounded {
font-size: 1.25rem;
margin-right: .25rem;
font-variation-settings: "FILL" 1;
color: #007991;
vertical-align: middle;
position: relative;
top: -1px
}
.utility-links-nav.utility-links-nav-component .navbar .nav-item .nav-link .health-icon {
display: inline-block;
position: relative;
height: 1.5rem;
margin-right: .25rem
}
.utility-links-nav.utility-links-nav-component .navbar .nav-item .nav-link .health-icon svg {
width: 1.5rem;
height: 1.5rem
}
.utility-links-nav.utility-links-nav-component .navbar .nav-item .nav-link:hover {
color: #007991;
text-decoration: underline;
text-decoration-color: #007991
}
.utility-links-nav.utility-links-nav-component .navbar .nav-item .nav-link:focus {
box-shadow: 0 0 0 .375rem #ffbf00;
outline: 2px solid #022851;
border-radius: 6px;
outline-offset: 0
}
.utility-links-nav.utility-links-nav-component .navbar .nav__dropdown-wrapper:hover .nav__dropdown-toggle {
background-color: #fff
}
.utility-links-nav.utility-links-nav-component .navbar .nav__dropdown-wrapper .nav__dropdown-toggle {
padding: .5rem .75rem;
color: #033266;
font-size: 1rem;
line-height: 1.5;
font-weight: 400;
background-color: rgba(0,0,0,0);
border-color: #007991;
border-radius: 6px;
border-width: 2px
}
.utility-links-nav.utility-links-nav-component .navbar .nav__dropdown-wrapper .nav__dropdown-toggle::before {
width: 0;
height: 0;
margin-right: 0;
font-family: "Material Symbols Rounded";
content: "keyboard_arrow_down";
-webkit-font-feature-settings: "liga";
font-size: 1.5rem;
position: relative;
color: #007991;
font-variation-settings: "FILL" 1;
display: inline-block;
vertical-align: middle;
top: -18px;
padding-right: 1.5rem
}
.utility-links-nav.utility-links-nav-component .navbar .nav__dropdown-wrapper .nav__dropdown-toggle:hover, .utility-links-nav.utility-links-nav-component .navbar .nav__dropdown-wrapper .nav__dropdown-toggle:focus {
color: #fff;
background-color: #007991;
text-decoration: none
}
.utility-links-nav.utility-links-nav-component .navbar .nav__dropdown-wrapper .nav__dropdown-toggle:hover::before, .utility-links-nav.utility-links-nav-component .navbar .nav__dropdown-wrapper .nav__dropdown-toggle:focus::before {
color: #fff
}
.utility-links-nav.utility-links-nav-component .navbar .nav__dropdown-wrapper .nav__dropdown-toggle:hover {
border-color: #007991;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.utility-links-nav.utility-links-nav-component .navbar .nav__dropdown-wrapper .nav__dropdown-toggle:focus {
box-shadow: 0 0 0 .375rem #ffbf00;
outline: 2px solid #022851;
border-radius: 6px;
outline-offset: 0
}
.utility-links-nav.utility-links-nav-component .navbar .nav__dropdown-wrapper .nav__dropdown {
border: 2px solid #007991;
border-radius: 0;
padding-top: 0;
margin-top: -2px;
padding-bottom: 0;
background-color: #fff;
box-shadow: 0px 2px 4px 0px rgba(0,0,0,.08)
}
.utility-links-nav.utility-links-nav-component .navbar .nav__dropdown-wrapper .nav__dropdown .nav-item {
margin-right: 0
}
.utility-links-nav.utility-links-nav-component .navbar .nav__dropdown-wrapper .nav__dropdown .nav-item:hover {
background-color: #e6ecf7
}
.utility-links-nav.utility-links-nav-component .navbar .nav__dropdown-wrapper .nav__dropdown .nav-item .nav-link {
padding: .75rem 1.5rem;
width: 100%
}
footer.footer-component .site-footer p {
font-size: 1rem
}
footer.footer-component ul li, footer.footer-component ol li {
padding-bottom: 1rem
}
footer.footer-component .global-footer p {
font-size: 1rem
}
footer.footer-component .global-footer .footer-address {
margin-top: 1rem
}
footer.footer-component .global-legal-links p {
font-size: .875rem
}
footer.footer-component .social-media-icons img {
margin-left: .5rem
}
footer.footer-component .social-media-icons a:first-child img {
margin-left: 0
}
@media(min-width: 576px) {
footer.footer-component .global-footer .footer-address {
margin-top: 0
}
}
.client .wrapper {
max-width: 86.25rem;
margin: auto
}