@charset "UTF-8";
/*!
 * Bootstrap v4.6.2 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
@import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css';
@import 'https://cdn.jsdelivr.net/npm/mmenu-light@3.2.2/dist/mmenu-light.min.css';

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}

[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem;
}

    ol ol,
    ul ul,
    ol ul,
    ul ol {
        margin-bottom: 0;
    }

dt {
    font-weight: 700;
}

dd {
    margin-bottom: 0.5rem;
    margin-left: 0;
}

blockquote {
    margin: 0 0 1rem;
}

b,
strong {
    font-weight: bolder;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
}

    a:hover {
        color: #0056b3;
        text-decoration: underline;
    }

    a:not([href]):not([class]) {
        color: inherit;
        text-decoration: none;
    }

        a:not([href]):not([class]):hover {
            color: inherit;
            text-decoration: none;
        }

pre,
code,
kbd,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em;
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar;
}

figure {
    margin: 0 0 1rem;
}

img {
    vertical-align: middle;
    border-style: none;
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
}

caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom;
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

button {
    border-radius: 0;
}

    button:focus:not(:focus-visible) {
        outline: 0;
    }

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

[role=button] {
    cursor: pointer;
}

select {
    word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}

    button:not(:disabled),
    [type=button]:not(:disabled),
    [type=reset]:not(:disabled),
    [type=submit]:not(:disabled) {
        cursor: pointer;
    }

    button::-moz-focus-inner,
    [type=button]::-moz-focus-inner,
    [type=reset]::-moz-focus-inner,
    [type=submit]::-moz-focus-inner {
        padding: 0;
        border-style: none;
    }

input[type=radio],
input[type=checkbox] {
    box-sizing: border-box;
    padding: 0;
}

textarea {
    overflow: auto;
    resize: vertical;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none;
}

    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

output {
    display: inline-block;
}

summary {
    display: list-item;
    cursor: pointer;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}

h1, .h1 {
    font-size: 2.5rem;
}

h2, .h2 {
    font-size: 2rem;
}

h3, .h3 {
    font-size: 1.75rem;
}

h4, .h4 {
    font-size: 1.5rem;
}

h5, .h5 {
    font-size: 1.25rem;
}

h6, .h6 {
    font-size: 1rem;
}

.lead {
    font-size: 1.25rem;
    font-weight: 300;
}

.display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
    font-size: 0.875em;
    font-weight: 400;
}

mark,
.mark {
    padding: 0.2em;
    background-color: #fcf8e3;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-inline {
    padding-left: 0;
    list-style: none;
}

.list-inline-item {
    display: inline-block;
}

    .list-inline-item:not(:last-child) {
        margin-right: 0.5rem;
    }

.initialism {
    font-size: 90%;
    text-transform: uppercase;
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}

.blockquote-footer {
    display: block;
    font-size: 0.875em;
    color: #6c757d;
}

    .blockquote-footer::before {
        content: "— ";
    }

.img-fluid {
    max-width: 100%;
    height: auto;
}

.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto;
}

.figure {
    display: inline-block;
}

.figure-img {
    margin-bottom: 0.5rem;
    line-height: 1;
}

.figure-caption {
    font-size: 90%;
    color: #6c757d;
}

code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word;
}

a > code {
    color: inherit;
}

kbd {
    padding: 0.2rem 0.4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: 0.2rem;
}

    kbd kbd {
        padding: 0;
        font-size: 100%;
        font-weight: 700;
    }

pre {
    display: block;
    font-size: 87.5%;
    color: #212529;
}

    pre code {
        font-size: inherit;
        color: inherit;
        word-break: normal;
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container-sm, .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container-md, .container-sm, .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1140px;
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

    .no-gutters > .col,
    .no-gutters > [class*=col-] {
        padding-right: 0;
        padding-left: 0;
    }

.col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.row-cols-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
}

.row-cols-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
}

.row-cols-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}

.row-cols-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
}

.row-cols-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
}

.row-cols-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.col-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
}

.col-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
}

.col-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
}

.col-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
}

.col-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.order-first {
    order: -1;
}

.order-last {
    order: 13;
}

.order-0 {
    order: 0;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}

.order-6 {
    order: 6;
}

.order-7 {
    order: 7;
}

.order-8 {
    order: 8;
}

.order-9 {
    order: 9;
}

.order-10 {
    order: 10;
}

.order-11 {
    order: 11;
}

.order-12 {
    order: 12;
}

.offset-1 {
    margin-left: 8.33333333%;
}

.offset-2 {
    margin-left: 16.66666667%;
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: 33.33333333%;
}

.offset-5 {
    margin-left: 41.66666667%;
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: 58.33333333%;
}

.offset-8 {
    margin-left: 66.66666667%;
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: 83.33333333%;
}

.offset-11 {
    margin-left: 91.66666667%;
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-sm-1 > * {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-sm-2 > * {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-sm-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .row-cols-sm-4 > * {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-sm-5 > * {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-sm-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-sm-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-sm-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-sm-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-sm-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-sm-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-sm-first {
        order: -1;
    }

    .order-sm-last {
        order: 13;
    }

    .order-sm-0 {
        order: 0;
    }

    .order-sm-1 {
        order: 1;
    }

    .order-sm-2 {
        order: 2;
    }

    .order-sm-3 {
        order: 3;
    }

    .order-sm-4 {
        order: 4;
    }

    .order-sm-5 {
        order: 5;
    }

    .order-sm-6 {
        order: 6;
    }

    .order-sm-7 {
        order: 7;
    }

    .order-sm-8 {
        order: 8;
    }

    .order-sm-9 {
        order: 9;
    }

    .order-sm-10 {
        order: 10;
    }

    .order-sm-11 {
        order: 11;
    }

    .order-sm-12 {
        order: 12;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 8.33333333%;
    }

    .offset-sm-2 {
        margin-left: 16.66666667%;
    }

    .offset-sm-3 {
        margin-left: 25%;
    }

    .offset-sm-4 {
        margin-left: 33.33333333%;
    }

    .offset-sm-5 {
        margin-left: 41.66666667%;
    }

    .offset-sm-6 {
        margin-left: 50%;
    }

    .offset-sm-7 {
        margin-left: 58.33333333%;
    }

    .offset-sm-8 {
        margin-left: 66.66666667%;
    }

    .offset-sm-9 {
        margin-left: 75%;
    }

    .offset-sm-10 {
        margin-left: 83.33333333%;
    }

    .offset-sm-11 {
        margin-left: 91.66666667%;
    }
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-md-1 > * {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-md-2 > * {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-md-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .row-cols-md-4 > * {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-md-5 > * {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-md-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-md-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-md-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-md-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-md-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-md-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-md-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-md-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-md-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-md-first {
        order: -1;
    }

    .order-md-last {
        order: 13;
    }

    .order-md-0 {
        order: 0;
    }

    .order-md-1 {
        order: 1;
    }

    .order-md-2 {
        order: 2;
    }

    .order-md-3 {
        order: 3;
    }

    .order-md-4 {
        order: 4;
    }

    .order-md-5 {
        order: 5;
    }

    .order-md-6 {
        order: 6;
    }

    .order-md-7 {
        order: 7;
    }

    .order-md-8 {
        order: 8;
    }

    .order-md-9 {
        order: 9;
    }

    .order-md-10 {
        order: 10;
    }

    .order-md-11 {
        order: 11;
    }

    .order-md-12 {
        order: 12;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 8.33333333%;
    }

    .offset-md-2 {
        margin-left: 16.66666667%;
    }

    .offset-md-3 {
        margin-left: 25%;
    }

    .offset-md-4 {
        margin-left: 33.33333333%;
    }

    .offset-md-5 {
        margin-left: 41.66666667%;
    }

    .offset-md-6 {
        margin-left: 50%;
    }

    .offset-md-7 {
        margin-left: 58.33333333%;
    }

    .offset-md-8 {
        margin-left: 66.66666667%;
    }

    .offset-md-9 {
        margin-left: 75%;
    }

    .offset-md-10 {
        margin-left: 83.33333333%;
    }

    .offset-md-11 {
        margin-left: 91.66666667%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-lg-1 > * {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-lg-2 > * {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-lg-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .row-cols-lg-4 > * {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-lg-5 > * {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-lg-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-lg-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-lg-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-lg-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-lg-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-lg-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-lg-first {
        order: -1;
    }

    .order-lg-last {
        order: 13;
    }

    .order-lg-0 {
        order: 0;
    }

    .order-lg-1 {
        order: 1;
    }

    .order-lg-2 {
        order: 2;
    }

    .order-lg-3 {
        order: 3;
    }

    .order-lg-4 {
        order: 4;
    }

    .order-lg-5 {
        order: 5;
    }

    .order-lg-6 {
        order: 6;
    }

    .order-lg-7 {
        order: 7;
    }

    .order-lg-8 {
        order: 8;
    }

    .order-lg-9 {
        order: 9;
    }

    .order-lg-10 {
        order: 10;
    }

    .order-lg-11 {
        order: 11;
    }

    .order-lg-12 {
        order: 12;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 8.33333333%;
    }

    .offset-lg-2 {
        margin-left: 16.66666667%;
    }

    .offset-lg-3 {
        margin-left: 25%;
    }

    .offset-lg-4 {
        margin-left: 33.33333333%;
    }

    .offset-lg-5 {
        margin-left: 41.66666667%;
    }

    .offset-lg-6 {
        margin-left: 50%;
    }

    .offset-lg-7 {
        margin-left: 58.33333333%;
    }

    .offset-lg-8 {
        margin-left: 66.66666667%;
    }

    .offset-lg-9 {
        margin-left: 75%;
    }

    .offset-lg-10 {
        margin-left: 83.33333333%;
    }

    .offset-lg-11 {
        margin-left: 91.66666667%;
    }
}

@media (min-width: 1200px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-xl-1 > * {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-xl-2 > * {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-xl-3 > * {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .row-cols-xl-4 > * {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-xl-5 > * {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-xl-6 > * {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-xl-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-xl-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xl-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-xl-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xl-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-xl-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xl-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-xl-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xl-first {
        order: -1;
    }

    .order-xl-last {
        order: 13;
    }

    .order-xl-0 {
        order: 0;
    }

    .order-xl-1 {
        order: 1;
    }

    .order-xl-2 {
        order: 2;
    }

    .order-xl-3 {
        order: 3;
    }

    .order-xl-4 {
        order: 4;
    }

    .order-xl-5 {
        order: 5;
    }

    .order-xl-6 {
        order: 6;
    }

    .order-xl-7 {
        order: 7;
    }

    .order-xl-8 {
        order: 8;
    }

    .order-xl-9 {
        order: 9;
    }

    .order-xl-10 {
        order: 10;
    }

    .order-xl-11 {
        order: 11;
    }

    .order-xl-12 {
        order: 12;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 8.33333333%;
    }

    .offset-xl-2 {
        margin-left: 16.66666667%;
    }

    .offset-xl-3 {
        margin-left: 25%;
    }

    .offset-xl-4 {
        margin-left: 33.33333333%;
    }

    .offset-xl-5 {
        margin-left: 41.66666667%;
    }

    .offset-xl-6 {
        margin-left: 50%;
    }

    .offset-xl-7 {
        margin-left: 58.33333333%;
    }

    .offset-xl-8 {
        margin-left: 66.66666667%;
    }

    .offset-xl-9 {
        margin-left: 75%;
    }

    .offset-xl-10 {
        margin-left: 83.33333333%;
    }

    .offset-xl-11 {
        margin-left: 91.66666667%;
    }
}

.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}

    .table th,
    .table td {
        padding: 0.75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6;
    }

    .table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #dee2e6;
    }

    .table tbody + tbody {
        border-top: 2px solid #dee2e6;
    }

.table-sm th,
.table-sm td {
    padding: 0.3rem;
}

.table-bordered {
    border: 1px solid #dee2e6;
}

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #dee2e6;
    }

    .table-bordered thead th,
    .table-bordered thead td {
        border-bottom-width: 2px;
    }

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
    border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #b8daff;
}

    .table-primary th,
    .table-primary td,
    .table-primary thead th,
    .table-primary tbody + tbody {
        border-color: #7abaff;
    }

.table-hover .table-primary:hover {
    background-color: #9fcdff;
}

    .table-hover .table-primary:hover > td,
    .table-hover .table-primary:hover > th {
        background-color: #9fcdff;
    }

.table-secondary,
.table-secondary > th,
.table-secondary > td {
    background-color: #d6d8db;
}

    .table-secondary th,
    .table-secondary td,
    .table-secondary thead th,
    .table-secondary tbody + tbody {
        border-color: #b3b7bb;
    }

.table-hover .table-secondary:hover {
    background-color: #c8cbcf;
}

    .table-hover .table-secondary:hover > td,
    .table-hover .table-secondary:hover > th {
        background-color: #c8cbcf;
    }

.table-success,
.table-success > th,
.table-success > td {
    background-color: #c3e6cb;
}

    .table-success th,
    .table-success td,
    .table-success thead th,
    .table-success tbody + tbody {
        border-color: #8fd19e;
    }

.table-hover .table-success:hover {
    background-color: #b1dfbb;
}

    .table-hover .table-success:hover > td,
    .table-hover .table-success:hover > th {
        background-color: #b1dfbb;
    }

.table-info,
.table-info > th,
.table-info > td {
    background-color: #bee5eb;
}

    .table-info th,
    .table-info td,
    .table-info thead th,
    .table-info tbody + tbody {
        border-color: #86cfda;
    }

.table-hover .table-info:hover {
    background-color: #abdde5;
}

    .table-hover .table-info:hover > td,
    .table-hover .table-info:hover > th {
        background-color: #abdde5;
    }

.table-warning,
.table-warning > th,
.table-warning > td {
    background-color: #ffeeba;
}

    .table-warning th,
    .table-warning td,
    .table-warning thead th,
    .table-warning tbody + tbody {
        border-color: #ffdf7e;
    }

.table-hover .table-warning:hover {
    background-color: #ffe8a1;
}

    .table-hover .table-warning:hover > td,
    .table-hover .table-warning:hover > th {
        background-color: #ffe8a1;
    }

.table-danger,
.table-danger > th,
.table-danger > td {
    background-color: #f5c6cb;
}

    .table-danger th,
    .table-danger td,
    .table-danger thead th,
    .table-danger tbody + tbody {
        border-color: #ed969e;
    }

.table-hover .table-danger:hover {
    background-color: #f1b0b7;
}

    .table-hover .table-danger:hover > td,
    .table-hover .table-danger:hover > th {
        background-color: #f1b0b7;
    }

.table-light,
.table-light > th,
.table-light > td {
    background-color: #fdfdfe;
}

    .table-light th,
    .table-light td,
    .table-light thead th,
    .table-light tbody + tbody {
        border-color: #fbfcfc;
    }

.table-hover .table-light:hover {
    background-color: #ececf6;
}

    .table-hover .table-light:hover > td,
    .table-hover .table-light:hover > th {
        background-color: #ececf6;
    }

.table-dark,
.table-dark > th,
.table-dark > td {
    background-color: #c6c8ca;
}

    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody + tbody {
        border-color: #95999c;
    }

.table-hover .table-dark:hover {
    background-color: #b9bbbe;
}

    .table-hover .table-dark:hover > td,
    .table-hover .table-dark:hover > th {
        background-color: #b9bbbe;
    }

.table-active,
.table-active > th,
.table-active > td {
    background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
    background-color: rgba(0, 0, 0, 0.075);
}

    .table-hover .table-active:hover > td,
    .table-hover .table-active:hover > th {
        background-color: rgba(0, 0, 0, 0.075);
    }

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55;
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.table-dark {
    color: #fff;
    background-color: #343a40;
}

    .table-dark th,
    .table-dark td,
    .table-dark thead th {
        border-color: #454d55;
    }

    .table-dark.table-bordered {
        border: 0;
    }

    .table-dark.table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(255, 255, 255, 0.05);
    }

    .table-dark.table-hover tbody tr:hover {
        color: #fff;
        background-color: rgba(255, 255, 255, 0.075);
    }

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

        .table-responsive-sm > .table-bordered {
            border: 0;
        }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

        .table-responsive-md > .table-bordered {
            border: 0;
        }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

        .table-responsive-lg > .table-bordered {
            border: 0;
        }
}

@media (max-width: 1199.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

        .table-responsive-xl > .table-bordered {
            border: 0;
        }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

    .table-responsive > .table-bordered {
        border: 0;
    }

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .form-control {
        transition: none;
    }
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select.form-control:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #495057;
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff;
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%;
}

.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5;
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem;
    line-height: 1.5;
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}

    .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
        padding-right: 0;
        padding-left: 0;
    }

.form-control-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

select.form-control[size], select.form-control[multiple] {
    height: auto;
}

textarea.form-control {
    height: auto;
}

.form-group {
    margin-bottom: 1rem;
}

.form-text {
    display: block;
    margin-top: 0.25rem;
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

    .form-row > .col,
    .form-row > [class*=col-] {
        padding-right: 5px;
        padding-left: 5px;
    }

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}

.form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem;
}

    .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
        color: #6c757d;
    }

.form-check-label {
    margin-bottom: 0;
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: 0.75rem;
}

    .form-check-inline .form-check-input {
        position: static;
        margin-top: 0;
        margin-right: 0.3125rem;
        margin-left: 0;
    }

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #28a745;
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(40, 167, 69, 0.9);
    border-radius: 0.25rem;
}

.form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip {
    left: 5px;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
    display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
    border-color: #28a745;
    padding-right: calc(1.5em + 0.75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

    .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
    }

.was-validated select.form-control:valid, select.form-control.is-valid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center;
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
    border-color: #28a745;
    padding-right: calc(0.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns='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") right 0.75rem center/8px 10px no-repeat, #fff 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='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}

    .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
    }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
    color: #28a745;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
    display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
    color: #28a745;
}

    .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
        border-color: #28a745;
    }

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
    border-color: #34ce57;
    background-color: #34ce57;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
    border-color: #28a745;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #dc3545;
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: 0.1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, 0.9);
    border-radius: 0.25rem;
}

.form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip {
    left: 5px;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' 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='%23dc3545' 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: #dc3545;
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
    }

.was-validated select.form-control:invalid, select.form-control.is-invalid {
    padding-right: 3rem !important;
    background-position: right 1.5rem center;
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
    border-color: #dc3545;
    padding-right: calc(0.75em + 2.3125rem) !important;
    background: url("data:image/svg+xml,%3csvg xmlns='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") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' 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='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}

    .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
    }

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
    color: #dc3545;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
    color: #dc3545;
}

    .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
        border-color: #dc3545;
    }

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
    border-color: #dc3545;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}

    .form-inline .form-check {
        width: 100%;
    }

@media (min-width: 576px) {
    .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0;
    }

    .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-plaintext {
        display: inline-block;
    }

    .form-inline .input-group,
    .form-inline .custom-select {
        width: auto;
    }

    .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0;
    }

    .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: 0.25rem;
        margin-left: 0;
    }

    .form-inline .custom-control {
        align-items: center;
        justify-content: center;
    }

    .form-inline .custom-control-label {
        margin-bottom: 0;
    }
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .btn {
        transition: none;
    }
}

.btn:hover {
    color: #212529;
    text-decoration: none;
}

.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn.disabled, .btn:disabled {
    opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none;
}

.btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc;
    }

    .btn-primary:focus, .btn-primary.focus {
        color: #fff;
        background-color: #0069d9;
        border-color: #0062cc;
        box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
    }

    .btn-primary.disabled, .btn-primary:disabled {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #0062cc;
        border-color: #005cbf;
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
        }

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62;
    }

    .btn-secondary:focus, .btn-secondary.focus {
        color: #fff;
        background-color: #5a6268;
        border-color: #545b62;
        box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #545b62;
        border-color: #4e555b;
    }

        .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
        }

.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

    .btn-success:hover {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34;
    }

    .btn-success:focus, .btn-success.focus {
        color: #fff;
        background-color: #218838;
        border-color: #1e7e34;
        box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
    }

    .btn-success.disabled, .btn-success:disabled {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

    .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #1e7e34;
        border-color: #1c7430;
    }

        .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
        }

.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}

    .btn-info:hover {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b;
    }

    .btn-info:focus, .btn-info.focus {
        color: #fff;
        background-color: #138496;
        border-color: #117a8b;
        box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
    }

    .btn-info.disabled, .btn-info:disabled {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

    .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
        color: #fff;
        background-color: #117a8b;
        border-color: #10707f;
    }

        .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
        }

.btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

    .btn-warning:hover {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00;
    }

    .btn-warning:focus, .btn-warning.focus {
        color: #212529;
        background-color: #e0a800;
        border-color: #d39e00;
        box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
    }

    .btn-warning.disabled, .btn-warning:disabled {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107;
    }

    .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
        color: #212529;
        background-color: #d39e00;
        border-color: #c69500;
    }

        .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
        }

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

    .btn-danger:hover {
        color: #fff;
        background-color: #c82333;
        border-color: #bd2130;
    }

    .btn-danger:focus, .btn-danger.focus {
        color: #fff;
        background-color: #c82333;
        border-color: #bd2130;
        box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
    }

    .btn-danger.disabled, .btn-danger:disabled {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

    .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #bd2130;
        border-color: #b21f2d;
    }

        .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
        }

.btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
}

    .btn-light:hover {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5;
    }

    .btn-light:focus, .btn-light.focus {
        color: #212529;
        background-color: #e2e6ea;
        border-color: #dae0e5;
        box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
    }

    .btn-light.disabled, .btn-light:disabled {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

    .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
        color: #212529;
        background-color: #dae0e5;
        border-color: #d3d9df;
    }

        .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
        }

.btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}

    .btn-dark:hover {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124;
    }

    .btn-dark:focus, .btn-dark.focus {
        color: #fff;
        background-color: #23272b;
        border-color: #1d2124;
        box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
    }

    .btn-dark.disabled, .btn-dark:disabled {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }

    .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #1d2124;
        border-color: #171a1d;
    }

        .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
        }

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #007bff;
        background-color: transparent;
    }

    .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

        .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
        }

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

    .btn-outline-secondary:focus, .btn-outline-secondary.focus {
        box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #6c757d;
        background-color: transparent;
    }

    .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #6c757d;
        border-color: #6c757d;
    }

        .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
        }

.btn-outline-success {
    color: #28a745;
    border-color: #28a745;
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

    .btn-outline-success:focus, .btn-outline-success.focus {
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #28a745;
        background-color: transparent;
    }

    .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #28a745;
        border-color: #28a745;
    }

        .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
        }

.btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8;
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

    .btn-outline-info:focus, .btn-outline-info.focus {
        box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #17a2b8;
        background-color: transparent;
    }

    .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #17a2b8;
        border-color: #17a2b8;
    }

        .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
        }

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107;
}

    .btn-outline-warning:hover {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107;
    }

    .btn-outline-warning:focus, .btn-outline-warning.focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
    }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #ffc107;
        background-color: transparent;
    }

    .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
        color: #212529;
        background-color: #ffc107;
        border-color: #ffc107;
    }

        .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
        }

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545;
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

    .btn-outline-danger:focus, .btn-outline-danger.focus {
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
    }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #dc3545;
        background-color: transparent;
    }

    .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #dc3545;
        border-color: #dc3545;
    }

        .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
        }

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa;
}

    .btn-outline-light:hover {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

    .btn-outline-light:focus, .btn-outline-light.focus {
        box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
    }

    .btn-outline-light.disabled, .btn-outline-light:disabled {
        color: #f8f9fa;
        background-color: transparent;
    }

    .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
        color: #212529;
        background-color: #f8f9fa;
        border-color: #f8f9fa;
    }

        .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
        }

.btn-outline-dark {
    color: #343a40;
    border-color: #343a40;
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }

    .btn-outline-dark:focus, .btn-outline-dark.focus {
        box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
    }

    .btn-outline-dark.disabled, .btn-outline-dark:disabled {
        color: #343a40;
        background-color: transparent;
    }

    .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: #343a40;
        border-color: #343a40;
    }

        .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
        }

.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: none;
}

    .btn-link:hover {
        color: #0056b3;
        text-decoration: underline;
    }

    .btn-link:focus, .btn-link.focus {
        text-decoration: underline;
    }

    .btn-link:disabled, .btn-link.disabled {
        color: #6c757d;
        pointer-events: none;
    }

.btn-lg, .btn-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 0.5rem;
    }

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
    width: 100%;
}

.fade {
    transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}

.fade:not(.show) {
    opacity: 0;
}

.collapse:not(.show) {
    display: none;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}

.collapsing.width {
    width: 0;
    height: auto;
    transition: width 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
    .collapsing.width {
        transition: none;
    }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
    position: relative;
}

.dropdown-toggle {
    white-space: nowrap;
}

    .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
    }

    .dropdown-toggle:empty::after {
        margin-left: 0;
    }

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.dropdown-menu-left {
    right: auto;
    left: 0;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

@media (min-width: 576px) {
    .dropdown-menu-sm-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-sm-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 768px) {
    .dropdown-menu-md-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-md-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 992px) {
    .dropdown-menu-lg-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-lg-right {
        right: 0;
        left: auto;
    }
}

@media (min-width: 1200px) {
    .dropdown-menu-xl-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-xl-right {
        right: 0;
        left: auto;
    }
}

.dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropright .dropdown-toggle::after {
    vertical-align: 0;
}

.dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
}

.dropleft .dropdown-toggle::after {
    display: none;
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0;
}

.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
    right: auto;
    bottom: auto;
}

.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

    .dropdown-item:hover, .dropdown-item:focus {
        color: #16181b;
        text-decoration: none;
        background-color: #e9ecef;
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #007bff;
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: #adb5bd;
        pointer-events: none;
        background-color: transparent;
    }

.dropdown-menu.show {
    display: block;
}

.dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #6c757d;
    white-space: nowrap;
}

.dropdown-item-text {
    display: block;
    padding: 0.25rem 1.5rem;
    color: #212529;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}

    .btn-group > .btn,
    .btn-group-vertical > .btn {
        position: relative;
        flex: 1 1 auto;
    }

        .btn-group > .btn:hover,
        .btn-group-vertical > .btn:hover {
            z-index: 1;
        }

        .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
        .btn-group-vertical > .btn:focus,
        .btn-group-vertical > .btn:active,
        .btn-group-vertical > .btn.active {
            z-index: 1;
        }

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

    .btn-toolbar .input-group {
        width: auto;
    }

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
    margin-left: -1px;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
    padding-right: 0.5625rem;
    padding-left: 0.5625rem;
}

    .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
        margin-left: 0;
    }

.dropleft .dropdown-toggle-split::before {
    margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

    .btn-group-vertical > .btn,
    .btn-group-vertical > .btn-group {
        width: 100%;
    }

        .btn-group-vertical > .btn:not(:first-child),
        .btn-group-vertical > .btn-group:not(:first-child) {
            margin-top: -1px;
        }

        .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
        .btn-group-vertical > .btn-group:not(:last-child) > .btn {
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }

        .btn-group-vertical > .btn:not(:first-child),
        .btn-group-vertical > .btn-group:not(:first-child) > .btn {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
    margin-bottom: 0;
}

    .btn-group-toggle > .btn input[type=radio],
    .btn-group-toggle > .btn input[type=checkbox],
    .btn-group-toggle > .btn-group > .btn input[type=radio],
    .btn-group-toggle > .btn-group > .btn input[type=checkbox] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none;
    }

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

    .input-group > .form-control,
    .input-group > .form-control-plaintext,
    .input-group > .custom-select,
    .input-group > .custom-file {
        position: relative;
        flex: 1 1 auto;
        width: 1%;
        min-width: 0;
        margin-bottom: 0;
    }

        .input-group > .form-control + .form-control,
        .input-group > .form-control + .custom-select,
        .input-group > .form-control + .custom-file,
        .input-group > .form-control-plaintext + .form-control,
        .input-group > .form-control-plaintext + .custom-select,
        .input-group > .form-control-plaintext + .custom-file,
        .input-group > .custom-select + .form-control,
        .input-group > .custom-select + .custom-select,
        .input-group > .custom-select + .custom-file,
        .input-group > .custom-file + .form-control,
        .input-group > .custom-file + .custom-select,
        .input-group > .custom-file + .custom-file {
            margin-left: -1px;
        }

        .input-group > .form-control:focus,
        .input-group > .custom-select:focus,
        .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
            z-index: 3;
        }

        .input-group > .custom-file .custom-file-input:focus {
            z-index: 4;
        }

        .input-group > .form-control:not(:first-child),
        .input-group > .custom-select:not(:first-child) {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

    .input-group > .custom-file {
        display: flex;
        align-items: center;
    }

        .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
        }

        .input-group > .custom-file:not(:first-child) .custom-file-label {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

    .input-group:not(.has-validation) > .form-control:not(:last-child),
    .input-group:not(.has-validation) > .custom-select:not(:last-child),
    .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
    .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .input-group.has-validation > .form-control:nth-last-child(n+3),
    .input-group.has-validation > .custom-select:nth-last-child(n+3),
    .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label,
    .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

.input-group-prepend,
.input-group-append {
    display: flex;
}

    .input-group-prepend .btn,
    .input-group-append .btn {
        position: relative;
        z-index: 2;
    }

        .input-group-prepend .btn:focus,
        .input-group-append .btn:focus {
            z-index: 3;
        }

        .input-group-prepend .btn + .btn,
        .input-group-prepend .btn + .input-group-text,
        .input-group-prepend .input-group-text + .input-group-text,
        .input-group-prepend .input-group-text + .btn,
        .input-group-append .btn + .btn,
        .input-group-append .btn + .input-group-text,
        .input-group-append .input-group-text + .input-group-text,
        .input-group-append .input-group-text + .btn {
            margin-left: -1px;
        }

.input-group-prepend {
    margin-right: -1px;
}

.input-group-append {
    margin-left: -1px;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

    .input-group-text input[type=radio],
    .input-group-text input[type=checkbox] {
        margin-top: 0;
    }

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
    height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
    height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
    padding-right: 1.75rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem;
}

.custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}

    .custom-control-input:checked ~ .custom-control-label::before {
        color: #fff;
        border-color: #007bff;
        background-color: #007bff;
    }

    .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

    .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
        border-color: #80bdff;
    }

    .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
        color: #fff;
        background-color: #b3d7ff;
        border-color: #b3d7ff;
    }

    .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: 0.25rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        pointer-events: none;
        content: "";
        background-color: #fff;
        border: 1px solid #adb5bd;
    }

    .custom-control-label::after {
        position: absolute;
        top: 0.25rem;
        left: -1.5rem;
        display: block;
        width: 1rem;
        height: 1rem;
        content: "";
        background: 50%/50% 50% no-repeat;
    }

.custom-checkbox .custom-control-label::before {
    border-radius: 0.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='%23fff' 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: #007bff;
    background-color: #007bff;
}

.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='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-radio .custom-control-label::before {
    border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-switch {
    padding-left: 2.25rem;
}

    .custom-switch .custom-control-label::before {
        left: -2.25rem;
        width: 1.75rem;
        pointer-events: all;
        border-radius: 0.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: 0.5rem;
        transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

@media (prefers-reduced-motion: reduce) {
    .custom-switch .custom-control-label::after {
        transition: none;
    }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    transform: translateX(0.75rem);
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0, 123, 255, 0.5);
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.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") right 0.75rem center/8px 10px no-repeat;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .custom-select:focus {
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

        .custom-select:focus::-ms-value {
            color: #495057;
            background-color: #fff;
        }

    .custom-select[multiple], .custom-select[size]:not([size="1"]) {
        height: auto;
        padding-right: 0.75rem;
        background-image: none;
    }

    .custom-select:disabled {
        color: #6c757d;
        background-color: #e9ecef;
    }

    .custom-select::-ms-expand {
        display: none;
    }

    .custom-select:-moz-focusring {
        color: transparent;
        text-shadow: 0 0 0 #495057;
    }

.custom-select-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    font-size: 0.875rem;
}

.custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin-bottom: 0;
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin: 0;
    overflow: hidden;
    opacity: 0;
}

    .custom-file-input:focus ~ .custom-file-label {
        border-color: #80bdff;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.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: 0.375rem 0.75rem;
    overflow: hidden;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.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: 0.375rem 0.75rem;
        line-height: 1.5;
        color: #495057;
        content: "Browse";
        background-color: #e9ecef;
        border-left: inherit;
        border-radius: 0 0.25rem 0.25rem 0;
    }

.custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

    .custom-range:focus {
        outline: 0;
    }

        .custom-range:focus::-webkit-slider-thumb {
            box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        }

        .custom-range:focus::-moz-range-thumb {
            box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        }

        .custom-range:focus::-ms-thumb {
            box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
        }

    .custom-range::-moz-focus-outer {
        border: 0;
    }

    .custom-range::-webkit-slider-thumb {
        width: 1rem;
        height: 1rem;
        margin-top: -0.25rem;
        background-color: #007bff;
        border: 0;
        border-radius: 1rem;
        -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        -webkit-appearance: none;
        appearance: none;
    }

@media (prefers-reduced-motion: reduce) {
    .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none;
    }
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff;
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -moz-appearance: none;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none;
    }
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff;
}

.custom-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem;
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: 0.2rem;
    margin-left: 0.2rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    -ms-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none;
}

@media (prefers-reduced-motion: reduce) {
    .custom-range::-ms-thumb {
        -ms-transition: none;
        transition: none;
    }
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff;
}

.custom-range::-ms-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: 0.5rem;
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem;
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem;
}

.custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd;
}

.custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default;
}

.custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd;
}

.custom-range:disabled::-moz-range-track {
    cursor: default;
}

.custom-range:disabled::-ms-thumb {
    background-color: #adb5bd;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
        transition: none;
    }
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link {
    display: block;
    padding: 0.5rem 1rem;
}

    .nav-link:hover, .nav-link:focus {
        text-decoration: none;
    }

    .nav-link.disabled {
        color: #6c757d;
        pointer-events: none;
        cursor: default;
    }

.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}

    .nav-tabs .nav-link {
        margin-bottom: -1px;
        background-color: transparent;
        border: 1px solid transparent;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }

        .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
            isolation: isolate;
            border-color: #e9ecef #e9ecef #dee2e6;
        }

        .nav-tabs .nav-link.disabled {
            color: #6c757d;
            background-color: transparent;
            border-color: transparent;
        }

        .nav-tabs .nav-link.active,
        .nav-tabs .nav-item.show .nav-link {
            color: #495057;
            background-color: #fff;
            border-color: #dee2e6 #dee2e6 #fff;
        }

    .nav-tabs .dropdown-menu {
        margin-top: -1px;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: 0.25rem;
}

    .nav-pills .nav-link.active,
    .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #007bff;
    }

.nav-fill > .nav-link,
.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}

    .navbar .container,
    .navbar .container-fluid,
    .navbar .container-sm,
    .navbar .container-md,
    .navbar .container-lg,
    .navbar .container-xl {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

.navbar-brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

    .navbar-brand:hover, .navbar-brand:focus {
        text-decoration: none;
    }

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }

.navbar-text {
    display: inline-block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
}

.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

    .navbar-toggler:hover, .navbar-toggler:focus {
        text-decoration: none;
    }

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: 50%/100% 100% no-repeat;
}

.navbar-nav-scroll {
    max-height: 75vh;
    overflow-y: auto;
}

@media (max-width: 575.98px) {
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid,
    .navbar-expand-sm > .container-sm,
    .navbar-expand-sm > .container-md,
    .navbar-expand-sm > .container-lg,
    .navbar-expand-sm > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-sm .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-sm .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-sm .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-sm > .container,
        .navbar-expand-sm > .container-fluid,
        .navbar-expand-sm > .container-sm,
        .navbar-expand-sm > .container-md,
        .navbar-expand-sm > .container-lg,
        .navbar-expand-sm > .container-xl {
            flex-wrap: nowrap;
        }

        .navbar-expand-sm .navbar-nav-scroll {
            overflow: visible;
        }

        .navbar-expand-sm .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-sm .navbar-toggler {
            display: none;
        }
}

@media (max-width: 767.98px) {
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid,
    .navbar-expand-md > .container-sm,
    .navbar-expand-md > .container-md,
    .navbar-expand-md > .container-lg,
    .navbar-expand-md > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 768px) {
    .navbar-expand-md {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-md .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-md .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-md .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-md > .container,
        .navbar-expand-md > .container-fluid,
        .navbar-expand-md > .container-sm,
        .navbar-expand-md > .container-md,
        .navbar-expand-md > .container-lg,
        .navbar-expand-md > .container-xl {
            flex-wrap: nowrap;
        }

        .navbar-expand-md .navbar-nav-scroll {
            overflow: visible;
        }

        .navbar-expand-md .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-md .navbar-toggler {
            display: none;
        }
}

@media (max-width: 991.98px) {
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid,
    .navbar-expand-lg > .container-sm,
    .navbar-expand-lg > .container-md,
    .navbar-expand-lg > .container-lg,
    .navbar-expand-lg > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-lg .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-lg .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-lg > .container,
        .navbar-expand-lg > .container-fluid,
        .navbar-expand-lg > .container-sm,
        .navbar-expand-lg > .container-md,
        .navbar-expand-lg > .container-lg,
        .navbar-expand-lg > .container-xl {
            flex-wrap: nowrap;
        }

        .navbar-expand-lg .navbar-nav-scroll {
            overflow: visible;
        }

        .navbar-expand-lg .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-lg .navbar-toggler {
            display: none;
        }
}

@media (max-width: 1199.98px) {
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid,
    .navbar-expand-xl > .container-sm,
    .navbar-expand-xl > .container-md,
    .navbar-expand-xl > .container-lg,
    .navbar-expand-xl > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }
}

@media (min-width: 1200px) {
    .navbar-expand-xl {
        flex-flow: row nowrap;
        justify-content: flex-start;
    }

        .navbar-expand-xl .navbar-nav {
            flex-direction: row;
        }

            .navbar-expand-xl .navbar-nav .dropdown-menu {
                position: absolute;
            }

            .navbar-expand-xl .navbar-nav .nav-link {
                padding-right: 0.5rem;
                padding-left: 0.5rem;
            }

        .navbar-expand-xl > .container,
        .navbar-expand-xl > .container-fluid,
        .navbar-expand-xl > .container-sm,
        .navbar-expand-xl > .container-md,
        .navbar-expand-xl > .container-lg,
        .navbar-expand-xl > .container-xl {
            flex-wrap: nowrap;
        }

        .navbar-expand-xl .navbar-nav-scroll {
            overflow: visible;
        }

        .navbar-expand-xl .navbar-collapse {
            display: flex !important;
            flex-basis: auto;
        }

        .navbar-expand-xl .navbar-toggler {
            display: none;
        }
}

.navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start;
}

    .navbar-expand > .container,
    .navbar-expand > .container-fluid,
    .navbar-expand > .container-sm,
    .navbar-expand > .container-md,
    .navbar-expand > .container-lg,
    .navbar-expand > .container-xl {
        padding-right: 0;
        padding-left: 0;
    }

    .navbar-expand .navbar-nav {
        flex-direction: row;
    }

        .navbar-expand .navbar-nav .dropdown-menu {
            position: absolute;
        }

        .navbar-expand .navbar-nav .nav-link {
            padding-right: 0.5rem;
            padding-left: 0.5rem;
        }

    .navbar-expand > .container,
    .navbar-expand > .container-fluid,
    .navbar-expand > .container-sm,
    .navbar-expand > .container-md,
    .navbar-expand > .container-lg,
    .navbar-expand > .container-xl {
        flex-wrap: nowrap;
    }

    .navbar-expand .navbar-nav-scroll {
        overflow: visible;
    }

    .navbar-expand .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
    }

    .navbar-expand .navbar-toggler {
        display: none;
    }

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}

    .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
        color: rgba(0, 0, 0, 0.9);
    }

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, 0.5);
}

    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
        color: rgba(0, 0, 0, 0.7);
    }

    .navbar-light .navbar-nav .nav-link.disabled {
        color: rgba(0, 0, 0, 0.3);
    }

    .navbar-light .navbar-nav .show > .nav-link,
    .navbar-light .navbar-nav .active > .nav-link,
    .navbar-light .navbar-nav .nav-link.show,
    .navbar-light .navbar-nav .nav-link.active {
        color: rgba(0, 0, 0, 0.9);
    }

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, 0.5);
    border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, 0.5);
}

    .navbar-light .navbar-text a {
        color: rgba(0, 0, 0, 0.9);
    }

        .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
            color: rgba(0, 0, 0, 0.9);
        }

.navbar-dark .navbar-brand {
    color: #fff;
}

    .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
        color: #fff;
    }

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5);
}

    .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
        color: rgba(255, 255, 255, 0.75);
    }

    .navbar-dark .navbar-nav .nav-link.disabled {
        color: rgba(255, 255, 255, 0.25);
    }

    .navbar-dark .navbar-nav .show > .nav-link,
    .navbar-dark .navbar-nav .active > .nav-link,
    .navbar-dark .navbar-nav .nav-link.show,
    .navbar-dark .navbar-nav .nav-link.active {
        color: #fff;
    }

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.5);
}

    .navbar-dark .navbar-text a {
        color: #fff;
    }

        .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
            color: #fff;
        }

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

    .card > hr {
        margin-right: 0;
        margin-left: 0;
    }

    .card > .list-group {
        border-top: inherit;
        border-bottom: inherit;
    }

        .card > .list-group:first-child {
            border-top-width: 0;
            border-top-left-radius: calc(0.25rem - 1px);
            border-top-right-radius: calc(0.25rem - 1px);
        }

        .card > .list-group:last-child {
            border-bottom-width: 0;
            border-bottom-right-radius: calc(0.25rem - 1px);
            border-bottom-left-radius: calc(0.25rem - 1px);
        }

        .card > .card-header + .list-group,
        .card > .list-group + .card-footer {
            border-top: 0;
        }

.card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: 0.75rem;
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}

.card-link + .card-link {
    margin-left: 1.25rem;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

    .card-header:first-child {
        border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
    }

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

    .card-footer:last-child {
        border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
    }

.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-top,
.card-img-bottom {
    flex-shrink: 0;
    width: 100%;
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck .card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-deck {
        display: flex;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

        .card-deck .card {
            flex: 1 0 0%;
            margin-right: 15px;
            margin-bottom: 0;
            margin-left: 15px;
        }
}

.card-group > .card {
    margin-bottom: 15px;
}

@media (min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap;
    }

        .card-group > .card {
            flex: 1 0 0%;
            margin-bottom: 0;
        }

            .card-group > .card + .card {
                margin-left: 0;
                border-left: 0;
            }

            .card-group > .card:not(:last-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }

                .card-group > .card:not(:last-child) .card-img-top,
                .card-group > .card:not(:last-child) .card-header {
                    border-top-right-radius: 0;
                }

                .card-group > .card:not(:last-child) .card-img-bottom,
                .card-group > .card:not(:last-child) .card-footer {
                    border-bottom-right-radius: 0;
                }

            .card-group > .card:not(:first-child) {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }

                .card-group > .card:not(:first-child) .card-img-top,
                .card-group > .card:not(:first-child) .card-header {
                    border-top-left-radius: 0;
                }

                .card-group > .card:not(:first-child) .card-img-bottom,
                .card-group > .card:not(:first-child) .card-footer {
                    border-bottom-left-radius: 0;
                }
}

.card-columns .card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .card-columns {
        -moz-column-count: 3;
        column-count: 3;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }

        .card-columns .card {
            display: inline-block;
            width: 100%;
        }
}

.accordion {
    overflow-anchor: none;
}

    .accordion > .card {
        overflow: hidden;
    }

        .accordion > .card:not(:last-of-type) {
            border-bottom: 0;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }

        .accordion > .card:not(:first-of-type) {
            border-top-left-radius: 0;
            border-top-right-radius: 0;
        }

        .accordion > .card > .card-header {
            border-radius: 0;
            margin-bottom: -1px;
        }

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0.5rem;
}

    .breadcrumb-item + .breadcrumb-item::before {
        float: left;
        padding-right: 0.5rem;
        color: #6c757d;
        content: "/";
    }

    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: underline;
    }

    .breadcrumb-item + .breadcrumb-item:hover::before {
        text-decoration: none;
    }

.breadcrumb-item.active {
    color: #6c757d;
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

    .page-link:hover {
        z-index: 2;
        color: #0056b3;
        text-decoration: none;
        background-color: #e9ecef;
        border-color: #dee2e6;
    }

    .page-link:focus {
        z-index: 3;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

.pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
}

.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .badge {
        transition: none;
    }
}

a.badge:hover, a.badge:focus {
    text-decoration: none;
}

.badge:empty {
    display: none;
}

.btn .badge {
    position: relative;
    top: -1px;
}

.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}

.badge-primary {
    color: #fff;
    background-color: #007bff;
}

a.badge-primary:hover, a.badge-primary:focus {
    color: #fff;
    background-color: #0062cc;
}

a.badge-primary:focus, a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d;
}

a.badge-secondary:hover, a.badge-secondary:focus {
    color: #fff;
    background-color: #545b62;
}

a.badge-secondary:focus, a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
    color: #fff;
    background-color: #28a745;
}

a.badge-success:hover, a.badge-success:focus {
    color: #fff;
    background-color: #1e7e34;
}

a.badge-success:focus, a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
    color: #fff;
    background-color: #17a2b8;
}

a.badge-info:hover, a.badge-info:focus {
    color: #fff;
    background-color: #117a8b;
}

a.badge-info:focus, a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
    color: #212529;
    background-color: #ffc107;
}

a.badge-warning:hover, a.badge-warning:focus {
    color: #212529;
    background-color: #d39e00;
}

a.badge-warning:focus, a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

a.badge-danger:hover, a.badge-danger:focus {
    color: #fff;
    background-color: #bd2130;
}

a.badge-danger:focus, a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa;
}

a.badge-light:hover, a.badge-light:focus {
    color: #212529;
    background-color: #dae0e5;
}

a.badge-light:focus, a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
    color: #fff;
    background-color: #343a40;
}

a.badge-dark:hover, a.badge-dark:focus {
    color: #fff;
    background-color: #1d2124;
}

a.badge-dark:focus, a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: 0.3rem;
}

@media (min-width: 576px) {
    .jumbotron {
        padding: 4rem 2rem;
    }
}

.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
}

.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.alert-heading {
    color: inherit;
}

.alert-link {
    font-weight: 700;
}

.alert-dismissible {
    padding-right: 4rem;
}

    .alert-dismissible .close {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        padding: 0.75rem 1.25rem;
        color: inherit;
    }

.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}

    .alert-primary hr {
        border-top-color: #9fcdff;
    }

    .alert-primary .alert-link {
        color: #002752;
    }

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

    .alert-secondary hr {
        border-top-color: #c8cbcf;
    }

    .alert-secondary .alert-link {
        color: #202326;
    }

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

    .alert-success hr {
        border-top-color: #b1dfbb;
    }

    .alert-success .alert-link {
        color: #0b2e13;
    }

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

    .alert-info hr {
        border-top-color: #abdde5;
    }

    .alert-info .alert-link {
        color: #062c33;
    }

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

    .alert-warning hr {
        border-top-color: #ffe8a1;
    }

    .alert-warning .alert-link {
        color: #533f03;
    }

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

    .alert-danger hr {
        border-top-color: #f1b0b7;
    }

    .alert-danger .alert-link {
        color: #491217;
    }

.alert-light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
}

    .alert-light hr {
        border-top-color: #ececf6;
    }

    .alert-light .alert-link {
        color: #686868;
    }

.alert-dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}

    .alert-dark hr {
        border-top-color: #b9bbbe;
    }

    .alert-dark .alert-link {
        color: #040505;
    }

@keyframes progress-bar-stripes {
    from {
        background-position: 1rem 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #007bff;
    transition: width 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none;
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes;
}

@media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        animation: none;
    }
}

.media {
    display: flex;
    align-items: flex-start;
}

.media-body {
    flex: 1;
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 0.25rem;
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit;
}

    .list-group-item-action:hover, .list-group-item-action:focus {
        z-index: 1;
        color: #495057;
        text-decoration: none;
        background-color: #f8f9fa;
    }

    .list-group-item-action:active {
        color: #212529;
        background-color: #e9ecef;
    }

.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

    .list-group-item:first-child {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
    }

    .list-group-item:last-child {
        border-bottom-right-radius: inherit;
        border-bottom-left-radius: inherit;
    }

    .list-group-item.disabled, .list-group-item:disabled {
        color: #6c757d;
        pointer-events: none;
        background-color: #fff;
    }

    .list-group-item.active {
        z-index: 2;
        color: #fff;
        background-color: #007bff;
        border-color: #007bff;
    }

    .list-group-item + .list-group-item {
        border-top-width: 0;
    }

        .list-group-item + .list-group-item.active {
            margin-top: -1px;
            border-top-width: 1px;
        }

.list-group-horizontal {
    flex-direction: row;
}

    .list-group-horizontal > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0;
    }

    .list-group-horizontal > .list-group-item:last-child {
        border-top-right-radius: 0.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: 0.25rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal-sm > .list-group-item:last-child {
            border-top-right-radius: 0.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: 0.25rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal-md > .list-group-item:last-child {
            border-top-right-radius: 0.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: 0.25rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal-lg > .list-group-item:last-child {
            border-top-right-radius: 0.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: 0.25rem;
            border-top-right-radius: 0;
        }

        .list-group-horizontal-xl > .list-group-item:last-child {
            border-top-right-radius: 0.25rem;
            border-bottom-left-radius: 0;
        }

        .list-group-horizontal-xl > .list-group-item.active {
            margin-top: 0;
        }

        .list-group-horizontal-xl > .list-group-item + .list-group-item {
            border-top-width: 1px;
            border-left-width: 0;
        }

            .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
                margin-left: -1px;
                border-left-width: 1px;
            }
}

.list-group-flush {
    border-radius: 0;
}

    .list-group-flush > .list-group-item {
        border-width: 0 0 1px;
    }

        .list-group-flush > .list-group-item:last-child {
            border-bottom-width: 0;
        }

.list-group-item-primary {
    color: #004085;
    background-color: #b8daff;
}

    .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
        color: #004085;
        background-color: #9fcdff;
    }

    .list-group-item-primary.list-group-item-action.active {
        color: #fff;
        background-color: #004085;
        border-color: #004085;
    }

.list-group-item-secondary {
    color: #383d41;
    background-color: #d6d8db;
}

    .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
        color: #383d41;
        background-color: #c8cbcf;
    }

    .list-group-item-secondary.list-group-item-action.active {
        color: #fff;
        background-color: #383d41;
        border-color: #383d41;
    }

.list-group-item-success {
    color: #155724;
    background-color: #c3e6cb;
}

    .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
        color: #155724;
        background-color: #b1dfbb;
    }

    .list-group-item-success.list-group-item-action.active {
        color: #fff;
        background-color: #155724;
        border-color: #155724;
    }

.list-group-item-info {
    color: #0c5460;
    background-color: #bee5eb;
}

    .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
        color: #0c5460;
        background-color: #abdde5;
    }

    .list-group-item-info.list-group-item-action.active {
        color: #fff;
        background-color: #0c5460;
        border-color: #0c5460;
    }

.list-group-item-warning {
    color: #856404;
    background-color: #ffeeba;
}

    .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
        color: #856404;
        background-color: #ffe8a1;
    }

    .list-group-item-warning.list-group-item-action.active {
        color: #fff;
        background-color: #856404;
        border-color: #856404;
    }

.list-group-item-danger {
    color: #721c24;
    background-color: #f5c6cb;
}

    .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
        color: #721c24;
        background-color: #f1b0b7;
    }

    .list-group-item-danger.list-group-item-action.active {
        color: #fff;
        background-color: #721c24;
        border-color: #721c24;
    }

.list-group-item-light {
    color: #818182;
    background-color: #fdfdfe;
}

    .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
        color: #818182;
        background-color: #ececf6;
    }

    .list-group-item-light.list-group-item-action.active {
        color: #fff;
        background-color: #818182;
        border-color: #818182;
    }

.list-group-item-dark {
    color: #1b1e21;
    background-color: #c6c8ca;
}

    .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
        color: #1b1e21;
        background-color: #b9bbbe;
    }

    .list-group-item-dark.list-group-item-action.active {
        color: #fff;
        background-color: #1b1e21;
        border-color: #1b1e21;
    }

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.5;
}

    .close:hover {
        color: #000;
        text-decoration: none;
    }

    .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
        opacity: 0.75;
    }

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
}

a.close.disabled {
    pointer-events: none;
}

.toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: 0.875rem;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
    opacity: 0;
    border-radius: 0.25rem;
}

    .toast:not(:last-child) {
        margin-bottom: 0.75rem;
    }

    .toast.showing {
        opacity: 1;
    }

    .toast.show {
        display: block;
        opacity: 1;
    }

    .toast.hide {
        display: none;
    }

.toast-header {
    display: flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.toast-body {
    padding: 0.75rem;
}

.modal-open {
    overflow: hidden;
}

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: auto;
    }

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none;
}

.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}

.modal.show .modal-dialog {
    transform: none;
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02);
}

.modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem);
}

    .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 1rem);
        overflow: hidden;
    }

    .modal-dialog-scrollable .modal-header,
    .modal-dialog-scrollable .modal-footer {
        flex-shrink: 0;
    }

    .modal-dialog-scrollable .modal-body {
        overflow-y: auto;
    }

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}

    .modal-dialog-centered::before {
        display: block;
        height: calc(100vh - 1rem);
        height: -moz-min-content;
        height: min-content;
        content: "";
    }

    .modal-dialog-centered.modal-dialog-scrollable {
        flex-direction: column;
        justify-content: center;
        height: 100%;
    }

        .modal-dialog-centered.modal-dialog-scrollable .modal-content {
            max-height: none;
        }

        .modal-dialog-centered.modal-dialog-scrollable::before {
            content: none;
        }

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}

    .modal-backdrop.fade {
        opacity: 0;
    }

    .modal-backdrop.show {
        opacity: 0.5;
    }

.modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

    .modal-header .close {
        padding: 1rem 1rem;
        margin: -1rem -1rem -1rem auto;
    }

.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px);
}

    .modal-footer > * {
        margin: 0.25rem;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }

    .modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem);
    }

        .modal-dialog-scrollable .modal-content {
            max-height: calc(100vh - 3.5rem);
        }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }

        .modal-dialog-centered::before {
            height: calc(100vh - 3.5rem);
            height: -moz-min-content;
            height: min-content;
        }

    .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        max-width: 800px;
    }
}

@media (min-width: 1200px) {
    .modal-xl {
        max-width: 1140px;
    }
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0;
}

    .tooltip.show {
        opacity: 0.9;
    }

    .tooltip .arrow {
        position: absolute;
        display: block;
        width: 0.8rem;
        height: 0.4rem;
    }

        .tooltip .arrow::before {
            position: absolute;
            content: "";
            border-color: transparent;
            border-style: solid;
        }

    .bs-tooltip-top, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=top], .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=top], .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=top], .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=top], .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=top], .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=top], .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=top], .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=top], .bs-tooltip-auto[x-placement^=top] {
        padding: 0.4rem 0;
    }

        .bs-tooltip-top .arrow, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=top] .arrow, .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=top] .arrow, .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=top] .arrow, .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=top] .arrow, .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=top] .arrow, .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=top] .arrow, .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=top] .arrow, .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
            bottom: 0;
        }

            .bs-tooltip-top .arrow::before, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
                top: 0;
                border-width: 0.4rem 0.4rem 0;
                border-top-color: #000;
            }

    .bs-tooltip-right, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=right], .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=right], .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=right], .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=right], .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=right], .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=right], .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=right], .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=right], .bs-tooltip-auto[x-placement^=right] {
        padding: 0 0.4rem;
    }

        .bs-tooltip-right .arrow, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=right] .arrow, .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=right] .arrow, .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=right] .arrow, .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=right] .arrow, .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=right] .arrow, .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=right] .arrow, .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=right] .arrow, .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=right] .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
            left: 0;
            width: 0.4rem;
            height: 0.8rem;
        }

            .bs-tooltip-right .arrow::before, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=right] .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
                right: 0;
                border-width: 0.4rem 0.4rem 0.4rem 0;
                border-right-color: #000;
            }

    .bs-tooltip-bottom, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=bottom], .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=bottom], .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=bottom], .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=bottom], .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=bottom], .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=bottom], .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=bottom], .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-auto[x-placement^=bottom] {
        padding: 0.4rem 0;
    }

        .bs-tooltip-bottom .arrow, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=bottom] .arrow, .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=bottom] .arrow, .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=bottom] .arrow, .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=bottom] .arrow, .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=bottom] .arrow, .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=bottom] .arrow, .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=bottom] .arrow, .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
            top: 0;
        }

            .bs-tooltip-bottom .arrow::before, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
                bottom: 0;
                border-width: 0 0.4rem 0.4rem;
                border-bottom-color: #000;
            }

    .bs-tooltip-left, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=left], .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=left], .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=left], .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=left], .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=left], .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=left], .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=left], .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=left], .bs-tooltip-auto[x-placement^=left] {
        padding: 0 0.4rem;
    }

        .bs-tooltip-left .arrow, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=left] .arrow, .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=left] .arrow, .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=left] .arrow, .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=left] .arrow, .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=left] .arrow, .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=left] .arrow, .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=left] .arrow, .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=left] .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
            right: 0;
            width: 0.4rem;
            height: 0.8rem;
        }

            .bs-tooltip-left .arrow::before, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=left] .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
                left: 0;
                border-width: 0.4rem 0 0.4rem 0.4rem;
                border-left-color: #000;
            }

.tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0.25rem;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    white-space: normal;
    word-spacing: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
}

    .popover .arrow {
        position: absolute;
        display: block;
        width: 1rem;
        height: 0.5rem;
        margin: 0 0.3rem;
    }

        .popover .arrow::before, .popover .arrow::after {
            position: absolute;
            display: block;
            content: "";
            border-color: transparent;
            border-style: solid;
        }

.bs-popover-top, .b-popover-dark.bs-popover-auto[x-placement^=top], .b-popover-light.bs-popover-auto[x-placement^=top], .b-popover-danger.bs-popover-auto[x-placement^=top], .b-popover-warning.bs-popover-auto[x-placement^=top], .b-popover-info.bs-popover-auto[x-placement^=top], .b-popover-success.bs-popover-auto[x-placement^=top], .b-popover-secondary.bs-popover-auto[x-placement^=top], .b-popover-primary.bs-popover-auto[x-placement^=top], .bs-popover-auto[x-placement^=top] {
    margin-bottom: 0.5rem;
}

    .bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
        bottom: calc(-0.5rem - 1px);
    }

        .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
            bottom: 0;
            border-width: 0.5rem 0.5rem 0;
            border-top-color: rgba(0, 0, 0, 0.25);
        }

        .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {
            bottom: 1px;
            border-width: 0.5rem 0.5rem 0;
            border-top-color: #fff;
        }

.bs-popover-right, .b-popover-dark.bs-popover-auto[x-placement^=right], .b-popover-light.bs-popover-auto[x-placement^=right], .b-popover-danger.bs-popover-auto[x-placement^=right], .b-popover-warning.bs-popover-auto[x-placement^=right], .b-popover-info.bs-popover-auto[x-placement^=right], .b-popover-success.bs-popover-auto[x-placement^=right], .b-popover-secondary.bs-popover-auto[x-placement^=right], .b-popover-primary.bs-popover-auto[x-placement^=right], .bs-popover-auto[x-placement^=right] {
    margin-left: 0.5rem;
}

    .bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
        left: calc(-0.5rem - 1px);
        width: 0.5rem;
        height: 1rem;
        margin: 0.3rem 0;
    }

        .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
            left: 0;
            border-width: 0.5rem 0.5rem 0.5rem 0;
            border-right-color: rgba(0, 0, 0, 0.25);
        }

        .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {
            left: 1px;
            border-width: 0.5rem 0.5rem 0.5rem 0;
            border-right-color: #fff;
        }

.bs-popover-bottom, .b-popover-dark.bs-popover-auto[x-placement^=bottom], .b-popover-light.bs-popover-auto[x-placement^=bottom], .b-popover-danger.bs-popover-auto[x-placement^=bottom], .b-popover-warning.bs-popover-auto[x-placement^=bottom], .b-popover-info.bs-popover-auto[x-placement^=bottom], .b-popover-success.bs-popover-auto[x-placement^=bottom], .b-popover-secondary.bs-popover-auto[x-placement^=bottom], .b-popover-primary.bs-popover-auto[x-placement^=bottom], .bs-popover-auto[x-placement^=bottom] {
    margin-top: 0.5rem;
}

    .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
        top: calc(-0.5rem - 1px);
    }

        .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
            top: 0;
            border-width: 0 0.5rem 0.5rem 0.5rem;
            border-bottom-color: rgba(0, 0, 0, 0.25);
        }

        .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {
            top: 1px;
            border-width: 0 0.5rem 0.5rem 0.5rem;
            border-bottom-color: #fff;
        }

    .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
        position: absolute;
        top: 0;
        left: 50%;
        display: block;
        width: 1rem;
        margin-left: -0.5rem;
        content: "";
        border-bottom: 1px solid #f7f7f7;
    }

.bs-popover-left, .b-popover-dark.bs-popover-auto[x-placement^=left], .b-popover-light.bs-popover-auto[x-placement^=left], .b-popover-danger.bs-popover-auto[x-placement^=left], .b-popover-warning.bs-popover-auto[x-placement^=left], .b-popover-info.bs-popover-auto[x-placement^=left], .b-popover-success.bs-popover-auto[x-placement^=left], .b-popover-secondary.bs-popover-auto[x-placement^=left], .b-popover-primary.bs-popover-auto[x-placement^=left], .bs-popover-auto[x-placement^=left] {
    margin-right: 0.5rem;
}

    .bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
        right: calc(-0.5rem - 1px);
        width: 0.5rem;
        height: 1rem;
        margin: 0.3rem 0;
    }

        .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
            right: 0;
            border-width: 0.5rem 0 0.5rem 0.5rem;
            border-left-color: rgba(0, 0, 0, 0.25);
        }

        .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {
            right: 1px;
            border-width: 0.5rem 0 0.5rem 0.5rem;
            border-left-color: #fff;
        }

.popover-header {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
}

    .popover-header:empty {
        display: none;
    }

.popover-body {
    padding: 0.5rem 0.75rem;
    color: #212529;
}

.carousel {
    position: relative;
}

    .carousel.pointer-event {
        touch-action: pan-y;
    }

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .carousel-inner::after {
        display: block;
        clear: both;
        content: "";
    }

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none;
    }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block;
}

    .carousel-item-next:not(.carousel-item-left),
    .active.carousel-item-right {
        transform: translateX(100%);
    }

    .carousel-item-prev:not(.carousel-item-right),
    .active.carousel-item-left {
        transform: translateX(-100%);
    }

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none;
}

    .carousel-fade .carousel-item.active,
    .carousel-fade .carousel-item-next.carousel-item-left,
    .carousel-fade .carousel-item-prev.carousel-item-right {
        z-index: 1;
        opacity: 1;
    }

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        transition: none;
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-control-prev,
    .carousel-control-next {
        transition: none;
    }
}

.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9;
}

.carousel-control-prev {
    left: 0;
}

.carousel-control-next {
    right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 50%/100% 100% no-repeat;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}

    .carousel-indicators li {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 30px;
        height: 3px;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #fff;
        background-clip: padding-box;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        opacity: 0.5;
        transition: opacity 0.6s ease;
    }

@media (prefers-reduced-motion: reduce) {
    .carousel-indicators li {
        transition: none;
    }
}

.carousel-indicators .active {
    opacity: 1;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg);
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    border: 0.25em solid currentcolor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: 0.75s linear infinite spinner-border;
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

@keyframes spinner-grow {
    0% {
        transform: scale(0);
    }

    50% {
        opacity: 1;
        transform: none;
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    background-color: currentcolor;
    border-radius: 50%;
    opacity: 0;
    animation: 0.75s linear infinite spinner-grow;
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
    .spinner-border,
    .spinner-grow {
        animation-duration: 1.5s;
    }
}

.align-baseline {
    vertical-align: baseline !important;
}

.align-top {
    vertical-align: top !important;
}

.align-middle {
    vertical-align: middle !important;
}

.align-bottom {
    vertical-align: bottom !important;
}

.align-text-bottom {
    vertical-align: text-bottom !important;
}

.align-text-top {
    vertical-align: text-top !important;
}

.bg-primary {
    background-color: #007bff !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #0062cc !important;
}

.bg-secondary {
    background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #545b62 !important;
}

.bg-success {
    background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
    background-color: #1e7e34 !important;
}

.bg-info {
    background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
    background-color: #117a8b !important;
}

.bg-warning {
    background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #d39e00 !important;
}

.bg-danger {
    background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #bd2130 !important;
}

.bg-light {
    background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: #dae0e5 !important;
}

.bg-dark {
    background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
    background-color: #1d2124 !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.border {
    border: 1px solid #dee2e6 !important;
}

.border-top {
    border-top: 1px solid #dee2e6 !important;
}

.border-right {
    border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
    border-left: 1px solid #dee2e6 !important;
}

.border-0 {
    border: 0 !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-right-0 {
    border-right: 0 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-left-0 {
    border-left: 0 !important;
}

.border-primary {
    border-color: #007bff !important;
}

.border-secondary {
    border-color: #6c757d !important;
}

.border-success {
    border-color: #28a745 !important;
}

.border-info {
    border-color: #17a2b8 !important;
}

.border-warning {
    border-color: #ffc107 !important;
}

.border-danger {
    border-color: #dc3545 !important;
}

.border-light {
    border-color: #f8f9fa !important;
}

.border-dark {
    border-color: #343a40 !important;
}

.border-white {
    border-color: #fff !important;
}

.rounded-sm {
    border-radius: 0.2rem !important;
}

.rounded {
    border-radius: 0.25rem !important;
}

.rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}

.rounded-right {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
    border-radius: 0.3rem !important;
}

.rounded-circle {
    border-radius: 50% !important;
}

.rounded-pill {
    border-radius: 50rem !important;
}

.rounded-0 {
    border-radius: 0 !important;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: flex !important;
    }

    .d-md-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: inline-flex !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }

    .d-print-inline {
        display: inline !important;
    }

    .d-print-inline-block {
        display: inline-block !important;
    }

    .d-print-block {
        display: block !important;
    }

    .d-print-table {
        display: table !important;
    }

    .d-print-table-row {
        display: table-row !important;
    }

    .d-print-table-cell {
        display: table-cell !important;
    }

    .d-print-flex {
        display: flex !important;
    }

    .d-print-inline-flex {
        display: inline-flex !important;
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}

    .embed-responsive::before {
        display: block;
        content: "";
    }

    .embed-responsive .embed-responsive-item,
    .embed-responsive iframe,
    .embed-responsive embed,
    .embed-responsive object,
    .embed-responsive video {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.embed-responsive-21by9::before {
    padding-top: 42.85714286%;
}

.embed-responsive-16by9::before {
    padding-top: 56.25%;
}

.embed-responsive-4by3::before {
    padding-top: 75%;
}

.embed-responsive-1by1::before {
    padding-top: 100%;
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important;
    }

    .flex-sm-column {
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-sm-fill {
        flex: 1 1 auto !important;
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-sm-start {
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        justify-content: center !important;
    }

    .justify-content-sm-between {
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        justify-content: space-around !important;
    }

    .align-items-sm-start {
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        align-items: center !important;
    }

    .align-items-sm-baseline {
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        align-items: stretch !important;
    }

    .align-content-sm-start {
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        align-content: center !important;
    }

    .align-content-sm-between {
        align-content: space-between !important;
    }

    .align-content-sm-around {
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        align-self: auto !important;
    }

    .align-self-sm-start {
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        align-self: center !important;
    }

    .align-self-sm-baseline {
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important;
    }

    .flex-md-column {
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-md-wrap {
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-md-fill {
        flex: 1 1 auto !important;
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-md-start {
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        justify-content: center !important;
    }

    .justify-content-md-between {
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        justify-content: space-around !important;
    }

    .align-items-md-start {
        align-items: flex-start !important;
    }

    .align-items-md-end {
        align-items: flex-end !important;
    }

    .align-items-md-center {
        align-items: center !important;
    }

    .align-items-md-baseline {
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        align-items: stretch !important;
    }

    .align-content-md-start {
        align-content: flex-start !important;
    }

    .align-content-md-end {
        align-content: flex-end !important;
    }

    .align-content-md-center {
        align-content: center !important;
    }

    .align-content-md-between {
        align-content: space-between !important;
    }

    .align-content-md-around {
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        align-content: stretch !important;
    }

    .align-self-md-auto {
        align-self: auto !important;
    }

    .align-self-md-start {
        align-self: flex-start !important;
    }

    .align-self-md-end {
        align-self: flex-end !important;
    }

    .align-self-md-center {
        align-self: center !important;
    }

    .align-self-md-baseline {
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important;
    }

    .flex-lg-column {
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-lg-fill {
        flex: 1 1 auto !important;
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-lg-start {
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        justify-content: center !important;
    }

    .justify-content-lg-between {
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        justify-content: space-around !important;
    }

    .align-items-lg-start {
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        align-items: center !important;
    }

    .align-items-lg-baseline {
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        align-items: stretch !important;
    }

    .align-content-lg-start {
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        align-content: center !important;
    }

    .align-content-lg-between {
        align-content: space-between !important;
    }

    .align-content-lg-around {
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        align-self: auto !important;
    }

    .align-self-lg-start {
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        align-self: center !important;
    }

    .align-self-lg-baseline {
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        flex-direction: row !important;
    }

    .flex-xl-column {
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-xl-fill {
        flex: 1 1 auto !important;
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-xl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        justify-content: center !important;
    }

    .justify-content-xl-between {
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        justify-content: space-around !important;
    }

    .align-items-xl-start {
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        align-items: center !important;
    }

    .align-items-xl-baseline {
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        align-items: stretch !important;
    }

    .align-content-xl-start {
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        align-content: center !important;
    }

    .align-content-xl-between {
        align-content: space-between !important;
    }

    .align-content-xl-around {
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        align-self: auto !important;
    }

    .align-self-xl-start {
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        align-self: center !important;
    }

    .align-self-xl-baseline {
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        align-self: stretch !important;
    }
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}

@media (min-width: 576px) {
    .float-sm-left {
        float: left !important;
    }

    .float-sm-right {
        float: right !important;
    }

    .float-sm-none {
        float: none !important;
    }
}

@media (min-width: 768px) {
    .float-md-left {
        float: left !important;
    }

    .float-md-right {
        float: right !important;
    }

    .float-md-none {
        float: none !important;
    }
}

@media (min-width: 992px) {
    .float-lg-left {
        float: left !important;
    }

    .float-lg-right {
        float: right !important;
    }

    .float-lg-none {
        float: none !important;
    }
}

@media (min-width: 1200px) {
    .float-xl-left {
        float: left !important;
    }

    .float-xl-right {
        float: right !important;
    }

    .float-xl-none {
        float: none !important;
    }
}

.user-select-all {
    -webkit-user-select: all !important;
    -moz-user-select: all !important;
    user-select: all !important;
}

.user-select-auto {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    user-select: auto !important;
}

.user-select-none {
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    user-select: none !important;
}

.overflow-auto {
    overflow: auto !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

.position-static {
    position: static !important;
}

.position-relative {
    position: relative !important;
}

.position-absolute {
    position: absolute !important;
}

.position-fixed {
    position: fixed !important;
}

.position-sticky {
    position: sticky !important;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}

@supports (position: sticky) {
    .sticky-top {
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
    box-shadow: none !important;
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.vw-100 {
    width: 100vw !important;
}

.vh-100 {
    height: 100vh !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
    margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.p-0 {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2 {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3 {
    padding-right: 1rem !important;
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
    padding-left: 1rem !important;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-n1 {
    margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
    margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
    margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
    margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
    margin-left: -0.25rem !important;
}

.m-n2 {
    margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
    margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
    margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
    margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
    margin-left: -0.5rem !important;
}

.m-n3 {
    margin: -1rem !important;
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important;
}

.m-n4 {
    margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important;
}

.m-n5 {
    margin: -3rem !important;
}

.mt-n5,
.my-n5 {
    margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
    margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
    margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
    margin-left: -3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
    margin-left: auto !important;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important;
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important;
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important;
    }

    .m-sm-n1 {
        margin: -0.25rem !important;
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -0.25rem !important;
    }

    .m-sm-n2 {
        margin: -0.5rem !important;
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -0.5rem !important;
    }

    .m-sm-n3 {
        margin: -1rem !important;
    }

    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important;
    }

    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important;
    }

    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important;
    }

    .m-sm-n4 {
        margin: -1.5rem !important;
    }

    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important;
    }

    .m-sm-n5 {
        margin: -3rem !important;
    }

    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -3rem !important;
    }

    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -3rem !important;
    }

    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important;
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important;
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important;
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important;
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important;
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important;
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important;
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important;
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important;
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important;
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important;
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important;
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important;
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: 0.5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important;
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important;
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important;
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important;
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important;
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important;
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important;
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important;
    }

    .m-md-n1 {
        margin: -0.25rem !important;
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -0.25rem !important;
    }

    .m-md-n2 {
        margin: -0.5rem !important;
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -0.5rem !important;
    }

    .m-md-n3 {
        margin: -1rem !important;
    }

    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important;
    }

    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important;
    }

    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important;
    }

    .m-md-n4 {
        margin: -1.5rem !important;
    }

    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important;
    }

    .m-md-n5 {
        margin: -3rem !important;
    }

    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important;
    }

    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important;
    }

    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important;
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important;
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important;
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important;
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important;
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important;
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important;
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important;
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important;
    }

    .p-lg-0 {
        padding: 0 !important;
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important;
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important;
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important;
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important;
    }

    .m-lg-n1 {
        margin: -0.25rem !important;
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -0.25rem !important;
    }

    .m-lg-n2 {
        margin: -0.5rem !important;
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -0.5rem !important;
    }

    .m-lg-n3 {
        margin: -1rem !important;
    }

    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important;
    }

    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important;
    }

    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important;
    }

    .m-lg-n4 {
        margin: -1.5rem !important;
    }

    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important;
    }

    .m-lg-n5 {
        margin: -3rem !important;
    }

    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -3rem !important;
    }

    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -3rem !important;
    }

    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1200px) {
    .m-xl-0 {
        margin: 0 !important;
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important;
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important;
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important;
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important;
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important;
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important;
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important;
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important;
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important;
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important;
    }

    .m-xl-n1 {
        margin: -0.25rem !important;
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -0.25rem !important;
    }

    .m-xl-n2 {
        margin: -0.5rem !important;
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -0.5rem !important;
    }

    .m-xl-n3 {
        margin: -1rem !important;
    }

    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important;
    }

    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important;
    }

    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important;
    }

    .m-xl-n4 {
        margin: -1.5rem !important;
    }

    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important;
    }

    .m-xl-n5 {
        margin: -3rem !important;
    }

    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -3rem !important;
    }

    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -3rem !important;
    }

    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
    text-align: justify !important;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }

    .text-sm-right {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }

    .text-md-right {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }

    .text-lg-right {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important;
    }

    .text-xl-right {
        text-align: right !important;
    }

    .text-xl-center {
        text-align: center !important;
    }
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-lighter {
    font-weight: lighter !important;
}

.font-weight-normal {
    font-weight: 400 !important;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.font-weight-bolder {
    font-weight: bolder !important;
}

.font-italic {
    font-style: italic !important;
}

.text-white {
    color: #fff !important;
}

.text-primary {
    color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #0056b3 !important;
}

.text-secondary {
    color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
    color: #494f54 !important;
}

.text-success {
    color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
    color: #19692c !important;
}

.text-info {
    color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
    color: #0f6674 !important;
}

.text-warning {
    color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
    color: #ba8b00 !important;
}

.text-danger {
    color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
    color: #a71d2a !important;
}

.text-light {
    color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
    color: #cbd3da !important;
}

.text-dark {
    color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
    color: #121416 !important;
}

.text-body {
    color: #212529 !important;
}

.text-muted {
    color: #6c757d !important;
}

.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.text-decoration-none {
    text-decoration: none !important;
}

.text-break {
    word-break: break-word !important;
    word-wrap: break-word !important;
}

.text-reset {
    color: inherit !important;
}

.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}

@media print {
    *,
    *::before,
    *::after {
        text-shadow: none !important;
        box-shadow: none !important;
    }

    a:not(.btn) {
        text-decoration: underline;
    }

    abbr[title]::after {
        content: " (" attr(title) ")";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #adb5bd;
        page-break-inside: avoid;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    @page {
        size: a3;
    }

    body {
        min-width: 992px !important;
    }

    .container {
        min-width: 992px !important;
    }

    .navbar {
        display: none;
    }

    .badge {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

        .table td,
        .table th {
            background-color: #fff !important;
        }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #dee2e6 !important;
    }

    .table-dark {
        color: inherit;
    }

        .table-dark th,
        .table-dark td,
        .table-dark thead th,
        .table-dark tbody + tbody {
            border-color: #dee2e6;
        }

    .table .thead-dark th {
        color: inherit;
        border-color: #dee2e6;
    }
}

.bv-no-focus-ring:focus {
    outline: none;
}

@media (max-width: 575.98px) {
    .bv-d-xs-down-none {
        display: none !important;
    }
}

@media (max-width: 767.98px) {
    .bv-d-sm-down-none {
        display: none !important;
    }
}

@media (max-width: 991.98px) {
    .bv-d-md-down-none {
        display: none !important;
    }
}

@media (max-width: 1199.98px) {
    .bv-d-lg-down-none {
        display: none !important;
    }
}

.bv-d-xl-down-none {
    display: none !important;
}

.form-control.focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

    .form-control.focus.is-valid {
        border-color: #28a745;
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
    }

    .form-control.focus.is-invalid {
        border-color: #dc3545;
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
    }

.b-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    font-size: inherit;
    font-weight: 400;
    line-height: 1;
    max-width: 100%;
    max-height: auto;
    text-align: center;
    overflow: visible;
    position: relative;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .b-avatar:focus {
        outline: 0;
    }

    .b-avatar.btn, .b-avatar[href] {
        padding: 0;
        border: 0;
    }

        .b-avatar.btn .b-avatar-img img, .b-avatar[href] .b-avatar-img img {
            transition: transform 0.15s ease-in-out;
        }

        .b-avatar.btn:not(:disabled):not(.disabled), .b-avatar[href]:not(:disabled):not(.disabled) {
            cursor: pointer;
        }

            .b-avatar.btn:not(:disabled):not(.disabled):hover .b-avatar-img img, .b-avatar[href]:not(:disabled):not(.disabled):hover .b-avatar-img img {
                transform: scale(1.15);
            }

    .b-avatar.disabled, .b-avatar:disabled, .b-avatar[disabled] {
        opacity: 0.65;
        pointer-events: none;
    }

    .b-avatar .b-avatar-custom,
    .b-avatar .b-avatar-text,
    .b-avatar .b-avatar-img {
        border-radius: inherit;
        width: 100%;
        height: 100%;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-mask-image: radial-gradient(white, black);
        mask-image: radial-gradient(white, black);
    }

    .b-avatar .b-avatar-text {
        text-transform: uppercase;
        white-space: nowrap;
    }

    .b-avatar[href] {
        text-decoration: none;
    }

    .b-avatar > .b-icon {
        width: 60%;
        height: auto;
        max-width: 100%;
    }

    .b-avatar .b-avatar-img img {
        width: 100%;
        height: 100%;
        max-height: auto;
        border-radius: inherit;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .b-avatar .b-avatar-badge {
        position: absolute;
        min-height: 1.5em;
        min-width: 1.5em;
        padding: 0.25em;
        line-height: 1;
        border-radius: 10em;
        font-size: 70%;
        font-weight: 700;
        z-index: 1;
    }

.b-avatar-sm {
    width: 1.5rem;
    height: 1.5rem;
}

    .b-avatar-sm .b-avatar-text {
        font-size: calc(0.6rem);
    }

    .b-avatar-sm .b-avatar-badge {
        font-size: calc(0.42rem);
    }

.b-avatar-lg {
    width: 3.5rem;
    height: 3.5rem;
}

    .b-avatar-lg .b-avatar-text {
        font-size: calc(1.4rem);
    }

    .b-avatar-lg .b-avatar-badge {
        font-size: calc(0.98rem);
    }

.b-avatar-group .b-avatar-group-inner {
    display: flex;
    flex-wrap: wrap;
}

.b-avatar-group .b-avatar {
    border: 1px solid #dee2e6;
}

.b-avatar-group a.b-avatar:hover:not(.disabled):not(disabled),
.b-avatar-group .btn.b-avatar:hover:not(.disabled):not(disabled) {
    z-index: 1;
}

.b-calendar {
    display: inline-flex;
}

    .b-calendar .b-calendar-inner {
        min-width: 250px;
    }

    .b-calendar .b-calendar-header,
    .b-calendar .b-calendar-nav {
        margin-bottom: 0.25rem;
    }

        .b-calendar .b-calendar-nav .btn {
            padding: 0.25rem;
        }

    .b-calendar output {
        padding: 0.25rem;
        font-size: 80%;
    }

        .b-calendar output.readonly {
            background-color: #e9ecef;
            opacity: 1;
        }

    .b-calendar .b-calendar-footer {
        margin-top: 0.5rem;
    }

    .b-calendar .b-calendar-grid {
        padding: 0;
        margin: 0;
        overflow: hidden;
    }

        .b-calendar .b-calendar-grid .row {
            flex-wrap: nowrap;
        }

    .b-calendar .b-calendar-grid-caption {
        padding: 0.25rem;
    }

    .b-calendar .b-calendar-grid-body .col[data-date] .btn {
        width: 32px;
        height: 32px;
        font-size: 14px;
        line-height: 1;
        margin: 3px auto;
        padding: 9px 0;
    }

    .b-calendar .btn:disabled, .b-calendar .btn.disabled, .b-calendar .btn[aria-disabled=true] {
        cursor: default;
        pointer-events: none;
    }

.card-img-left {
    border-top-left-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-img-right {
    border-top-right-radius: calc(0.25rem - 1px);
    border-bottom-right-radius: calc(0.25rem - 1px);
}

.dropdown:not(.dropleft) .dropdown-toggle.dropdown-toggle-no-caret::after {
    display: none !important;
}

.dropdown.dropleft .dropdown-toggle.dropdown-toggle-no-caret::before {
    display: none !important;
}

.dropdown .dropdown-menu:focus {
    outline: none;
}

.b-dropdown-form {
    display: inline-block;
    padding: 0.25rem 1.5rem;
    width: 100%;
    clear: both;
    font-weight: 400;
}

    .b-dropdown-form:focus {
        outline: 1px dotted !important;
        outline: 5px auto -webkit-focus-ring-color !important;
    }

    .b-dropdown-form.disabled, .b-dropdown-form:disabled {
        outline: 0 !important;
        color: #adb5bd;
        pointer-events: none;
    }

.b-dropdown-text {
    display: inline-block;
    padding: 0.25rem 1.5rem;
    margin-bottom: 0;
    width: 100%;
    clear: both;
    font-weight: lighter;
}

.custom-checkbox.b-custom-control-lg,
.input-group-lg .custom-checkbox {
    font-size: 1.25rem;
    line-height: 1.5;
    padding-left: 1.875rem;
}

    .custom-checkbox.b-custom-control-lg .custom-control-label::before,
    .input-group-lg .custom-checkbox .custom-control-label::before {
        top: 0.3125rem;
        left: -1.875rem;
        width: 1.25rem;
        height: 1.25rem;
        border-radius: 0.3rem;
    }

    .custom-checkbox.b-custom-control-lg .custom-control-label::after,
    .input-group-lg .custom-checkbox .custom-control-label::after {
        top: 0.3125rem;
        left: -1.875rem;
        width: 1.25rem;
        height: 1.25rem;
        background-size: 50% 50%;
    }

.custom-checkbox.b-custom-control-sm,
.input-group-sm .custom-checkbox {
    font-size: 0.875rem;
    line-height: 1.5;
    padding-left: 1.3125rem;
}

    .custom-checkbox.b-custom-control-sm .custom-control-label::before,
    .input-group-sm .custom-checkbox .custom-control-label::before {
        top: 0.21875rem;
        left: -1.3125rem;
        width: 0.875rem;
        height: 0.875rem;
        border-radius: 0.2rem;
    }

    .custom-checkbox.b-custom-control-sm .custom-control-label::after,
    .input-group-sm .custom-checkbox .custom-control-label::after {
        top: 0.21875rem;
        left: -1.3125rem;
        width: 0.875rem;
        height: 0.875rem;
        background-size: 50% 50%;
    }

.custom-switch.b-custom-control-lg,
.input-group-lg .custom-switch {
    padding-left: 2.8125rem;
}

    .custom-switch.b-custom-control-lg .custom-control-label,
    .input-group-lg .custom-switch .custom-control-label {
        font-size: 1.25rem;
        line-height: 1.5;
    }

        .custom-switch.b-custom-control-lg .custom-control-label::before,
        .input-group-lg .custom-switch .custom-control-label::before {
            top: 0.3125rem;
            height: 1.25rem;
            left: -2.8125rem;
            width: 2.1875rem;
            border-radius: 0.625rem;
        }

        .custom-switch.b-custom-control-lg .custom-control-label::after,
        .input-group-lg .custom-switch .custom-control-label::after {
            top: calc(0.3125rem + 2px);
            left: calc(-2.8125rem + 2px);
            width: calc(1.25rem - 4px);
            height: calc(1.25rem - 4px);
            border-radius: 0.625rem;
            background-size: 50% 50%;
        }

    .custom-switch.b-custom-control-lg .custom-control-input:checked ~ .custom-control-label::after,
    .input-group-lg .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
        transform: translateX(0.9375rem);
    }

.custom-switch.b-custom-control-sm,
.input-group-sm .custom-switch {
    padding-left: 1.96875rem;
}

    .custom-switch.b-custom-control-sm .custom-control-label,
    .input-group-sm .custom-switch .custom-control-label {
        font-size: 0.875rem;
        line-height: 1.5;
    }

        .custom-switch.b-custom-control-sm .custom-control-label::before,
        .input-group-sm .custom-switch .custom-control-label::before {
            top: 0.21875rem;
            left: -1.96875rem;
            width: 1.53125rem;
            height: 0.875rem;
            border-radius: 0.4375rem;
        }

        .custom-switch.b-custom-control-sm .custom-control-label::after,
        .input-group-sm .custom-switch .custom-control-label::after {
            top: calc(0.21875rem + 2px);
            left: calc(-1.96875rem + 2px);
            width: calc(0.875rem - 4px);
            height: calc(0.875rem - 4px);
            border-radius: 0.4375rem;
            background-size: 50% 50%;
        }

    .custom-switch.b-custom-control-sm .custom-control-input:checked ~ .custom-control-label::after,
    .input-group-sm .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
        transform: translateX(0.65625rem);
    }

.input-group > .input-group-prepend > .btn-group > .btn,
.input-group > .input-group-append:not(:last-child) > .btn-group > .btn,
.input-group > .input-group-append:last-child > .btn-group:not(:last-child):not(.dropdown-toggle) > .btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn-group > .btn,
.input-group > .input-group-prepend:not(:first-child) > .btn-group > .btn,
.input-group > .input-group-prepend:first-child > .btn-group:not(:first-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.b-form-btn-label-control.form-control {
    display: flex;
    align-items: stretch;
    height: auto;
    padding: 0;
    background-image: none;
}

.input-group .b-form-btn-label-control.form-control {
    padding: 0;
}

[dir=rtl] .b-form-btn-label-control.form-control, .b-form-btn-label-control.form-control[dir=rtl] {
    flex-direction: row-reverse;
}

    [dir=rtl] .b-form-btn-label-control.form-control > label, .b-form-btn-label-control.form-control[dir=rtl] > label {
        text-align: right;
    }

.b-form-btn-label-control.form-control > .btn {
    line-height: 1;
    font-size: inherit;
    box-shadow: none !important;
    border: 0;
}

    .b-form-btn-label-control.form-control > .btn:disabled {
        pointer-events: none;
    }

.b-form-btn-label-control.form-control.is-valid > .btn {
    color: #28a745;
}

.b-form-btn-label-control.form-control.is-invalid > .btn {
    color: #dc3545;
}

.b-form-btn-label-control.form-control > .dropdown-menu {
    padding: 0.5rem;
}

.b-form-btn-label-control.form-control > .form-control {
    height: auto;
    min-height: calc(calc(1.5em + 0.75rem + 2px) - 2px);
    padding-left: 0.25rem;
    margin: 0;
    border: 0;
    outline: 0;
    background: transparent;
    word-break: break-word;
    font-size: inherit;
    white-space: normal;
    cursor: pointer;
}

    .b-form-btn-label-control.form-control > .form-control.form-control-sm {
        min-height: calc(calc(1.5em + 0.5rem + 2px) - 2px);
    }

    .b-form-btn-label-control.form-control > .form-control.form-control-lg {
        min-height: calc(calc(1.5em + 1rem + 2px) - 2px);
    }

.input-group.input-group-sm .b-form-btn-label-control.form-control > .form-control {
    min-height: calc(calc(1.5em + 0.5rem + 2px) - 2px);
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.input-group.input-group-lg .b-form-btn-label-control.form-control > .form-control {
    min-height: calc(calc(1.5em + 1rem + 2px) - 2px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.b-form-btn-label-control.form-control[aria-disabled=true], .b-form-btn-label-control.form-control[aria-readonly=true] {
    background-color: #e9ecef;
    opacity: 1;
}

.b-form-btn-label-control.form-control[aria-disabled=true] {
    pointer-events: none;
}

    .b-form-btn-label-control.form-control[aria-disabled=true] > label {
        cursor: default;
    }

.b-form-btn-label-control.btn-group > .dropdown-menu {
    padding: 0.5rem;
}

.custom-file-label {
    white-space: nowrap;
    overflow-x: hidden;
}

.b-custom-control-lg.custom-file,
.b-custom-control-lg .custom-file-input,
.b-custom-control-lg .custom-file-label,
.input-group-lg.custom-file,
.input-group-lg .custom-file-input,
.input-group-lg .custom-file-label {
    font-size: 1.25rem;
    height: calc(1.5em + 1rem + 2px);
}

    .b-custom-control-lg .custom-file-label,
    .b-custom-control-lg .custom-file-label:after,
    .input-group-lg .custom-file-label,
    .input-group-lg .custom-file-label:after {
        padding: 0.5rem 1rem;
        line-height: 1.5;
    }

.b-custom-control-lg .custom-file-label,
.input-group-lg .custom-file-label {
    border-radius: 0.3rem;
}

    .b-custom-control-lg .custom-file-label::after,
    .input-group-lg .custom-file-label::after {
        font-size: inherit;
        height: calc(1.5em + 1rem);
        border-radius: 0 0.3rem 0.3rem 0;
    }

.b-custom-control-sm.custom-file,
.b-custom-control-sm .custom-file-input,
.b-custom-control-sm .custom-file-label,
.input-group-sm.custom-file,
.input-group-sm .custom-file-input,
.input-group-sm .custom-file-label {
    font-size: 0.875rem;
    height: calc(1.5em + 0.5rem + 2px);
}

    .b-custom-control-sm .custom-file-label,
    .b-custom-control-sm .custom-file-label:after,
    .input-group-sm .custom-file-label,
    .input-group-sm .custom-file-label:after {
        padding: 0.25rem 0.5rem;
        line-height: 1.5;
    }

.b-custom-control-sm .custom-file-label,
.input-group-sm .custom-file-label {
    border-radius: 0.2rem;
}

    .b-custom-control-sm .custom-file-label::after,
    .input-group-sm .custom-file-label::after {
        font-size: inherit;
        height: calc(1.5em + 0.5rem);
        border-radius: 0 0.2rem 0.2rem 0;
    }

.was-validated .form-control:invalid, .was-validated .form-control:valid, .form-control.is-invalid, .form-control.is-valid {
    background-position: right calc(0.375em + 0.1875rem) center;
}

input[type=color].form-control {
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.125rem 0.25rem;
}

    input[type=color].form-control.form-control-sm,
    .input-group-sm input[type=color].form-control {
        height: calc(1.5em + 0.5rem + 2px);
        padding: 0.125rem 0.25rem;
    }

    input[type=color].form-control.form-control-lg,
    .input-group-lg input[type=color].form-control {
        height: calc(1.5em + 1rem + 2px);
        padding: 0.125rem 0.25rem;
    }

    input[type=color].form-control:disabled {
        background-color: #adb5bd;
        opacity: 0.65;
    }

.input-group > .custom-range {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

    .input-group > .custom-range + .form-control,
    .input-group > .custom-range + .form-control-plaintext,
    .input-group > .custom-range + .custom-select,
    .input-group > .custom-range + .custom-range,
    .input-group > .custom-range + .custom-file {
        margin-left: -1px;
    }

    .input-group > .form-control + .custom-range,
    .input-group > .form-control-plaintext + .custom-range,
    .input-group > .custom-select + .custom-range,
    .input-group > .custom-range + .custom-range,
    .input-group > .custom-file + .custom-range {
        margin-left: -1px;
    }

    .input-group > .custom-range:focus {
        z-index: 3;
    }

    .input-group > .custom-range:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .input-group > .custom-range:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

.input-group > .custom-range {
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0 0.75rem;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    height: calc(1.5em + 0.75rem + 2px);
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .input-group > .custom-range {
        transition: none;
    }
}

.input-group > .custom-range:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.input-group > .custom-range:disabled, .input-group > .custom-range[readonly] {
    background-color: #e9ecef;
}

.input-group-lg > .custom-range {
    height: calc(1.5em + 1rem + 2px);
    padding: 0 1rem;
    border-radius: 0.3rem;
}

.input-group-sm > .custom-range {
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0 0.5rem;
    border-radius: 0.2rem;
}

.was-validated .input-group .custom-range:valid, .input-group .custom-range.is-valid {
    border-color: #28a745;
}

    .was-validated .input-group .custom-range:valid:focus, .input-group .custom-range.is-valid:focus {
        border-color: #28a745;
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
    }

.was-validated .custom-range:valid:focus::-webkit-slider-thumb, .custom-range.is-valid:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #9be7ac;
}

.was-validated .custom-range:valid:focus::-moz-range-thumb, .custom-range.is-valid:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #9be7ac;
}

.was-validated .custom-range:valid:focus::-ms-thumb, .custom-range.is-valid:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #9be7ac;
}

.was-validated .custom-range:valid::-webkit-slider-thumb, .custom-range.is-valid::-webkit-slider-thumb {
    background-color: #28a745;
    background-image: none;
}

    .was-validated .custom-range:valid::-webkit-slider-thumb:active, .custom-range.is-valid::-webkit-slider-thumb:active {
        background-color: #9be7ac;
        background-image: none;
    }

.was-validated .custom-range:valid::-webkit-slider-runnable-track, .custom-range.is-valid::-webkit-slider-runnable-track {
    background-color: rgba(40, 167, 69, 0.35);
}

.was-validated .custom-range:valid::-moz-range-thumb, .custom-range.is-valid::-moz-range-thumb {
    background-color: #28a745;
    background-image: none;
}

    .was-validated .custom-range:valid::-moz-range-thumb:active, .custom-range.is-valid::-moz-range-thumb:active {
        background-color: #9be7ac;
        background-image: none;
    }

.was-validated .custom-range:valid::-moz-range-track, .custom-range.is-valid::-moz-range-track {
    background: rgba(40, 167, 69, 0.35);
}

.was-validated .custom-range:valid ~ .valid-feedback,
.was-validated .custom-range:valid ~ .valid-tooltip, .custom-range.is-valid ~ .valid-feedback,
.custom-range.is-valid ~ .valid-tooltip {
    display: block;
}

.was-validated .custom-range:valid::-ms-thumb, .custom-range.is-valid::-ms-thumb {
    background-color: #28a745;
    background-image: none;
}

    .was-validated .custom-range:valid::-ms-thumb:active, .custom-range.is-valid::-ms-thumb:active {
        background-color: #9be7ac;
        background-image: none;
    }

.was-validated .custom-range:valid::-ms-track-lower, .custom-range.is-valid::-ms-track-lower {
    background: rgba(40, 167, 69, 0.35);
}

.was-validated .custom-range:valid::-ms-track-upper, .custom-range.is-valid::-ms-track-upper {
    background: rgba(40, 167, 69, 0.35);
}

.was-validated .input-group .custom-range:invalid, .input-group .custom-range.is-invalid {
    border-color: #dc3545;
}

    .was-validated .input-group .custom-range:invalid:focus, .input-group .custom-range.is-invalid:focus {
        border-color: #dc3545;
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
    }

.was-validated .custom-range:invalid:focus::-webkit-slider-thumb, .custom-range.is-invalid:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #f6cdd1;
}

.was-validated .custom-range:invalid:focus::-moz-range-thumb, .custom-range.is-invalid:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #f6cdd1;
}

.was-validated .custom-range:invalid:focus::-ms-thumb, .custom-range.is-invalid:focus::-ms-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem #f6cdd1;
}

.was-validated .custom-range:invalid::-webkit-slider-thumb, .custom-range.is-invalid::-webkit-slider-thumb {
    background-color: #dc3545;
    background-image: none;
}

    .was-validated .custom-range:invalid::-webkit-slider-thumb:active, .custom-range.is-invalid::-webkit-slider-thumb:active {
        background-color: #f6cdd1;
        background-image: none;
    }

.was-validated .custom-range:invalid::-webkit-slider-runnable-track, .custom-range.is-invalid::-webkit-slider-runnable-track {
    background-color: rgba(220, 53, 69, 0.35);
}

.was-validated .custom-range:invalid::-moz-range-thumb, .custom-range.is-invalid::-moz-range-thumb {
    background-color: #dc3545;
    background-image: none;
}

    .was-validated .custom-range:invalid::-moz-range-thumb:active, .custom-range.is-invalid::-moz-range-thumb:active {
        background-color: #f6cdd1;
        background-image: none;
    }

.was-validated .custom-range:invalid::-moz-range-track, .custom-range.is-invalid::-moz-range-track {
    background: rgba(220, 53, 69, 0.35);
}

.was-validated .custom-range:invalid ~ .invalid-feedback,
.was-validated .custom-range:invalid ~ .invalid-tooltip, .custom-range.is-invalid ~ .invalid-feedback,
.custom-range.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .custom-range:invalid::-ms-thumb, .custom-range.is-invalid::-ms-thumb {
    background-color: #dc3545;
    background-image: none;
}

    .was-validated .custom-range:invalid::-ms-thumb:active, .custom-range.is-invalid::-ms-thumb:active {
        background-color: #f6cdd1;
        background-image: none;
    }

.was-validated .custom-range:invalid::-ms-track-lower, .custom-range.is-invalid::-ms-track-lower {
    background: rgba(220, 53, 69, 0.35);
}

.was-validated .custom-range:invalid::-ms-track-upper, .custom-range.is-invalid::-ms-track-upper {
    background: rgba(220, 53, 69, 0.35);
}

.custom-radio.b-custom-control-lg,
.input-group-lg .custom-radio {
    font-size: 1.25rem;
    line-height: 1.5;
    padding-left: 1.875rem;
}

    .custom-radio.b-custom-control-lg .custom-control-label::before,
    .input-group-lg .custom-radio .custom-control-label::before {
        top: 0.3125rem;
        left: -1.875rem;
        width: 1.25rem;
        height: 1.25rem;
        border-radius: 50%;
    }

    .custom-radio.b-custom-control-lg .custom-control-label::after,
    .input-group-lg .custom-radio .custom-control-label::after {
        top: 0.3125rem;
        left: -1.875rem;
        width: 1.25rem;
        height: 1.25rem;
        background: no-repeat 50%/50% 50%;
    }

.custom-radio.b-custom-control-sm,
.input-group-sm .custom-radio {
    font-size: 0.875rem;
    line-height: 1.5;
    padding-left: 1.3125rem;
}

    .custom-radio.b-custom-control-sm .custom-control-label::before,
    .input-group-sm .custom-radio .custom-control-label::before {
        top: 0.21875rem;
        left: -1.3125rem;
        width: 0.875rem;
        height: 0.875rem;
        border-radius: 50%;
    }

    .custom-radio.b-custom-control-sm .custom-control-label::after,
    .input-group-sm .custom-radio .custom-control-label::after {
        top: 0.21875rem;
        left: -1.3125rem;
        width: 0.875rem;
        height: 0.875rem;
        background: no-repeat 50%/50% 50%;
    }

.b-rating {
    text-align: center;
}

    .b-rating.d-inline-flex {
        width: auto;
    }

    .b-rating .b-rating-star,
    .b-rating .b-rating-value {
        padding: 0 0.25em;
    }

    .b-rating .b-rating-value {
        min-width: 2.5em;
    }

    .b-rating .b-rating-star {
        display: inline-flex;
        justify-content: center;
        outline: 0;
    }

        .b-rating .b-rating-star .b-rating-icon {
            display: inline-flex;
            transition: all 0.15s ease-in-out;
        }

    .b-rating.disabled, .b-rating:disabled {
        background-color: #e9ecef;
        color: #6c757d;
    }

    .b-rating:not(.disabled):not(.readonly) .b-rating-star {
        cursor: pointer;
    }

        .b-rating:not(.disabled):not(.readonly):focus:not(:hover) .b-rating-star.focused .b-rating-icon,
        .b-rating:not(.disabled):not(.readonly) .b-rating-star:hover .b-rating-icon {
            transform: scale(1.5);
        }

    .b-rating[dir=rtl] .b-rating-star-half {
        transform: scale(-1, 1);
    }

.b-form-spinbutton {
    text-align: center;
    overflow: hidden;
    background-image: none;
    padding: 0;
}

    [dir=rtl] .b-form-spinbutton:not(.flex-column), .b-form-spinbutton[dir=rtl]:not(.flex-column) {
        flex-direction: row-reverse;
    }

    .b-form-spinbutton output {
        font-size: inherit;
        outline: 0;
        border: 0;
        background-color: transparent;
        width: auto;
        margin: 0;
        padding: 0 0.25rem;
    }

        .b-form-spinbutton output > div,
        .b-form-spinbutton output > bdi {
            display: block;
            min-width: 2.25em;
            height: 1.5em;
        }

    .b-form-spinbutton.flex-column {
        height: auto;
        width: auto;
    }

        .b-form-spinbutton.flex-column output {
            margin: 0 0.25rem;
            padding: 0.25rem 0;
        }

    .b-form-spinbutton:not(.d-inline-flex):not(.flex-column) {
        output-width: 100%;
    }

    .b-form-spinbutton.d-inline-flex:not(.flex-column) {
        width: auto;
    }

    .b-form-spinbutton .btn {
        line-height: 1;
        box-shadow: none !important;
    }

        .b-form-spinbutton .btn:disabled {
            pointer-events: none;
        }

        .b-form-spinbutton .btn:hover:not(:disabled) > div > .b-icon {
            transform: scale(1.25);
        }

    .b-form-spinbutton.disabled, .b-form-spinbutton.readonly {
        background-color: #e9ecef;
    }

    .b-form-spinbutton.disabled {
        pointer-events: none;
    }

.b-form-tags.focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

    .b-form-tags.focus.is-valid {
        border-color: #28a745;
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
    }

    .b-form-tags.focus.is-invalid {
        border-color: #dc3545;
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
    }

.b-form-tags.disabled {
    background-color: #e9ecef;
}

.b-form-tags-list {
    margin-top: -0.25rem;
}

    .b-form-tags-list .b-form-tags-field,
    .b-form-tags-list .b-form-tag {
        margin-top: 0.25rem;
    }

.b-form-tags-input {
    color: #495057;
}

.b-form-tag {
    font-size: 75%;
    font-weight: normal;
    line-height: 1.5;
    margin-right: 0.25rem;
}

    .b-form-tag.disabled {
        opacity: 0.75;
    }

    .b-form-tag > button.b-form-tag-remove {
        color: inherit;
        font-size: 125%;
        line-height: 1;
        float: none;
        margin-left: 0.25rem;
    }

.form-control-sm .b-form-tag {
    line-height: 1.5;
}

.form-control-lg .b-form-tag {
    line-height: 1.5;
}

.media-aside {
    display: flex;
    margin-right: 1rem;
}

.media-aside-right {
    margin-right: 0;
    margin-left: 1rem;
}

.modal-backdrop {
    opacity: 0.5;
}

.b-pagination-pills .page-item .page-link {
    border-radius: 50rem !important;
    margin-left: 0.25rem;
    line-height: 1;
}

.b-pagination-pills .page-item:first-child .page-link {
    margin-left: 0;
}

.popover.b-popover {
    display: block;
    opacity: 1;
    outline: 0;
}

    .popover.b-popover.fade:not(.show) {
        opacity: 0;
    }

    .popover.b-popover.show {
        opacity: 1;
    }

.b-popover-primary.popover {
    background-color: #cce5ff;
    border-color: #b8daff;
}

.b-popover-primary.bs-popover-top > .arrow::before, .b-popover-primary.bs-popover-auto[x-placement^=top] > .arrow::before {
    border-top-color: #b8daff;
}

.b-popover-primary.bs-popover-top > .arrow::after, .b-popover-primary.bs-popover-auto[x-placement^=top] > .arrow::after {
    border-top-color: #cce5ff;
}

.b-popover-primary.bs-popover-right > .arrow::before, .b-popover-primary.bs-popover-auto[x-placement^=right] > .arrow::before {
    border-right-color: #b8daff;
}

.b-popover-primary.bs-popover-right > .arrow::after, .b-popover-primary.bs-popover-auto[x-placement^=right] > .arrow::after {
    border-right-color: #cce5ff;
}

.b-popover-primary.bs-popover-bottom > .arrow::before, .b-popover-primary.bs-popover-auto[x-placement^=bottom] > .arrow::before {
    border-bottom-color: #b8daff;
}

.b-popover-primary.bs-popover-bottom > .arrow::after, .b-popover-primary.bs-popover-auto[x-placement^=bottom] > .arrow::after {
    border-bottom-color: #bdddff;
}

.b-popover-primary.bs-popover-bottom .popover-header::before, .b-popover-primary.bs-popover-auto[x-placement^=bottom] .popover-header::before {
    border-bottom-color: #bdddff;
}

.b-popover-primary.bs-popover-left > .arrow::before, .b-popover-primary.bs-popover-auto[x-placement^=left] > .arrow::before {
    border-left-color: #b8daff;
}

.b-popover-primary.bs-popover-left > .arrow::after, .b-popover-primary.bs-popover-auto[x-placement^=left] > .arrow::after {
    border-left-color: #cce5ff;
}

.b-popover-primary .popover-header {
    color: #212529;
    background-color: #bdddff;
    border-bottom-color: #a3d0ff;
}

.b-popover-primary .popover-body {
    color: #004085;
}

.b-popover-secondary.popover {
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

.b-popover-secondary.bs-popover-top > .arrow::before, .b-popover-secondary.bs-popover-auto[x-placement^=top] > .arrow::before {
    border-top-color: #d6d8db;
}

.b-popover-secondary.bs-popover-top > .arrow::after, .b-popover-secondary.bs-popover-auto[x-placement^=top] > .arrow::after {
    border-top-color: #e2e3e5;
}

.b-popover-secondary.bs-popover-right > .arrow::before, .b-popover-secondary.bs-popover-auto[x-placement^=right] > .arrow::before {
    border-right-color: #d6d8db;
}

.b-popover-secondary.bs-popover-right > .arrow::after, .b-popover-secondary.bs-popover-auto[x-placement^=right] > .arrow::after {
    border-right-color: #e2e3e5;
}

.b-popover-secondary.bs-popover-bottom > .arrow::before, .b-popover-secondary.bs-popover-auto[x-placement^=bottom] > .arrow::before {
    border-bottom-color: #d6d8db;
}

.b-popover-secondary.bs-popover-bottom > .arrow::after, .b-popover-secondary.bs-popover-auto[x-placement^=bottom] > .arrow::after {
    border-bottom-color: #dadbde;
}

.b-popover-secondary.bs-popover-bottom .popover-header::before, .b-popover-secondary.bs-popover-auto[x-placement^=bottom] .popover-header::before {
    border-bottom-color: #dadbde;
}

.b-popover-secondary.bs-popover-left > .arrow::before, .b-popover-secondary.bs-popover-auto[x-placement^=left] > .arrow::before {
    border-left-color: #d6d8db;
}

.b-popover-secondary.bs-popover-left > .arrow::after, .b-popover-secondary.bs-popover-auto[x-placement^=left] > .arrow::after {
    border-left-color: #e2e3e5;
}

.b-popover-secondary .popover-header {
    color: #212529;
    background-color: #dadbde;
    border-bottom-color: #ccced2;
}

.b-popover-secondary .popover-body {
    color: #383d41;
}

.b-popover-success.popover {
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.b-popover-success.bs-popover-top > .arrow::before, .b-popover-success.bs-popover-auto[x-placement^=top] > .arrow::before {
    border-top-color: #c3e6cb;
}

.b-popover-success.bs-popover-top > .arrow::after, .b-popover-success.bs-popover-auto[x-placement^=top] > .arrow::after {
    border-top-color: #d4edda;
}

.b-popover-success.bs-popover-right > .arrow::before, .b-popover-success.bs-popover-auto[x-placement^=right] > .arrow::before {
    border-right-color: #c3e6cb;
}

.b-popover-success.bs-popover-right > .arrow::after, .b-popover-success.bs-popover-auto[x-placement^=right] > .arrow::after {
    border-right-color: #d4edda;
}

.b-popover-success.bs-popover-bottom > .arrow::before, .b-popover-success.bs-popover-auto[x-placement^=bottom] > .arrow::before {
    border-bottom-color: #c3e6cb;
}

.b-popover-success.bs-popover-bottom > .arrow::after, .b-popover-success.bs-popover-auto[x-placement^=bottom] > .arrow::after {
    border-bottom-color: #c9e8d1;
}

.b-popover-success.bs-popover-bottom .popover-header::before, .b-popover-success.bs-popover-auto[x-placement^=bottom] .popover-header::before {
    border-bottom-color: #c9e8d1;
}

.b-popover-success.bs-popover-left > .arrow::before, .b-popover-success.bs-popover-auto[x-placement^=left] > .arrow::before {
    border-left-color: #c3e6cb;
}

.b-popover-success.bs-popover-left > .arrow::after, .b-popover-success.bs-popover-auto[x-placement^=left] > .arrow::after {
    border-left-color: #d4edda;
}

.b-popover-success .popover-header {
    color: #212529;
    background-color: #c9e8d1;
    border-bottom-color: #b7e1c1;
}

.b-popover-success .popover-body {
    color: #155724;
}

.b-popover-info.popover {
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.b-popover-info.bs-popover-top > .arrow::before, .b-popover-info.bs-popover-auto[x-placement^=top] > .arrow::before {
    border-top-color: #bee5eb;
}

.b-popover-info.bs-popover-top > .arrow::after, .b-popover-info.bs-popover-auto[x-placement^=top] > .arrow::after {
    border-top-color: #d1ecf1;
}

.b-popover-info.bs-popover-right > .arrow::before, .b-popover-info.bs-popover-auto[x-placement^=right] > .arrow::before {
    border-right-color: #bee5eb;
}

.b-popover-info.bs-popover-right > .arrow::after, .b-popover-info.bs-popover-auto[x-placement^=right] > .arrow::after {
    border-right-color: #d1ecf1;
}

.b-popover-info.bs-popover-bottom > .arrow::before, .b-popover-info.bs-popover-auto[x-placement^=bottom] > .arrow::before {
    border-bottom-color: #bee5eb;
}

.b-popover-info.bs-popover-bottom > .arrow::after, .b-popover-info.bs-popover-auto[x-placement^=bottom] > .arrow::after {
    border-bottom-color: #c5e7ed;
}

.b-popover-info.bs-popover-bottom .popover-header::before, .b-popover-info.bs-popover-auto[x-placement^=bottom] .popover-header::before {
    border-bottom-color: #c5e7ed;
}

.b-popover-info.bs-popover-left > .arrow::before, .b-popover-info.bs-popover-auto[x-placement^=left] > .arrow::before {
    border-left-color: #bee5eb;
}

.b-popover-info.bs-popover-left > .arrow::after, .b-popover-info.bs-popover-auto[x-placement^=left] > .arrow::after {
    border-left-color: #d1ecf1;
}

.b-popover-info .popover-header {
    color: #212529;
    background-color: #c5e7ed;
    border-bottom-color: #b2dfe7;
}

.b-popover-info .popover-body {
    color: #0c5460;
}

.b-popover-warning.popover {
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.b-popover-warning.bs-popover-top > .arrow::before, .b-popover-warning.bs-popover-auto[x-placement^=top] > .arrow::before {
    border-top-color: #ffeeba;
}

.b-popover-warning.bs-popover-top > .arrow::after, .b-popover-warning.bs-popover-auto[x-placement^=top] > .arrow::after {
    border-top-color: #fff3cd;
}

.b-popover-warning.bs-popover-right > .arrow::before, .b-popover-warning.bs-popover-auto[x-placement^=right] > .arrow::before {
    border-right-color: #ffeeba;
}

.b-popover-warning.bs-popover-right > .arrow::after, .b-popover-warning.bs-popover-auto[x-placement^=right] > .arrow::after {
    border-right-color: #fff3cd;
}

.b-popover-warning.bs-popover-bottom > .arrow::before, .b-popover-warning.bs-popover-auto[x-placement^=bottom] > .arrow::before {
    border-bottom-color: #ffeeba;
}

.b-popover-warning.bs-popover-bottom > .arrow::after, .b-popover-warning.bs-popover-auto[x-placement^=bottom] > .arrow::after {
    border-bottom-color: #ffefbe;
}

.b-popover-warning.bs-popover-bottom .popover-header::before, .b-popover-warning.bs-popover-auto[x-placement^=bottom] .popover-header::before {
    border-bottom-color: #ffefbe;
}

.b-popover-warning.bs-popover-left > .arrow::before, .b-popover-warning.bs-popover-auto[x-placement^=left] > .arrow::before {
    border-left-color: #ffeeba;
}

.b-popover-warning.bs-popover-left > .arrow::after, .b-popover-warning.bs-popover-auto[x-placement^=left] > .arrow::after {
    border-left-color: #fff3cd;
}

.b-popover-warning .popover-header {
    color: #212529;
    background-color: #ffefbe;
    border-bottom-color: #ffe9a4;
}

.b-popover-warning .popover-body {
    color: #856404;
}

.b-popover-danger.popover {
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.b-popover-danger.bs-popover-top > .arrow::before, .b-popover-danger.bs-popover-auto[x-placement^=top] > .arrow::before {
    border-top-color: #f5c6cb;
}

.b-popover-danger.bs-popover-top > .arrow::after, .b-popover-danger.bs-popover-auto[x-placement^=top] > .arrow::after {
    border-top-color: #f8d7da;
}

.b-popover-danger.bs-popover-right > .arrow::before, .b-popover-danger.bs-popover-auto[x-placement^=right] > .arrow::before {
    border-right-color: #f5c6cb;
}

.b-popover-danger.bs-popover-right > .arrow::after, .b-popover-danger.bs-popover-auto[x-placement^=right] > .arrow::after {
    border-right-color: #f8d7da;
}

.b-popover-danger.bs-popover-bottom > .arrow::before, .b-popover-danger.bs-popover-auto[x-placement^=bottom] > .arrow::before {
    border-bottom-color: #f5c6cb;
}

.b-popover-danger.bs-popover-bottom > .arrow::after, .b-popover-danger.bs-popover-auto[x-placement^=bottom] > .arrow::after {
    border-bottom-color: #f6cace;
}

.b-popover-danger.bs-popover-bottom .popover-header::before, .b-popover-danger.bs-popover-auto[x-placement^=bottom] .popover-header::before {
    border-bottom-color: #f6cace;
}

.b-popover-danger.bs-popover-left > .arrow::before, .b-popover-danger.bs-popover-auto[x-placement^=left] > .arrow::before {
    border-left-color: #f5c6cb;
}

.b-popover-danger.bs-popover-left > .arrow::after, .b-popover-danger.bs-popover-auto[x-placement^=left] > .arrow::after {
    border-left-color: #f8d7da;
}

.b-popover-danger .popover-header {
    color: #212529;
    background-color: #f6cace;
    border-bottom-color: #f2b4ba;
}

.b-popover-danger .popover-body {
    color: #721c24;
}

.b-popover-light.popover {
    background-color: #fefefe;
    border-color: #fdfdfe;
}

.b-popover-light.bs-popover-top > .arrow::before, .b-popover-light.bs-popover-auto[x-placement^=top] > .arrow::before {
    border-top-color: #fdfdfe;
}

.b-popover-light.bs-popover-top > .arrow::after, .b-popover-light.bs-popover-auto[x-placement^=top] > .arrow::after {
    border-top-color: #fefefe;
}

.b-popover-light.bs-popover-right > .arrow::before, .b-popover-light.bs-popover-auto[x-placement^=right] > .arrow::before {
    border-right-color: #fdfdfe;
}

.b-popover-light.bs-popover-right > .arrow::after, .b-popover-light.bs-popover-auto[x-placement^=right] > .arrow::after {
    border-right-color: #fefefe;
}

.b-popover-light.bs-popover-bottom > .arrow::before, .b-popover-light.bs-popover-auto[x-placement^=bottom] > .arrow::before {
    border-bottom-color: #fdfdfe;
}

.b-popover-light.bs-popover-bottom > .arrow::after, .b-popover-light.bs-popover-auto[x-placement^=bottom] > .arrow::after {
    border-bottom-color: #f6f6f6;
}

.b-popover-light.bs-popover-bottom .popover-header::before, .b-popover-light.bs-popover-auto[x-placement^=bottom] .popover-header::before {
    border-bottom-color: #f6f6f6;
}

.b-popover-light.bs-popover-left > .arrow::before, .b-popover-light.bs-popover-auto[x-placement^=left] > .arrow::before {
    border-left-color: #fdfdfe;
}

.b-popover-light.bs-popover-left > .arrow::after, .b-popover-light.bs-popover-auto[x-placement^=left] > .arrow::after {
    border-left-color: #fefefe;
}

.b-popover-light .popover-header {
    color: #212529;
    background-color: #f6f6f6;
    border-bottom-color: #eaeaea;
}

.b-popover-light .popover-body {
    color: #818182;
}

.b-popover-dark.popover {
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}

.b-popover-dark.bs-popover-top > .arrow::before, .b-popover-dark.bs-popover-auto[x-placement^=top] > .arrow::before {
    border-top-color: #c6c8ca;
}

.b-popover-dark.bs-popover-top > .arrow::after, .b-popover-dark.bs-popover-auto[x-placement^=top] > .arrow::after {
    border-top-color: #d6d8d9;
}

.b-popover-dark.bs-popover-right > .arrow::before, .b-popover-dark.bs-popover-auto[x-placement^=right] > .arrow::before {
    border-right-color: #c6c8ca;
}

.b-popover-dark.bs-popover-right > .arrow::after, .b-popover-dark.bs-popover-auto[x-placement^=right] > .arrow::after {
    border-right-color: #d6d8d9;
}

.b-popover-dark.bs-popover-bottom > .arrow::before, .b-popover-dark.bs-popover-auto[x-placement^=bottom] > .arrow::before {
    border-bottom-color: #c6c8ca;
}

.b-popover-dark.bs-popover-bottom > .arrow::after, .b-popover-dark.bs-popover-auto[x-placement^=bottom] > .arrow::after {
    border-bottom-color: #ced0d2;
}

.b-popover-dark.bs-popover-bottom .popover-header::before, .b-popover-dark.bs-popover-auto[x-placement^=bottom] .popover-header::before {
    border-bottom-color: #ced0d2;
}

.b-popover-dark.bs-popover-left > .arrow::before, .b-popover-dark.bs-popover-auto[x-placement^=left] > .arrow::before {
    border-left-color: #c6c8ca;
}

.b-popover-dark.bs-popover-left > .arrow::after, .b-popover-dark.bs-popover-auto[x-placement^=left] > .arrow::after {
    border-left-color: #d6d8d9;
}

.b-popover-dark .popover-header {
    color: #212529;
    background-color: #ced0d2;
    border-bottom-color: #c1c4c5;
}

.b-popover-dark .popover-body {
    color: #1b1e21;
}

.b-sidebar-outer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    overflow: visible;
    z-index: calc(1030 + 5);
}

.b-sidebar-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100vw;
    height: 100vh;
    opacity: 0.6;
}

.b-sidebar {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    width: 320px;
    max-width: 100%;
    height: 100vh;
    max-height: 100%;
    margin: 0;
    outline: 0;
    transform: translateX(0);
}

    .b-sidebar.slide {
        transition: transform 0.3s ease-in-out;
    }

@media (prefers-reduced-motion: reduce) {
    .b-sidebar.slide {
        transition: none;
    }
}

.b-sidebar:not(.b-sidebar-right) {
    left: 0;
    right: auto;
}

    .b-sidebar:not(.b-sidebar-right).slide:not(.show) {
        transform: translateX(-100%);
    }

    .b-sidebar:not(.b-sidebar-right) > .b-sidebar-header .close {
        margin-left: auto;
    }

.b-sidebar.b-sidebar-right {
    left: auto;
    right: 0;
}

    .b-sidebar.b-sidebar-right.slide:not(.show) {
        transform: translateX(100%);
    }

    .b-sidebar.b-sidebar-right > .b-sidebar-header .close {
        margin-right: auto;
    }

.b-sidebar > .b-sidebar-header {
    font-size: 1.5rem;
    padding: 0.5rem 1rem;
    display: flex;
    flex-direction: row;
    flex-grow: 0;
    align-items: center;
}

[dir=rtl] .b-sidebar > .b-sidebar-header {
    flex-direction: row-reverse;
}

.b-sidebar > .b-sidebar-header .close {
    float: none;
    font-size: 1.5rem;
}

.b-sidebar > .b-sidebar-body {
    flex-grow: 1;
    height: 100%;
    overflow-y: auto;
}

.b-sidebar > .b-sidebar-footer {
    flex-grow: 0;
}

.b-skeleton-wrapper {
    cursor: wait;
}

.b-skeleton {
    position: relative;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.12);
    cursor: wait;
    -webkit-mask-image: radial-gradient(white, black);
    mask-image: radial-gradient(white, black);
}

    .b-skeleton::before {
        content: " ";
    }

.b-skeleton-text {
    height: 1rem;
    margin-bottom: 0.25rem;
    border-radius: 0.25rem;
}

.b-skeleton-button {
    width: 75px;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
}

.b-skeleton-avatar {
    width: 2.5em;
    height: 2.5em;
    border-radius: 50%;
}

.b-skeleton-input {
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    border: #ced4da solid 1px;
    border-radius: 0.25rem;
}

.b-skeleton-icon-wrapper svg {
    color: rgba(0, 0, 0, 0.12);
}

.b-skeleton-img {
    height: 100%;
    width: 100%;
}

.b-skeleton-animate-wave::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background: linear-gradient(90deg, transparent, hsla(0, 0%, 100%, 0.4), transparent);
    animation: b-skeleton-animate-wave 1.75s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
    .b-skeleton-animate-wave::after {
        background: none;
        animation: none;
    }
}

@keyframes b-skeleton-animate-wave {
    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(100%);
    }
}

.b-skeleton-animate-fade {
    animation: b-skeleton-animate-fade 0.875s ease-in-out alternate infinite;
}

@media (prefers-reduced-motion: reduce) {
    .b-skeleton-animate-fade {
        animation: none;
    }
}

@keyframes b-skeleton-animate-fade {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0.4;
    }
}

.b-skeleton-animate-throb {
    animation: b-skeleton-animate-throb 0.875s ease-in alternate infinite;
}

@media (prefers-reduced-motion: reduce) {
    .b-skeleton-animate-throb {
        animation: none;
    }
}

@keyframes b-skeleton-animate-throb {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.975);
    }
}

.table.b-table.b-table-fixed {
    table-layout: fixed;
}

.table.b-table.b-table-no-border-collapse {
    border-collapse: separate;
    border-spacing: 0;
}

.table.b-table[aria-busy=true] {
    opacity: 0.55;
}

.table.b-table > tbody > tr.b-table-details > td {
    border-top: none !important;
}

.table.b-table > caption {
    caption-side: bottom;
}

.table.b-table.b-table-caption-top > caption {
    caption-side: top !important;
}

.table.b-table > tbody > .table-active,
.table.b-table > tbody > .table-active > th,
.table.b-table > tbody > .table-active > td {
    background-color: rgba(0, 0, 0, 0.075);
}

.table.b-table.table-hover > tbody > tr.table-active:hover td,
.table.b-table.table-hover > tbody > tr.table-active:hover th {
    color: #212529;
    background-image: linear-gradient(rgba(0, 0, 0, 0.075), rgba(0, 0, 0, 0.075));
    background-repeat: no-repeat;
}

.table.b-table > tbody > .bg-active,
.table.b-table > tbody > .bg-active > th,
.table.b-table > tbody > .bg-active > td {
    background-color: rgba(255, 255, 255, 0.075) !important;
}

.table.b-table.table-hover.table-dark > tbody > tr.bg-active:hover td,
.table.b-table.table-hover.table-dark > tbody > tr.bg-active:hover th {
    color: #fff;
    background-image: linear-gradient(rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.075));
    background-repeat: no-repeat;
}

.b-table-sticky-header,
.table-responsive,
[class*=table-responsive-] {
    margin-bottom: 1rem;
}

    .b-table-sticky-header > .table,
    .table-responsive > .table,
    [class*=table-responsive-] > .table {
        margin-bottom: 0;
    }

.b-table-sticky-header {
    overflow-y: auto;
    max-height: 300px;
}

@media print {
    .b-table-sticky-header {
        overflow-y: visible !important;
        max-height: none !important;
    }
}

@supports (position: sticky) {
    .b-table-sticky-header > .table.b-table > thead > tr > th {
        position: sticky;
        top: 0;
        z-index: 2;
    }

    .b-table-sticky-header > .table.b-table > thead > tr > .b-table-sticky-column,
    .b-table-sticky-header > .table.b-table > tbody > tr > .b-table-sticky-column,
    .b-table-sticky-header > .table.b-table > tfoot > tr > .b-table-sticky-column,
    .table-responsive > .table.b-table > thead > tr > .b-table-sticky-column,
    .table-responsive > .table.b-table > tbody > tr > .b-table-sticky-column,
    .table-responsive > .table.b-table > tfoot > tr > .b-table-sticky-column,
    [class*=table-responsive-] > .table.b-table > thead > tr > .b-table-sticky-column,
    [class*=table-responsive-] > .table.b-table > tbody > tr > .b-table-sticky-column,
    [class*=table-responsive-] > .table.b-table > tfoot > tr > .b-table-sticky-column {
        position: sticky;
        left: 0;
    }

    .b-table-sticky-header > .table.b-table > thead > tr > .b-table-sticky-column,
    .table-responsive > .table.b-table > thead > tr > .b-table-sticky-column,
    [class*=table-responsive-] > .table.b-table > thead > tr > .b-table-sticky-column {
        z-index: 5;
    }

    .b-table-sticky-header > .table.b-table > tbody > tr > .b-table-sticky-column,
    .b-table-sticky-header > .table.b-table > tfoot > tr > .b-table-sticky-column,
    .table-responsive > .table.b-table > tbody > tr > .b-table-sticky-column,
    .table-responsive > .table.b-table > tfoot > tr > .b-table-sticky-column,
    [class*=table-responsive-] > .table.b-table > tbody > tr > .b-table-sticky-column,
    [class*=table-responsive-] > .table.b-table > tfoot > tr > .b-table-sticky-column {
        z-index: 2;
    }

    .table.b-table > thead > tr > .table-b-table-default,
    .table.b-table > tbody > tr > .table-b-table-default,
    .table.b-table > tfoot > tr > .table-b-table-default {
        color: #212529;
        background-color: #fff;
    }

    .table.b-table.table-dark > thead > tr > .bg-b-table-default,
    .table.b-table.table-dark > tbody > tr > .bg-b-table-default,
    .table.b-table.table-dark > tfoot > tr > .bg-b-table-default {
        color: #fff;
        background-color: #343a40;
    }

    .table.b-table.table-striped > tbody > tr:nth-of-type(odd) > .table-b-table-default {
        background-image: linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05));
        background-repeat: no-repeat;
    }

    .table.b-table.table-striped.table-dark > tbody > tr:nth-of-type(odd) > .bg-b-table-default {
        background-image: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05));
        background-repeat: no-repeat;
    }

    .table.b-table.table-hover > tbody > tr:hover > .table-b-table-default {
        color: #212529;
        background-image: linear-gradient(rgba(0, 0, 0, 0.075), rgba(0, 0, 0, 0.075));
        background-repeat: no-repeat;
    }

    .table.b-table.table-hover.table-dark > tbody > tr:hover > .bg-b-table-default {
        color: #fff;
        background-image: linear-gradient(rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.075));
        background-repeat: no-repeat;
    }
}

.table.b-table > thead > tr > [aria-sort],
.table.b-table > tfoot > tr > [aria-sort] {
    cursor: pointer;
    background-image: none;
    background-repeat: no-repeat;
    background-size: 0.65em 1em;
}

    .table.b-table > thead > tr > [aria-sort]:not(.b-table-sort-icon-left),
    .table.b-table > tfoot > tr > [aria-sort]:not(.b-table-sort-icon-left) {
        background-position: right calc(0.75rem / 2) center;
        padding-right: calc(0.75rem + 0.65em);
    }

    .table.b-table > thead > tr > [aria-sort].b-table-sort-icon-left,
    .table.b-table > tfoot > tr > [aria-sort].b-table-sort-icon-left {
        background-position: left calc(0.75rem / 2) center;
        padding-left: calc(0.75rem + 0.65em);
    }

.table.b-table > thead > tr > [aria-sort=none],
.table.b-table > tfoot > tr > [aria-sort=none] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}

.table.b-table > thead > tr > [aria-sort=ascending],
.table.b-table > tfoot > tr > [aria-sort=ascending] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='black' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}

.table.b-table > thead > tr > [aria-sort=descending],
.table.b-table > tfoot > tr > [aria-sort=descending] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='black' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='black' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}

.table.b-table.table-dark > thead > tr > [aria-sort=none], .table.b-table.table-dark > tfoot > tr > [aria-sort=none],
.table.b-table > .thead-dark > tr > [aria-sort=none] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}

.table.b-table.table-dark > thead > tr > [aria-sort=ascending], .table.b-table.table-dark > tfoot > tr > [aria-sort=ascending],
.table.b-table > .thead-dark > tr > [aria-sort=ascending] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}

.table.b-table.table-dark > thead > tr > [aria-sort=descending], .table.b-table.table-dark > tfoot > tr > [aria-sort=descending],
.table.b-table > .thead-dark > tr > [aria-sort=descending] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}

.table.b-table > thead > tr > .table-dark[aria-sort=none],
.table.b-table > tfoot > tr > .table-dark[aria-sort=none] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22zM51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}

.table.b-table > thead > tr > .table-dark[aria-sort=ascending],
.table.b-table > tfoot > tr > .table-dark[aria-sort=ascending] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' opacity='.3' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}

.table.b-table > thead > tr > .table-dark[aria-sort=descending],
.table.b-table > tfoot > tr > .table-dark[aria-sort=descending] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' view-box='0 0 101 101' preserveAspectRatio='none'%3e%3cpath fill='white' opacity='.3' d='M51 1l25 23 24 22H1l25-22z'/%3e%3cpath fill='white' d='M51 101l25-23 24-22H1l25 22z'/%3e%3c/svg%3e");
}

.table.b-table.table-sm > thead > tr > [aria-sort]:not(.b-table-sort-icon-left),
.table.b-table.table-sm > tfoot > tr > [aria-sort]:not(.b-table-sort-icon-left) {
    background-position: right calc(0.3rem / 2) center;
    padding-right: calc(0.3rem + 0.65em);
}

.table.b-table.table-sm > thead > tr > [aria-sort].b-table-sort-icon-left,
.table.b-table.table-sm > tfoot > tr > [aria-sort].b-table-sort-icon-left {
    background-position: left calc(0.3rem / 2) center;
    padding-left: calc(0.3rem + 0.65em);
}

.table.b-table.b-table-selectable:not(.b-table-selectable-no-click) > tbody > tr {
    cursor: pointer;
}

.table.b-table.b-table-selectable:not(.b-table-selectable-no-click).b-table-selecting.b-table-select-range > tbody > tr {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (max-width: 575.98px) {
    .table.b-table.b-table-stacked-sm {
        display: block;
        width: 100%;
    }

        .table.b-table.b-table-stacked-sm > caption,
        .table.b-table.b-table-stacked-sm > tbody,
        .table.b-table.b-table-stacked-sm > tbody > tr,
        .table.b-table.b-table-stacked-sm > tbody > tr > td,
        .table.b-table.b-table-stacked-sm > tbody > tr > th {
            display: block;
        }

        .table.b-table.b-table-stacked-sm > thead,
        .table.b-table.b-table-stacked-sm > tfoot {
            display: none;
        }

            .table.b-table.b-table-stacked-sm > thead > tr.b-table-top-row,
            .table.b-table.b-table-stacked-sm > thead > tr.b-table-bottom-row,
            .table.b-table.b-table-stacked-sm > tfoot > tr.b-table-top-row,
            .table.b-table.b-table-stacked-sm > tfoot > tr.b-table-bottom-row {
                display: none;
            }

        .table.b-table.b-table-stacked-sm > caption {
            caption-side: top !important;
        }

        .table.b-table.b-table-stacked-sm > tbody > tr > [data-label]::before {
            content: attr(data-label);
            width: 40%;
            float: left;
            text-align: right;
            overflow-wrap: break-word;
            font-weight: bold;
            font-style: normal;
            padding: 0 calc(1rem / 2) 0 0;
            margin: 0;
        }

        .table.b-table.b-table-stacked-sm > tbody > tr > [data-label]::after {
            display: block;
            clear: both;
            content: "";
        }

        .table.b-table.b-table-stacked-sm > tbody > tr > [data-label] > div {
            display: inline-block;
            width: calc(100% - 40%);
            padding: 0 0 0 calc(1rem / 2);
            margin: 0;
        }

        .table.b-table.b-table-stacked-sm > tbody > tr.top-row, .table.b-table.b-table-stacked-sm > tbody > tr.bottom-row {
            display: none;
        }

        .table.b-table.b-table-stacked-sm > tbody > tr > :first-child {
            border-top-width: 3px;
        }

        .table.b-table.b-table-stacked-sm > tbody > tr > [rowspan] + td,
        .table.b-table.b-table-stacked-sm > tbody > tr > [rowspan] + th {
            border-top-width: 3px;
        }
}

@media (max-width: 767.98px) {
    .table.b-table.b-table-stacked-md {
        display: block;
        width: 100%;
    }

        .table.b-table.b-table-stacked-md > caption,
        .table.b-table.b-table-stacked-md > tbody,
        .table.b-table.b-table-stacked-md > tbody > tr,
        .table.b-table.b-table-stacked-md > tbody > tr > td,
        .table.b-table.b-table-stacked-md > tbody > tr > th {
            display: block;
        }

        .table.b-table.b-table-stacked-md > thead,
        .table.b-table.b-table-stacked-md > tfoot {
            display: none;
        }

            .table.b-table.b-table-stacked-md > thead > tr.b-table-top-row,
            .table.b-table.b-table-stacked-md > thead > tr.b-table-bottom-row,
            .table.b-table.b-table-stacked-md > tfoot > tr.b-table-top-row,
            .table.b-table.b-table-stacked-md > tfoot > tr.b-table-bottom-row {
                display: none;
            }

        .table.b-table.b-table-stacked-md > caption {
            caption-side: top !important;
        }

        .table.b-table.b-table-stacked-md > tbody > tr > [data-label]::before {
            content: attr(data-label);
            width: 40%;
            float: left;
            text-align: right;
            overflow-wrap: break-word;
            font-weight: bold;
            font-style: normal;
            padding: 0 calc(1rem / 2) 0 0;
            margin: 0;
        }

        .table.b-table.b-table-stacked-md > tbody > tr > [data-label]::after {
            display: block;
            clear: both;
            content: "";
        }

        .table.b-table.b-table-stacked-md > tbody > tr > [data-label] > div {
            display: inline-block;
            width: calc(100% - 40%);
            padding: 0 0 0 calc(1rem / 2);
            margin: 0;
        }

        .table.b-table.b-table-stacked-md > tbody > tr.top-row, .table.b-table.b-table-stacked-md > tbody > tr.bottom-row {
            display: none;
        }

        .table.b-table.b-table-stacked-md > tbody > tr > :first-child {
            border-top-width: 3px;
        }

        .table.b-table.b-table-stacked-md > tbody > tr > [rowspan] + td,
        .table.b-table.b-table-stacked-md > tbody > tr > [rowspan] + th {
            border-top-width: 3px;
        }
}

@media (max-width: 991.98px) {
    .table.b-table.b-table-stacked-lg {
        display: block;
        width: 100%;
    }

        .table.b-table.b-table-stacked-lg > caption,
        .table.b-table.b-table-stacked-lg > tbody,
        .table.b-table.b-table-stacked-lg > tbody > tr,
        .table.b-table.b-table-stacked-lg > tbody > tr > td,
        .table.b-table.b-table-stacked-lg > tbody > tr > th {
            display: block;
        }

        .table.b-table.b-table-stacked-lg > thead,
        .table.b-table.b-table-stacked-lg > tfoot {
            display: none;
        }

            .table.b-table.b-table-stacked-lg > thead > tr.b-table-top-row,
            .table.b-table.b-table-stacked-lg > thead > tr.b-table-bottom-row,
            .table.b-table.b-table-stacked-lg > tfoot > tr.b-table-top-row,
            .table.b-table.b-table-stacked-lg > tfoot > tr.b-table-bottom-row {
                display: none;
            }

        .table.b-table.b-table-stacked-lg > caption {
            caption-side: top !important;
        }

        .table.b-table.b-table-stacked-lg > tbody > tr > [data-label]::before {
            content: attr(data-label);
            width: 40%;
            float: left;
            text-align: right;
            overflow-wrap: break-word;
            font-weight: bold;
            font-style: normal;
            padding: 0 calc(1rem / 2) 0 0;
            margin: 0;
        }

        .table.b-table.b-table-stacked-lg > tbody > tr > [data-label]::after {
            display: block;
            clear: both;
            content: "";
        }

        .table.b-table.b-table-stacked-lg > tbody > tr > [data-label] > div {
            display: inline-block;
            width: calc(100% - 40%);
            padding: 0 0 0 calc(1rem / 2);
            margin: 0;
        }

        .table.b-table.b-table-stacked-lg > tbody > tr.top-row, .table.b-table.b-table-stacked-lg > tbody > tr.bottom-row {
            display: none;
        }

        .table.b-table.b-table-stacked-lg > tbody > tr > :first-child {
            border-top-width: 3px;
        }

        .table.b-table.b-table-stacked-lg > tbody > tr > [rowspan] + td,
        .table.b-table.b-table-stacked-lg > tbody > tr > [rowspan] + th {
            border-top-width: 3px;
        }
}

@media (max-width: 1199.98px) {
    .table.b-table.b-table-stacked-xl {
        display: block;
        width: 100%;
    }

        .table.b-table.b-table-stacked-xl > caption,
        .table.b-table.b-table-stacked-xl > tbody,
        .table.b-table.b-table-stacked-xl > tbody > tr,
        .table.b-table.b-table-stacked-xl > tbody > tr > td,
        .table.b-table.b-table-stacked-xl > tbody > tr > th {
            display: block;
        }

        .table.b-table.b-table-stacked-xl > thead,
        .table.b-table.b-table-stacked-xl > tfoot {
            display: none;
        }

            .table.b-table.b-table-stacked-xl > thead > tr.b-table-top-row,
            .table.b-table.b-table-stacked-xl > thead > tr.b-table-bottom-row,
            .table.b-table.b-table-stacked-xl > tfoot > tr.b-table-top-row,
            .table.b-table.b-table-stacked-xl > tfoot > tr.b-table-bottom-row {
                display: none;
            }

        .table.b-table.b-table-stacked-xl > caption {
            caption-side: top !important;
        }

        .table.b-table.b-table-stacked-xl > tbody > tr > [data-label]::before {
            content: attr(data-label);
            width: 40%;
            float: left;
            text-align: right;
            overflow-wrap: break-word;
            font-weight: bold;
            font-style: normal;
            padding: 0 calc(1rem / 2) 0 0;
            margin: 0;
        }

        .table.b-table.b-table-stacked-xl > tbody > tr > [data-label]::after {
            display: block;
            clear: both;
            content: "";
        }

        .table.b-table.b-table-stacked-xl > tbody > tr > [data-label] > div {
            display: inline-block;
            width: calc(100% - 40%);
            padding: 0 0 0 calc(1rem / 2);
            margin: 0;
        }

        .table.b-table.b-table-stacked-xl > tbody > tr.top-row, .table.b-table.b-table-stacked-xl > tbody > tr.bottom-row {
            display: none;
        }

        .table.b-table.b-table-stacked-xl > tbody > tr > :first-child {
            border-top-width: 3px;
        }

        .table.b-table.b-table-stacked-xl > tbody > tr > [rowspan] + td,
        .table.b-table.b-table-stacked-xl > tbody > tr > [rowspan] + th {
            border-top-width: 3px;
        }
}

.table.b-table.b-table-stacked {
    display: block;
    width: 100%;
}

    .table.b-table.b-table-stacked > caption,
    .table.b-table.b-table-stacked > tbody,
    .table.b-table.b-table-stacked > tbody > tr,
    .table.b-table.b-table-stacked > tbody > tr > td,
    .table.b-table.b-table-stacked > tbody > tr > th {
        display: block;
    }

    .table.b-table.b-table-stacked > thead,
    .table.b-table.b-table-stacked > tfoot {
        display: none;
    }

        .table.b-table.b-table-stacked > thead > tr.b-table-top-row,
        .table.b-table.b-table-stacked > thead > tr.b-table-bottom-row,
        .table.b-table.b-table-stacked > tfoot > tr.b-table-top-row,
        .table.b-table.b-table-stacked > tfoot > tr.b-table-bottom-row {
            display: none;
        }

    .table.b-table.b-table-stacked > caption {
        caption-side: top !important;
    }

    .table.b-table.b-table-stacked > tbody > tr > [data-label]::before {
        content: attr(data-label);
        width: 40%;
        float: left;
        text-align: right;
        overflow-wrap: break-word;
        font-weight: bold;
        font-style: normal;
        padding: 0 calc(1rem / 2) 0 0;
        margin: 0;
    }

    .table.b-table.b-table-stacked > tbody > tr > [data-label]::after {
        display: block;
        clear: both;
        content: "";
    }

    .table.b-table.b-table-stacked > tbody > tr > [data-label] > div {
        display: inline-block;
        width: calc(100% - 40%);
        padding: 0 0 0 calc(1rem / 2);
        margin: 0;
    }

    .table.b-table.b-table-stacked > tbody > tr.top-row, .table.b-table.b-table-stacked > tbody > tr.bottom-row {
        display: none;
    }

    .table.b-table.b-table-stacked > tbody > tr > :first-child {
        border-top-width: 3px;
    }

    .table.b-table.b-table-stacked > tbody > tr > [rowspan] + td,
    .table.b-table.b-table-stacked > tbody > tr > [rowspan] + th {
        border-top-width: 3px;
    }

.b-time {
    min-width: 150px;
}

    .b-time[aria-disabled=true] output, .b-time[aria-readonly=true] output,
    .b-time output.disabled {
        background-color: #e9ecef;
        opacity: 1;
    }

    .b-time[aria-disabled=true] output {
        pointer-events: none;
    }

[dir=rtl] .b-time > .d-flex:not(.flex-column) {
    flex-direction: row-reverse;
}

.b-time .b-time-header {
    margin-bottom: 0.5rem;
}

    .b-time .b-time-header output {
        padding: 0.25rem;
        font-size: 80%;
    }

.b-time .b-time-footer {
    margin-top: 0.5rem;
}

.b-time .b-time-ampm {
    margin-left: 0.5rem;
}

.b-toast {
    display: block;
    position: relative;
    max-width: 350px;
    backface-visibility: hidden;
    background-clip: padding-box;
    z-index: 1;
    border-radius: 0.25rem;
}

    .b-toast .toast {
        background-color: rgba(255, 255, 255, 0.85);
    }

    .b-toast:not(:last-child) {
        margin-bottom: 0.75rem;
    }

    .b-toast.b-toast-solid .toast {
        background-color: white;
    }

    .b-toast .toast {
        opacity: 1;
    }

        .b-toast .toast.fade:not(.show) {
            opacity: 0;
        }

        .b-toast .toast .toast-body {
            display: block;
        }

.b-toast-primary .toast {
    background-color: rgba(230, 242, 255, 0.85);
    border-color: rgba(184, 218, 255, 0.85);
    color: #004085;
}

    .b-toast-primary .toast .toast-header {
        color: #004085;
        background-color: rgba(204, 229, 255, 0.85);
        border-bottom-color: rgba(184, 218, 255, 0.85);
    }

.b-toast-primary.b-toast-solid .toast {
    background-color: #e6f2ff;
}

.b-toast-secondary .toast {
    background-color: rgba(239, 240, 241, 0.85);
    border-color: rgba(214, 216, 219, 0.85);
    color: #383d41;
}

    .b-toast-secondary .toast .toast-header {
        color: #383d41;
        background-color: rgba(226, 227, 229, 0.85);
        border-bottom-color: rgba(214, 216, 219, 0.85);
    }

.b-toast-secondary.b-toast-solid .toast {
    background-color: #eff0f1;
}

.b-toast-success .toast {
    background-color: rgba(230, 245, 233, 0.85);
    border-color: rgba(195, 230, 203, 0.85);
    color: #155724;
}

    .b-toast-success .toast .toast-header {
        color: #155724;
        background-color: rgba(212, 237, 218, 0.85);
        border-bottom-color: rgba(195, 230, 203, 0.85);
    }

.b-toast-success.b-toast-solid .toast {
    background-color: #e6f5e9;
}

.b-toast-info .toast {
    background-color: rgba(229, 244, 247, 0.85);
    border-color: rgba(190, 229, 235, 0.85);
    color: #0c5460;
}

    .b-toast-info .toast .toast-header {
        color: #0c5460;
        background-color: rgba(209, 236, 241, 0.85);
        border-bottom-color: rgba(190, 229, 235, 0.85);
    }

.b-toast-info.b-toast-solid .toast {
    background-color: #e5f4f7;
}

.b-toast-warning .toast {
    background-color: rgba(255, 249, 231, 0.85);
    border-color: rgba(255, 238, 186, 0.85);
    color: #856404;
}

    .b-toast-warning .toast .toast-header {
        color: #856404;
        background-color: rgba(255, 243, 205, 0.85);
        border-bottom-color: rgba(255, 238, 186, 0.85);
    }

.b-toast-warning.b-toast-solid .toast {
    background-color: #fff9e7;
}

.b-toast-danger .toast {
    background-color: rgba(252, 237, 238, 0.85);
    border-color: rgba(245, 198, 203, 0.85);
    color: #721c24;
}

    .b-toast-danger .toast .toast-header {
        color: #721c24;
        background-color: rgba(248, 215, 218, 0.85);
        border-bottom-color: rgba(245, 198, 203, 0.85);
    }

.b-toast-danger.b-toast-solid .toast {
    background-color: #fcedee;
}

.b-toast-light .toast {
    background-color: rgba(255, 255, 255, 0.85);
    border-color: rgba(253, 253, 254, 0.85);
    color: #818182;
}

    .b-toast-light .toast .toast-header {
        color: #818182;
        background-color: rgba(254, 254, 254, 0.85);
        border-bottom-color: rgba(253, 253, 254, 0.85);
    }

.b-toast-light.b-toast-solid .toast {
    background-color: white;
}

.b-toast-dark .toast {
    background-color: rgba(227, 229, 229, 0.85);
    border-color: rgba(198, 200, 202, 0.85);
    color: #1b1e21;
}

    .b-toast-dark .toast .toast-header {
        color: #1b1e21;
        background-color: rgba(214, 216, 217, 0.85);
        border-bottom-color: rgba(198, 200, 202, 0.85);
    }

.b-toast-dark.b-toast-solid .toast {
    background-color: #e3e5e5;
}

.b-toaster {
    z-index: 1100;
}

    .b-toaster .b-toaster-slot {
        position: relative;
        display: block;
    }

        .b-toaster .b-toaster-slot:empty {
            display: none !important;
        }

    .b-toaster.b-toaster-top-right, .b-toaster.b-toaster-top-left, .b-toaster.b-toaster-top-center, .b-toaster.b-toaster-top-full, .b-toaster.b-toaster-bottom-right, .b-toaster.b-toaster-bottom-left, .b-toaster.b-toaster-bottom-center, .b-toaster.b-toaster-bottom-full {
        position: fixed;
        left: 0.5rem;
        right: 0.5rem;
        margin: 0;
        padding: 0;
        height: 0;
        overflow: visible;
    }

        .b-toaster.b-toaster-top-right .b-toaster-slot, .b-toaster.b-toaster-top-left .b-toaster-slot, .b-toaster.b-toaster-top-center .b-toaster-slot, .b-toaster.b-toaster-top-full .b-toaster-slot, .b-toaster.b-toaster-bottom-right .b-toaster-slot, .b-toaster.b-toaster-bottom-left .b-toaster-slot, .b-toaster.b-toaster-bottom-center .b-toaster-slot, .b-toaster.b-toaster-bottom-full .b-toaster-slot {
            position: absolute;
            max-width: 350px;
            width: 100%; /* IE 11 fix */
            left: 0;
            right: 0;
            padding: 0;
            margin: 0;
        }

        .b-toaster.b-toaster-top-full .b-toaster-slot, .b-toaster.b-toaster-bottom-full .b-toaster-slot {
            width: 100%;
            max-width: 100%;
        }

            .b-toaster.b-toaster-top-full .b-toaster-slot .b-toast,
            .b-toaster.b-toaster-top-full .b-toaster-slot .toast, .b-toaster.b-toaster-bottom-full .b-toaster-slot .b-toast,
            .b-toaster.b-toaster-bottom-full .b-toaster-slot .toast {
                width: 100%;
                max-width: 100%;
            }

    .b-toaster.b-toaster-top-right, .b-toaster.b-toaster-top-left, .b-toaster.b-toaster-top-center, .b-toaster.b-toaster-top-full {
        top: 0;
    }

        .b-toaster.b-toaster-top-right .b-toaster-slot, .b-toaster.b-toaster-top-left .b-toaster-slot, .b-toaster.b-toaster-top-center .b-toaster-slot, .b-toaster.b-toaster-top-full .b-toaster-slot {
            top: 0.5rem;
        }

    .b-toaster.b-toaster-bottom-right, .b-toaster.b-toaster-bottom-left, .b-toaster.b-toaster-bottom-center, .b-toaster.b-toaster-bottom-full {
        bottom: 0;
    }

        .b-toaster.b-toaster-bottom-right .b-toaster-slot, .b-toaster.b-toaster-bottom-left .b-toaster-slot, .b-toaster.b-toaster-bottom-center .b-toaster-slot, .b-toaster.b-toaster-bottom-full .b-toaster-slot {
            bottom: 0.5rem;
        }

        .b-toaster.b-toaster-top-right .b-toaster-slot, .b-toaster.b-toaster-bottom-right .b-toaster-slot, .b-toaster.b-toaster-top-center .b-toaster-slot, .b-toaster.b-toaster-bottom-center .b-toaster-slot {
            margin-left: auto;
        }

        .b-toaster.b-toaster-top-left .b-toaster-slot, .b-toaster.b-toaster-bottom-left .b-toaster-slot, .b-toaster.b-toaster-top-center .b-toaster-slot, .b-toaster.b-toaster-bottom-center .b-toaster-slot {
            margin-right: auto;
        }

        .b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-active, .b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-top-right .b-toast.b-toaster-move, .b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-active, .b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-top-left .b-toast.b-toaster-move, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-active, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-move, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-active, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-move {
            transition: transform 0.175s;
        }

            .b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-to .toast.fade, .b-toaster.b-toaster-top-right .b-toast.b-toaster-enter-active .toast.fade, .b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-to .toast.fade, .b-toaster.b-toaster-top-left .b-toast.b-toaster-enter-active .toast.fade, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-to .toast.fade, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-enter-active .toast.fade, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-to .toast.fade, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-enter-active .toast.fade {
                transition-delay: 0.175s;
            }

        .b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active {
            position: absolute;
            transition-delay: 0.175s;
        }

            .b-toaster.b-toaster-top-right .b-toast.b-toaster-leave-active .toast.fade, .b-toaster.b-toaster-top-left .b-toast.b-toaster-leave-active .toast.fade, .b-toaster.b-toaster-bottom-right .b-toast.b-toaster-leave-active .toast.fade, .b-toaster.b-toaster-bottom-left .b-toast.b-toaster-leave-active .toast.fade {
                transition-delay: 0s;
            }

.tooltip.b-tooltip {
    display: block;
    opacity: 0.9;
    outline: 0;
}

    .tooltip.b-tooltip.fade:not(.show) {
        opacity: 0;
    }

    .tooltip.b-tooltip.show {
        opacity: 0.9;
    }

    .tooltip.b-tooltip.noninteractive {
        pointer-events: none;
    }

    .tooltip.b-tooltip .arrow {
        margin: 0 0.25rem;
    }

    .tooltip.b-tooltip.bs-tooltip-right .arrow, .tooltip.b-tooltip.bs-tooltip-auto[x-placement^=right] .arrow, .tooltip.b-tooltip.bs-tooltip-left .arrow, .tooltip.b-tooltip.bs-tooltip-auto[x-placement^=left] .arrow {
        margin: 0.25rem 0;
    }

.tooltip.b-tooltip-primary.bs-tooltip-top .arrow::before, .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=top] .arrow::before {
    border-top-color: #007bff;
}

.tooltip.b-tooltip-primary.bs-tooltip-right .arrow::before, .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=right] .arrow::before {
    border-right-color: #007bff;
}

.tooltip.b-tooltip-primary.bs-tooltip-bottom .arrow::before, .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
    border-bottom-color: #007bff;
}

.tooltip.b-tooltip-primary.bs-tooltip-left .arrow::before, .tooltip.b-tooltip-primary.bs-tooltip-auto[x-placement^=left] .arrow::before {
    border-left-color: #007bff;
}

.tooltip.b-tooltip-primary .tooltip-inner {
    color: #fff;
    background-color: #007bff;
}

.tooltip.b-tooltip-secondary.bs-tooltip-top .arrow::before, .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=top] .arrow::before {
    border-top-color: #6c757d;
}

.tooltip.b-tooltip-secondary.bs-tooltip-right .arrow::before, .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=right] .arrow::before {
    border-right-color: #6c757d;
}

.tooltip.b-tooltip-secondary.bs-tooltip-bottom .arrow::before, .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
    border-bottom-color: #6c757d;
}

.tooltip.b-tooltip-secondary.bs-tooltip-left .arrow::before, .tooltip.b-tooltip-secondary.bs-tooltip-auto[x-placement^=left] .arrow::before {
    border-left-color: #6c757d;
}

.tooltip.b-tooltip-secondary .tooltip-inner {
    color: #fff;
    background-color: #6c757d;
}

.tooltip.b-tooltip-success.bs-tooltip-top .arrow::before, .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=top] .arrow::before {
    border-top-color: #28a745;
}

.tooltip.b-tooltip-success.bs-tooltip-right .arrow::before, .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=right] .arrow::before {
    border-right-color: #28a745;
}

.tooltip.b-tooltip-success.bs-tooltip-bottom .arrow::before, .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
    border-bottom-color: #28a745;
}

.tooltip.b-tooltip-success.bs-tooltip-left .arrow::before, .tooltip.b-tooltip-success.bs-tooltip-auto[x-placement^=left] .arrow::before {
    border-left-color: #28a745;
}

.tooltip.b-tooltip-success .tooltip-inner {
    color: #fff;
    background-color: #28a745;
}

.tooltip.b-tooltip-info.bs-tooltip-top .arrow::before, .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=top] .arrow::before {
    border-top-color: #17a2b8;
}

.tooltip.b-tooltip-info.bs-tooltip-right .arrow::before, .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=right] .arrow::before {
    border-right-color: #17a2b8;
}

.tooltip.b-tooltip-info.bs-tooltip-bottom .arrow::before, .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
    border-bottom-color: #17a2b8;
}

.tooltip.b-tooltip-info.bs-tooltip-left .arrow::before, .tooltip.b-tooltip-info.bs-tooltip-auto[x-placement^=left] .arrow::before {
    border-left-color: #17a2b8;
}

.tooltip.b-tooltip-info .tooltip-inner {
    color: #fff;
    background-color: #17a2b8;
}

.tooltip.b-tooltip-warning.bs-tooltip-top .arrow::before, .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=top] .arrow::before {
    border-top-color: #ffc107;
}

.tooltip.b-tooltip-warning.bs-tooltip-right .arrow::before, .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=right] .arrow::before {
    border-right-color: #ffc107;
}

.tooltip.b-tooltip-warning.bs-tooltip-bottom .arrow::before, .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
    border-bottom-color: #ffc107;
}

.tooltip.b-tooltip-warning.bs-tooltip-left .arrow::before, .tooltip.b-tooltip-warning.bs-tooltip-auto[x-placement^=left] .arrow::before {
    border-left-color: #ffc107;
}

.tooltip.b-tooltip-warning .tooltip-inner {
    color: #212529;
    background-color: #ffc107;
}

.tooltip.b-tooltip-danger.bs-tooltip-top .arrow::before, .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=top] .arrow::before {
    border-top-color: #dc3545;
}

.tooltip.b-tooltip-danger.bs-tooltip-right .arrow::before, .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=right] .arrow::before {
    border-right-color: #dc3545;
}

.tooltip.b-tooltip-danger.bs-tooltip-bottom .arrow::before, .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
    border-bottom-color: #dc3545;
}

.tooltip.b-tooltip-danger.bs-tooltip-left .arrow::before, .tooltip.b-tooltip-danger.bs-tooltip-auto[x-placement^=left] .arrow::before {
    border-left-color: #dc3545;
}

.tooltip.b-tooltip-danger .tooltip-inner {
    color: #fff;
    background-color: #dc3545;
}

.tooltip.b-tooltip-light.bs-tooltip-top .arrow::before, .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=top] .arrow::before {
    border-top-color: #f8f9fa;
}

.tooltip.b-tooltip-light.bs-tooltip-right .arrow::before, .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=right] .arrow::before {
    border-right-color: #f8f9fa;
}

.tooltip.b-tooltip-light.bs-tooltip-bottom .arrow::before, .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
    border-bottom-color: #f8f9fa;
}

.tooltip.b-tooltip-light.bs-tooltip-left .arrow::before, .tooltip.b-tooltip-light.bs-tooltip-auto[x-placement^=left] .arrow::before {
    border-left-color: #f8f9fa;
}

.tooltip.b-tooltip-light .tooltip-inner {
    color: #212529;
    background-color: #f8f9fa;
}

.tooltip.b-tooltip-dark.bs-tooltip-top .arrow::before, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=top] .arrow::before {
    border-top-color: #343a40;
}

.tooltip.b-tooltip-dark.bs-tooltip-right .arrow::before, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=right] .arrow::before {
    border-right-color: #343a40;
}

.tooltip.b-tooltip-dark.bs-tooltip-bottom .arrow::before, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
    border-bottom-color: #343a40;
}

.tooltip.b-tooltip-dark.bs-tooltip-left .arrow::before, .tooltip.b-tooltip-dark.bs-tooltip-auto[x-placement^=left] .arrow::before {
    border-left-color: #343a40;
}

.tooltip.b-tooltip-dark .tooltip-inner {
    color: #fff;
    background-color: #343a40;
}

.b-icon.bi {
    display: inline-block;
    overflow: visible;
    vertical-align: -0.15em;
}

.b-icon.b-icon-animation-cylon, .b-icon.b-iconstack .b-icon-animation-cylon > g {
    transform-origin: center;
    animation: 0.75s infinite ease-in-out alternate b-icon-animation-cylon;
}

@media (prefers-reduced-motion: reduce) {
    .b-icon.b-icon-animation-cylon, .b-icon.b-iconstack .b-icon-animation-cylon > g {
        animation: none;
    }
}

.b-icon.b-icon-animation-cylon-vertical, .b-icon.b-iconstack .b-icon-animation-cylon-vertical > g {
    transform-origin: center;
    animation: 0.75s infinite ease-in-out alternate b-icon-animation-cylon-vertical;
}

@media (prefers-reduced-motion: reduce) {
    .b-icon.b-icon-animation-cylon-vertical, .b-icon.b-iconstack .b-icon-animation-cylon-vertical > g {
        animation: none;
    }
}

.b-icon.b-icon-animation-fade, .b-icon.b-iconstack .b-icon-animation-fade > g {
    transform-origin: center;
    animation: 0.75s infinite ease-in-out alternate b-icon-animation-fade;
}

@media (prefers-reduced-motion: reduce) {
    .b-icon.b-icon-animation-fade, .b-icon.b-iconstack .b-icon-animation-fade > g {
        animation: none;
    }
}

.b-icon.b-icon-animation-spin, .b-icon.b-iconstack .b-icon-animation-spin > g {
    transform-origin: center;
    animation: 2s infinite linear normal b-icon-animation-spin;
}

@media (prefers-reduced-motion: reduce) {
    .b-icon.b-icon-animation-spin, .b-icon.b-iconstack .b-icon-animation-spin > g {
        animation: none;
    }
}

.b-icon.b-icon-animation-spin-reverse, .b-icon.b-iconstack .b-icon-animation-spin-reverse > g {
    transform-origin: center;
    animation: 2s infinite linear reverse b-icon-animation-spin;
}

@media (prefers-reduced-motion: reduce) {
    .b-icon.b-icon-animation-spin-reverse, .b-icon.b-iconstack .b-icon-animation-spin-reverse > g {
        animation: none;
    }
}

.b-icon.b-icon-animation-spin-pulse, .b-icon.b-iconstack .b-icon-animation-spin-pulse > g {
    transform-origin: center;
    animation: 1s infinite steps(8) normal b-icon-animation-spin;
}

@media (prefers-reduced-motion: reduce) {
    .b-icon.b-icon-animation-spin-pulse, .b-icon.b-iconstack .b-icon-animation-spin-pulse > g {
        animation: none;
    }
}

.b-icon.b-icon-animation-spin-reverse-pulse, .b-icon.b-iconstack .b-icon-animation-spin-reverse-pulse > g {
    transform-origin: center;
    animation: 1s infinite steps(8) reverse b-icon-animation-spin;
}

@media (prefers-reduced-motion: reduce) {
    .b-icon.b-icon-animation-spin-reverse-pulse, .b-icon.b-iconstack .b-icon-animation-spin-reverse-pulse > g {
        animation: none;
    }
}

.b-icon.b-icon-animation-throb, .b-icon.b-iconstack .b-icon-animation-throb > g {
    transform-origin: center;
    animation: 0.75s infinite ease-in-out alternate b-icon-animation-throb;
}

@media (prefers-reduced-motion: reduce) {
    .b-icon.b-icon-animation-throb, .b-icon.b-iconstack .b-icon-animation-throb > g {
        animation: none;
    }
}

@keyframes b-icon-animation-cylon {
    0% {
        transform: translateX(-25%);
    }

    100% {
        transform: translateX(25%);
    }
}

@keyframes b-icon-animation-cylon-vertical {
    0% {
        transform: translateY(25%);
    }

    100% {
        transform: translateY(-25%);
    }
}

@keyframes b-icon-animation-fade {
    0% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes b-icon-animation-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

@keyframes b-icon-animation-throb {
    0% {
        opacity: 0.5;
        transform: scale(0.5);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.btn .b-icon.bi,
.nav-link .b-icon.bi,
.dropdown-toggle .b-icon.bi,
.dropdown-item .b-icon.bi,
.input-group-text .b-icon.bi {
    font-size: 125%;
    vertical-align: text-bottom;
}

.spark-regular {
    color: hsl(42, 85%, 62%);
}

.spark-bg-regular {
    background-color: hsl(42, 85%, 62%);
}

.spark-100 {
    color: hsl(41, 85%, 92%);
}

.spark-bg-100 {
    background-color: hsl(41, 85%, 92%);
}

.spark-200 {
    color: hsl(41, 85%, 77%);
}

.spark-bg-200 {
    background-color: hsl(41, 85%, 77%);
}

.spark-300 {
    color: hsl(42, 85%, 62%);
}

.spark-bg-300 {
    background-color: hsl(42, 85%, 62%);
}

.spark-400 {
    color: hsl(41, 85%, 40%);
}

.spark-bg-400 {
    background-color: hsl(41, 85%, 40%);
}

.spark-500 {
    color: hsl(41, 85%, 20%);
}

.spark-bg-500 {
    background-color: hsl(41, 85%, 20%);
}

.alloy-regular {
    color: rgb(237, 234, 226);
}

.alloy-bg-regular {
    background-color: rgb(237, 234, 226);
}

.alloy-100 {
    color: rgb(249, 248, 246);
}

.alloy-bg-100 {
    background-color: rgb(249, 248, 246);
}

.alloy-200 {
    color: rgb(237, 234, 226);
}

.alloy-bg-200 {
    background-color: rgb(237, 234, 226);
}

.alloy-300 {
    color: rgb(218, 212, 198);
}

.alloy-bg-300 {
    background-color: rgb(218, 212, 198);
}

.alloy-400 {
    color: rgb(192, 184, 164);
}

.alloy-bg-400 {
    background-color: rgb(192, 184, 164);
}

.alloy-500 {
    color: rgb(167, 156, 132);
}

.alloy-bg-500 {
    background-color: rgb(167, 156, 132);
}

.plum-regular {
    color: rgb(49, 22, 39);
}

.plum-bg-regular {
    background-color: rgb(49, 22, 39);
}

.plum-100 {
    color: rgb(70, 32, 56);
}

.plum-bg-100 {
    background-color: rgb(70, 32, 56);
}

.plum-200 {
    color: rgb(49, 22, 39);
}

.plum-bg-200 {
    background-color: rgb(49, 22, 39);
}

.plum-300 {
    color: rgb(28, 13, 22);
}

.plum-bg-300 {
    background-color: rgb(28, 13, 22);
}

.plum-regular {
    color: rgb(49, 22, 39);
}

.plum-bg-regular {
    background-color: rgb(49, 22, 39);
}

.plum-100 {
    color: rgb(70, 32, 56);
}

.plum-bg-100 {
    background-color: rgb(70, 32, 56);
}

.plum-200 {
    color: rgb(49, 22, 39);
}

.plum-bg-200 {
    background-color: rgb(49, 22, 39);
}

.plum-300 {
    color: rgb(28, 13, 22);
}

.plum-bg-300 {
    background-color: rgb(28, 13, 22);
}

:root {
    --fma-color-plum-regular: rgb(49, 22, 39);
    --fma-color-plum-100: rgb(70, 32, 56);
    --fma-color-plum-200: rgb(49, 22, 39);
    --fma-color-plum-300: rgb(28, 13, 22);
    --fma-color-spark-regular: hsl(42, 85%, 62%);
    --fma-color-spark-100: hsl(41, 85%, 92%);
    --fma-color-spark-200: hsl(41, 85%, 77%);
    --fma-color-spark-300: hsl(42, 85%, 62%);
    --fma-color-spark-400: hsl(41, 85%, 40%);
    --fma-color-spark-500: hsl(41, 85%, 20%);
    --fma-color-alloy-regular: rgb(237, 234, 226);
    --fma-color-alloy-100: rgb(249, 248, 246);
    --fma-color-alloy-200: rgb(237, 234, 226);
    --fma-color-alloy-300: rgb(218, 212, 198);
    --fma-color-alloy-400: rgb(192, 184, 164);
    --fma-color-alloy-500: rgb(167, 156, 132);
    --fma-color-red-regular: rgb(49, 22, 39);
    --fma-color-red-100: rgb(70, 32, 56);
    --fma-color-red-200: rgb(49, 22, 39);
    --fma-color-red-300: rgb(28, 13, 22);
}

:root,
[data-theme=alloy] {
    --pico-background-color: rgb(249, 248, 246);
    --pico-color: hsl(60, 24%, 4%);
    --pico-text-selection-color: rgba(2, 154, 232, 0.25);
    --pico-muted-color: hsl(60, 2%, 43%);
    --pico-muted-border-color: rgb(218, 212, 198);
    --pico-primary: hsl(356, 52%, 38%);
    --pico-primary-background: hsl(356, 52%, 38%);
    --pico-primary-border: var(--pico-primary-background);
    --pico-primary-underline: hsl(354, 58%, 53%);
    --pico-primary-hover: hsl(357, 54%, 32%);
    --pico-primary-hover-background: hsl(357, 54%, 32%);
    --pico-primary-hover-border: var(--pico-primary-hover-background);
    --pico-primary-hover-underline: var(--pico-primary-hover);
    --pico-primary-focus: hsl(209, 79%, 68%);
    --pico-primary-inverse: rgb(249, 248, 246);
    --pico-secondary: rgb(70, 32, 56);
    --pico-secondary-background: rgb(70, 32, 56);
    --pico-secondary-border: var(--pico-secondary-background);
    --pico-secondary-underline: rgba(93, 107, 137, 0.5);
    --pico-secondary-hover: hsl(354, 58%, 53%);
    --pico-secondary-hover-background: hsl(354, 58%, 53%);
    --pico-secondary-hover-border: var(--pico-secondary-hover-background);
    --pico-secondary-hover-underline: var(--pico-secondary-hover);
    --pico-secondary-focus: rgba(93, 107, 137, 0.25);
    --pico-secondary-inverse: #fff;
    --pico-contrast: hsl(60, 2%, 20%);
    --pico-contrast-background: hsl(60, 2%, 20%);
    --pico-contrast-border: var(--pico-contrast-background);
    --pico-contrast-underline: rgba(24, 28, 37, 0.5);
    --pico-contrast-hover: hsl(60, 24%, 4%);
    --pico-contrast-hover-background: hsl(60, 24%, 4%);
    --pico-contrast-hover-border: var(--pico-contrast-hover-background);
    --pico-contrast-hover-underline: var(--pico-secondary-hover);
    --pico-contrast-focus: rgba(93, 107, 137, 0.25);
    --pico-contrast-inverse: #fff;
    --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(104, 120, 153, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(104, 120, 153, 0.024), 0.0625rem 0.125rem 0.75rem rgba(104, 120, 153, 0.03), 0.1125rem 0.225rem 1.35rem rgba(104, 120, 153, 0.036), 0.2085rem 0.417rem 2.502rem rgba(104, 120, 153, 0.04302), 0.5rem 1rem 6rem rgba(104, 120, 153, 0.06), 0 0 0 0.0625rem rgba(104, 120, 153, 0.015);
    --pico-h1-color: hsl(60, 24%, 4%);
    --pico-h2-color: hsl(60, 2%, 20%);
    --pico-h3-color: hsl(60, 2%, 20%);
    --pico-h4-color: hsl(60, 2%, 20%);
    --pico-h5-color: hsl(60, 2%, 20%);
    --pico-h6-color: hsl(60, 2%, 20%);
    --pico-mark-background-color: #fde7c0;
    --pico-mark-color: var(--pico-color);
    --pico-ins-color: hsl(180, 100%, 24%);
    --pico-del-color: hsl(356, 52%, 38%);
    --pico-blockquote-border-color: var(--pico-muted-border-color);
    --pico-blockquote-footer-color: var(--pico-muted-color);
    --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    --pico-table-border-color: var(--pico-muted-border-color);
    --pico-table-row-stripped-background-color: rgb(237, 234, 226);
    --pico-code-background-color: rgb(237, 234, 226);
    --pico-code-color: hsl(41, 85%, 20%);
    --pico-code-kbd-background-color: rgb(237, 234, 226);
    --pico-code-kbd-color: var(--picocolor);
    --pico-form-element-background-color: #fff;
    --pico-form-element-selected-background-color: #dfe3eb;
    --pico-form-element-border-color: rgb(218, 212, 198);
    --pico-form-element-color: var(--picocolor);
    --pico-form-element-placeholder-color: var(--pico-muted-color);
    --pico-form-element-active-background-color: #fff;
    --pico-form-element-active-border-color: var(--pico-primary-border);
    --pico-form-element-focus-color: var(--pico-primary-border);
    --pico-form-element-disabled-background-color: var( --pico-form-element-background-color );
    --pico-form-element-disabled-border-color: var( --pico-form-element-border-color );
    --pico-form-element-disabled-opacity: 0.5;
    --pico-form-element-invalid-border-color: hsl(354, 58%, 53%);
    --pico-form-element-invalid-active-border-color: hsl(354, 58%, 53%);
    --pico-form-element-invalid-focus-color: var( --pico-form-element-invalid-active-border-color );
    --pico-form-element-valid-border-color: hsl(175, 100%, 31%);
    --pico-form-element-valid-active-border-color: hsl(175, 100%, 31%);
    --pico-form-element-valid-focus-color: var( --pico-form-element-valid-active-border-color );
    --pico-switch-background-color: rgb(218, 212, 198);
    --pico-switch-color: var(--pico-primary-inverse);
    --pico-switch-checked-background-color: var(--pico-primary-background);
    --pico-range-border-color: rgb(218, 212, 198);
    --pico-range-active-border-color: rgb(192, 184, 164);
    --pico-range-thumb-border-color: var(--pico-background-color);
    --pico-range-thumb-color: var(--pico-secondary-background);
    --pico-range-thumb-active-color: var(--pico-primary-background);
    --pico-accordion-border-color: var(--pico-muted-border-color);
    --pico-accordion-active-summary-color: var(--pico-primary-hover);
    --pico-accordion-close-summary-color: var(--pico-color);
    --pico-accordion-open-summary-color: var(--pico-muted-color);
    --pico-card-background-color: var(--pico-background-color);
    --pico-card-border-color: var(--pico-muted-border-color);
    --pico-card-box-shadow: var(--pico-box-shadow);
    --pico-card-sectioning-background-color: #fff;
    --pico-dropdown-background-color: #fff;
    --pico-dropdown-border-color: #eff1f4;
    --pico-dropdown-box-shadow: var(--pico-box-shadow);
    --pico-dropdown-color: var(--pico-color);
    --pico-dropdown-hover-background-color: #eff1f4;
    --pico-loading-spinner-opacity: 0.5;
    --pico-modal-overlay-background-color: rgba(0, 0, 0, 0.75);
    --pico-progress-background-color: #fff;
    --pico-progress-color: var(--pico-primary-background);
    --pico-tooltip-background-color: var(--pico-contrast-background);
    --pico-tooltip-color: var(--pico-contrast-inverse);
    --pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(29, 106, 84)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    --pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 57, 53)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
    --fma-icon-color: hsl(42, 85%, 62%);
    color-scheme: light;
}

[data-theme=plum] {
    --pico-background-color: rgb(49, 22, 39);
    --pico-color: rgb(249, 248, 246);
    --pico-text-selection-color: rgba(1, 170, 255, 0.1875);
    --pico-muted-color: rgb(167, 156, 132);
    --pico-muted-border-color: hsl(354, 58%, 53%);
    --pico-primary: hsl(42, 85%, 62%);
    --pico-primary-background: hsl(42, 85%, 62%);
    --pico-primary-border: var(--pico-primary-background);
    --pico-primary-underline: rgb(218, 212, 198);
    --pico-primary-hover: hsl(41, 85%, 77%);
    --pico-primary-hover-background: hsl(41, 85%, 92%);
    --pico-primary-hover-border: var(--pico-primary-hover-background);
    --pico-primary-hover-underline: var(--pico-primary-hover);
    --pico-primary-focus: color.adjust(var(--picoprimary), $alpha: 0.5);
    --pico-primary-inverse: hsl(60, 24%, 4%);
    --pico-secondary: hsl(354, 58%, 53%);
    --pico-secondary-background: hsl(354, 58%, 53%);
    --pico-secondary-border: var(--pico-secondary-background);
    --pico-secondary-underline: rgba(150, 158, 175, 0.5);
    --pico-secondary-hover: hsl(356, 52%, 38%);
    --pico-secondary-hover-background: hsl(356, 52%, 38%);
    --pico-secondary-hover-border: var(--pico-secondary-hover-background);
    --pico-secondary-hover-underline: var(--pico-secondary-hover);
    --pico-secondary-focus: hsla(0, 100%, 100%, 0.08);
    --pico-secondary-inverse: rgb(249, 248, 246);
    --pico-contrast: rgb(167, 156, 132);
    --pico-contrast-background: rgb(167, 156, 132);
    --pico-contrast-border: var(--pico-contrast-background);
    --pico-contrast-underline: hsla(0, 100%, 100%, 0.08);
    --pico-contrast-hover: rgb(249, 248, 246);
    --pico-contrast-hover-background: hsl(41, 85%, 20%);
    --pico-contrast-hover-border: var(--pico-contrast-hover-background);
    --pico-contrast-hover-underline: var(--pico-contrast-hover);
    --pico-contrast-focus: rgba(207, 213, 226, 0.25);
    --pico-contrast-inverse: rgb(249, 248, 246);
    --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024), 0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03), 0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036), 0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302), 0.5rem 1rem 6rem rgba(0, 0, 0, 0.06), 0 0 0 0.0625rem rgba(0, 0, 0, 0.015);
    --pico-h1-color: rgb(218, 212, 198);
    --pico-h2-color: rgb(218, 212, 198);
    --pico-h3-color: rgb(218, 212, 198);
    --pico-h4-color: rgb(218, 212, 198);
    --pico-h5-color: rgb(218, 212, 198);
    --pico-h6-color: rgb(218, 212, 198);
    --pico-mark-background-color: #014063;
    --pico-mark-color: #fff;
    --pico-ins-color: hsl(175, 100%, 31%);
    --pico-del-color: hsl(356, 52%, 38%);
    --pico-blockquote-border-color: var(--pico-muted-border-color);
    --pico-blockquote-footer-color: var(--pico-muted-color);
    --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    --pico-table-border-color: rgb(28, 13, 22);
    --pico-table-row-stripped-background-color: hsla(0, 100%, 100%, 0.08);
    --pico-code-background-color: rgb(28, 13, 22);
    --pico-code-color: rgb(218, 212, 198);
    --pico-code-kbd-background-color: var(--pico-color);
    --pico-code-kbd-color: var(--pico-background-color);
    --pico-form-element-background-color: rgb(249, 248, 246);
    --pico-form-element-selected-background-color: rgb(249, 248, 246);
    --pico-form-element-border-color: rgb(249, 248, 246);
    --pico-form-element-color: hsl(60, 24%, 4%);
    --pico-form-element-placeholder-color: hsl(60, 2%, 43%);
    --pico-form-element-active-background-color: rgb(249, 248, 246);
    --pico-form-element-active-border-color: var(--pico-primary-border);
    --pico-form-element-focus-color: var(--pico-primary-border);
    --pico-form-element-disabled-background-color: var( --pico-form-element-background-color );
    --pico-form-element-disabled-border-color: var( --pico-form-element-border-color );
    --pico-form-element-disabled-opacity: 0.5;
    --pico-form-element-invalid-border-color: hsl(354, 58%, 53%);
    --pico-form-element-invalid-active-border-color: hsl(354, 58%, 53%);
    --pico-form-element-invalid-focus-color: var( --pico-form-element-invalid-active-border-color );
    --pico-form-element-valid-border-color: hsl(175, 100%, 31%);
    --pico-form-element-valid-active-border-color: hsl(180, 100%, 24%);
    --pico-form-element-valid-focus-color: var( --pico-form-element-valid-active-border-color );
    --pico-switch-background-color: rgb(167, 156, 132);
    --pico-switch-color: var(--pico-primary-inverse);
    --pico-switch-checked-background-color: var(--pico-primary-background);
    --pico-range-border-color: rgb(167, 156, 132);
    --pico-range-active-border-color: rgb(218, 212, 198);
    --pico-range-thumb-border-color: var(--pico-background-color);
    --pico-range-thumb-color: var(--pico-secondary-background);
    --pico-range-thumb-active-color: var(--pico-primary-background);
    --pico-accordion-border-color: var(--pico-muted-border-color);
    --pico-accordion-active-summary-color: var(--pico-primary-hover);
    --pico-accordion-close-summary-color: var(--pico-color);
    --pico-accordion-open-summary-color: var(--pico-muted-color);
    --pico-card-background-color: rgb(28, 13, 22);
    --pico-card-border-color: var(--pico-card-background-color);
    --pico-card-box-shadow: var(--pico-box-shadow);
    --pico-card-sectioning-background-color: rgb(70, 32, 56);
    --pico-dropdown-background-color: red;
    --pico-dropdown-border-color: #202632;
    --pico-dropdown-box-shadow: var(--pico-box-shadow);
    --pico-dropdown-color: var(--pico-color);
    --pico-dropdown-hover-background-color: #202632;
    --pico-loading-spinner-opacity: 0.5;
    --pico-modal-overlay-background-color: rgba(0, 0, 0, 0.75);
    --pico-progress-background-color: rgb(28, 13, 22);
    --pico-progress-color: var(--pico-primary-background);
    --pico-tooltip-background-color: var(--pico-contrast-background);
    --pico-tooltip-color: var(--pico-contrast-inverse);
    --pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(98, 175, 154)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    --pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(206, 126, 123)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
    color-scheme: dark;
}

[data-theme=spark] {
    --pico-background-color: hsl(42, 85%, 62%);
    --pico-color: hsl(60, 24%, 4%);
    --pico-text-selection-color: rgba(1, 170, 255, 0.1875);
    --pico-muted-color: hsl(41, 85%, 20%);
    --pico-muted-border-color: hsl(41, 85%, 40%);
    --pico-primary: hsl(356, 52%, 38%);
    --pico-primary-background: hsl(354, 58%, 53%);
    --pico-primary-border: var(--pico-primary-background);
    --pico-primary-underline: hsl(209, 79%, 31%);
    --pico-primary-hover: hsl(354, 58%, 53%);
    --pico-primary-hover-background: hsl(356, 52%, 38%);
    --pico-primary-hover-border: var(--pico-primary-hover-background);
    --pico-primary-hover-underline: var(--pico-primary-hover);
    --pico-primary-focus: color.adjust(var(--picoprimary), $alpha: 0.5);
    --pico-primary-inverse: rgb(249, 248, 246);
    --pico-secondary: rgb(70, 32, 56);
    --pico-secondary-background: rgb(70, 32, 56);
    --pico-secondary-border: var(--pico-secondary-background);
    --pico-secondary-underline: rgba(150, 158, 175, 0.5);
    --pico-secondary-hover: hsl(356, 52%, 38%);
    --pico-secondary-hover-background: rgb(28, 13, 22);
    --pico-secondary-hover-border: var(--pico-secondary-hover-background);
    --pico-secondary-hover-underline: var(--pico-secondary-hover);
    --pico-secondary-focus: rgba(144, 158, 190, 0.25);
    --pico-secondary-inverse: rgb(249, 248, 246);
    --pico-contrast: hsl(209, 79%, 40%);
    --pico-contrast-background: hsl(209, 79%, 40%);
    --pico-contrast-border: var(--pico-contrast-background);
    --pico-contrast-underline: rgba(223, 227, 235, 0.5);
    --pico-contrast-hover: hsl(209, 100%, 20%);
    --pico-contrast-hover-background: hsl(209, 100%, 20%);
    --pico-contrast-hover-border: var(--pico-contrast-hover-background);
    --pico-contrast-hover-underline: var(--pico-contrast-hover);
    --pico-contrast-focus: rgba(207, 213, 226, 0.25);
    --pico-contrast-inverse: #fff;
    --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024), 0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03), 0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036), 0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302), 0.5rem 1rem 6rem rgba(0, 0, 0, 0.06), 0 0 0 0.0625rem rgba(0, 0, 0, 0.015);
    --pico-h1-color: rgb(28, 13, 22);
    --pico-h2-color: rgb(28, 13, 22);
    --pico-h3-color: rgb(28, 13, 22);
    --pico-h4-color: rgb(28, 13, 22);
    --pico-h5-color: rgb(49, 22, 39);
    --pico-h6-color: rgb(49, 22, 39);
    --pico-mark-background-color: #014063;
    --pico-mark-color: #fff;
    --pico-ins-color: #62af9a;
    --pico-del-color: hsl(356, 52%, 38%);
    --pico-blockquote-border-color: var(--pico-muted-border-color);
    --pico-blockquote-footer-color: var(--pico-muted-color);
    --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    --pico-table-border-color: var(--pico-muted-border-color);
    --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);
    --pico-code-background-color: hsl(60, 24%, 4%);
    --pico-code-color: hsl(41, 85%, 77%);
    --pico-code-kbd-background-color: hsl(41, 85%, 40%);
    --pico-code-kbd-color: var(--pico-primary-inverse);
    --pico-form-element-background-color: #fff;
    --pico-form-element-selected-background-color: #fff;
    --pico-form-element-border-color: hsl(41, 85%, 40%);
    --pico-form-element-color: hsl(41, 85%, 20%);
    --pico-form-element-placeholder-color: #8891a4;
    --pico-form-element-active-background-color: #fff;
    --pico-form-element-active-border-color: hsl(41, 85%, 40%);
    --pico-form-element-focus-color: hsl(41, 85%, 40%);
    --pico-form-element-disabled-background-color: var( --pico-form-element-background-color );
    --pico-form-element-disabled-border-color: var( --pico-form-element-border-color );
    --pico-form-element-disabled-opacity: 0.5;
    --pico-form-element-invalid-border-color: hsl(354, 58%, 53%);
    --pico-form-element-invalid-active-border-color: hsl(354, 58%, 53%);
    --pico-form-element-invalid-focus-color: var( --pico-form-element-invalid-active-border-color );
    --pico-form-element-valid-border-color: hsl(180, 100%, 24%);
    --pico-form-element-valid-active-border-color: #16896a;
    --pico-form-element-valid-focus-color: var( --pico-form-element-valid-active-border-color );
    --pico-switch-background-color: hsl(60, 2%, 43%);
    --pico-switch-color: var(--pico-primary-inverse);
    --pico-switch-checked-background-color: var(--pico-primary-background);
    --pico-range-border-color: hsl(41, 85%, 40%);
    --pico-range-active-border-color: hsl(41, 85%, 40%);
    --pico-range-thumb-border-color: var(--pico-background-color);
    --pico-range-thumb-color: var(--pico-secondary-background);
    --pico-range-thumb-active-color: var(--pico-primary-background);
    --pico-accordion-border-color: var(--pico-muted-border-color);
    --pico-accordion-active-summary-color: var(--pico-primary-hover);
    --pico-accordion-close-summary-color: var(--pico-color);
    --pico-accordion-open-summary-color: var(--pico-muted-color);
    --pico-card-background-color: hsl(41, 85%, 92%);
    --pico-card-border-color: var(--pico-card-background-color);
    --pico-card-box-shadow: var(--pico-box-shadow);
    --pico-card-sectioning-background-color: hsl(41, 85%, 77%);
    --pico-dropdown-background-color: #181c25;
    --pico-dropdown-border-color: #202632;
    --pico-dropdown-box-shadow: var(--pico-box-shadow);
    --pico-dropdown-color: var(--pico-color);
    --pico-dropdown-hover-background-color: #202632;
    --pico-loading-spinner-opacity: 0.5;
    --pico-modal-overlay-background-color: rgba(0, 0, 0, 0.75);
    --pico-progress-background-color: hsl(41, 85%, 40%);
    --pico-progress-color: var(--pico-primary-background);
    --pico-tooltip-background-color: var(--pico-contrast-background);
    --pico-tooltip-color: var(--pico-contrast-inverse);
    --pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='hsl(180, 100%, 24%)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    --pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='hsl(354, 58%, 53%)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
    --fma-icon-color: rgb(49, 22, 39);
    --fma-icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpolyline points='6.5 1.5 18.5 12.5 6.5 23.5' style='stroke:rgb(49, 22, 39);stroke-width:4px;fill:none;'/%3E%3C/svg%3E ");
    --fma-icon-chevron-alloy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpolyline points='6.5 1.5 18.5 12.5 6.5 23.5' style='stroke:rgb(237, 234, 226);stroke-width:4px;fill:none;'/%3E%3C/svg%3E ");
    --fma-icon-chevron-plum: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpolyline points='6.5 1.5 18.5 12.5 6.5 23.5' style='stroke:rgb(49, 22, 39);stroke-width:4px;fill:none;'/%3E%3C/svg%3E ");
    color-scheme: light;
}

[data-theme=white] {
    --pico-background-color: #fff;
    --pico-color: hsl(60, 24%, 4%);
    --pico-text-selection-color: rgba(1, 170, 255, 0.1875);
    --pico-muted-color: rgb(167, 156, 132);
    --pico-muted-border-color: hsl(354, 58%, 53%);
    --pico-primary: hsl(354, 58%, 53%);
    --pico-primary-background: hsl(354, 58%, 53%);
    --pico-primary-border: var(--pico-primary-background);
    --pico-primary-underline: hsl(354, 58%, 53%);
    --pico-primary-hover: hsl(356, 52%, 38%);
    --pico-primary-hover-background: hsl(356, 52%, 38%);
    --pico-primary-hover-border: var(--pico-primary-hover-background);
    --pico-primary-hover-underline: var(--pico-primary-hover);
    --pico-primary-focus: color.adjust(var(--pico-primary), $alpha: 0.5);
    --pico-primary-inverse: rgb(249, 248, 246);
    --pico-secondary: rgb(167, 156, 132);
    --pico-secondary-background: rgb(167, 156, 132);
    --pico-secondary-border: var(--pico-secondary-background);
    --pico-secondary-underline: rgba(150, 158, 175, 0.5);
    --pico-secondary-hover: hsl(41, 85%, 20%);
    --pico-secondary-hover-background: hsl(41, 85%, 20%);
    --pico-secondary-hover-border: var(--pico-secondary-hover-background);
    --pico-secondary-hover-underline: var(--pico-secondary-hover);
    --pico-secondary-focus: rgb(218, 212, 198);
    --pico-secondary-inverse: rgb(249, 248, 246);
    --pico-contrast: rgb(70, 32, 56);
    --pico-contrast-background: rgb(70, 32, 56);
    --pico-contrast-border: var(--pico-contrast-background);
    --pico-contrast-underline: hsla(0, 0%, 0%, 0.08);
    --pico-contrast-hover: rgb(104, 48, 84);
    --pico-contrast-hover-background: rgb(104, 48, 84);
    --pico-contrast-hover-border: var(--pico-contrast-hover-background);
    --pico-contrast-hover-underline: var(--pico-contrast-hover);
    --pico-contrast-focus: rgba(207, 213, 226, 0.25);
    --pico-contrast-inverse: rgb(249, 248, 246);
    --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024), 0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03), 0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036), 0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302), 0.5rem 1rem 6rem rgba(0, 0, 0, 0.06), 0 0 0 0.0625rem rgba(0, 0, 0, 0.015);
    --pico-h1-color: rgb(49, 22, 39);
    --pico-h2-color: rgb(49, 22, 39);
    --pico-h3-color: rgb(49, 22, 39);
    --pico-h4-color: rgb(49, 22, 39);
    --pico-h5-color: rgb(49, 22, 39);
    --pico-h6-color: rgb(49, 22, 39);
    --pico-mark-background-color: #014063;
    --pico-mark-color: #fff;
    --pico-ins-color: hsl(175, 100%, 31%);
    --pico-del-color: hsl(356, 52%, 38%);
    --pico-blockquote-border-color: var(--pico-muted-border-color);
    --pico-blockquote-footer-color: var(--pico-muted-color);
    --pico-button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    --pico-button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    --pico-table-border-color: rgb(28, 13, 22);
    --pico-table-row-stripped-background-color: rgb(249, 248, 246);
    --pico-code-background-color: rgb(28, 13, 22);
    --pico-code-color: rgb(218, 212, 198);
    --pico-code-kbd-background-color: var(--pico-color);
    --pico-code-kbd-color: var(--pico-background-color);
    --pico-form-element-background-color: rgb(249, 248, 246);
    --pico-form-element-selected-background-color: rgb(249, 248, 246);
    --pico-form-element-border-color: rgb(218, 212, 198);
    --pico-form-element-color: hsl(60, 24%, 4%);
    --pico-form-element-placeholder-color: hsl(60, 2%, 43%);
    --pico-form-element-active-background-color: rgb(249, 248, 246);
    --pico-form-element-active-border-color: rgb(218, 212, 198);
    --pico-form-element-focus-color: rgb(218, 212, 198);
    --pico-form-element-disabled-background-color: var( --pico-form-element-background-color );
    --pico-form-element-disabled-border-color: var( --pico-form-element-border-color );
    --pico-form-element-disabled-opacity: 0.6;
    --pico-form-element-invalid-border-color: hsl(354, 58%, 53%);
    --pico-form-element-invalid-active-border-color: hsl(354, 58%, 53%);
    --pico-form-element-invalid-focus-color: var( --pico-form-element-invalid-active-border-color );
    --pico-form-element-valid-border-color: hsl(175, 100%, 31%);
    --pico-form-element-valid-active-border-color: hsl(180, 100%, 24%);
    --pico-form-element-valid-focus-color: var( --pico-form-element-valid-active-border-color );
    --pico-switch-background-color: rgb(218, 212, 198);
    --pico-switch-color: var(--pico-primary-inverse);
    --pico-switch-checked-background-color: var(--pico-primary-background);
    --pico-range-border-color: rgb(218, 212, 198);
    --pico-range-active-border-color: rgb(218, 212, 198);
    --pico-range-thumb-border-color: var(--pico-background-color);
    --pico-range-thumb-color: var(--pico-secondary-background);
    --pico-range-thumb-active-color: var(--pico-primary-background);
    --pico-accordion-border-color: var(--pico-muted-border-color);
    --pico-accordion-active-summary-color: var(--pico-primary-hover);
    --pico-accordion-close-summary-color: var(--pico-color);
    --pico-accordion-open-summary-color: var(--pico-muted-color);
    --pico-card-background-color: #fff;
    --pico-card-border-color: var(--pico-card-background-color);
    --pico-card-box-shadow: var(--pico-box-shadow);
    --pico-card-sectioning-background-color: rgb(249, 248, 246);
    --pico-dropdown-background-color: red;
    --pico-dropdown-border-color: #202632;
    --pico-dropdown-box-shadow: var(--pico-box-shadow);
    --pico-dropdown-color: var(--pico-color);
    --pico-dropdown-hover-background-color: #202632;
    --pico-loading-spinner-opacity: 0.5;
    --pico-modal-overlay-background-color: rgba(0, 0, 0, 0.75);
    --pico-progress-background-color: rgb(237, 234, 226);
    --pico-progress-color: var(--pico-primary-background);
    --pico-tooltip-background-color: var(--pico-contrast-background);
    --pico-tooltip-color: var(--pico-contrast-inverse);
    --pico-icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(98, 175, 154)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    --pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(206, 126, 123)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
    color-scheme: light;
}

[data-theme=light] input:is([type=submit], [type=button], [type=reset], [type=checkbox], [type=radio], [type=file]),
:root:not([data-theme=dark]) input:is([type=submit], [type=button], [type=reset], [type=checkbox], [type=radio], [type=file]) {
    --pico-form-element-focus-color: var(--pico-primary-focus);
}

[data-theme=dark] input:is([type=submit], [type=button], [type=reset], [type=checkbox], [type=radio], [type=file]) {
    --pico-form-element-focus-color: var(--pico-primary-focus);
}

[data-theme=dark] details summary[role=button].contrast:not(.outline)::after {
    filter: brightness(0);
}

[data-theme=dark] [aria-busy=true]:not(input, select, textarea).contrast:is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
    filter: brightness(0);
}

progress,
[type=checkbox],
[type=radio],
[type=range] {
    accent-color: var(--pico-primary);
}

[data-theme] {
    background-color: var(--pico-background-color);
    color: var(--pico-color);
}

:root {
    --grid-max-width: 1450px;
    --min-wrapping-col-width: 200px;
}

section,
.grid-12 {
    display: grid;
    grid-auto-flow: dense;
    grid-template-columns: minmax(var(--pico-spacing), 1fr) repeat(12, minmax(0, 120.8333333333px)) minmax(var(--pico-spacing), 1fr);
    height: auto;
    width: 100%;
    /* Mobile first: everything is full width */
}

    section:is(section),
    .grid-12:is(section) {
        margin: 0;
    }

    section > .full-width, section > .half-1, section > .half-2, section > .middle-two-thirds, section > .quarter-1, section > .quarter-2, section > .quarter-3, section > .quarter-4, section > .quarters-1-3, section > .quarters-2-3, section > .quarters-2-4, section > .third-1, section > .third-2, section > .third-3, section > .thirds-1-2, section > .thirds-2-3,
    .grid-12 > .full-width,
    .grid-12 > .half-1,
    .grid-12 > .half-2,
    .grid-12 > .middle-two-thirds,
    .grid-12 > .quarter-1,
    .grid-12 > .quarter-2,
    .grid-12 > .quarter-3,
    .grid-12 > .quarter-4,
    .grid-12 > .quarters-1-3,
    .grid-12 > .quarters-2-3,
    .grid-12 > .quarters-2-4,
    .grid-12 > .third-1,
    .grid-12 > .third-2,
    .grid-12 > .third-3,
    .grid-12 > .thirds-1-2,
    .grid-12 > .thirds-2-3 {
        grid-column: 2/-2;
    }

@media screen and (min-width: 576px) {
    section > .half-1,
    .grid-12 > .half-1 {
        grid-column: 2/8;
        margin-right: 1rem;
    }

    section > .half-2,
    .grid-12 > .half-2 {
        grid-column: -8/-2;
        margin-left: 1rem;
    }
}

@media screen and (min-width: 768px) {
    section > .third-1,
    .grid-12 > .third-1 {
        grid-column: 2/6;
        margin-right: 1rem;
    }

    section > .thirds-1-2,
    .grid-12 > .thirds-1-2 {
        grid-column: 2/10;
        margin-right: 1rem;
    }

    section > .third-2,
    .grid-12 > .third-2 {
        grid-column: 6/10;
        margin-left: 1rem;
        margin-right: 1rem;
    }

    section > .middle-two-thirds,
    .grid-12 > .middle-two-thirds {
        grid-column: 4/12;
    }

    section > .third-3,
    .grid-12 > .third-3 {
        grid-column: 10/-2;
        margin-left: 1rem;
    }

    section > .thirds-2-3,
    .grid-12 > .thirds-2-3 {
        grid-column: 6/-2;
        margin-left: 1rem;
    }
}

@media screen and (min-width: 1024px) {
    section > .quarter-1,
    .grid-12 > .quarter-1 {
        grid-column: 2/5;
        margin-right: 1rem;
    }

    section > .quarter-2,
    .grid-12 > .quarter-2 {
        grid-column: 5/8;
        margin-left: 1rem;
        margin-right: 1rem;
    }

    section > .quarter-3,
    .grid-12 > .quarter-3 {
        grid-column: 8/11;
        margin-left: 1rem;
        margin-right: 1rem;
    }

    section > .quarter-4,
    .grid-12 > .quarter-4 {
        grid-column: 11/14;
        margin-left: 1rem;
    }

    section > .quarters-2-3,
    .grid-12 > .quarters-2-3 {
        grid-column: 5/11;
        margin-left: 1rem;
        margin-right: 1rem;
    }

    section > .quarters-1-3,
    .grid-12 > .quarters-1-3 {
        grid-column: 2/11;
        margin-right: 1rem;
    }

    section > .quarters-2-4,
    .grid-12 > .quarters-2-4 {
        grid-column: 5/14;
        margin-left: 1rem;
    }
}

section > .left-bleed,
.grid-12 > .left-bleed {
    grid-column-start: 1;
}

section > .right-bleed,
.grid-12 > .right-bleed {
    grid-column-end: -1;
}

section > .full-bleed,
.grid-12 > .full-bleed {
    grid-column: 1/-1;
}

.clip-container {
    container-name: corner-clips;
    container-type: size;
    display: flex;
    overflow: hidden;
}

    .clip-container img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
    }

@container corner-clips (width > 100px) {
    .clip-25-nw {
        -webkit-clip-path: polygon(min(25cqi, 25cqb) 0, 100% 0, 100% 100%, 0 100%, 0 min(25cqw, 25cqh));
        clip-path: polygon(min(25cqi, 25cqb) 0, 100% 0, 100% 100%, 0 100%, 0 min(25cqw, 25cqh));
    }

    .clip-25-ne {
        -webkit-clip-path: polygon(0 0, calc(100% - min(25cqi, 25cqb)) 0, 100% min(25cqi, 25cqb), 100% 100%, 0 100%);
        clip-path: polygon(0 0, calc(100% - min(25cqi, 25cqb)) 0, 100% min(25cqi, 25cqb), 100% 100%, 0 100%);
    }

    .clip-25-se {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - min(25cqi, 25cqb)), calc(100% - min(25cqi, 25cqb)) 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - min(25cqi, 25cqb)), calc(100% - min(25cqi, 25cqb)) 100%, 0 100%);
    }

    .clip-25-sw {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, min(25cqi, 25cqb) 100%, 0 calc(100% - min(25cqi, 25cqb)));
        clip-path: polygon(0 0, 100% 0, 100% 100%, min(25cqi, 25cqb) 100%, 0 calc(100% - min(25cqi, 25cqb)));
    }

    .clip-25-nw-se {
        -webkit-clip-path: polygon(min(25cqi, 25cqb) 0, 100% 0, 100% calc(100% - min(25cqi, 25cqb)), calc(100% - min(25cqi, 25cqb)) 100%, 0 100%, 0 min(25cqw, 25cqh));
        clip-path: polygon(min(25cqi, 25cqb) 0, 100% 0, 100% calc(100% - min(25cqi, 25cqb)), calc(100% - min(25cqi, 25cqb)) 100%, 0 100%, 0 min(25cqw, 25cqh));
    }

    .clip-25-ne-sw {
        -webkit-clip-path: polygon(0 0, calc(100% - min(25cqi, 25cqb)) 0, 100% min(25cqi, 25cqb), 100% 100%, min(25cqi, 25cqb) 100%, 0 calc(100% - min(25cqi, 25cqb)));
        clip-path: polygon(0 0, calc(100% - min(25cqi, 25cqb)) 0, 100% min(25cqi, 25cqb), 100% 100%, min(25cqi, 25cqb) 100%, 0 calc(100% - min(25cqi, 25cqb)));
    }

    .clip-37-nw {
        -webkit-clip-path: polygon(min(37cqi, 37cqb) 0, 100% 0, 100% 100%, 0 100%, 0 min(37cqw, 37cqh));
        clip-path: polygon(min(37cqi, 37cqb) 0, 100% 0, 100% 100%, 0 100%, 0 min(37cqw, 37cqh));
    }

    .clip-37-ne {
        -webkit-clip-path: polygon(0 0, calc(100% - min(37cqi, 37cqb)) 0, 100% min(37cqi, 37cqb), 100% 100%, 0 100%);
        clip-path: polygon(0 0, calc(100% - min(37cqi, 37cqb)) 0, 100% min(37cqi, 37cqb), 100% 100%, 0 100%);
    }

    .clip-37-se {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - min(37cqi, 37cqb)), calc(100% - min(37cqi, 37cqb)) 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - min(37cqi, 37cqb)), calc(100% - min(37cqi, 37cqb)) 100%, 0 100%);
    }

    .clip-37-sw {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, min(37cqi, 37cqb) 100%, 0 calc(100% - min(37cqi, 37cqb)));
        clip-path: polygon(0 0, 100% 0, 100% 100%, min(37cqi, 37cqb) 100%, 0 calc(100% - min(37cqi, 37cqb)));
    }

    .clip-37-nw-se {
        -webkit-clip-path: polygon(min(37cqi, 37cqb) 0, 100% 0, 100% calc(100% - min(37cqi, 37cqb)), calc(100% - min(37cqi, 37cqb)) 100%, 0 100%, 0 min(37cqw, 37cqh));
        clip-path: polygon(min(37cqi, 37cqb) 0, 100% 0, 100% calc(100% - min(37cqi, 37cqb)), calc(100% - min(37cqi, 37cqb)) 100%, 0 100%, 0 min(37cqw, 37cqh));
    }

    .clip-37-ne-sw {
        -webkit-clip-path: polygon(0 0, calc(100% - min(37cqi, 37cqb)) 0, 100% min(37cqi, 37cqb), 100% 100%, min(37cqi, 37cqb) 100%, 0 calc(100% - min(37cqi, 37cqb)));
        clip-path: polygon(0 0, calc(100% - min(37cqi, 37cqb)) 0, 100% min(37cqi, 37cqb), 100% 100%, min(37cqi, 37cqb) 100%, 0 calc(100% - min(37cqi, 37cqb)));
    }

    .clip-50-nw {
        -webkit-clip-path: polygon(min(50cqi, 50cqb) 0, 100% 0, 100% 100%, 0 100%, 0 min(50cqw, 50cqh));
        clip-path: polygon(min(50cqi, 50cqb) 0, 100% 0, 100% 100%, 0 100%, 0 min(50cqw, 50cqh));
    }

    .clip-50-ne {
        -webkit-clip-path: polygon(0 0, calc(100% - min(50cqi, 50cqb)) 0, 100% min(50cqi, 50cqb), 100% 100%, 0 100%);
        clip-path: polygon(0 0, calc(100% - min(50cqi, 50cqb)) 0, 100% min(50cqi, 50cqb), 100% 100%, 0 100%);
    }

    .clip-50-se {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - min(50cqi, 50cqb)), calc(100% - min(50cqi, 50cqb)) 100%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - min(50cqi, 50cqb)), calc(100% - min(50cqi, 50cqb)) 100%, 0 100%);
    }

    .clip-50-sw {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, min(50cqi, 50cqb) 100%, 0 calc(100% - min(50cqi, 50cqb)));
        clip-path: polygon(0 0, 100% 0, 100% 100%, min(50cqi, 50cqb) 100%, 0 calc(100% - min(50cqi, 50cqb)));
    }

    .clip-50-nw-se {
        -webkit-clip-path: polygon(min(50cqi, 50cqb) 0, 100% 0, 100% calc(100% - min(50cqi, 50cqb)), calc(100% - min(50cqi, 50cqb)) 100%, 0 100%, 0 min(50cqw, 50cqh));
        clip-path: polygon(min(50cqi, 50cqb) 0, 100% 0, 100% calc(100% - min(50cqi, 50cqb)), calc(100% - min(50cqi, 50cqb)) 100%, 0 100%, 0 min(50cqw, 50cqh));
    }

    .clip-50-ne-sw {
        -webkit-clip-path: polygon(0 0, calc(100% - min(50cqi, 50cqb)) 0, 100% min(50cqi, 50cqb), 100% 100%, min(50cqi, 50cqb) 100%, 0 calc(100% - min(50cqi, 50cqb)));
        clip-path: polygon(0 0, calc(100% - min(50cqi, 50cqb)) 0, 100% min(50cqi, 50cqb), 100% 100%, min(50cqi, 50cqb) 100%, 0 calc(100% - min(50cqi, 50cqb)));
    }
}

.over-line-language {
    z-index: 2;
}

.line-language-nw {
    overflow: clip;
    position: relative;
}

    .line-language-nw::after {
        background-color: rgb(255, 255, 255);
        content: "";
        height: 5000px;
        position: absolute;
        width: 5000px;
        z-index: 1;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5000' height='5000' viewBox='0 0 5000 5000' fill='none' stroke='rgb(255,255,255)' stroke-width='1px' stroke-linecap='round' stroke-line-join='round'%3E%3Cpath d='M1,5000 L1,100 L100,1 L5000,1'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5000' height='5000' viewBox='0 0 5000 5000' fill='none' stroke='rgb(255,255,255)' stroke-width='1px' stroke-linecap='round' stroke-line-join='round'%3E%3Cpath d='M1,5000 L1,100 L100,1 L5000,1'/%3E%3C/svg%3E");
        left: 2rem;
        top: 1rem;
    }

.line-language-ne {
    overflow: clip;
    position: relative;
}

    .line-language-ne::after {
        background-color: rgb(255, 255, 255);
        content: "";
        height: 5000px;
        position: absolute;
        width: 5000px;
        z-index: 1;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5000' height='5000' viewBox='0 0 5000 5000' fill='none' stroke='rgb(255,255,255)' stroke-width='1px' stroke-linecap='round' stroke-line-join='round'%3E%3Cpath d='M0,1 L4900,1 L4999,100 L4999,5000'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5000' height='5000' viewBox='0 0 5000 5000' fill='none' stroke='rgb(255,255,255)' stroke-width='1px' stroke-linecap='round' stroke-line-join='round'%3E%3Cpath d='M0,1 L4900,1 L4999,100 L4999,5000'/%3E%3C/svg%3E");
        right: 2rem;
        top: 1rem;
    }

.line-language-se {
    overflow: clip;
    position: relative;
}

    .line-language-se::after {
        background-color: rgb(255, 255, 255);
        content: "";
        height: 5000px;
        position: absolute;
        width: 5000px;
        z-index: 1;
        bottom: 1rem;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5000' height='5000' viewBox='0 0 5000 5000' fill='none' stroke='rgb(255,255,255)' stroke-width='1px' stroke-linecap='round' stroke-line-join='round'%3E%3Cpath d='M0,4999 L4900,4999 L4999,4900 L4999,0'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5000' height='5000' viewBox='0 0 5000 5000' fill='none' stroke='rgb(255,255,255)' stroke-width='1px' stroke-linecap='round' stroke-line-join='round'%3E%3Cpath d='M0,4999 L4900,4999 L4999,4900 L4999,0'/%3E%3C/svg%3E");
        right: 2rem;
    }

.line-language-sw {
    overflow: clip;
    position: relative;
}

    .line-language-sw::after {
        background-color: rgb(255, 255, 255);
        content: "";
        height: 5000px;
        position: absolute;
        width: 5000px;
        z-index: 1;
        bottom: 1rem;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5000' height='5000' viewBox='0 0 5000 5000' fill='none' stroke='rgb(255,255,255)' stroke-width='1px' stroke-linecap='round' stroke-line-join='round'%3E%3Cpath d='M1,0 L1,4900 L100,4999 L5000,4999'/%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5000' height='5000' viewBox='0 0 5000 5000' fill='none' stroke='rgb(255,255,255)' stroke-width='1px' stroke-linecap='round' stroke-line-join='round'%3E%3Cpath d='M1,0 L1,4900 L100,4999 L5000,4999'/%3E%3C/svg%3E");
        left: 2rem;
    }

.line-language-duo {
    overflow: clip;
    position: relative;
}

    .line-language-duo::after {
        background-color: rgb(255, 255, 255);
        content: "";
        height: 5000px;
        position: absolute;
        width: 5000px;
        z-index: 1;
        background: url("/fma2023/img/lines/duo-white-over-red.svg") transparent center;
    }

.h-100 {
    height: 100%;
}

.max-w-50 {
    max-width: 50%;
}

.w-100 {
    width: 100%;
}

.mt-0 {
    margin-top: 0;
}

.mb-0 {
    margin-bottom: 0;
}

.my-0 {
    margin-bottom: 0;
    margin-top: 0;
}

.ml-0 {
    margin-left: 0;
}

.mr-0 {
    margin-right: 0;
}

.mx-0 {
    margin-left: 0;
    margin-right: 0;
}

.m-0 {
    margin: 0;
}

.pt-0 {
    padding-top: 0;
}

.pb-0 {
    padding-bottom: 0;
}

.py-0 {
    padding-bottom: 0;
    padding-top: 0;
}

.pl-0 {
    padding-left: 0;
}

.pr-0 {
    padding-right: 0;
}

.px-0 {
    padding-left: 0;
    padding-right: 0;
}

.p-0 {
    padding: 0;
}

.gap-0 {
    gap: 0;
}

.mt-xs {
    margin-top: 0.25rem;
}

.mb-xs {
    margin-bottom: 0.25rem;
}

.my-xs {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
}

.ml-xs {
    margin-left: 0.25rem;
}

.mr-xs {
    margin-right: 0.25rem;
}

.mx-xs {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.m-xs {
    margin: 0.25rem;
}

.pt-xs {
    padding-top: 0.25rem;
}

.pb-xs {
    padding-bottom: 0.25rem;
}

.py-xs {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
}

.pl-xs {
    padding-left: 0.25rem;
}

.pr-xs {
    padding-right: 0.25rem;
}

.px-xs {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.p-xs {
    padding: 0.25rem;
}

.gap-xs {
    gap: 0.25rem;
}

.mt-sm {
    margin-top: 0.5rem;
}

.mb-sm {
    margin-bottom: 0.5rem;
}

.my-sm {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
}

.ml-sm {
    margin-left: 0.5rem;
}

.mr-sm {
    margin-right: 0.5rem;
}

.mx-sm {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.m-sm {
    margin: 0.5rem;
}

.pt-sm {
    padding-top: 0.5rem;
}

.pb-sm {
    padding-bottom: 0.5rem;
}

.py-sm {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}

.pl-sm {
    padding-left: 0.5rem;
}

.pr-sm {
    padding-right: 0.5rem;
}

.px-sm {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.p-sm {
    padding: 0.5rem;
}

.gap-sm {
    gap: 0.5rem;
}

.mt-md {
    margin-top: 1rem;
}

.mb-md {
    margin-bottom: 1rem;
}

.my-md {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.ml-md {
    margin-left: 1rem;
}

.mr-md {
    margin-right: 1rem;
}

.mx-md {
    margin-left: 1rem;
    margin-right: 1rem;
}

.m-md {
    margin: 1rem;
}

.pt-md {
    padding-top: 1rem;
}

.pb-md {
    padding-bottom: 1rem;
}

.py-md {
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.pl-md {
    padding-left: 1rem;
}

.pr-md {
    padding-right: 1rem;
}

.px-md {
    padding-left: 1rem;
    padding-right: 1rem;
}

.p-md {
    padding: 1rem;
}

.gap-md {
    gap: 1rem;
}

.mt-lg {
    margin-top: 2rem;
}

.mb-lg {
    margin-bottom: 2rem;
}

.my-lg {
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.ml-lg {
    margin-left: 2rem;
}

.mr-lg {
    margin-right: 2rem;
}

.mx-lg {
    margin-left: 2rem;
    margin-right: 2rem;
}

.m-lg {
    margin: 2rem;
}

.pt-lg {
    padding-top: 2rem;
}

.pb-lg {
    padding-bottom: 2rem;
}

.py-lg {
    padding-bottom: 2rem;
    padding-top: 2rem;
}

.pl-lg {
    padding-left: 2rem;
}

.pr-lg {
    padding-right: 2rem;
}

.px-lg {
    padding-left: 2rem;
    padding-right: 2rem;
}

.p-lg {
    padding: 2rem;
}

.gap-lg {
    gap: 2rem;
}

.mt-xl {
    margin-top: 4rem;
}

.mb-xl {
    margin-bottom: 4rem;
}

.my-xl {
    margin-bottom: 4rem;
    margin-top: 4rem;
}

.ml-xl {
    margin-left: 4rem;
}

.mr-xl {
    margin-right: 4rem;
}

.mx-xl {
    margin-left: 4rem;
    margin-right: 4rem;
}

.m-xl {
    margin: 4rem;
}

.pt-xl {
    padding-top: 4rem;
}

.pb-xl {
    padding-bottom: 4rem;
}

.py-xl {
    padding-bottom: 4rem;
    padding-top: 4rem;
}

.pl-xl {
    padding-left: 4rem;
}

.pr-xl {
    padding-right: 4rem;
}

.px-xl {
    padding-left: 4rem;
    padding-right: 4rem;
}

.p-xl {
    padding: 4rem;
}

.gap-xl {
    gap: 4rem;
}

:root {
    --spacing-0: 0;
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 2rem;
    --spacing-xl: 4rem;
}

:root {
    --fma-display-type: "IBM Plex Sans", "Inter var", system-ui, "Segoe UI", Roboto, "Helvetica, Arial, sans-serif";
    --pico-font-family-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --pico-font-family-sans-serif: "Inter var", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, var(--pico-font-family-emoji);
    --pico-font-family-monospace: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace, var(--pico-font-family-emoji);
    --pico-font-family: var(--pico-font-family-sans-serif);
    --pico-line-height: 1.6;
    --pico-font-weight: 400;
    --pico-font-size: 100%;
    --pico-text-underline-offset: 0.1rem;
    --pico-border-radius: 0;
    --pico-border-width: 0.0625rem;
    --pico-outline-width: 0.1875rem;
    --pico-transition: 0.2s ease-in-out;
    --pico-spacing: 1rem;
    --pico-typography-spacing-vertical: 1rem;
    --pico-block-spacing-vertical: calc(var(--pico-spacing) * 2);
    --pico-block-spacing-horizontal: var(--pico-spacing);
    --pico-grid-column-gap: var(--pico-spacing);
    --pico-grid-row-gap: var(--pico-spacing);
    --pico-form-element-spacing-vertical: 0.5em;
    --pico-form-element-spacing-horizontal: 0.8em;
    --pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    --pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);
    --pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);
    --pico-modal-overlay-backdrop-filter: blur(0.375rem);
    --pico-nav-element-spacing-vertical: 1rem;
    --pico-nav-element-spacing-horizontal: 0.5rem;
    --pico-nav-link-spacing-vertical: 0.5rem;
    --pico-nav-link-spacing-horizontal: 0.5rem;
    --pico-nav-breadcrumb-divider: ">";
    --pico-icon-checkbox: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    --pico-icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
    --pico-icon-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    --pico-icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
    --pico-icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
    --pico-icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
    --pico-icon-search-lighten: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='hsla(0, 0%, 100%, 75%)' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
    --pico-icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(136, 145, 164)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
    --pico-icon-loading: url("data:image/svg+xml,%3Csvg fill='none' height='24' width='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E g %7B animation: rotate 2s linear infinite; transform-origin: center center; %7D circle %7B stroke-dasharray: 75,100; stroke-dashoffset: -5; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round; %7D @keyframes rotate %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D @keyframes dash %7B 0%25 %7B stroke-dasharray: 1,100; stroke-dashoffset: 0; %7D 50%25 %7B stroke-dasharray: 44.5,100; stroke-dashoffset: -17.5; %7D 100%25 %7B stroke-dasharray: 44.5,100; stroke-dashoffset: -62; %7D %7D %3C/style%3E%3Cg%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='rgb(136, 145, 164)' stroke-width='4' /%3E%3C/g%3E%3C/svg%3E");
}

@media (min-width: 576px) {
    :root {
        --pico-font-size: 100%;
    }
}

@media (min-width: 1024px) {
    :root {
        --pico-font-size: 104%;
    }
}

@media (min-width: 1280px) {
    :root {
        --pico-font-size: 108%;
    }
}

@media (min-width: 1536px) {
    :root {
        --pico-font-size: 112%;
    }
}

:root details summary[role=button]:not(.outline)::after {
    filter: brightness(0) invert(1);
}

:root [aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {
    filter: brightness(0) invert(1);
}

@media (min-width: 576px) {
    body > header,
    body > main,
    body > footer,
    section {
        --pico-block-spacing-vertical: 0;
    }
}

@media (min-width: 576px) {
    article {
        --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.25);
    }
}

@media (min-width: 768px) {
    article {
        --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.5);
    }
}

@media (min-width: 1024px) {
    article {
        --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.75);
    }
}

@media (min-width: 1280px) {
    article {
        --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 2);
    }
}

@media (min-width: 1536px) {
    article {
        --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 2.25);
    }
}

dialog > article {
    --pico-block-spacing-vertical: calc(var(--pico-spacing) * 2);
    --pico-block-spacing-horizontal: var(--pico-spacing);
}

@media (min-width: 576px) {
    dialog > article {
        --pico-block-spacing-vertical: calc(var(--pico-spacing) * 2.5);
        --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.25);
    }
}

@media (min-width: 768px) {
    dialog > article {
        --pico-block-spacing-vertical: calc(var(--pico-spacing) * 3);
        --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.5);
    }
}

a,
a:hover,
a:active,
a:visited,
a:focus {
    --pico-text-decoration: none;
}

    a.secondary,
    a.contrast {
        --pico-text-decoration: none;
    }

small {
    --pico-font-size: 0.85rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--fma-display-type) !important;
    --pico-font-weight: 700;
}

h1 {
    --pico-font-size: 2rem;
    --pico-line-height: 1.25;
    --pico-typography-spacing-top: 3rem;
}

h2 {
    --pico-font-size: 1.75rem;
    --pico-line-height: 1.3;
    --pico-typography-spacing-top: 2.625rem;
}

h3 {
    --pico-font-size: 1.5rem;
    --pico-line-height: 1.35;
    --pico-typography-spacing-top: 2.25rem;
}

h4 {
    --pico-font-size: 1.35rem;
    --pico-line-height: 1.4;
    --pico-typography-spacing-top: 1.874rem;
}

h5 {
    --pico-font-size: 1.2rem;
    --pico-line-height: 1.45;
    --pico-typography-spacing-top: 1.6875rem;
}

h6 {
    --pico-font-size: 1rem;
    --pico-typography-spacing-top: 1.5rem;
}

thead th,
thead td,
tfoot th,
tfoot td {
    --pico-font-weight: 700;
    --pico-border-width: 0.1875rem;
}

pre,
code,
kbd,
samp {
    --pico-font-family: var(--pico-font-family-monospace);
}

kbd {
    --pico-font-weight: 400;
}

input:not([type=submit], [type=button], [type=reset], [type=checkbox], [type=radio], [type=file]),
:where(select, textarea) {
    --pico-outline-width: 0.0625rem;
}

[type=search] {
    --pico-border-radius: 0;
}

[type=checkbox],
[type=radio] {
    --pico-border-width: 0.125rem;
}

    [type=checkbox][role=switch] {
        --pico-border-width: 0.1875rem;
    }

details.dropdown summary:not([role=button]) {
    --pico-outline-width: 0.0625rem;
}

nav details.dropdown summary:focus-visible {
    --pico-outline-width: 0.1875rem;
}

[role=search] {
    --pico-border-radius: 0;
}

    [role=search]:has(button.secondary:focus, [type=submit].secondary:focus, [type=button].secondary:focus, [role=button].secondary:focus),
    [role=group]:has(button.secondary:focus, [type=submit].secondary:focus, [type=button].secondary:focus, [role=button].secondary:focus) {
        --pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-secondary-focus);
    }

    [role=search]:has(button.contrast:focus, [type=submit].contrast:focus, [type=button].contrast:focus, [role=button].contrast:focus),
    [role=group]:has(button.contrast:focus, [type=submit].contrast:focus, [type=button].contrast:focus, [role=button].contrast:focus) {
        --pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-contrast-focus);
    }

    [role=search] button,
    [role=search] [type=submit],
    [role=search] [type=button],
    [role=search] [role=button],
    [role=group] button,
    [role=group] [type=submit],
    [role=group] [type=button],
    [role=group] [role=button] {
        --pico-form-element-spacing-horizontal: 2rem;
    }

    [role=search] > :first-child,
    [role=search] > :last-child {
        border-radius: 0;
    }

:root {
    --side-line-left-bottom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 5000' height='5000' width='1000'%3E%3Cpath style='fill:none;stroke:hsl(354, 58%, 53%);stroke-width:2px;' d='M0,2530h879l120,120v2350' /%3E%3C/svg%3E");
    --side-line-left-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 5000' height='5000' width='1000'%3E%3Cpath style='fill:none;stroke:hsl(354, 58%, 53%);stroke-width:2px;' d='M999,0v2350l-120,120h-880' /%3E%3C/svg%3E");
    --side-line-right-bottom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 5000' height='5000' width='1000'%3E%3Cpath style='fill:none;stroke:hsl(354, 58%, 53%);stroke-width:2px;' d='M1,5000v-2350l120,-120h880' /%3E%3C/svg%3E");
    --side-line-right-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 5000' height='5000' width='1000'%3E%3Cpath style='fill:none;stroke:hsl(354, 58%, 53%);stroke-width:2px;' d='M1,0v2350l120,120h880' /%3E%3C/svg%3E");
    --side-shape-left-bottom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 5000' height='5000' width='1000'%3E%3Cpath style='fill:rgb(49, 22, 39);stroke:none;' d='M0,2530h880l120,120v2350h-1000z' /%3E%3C/svg%3E");
    --side-shape-left-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 5000' height='5000' width='1000'%3E%3Cpath style='fill:rgb(49, 22, 39);stroke:none;' d='M1000,0v2350l-120,120h-880L0,0z' /%3E%3C/svg%3E");
    --side-shape-right-bottom: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 5000' height='5000' width='1000'%3E%3Cpath style='fill:rgb(49, 22, 39);stroke:none;' d='M0,5000v-2350l120,-120h880v2470z' /%3E%3C/svg%3E");
    --side-shape-right-top: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 5000' height='5000' width='1000'%3E%3Cpath style='fill:rgb(49, 22, 39);stroke:none;' d='M0,0h1000v2470h-880l-120-120z' /%3E%3C/svg%3E");
}

.side-effects-left {
    background-repeat: no-repeat;
    background-size: 1000px 5000px;
    background-image: var(--side-shape-left-bottom), var(--side-line-left-top);
    background-position-x: calc(-1000px + (100dvw - var(--grid-max-width)) * 0.4 - var(--pico-spacing));
    background-position-y: 50%;
}

.side-effects-left-low {
    background-repeat: no-repeat;
    background-size: 1000px 5000px;
    background-image: var(--side-shape-left-bottom);
    background-position-x: calc(-1000px + (100dvw - var(--grid-max-width)) * 0.4 - var(--pico-spacing));
    background-position-y: 50%;
}

.side-effects-left-high {
    background-repeat: no-repeat;
    background-size: 1000px 5000px;
    background-image: var(--side-line-left-top);
    background-position-x: calc(-1000px + (100dvw - var(--grid-max-width)) * 0.4 - var(--pico-spacing));
    background-position-y: 50%;
}

.side-effects-right {
    background-repeat: no-repeat;
    background-size: 1000px 5000px;
    background-image: var(--side-shape-right-top), var(--side-line-right-bottom);
    background-position-x: calc(100dvw - (100dvw - var(--grid-max-width)) * 0.4 + var(--pico-spacing));
    background-position-y: 50%;
}

.side-effects-right-high {
    background-repeat: no-repeat;
    background-size: 1000px 5000px;
    background-image: var(--side-shape-right-top);
    background-position-x: calc(100dvw - (100dvw - var(--grid-max-width)) * 0.4 + var(--pico-spacing));
    background-position-y: 50%;
}

.side-effects-right-low {
    background-repeat: no-repeat;
    background-size: 1000px 5000px;
    background-image: var(--side-line-right-bottom);
    background-position-x: calc(100dvw - (100dvw - var(--grid-max-width)) * 0.4 + var(--pico-spacing));
    background-position-y: 50%;
}

.side-effects-both-low {
    background-repeat: no-repeat;
    background-size: 1000px 5000px;
    background-image: var(--side-line-right-top), var(--side-line-left-bottom), var(--side-shape-left-bottom);
    background-position-x: calc(100dvw - (100dvw - var(--grid-max-width)) * 0.4 + var(--pico-spacing)), calc(-1000px + (100dvw - var(--grid-max-width)) * 0.4 - var(--pico-spacing) - 4 * var(--pico-spacing)), calc(-1000px + (100dvw - var(--grid-max-width)) * 0.4 - var(--pico-spacing));
    background-position-y: 50%, 50%, calc(50% - 4 * var(--pico-spacing));
}

.side-effects-both-high {
    background-repeat: no-repeat;
    background-size: 1000px 5000px;
    background-image: var(--side-line-left-bottom), var(--side-line-right-top), var(--side-shape-right-top);
    background-position-x: calc(-1000px + (100dvw - var(--grid-max-width)) * 0.4 - var(--pico-spacing)), calc(100dvw - (100dvw - var(--grid-max-width)) * 0.4 + var(--pico-spacing) + 4 * var(--pico-spacing)), calc(100dvw - (100dvw - var(--grid-max-width)) * 0.4 + var(--pico-spacing));
    background-position-y: 50%, 50%, calc(50% + 4 * var(--pico-spacing));
}

.side-effects-both-lines {
    background-repeat: no-repeat;
    background-size: 1000px 5000px;
    background-image: var(--side-line-right-top), var(--side-line-left-bottom);
    background-position-x: calc(100dvw - (100dvw - var(--grid-max-width)) * 0.4 + var(--pico-spacing)), calc(-1000px + (100dvw - var(--grid-max-width)) * 0.4 - var(--pico-spacing) - 4 * var(--pico-spacing));
    background-position-y: 50%, 55%;
}

@font-face {
    font-display: swap;
    font-family: "Inter var";
    font-weight: 100 900;
    font-style: normal;
    src: url("/PersonifyEbusiness/Portals/_default/Skins/PersonifySkin/fonts/inter/Inter-upright-var.woff2") format("woff2");
}

@font-face {
    font-display: swap;
    font-family: "Inter var";
    font-style: italic;
    font-weight: 100 900;
    src: url("/PersonifyEbusiness/Portals/_default/Skins/PersonifySkin/fonts/inter/Inter-italic-var.woff2") format("woff2");
}

@font-face {
    font-display: swap;
    font-family: "IBM Plex Sans";
    font-weight: 100 900;
    src: url("/PersonifyEbusiness/Portals/_default/Skins/PersonifySkin/fonts/ibm-plex-sans/ibm-plex-sans-var-roman.woff2") format("woff2");
}

:root {
    --grid-max-width: 1450px;
    --min-wrapping-col-width: 200px;
    --fma-color-alloy-regular: rgb(237, 234, 226);
    --fma-color-alloy-100: rgb(249, 248, 246);
    --fma-color-alloy-200: rgb(237, 234, 226);
    --fma-color-alloy-300: rgb(218, 212, 198);
    --fma-color-alloy-400: rgb(192, 184, 164);
    --fma-color-alloy-500: rgb(167, 156, 132);
    --fma-color-plum-regular: rgb(49, 22, 39);
    --fma-color-plum-100: rgb(70, 32, 56);
    --fma-color-plum-200: rgb(49, 22, 39);
    --fma-color-plum-300: rgb(28, 13, 22);
    --fma-color-spark-regular: hsl(42, 85%, 62%);
    --fma-color-spark-100: hsl(41, 85%, 92%);
    --fma-color-spark-200: hsl(41, 85%, 77%);
    --fma-color-spark-300: hsl(42, 85%, 62%);
    --fma-color-spark-400: hsl(41, 85%, 40%);
    --fma-color-spark-500: hsl(41, 85%, 20%);
    --fma-color-red-regular: rgb(49, 22, 39);
    --fma-color-red-100: rgb(70, 32, 56);
    --fma-color-red-200: rgb(49, 22, 39);
    --fma-color-red-300: rgb(28, 13, 22);
    --fma-color-blue-300: hsl(209, 79%, 40%);
    --fma-color-green-300: hsl(180, 100%, 24%);
    --weight-thin: 100;
    --weight-extra-light: 200;
    --weight-light: 300;
    --weight-normal: 400;
    --weight-medium: 500;
    --weight-semi-bold: 600;
    --weight-bold: 700;
    --weight-extra-bold: 800;
    --weight-black: 900;
}

/********** *
NAVBAR
* **********/
#nav-primary {
    background: var(--pico-background-color);
    border-bottom: none;
    display: block;
    height: 81px;
    margin: 0;
    position: relative;
    z-index: 5;
}

    #nav-primary .item::after {
        content: unset;
        display: none;
    }

#nav-content-container {
    height: 80px;
    justify-content: space-between;
}

nav.eventNavHeader {
    border-bottom: 1px solid #dae3ec;
}

#nav-event-logo-container {
    border-right: 1px solid #dae3ec;
    padding-right: 1.5rem;
}

#nav-event-logo a {
    display: block;
}

#nav-event-logo h6 {
    margin-bottom: 0;
}

#nav-event-items-container {
    padding: 0 1rem;
}

#nav-content-container,
#nav-logo-container,
#nav-event-logo-container,
#nav-items-container,
#nav-event-items-container,
#nav-supplemental-container {
    align-items: center;
    align-self: center;
    display: flex;
}

#nav-logo-container,
#nav-event-logo-container,
#nav-items-container,
#nav-event-items-container,
#nav-supplemental-container {
    height: 100%;
}

#nav-navigation-container {
    align-items: center;
    align-self: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    position: relative;
    width: 100%;
}

#nav-items-container,
#nav-event-items-container {
    margin-right: auto;
    position: relative;
    width: 100%;
}

.mm-ocd {
    z-index: 10001;
}

@media only screen and (max-width: 1199px) {
    #nav-navigation-container {
        justify-content: flex-end;
        width: 100%;
    }

    #nav-items-container {
        padding: 0 1rem;
    }
}

@media only screen and (max-width: 991px) {
    #nav-event,
    #nav-event-logo-container {
        border: none;
    }

    #nav-event-items-container {
        display: none;
    }
}
/* LOGO CONTAINER */
#nav-logo,
#nav-logo a,
#nav-logo-mobile,
#nav-logo-mobile a {
    align-items: center;
    display: flex;
}

    #nav-logo img,
    #nav-logo-mobile img {
        height: 55px;
        margin: 0;
        opacity: 1;
        transition: all 150ms ease-in-out;
        width: auto;
    }

#nav-event-logo img {
    max-height: 80px;
    max-width: 250px;
    margin: 0;
    mix-blend-mode: multiply;
    opacity: 1;
    transition: all 150ms ease-in-out;
    width: 100%;
}

#nav-logo-mobile img:active,
#nav-logo-mobile img:focus,
#nav-logo-mobile img:hover,
#nav-logo-mobile img:active,
#nav-logo-mobile img:focus,
#nav-logo-mobile img:hover {
    opacity: 0.9;
}

@media only screen and (max-width: 991px) {
    #nav-event-logo img {
        max-width: 150px;
    }
}

@media only screen and (min-width: 992px) {
    #nav-event-hamburger,
    #mmenu-event {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    #nav-logo-mobile {
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    #nav-logo {
        display: none;
    }
}

.nav-hamburger {
    align-items: center;
    border-left: 1px solid #dae3ec;
    cursor: pointer;
    display: flex;
    height: 100%;
    padding: 0 1rem;
}

    .nav-hamburger .bar {
        background: linear-gradient(to right, #231f20 50%, #7e97ad 50%);
        background-size: 200% 100%;
        background-position: 0 50%;
        display: block;
        height: 2px;
        position: relative;
        width: 24px;
    }

        .nav-hamburger .bar:nth-child(1) {
            margin-top: 0;
            transition: background 150ms ease-in-out, background-position 150ms ease-in-out, transform 150ms ease-in-out;
        }

        .nav-hamburger .bar:nth-child(2) {
            margin-top: 3px;
            opacity: 1;
            transition: background 350ms ease-in-out, background-position 150ms ease-in-out, opacity 150ms ease-in-out;
        }

        .nav-hamburger .bar:nth-child(3) {
            margin-top: 3px;
            transition: background 450ms ease-in-out, background-position 150ms ease-in-out, transform 150ms ease-in-out;
        }

    .nav-hamburger:hover .bar {
        background-position: 100% 50%;
    }

        .nav-hamburger:hover .bar:nth-child(2) {
            transition-delay: 100ms;
        }

        .nav-hamburger:hover .bar:nth-child(3) {
            transition-delay: 150ms;
        }

/* NAV ITEMS CONTAINER */
#nav-items-container > .item,
#nav-event-items-container > .item {
    align-items: center;
    background: transparent;
    cursor: default;
    display: flex;
    font-size: 0.75rem;
    font-weight: 600;
    height: 100%;
    margin-right: 1px;
    padding-left: 0.75rem;
    padding-right: calc(0.75rem - 1px);
    position: relative;
    transition: all 150ms ease-in-out;
}

@media only screen and (max-width: 991px) {
    #nav-items-container > .item,
    #nav-event-items-container > .item {
        font-size: 0.8rem;
        line-height: 1.35;
    }
}

#nav-items-container > .item a,
#nav-event-items-container > .item a {
    color: var(--pico-secondary);
}

    #nav-items-container > .item a:hover,
    #nav-items-container > .item:hover,
    #nav-event-items-container > .item a:hover,
    #nav-event-items-container > .item:hover {
        color: var(--pico-primary);
    }

#nav-items-container > .item > i,
#nav-event-items-container > .item > i {
    color: #cccccc;
    font-size: 0.7rem;
    margin-left: 0.35rem;
    transition: transform 150ms ease;
}

#nav-items-container > .item.active > i,
#nav-event-items-container > .item.active > i {
    transform: rotate(-90deg);
}

#nav-categories > .row {
    width: 685px;
}

#nav-items-container .item .dropdown {
    background: #161f2d;
    color: #ffffff;
    left: 0;
    padding: 0.5rem;
    position: absolute;
    top: calc(100% + 1px);
    transition: all 150ms ease-in-out;
    width: auto;
    z-index: 10;
}

#nav-items-container .item.active::after,
#nav-event-items-container .item.active::after {
    border-bottom-color: #161f2d;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-style: solid;
    border-width: 0.5rem;
    content: "";
    left: auto;
    margin: 0 auto;
    margin-left: 20px;
    position: absolute;
    pointer-events: none;
    top: calc(100% - 15px);
}

#nav-items-container .item .dropdown ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

#nav-items-container .item .dropdown.mega-menu ul#events-selector {
    white-space: normal;
}

#nav-items-container .item .dropdown .item,
#nav-items-container .item .dropdown ul li {
    font-size: 0.85rem;
    font-weight: 400;
    line-height: 1.4;
}

#nav-items-container .item .dropdown ul li {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

    #nav-items-container .item .dropdown .item a,
    #nav-items-container .item .dropdown ul li a {
        color: #cccccc;
        display: block;
        padding: 0.25rem;
    }

        #nav-items-container .item .dropdown .item a:hover,
        #nav-items-container .item .dropdown .item a:focus,
        #nav-items-container .item .dropdown ul li a:hover,
        #nav-items-container .item .dropdown ul li a:focus {
            color: #ffffff;
        }

/* MEGA MENUS */
#nav-primary.active,
#nav-primary.active #nav-content-container,
#nav-primary.active #nav-logo-container,
#nav-primary.active #nav-navigation-container,
#nav-primary.active #nav-navigation-container #nav-items-container,
#nav-items-container .active.has-dropdown.has-mega-menu.item {
    position: unset;
}

#nav-items-container .item .dropdown.mega-menu {
    background: #161f2d;
    left: 0;
    padding: 3rem 0;
    position: absolute;
    top: calc(100% + 1px);
    width: 100%;
}

.dropdown.mega-menu.mega-menu-events a.btn.btn-transparent,
.dropdown.mega-menu.mega-menu-events a.btn.btn-external {
    font-size: 0.85rem;
    line-height: 1;
    margin: 0 0 1rem;
}

#nav-items-container .item .dropdown.mega-menu .item a,
#nav-items-container .item .dropdown.mega-menu ul li a {
    padding: 0.25rem 0;
}

    #nav-items-container .item .dropdown.mega-menu ul li a.btn.btn-transparent,
    #nav-items-container .item .dropdown.mega-menu ul li a.btn.btn-external {
        font-size: 0.85rem;
        line-height: 1.4;
        margin: 0;
    }

#nav-items-container .item .dropdown.mega-menu .featured {
    border-left: 1px solid #263447;
    padding-left: 1rem;
}

    #nav-items-container .item .dropdown.mega-menu .featured .content h4 {
        font-size: 1.1rem;
        margin: 0 0 0.5rem;
    }

    #nav-items-container .item .dropdown.mega-menu .featured .content a.btn.btn-transparent,
    #nav-items-container .item .dropdown.mega-menu .featured .content a.btn.btn-external {
        line-height: 1;
        margin: 0;
        padding: 0;
    }

    #nav-items-container .item .dropdown.mega-menu .featured .content ul.btn-group {
        margin: 0;
        padding: 0;
    }

        #nav-items-container .item .dropdown.mega-menu .featured .content ul.btn-group li {
            align-items: center;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            margin-right: 3rem;
        }

            #nav-items-container .item .dropdown.mega-menu .featured .content ul.btn-group li img {
                margin-right: 0.5rem;
                width: 25px;
            }

#nav-items-container .item .dropdown.mega-menu .image-container {
    margin: 0;
}

#nav-items-container .item .dropdown.mega-menu.mega-menu-events .image-container a {
    height: 190px;
}

#nav-items-container .item .dropdown.mega-menu.mega-menu-events .image-container .mega-menu-info-container {
    background: rgba(0, 105, 170, 0.85);
    color: #ffffff;
    left: 0;
    line-height: 1;
    padding: 0.5rem 1rem;
    position: absolute;
    top: 0;
    transition: background 100ms ease-in-out;
}

#nav-items-container .item .dropdown.mega-menu.mega-menu-events .image-container:active .mega-menu-info-container,
#nav-items-container .item .dropdown.mega-menu.mega-menu-events .image-container:focus .mega-menu-info-container,
#nav-items-container .item .dropdown.mega-menu.mega-menu-events .image-container:hover .mega-menu-info-container {
    background: rgb(0, 105, 170);
}

.dropdown.mega-menu h2,
.dropdown.mega-menu h3,
.dropdown.mega-menu h4,
.dropdown.mega-menu h5,
.dropdown.mega-menu h6,
.dropdown.mega-menu ul li,
.dropdown.mega-menu ol li,
.dropdown.mega-menu p {
    color: #ffffff;
}

.dropdown.mega-menu h2,
.dropdown.mega-menu h3,
.dropdown.mega-menu h4,
.dropdown.mega-menu h5,
.dropdown.mega-menu h6 {
    margin: 0 0 0.5rem;
}

.dropdown.mega-menu .kicker {
    color: #ffffff;
    margin: 0 0 0.5rem;
}

.dropdown.mega-menu h3 {
    font-size: 1.75rem;
}

.dropdown.mega-menu p {
    font-size: 0.85rem;
    font-weight: 400;
}

#nav-items-container > .item .dropdown.mega-menu a {
    color: #cccccc;
}

    #nav-items-container > .item .dropdown.mega-menu a:active,
    #nav-items-container > .item .dropdown.mega-menu a:focus,
    #nav-items-container > .item .dropdown.mega-menu a:hover {
        color: #ffffff;
    }

        #nav-items-container > .item .dropdown.mega-menu a:active img,
        #nav-items-container > .item .dropdown.mega-menu a:focus img,
        #nav-items-container > .item .dropdown.mega-menu a:hover img {
            opacity: 1;
        }

/* EVENTS DROPDOWN */
ul#events-selector {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

    ul#events-selector li {
        display: inline-block;
    }

/* ACCOUNT */
#nav-subscribe,
#nav-account-login,
#nav-account-management,
#nav-search {
    align-items: center;
    border-left: 1px solid #dae3ec;
    display: flex;
    height: 100%;
    padding: 0 1rem;
}

    #nav-account-login .item,
    #nav-account-management .item {
        align-items: center;
        align-self: center;
        border-radius: 50%;
        cursor: pointer;
        display: flex;
        height: 35px;
        justify-content: center;
        padding: 0;
        transition: all 150ms ease-in-out;
        width: 35px;
    }

    #nav-subscribe .item a {
        padding: 0.85rem;
        width: 102px;
    }

    #nav-account-login .item {
        background: #dae3ec;
    }

    #nav-account-management .item {
        background: var(--pico-primary-background);
    }

        #nav-account-login .item i,
        #nav-account-management .item i {
            margin-left: 0;
            transition: all 150ms ease-in-out;
        }

    #nav-account-login .item i {
        color: var(--pico-secondary);
        font-size: 0.85rem;
    }

    #nav-account-management .item i {
        color: var(--pico-secondary);
        font-size: 0.95rem;
        margin-left: 4px;
    }

    /* #nav-account-login .item:active,
#nav-account-login .item:focus,
#nav-account-login .item:hover {
  background: #2c5a88;
  outline: none;
}
#nav-account-management .item:active,
#nav-account-management .item:focus,
#nav-account-management .item:hover {
  background: #0f83bd;
  outline: none;
} */
    #nav-account-login .item:active i,
    #nav-account-login .item:focus i,
    #nav-account-login .item:hover i,
    #nav-account-management .item:active i,
    #nav-account-management .item:focus i,
    #nav-account-management .item:hover i {
        color: var(--pico-primary-hover);
    }

    /* ACCOUNT DROPDOWN */
    #nav-account-management ul.navbar-nav li.dropdown a:active,
    #nav-account-management ul.navbar-nav li.dropdown a:focus,
    #nav-account-management ul.navbar-nav li.dropdown a:hover,
    #nav-account-management ul.navbar-nav li.dropdown a:focus-visible {
        outline: none;
    }

    #nav-account-management .dropdown-menu {
        border: 0;
        border-radius: 0;
        padding: 0.5rem;
        top: calc(100% + 13px);
    }

        #nav-account-management .dropdown-menu::after {
            border-bottom-color: var(--pico-primary-border);
            border-top-color: transparent;
            border-left-color: transparent;
            border-right-color: transparent;
            border-style: solid;
            border-width: 0.5rem;
            content: "";
            margin: 0 auto;
            position: absolute;
            pointer-events: none;
            right: 1rem;
            top: -1rem;
            z-index: 1;
        }

        #nav-account-management .dropdown-menu a.dropdown-item {
            padding: 0.25rem;
        }

    /* SEARCH CONTAINER */
    #nav-search .item {
        align-self: center;
        display: flex;
    }

        #nav-search .item i {
            cursor: pointer;
            transition: all 150ms ease-in-out;
        }

            #nav-search .item i:hover {
                color: var(--pico-primary-hover);
            }

@media only screen and (min-width: 1200px) {
    #nav-logo-container {
        border-right: 1px solid #dae3ec;
        padding-right: 1.5rem;
    }

    #nav-items-container {
        padding-left: 0.75rem;
    }

    #nav-search {
        padding: 0 0 0 1rem;
    }

    #nav-hamburger,
    #mmenu {
        display: none;
    }
}

@media only screen and (max-width: 1199px) {
    #nav-content-container {
        flex-direction: row;
    }

    #nav-logo-container {
        margin: 1rem 0;
    }

    #nav-items-container {
        display: none;
    }

    #nav-items-container,
    #nav-supplemental-container {
        justify-content: center;
    }

        #nav-items-container .item .dropdown::before {
            display: none;
        }

    #nav-subscribe {
        border-left: 0;
        padding: 0 1rem 0 0;
    }
}

@media only screen and (max-width: 767px) {
    #nav-account-login,
    #nav-account-management,
    #nav-search {
        display: none;
    }
}
/********** *
NAV SEARCH BAR
* **********/
#nav-search-field {
    position: absolute;
    width: 100%;
}

#search-fields {
    position: absolute;
    z-index: 2;
}

    #search-fields,
    #search-fields form,
    #search-fields form fieldset {
        background: #ffffff;
        font-size: 0;
        height: 100%;
        width: 100%;
    }

        #search-fields form fieldset input,
        #search-fields form fieldset div,
        #search-fields form fieldset button {
            border-style: solid;
            border-width: 2px;
            display: inline-block;
            position: relative;
            vertical-align: top;
        }

        #search-fields form fieldset input {
            border-color: #fafafa;
            color: #7e97ad;
            font-size: 0.85rem;
            font-weight: 500;
            height: 100%;
            line-height: 1;
            padding: 0 1rem;
            width: calc(100% - 25px - 1rem - 85px);
        }

            #search-fields form fieldset input:hover {
                border-color: #dae3ec;
            }

            #search-fields form fieldset input:focus {
                border-color: #161f2d;
                outline: none;
            }

                #search-fields form fieldset input:focus::-moz-placeholder {
                    color: #161f2d;
                }

                #search-fields form fieldset input:focus,
                #search-fields form fieldset input:focus::placeholder {
                    color: #161f2d;
                }

        #search-fields form fieldset #search-close {
            border-color: transparent;
            font-size: 0.7rem;
            line-height: 1;
            text-align: center;
            width: 25px;
        }

            #search-fields form fieldset #search-close i {
                color: #161f2d;
            }

                #search-fields form fieldset #search-close i:hover {
                    color: #7e97ad;
                }

        #search-fields form fieldset #search-button {
            border-color: #161f2d;
            font-family: "Work Sans", sans-serif;
            font-size: 0.7rem;
            font-weight: 700;
            height: 100%;
            line-height: 1;
            width: 85px;
            text-transform: uppercase;
        }

            #search-fields form fieldset #search-button:focus,
            #search-fields form fieldset #search-button:hover {
                background: #161f2d;
                color: #ffffff;
            }

        #search-fields form fieldset #search-close i,
        #search-fields form fieldset #search-button {
            cursor: pointer;
        }

/* SEARCH ACTIVE */
@media only screen and (min-width: 768px) {
    #search-fields {
        padding: 1rem 0 1rem 1.5rem;
    }

        #search-fields form fieldset #search-close {
            margin: 15px 0.5rem 0;
        }

    body.search-active #search-fields {
        display: block;
    }
}
/********** *
SUPERNAV
* **********/
#supernav {
    background-color: #ffffff;
    border-bottom: 1px solid #DAE3EC;
    height: 30px;
    position: relative;
    z-index: 5;
}

    #supernav,
    #supernav .container,
    #supernav .container .supernav-content-container,
    #supernav .container #our-sites,
    #supernav .container ul,
    #supernav .container ul li {
        align-content: center;
        align-items: center;
        display: flex;
        flex-direction: row;
        height: 30px;
        justify-content: space-between;
        line-height: 1;
    }

        #supernav .container #our-sites {
            color: var(--pico-color);
            font-size: 0.7rem;
            font-weight: 700;
            height: 30px;
            margin-right: 1rem;
            text-transform: uppercase;
        }

            #supernav .container #our-sites i {
                color: var(--pico-color);
                margin-left: 0.375rem;
            }

        #supernav .container ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

            #supernav .container ul li {
                font-size: 0.8rem;
                margin-right: 1rem;
            }

                #supernav .container ul li:last-of-type {
                    margin-right: 0;
                }

                #supernav .container ul li a {
                    color: var(--pico-primary-background);
                }

                    #supernav .container ul li a:active,
                    #supernav .container ul li a:focus,
                    #supernav .container ul li a:hover {
                        color: var(--pico-primary-hover-background);
                    }

                #supernav .container ul li.active {
                    color: var(--pico-primary-hover-background);
                    font-weight: 700;
                }

                #supernav .container ul li.promo a {
                    align-content: center;
                    align-items: center;
                    color: var(--pico-color);
                    display: flex;
                    font-size: 0.7rem;
                    font-weight: 700;
                    height: 100%;
                    padding: 0 1rem;
                    text-transform: uppercase;
                }

                    #supernav .container ul li.promo a:active,
                    #supernav .container ul li.promo a:focus,
                    #supernav .container ul li.promo a:hover {
                        background: transparent;
                        color: var(--pico-primary-hover-background);
                    }

                    #supernav .container ul li.promo a svg {
                        height: auto;
                        margin-left: 0.5rem;
                        width: 74px;
                    }

                        #supernav .container ul li.promo a svg .logo-dark {
                            fill: var(--pico-primary-background);
                        }

                    #supernav .container ul li.promo a:active svg .logo-dark,
                    #supernav .container ul li.promo a:focus svg .logo-dark,
                    #supernav .container ul li.promo a:hover svg .logo-dark {
                        fill: #ffffff;
                    }

                    #supernav .container ul li.promo a svg .logo-light {
                        fill: #ffffff;
                    }

                    #supernav .container ul li.promo a:active svg .logo-light,
                    #supernav .container ul li.promo a:focus svg .logo-light,
                    #supernav .container ul li.promo a:hover svg .logo-light {
                        fill: var(--pico-color);
                    }

#supernav-left .active a {
    color: var(--pico-primary-background) !important;
}

#supernav-left ul li {
    font-size: 12.8px !important;
}

#supernav .container::before,
#supernav .container::after {
    content: unset !important;
    display: none !important;
}

@media only screen and (max-width: 991px) {
    #supernav .container {
        justify-content: center;
    }

        #supernav .container #supernav-right {
            display: none;
        }
}

@media only screen and (max-width: 767px) {
    #supernav .container #our-sites {
        margin-right: 0.75rem;
        padding-right: 0.75rem;
    }

    #supernav .container ul li {
        margin-right: 0.75rem;
    }
}

@media only screen and (max-width: 540px) {
    #supernav .container #our-sites {
        display: none;
    }

    #supernav .container ul li {
        margin-right: 1rem;
    }
}

@media only screen and (min-width: 481px) {
    #supernav .container ul li#supernav-foundation .mobile {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    #supernav .container ul li {
        font-size: 0.8rem;
        margin-right: 0.75rem;
    }

        #supernav .container ul li#supernav-foundation .desktop {
            display: none;
        }
}

#our-sites,
#supernav-right ul li a {
    font-size: 11.2px !important;
}

/********** *
MOBILE / MMENU
* **********/
li#mobile-my-account i {
    align-items: center;
    align-self: center;
    background: var(--pico-contrast-inverse);
    border-radius: 50%;
    display: flex;
    height: 35px;
    justify-content: center;
    position: absolute;
    right: 20px;
    top: 8px;
    width: 35px;
}

li#mobile-search::before {
    content: none;
    display: none;
}

form#search-form-mobile {
    align-items: center;
    align-self: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

    form#search-form-mobile fieldset {
        width: 100% !important;
    }

        form#search-form-mobile fieldset input {
            border: 0;
            padding: calc((var(--mm-spn-item-height) - var(--mm-spn-line-height)) / 2) var(--mm-spn-item-indent);
            width: calc(100% - 95px);
        }

            form#search-form-mobile fieldset input:active,
            form#search-form-mobile fieldset input:focus,
            form#search-form-mobile fieldset input:hover {
                outline: none;
            }

        form#search-form-mobile fieldset input {
            align-items: flex-start;
            align-self: flex-start;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
        }

        form#search-form-mobile fieldset button {
            -webkit-appearance: none;
            -moz-appearance: none;
            background: transparent;
            border: 2px solid var(--pico-color);
            color: var(--pico-color);
            font-family: "Work Sans", sans-serif;
            font-size: 0.7rem;
            font-weight: 700;
            height: calc(100% - 16px);
            line-height: 1;
            margin: 0;
            padding: 0;
            position: absolute;
            right: 20px;
            text-transform: uppercase;
            top: 8px;
            z-index: 1;
            width: 75px;
        }

            form#search-form-mobile fieldset button:active,
            form#search-form-mobile fieldset button:focus,
            form#search-form-mobile fieldset button:hover {
                background: var(--pico-primary-background);
                color: #ffffff;
            }

/********** *
DEFAULT CSS
* **********/
::-moz-selection {
    background: ar(--pico-primary-background);
    color: var(--white);
}

::selection {
    background: var(--pico-primary-background);
    color: var(--white);
}

body {
    background: var(--pico-primary);
    color: var(--pico-color);
    font-family: var(--pico-font-family);
    font-style: normal;
    font-weight: 400;
    line-height: 1.65;
}

html,
body {
    /*  overflow-x: hidden;*/ /* Prevent scroll on narrow devices */
}

    html.offcanvas-active,
    html.offcanvas-active body,
    html.modal-open,
    html.modal-open body {
        height: 100%;
        overflow: hidden;
    }

        html.offcanvas-active body,
        html.modal-open body {
            z-index: -1;
        }

a {
    color: var(--pico-primary);
}

    a:hover {
        color: var(--pico-primary-hover);
        text-decoration: none;
    }

    a img {
        border-radius: inherit;
        opacity: 1;
        transition: opacity 100ms ease-in-out;
    }

    a:hover img {
        opacity: 0.9;
    }

.logo a {
    display: block;
}

a.image-link {
    display: block;
    position: relative;
}

a.post-link {
    display: inline-block;
}

a.inset-link {
    color: var(--pico-secondary);
    display: inline-block;
}

    a.inset-link::after {
        color: var(--pico-primary);
        content: "\f101";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        font-size: 9px;
        left: 0.375rem;
        line-height: 1;
        position: relative;
        top: -1px;
        transition: all 150ms ease-in-out;
    }

    a.inset-link:active,
    a.inset-link:focus,
    a.inset-link:hover {
        color: var(--pico-primary);
    }

        a.inset-link:active::after,
        a.inset-link:focus::after,
        a.inset-link:hover::after {
            left: 0.625rem;
        }

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: var(--pico-color);
    display: inline;
}

    h1 a:active,
    h2 a:active,
    h3 a:active,
    h4 a:active,
    h5 a:active,
    h6 a:active,
    h1 a:focus,
    h2 a:focus,
    h3 a:focus,
    h4 a:focus,
    h5 a:focus,
    h6 a:focus,
    h1 a:hover,
    h2 a:hover,
    h3 a:hover,
    h4 a:hover,
    h5 a:hover,
    h6 a:hover {
        color: var(--pico-primary-hover);
    }

section {
    padding: 3rem 0;
}

.anchor-link {
    scroll-margin-top: 89px;
}

@media only screen and (max-width: 767px) {
    section {
        padding: 3rem 0;
    }

    body section:first-of-type {
        padding: 3rem 0 4.5rem;
    }
}
/********** *
INPUTS and FORMS
* **********/
::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ced4da !important;
    opacity: 1 !important; /* Firefox */
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ced4da !important;
    opacity: 1 !important; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ced4da !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #ced4da !important;
}

input[type=number],
input[type=text],
select,
textarea {
    padding: 0.5rem;
    width: 100%;
}

fieldset.wrapper {
    border: 1px solid var(--pico-primary-inverse);
    margin: 0 0 3rem;
    padding: 1rem;
}

    fieldset.wrapper > legend {
        line-height: 1;
        margin-bottom: 0.5rem;
        padding: 0 1rem;
        width: auto;
    }

legend {
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.01rem;
    line-height: 1;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
}

    legend.col-form-label {
        font-size: 0.8rem;
        font-weight: 600;
    }

label.radio input {
    margin-right: 0.25rem;
}

label {
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.01rem;
    line-height: 1.3;
    text-transform: uppercase;
}

input[type=radio] + label,
input[type=checkbox] + label {
    cursor: pointer;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-transform: none;
}

input[type=checkbox].form-check-input {
    margin-top: 0.4rem;
}

.form-check-wrapper .form-check {
    margin: 0 0 0.25rem;
}

.form-group.required .control-label::after,
.required::after {
    content: " *";
    color: red;
    font-size: 15px;
    font-weight: 400;
}

.optional {
    color: #7E97AD;
    font-size: 0.7rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1;
    margin-left: 0.25rem;
}

.form-confirmation {
    border-top: 4px solid var(--pico-secondary);
    margin: 1.5rem 0;
    padding-top: 1.5rem;
}

hr.section-header {
    border-top: 1px solid #d5d6d8;
    margin-bottom: 2rem;
    margin-top: 2rem;
    position: relative;
    z-index: 0;
}

    hr.section-header::before {
        background: var(--pico-secondary);
        content: "";
        height: 1rem;
        left: calc(50% - 1.5rem);
        position: absolute;
        top: -0.5rem;
        width: 3rem;
        opacity: 1;
        z-index: 1;
    }

    hr.section-header::after {
        color: #d5d6d8;
        content: "| | |"; /* pipe space pipe space pipe */
        font-size: 1rem;
        font-weight: 600;
        left: calc(50% - 0.75rem);
        position: absolute;
        text-align: center;
        top: -0.9rem;
        transform: skewX(-45deg);
        width: 1.75rem;
        z-index: 1;
    }

.has-bg hr.section-header {
    border-top: 1px solid #f1f1f1;
}

    .has-bg hr.section-header::before {
        background: var(--white);
    }

/********** *
REAL MAGNET FORMS
* **********/
.rm-form form table tr {
    display: block;
    margin-bottom: 0.5rem;
    width: 100%;
}

    .rm-form form table tr:last-of-type {
        margin-bottom: 0;
    }

    .rm-form form table tr td {
        width: 100%;
    }

        .rm-form form table tr td label {
            font-family: var(--pico-font-family);
            width: 100%;
        }

            .rm-form form table tr td label span {
                display: inline-block;
                font-size: 0.8rem;
                font-weight: 600;
                letter-spacing: 0.01rem;
                line-height: 1.3;
                margin-bottom: 0.5rem;
                text-transform: uppercase;
            }

            .rm-form form table tr td label input,
            .rm-form form table tr td label textarea {
                background-color: var(--white);
                border: 1px solid #ced4da;
                border-radius: 0.25rem;
                color: #495057;
                font-family: var(--pico-font-family);
                font-size: 1rem;
                font-weight: 400;
                line-height: 1.5;
            }

                .rm-form form table tr td label input:hover,
                .rm-form form table tr td label textarea:hover {
                    border-color: var(--pico-muted-border-color);
                }

/* CAMPAIGN PAGES RM FORMS */
.rm-campaign-form .rm-form form table tbody {
    font-size: 0;
}

.rm-campaign-form .rm-form .he_stage {
    min-height: auto !important;
}

.rm-campaign-form .rm-form form table tr:nth-of-type(1),
.rm-campaign-form .rm-form form table tr:nth-of-type(2) {
    display: inline-block;
    width: 50%;
}

.rm-campaign-form .rm-form form table tr:nth-of-type(1) {
    padding-right: 1rem;
}

.rm-campaign-form .rm-form form table tr:nth-of-type(2) {
    padding-left: 1rem;
}

/********** *
RECAPTCHA
* **********/
.grecaptcha-badge {
    visibility: hidden;
}

div.agreement {
    margin: 1.5rem 0 0;
}

    div.agreement p {
        margin: 0 0 0.5rem;
    }

    div.agreement p,
    div.agreement label,
    div.agreement input[type=radio] + label,
    div.agreement input[type=checkbox] + label {
        font-size: 0.85rem;
        line-height: 1.75;
    }

@media only screen and (max-width: 767px) {
    div.agreement .custom-control-inline {
        display: flex;
    }
}
/********** *
MAILING LIST
* **********/
#mailing-list .icon {
    max-width: 180px;
    width: 100%;
}

/********** *
ICONS
* **********/
.icon {
    align-content: center;
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 0.5rem;
}

    .icon.icon-xl img {
        height: 150px;
        width: 150px;
    }

    .icon.icon-lg img {
        height: 100px;
        width: 100px;
    }

    .icon.icon-md img {
        height: 75px;
        width: 75px;
    }

    .icon.icon-sm img {
        height: 50px;
        width: 50px;
    }

    .icon.icon-xs img {
        height: 35px;
        width: 35px;
    }

    .icon.icon-left {
        justify-content: flex-start;
    }

    .icon.icon-center {
        justify-content: center;
    }

    .icon.icon-right {
        justify-content: flex-end;
    }

@media only screen and (min-width: 768px) {
    .icon.icon-left-md {
        justify-content: flex-start;
    }

    .icon.icon-center-md {
        justify-content: center;
    }

    .icon.icon-right-md {
        justify-content: flex-end;
    }
}

@media only screen and (min-width: 992px) {
    .icon.icon-left-lg {
        justify-content: flex-start;
    }

    .icon.icon-center-lg {
        justify-content: center;
    }

    .icon.icon-right-lg {
        justify-content: flex-end;
    }
}

@media only screen and (min-width: 1200px) {
    .icon.icon-left-xl {
        justify-content: flex-start;
    }

    .icon.icon-center-xl {
        justify-content: center;
    }

    .icon.icon-right-xl {
        justify-content: flex-end;
    }
}
/********** *
IMAGES AND VIDEOS
* **********/
picture {
    display: flex;
}

img {
    height: auto;
    margin: 0;
    width: auto;
}

.image a.fancybox {
    align-content: center;
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: space-between;
    margin: 0;
    max-height: 480px;
    position: relative;
    overflow-y: hidden;
}

.image a img {
    display: block;
    height: 100%;
    margin: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
}

.image.image-half img,
.gallery-container-half img {
    height: auto;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    text-align: center;
    width: 100%;
}

figure {
    margin: 0;
    width: 100%;
}

figcaption,
figcaption p,
p.caption,
.entry-content p.caption,
.content-wrapper p.caption {
    color: var(--pico-muted-border-color);
    font-size: 0.9rem;
    letter-spacing: 0;
    line-height: 1.4;
    margin: 1rem 0 0;
    text-align: left;
}

.image-container,
.image-container picture,
.image-container picture a {
    align-content: center;
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.image-container {
    margin: 0 0 1rem;
    overflow: hidden;
    position: relative;
    transition: all 100ms ease-in-out;
}

    .image-container picture {
        height: 100%;
    }

    .image-container a {
        height: 100%;
        transition: height 100ms ease-in-out;
        width: 100%;
    }

    .image-container img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

img.circle {
    border-radius: 50%;
}

.image-wrapper picture {
    display: block;
}

.image-wrapper.circle {
    align-content: center;
    align-items: center;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    margin: 0 auto 1rem;
    overflow: hidden;
    position: relative;
}

    .image-wrapper.circle::after {
        border: 2px solid var(--white);
        border-radius: 50%;
        content: "";
        height: calc(100% - 8px);
        left: 4px;
        opacity: 50%;
        position: absolute;
        top: 4px;
        width: calc(100% - 8px);
    }

.mh-250 {
    max-height: 250px;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

    .video-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

@media only screen and (min-width: 992px) {
    article.single .width-full-container.figure {
        width: calc(100% + 4rem);
    }
    /* COLUMN CONTAINERS */
    article.single .width-300-container {
        border-bottom: 0;
        border-left: 1px solid var(--pico-primary-inverse);
        border-top: 0;
        float: right;
        line-height: 1;
        margin: 0.35rem 0 1rem 1rem;
        padding: 0 0 0 1rem;
        width: calc(300px + 1rem + 1px);
    }
}
/* COLUMN CONTAINERS */
.image.image-full,
.image.image-half {
    border-top: 1px solid var(--pico-primary-inverse);
    line-height: 1;
    margin: 1rem 0 0;
    padding: 2.5rem 0 0;
    width: 100%;
}

.entry-article > .image.image-full:first-of-type {
    border-bottom: 0;
    border-top: 0;
    margin: 0;
    padding: 0;
}

@media only screen and (max-width: 767px) {
    .entry-article > .image.image-half:first-of-type {
        border-bottom: 0;
        border-top: 0;
        margin: 0;
        padding: 0;
    }
}

.entry-article .image.image-full + p,
.entry-article .image.image-full + h1,
.entry-article .image.image-full + h2,
.entry-article .image.image-full + h3,
.entry-article .image.image-full + h4,
.entry-article .image.image-full + h5,
.entry-article .image.image-full + h6,
.entry-article .image.image-full + ul {
    border-top: 1px solid var(--pico-primary-inverse);
    margin-top: 2.25rem;
    padding-top: 1rem;
}

.gallery-container,
.gallery-container-half {
    border-top: 1px solid var(--pico-primary-inverse);
    line-height: 1;
    margin: 1rem auto 0;
    padding: 2.25rem 0 0;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    /* COLUMN CONTAINERS */
    .image.image-half {
        border-bottom: 0;
        border-left: 1px solid var(--pico-primary-inverse);
        border-top: 0;
        float: right;
        line-height: 1;
        margin: 0.35rem 0 2rem 1rem;
        padding: 0 0 0 1rem;
        width: calc(300px + 1rem + 1px);
    }

    .gallery-container-half img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 300px;
    }
}

@media only screen and (max-width: 767px) {
    .entry-article .image.image-half + p,
    .entry-article .image.image-half + h1,
    .entry-article .image.image-half + h2,
    .entry-article .image.image-half + h3,
    .entry-article .image.image-half + h4,
    .entry-article .image.image-half + h5,
    .entry-article .image.image-half + h6,
    .entry-article .image.image-half + ul {
        border-top: 1px solid var(--pico-primary-inverse);
        margin-top: 2.25rem;
        padding-top: 1rem;
    }
}
/********** *
GALLERIES
* **********/
.gallery img {
    margin: 0;
}

.image {
    position: relative;
    text-align: center;
    width: 100%;
}

.fancybox .image-overlay,
.gallery-overlay {
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 0;
    color: var(--white);
    font-size: 14px;
    left: 10px;
    line-height: 1;
    padding: 5px 10px;
    position: absolute;
    z-index: 10;
}

.fancybox .image-overlay {
    opacity: 0;
    top: 10px;
}

.gallery-overlay {
    top: calc(2rem + 10px);
}

    .gallery-overlay i {
        font-size: 11px;
        margin-right: 3px;
        position: relative;
        top: -1px;
    }

.image.image-half:hover .image-overlay,
.image:hover .image-overlay {
    opacity: 1;
}

a.fancybox {
    display: block;
}

/********** *
MODAL
* **********/
.modal-content {
    border-radius: 0;
}

    .modal-content .modal-header p {
        font-size: 0.85rem;
    }

        .modal-content .modal-header p:last-of-type {
            margin-bottom: 0;
        }

    .modal-content .modal-intro h2 {
        font-size: 2rem;
        margin-bottom: 0.5rem;
    }

    .modal-content .modal-intro p {
        font-size: 0.9rem;
    }

    .modal-content input[type=radio] + label,
    .modal-cotnent input[type=checkbox] + label {
        font-size: 0.9rem;
    }

    .modal-content .form-group {
        margin-bottom: 0;
        width: 100%;
    }

        .modal-content .form-group.row {
            width: calc(100% + 30px);
        }

        .modal-content .form-group.row {
            margin-bottom: 0.5rem;
        }

.modal-header .modal-title {
    line-height: 1;
}

.modal-header button.close {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1;
    margin: 0;
    padding: 0;
}

.modal-body span.selected {
    font-weight: 700;
    text-transform: capitalize;
}

.modal-body form fieldset legend {
    font-size: 0.85rem;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 0.75rem;
}

.modal-body form fieldset .form-group {
    align-content: center;
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    position: relative;
}

    .modal-body form fieldset .form-group:last-of-type,
    .modal-footer {
        margin: 0;
    }

    .modal-body form fieldset .form-group input:not([type=checkbox]) {
        border-radius: 0;
        font-size: 0.85rem;
        height: 50px;
        line-height: 1;
        padding: 1.25rem 0.5rem 0.5rem;
        width: 100%;
    }

    .modal-body form fieldset .form-group label {
        color: #666666;
        font-size: 0.85rem;
        line-height: 1;
        margin-bottom: 0;
        width: 100%;
    }

    .modal-body form fieldset .form-group .label-inset {
        width: 100%;
    }

        .modal-body form fieldset .form-group .label-inset label {
            font-size: 0.7rem;
            left: 0;
            padding-left: calc(1px + 0.5rem);
            position: absolute;
            top: 0.5rem;
        }

    .modal-body form fieldset .form-group .checkbox {
        align-content: center;
        align-items: flex-start;
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

        .modal-body form fieldset .form-group .checkbox.remember {
            align-items: flex-end;
            align-self: flex-start;
            justify-content: flex-end;
        }

            .modal-body form fieldset .form-group .checkbox.remember input[type=checkbox] {
                font-size: 0.85rem;
                margin-right: 0.35rem;
            }

            .modal-body form fieldset .form-group .checkbox.remember label {
                width: auto;
            }

.modal-footer {
    justify-content: space-between;
}

.modal-footer {
    align-content: center;
    align-items: flex-start;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

    .modal-footer p {
        font-size: 0.8rem;
        margin: 0;
    }

@media only screen and (min-width: 576px) {
    .modal-body .body-container {
        width: 75%;
    }

    .userlogin .modal-dialog {
        max-width: 400px;
    }
}

@media only screen and (max-width: 575px) {
    .modal-content .modal-intro h2 {
        font-size: 1.5rem;
    }
}
/* GENERAL MODALS */
.modal-body .col-form-label {
    font-size: 0.8rem;
    line-height: 1;
    padding: 0.5rem 0 0 0;
}

.modal-body .card {
    border: 0;
    border-radius: 0;
}

    .modal-body .card .card-header {
        background: transparent;
        border-bottom: 0;
        border-radius: 0;
        color: var(--pico-color);
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 1.3;
        padding: 0 0 0.5rem;
        text-align: center;
    }

/* LOGIN MODAL */
.auth-login label.col-form-label {
    font-size: 0.85rem;
}

.modal-body .card .login-password-container,
.login-password-container {
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: space-between;
}

    .modal-body .card .login-password-container .password-forget,
    .login-password-container .password-forget {
        align-items: center;
        display: flex;
        font-size: 0.9rem;
        height: 100%;
        justify-content: flex-end;
        line-height: 1;
    }

/* GATED MODAL */
.modal-content .option-wrapper {
    border: 1px solid var(--pico-primary-inverse);
    border-radius: 0.25rem;
    margin-bottom: 0.5rem;
    padding: 0.75rem;
}

    .modal-content .option-wrapper:not(.selected):active,
    .modal-content .option-wrapper:not(.selected):focus,
    .modal-content .option-wrapper:not(.selected):hover {
        border-color: var(--pico-primary);
    }

    .modal-content .option-wrapper.selected {
        border-color: var(--pico-secondary-border);
    }

    .modal-content .option-wrapper span.type {
        display: block;
        font-size: 0.85rem;
        font-weight: 800;
        letter-spacing: 0.1rem;
        text-transform: uppercase;
    }

    .modal-content .option-wrapper p {
        font-size: 0.9rem;
        margin-bottom: 0;
    }

        .modal-content .option-wrapper p.price {
            font-family: var(--pico-font-family);
            font-size: 1.25rem;
            font-weight: 800;
        }

        .modal-content .option-wrapper p span.year {
            font-size: 1rem;
            font-weight: 300;
        }

    .modal-content .option-wrapper .select-options {
        margin-top: 0.25rem;
    }

        .modal-content .option-wrapper .select-options input[type=radio] + label,
        .modal-content .option-wrapper .select-options input[type=checkbox] + label {
            font-size: 0.8rem;
            font-weight: 500;
            letter-spacing: 0;
            line-height: 1.85;
        }

.modal-note p {
    font-size: 0.85rem;
    margin: 1rem auto 0;
    text-align: center;
}

/* FABRINOMICS MODAL */
.modal-body .logo-wrapper {
    margin: 0 auto;
    max-width: 300px;
}

#fabrinomics-trial .card-header {
    display: none;
}

/********** *
ACCOUNT MANAGEMENT MODAL
* **********/
#navAccountManagementModal .modal-body ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    #navAccountManagementModal .modal-body ul li {
        font-size: 0.85rem;
    }

/******
Custom Modal
******/
.modal-header h3 {
    padding: 10px;
}

.modal-footer {
    justify-content: flex-end !important;
}

@media only screen and (max-width: 1199px) {
    .modal {
        width: 90% !important;
        left: initial !important;
        margin: 0 5%;
    }
}
/********** *
BOOTSTRAP OVERRIDES
* **********/
button:active,
.btn:active,
.btn-primary:active,
.btn-secondary:active,
.btn-success:active,
.btn-danger:active,
.btn-warning:active,
.btn-info:active,
.btn-light:active,
.btn-dark:active,
.btn-link:active,
button:focus,
.btn:focus,
.btn-primary:focus,
.btn-secondary:focus,
.btn-success:focus,
.btn-danger:focus,
.btn-warning:focus,
.btn-info:focus,
.btn-light:focus,
.btn-dark:focus,
.btn-link:focus,
.btn.focus,
.btn-primary.focus,
.btn-secondary.focus,
.btn-success.focus,
.btn-danger.focus,
.btn-warning.focus,
.btn-info.focus,
.btn-light.focus,
.btn-dark.focus,
.btn-link.focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none;
    outline: none;
}

.alert p:last-of-type {
    margin: 0;
}

.text-danger {
    font-size: 0.85rem;
    font-weight: 600;
}

.align-middle.all-widths {
    align-items: center;
}

@media only screen and (min-width: 991px) {
    .align-middle {
        align-items: center;
    }
}

@media only screen and (min-width: 1200px) {
    .container {
        max-width: 1270px;
    }

        .container.container-md {
            max-width: 1100px;
        }

        .container.container-sm {
            max-width: 992px;
        }
}

@media only screen and (max-width: 991px) {
    .row .col-md-2,
    .row .col-md-3,
    .row .col-md-4,
    .row .col-md-6,
    .row .col-md-7,
    .row .col-md-8,
    .row .col-md-9,
    .row .col-md-10,
    .row .col-lg-2,
    .row .col-lg-3,
    .row .col-lg-4,
    .row .col-lg-6,
    .row .col-lg-7,
    .row .col-lg-8,
    .row .col-lg-9,
    .row .col-lg-10 {
        margin: 0 0 2rem;
    }

    .row .column:last-of-type {
        margin: 0;
    }
}

.card {
    border: 1px solid var(--pico-primary-inverse);
}

.card-footer {
    border-top: 1px solid var(--pico-primary-inverse);
}

/********** *
TYPOGRAPHY
* **********/
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: var(--pico-color);
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 0.75rem;
}

h1,
h2,
h3 {
    letter-spacing: -0.04rem;
}

h4,
h5,
h6 {
    letter-spacing: -0.015rem;
}

h2 {
    font-size: 2.15rem;
}

h3 {
    font-size: 1.65rem;
}

h4 {
    font-size: 1.25rem;
}

    h1.light,
    h2.light,
    h3.light,
    h4.light,
    h5.light,
    h6.light {
        font-weight: 300;
    }

h1, h1 *, h2, h2 *, h3, h3 *, .moduleTitle {
    text-transform: unset;
}

p,
ul li,
ol li {
    font-size: 1rem;
}

b,
strong {
    font-weight: 700;
}

ul,
ol {
    padding: 0 0 0 1.05rem;
}

    ul.col-two,
    ol.col-two {
        -moz-columns: 2;
        columns: 2;
    }

    ul.col-three,
    ol.col-three {
        -moz-columns: 3;
        columns: 3;
    }

    ul.col-four,
    ol.col-four {
        -moz-columns: 4;
        columns: 4;
    }

p {
    font-weight: 400;
}

    p span.highlight {
        color: var(--white);
        font-weight: 700;
        margin: 0 0.1rem;
        position: relative;
    }

        p span.highlight::before {
            background: var(--pico-secondary);
            content: "";
            height: calc(100% + 0.15rem);
            left: -0.2rem;
            position: absolute;
            top: -0.01rem;
            width: calc(100% + 0.4rem);
            z-index: -1;
        }

blockquote {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0;
}

    blockquote .image-container {
        align-self: flex-start;
        margin: 0 2rem 0 0;
        position: relative;
        width: 175px;
    }

        blockquote .image-container img {
            border-radius: 50%;
        }

        blockquote .image-container::after {
            border: 2px solid var(--white);
            border-radius: 50%;
            content: "";
            height: calc(100% - 8px);
            left: 4px;
            opacity: 50%;
            position: absolute;
            top: 4px;
            width: calc(100% - 8px);
        }

    blockquote .content {
        border-left: 5px solid var(--pico-primary-inverse);
        display: flex;
        flex-direction: column;
        justify-content: center;
        line-height: 1.75;
        padding: 0 0 0 2rem;
    }

    blockquote.has-image .content {
        border-left: 0;
        padding: 0;
    }

    blockquote .content footer {
        font-family: var(--pico-font-family);
        font-size: 0.85rem;
        font-weight: 800;
        line-height: 1.35;
        text-transform: uppercase;
    }

        blockquote .content footer cite {
            font-family: var(--pico-font-family);
            font-weight: 400;
            text-transform: none;
        }

@media only screen and (min-width: 768px) {
    blockquote.has-image .content {
        width: calc(100% - 175px);
    }
}

@media only screen and (max-width: 767px) {
    blockquote {
        flex-direction: column;
    }

        blockquote.has-image .image-container {
            align-self: flex-start;
            margin: 0 0 1.5rem;
        }

        blockquote .content {
            justify-content: flex-start;
            text-align: left;
        }
}

.entry-content p,
.entry-content ul li,
.entry-content ol li,
.content-wrapper p,
.content-wrapper ul li,
.content-wrapper ol li {
    color: var(--pico-color);
    font-size: 1.05rem;
    line-height: 1.65;
}

.entry-content ul li,
.content-wrapper ul li {
    margin-bottom: 0.375rem;
}

.entry-excerpt p {
    font-size: 0.95rem;
    line-height: 1.5;
}

.kicker {
    align-items: flex-start;
    color: var(--pico-color);
    display: flex;
    font-family: var(--pico-font-family);
    font-size: 0.85rem;
    font-weight: 800;
    justify-content: flex-start;
    letter-spacing: 0.1rem;
    margin: 0 0 1rem;
    position: relative;
    text-transform: uppercase;
}

    .kicker.center {
        justify-content: center;
    }

@media only screen and (min-width: 768px) {
    .kicker.center-md {
        justify-content: center;
    }
}

@media only screen and (min-width: 992px) {
    .kicker.center-lg {
        justify-content: center;
    }
}

sup.footnote {
    font-size: 10px;
    font-weight: 700;
    margin-left: 1px;
}

.promo-label {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    height: 32px;
    line-height: 1;
    margin: 0 0 1.25rem;
    position: relative;
    text-align: center;
    transform: rotate(-4deg) skew(-4deg);
    width: 140px;
}

    .promo-label span {
        align-content: center;
        align-items: center;
        background: var(--pico-secondary-border);
        color: var(--white);
        display: flex;
        height: 100%;
        font-family: var(--pico-font-family);
        font-size: 0.85rem;
        font-weight: 800;
        justify-content: center;
        letter-spacing: 0.1rem;
        line-height: 1;
        margin: 0;
        overflow: hidden;
        padding: 0 0 1px;
        position: relative;
        text-transform: uppercase;
        width: 100%;
        z-index: 1;
    }

    /* .promo-label span::before {
  background-image: url($staticUrl + '/textures/texture_fma_lines_dark.svg');
  background-repeat: repeat;
  background-size: 5px;
  content: "";
  height: 140%;
  left: -20%;
  margin: 0;
  mix-blend-mode: overlay;
  opacity: 0.50;
  padding: 0;
  position: absolute;
  top: -20%;
  width: 140%;
  transform: skew(4deg) rotate(4deg);
  z-index: -1;
} */
    .promo-label .promo-wings {
        background: var(--pico-primary);
        height: 24px;
        left: -7px;
        position: absolute;
        width: calc(100% + 14px);
    }

.center .promo-label {
    margin: 0 auto 1.5rem;
}

    .center .promo-label span {
        text-align: center;
    }

@media only screen and (min-width: 768px) {
    .center-md .promo-label {
        margin: 0 auto 1.5rem;
    }

        .center-md .promo-label span {
            text-align: center;
        }
}

@media only screen and (min-width: 992px) {
    .center-lg .promo-label {
        margin: 0 auto 1.5rem;
    }

        .center-lg .promo-label span {
            text-align: center;
        }
}

div.recaptchaText .legal {
    color: var(--pico-muted-color);
    font-size: 0.75rem;
    line-height: 1.1;
}

div.recaptchaText p.legal a {
    color: ar(--pico-muted-color);
    text-decoration: underline;
}

#event-sidebar > div:nth-child(3) > div > div > form > div:nth-child(2) > div.recaptchaText.mt-4 > p > a:nth-child(1) .source {
    font-size: 0.85rem;
    text-align: right;
}

.fine-print,
.fine-print p,
ul.fine-print li,
.fine-print ul li {
    font-size: 0.85rem;
    margin: 1rem 0 0;
    text-align: left;
}

    ul.fine-print,
    .fine-print ul {
        margin: 0;
        padding: 0;
    }

    .fine-print.center,
    .fine-print.center-lg {
        text-align: center;
    }

@media only screen and (min-width: 992px) {
    .sidebar p,
    .sidebar ul li,
    .sidebar ol li,
    .sidebar input[type=radio] + label,
    .sidebar input[type=checkbox] + label {
        font-size: 0.95rem;
        line-height: 1.55;
    }
}
/********** *
UNIVERSAL STYLES
* **********/
#site-content {
    margin: 0 auto;
    max-width: 1920px;
}

    #site-content.locked {
        overflow: hidden;
    }

@media only screen and (min-width: 768px) {
    .inset-5 {
        padding-left: 5%;
        padding-right: 5%;
    }

    .inset-10 {
        padding-left: 10%;
        padding-right: 10%;
    }

    .inset-15 {
        padding-left: 15%;
        padding-right: 15%;
    }

    .inset-25 {
        padding-left: 25%;
        padding-right: 25%;
    }

    .inset-30 {
        padding-left: 30%;
        padding-right: 30%;
    }

    .inset-50 {
        padding-left: 50%;
        padding-right: 50%;
    }
}

.no-margin {
    margin: 0;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-45 {
    margin-bottom: 45px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-bottom-60 {
    margin-bottom: 60px;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-45 {
    margin-top: 45px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-top-60 {
    margin-top: 60px;
}

.padding-bottom-5 {
    padding-bottom: 5px;
}

.padding-bottom-10 {
    padding-bottom: 10px;
}

.padding-bottom-15 {
    padding-bottom: 15px;
}

.padding-bottom-20 {
    padding-bottom: 20px;
}

.padding-bottom-30 {
    padding-bottom: 30px;
}

.padding-bottom-45 {
    padding-bottom: 45px;
}

.padding-bottom-50 {
    padding-bottom: 50px;
}

.padding-bottom-60 {
    padding-bottom: 60px;
}

.padding-top-5 {
    padding-top: 5px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-15 {
    padding-top: 15px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-30 {
    padding-top: 30px;
}

.padding-top-45 {
    padding-top: 45px;
}

.padding-top-50 {
    padding-top: 50px;
}

.padding-top-60 {
    padding-top: 60px;
}

@media only screen and (min-width: 768px) {
    .mainbar {
        margin: 0 0 3rem;
    }
}

.no-margin p,
.no-margin h1,
.no-margin h2,
.no-margin h3,
.no-margin h4,
.no-margin h5,
.no-margin h6,
p.no-margin,
h1.no-margin,
h2.no-margin,
h3.no-margin,
h4.no-margin,
h5.no-margin,
h6.no-margin {
    margin: 0;
}

.shadow-soft {
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
}

.shadow-medium {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
}

.shadow-tight {
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.08);
}

.center {
    justify-content: center;
    text-align: center;
}

@media only screen and (min-width: 1200px) {
    .center-xl {
        text-align: center;
    }

    .break-xl {
        display: block;
    }

    .shadow-soft-xl {
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
    }

    .shadow-medium-xl {
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    }

    .shadow-tight-xl {
        box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.08);
    }
}

@media only screen and (min-width: 992px) {
    .break-lg {
        display: block;
    }

    .center-lg {
        justify-content: center;
        text-align: center;
    }

    .shadow-soft-lg {
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
    }

    .shadow-medium-lg {
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    }

    .shadow-tight-lg {
        box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.08);
    }
}

@media only screen and (min-width: 768px) {
    .center-md {
        justify-content: center;
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    .break-md {
        display: block;
    }

    .center-sm {
        justify-content: center;
        text-align: center;
    }
}

@media only screen and (max-width: 575px) {
    .center-xs {
        justify-content: center;
        text-align: center;
    }
}

.sponsored {
    align-content: center;
    align-items: center;
    display: flex;
    font-weight: 700;
    justify-content: flex-start;
    line-height: 1;
    text-transform: uppercase;
}

    .sponsored span,
    .sponsored img {
        margin: 0;
    }

    .sponsored span {
        font-size: 0.85rem;
        margin-right: 0.5rem;
    }

    .sponsored img {
        height: 30px;
        width: auto;
    }

/********** *
BUTTONS
* **********/
.btn-group {
    align-content: flex-start;
    align-items: center;
    display: inline-flex;
    justify-content: flex-start;
}

    .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
    .btn-group > .btn-group:not(:last-child) > .btn {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }

    .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
    .btn-group > .btn-group:not(:last-child) > .btn {
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
    }

    .btn-group.vertical {
        align-items: flex-start;
        flex-direction: column;
    }

        .btn-group.vertical .btn {
            display: block;
        }

    .btn-group > .btn-group:not(:first-child),
    .btn-group > .btn:not(:first-child) {
        margin-left: 0;
    }

    .btn-group .btn,
    .btn-group .btn-outline,
    .btn-group iframe {
        margin: 0 1rem 0 0;
    }

    .btn-group > *:last-child {
        margin: 0;
    }

    .btn-group .btn.btn-transparent {
        display: flex;
        line-height: 1;
        padding: 0;
    }

    .btn-group iframe {
        align-content: flex-start;
        align-items: flex-start;
        align-self: center;
        display: inline-flex;
    }

@media only screen and (max-width: 575px) {
    .btn-group {
        align-content: flex-start;
        align-items: center;
    }

        .btn-group .btn,
        .btn-group .btn.btn-transparent {
            margin: 1rem 1rem 0 0;
        }
}

.btn,
.btn-outline {
    align-content: center;
    align-items: center;
    border-width: 2px;
    border-color: transparent;
    border-radius: 0.25rem;
    border-style: solid;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    font-family: var(--pico-font-family);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.01rem;
    height: 50px;
    justify-content: center;
    line-height: 1;
    padding: 0 1rem;
    position: relative;
    text-transform: uppercase;
    transition: all 150ms ease-in-out;
    width: auto;
    z-index: 1;
}

    .btn.compress,
    .btn-outline.compress {
        width: -moz-min-content;
        width: min-content;
    }

    /*2023Theme updates*/
    .btn.btn-primary, .btn.btn-join, input.btn.btn-primary {
        background: var(--pico-primary-background);
        color: var(--white);
        font-family: var(--pico-font-family);
        font-weight: 800;
        padding: 0 0.75rem;
        width: auto;
    }

        .btn.btn-join:hover, .btn.btn-primary:active, .btn.btn-primary:focus, .btn.btn-primary:hover, input.btn.btn-primary:active, input.btn.btn-primary:focus, input.btn.btn-primary:hover {
            background: var(--pico-primary-hover-background);
            border-color: var(--pico-primary-hover-background); /*Pico-Primary-Background-hover*/
            color: var(--white);
            /* color: #31445d; */
        }

        .btn.btn-join:after {
            border: none;
        }

        .btn.btn-default:active:before, .btn.btn-default:focus:before, .btn.btn-default:hover:before, .btn.btn-join:active:before, .btn.btn-join:focus:before, .btn.btn-join:hover:before, .btn.btn-primary:active:before, .btn.btn-primary:focus:before, .btn.btn-primary:hover:before, .btn.btn-secondary:active:before, .btn.btn-secondary:focus:before, .btn.btn-secondary:hover:before, .btn.btn-primary:active, .btn.btn-primary:focus, .btn.btn-primary:hover, input.btn.btn-primary:active, input.btn.btn-primary:focus, input.btn.btn-primary:hover {
            background-color: var(--pico-primary-hover-background);
            opacity: 1;
            transform: none !important;
            transition: none;
        }

            .btn.btn-default:active:after, .btn.btn-default:focus:after, .btn.btn-default:hover:after, .btn.btn-join:active:after, .btn.btn-join:focus:after, .btn.btn-join:hover:after, .btn.btn-primary:active:after, .btn.btn-primary:focus:after, .btn.btn-primary:hover:after, .btn.btn-secondary:active:after, .btn.btn-secondary:focus:after, .btn.btn-secondary:hover:after {
                transition: none;
            }

    .btn.btn-secondary:active:before, .btn.btn-secondary:focus:before, .btn.btn-secondary:hover:before {
        background-color: var(--pico-secondary-hover-background);
        opacity: 1;
        transform: none !important;
        transition: none;
    }

.closeBtn {
    background-color: var(--pico-primary-background);
}

    .closeBtn:active, .closeBtn:focus, .closeBtn:hover {
        background-color: var(--pico-primary-hover-background);
    }

.btn.btn-link {
    color: var(--pico-primary);
}

.btn {
    min-width: 50px;
}

@media only screen and (max-width: 767px) {
    .btn.btn-default {
        background: var(--pico-primary-background);
        border-color: var(--pico-primary-background);
        color: var(--white);
    }

        .btn.btn-default:active,
        .btn.btn-default:focus,
        .btn.btn-default:hover,
        .btn.btn-default:not(:disabled):not(.disabled):active,
        .btn.btn-default:not(:disabled):not(.disabled).active {
            background: var(--pico-primary-hover-background);
            color: var(--white);
            border-color: var(--pico-primary-hover-background);
        }

    .btn.btn-secondary {
        background: var(--pico-secondary-background);
        border-color: var(--pico-secondary-background);
        color: var(--white);
    }

        .btn.btn-secondary:active,
        .btn.btn-secondary:focus,
        .btn.btn-secondary:hover,
        .btn.btn-secondary:not(:disabled):not(.disabled):active,
        .btn.btn-secondary:not(:disabled):not(.disabled).active {
            background: var(--pico-secondary-hover-background);
            border-color: var(--pico-secondary-hover-background);
        }

    .btn.btn-join:active,
    .btn.btn-join:focus,
    .btn.btn-join:hover,
    .btn.btn-join:not(:disabled):not(.disabled):active,
    .btn.btn-join:not(:disabled):not(.disabled).active {
        background: var(--pico-primary-hover-background);
        border-color: var(--pico-primary-hover-background); /*Pico-Primary-Background-hover*/
        color: var(--white);
    }
}

@media only screen and (min-width: 768px) {
    .btn.btn-default::before,
    .btn.btn-primary::before,
    .btn.btn-secondary::before,
    .btn.btn-join::before {
        border-radius: 0.25rem;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1;
        transition: all 300ms ease-in-out;
    }

    .btn.btn-default:active::before,
    .btn.btn-default:focus::before,
    .btn.btn-default:hover::before,
    .btn.btn-primary:active::before,
    .btn.btn-primary:focus::before,
    .btn.btn-primary:hover::before,
    .btn.btn-secondary:active::before,
    .btn.btn-secondary:focus::before,
    .btn.btn-secondary:hover::before,
    .btn.btn-join:active::before,
    .btn.btn-join:focus::before,
    .btn.btn-join:hover::before {
        opacity: 0.7;
        transform: scale(0, 0);
    }

    .btn.btn-default::after,
    .btn.btn-primary::after,
    .btn.btn-secondary::after,
    .btn.btn-join::after {
        border-radius: 0.25rem;
        content: "";
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        transition: all 300ms ease-in-out;
        transform: scale(1.1, 1.1);
        width: 100%;
        z-index: 1;
    }

    .btn.btn-default:active::after,
    .btn.btn-default:focus::after,
    .btn.btn-default:hover::after,
    .btn.btn-primary:active::after,
    .btn.btn-primary:focus::after,
    .btn.btn-primary:hover::after,
    .btn.btn-secondary:active::after,
    .btn.btn-secondary:focus::after,
    .btn.btn-secondary:hover::after,
    .btn.btn-join:active::after,
    .btn.btn-join:focus::after,
    .btn.btn-join:hover::after {
        opacity: 1;
        transform: scale(1, 1);
    }
    /* BTN DEFAULT */
    .btn.btn-default {
        background: var(--pico-primary-background);
        border-color: var(--pico-primary-background);
        border-bottom: none !important;
        color: var(--white);
    }

        .btn.btn-default:active,
        .btn.btn-default:focus,
        .btn.btn-default:hover,
        .btn.btn-default:not(:disabled):not(.disabled):active,
        .btn.btn-default:not(:disabled):not(.disabled).active {
            background: var(--pico-primary-hover-background);
            border-color: var(--pico-primary-hover-background);
            color: var(--white);
        }
    /*   .btn.btn-default::before {
      background-color: var(--pico-color);
    }
    .btn.btn-default::after {
      border: 2px solid var(--pico-color);
    } */
    /* BTN PRIMARY */
    .btn.btn-primary {
        background: var(--pico-primary-background);
        border-color: var(--pico-primary-background);
        border-bottom: none !important;
        color: var(--white);
    }

        .btn.btn-primary:active,
        .btn.btn-primary:focus,
        .btn.btn-primary:hover,
        .btn.btn-primary:not(:disabled):not(.disabled):active,
        .btn.btn-primary:not(:disabled):not(.disabled).active {
            background: var(--pico-primary-hover-background);
            border-color: var(--pico-primary-hover-background);
            color: var(--white);
        }

        .btn.btn-primary::before {
            background-color: transparent;
        }

        .btn.btn-primary::after {
            border: none;
        }

        .btn.btn-primary.disabled::before {
            background-color: transparent;
        }
    /* BTN SECONDARY */
    .btn.btn-secondary {
        background: transparent;
        border-color: transparent;
        color: var(--white);
    }

        .btn.btn-secondary:active,
        .btn.btn-secondary:focus,
        .btn.btn-secondary:hover,
        .btn.btn-secondary:not(:disabled):not(.disabled):active,
        .btn.btn-secondary:not(:disabled):not(.disabled).active {
            background: transparent;
            border-color: transparent;
            color: var(--pico-color);
        }

        .btn.btn-secondary::before {
            background-color: var(--pico-color);
        }

        .btn.btn-secondary::after {
            border: 2px solid var(--pico-color);
        }

        .btn.btn-secondary.disabled::before {
            background-color: transparent;
        }
    /* BTN JOIN */
    .btn.btn-join {
        background: var(--pico-primary-background);
        border-color: var(--pico-primary-background);
        color: var(--white);
    }

        .btn.btn-join:active,
        .btn.btn-join:focus,
        .btn.btn-join:hover {
            background: var(--pico-primary-hover-background);
            border-color: var(--pico-primary-hover-background);
            color: var(--pico-mark-color);
        }

        .btn.btn-join.disabled::before {
            background-color: transparent;
        }
    /* BTN LOGIN */
    .btn.btn-login::after {
        color: var(--pico-muted-color);
        content: "\f101";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        font-size: 9px;
        left: 0.375rem;
        line-height: 1;
        position: relative;
        top: 0;
        transition: all 150ms ease-in-out;
    }

    .btn.btn-login:active,
    .btn.btn-login:focus,
    .btn.btn-login:hover {
        color: var(--pico-secondary-border);
    }

        .btn.btn-login:active::after,
        .btn.btn-login:focus::after,
        .btn.btn-login:hover::after {
            color: var(--pico-secondary-border);
            left: 0.625rem;
        }
}
/* BTN DISABLED */
.btn.disabled {
    background: transparent;
    border-color: #B1B3B6;
    border-style: dashed;
    border-width: 2px;
    color: #B1B3B6;
    font-weight: 700;
    pointer-events: none;
}

.btn.btn-outline {
    background: transparent;
    border-color: var(--pico-primary);
    color: var(--pico-primary);
}

    .btn.btn-outline:active,
    .btn.btn-outline:focus,
    .btn.btn-outline:hover {
        background: var(--pico-primary);
        color: var(--white);
    }

.btn-outline.secondary {
    border-color: #6a6083;
    color: #6a6083;
}

    .btn-outline.secondary:active,
    .btn-outline.secondary:focus,
    .btn-outline.secondary:hover {
        background: #6a6083;
        color: var(--white);
    }

.btn.btn-muted {
    background: var(--pico-primary-inverse);
    color: var(--pico-color);
}

    .btn.btn-muted:active,
    .btn.btn-muted:focus,
    .btn.btn-muted:hover {
        background: #c6ced7;
        color: var(--white);
    }

.btn.white {
    background: var(--white);
    color: var(--pico-color);
}

    .btn.white:active,
    .btn.white:focus,
    .btn.white:hover {
        background: var(--pico-color);
        color: var(--white);
    }

.btn-outline.white {
    border-color: var(--white);
    color: var(--white);
}

    .btn-outline.white:active,
    .btn-outline.white:focus,
    .btn-outline.white:hover {
        background: var(--white);
        color: var(--pico-color);
    }

.btn.black {
    background: var(--pico-color);
    color: var(--white);
}

    .btn.black:active,
    .btn.black:focus,
    .btn.black:hover {
        background: var(--pico-color);
        color: var(--white);
    }

.btn-outline.black {
    border-color: var(--pico-color);
    color: var(--pico-color);
}

    .btn-outline.black:active,
    .btn-outline.black:focus,
    .btn-outline.black:hover {
        background: var(--pico-color);
        color: var(--white);
    }

.btn.btn-transparent {
    background: none;
    border: 0;
    color: var(--pico-secondary);
    display: inline-block;
    font-family: var(--pico-font-family);
    font-size: 1rem;
    font-weight: 400;
    height: auto;
    letter-spacing: 0;
    line-height: 1;
    padding: 0;
    margin: 0;
    text-align: left;
    text-transform: none;
}

    .btn.btn-transparent::after {
        color: var(--pico-primary);
        content: "\f101";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        font-size: 9px;
        left: 0.375rem;
        line-height: 1;
        position: relative;
        top: -1px;
        transition: all 150ms ease-in-out;
    }

.introduction .btn.btn-transparent::after {
    font-size: 11px;
    top: -3px;
}

.btn.btn-transparent:active,
.btn.btn-transparent:focus,
.btn.btn-transparent:hover {
    color: var(--pico-primary);
}

    .btn.btn-transparent:active::after,
    .btn.btn-transparent:focus::after,
    .btn.btn-transparent:hover::after {
        left: 0.625rem;
    }

.btn.btn-membership {
    background: var(--pico-secondary-border);
    color: var(--white);
}

    .btn.btn-membership:active,
    .btn.btn-membership:focus,
    .btn.btn-membership:hover {
        background: #a5c248;
    }

.btn.btn-external {
    background: none;
    border: 0;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    height: auto;
    letter-spacing: 0;
    line-height: 1;
    padding: 0.5rem 0 0;
    margin: 0;
    text-align: left;
    text-transform: none;
}

    .btn.btn-external::after,
    a.external::after {
        color: var(--pico-primary);
        content: "\f35d";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        font-size: 9px;
        left: 0.375rem;
        line-height: 1;
        position: relative;
        top: -2px;
        transition: left 150ms ease-in-out;
    }

    .btn.btn-external:active::after,
    .btn.btn-external:focus::after,
    .btn.btn-external:hover::after {
        color: var(--pico-secondary);
        left: 0.625rem;
    }

input.btn.btn-secondary {
    background: var(--pico-secondary);
    color: var(--pico-background-color);
}

    input.btn.btn-secondary:active,
    input.btn.btn-secondary:focus,
    input.btn.btn-secondary:hover {
        background: var(--pico-secondary-hover-background);
        border-color: var(--pico-secondary-hover-background);
        color: var(--pico-background-color);
    }

.btn.btn-sm {
    padding: 5px 10px !important;
    font-size: 12px !important;
    line-height: 1.5;
    height: initial;
}

/*Custom Buttons*/
input.btn.btn-link {
    background: #dae3ec !important;
    color: #161f2d !important;
    padding: 10px !important;
    text-decoration: none !important;
}

    input.btn.btn-link:active,
    input.btn.btn-link:focus,
    input.btn.btn-link:hover {
        background: #c6ced7 !important;
        color: var(--white) !important;
    }

.StandardButton,
.proccedAsGuest {
    background: var(--pico-primary-background) !important;
    color: var(--pico-background-color) !important;
    font-size: 13.6px !important;
    height: 45px !important;
    padding: 0 20px !important;
    text-transform: uppercase !important;
}

    .StandardButton:active,
    .StandardButton:focus,
    .StandardButton:hover,
    .proccedAsGuest:active,
    .proccedAsGuest:focus,
    .proccedAsGuest:hover {
        background: var(--pico-primary-hover-background) !important;
        border-color: var(--pico-primary-hover-background) !important;
        color: var(--pico-background-color) !important;
    }

.login input.StandardButton, .general .ModPersonifyLoginC input.StandardButton, .general .AuthenticationContent input.StandardButton, input.proccedAsGuest {
    background-color: var(--pico-primary-background) !important;
    color: var(--white);
}

.btn-lead {
    display: block;
    width: 175px;
    margin: 0 auto;
}

.dnnPrimaryAction, .dnnFormItem input[type=submit], a.dnnPrimaryAction {
    background: var(--pico-primary-background);
    border-color: var(--pico-primary-border);
}

    .dnnPrimaryAction:hover, .dnnFormItem input[type=submit]:hover, a.dnnPrimaryAction:hover {
        border-color: var(--pico-primary-hover-border);
        background: var(--pico-primary-hover-background);
    }

/********** *
LOGIN STATES
* **********/
.login-or-join h4 {
    font-size: 0.9rem;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0 0 0.5rem;
}

.btn-group-membership {
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: flex-start;
}

.center .btn-group-membership,
.center-md .btn-group-membership,
.center-lg .btn-group-membership {
    justify-content: center;
}

.btn-group-membership .btn {
    align-content: center;
    align-items: center;
    border-radius: 25px;
    color: var(--white);
    display: flex;
    font-size: 0.8rem;
    line-height: 1;
    margin: 0 0.5rem 0 0;
    justify-content: center;
    width: 80px;
}

    .btn-group-membership .btn:last-of-type {
        margin: 0;
    }

    .btn-group-membership .btn.btn-login {
        background: var(--pico-primary);
    }

    .btn-group-membership .btn.btn-join {
        background: var(--pico-secondary-border);
    }

/********** *
BACKGROUNDS
* **********/
.has-bg {
    display: block;
    margin: 0;
    position: relative;
}

    .has-bg.highlight::before,
    .has-bg.highlight::after {
        background: var(--pico-primary);
        content: "";
        height: 4px;
        left: 0;
        margin: 0 auto;
        opacity: 1;
        position: absolute;
        right: 0;
        width: 100%;
        z-index: -1;
    }

    .has-bg.highlight::before {
        top: -4px;
    }

    .has-bg.highlight::after {
        bottom: -4px;
    }

@media only screen and (min-width: 576px) {
    .has-bg.highlight::before,
    .has-bg.highlight::after {
        max-width: 545px;
    }
}

@media only screen and (min-width: 768px) {
    .has-bg.highlight::before,
    .has-bg.highlight::after {
        max-width: 690px;
    }
}

@media only screen and (min-width: 992px) {
    .has-bg.highlight::before,
    .has-bg.highlight::after {
        max-width: 930px;
    }
}

@media only screen and (min-width: 1200px) {
    .has-bg.highlight::before,
    .has-bg.highlight::after {
        max-width: 1240px;
    }
}

.bg {
    display: block;
    height: 100%;
    left: 0;
    margin: 0 auto;
    max-width: 1440px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -3;
    transition: height 150ms ease-in-out;
}

.bg-color {
    height: 100%;
    width: 100%;
}

.bg-white {
    background: var(--white);
}

.bg-fma20-blue {
    background: var(--pico-primary);
}

.bg-fma20-grey {
    background: var(--pico-muted-color);
}

.bg-fma20-dk-blue {
    background: var(--pico-primary-background);
}

.bg-fma20-green {
    background: var(--pico-ins-color);
}

.bg-fma20-lt-blue {
    background: var(--pico-secondary);
}

.bg-fma20-lt-grey {
    background: var(--pico-muted-border-color);
}

.bg-fma20-magenta {
    background: var(--pico-secondary);
}

.bg-fma20-orange {
    background: var(--pico-secondary);
}

.bg-membership-matters-green {
    background: var(--pico-secondary-border);
}

.bg-headlines {
    background: var(--pico-color);
}

.bg-body {
    background: var(--pico-color);
}

.bg-muted {
    background: var(--pico-muted-border-color);
}

.bg-light-gray {
    background: var(--pico-primary-border);
}

.branded-bg {
    left: -10px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: calc(50% - 269px);
    width: 1940px;
    z-index: -4;
}

    .branded-bg.branded-bg-02 {
        left: -10px;
        margin: 0 auto;
        position: absolute;
        right: 0;
        top: calc(50% - 130px);
        width: 1940px;
        z-index: -4;
    }

.bg.bg-outer {
    height: 70%;
    left: 0;
    max-width: 1450px;
    position: absolute;
    top: 15%;
    transform: skew(-8deg) rotate(-4deg);
    width: 100%;
    z-index: -4;
}

@media only screen and (min-width: 992px) {
    .bg-white-lg {
        background: var(--white);
    }
}
/********** *
COLORS
* **********/
.text-light {
    color: var(--white);
}

.text-dark {
    color: var(--pico-color);
}

/********** *
TEXTURES
* **********/
section.has-bg-texture {
    margin: 4.5rem 0;
}

.has-bg-texture .bg {
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05);
}

.bg-texture {
    background-repeat: repeat;
    height: calc(100% + 100px);
    position: absolute;
    top: -50px;
    width: 400px;
    z-index: -4;
}

    .bg-texture.dots {
        background-size: 16px;
        opacity: 0.15;
    }

    .bg-texture.lines {
        background-size: 12px;
        opacity: 0.15;
    }

    .bg-texture.left {
        left: calc(0% + 108px);
    }

    .bg-texture.right {
        right: calc(0% + 108px);
    }

@media only screen and (max-width: 575px) {
    .bg-texture {
        width: 300px;
    }

        .bg-texture.left {
            left: 0;
        }

        .bg-texture.right {
            right: 0;
        }
}
/* .bg-texture.dots.dark {
  background-image: url($staticUrl + '/textures/texture_fma_dots_dark.svg');
}
.bg-texture.dots.light {
  background-image: url($staticUrl + '/textures/texture_fma_dots_light.svg');
}
.bg-texture.lines.dark {
  background-image: url($staticUrl + '/textures/texture_fma_lines_dark.svg');
}
.bg-texture.lines.light {
  background-image: url($staticUrl + '/textures/texture_fma_lines_light.svg');
} */
.image-texture {
    background-repeat: repeat;
    background-size: 5px;
    height: 100%;
    margin: 0;
    opacity: 0.1;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

/* .image-texture.dark {
  background-image: url($staticUrl + '/textures/texture_fma_lines_dark.svg');
}
.image-texture.light {
  background-image: url($staticUrl + '/textures/texture_fma_lines_light.svg');
} */
.has-border-bottom-lines {
    height: 100%;
    margin-bottom: calc(1.5rem + 10px);
    padding: 0 0 1.5rem;
    position: relative;
}

.lines-container {
    display: block;
    height: 10px;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 100%;
}

    .lines-container.bottom {
        bottom: calc(1.5rem + 10px);
    }

    .lines-container.top {
        margin: 0 0 1rem;
        position: relative;
        top: 0;
    }

/* .lines-container .lines {
  background-image: url($staticUrl + '/textures/texture_fma_lines_dark.svg');
  background-repeat: repeat;
  background-size: 6px;
  content: "";
  height: 50px;
  left: 0;
  margin: 0;
  opacity: 0.25;
  padding: 0;
  position: absolute;
  top: -20px;
  width: 100%;
} */
/********** *
HIGHLIGHT COLORS
* **********/
/* .fma20-blue {
  color: var(--pico-primary);
}
.fma20-grey {
  color: $fma20grey;
}
.fma20-dk-blue {
  color: var(--pico-primary-background);
}
.fma20-green {
  color: var(--pico-ins-color);
}
.fma20-lt-blue {
  color: var(--pico-secondary);
}
.fma20-lt-grey {
  color: $fma20-lt-grey;
}
.fma20-magenta {
  color: var(--pico-secondary);
}
.fma20-orange {
  color: $fma20-orange;
} */
.membership-matters-green {
    color: var(--pico-secondary-border);
}

.headlines {
    color: var(--pico-color);
}

.body {
    color: var(--pico-color);
}

.muted {
    color: var(--pico-muted-border-color);
}

/********** *
PRODUCTS
* **********/
.featured-flag {
    align-content: center;
    align-items: center;
    background: var(--pico-secondary);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    display: flex;
    height: 32px;
    left: 0;
    justify-content: center;
    margin: 0 auto;
    padding: 0.5rem 1rem;
    position: absolute;
    right: 0;
    text-align: center;
    top: -10px;
    transform: rotate(-4deg) skew(-4deg);
    width: 120px;
    z-index: 1;
}

.members-only-flag {
    align-content: center;
    align-items: center;
    background: #b5d352;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    display: flex;
    height: 32px;
    left: 0;
    justify-content: center;
    margin: 0 auto;
    padding: 0.5rem 1rem;
    position: absolute;
    right: 0;
    text-align: center;
    top: -10px;
    transform: rotate(-4deg) skew(-4deg);
    width: 120px;
    z-index: 1;
}

    .featured-flag span, .members-only-flag span {
        color: var(--white);
        font-family: var(--pico-font-family);
        font-size: 0.85rem;
        font-weight: 800;
        letter-spacing: 0.1rem;
        line-height: 1;
        text-transform: uppercase;
        width: 83px;
    }

.product h3 {
    font-size: 1.35rem;
}

.product p {
    font-size: 0.95rem;
    line-height: 1.55;
    margin: 0;
}

/********** *
META
* **********/
.entry-meta ul {
    display: block;
    font-size: 0;
    list-style-type: none;
    margin: 0 0 1rem;
    padding: 0;
}

    .entry-meta ul li {
        align-items: center;
        color: var(--pico-muted-border-color);
        display: inline-block;
        font-size: 0.85rem;
        font-weight: 400;
        letter-spacing: -0.01rem;
        line-height: 1.4;
        margin: 0;
    }

        .entry-meta ul li::after {
            color: var(--pico-primary-inverse);
            content: "|";
            font-size: 8px;
            margin: 1px 0.5rem 0 0.6rem;
            position: relative;
        }

        .entry-meta ul li:last-of-type::after {
            content: "";
            margin: 0;
        }

        .entry-meta ul li i {
            color: var(--pico-color);
            font-size: 9px;
            margin-right: 0.25rem;
            position: relative;
            top: -1px;
        }

/********** *
HERO
* **********/
#hero {
    display: block;
    margin: -80px auto 0;
    max-width: 1600px;
    overflow: hidden;
    padding-top: 80px;
    position: relative;
    width: 100%;
    z-index: 0;
}

    #hero.hero-large {
        height: 630px;
    }

    #hero.hero-standard {
        height: 350px;
    }

    #hero.hero-small {
        height: 280px;
    }

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    #hero.hero-large {
        height: 500px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    #hero.hero-large {
        height: 400px;
    }
}

@media only screen and (max-width: 575px) {
    #hero.hero-large,
    #hero.hero-standard {
        height: 350px;
    }
}

#hero .content {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 2;
}

    #hero .content .container {
        display: flex;
        flex-direction: column;
        position: relative;
    }

    #hero .content h1 {
        color: var(--white);
        font-family: var(--pico-font-family);
        font-size: 3.5rem;
        font-weight: 800;
        line-height: 0.9;
        max-width: 100%;
        text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
        text-transform: uppercase;
        max-width: 450px;
        width: 100%;
        z-index: 5;
    }

    #hero .content .container h1 {
        order: 2;
    }

    #hero .content .container p {
        background: rgba(255, 255, 255, 0.9);
        color: #31445d;
        font-size: 1.4rem;
        font-weight: bold;
        margin-bottom: 0.5em;
        order: 1;
        padding: 0.5rem 0.6rem;
        width: -moz-fit-content;
        width: fit-content;
    }

    #hero .content h1.smaller {
        font-size: 3.25rem;
    }

@media only screen and (min-width: 768px) {
    #hero.bookstore .content h1 {
        font-size: 3rem;
    }
}

@media only screen and (min-width: 992px) {
    #hero.bookstore .content h1 {
        font-size: 3.25rem;
    }

    #hero.event .content h1 {
        font-size: 3rem;
    }
}

@media only screen and (min-width: 1200px) {
    #hero.bookstore .content h1 {
        font-size: 3.375rem;
    }
}

#hero .content h1 span.highlight {
    display: inline-block;
    position: relative;
}

    #hero .content h1 span.highlight::before {
        background: var(--pico-secondary);
        content: "";
        height: 107%;
        left: -0.5rem;
        opacity: 0.85;
        position: absolute;
        top: -3%;
        width: calc(100% + 1rem);
        z-index: -1;
    }

#hero.green .content h1 span.highlight::before {
    background: var(--pico-secondary-border);
}

#hero.hero-small .content h1 span.highlight::before {
    left: -0.25rem;
    width: calc(100% + 0.5rem);
}

#hero .content h1 span.trademark {
    font-size: 1.75rem;
    margin-left: 0.55rem;
    margin-top: 0.25rem;
    position: absolute;
}

#hero.hero-small .content h1 {
    font-size: 1.75rem;
}

#hero #hero-color-screen {
    background-color: var(--pico-primary);
    opacity: 0;
    z-index: -1;
}

#hero.hero-small #hero-color-screen {
    opacity: 0.7;
}

#hero #hero-icon {
    height: 100%;
    padding-top: 40px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}

    #hero #hero-icon .container {
        align-content: center;
        align-items: center;
        display: flex;
        height: 100%;
        justify-content: flex-start;
    }

    #hero #hero-icon img {
        opacity: 0.4;
        width: 360px;
    }

@media only screen and (max-width: 767px) {
    #hero #hero-icon .container {
        justify-content: center;
        padding-top: 80px;
    }
}

#hero .content {
    align-items: center;
    display: flex;
}

#hero #hero-color-screen {
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.hero-standard p {
    color: var(--white);
    text-transform: uppercase;
    margin-left: 20px;
}

.hero-standard h1 {
    line-height: 100% !important;
}

@media only screen and (min-width: 768px) {
    #hero .content h1 {
        padding: 0 0 3%;
    }

    #hero.hero-small .content h1 {
        padding: 0.5% 0 0;
    }
    /* HERO MEMBERSHIP MATTERS PAGE */
    #hero.membership-matters .content h1 {
        max-width: 440px;
    }
    /* HERO MEMBERSHIP - STUDENTS PAGE */
    #hero.students .content h1 {
        max-width: 440px;
    }
    /* HERO MEMBERSHIP - PRE-EMPLOYMENT ASSESSMENT */
    #hero.pre-employment-assessment .content h1 {
        max-width: 440px;
    }
    /* AFFLIATIONS PAGE */
    #hero.affiliations .content h1 {
        max-width: 450px;
    }
    /* HERO BOOKSTORE */
    #hero.bookstore .content h1 {
        max-width: 510px;
    }
}

@media only screen and (max-width: 767px) {
    #hero.hero-large .content h1,
    #hero.hero-standard .content h1 {
        font-size: 3rem;
        max-width: 100%;
    }

    #hero.hero-standard p {
        margin: 0 20px;
    }
}

@media only screen and (max-width: 575px) {
    #hero.hero-large .content h1,
    #hero.hero-standard .content h1 {
        font-size: 2.15rem;
        width: 100%;
        word-break: break-word;
    }
}

@media only screen and (max-width: 475px) {
    #hero.hero-large .content h1,
    #hero.hero-standard .content h1 {
        font-size: 1.85rem;
    }
}
/* HERO MEMBERSHIP PAGE */
#hero.membership #hero-color-screen {
    opacity: 0.3;
}

#hero.membership .content h1 {
    text-shadow: none;
}

@media only screen and (min-width: 768px) {
    #hero.membership .content h1 {
        font-size: 3.5rem;
        max-width: 420px;
    }
}

#hero #hero-image {
    align-items: center;
    display: flex;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -2;
}

    #hero #hero-image .content picture {
        display: flex;
        height: 100%;
        width: 100%;
    }

        #hero #hero-image .content picture img {
            height: auto;
            -o-object-fit: cover;
            object-fit: cover;
            width: 100%;
        }

@media (max-width: 42em) {
    .formLayout .buttonRow {
        display: flex;
        gap: 20px;
        justify-content: space-between;
    }

    #hero.hero-standard p {
        margin-left: 10px;
    }
    /* This goofy bit intends to keep the font from getting weirdly big
   * on smallish screens.*/
    .RegistrationControl_PersonifyDefault.Base_PersonifyDefault {
        font-size: 100%;
    }
}
/********** *
BREADCRUMBS
* **********/
#breadcrumbs {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
}

ul.breadcrumbs {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    line-height: 1;
    margin: 0;
    padding: 0;
}

    ul.breadcrumbs li {
        font-family: var(--pico-font-family);
        font-size: 0.7rem;
        font-weight: 700;
        list-style-type: none;
        text-transform: uppercase;
    }

        ul.breadcrumbs li:last-of-type {
            margin-right: 0;
        }

        ul.breadcrumbs li.home {
            margin-right: 0.25rem;
        }

        ul.breadcrumbs li::after {
            color: var(--pico-muted-border-color);
            content: "\f105";
            font-family: "Font Awesome 6 Free";
            font-size: 0.65rem;
            font-weight: 900;
            line-height: 1;
            margin: 0.07rem 0.5rem 0;
        }

        ul.breadcrumbs li.home::after {
            content: "\f0da";
        }

        ul.breadcrumbs li:last-of-type::after {
            content: "";
            display: none;
        }

@media only screen and (max-width: 767px) {
    #breadcrumbs {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    #hero.has-breadcrumbs {
        margin-bottom: 1.5rem;
    }
}

@media only screen and (min-width: 1200px) {
    #breadcrumbs {
        bottom: 10px;
    }
}
/********** *
MASKS
* **********/
.hero-mask {
    z-index: 1;
}

#hero-mask-upper {
    left: -10px;
    position: absolute;
    margin: 80px auto 0;
    top: -1px;
    width: calc(50% + 10px);
    z-index: 1;
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

#hero-mask-lower {
    bottom: -1px;
    left: -10px;
    position: absolute;
    margin: 80px auto 0;
    width: calc(100% + 20px);
    z-index: 1;
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

@media only screen and (max-width: 767px) {
    #hero-mask-upper {
        width: calc(100% + 20px);
    }
}
/* INTERIOR PAGES HERO */
#hero.hero-standard #hero-mask-upper {
    position: absolute;
    margin: 80px 0 0;
    left: -50%;
    top: -1px;
    width: 100%;
    z-index: 0;
}

/* @media only screen and (max-width: 1199px) {
  #hero.hero-standard #hero-mask-upper {
    left: -35%;
  }
}
@media only screen and (max-width: 991px) {
  #hero.hero-standard #hero-mask-upper {
    height: 100%;
    left: 0;
    width: auto;
  }
} */
#hero.hero-standard #hero-mask-upper {
    top: -20px !important;
    left: 0 !important;
    max-width: 560px;
}

#footer-mask {
    position: absolute;
    top: -1px;
    left: -10px;
    margin: 0 auto;
    width: calc(100% + 20px);
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

@media only screen and (max-width: 767px) {
    #footer-mask {
        width: calc(200% + 20px);
    }
}

.mask_section_white_top,
.mask_section_white-blues_top,
.mask_section_light-gray_top,
.mask_section_light-gray-blues_top {
    left: -10px;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: -2px;
    width: calc(100% + 20px);
}

.mask_section_white_bottom,
.mask_section_white-blues_bottom,
.mask_section_light-gray_bottom,
.mask_section_light-gray-blues_bottom {
    bottom: -2px;
    left: -10px;
    margin: 0 auto;
    position: absolute;
    width: calc(100% + 20px);
}

/********** *
ANGLES
* **********/
.has-angles {
    overflow: hidden;
    padding: 9rem 0;
}

@media only screen and (max-width: 767px) {
    .has-angles {
        padding: 6rem 0;
    }
}

.label-container {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0 auto 1.5rem;
    position: relative;
}

    .label-container.left {
        justify-content: flex-start;
        margin: 0;
    }

.has-angles .label-container {
    margin: -1.5rem auto 2rem;
}

.label-container .label {
    align-items: center;
    display: flex;
    font-family: var(--pico-font-family);
    font-size: 1rem;
    font-weight: 800;
    justify-content: center;
    letter-spacing: 0.1rem;
    line-height: 1;
    margin: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 1;
}

.label-container.left .label {
    justify-content: flex-start;
    margin: 0 0 1.5rem;
    text-align: left;
}

.label-container .label i {
    color: var(--pico-primary);
    font-size: 1rem;
    line-height: 1;
    margin-right: 0.5rem;
    position: relative;
    top: -0.05rem;
}

.label-container .alternate-label {
    color: var(--pico-secondary);
    font-size: 0.85rem;
    text-transform: uppercase;
}

    .label-container .alternate-label:hover,
    .label-container .alternate-label:active,
    .label-container .alternate-label::after {
        color: var(--pico-secondary);
    }

.label-container a.label-link {
    background: none;
    border: 0;
    color: var(--pico-secondary);
    font-family: var(--pico-font-family);
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    z-index: 1;
}

    .label-container a.label-link::before {
        color: var(--pico-primary-inverse);
        content: "|";
        line-height: 1;
        margin: 0 0.75rem;
        position: relative;
        top: -1px;
    }

    .label-container a.label-link::after {
        top: -2px;
    }

.label-container a.btn {
    height: auto;
}

@media only screen and (max-width: 767px) {
    .label-container {
        align-content: center;
        align-items: center;
        flex-direction: column;
        padding: 0;
    }

        .center-sm .label-container,
        .label-container.center-sm {
            align-items: center;
        }

        .label-container a.label-link {
            margin: 0.25rem 0 0;
        }

            .label-container a.label-link::before {
                content: "";
                margin: 0;
            }

        .label-container .label {
            align-content: center;
            align-items: center;
            flex-direction: column;
            justify-content: center;
            line-height: 1;
            margin: 0;
        }

            .label-container .label img,
            .label-container .label i {
                justify-content: center;
                margin: 0 auto 0.5rem;
                padding: 0;
                position: relative;
                text-align: center;
            }

            .label-container .label img {
                width: 1.5rem;
            }

            .label-container .label i {
                font-size: 1.375rem;
                line-height: 1;
            }

            .label-container .label img.mark_membership-matters {
                top: 0;
                width: 1.675rem;
            }

            .label-container .label img.mark_the-fabricator {
                top: 1px;
                width: 1.4rem;
            }

            .label-container .label img.mark_nbt {
                top: 0;
                width: 1.1rem;
            }

            .label-container .label img.mark_fabtech {
                top: 2px;
                width: 1.5rem;
            }
}

.bookstore-notice {
    border: 1px solid var(--pico-primary-inverse);
    border-radius: 0.25rem;
    margin: 3rem 0 0;
    padding: 1.5rem;
    position: relative;
}

    .bookstore-notice::before {
        background: #d6002b;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
        content: "";
        height: 3px;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

ul.covid-19-label {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    line-height: 1;
    margin: 0 0 1rem;
    padding: 0;
}

    ul.covid-19-label li {
        display: flex;
        font-family: var(--pico-font-family);
        font-size: 0.9rem;
        font-weight: 800;
        justify-content: flex-start;
        letter-spacing: 0.1rem;
        line-height: 1;
        margin: 0;
        position: relative;
        text-transform: uppercase;
    }

        ul.covid-19-label li span {
            color: #d6002b;
            margin-right: 0.25rem;
        }

    ul.covid-19-label img {
        margin-right: 0.5rem;
        width: 30px;
    }

/* KICKERS */
.kicker-container {
    display: block;
    margin: 0 0 1rem;
    position: relative;
}

    .kicker-container .kicker {
        align-items: center;
        display: flex;
        font-family: var(--pico-font-family);
        font-size: 0.9rem;
        font-weight: 800;
        justify-content: flex-start;
        letter-spacing: 0.1rem;
        margin: 0;
        position: relative;
        text-align: center;
        text-transform: uppercase;
        z-index: 1;
    }

        .kicker-container .kicker i {
            color: var(--pico-primary);
            font-size: 1rem;
            line-height: 1;
            margin-right: 0.5rem;
        }

        .kicker-container .kicker img {
            line-height: 1;
            margin-right: 0.625rem;
        }

/********** *
IMAGES
* **********/
.entry-thumbnail {
    position: relative;
}

    .entry-thumbnail .postlink {
        align-items: center;
        display: flex;
        margin: 0;
        overflow: hidden;
    }

.post-link img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.post-link picture {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

/********** *
STAGING AREA
* **********/
.introduction h2 {
    font-size: 2.5rem;
    font-weight: 300;
}

.introduction h3:not(.kicker) {
    font-size: 1.75rem;
    font-weight: 300;
}

@media only screen and (max-width: 797px) {
    .introduction h2 {
        font-size: 2.25rem;
    }

    .introduction h3:not(.kicker) {
        font-size: 1.55rem;
    }
}

.introduction p,
.introduction ul li,
.introduction ol li {
    font-weight: 300;
    line-height: 1.75;
}

    .introduction p:last-of-type {
        margin: 0;
    }

@media only screen and (min-width: 1200px) {
    section.introduction {
        padding: 1.5rem 0 3rem;
    }

    .introduction.center-lg .container,
    .container .introduction.center-lg,
    .introduction.center-md .container,
    .container .introduction.center-md {
        padding: 0 6rem;
    }
}

@media only screen and (min-width: 992px) {
    .introduction p,
    .introduction ul li,
    .introduction ol li {
        font-size: 1.25rem;
    }
}

@media only screen and (max-width: 991px) {
    .introduction p,
    .introduction ul li,
    .introduction ol li {
        font-size: 1.15rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    section.introduction {
        padding: 2rem 0;
    }

    .introduction .container {
        padding: 0 3rem;
    }
}

@media only screen and (max-width: 767px) {
    section.introduction {
        padding: 2rem 0 !important;
    }

    .introduction p,
    .introduction ul li,
    .introduction ol li {
        font-size: 1rem;
    }
}
/********** *
SOCIAL SHARING
* **********/
.social-sharing ul.social {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
}

    .social-sharing ul.social li {
        align-items: center;
        color: var(--white);
        cursor: pointer;
        display: flex;
        font-size: 0.85rem;
        height: 20px;
        justify-content: center;
        margin: 0;
        width: 45px;
    }

        .social-sharing ul.social li i {
            font-size: 12px;
        }

        .social-sharing ul.social li.facebook {
            background: #3b5998;
        }

        .social-sharing ul.social li.linkedin {
            background: #0077b5;
        }

        .social-sharing ul.social li.twitter {
            background: #1da1f2;
        }

        .social-sharing ul.social li.youtube {
            background: red;
        }

        .social-sharing ul.social li.email {
            background: #337ab7;
        }

        .social-sharing ul.social li.facebook:active,
        .social-sharing ul.social li.facebook:focus,
        .social-sharing ul.social li.facebook:hover {
            background: #35518b;
        }

        .social-sharing ul.social li.linkedin:active,
        .social-sharing ul.social li.linkedin:focus,
        .social-sharing ul.social li.linkedin:hover {
            background: #086ca4;
        }

        .social-sharing ul.social li.twitter:active,
        .social-sharing ul.social li.twitter:focus,
        .social-sharing ul.social li.twitter:hover {
            background: #348ec3;
        }

        .social-sharing ul.social li.youtube:active,
        .social-sharing ul.social li.youtube:focus,
        .social-sharing ul.social li.youtube:hover {
            background: #282828;
        }

        .social-sharing ul.social li.email:active,
        .social-sharing ul.social li.email:focus,
        .social-sharing ul.social li.email:hover {
            background: var(--pico-secondary);
        }

/********** *
DATE CONTAINERS
* **********/
.date-container {
    color: var(--pico-muted-border-color);
    display: flex;
    flex-direction: row;
    font-family: var(--pico-font-family);
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 0.5rem;
    padding: 0;
    text-transform: uppercase;
}

    .date-container span {
        display: inline-flex;
        margin: 0 0.25rem 0 0;
    }

        .date-container span.year:last-of-type {
            margin: 0;
        }

        .date-container span.date {
            color: #161f2d;
            font-weight: 600;
            margin: 0 0 0.15rem;
        }

            .date-container span.date::after {
                color: var(--pico-muted-border-color);
                content: "|";
                font-size: 0.65rem;
                line-height: 1;
                margin: 0.15rem 0.5rem 0;
            }

            .date-container span.date i {
                font-size: 15px;
                margin: 0 0.375rem 0 0;
            }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .date-container {
        flex-direction: column;
    }

        .date-container span.date {
            margin: 0 0 0.3rem;
        }
}
/********** *
SEARCH RESULTS PAGE
* **********/
#site-content .gsc-tabHeader.gsc-tabhActive {
    color: var(--pico-primary);
    border-bottom: 4px solid var(--pico-primary);
}

#site-content .cse .gsc-control-cse,
#site-content .gsc-control-cse {
    background: none;
    border: 0;
}

#site-content .gsc-above-wrapper-area {
    align-content: center;
    align-items: center;
    display: flex;
    height: 43px;
    padding: 0;
    width: 100%;
}

    #site-content .gsc-above-wrapper-area table.gsc-above-wrapper-area-container {
        line-height: 1;
    }

        #site-content .gsc-above-wrapper-area table.gsc-above-wrapper-area-container td.gsc-result-info-container {
            padding: 0 0 0 0.75rem;
        }

        #site-content .gsc-above-wrapper-area table.gsc-above-wrapper-area-container td.gsc-orderby-container {
            padding: 0 0.75rem 0 0;
        }

        #site-content .gsc-above-wrapper-area table.gsc-above-wrapper-area-container td.gsc-result-info-container .gsc-result-info {
            padding: 0;
        }

#site-content .gcsc-branding {
    line-height: 1;
}

#site-content .search-again {
    align-items: center;
    display: flex;
    gap: 4px;
    margin-bottom: 1rem;
}

    #site-content .search-again button {
        cursor: pointer;
    }

#site-content .gsc-above-wrapper-area {
    border-bottom: none;
}

#site-content .gsc-selected-option-container {
    cursor: pointer;
}

/********** *
HOME
* **********/
#our-organization .logo-container {
    align-content: center;
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    height: 80px;
    justify-content: flex-start;
    margin: 0 0 0.5rem;
    position: relative;
    transition: all 100ms ease-in-out;
}

    #our-organization .logo-container .logo {
        height: auto;
    }

#our-organization .logo.membership-matters {
    width: 225px;
}

#our-organization .logo.fabtech {
    width: 235px;
}

#our-organization .logo.the-fabricator-dot-com {
    width: 215px;
}

#our-organization .logo.nuts-bolts-and-thingamajigs {
    width: 200px;
}

#our-organization .image-container a {
    height: 220px;
}

#our-organization .content-container h4 {
    font-size: 1.1rem;
    margin: 0 0 0.5rem;
}

@media only screen and (min-width: 768px) {
    #our-organization {
        margin-top: -2rem;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #our-organization .logo-container {
        height: 60px;
    }

    #our-organization .logo.membership-matters {
        width: 175px;
    }

    #our-organization .logo.fabtech {
        width: 190px;
    }

    #our-organization .logo.the-fabricator-dot-com {
        width: 165px;
    }

    #our-organization .logo.nuts-bolts-and-thingamajigs {
        width: 150px;
    }
}

@media only screen and (max-width: 991px) {
    #our-organization .image-container a {
        height: 300px;
    }
}
/* HOME EVENTS SECTION */
#home-events .home-event .event-content-container .home-event-header {
    margin: 0 0 1.5rem;
}

#home-events .home-event .home-event-header h3 {
    font-size: 1.375rem;
    margin: 0 0 0.5rem;
}

#home-events .home-event .content-container {
    flex-direction: column;
    margin: 0;
    text-align: center;
}

#home-events .home-event .image-container,
#home-events .home-event .image-container a {
    display: flex;
    flex-wrap: nowrap;
}

#home-events .home-event .image-container {
    align-content: flex-start;
    align-items: flex-start;
    justify-content: center;
    margin: 0 0 1.5rem;
}

    #home-events .home-event .image-container a {
        align-content: center;
        align-items: center;
        border-radius: 50%;
        display: flex;
        height: 200px;
        justify-content: center;
        overflow: hidden;
        width: 200px;
    }

.home-event-date .date-container,
.home-event-date .date-container span {
    justify-content: center;
    text-align: center;
}

    .home-event-date .date-container span.date {
        margin: 0 0 0.3rem;
    }

@media only screen and (min-width: 992px) {
    #home-events .home-event .image-container a {
        height: 220px;
        width: 220px;
    }

    .home-event-date .date-container {
        flex-direction: column;
        margin: 0 0 1rem;
    }

        .home-event-date .date-container span.date::after {
            content: "";
            margin: 0;
        }

        .home-event-date .date-container .span.days-remaining {
            margin: 0;
        }
}

@media only screen and (max-width: 767px) {
    #home-events .home-event .image-container a {
        height: 250px;
        width: 250px;
    }
}
/* HOME BLOG */
.blog-preview article .entry-thumbnail {
    margin: 0 0 1rem;
    position: relative;
}

    .blog-preview article .entry-thumbnail a.post-link {
        align-content: center;
        align-items: center;
        display: flex;
        justify-content: center;
        margin: 0;
    }

        .blog-preview article .entry-thumbnail a.post-link img {
            -o-object-fit: cover;
            object-fit: cover;
        }

@media only screen and (min-width: 1200px) {
    .blog-preview article .entry-thumbnail,
    .blog-preview article .entry-thumbnail a.post-link {
        height: 200px;
        width: 100%;
    }

    .blog-preview.three-col article .entry-thumbnail,
    .blog-preview.three-col article .entry-thumbnail a.post-link {
        height: 250px;
    }
}

@media only screen and (max-width: 1199px) {
    .blog-preview article .entry-thumbnail,
    .blog-preview article .entry-thumbnail a.post-link {
        height: 150px;
    }

    .blog-preview.three-col article .entry-thumbnail,
    .blog-preview.three-col article .entry-thumbnail a.post-link {
        height: 200px;
    }
}

@media only screen and (max-width: 991px) {
    .blog-preview article .entry-thumbnail,
    .blog-preview article .entry-thumbnail a.post-link,
    .blog-preview.three-col article .entry-thumbnail,
    .blog-preview.three-col article .entry-thumbnail a.post-link {
        height: 160px;
    }
}

@media only screen and (max-width: 767px) {
    .blog-preview article .entry-thumbnail,
    .blog-preview article .entry-thumbnail a.post-link,
    .blog-preview.three-col article .entry-thumbnail,
    .blog-preview.three-col article .entry-thumbnail a.post-link {
        height: 300px;
    }
}

@media only screen and (min-width: 768px) {
    .blog-preview article .entry-content h3 {
        font-size: 1.375rem;
    }
}
/* MEMBERSHIP MATTERS SECTION */
@media only screen and (min-width: 768px) {
    #home-fma .label-container .label img {
        line-height: 1;
        margin-right: 0.625rem;
        width: 28px;
    }
}

#home-fma .image-container a {
    height: auto;
}

#home-fma .image-container .annual-meeting-info-container {
    background: rgba(0, 105, 170, 0.85);
    bottom: 0;
    color: var(--white);
    left: 0;
    line-height: 1;
    padding: 0.5rem 1rem;
    position: absolute;
    transition: background 100ms ease-in-out;
}

#home-fma .image-container:active .annual-meeting-info-container,
#home-fma .image-container:focus .annual-meeting-info-container,
#home-fma .image-container:hover .annual-meeting-info-container {
    background: rgb(0, 105, 170);
}

#home-fma .image-container .annual-meeting-info-container span {
    line-height: 1;
    margin: 0 0.5rem 0 0;
}

#annual-meeting-speakers {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

#home-fma .speaker {
    margin: 0 1rem;
    text-align: center;
    width: 32%;
}

#home-fma .speaker-image-wrapper {
    width: 150px;
}

#home-fma .speaker h4 {
    font-size: 1rem;
    margin: 0 0 0.5rem;
}

#home-fma .speaker p {
    font-size: 0.85rem;
}

    #home-fma .speaker p:last-of-type {
        margin: 0;
    }

@media only screen and (max-width: 767px) {
    #home-fma .speaker {
        margin: 0 0.75rem;
    }

    #home-fma .speaker-image-wrapper {
        width: 125px;
    }
}

@media only screen and (max-width: 575px) {
    #annual-meeting-speakers {
        align-items: center;
        flex-direction: column;
    }

    #home-fma .speaker {
        margin: 0 0 1.5rem;
        padding: 0 10%;
        width: 100%;
    }

        #home-fma .speaker:last-of-type {
            margin: 0;
        }

    #home-fma .speaker-image-wrapper {
        width: 175px;
    }
}
/* HOME NUTS, BOLTS & THINGAMAJIGS SECTION */
@media only screen and (min-width: 768px) {
    #home-nbt .label-container .label img {
        line-height: 1;
        margin-right: 0.75rem;
        width: 15px;
    }
}

#home-nbt .image-container .nbt-info-container {
    align-content: center;
    align-items: center;
    background: rgba(0, 105, 170, 0.85);
    bottom: 0;
    color: var(--white);
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    left: 0;
    line-height: 1;
    padding: 0.5rem 1rem 0.25rem;
    position: absolute;
    transition: background 100ms ease-in-out;
}

#home-nbt .image-container:active .nbt-info-container,
#home-nbt .image-container:focus .nbt-info-container,
#home-nbt .image-container:hover .nbt-info-container {
    background: rgb(0, 105, 170);
}

#home-nbt .image-container .nbt-info-container span {
    line-height: 1;
    margin: 0 0.5rem 0 0;
}

#home-nbt .image-container .nbt-info-container img {
    position: relative;
    top: -4px;
    width: 100px;
}

/* HOME FABTECH SECTION */
@media only screen and (min-width: 768px) {
    #home-fabtech .label-container .label img {
        line-height: 1;
        margin-right: 0.75rem;
        width: 22px;
    }
}

#home-fabtech .logo-container {
    height: 50px;
}

    #home-fabtech .logo-container img.logo.fabtech,
    #home-fabtech .logo-container img.logo.fabtech-canada,
    #home-fabtech .logo-container img.logo.fabtech-mexico {
        margin: 0 0 1rem;
        width: 200px;
    }

#home-fabtech .image-container .fabtech-info-container {
    background: rgba(0, 105, 170, 0.85);
    bottom: 0;
    color: var(--white);
    left: 0;
    line-height: 1;
    padding: 0.5rem 1rem;
    position: absolute;
    transition: background 100ms ease-in-out;
}

#home-fabtech .image-container:active .fabtech-info-container,
#home-fabtech .image-container:focus .fabtech-info-container,
#home-fabtech .image-container:hover .fabtech-info-container {
    background: rgb(0, 105, 170);
}

#home-fabtech .content-container h3 {
    font-size: 1.375rem;
    margin: 0 0 0.15rem;
}

/* HOME FABRICATOR SECTION */
@media only screen and (min-width: 768px) {
    #home-fabricator .label-container .label img {
        line-height: 1;
        margin-right: 0.75rem;
        width: 20px;
    }
}

#home-fabricator ul.kicker {
    align-content: center;
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    position: relative;
    margin: 0 0 0.875rem;
    padding: 0;
    width: 100%;
}

    #home-fabricator ul.kicker li.kicker-icon {
        align-content: center;
        align-items: center;
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        background: var(--white);
        border: 2px solid var(--pico-color);
        height: 25px;
        margin-right: 0.55rem;
        width: 25px;
    }

        #home-fabricator ul.kicker li.kicker-icon svg {
            height: 25px;
            width: 25px;
        }

    #home-fabricator ul.kicker.publication li.kicker-icon {
        border: 0;
    }

#home-fabricator .shorthand_thefabricator .background {
    fill: #336699;
}

#home-fabricator .shorthand_thewelder .background {
    fill: #333333;
}

#home-fabricator .shorthand_tubepipejournal .background {
    fill: #008264;
}

#home-fabricator .shorthand_stampingjournal .background {
    fill: #ffc709;
}

#home-fabricator .shorthand_additivereport .background {
    fill: #25a9e0;
}

#home-fabricator .shorthand_thefabricatorenespanol .background {
    fill: #f6921e;
}

#home-fabricator .shorthand_canadianfabricatingandwelding .background {
    fill: #ef4124;
}

#home-fabricator .shorthand_canadianmetalworking .background {
    fill: #078ecf;
}

#home-fabricator .shorthand-logo .logo path, .shorthand-logo .logo polygon {
    fill: var(--white);
}

#home-fabricator ul.kicker.publication li {
    color: var(--pico-muted-border-color);
    font-family: var(--pico-font-family);
    font-size: 0.85rem;
    font-weight: 500;
    letter-spacing: -0.025rem;
    text-transform: none;
}

#home-fabricator ul.kicker li {
    color: var(--pico-color);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.01rem;
    line-height: 1;
    list-style-type: none;
    margin-bottom: 0;
    text-transform: uppercase;
}

#home-fabricator ul.kicker.publication li a {
    color: var(--pico-color);
}

#home-fabricator h2 a,
#home-fabricator h3 a,
#home-fabricator h4 a {
    color: var(--pico-color);
}

    #home-fabricator h2 a:active,
    #home-fabricator h2 a:focus,
    #home-fabricator h2 a:hover,
    #home-fabricator h3 a:active,
    #home-fabricator h3 a:focus,
    #home-fabricator h3 a:hover,
    #home-fabricator h4 a:active,
    #home-fabricator h4 a:focus,
    #home-fabricator h4 a:hover {
        color: var(--pico-primary-hover);
    }

#home-fabricator .promo-wrapper {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0 0 1rem;
}

    #home-fabricator .promo-wrapper span.kicker::after {
        content: "|";
        font-weight: 300;
        margin: -1px 0.75rem 0;
    }

    #home-fabricator .promo-wrapper .kicker,
    #home-fabricator .promo-wrapper .logo-container {
        line-height: 1;
        margin: 0;
    }

    #home-fabricator .promo-wrapper .logo-container {
        margin-right: 0.5rem;
    }

        #home-fabricator .promo-wrapper .logo-container a {
            display: block;
        }

        #home-fabricator .promo-wrapper .logo-container img {
            width: 130px;
        }

/* ALL ARTICLES */
#home-fabricator article .entry-thumbnail a.post-link {
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

    #home-fabricator article .entry-thumbnail a.post-link img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

/* FEATURED ARTICLE */
#home-fabricator #featured-article h2 {
    font-size: 2.5rem;
}

@media only screen and (min-width: 1200px) {
    #home-fabricator #featured-article .entry-thumbnail,
    #home-fabricator #featured-article .entry-thumbnail a.post-link {
        height: 100%;
        width: 100%;
    }
}

@media only screen and (max-width: 1199px) {
    #home-fabricator #featured-article .entry-thumbnail a.post-link {
        height: 350px;
        margin: 0 0 1.5rem;
    }
}

@media only screen and (max-width: 991px) {
    #home-fabricator #featured-article .entry-thumbnail a.post-link {
        height: 400px;
    }
}

@media only screen and (max-width: 767px) {
    #home-fabricator #featured-article .entry-thumbnail a.post-link {
        height: 300px;
    }
}
/* LATEST ARTICLES */
#home-fabricator #featured-latest article {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 0 1.5rem;
}

    #home-fabricator #featured-latest article:last-of-type {
        margin: 0;
    }

    #home-fabricator #featured-latest article .entry-thumbnail {
        height: 100%;
    }

        #home-fabricator #featured-latest article .entry-thumbnail a.post-link {
            display: flex;
            align-items: center;
            justify-content: center;
            align-content: center;
            overflow: hidden;
        }

    #home-fabricator #featured-latest article h3 {
        font-size: 1.15rem;
        margin: 0 0 0.5rem;
    }

    #home-fabricator #featured-latest article .entry-meta ul {
        margin: 0;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #home-fabricator #featured-latest article h3 {
        font-size: 1rem;
    }
}

@media only screen and (min-width: 992px) {
    #home-fabricator #featured-latest article .entry-thumbnail a.post-link {
        height: 68px;
        margin-left: 1rem;
        width: 90px;
    }
}

@media only screen and (max-width: 991px) {
    #featured-latest {
        margin: 1rem 0 0;
    }

    #home-fabricator #featured-latest article {
        flex-direction: column;
        margin: 0 0 3rem;
    }

        #home-fabricator #featured-latest article .entry-thumbnail a.post-link {
            height: 400px;
            margin: 0 0 1.5rem;
            width: 100%;
        }

        #home-fabricator #featured-latest article h3 {
            font-size: 1.75rem;
        }
}

@media only screen and (max-width: 767px) {
    #home-fabricator #featured-latest article .entry-thumbnail a.post-link {
        height: 300px;
        margin: 0 0 1rem;
    }
}
/* Ad zone */
.home-ad {
    padding: 2rem 0;
}

    .home-ad img {
        margin: 0 auto;
        max-width: 728px;
    }

/********** *
MEMBERSHIP PAGE
* **********/
#membership-intro .logo-container {
    margin: 0 auto 0.75rem;
    width: 220px;
}

.membership-types .pricing {
    background: rgba(0, 105, 170, 0.6);
    color: var(--white);
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: flex-end;
    padding: 0.5rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 125px;
}

.membership-types #student-membership-type .pricing {
    width: 160px;
}

.membership-types .card .pricing {
    background: #f6f6f6;
    /*background: #161f2d;*/
    border-bottom: 1px solid var(--pico-primary-inverse);
    border-left: 1px solid var(--pico-primary-inverse);
    border-top-right-radius: 0.25rem;
    color: #161f2d;
    /*color: var(--white);*/
}

.membership-types #premier-membership-type .pricing {
    background: rgba(181, 211, 82, 0.8);
}

.membership-types #premier-membership-type.card .pricing {
    background: #f6f6f6;
    /*background: #161f2d;*/
    color: #161f2d;
    /*color: var(--white);*/
}

.membership-types .pricing span.price {
    display: none;
    font-family: var(--pico-font-family);
    font-size: 1.25rem;
    font-weight: 800;
}

    .membership-types .pricing span.price.active {
        display: block;
    }

.membership-types .pricing span.year {
    font-weight: 300;
}

.membership-types .content-container .content h4 {
    font-size: 1.1rem;
    margin: 0 0 0.5rem;
}

.membership-selector input[type=radio] + label,
.membership-selector input[type=checkbox] + label {
    color: var(--pico-muted-border-color);
    font-size: 0.85rem;
    letter-spacing: 0;
    line-height: 1.75;
}

.membership-selector input[type=radio]:checked + label,
.membership-selector input[type=checkbox]:checked + label {
    color: var(--pico-color);
}

.educational-memberships-anchor,
.educational-memberships-anchor .anchor-container {
    display: flex;
    justify-content: flex-start;
}

.educational-memberships-anchor {
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    margin: 2rem 0 0;
}

    .educational-memberships-anchor .anchor-container {
        align-content: center;
        align-items: center;
        flex-direction: row;
    }

    .educational-memberships-anchor .icon {
        margin: 0 1rem 0 0;
    }

    .educational-memberships-anchor .icon,
    .educational-memberships-anchor a {
        line-height: 1;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .membership-types .logo-container {
        height: 60px;
    }

    .membership-types .logo.membership-matters {
        width: 175px;
    }

    .membership-types .logo.fabtech {
        width: 190px;
    }

    .membership-types .logo.the-fabricator-dot-com {
        width: 165px;
    }

    .membership-types .logo.nuts-bolts-and-thingamajigs {
        width: 150px;
    }
}

@media only screen and (max-width: 767px) {
    .educational-memberships-anchor {
        align-items: center;
    }

        .educational-memberships-anchor .anchor-container {
            flex-direction: column;
        }
}
/********** *
MEMBERSHIP BENEFITS TABLE
* **********/
.member-benefits-table {
    width: 100%;
}

    .member-benefits-table .tr {
        align-content: center;
        align-items: center;
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
    }

        .member-benefits-table .tr .column-group,
        .member-benefits-table .tr .th,
        .member-benefits-table .tr .td {
            align-content: center;
            align-items: center;
            display: flex;
            flex-wrap: nowrap;
            justify-content: center;
            text-align: center;
        }

    .member-benefits-table .thead .tr .th {
        border: 5px solid var(--pico-secondary-border);
        flex-direction: column;
    }

        .member-benefits-table .thead .tr .th span.type {
            display: block;
            font-size: 0.85rem;
            font-weight: 800;
            letter-spacing: 0.1rem;
            text-transform: uppercase;
        }

        .member-benefits-table .thead .tr .th .pricing {
            align-items: center;
            display: flex;
        }

        .member-benefits-table .thead .tr .th span.price {
            font-family: var(--pico-font-family);
            font-size: 1.25rem;
            font-weight: 800;
        }

        .member-benefits-table .thead .tr .th span.year {
            font-weight: 300;
        }

        .member-benefits-table .thead .tr .th:first-of-type {
            background: transparent;
            justify-content: flex-start;
        }

    .member-benefits-table .thead .tr.borders .td {
        border-top-width: 0;
        border-bottom-width: 0;
        height: 5px;
        padding: 0;
    }

        .member-benefits-table .thead .tr.borders .td.column-1 {
            display: none;
        }

        .member-benefits-table .thead .tr.borders .td.individual,
        .member-benefits-table .thead .tr.borders .td.business {
            background: var(--pico-primary);
            background: var(--pico-background-color);
        }

        .member-benefits-table .thead .tr.borders .td.premier {
            background: var(--pico-secondary-border);
            background: var(--pico-background-color);
        }

    .member-benefits-table .tr .column-group.benefits {
        width: calc(100% - 275px);
    }

    .member-benefits-table .tr .column-group.category {
        width: 275px;
    }

    .member-benefits-table .tr .td {
        line-height: 1.35;
        text-align: center;
    }

    .member-benefits-table .tr .column-group.category .th,
    .member-benefits-table .tr .column-group.category .td {
        font-size: 0.85rem;
        justify-content: flex-start;
        width: 100%;
    }

    .member-benefits-table .tr .column-group.benefits .th,
    .member-benefits-table .tr .column-group.benefits .td {
        width: 33%;
    }

        .member-benefits-table .tr .column-group.benefits .td.column-4 {
            width: 34%;
        }

    .member-benefits-table .tr.mid-header .td {
        align-content: flex-end;
        align-items: flex-end;
        background: transparent;
        font-size: 0.85rem;
        font-weight: 800;
        justify-content: flex-start;
        letter-spacing: 0.1rem;
        text-transform: uppercase;
        width: 250px;
    }

@media only screen and (min-width: 576px) {
    .member-benefits-table .tr.mid-header:first-of-type .td {
        height: 32px;
        padding: 0 0.5rem 0.5rem;
    }
}

.member-benefits-table .column-1.td {
    background: var(--pico-background-color);
    cursor: pointer;
    font-weight: 600;
    padding: 0.5rem 1rem;
    text-align: left;
}

    .member-benefits-table .column-1.td i {
        color: var(--pico-primary);
        margin: 0 0 0 0.5rem;
        transition: transform 100ms ease-in-out;
    }

    .member-benefits-table .column-1.td.active {
        background: var(--pico-primary);
        color: var(--white);
    }

    .member-benefits-table .column-1.td:not(.active):active,
    .member-benefits-table .column-1.td:not(.active):focus,
    .member-benefits-table .column-1.td:not(.active):hover {
        background: #ebebeb;
    }

    .member-benefits-table .column-1.td.active i {
        color: var(--white);
        transform: rotate(90deg);
    }

.member-benefits-table .td {
    background: var(--white);
    border: 5px solid var(--pico-secondary-border);
    height: 60px;
    padding: 0.5rem;
    vertical-align: middle;
}

    .member-benefits-table .td.has-icon {
        font-size: 1.25rem;
    }

        .member-benefits-table .td.has-icon .fa-check {
            color: var(--pico-secondary-border);
        }

        .member-benefits-table .td.has-icon .fa-times {
            color: #f1475f;
        }

.member-benefits-table .chart-hover.tr {
    /* display: none; */
    margin: 0 0 1rem;
}

    .member-benefits-table .chart-hover.tr .td {
        align-items: flex-start;
        background: transparent;
        display: flex;
        font-weight: 400;
        height: auto;
        justify-content: flex-start;
        flex: 0 0 100%;
        line-height: 1;
        text-align: left;
    }

        .member-benefits-table .chart-hover.tr .td a {
            line-height: 1;
            margin: 0 0 0 0.25rem;
            padding: 0;
            position: relative;
        }

@media only screen and (min-width: 992px) {
    #benefits .intro-container {
        padding: 0 6rem;
        text-align: center;
    }

    .member-benefits-table #shipping .chart-hover.tr .td a:first-of-type {
        margin: 0 1rem 0 0.5rem;
    }
}

@media only screen and (max-width: 991px) {
    .member-benefits-table .thead .tr .th span.year {
        line-height: 1;
    }

    .member-benefits-table .chart-hover.tr .td {
        flex-direction: column;
    }

        .member-benefits-table .chart-hover.tr .td a {
            margin: 1rem 0 0;
        }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .member-benefits-table .td:not(.has-icon) {
        font-size: 0.85rem;
    }

    .member-benefits-table .chart-hover.tr .td {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .member-benefits-table .tr {
        flex-direction: column;
    }

        .member-benefits-table .tr.mid-header .td {
            justify-content: center;
        }

        .member-benefits-table .tr.content {
            margin: 0 0 1.5rem;
        }

            .member-benefits-table .tr.content:last-of-type {
                margin: 0;
            }

        .member-benefits-table .tr .column-group.category,
        .member-benefits-table .tr .column-group.benefits {
            width: 100%;
        }

            .member-benefits-table .tr .column-group.category .column-1.th {
                display: none;
            }

        .member-benefits-table .tr .column-group.benefits {
            flex-direction: row;
        }

        .member-benefits-table .tr .column-group {
            justify-content: flex-start;
        }

            .member-benefits-table .tr .column-group .th,
            .member-benefits-table .tr .column-group .td {
                font-size: 0.85rem;
            }

                .member-benefits-table .tr .column-group .td:not(.has-icon) {
                    justify-content: flex-start;
                    text-align: left;
                }

    .member-benefits-table .column-1.td {
        height: 50px;
    }
}

@media only screen and (max-width: 575px) {
    .member-benefits-table .thead .tr .th .pricing {
        flex-direction: column;
    }

    .member-benefits-table .thead .tr .th span.price {
        line-height: 1.3;
    }

    .member-benefits-table .td {
        height: 70px;
    }
}
/* STICKY CHART HEADER */
#headingImageh2 {
    background-color: var(--fma-color-spark-100);
    padding: 5px;
    font-size: 1.5rem;
    color: var(--fma-color-spark-500);
}

.member-benefits-table.scroll {
    padding-top: 128px;
}

    .member-benefits-table.scroll .thead {
        background: var(--pico-background-color);
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 1;
    }

        .member-benefits-table.scroll .thead .tr {
            margin: 0 auto;
        }

@media only screen and (min-width: 576px) {
    .member-benefits-table.scroll .thead .tr {
        max-width: 510px;
    }
}

@media only screen and (min-width: 768px) {
    .member-benefits-table.scroll .thead .tr {
        max-width: 690px;
    }
}

@media only screen and (min-width: 992px) {
    .member-benefits-table.scroll .thead .tr {
        max-width: 930px;
    }
}

@media only screen and (min-width: 1200px) {
    .member-benefits-table.scroll .thead {
        padding-left: 15px;
        padding-right: 15px;
    }

        .member-benefits-table.scroll .thead .tr {
            max-width: 1240px;
        }
}

@media only screen and (max-width: 575px) {
    .member-benefits-table.scroll {
        padding-top: 132px;
    }

        .member-benefits-table.scroll .thead {
            padding-left: 15px;
            padding-right: 15px;
        }
}
/* JOIN NOW BUTTONS */
.member-benefits-table .join-buttons .td {
    background: transparent;
    height: auto;
    margin: 0;
    padding: 0.25rem 0 0.375rem;
}

.member-benefits-table .join-buttons .category .td {
    display: none;
}

.member-benefits-table .join-buttons .td a.btn {
    color: var(--white);
    height: 38px;
    justify-content: center;
    padding: 0;
    text-align: center;
    width: 100%;
}

    .member-benefits-table .join-buttons .td a.btn.join-blue {
        background: var(--pico-primary);
    }

        .member-benefits-table .join-buttons .td a.btn.join-blue:active,
        .member-benefits-table .join-buttons .td a.btn.join-blue:focus,
        .member-benefits-table .join-buttons .td a.btn.join-blue:hover {
            background: #005c96;
        }

    .member-benefits-table .join-buttons .td a.btn.join-green {
        background: var(--pico-secondary-border);
    }

        .member-benefits-table .join-buttons .td a.btn.join-green:active,
        .member-benefits-table .join-buttons .td a.btn.join-green:focus,
        .member-benefits-table .join-buttons .td a.btn.join-green:hover {
            background: #a5c248;
        }

.profile-image {
    float: right;
    margin: 0 0 1rem 1rem;
    width: 150px;
}

    .profile-image .image-wrapper.circle {
        margin: 0 auto 0.5rem;
    }

/********** *
MEMBERSHIP MATTERS PAGE
* **********/
#membership-matters-intro .logo-container {
    margin: 0 0 0.75rem;
    width: 220px;
}

#membership-matters-support .label-container i {
    color: var(--pico-secondary-border);
}

.donut-chart-wrapper {
    align-content: center;
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}

.donut-chart {
    position: relative;
    width: 40%;
}

    .donut-chart svg {
        z-index: 1;
    }

    .donut-chart .donut-big-stats {
        align-content: center;
        align-items: center;
        display: flex;
        flex-wrap: nowrap;
        height: 50%;
        justify-content: center;
        left: 25%;
        position: absolute;
        top: 25%;
        width: 50%;
        z-index: 0;
    }

        .donut-chart .donut-big-stats .big-stat {
            display: none;
            font-family: var(--pico-font-family);
            font-weight: 800;
            line-height: 1;
        }

            .donut-chart .donut-big-stats .big-stat .percentage {
                font-size: 60%;
                margin-top: 0.25rem;
            }

@media only screen and (min-width: 1200px) {
    .donut-chart .donut-big-stats .big-stat {
        font-size: 48px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .donut-chart .donut-big-stats .big-stat {
        font-size: 36px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .donut-chart .donut-big-stats .big-stat {
        font-size: 55px;
    }
}

@media only screen and (max-width: 767px) {
    .donut-chart .donut-big-stats .big-stat {
        font-size: 36px;
    }
}

.donut-chart .donut-big-stats .big-stat.active {
    align-items: flex-start;
    display: flex;
}

ul.donut-big-info {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 1rem;
    width: 60%;
}

    ul.donut-big-info li {
        color: var(--pico-muted-border-color);
        font-size: 0.85rem;
        margin: 0 0 0.25rem;
    }

        ul.donut-big-info li:last-of-type {
            margin: 0;
        }

        ul.donut-big-info li span.big-info {
            display: inline-block;
        }

        ul.donut-big-info li span.active {
            color: var(--pico-color);
        }

.donut-chart svg path.donut-slice {
    cursor: pointer;
    transition: all 150ms ease-in-out;
}

    .donut-chart svg path.donut-slice.active {
        fill: #b6d549;
    }

/* TESTIMONIAL AND VIDEO */
.spotlight {
    position: relative;
}

    .spotlight .spotlight-label {
        background: rgba(181, 211, 82, 0.85);
        background: rgba(0, 105, 170, 0.85);
        color: var(--white);
        left: 0;
        line-height: 1;
        padding: 0.5rem 1rem;
        position: absolute;
        top: 0;
        transition: background 100ms ease-in-out;
    }

        .spotlight .spotlight-label span {
            /*
  text-shadow: 2px 2px 0px rgba(0,0,0,0.1);
  */
        }

    .spotlight .video-placeholder {
        margin: 0 0 1rem;
    }

    .spotlight h4 {
        margin: 0;
    }

    .spotlight .social-sharing {
        margin: 0 0 1rem;
    }

/********** *
JOIN PAGE
* **********/
.membership-types.join .membership-types .card {
    padding-top: 2rem;
}

.membership-types.join .card .card-footer .cta {
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: space-between;
}

    .membership-types.join .card .card-footer .cta a.btn.btn-transparent {
        line-height: 1;
        margin: 0;
        padding: 0;
    }

.membership-types.join .card .pricing span.year {
    color: #7e97ad;
}

.membership-types.join .card .form-group {
    margin-bottom: 0;
}

.membership-types.join #premier-membership-type.card .card-body {
    border-top: 4px solid var(--pico-secondary-border);
    border-top-right-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
}

    .membership-types.join #premier-membership-type.card .card-body .card-title {
        margin-top: -4px;
    }

@media only screen and (min-width: 992px) {
    .membership-types.join .card {
        height: 100%;
        position: relative;
    }
}
/********** *
WHO WE ARE PAGE
* **********/
#intro-who-we-are-sidebar .kicker-container .kicker img {
    width: 45px;
}

#intro-who-we-are-sidebar h3 {
    font-size: 1.2rem;
}

@media only screen and (min-width: 992px) {
    #intro-who-we-are-mainbar p:last-of-type {
        margin: 0;
    }
}

@media only screen and (min-width: 992px) {
    #who-we-are-innovation .row {
        align-items: center;
    }
}

#metal-makes-it-possible .play-button-container .play-button-inner {
    border-color: transparent transparent transparent var(--pico-secondary);
}

#metal-makes-it-possible .play-button-container .play-button:hover .play-button-inner {
    border-color: transparent transparent transparent var(--white);
}

.video-placeholder {
    border-radius: 25px;
    overflow: hidden;
    position: relative;
}

    .video-placeholder img {
        position: relative;
        z-index: -1;
    }

.play-button-container {
    align-content: center;
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: center;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
}

    .play-button-container .play-button {
        align-content: center;
        align-items: center;
        cursor: pointer;
        display: flex;
        z-index: 1;
    }

    .play-button-container .play-button-inner {
        background: transparent;
        border: 0;
        /* RED
  border-color: transparent transparent transparent rgba(229,51,65,1.0);
  */
        border-color: transparent transparent transparent rgb(255, 255, 255);
        border-style: solid;
        border-width: 36px 0 36px 66px;
        box-sizing: border-box;
        display: inline-block;
        height: auto;
        left: 0;
        opacity: 1;
        position: relative;
        top: 0;
        transition: all 150ms ease-in-out;
        width: 0;
    }

    .play-button-container .play-button:active .play-button-inner,
    .play-button-container .play-button:focus .play-button-inner,
    .play-button-container .play-button:hover .play-button-inner {
        border-color: transparent transparent transparent rgb(255, 255, 255);
        border-width: 48px 0 48px 88px;
    }

.play-button-bg-overlay {
    background: #000000;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: opacity 150ms ease-in-out;
    width: 100%;
    z-index: 0;
}

.play-button-container .play-button:active + .play-button-bg-overlay,
.play-button-container .play-button:focus + .play-button-bg-overlay,
.play-button-container .play-button:hover + .play-button-bg-overlay {
    opacity: 0.4;
}

/* LEADERSHIP */
.leadership-cta {
    margin: 0 0 3rem;
}

.board-member {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin: 1.5rem 0 0;
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .board-member {
        margin: 0;
    }
}

.board-member .board-photo {
    flex: 0 0 35%;
}

.board-member .board-content {
    flex: 0 0 65%;
    padding: 0 0 0 1rem;
}

.board-member .board-photo .image-wrapper-circle {
    align-content: center;
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    padding-top: 100%;
    position: relative;
    width: 100%;
}

    .board-member .board-photo .image-wrapper-circle img {
        align-content: center;
        align-items: center;
        bottom: 0;
        display: flex;
        height: 100%;
        justify-content: center;
        margin: auto;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 50% 50%;
        object-position: 50% 50%;
        position: absolute;
        top: 0;
        width: 100%;
    }

.board-member .board-content h3 {
    font-size: 1.25rem;
    margin: 0 0 0.25rem;
}

.board-member .board-content p {
    font-size: 0.9rem;
    line-height: 1.25;
    margin: 0;
}

.board-member .board-content .title {
    font-style: italic;
    margin: 0 0 0.375rem;
}

/* JOIN US CAREERS SECTION */
#who-we-are-join .introduction h2 {
    margin: 0 0 0.5rem;
}

#who-we-are-join .introduction p,
#who-we-are-join .introduction p:last-of-type {
    margin: 0 0 1.5rem;
}

#who-we-are-join .introduction .inset-bar {
    border-top: 1px solid var(--pico-primary-inverse);
    margin-top: 1.25rem;
    padding-top: 1.5rem;
}

    #who-we-are-join .introduction .inset-bar h3 {
        font-size: 1.25rem;
        margin: 0 0 0.5rem;
    }

    #who-we-are-join .introduction .inset-bar p {
        font-size: 1rem;
    }

@media only screen and (min-width: 992px) {
    #who-we-are-join .row {
        align-items: center;
    }
}
/* CONTACT */
.contact-section {
    margin: 0;
}

    .contact-section .row {
        align-items: center;
    }

    .contact-section h2 {
        margin: 0 0 0.5rem;
    }

#who-we-are-contact .btn-group {
    margin: 0;
}

@media only screen and (min-width: 992px) {
    #who-we-are-contact .btn-group {
        display: block;
        text-align: right;
    }
}
/********** *
BLOG SECTION
* **********/
/* HOME FABRICATOR SECTION */
.blog-section .label-container .label img {
    line-height: 1;
    margin-right: 0.75rem;
    width: 20px;
}

.blog-section h2 a,
.blog-section h3 a,
.blog-section h4 a {
    color: var(--pico-color);
}

    .blog-section h2 a:active,
    .blog-section h2 a:focus,
    .blog-section h2 a:hover,
    .blog-section h3 a:active,
    .blog-section h3 a:focus,
    .blog-section h3 a:hover,
    .blog-section h4 a:active,
    .blog-section h4 a:focus,
    .blog-section h4 a:hover {
        color: var(--pico-primary-hover);
    }

.blog-section .promo-wrapper {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0 0 1rem;
}

    .blog-section .promo-wrapper span.kicker::after {
        content: "|";
        font-weight: 300;
        margin: -1px 0.75rem 0;
    }

    .blog-section .promo-wrapper .kicker,
    .blog-section .promo-wrapper .logo-container {
        line-height: 1;
        margin: 0;
    }

    .blog-section .promo-wrapper .logo-container {
        margin-right: 0.5rem;
    }

        .blog-section .promo-wrapper .logo-container a {
            display: block;
        }

        .blog-section .promo-wrapper .logo-container img {
            width: 130px;
        }

/* ALL ARTICLES */
.blog-section article .entry-thumbnail a.post-link {
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: center;
}

    .blog-section article .entry-thumbnail a.post-link img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

/* FEATURED ARTICLE */
.blog-section #featured-article h2 {
    font-size: 2.5rem;
}

@media only screen and (min-width: 1200px) {
    .blog-section #featured-article .entry-thumbnail,
    .blog-section #featured-article .entry-thumbnail a.post-link {
        height: 100%;
        width: 100%;
    }
}

@media only screen and (max-width: 1199px) {
    .blog-section #featured-article .entry-thumbnail a.post-link {
        height: 350px;
        margin: 0 0 1.5rem;
    }
}

@media only screen and (max-width: 991px) {
    .blog-section #featured-article .entry-thumbnail a.post-link {
        height: 400px;
    }
}

@media only screen and (max-width: 767px) {
    .blog-section #featured-article .entry-thumbnail a.post-link {
        height: 300px;
    }
}
/* LATEST ARTICLES */
.blog-section #featured-latest article {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    margin: 0 0 1.5rem;
}

    .blog-section #featured-latest article:last-of-type {
        margin: 0;
    }

    .blog-section #featured-latest article .entry-thumbnail {
        height: 100%;
    }

        .blog-section #featured-latest article .entry-thumbnail a.post-link {
            display: flex;
            align-items: center;
            justify-content: center;
            align-content: center;
            overflow: hidden;
        }

    .blog-section #featured-latest article h3 {
        font-size: 1.25rem;
        margin: 0 0 0.5rem;
    }

    .blog-section #featured-latest article .entry-meta ul {
        margin: 0;
    }

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .blog-section #featured-latest article h3 {
        font-size: 1rem;
    }
}

@media only screen and (min-width: 992px) {
    .blog-section #featured-latest article .entry-thumbnail a.post-link {
        height: 68px;
        margin-right: 1rem;
        width: 90px;
    }
}

@media only screen and (max-width: 991px) {
    #featured-latest {
        margin: 1rem 0 0;
    }

    .blog-section #featured-latest article {
        flex-direction: column;
        margin: 0 0 3rem;
    }

        .blog-section #featured-latest article .entry-thumbnail a.post-link {
            height: 400px;
            margin: 0 0 1.5rem;
            width: 100%;
        }

        .blog-section #featured-latest article h3 {
            font-size: 1.75rem;
        }
}

@media only screen and (max-width: 767px) {
    .blog-section #featured-latest article .entry-thumbnail a.post-link {
        height: 300px;
        margin: 0 0 1rem;
    }
}
/********** *
HISTORY PAGE
* **********/
/* PRESIDENTS SECTION */
.president-image {
    margin: 0 0 1rem;
    position: relative;
}

    .president-image .president-tenure {
        background: rgba(0, 105, 170, 0.85);
        bottom: 0;
        color: var(--white);
        left: 0;
        line-height: 1;
        padding: 0.5rem 1rem;
        position: absolute;
        transition: background 100ms ease-in-out;
    }

.president h3 {
    margin: 0 0 0.5rem;
}

.president p.title {
    font-size: 0.9rem;
    font-style: italic;
    margin: 0 0 0.375rem;
}

/********** *
TIMELINE
* **********/
.timeline {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 475px;
    overflow: hidden;
    position: relative;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}

    .timeline .inner-timeline {
        align-content: flex-start;
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        height: 475px;
        overflow: hidden;
        position: relative;
        width: 100%;
        -webkit-overflow-scrolling: touch;
    }

    .timeline:before,
    .timeline:after {
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        z-index: 10;
    }

    .timeline:before {
        background: linear-gradient(to left, rgba(255, 255, 255, 0.65), rgb(255, 255, 255));
        border-right: 1px solid var(--pico-primary-inverse);
        left: 0;
        top: 0;
        width: 36px;
    }

    .timeline:after {
        background: linear-gradient(to right, rgba(255, 255, 255, 0.65), rgb(255, 255, 255));
        border-left: 1px solid var(--pico-primary-inverse);
        right: 0;
        top: 0;
        width: 37px;
    }

.years-container {
    align-content: flex-start;
    align-items: flex-start;
    cursor: grab;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 100%;
    -webkit-overflow-scrolling: touch;
}

    .years-container:active,
    .years-container:focus {
        cursor: grabbing;
    }

.timeline .years-container .year {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0;
    position: relative;
    padding: 2rem;
    width: 350px;
}

    .timeline .years-container .year.top {
        padding-top: 0.5rem;
    }

    .timeline .years-container .year:last-of-type {
        border-right: 0;
    }

    .timeline .years-container .year:active,
    .timeline .years-container .year:focus,
    .timeline .years-container .year:hover {
        background: #f6f6f6;
    }

    .timeline .years-container .year .content-container .image-container .expand {
        align-content: center;
        align-items: center;
        background: rgba(0, 105, 170, 0.65);
        cursor: pointer;
        color: var(--white);
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 40px;
        position: absolute;
        right: 0;
        top: 0;
        transition: all 150ms ease-in-out;
        width: 40px;
        z-index: 10;
    }

@media only screen and (max-width: 575px) {
    .timeline .years-container .year .content-container .image-container .expand {
        display: none;
    }
}

.timeline .years-container .year .content-container .image-container .expand i {
    font-size: 20px;
    line-height: 1;
    transition: all 150ms ease-in-out;
}

.timeline .years-container .year .content-container .image-container .expand:active,
.timeline .years-container .year .content-container .image-container .expand:focus,
.timeline .years-container .year .content-container .image-container .expand:hover {
    background: var(--pico-primary);
}

    .timeline .years-container .year .content-container .image-container .expand:active i,
    .timeline .years-container .year .content-container .image-container .expand:focus i,
    .timeline .years-container .year .content-container .image-container .expand:hover i {
        font-size: 24px;
    }

.modal-body .close-modal {
    color: var(--white);
    cursor: pointer;
    right: 1.65rem;
    position: absolute;
    top: 1.5rem;
}

    .modal-body .close-modal i {
        font-size: 26px;
        line-height: 1;
        margin: 0;
        opacity: 0.75;
        transition: all 100ms ease-in-out;
    }

        .modal-body .close-modal i:active,
        .modal-body .close-modal i:focus,
        .modal-body .close-modal i:hover {
            opacity: 1;
            transform: scale(1.1); /* Equal to scaleX(1.05) scaleY(1.05) */
        }

.timeline .years-container .year .content-container .content h3 {
    color: var(--pico-color);
    font-family: var(--pico-font-family);
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1;
    margin: 1rem 0 0.5rem;
    text-transform: uppercase;
}

.timeline .years-container .year:active .content-container .content h3,
.timeline .years-container .year:focus .content-container .content h3,
.timeline .years-container .year:hover .content-container .content h3 {
    color: var(--pico-secondary);
}

.timeline .years-container .year.top .content-container .content h3 {
    margin: 0 0 0.5rem;
}

.timeline .years-container .year .content-container .content p {
    font-size: 0.85rem;
}

    .timeline .years-container .year .content-container .content p:last-of-type {
        margin: 0;
    }

.timeline .years-container .year.top .content-container .content p {
    margin: 0 0 1rem;
}

.timeline .years-container .year.bottom:before,
.timeline .years-container .year.top:before {
    background: var(--pico-primary-background);
    content: "";
    height: 15px;
    left: calc(50% - 1px);
    position: absolute;
    width: 2px;
}

.timeline .years-container .year[data-target="1970-point-1"].bottom:before {
    left: calc(50% - 1px + 1rem);
}

.timeline .years-container .year.bottom:before {
    top: 0;
}

.timeline .years-container .year.top:before {
    bottom: 0;
}

.timeline .years-container .year:active:before,
.timeline .years-container .year:focus:before,
.timeline .years-container .year:hover:before {
    background: var(--pico-primary-hover-background);
}

/* CUSTOMIZATIONS FOR EACH YEAR */
.timeline .years-container .year[data-target="1970-point-1"] {
    border-top: 10px solid var(--pico-primary-background);
    padding-left: 4rem;
    width: calc(350px + 2rem);
}

.year[data-target="1970-point-2"] {
    border-top: 10px solid var(--pico-primary-background);
}

.timeline .years-container .year[data-target="1970-point-2"].bottom:before,
.timeline .years-container .year[data-target="1983-point-1"].bottom:before {
    left: calc(50% - 85px);
}

.year[data-target="1970-point-2"] .content-container,
.year[data-target="1983-point-1"] .content-container {
    align-content: center;
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.year[data-target="1970-point-2"] .image-container,
.year[data-target="1983-point-1"] .image-container {
    width: 43%;
}

.year[data-target="1970-point-2"] .content,
.year[data-target="1983-point-1"] .content {
    padding-left: 1rem;
    width: 57%;
}

.year[data-target="1970-point-3"] {
    border-top: 10px solid var(--pico-primary-background);
}

.year[data-target="1971-point-1"] {
    border-bottom: 10px solid var(--pico-primary-background);
    border-left: 10px solid var(--pico-primary-background);
    border-right: 10px solid var(--pico-primary-background);
}

    .year[data-target="1971-point-1"] .image-container {
        margin: 0 auto;
        width: 75%;
    }

.year[data-target="1975-point-1"] {
    border-top: 10px solid var(--pico-primary-background);
}

.year[data-target="1981-point-1"] {
    border-bottom: 10px solid var(--pico-primary-background);
    border-left: 10px solid var(--pico-primary-background);
    border-right: 10px solid var(--pico-primary-background);
}

.year[data-target="1983-point-1"] {
    border-top: 10px solid var(--pico-primary-background);
}

.year[data-target="1985-point-1"] {
    border-bottom: 10px solid var(--pico-primary-background);
    border-left: 10px solid var(--pico-primary-background);
    border-right: 10px solid var(--pico-primary-background);
}

    .year[data-target="1985-point-1"] .image-container {
        margin: 0 auto;
        width: 75%;
    }

.year[data-target="1990-point-1"] {
    border-top: 10px solid var(--pico-primary-background);
}

.year[data-target="1991-point-1"] {
    border-bottom: 10px solid var(--pico-primary-background);
    border-left: 10px solid var(--pico-primary-background);
    border-right: 10px solid var(--pico-primary-background);
}

.year[data-target="1996-point-1"] {
    border-top: 10px solid var(--pico-primary-background);
}

.year[data-target="1997-point-1"] {
    border-bottom: 10px solid var(--pico-primary-background);
    border-left: 10px solid var(--pico-primary-background);
    border-right: 10px solid var(--pico-primary-background);
}

.year[data-target="2001-point-1"] {
    border-top: 10px solid var(--pico-primary-background);
}

.year[data-target="2005-point-1"] {
    border-bottom: 10px solid var(--pico-primary-background);
    border-left: 10px solid var(--pico-primary-background);
    border-right: 10px solid var(--pico-primary-background);
}

.year[data-target="2006-point-1"] {
    border-top: 10px solid var(--pico-primary-background);
}

.year[data-target="2007-point-1"] {
    border-bottom: 10px solid var(--pico-primary-background);
    border-left: 10px solid var(--pico-primary-background);
    border-right: 10px solid var(--pico-primary-background);
}

.year[data-target="2009-point-1"] {
    border-top: 10px solid var(--pico-primary-background);
}

.year[data-target="2009-point-2"] {
    border-top: 10px solid var(--pico-primary-background);
}

.timeline .years-container .year[data-target="2012-point-1"] {
    align-content: flex-end;
    align-items: flex-end;
    border-bottom: 10px solid var(--pico-primary-background);
    border-left: 10px solid var(--pico-primary-background);
    display: flex;
    height: 370px;
}

.timeline .years-container .year[data-target="2012-point-2"] {
    align-content: flex-end;
    align-items: flex-end;
    border-bottom: 10px solid var(--pico-primary-background);
    border-right: 10px solid var(--pico-primary-background);
    display: flex;
    height: 370px;
}

.year[data-target="2016-point-1"] {
    border-top: 10px solid var(--pico-primary-background);
    height: 355px;
}

.year[data-target="2016-point-2"] {
    border-top: 10px solid var(--pico-primary-background);
    height: 355px;
}

.year[data-target="2016-point-3"] {
    border-top: 10px solid var(--pico-primary-background);
    height: 355px;
}

.year[data-target="2018-point-1"] {
    border-bottom: 10px solid var(--pico-primary-background);
    border-left: 10px solid var(--pico-primary-background);
    border-right: 10px solid var(--pico-primary-background);
}

    .year[data-target="2018-point-1"] .image-container {
        margin: 0 auto;
        width: 75%;
    }

.year[data-target="2019-point-1"] {
    border-top: 10px solid var(--pico-primary-background);
}

.timeline .years-container .year[data-target="2020-point-1"] {
    border-bottom: 10px solid var(--pico-primary-background);
    border-left: 10px solid var(--pico-primary-background);
    padding-right: 4rem;
    width: calc(350px + 2rem);
}

/********** *
50K IN FIVE YEARS PAGE
* **********/
#intro-50k-for-five-years .sidebar {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex-direction: row;
}

#fiftyk-for-five-years-events .event,
#fiftyk-for-five-years-events .event .date-container {
    justify-content: center;
}

    #fiftyk-for-five-years-events .event h3 {
        font-size: 1.5rem;
    }

@media only screen and (min-width: 992px) {
    #fiftyk-for-five-years-events .event .image-container a {
        max-width: 220px;
        width: 220px;
    }
}

@media only screen and (max-width: 991px) {
    #fiftyk-for-five-years-events .event .image-container a {
        max-width: 200px;
        width: 200px;
    }
}
/********** *
50K IN FIVE YEARS PROMO
* **********/
.fiftyk-logo {
    margin-left: -8px;
    margin-top: -8px;
    position: relative;
    width: 140px;
}

#fifty-for-five-promo .image-container {
    max-width: 325px;
}

    #fifty-for-five-promo .image-container .promo-label {
        position: absolute;
        width: 170px;
        z-index: 2;
    }

/********** *
CONTACT PAGE
* **********/
ul.contact {
    margin: 0;
    padding: 0;
}

    ul.contact li {
        align-content: flex-start;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        line-height: 1.35;
        margin: 0 0 0.5rem;
    }

        ul.contact li:last-of-type {
            margin: 0;
        }

        ul.contact li i {
            color: var(--pico-secondary);
            margin-top: 3px;
            width: 30px;
        }

            ul.contact li i.membership-matters-green {
                color: var(--pico-secondary-border);
            }

        ul.contact li span {
            width: calc(100% - 30px);
        }

            ul.contact li span p {
                line-height: 1.35;
                margin: 0;
            }

.phone-wrapper label,
.phone-wrapper .iti.iti--allow-dropdown {
    width: 100%;
}

/********** *
MEMBERSHIP MATTERS
* **********/
/********** *
TRAINING
* **********/
#training-conferences .training-type .image-container img {
    height: 275px;
}

@media only screen and (min-width: 992px) {
    #training-conferences .training-type {
        margin: 0 0 30px;
    }

    #training-conferences .col-md-6:nth-last-of-type(-n+2) .training-type {
        margin: 0;
    }
}

@media only screen and (min-width: 1200px) {
    #intro-training-opportunities {
        padding: 1.5rem 0;
    }

    #training-conferences .training-type {
        margin: 0 0 60px;
    }

    #training-conferences .col-md-6:nth-last-of-type(-n+2) .training-type {
        margin: 0;
    }
}

#training-conferences .training-type .image-container.logo {
    justify-content: flex-start;
    overflow: visible;
}

#training-conferences .training-type img.logo-fabcasts {
    height: auto;
    max-width: 300px;
    width: 100%;
}

#training-conferences .training-type img.logo-e-fab {
    height: auto;
    max-width: 180px;
    width: 100%;
}

.col-md-6 .image-container.logo a,
.col-lg-6 .image-container.logo a {
    height: auto;
    width: 100%;
}

/* TRAINING CERTIFICATE PROGRAMS */
@media only screen and (max-width: 767px) {
    #training-certificate-programs .image-container {
        justify-content: flex-start;
        margin: 0;
    }
}

@media only screen and (min-width: 992px) {
    #training-certificate-programs .image-container {
        margin: 0;
    }
}

@media only screen and (min-width: 1200px) {
    #training-certificate-programs .content-container {
        align-items: center;
    }

        #training-certificate-programs .content-container p {
            font-size: 1.25rem;
            font-weight: 300;
        }
}

#training-hands-on-workshop {
    margin: 0 0 3rem;
}

/* MISSING PERSONIFY OBJECTS */
.stream .image-container {
    border: 1px solid var(--pico-primary-inverse);
    padding: 0.5rem;
}

.stream .tba .image-container {
    align-content: center;
    align-items: center;
    border: 1px dashed var(--pico-secondary-border);
    display: flex;
    height: calc(190px + 1rem);
    justify-content: center;
}

    .stream .tba .image-container img {
        opacity: 0.35;
        width: 65%;
    }

.tba-wrapper {
    position: relative;
}

.tba-content {
    align-content: center;
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    padding: 0 0 0.5rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 11;
}

    .tba-content h4 {
        background: rgba(255, 255, 255, 0.8);
        line-height: 1.1;
        margin: 0;
        padding: 1rem;
    }

@media only screen and (min-width: 768px) {
    .product-image-wrapper .image-container {
        height: 265px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .col-lg.column.tba:not(:first-child) {
        display: none;
    }

    .product-image-wrapper .image-container {
        height: 330px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product-image-wrapper .image-container {
        height: 200px;
    }
}

@media only screen and (max-width: 767px) {
    .stream .product-image-wrapper,
    .stream .image-container {
        position: relative;
        width: 300px;
    }
}
/********** *
TRAINING: CONFERENCES
* **********/
#training-stream h3,
#conferences-stream h3 {
    font-size: 1.25rem;
    margin: 0 0 1rem;
}

.stream .conference p.date {
    color: #7e97ad;
    font-family: var(--pico-font-family);
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 0.5rem;
    padding: 0;
    text-transform: uppercase;
}

#conferences-annual .conference p:last-of-type {
    margin: 0;
}

@media only screen and (min-width: 992px) {
    #conferences-annual .conference {
        margin: 0 0 3rem;
    }

    #conferences-annual .col-lg-6:nth-last-of-type(-n+2) .conference {
        margin: 0;
    }
}

#conferences-annual .conference a.post-link.logo {
    align-content: center;
    align-items: center;
    background: transparent;
    border: 1px solid var(--pico-primary-inverse);
    display: flex;
    height: 120px;
    margin-bottom: 1rem;
    padding: 1rem;
    transition: all 150ms ease-in-out;
    width: 100%;
}

    #conferences-annual .conference a.post-link.logo:active,
    #conferences-annual .conference a.post-link.logo:focus,
    #conferences-annual .conference a.post-link.logo:hover {
        background: var(--white);
        border-color: var(--pico-primary);
    }

    #conferences-annual .conference a.post-link.logo img {
        height: auto;
        -o-object-fit: contain;
        object-fit: contain;
    }

#conferences-annual .conference #logo-conference-fma-annual-meeting img {
    width: 70%;
}

#conferences-annual .conference #logo-conference-alaw img {
    width: 45%;
}

#conferences-annual .conference #logo-conference-tube-and-pipe img {
    width: 65%;
}

#conferences-annual .conference #logo-conference-technology-summit-and-tours img {
    width: 75%;
}

#conferences-annual .conference #logo-conference-the-fabricator-en-espanol-cumbre-de-liderazgo img {
    width: 30%;
}

#conferences-annual .conference #logo-conference-mexico-technology-conference img {
    width: 30%;
}

/********** *
TRAINING: WEBINARS
* **********/
#webinars-benefits .logo-fabcasts {
    margin: 0 0 1.5rem;
    width: 275px;
}

#webinars-benefits ul {
    margin: 0;
}

.webinars h3 {
    font-size: 1.25rem;
    margin: 0 0 1rem;
}

.webinars p.date {
    color: #7e97ad;
    font-family: var(--pico-font-family);
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 0.5rem;
    padding: 0;
    text-transform: uppercase;
}

/********** *
TRAINING: CERTIFICATES
* **********/
#certificates-stream .image-container {
    border: 1px solid var(--pico-primary-inverse);
    padding: 0.5rem;
}

#certificates-stream h3 {
    font-size: 1.375rem;
}

#certificates-courses .content {
    margin: 0 0 30px;
    position: relative;
}

    #certificates-courses .content a {
        background: rgba(0, 105, 170, 0.5);
        transition: all 150ms ease-in-out;
    }

        #certificates-courses .content a:active,
        #certificates-courses .content a:focus,
        #certificates-courses .content a:hover {
            background: rgba(255, 255, 255, 0.8);
        }

        #certificates-courses .content a .icon-container {
            height: 80px;
            position: absolute;
            right: 0.25rem;
            top: 0.25rem;
            width: 80px;
            z-index: 1;
        }

        #certificates-courses .content a .image-container {
            margin: 0;
            z-index: -1;
        }

            #certificates-courses .content a .image-container picture {
                height: 100%;
            }

        #certificates-courses .content a:active .image-container img,
        #certificates-courses .content a:focus .image-container img,
        #certificates-courses .content a:hover .image-container img {
            opacity: 1;
        }

        /* ICONS */
        #certificates-courses .content a .icon-container svg .cls-1,
        #certificates-courses .content a .icon-container svg .cls-2,
        #certificates-courses .content a .icon-container svg .cls-3,
        #certificates-courses .content a .icon-container svg .cls-4 {
            transition: all 150ms ease-in-out;
        }

        #certificates-courses .content a .icon-container svg .cls-1,
        #certificates-courses .content a .icon-container svg .cls-2,
        #certificates-courses .content a .icon-container svg .cls-4 {
            fill: var(--white);
        }

        #certificates-courses .content a .icon-container svg .cls-3 {
            fill: none;
        }

        #certificates-courses .content a:active .icon-container svg .cls-1,
        #certificates-courses .content a:focus .icon-container svg .cls-1,
        #certificates-courses .content a:hover .icon-container svg .cls-1 {
            fill: var(--pico-primary-hover-background);
        }

        #certificates-courses .content a:active .icon-container svg .cls-2,
        #certificates-courses .content a:focus .icon-container svg .cls-2,
        #certificates-courses .content a:hover .icon-container svg .cls-2 {
            fill: var(--pico-primary-background);
        }

        #certificates-courses .content a:active .icon-container svg .cls-4,
        #certificates-courses .content a:focus .icon-container svg .cls-4,
        #certificates-courses .content a:hover .icon-container svg .cls-4 {
            fill: #8b8f0b;
        }

        #certificates-courses .content a h3 {
            align-content: center;
            align-items: center;
            bottom: 0;
            color: var(--white);
            display: flex;
            font-size: 1.85rem;
            height: 100%;
            justify-content: flex-start;
            left: 0;
            line-height: 1.3;
            margin: 0;
            padding: 0.5rem;
            position: absolute;
            text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.25);
            width: 65%;
            transition: color 150ms ease-in-out, text-shadow 150ms ease-in-out, padding 250ms ease-in-out 100ms, width 250ms ease-in-out 100ms;
        }

        #certificates-courses .content a:active h3,
        #certificates-courses .content a:focus h3,
        #certificates-courses .content a:hover h3 {
            color: var(--pico-primary-hover);
            padding: 0.5rem 0.5rem 0.5rem 1rem;
            text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
            width: calc(65% + 0.5rem);
        }

@media only screen and (min-width: 992px) {
    #certificates-courses .content a .image-container {
        height: 250px;
    }
}
/********** *
TRAINING: EXAMS
* **********/
#exam-designed-for .audience {
    border-radius: 0.25rem;
    margin: 1.5rem 0;
    padding: 1.5rem 0;
    position: relative;
}

    #exam-designed-for .audience:first-of-type {
        margin: 0 0 1.5rem;
        padding: 0 0 1.5rem;
    }

    #exam-designed-for .audience:nth-of-type(odd) {
        background: var(--white);
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
        padding: 1.5rem;
    }

    #exam-designed-for .audience h3 {
        border-bottom: 3px solid var(--pico-secondary);
        display: inline-block;
        padding-bottom: 0.5rem;
        width: auto;
    }

    #exam-designed-for .audience .badge {
        float: right;
        margin: 0 0 1.5rem 1.5rem;
        width: 175px;
    }

@media only screen and (min-width: 992px) {
    #exam-designed-for .audience:nth-of-type(odd) {
        left: -1.5rem;
        width: calc(100% + 3rem);
    }

    #exam-designed-for .image-container {
        align-content: center;
        align-items: center;
        display: flex;
        height: 325px;
        justify-content: center;
    }

        #exam-designed-for .image-container img {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }
}
/********** *
TRAINING: BOOKS
* **********/
/********** *
MAINTENANCE/PERSONIFY PAGES
* **********/
#maintenance-wrapper,
#maintenance-wrapper #maintenance-primary-content,
#maintenance-wrapper #maintenance-personify {
    display: flex;
    flex-direction: column;
}

    #maintenance-wrapper.has-maintenance {
        flex-direction: column-reverse;
    }

#maintenance-message .content-wrapper {
    border: 1px solid var(--pico-primary-inverse);
    border-radius: 0.25rem;
    margin: 3rem 0 0;
    padding: 1.5rem;
    position: relative;
}

    #maintenance-message .content-wrapper::before {
        background: #d6002b;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
        content: "";
        height: 3px;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

/********** *
TRAINING: E-LEARNING
* **********/
img.logo-e-fab,
img.logo-fabcasts {
    margin: 0 0 1.5rem;
    width: 175px;
}

/********** *
TRAINING: ON-SITE TRAINING
* **********/
#on-site-training-gunderson {
    margin: 0 0 1rem;
    width: 150px;
}

/********** *
TRAINING: INDIVIDUAL CERTIFICATE COURSES
* **********/
#certificate-content .class-content-table-image {
    flex: 0 0 200px;
    width: 200px;
}

@media only screen and (max-width: 767px) {
    #certificate-content .class-content-table-image {
        flex: 0 0 125px;
        width: 125px;
    }
}

#certificate-content table {
    margin-bottom: 1.5rem;
    width: 100%;
}

    #certificate-content table th {
        border-bottom: 2px solid var(--pico-primary-inverse);
        font-family: var(--pico-font-family);
        font-size: 0.85rem;
        font-weight: 800;
        letter-spacing: 0.1rem;
        line-height: 1;
        padding: 0 0 1rem;
        position: relative;
        text-transform: uppercase;
    }

        #certificate-content table th.time {
            flex: 0 0 120px;
            padding: 0 0.5rem 1rem 0;
            width: 120px;
        }

    #certificate-content table tr td {
        border-bottom: 1px solid var(--pico-primary-inverse);
        vertical-align: top;
        padding: 0.5rem;
    }

    #certificate-content table tr:last-of-type td {
        border-bottom: 0;
    }

    #certificate-content table tr th:first-of-type,
    #certificate-content table tr td:first-of-type {
        padding: 0.5rem 0.5rem 0.5rem 0;
    }

    #certificate-content table tr th:last-of-type,
    #certificate-content table tr td:last-of-type {
        padding: 0.5rem 0 0.5rem 0.5rem;
    }

@media only screen and (min-width: 992px) {
    #certificate-content section:first-of-type {
        padding: 1.5rem 0 3rem;
    }

    #certificate-details section {
        padding: 1.5rem 0;
    }

    #certificate-details.sidebar section > .content {
        background: var(--white);
        border: 1px solid var(--pico-primary-inverse);
        border-radius: 0.25rem;
        padding: 1rem;
    }

    #certificate-details.sidebar .content.has-top-border {
        border-top: 4px solid #b5d352;
    }
}

#certificate-details.sidebar h3 {
    font-size: 1.25rem;
}

/* NAV TABS */
.nav-link {
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: 0.01rem;
    text-transform: uppercase;
}

.nav-tabs {
    border-bottom: 1px solid var(--pico-color);
}

    .nav-tabs .nav-link {
        border-collapse: collapse;
        border-color: var(--pico-primary-inverse) var(--pico-primary-inverse) var(--pico-color);
        color: var(--pico-muted-border-color);
    }

        .nav-tabs .nav-link:hover {
            border-left-color: var(--pico-secondary);
            border-right-color: var(--pico-secondary);
            border-top-color: var(--pico-secondary);
            color: var(--pico-secondary);
        }

        .nav-tabs .nav-link:active,
        .nav-tabs .nav-link:focus,
        .nav-tabs .nav-link:hover {
            outline: none;
        }

        .nav-tabs .nav-link.active,
        .nav-tabs .nav-item.show .nav-link {
            background: transparent;
            border-color: var(--pico-color) var(--pico-color) var(--pico-secondary-border);
            color: var(--pico-color);
        }

#upcoming-courses .tabs-wrapper .nav-tabs .nav-link.active,
#upcoming-courses .tabs-wrapper .nav-tabs .nav-item.show .nav-link {
    border-color: var(--pico-color) var(--pico-color) var(--white);
}

#upcoming-courses .about-the-program p:last-of-type {
    margin-bottom: 0;
}

#upcoming-courses .sponsor-wrapper {
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: flex-start;
}

    #upcoming-courses .sponsor-wrapper p {
        font-size: 0.9rem;
        font-weight: 600;
        line-height: 1;
        margin: 0;
    }

    #upcoming-courses .sponsor-wrapper .logo {
        margin: 0 0 0 0.375rem;
        width: 80px;
    }

#upcoming-courses .sponsor-description p {
    font-weight: unset;
    line-height: 1.65;
}

#upcoming-courses p.fine-print {
    color: #7E97AD;
    font-size: 0.9rem;
    line-height: 1.45;
}

#upcoming-courses .hotel-info p {
    margin: 0;
}

#fundamentals-metal-fabication-about .image-wrapper {
    width: 125px;
}

@media only screen and (min-width: 576px) {
    #upcoming-courses .tabs-wrapper .nav-link {
        max-width: 160px;
    }
}

@media only screen and (min-width: 992px) {
    #upcoming-courses p {
        font-size: 0.9rem;
        line-height: 1.65;
    }
}

@media only screen and (max-width: 767px) {
    #fundamentals-metal-fabication-about .image-wrapper {
        width: 150px;
    }
}
/********** *
CAREERS PAGE
* **********/
.icons-benefits-container {
    margin: 1.5rem 0 0;
}

@media only screen and (min-width: 1200px) {
    .icons-benefits-container {
        text-align: center;
    }

        .icons-benefits-container .content h4 {
            align-items: center;
            display: flex;
            min-height: 52px;
            justify-content: center;
            text-align: center;
        }
}
/********** *
AFFILIATIONS PAGE
* **********/
.affiliation-logo-container {
    align-content: center;
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%;
}

    .affiliation-logo-container.the-fabricator {
        align-items: flex-start;
    }

@media only screen and (min-width: 992px) {
    .affiliation-logo-container.the-fabricator img {
        border: 1px solid var(--pico-primary-inverse);
        margin-top: 1rem;
        padding: 1rem;
    }
}

@media only screen and (max-width: 991px) {
    .affiliation-logo-container.the-fabricator {
        justify-content: flex-start;
    }

        .affiliation-logo-container.the-fabricator img {
            max-width: 15rem;
        }
}

.affiliation-logo-container.tpa img {
    width: calc(100% - 2rem);
}

.affiliation-logo-container.opc img {
    width: calc(100% - 2rem);
}

.affiliation-logo-container.asd img {
    width: calc(100% - 4rem);
}

@media only screen and (max-width: 991px) {
    .affiliation-logo-container.tpa img {
        width: 200px;
    }

    .affiliation-logo-container.opc img {
        width: 200px;
    }

    .affiliation-logo-container.asd img {
        width: 200px;
    }
}
/** ASD Association of Steel Distributors **/
.asd__past-presidents {
    -moz-columns: 20rem;
    columns: 20rem;
}

    .asd__past-presidents li {
        -moz-column-break-inside: avoid;
        break-inside: avoid;
    }

.asd__explore .image-container img {
    max-width: 140px;
}

.asd__events .event-summary {
    justify-content: space-around;
}

    .asd__events .event-summary:nth-of-type(2n) {
        background: var(--white);
    }

@media only screen and (min-width: 992px) {
    .asd__events .event-summary {
        justify-content: space-between;
    }
}

.asd__events .event-summary__image {
    max-width: 462px;
}

/********** *
STEEL MAN OF THE YEAR PAGE
* **********/
#smoty-winners ul {
    -moz-column-count: 4;
    column-count: 4;
    -moz-column-gap: 15px;
    column-gap: 15px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    #smoty-winners ul li {
        font-size: 0.95rem;
    }

@media only screen and (max-width: 767px) {
    #smoty-winners ul {
        -moz-column-count: 2;
        column-count: 2;
    }
}
/********** *
GET INVOLVED PAGE
* **********/
#get-involved-board-of-directors img,
#get-involved-host-a-program img,
#get-involved-surveys img,
#get-involved-scholarships img {
    width: 150px;
}

#get-involved-teach-a-class #get-involved-gunderson {
    max-width: 100px;
    padding: 0 0 0 15px;
}

    #get-involved-teach-a-class #get-involved-gunderson .image-wrapper {
        margin: 0;
        width: 85px;
    }

#get-involved-write-an-article img {
    border-bottom: 1px solid var(--pico-primary-inverse);
}

/********** *
SPONSORSHIP PAGE
* **********/
.sponorship-contact-content-wrapper {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex-direction: row;
}

    .sponorship-contact-content-wrapper .image-wrapper {
        margin-right: 1rem;
        width: 125px;
    }

    .sponorship-contact-content-wrapper .content {
        width: calc(100% - 125px - 1rem);
    }

@media only screen and (max-width: 767px) {
    .sponorship-contact-content-wrapper .image-wrapper {
        width: 90px;
    }

    .sponorship-contact-content-wrapper .content {
        width: calc(100% - 90px - 1rem);
    }
}
/********** *
CEC / SCHOOLS PAGE
* **********/
.radio-school-selector-wrapper {
    border: 1px solid var(--pico-primary-inverse);
    padding: 1rem;
}

@media only screen and (min-width: 768px) {
    img.graphic_five-skills {
        width: 700px;
    }
}

@media only screen and (max-width: 767px) {
    img.graphic_five-skills {
        width: 575px;
    }
}

@media only screen and (max-width: 575px) {
    img.graphic_five-skills {
        width: 480px;
    }
}

@media only screen and (max-width: 480px) {
    img.graphic_five-skills {
        width: 400px;
    }
}
/********** *
STUDENTS PAGE
* **********/
#students-stats .graphic-container {
    position: relative;
}

#students-stats .stat {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
}

img#student-stat-gear-dark {
    margin-right: 1rem;
    width: 150px;
}

img#student-stat-gear-green {
    margin-right: 1rem;
    width: 150px;
}

#students-stats .stat .content h3 {
    color: #7E97AD;
    font-size: 2rem;
    line-height: 1;
    margin: 0 0 0.5rem;
}

#students-stats .stat .content p {
    color: #7E97AD;
    font-weight: 300;
    line-height: 1.3;
    margin: 0;
}

#students-stats .stat.stat-three {
    justify-content: center;
    padding: 5rem 0 0;
    position: relative;
    text-align: center;
}

    #students-stats .stat.stat-three hr {
        border-color: var(--pico-primary-inverse);
        margin-bottom: 0;
        margin-top: 0;
        padding: 0;
        position: absolute;
    }

@media only screen and (min-width: 992px) {
    #students-stats .stat.stat-one {
        justify-content: flex-end;
    }

    #students-stats .stat.stat-two {
        justify-content: flex-start;
    }

    #students-stats .stat.stat-three hr.vertical-top-left,
    #students-stats .stat.stat-three hr.vertical-top-right,
    #students-stats .stat.stat-three hr.vertical-bottom-center {
        transform: rotate(90deg);
        width: 45px;
    }

    #students-stats .stat.stat-three hr.vertical-top-left,
    #students-stats .stat.stat-three hr.vertical-top-right {
        top: 15px;
    }

    #students-stats .stat.stat-three hr.vertical-top-left {
        left: calc(50% - 325px);
    }

    #students-stats .stat.stat-three hr.vertical-top-right {
        left: calc(50% + 69px);
    }

    #students-stats .stat.stat-three hr.horizontal {
        left: calc(50% - 304px);
        top: 37px;
        width: 394px;
    }

    #students-stats .stat.stat-three hr.vertical-bottom-center {
        top: 59px;
        left: 40%;
    }
}

#students-stats .stat.stat-three .content {
    background: var(--white);
    border: 2px dotted var(--pico-secondary);
    border-radius: 10px;
    padding: 2rem;
    transition: all 150ms ease-in-out;
}

    #students-stats .stat.stat-three .content:active,
    #students-stats .stat.stat-three .content:focus,
    #students-stats .stat.stat-three .content:hover {
        border-color: var(--pico-primary);
    }

    #students-stats .stat.stat-three .content h2 {
        color: var(--pico-primary);
        font-size: 5rem;
        line-height: 1;
        margin: 0 0 1rem;
    }

    #students-stats .stat.stat-three .content p {
        font-size: 1.35rem;
    }

    #students-stats .stat.stat-three .content span {
        color: var(--pico-primary);
        font-weight: 600;
    }

#students-stats .stat.stat-four {
    justify-content: center;
    padding: 3rem 0 0;
    position: relative;
    text-align: center;
}

    #students-stats .stat.stat-four .content p {
        font-size: 1.35rem;
        font-weight: 300;
        line-height: 1.3;
        margin: 0;
    }

    #students-stats .stat.stat-four .content span.hi-light {
        color: var(--pico-secondary);
        font-size: 2.25rem;
        font-weight: 800;
    }

    #students-stats .stat.stat-four .content span.break {
        display: block;
    }

@media only screen and (min-width: 992px) {
    #students-stats .stat.stat-four hr.vertical-top-center {
        left: 48%;
        position: absolute;
        top: 6px;
        transform: rotate(90deg);
        width: 45px;
    }
}

#students-stats .stat.stat-five {
    flex-direction: column;
    padding: 4rem 0 0;
    position: relative;
    text-align: center;
}

@media only screen and (min-width: 992px) {
    #students-stats .stat.stat-five hr.vertical-top-center {
        left: 48%;
        position: absolute;
        top: 18px;
        transform: rotate(90deg);
        width: 45px;
    }
}

#students-stats .stat.stat-five img {
    margin: 0 auto 1.5rem;
    max-width: 767px;
    width: 100%;
}

#students-stats .stat.stat-five .content p {
    color: var(--pico-ins-color);
    font-size: 1.15rem;
    font-weight: 300;
    line-height: 1.3;
    margin: 0;
}

    #students-stats .stat.stat-five .content p span.hi-light {
        color: var(--pico-ins-color);
        font-size: 2.25rem;
        font-weight: 800;
    }

    #students-stats .stat.stat-five .content p span.break {
        display: block;
    }

#students-stats p.source {
    margin: 4.5rem auto;
    text-align: center;
}

#students-pays ol {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    -moz-column-gap: 40px;
    column-gap: 40px;
}

    #students-pays ol span.highlight {
        color: var(--pico-primary);
        font-size: 1.15rem;
        font-weight: 800;
    }

@media only screen and (max-width: 991px) {
    #students-stats .stat {
        justify-content: center;
    }

    #students-stats hr {
        display: none;
    }
}
/********** *
BUSINESS INSURANCE PAGE
* **********/
#business-insurance-intro .logo.cna {
    width: 180px;
}

#business-insurance-intro .web-refer i {
    font-size: 12px;
    position: relative;
    top: -1px;
}

#cna-benefits .label-container .label img {
    margin-right: 0.75rem;
    width: 60px;
}

@media only screen and (max-width: 767px) {
    #cna-benefits .label-container {
        padding: 0 0 0 4.25rem;
    }

        #cna-benefits .label-container .label img {
            left: -4.25rem;
        }
}

#cna-benefits .promo-number {
    align-content: center;
    align-items: center;
    background: var(--pico-primary);
    border-radius: 50%;
    color: var(--white);
    display: flex;
    font-size: 2rem;
    height: 80px;
    justify-content: center;
    line-height: 1;
    margin: 0 0 1rem;
    padding: 0.5rem;
    position: relative;
    text-align: center;
    width: 80px;
}

    #cna-benefits .promo-number::before {
        border: 1px solid var(--pico-primary);
        border-radius: 50%;
        content: "";
        height: 88px;
        left: -4px;
        position: absolute;
        top: -4px;
        width: 88px;
        z-index: -1;
    }

@media only screen and (min-width: 992px) {
    #cna-benefits .promo-number {
        margin: 0 auto 1rem;
    }
}
/********** *
CAR RENTAL
* **********/
#car-rental-program-get-started .logo {
    width: 100%;
}

    #car-rental-program-get-started .logo.avis img {
        max-width: 150px;
        width: 100%;
    }

    #car-rental-program-get-started .logo.budget img {
        max-width: 210px;
    }

/********** *
FABRINOMICS PAGE
* **********/
ol.fabrinomics h4 {
    font-size: 1rem;
}

ol.fabrinomics li p {
    font-size: 0.9rem;
}

#fabrinomics-briefing-system .image {
    float: right;
    margin: 0 0 1rem 1rem;
    text-align: center;
    width: 150px;
}

    #fabrinomics-briefing-system .image h4 {
        font-size: 1.1rem;
        margin: 0 0 0.25rem;
    }

    #fabrinomics-briefing-system .image p {
        font-size: 0.9rem;
        line-height: 1.45;
        margin: 0;
    }

    #fabrinomics-briefing-system .image .image-wrapper {
        margin: 0 0 1rem;
    }

@media only screen and (min-width: 992px) {
    #fabrinomics-briefing-system-overview {
        border-right: 1px solid var(--pico-primary-inverse);
        padding-right: 3rem;
    }

        #fabrinomics-briefing-system-overview p:last-of-type {
            margin: 0;
        }

    #fabrinomics-briefing-system-benefits {
        padding-left: 2rem;
    }
}
/********** *
LEADERSHIP TOOLKIT PAGE
* **********/
img#logo_bartell-and-bartell {
    width: 350px;
}

/********** *
MEMBER UPDATE PAGE
* **********/
#intro-member-update .newsletter img {
    display: block;
    width: 300px;
}

/********** *
PRE-EMPLOYMENT ASSESSMENT PAGE
* **********/
#screening-assessment-cover {
    border-bottom: 1px solid var(--pico-primary-inverse);
    align-content: center;
    align-items: center;
    display: flex;
    height: 400px;
    justify-content: center;
    margin: 0 auto 2rem;
    overflow: hidden;
    padding: 1rem 3rem 0;
    width: 450px;
}

@media only screen and (min-width: 992px) {
    #screening-assessment-cover {
        margin: -10rem auto 2rem;
    }
}

#screening-assessment-cover img {
    height: auto;
    margin: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    top: 3rem;
    transform: rotate(7deg);
}

#pre-employment-assessment-prices .card-deck .card {
    position: relative;
    top: 0;
    transition: all 150ms ease-in-out;
}

    #pre-employment-assessment-prices .card-deck .card:active,
    #pre-employment-assessment-prices .card-deck .card:focus,
    #pre-employment-assessment-prices .card-deck .card:hover {
        top: -10px;
    }

/********** *
SAFETY TRAINING PROGRAM PAGE
* **********/
img#logo_blr {
    width: 150px;
}

/********** *
UTILITY AUDIT PROCUREMENT
* **********/
img#logo_appi {
    width: 175px;
}

/********** *
METALS RECYCLING PAGE
* **********/
img#logo_lighthouse-recycling {
    width: 200px;
}

/********** *
SURVEYS PAGE
* **********/
#salary-wage-benefits .logo.cna {
    height: 25px;
}

/********** *
UPS SAVINGS PROGRAM PAGE
* **********/
#ups-savings-program-intro .logo.ups {
    width: 180px;
}

/********** *
YRC SAVINGS PROGRAM PAGE
* **********/
#yrc-savings-program-intro .logo.yrc {
    width: 180px;
}

#logo_yellow {
    margin: 0 auto 1rem;
    width: 220px;
}

.savings-cta-wrapper {
    background: var(--white);
    border: 1px solid #dae3ec;
    float: right;
    margin: 0 0 1rem 1rem;
    padding: 1rem;
    width: 18rem;
}

    .savings-cta-wrapper p {
        font-size: 0.9rem;
    }

        .savings-cta-wrapper p:last-of-type {
            margin-bottom: 0;
        }

@media only screen and (max-width: 500px) {
    .savings-cta-wrapper {
        width: calc(50% - 1rem);
    }
}
/********** *
BLOG PAGE
* **********/
.blog-entry .kicker {
    line-height: 1.4rem;
}

.blog-entry .mark_membership-matters {
    width: 24px;
    margin-right: 0.5rem;
}

#blog-container .blog-entry {
    border-bottom: 1px solid var(--pico-primary-inverse);
    margin-bottom: 2rem;
    padding-bottom: 2rem;
}

.blog-entry p.author,
.blog-entry p.publish-date {
    font-size: 0.85rem;
}

.blog-entry p.author {
    margin: 0;
}

    .blog-entry p.author span.name, .blog-entry p.author a.name {
        font-weight: 600;
    }

.blog-entry p.excerpt {
    margin: 0;
}

img.blog {
    position: relative;
}

.blog-entry .btn.btn-transparent {
    color: #7E97AD;
    font-size: 0.95rem;
}

    .blog-entry .btn.btn-transparent:active,
    .blog-entry .btn.btn-transparent:focus,
    .blog-entry .btn.btn-transparent:hover {
        color: var(--pico-primary);
    }

.sidebar .press .image-wrapper {
    margin: 0 0 1rem;
    width: 150px;
}

.sidebar .press .label-container {
    justify-content: flex-start;
}

.sidebar .logo {
    width: 150px;
}

.sidebar-events .label-container {
    justify-content: flex-start;
}

.sidebar-events .event {
    align-content: flex-start;
    align-items: flex-start;
    border-bottom: 1px solid var(--pico-primary-inverse);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0 0 1.5rem;
    padding-bottom: 1.5rem;
    position: relative;
}

    .sidebar-events .event .content {
        align-content: flex-start;
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        padding-right: 1rem;
        width: calc(100% - 85px);
    }

        .sidebar-events .event .content h3 {
            font-size: 1.1rem;
        }

        .sidebar-events .event .content .date-container {
            flex-direction: column;
            margin: 0;
        }

            .sidebar-events .event .content .date-container .days-remaining {
                padding-left: 1.2rem;
            }

    .sidebar-events .event .image-container {
        width: 75px;
    }

@media only screen and (max-width: 991px) {
    .sidebar-events .event .image-container {
        width: 20%;
    }

    .sidebar-events .event .content {
        width: 80%;
    }
}
/********** *
CATEGORY BLOG PAGE
* **********/
#blog-landing-page .label-container {
    border-bottom: 1px solid var(--pico-primary-inverse);
    margin-bottom: 2.5rem;
    padding-bottom: 0.75rem;
}

    #blog-landing-page .label-container .label {
        margin: 0;
    }

/********** *
BLOG POST
* **********/
.blog-entry .entry-content h2 {
    font-size: 1.5rem;
    font-weight: 500;
    margin: 2rem 0 1rem;
}

.blog-entry .entry-content figure a {
    display: block;
}

.blog-entry .entry-content .x-author-box {
    align-items: flex-start;
    align-content: flex-start;
    border-top: 1px solid var(--pico-primary-inverse);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 3rem 0 0;
    padding: 5.5rem 0 0;
    position: relative;
}

    .blog-entry .entry-content .x-author-box h6 {
        font-family: var(--pico-font-family);
        font-size: 0.85rem;
        font-weight: 800;
        left: 0;
        letter-spacing: 0.1rem;
        margin: 0;
        position: absolute;
        text-transform: uppercase;
        top: 3rem;
        width: 100%;
    }

    .blog-entry .entry-content .x-author-box img {
        width: 140px;
    }

@media only screen and (min-width: 768px) {
    .blog-entry .entry-content .x-author-box .x-author-info {
        padding-left: 1rem;
    }
}

@media only screen and (max-width: 767px) {
    .blog-entry .entry-content .x-author-box img {
        order: 2;
        width: 100px;
    }

    .blog-entry .entry-content .x-author-box .x-author-info {
        padding-right: 1rem;
    }
}

.blog-entry .entry-content .x-author-box .x-author-info h4 {
    margin: 0;
}

.blog-entry .entry-content .x-author-box .x-author-info p.h-author {
    margin: 0;
}

.blog-entry .entry-content .x-author-box .x-author-info a.x-author-social {
    font-size: 0.9rem;
    margin-right: 1rem;
}

    .blog-entry .entry-content .x-author-box .x-author-info a.x-author-social:last-of-type {
        margin-right: 0;
    }

.blog-entry .entry-content .x-author-box .x-author-info i {
    font-style: normal;
}

    .blog-entry .entry-content .x-author-box .x-author-info i::before {
        color: var(--pico-primary);
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        font-size: 9px;
        line-height: 1;
        position: relative;
        top: -1px;
    }

    .blog-entry .entry-content .x-author-box .x-author-info i.x-icon-external-link-square::before {
        content: "\f35d";
    }

    .blog-entry .entry-content .x-author-box .x-author-info i.x-icon-linkedin-square::before,
    .blog-entry .entry-content .x-author-box .x-author-info i.x-icon-facebook-square::before,
    .blog-entry .entry-content .x-author-box .x-author-info i.x-icon-twitter-square::before {
        font-family: "Font Awesome 6 Brands";
        font-size: 10px;
    }

    .blog-entry .entry-content .x-author-box .x-author-info i.x-icon-linkedin-square::before {
        content: "\f08c";
    }

    .blog-entry .entry-content .x-author-box .x-author-info i.x-icon-facebook-square::before {
        content: "\f082";
    }

    .blog-entry .entry-content .x-author-box .x-author-info i.x-icon-twitter-square::before {
        content: "\f081";
    }

.blog-entry .entry-content .x-author-box .x-author-info p.p-author {
    color: var(--pico-color);
    font-size: 0.95rem;
    line-height: 1.55;
    margin-top: 1rem;
}

.blog-entry .entry-meta {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

    .blog-entry .entry-meta .publishing-details {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }

        .blog-entry .entry-meta .publishing-details p {
            margin: 0;
        }

            .blog-entry .entry-meta .publishing-details p::after {
                color: #7E97AD;
                content: "|";
                font-weight: 400;
                margin: 0 0.5rem;
            }

            .blog-entry .entry-meta .publishing-details p:last-of-type::after {
                content: "";
                margin: 0;
            }

@media only screen and (max-width: 575px) {
    .blog-entry .entry-meta {
        flex-direction: column;
    }
}

.blog-entry .entry-meta ul.categories li::after {
    color: var(--pico-color);
    content: ",";
    font-size: 0.85rem;
    margin: 0 0.25rem 0 0.05rem;
}

.blog-entry .entry-meta ul.categories li:first-of-type {
    color: var(--pico-color);
}

    .blog-entry .entry-meta ul.categories li:first-of-type::after,
    .blog-entry .entry-meta ul.categories li:last-of-type::after {
        content: "";
    }

    .blog-entry .entry-meta ul.categories li:first-of-type::after {
        margin: 0 0.375rem 0 0;
    }

.blog-entry .entry-meta ul.categories li:last-of-type::after {
    margin: 0;
}

.blog-entry .entry-content .wp-block-columns {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

    .blog-entry .entry-content .wp-block-columns .wp-block-column {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
        width: auto;
    }

        .blog-entry .entry-content .wp-block-columns .wp-block-column .wp-block-image.social {
            margin: 0 0 0.5rem;
            width: 35px;
        }

figure.is-type-video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
    margin: 1.5rem 0;
}

    figure.is-type-video iframe {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

.blog-authors img {
    height: auto;
    max-width: 200px;
    width: 100%;
}

/********** *
BLOG POST CUSTOM GUTENBERG BLOCKS
* **********/
/* Image List */
aside.images-list .content {
    display: flex;
    margin-left: -1rem;
    margin-right: -1rem;
}

aside.images-list ul.the-images {
    display: flex;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

aside.images-list.horizontal ul.the-images {
    flex-direction: row;
}

aside.images-list.vertical ul.the-images {
    flex-direction: column;
}

aside.images-list.horizontal.align-flex-start ul.the-images {
    align-items: flex-start;
}

aside.images-list.horizontal.align-center ul.the-images {
    align-items: center;
}

aside.images-list.horizontal.align-flex-end ul.the-images {
    align-items: flex-end;
}

aside.images-list.justify-flex-start ul.the-images {
    justify-content: flex-start;
}

aside.images-list.justify-center ul.the-images {
    justify-content: center;
}

aside.images-list.justify-flex-end ul.the-images {
    justify-content: flex-end;
}

aside.images-list.justify-space-around ul.the-images {
    justify-content: space-around;
}

aside.images-list.justify-space-between ul.the-images {
    justify-content: space-between;
}

aside.images-list ul.the-images li {
    display: flex;
    margin-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

    aside.images-list ul.the-images li.xs {
        width: 15%;
    }

    aside.images-list ul.the-images li.sm {
        width: 25%;
    }

    aside.images-list ul.the-images li.md {
        width: 33%;
    }

    aside.images-list ul.the-images li.lg {
        width: 50%;
    }

    aside.images-list ul.the-images li.xl {
        width: 100%;
    }

    aside.images-list ul.the-images li .image-container {
        display: flex;
        height: 100%;
        width: 100%;
    }

        aside.images-list ul.the-images li .image-container img {
            height: 100%;
            -o-object-fit: contain;
            object-fit: contain;
            width: 100%;
        }

/* Responsive Image */
.responsive-image-container {
    margin: 0 0 1.5rem;
    overflow: hidden;
    position: relative;
}

    .responsive-image-container a,
    .responsive-image-container a img {
        display: block;
        opacity: 1;
    }

        .responsive-image-container a:active img,
        .responsive-image-container a:focus img,
        .responsive-image-container a:hover img {
            opacity: 0.85;
        }

.responsive-image {
    display: block;
    position: relative;
    width: 100%;
}

    .responsive-image img {
        height: 100%;
        width: 100%;
    }

@media only screen and (min-width: 992px) {
    .responsive-image-container.float {
        margin-bottom: 1rem;
    }

        .responsive-image-container.float.left {
            float: left;
            margin-right: 1rem;
        }

        .responsive-image-container.float.right {
            float: right;
            margin-left: 1rem;
        }

        .responsive-image-container.float.tenth {
            width: calc(10% - 1rem);
        }

        .responsive-image-container.float.fifth {
            width: calc(20% - 1rem);
        }

        .responsive-image-container.float.quarter {
            width: calc(25% - 1rem);
        }

        .responsive-image-container.float.third {
            width: calc(33% - 1rem);
        }

        .responsive-image-container.float.half {
            width: calc(50% - 1rem);
        }

        .responsive-image-container.float.two-thirds {
            width: calc(66% - 1rem);
        }

        .responsive-image-container.float.three-quarters {
            width: calc(75% - 1rem);
        }
}

@media only screen and (max-width: 991px) {
    .responsive-image-container.float {
        float: right;
        margin-bottom: 1rem;
        margin-left: 1rem;
        width: calc(50% - 1rem);
    }

        .responsive-image-container.float.tenth,
        .responsive-image-container.float.fifth,
        .responsive-image-container.float.quarter,
        .responsive-image-container.float.third {
            width: calc(33% - 1rem);
        }
}
/* Social Links (FMA) */
ul.block-social-media-links {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    list-style-type: none;
    margin: 0 0 1rem;
    padding: 0;
}

    ul.block-social-media-links li {
        margin-right: 0.5rem;
    }

        ul.block-social-media-links li:last-of-type {
            margin-right: 0;
        }

        ul.block-social-media-links li a {
            align-content: center;
            align-items: center;
            display: flex;
            height: 40px;
            flex-wrap: nowrap;
            font-size: 0.8rem;
            justify-content: center;
            line-height: 1;
            margin: 0;
            text-transform: uppercase;
            width: 40px;
        }

        ul.block-social-media-links li,
        ul.block-social-media-links li a {
            color: var(--white);
        }

            ul.block-social-media-links li a {
                transition: background 100ms ease-in-out;
            }

            ul.block-social-media-links li.facebook a {
                background: #4267B2;
            }

                ul.block-social-media-links li.facebook a:active,
                ul.block-social-media-links li.facebook a:focus,
                ul.block-social-media-links li.facebook a:hover {
                    background: var(--pico-primary-hover);
                }

            ul.block-social-media-links li.instagram a {
                background: var(--pico-primary-hover);
            }

                ul.block-social-media-links li.instagram a:active,
                ul.block-social-media-links li.instagram a:focus,
                ul.block-social-media-links li.instagram a:hover {
                    background: var(--pico-primary-hover);
                }

            ul.block-social-media-links li.linkedin a {
                background: var(--pico-primary-hover);
            }

                ul.block-social-media-links li.linkedin a:active,
                ul.block-social-media-links li.linkedin a:focus,
                ul.block-social-media-links li.linkedin a:hover {
                    background: var(--pico-primary-hover);
                }

            ul.block-social-media-links li.twitter a {
                background: var(--pico-primary-hover);
            }

                ul.block-social-media-links li.twitter a:active,
                ul.block-social-media-links li.twitter a:focus,
                ul.block-social-media-links li.twitter a:hover {
                    background: var(--pico-primary-hover);
                }

            ul.block-social-media-links li.vimeo a {
                background: var(--pico-primary-hover);
            }

                ul.block-social-media-links li.vimeo a:active,
                ul.block-social-media-links li.vimeo a:focus,
                ul.block-social-media-links li.vimeo a:hover {
                    background: var(--pico-primary-hover);
                }

            ul.block-social-media-links li.youtube a {
                background: var(--pico-primary-hover);
            }

                ul.block-social-media-links li.youtube a:active,
                ul.block-social-media-links li.youtube a:focus,
                ul.block-social-media-links li.youtube a:hover {
                    background: var(--pico-primary-hover);
                }

/* Inset Box Links */
.inset-box-links {
    border: 1px solid var(--pico-primary-inverse);
    float: right;
    margin-bottom: 1.5rem;
    margin-left: 1.5rem;
    padding: 1rem;
    width: 325px;
    z-index: 1;
}

@media only screen and (max-width: 575px) {
    .inset-box-links {
        float: none;
        margin-bottom: 1rem;
        margin-left: 0;
        width: 100%;
    }
}

.inset-box-links .content h3 {
    font-size: 1.1rem;
    margin: 0 0 0.75rem;
}

.inset-box-links .content ul.links {
    margin: 0;
    padding: 0;
}

    .inset-box-links .content ul.links li.link {
        align-items: flex-start;
        border-bottom: 1px solid var(--pico-primary-inverse);
        display: flex;
        flex-direction: row;
        list-style-type: none;
        margin-bottom: 1rem;
        padding-bottom: 1rem;
    }

    .inset-box-links .content ul.links li:last-of-type {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .inset-box-links .content ul.links li.link .image-container {
        height: 60px;
        margin-bottom: 0;
        margin-right: 0.75rem;
        overflow: hidden;
        width: 60px;
    }

        .inset-box-links .content ul.links li.link .image-container.image {
            padding: 0;
        }

        .inset-box-links .content ul.links li.link .image-container.logo {
            border: 1px solid var(--pico-primary-inverse);
            padding: 0.25rem;
        }

        .inset-box-links .content ul.links li.link .image-container img {
            height: 100%;
            width: 100%;
        }

        .inset-box-links .content ul.links li.link .image-container.image img {
            -o-object-fit: cover;
            object-fit: cover;
        }

        .inset-box-links .content ul.links li.link .image-container.logo img {
            -o-object-fit: contain;
            object-fit: contain;
        }

    .inset-box-links .content ul.links li.link h4 {
        font-size: 0.85rem;
        font-weight: 500;
        line-height: 1.35;
        margin-bottom: 0.375rem;
    }

    .inset-box-links .content ul.links li.link p {
        font-size: 0.85rem;
        line-height: 1.35;
    }

        .inset-box-links .content ul.links li.link p:last-of-type {
            margin: 0;
        }

/********** *
BLOG POST DEFAULT WORDPRESS GUTENBERG BLOCKS
* **********/
figure.wp-block-image {
    display: block;
    min-width: 33.33333%;
    max-width: 100%;
    position: relative;
    width: -moz-max-content;
    width: max-content;
}

ul.blocks-gallery-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0;
}

    ul.blocks-gallery-grid li.blocks-gallery-item {
        margin-bottom: 1.5rem;
        padding-left: 15px;
        padding-right: 15px;
        position: relative;
        width: 100%;
    }

.wp-block-gallery.columns-2 ul.blocks-gallery-grid li.blocks-gallery-item {
    max-width: 50%;
}

.wp-block-gallery.columns-3 ul.blocks-gallery-grid li.blocks-gallery-item {
    max-width: 33.3333333%;
}

.wp-block-gallery.columns-4 ul.blocks-gallery-grid li.blocks-gallery-item {
    max-width: 25%;
}

.wp-block-gallery.columns-5 ul.blocks-gallery-grid li.blocks-gallery-item {
    max-width: 20%;
}

@media only screen and (max-width: 575px) {
    ul.blocks-gallery-grid {
        flex-direction: column;
    }

    .wp-block-gallery.columns-2 ul.blocks-gallery-grid li.blocks-gallery-item,
    .wp-block-gallery.columns-3 ul.blocks-gallery-grid li.blocks-gallery-item,
    .wp-block-gallery.columns-4 ul.blocks-gallery-grid li.blocks-gallery-item,
    .wp-block-gallery.columns-5 ul.blocks-gallery-grid li.blocks-gallery-item {
        max-width: 100%;
    }
}

.blocks-gallery-item__caption strong {
    color: #31445d;
}

/********** *
AWARDS PAGE
* **********/
.awards .image-container {
    position: relative;
}

    .awards .image-container .logo {
        bottom: 1rem;
        height: auto;
        position: absolute;
        right: 1rem;
    }

#awards-fabricators-industry-award .image-container .logo {
    width: 250px;
}

#awards-rusty-demeules-award .image-container .logo {
    width: 200px;
}

#awards-steel-executive-of-the-year-award .image-container .logo {
    width: 150px;
}

#awards-mexicos-top-manufacturing-awards .image-container .logo {
    width: 150px;
}

span.deadline {
    border: 2px solid var(--pico-secondary);
    color: var(--pico-secondary);
    display: inline-block;
    font-size: 0.9rem;
    padding: 0.375rem;
    margin: 0 0 1rem;
    width: auto;
}

.awards .application p:last-of-type {
    margin: 0;
}

.awards .application.with-icon {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

@media only screen and (min-width: 992px) {
    .awards .image-container {
        align-items: center;
        display: flex;
        height: auto;
        margin: 0;
        overflow: hidden;
    }

    #awards-rusty-demeules-award .image-container {
        height: 280px;
    }

    #awards-mexicos-top-manufacturing-awards .image-container {
        height: auto;
    }

    #awards-steel-executive-of-the-year-award .image-container {
        height: 250px;
    }

    .awards .image-container img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .awards .application {
        height: auto;
    }

        .awards .application.inset {
            border-left: 1px solid var(--pico-primary-inverse);
            padding-left: 1rem;
        }
}

#honoring-rusty-demeules .image-wrapper {
    width: 150px;
}

@media only screen and (min-width: 992px) {
    #honoring-rusty-demeules #image-column {
        max-width: 180px;
        width: 180px;
    }
}
/********** *
COUNCILS PAGES
* **********/
.council-member h3 {
    font-size: 1.1rem;
    letter-spacing: 0;
    margin: 0 0 0.1rem;
}

.council-member p {
    font-size: 0.9rem;
    line-height: 1.5;
    margin: 0;
}

    .council-member p.council-position {
        color: #6b7e99;
        font-style: italic;
    }

#management-advisory-council::before,
#management-advisory-council::after {
    background: var(--pico-secondary);
}

#safety-technology-council::before,
#safety-technology-council::after {
    background: var(--pico-ins-color);
}

#mexico-advisory-council::before,
#mexico-advisory-council::after {
    background: var(--pico-primary-background);
}

#welding-technology-council::before,
#welding-technology-council::after {
    background: var(--pico-secondary);
}

/********** *
EVENTS PAGE
* **********/
#events-stream {
    overflow: visible;
}

    #events-stream .event {
        border-radius: 0.25rem;
        padding: 0 1.5rem;
    }

        #events-stream .event:first-of-type {
            padding: 0 1.5rem 1.5rem;
        }

        #events-stream .event:nth-of-type(even) {
            background: var(--white);
            padding: 1.5rem;
        }

#events-stream-wrapper::before {
    background: rgba(0, 0, 0, 0);
    content: "";
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    transition: all 100ms ease-in-out;
}

#events-stream-wrapper.active::before {
    background: rgba(0, 0, 0, 0.2);
    overflow: hidden;
    z-index: 99;
}

#eventsFilters {
    transition: all 200ms ease-in-out;
}

#eventsContent {
    position: relative;
}

#eventsFiltersToggle {
    align-content: center;
    align-items: center;
    background: var(--pico-primary);
    border-color: transparent;
    border-radius: 0.25rem;
    border-style: solid;
    box-sizing: border-box;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
    color: var(--white);
    cursor: pointer;
    display: inline-flex;
    font-family: var(--pico-font-family);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.01rem;
    height: 50px;
    justify-content: center;
    line-height: 1;
    padding: 0 1rem;
    position: relative;
    text-transform: uppercase;
    top: 0;
    transition: all 150ms ease-in-out;
    width: auto;
    z-index: 2;
}

#eventsContent #eventsFiltersToggle:active,
#eventsContent #eventsFiltersToggle:focus,
#eventsContent #eventsFiltersToggle:hover,
#eventsContent #eventsFiltersToggle.active {
    background: var(--pico-secondary);
}

#events-stream-wrapper.active #eventsFiltersToggle {
    background: var(--pico-secondary);
}

#eventsFiltersClose {
    position: absolute;
    right: 1rem;
    top: 2rem;
}

    #eventsFiltersClose i {
        color: var(--pico-color);
        cursor: pointer;
        font-size: 22px;
        line-height: 1;
        margin: 0;
    }

        #eventsFiltersClose i:active,
        #eventsFiltersClose i:focus,
        #eventsFiltersClose i:hover {
            color: var(--pico-primary);
        }

.circle-image {
    border-radius: 50%;
}

#health-and-safety-notice {
    border: 2px solid var(--pico-secondary);
    border-left-width: 70px;
    margin-bottom: 3rem;
    padding: 1rem;
    position: relative;
}

    #health-and-safety-notice .health-and-safety-notice-icon {
        bottom: 0;
        height: 60px;
        left: -65px;
        margin: auto;
        position: absolute;
        top: 0;
        width: 60px;
    }

.callout-notice {
    margin-bottom: 1.5rem;
    position: relative;
}

    .callout-notice .lines-container {
        bottom: 0;
    }

    .callout-notice::before {
        background: var(--pico-primary);
        content: "";
        height: calc(100% - 2rem);
        left: -1.5rem;
        position: absolute;
        width: 0.5rem;
    }

@media only screen and (min-width: 992px) {
    #eventsFiltersToggle,
    #eventsFiltersClose {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    #eventsFilters {
        align-content: center;
        align-items: flex-start;
        background: var(--white);
        box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        height: calc(100% + 2rem);
        position: fixed;
        left: calc(100% + 1rem);
        overflow-y: scroll;
        padding: 3rem 1rem;
        top: -1rem;
        width: 75%;
        z-index: 999;
    }

        #eventsFilters.active {
            left: 25%;
        }

    #eventsFiltersToggleContainer {
        margin-top: -1rem;
        padding: 1rem;
        position: sticky;
        top: -1px;
        transition: all 150ms ease-in-out;
        width: 100%;
        z-index: 3;
    }

        #eventsFiltersToggleContainer.is-sticky {
            background: var(--white);
            box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
        }
}
/********** *
EVENT DETAILS PAGE
* **********/
.event-wrapper {
    padding: 2rem 0;
}

.event-vitals {
    color: var(--white);
    display: flex;
    flex-direction: column;
    font-size: 0.85rem;
    font-weight: 700;
    line-height: 1;
    margin: 0.5rem 0 0;
    order: 99;
    text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    width: -moz-max-content;
    width: max-content;
}

    .event-vitals span {
        display: block;
        line-height: 1;
        margin-bottom: 0.1rem;
    }

        .event-vitals span:last-of-type {
            margin-bottom: 0;
        }

#premier-event-flag {
    color: var(--white);
    font-size: 0.8rem;
    font-weight: 700;
    height: 8.6rem;
    left: 0;
    line-height: 1;
    margin: 0 auto;
    max-width: 1600px;
    padding-top: 7.5rem;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    width: 100%;
    z-index: 1;
}

    #premier-event-flag::before {
        background: var(--pico-secondary);
        content: "";
        height: 3px;
        margin-top: -9px;
        position: absolute;
        width: 100%;
    }

    #premier-event-flag .angle {
        background: var(--pico-secondary);
        bottom: -1.7rem;
        height: 8.6rem;
        left: 0;
        opacity: 0.85;
        position: relative;
        top: -7.5rem;
        transform: skewY(-4deg);
        transform-origin: top left;
        width: 9rem;
        z-index: -1;
    }

    #premier-event-flag .content {
        padding-left: 15px;
        position: relative;
    }

        #premier-event-flag .content span i {
            font-size: 0.7rem;
            line-height: 1;
            margin-left: 0.25rem;
            opacity: 0.5;
        }

.event-details p,
.event-details ul li,
.events-details ol li {
    font-size: 0.95rem;
}

.event-details #event-description-wrapper p,
.event-details #event-description-wrapper ul li,
.event-details #event-description-wrapper ol li {
    font-size: 1rem;
}

.event-details #details {
    padding-bottom: 0;
}

#event-details {
    margin-bottom: 0;
}

h2.event,
h3.event,
h4.event {
    color: var(--pico-secondary);
    font-family: var(--pico-font-family);
    font-size: 1.1rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1;
    margin: 0 0 1rem;
    text-transform: uppercase;
}

#event-sidebar {
    margin-bottom: 0;
}

    #event-sidebar .sidebar .content .btn-group {
        margin: 0;
    }

#special-events img {
    border: 1px dashed var(--pico-secondary-border);
    mix-blend-mode: multiply;
    padding: 1rem;
}

#special-events .host,
#special-events .host p,
#special-events .host .bio p {
    font-size: 0.9rem;
}

@media only screen and (max-width: 575px) {
    #special-events img {
        max-width: 225px;
    }
}

@media only screen and (min-width: 576px) {
    .event-vitals {
        background: rgba(255, 255, 255, 0.9);
        color: var(--pico-color);
        flex-direction: row;
        margin: 0 0 0.5rem;
        order: 0;
        padding: 0.5rem 0.6rem;
        text-shadow: none;
    }

        .event-vitals span {
            margin-bottom: 0;
        }

            .event-vitals span::after {
                content: "•";
                margin: 0 0.5rem;
            }

            .event-vitals span:last-of-type::after {
                content: "";
                margin: 0;
            }

    body#annualmeeting .event-vitals span::after {
        content: "";
        display: none;
        margin: 0;
    }
}

@media only screen and (min-width: 992px) {
    #event-sidebar .sidebar .content {
        background: var(--white);
        border: 1px solid var(--pico-primary-inverse);
        border-radius: 0.25rem;
        padding: 1rem;
    }

    #event-sidebar .sidebar.membership .content {
        border-top: 4px solid var(--pico-secondary-border);
    }
}

.event-sponsor {
    border: 1px dashed #dae3ec;
    margin: 0 0 30px;
    padding: 15%;
}

.event-sponsor-inner {
    align-content: center;
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    padding-top: 75%;
    position: relative;
    width: 100%;
}

    .event-sponsor-inner a {
        display: block;
    }

    .event-sponsor-inner img {
        align-content: center;
        align-items: center;
        bottom: 0;
        display: flex;
        height: 100%;
        justify-content: center;
        left: 0;
        margin: auto;
        mix-blend-mode: multiply;
        -o-object-fit: contain;
        object-fit: contain;
        position: absolute;
        top: 0;
        transition: none;
        width: 100%;
    }

    .event-sponsor-inner h4 {
        font-size: 1rem;
        margin: 0;
    }

    .event-sponsor-inner a h4 {
        color: var(--pico-color);
    }

    .event-sponsor-inner a:active h4,
    .event-sponsor-inner a:focus h4,
    .event-sponsor-inner a:hover h4 {
        color: var(--pico-primary-hover);
    }

.event-session-table {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.event-session-tr {
    display: flex;
    flex-direction: row;
    width: 100%;
}

    .event-session-tr .th {
        font-size: 0.85rem;
        justify-content: flex-start;
        margin: 0;
        padding: 0 0.25rem 0.25rem;
        position: relative;
    }

    .event-session-tr .th,
    .event-session-tr .td .title {
        color: var(--pico-color);
        font-family: var(--pico-font-family);
        font-weight: 800;
        letter-spacing: 0.1rem;
        text-transform: uppercase;
    }

    .event-session-tr .td .title {
        font-size: 0.8rem;
    }

    .event-session-tr .td .title {
        line-height: 1;
    }

.event-session-tr {
    border-bottom: 1px solid var(--pico-primary-inverse);
}

    .event-session-tr .th:first-of-type {
        padding: 0 0.25rem 0.25rem 0;
    }

    .event-session-tr .td:first-of-type {
        padding: 0.375rem 0.25rem 0.375rem 0;
    }

    .event-session-tr .th.event-session-time,
    .event-session-tr .td.event-session-time {
        width: 20%;
    }

    .event-session-tr .th.event-session-name,
    .event-session-tr .td.event-session-name {
        width: 35%;
    }

        .event-session-tr .th.event-session-name.bonus,
        .event-session-tr .td.event-session-name.bonus {
            width: 80%;
        }

    .event-session-tr .th.event-session-track,
    .event-session-tr .td.event-session-track {
        width: 20%;
    }

    .event-session-tr .th.event-session-location,
    .event-session-tr .td.event-session-location {
        width: 25%;
    }

    .event-session-tr .td {
        padding: 0.375rem 0.25rem;
    }

        .event-session-tr .td.event-session-name a + div {
            padding-top: 0.5rem;
        }

        .event-session-tr .td.event-session-name img {
            align-content: center;
            align-items: center;
            display: flex;
            margin: 0 0 1rem;
            max-height: 125px;
            -o-object-fit: cover;
            object-fit: cover;
            width: 125px;
        }

.event-session-name i {
    color: var(--pico-color);
}

.event-session-name .speakers {
    list-style-type: none;
    padding: 0;
}

    .event-session-name .speakers li {
        border-bottom: 1px solid var(--pico-primary-inverse);
        margin-bottom: 1em;
    }

        .event-session-name .speakers li:last-of-type {
            border-bottom: 0;
            margin-bottom: 0;
        }

.event-session-table .event-session-tr,
.event-session-table .event-session-tr p,
.event-session-table .event-session-tr ul li,
.event-session-table .event-session-tr ol li {
    font-size: 0.95rem;
    line-height: 1.4;
}

    .event-session-table .event-session-tr h1,
    .event-session-table .event-session-tr h2,
    .event-session-table .event-session-tr h3,
    .event-session-table .event-session-tr h4 {
        font-size: 1rem;
    }

@media only screen and (max-width: 991px) {
    .event-session-table .event-session-tr.table-header {
        display: none;
    }

    .event-session-table .event-session-tr,
    .event-session-table .event-session-tr .td {
        display: flex;
    }

    .event-session-table .event-session-tr {
        flex-direction: column;
        padding: 1rem 0 0.5rem;
    }

        .event-session-table .event-session-tr .td {
            flex-direction: column-reverse;
        }

    .event-session-tr .td,
    .event-session-tr .td:first-of-type {
        padding: 0;
    }

        .event-session-tr .td span.content {
            padding: 0 0.25rem 0.5rem;
        }

        .event-session-tr .td span.title {
            padding: 0 0.25rem 0.125rem;
        }

        .event-session-tr .th.event-session-time,
        .event-session-tr .td.event-session-time,
        .event-session-tr .th.event-session-name,
        .event-session-tr .td.event-session-name,
        .event-session-tr .th.event-session-track,
        .event-session-tr .td.event-session-track,
        .event-session-tr .th.event-session-location,
        .event-session-tr .td.event-session-location {
            width: 100%;
        }

        .event-session-tr .td.event-session-time {
            order: 2;
        }

        .event-session-tr .td.event-session-name {
            order: 1;
            font-weight: 800;
        }

        .event-session-tr .td.event-session-track {
            order: 3;
        }

        .event-session-tr .td.event-session-location {
            order: 4;
        }

    .event-session-table .event-session-tr .td span.content:empty,
    .event-session-table .event-session-tr .td span.content:empty + span.title {
        display: none;
    }
}

@media only screen and (min-width: 992px) {
    .event-session-tr .td span.title {
        display: none;
    }
}

.event-closed {
    background: var(--pico-secondary);
    border-radius: 0.25rem;
    color: var(--white);
    margin: 0 0 3rem;
    padding: 1rem;
}

    .event-closed span {
        font-size: 1rem;
        font-weight: 700;
    }

.event-contact .board-photo {
    margin-bottom: 1rem;
}

    .event-contact .board-photo img {
        border-radius: 50%;
        height: 120px;
        width: auto;
    }

@media only screen and (max-width: 991px) {
    .event-contact .col-lg:not(:first-child) {
        margin-top: 1rem;
    }
}

#speakers .speakers-wrapper {
    margin-top: -1.5rem;
}

    #speakers .speakers-wrapper .speaker {
        padding-top: 1.5rem;
    }

/********** *
EVENT SPONSOR DASHBOARD
* **********/
.event-dashboard .content {
    border-top: 1px solid var(--pico-primary-inverse);
    margin-top: 3rem;
    padding-top: 3rem;
}

    .event-dashboard .content :empty,
    .event-dashboard .content :blank {
        display: none;
    }

.event-dashboard .company-image {
    border: 1px solid var(--pico-primary-inverse);
    height: auto;
    margin: 0 1rem 1rem 0;
    padding: 0.5rem;
    width: 200px;
}

    .event-dashboard .company-image:last-of-type {
        margin: 0 0 1rem 0;
    }

.event-dashboard h2.sponsor-name {
    font-size: 1.75rem;
    position: relative;
}

/*.event-dashboard h2.sponsor-name::before {
  background: var(--pico-primary);
  content: '';
  height: 100%;
  left: -1.250rem;
  position: absolute;
  top: 0;
  width: 0.375rem;
}*/
.event-dashboard h3.content-header {
    font-size: 1.25rem;
}

.event-dashboard .contact figure.image-wrapper {
    display: block;
    height: 150px;
    margin: 0 0 1rem;
    overflow: hidden;
    width: 150px;
}

    .event-dashboard .contact figure.image-wrapper picture {
        align-content: center;
        align-items: center;
        display: flex;
        height: 100%;
        justify-content: center;
        margin-bottom: 0;
        overflow: hidden;
        position: absolute;
        width: 100%;
    }

        .event-dashboard .contact figure.image-wrapper picture img {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: 50% 50%;
            object-position: 50% 50%;
            width: 100%;
        }

.event-dashboard .contact p {
    font-size: 1rem;
}

.event-dashboard .sidebar .view-dashboard {
    border-bottom: 1px solid var(--pico-primary-inverse);
    margin-bottom: 3rem;
    padding-bottom: 3rem;
}

@media only screen and (min-width: 992px) {
    .event-dashboard .mainbar {
        border-right: 1px solid var(--pico-primary-inverse);
        height: auto;
        padding-right: 3rem;
    }
}

@media only screen and (max-width: 991px) {
    .event-dashboard .sidebar {
        border-top: 1px solid var(--pico-primary-inverse);
        margin-top: 1rem;
        padding-top: 3rem;
    }
}
/********** *
ANNUAL MEETING PAGE
* **********/
/* Navigation */
body#annualmeeting #nav-primary {
    background: transparent;
    border-bottom-color: var(--white);
}

    body#annualmeeting #nav-primary #nav-items-container > .item a,
    body#annualmeeting #nav-primary #nav-event-items-container > .item a {
        color: var(--white);
    }

        body#annualmeeting #nav-primary #nav-items-container > .item a:active,
        body#annualmeeting #nav-primary #nav-items-container > .item a:focus,
        body#annualmeeting #nav-primary #nav-items-container > .item a:hover,
        body#annualmeeting #nav-primary #nav-event-items-container > .item a:active,
        body#annualmeeting #nav-primary #nav-event-items-container > .item a:focus,
        body#annualmeeting #nav-primary #nav-event-items-container > .item a:hover {
            color: var(--pico-primary-hover);
        }

body#annualmeeting #nav-account-login .item {
    background: var(--white);
}

    body#annualmeeting #nav-account-login .item:active,
    body#annualmeeting #nav-account-login .item:focus,
    body#annualmeeting #nav-account-login .item:hover {
        background: var(--pico-primary-hover-background);
    }

body#annualmeeting #nav-search .item i {
    color: var(--white);
}

    body#annualmeeting #nav-search .item i:active,
    body#annualmeeting #nav-search .item i:focus,
    body#annualmeeting #nav-search .item i:hover {
        color: var(--pico-primary-hover);
    }

body#annualmeeting #nav-hamburger .bar {
    background: linear-gradient(to right, var(--white) 50%, #edb539 50%);
    background-size: 200% 100%;
    background-position: 0 50%;
}

body#annualmeeting #nav-hamburger:active .bar,
body#annualmeeting #nav-hamburger:focus .bar,
body#annualmeeting #nav-hamburger:hover .bar {
    background-position: 100% 50%;
}

body#annualmeeting #nav-subscribe,
body#annualmeeting #nav-account-login,
body#annualmeeting #nav-account-management,
body#annualmeeting #nav-search {
    border-left-color: transparent;
}

/* Hero */
body#annualmeeting #hero {
    height: 650px;
}

    body#annualmeeting #hero .hero-annual-meeting-wrapper {
        background: rgb(0, 0, 0);
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
        height: 100%;
        position: relative;
    }

        body#annualmeeting #hero .hero-annual-meeting-wrapper .container {
            height: 100%;
        }

            body#annualmeeting #hero .hero-annual-meeting-wrapper .container .content,
            body#annualmeeting #hero .hero-annual-meeting-wrapper .container .content .content-upper,
            body#annualmeeting #hero .hero-annual-meeting-wrapper .container .content .content-lower {
                display: flex;
                width: 100%;
            }

            body#annualmeeting #hero .hero-annual-meeting-wrapper .container .content {
                flex-direction: column;
                justify-content: space-between;
            }

            body#annualmeeting #hero .hero-annual-meeting-wrapper .container .content-upper,
            body#annualmeeting #hero .hero-annual-meeting-wrapper .container .content-lower {
                align-content: center;
                align-items: center;
                flex-direction: row;
            }

            body#annualmeeting #hero .hero-annual-meeting-wrapper .container .content-upper {
                justify-content: center;
                padding-top: 3rem;
            }

            body#annualmeeting #hero .hero-annual-meeting-wrapper .container .content-lower {
                justify-content: space-between;
                padding-bottom: 3rem;
            }

    body#annualmeeting #hero .hero-annual-meeting-tagline {
        width: 62%;
    }

    body#annualmeeting #hero.hero-standard .content h1 {
        color: var(--white);
        text-shadow: none;
    }

    body#annualmeeting #hero .hero-annual-meeting-logo {
        width: 26%;
    }

body#annualmeeting #hero-mask-annual-meeting-2022 {
    bottom: 0;
    height: calc(100% - 80px);
    left: 50%;
    position: absolute;
    width: auto;
    display: none;
}

body#annualmeeting .event-vitals {
    display: block;
    margin: 0;
}

    body#annualmeeting .event-vitals span {
        background: var(--white);
        display: block;
        letter-spacing: 0.025rem;
        margin: 0 0 0.5rem;
        padding: 0.5rem;
        width: -moz-max-content;
        width: max-content;
    }

        body#annualmeeting .event-vitals span:last-of-type {
            margin: 0;
        }

body#annualmeeting #breadcrumbs {
    bottom: 5px;
}

    body#annualmeeting #breadcrumbs ul li a {
        color: var(--white);
    }

        body#annualmeeting #breadcrumbs ul li a:active,
        body#annualmeeting #breadcrumbs ul li a:focus,
        body#annualmeeting #breadcrumbs ul li a:hover {
            color: var(--pico-primary-hover);
        }

    body#annualmeeting #breadcrumbs ul li {
        color: #cccccc;
    }

    body#annualmeeting #breadcrumbs ul.breadcrumbs li::after {
        color: #cccccc;
    }

@media only screen and (min-width: 576px) {
    body#annualmeeting .event-vitals {
        background: transparent;
        color: #000000;
    }
}

@media only screen and (min-width: 768px) {
    body#annualmeeting #search-fields {
        padding: 1rem 1.5rem 1rem;
    }

    body#annualmeeting #nav-primary .btn.btn-join {
        color: #000000;
    }

        body#annualmeeting #nav-primary .btn.btn-join::before {
            background: #ffd700;
        }

        body#annualmeeting #nav-primary .btn.btn-join::after {
            border-color: #ffd700;
        }

        body#annualmeeting #nav-primary .btn.btn-join:active,
        body#annualmeeting #nav-primary .btn.btn-join:focus,
        body#annualmeeting #nav-primary .btn.btn-join:hover {
            color: var(--white);
        }
}

@media only screen and (min-width: 1200px) {
    body#annualmeeting #nav-logo-container {
        border-right-color: var(--white);
    }
}

@media only screen and (max-width: 1199px) {
    body#annualmeeting #hero {
        height: 600px;
    }

        body#annualmeeting #hero .hero-annual-meeting-tagline {
            width: 90%;
        }
}

@media only screen and (max-width: 991px) {
    body#annualmeeting #hero.hero-standard .content h1 {
        max-width: 50%;
        padding-right: 1rem;
    }

    body#annualmeeting #hero .hero-annual-meeting-logo {
        width: 34%;
    }
}

@media only screen and (max-width: 767px) {
    body#annualmeeting #nav-primary .btn.btn-join {
        background: var(--pico-primary-background);
        border-color: var(--pico-primary-border);
        color: var(--pico-color);
    }

        body#annualmeeting #nav-primary .btn.btn-join:active,
        body#annualmeeting #nav-primary .btn.btn-join:focus,
        body#annualmeeting #nav-primary .btn.btn-join:hover {
            background: var(--pico-primary-hover-background);
            border-color: var(--pico-primary-hover-background);
            color: var(--white);
        }

    body#annualmeeting #hero {
        height: 475px;
    }

        body#annualmeeting #hero .hero-annual-meeting-logo {
            width: 40%;
        }
}

@media only screen and (max-width: 575px) {
    body#annualmeeting #hero .hero-annual-meeting-wrapper .container .content-upper {
        padding-top: 1.75rem;
    }

    body#annualmeeting #hero .hero-annual-meeting-wrapper .container .content-lower {
        flex-direction: column-reverse;
        padding-bottom: 1.75rem;
    }

    body#annualmeeting #hero .hero-annual-meeting-logo {
        margin-top: 0.5rem;
        width: 50%;
    }

    body#annualmeeting .event-vitals {
        align-content: center;
        align-items: center;
        display: flex;
        justify-content: center;
    }

        body#annualmeeting .event-vitals span {
            background: transparent;
            margin: 0 0 0.25rem;
            padding: 0;
        }
}

@media only screen and (max-width: 450px) {
    body#annualmeeting #hero.hero-standard .content h1 {
        max-width: 65%;
    }

    body#annualmeeting #hero-mask-annual-meeting-2022 {
        left: 65%;
    }
}

body#annualmeeting #nav-event-logo img {
    mix-blend-mode: none;
    width: 100%;
}

/********** *
LOGIN OR JOIN FORM
* **********/
[v-cloak] {
    display: none;
}

.login-or-join.inline {
    margin: 0 auto;
    width: 575px;
}

    .login-or-join.inline p {
        font-size: 0.9rem;
        font-weight: 400;
        margin: 0 0.5rem;
    }

        .login-or-join.inline p a {
            margin: 0;
        }

@media only screen and (max-width: 767px) {
    .login-or-join.inline {
        width: 100%;
    }

        .login-or-join.inline p {
            margin: 0;
            text-align: left;
        }
}

.login-or-join.inline form.login-or-join {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    text-align: left;
    width: 100%;
}

.center .login-or-join.inline form.login-or-join {
    justify-content: center;
}

@media only screen and (min-width: 768px) {
    .center-md .login-or-join.inline form.login-or-join {
        justify-content: center;
    }
}

@media only screen and (min-width: 992px) {
    .center-lg .login-or-join.inline form.login-or-join {
        justify-content: center;
    }
}

.login-or-join.inline form.login-or-join .form-group-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: calc(100% - 65px);
}

.login-or-join.inline form.login-or-join .form-group {
    height: 49px;
    margin: 0 0.5rem;
    position: relative;
    width: 50%;
}

.login-or-join.inline form.login-or-join input {
    align-content: flex-end;
    align-items: flex-end;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--pico-primary-inverse);
    border-radius: 0;
    color: var(--pico-color);
    display: flex;
    font-size: 0.9rem;
    font-weight: 400;
    height: 100%;
    line-height: 1;
    justify-content: flex-start;
    padding: 1rem 0 0 0;
    text-align: left;
    transition: all 150ms ease-in-out;
}

    .login-or-join.inline form.login-or-join input:hover {
        border-bottom: 1px solid var(--pico-secondary);
    }

    .login-or-join.inline form.login-or-join input:active,
    .login-or-join.inline form.login-or-join input:focus {
        background: transparent;
        color: var(--pico-color);
        border-bottom: 1px solid var(--pico-primary);
        box-shadow: none;
        outline: 0;
    }

    .login-or-join.inline form.login-or-join input + label {
        font-size: 0.6rem;
        left: 0;
        position: absolute;
        top: 0;
        transition: all 150ms ease-in-out;
    }

    .login-or-join.inline form.login-or-join input:-moz-placeholder-shown {
        border-bottom: 1px solid var(--pico-primary);
    }

    .login-or-join.inline form.login-or-join input:placeholder-shown {
        border-bottom: 1px solid var(--pico-primary);
    }

    .login-or-join.inline form.login-or-join input:-moz-placeholder-shown + label {
        font-size: 0.8rem;
    }

    .login-or-join.inline form.login-or-join input:placeholder-shown + label {
        font-size: 0.8rem;
    }

    .login-or-join.inline form.login-or-join input:active + label,
    .login-or-join.inline form.login-or-join input:focus + label {
        font-size: 0.6rem;
    }

.login-or-join.inline form.login-or-join button {
    align-content: center;
    align-items: center;
    background: var(--pico-primary);
    border: 0;
    border-radius: 50%;
    color: var(--white);
    display: flex;
    font-size: 1rem;
    height: 65px;
    justify-content: center;
    position: relative;
    top: 0;
    width: 65px;
}

    .login-or-join.inline form.login-or-join button:active,
    .login-or-join.inline form.login-or-join button:focus,
    .login-or-join.inline form.login-or-join button:hover {
        background: var(--pico-secondary);
    }

@media only screen and (max-width: 767px) {
    .login-or-join.inline form.login-or-join {
        justify-content: space-between;
    }

        .login-or-join.inline form.login-or-join .form-group-wrapper {
            flex-direction: column;
            width: calc(100% - 65px - 1rem);
        }

        .login-or-join.inline form.login-or-join .form-group {
            margin: 0 0 1rem;
            width: 100%;
        }

            .login-or-join.inline form.login-or-join .form-group:last-of-type {
                margin: 0;
            }

    .login-or-join.inline .login-or-join p {
        margin: 0;
    }
}

.login-or-join.inline form.login-or-join input:-webkit-autofill {
    -webkit-animation-delay: 1s; /* Safari support - any positive time runs instantly */
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

.member-exclusive .blog-preview-container {
    margin-top: 3rem;
}

.member-exclusive img.has-border {
    border: 1px solid var(--pico-primary-inverse);
    padding: 0.5rem;
}

.member-exclusive img.logo-blr {
    width: 180px;
}

.member-exclusive img.logo-fabtech {
    width: 280px;
}

.member-exclusive-tag-container {
    position: absolute;
    width: 100%;
    z-index: 1;
}

    .member-exclusive-tag-container .member-exclusive-tag-icon {
        height: auto;
        max-width: 58px;
        position: absolute;
        top: 0;
        right: 0;
        width: 20%;
        z-index: 10;
    }

    .member-exclusive-tag-container .member-exclusive-tag-text {
        align-content: center;
        align-items: center;
        background: rgba(0, 105, 170, 0.65);
        color: var(--white);
        display: flex;
        font-size: 0.8rem;
        font-weight: 700;
        height: 1.75rem;
        justify-content: flex-start;
        left: 0;
        line-height: 1;
        padding: 0 0 0 0.5rem;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 0;
    }

@media only screen and (min-width: 992px) {
    .member-exclusive:nth-of-type(odd) .content {
        padding-right: 1.5rem;
    }

    .member-exclusive:nth-of-type(even) .content {
        padding-left: 1.5rem;
    }
}
/********** *
DIRECTORY
* **********/
#online-directory p.search-type {
    border-bottom: 1px solid var(--pico-primary-inverse);
    font-size: 1.15rem;
    font-weight: 700;
    padding: 0 0 0.5rem;
}

#online-directory .logged-in p.keyed {
    position: relative;
}

@media only screen and (min-width: 481px) {
    #online-directory .logged-in p.keyed::before {
        background: var(--pico-secondary-border);
        content: "";
        height: calc(100% - 12px);
        left: -1rem;
        position: absolute;
        top: 6px;
        width: 5px;
    }
}

.directory-results {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.directory-listing {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    margin: 0 0 2rem;
    position: relative;
}

@media only screen and (min-width: 768px) {
    #directory-results-container .directory-listing::before {
        background: transparent;
        content: "";
        height: calc(100% - 10px);
        left: -30px;
        position: absolute;
        top: 5px;
        width: 4px;
    }

    #directory-results-container .directory-listing:active::before,
    #directory-results-container .directory-listing:focus::before,
    #directory-results-container .directory-listing:hover::before {
        background: #7E97AD;
    }
}

.directory-listing p {
    margin: 0;
}

.member_type {
    color: var(--pico-color);
    font-family: var(--pico-font-family);
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.1rem;
    margin: 0;
    text-transform: uppercase;
}

.actual_member {
    font-size: 1.25rem;
}

.member_details {
    color: #7E97AD;
}

@media only screen and (min-width: 768px) {
    .refine-results {
        border-left: 1px solid var(--pico-primary-inverse);
        padding-left: 1.5rem;
    }
}
/********** *
DIRECTORY LISTING
* **********/
img.directory-logo {
    border: 1px solid var(--pico-primary-inverse);
    max-width: 275px;
    padding: 0.5rem;
    width: auto;
}

.logo-affiliations {
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    margin-bottom: 1rem;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 1rem;
}

    .logo-affiliations .logo_tpa {
        margin: 0 15px;
        width: 120px;
    }

    .logo-affiliations .logo_ampd {
        margin: 0 15px;
        width: 150px;
    }

    .logo-affiliations .logo_cec {
        margin: 0 15px;
        width: 100px;
    }

.directory-locations {
    border-top: 1px solid var(--pico-primary-inverse);
    padding-top: 1.5rem;
}

iframe.directory-map {
    display: block;
    height: 350px;
    position: relative;
    width: 100%;
}

@media only screen and (max-width: 991px) {
    iframe.directory-map {
        height: 300px;
    }
}

.directory-listing .directory-contact {
    margin: 0 0 1rem;
}

    .directory-listing .directory-contact p,
    .directory-listing .directory-contact:last-of-type {
        margin: 0;
    }

/********** *
404 PAGE
* **********/
.page-404 .search-form fieldset {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

    .page-404 .search-form fieldset input {
        height: 50px;
        width: calc(100% - 7rem);
    }

    .page-404 .search-form fieldset button {
        width: 6rem;
    }

@media only screen and (min-width: 768px) {
    .page-404 .search-form {
        max-width: 500px;
    }

        .page-404 .search-form fieldset input {
            height: 46px;
        }
}
/********** *
CAMPAIGN PAGES
* **********/
.campaign {
    position: relative;
}

    .campaign .image-wrapper {
        background: var(--white);
        border: 1px solid var(--pico-primary-inverse);
        float: right;
        margin: 0 0 1rem 1rem;
        padding: 0.5rem;
        position: relative;
    }

@media only screen and (min-width: 768px) {
    .campaign .image-wrapper {
        width: 15.5rem;
    }

        .campaign .image-wrapper.horizontal {
            width: 20rem;
        }
}

@media only screen and (max-width: 767px) {
    .campaign .image-wrapper {
        width: calc(50% - 1rem);
    }
}

@media only screen and (min-width: 992px) {
    #job-shop-consumption-report-resources h3 {
        align-items: center;
        display: flex;
        font-size: 1.25rem;
        height: 52px;
        justify-content: center;
    }

    #job-shop-consumption-report-resources p {
        font-size: 0.95rem;
        font-style: italic;
        line-height: 1.3;
    }
}

.campaign-resources h3 {
    font-size: 1.375rem;
}

@media only screen and (min-width: 992px) {
    .campaign-direct .content-wrapper {
        align-content: flex-start;
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-right: -15px;
        margin-left: -15px;
    }

        .campaign-direct .content-wrapper .content,
        .campaign-direct .content-wrapper .download {
            position: relative;
            padding-right: 15px;
            padding-left: 15px;
            width: 100%;
        }

        .campaign-direct .content-wrapper .content {
            flex: 0 0 66.6666666667%;
            max-width: 66.6666666667%;
        }

        .campaign-direct .content-wrapper .download {
            flex: 0 0 33.3333333333%;
            max-width: 33.3333333333%;
            order: 2;
        }

    .campaign-resources picture {
        height: 180px;
    }

        .campaign-resources picture img {
            display: block;
            height: 100%;
            margin: 0;
            -o-object-fit: cover;
            object-fit: cover;
            position: relative;
        }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .campaign-direct .content-wrapper .content,
    .campaign-direct .content-wrapper .download {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media only screen and (max-width: 991px) {
    .campaign-direct .content-wrapper .download {
        float: right;
        margin-bottom: 1.5rem;
        margin-left: 1.5rem;
        margin-top: 0.375rem;
        width: calc(50% - 1.5rem);
    }
}
/* CAMPAIGN BUSINESS PAGE */
.campaign-business h3 {
    font-size: 1.375rem;
}

@media only screen and (min-width: 992px) {
    .campaign-business #fabtech-wrapper {
        border-left: 1px solid #d5d6d8;
        margin-left: 17px;
        padding-left: 2rem;
    }
}

.campaign-business #fabtech-wrapper a {
    display: block;
}

.campaign-business #fabtech-wrapper img {
    max-width: 280px;
}

.campaign-business #fabtech-wrapper .attend-box {
    float: right;
    margin: 0 0 0.5rem 0.5rem;
    width: 9rem;
}

.campaign-business #fabtech-wrapper p:last-of-type {
    margin: 0;
}

.campaign-business#additional-resources .image-container.angled {
    border-bottom: 1px solid #dae3ec;
    align-content: center;
    align-items: flex-start;
    display: flex;
    height: 13rem;
    justify-content: center;
    margin: 0 auto 2rem;
    overflow: hidden;
    padding: 1rem 1rem 0;
}

@media only screen and (max-width: 1199px) {
    .campaign-business#additional-resources .image-container.angled {
        height: 11rem;
    }
}

@media only screen and (max-width: 991px) {
    .campaign-business#additional-resources .image-container.angled {
        height: 14rem;
    }
}

.campaign-business#additional-resources .image-container.angled a {
    display: flex;
    width: auto;
}

.campaign-business#additional-resources .image-container.angled picture {
    align-content: center;
    align-items: center;
    display: inline-flex;
    flex-wrap: nowrap;
    justify-content: center;
}

    .campaign-business#additional-resources .image-container.angled picture img {
        height: auto;
        margin: 0;
        max-width: 245px;
        -o-object-fit: cover;
        object-fit: cover;
        position: relative;
        transform: rotate(7deg);
    }

.small {
    font-size: 0.8rem !important;
}

.membership-event ul.dash {
    list-style: none;
    margin-left: 0;
    padding-left: 1rem;
    font-weight: 600;
}

    .membership-event ul.dash > li:before {
        display: inline-block;
        content: "—";
        width: 1em;
        margin-left: -1rem;
    }

.membership-event #callout p {
    font-size: 0.9rem;
}

.membership-event #sponsors {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

    .membership-event #sponsors .event-sponsor {
        flex: 0 0 25%;
    }

@media screen and (min-width: 992px) {
    .membership-event #callout {
        border-left: 1px solid lightgrey;
        padding-left: 1rem;
    }
}

@media screen and (max-width: 991px) {
    .membership-event #callout {
        display: block;
        margin: 0 0 1rem;
        width: 100%;
    }

        .membership-event #callout p {
            font-size: 1rem;
        }

    .membership-event #gibsons {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .membership-event .event-sponsor {
        margin-bottom: 0;
    }
}
/* Summary */
@media screen and (max-width: 42em) {
    .mtgWizardButtons .buttonRow-inner {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

        .mtgWizardButtons .buttonRow-inner input {
            margin-left: auto !important;
            margin-right: auto !important;
        }
}
/* More stuff added Jan '23 to improve registration/cart/checkout experience, especially mobile */
@media screen and (max-width: 767px) {
    .row div.captionWithRequiredFieldIndicator {
        margin-bottom: 0;
    }

    .addToCalendar .btn.btn-default {
        background: var(--pico-primary-background);
    }
}

.contactInformation > div,
.row .addressesBlock,
.row .contactsBlock {
    flex: 1 1;
    min-width: 250px;
    max-width: 100%;
}

#FMAThankYou {
    font-size: initial;
    margin: 15px;
    text-align: left;
}

#dnn_ctr2388_ModuleContent > div {
    display: flex;
    gap: 4px;
}

.DNNModuleContent.ModDNNHTMLC > .Normal {
    margin: 15px 15px 0 15px;
}

    .DNNModuleContent.ModDNNHTMLC > .Normal p {
        background: #dae3ec;
        flex: 1 1 1fr;
        padding: 0.4em;
        text-align: center;
    }

        .DNNModuleContent.ModDNNHTMLC > .Normal p:first-of-type {
            border-left: none;
        }

.DnnModule-Personify-DNNWebControlContainer h2.moduleTitle span {
    display: none;
}

.OrderSummaryControl_PersonifyDefault .cellProductName .lblAdditionalInfo {
    border: none;
    display: block;
    margin: 0.2em 0;
    padding: 0;
}

.row-order-values td.borderTop {
    border: none;
}

.row-order-actions td {
    border: none;
}

.row-order-actions + .row-order-share td {
    border: none;
}

.row-order-share td {
    border-top: 1px solid #ddd;
}

@media screen and (max-width: 42em) {
    label {
        width: unset !important;
    }

    .row-order-summary .borderTop .tblTotal tr td {
        height: unset !important;
    }

    .meetingBadgeField .captionWithRequiredFieldIndicator {
        margin: unset;
    }

    .cartlayout .center,
    .cartlayout .subCol {
        width: unset;
    }

    .prevNextCancelButtons.buttonRow .cancel {
        display: inline-block;
        margin: 5px !important;
    }

    .prevNextCancelButtons #NextButton {
        margin: 5px !important;
    }

    .RadWindow.RadWindow_PersonifyDefault.rwNormalWindow.rwTransparentWindow.editWindow {
        top: 50px !important;
    }

    .RadWindow_PersonifyDefault.rwNormalWindow.rwTransparentWindow .rwWindowContent div {
        height: unset !important;
        width: unset !important;
    }
}

div[id*=pnlContainerMain] {
    flex-grow: 1;
}

.linksTD {
    border-bottom: 1px solid #ddd;
}

.productControlSelection {
    margin: 0 0 10px 10px;
}

.prevNextCancelButtons {
    margin: 0 15px;
}

.mainCheckoutDiv {
    max-width: 100%;
    padding: 0px 15px;
    width: unset;
}

div.WizardHeaderControl_PersonifyDefault.wizardHeader span.step {
    margin-bottom: 20px;
}

@media screen and (max-width: 42em) {
    .mainCheckoutDiv .leftPane {
        width: 100%;
    }

    .row.multi-cc-row {
        flex-grow: 1;
    }

    .pnlAddProfileEditorRow {
        flex-grow: 1;
    }
}

.productControlSection {
    background: unset;
    border: none;
    margin: 0 0 10px 10px;
}

.cartPrevewPaneButtonRow.buttonRow {
    width: unset;
}

p.cartCountLabel {
    background-color: initial;
    border: none;
    position: unset;
}

@media only screen and (min-width: 415px) and (max-width: 736px) {
    .CheckoutPaymentInformationControlMCC_PersonifyDefault .mainCheckoutDiv .leftPane {
        width: unset;
    }
}

a, a:link, a:visited, a:active, a:hover {
    color: var(--pico-primary-hover);
    text-decoration: none;
}

.MainCalendar .section:hover,
.MainCalendar .section:focus,
.MainCalendar .sourceMobileFilterSections .section:hover,
.MainCalendar .sourceMobileFilterSections .section:focus {
    border-top: 4px solid var(--pico-primary-hover-background);
}

/********
GENERAL STYLES
********/
#Body {
    background: hsl(42, 85%, 62%);
    font-family: inherit;
}

body {
    background: hsl(42, 85%, 62%);
}

/*Main Content Styles*/
#content.mc {
    max-width: 100%;
    width: inherit;
    margin: 0;
    overflow: auto;
}

#content h1 {
    margin-left: initial;
}

#clip-wrapper {
    background: var(--pico-background-color);
    width: 100%;
}

.main {
    max-width: 1270px !important;
    margin: 0 auto;
}

#clip-text {
    margin-left: 14%;
    width: 80%;
    padding: 40px 0px;
}

.WizardBannerControl_PersonifyDefault span.active span {
    color: var(--pico-background-color) !important;
}

div .WizardBannerControl_PersonifyDefault span {
    color: var(--pico-background-color) !important;
}

    div .WizardBannerControl_PersonifyDefault span.step.active {
        background-color: var(--pico-primary-background);
        opacity: 1;
    }

    div .WizardBannerControl_PersonifyDefault span.step {
        background-color: var(--pico-primary-background);
        opacity: 0.5;
        border-bottom: 3px solid var(--pico-contrast-background);
    }

div .WizardBannerControl_PersonifyDefault .active span.number {
    /* background-color: var(--pico-secondary-background); */
    opacity: 1;
}

div .WizardBannerControl_PersonifyDefault span.number {
    background-color: var(--pico-secondary-background) !important;
}

/*WizardHeaderControl*/
.WizardHeaderControl_PersonifyDefault .step.active, div.afmWizardHeader .step, .MtgRegWizard_PersonifyDefault .MtgRegWizContainer li.MtgRegWizstepSelected {
    background-color: var(--pico-primary-background);
    border-bottom: 3px solid var(--pico-contrast-background);
    opacity: 1;
}

div.WizardHeaderControl_PersonifyDefault span.step, .MtgRegWizard_PersonifyDefault .MtgRegWizContainer li {
    background-color: var(--pico-primary-background);
    opacity: 0.5;
    border-bottom: 3px solid var(--pico-contrast-background);
}

    div.WizardHeaderControl_PersonifyDefault span, .MtgRegWizard_PersonifyDefault .MtgRegWizContainer li a {
        color: var(--pico-background-color) !important;
    }

        div.WizardHeaderControl_PersonifyDefault span.active span, .MtgRegWizard_PersonifyDefault .MtgRegWizContainer li a {
            color: var(--pico-background-color) !important;
        }

.CheckoutControl_PersonifyDefault .active .step-number {
    font-size: 100%;
}

.afmWizardHeader .step-number, .CheckoutControl_PersonifyDefault .step-number, .MtgRegWizHeader_PersonifyDefault .step-number, .NominationHeaderControl_PersonifyDefault .step-number, .DonationWizHeader_PersonifyDefault .step-number {
    background-color: var(--pico-secondary-background) !important;
}

.CheckoutControl_PersonifyDefault .step-number {
    padding: 0 0 5px 0 !important;
}

.MtgWizStepTitle,
.MtgWizStepCustomerName,
.MtgRegWizTopHeaderMtgDetailsName,
.checkoutHeader,
.MtgRegWizard_PersonifyDefault .MTGBadgeCaption,
.MtgRegWizard_PersonifyDefault .ProductRelatedProductsTitle,
.MtgRegWizSummarySideHeading,
.MtgRegWizard_PersonifyDefault .MTGBadgeCaption,
.MtgRegWizard_PersonifyDefault .ProductRelatedProductsTitle,
.savingsValue,
.OrderSummaryControl_PersonifyDefault .productName,
a.productName,
#header .action #cartPreview .ShoppingCartItemDetailsControl_PersonifyDefault .action-hyperlink,
.MtgRegWizard_PersonifyDefault .CustomerSpecialNeedControl_PersonifyDefault h3.heading3,
.MtgRegWizard_PersonifyDefault .EmergencyContact_PersonifyDefault h3.heading3,
.MtgRegWizard_PersonifyDefault .MTGBadgeCaption, .MtgRegWizard_PersonifyDefault .ProductRelatedProductsTitle,
.PurchaseHistory_PersonifyDefault.Profile_PersonifyDefault .exp-col-container.purchase-hist-order-detail .exp-col-title-text,
.AFMBuyForGroup_PersonifyDefault .MtgRegWizTopHeaderMtgDetailsName,
.dvMtgSelectedItemsList .RadGrid_PersonifyDefault .rgGroupHeader td,
.ProductDetailControl_PersonifyDefault .productDetailBlock a,
.lblMtgSesDate,
.dvMtgSesPurchaseTicketsHeader,
.dvMtgSesRemoveAllRow,
.btnMtgSesItems,
.dvMtgSesDate button,
.dvMtgSesDate i,
.MTGBadgeCaption,
.ctrl-row-item-order-number a,
.exp-col-title-text.expanded .dvMtgSesDetail .only-text,
.mtgDate,
.MtgWizStepTitle,
.MtgWizStepCustomerName,
.RadGrid_PersonifyDefault .rgRow a,
.RadGrid_PersonifyDefault .rgAltRow a,
.RadGrid_PersonifyDefault .rgEditRow a,
.RadGrid_PersonifyDefault tr.rgEditRow a,
.RadGrid_PersonifyDefault tr.rgHoveredRow a,
.RadGrid_PersonifyDefault tr.rgActiveRow a,
.RadGrid_PersonifyDefault .rgFooter a,
.RadGrid_PersonifyDefault .rgEditForm a {
    color: var(--pico-primary) !important;
}

.segmentsListPanel .RadListBox .rlbGroup .rlbList li span:hover,
.segmentsListPanel .controlButtonLink:hover {
    color: var(--pico-primary-hover);
}

.MtgRegWizSummary_PersonifyDefault.MeetingsMtgReg_PersonifyDefault .row.HighlightRow {
    border-left: 5px solid var(--pico-primary-border);
}

div.WizardHeaderControl_PersonifyDefault.wizardHeader span.step {
    width: 33%;
}

.CheckoutAddressInformationControl_PersonifyDefault {
    max-width: initial;
}

.savingsHeader {
    background: var(--pico-primary-background);
    margin-right: 0;
}

    .savingsHeader .decore {
        display: none;
    }

#productSelection1,
#productSelection2,
#productSelection3 {
    padding-left: 0 !important;
}

.lblGuestPriceDesc {
    float: right;
    margin-top: 4px;
}

.dvMtgSesDetail {
    display: block;
}

div:has(> .dvMtgSessTicketDetailSelectNoOfTickets),
div:has(> .dvMtgSesTicketsDetailGuestInfo) {
    width: 100%;
}

@media only screen and (max-width: 991px) {
    #productSelectionDivLeft {
        padding-right: 0;
    }

    #productSelectionDivRight {
        padding-left: 0;
    }
}
/*Footer*/
#site-footer {
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 3rem;
    padding-top: 7.5rem;
    position: relative;
    transition: padding 100ms ease-in-out;
    z-index: 1;
}

footer .the-fabricator {
    aspect-ratio: 210/42;
    mask-image: url(https://cdn.fmamfg.org/logos/logo-the-fabricator-primary-tm-white.svg);
    -webkit-mask-image: url(https://cdn.fmamfg.org/logos/logo-the-fabricator-primary-tm-white.svg);
}

footer .nbt {
    aspect-ratio: 1026/314;
    mask-image: url(https://cdn.fmamfg.org/logos/logo_footer_nbt.svg);
    -webkit-mask-image: url(https://cdn.fmamfg.org/logos/logo_footer_nbt.svg);
}

footer .fabtech {
    aspect-ratio: 1026/149;
    mask-image: url(https://cdn.fmamfg.org/logos/logo_footer_fabtech.svg);
    -webkit-mask-image: url(https://cdn.fmamfg.org/logos/logo_footer_fabtech.svg);
}

footer .cm-cfw {
    aspect-ratio: 809/257;
    mask-image: url(https://cdn.fmamfg.org/logos/logo-footer-canadian-metalworking-canadian-fabricating-welding-stacked.svg);
    -webkit-mask-image: url(https://cdn.fmamfg.org/logos/logo-footer-canadian-metalworking-canadian-fabricating-welding-stacked.svg);
}

footer .brand-logo {
    background: var(--pico-secondary);
    display: inline-block;
    mask-position: center;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    width: 210px;
}

    footer .brand-logo:hover {
        background: var(--pico-secondary-hover);
    }

.footer-brands {
    max-width: 115px;
    font-size: 1.45rem;
    margin: 55px auto 0 auto !important;
    text-transform: uppercase;
}

/*   #site-footer #footer-nav .logo img {
    width: 100%;
  } */
#site-footer #footer-nav .logo a:first-child {
    width: 300px;
}

#site-footer ul#nav-footer li a {
    color: var(--pico-primary);
}

#site-footer #footer-fine-print p a {
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.15);
    color: var(--pico-primary);
}

#site-footer #footer-affiliates {
    border-bottom: none;
    border-top: none;
    padding: 1rem 0;
    max-width: 800px;
    margin: 2rem auto;
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#site-footer ~ img {
    width: unset;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    #site-footer {
        padding-top: 6rem;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #site-footer {
        padding-top: 6rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #site-footer {
        padding-top: 6rem;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    #site-footer {
        padding-top: 9rem;
    }
}

@media only screen and (max-width: 575px) {
    #site-footer {
        padding-top: 7.5rem;
    }
}

#site-footer #footer-nav {
    align-items: center;
    display: flex;
    margin: 0 auto 1.5rem;
    text-align: center;
    flex-direction: column;
}

    #site-footer #footer-nav .logo {
        margin: 0 0 1rem;
    }

    /* #site-footer #footer-nav .logo img {
  width: 130px;
} */
    #site-footer #footer-nav h2 {
        color: var(--white);
        font-size: 1.5rem;
        margin: 0 0 1.5rem;
    }

@media only screen and (max-width: 767px) {
    #site-footer #footer-nav h2 span {
        display: block;
    }
}

#site-footer ul#nav-footer {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    list-style-type: none;
    margin: 20px 0 0 0;
    padding: 0;
}

@media only screen and (max-width: 767px) {
    #site-footer ul#nav-footer {
        flex-direction: column;
    }
}

#site-footer ul#nav-footer li {
    font-size: 0.85rem;
    margin: 0 2rem;
}

    #site-footer ul#nav-footer li a:active,
    #site-footer ul#nav-footer li a:focus,
    #site-footer ul#nav-footer li a:hover {
        color: var(--pico-secondary);
    }

/* #site-footer #footer-affiliates {
  align-content: center;
  align-items: center;
  border-bottom: 1px solid rgba(255,255,255,0.15);
  border-top: 1px solid rgba(255,255,255,0.15);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 3.000rem 0;
  padding: 3.000rem 0;
} */
/*
#site-footer #footer-affiliates .logo a svg .fillwhite,
#site-footer #footer-affiliates .logo a svg .strokewhite{
  -webkit-transition: all 100ms ease-in-out;
  -moz-transition: all 100ms ease-in-out;
  -o-transition: all 100ms ease-in-out;
  transition: all 100ms ease-in-out;
}
*/
#site-footer #footer-affiliates .logo a:active .fillwhite,
#site-footer #footer-affiliates .logo a:focus .fillwhite,
#site-footer #footer-affiliates .logo a:hover .fillwhite {
    fill: var(--pico-secondary);
}

#site-footer #footer-affiliates .logo a:active .strokewhite,
#site-footer #footer-affiliates .logo a:focus .strokewhite,
#site-footer #footer-affiliates .logo a:hover .strokewhite {
    stroke: var(--pico-secondary);
}

#site-footer #footer-affiliates #footer-membership-matters {
    width: 180px;
}

#site-footer #footer-affiliates #footer-the-fabricator-dot-com {
    width: 210px;
}

#site-footer #footer-affiliates #footer-nuts-bolts-and-thingamajigs {
    width: 200px;
}

#site-footer #footer-affiliates #footer-fabtech {
    width: 200px;
}

@media only screen and (min-width: 1200px) {
    #site-footer #footer-affiliates .logo {
        margin: 0 2rem;
        transition: width 100ms ease-in-out;
    }

        #site-footer #footer-affiliates .logo:first-of-type {
            margin: 0 2rem 0 0;
        }

        #site-footer #footer-affiliates .logo:last-of-type {
            margin: 0 0 0 2rem;
        }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    #site-footer #footer-affiliates .logo {
        margin: 0 1rem;
    }

        #site-footer #footer-affiliates .logo:first-of-type {
            margin: 0 1rem 0 0;
        }

        #site-footer #footer-affiliates .logo:last-of-type {
            margin: 0 0 0 1rem;
        }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #site-footer #footer-affiliates #footer-membership-matters {
        width: 125px;
    }

    #site-footer #footer-affiliates #footer-the-fabricator-dot-com {
        width: 157px;
    }

    #site-footer #footer-affiliates #footer-nuts-bolts-and-thingamajigs {
        width: 140px;
    }

    #site-footer #footer-affiliates #footer-fabtech {
        width: 150px;
    }
}

@media only screen and (max-width: 767px) {
    #site-footer ul#nav-footer li {
        font-size: 1rem;
    }

    #site-footer #footer-affiliates {
        flex-direction: column;
        justify-content: center;
        margin: 3rem 0;
        padding: 3rem 0;
    }

        #site-footer #footer-affiliates .logo {
            margin: 0 0 1.5rem;
        }

        #site-footer #footer-affiliates #footer-membership-matters {
            margin: 0 0 1rem;
        }

        #site-footer #footer-affiliates #footer-membership-matters {
            width: 160px;
        }

        #site-footer #footer-affiliates .logo:last-of-type {
            margin: 0;
        }
}

#site-footer #footer-fine-print {
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: space-between;
}

    #site-footer #footer-fine-print p {
        font-size: 0.8rem;
        line-height: 1.4;
        margin: 0;
    }

        #site-footer #footer-fine-print p:last-of-type {
            display: block;
        }

.logos-container {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

    .logos-container .logo {
        margin: 0 2rem;
    }

        .logos-container .logo#footer-cincinnati {
            width: 220px;
        }

        .logos-container .logo#footer-mitsubishi-laser {
            width: 250px;
        }

@media only screen and (min-width: 768px) {
    .logos-container .logo#footer-mitsubishi-laser {
        margin-bottom: 1rem;
    }
}

@media only screen and (max-width: 767px) {
    #site-sponsors .label-container {
        align-items: center;
    }

    .logos-container {
        flex-direction: column;
    }

        .logos-container .logo {
            margin: 1.5rem 0;
        }
}
/* #site-footer {
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 3.000rem;
  padding-top: 7.500rem;
  position: relative;
  -webkit-transition: padding 100ms ease-in-out;
  -moz-transition: padding 100ms ease-in-out;
  -o-transition: padding 100ms ease-in-out;
  transition: padding 100ms ease-in-out;
  z-index: 1;
} */
/* Prevent any tracking pixels after the footer from appearing at 100% width */
.social-wrapper ul.social {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .social-wrapper ul.social li a {
        align-content: center;
        align-items: center;
        display: flex;
        height: 40px;
        flex-wrap: nowrap;
        font-size: 0.8rem;
        justify-content: center;
        line-height: 1;
        margin: 0;
        text-transform: uppercase;
        width: 40px;
    }

    .social-wrapper ul.social li,
    .social-wrapper ul.social li a {
        color: var(--white);
    }

        .social-wrapper ul.social li a {
            color: var(--white);
            transition: background 100ms ease-in-out;
        }

        .social-wrapper ul.social li.join-fma a {
            font-size: 0.75rem;
            font-weight: 800;
            padding: 0.75rem 1rem;
            width: auto;
        }

        /*
.social-wrapper ul.social li.join-fma a:active,
.social-wrapper ul.social li.join-fma a:focus,
.social-wrapper ul.social li.join-fma a:hover {
  background: var(--pico-primary);
} */
        .social-wrapper ul.social li.facebook a {
            background: transparent;
        }

            .social-wrapper ul.social li.facebook a:active,
            .social-wrapper ul.social li.facebook a:focus,
            .social-wrapper ul.social li.facebook a:hover {
                background: transparent;
            }

        .social-wrapper ul.social li.twitter a {
            background: transparent;
        }

            .social-wrapper ul.social li.twitter a:active,
            .social-wrapper ul.social li.twitter a:focus,
            .social-wrapper ul.social li.twitter a:hover {
                background: transparent;
            }

        .social-wrapper ul.social li.youtube a {
            background: transparent;
        }

            .social-wrapper ul.social li.youtube a:active,
            .social-wrapper ul.social li.youtube a:focus,
            .social-wrapper ul.social li.youtube a:hover {
                background: transparent;
            }

        .social-wrapper ul.social li.linkedin a {
            background: transparent;
        }

            .social-wrapper ul.social li.linkedin a:active,
            .social-wrapper ul.social li.linkedin a:focus,
            .social-wrapper ul.social li.linkedin a:hover {
                background: transparent;
            }

        .social-wrapper ul.social li.contact a {
            background: transparent;
        }

            .social-wrapper ul.social li.contact a:active,
            .social-wrapper ul.social li.contact a:focus,
            .social-wrapper ul.social li.contact a:hover {
                background: transparent;
            }

        .social-wrapper ul.social li.contact {
            width: initial;
        }

i.icon-envelope, i.icon-newsletter, i.icon-search, i.icon-facebook, i.icon-home, i.icon-youtube, i.icon-linkedin {
    background-color: var(--pico-secondary);
    background-size: contain;
    display: inline-block;
    height: 1.4em;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    width: 1.4em;
}

    i.icon-envelope:hover, i.icon-newsletter:hover, i.icon-search:hover, i.icon-facebook:hover, i.icon-home:hover, i.icon-youtube:hover, i.icon-linkedin:hover {
        background-color: var(--pico-primary-hover-background);
    }

i.icon-facebook {
    mask-image: url(/PersonifyEbusiness/Portals/_default/Skins/PersonifySkin/images/masks/icon-facebook.svg);
    -webkit-mask-image: url(/PersonifyEbusiness/Portals/_default/Skins/PersonifySkin/images/masks/icon-facebook.svg);
}

i.icon-envelope, i.icon-newsletter {
    mask-image: url(/PersonifyEbusiness/Portals/_default/Skins/PersonifySkin/images/masks/icon-newsletter.svg);
    -webkit-mask-image: url(/PersonifyEbusiness/Portals/_default/Skins/PersonifySkin/images/masks/icon-newsletter.svg);
}

i.icon-linkedin {
    mask-image: url(/PersonifyEbusiness/Portals/_default/Skins/PersonifySkin/images/masks/icon-linkedin.svg);
    -webkit-mask-image: url(/PersonifyEbusiness/Portals/_default/Skins/PersonifySkin/images/masks/icon-linkedin.svg);
}

i.icon-youtube {
    mask-image: url(/PersonifyEbusiness/Portals/_default/Skins/PersonifySkin/images/masks/icon-youtube.svg);
    -webkit-mask-image: url(/PersonifyEbusiness/Portals/_default/Skins/PersonifySkin/images/masks/icon-youtube.svg);
}

@media only screen and (max-width: 991px) {
    #site-footer #footer-fine-print {
        flex-direction: column;
    }

        #site-footer #footer-fine-print #footer-legal {
            margin-top: 1.5rem;
            order: 2;
            text-align: center;
        }
}

@media only screen and (max-width: 767px) {
    #site-footer #footer-fine-print p {
        margin: 0 0 0.5rem;
    }

        #site-footer #footer-fine-print p:last-of-type {
            margin: 0;
        }
}

body, html {
    overflow-x: hidden;
}

/* --- Add to FMA CSS --- */
#nav-personify-login .item, #nav-cart .item {
    align-items: center;
    align-self: center;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 35px;
    justify-content: center;
    padding-top: 6px;
    transition: all 150ms ease-in-out;
    width: 35px;
}

    #nav-personify-login .item i,
    #nav-personify-login .item a,
    #nav-cart .item i,
    #nav-account-management .item i {
        margin-left: 0;
        transition: all 150ms ease-in-out;
        color: #161f2d;
        font-size: 0.85rem;
    }

    /* #nav-cart .item:active,
#nav-cart .item:focus,
#nav-cart .item:hover {
    background: var(--pico-primary);
    outline: none;
} */
    #nav-personify-login .item:active i,
    #nav-personify-login .item:active a,
    #nav-personify-login .item:focus i,
    #nav-personify-login .item:focus a,
    #nav-personify-login .item:hover i,
    #nav-personify-login .item:hover a,
    #nav-account-management .item:active i,
    #nav-account-management .item:focus i,
    #nav-account-management .item:hover i,
    #nav-account-management a:active,
    #nav-account-management a:focus,
    #nav-account-management a:hover,
    #nav-cart .item:active i,
    #nav-cart .item:focus i,
    #nav-cart .item:hover i {
        color: var(--pico-primary);
        outline: none;
    }

#nav-cart .cartCountLabel {
    display: flex;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    text-align: center;
    top: 0;
}

#nav-cart .showItems {
    align-items: center;
    align-content: center;
    background: #161f2d;
    border-radius: 15px;
    display: flex;
    height: 20px;
    justify-content: center;
    margin: -30px 0 0 20px;
    padding: 0;
    position: absolute;
    width: 20px;
}

#nav-personify-login {
    align-items: center;
    border-left: 1px solid #dae3ec;
    display: flex;
    height: 100%;
    padding: 0 1rem;
}

/* #nav-personify-login .item {
    align-items: center;
    align-self: center;
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 35px;
    justify-content: center;
    padding: 0;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    width: 55px;
} */
/* #nav-personify-login .item i,
#nav-personify-login .item a {
    margin-left: 0;
    -webkit-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    color: #161f2d;
    font-size: 0.850rem;
} */
/* #nav-personify-login .item:active,
#nav-personify-login .item:focus,
#nav-personify-login .item:hover {
    outline: none;
}
#nav-personify-login .item:active i,
#nav-personify-login .item:active a,
#nav-personify-login .item:focus i,
#nav-personify-login .item:focus a,
#nav-personify-login .item:hover i,
#nav-personify-login .item:hover a {
    color: #7e97ad;
} */
/* --- End Add to FMA CSS --- */
/* --- Begin Fixes of Conflicts to FMA Styles --- */
#nav-subscribe {
    padding: 0 15px !important;
}

    #nav-subscribe .item a {
        font-size: 13.6px;
    }

#nav-account-login .item,
#nav-account-management .item {
    padding-left: 1px !important;
    padding-top: 2px !important;
    background: initial;
}

#nav-account-login,
#nav-account-management {
    padding: 16px !important;
}

    #nav-account-login .item i,
    #nav-account-management .item i,
    #nav-cart .item i {
        font-size: 14px !important;
        margin: 0;
    }

.cartCountLabel:nth-of-type(2) {
    display: none !important;
}

#nav-search .item i {
    font-size: 16px !important;
    padding: 5px !important;
}

#nav-hamburger {
    padding: 0 12px !important;
}

#nav-items-container {
    padding-left: 20px !important;
}

    #nav-items-container .item a,
    #nav-personify-login .item a,
    #nav-personify-login .item i {
        font-size: 14px !important;
    }

#nav-personify-login .item i {
    margin-right: 5px;
}

#site-footer {
    padding-top: 90px !important;
}

#footer-nav h2 {
    font-size: 24px !important;
}

#nav-footer li {
    font-size: 13.6px !important;
}

#footer-legal p {
    font-size: 12.8px !important;
    color: var(--pico-color);
}

.social-wrapper .social li a {
    font-size: 12px !important;
}

/* Mobile menu */
#mmenu {
    background-color: #fff !important;
}

.mm-ocd--open {
    z-index: 999999 !important;
    font-family: "IBM Plex Sans", sans-serif !important;
    font-size: 16px !important;
}

.mm-spn--open li {
    font-family: "IBM Plex Sans", sans-serif !important;
    font-size: 16px !important;
}

    .mm-spn--open li a {
        padding: 15px 20px !important;
    }

.mobile-my-account a .fa-user {
    margin-top: 4px !important;
}

/* --- End Fixes of Conflicts to FMA Styles  --- */
/* --- Begin Fixes to Personify Styles --- */
#wrapper {
    background: #fff;
    min-height: unset;
}

#header {
    width: 100%;
}

p, ul, li,
.info li {
    font-size: 16px;
    line-height: 130%;
}

h1, h1 span {
    font-size: 30px;
    border: 0 !important;
    line-height: 120% !important;
}

h1 {
    margin-bottom: 10px !important;
    text-shadow: none !important;
}

a, li, input, select, i {
    text-shadow: none !important;
}

#content {
    margin-top: 20px;
}

.main {
    background: #fff !important;
}

/* Headline colors */
.h-color-primary {
    color: var(--pico-color) !important;
}

.h-color-default {
    color: var(--pico-primary) !important;
}

.heading3.bord-low {
    border-bottom: 1px solid #dae3ec !important;
}

/* Hide a few things */
.breadCrumbs {
    display: none !important;
}

/* Hide edit link on company profile, add address and company renewal pages */
.fma-company-profile-addresses .editAddress,
.fma-company-profile-addresses .ctrl-row-main-employer,
.fma-company-profile .edit,
.fma-company-renewal .title-address .edit {
    display: none;
}

/* Product Details Page */
.info li,
.PriceTextLabel,
.PriceValueLabel,
.quantityContainer label {
    font-size: 14px;
    text-transform: none;
}

.quantity {
    height: 20px !important;
    margin-top: -2px !important;
    padding: 4px !important;
}

.Base_PersonifyDefault {
    font-size: 14px;
    line-height: 130%;
}

.productInfo {
    padding-right: 20px;
}

.componentsList {
    padding-left: 0;
    padding-right: 20px;
}

.shippingEstimates .itemLabel {
    width: 55px !important;
}

.productControlSection input {
    border: none !important;
}

/* Fixing multiple stacked 95% widths */
.fullWidth .ContentPane .ModPersonifyDNNWebControlContainerC,
.fullWidth .TopPane .ModPersonifyDNNWebControlContainerC, .fullWidth .blankContainerSize > h2.moduleTitle {
    width: 100%;
}

/* Setting width of left column */
.ProductDetailImageCell {
    width: 280px;
}

/* Setting width of right column */
.ProductDetailLeftCell {
    margin: 15px;
    width: 185px;
}

/* Setting width of middle column */
.ProductDetailContentCell {
    margin: 15px;
    padding-right: 0;
    width: calc(100% - 555px);
}

/* Fixing weird gaps in product image previews */
.ProductDetailControl_PersonifyDefault .productThumb {
    margin: 0;
    margin-right: 10px;
}

    .ProductDetailControl_PersonifyDefault .productThumb:last-of-type {
        margin-right: 0;
    }

/* Adding space to <br/> tags */
.join1 br.clear,
.chrome br {
    height: 8px;
}

/* Returing discs to LI */
.ProductDetailControl_PersonifyDefault div.productInfo ul {
    padding-left: 16px !important;
    text-align: left;
}

.ProductDetailControl_PersonifyDefault .ProductInfoUl li {
    font-size: 16px;
    list-style-type: disc;
}

/* Product details section */
.ProductDetailControl_PersonifyDefault .ProductDetailBlockCell {
    border-top: 1px solid #e5e5e5;
    margin: 30px 0;
    margin-left: 15px;
    margin-right: 15px;
}

/* Lower section */
.PromtionalProductListControlTitle {
    display: block;
    margin-bottom: 1rem;
}

.BottomPane .DnnModule {
    margin: 30px 15px;
}

@media only screen and (max-width: 991px) {
    /* Setting width of left column */
    .ProductDetailImageCell {
        width: 280px;
    }
    /* Setting width of middle column */
    .ProductDetailContentCell {
        margin: 15px;
        padding-right: 0;
        width: calc(100% - 340px);
    }

    .ProductDetailControl_PersonifyDefault .ProductDetailBlockCell {
        width: calc(100% - 245px);
    }
}

@media only screen and (max-width: 767px) {
    /* Setting width of left column */
    .ProductDetailImageCell {
        max-width: 100%;
        width: 100%;
    }
    /* Setting width of middle column */
    .ProductDetailContentCell {
        width: calc(100% - 245px);
    }

    .ProductDetailControl_PersonifyDefault .ProductDetailBlockCell {
        width: 100%;
    }
}

@media only screen and (max-width: 42em) {
    .productImages {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .productDetail .ProductDetailImageCell {
        margin: 0 15px 15px;
    }

    .ProductDetailImageCell .productImages .mainProductImage {
        margin: 0 auto;
        max-width: 300px;
        overflow: visible;
        padding: 10px;
        text-align: center;
        width: 300px;
    }

        .ProductDetailImageCell .productImages .mainProductImage img {
            max-width: 280px;
            width: 280px;
        }

    .product-thumbs-container {
        padding: 0;
    }
    /* Setting width of middle column */
    .ProductDetailContentCell {
        width: 100%;
    }
}
/* Event Details page */
.addtocal {
    color: #fff !important;
    text-shadow: none !important;
}

/* Event schedule page */
.Share_PersonifyDefault {
    display: none;
}

.search-wrapper .txtSearch {
    margin-top: 16px !important;
    margin-left: 10px !important;
}

.search-wrapper .RadComboBox {
    margin-top: 18px !important;
    margin-left: 25px !important;
}

.search-wrapper .btnGo {
    margin-top: 12px !important;
    margin-left: 18px !important;
    height: 30px !important;
}

.search-wrapper .lnkClear {
    margin-top: 20px !important;
    margin-left: 5px !important;
}

.search-wrapper label {
    margin-left: -10px !important;
}

.ResultsPanel li {
    font-size: 14px !important;
    line-height: 28px !important;
}

/* Cart Popup */
.panelProductImage {
    width: 120px !important;
}

.productImage {
    width: 100px !important;
    height: auto !important;
}

.productName,
.totals tbody tr td div ul li span {
    font-size: 14px !important;
}

.totals tbody tr td div ul {
    padding-left: 0 !important;
}

.totals tbody tr td div li {
    list-style-type: none !important;
}

/* Cart */
.productImageSection {
    width: 120px !important;
}

.centerSection {
    padding-bottom: 70px;
}

.ShoppingCartItemControl_Container .productName {
    padding-bottom: 5px;
}

.listComponents ul {
    padding-left: 0;
}

    .listComponents ul li {
        list-style-type: none;
    }

        .listComponents ul li span {
            font-size: 14px;
        }

.productControlSection {
    padding: 0 !important;
}

    .productControlSection input {
        height: 30px !important;
    }

.estimateCountry {
    margin-left: 17px !important;
}

.postal {
    margin-left: 5px !important;
}

.buttonRow {
    border: 0 !important;
}

.summaryValidation {
    background-color: #eee;
}

.validator {
    color: red;
}

.shippingEstimates input,
.coupon input {
    height: 30px;
    margin: 5px 0;
}

.we-honor-cards-container {
    padding-left: 0 !important;
}

    .we-honor-cards-container img {
        width: 40px !important;
    }

.panel-add-card-form label {
    line-height: 14px !important;
    margin: 0 0 10px 0 !important;
}

    .panel-add-card-form label:last-of-type {
        font-size: 14px !important;
    }

.panel-add-card-form input {
    height: 30px !important;
}

.ShoppingCart_PersonifyDefault ul li {
    font-size: 14px !important;
}

/* Checkout */
.shipToMulti label {
    font-size: 14px !important;
    width: 200px !important;
}

.shipToMulti input {
    margin-right: 5px !important;
}

/* Join Process */
.registration-form-container .emailRow label {
    width: 150px !important;
}

.formLayout {
    padding: 0;
}

.requiredLegend span {
    color: #7e97ad;
    font-size: 12px;
}

.required:after {
    content: unset;
}

label {
    font-size: 14px;
    width: 128px !important;
    margin-top: 6px;
}

input,
.NormalTextBox {
    border: 1px solid #ced4da !important;
    border-radius: 4px !important;
    max-width: 300px;
}

.NormalTextBox {
    background: unset !important;
}

.fma-member-join .formLayout .rbtnLstAnswer label, .fma-member-join .formLayout .chkLstAnswer label {
    padding: 0;
    font-size: 14px !important;
    margin-left: 10px;
    width: 200px !important;
}

/* Validation*/
.validatedMessage {
    color: red;
}

.consentValidatedMessage {
    padding-left: 0;
    padding-bottom: 0;
}

input.wrong {
    background-color: #fff !important;
    border: 1px solid red !important;
}

/* Join Step 2 */
.rateCodes {
    margin: 0 !important;
    padding: 0 !important;
}

.rateCodeItem,
.rateCodeItem label {
    font-size: 14px !important;
}

    .rateCodeItem label {
        width: 160px !important;
        margin: 0 !important;
    }

    .rateCodeItem input {
        margin-top: 2px !important;
    }

    .rateCodeItem span {
        margin-bottom: 5px !important;
    }

.autoRenew label {
    font-size: 14px !important;
    padding-right: 25px !important;
    width: 100% !important;
}

.autoRenew input {
    margin-top: 5px !important;
}

/* Join Step 3 */
.ctrbRbPrice input,
.ctrbPriceOption input {
    margin-right: 10px !important;
}

.ctrbPriceOption label {
    font-size: 14px !important;
}

.doNot label {
    width: 300px !important;
}

/* Join Payment */
.action-hyperlink {
    margin: 0 !important;
    padding: 0 !important;
}

    .action-hyperlink:hover {
        color: var(--pico-primary-hover);
        text-decoration: underline;
    }

.summaryTopDiv {
    background: #fff !important;
}

/*   .addressButtonsDiv {
    width: 365px !important;
  } */
.rcbInputCell input {
    border: none !important;
    height: unset !important;
}

.rcbList {
    font-size: 12px !important;
}

/* Login */
.Login .navCol {
    display: none !important;
}

.CommandButton {
    font-size: 14px !important;
    margin-top: 10px !important;
}

/* Login / Guest Checkout */
.Guest .navCol {
    display: none !important;
}

.Guest .moduleTitle {
    margin-left: -10px !important;
}

.threeCol .ContentPane {
    max-width: 400px;
}

.threeCol {
    max-width: unset;
    display: block;
}

h1.page-title.heading1 {
    max-width: 1250px;
    margin: 0 auto;
}

/* My Account */
.navCol > h2 {
    background: none !important;
    color: #161f2d !important;
    border-bottom: 1px solid #dae3ec !important;
}

.MyMeetingsControl_PersonifyDefault.Profile_PersonifyDefault .ctrl-form-row .ctrl-row-label {
    white-space: unset !important;
}

.PromotionalProductsFeaturedControl_PersonifyDefault {
    background: #fff !important;
    padding: 0 !important;
}

.ControlPanel_PromtionalProductListControl,
.PromotionProductListItem {
    padding: 0 !important;
    margin: 0 !important;
}

.photoInfoImage {
    margin-left: -6px !important;
    margin-bottom: -1px !important;
}

.mail-phone li span,
.linklist li,
.linklist li a,
.formRow label,
.membershipValues li,
.ctrl-form-row label {
    font-size: 14px !important;
}

.formRow label {
    margin: 0 !important;
}

.RadComboBox table,
.rcbFocused {
    max-width: 300px !important;
}

.btnFilterSearch {
    height: 50px !important;
    padding: 0 10px !important;
}

#dnn_ctr2351_DNNWebControlContainer_ctl00_pnlAddProfileEditorRow {
    width: 620px !important;
}

.ctrl-form-row input {
    margin-top: 10px !important;
    margin-right: 5px !important;
    vertical-align: top !important;
}

.ctrl-form-row label {
    width: 350px !important;
}

/* Dropdowns for registration */
body#Body > form > .rcbSlide {
    margin-top: 0 !important;
    padding-top: 0 !important;
    position: absolute !important;
    top: unset;
}

/* Digital Content Access */
.fma-digital-content-access img {
    width: unset !important;
}

.fma-digital-content-access div {
    text-align: left;
}

.fma-digital-content-access p {
    margin-left: 0 !important;
}

/* Group Management / Company Membership */
.lnkAffMgrMyAccount,
.lnkAffMgrMyGroup,
span.lblGroupName {
    font-size: 12px !important;
    padding-bottom: 20px !important;
}

span.lblGroupName {
    text-shadow: none !important;
    margin-top: 1px !important;
}

/* Dropdown in My Groups tab when user has multiple groups */
.tab-container .RadComboBox {
    margin: -18px 6px 0 3px !important;
}

.fma-intro-text {
    margin-top: 20px;
    text-align: left;
}

    .fma-intro-text p {
        margin-left: 15px;
        margin-right: 15px;
    }

/* Make details link a button */
.fma-roster .rosterInfo {
    display: none;
}

.fma-roster .lnkGroupName {
    font-size: 14px;
}

.afmPanelHeader a {
    background: var(--pico-primary-background) !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    font-size: 13.6px !important;
    margin-left: 12px !important;
    padding: 15px 20px !important;
    text-transform: uppercase !important;
}

    .afmPanelHeader a:active,
    .afmPanelHeader a:focus,
    .afmPanelHeader a:hover {
        background: transparent !important;
        border: 2px solid var(--pico-primary-border) !important;
        color: var(--pico-primary) !important;
        text-decoration: none !important;
    }

.goBtn {
    height: 30px !important;
}

#dnn_ctr2310_DNNWebControlContainer_ctl00_AFMRosterActionsHeader_btnAddNew {
    margin-top: -15px !important;
}

.RadGrid {
    border: none !important;
}

/* Buy for Group */
.AFMBuyForGroupSelectRecipientsControl_PersonifyDefault .purchaseImageBlock {
    display: block;
    position: relative;
    margin: 0 10px 30px 8px;
}

#dnn_ctr2178_DNNWebControlContainer_ctl00_AFMBuyForGroupSelectRecipientsControl_AFMBuyForGroupSelectCustomersControl_ButtonGroupsSelect {
    height: 30px !important;
}

/* Company Renewal */
.renewList label {
    font-size: 14px !important;
    width: 400px !important;
}

.renewList input {
    vertical-align: top !important;
    margin-top: 10px !important;
}

.moduleTitle span.Head {
    color: #161f2d;
}

.MembershipRenewalControl_PersonifyDefault h4.options {
    color: #161f2d !important;
}

.autoRenewCheckBoxContainer label {
    font-size: 14px !important;
    width: 400px !important;
}

.autoRenewCheckBoxContainer input {
    vertical-align: top !important;
    margin-top: 10px !important;
}

.priceOption label {
    font-size: 14px !important;
}

#dnn_ctr2606_DNNWebControlContainer_ctl00_membershipRenewalDetailsControl_MembershipRenewalGiftProductsRepeater_MembershipRenewalGiftDetails_0_RadBtnNotContribute_0 {
    margin-top: 12px !important;
}

/* Donation */
.donationProductDetailBlock .productInfo {
    font-size: 14px !important;
}

.donationList label,
.gift-anonymous-msg label {
    font-size: 14px !important;
    margin: -5px 0 0 0 !important;
    width: 150px !important;
}

.donationList input,
.gift-anonymous-msg input {
    margin-right: 5px !important;
    vertical-align: top !important;
}

.donate-amount-field {
    width: 80px !important;
}

/* Event Registration */
.step-number {
    padding-top: 3px !important;
}

.row {
    padding: 0 15px !important;
}

.formLayout em {
    display: unset;
    font-style: italic !important;
    padding: unset;
}

/* Step 1 / Primary contact Info */
#dnn_ctr2188_DNNWebControlContainer_ctl00_cMtgRegWizContactInfo_MtgRegWizStepTitle_spnForCaption {
    margin-left: 10px !important;
}

/* Step 2 / Registration Info */
.mtgProductNameAndTime,
.mtgDate {
    margin: 0 20px !important;
}

.mtgDesc {
    margin: 0 6px !important;
}

    .mtgDesc img {
        width: unset !important;
    }

.mtgProductInformation {
    border: none !important;
}

.MtgWizStepCustomerName {
    line-height: 60% !important;
}

/* Step 3 / Select Sessions */
.search-area {
    padding: 25px 0 0 20px !important;
}

    .search-area div,
    .search-area label {
        font-size: 12px !important;
        width: 100% !important;
    }

#dnn_ctr2188_DNNWebControlContainer_ctl00_cMtgRegWizSession_lbtnMtgSesClearAll {
    margin-top: -12px !important;
}

.dvMtgSesDetail {
    margin-left: 10px !important;
}

#dnn_ctr2188_DNNWebControlContainer_ctl00_cMtgRegWizSession_rptMtgSesRateCodeAndPrice_ctl00_lblMtgSesYourPrice {
    margin: 5px 0 0 25px !important;
}

#dnn_ctr2188_DNNWebControlContainer_ctl00_cMtgRegWizSession_btnFilter {
    margin-top: 5px !important;
    height: 30px !important;
}

#dvMtgSesPriceDesc,
#dvMtgSesYourPriceDesc {
    width: 100px;
}

.cboYourPrices {
    font-size: 12px;
}

/* Step 4 / Additional Information */
#dvBadge {
    padding: 20px !important;
}

.badgeTypeHeader {
    padding: 0 30px !important;
}

.badgeFields {
    margin-top: 25px !important;
    width: 100% !important;
}

.meetingBadgeField {
    margin: 0 0 0 10px !important;
}

#dvCountryControl {
    margin-bottom: 5px !important;
}

/* Step 5 / Registration Summary */
#dnn_ctr2188_DNNWebControlContainer_ctl00_cMtgRegWizSummary_NameLabel {
    margin-left: 10px !important;
}

.addressesBlock {
    margin: 0 -10px 0 10px !important;
}

#dnn_ctr2188_DNNWebControlContainer_ctl00_cMtgRegWizSummary_MtgRegSmryRegInfo_rptrRegInfo_lblDate_0 {
    margin-left: 5px !important;
}

.mtgBadge {
    padding: 0 15px !important;
}

.icon-group-reg {
    display: none !important;
}

/* Host */
.RadAjaxPanel {
    background: #fff;
}

.actionMenuAdmin img,
.actionMenuEdit img,
.linkitem img {
    width: unset;
}

.rpImage,
.tmar_DataTable img,
.console-large img,
.dnnPermissionsGrid img {
    width: unset !important;
}

/* receipt print view popup */
#outerPrintAreaDiv {
    background: white;
}

.OrderSummaryControl_PersonifyDefault .summaryValueLabel {
    margin-top: 6px;
}

/* Mobile Fixes */
@media only screen and (max-width: 480px) {
    #nav-subscribe {
        display: none !important;
    }
}

.mobile-store.DonateNBT .blankContainerSize {
    height: auto;
}

/* Login */
@media screen and (max-width: 720px) {
    .main.mobile-way .twoCol.mobile-way {
        float: none;
        width: auto !important;
    }
}
/* Contact information */
.contactInformation {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

    .contactInformation > div {
        flex: 1 1;
        min-width: 250px;
        max-width: 100%;
    }

    .contactInformation .addressesBlock,
    .print-meeting-reg-summary .addressesBlock {
        margin: 0 0 12px 0 !important;
    }

/* Meeting/Product table */
.mtgProductNameAndTime {
    padding: 15px !important;
}

/* Select sessions */
.search-area-inner {
    flex-wrap: wrap;
    gap: 10px;
    justify-content: end;
}

    .search-area-inner::before,
    .search-area-after::after {
        display: none;
    }

    .search-area-inner > div {
        flex: 1 1 !important;
    }

    .search-area-inner > .label-box {
        min-width: 25%;
        padding: 0;
        text-align: right !important;
    }

    .search-area-inner > .input-box {
        margin: 0;
        min-width: 70%;
    }

        .search-area-inner > .input-box > input,
        .search-area-inner > .input-box > select {
            max-width: unset;
            width: 100%;
        }

    .search-area-inner > div:last-of-type {
        max-width: unset;
    }

.dvMtgSesGroupByDateList {
    flex: 1 1;
}

@media screen and (max-width: 42em) {
    .dvMtgSesDetail > .row.desktop-hide {
        width: 100%;
    }

    .dvMtgSesDetailControl {
        border-top: 1px solid #ccc;
        margin-top: 20px;
    }
}
/* Additional info */
.ctrl-emergency-contacts {
    font-size: 1.2rem;
}

/* --- End Fixes to Personify Styles  --- */
/*vars*/
/*Pico-Primary-Background*/
/*Pico-Primary-Background-hover*/
/*Pico-background-color(plumb)*/
/*Pico-background-color(spark)*/
#supernav.nav-branded {
    background-color: var(--pico-background-color);
    color: var(--pico-color);
    font-size: 0.7rem;
}

#supernav .container ul li a {
    color: var(--pico-color);
    opacity: 0.75;
}

#supernav .container ul li.active a {
    opacity: 1;
    font-weight: 700;
    color: var(--pico-color) !important; /*Remove Important when custom.7.7 is updated (#supernav-left .active a)*/
}

/* #supernav-left .active a { */
/* color: initital !important; */
/* } */
#supernav {
    border-bottom: none;
}

    #supernav .container #our-sites {
        color: var(--pico-color);
        font-size: 0.7rem;
        font-weight: 700;
        height: 30px;
        margin-right: 1rem;
        text-transform: uppercase;
    }

    #supernav .container ul li a:active, #supernav .container ul li a:focus, #supernav .container ul li a:hover {
        opacity: 1;
        color: #fff;
    }

#our-sites, #supernav-right ul li a {
    font-size: 1.3rem !important;
    margin-bottom: 2px;
    opacity: 0.75;
}

#supernav .container #our-sites i {
    color: var(--pico-primary-background);
}

/*Nav Primary*/
#nav-logo img {
    width: 30rem !important;
}

#nav-logo-mobile img {
    width: 15rem !important;
}

#nav-account-login, #nav-account-management, #nav-search, #nav-subscribe, #nav-cart, #nav-personify-login {
    align-items: center;
    border-left: none;
    display: flex;
    height: 100%;
    padding: 16px;
}

div#wrapper div#header {
    display: unset;
}

.sticky {
    -webkit-backdrop-filter: blur(2rem);
    backdrop-filter: blur(2rem);
    background: var(--pico-background-color);
    position: sticky !important;
    top: 0;
    z-index: 10;
}

@media (min-width: 576px) and (max-width: 767px) {
    .container, .container-sm {
        max-width: inherit;
    }
}
/* @media only screen and (max-width: 767px) {
  #nav-logo {
    display: none;
  }
}
 */
#nav-logo-container {
    border-right: none;
    padding-right: 1.5rem;
}

@media only screen and (max-width: 549px) {
    #supernav .container #our-sites {
        display: none;
    }
}

@media only screen and (max-width: 450px) {
    #supernav .container #canadian-metal {
        display: none;
    }
}
/* LOGO CONTAINER */
#nav-logo,
#nav-logo a,
#nav-logo-mobile,
#nav-logo-mobile a {
    align-items: center;
    display: flex;
}

    #nav-logo img,
    #nav-logo-mobile img {
        height: 55px;
        margin: 0;
        opacity: 1;
        transition: all 150ms ease-in-out;
        width: auto;
    }

#nav-event-logo img {
    max-height: 80px;
    max-width: 250px;
    margin: 0;
    mix-blend-mode: multiply;
    opacity: 1;
    transition: all 150ms ease-in-out;
    width: 100%;
}

#nav-logo-mobile img:active,
#nav-logo-mobile img:focus,
#nav-logo-mobile img:hover,
#nav-logo-mobile img:active,
#nav-logo-mobile img:focus,
#nav-logo-mobile img:hover {
    opacity: 0.9;
}

/*Media Queries*/
@media only screen and (max-width: 767px) {
    #nav-logo {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    #nav-logo-mobile {
        display: none;
    }
}
/*End Overrides*/
/*Begin Table styles*/
table.striped td, table.striped th {
    /* background-color: var(--pico-background-color); */
    border-bottom: var(--pico-border-width) solid var(--pico-table-border-color);
    color: var(--pico-color);
    font-weight: var(--pico-font-weight);
    padding: calc(var(--pico-spacing) / 2) var(--pico-spacing);
    text-align: left;
    text-align: start;
}

table.striped tfoot td, table.striped tfoot th {
    border-bottom: 0;
    border-top: var(--pico-border-width) solid var(--pico-table-border-color);
}

tfoot td, tfoot th, thead td, thead th {
    --pico-font-weight: 700;
    --pico-border-width: 0.1875rem;
}

table.striped {
    box-shadow: -0.5px 1px 1px var(--pico-table-border-color);
    border-radius: 5px 5px;
    width: 100%;
}

    table.striped tbody tr:nth-child(odd) td, table.striped tbody tr:nth-child(odd) th {
        background-color: var(--pico-table-row-stripped-background-color);
    }