html,
body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    color: var(--font-color, var(--default-font-color, #555));
    font-size: 100%;
    font-family: var(--font-family, var(--default-font-family, 'Arial', Helvetica, sans-serif));
    font-weight: var(--font-weight, var(--default-font-weight, 700));
    font-style: var(--font-style, var(--default-font-style, normal));
}

@media all {
    body {
        padding: 0px;
        margin: 0px;
    }

    a {
        color: inherit;
        text-decoration: none;
    }

    img {
        border-width: 0px;
    }

    h1 {
        color: var(--h1-color, var(--default-h1-color, #555));
        background-color: var(--h1-background-color, var(--default-h1-background-color, transparent));
    }

    h2 {
        color: var(--h2-color, var(--default-h2-color, #555));
        background-color: var(--h2-background-color, var(--default-h2-background-color, transparent));
    }

    h3 {
        color: var(--h3-color, var(--default-h3-color, #555));
        background-color: var(--h3-background-color, var(--default-h3-background-color, transparent));
    }

    h4 {
        color: var(--h4-color, var(--default-h4-color, #555));
        background-color: var(--h4-background-color, var(--default-h4-background-color, transparent));
    }

    h5 {
        color: var(--h5-color, var(--default-h5-color, #555));
        background-color: var(--h5-background-color, var(--default-h5-background-color, transparent));
    }
}

input,
textarea,
select {
    font-family: --default-font-family;
}

p {
    margin-bottom: 15px;
    margin-block-start: 1rem;
    margin-block-end: 1rem;
}

.block {
    display: block;
}

.table {
    display: table;
}

.table-cell {
    display: table-cell;
}

.inline {
    display: inline;
    clear: none;
}

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

.flex {
    display: flex;
    flex-wrap: wrap;
}

.inline-flex {
    display: inline-flex; /* stretches for padded elements */
}

.flex-item {
    flex: auto 1 1;
}

.shrink,
.flex-item-shrink{
    flex-shrink: 1 !important;
}

.no-shrink,
.flex-item-no-shrink {
    flex-shrink: 0 !important;
}

.grow,
.flex-item-grow {
    flex-grow: 1 !important;
}

.no-grow,
.flex-item-no-grow {
    flex-grow: 0 !important;
}

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

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
    z-index: var(--absolute-z-index, var(--default-z-index, 1));
}

.relative {
    position: relative;
}

.release {
    display: inline-block;
    position: absolute !important;
    z-index: var(--release-z-index, var(--default-z-index, 1000));
}

.sticky {
    position: sticky;
    z-index: 2;
    top: 0;
}

.flow-row {
    flex-flow: row !important;
}

.flow-row-reverse,
.flex-flow-row-reverse {
    flex-flow: row-reverse !important;
}

.flow-column,
.flex-flow-column {
    flex-flow: column !important;
}

.flow-column-reverse,
.flex-flow-column-reverse {
    flex-flow: column-reverse !important;
}


/* 
    NOTE: Containers settle their content's orientation and positioning
    organically. Row and columns force their content's orientation
    and positions to fit into a well defined structure.
*/

.flex-container,
.container-flex {
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0rem;
    margin: 0rem;
    gap: 0.25rem;
    overflow: hidden;
    box-sizing: border-box;
    line-height: 1.5em;
}

.flex-group,
.group-flex {
    display: inline-flex;
    flex-flow: row wrap;
    box-sizing: border-box;
    line-height: 1.5em;
}

/* .flex-container > .flex-group {
    padding: 0.75em 1.5em;
} */

.flex-content,
.content-flex {
    display: inline-flex;
    flex-flow: row wrap;
    flex: 1 1 var(--flex-basis, min-content);
    width: 100%;
    height: fit-content;
    word-wrap: normal;
    -word-break: break-all; /* affects text alignments negatively */
    white-space: normal;
    padding: 0.5em 0.5em;
    gap: 0.25rem;
    box-sizing: border-box;
    text-overflow: ellipsis;
    line-height: 1.5em;
}

.flex-item,
.item-flex {
    flex-basis: var(--flex-basis, content) !important;
}

.flex-item-1 {
    flex-basis: 100% !important;
}

.flex-item-2 {
    flex-basis: 50% !important;
}

.flex-item-3 {
    flex-basis: 33.333% !important;
}

.flex-item-4 {
    flex-basis: 25% !important;
}

.flex-item-5 {
    flex-basis: 20% !important;
}

.flex-item-6 {
    flex-basis: 16.667% !important;
}

.flex-item-7 {
    flex-basis: 14.286% !important;
}

.flex-item-8 {
    flex-basis: 12.5% !important;
}

.flex-item-9 {
    flex-basis: 11.111% !important;
}

.flex-item-10 {
    flex-basis: 10% !important;
}

.flex-item-p5-p,
.flex-item-p5-pct {
    flex-basis: 0.5% !important;
}

.flex-item-1-p,
.flex-item-1-pct {
    flex-basis: 1% !important;
}

.flex-item-2p5-p,
.flex-item-2p5-pct {
    flex-basis: 2.5% !important;
}

.flex-item-5-p,
.flex-item-5-pct {
    flex-basis: 5% !important;
}

.flex-item-10-p,
.flex-item-10-pct {
    flex-basis: 10% !important;
}

.flex-item-15-p,
.flex-item-15-pct {
    flex-basis: 15% !important;
}

.flex-item-20-p,
.flex-item-20-pct {
    flex-basis: 20% !important;
}

.flex-item-25-p,
.flex-item-25-pct {
    flex-basis: 25% !important;
}

.flex-item-30-p,
.flex-item-30-pct {
    flex-basis: 30% !important;
}

.flex-item-33-p,
.flex-item-33-pct {
    flex-basis: 33.333% !important;
}

.flex-item-35-p,
.flex-item-35-pct {
    flex-basis: 35% !important;
}

.flex-item-40-p,
.flex-item-40-pct {
    flex-basis: 40% !important;
}

.flex-item-45-p,
.flex-item-45-pct {
    flex-basis: 45% !important;
}

.flex-item-50-p,
.flex-item-50-pct {
    flex-basis: 50% !important;
}

.flex-item-55-p,
.flex-item-55-pct {
    flex-basis: 55% !important;
}

.flex-item-60-p,
.flex-item-60-pct {
    flex-basis: 60% !important;
}

.flex-item-65-p,
.flex-item-65-pct {
    flex-basis: 60% !important;
}

.flex-item-67-p,
.flex-item-67-pct {
    flex-basis: 67.667% !important;
}

.flex-item-70-p,
.flex-item-70-pct {
    flex-basis: 70% !important;
}

.flex-item-75-p,
.flex-item-75-pct {
    flex-basis: 75% !important;
}

.flex-item-80-p,
.flex-item-80-pct {
    flex-basis: 80% !important;
}

.flex-item-85-p,
.flex-item-85-pct {
    flex-basis: 85% !important;
}

.flex-item-90-p,
.flex-item-90-pct {
    flex-basis: 90% !important;
}

.flex-item-95-p,
.flex-item-95-pct {
    flex-basis: 95% !important;
}

.flex-item-99-p,
.flex-item-99-pct {
    flex-basis: 99% !important;
}

.flex-item-100-p,
.flex-item-100-pct {
    flex-basis: 100% !important;
}

.flex-nowrap,
.flex-wrap-nowrap {
    flex-wrap: nowrap !important;;
}

.flex-wrap,
.flex-wrap-wrap {
    flex-wrap: wrap !important;;
}

.flex-wrap-reverse,
.flex-wrap-wrap-reverse {
    flex-wrap: wrap-reverse !important;;
}

.flex-grow {
    flex-grow: 1 !important;
}

.flex-shrink {
    flex-shrink: 1 !important;
}

.flex-no-grow {
    flex-grow: 0 !important;
}

.flex-no-shrink {
    flex-shrink: 0 !important;
}

.gap {
    gap: var(--default-gap, var(--gap, 0.33rem));
}

.gap-xlg {
    gap: 4rem;
}

.gap-lg {
    gap: 3rem;
}

.gap-md {
    gap: 2rem;
}

.gap-sm {
    gap: 1rem;
}

.gap-xsm {
    gap: 0.5rem;
}

.gap-row {
    row-gap: var(--default-gap-row, var(--gap-row, 1rem));
}

.gap-row-xlg {
    row-gap: 4rem;
}

.gap-row-lg {
    row-gap: 3rem;
}

.gap-row-md {
    row-gap: 2rem;
}

.gap-row-sm {
    row-gap: 1rem;
}

.gap-row-xsm {
    row-gap: 0.5rem;
}

.gap-column {
    column-gap: var(--default-gap-column, var(--gap-column, 1rem));
}

.gap-column-xlg {
    column-gap: 4rem;
}

.gap-column-lg {
    column-gap: 3rem;
}

.gap-column-md {
    column-gap: 2rem;
}

.gap-column-sm {
    column-gap: 1rem;
}

.gap-column-xsm {
    column-gap: 0.5rem;
}

.inline-grid {
    display: inline-grid;
}

.grid {
    display: grid;
}

.grid-column {
    display: grid;
    grid-auto-flow: column;
}

.grid-row {
    display: grid;
    grid-auto-flow: row;
}

.grid-1 {
    grid-template-columns: auto;
}

.grid-2 {
    grid-template-columns: auto auto;
}

.grid-3 {
    grid-template-columns: auto auto auto;
}

.grid-4 {
    grid-template-columns: auto auto auto auto;
}

.grid-5 {
    grid-template-columns: auto auto auto auto auto;
}

.grid-5 {
    grid-template-columns: auto auto auto auto auto;
}

.grid-6 {
    grid-template-columns: auto auto auto auto auto auto;
}

.grid-7 {
    grid-template-columns: auto auto auto auto auto auto auto;
}

.grid-8 {
    grid-template-columns: auto auto auto auto auto auto auto auto;
}

.grid-9 {
    grid-template-columns: auto auto auto auto auto auto auto auto auto;
}

.grid-10 {
    grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
}


.cover {
    width: var(--cover-width, 100%);
    height: var(--cover-height, 100%);
}

.cover-width {
    width: var(--cover-width, 100%);
}

.cover-height {
    height: var(--cover-height, 100%);
}

.cover-width-100-pct,
.cover-width-100-percent {
    width: 100%;
}

.cover-width-95-pct,
.cover-width-95-percent {
    width: 95%;
}

.cover-width-90-pct,
.cover-width-90-percent {
    width: 90%;
}

.cover-width-85-pct,
.cover-width-85-percent {
    width: 85%;
}

.cover-width-80-pct,
.cover-width-80-percent {
    width: 80%;
}

.cover-width-75-pct,
.cover-width-75-percent {
    width: 75%;
}

.cover-width-70-pct,
.cover-width-70-percent {
    width: 70%;
}

.cover-width-67-pct,
.cover-width-67-percent {
    width: 67%;
}

.cover-width-65-pct,
.cover-width-65-percent {
    width: 65%;
}

.cover-width-60-pct,
.cover-width-60-percent {
    width: 60%;
}

.cover-width-55-pct,
.cover-width-55-percent {
    width: 55%;
}

.cover-width-50-pct,
.cover-width-50-percent {
    width: 50%;
}

.cover-width-45-pct,
.cover-width-45-percent {
    width: 45%;
}

.cover-width-40-pct,
.cover-width-40-percent {
    width: 40%;
}

.cover-width-35-pct,
.cover-width-35-percent {
    width: 35%;
}

.cover-width-33-pct,
.cover-width-33-percent {
    width: 33%;
}

.cover-width-30-pct,
.cover-width-30-percent {
    width: 30%;
}

.cover-width-25-pct
.cover-width-25-percent {
    width: 25%;
}

.cover-width-20-pct,
.cover-width-20-percent {
    width: 20%;
}

.cover-width-15-pct,
.cover-width-15-percent {
    width: 15%;
}

.cover-width-10-pct,
.cover-width-10-percent {
    width: 10%;
}

.cover-width-5-pct,
.cover-width-5-percent {
    width: 5%;
}

.cover-width-1-pct,
.cover-width-1-percent {
    width: 1%;
}

.cover-1x1 {
    width: 1px;
    height: 1px;
}

.cover-2x2 {
    width: 2px;
    height: 2px;
}

.cover-3x3 {
    width: 3px;
    height: 3px;
}

.cover-4x4 {
    width: 4px;
    height: 4px;
}

.cover-5x5 {
    width: 5px;
    height: 5px;
}

.cover-8x8 {
    width: 8px;
    height: 8px;
}

.cover-10x10 {
    width: 10px;
    height: 10px;
}

.cover-12x12 {
    width: 12px;
    height: 12px;
}

.cover-16x16 {
    width: 16px;
    height: 16px;
}

.cover-20x20 {
    width: 20px;
    height: 20px;
}

.cover-25x25 {
    width: 25px;
    height: 25px;
}

.cover-30x30 {
    width: 30px;
    height: 30px;
}

.cover-32x32 {
    width: 32px;
    height: 32px;
}

.cover-35x35 {
    width: 35px;
    height: 35px;
}

.cover-40x40 {
    width: 40px;
    height: 40px;
}

.cover-45x45 {
    width: 45px;
    height: 45px;
}

.cover-50x50 {
    width: 50px;
    height: 50px;
}

.cover-55x55 {
    width: 55px;
    height: 55px;
}

.cover-60x60 {
    width: 60px;
    height: 60px;
}

.cover-65x65 {
    width: 65px;
    height: 65px;
}

.cover-75x75 {
    width: 75px;
    height: 75px;
}

.cover-100x100 {
    width: 100px;
    height: 100px;
}

.cover-125x125 {
    width: 125px;
    height: 125px;
}

.cover-150x150 {
    width: 150px;
    height: 150px;
}

.cover-200x200 {
    width: 200px;
    height: 200px;
}

.cover-250x250 {
    width: 250px;
    height: 250px;
}

.cover-300x300 {
    width: 300px;
    height: 300px;
}

.cover-350x350 {
    width: 350px;
    height: 350px;
}

.cover-400x400 {
    width: 400px;
    height: 400px;
}

.cover-450x450 {
    width: 450px;
    height: 450px;
}

.cover-500x500 {
    width: 500px;
    height: 500px;
}

.cover-99-percent {
    width: 99%;
    height: 99%;
}

.cover-98-percent {
    width: 98%;
    height: 98%;
}

.cover-97-percent {
    width: 97%;
    height: 97%;
}

.cover-96-percent {
    width: 96%;
    height: 96%;
}

.cover-95-percent {
    width: 95%;
    height: 95%;
}

.cover-90-percent {
    width: 90%;
    height: 90%;
}

.cover-85-percent {
    width: 85%;
    height: 85%;
}

.cover-75-percent {
    width: 75%;
    height: 75%;
}

.cover-65-percent {
    width: 65%;
    height: 65%;
}

.cover-55-percent {
    width: 55%;
    height: 55%;
}

.cover-45-percent {
    width: 45%;
    height: 45%;
}

.cover-35-percent {
    width: 35%;
    height: 35%;
}

.cover-25-percent {
    width: 25%;
    height: 25%;
}

.cover-15-percent {
    width: 15%;
    height: 15%;
}

.cover-5-percent {
    width: 5%;
    height: 5%;
}

.border {
    border-width: 1px;
    border-style: solid;
    border-color: var(--border-border-color, var(--default-border-border-color, #ccc));
}

.border td {
    border-width: 1px;
    border-style: solid;
    border-color: var(--default-border-border-color, #ccc);
}

.border-children div {
    border-width: 1px;
    border-style: solid;
    border-color: var(--border-border-color, var(--default-border-border-color, #ccc));
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-right {
    border-right: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.border-left {
    border-left: 1px solid #e5e5e5;
}

.border-black {
    border-width: 1px;
    border-style: solid;
    border-color: #000;
}

.border-grey-777 {
    border-width: 1px;
    border-style: solid;
    border-color: #777;
}

.border-grey-888 {
    border-width: 1px;
    border-style: solid;
    border-color: #888;
}

.border-grey-aaa {
    border-width: 1px;
    border-style: solid;
    border-color: #aaa;
}

.border-grey-ccc {
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
}

.border-white {
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
}

.border-dashed {
    border-style: dashed;
}

.border-dotted {
    border-style: dotted;
}

.border-outset {
    border-style: outset;
}

.border-inset {
    border-style: inset;
}

.border-ridge {
    border-style: ridge;
}

.border-hidden {
    border-style: hidden;
}

.border-transparent {
    border-color: transparent;
}

.border-round {
    border-radius: 0.5rem;
}

.border-round-sm {
    border-radius: 0.5rem;
}

.border-round-md {
    border-radius: 1rem;
}

.border-round-lg {
    border-radius: 2rem;
}

.transition {
    -webkit-transition: var(--transition-property, all) var(--transition-duration, 500ms) var(--transition-timing-function, linear);
    -moz-transition: var(--transition-property, all) var(--transition-duration, 500ms) var(--transition-timing-function, linear);
    transition: var(--transition-property, all) var(--transition-duration, 500ms) var(--transition-timing-function, linear);
}

.transition-expressive {
    -webkit-transition: var(--transition-property, all) var(--transition-duration, 500ms) cubic-bezier(0, 0, 0, 3.105);
    -moz-transition: var(--transition-property, all) var(--transition-duration, 500ms) cubic-bezier(0, 0, 0, 3.105);
    transition: var(--transition-property, all) var(--transition-duration, 500ms) cubic-bezier(0, 0, 0, 3.105);
}

.rule-top {
    border-top-width: 1px;
    border-top-color: var(--default-rule-top-border-color, #ccc);
    border-top-style: solid;
}

.rule-bottom {
    border-bottom-width: 1px;
    border-bottom-color: var(--default-rule-bottom-border-color, #ccc);
    border-bottom-style: solid;
}

.shadowed {
    -webkit-box-shadow: 0px 0px 10px var(--shadow-color, var(--default-shadow-color,rgba(0, 0, 0, 0.25)));
    -moz-box-shadow: 0px 0px 10px var(--shadow-color, var(--default-shadow-color,rgba(0, 0, 0, 0.25)));
    box-shadow: 0px 0px 10px var(--shadow-color, var(--default-shadow-color,rgba(0, 0, 0, 0.25)));
}

.shadowed-sm {
    -webkit-box-shadow: 0px 0px 5px var(--shadow-color, var(--default-shadow-color,rgba(0, 0, 0, 0.25)));
    -moz-box-shadow: 0px 0px 5px var(--shadow-color, var(--default-shadow-color,rgba(0, 0, 0, 0.25)));
    box-shadow: 0px 0px 5px var(--shadow-color, var(--default-shadow-color,rgba(0, 0, 0, 0.25)));
}

.shadowed-sm-light {
    -webkit-box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.25);
}

.shadowed-sm-dark {
    -webkit-box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.9);
    box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.9);
}

.shadowed-md {
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.55);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.55);
}

.shadowed-md-light {
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
}

.shadowed-md-dark {
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.9);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.9);
}

.shadowed-lg {
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

.shadowed-lg-light {
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}

.shadowed-lg-dark {
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}

.shadowed-top {
    -webkit-box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.45);
    box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.45);
}

.shadowed-top-sm {
    -webkit-box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.25);
}

.shadowed-top-sm-dark {
    -webkit-box-shadow: 0px -2px 0.5px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px -2px 0.5px rgba(0, 0, 0, 0.6);
    box-shadow: 0px -2px 0.5px rgba(0, 0, 0, 0.6);
}

.shadowed-top-md {
    -webkit-box-shadow: 0px -2px 15px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0px -2px 15px rgba(0, 0, 0, 0.55);
    box-shadow: 0px -2px 15px rgba(0, 0, 0, 0.55);
}

.shadowed-top-lg {
    -webkit-box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.25);
}

.shadowed-bottom {
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.45);
}

.shadowed-bottom-light {
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
}

.shadowed-bottom-dark {
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.9);
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.9);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.9);
}

.shadowed-bottom-sm {
    -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.25);
}

.shadowed-bottom-md {
    -webkit-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.55);
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.55);
}

.shadowed-bottom-lg {
    -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
}

.no-shadow {
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
}

.shadowed-text {
    text-shadow: 0px 0px 3px #000;
}

.shadowed-inner {
    -webkit-box-shadow: 0px 0px 3px var(--shadow-inner-color, var(--default-shadow-inner-color,rgba(0, 0, 0, 0.5)));
    -moz-box-shadow: 0px 0px 3px var(--shadow-inner-color, var(--default-shadow-inner-color,rgba(0, 0, 0, 0.5)));
    box-shadow: 0px 0px 3px var(--shadow-inner-color, var(--default-shadow-inner-color,rgba(0, 0, 0, 0.5)));
}

.shadowed-inner-sm {
    -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.7);
}

.shadowed-inner-md {
    -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.7);
}

.shadowed-inner-lg {
    -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.7);
}

.shadowed-inner-xlg {
    -moz-box-shadow: inset 0 0 1=5px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: inset 0 0 1=5px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0 0 10=5px rgba(0, 0, 0, 0.7);
}

.bold {
    font-weight: bold !important;
}

.bolder {
    font-weight: bolder !important;
}

.italic {
    font-style: italic !important;
}

.underline,
.underlined {
    text-decoration: underline !important;
}

.overline {
    text-decoration: overline !important;
}

.text-dotted { 
    text-decoration: dotted !important;
}

.text-wavy { 
    text-decoration: wavy !important;
}

.text-double { 
    text-decoration: double !important;
}

.strikethrough,
.strike { 
    text-decoration: line-through !important;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-scroll {
    overflow: scroll;
    text-overflow: clip;
    white-space: nowrap;
}

.overflow-visible {
    overflow: visible !important;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-scroll,
.scroll {
    overflow: scroll;
    text-overflow: clip;
    white-space: nowrap;
}

.overflow-auto {
    overflow: auto;
}

.wrap,
.word-wrap,
.break-spaces {
    white-space: break-spaces !important;
}

.break-all {
    word-break: break-all !important;
}

.no-word-wrap,
.keep-all {
    word-break: keep-all !important;
    white-space: nowrap !important;
}

.left {
    float: left;
}

.right {
    float: right;
}

.left-children > div,
.left-children > span,
.left-children > a,
.left-children > p,
.left-children > img,
.left-children > input,
.left-children > select,
.left-children > button {
    float: left !important;
}

.right-children > div,
.right-children > span,
.right-children > a,
.right-children > p,
.right-children > img,
.right-children > input,
.right-children > select,
.right-children > button {
    float: right !important;
}

.clear {
    clear: both;
}

.clear-right {
    clear: right;
}

.clear-left {
    clear: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.indent-left {
    padding-left: var(--indent-left, 1em);
}

.indent-left-0 {
    padding-left: 0em;
}

.indent-left-1 {
    padding-left: 1em;
}

.indent-left-2 {
    padding-left: 2em;
}

.indent-left-3 {
    padding-left: 3em;
}

.indent-left-4 {
    padding-left: 4em;
}

.indent-left-5 {
    padding-left: 5em;
}

.indent-left-6 {
    padding-left: 6em;
}

.indent-left-7 {
    padding-left: 7em;
}

.indent-left-8 {
    padding-left: 8em;
}

.indent-left-9 {
    padding-left: 9em;
}

.indent-left-10 {
    padding-left: 10em;
}

.indent-right {
    padding-right: var(--indent-right, 1em);
}

.indent-right-0 {
    padding-right: 0em;
}

.indent-right-1 {
    padding-right: 1em;
}

.indent-right-2 {
    padding-right: 2em;
}

.indent-right-3 {
    padding-right: 3em;
}

.indent-right-4 {
    padding-right: 4em;
}

.indent-right-5 {
    padding-right: 5em;
}

.indent-right-6 {
    padding-right: 6em;
}

.indent-right-7 {
    padding-right: 7em;
}

.indent-right-8 {
    padding-right: 8em;
}

.indent-right-9 {
    padding-right: 9em;
}

.indent-right-10 {
    padding-right: 10em;
}

.line-height {
    line-height: var(--line-height, 1em);
}

.line-height-sm,
.line-height-small {
    line-height: 0.5em;
}

.line-height-md,
.line-height-medium {
    line-height: 1em;
}

.line-height-lg,
.line-height-large {
    line-height: 1.5em;
}

.line-height-xlg,
.line-height-extralarge {
    line-height: 2em;
}

.line-height-0 {
    line-height: 0em;
}

.line-height-1 {
    line-height: 1em;
}

.line-height-2 {
    line-height: 2em;
}

.line-height-3 {
    line-height: 3em;
}

.line-height-4 {
    line-height: 4em;
}

.line-height-5 {
    line-height: 5em;
}

.line-height-6 {
    line-height: 6em;
}

.line-height-7 {
    line-height: 7em;
}

.line-height-8 {
    line-height: 8em;
}

.line-height-9 {
    line-height: 9em;
}

.line-height-10 {
    line-height: 10em;
}

.opacity {
    opacity: var(--opacity, 1);
}

.opacity-0,
.opacity-zero {
    opacity: 0;
}

.opacity-0 {
    opacity: 0;
}

.opacity-1 {
    opacity: 0.1;
}

.opacity-2 {
    opacity: 0.2;
}

.opacity-3 {
    opacity: 0.3;
}

.opacity-4 {
    opacity: 0.4;
}

.opacity-5 {
    opacity: 0.5;
}

.opacity-6 {
    opacity: 0.6;
}

.opacity-7 {
    opacity: 0.7;
}

.opacity-8 {
    opacity: 0.8;
}

.opacity-9 {
    opacity: 0.9;
}

.opacity-10 {
    opacity: 1;
}







.anchor,
.link {
    text-decoration: underline;
    cursor: pointer;
}

.anchor-children > div,
.anchor-children > span,
.anchor-children > a,
.anchor-children > p,
.anchor-children > li,
.link-children > div,
.link-children > span,
.link-children > a,
.link-children > p,
.link-children > li
{
    text-decoration: underline;
    cursor: pointer;
}

.moveable {
    position: var(--moveable-position, fixed);
}

.clickable {
    cursor: pointer;
}

.not-clickable {
    cursor: normal !important;
}

.clickable-children > div,
.clickable-children > span,
.clickable-children > a,
.clickable-children > p,
.clickable-children > li
{
    cursor: pointer;
}

.mobile .cover-height-for-mobile {
    height: 100%;
}

.mobile .show-for-mobile {
    display: block;
}

.mobile .show-for-mobile-cell {
    display: table-cell;
}

.mobile .hide-for-mobile {
    display: none !important;
}

.font-family {
    font-family: var(--font-family, Arial, san-serif) !important;
}

.font-montserrat {
    font-family: "Montserrat", Arial, san-serif !important;
}

.font-size {
    font-size: var(--font-size, 0.85rem) !important;
}

.font-xxxxxlg {
    font-size: 4rem !important;
}

.font-xxxxlg {
    font-size: 3rem !important;
}

.font-xxxlg {
    font-size: 2.5rem !important;
}

.font-xxlg {
    font-size: 2.0rem !important;
}

.font-xlg {
    font-size: 1.5rem !important;
}

.font-lg {
    font-size: 1.25rem !important;
}

.font-md {
    font-size: 0.85rem !important;
}

.font-sm {
    font-size: 0.75rem !important;
}

.font-xsm {
    font-size: 0.6rem !important;
}

.font-xxsm {
    font-size: 0.5rem !important;
}

.border-box {
    box-sizing: border-box;
}

.content-box {
    box-sizing: content-box;
}

.margin {
    margin: var(--margin, 0.5rem);
}

.margin-xlg {
    margin: 1.25rem;
}

.margin-lg {
    margin: 1rem;
}

.margin-md-lg {
    margin: 0.75rem;
}

.margin-md {
    margin: 0.5rem;
}

.margin-sm {
    margin: 0.33rem;
}

.margin-neg-sm {
    margin: -0.33rem;
}

.margin-xsm {
    margin: 0.25rem;
}

.margin-tb {
    margin-top: var(--margin-top-bottom, var(--margin-top, 0.5rem));
    margin-bottom: var(--margin-top-bottom, var(--margin-bottom, 0.5rem));
}

.margin-tb-xlg {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.margin-tb-xxlg {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.margin-tb-xxxlg {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.margin-tb-lg {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.margin-tb-md-lg {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

.margin-tb-md {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.margin-tb-sm {
    margin-top: 0.33rem;
    margin-bottom: 0.33rem;
}

.margin-tb-xsm {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

.margin-lr {
    margin-left: var(--margin-left-right, var(--margin-left, 0.5rem));
    margin-right: var(--margin-left-right, var(--margin-right, 0.5rem));
}

.margin-lr-xlg {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
}

.margin-lr-lg {
    margin-left: 1rem;
    margin-right: 1rem;
}

.margin-lr-md {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.margin-lr-sm {
    margin-left: 0.33rem;
    margin-right: 0.33rem;
}

.margin-lr-xsm {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.margin-l {
    margin-left: var(--margin-left, 0.5rem);
}

.margin-l-xlg {
    margin-left: 1.25rem;
}

.margin-l-lg {
    margin-left: 1rem;
}

.margin-l-md {
    margin-left: 0.5rem;
}

.margin-l-sm {
    margin-left: 0.33rem;
}

.margin-r {
    margin-right: var(--margin-right, 0.5rem);
}

.margin-r-xsm {
    margin-right: 0.25rem;
}

.margin-r-xlg {
    margin-right: 1.25rem;
}

.margin-r-lg {
    margin-right: 1rem;
}

.margin-r-md {
    margin-right: 0.5rem;
}

.margin-r-sm {
    margin-right: 0.33rem;
}

.margin-r-xsm {
    margin-right: 0.25rem;
}

.margin-t {
    margin-top: var(--margin-top, 0.5rem);
}

.margin-t-xlg {
    margin-top: 1.25rem;
}

.margin-t-xxlg {
    margin-top: 1.5rem;
}

.margin-t-xxxlg {
    margin-top: 2rem;
}

.margin-t-lg {
    margin-top: 1rem;
}

.margin-t-md-lg {
    margin-top: 0.75rem;
}

.margin-t-md {
    margin-top: 0.5rem;
}

.margin-t-sm {
    margin-top: 0.33rem;
}

.margin-t-xsm {
    margin-top: 0.25rem;
}

.margin-b {
    margin-bottom: var(--margin-bottom, 0.5rem);
}

.margin-b-xlg {
    margin-bottom: 1.25rem;
}

.margin-b-xxlg {
    margin-bottom: 1.5rem;
}

.margin-b-xxxlg {
    margin-bottom: 2rem;
}

.margin-b-lg {
    margin-bottom: 1rem;
}

.margin-b-md-lg {
    margin-bottom: 0.75rem;
}

.margin-b-md {
    margin-bottom: 0.5rem;
}

.margin-b-sm {
    margin-bottom: 0.33rem;
}

.margin-b-xsm {
    margin-bottom: 0.25rem;
}

.margin-xsm {
    margin: 0.25rem;
}

.padding {
    padding: var(--padding, 0.5rem);
}

.padding-xlg {
    padding: 1.25rem;
}

.padding-lg {
    padding: 1rem;
}

.padding-md {
    padding: 0.5rem;
}

.padding-sm {
    padding: 0.33rem;
}

.padding-xsm {
    padding: 0.25rem;
}

.padding-xxsm {
    padding: 0.125rem;
}

.padding-tb {
    padding-top: var(--padding-top-bottom, var(--padding-top, 0.5rem));
    padding-bottom: var(--padding-top-bottom, var(--padding-bottom, 0.5rem));
}

.padding-tb-xlg {
    padding: 1.25rem 0rem;
}

.padding-tb-xxlg {
    padding: 1.5rem 0rem;
}

.padding-tb-xxxlg {
    padding: 1.75rem 0rem;
}

.padding-tb-xxxxlg {
    padding: 2rem 0rem;
}

.padding-tb-lg {
    padding: 1em 0rem;
}

.padding-tb-md-lg {
    padding: 0.75em 0rem;
}

.padding-tb-md {
    padding: 0.5em 0rem;
}

.padding-tb-sm {
    padding: 0.33em 0rem;
}

.padding-tb-xsm {
    padding: 0.25em 0rem;
}

.padding-tb-xxsm {
    padding: 0.125em 0rem;
}

.padding-lr {
    padding-left: var(--padding-left-right, var(--padding-left, 0.5rem));
    padding-right: var(--padding-left-right, var(--padding-right, 0.5rem));
}

.padding-lr-xsm {
    padding: 0em 0.25rem;
}

.padding-lr-xxsm {
    padding: 0em 0.125rem;
}

.padding-lr-xlg {
    padding: 0em 1.25rem;
}

.padding-lr-lg {
    padding: 0em 1rem;
}

.padding-lr-md {
    padding: 0em 0.5rem;
}

.padding-lr-sm {
    padding: 0em 0.33rem;
}

.padding-lr-xsm {
    padding: 0em 0.25rem;
}

.padding-t {
    padding-top: var(--padding-top, 0.5rem);
}

.padding-t-xlg {
    padding-top: 1.25rem;
}

.padding-t-xxlg {
    padding-top: 1.5rem;
}

.padding-t-xxxlg {
    padding-top: 1.75rem;
}

.padding-t-xxxxlg {
    padding-top: 2rem;
}

.padding-t-lg {
    padding-top: 1em;
}

.padding-t-md-lg {
    padding-top: 0.75em;
}

.padding-t-md {
    padding-top: 0.5em;
}

.padding-t-sm {
    padding-top: 0.33em;
}

.padding-t-xsm {
    padding-top: 0.25em;
}

.padding-t-xxsm {
    padding-top: 0.125em;
}

.padding-b-xlg {
    padding-bottom: 1.25rem;
}

.padding-b {
    padding-bottom: var(--padding-bottom, 0.5rem);
}

.padding-b-xxlg {
    padding-bottom: 1.5rem;
}

.padding-b-xxxlg {
    padding-bottom: 1.75rem;
}

.padding-b-xxxxlg {
    padding-bottom: 2rem;
}

.padding-b-lg {
    padding-bottom: 1em;
}

.padding-b-md-lg {
    padding-bottom: 0.75em;
}

.padding-b-md {
    padding-bottom: 0.5em;
}

.padding-b-sm {
    padding-bottom: 0.33em;
}

.padding-b-xsm {
    padding-bottom: 0.25em;
}

.padding-b-xxsm {
    padding-bottom: 0.125em;
}

.border-xlg {
    border-style: solid;
    border-width: 1.25rem;
    border-color: #000;
}

.border-lg {
    border-style: solid;
    border-width: 1rem;
    border-color: #000;
}

.border-md {
    border-style: solid;
    border-width: 0.5rem;
    border-color: #000;
}

.border-sm {
    border-style: solid;
    border-width: 0.33rem;
    border-color: #000;
}

.border-xsm {
    border-style: solid;
    border-width: 0.25rem;
    border-color: #000;
}

.border-xxsm {
    border-style: solid;
    border-width: 0.125rem;
    border-color: #000;
}

.border-tb-xlg {
    border-style: solid;
    border-width: 1.25em 0rem;
    border-color: #000;
}

.border-tb-xxlg {
    border-style: solid;
    border-width: 1.5em 0rem;
    border-color: #000;
}

.border-tb-lg {
    border-style: solid;
    border-width: 1em 0rem;
    border-color: #000;
}

.border-tb-md-lg {
    border-style: solid;
    border-width: 0.75em 0rem;
    border-color: #000;
}

.border-tb-md {
    border-style: solid;
    border-width: 0.5em 0rem;
    border-color: #000;
}

.border-tb-sm {
    border-style: solid;
    border-width: 0.33em 0rem;
    border-color: #000;
}

.border-tb-xsm {
    border-style: solid;
    border-width: 0.25em 0rem;
    border-color: #000;
}

.border-tb-xxsm {
    border-style: solid;
    border-width: 0.125em 0rem;
    border-color: #000;
}

.border-lr-xsm {
    border-style: solid;
    border-width: 0em 0.25rem;
    border-color: #000;
}

.border-lr-xxsm {
    border-style: solid;
    border-width: 0em 0.125rem;
    border-color: #000;
}

.border-lr-xlg {
    border-style: solid;
    border-width: 0em 1.25rem;
    border-color: #000;
}

.border-lr-lg {
    border-style: solid;
    border-width: 0em 1rem;
    border-color: #000;
}

.border-lr-md {
    border-style: solid;
    border-width: 0em 0.5rem;
    border-color: #000;
}

.border-lr-sm {
    border-style: solid;
    border-width: 0em 0.33rem;
    border-color: #000;
}

.border-lr-xsm {
    border-style: solid;
    border-width: 0em 0.25rem;
    border-color: #000;
}

.letterspacing {
    letter-spacing: var(--letter-spacing, 0.1rem);
}

.letterspacing-sm {
    letter-spacing: 0.1rem;
}

.letterspacing-md {
    letter-spacing: 0.2rem;
}

.letterspacing-lg {
    letter-spacing: 0.3rem;
}

.letterspacing-xlg {
    letter-spacing: 0.4rem;
}

.cursor {
    cursor: var(--cursor, default);
}

.cursor-pointer {
    cursor: pointer;
}

.black {
    color: #000 !important;
}

.grey {
    color: #ccc !important;
}

.grey-light {
    color: #ddd !important;
}

.grey-lighter {
    color: #eee !important;
}

.grey-dark {
    color: #888 !important;
}

.grey-555 {
    color: #555 !important;
}

.grey-777 {
    color: #777 !important;
}

.blue {
    color: #4e7dd3 !important;
}

.blue-medium {
    color: #9ebaed !important;
}

.blue-light {
    color: #d0eefe !important;
}

.blue-lighter {
    color: #eaf7fe !important;
}

.blue-dark {
    color: #1e1684 !important;
}

.red {
    color: #d92805 !important;
}

.red-medium {
    color: #c1504a !important;
    fill: #c1504a !important;
}

.red-bright {
    color: #f1421f !important;
}

.red-light {
    background-color: #e49383 !important;
}

.red-lighter {
    background-color: #ebd1cc !important;
}

.red-dark {
    color: #ae2205 !important;
}

.green {
    color: #349334 !important;
}

.green-light {
    color: #90d190 !important;
}

.green-lighter {
    color: #d7ecd7 !important;
}

.green-dark {
    color: #1f870e !important;
}

.white {
    color: #fff !important;
}

.orange {
    color: #ee7d32 !important;
}

.orange-light {
    color: #ecab80 !important;
}

.orange-lighter {
    color: #f5e5db !important;
}

.orange-dark {
    color: #dc6721 !important;
}

.magenta {
    color: #d215d0 !important;
}

.magenta-light {
    color: #f868f8 !important;
}

.magenta-lighter {
    color: #faaffa !important;
}

.bg-color {
    background-color: --background-color !important;
}

.bg-black {
    background-color: #000 !important;
}

.bg-blue {
    background-color: #4e7dd3 !important;
}

.bg-blue-light {
    background-color: #d0eefe !important;
}

.bg-blue-lighter {
    background-color: #eaf7fe !important;
}

.bg-green {
    background-color: #00A651 !important;
}

.bg-green-light {
    background-color: #1DD878 !important;
}

.bg-green-lighter {
    background-color: #d1f1e1 !important;
}

.bg-red {
    background-color: #c62d0f !important;
}

.bg-red-bright {
    background-color: #f1421f !important;
}

.bg-red-light {
    background-color: #e49383 !important;
}

.bg-red-lighter {
    background-color: #ebd1cc !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-fafafa {
    background-color: #fafafa !important;
}

.bg-f5f5f5 {
    background-color: #f5f5f5 !important;
}

.bg-efefef {
    background-color: #efefef !important;
}

.bg-grey,
.bg-gray,
.bg-ccc {
    background-color: #ccc !important;
}

.bg-grey-light {
    background-color: #ddd !important;
}

.bg-grey-lighter {
    background-color: #eee !important;
}

.bg-grey-dark {
    background-color: #888 !important;
}


.bg-ddd {
    background-color: #ddd !important;
}

.bg-eee {
    background-color: #eee !important;
}

.bg-fff {
    background-color: #fff !important;
}

.bg-orange {
    background-color: #ee7d32 !important;
}

.bg-orange-light {
    background-color: #da9c74 !important;
}

.bg-orange-lighter {
    background-color: #ebc8b3 !important;
}

.bg-orange-hover {
    background-color: #cb9211 !important;
}

.bg-magenta {
    background-color: #d215d0 !important;
}

.bg-magenta-light {
    background-color: #d881d8 !important;
}

.bg-magenta-lighter {
    background-color: #ddbadd !important;
}

.bg-purple {
    background-color: #8121b8 !important;
}

.bg-purple-light {
    background-color: #9274a5 !important;
}

.bg-purple-lighter {
    background-color: #ac9bb6 !important;
}

.bg-purple-dark {
    background-color: #4c0a72 !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.bg-hover:hover {
    background-color: var(--background-hover-color, #c9dffc) !important;
}

.bg-alternate > table:nth-child(odd) > tr,
.bg-alternate > div:nth-child(odd) > div,
.bg-alternate > div:nth-child(odd) > span,
.bg-alternate > div:nth-child(odd) > li,
.bg-alternate > div:nth-child(odd) > a,
.bg-alternate-odd > div:nth-child(odd) > tr,
.bg-alternate-odd > div:nth-child(odd) > div,
.bg-alternate-odd > div:nth-child(odd) > span,
.bg-alternate-odd > div:nth-child(odd) > li,
.bg-alternate-odd > div:nth-child(odd) > a {
    background-color: var(--background-alternate-color, var(--background-alternate-odd-color, #efefef)) !important;
}

.bg-alternate-even > table:nth-child(even) > tr,
.bg-alternate-even > div:nth-child(even) > div,
.bg-alternate-even > div:nth-child(even) > span,
.bg-alternate-even > div:nth-child(even) > li,
.bg-alternate-even > div:nth-child(even) > a {
    background-color: var(--background-alternate-even-color, #efefef) !important;
}

.circle {
    border-radius: var(--circle-border-radius, var(--default-circle-border-radius, 50%));
}

.relative-center {
    margin-top: calc(50% - var(--relative-center-top-offset, 0rem)) !important;
    margin-left: calc(50% - var(--relative-center-left-offset, 0rem)) !important;
}

.absolute-center {
    top: calc(50% - var(--absolute-center-top-offset, 0rem)) !important;
    left: calc(50% - var(--absolute-center-left-offset, 0rem)) !important;
}

.absolute-top-center {
    top: calc(1% - var(--absolute-top-center-top-offset, 0rem)) !important;
    left: calc(50% - var(--absolute-top-center-left-offset, 0rem)) !important;
}

.absolute-bottom-center {
    bottom: calc(1% - var(--absolute-bottom-center-bottom-offset, 0rem)) !important;
    left: calc(50% - var(--absolute-bottom-center-left-offset, 0rem)) !important;
}

.absolute-top-right {
    top: calc(1% - var(--absolute-top-right-bottom-offset, 0rem)) !important;
    right: calc(1% - var(--absolute-top-right-right-offset, 0rem)) !important;
}

.absolute-right-center {
    top: calc(50% - var(--absolute-top-center-top-offset, 0rem)) !important;
    right: calc(1% - var(--absolute-top-center-right-offset, 0rem)) !important;
}

.absolute-bottom-right {
    bottom: calc(1% - var(--absolute-bottom-right-top-offset, 0rem)) !important;
    right: calc(1% - var(--absolute-bottom-right-right-offset, 0rem)) !important;
}

.absolute-top-left {
    top: calc(1% - var(--absolute-top-left-top-offset, 0rem)) !important;
    left: calc(1% - var(--absolute-top-left-left-offset, 0rem)) !important;
}

.absolute-left-center {
    top: calc(50% - var(--absolute-top-center-top-offset, 0rem)) !important;
    left: calc(1% - var(--absolute-top-center-left-offset, 0rem)) !important;
}

.absolute-bottom-left {
    bottom: calc(1% - var(--absolute-bottom-left-top-offset, 0rem)) !important;
    left: calc(1% - var(--absolute-bottom-left-left-offset, 0rem)) !important;
}

.absolute-cover-width {
    left: 0;
    right: 0;
}

.absolute-cover-height {
    top: 0;
    bottom: 0;
}

.flex-center {
    justify-content: center;
}

.middle {
    align-self: center;
}

.middled {
    margin-top: auto !important;
    margin-bottom: auto !important;
    align-self: center;
    align-items: center;
}

.middle-children {
    align-items: center;
}

.centered {
    margin: auto !important;
    justify-content: center;
    align-self: center;
}

.centered-children > div,
.centered-children > span,
.centered-children > a,
.centered-children > p,
.centered-children > li {
    margin: auto !important;
    justify-content: center;
    align-items: center;
}

.center {
    margin-left: auto !important;
    margin-right: auto !important;
}

.center-margin-tb-xsm {
    margin: 0.25rem auto !important;
}

.center-margin-tb-sm {
    margin: 0.33rem auto !important;
}

.center-margin-tb-md {
    margin: 0.5rem auto !important;
}

.center-margin-tb-md-lg {
    margin: 0.75rem auto !important;
}

.center-margin-tb-lg {
    margin: 1rem auto !important;
}

.center-margin-tb-xlg {
    margin: 1.25rem auto !important;
}

.center-margin-tb-xxlg {
    margin: 1.5rem auto !important;
}

.center-margin-tb-xxxlg {
    margin: 2rem auto !important;
}

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

.valign-top,
.vertical-align-top {
    vertical-align: top;
}

.valign-middle,
.vertical-align-middle {
    vertical-align: middle;
}

.valign-bottom,
.vertical-align-bottom {
    vertical-align: bottom;
}

.justify-center {
    justify-content: center !important;
}

.justify-flex-start {
    justify-content: flex-start !important;
}

.justify-flex-end {
    justify-content: flex-end !important;
}

.justify-space-between {
    justify-content: space-between !important;
}

.justify-space-around {
    justify-content: space-around !important;
}

.justify-space-evenly {
    justify-content: space-evenly !important;
}

.justify-left {
    justify-content: left !important;
}

.justify-right {
    justify-content: right !important;
}

.justify-baseline {
    justify-content: baseline !important;
}

/* affects rows in a column */

.lines-stretch,
.align-content-stretch {
    align-content: stretch !important;
}

.lines-center,
.align-content-center {
    align-content: center !important;
}

.lines-start,
.align-content-start {
    align-content: start !important;
}

.lines-end,
.align-content-end {
    align-content: end !important;
}

.lines-flex-start,
.align-content-flex-start {
    align-content: flex-start !important;
}

.lines-flex-end,
.align-content-flex-end {
    align-content: flex-end !important;
}

.lines-space-between,
.align-content-space-between {
    align-content: space-between !important;
}

.lines-space-around,
.align-content-space-around {
    align-content: space-around !important;
}

.lines-space-evenly,
.align-content-space-evenly {
    align-content: space-evenly !important;
}

/* affects items in a row */
.items-stretch,
.align-items-stretch {
    align-items: stretch !important;
}

.items-center,
.align-items-center {
    align-items: center !important;
}

.items-flex-start,
.align-items-flex-start {
    align-items: flex-start !important;
}

.items-flex-end,
.align-items-flex-end {
    align-items: flex-end !important;
}

.items-start,
.align-items-start {
    align-items: start !important;
}

.items-end,
.align-items-end {
    align-items: end !important;
}

.items-baseline,
.align-items-baseline {
    align-items: baseline !important;
}

.self-stretch,
.align-self-stretch {
    align-self: stretch !important;
}

.self-center,
.align-self-center {
    align-self: center !important;
}

.self-flex-start,
.align-self-flex-start {
    align-self: flex-start !important;
}

.self-flex-end,
.align-self-flex-end {
    align-self: flex-end !important;
}

.self-start,
.align-self-start {
    align-self: start !important;
}

.self-end,
.align-self-end {
    align-self: end !important;
}

.self-baseline,
.align-self-baseline {
    align-self: baseline !important;
}

.whisper {
    font-size:0.25em;
    color:#333;
}

.yell {
    font-size:1em;
    text-transform: uppercase;
    color:#333;
}

@media only screen and (min-width: 451px) {
    .font-size-for-medium-up {
        font-size: var(--font-size-for-medium-up, 0.85rem) !important;
    }

    .font-xxxxxlg-for-medium-up {
        font-size: 4rem !important;
    }

    .font-xxxxlg-for-medium-up {
        font-size: 3rem !important;
    }

    .font-xxxlg-for-medium-up {
        font-size: 2.5rem !important;
    }

    .font-xxlg-for-medium-up {
        font-size: 2.0rem !important;
    }

    .font-xlg-for-medium-up {
        font-size: 1.5rem !important;
    }

    .font-lg-for-medium-up {
        font-size: 1.25rem !important;
    }

    .font-md-for-medium-up {
        font-size: 0.85rem !important;
    }

    .font-sm-for-medium-up {
        font-size: 0.75rem !important;
    }

    .font-xsm-for-medium-up {
        font-size: 0.6rem !important;
    }

    .font-xxsm-for-medium-up {
        font-size: 0.5rem !important;
    }

    .center-for-medium-up {
        margin: auto !important;
    }

    .margin-tb-for-medium-up {
        margin-top: var(--margin-tb-for-medium-up, var(--default-margin-tb-for-medium-up, 1rem));
        margin-bottom: var(--margin-tb-for-medium-up, var(--default-margin-tb-for-medium-up, 1rem));
    }

    .margin-tb-xxlg-for-medium-up {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .margin-tb-xxxlg-for-medium-up {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .padding-md-for-medium-up {
        padding: 0.5rem;
    }

    .padding-lr-md-for-medium-up {
        padding: 0rem 0.5rem;
    }

    .padding-tb-md-for-medium-up {
        padding: 0.5rem 0rem;
    }

    .padding-tb-md-lg-for-medium-up {
        padding: 0.75rem 0rem;
    }

    .padding-lg-for-medium-up {
        padding: 1rem;
    }

    .padding-lr-lg-for-medium-up {
        padding: 0rem 1rem;
    }

    .padding-tb-lg-for-medium-up {
        padding: 1rem 0rem;
    }

    .hide-for-medium-up {
        display: none !important;
    }

    .show-for-medium-up {
        display: block;
    }

    .right-for-medium-up {
        float: right;
    }

    .left-for-medium-up {
        float: left;
    }

    .inline-for-medium-up {
        display: inline !important;
    }

    .flex-column-for-medium-up,
    .flex-flow-column-medium-up {
        flex-flow: column !important;
    }

    .flex-column-wrap-medium-up,
    .flex-flow-column-wrap-medium-up {
        flex-flow: column wrap !important;
    }

    .flex-column-nowrap-medium-up,
    .flex-flow-column-nowrap-medium-up {
        flex-flow: column nowrap !important;
    }

    .flex-row-medium-up,
    .flex-flow-row-medium-up {
        flex-flow: row !important;
    }

    .flex-row-wrap-medium-up,
    .flex-flow-row-wrap-medium-up {
        flex-flow: row wrap !important;
    }

    .flex-row-nowrap-medium-up,
    .flex-flow-row-nowrap-medium-up {
        flex-flow: row nowrap !important;
    }

    .justify-center-for-medium-up {
        justify-content: center !important;
    }

    .relative-center-for-medium-up {
        margin-top: calc(50% - var(--relative-center-top-offset, 0rem)) !important;
        margin-left: calc(50% - var(--relative-center-left-offset, 0rem)) !important;
    }
    
    .absolute-center-for-medium-up {
        top: calc(50% - var(--absolute-center-top-offset, 0rem)) !important;
        left: calc(50% - var(--absolute-center-left-offset, 0rem)) !important;
    }
    
    .absolute-top-center-for-medium-up {
        top: calc(1% - var(--absolute-top-center-top-offset, 0rem)) !important;
        left: calc(50% - var(--absolute-top-center-left-offset, 0rem)) !important;
    }
    
    .absolute-bottom-center-for-medium-up {
        bottom: calc(1% - var(--absolute-bottom-center-bottom-offset, 0rem)) !important;
        left: calc(50% - var(--absolute-bottom-center-left-offset, 0rem)) !important;
    }
    
    .absolute-top-right-for-medium-up {
        top: calc(1% - var(--absolute-top-right-bottom-offset, 0rem)) !important;
        right: calc(1% - var(--absolute-top-right-right-offset, 0rem)) !important;
    }
    
    .absolute-right-center-for-medium-up {
        top: calc(50% - var(--absolute-top-center-top-offset, 0rem)) !important;
        right: calc(1% - var(--absolute-top-center-right-offset, 0rem)) !important;
    }
    
    .absolute-bottom-right-for-medium-up {
        bottom: calc(1% - var(--absolute-bottom-right-top-offset, 0rem)) !important;
        right: calc(1% - var(--absolute-bottom-right-right-offset, 0rem)) !important;
    }
    
    .absolute-top-left-for-medium-up {
        top: calc(1% - var(--absolute-top-left-top-offset, 0rem)) !important;
        left: calc(1% - var(--absolute-top-left-left-offset, 0rem)) !important;
    }
    
    .absolute-left-center-for-medium-up {
        top: calc(50% - var(--absolute-top-center-top-offset, 0rem)) !important;
        left: calc(1% - var(--absolute-top-center-left-offset, 0rem)) !important;
    }
    
    .absolute-bottom-left-for-medium-up {
        bottom: calc(1% - var(--absolute-bottom-left-top-offset, 0rem)) !important;
        left: calc(1% - var(--absolute-bottom-left-left-offset, 0rem)) !important;
    }
    
    .absolute-cover-width-for-medium-up {
        left: 0;
        right: 0;
    }
    
    .absolute-cover-height-for-medium-up {
        top: 0;
        bottom: 0;
    }

    .cover-width-100-pct-for-medium-up,
    .cover-width-100-percent-for-medium-up {
        width: 100% !important;
    }

    .cover-width-90-pct-for-medium-up,
    .cover-width-90-percent-for-medium-up {
        width: 90% !important;
    }

    .cover-width-80-pct-for-medium-up,
    .cover-width-80-percent-for-medium-up {
        width: 80% !important;
    }

    .cover-width-70-pct-for-medium-up,
    .cover-width-70-percent-for-medium-up {
        width: 70% !important;
    }

    .cover-width-60-pct-for-medium-up,
    .cover-width-60-percent-for-medium-up {
        width: 60% !important;
    }

    .cover-width-50-pct-for-medium-up,
    .cover-width-50-percent-for-medium-up {
        width: 50% !important;
    }

    .cover-width-40-pct-for-medium-up,
    .cover-width-40-percent-for-medium-up {
        width: 40% !important;
    }

    .cover-width-30-pct-for-medium-up,
    .cover-width-30-percent-for-medium-up {
        width: 30% !important;
    }

    .cover-width-20-pct-for-medium-up,
    .cover-width-20-percent-for-medium-up {
        width: 20% !important;
    }

    .cover-width-10-pct-for-medium-up,
    .cover-width-10-percent-for-medium-up {
        width: 10% !important;
    }

    .cover-width-5-pct-for-medium-up,
    .cover-width-5-percent-for-medium-up {
        width: 5% !important;
    }

    .cover-width-100-pct-for-medium-up,
    .cover-width-100-percent-for-medium-up {
        width: 100% !important;
    }

    .cover-width-90-pct-for-medium-up,
    .cover-width-90-percent-for-medium-up {
        width: 90% !important;
    }

    .cover-width-80-pct-for-medium-up,
    .cover-width-80-percent-for-medium-up {
        width: 80% !important;
    }

    .cover-width-70-pct-for-medium-up,
    .cover-width-70-percent-for-medium-up {
        width: 70% !important;
    }

    .cover-width-60-pct-for-medium-up,
    .cover-width-60-percent-for-medium-up {
        width: 60% !important;
    }

    .cover-width-50-pct-for-medium-up,
    .cover-width-50-percent-for-medium-up {
        width: 50% !important;
    }

    .cover-width-40-pct-for-medium-up,
    .cover-width-40-percent-for-medium-up {
        width: 40% !important;
    }

    .cover-width-30-pct-for-medium-up,
    .cover-width-30-percent-for-medium-up {
        width: 30% !important;
    }

    .cover-width-20-pct-for-medium-up,
    .cover-width-20-percent-for-medium-up {
        width: 20% !important;
    }

    .cover-width-10-pct-for-medium-up,
    .cover-width-10-percent-for-medium-up {
        width: 10% !important;
    }

    .cover-width-5-pct-for-medium-up,
    .cover-width-5-percent-for-medium-up {
        width: 5% !important;
    }

    .flex-item-1-for-medium-up {
        display: flex;
        flex-basis: 100% !important;
    }
    
    .flex-item-2-for-medium-up {
        display: flex;
        flex-basis: 50% !important;
    }
    
    .flex-item-3-for-medium-up {
        display: flex;
        flex-basis: 33.333% !important;
    }
    
    .flex-item-4-for-medium-up {
        display: flex;
        flex-basis: 25% !important;
    }
    
    .flex-item-5-for-medium-up {
        display: flex;
        flex-basis: 20% !important;
    }
    
    .flex-item-6-for-medium-up {
        display: flex;
        flex-basis: 16.667% !important;
    }
    
    .flex-item-7-for-medium-up {
        display: flex;
        flex-basis: 14.286% !important;
    }
    
    .flex-item-8-for-medium-up {
        display: flex;
        flex-basis: 12.5% !important;
    }
    
    .flex-item-9-for-medium-up {
        display: flex;
        flex-basis: 11.111% !important;
    }
    
    .flex-item-10-for-medium-up {
        display: flex;
        flex-basis: 10% !important;
    }
    
    .flex-item-p5-pct-for-medium-up,
    .flex-item-p5-p-for-medium-up {
        display: flex;
        flex-basis: 0.5% !important;
    }
    
    .flex-item-2p5-pct-for-medium-up,
    .flex-item-2p5-p-for-medium-up {
        display: flex;
        flex-basis: 2.5% !important;
    }
    
    .flex-item-5-pct-for-medium-up,
    .flex-item-5-p-for-medium-up {
        display: flex;
        flex-basis: 10% !important;
    }
    
    .flex-item-10-pct-for-medium-up,
    .flex-item-10-p-for-medium-up {
        display: flex;
        flex-basis: 10% !important;
    }
    
    .flex-item-15-pct-for-medium-up,
    .flex-item-15-p-for-medium-up {
        display: flex;
        flex-basis: 15% !important;
    }
    
    .flex-item-20-pct-for-medium-up,
    .flex-item-20-p-for-medium-up {
        display: flex;
        flex-basis: 20% !important;
    }
    
    .flex-item-25-pct-for-medium-up,
    .flex-item-25-p-for-medium-up {
        display: flex;
        flex-basis: 25% !important;
    }
    
    .flex-item-33-pct-for-medium-up,
    .flex-item-33-p-for-medium-up {
        display: flex;
        flex-basis: 33.333% !important;
    }
    
    .flex-item-40-pct-for-medium-up,
    .flex-item-40-p-for-medium-up {
        display: flex;
        flex-basis: 40% !important;
    }

    .flex-item-50-pct-for-medium-up,
    .flex-item-50-p-for-medium-up {
        display: flex;
        flex-basis: 50% !important;
    }
    
    .flex-item-67-pct-for-medium-up,
    .flex-item-67-p-for-medium-up {
        display: flex;
        flex-basis: 67.667% !important;
    }
    
    .flex-item-70-pct-for-medium-up,
    .flex-item-70-p-for-medium-up {
        display: flex;
        flex-basis: 70% !important;
    }
    
    .flex-item-75-pct-for-medium-up,
    .flex-item-75-p-for-medium-up {
        display: flex;
        flex-basis: 75% !important;
    }
    
    .flex-item-80-pct-for-medium-up,
    .flex-item-80-p-for-medium-up {
        display: flex;
        flex-basis: 80% !important;
    }
    
    .flex-item-90-pct-for-medium-up,
    .flex-item-90-p-for-medium-up {
        display: flex;
        flex-basis: 90% !important;
    }
    
    .flex-item-95-pct-for-medium-up,
    .flex-item-95-p-for-medium-up {
        display: flex;
        flex-basis: 95% !important;
    }
    
    .flex-item-99-pct-for-medium-up,
    .flex-item-99-p-for-medium-up {
        display: flex;
        flex-basis: 99% !important;
    }
    
    .flex-item-100-p-for-medium-up,
    .flex-item-100-p-for-medium-up {
        display: flex;
        flex-basis: 100% !important;
    }

    .no-border-radius-for-medium-up {
        border-radius: 0px !important;
    }
}

@media only screen and (min-width: 851px) {
    .font-size-for-large-up {
        font-size: var(--font-size-for-large-up, 0.85rem) !important;
    }

    .font-xxxxxlg-for-large-up {
        font-size: 4rem !important;
    }

    .font-xxxxlg-for-large-up {
        font-size: 3rem !important;
    }

    .font-xxxlg-for-large-up {
        font-size: 2.5rem !important;
    }

    .font-xxlg-for-large-up {
        font-size: 2.0rem !important;
    }

    .font-xlg-for-large-up {
        font-size: 1.5rem !important;
    }

    .font-lg-for-large-up {
        font-size: 1.25rem !important;
    }

    .font-md-for-large-up {
        font-size: 0.85rem !important;
    }

    .font-sm-for-large-up {
        font-size: 0.75rem !important;
    }

    .font-xsm-for-large-up {
        font-size: 0.6rem !important;
    }

    .font-xxsm-for-large-up {
        font-size: 0.5rem !important;
    }

    .margin-tb-for-large-up {
        margin-top: var(--margin-tb-for-large-up, var(--default-margin-tb-for-large-up, 1rem));
        margin-bottom: var(--margin-tb-for-large-up, var(--default-margin-tb-for-large-up, 1rem));
    }

    .margin-tb-xxxlg-for-large-up {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .margin-tb-xxlg-for-large-up {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .padding-md-for-large-up {
        padding: 0.5rem;
    }

    .padding-lr-md-for-large-up {
        padding: 0rem 0.5rem;
    }

    .padding-tb-md-for-large-up {
        padding: 0.5rem 0rem;
    }

    .padding-tb-md-lg-for-large-up {
        padding: 0.75rem 0rem;
    }

    .padding-lg-for-large-up {
        padding: 1rem;
    }

    .padding-lr-lg-for-large-up {
        padding: 0rem 1rem;
    }

    .padding-tb-lg-for-large-up {
        padding: 1rem 0rem;
    }

    .gap-for-large-up {
        gap: var(--default-gap, var(--gap, 0.33rem));
    }
    
    .gap-xlg-for-large-up {
        gap: 4rem;
    }
    
    .gap-lg-for-large-up {
        gap: 3rem;
    }
    
    .gap-md-for-large-up {
        gap: 2rem;
    }
    
    .gap-sm-for-large-up {
        gap: 1rem;
    }
    
    .gap-xsm-for-large-up {
        gap: 0.5rem;
    }

    .hide-for-large-up {
        display: none !important;
    }

    .show-for-large-up {
        display: block;
    }

    .no-margin-for-large-up {
        margin: 0px !important;
    }

    .no-padding-for-large-up {
        padding: 0px !important;
    }

    .right-for-large-up {
        float: right;
    }

    .left-for-large-up {
        float: left;
    }

    .inline-for-large-up {
        display: inline !important;
    }

    .flex-column-for-large-up,
    .flex-flow-column-large-up {
        flex-flow: column !important;
    }

    .flex-column-wrap-large-up,
    .flex-flow-column-wrap-large-up {
        flex-flow: column wrap !important;
    }

    .flex-column-nowrap-large-up,
    .flex-flow-column-nowrap-large-up {
        flex-flow: column nowrap !important;
    }

    .flex-row-large-up,
    .flex-flow-row-large-up {
        flex-flow: row !important;
    }

    .flex-row-wrap-large-up,
    .flex-flow-row-wrap-large-up {
        flex-flow: row wrap !important;
    }

    .flex-row-nowrap-large-up,
    .flex-flow-row-nowrap-large-up {
        flex-flow: row nowrap !important;
    }

    .justify-center-for-large-up {
        justify-content: center !important;
    }
    
    .relative-center-for-large-up {
        margin-top: calc(50% - var(--relative-center-top-offset, 0rem)) !important;
        margin-left: calc(50% - var(--relative-center-left-offset, 0rem)) !important;
    }
    
    .absolute-center-for-large-up {
        top: calc(50% - var(--absolute-center-top-offset, 0rem)) !important;
        left: calc(50% - var(--absolute-center-left-offset, 0rem)) !important;
    }
    
    .absolute-top-center-for-large-up {
        top: calc(1% - var(--absolute-top-center-top-offset, 0rem)) !important;
        left: calc(50% - var(--absolute-top-center-left-offset, 0rem)) !important;
    }
    
    .absolute-bottom-center-for-large-up {
        bottom: calc(1% - var(--absolute-bottom-center-bottom-offset, 0rem)) !important;
        left: calc(50% - var(--absolute-bottom-center-left-offset, 0rem)) !important;
    }
    
    .absolute-top-right-for-large-up {
        top: calc(1% - var(--absolute-top-right-bottom-offset, 0rem)) !important;
        right: calc(1% - var(--absolute-top-right-right-offset, 0rem)) !important;
    }
    
    .absolute-right-center-for-large-up {
        top: calc(50% - var(--absolute-top-center-top-offset, 0rem)) !important;
        right: calc(1% - var(--absolute-top-center-right-offset, 0rem)) !important;
    }
    
    .absolute-bottom-right-for-large-up {
        bottom: calc(1% - var(--absolute-bottom-right-top-offset, 0rem)) !important;
        right: calc(1% - var(--absolute-bottom-right-right-offset, 0rem)) !important;
    }
    
    .absolute-top-left-for-large-up {
        top: calc(1% - var(--absolute-top-left-top-offset, 0rem)) !important;
        left: calc(1% - var(--absolute-top-left-left-offset, 0rem)) !important;
    }
    
    .absolute-left-center-for-large-up {
        top: calc(50% - var(--absolute-top-center-top-offset, 0rem)) !important;
        left: calc(1% - var(--absolute-top-center-left-offset, 0rem)) !important;
    }
    
    .absolute-bottom-left-for-large-up {
        bottom: calc(1% - var(--absolute-bottom-left-top-offset, 0rem)) !important;
        left: calc(1% - var(--absolute-bottom-left-left-offset, 0rem)) !important;
    }
    
    .absolute-cover-width-for-large-up {
        left: 0;
        right: 0;
    }
    
    .absolute-cover-height-for-large-up {
        top: 0;
        bottom: 0;
    }

    .cover-width-100-pct-for-large-up,
    .cover-width-100-percent-for-large-up {
        width: 100% !important;
    }

    .cover-width-90-pct-for-large-up,
    .cover-width-90-percent-for-large-up {
        width: 90% !important;
    }

    .cover-width-80-pct-for-large-up,
    .cover-width-80-percent-for-large-up {
        width: 80% !important;
    }

    .cover-width-70-pct-for-large-up,
    .cover-width-70-percent-for-large-up {
        width: 70% !important;
    }

    .cover-width-60-pct-for-large-up,
    .cover-width-60-percent-for-large-up {
        width: 60% !important;
    }

    .cover-width-50-pct-for-large-up,
    .cover-width-50-percent-for-large-up {
        width: 50% !important;
    }

    .cover-width-40-pct-for-large-up,
    .cover-width-40-percent-for-large-up {
        width: 40% !important;
    }

    .cover-width-30-pct-for-large-up,
    .cover-width-30-percent-for-large-up {
        width: 30% !important;
    }

    .cover-width-20-pct-for-large-up,
    .cover-width-20-percent-for-large-up {
        width: 20% !important;
    }

    .cover-width-10-pct-for-large-up,
    .cover-width-10-percent-for-large-up {
        width: 10% !important;
    }

    .cover-width-5-pct-for-large-up,
    .cover-width-5-percent-for-large-up {
        width: 5% !important;
    }

    .flex-item-1-for-large-up {
        display: flex;
        flex-basis: 100% !important;
    }
    
    .flex-item-2-for-large-up {
        display: flex;
        flex-basis: 50% !important;
    }
    
    .flex-item-3-for-large-up {
        display: flex;
        flex-basis: 33.333% !important;
    }
    
    .flex-item-4-for-large-up {
        display: flex;
        flex-basis: 25% !important;
    }
    
    .flex-item-5-for-large-up {
        display: flex;
        flex-basis: 20% !important;
    }
    
    .flex-item-6-for-large-up {
        display: flex;
        flex-basis: 16.667% !important;
    }
    
    .flex-item-7-for-large-up {
        display: flex;
        flex-basis: 14.286% !important;
    }
    
    .flex-item-8-for-large-up {
        display: flex;
        flex-basis: 12.5% !important;
    }
    
    .flex-item-9-for-large-up {
        display: flex;
        flex-basis: 11.111% !important;
    }
    
    .flex-item-10-for-large-up {
        display: flex;
        flex-basis: 10% !important;
    }
    
    .flex-item-p5-pct-for-large-up,
    .flex-item-p5-p-for-large-up {
        display: flex;
        flex-basis: 0.5% !important;
    }
    
    .flex-item-2p5-pct-for-large-up,
    .flex-item-2p5-p-for-large-up {
        display: flex;
        flex-basis: 2.5% !important;
    }
    
    .flex-item-5-pct-for-large-up,
    .flex-item-5-p-for-large-up {
        display: flex;
        flex-basis: 10% !important;
    }
    
    .flex-item-10-pct-for-large-up,
    .flex-item-10-p-for-large-up {
        display: flex;
        flex-basis: 10% !important;
    }
    
    .flex-item-15-pct-for-large-up,
    .flex-item-15-p-for-large-up {
        display: flex;
        flex-basis: 15% !important;
    }
    
    .flex-item-20-pct-for-large-up,
    .flex-item-20-p-for-large-up {
        display: flex;
        flex-basis: 20% !important;
    }
    
    .flex-item-25-pct-for-large-up,
    .flex-item-25-p-for-large-up {
        display: flex;
        flex-basis: 25% !important;
    }
    
    .flex-item-33-pct-for-large-up,
    .flex-item-33-p-for-large-up {
        display: flex;
        flex-basis: 33.333% !important;
    }
    
    .flex-item-40-pct-for-large-up,
    .flex-item-40-p-for-large-up {
        display: flex;
        flex-basis: 40% !important;
    }

    .flex-item-50-pct-for-large-up,
    .flex-item-50-p-for-large-up {
        display: flex;
        flex-basis: 50% !important;
    }
    
    .flex-item-67-pct-for-large-up,
    .flex-item-67-p-for-large-up {
        display: flex;
        flex-basis: 67.667% !important;
    }
    
    .flex-item-70-pct-for-large-up,
    .flex-item-70-p-for-large-up {
        display: flex;
        flex-basis: 70% !important;
    }
    
    .flex-item-75-pct-for-large-up,
    .flex-item-75-p-for-large-up {
        display: flex;
        flex-basis: 75% !important;
    }
    
    .flex-item-80-pct-for-large-up,
    .flex-item-80-p-for-large-up {
        display: flex;
        flex-basis: 80% !important;
    }
    
    .flex-item-90-pct-for-large-up,
    .flex-item-90-p-for-large-up {
        display: flex;
        flex-basis: 90% !important;
    }
    
    .flex-item-95-pct-for-large-up,
    .flex-item-95-p-for-large-up {
        display: flex;
        flex-basis: 95% !important;
    }
    
    .flex-item-99-pct-for-large-up,
    .flex-item-99-p-for-large-up {
        display: flex;
        flex-basis: 99% !important;
    }
    
    .flex-item-100-p-for-large-up,
    .flex-item-100-p-for-large-up {
        display: flex;
        flex-basis: 100% !important;
    }

    .no-shadow-for-large-up {
        -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
        -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    }

    .no-border-radius-for-large-up {
        border-radius: 0px !important;
    }
}

@media only screen and (min-width: 1025px) {
    .font-size-for-xlarge-up {
        font-size: var(--font-size-for-xlarge-up, 0.85rem) !important;
    }

    .padding-md-for-xlarge-up {
        padding: 0.5rem;
    }

    .hide-for-xlarge-up {
        display: none !important;
    }

    .show-for-xlarge-up {
        display: block;
    }

    .no-margin-for-xlarge-up {
        margin: 0px !important;
    }

    .no-padding-for-xlarge-up {
        padding: 0px !important;
    }

    .right-for-xlarge-up {
        float: right;
    }

    .left-for-xlarge-up {
        float: left;
    }

    .justify-center-for-xlarge-up {
        justify-content: center;
    }

    .relative-center-for-xlarge-up {
        margin-top: calc(50% - var(--relative-center-top-offset, 0rem)) !important;
        margin-left: calc(50% - var(--relative-center-left-offset, 0rem)) !important;
    }
    
    .absolute-center-for-xlarge-up {
        top: calc(50% - var(--absolute-center-top-offset, 0rem)) !important;
        left: calc(50% - var(--absolute-center-left-offset, 0rem)) !important;
    }
    
    .absolute-top-center-for-xlarge-up {
        top: calc(1% - var(--absolute-top-center-top-offset, 0rem)) !important;
        left: calc(50% - var(--absolute-top-center-left-offset, 0rem)) !important;
    }
    
    .absolute-bottom-center-for-xlarge-up {
        bottom: calc(1% - var(--absolute-bottom-center-bottom-offset, 0rem)) !important;
        left: calc(50% - var(--absolute-bottom-center-left-offset, 0rem)) !important;
    }
    
    .absolute-top-right-for-xlarge-up {
        top: calc(1% - var(--absolute-top-right-bottom-offset, 0rem)) !important;
        right: calc(1% - var(--absolute-top-right-right-offset, 0rem)) !important;
    }
    
    .absolute-right-center-for-xlarge-up {
        top: calc(50% - var(--absolute-top-center-top-offset, 0rem)) !important;
        right: calc(1% - var(--absolute-top-center-right-offset, 0rem)) !important;
    }
    
    .absolute-bottom-right-for-xlarge-up {
        bottom: calc(1% - var(--absolute-bottom-right-top-offset, 0rem)) !important;
        right: calc(1% - var(--absolute-bottom-right-right-offset, 0rem)) !important;
    }
    
    .absolute-top-left-for-xlarge-up {
        top: calc(1% - var(--absolute-top-left-top-offset, 0rem)) !important;
        left: calc(1% - var(--absolute-top-left-left-offset, 0rem)) !important;
    }
    
    .absolute-left-center-for-xlarge-up {
        top: calc(50% - var(--absolute-top-center-top-offset, 0rem)) !important;
        left: calc(1% - var(--absolute-top-center-left-offset, 0rem)) !important;
    }
    
    .absolute-bottom-left-for-xlarge-up {
        bottom: calc(1% - var(--absolute-bottom-left-top-offset, 0rem)) !important;
        left: calc(1% - var(--absolute-bottom-left-left-offset, 0rem)) !important;
    }
    
    .absolute-cover-width-for-xlarge-up {
        left: 0;
        right: 0;
    }
    
    .absolute-cover-height-for-xlarge-up {
        top: 0;
        bottom: 0;
    }

    .cover-width-100-pct-for-xlarge-up,
    .cover-width-100-percent-for-xlarge-up {
        width: 100% !important;
    }

    .cover-width-90-pct-for-xlarge-up,
    .cover-width-90-percent-for-xlarge-up {
        width: 90% !important;
    }

    .cover-width-80-pct-for-xlarge-up,
    .cover-width-80-percent-for-xlarge-up {
        width: 80% !important;
    }

    .cover-width-70-pct-for-xxlarge-up,
    .cover-width-70-percent-for-xxlarge-up {
        width: 70% !important;
    }

    .cover-width-60-pct-for-xlarge-up,
    .cover-width-60-percent-for-xlarge-up {
        width: 60% !important;
    }

    .cover-width-50-pct-for-xlarge-up,
    .cover-width-50-percent-for-xlarge-up {
        width: 50% !important;
    }

    .cover-width-40-pct-for-xlarge-up,
    .cover-width-40-percent-for-xlarge-up {
        width: 40% !important;
    }

    .cover-width-30-pct-for-xlarge-up,
    .cover-width-30-percent-for-xlarge-up {
        width: 30% !important;
    }

    .cover-width-20-pct-for-xlarge-up,
    .cover-width-20-percent-for-xlarge-up {
        width: 20% !important;
    }

    .cover-width-10-pct-for-xlarge-up,
    .cover-width-10-percent-for-xlarge-up {
        width: 10% !important;
    }

    .cover-width-5-pct-for-xlarge-up,
    .cover-width-5-percent-for-xlarge-up {
        width: 5% !important;
    }

    .flex-item-1-for-xlarge-up {
        display: flex;
        flex-basis: 100% !important;
    }
    
    .flex-item-2-for-xlarge-up {
        display: flex;
        flex-basis: 50% !important;
    }
    
    .flex-item-3-for-xlarge-up {
        display: flex;
        flex-basis: 33.333% !important;
    }
    
    .flex-item-4-for-xlarge-up {
        display: flex;
        flex-basis: 25% !important;
    }
    
    .flex-item-5-for-xlarge-up {
        display: flex;
        flex-basis: 20% !important;
    }
    
    .flex-item-6-for-xlarge-up {
        display: flex;
        flex-basis: 16.667% !important;
    }
    
    .flex-item-7-for-xlarge-up {
        display: flex;
        flex-basis: 14.286% !important;
    }
    
    .flex-item-8-for-xlarge-up {
        display: flex;
        flex-basis: 12.5% !important;
    }
    
    .flex-item-9-for-xlarge-up {
        display: flex;
        flex-basis: 11.111% !important;
    }
    
    .flex-item-10-for-xlarge-up {
        display: flex;
        flex-basis: 10% !important;
    }
    
    .flex-item-p5-pct-for-xlarge-up,
    .flex-item-p5-p-for-xlarge-up {
        display: flex;
        flex-basis: 0.5% !important;
    }
    
    .flex-item-2p5-pct-for-xlarge-up,
    .flex-item-2p5-p-for-xlarge-up {
        display: flex;
        flex-basis: 2.5% !important;
    }
    
    .flex-item-5-pct-for-xlarge-up,
    .flex-item-5-p-for-xlarge-up {
        display: flex;
        flex-basis: 10% !important;
    }
    
    .flex-item-10-pct-for-xlarge-up,
    .flex-item-10-p-for-xlarge-up {
        display: flex;
        flex-basis: 10% !important;
    }
    
    .flex-item-15-pct-for-xlarge-up,
    .flex-item-15-p-for-xlarge-up {
        display: flex;
        flex-basis: 15% !important;
    }
    
    .flex-item-20-pct-for-xlarge-up,
    .flex-item-20-p-for-xlarge-up {
        display: flex;
        flex-basis: 20% !important;
    }
    
    .flex-item-25-pct-for-xlarge-up,
    .flex-item-25-p-for-xlarge-up {
        display: flex;
        flex-basis: 25% !important;
    }
    
    .flex-item-33-pct-for-xlarge-up,
    .flex-item-33-p-for-xlarge-up {
        display: flex;
        flex-basis: 33.333% !important;
    }
    
    .flex-item-40-pct-for-xlarge-up,
    .flex-item-40-p-for-xlarge-up {
        display: flex;
        flex-basis: 40% !important;
    }

    .flex-item-50-pct-for-xlarge-up,
    .flex-item-50-p-for-xlarge-up {
        display: flex;
        flex-basis: 50% !important;
    }
    
    .flex-item-67-pct-for-xlarge-up,
    .flex-item-67-p-for-xlarge-up {
        display: flex;
        flex-basis: 67.667% !important;
    }
    
    .flex-item-70-pct-for-xlarge-up,
    .flex-item-70-p-for-xlarge-up {
        display: flex;
        flex-basis: 70% !important;
    }
    
    .flex-item-75-pct-for-xlarge-up,
    .flex-item-75-p-for-xlarge-up {
        display: flex;
        flex-basis: 75% !important;
    }
    
    .flex-item-80-pct-for-xlarge-up,
    .flex-item-80-p-for-xlarge-up {
        display: flex;
        flex-basis: 80% !important;
    }
    
    .flex-item-90-pct-for-xlarge-up,
    .flex-item-90-p-for-xlarge-up {
        display: flex;
        flex-basis: 90% !important;
    }
    
    .flex-item-95-pct-for-xlarge-up,
    .flex-item-95-p-for-xlarge-up {
        display: flex;
        flex-basis: 95% !important;
    }
    
    .flex-item-99-pct-for-xlarge-up,
    .flex-item-99-p-for-xlarge-up {
        display: flex;
        flex-basis: 99% !important;
    }
    
    .flex-item-100-p-for-xlarge-up,
    .flex-item-100-p-for-xlarge-up {
        display: flex;
        flex-basis: 100% !important;
    }

    .no-shadow-for-xlarge-up {
        -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
        -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    }

    .overflow-y-scroll-for-xlarge-up {
        overflow-y: scroll;
    }

    .overflow-x-scroll-for-xlarge-up {
        overflow-x: scroll;
    }

    .overflow-scroll-for-xlarge-up {
        overflow: scroll;
    }

    .overflow-y-auto-for-xlarge-up {
        overflow-y: auto;
    }

    .overflow-x-auto-for-xlarge-up {
        overflow-x: auto;
    }

    .overflow-auto-for-xlarge-up {
        overflow: auto;
    }

    .overflow-y-hidden-for-xlarge-up {
        overflow-y: hidden;
    }

    .overflow-x-hidden-for-xlarge-up {
        overflow-x: hidden;
    }

    .overflow-hidden-for-xlarge-up {
        overflow: hidden;
    }

    .overflow-y-visible-for-xlarge-up {
        overflow-y: visible;
    }

    .overflow-x-visible-for-xlarge-up {
        overflow-x: visible;
    }

    .overflow-visible-for-xlarge-up {
        overflow: visible;
    }
}

@media only screen and (min-width: 1601px) {
    .hide-for-xxlarge-up {
        display: none !important;
    }

    .show-for-xxlarge-up {
        display: block;
    }

    .no-margin-for-xxlarge-up {
        margin: 0px !important;
    }

    .no-padding-for-xxlarge-up {
        padding: 0px !important;
    }

    .cover-width-100-pct-for-xxlarge-up,
    .cover-width-100-percent-for-xxlarge-up {
        width: 100% !important;
    }

    .cover-width-90-pct-for-xxlarge-up,
    .cover-width-90-percent-for-xxlarge-up {
        width: 90% !important;
    }

    .cover-width-80-pct-for-xxlarge-up,
    .cover-width-80-percent-for-xxlarge-up {
        width: 80% !important;
    }

    .cover-width-70-pct-for-xlxarge-up,
    .cover-width-70-percent-for-xxlarge-up {
        width: 70%;
    }

    .cover-width-60-pct-for-xxlarge-up,
    .cover-width-60-percent-for-xxlarge-up {
        width: 60% !important;
    }

    .cover-width-50-pct-for-xxlarge-up,
    .cover-width-50-percent-for-xxlarge-up {
        width: 50% !important;
    }

    .cover-width-40-pct-for-xxlarge-up,
    .cover-width-40-percent-for-xxlarge-up {
        width: 40% !important;
    }

    .cover-width-30-pct-for-xxlarge-up,
    .cover-width-30-percent-for-xxlarge-up {
        width: 30% !important;
    }

    .cover-width-20-pct-for-xxlarge-up,
    .cover-width-20-percent-for-xxlarge-up {
        width: 20% !important;
    }

    .cover-width-10-pct-for-xxlarge-up,
    .cover-width-10-percent-for-xxlarge-up {
        width: 10% !important;
    }

    .cover-width-5-pct-for-xxlarge-up,
    .cover-width-5-percent-for-xxlarge-up {
        width: 5% !important;
    }

    .overflow-y-scroll-for-xxlarge-up {
        overflow-y: scroll;
    }

    .overflow-x-scroll-for-xxlarge-up {
        overflow-x: scroll;
    }

    .overflow-scroll-for-xxlarge-up {
        overflow: scroll;
    }

    .overflow-y-auto-for-xxlarge-up {
        overflow-y: auto;
    }

    .overflow-x-auto-for-xxlarge-up {
        overflow-x: auto;
    }

    .overflow-auto-for-xxlarge-up {
        overflow: auto;
    }

    .overflow-y-hidden-for-xxlarge-up {
        overflow-y: hidden;
    }

    .overflow-x-hidden-for-xxlarge-up {
        overflow-x: hidden;
    }

    .overflow-hidden-for-xxlarge-up {
        overflow: hidden;
    }

    .overflow-y-visible-for-xxlarge-up {
        overflow-y: visible;
    }

    .overflow-x-visible-for-xxlarge-up {
        overflow-x: visible;
    }

    .overflow-visible-for-xxlarge-up {
        overflow: visible;
    }

    .no-border-radius-for-xxlarge-up {
        border-radius: 0px !important;
    }
}

@media only screen and (min-width: 2049px) {
    .font-size-for-xxxlarge-up {
        font-size: var(--font-size-for-xxlarge-up, 0.85rem) !important;
    }

    .hide-for-xxxlarge-up {
        display: none !important;
    }

    .show-for-xxxlarge-up {
        display: block;
    }

    .no-margin-for-xxxlarge-up {
        margin: 0px !important;
    }

    .no-padding-for-xxxlarge-up {
        padding: 0px !important;
    }

    .no-shadow-for-xxxlarge-up {
        -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
        -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    }

    .overflow-y-scroll-for-xxxlarge-up {
        overflow-y: scroll;
    }

    .overflow-x-scroll-for-xxxlarge-up {
        overflow-x: scroll;
    }

    .overflow-scroll-for-xxxlarge-up {
        overflow: scroll;
    }

    .overflow-y-auto-for-xxxlarge-up {
        overflow-y: auto;
    }

    .overflow-x-auto-for-xxxlarge-up {
        overflow-x: auto;
    }

    .overflow-auto-for-xxxlarge-up {
        overflow: auto;
    }

    .overflow-y-hidden-for-xxxlarge-up {
        overflow-y: hidden;
    }

    .overflow-x-hidden-for-xxxlarge-up {
        overflow-x: hidden;
    }

    .overflow-hidden-for-xxxlarge-up {
        overflow: hidden;
    }

    .overflow-y-visible-for-xxxlarge-up {
        overflow-y: visible;
    }

    .overflow-x-visible-for-xxxlarge-up {
        overflow-x: visible;
    }

    .overflow-visible-for-xxxlarge-up {
        overflow: visible;
    }

    .no-border-radius-for-xxxlarge-up {
        border-radius: 0px !important;
    }
}

@media only screen and (max-width: 1024px) {
    .shadowed-for-for-large-down {
        -webkit-box-shadow: 0px 0px 10px var(--shadow-color, var(--default-shadow-color,rgba(0, 0, 0, 0.25)));
        -moz-box-shadow: 0px 0px 10px var(--shadow-color, var(--default-shadow-color,rgba(0, 0, 0, 0.25)));
        box-shadow: 0px 0px 10px var(--shadow-color, var(--default-shadow-color,rgba(0, 0, 0, 0.25)));
    }
    
    .shadowed-sm-for-large-down  {
        -webkit-box-shadow: 0px 0px 5px var(--shadow-color, var(--default-shadow-color,rgba(0, 0, 0, 0.25)));
        -moz-box-shadow: 0px 0px 5px var(--shadow-color, var(--default-shadow-color,rgba(0, 0, 0, 0.25)));
        box-shadow: 0px 0px 5px var(--shadow-color, var(--default-shadow-color,rgba(0, 0, 0, 0.25)));
    }
    
    .shadowed-sm-light-for-large-down  {
        -webkit-box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.25);
    }
    
    .shadowed-sm-dark-for-large-down  {
        -webkit-box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.9);
        -moz-box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.9);
        box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.9);
    }
    
    .shadowed-md-for-large-down  {
        -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.55);
        -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.55);
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.55);
    }
    
    .shadowed-md-light-for-large-down  {
        -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    }
    
    .shadowed-md-dark-for-large-down  {
        -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.9);
        -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.9);
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.9);
    }
    
    .shadowed-lg-for-large-down  {
        -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    }

    .shadowed-bottom-lg-for-large-down  {
        -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
    }
    
    .shadowed-text-for-large-down  {
        text-shadow: 0px 0px 3px #000;
    }
    
    .shadowed-inner-for-large-down  {
        -webkit-box-shadow: 0px 0px 3px var(--shadow-inner-color, var(--default-shadow-inner-color,rgba(0, 0, 0, 0.5)));
        -moz-box-shadow: 0px 0px 3px var(--shadow-inner-color, var(--default-shadow-inner-color,rgba(0, 0, 0, 0.5)));
        box-shadow: 0px 0px 3px var(--shadow-inner-color, var(--default-shadow-inner-color,rgba(0, 0, 0, 0.5)));
    }
    
    .shadowed-inner-sm-for-large-down  {
        -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.7);
        -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.7);
        box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.7);
    }
    
    .shadowed-inner-md-for-large-down  {
        -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.7);
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.7);
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.7);
    }
    
    .shadowed-inner-lg-for-large-down  {
        -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.7);
        -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.7);
        box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.7);
    }
    
    .shadowed-inner-xlg-for-large-down  {
        -moz-box-shadow: inset 0 0 1=5px rgba(0, 0, 0, 0.7);
        -webkit-box-shadow: inset 0 0 1=5px rgba(0, 0, 0, 0.7);
        box-shadow: inset 0 0 10=5px rgba(0, 0, 0, 0.7);
    }

    .no-shadow-for-large-down {
        -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
        -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    }

    .font-size-for-large-down {
        font-size: var(--font-size-for-large-down, 0.85rem) !important;
    }

    .font-auto-size {
        font-size: 100%;
    }
    
    .hide-for-large-down {
        display: none !important;
    }

    .show-for-large-down {
        display: block;
    }

    .text-center-for-large-down {
        text-align: center !important;
    }

    .text-left-for-large-down {
        text-align: left !important;
    }

    .text-right-for-large-down {
        text-align: right !important;
    }

    .gap-for-large-down {
        gap: var(--default-gap, var(--gap, 0.33rem));
    }
    
    .gap-xlg-for-large-down {
        gap: 4rem;
    }
    
    .gap-lg-for-large-down {
        gap: 3rem;
    }
    
    .gap-md-for-large-down {
        gap: 2rem;
    }
    
    .gap-sm-for-large-down {
        gap: 1rem;
    }
    
    .gap-xsm-for-large-down {
        gap: 0.5rem;
    }

    .relative-center-for-large-down {
        margin-top: calc(50% - var(--relative-center-top-offset, 0rem)) !important;
        margin-left: calc(50% - var(--relative-center-left-offset, 0rem)) !important;
    }
    
    .absolute-center-for-large-down {
        top: calc(50% - var(--absolute-center-top-offset, 0rem)) !important;
        left: calc(50% - var(--absolute-center-left-offset, 0rem)) !important;
    }
    
    .absolute-top-center-for-large-down {
        top: calc(1% - var(--absolute-top-center-top-offset, 0rem)) !important;
        left: calc(50% - var(--absolute-top-center-left-offset, 0rem)) !important;
    }
    
    .absolute-bottom-center-for-large-down {
        bottom: calc(1% - var(--absolute-bottom-center-bottom-offset, 0rem)) !important;
        left: calc(50% - var(--absolute-bottom-center-left-offset, 0rem)) !important;
    }
    
    .absolute-top-right-for-large-down {
        top: calc(1% - var(--absolute-top-right-bottom-offset, 0rem)) !important;
        right: calc(1% - var(--absolute-top-right-right-offset, 0rem)) !important;
    }
    
    .absolute-right-center-for-large-down {
        top: calc(50% - var(--absolute-top-center-top-offset, 0rem)) !important;
        right: calc(1% - var(--absolute-top-center-right-offset, 0rem)) !important;
    }
    
    .absolute-bottom-right-for-large-down {
        bottom: calc(1% - var(--absolute-bottom-right-top-offset, 0rem)) !important;
        right: calc(1% - var(--absolute-bottom-right-right-offset, 0rem)) !important;
    }
    
    .absolute-top-left-for-large-down {
        top: calc(1% - var(--absolute-top-left-top-offset, 0rem)) !important;
        left: calc(1% - var(--absolute-top-left-left-offset, 0rem)) !important;
    }
    
    .absolute-left-center-for-large-down {
        top: calc(50% - var(--absolute-top-center-top-offset, 0rem)) !important;
        left: calc(1% - var(--absolute-top-center-left-offset, 0rem)) !important;
    }
    
    .absolute-bottom-left-for-large-down {
        bottom: calc(1% - var(--absolute-bottom-left-top-offset, 0rem)) !important;
        left: calc(1% - var(--absolute-bottom-left-left-offset, 0rem)) !important;
    }
    
    .absolute-cover-width-for-large-down {
        left: 0;
        right: 0;
    }
    
    .absolute-cover-height-for-large-down {
        top: 0;
        bottom: 0;
    }

    .cover-width-100-pct-for-large-down,
    .cover-width-100-percent-for-large-down {
        width: 100% !important;
    }

    .cover-width-90-pct-for-large-down,
    .cover-width-90-percent-for-large-down {
        width: 90% !important;
    }

    .cover-width-80-pct-for-large-down,
    .cover-width-80-percent-for-large-down {
        width: 80% !important;
    }

    .cover-width-70-pct-for-large-down,
    .cover-width-70-percent-for-large-down {
        width: 70% !important;
    }

    .cover-width-60-pct-for-large-down,
    .cover-width-60-percent-for-large-down {
        width: 60% !important;
    }

    .cover-width-50-pct-for-large-down,
    .cover-width-50-percent-for-large-down {
        width: 50% !important;
    }

    .cover-width-40-pct-for-large-down,
    .cover-width-40-percent-for-large-down {
        width: 40% !important;
    }

    .cover-width-30-pct-for-large-down,
    .cover-width-30-percent-for-large-down {
        width: 30% !important;
    }

    .cover-width-20-pct-for-large-down,
    .cover-width-20-percent-for-large-down {
        width: 20% !important;
    }

    .cover-width-10-pct-for-large-down,
    .cover-width-10-percent-for-large-down {
        width: 10% !important;
    }

    .cover-width-5-pct-for-large-down,
    .cover-width-5-percent-for-large-down {
        width: 5% !important;
    }

    .show-for-large-down {
        display: block;
    }

    .flex-item-1-for-large-down {
        display: flex;
        flex-basis: 100% !important;
    }
    
    .flex-item-2-for-large-down {
        display: flex;
        flex-basis: 50% !important;
    }
    
    .flex-item-3-for-large-down {
        display: flex;
        flex-basis: 33.333% !important;
    }
    
    .flex-item-4-for-large-down {
        display: flex;
        flex-basis: 25% !important;
    }
    
    .flex-item-5-for-large-down {
        display: flex;
        flex-basis: 20% !important;
    }
    
    .flex-item-6-for-large-down {
        display: flex;
        flex-basis: 16.667% !important;
    }
    
    .flex-item-7-for-large-down {
        display: flex;
        flex-basis: 14.286% !important;
    }
    
    .flex-item-8-for-large-down {
        display: flex;
        flex-basis: 12.5% !important;
    }
    
    .flex-item-9-for-large-down {
        display: flex;
        flex-basis: 11.111% !important;
    }
    
    .flex-item-10-for-large-down {
        display: flex;
        flex-basis: 10% !important;
    }
    
    .flex-item-p5-pct-for-large-down,
    .flex-item-p5-p-for-large-down {
        display: flex;
        flex-basis: 0.5% !important;
    }
    
    .flex-item-2p5-pct-for-large-down,
    .flex-item-2p5-p-for-large-down {
        display: flex;
        flex-basis: 2.5% !important;
    }
    
    .flex-item-5-pct-for-large-down,
    .flex-item-5-p-for-large-down {
        display: flex;
        flex-basis: 10% !important;
    }
    
    .flex-item-10-pct-for-large-down,
    .flex-item-10-p-for-large-down {
        display: flex;
        flex-basis: 10% !important;
    }
    
    .flex-item-15-pct-for-large-down,
    .flex-item-15-p-for-large-down {
        display: flex;
        flex-basis: 15% !important;
    }
    
    .flex-item-20-pct-for-large-down,
    .flex-item-20-p-for-large-down {
        display: flex;
        flex-basis: 20% !important;
    }
    
    .flex-item-25-pct-for-large-down,
    .flex-item-25-p-for-large-down {
        display: flex;
        flex-basis: 25% !important;
    }
    
    .flex-item-33-pct-for-large-down,
    .flex-item-33-p-for-large-down {
        display: flex;
        flex-basis: 33.333% !important;
    }
    
    .flex-item-40-pct-for-large-down,
    .flex-item-40-p-for-large-down {
        display: flex;
        flex-basis: 40% !important;
    }

    .flex-item-50-pct-for-large-down,
    .flex-item-50-p-for-large-down {
        display: flex;
        flex-basis: 50% !important;
    }
    
    .flex-item-67-pct-for-large-down,
    .flex-item-67-p-for-large-down {
        display: flex;
        flex-basis: 67.667% !important;
    }
    
    .flex-item-70-pct-for-large-down,
    .flex-item-70-p-for-large-down {
        display: flex;
        flex-basis: 70% !important;
    }
    
    .flex-item-75-pct-for-large-down,
    .flex-item-75-p-for-large-down {
        display: flex;
        flex-basis: 75% !important;
    }
    
    .flex-item-80-pct-for-large-down,
    .flex-item-80-p-for-large-down {
        display: flex;
        flex-basis: 80% !important;
    }
    
    .flex-item-90-pct-for-large-down,
    .flex-item-90-p-for-large-down {
        display: flex;
        flex-basis: 90% !important;
    }
    
    .flex-item-95-pct-for-large-down,
    .flex-item-95-p-for-large-down {
        display: flex;
        flex-basis: 95% !important;
    }
    
    .flex-item-99-pct-for-large-down,
    .flex-item-99-p-for-large-down {
        display: flex;
        flex-basis: 99% !important;
    }
    
    .flex-item-100-p-for-large-down,
    .flex-item-100-p-for-large-down {
        display: flex;
        flex-basis: 100% !important;
    }

    .overflow-y-scroll-for-large-down {
        overflow-y: scroll;
    }

    .overflow-x-scroll-for-large-down {
        overflow-x: scroll;
    }

    .overflow-scroll-for-large-down {
        overflow: scroll;
    }

    .overflow-y-auto-for-large-down {
        overflow-y: auto;
    }

    .overflow-x-auto-for-large-down {
        overflow-x: auto;
    }

    .overflow-auto-for-large-down {
        overflow: auto;
    }

    .overflow-y-hidden-for-large-down {
        overflow-y: hidden;
    }

    .overflow-x-hidden-for-large-down {
        overflow-x: hidden;
    }

    .overflow-hidden-for-large-down {
        overflow: hidden;
    }

    .overflow-y-visible-for-large-down {
        overflow-y: visible;
    }

    .overflow-x-visible-for-large-down {
        overflow-x: visible;
    }

    .overflow-visible-for-large-down {
        overflow: visible;
    }

    .no-border-radius-for-large-down {
        border-radius: 0px !important;
    }
}

@media only screen and (max-width: 1600px) {
    .font-size-for-xxlarge-down {
        font-size: var(--font-size-for-xlarge-down, 0.85rem) !important;
    }

    .hide-for-xxlarge-down {
        display: none !important;
    }

    .show-for-xxlarge-down {
        display: block;
    }

    .no-shadow-for-xxlarge-down {
        -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
        -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    }
    
    .overflow-y-scroll-for-xxlarge-down {
        overflow-y: scroll;
    }

    .overflow-x-scroll-for-xxlarge-down {
        overflow-x: scroll;
    }

    .overflow-scroll-for-xxlarge-down {
        overflow: scroll;
    }

    .overflow-y-auto-for-xxlarge-down {
        overflow-y: auto;
    }

    .overflow-x-auto-for-xxlarge-down {
        overflow-x: auto;
    }

    .overflow-auto-for-xxlarge-down {
        overflow: auto;
    }

    .overflow-y-hidden-for-xxlarge-down {
        overflow-y: hidden;
    }

    .overflow-x-hidden-for-xxlarge-down {
        overflow-x: hidden;
    }

    .overflow-hidden-for-xxlarge-down {
        overflow: hidden;
    }

    .overflow-y-visible-for-xxlarge-down {
        overflow-y: visible;
    }

    .overflow-x-visible-for-xxlarge-down {
        overflow-x: visible;
    }

    .overflow-visible-for-xxlarge-down {
        overflow: visible;
    }

    .no-border-radius-for-xxlarge-down {
        border-radius: 0px !important;
    }
}

@media only screen and (max-width: 2048px) {
    .font-size-for-xxxlarge-down {
        font-size: var(--font-size-for-xxlarge-down, 0.85rem) !important;
    }

    .hide-for-xxxlarge-down {
        display: none !important;
    }

    .show-for-xxxlarge-down {
        display: block;
    }

    .no-margin-for-xxxlarge-down {
        margin: 0px !important;
    }

    .no-padding-for-xxxlarge-down {
        padding: 0px !important;
    }

    .no-shadow-for-xxxlarge-down {
        -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
        -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    }
        
    .overflow-y-scroll-for-xxxlarge-down {
        overflow-y: scroll;
    }

    .overflow-x-scroll-for-xxxlarge-down {
        overflow-x: scroll;
    }

    .overflow-scroll-for-xxxlarge-down {
        overflow: scroll;
    }

    .overflow-y-auto-for-xxxlarge-down {
        overflow-y: auto;
    }

    .overflow-x-auto-for-xxxlarge-down {
        overflow-x: auto;
    }

    .overflow-auto-for-xxxlarge-down {
        overflow: auto;
    }

    .overflow-y-hidden-for-xxxlarge-down {
        overflow-y: hidden;
    }

    .overflow-x-hidden-for-xxxlarge-down {
        overflow-x: hidden;
    }

    .overflow-hidden-for-xxxlarge-down {
        overflow: hidden;
    }

    .overflow-y-visible-for-xxxlarge-down {
        overflow-y: visible;
    }

    .overflow-x-visible-for-xxxlarge-down {
        overflow-x: visible;
    }

    .overflow-visible-for-xxxlarge-down {
        overflow: visible;
    }

    .no-border-radius-for-xxxlarge-down {
        border-radius: 0px !important;
    }
}

@media only screen and (max-width: 850px) {

    .shadowed-for-for-medium-down {
        -webkit-box-shadow: 0px 0px 10px var(--shadow-color, var(--default-shadow-color,rgba(0, 0, 0, 0.25)));
        -moz-box-shadow: 0px 0px 10px var(--shadow-color, var(--default-shadow-color,rgba(0, 0, 0, 0.25)));
        box-shadow: 0px 0px 10px var(--shadow-color, var(--default-shadow-color,rgba(0, 0, 0, 0.25)));
    }
    
    .shadowed-sm-for-medium-down  {
        -webkit-box-shadow: 0px 0px 5px var(--shadow-color, var(--default-shadow-color,rgba(0, 0, 0, 0.25)));
        -moz-box-shadow: 0px 0px 5px var(--shadow-color, var(--default-shadow-color,rgba(0, 0, 0, 0.25)));
        box-shadow: 0px 0px 5px var(--shadow-color, var(--default-shadow-color,rgba(0, 0, 0, 0.25)));
    }
    
    .shadowed-sm-light-for-medium-down  {
        -webkit-box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.25);
    }
    
    .shadowed-sm-dark-for-medium-down  {
        -webkit-box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.9);
        -moz-box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.9);
        box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.9);
    }
    
    .shadowed-md-for-medium-down  {
        -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.55);
        -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.55);
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.55);
    }
    
    .shadowed-md-light-for-medium-down  {
        -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    }
    
    .shadowed-md-dark-for-medium-down  {
        -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.9);
        -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.9);
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.9);
    }
    
    .shadowed-lg-for-medium-down  {
        -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    }

    .shadowed-bottom-lg-for-medium-down  {
        -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
    }
    
    .shadowed-text-for-medium-down  {
        text-shadow: 0px 0px 3px #000;
    }
    
    .shadowed-inner-for-medium-down  {
        -webkit-box-shadow: 0px 0px 3px var(--shadow-inner-color, var(--default-shadow-inner-color,rgba(0, 0, 0, 0.5)));
        -moz-box-shadow: 0px 0px 3px var(--shadow-inner-color, var(--default-shadow-inner-color,rgba(0, 0, 0, 0.5)));
        box-shadow: 0px 0px 3px var(--shadow-inner-color, var(--default-shadow-inner-color,rgba(0, 0, 0, 0.5)));
    }
    
    .shadowed-inner-sm-for-medium-down  {
        -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.7);
        -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.7);
        box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.7);
    }
    
    .shadowed-inner-md-for-medium-down  {
        -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.7);
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.7);
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.7);
    }
    
    .shadowed-inner-lg-for-medium-down  {
        -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.7);
        -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.7);
        box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.7);
    }
    
    .shadowed-inner-xlg-for-medium-down  {
        -moz-box-shadow: inset 0 0 1=5px rgba(0, 0, 0, 0.7);
        -webkit-box-shadow: inset 0 0 1=5px rgba(0, 0, 0, 0.7);
        box-shadow: inset 0 0 10=5px rgba(0, 0, 0, 0.7);
    }

    .no-shadow-for-medium-down {
        -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
        -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    }

    .font-size-for-medium-down {
        font-size: var(--font-size-for-medium-down, 0.85rem) !important;
    }

    .font-auto-size {
        font-size: 85%;
    }

    .font-xxxxxlg-for-medium-down {
        font-size: 4rem !important;
    }

    .font-xxxxlg-for-medium-down {
        font-size: 3rem !important;
    }

    .font-xxxlg-for-medium-down {
        font-size: 2.5rem !important;
    }

    .font-xxlg-for-medium-down {
        font-size: 2.0rem !important;
    }

    .font-xlg-for-medium-down {
        font-size: 1.5rem !important;
    }

    .font-lg-for-medium-down {
        font-size: 1.25rem !important;
    }

    .font-md-for-medium-down {
        font-size: 0.85rem !important;
    }

    .font-sm-for-medium-down {
        font-size: 0.75rem !important;
    }

    .font-xsm-for-medium-down {
        font-size: 0.6rem !important;
    }

    .font-xxsm-for-medium-down {
        font-size: 0.5rem !important;
    }

    .text-center-for-medium-down {
        text-align: center !important;
    }

    .text-left-for-medium-down {
        text-align: left !important;
    }

    .text-right-for-medium-down {
        text-align: right !important;
    }

    .center-for-medium-down {
        margin: auto;
    }

    .justify-center-for-medium-down {
        justify-content: center;
    }

    .cover-width-for-medium-down {
        width: 100% !important;
    }

    .margin-tb-for-medium-down {
        margin-top: var(--margin-tb-for-medium-down, var(--default-margin-tb-for-medium-down, 1rem));
        margin-bottom: var(--margin-tb-for-medium-down, var(--default-margin-tb-for-medium-down, 1rem));
    }

    .margin-auto-for-medium-down {
        margin: auto;
    }

    .relative-center-for-medium-down {
        margin-top: calc(50% - var(--relative-center-top-offset, 0rem)) !important;
        margin-left: calc(50% - var(--relative-center-left-offset, 0rem)) !important;
    }
    
    .absolute-center-for-medium-down {
        top: calc(50% - var(--absolute-center-top-offset, 0rem)) !important;
        left: calc(50% - var(--absolute-center-left-offset, 0rem)) !important;
    }
    
    .absolute-top-center-for-medium-down {
        top: calc(1% - var(--absolute-top-center-top-offset, 0rem)) !important;
        left: calc(50% - var(--absolute-top-center-left-offset, 0rem)) !important;
    }
    
    .absolute-bottom-center-for-medium-down {
        bottom: calc(1% - var(--absolute-bottom-center-bottom-offset, 0rem)) !important;
        left: calc(50% - var(--absolute-bottom-center-left-offset, 0rem)) !important;
    }
    
    .absolute-top-right-for-medium-down {
        top: calc(1% - var(--absolute-top-right-bottom-offset, 0rem)) !important;
        right: calc(1% - var(--absolute-top-right-right-offset, 0rem)) !important;
    }
    
    .absolute-right-center-for-medium-down {
        top: calc(50% - var(--absolute-top-center-top-offset, 0rem)) !important;
        right: calc(1% - var(--absolute-top-center-right-offset, 0rem)) !important;
    }
    
    .absolute-bottom-right-for-medium-down {
        bottom: calc(1% - var(--absolute-bottom-right-top-offset, 0rem)) !important;
        right: calc(1% - var(--absolute-bottom-right-right-offset, 0rem)) !important;
    }
    
    .absolute-top-left-for-medium-down {
        top: calc(1% - var(--absolute-top-left-top-offset, 0rem)) !important;
        left: calc(1% - var(--absolute-top-left-left-offset, 0rem)) !important;
    }
    
    .absolute-left-center-for-medium-down {
        top: calc(50% - var(--absolute-top-center-top-offset, 0rem)) !important;
        left: calc(1% - var(--absolute-top-center-left-offset, 0rem)) !important;
    }
    
    .absolute-bottom-left-for-medium-down {
        bottom: calc(1% - var(--absolute-bottom-left-top-offset, 0rem)) !important;
        left: calc(1% - var(--absolute-bottom-left-left-offset, 0rem)) !important;
    }
    
    .absolute-cover-width-for-medium-down {
        left: 0;
        right: 0;
    }
    
    .absolute-cover-height-for-medium-down {
        top: 0;
        bottom: 0;
    }

    .gap-for-medium-down {
        gap: var(--default-gap, var(--gap, 0.33rem));
    }
    
    .gap-xlg-for-medium-down {
        gap: 4rem;
    }
    
    .gap-lg-for-medium-down {
        gap: 3rem;
    }
    
    .gap-md-for-medium-down {
        gap: 2rem;
    }
    
    .gap-sm-for-medium-down {
        gap: 1rem;
    }
    
    .gap-xsm-for-medium-down {
        gap: 0.5rem;
    }

    .clear-for-medium-down {
        clear: both;
    }

    .no-margin-for-medium-down {
        margin: 0px !important;
    }

    .no-padding-for-medium-down {
        padding: 0px !important;
    }

    .hide-for-medium-down {
        display: none !important;
    }

    .show-for-medium-down {
        display: block;
    }

    .flex-item-1-for-medium-down {
        display: flex;
        flex-basis: 100% !important;
    }
    
    .flex-item-2-for-medium-down {
        display: flex;
        flex-basis: 50% !important;
    }
    
    .flex-item-3-for-medium-down {
        display: flex;
        flex-basis: 33.333% !important;
    }
    
    .flex-item-4-for-medium-down {
        display: flex;
        flex-basis: 25% !important;
    }
    
    .flex-item-5-for-medium-down {
        display: flex;
        flex-basis: 20% !important;
    }
    
    .flex-item-6-for-medium-down {
        display: flex;
        flex-basis: 16.667% !important;
    }
    
    .flex-item-7-for-medium-down {
        display: flex;
        flex-basis: 14.286% !important;
    }
    
    .flex-item-8-for-medium-down {
        display: flex;
        flex-basis: 12.5% !important;
    }
    
    .flex-item-9-for-medium-down {
        display: flex;
        flex-basis: 11.111% !important;
    }
    
    .flex-item-10-for-medium-down {
        display: flex;
        flex-basis: 10% !important;
    }
    
    .flex-item-p5-pct-for-medium-down,
    .flex-item-p5-p-for-medium-down {
        display: flex;
        flex-basis: 0.5% !important;
    }
    
    .flex-item-2p5-pct-for-medium-down,
    .flex-item-2p5-p-for-medium-down {
        display: flex;
        flex-basis: 2.5% !important;
    }
    
    .flex-item-5-pct-for-medium-down,
    .flex-item-5-p-for-medium-down {
        display: flex;
        flex-basis: 10% !important;
    }
    
    .flex-item-10-pct-for-medium-down,
    .flex-item-10-p-for-medium-down {
        display: flex;
        flex-basis: 10% !important;
    }
    
    .flex-item-15-pct-for-medium-down,
    .flex-item-15-p-for-medium-down {
        display: flex;
        flex-basis: 15% !important;
    }
    
    .flex-item-20-pct-for-medium-down,
    .flex-item-20-p-for-medium-down {
        display: flex;
        flex-basis: 20% !important;
    }
    
    .flex-item-25-pct-for-medium-down,
    .flex-item-25-p-for-medium-down {
        display: flex;
        flex-basis: 25% !important;
    }
    
    .flex-item-33-pct-for-medium-down,
    .flex-item-33-p-for-medium-down {
        display: flex;
        flex-basis: 33.333% !important;
    }
    
    .flex-item-40-pct-for-medium-down,
    .flex-item-40-p-for-medium-down {
        display: flex;
        flex-basis: 40% !important;
    }

    .flex-item-50-pct-for-medium-down,
    .flex-item-50-p-for-medium-down {
        display: flex;
        flex-basis: 50% !important;
    }
    
    .flex-item-67-pct-for-medium-down,
    .flex-item-67-p-for-medium-down {
        display: flex;
        flex-basis: 67.667% !important;
    }
    
    .flex-item-70-pct-for-medium-down,
    .flex-item-70-p-for-medium-down {
        display: flex;
        flex-basis: 70% !important;
    }
    
    .flex-item-75-pct-for-medium-down,
    .flex-item-75-p-for-medium-down {
        display: flex;
        flex-basis: 75% !important;
    }
    
    .flex-item-80-pct-for-medium-down,
    .flex-item-80-p-for-medium-down {
        display: flex;
        flex-basis: 80% !important;
    }
    
    .flex-item-90-pct-for-medium-down,
    .flex-item-90-p-for-medium-down {
        display: flex;
        flex-basis: 90% !important;
    }
    
    .flex-item-95-pct-for-medium-down,
    .flex-item-95-p-for-medium-down {
        display: flex;
        flex-basis: 95% !important;
    }
    
    .flex-item-99-pct-for-medium-down,
    .flex-item-99-p-for-medium-down {
        display: flex;
        flex-basis: 99% !important;
    }
    
    .flex-item-100-p-for-medium-down,
    .flex-item-100-p-for-medium-down {
        display: flex;
        flex-basis: 100% !important;
    }

    .flex-column-for-medium-down,
    .flex-flow-column-medium-down {
        flex-flow: column !important;
    }

    .flex-column-wrap-medium-down,
    .flex-flow-column-wrap-medium-down {
        flex-flow: column wrap !important;
    }

    .flex-column-nowrap-medium-down,
    .flex-flow-column-nowrap-medium-down {
        flex-flow: column nowrap !important;
    }

    .flex-row-medium-down,
    .flex-flow-row-medium-down {
        flex-flow: row !important;
    }

    .flex-row-wrap-medium-down,
    .flex-flow-row-wrap-medium-down {
        flex-flow: row wrap !important;
    }

    .flex-row-nowrap-medium-down,
    .flex-flow-row-nowrap-medium-down {
        flex-flow: row nowrap !important;
    }

    .cover-width-100-pct-for-medium-down,
    .cover-width-100-percent-for-medium-down {
        width: 100% !important;
    }

    .cover-width-90-pct-for-medium-down,
    .cover-width-90-percent-for-medium-down {
        width: 90% !important;
    }

    .cover-width-80-pct-for-medium-down,
    .cover-width-80-percent-for-medium-down {
        width: 80% !important;
    }

    .cover-width-70-pct-for-medium-down,
    .cover-width-70-percent-for-medium-down {
        width: 70% !important;
    }

    .cover-width-60-pct-for-medium-down,
    .cover-width-60-percent-for-medium-down {
        width: 60% !important;
    }

    .cover-width-50-pct-for-medium-down,
    .cover-width-50-percent-for-medium-down {
        width: 50% !important;
    }

    .cover-width-40-pct-for-medium-down,
    .cover-width-40-percent-for-medium-down {
        width: 40% !important;
    }

    .cover-width-30-pct-for-medium-down,
    .cover-width-30-percent-for-medium-down {
        width: 30% !important;
    }

    .cover-width-20-pct-for-medium-down,
    .cover-width-20-percent-for-medium-down {
        width: 20% !important;
    }

    .cover-width-10-pct-for-medium-down,
    .cover-width-10-percent-for-medium-down {
        width: 10% !important;
    }

    .cover-width-5-pct-for-medium-down,
    .cover-width-5-percent-for-medium-down {
        width: 5% !important;
    }

    .overflow-y-scroll-for-medium-down {
        overflow-y: scroll;
    }

    .overflow-x-scroll-for-medium-down {
        overflow-x: scroll;
    }

    .overflow-scroll-for-medium-down {
        overflow: scroll;
    }

    .overflow-y-auto-for-medium-down {
        overflow-y: auto;
    }

    .overflow-x-auto-for-medium-down {
        overflow-x: auto;
    }

    .overflow-auto-for-medium-down {
        overflow: auto;
    }

    .overflow-y-hidden-for-medium-down {
        overflow-y: hidden;
    }

    .overflow-x-hidden-for-medium-down {
        overflow-x: hidden;
    }

    .overflow-hidden-for-medium-down {
        overflow: hidden;
    }

    .overflow-y-visible-for-medium-down {
        overflow-y: visible;
    }

    .overflow-x-visible-for-medium-down {
        overflow-x: visible;
    }

    .overflow-visible-for-medium-down {
        overflow: visible;
    }

    .no-border-radius-for-medium-down {
        border-radius: 0px !important;
    }
}

@media only screen and (max-width: 450px) {

    .shadowed-for-small-down {
        -webkit-box-shadow: 0px 0px 10px var(--shadow-color, var(--default-shadow-color,rgba(0, 0, 0, 0.25)));
        -moz-box-shadow: 0px 0px 10px var(--shadow-color, var(--default-shadow-color,rgba(0, 0, 0, 0.25)));
        box-shadow: 0px 0px 10px var(--shadow-color, var(--default-shadow-color,rgba(0, 0, 0, 0.25)));
    }
    
    .shadowed-sm-for-small-down  {
        -webkit-box-shadow: 0px 0px 5px var(--shadow-color, var(--default-shadow-color,rgba(0, 0, 0, 0.25)));
        -moz-box-shadow: 0px 0px 5px var(--shadow-color, var(--default-shadow-color,rgba(0, 0, 0, 0.25)));
        box-shadow: 0px 0px 5px var(--shadow-color, var(--default-shadow-color,rgba(0, 0, 0, 0.25)));
    }
    
    .shadowed-sm-light-for-small-down  {
        -webkit-box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.25);
    }
    
    .shadowed-sm-dark-for-small-down  {
        -webkit-box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.9);
        -moz-box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.9);
        box-shadow: 0px 1px 9px rgba(0, 0, 0, 0.9);
    }
    
    .shadowed-md-for-small-down  {
        -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.55);
        -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.55);
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.55);
    }
    
    .shadowed-md-light-for-small-down  {
        -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
    }
    
    .shadowed-md-dark-for-small-down  {
        -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.9);
        -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.9);
        box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.9);
    }
    
    .shadowed-lg-for-small-down  {
        -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    }

    .shadowed-bottom-lg-for-small-down  {
        -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
    }
    
    .shadowed-text-for-small-down  {
        text-shadow: 0px 0px 3px #000;
    }
    
    .shadowed-inner-for-small-down  {
        -webkit-box-shadow: 0px 0px 3px var(--shadow-inner-color, var(--default-shadow-inner-color,rgba(0, 0, 0, 0.5)));
        -moz-box-shadow: 0px 0px 3px var(--shadow-inner-color, var(--default-shadow-inner-color,rgba(0, 0, 0, 0.5)));
        box-shadow: 0px 0px 3px var(--shadow-inner-color, var(--default-shadow-inner-color,rgba(0, 0, 0, 0.5)));
    }
    
    .shadowed-inner-sm-for-small-down  {
        -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.7);
        -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.7);
        box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.7);
    }
    
    .shadowed-inner-md-for-small-down  {
        -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.7);
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.7);
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.7);
    }
    
    .shadowed-inner-lg-for-small-down  {
        -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.7);
        -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.7);
        box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.7);
    }
    
    .shadowed-inner-xlg-for-small-down  {
        -moz-box-shadow: inset 0 0 1=5px rgba(0, 0, 0, 0.7);
        -webkit-box-shadow: inset 0 0 1=5px rgba(0, 0, 0, 0.7);
        box-shadow: inset 0 0 10=5px rgba(0, 0, 0, 0.7);
    }

    .no-shadow-for-small-down {
        -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
        -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    }

    .font-size-for-small-down {
        font-size: var(--font-size-for-small-down, 0.85rem) !important;
    }

    .font-auto-size {
        font-size: 75%;
    }

    .font-xxxxxlg-for-small-down {
        font-size: 4rem !important;
    }

    .font-xxxxlg-for-small-down {
        font-size: 3rem !important;
    }

    .font-xxxlg-for-small-down {
        font-size: 2.5rem !important;
    }

    .font-xxlg-for-small-down {
        font-size: 2.0rem !important;
    }

    .font-xlg-for-small-down {
        font-size: 1.5rem !important;
    }

    .font-lg-for-small-down {
        font-size: 1.25rem !important;
    }

    .font-md-for-small-down {
        font-size: 0.85rem !important;
    }

    .font-sm-for-small-down {
        font-size: 0.75rem !important;
    }

    .font-xsm-for-small-down {
        font-size: 0.6rem !important;
    }

    .font-xxsm-for-small-down {
        font-size: 0.5rem !important;
    }

    .margin-tb-for-smalldown {
        margin-top: var(--margin-tb-for-small-down, var(--default-margin-tb-for-small-down, 1rem));
        margin-bottom: var(--margin-tb-for-small-down, var(--default-margin-tb-for-small-down, 1rem));
    }

    .margin-tb-xxxlg-for-small-down {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .padding-lr-md-for-small-down {
        padding: 0em 0.5rem;
    }

    .padding-tb-md-for-small-down {
        padding: 0.5em 0rem;
    }

    .padding-tb-md-lg-for-small-down {
        padding: 0.75em 0rem;
    }

    .padding-tb-lg-for-small-down {
        padding: 1em 0rem;
    }

    .padding-md-for-small-down {
        padding: 0.5rem;
    }

    .padding-xlg-for-small-down {
        padding: 1.25rem;
    }

    .padding-xxlg-for-small-down {
        padding: 1.5rem;
    }

    .gap-for-small-down {
        gap: var(--default-gap, var(--gap, 0.33rem));
    }
    
    .gap-xlg-for-small-down {
        gap: 4rem;
    }
    
    .gap-lg-for-small-down {
        gap: 3rem;
    }
    
    .gap-md-for-small-down {
        gap: 2rem;
    }
    
    .gap-sm-for-small-down {
        gap: 1rem;
    }
    
    .gap-xsm-for-small-down {
        gap: 0.5rem;
    }

    .text-center-for-small-down {
        text-align: center !important;
    }

    .text-left-for-small-down {
        text-align: left !important;
    }

    .text-right-for-small-down {
        text-align: right !important;
    }

    .justify-center-for-small-down {
        justify-content: center;
    }

    .center-for-small-down {
        margin: auto;
    }

    .relative-center-for-small-down {
        margin-top: calc(50% - var(--relative-center-top-offset, 0rem)) !important;
        margin-left: calc(50% - var(--relative-center-left-offset, 0rem)) !important;
    }
    
    .absolute-center-for-small-down {
        top: calc(50% - var(--absolute-center-top-offset, 0rem)) !important;
        left: calc(50% - var(--absolute-center-left-offset, 0rem)) !important;
    }
    
    .absolute-top-center-for-small-down {
        top: calc(1% - var(--absolute-top-center-top-offset, 0rem)) !important;
        left: calc(50% - var(--absolute-top-center-left-offset, 0rem)) !important;
    }
    
    .absolute-bottom-center-for-small-down {
        bottom: calc(1% - var(--absolute-bottom-center-bottom-offset, 0rem)) !important;
        left: calc(50% - var(--absolute-bottom-center-left-offset, 0rem)) !important;
    }
    
    .absolute-top-right-for-small-down {
        top: calc(1% - var(--absolute-top-right-bottom-offset, 0rem)) !important;
        right: calc(1% - var(--absolute-top-right-right-offset, 0rem)) !important;
    }
    
    .absolute-right-center-for-small-down {
        top: calc(50% - var(--absolute-top-center-top-offset, 0rem)) !important;
        right: calc(1% - var(--absolute-top-center-right-offset, 0rem)) !important;
    }
    
    .absolute-bottom-right-for-small-down {
        bottom: calc(1% - var(--absolute-bottom-right-top-offset, 0rem)) !important;
        right: calc(1% - var(--absolute-bottom-right-right-offset, 0rem)) !important;
    }
    
    .absolute-top-left-for-small-down {
        top: calc(1% - var(--absolute-top-left-top-offset, 0rem)) !important;
        left: calc(1% - var(--absolute-top-left-left-offset, 0rem)) !important;
    }
    
    .absolute-left-center-for-small-down {
        top: calc(50% - var(--absolute-top-center-top-offset, 0rem)) !important;
        left: calc(1% - var(--absolute-top-center-left-offset, 0rem)) !important;
    }
    
    .absolute-bottom-left-for-small-down {
        bottom: calc(1% - var(--absolute-bottom-left-top-offset, 0rem)) !important;
        left: calc(1% - var(--absolute-bottom-left-left-offset, 0rem)) !important;
    }
    
    .absolute-cover-width-for-small-down {
        left: 0;
        right: 0;
    }
    
    .absolute-cover-height-for-small-down {
        top: 0;
        bottom: 0;
    }

    .clear-for-small-down {
        clear: both;
    }

    .hide-border-for-small-down {
        border-width: 0px !important;
    }

    .left-for-small-down {
        float: left !important;
    }

    .right-for-small-down {
        float: right !important;
    }

    .no-float-for-small-down {
        float: none !important;
    }

    .no-margin-for-small-down {
        margin: 0px !important;
    }

    .no-padding-for-small-down {
        padding: 0px !important;
    }

    .hide-for-small-down {
        display: none !important;
    }

    .show-for-small-down {
        display: block;
    }

    .cover-width-for-small-down {
        width: 100% !important;
    }

    .flex-item-for-small-down {
        flex: 90% !important;
    }

    .flex-item-1-for-small-down {
        display: flex;
        flex-basis: 100% !important;
    }
    
    .flex-item-2-for-small-down {
        display: flex;
        flex-basis: 50% !important;
    }
    
    .flex-item-3-for-small-down {
        display: flex;
        flex-basis: 33.333% !important;
    }
    
    .flex-item-4-for-small-down {
        display: flex;
        flex-basis: 25% !important;
    }
    
    .flex-item-5-for-small-down {
        display: flex;
        flex-basis: 20% !important;
    }
    
    .flex-item-6-for-small-down {
        display: flex;
        flex-basis: 16.667% !important;
    }
    
    .flex-item-7-for-small-down {
        display: flex;
        flex-basis: 14.286% !important;
    }
    
    .flex-item-8-for-small-down {
        display: flex;
        flex-basis: 12.5% !important;
    }
    
    .flex-item-9-for-small-down {
        display: flex;
        flex-basis: 11.111% !important;
    }
    
    .flex-item-10-for-small-down {
        display: flex;
        flex-basis: 10% !important;
    }
    
    .flex-item-p5-pct-for-small-down,
    .flex-item-p5-p-for-small-down {
        display: flex;
        flex-basis: 0.5% !important;
    }
    
    .flex-item-2p5-pct-for-small-down,
    .flex-item-2p5-p-for-small-down {
        display: flex;
        flex-basis: 2.5% !important;
    }
    
    .flex-item-5-pct-for-small-down,
    .flex-item-5-p-for-small-down {
        display: flex;
        flex-basis: 10% !important;
    }
    
    .flex-item-10-pct-for-small-down,
    .flex-item-10-p-for-small-down {
        display: flex;
        flex-basis: 10% !important;
    }
    
    .flex-item-15-pct-for-small-down,
    .flex-item-15-p-for-small-down {
        display: flex;
        flex-basis: 15% !important;
    }
    
    .flex-item-20-pct-for-small-down,
    .flex-item-20-p-for-small-down {
        display: flex;
        flex-basis: 20% !important;
    }
    
    .flex-item-25-pct-for-small-down,
    .flex-item-25-p-for-small-down {
        display: flex;
        flex-basis: 25% !important;
    }
    
    .flex-item-33-pct-for-small-down,
    .flex-item-33-p-for-small-down {
        display: flex;
        flex-basis: 33.333% !important;
    }
    
    .flex-item-40-pct-for-small-down,
    .flex-item-40-p-for-small-down {
        display: flex;
        flex-basis: 40% !important;
    }

    .flex-item-50-pct-for-small-down,
    .flex-item-50-p-for-small-down {
        display: flex;
        flex-basis: 50% !important;
    }
    
    .flex-item-67-pct-for-small-down,
    .flex-item-67-p-for-small-down {
        display: flex;
        flex-basis: 67.667% !important;
    }
    
    .flex-item-70-pct-for-small-down,
    .flex-item-70-p-for-small-down {
        display: flex;
        flex-basis: 70% !important;
    }
    
    .flex-item-75-pct-for-small-down,
    .flex-item-75-p-for-small-down {
        display: flex;
        flex-basis: 75% !important;
    }
    
    .flex-item-80-pct-for-small-down,
    .flex-item-80-p-for-small-down {
        display: flex;
        flex-basis: 80% !important;
    }
    
    .flex-item-90-pct-for-small-down,
    .flex-item-90-p-for-small-down {
        display: flex;
        flex-basis: 90% !important;
    }
    
    .flex-item-95-pct-for-small-down,
    .flex-item-95-p-for-small-down {
        display: flex;
        flex-basis: 95% !important;
    }
    
    .flex-item-99-pct-for-small-down,
    .flex-item-99-p-for-small-down {
        display: flex;
        flex-basis: 99% !important;
    }
    
    .flex-item-100-p-for-small-down,
    .flex-item-100-p-for-small-down {
        display: flex;
        flex-basis: 100% !important;
    }

    .flex-column-for-small-down,
    .flex-flow-column-for-small-down {
        flex-flow: column !important;
    }

    .flex-column-wrap-for-small-down,
    .flex-flow-column-wrap-for-small-down {
        flex-flow: column wrap !important;
    }

    .flex-column-nowrap-for-small-down,
    .flex-flow-column-nowrap-for-small-down {
        flex-flow: column nowrap !important;
    }

    .flex-row-for-small-down,
    .flex-flow-row-for-small-down {
        flex-flow: row !important;
    }

    .flex-row-wrap-for-small-down,
    .flex-flow-row-wrap-for-small-down {
        flex-flow: row wrap !important;
    }

    .flex-row-nowrap-for-small-down,
    .flex-flow-row-nowrap-for-small-down {
        flex-flow: row nowrap !important;
    }

    .cover-width-100-pct-for-small-down,
    .cover-width-100-percent-for-small-down {
        width: 100% !important;
    }

    .cover-width-90-pct-for-small-down,
    .cover-width-90-percent-for-small-down {
        width: 90% !important;
    }

    .cover-width-80-pct-for-small-down,
    .cover-width-80-percent-for-small-down {
        width: 80% !important;
    }

    .cover-width-70-pct-for-small-down,
    .cover-width-70-percent-for-small-down {
        width: 70% !important;
    }

    .cover-width-60-pct-for-small-down,
    .cover-width-60-percent-for-small-down {
        width: 60% !important;
    }

    .cover-width-50-pct-for-small-down,
    .cover-width-50-percent-for-small-down {
        width: 50% !important;
    }

    .cover-width-40-pct-for-small-down,
    .cover-width-40-percent-for-small-down {
        width: 40% !important;
    }

    .cover-width-30-pct-for-small-down,
    .cover-width-30-percent-for-small-down {
        width: 30% !important;
    }

    .cover-width-20-pct-for-small-down,
    .cover-width-20-percent-for-small-down {
        width: 20% !important;
    }

    .cover-width-10-pct-for-small-down,
    .cover-width-10-percent-for-small-down {
        width: 10% !important;
    }

    .cover-width-5-pct-for-small-down,
    .cover-width-5-percent-for-small-down {
        width: 5% !important;
    }

    .overflow-y-scroll-for-small-down {
        overflow-y: scroll;
    }

    .overflow-x-scroll-for-small-down {
        overflow-x: scroll;
    }

    .overflow-scroll-for-small-down {
        overflow: scroll;
    }

    .overflow-y-auto-for-small-down {
        overflow-y: auto;
    }

    .overflow-x-auto-for-small-down {
        overflow-x: auto;
    }

    .overflow-auto-for-small-down {
        overflow: auto;
    }

    .overflow-y-hidden-for-small-down {
        overflow-y: hidden;
    }

    .overflow-x-hidden-for-small-down {
        overflow-x: hidden;
    }

    .overflow-hidden-for-small-down {
        overflow: hidden;
    }

    .overflow-y-visible-for-small-down {
        overflow-y: visible;
    }

    .overflow-x-visible-for-small-down {
        overflow-x: visible;
    }

    .overflow-visible-for-small-down {
        overflow: visible;
    }

    .no-border-radius-for-small-down {
        border-radius: 0px !important;
    }
}

.zero-width {
    width: 0;
}

.zero-height {
    height: 0;
}

.zero-opacity {
    opacity: 0.0;
}

.no-flex {
    flex: unset !important;
}

.no-clear {
    clear: none !important;
}

.no-box,
.no-box-sizing {
    box-sizing: unset !important;
}

.no-margin {
    margin: 0px !important;
}

.no-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
     scrollbar-width: 0.1px;  /* Firefox */
}
   
.no-border {
     border-width: 0px;
}

.no-padding {
    padding: 0px !important;
}

.no-bold,
.no-weight,
.no-font-weight {
    font-weight: unset !important;
}

.no-width {
    width: unset !important;
}

.no-height {
    height: unset !important;
}

.no-float {
    float: var(--no-float-float, unset) !important;
}

.no-text-align {
    text-align: unset !important;
}

.no-text-decoration {
    text-decoration: unset !important;
}

.no-transition {
    transition: unset !important;
    -webkit-transition: unset !important;
}

.no-border-radius {
    border-radius: 0px !important;
}

.no-overflow {
    overflow: unset !important;
}

.no-resize {
    resize: none !important;
}

.no-repeat {
    background-repeat: no-repeat !important;
}

.no-events {
    pointer-events: none;
}

.no-style {
    border: 0px !important;
    background-color: transparent !important;
    text-decoration: none !important;
    margin: 0px !important;
    padding: 0px !important;
}

.no-background {
    background: unset !important;
    background-color: transparent !important;
}

.show {
    display: var(--show-display, var(--default-show-display, block)) !important;
}

.hide {
    display: none !important;
}

.invisible {
    visibility: hidden;
}