/* ------------------------------------------------------------------- */
/* DOCUMENT */

body::-webkit-scrollbar {
    width: 15px;
}
body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px var(--primary_color_opacity);
}
body::-webkit-scrollbar-thumb {
    background-color: var(--primary_color);
    outline: 1px solid var(--primary_color);
    border-radius: 0.4rem;
}

/* ------------------------------------------------------------------- */
/* FORMATTING */

.row {
    --bs-gutter-y: 15px;
}
.row:not(:first-child) {
    margin-top: 0px;
}
.form-group:not(:first-child) {
    margin-top: 15px;
}
.form-group:not(:first-child) {
    flex: 1;
}
.form-group {
    margin-bottom: 0px;
}

.content-pad {
    padding-top: 45px;
    padding-bottom: 45px;
}
.content-pad-sm {
    padding-top: 25px;
    padding-bottom: 25px;
}
@media screen and (min-height: 578px) {
    .content-pad {
        padding-top: 6vh;
        padding-bottom: 6vh;
    }
    .content-pad-sm {
        padding-top: 3vh;
        padding-top: 3vh;
    }
}
@media screen and (min-width: 768px) {
    .content-pad {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .content-pad-sm {
        padding-top: 45px;
        padding-bottom: 45px;
    }
    @media screen and (min-height: 468px) {
        .content-pad {
            padding-top: 10vh;
            padding-bottom: 10vh;
        }
        .content-pad-sm {
            padding-top: 5vh;
            padding-bottom: 5vh;
        }
    }
}

/* #main-wrapper > section:not(:last-child),
#main-wrapper > .durandal-wrapper[data-active-view="true"] > section:not(:last-child) {
    border-top: 4px solid rgba(0, 0, 0, 0.25);
    border-bottom: 4px solid rgba(0, 0, 0, 0.25);
}
#main-wrapper > section:first-child,
#main-wrapper > .durandal-wrapper[data-active-view="true"] > section:first-child {
    border-top: none;
    border-bottom: 4px solid rgba(0, 0, 0, 0.25);
} */

#footerRights {
    border-top: 2px solid var(--bs-gray-400);
}

/* ------------------------------------------------------------------- */
/* FONTS */

/* ----- font family ----- */
body, .wizard-pane, h6, .h6 {
    font-family: var(--body_font_family);
    color: var(--bs-dark);
}
button, .btn, .action-group > *, .nav-link {
    font-family: var(--ui_font_family);
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, .modal-title, .panel-heading, .alert-heading, .flexslider .slides > *, .wizard-question, .wizard-subquestion {
    font-family: var(--heading_font_family);
}
/* ----- font size ----- */
body, p, a, ul, ol, li, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, label, .nav-link,  [class*="form-control"], .wizard-pane > *, .wizard-please, [class*="wizard"] label {
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 0px;
}
.accordion-header > .accordion-button {
    font-size: inherit;
}
h5, .h5, h6, .h6, div.accordion-header > .accordion-button {
    font-size: 1.15rem;
}
h5.text-lg, .h5.text-lg, h6.text-lg, .h6.text-lg {
    font-size: calc(1.15 * 1.5);
}
h4, .h4, .wizard-subquestion {
    font-size: calc(1.275rem + 0.3vw);
}
h4.text-lg, .h4.text-lg {
    font-size: calc(1.9125rem + 0.3vw);
}
h3, .h3, .flexslider .slides > * {
    font-size: calc(1.3rem + 0.6vw);
}
h3.text-lg, .h3.text-lg {
    font-size: calc(1.95rem + 0.6vw);
}
h2, .h2, .wizard-question {
    font-size: calc(1.325rem + 0.9vw);
}
h2.text-lg, .h2.text-lg, .wizard-question.text-lg {
    font-size: calc(1.9875rem + 0.9vw);
}
h1, .h1 {
    font-size: calc(1.375rem + 1.5vw);
}
h1.text-lg, .h1.text-lg {
    font-size: calc(2.0625rem + 1.5vw);
}
h1.text-xl, .h1.text-xl {
    font-size: calc(2.5rem * 1.5vw);
}
h1.text-xxl, .h1.text-xxl {
    font-size: calc(3.5rem * 1.5vw);
}
@media (min-width: 1200px) {
    h5, .h5, h6, .h6 {
        font-size: 1.25rem;
    }
    h5.text-lg, .h5.text-lg, h6.text-lg, .h6.text-lg {
        font-size: calc(1.25rem * 1.5);
    }
    h4, .h4, .wizard-subquestion {
        font-size: 1.5rem;
    }
    h4.text-lg, .h4.text-lg {
        font-size: calc(1.5rem * 1.5);
    }
    h3, .h3, .flexslider .slides > * {
        font-size: 1.75rem;
    }
    h3.text-lg, .h3.text-lg {
        font-size: calc(1.75rem * 1.5);
    }
    h2, .h2, .wizard-question {
        font-size: 2rem;
    }
    h2.text-lg, .h2.text-lg, .wizard-question.text-lg {
        font-size: calc(2rem * 1.5);
    }
    h1, .h1 {
        font-size: 2.5rem;
    }
    h1.text-lg, .h1.text-lg {
        font-size: calc(2.5rem * 1.5);
    }
    h1.text-xl, .h1.text-xl {
        font-size: calc(3.5rem * 1.5);
    }
    h1.text-xxl, .h1.text-xxl {
        font-size: calc(4.5rem * 1.5);
    }
}
/* ----- font line height ----- */
li, .modal-title, .accordion-button, .alert-title, .panel-heading {
    line-height: 1.3;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, .nav-link, .flexslider .slides > *, .wizard-question, .wizard-subquestion {
    line-height: 1.2;
}
/* ----- font weight ----- */
body, p, h5, .h5, [class*="form-control"], .nav-link {
    font-weight: 400;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, a, label, [class*="wizard"] label, button, .btn, .action-group > *, .modal-title {
    font-weight: 700;
}
h1 > small, .h1 > small, h2 > small, .h2 > small, h3 > small, .h3 > small, h4 > small, .h4 > small, h5 > small, .h5 > small {
    font-weight: 400;
}
button, .btn, .action-group > *, .nav-link {
    letter-spacing: 0.025rem;
}

* > .text-sm {
    font-size: 80%;
}
@media(min-width: 576px) {
    small, .small {
        font-size: 80%;
    }
}
a, a:hover, a:focus, a:active {
    text-transform: none;
}

.text-italic, ul.text-italic > li { font-style: italic !important; }
.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-uppercase { text-transform: uppercase !important; letter-spacing: 0.025rem !important; }
.word-break { word-break: break-all !important; }
.text-underline { text-decoration: underline !important; }
.text-bold { font-weight: bold !important; }
.text-thin { font-weight: 400 !important; }
.no-wrap { white-space: nowrap !important; }

span > h1, span > h2, span > h3, span > h4, span > h5, span > p {
    display: inline;
}
h1 > .rep-detail, h2 > .rep-detail, h3 > .rep-detail, h4 > .rep-detail, h5 > .rep-detail {
    display: block;
}

h2:not(:last-child), h3:not(:last-child), h4:not(:last-child), h5:not(:last-child), h6:not(:last-child), p:not(:last-child), ul:not(.navbar-nav, :last-child), ul:not(.navbar-nav, .slides, .wizard-steps) > li:not(:last-child), ol:not(:last-child), ol > li:not(:last-child) {
    margin-bottom: 0.5rem;
}
h1:not(:last-child), .flex-inline-title:not(:last-child) {
    margin-bottom: 0.75rem;
}
*.justify-start > span:not(:last-child) {
    margin-bottom: 0.50rem;
}
.flex-inline-title > h1 {
    margin-bottom: 0px;
}

.alert:not(:last-child) {
    margin-bottom: 1rem;
}
.alert:not(:first-child) {
    margin-top: 1rem;
}

/* ------------------------------------------------------------------- */
/* BUTTONS AND LINKS */

a,
a:hover,
a:focus,
a:active,
.btn,
.btn:hover,
.btn:focus,
.btn:active {
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}
[class*="navbar"] .navbar-nav .nav-link,
[class*="btn-primary"], [class*="btn-secondary"], [class*="btn-cancel"] {
    text-transform: capitalize;
}

.btn,
.btn[class*="wizard-"] {
    /* --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.375rem; */
    --bs-btn-font-family: var(--ui_font_family);
    /* --bs-btn-font-size: 1rem; */
    --bs-btn-font-weight: 700;
    /* --bs-btn-line-height: 1.5; */
    --bs-btn-color: #ffffff;
    --bs-btn-bg: var(--bs-gray-600);
    --bs-btn-border-width: 1px;
    --bs-btn-border-color: var(--bs-gray-700);
    --bs-btn-box-shadow: 0px 0px 0px 0px var(--bs-gray-600); 
    --bs-btn-border-radius: 0.375rem;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: var(--bs-gray-700);
    --bs-btn-hover-border-color: var(--bs-gray-700);
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: var(--bs-gray-700);
    --bs-btn-active-border-color: var(--bs-gray-700);
    --bs-btn-active-shadow: 0px 0px 0px 2px var(--bs-gray-700);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: var(--bs-gray-600);
    --bs-btn-disabled-border-color: var(--bs-gray-600);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: none;
    --bs-btn-margin: 2px;
    color: var(--bs-btn-color);
    background: var(--bs-btn-bg);
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    box-shadow: var(--bs-btn-box-shadow);
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    margin: var(--bs-btn-margin);
    text-indent: calc(var(--bs-btn-padding-x) * 0.5);
    padding-left: calc(var(--bs-btn-padding-x) * 0.5);
}
.btn,
.accordion .card-header {
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.btn > *,
.accordion .card-header > i {
    -webkit-transition: all 0.05s ease;
    -moz-transition: all 0.05s ease;
    -ms-transition: all 0.05s ease;
    -o-transition: all 0.05s ease;
    transition: all 0.05s ease;
}


.btn:hover, .btn:focus, .btn:active, .btn.active,
.btn[class*="wizard-"]:hover, .btn[class*="wizard-"]:focus, .btn[class*="wizard-"]:active, .btn[class*="wizard-"].active {
    box-shadow: var(--bs-btn-active-shadow);
    margin: var(--bs-btn-margin);
}
.btn:hover, .btn:focus,
.btn[class*="wizard-"]:hover, .btn[class*="wizard-"]:focus {
    color: var(--bs-btn-hover-color);
    background: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}
.btn:active, .btn.active,
.btn[class*="wizard-"]:active, .btn[class*="wizard-"].active {
    color: var(--bs-btn-active-color);
    background: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
}
.btn > * {
    font-size: inherit;
    line-height: inherit;
    margin-right: calc(var(--bs-btn-padding-x) * 0.5);
}
.btn > small {
    font-size: 75%;
    font-weight: 400;
}

.btn-primary,
.btn-primary[class*="wizard-"] {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: var(--primary_color);
    --bs-btn-border-color: var(--primary_dark_color);
    --bs-btn-box-shadow: 0px 0px 0px 0px var(--primary_color);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: var(--primary_dark_color);
    --bs-btn-hover-border-color: var(--primary_dark_color);
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: var(--primary_dark_color);
    --bs-btn-active-border-color: var(--primary_dark_color);
    --bs-btn-active-shadow: 0px 0px 0px 2px var(--primary_dark_color);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: var(--primary_color);
    --bs-btn-disabled-border-color: var(--primary_color);
}
.btn-inverted-primary {
    --bs-btn-color: var(--primary_color);
    --bs-btn-bg: #ffffff;
    --bs-btn-border-color: var(--bs-gray-100);
    --bs-btn-box-shadow: 0px 0px 0px 0px #ffffff;
    --bs-btn-hover-color: var(--primary_color);
    --bs-btn-hover-bg: var(--bs-gray-100);
    --bs-btn-hover-border-color: var(--bs-gray-100);
    --bs-btn-active-color: var(--primary_dark_color);
    --bs-btn-active-bg: var(--bs-gray-100);
    --bs-btn-active-border-color: var(--bs-gray-100);
    --bs-btn-active-shadow: 0px 0px 0px 2px var(--bs-gray-100);
    --bs-btn-disabled-color: var(--primary_color);
    --bs-btn-disabled-bg: #ffffff;
    --bs-btn-disabled-border-color: var(--bs-gray-100);
}
.btn-secondary,
.btn-secondary[class*="wizard-"] {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: var(--secondary_color);
    --bs-btn-border-color: var(--secondary_dark_color);
    --bs-btn-box-shadow: 0px 0px 0px 0px var(--secondary_color);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: var(--secondary_dark_color);
    --bs-btn-hover-border-color: var(--secondary_dark_color);
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: var(--secondary_dark_color);
    --bs-btn-active-border-color: var(--secondary_dark_color);
    --bs-btn-active-shadow: 0px 0px 0px 2px var(--secondary_dark_color);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: var(--secondary_color);
    --bs-btn-disabled-border-color: var(--secondary_color);
}
.btn-cancel,
.btn-cancel[class*="wizard-"] {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: var(--danger_color);
    --bs-btn-border-color: var(--danger_dark_color);
    --bs-btn-box-shadow: 0px 0px 0px 0px var(--danger_color);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: var(--danger_dark_color);
    --bs-btn-hover-border-color: var(--danger_dark_color);
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: var(--danger_dark_color);
    --bs-btn-active-border-color: var(--danger_dark_color);
    --bs-btn-active-shadow: 0px 0px 0px 2px var(--danger_dark_color);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: var(--danger_color);
    --bs-btn-disabled-border-color: var(--danger_color);
}


.btn-outline-default, .btn-outline-default[class*="wizard-"],
.btn-outline-primary, .btn-outline-primary[class*="wizard-"],
.btn-outline-secondary, .btn-outline-secondary[class*="wizard-"],
.btn-outline-cancel, .btn-outline-cancel[class*="wizard-"] {
    --bs-btn-margin: 0px;
}
.btn-outline-default,
.btn-outline-default[class*="wizard-"] {
    --bs-btn-color: var(--bs-gray-600);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--bs-gray-600);
    --bs-btn-box-shadow: inset 0px 0px 0px 0px var(--bs-gray-600);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: var(--bs-gray-600);
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: var(--bs-gray-600);
    --bs-btn-active-shadow: inset 0px 0px 15px 30px var(--bs-gray-600);
    --bs-btn-disabled-color: var(--bs-gray-600);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-gray-600);
    --bs-gradient: none;
}
.btn-outline-primary,
.btn-outline-primary[class*="wizard-"] {
    --bs-btn-color: var(--primary_color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--primary_color);
    --bs-btn-box-shadow: inset 0px 0px 0px 0px var(--primary_color);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: var(--primary_color);
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: var(--primary_color);
    --bs-btn-active-shadow: inset 0px 0px 15px 30px var(--primary_color);
    --bs-btn-disabled-color: var(--primary_color);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--primary_color);
    --bs-gradient: none;
}
.btn-outline-secondary,
.btn-outline-secondary[class*="wizard-"] {
    --bs-btn-color: var(--secondary_color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--secondary_color);
    --bs-btn-box-shadow: inset 0px 0px 0px 0px var(--secondary_color);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: var(--secondary_color);
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: var(--secondary_color);
    --bs-btn-active-shadow: inset 0px 0px 15px 30px var(--secondary_color);
    --bs-btn-disabled-color: var(--secondary_color);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--secondary_color);
    --bs-gradient: none;
}
.btn-outline-cancel,
.btn-outline-cancel[class*="wizard-"] {
    --bs-btn-color: var(--danger_color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--danger_color);
    --bs-btn-box-shadow: inset 0px 0px 0px 0px var(--danger_color);
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: transparent;
    --bs-btn-hover-border-color: var(--danger_color);
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: var(--danger_color);
    --bs-btn-active-shadow: inset 0px 0px 15px 30px var(--danger_color);
    --bs-btn-disabled-color: var(--danger_color);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--danger_color);
    --bs-gradient: none;
}

.btn-fill-area {
    --btn-scale-offset: calc(var(--bs-btn-margin) * 2);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: calc(100% - var(--btn-scale-offset));
    height: calc(100% - var(--btn-scale-offset));
}

.btn-icon > i {
    margin: 0px !important;
}
.align-self-stretch > .btn-icon {
    width: 100%;
    height: 100%;
}

/* ------------------------------------------------------------------- */
/* DIVIDERS & SEPERATORS */

.h-divide-b {
    position: relative;
    display: block;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--secondary_color);
}
h1.h-divide-b, h1 > .h-divide-b, h2.h-divide-b {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: auto;
}
.color-default.h-divide-b, .color-default > .h-divide-b {
    border-bottom-color: var(--default-body-dark);
}
.color-white.h-divide-b, .color-white > .h-divide-b {
    border-bottom-color: #ffffff;
}
.color-primary.h-divide-b, .color-primary > .h-divide-b {
    border-bottom-color: var(--primary_color);
}
.color-secondary.h-divide-b, .color-secondary > .h-divide-b {
    border-bottom-color: var(--secondary_color);
}
h6.h-divide-b, p.h-divide-b, ul > li.h-divide-b, ol > li.h-divide-b {
    padding-bottom: 1rem;
    margin-bottom: 1rem !important;
}
h1.h-divide-b, h1 > .h-divide-b, h2.h-divide-b, h2 > .h-divide-b, h3.h-divide-b, h3 > .h-divide-b, h4.h-divide-b, h4 > .h-divide-b {
    padding-bottom: 1.30rem;
    margin-bottom: 1.30rem !important;
}

/* ------------------------------------------------------------------- */
/* LISTS */

ul.notice-list {
    padding-left: 0.85rem;
}
ul.notice-list > li {
    padding-left: 0.45rem;
}
ul.notice-list > li::marker {
    font-family: "FontAwesome";
    content: "\f069";
    font-size: 0.85rem;
    line-height: inherit;
    width: 0.85rem;
    color: inherit;
}
ul.notice-list.warning > li,
ul.notice-list > li.text-warning {
    color: var(--warning_color);
}
ul.notice-list.danger > li,
ul.notice-list > li.text-danger {
    color: var(--danger_color);
}
ul > li > * {
    line-height: inherit;
}

.list-centered > li {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

/* ------------------------------------------------------------------- */
/* TABLES */

.table-container > table {
    margin-bottom: 0px;
}

/* ------------------------------------------------------------------- */
/* CONTENT GROUPS */

.container-shadow {
    box-shadow: 0 0 10px rgb(212, 212, 212);
    border: 1px solid rgb(200, 200, 200);
}
.vert-line {
    width: 0px;
    height: 100%;
    border-left: 2px solid var(--secondary_color);
    margin: 0px 10px;
}
.text-divide-left {
    color: var(--secondary_color);
    border-left: 2px solid var(--secondary_color);
    padding-left: 10px;
    margin-left: 10px;
}
.content-gap {
    padding-top: 15px;
    padding-bottom: 15px;
}
.content-gap-lg {
    padding-top: 30px;
    padding-bottom: 30px;
}

ul.rep-details-group {
    display: flex;
    flex-direction: column;
    list-style: none;
    margin-bottom: 0px;
    padding-inline-start: 1.50rem;
    padding-left: 1.65rem;
}
ul.rep-details-group li {
    position: relative;
    display: inline-flex;
    font-weight: bold;
    margin: 0px;
}
ul.rep-details-group.inline li {
    margin: 0px 5px 0px 5px;
}
ul.rep-details-group li.address::before,
ul.rep-details-group li.phone::before,
ul.rep-details-group li.email::before {
    position: absolute;
    top: 0px;
    left: -1.65rem;
    font-family: "icomoon";
    font-size: 1.25rem;
    width: 1.25rem;
    line-height: inherit;
    font-weight: 500;
    color: var(--secondary_color);
}
ul.rep-details-group li.address::before {
    content: "\e910";
}
ul.rep-details-group li.phone::before {
    content: "\e916"; 
}
ul.rep-details-group li.email::before {
    content: "\e906";
}
ul.rep-details-group li.license::before {
    content: "";
    position: relative;
    background: #ffffff;
    border-radius: 100%;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 10px;
    left: 0px;
    top: calc(1.25rem - 12px);
}
.rep-detail {
    white-space: break-spaces;
}
.rep-detail.email {
    line-break: anywhere;
}
.rep-details-group.inline {
    -webkit-flex-direction: row;
    flex-direction: row;
}
.rep-details-group:not(:first-child, [style*="display: none;"], [style*="display: none"], [style*="display:none;"], [style*="display:none"]) {
    margin-top: 1.25rem;
}

@media(min-width: 768px) {
    .rep-details-group[style*="display: none;"] + .rep-details-group,
    .rep-details-group[style*="display: none"] + .rep-details-group,
    .rep-details-group[style*="display:none;"] + .rep-details-group,
    .rep-details-group[style*="display:none"] + .rep-details-group {
        margin-top: 0px;
    }
    .rep-details-group > .rep-picture {
        margin-top: 0px;
    }
}

.rep-picture {
    -webkit-display: flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: unset;
    aspect-ratio: 4/5;
    border-radius: 0.8rem;
    border: 0.25rem solid transparent;
    box-shadow: 0px 0px 0px 0.15rem var(--secondary_color);
    padding: 0px;
    overflow: hidden;
}
.pageslide .rep-picture {
    box-shadow: 0px 0px 0px 0.25rem var(--primary_color);
}
.rep-picture > img {
    width: inherit;
    height: auto;
}

.col-rep-img {
    max-width: 300px;
    min-width: unset;
    margin-left: auto;
    margin-right: auto;
}
.col-rep-details {
    min-width: 100%;
}
@media(min-width: 578px) {
    .col-rep-img {
        max-width: 210px;
        min-width: 150px;
    }
    .col-rep-details {
        min-width: 350px;
    }
}

@media(min-width: 768px) {
    .rep-details-group[style*="display: none;"] + .rep-details-group,
    .rep-details-group[style*="display: none"] + .rep-details-group,
    .rep-details-group[style*="display:none;"] + .rep-details-group,
    .rep-details-group[style*="display:none"] + .rep-details-group {
        margin-top: 0px;
    }
    .rep-details-group > .rep-picture {
        margin-top: 0px;
    }
}

.flex-box-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}
.flex-box-container > .flex-box {
    display: inline-flex;
    flex: 1 0 auto;
    width: auto;
}

.content-box,
.content-box-outline {
    --box-gutter-x: 15px;
    --box-gutter-x-offset: calc(var(--box-gutter-x) * -1);
    --box-gutter-y: 15px;
    --box-gutter-y-offset: calc(var(--box-gutter-y) * -1);
    --box-title-color: var(--bs-gray-900);
    --box-body-color: var(--bs-gray-900);
    --box-bg-color: var(--bs-gray-200);
    --box-border-color: var(--bs-gray-600);
    --box-border-radius: 0.8rem;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-item-align: center;
    align-items: center;
    color: var(--box-body-color);
    text-align: center;
    border-radius: var(--box-border-radius);
    background-color: var(--box-bg-color);
    border: 1px solid var(--box-border-color);
    padding: var(--box-gutter-y) var(--box-gutter-x);
}
.content-box.content-box-lg,
.content-box-outline.content-box-lg {
    --box-gutter-x-double: calc(var(--box-gutter-x) * 2);
    --box-gutter-y-double: calc(var(--box-gutter-y) * 2);
    padding: var(--box-gutter-y-double) var(--box-gutter-x-double);
}
.content-box > .row,
.content-box-outline > .row {
    align-self: normal;
}
.content-box img,
.content-box-outline img {
    width: auto;
    height: 75px;
    margin-bottom: 10px;
}
.content-box h1, .content-box h2, .content-box h3, .content-box h4,
.content-box-outline h1, .content-box-outline h2, .content-box-outline h3, .content-box-outline h4 {
    color: var(--box-title-color);
}
.content-box p,
.content-box-outline p {
    white-space: normal;
}
.content-box p > span,
.content-box-outline p > span {
    white-space: nowrap;
}
.content-box-outline > i {
    position: absolute;
    top: var(--box-gutter-y-offset);
    color: var(--box-border-color);
    font-size:calc(var(--box-gutter-y) * 2);
    line-height: 1;
    padding: 0px var(--box-gutter-x);
    margin: 0px;
    background-color: var(--box-bg-color);
}
.content-box > *:not(.row),
.content-box-outline > *:not(.row) {
    margin-top: calc(var(--box-gutter-y) * 0.5);
    margin-bottom: 0px;
}
.content-box > *:first-child:not(.row),
.content-box-outline > *:first-child:not(.row) {
    margin-top: 0px;
}
.content-box-outline {
    --box-bg-color: #ffffff;
}
.content-box.content-box-primary,
.background-primary .content-box-outline {
    --box-title-color: #ffffff;
    --box-body-color: var(--bs-gray-100);
    --box-bg-color: var(--primary_color);
    --box-border-color: var(--primary_dark_color);
}
.content-box-outline.content-box-primary {
    /* --box-title-color: var(--primary_dark_color); */
    --box-title-color: var(--primary_color);
    /* --box-body-color: var(--primary_color); */
    --box-body-color: var(--bs-gray-600);
    --box-bg-color: #ffffff;
    /* --box-border-color: var(--primary_dark_color); */
    --box-border-color: var(--bs-gray-600);
}
.content-box.content-box-secondary,
.background-secondary .content-box-outline {
    --box-title-color: #ffffff;
    --box-body-color: var(--bs-gray-100);
    --box-bg-color: var(--secondary_color);
    --box-border-color: var(--secondary_dark_color);
}
.content-box-outline.content-box-secondary {
    --box-title-color: var(--secondary_dark_color);
    --box-body-color: var(--secondary_color);
    --box-bg-color: #ffffff;
    --box-border-color: var(--secondary_dark_color);
}
.content-box.content-box-gray,
.background-gray .content-box-outline {
    --box-title-color: var(--bs-gray-900);
    --box-body-color: var(--bs-gray-800);
    --box-bg-color: var(--bs-gray-200);
    --box-border-color: var(--bs-gray-400);
}
.content-box-outline.content-box-gray {
    --box-title-color: var(--bs-gray-900);
    --box-body-color: var(--bs-gray-800);
    --box-bg-color: #ffffff;
    --box-border-color: var(--bs-gray-900);
}


.content-box-group {
    --box-group-gutter-x: calc(var(--bs-gutter-x) + 15px);
    --box-group-gutter-x-offset: calc(var(--box-group-gutter-x) * -1);
    --box-group-gutter-y: calc(var(--bs-gutter-x) + 15px);
    --box-group-gutter-y-offset: calc(var(--box-group-gutter-y) * -1);
    margin-top: var(--box-group-gutter-y-offset);
}
.content-box-group:not(:first-child) {
    margin-top: 0px;
}
.content-box-group:not(.row) [class*="content-box"],
.content-box-group.row > * {
    margin-top: var(--box-group-gutter-y);
}
.content-box-group:not(.row) {
    margin-left: var(--box-group-gutter-x-offset);
}
.content-box-group:not(.row) [class*="content-box"] {
    margin-left: var(--box-group-gutter-x);
}


.inline-content {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.inline-content > i {
    font-size: 2rem;
    margin-right: 10px;
}
.inline-check-item {
    display: inline-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.inline-check-item > i {
    font-size: 2rem;
    margin-right: 0.5rem;
}
.inline-check-item > *:not(i) {
    margin-top: 0.25rem;
}

.max-w-icon {
    width: 100%;
    height: auto;
    line-height: 0.5;
    font-size: 6vw;
}
.max-w-icon::before {
    font-size: 100%;
    width: 100%;
}

/* ------------------------------------------------------------------- */
/* PANELS & PANES */

.panel {
    --panel-head-color: var(--bs-dark);
    --panel-head-bg-color: #ffffff;
    --panel-body-color: var(--bs-dark);
    --panel-body-bg-color: #ffffff;
    --panel-border-color: #ced4da;
    border: 1px solid var(--panel-border-color);
    background-color: #ffffff;
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}
.panel, .panel-heading, .panel-body, .panel-footer {
    border-radius: 0.50rem;
}
.panel > .panel-heading:not(:last-child),
.panel > .panel-body:not(:last-child) {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.panel > .panel-body:not(:first-child),
.panel > .panel-footer:not(:first-child) {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.panel:not(:first-child) {
    margin-top: 15px;
}
:not(.panel) > .panel-body {
    border: 2px solid rgba(0, 0, 0, 0.15);
    padding: 15px;
}
:not(.panel) > .panel-body:not(:last-child) {
    margin-bottom: 15px;
}
.panel .panel-heading,
.panel .panel-body,
.panel .panel-footer {
    width: 100%;
    padding: 15px;
}
.panel .panel-heading {
    color: var(--panel-head-color);
    background-color: var(--panel-head-bg-color);
    border-bottom: 1px solid var(--panel-border-color);
}
.panel .panel-heading[data-toggle="collapse"] {
    display: inline-flex;
}
.panel .panel-heading[data-toggle="collapse"] > * {
    flex: 0 0 auto;
}
.panel .panel-heading [data-toggle="collapse"] {
    margin-left: auto;
}
.panel .panel-heading > i {
    margin-left: auto;
}
.panel .panel-heading[data-toggle="collapse"] .panel-title {
    line-height: 1;
}
.panel .panel-heading[data-toggle="collapse"] > * {
    margin-bottom: 0px;
}
.panel .panel-title {
    font-weight: bold;
    color: var(--panel-head-color);
}
.panel .panel-heading > *:not(.panel-title, .wizard-question, .wizard-subquestion) {
    font-weight: 400;
}
.panel .panel-body {
    color: var(--panel-body-color);
    background-color: var(--panel-body-bg-color);
}
.panel .panel-heading[data-toggle="collapse"] {
    cursor: pointer;
}
.panel .panel-heading > i {
    font-size: 1.50rem;
    color: inherit;
}
.panel .panel-footer {
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: baseline;
    align-items: baseline;
}
.panel-footer:not(:first-child, :empty) {
    margin-top: 15px;
}
.panel .panel-footer > * {
    margin-left: 15px;
}
.panel.panel-lg {
    padding: 0px;
}
@media(min-width: 576px) {
    .panel.panel-lg {
        padding: 15px;
    }
}
@media(min-width: 992px) {
    .panel.panel-lg {
        padding: 30px;
    }
}

.panel.panel-default {
    --panel-head-color: var(--bs-dark);
    --panel-head-bg-color: #f5f5f5;
    --panel-body-color: var(--bs-dark);
    --panel-body-bg-color: #ffffff;
    --panel-border-color: #dddddd;
}
.panel.panel-warning {
    --panel-head-color: var(--warning_color);
    --panel-head-bg-color: var(--warning_color_opacity);
    --panel-body-color: var(--warning_color);
    --panel-body-bg-color: var(--warning_color_opacity);
    --panel-border-color: var(--warning_color);
}
.panel.panel-danger {
    --panel-head-color: var(--danger_color);
    --panel-head-bg-color: var(--danger_color_opacity);
    --panel-body-color: var(--danger_color);
    --panel-body-bg-color: var(--danger_color_opacity);
    --panel-border-color: var(--danger_color);
}
.panel.panel-primary {
    --panel-head-color: var(--primary_color);
    --panel-head-bg-color: var(--primary_color_opacity);
    --panel-body-color: var(--primary_color);
    --panel-body-bg-color: var(--primary_color_opacity);
    --panel-border-color: var(--primary_color);
}
.panel.panel-secondary {
    --panel-head-color: #ffffff;
    --panel-head-bg-color: var(--secondary_color);
    --panel-body-bg-color: var(--secondary_color_opacity);
    --panel-border-color: var(--secondary_color);
}

/* ------------------------------------------------------------------- */
/* ALERTS */

.alert p, .alert ul, .alert li {
    color: inherit;
}
.alert.alert-light {
    color: var(--bs-dark);
    background-color: var(--bs-gray-100);
    border-color: #ced4da;
}

/* ------------------------------------------------------------------- */
/* FLEXSLIDER */

.flexslider-container {
    --slider-padding: 2rem;
    --slider-btn-width: 4rem;
}
.flex-inline-title {
    display: flex;
    flex-direction: row;
}
@media(min-width: 1200px) {
    .flex-inline-title.no-wrap,
    .flex-inline-title.no-wrap .flexslider .flex-viewport ul.slides > li {
        white-space: nowrap;
        flex-wrap: nowrap;
    }
}
.flex-inline-title > h1 {
    flex: 0 0 0%;
    width: auto;
}
.flex-inline-title > .flexslider {
    flex: 1 0 0%;
}
.flexslider {
    background: transparent;
    border: none;
    width: 100%;
    margin: 0px;
}
#content-home .flexslider:not(:last-child) {
    margin-bottom: 2rem;
}
.flexslider ul.slides {
    padding: 0px;
}
.flexslider.dir-horizontal ul.slides > li > * {
    padding-left: 5rem;
    padding-right: 5rem;
}
.background-secondary .flexslider .slides > li {
    text-shadow: 0 0 black;
}


.flexslider-controls > .btn {
    position: absolute;
    top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.flexslider-controls > .btn, .flexslider-controls > .btn:hover, .flexslider-controls > .btn:focus, .flexslider-controls > .btn:active {
    padding: 0px;
    width: var(--slider-btn-width);
    height: 100%;
    border: none;
    background-color: var(--bs-gray-200);
}
.flexslider-controls > .btn:hover {
    font-size: 1.25rem;
}
.flexslider-controls > .btn.flex-prev {
    left: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.flexslider-controls > .btn.flex-next {
    right: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.flexslider-controls > .btn > i {
    margin: 0px !important;
}
.flexslider-container {
    position: relative;
    background-color: var(--bs-gray-200);
    border-radius: 0px;
    padding: var(--slider-padding);
}
/* .flexslider-container > .flexslider .slides li.card {
    padding: 0px 15px;
    background-color: transparent;
}
.flexslider-container > .flexslider .slides li.card .card-body {
    background-color: #ffffff;
} */
.flexslider-container > .flexslider-controls {
    display: inline-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.flexslider .slides li .card {
    height: 100%;
}

/* ------------------------------------------------------------------- */
/* ACCORDIONS */

.accordion .accordion-item {
    border: 1px solid var(--primary_color);
}
.accordion .accordion-item:not(:first-of-type) {
    border-top: 0;
}
.accordion .accordion-item:not(:first-of-type) {
    margin-top: 0px;
}
.accordion .accordion-item .accordion-header {
    margin-bottom: 0px;
}
.accordion .accordion-item .accordion-header .accordion-button, .accordion .accordion-item .accordion-header .accordion-button:focus {
    box-shadow: none;
}
.accordion .accordion-item .accordion-header .accordion-button.collapsed, .accordion .accordion-item .accordion-header .accordion-button.collapsed:focus {
    background-color: var(--bs-gray-200);
}
.accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: #ffffff;
    text-shadow: 0px 0px 0px #000000;
    background-color: var(--primary_color);
}
.accordion-button::after {
    font-family: "FontAwesome";
    content: "\f078";
    background-image: none;
    width: auto;
    height: auto;
    background-size: unset;
    color: inherit;
}
.accordion-button:not(.collapsed)::after {
    background-image: none;
}

/* ------------------------------------------------------------------- */
/* IMAGES / ICONS & VIDEOS */

.img-responsive, [class*="img-sm-"], [class*="img-md-"], [class*="img-lg-"] {
    width: 100%;
    height: auto;
}
.video-responsive {
    width: 100%;
    height: auto;
}
.flexslider .video-responsive {
    height: 200px;
}
@media(min-height: 768px) {
    .flexslider .video-responsive {
        height: 300px;;
    }
}
.img-container {
    width: 100%;
    height: 100%;
    min-height: 350px;
    border-radius: 3rem;
    border: 10px solid transparent;
    overflow: hidden;
    box-shadow: -85px -85px 0px -75px var(--secondary_color), 85px 85px 0px -75px var(--secondary_color);
}
.background-primary .img-container {
    box-shadow: -85px -85px 0px -75px var(--secondary_color), 85px 85px 0px -75px var(--secondary_color);
}
.background-secondary .img-container {
    box-shadow: -85px -85px 0px -75px var(--primary_color), 85px 85px 0px -75px var(--primary_color);
}
.img-cover-background {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.video-container {
    position: relative;
    width: 100%;
    height: auto;
    padding-bottom: 56.25%;
}
.video-container > iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.video-container #player.player {
    max-width: 100% !important;
    height: auto !important;
}

.wrap-image-right {
    display: flex;
    flex-direction: column-reverse;
}
.wrap-image-right > .image-wrapper {
    float: right;
    width: 100%;
    margin: 30px 0px 0px 0px;
}
.wrap-image-right > .image-wrapper > img {
    display: block;
    width: 100%;
    height: auto;
}

@media(min-width: 992px) {
    .wrap-image-right {
        display: block;
    }
    .wrap-image-right > .image-wrapper {
        float: right;
        width: 100%;
        margin: 0px 0px 28px 60px;
    }
    .wrap-image-right > .image-wrapper > img {
        display: block;
        width: 100%;
        height: auto;
    }
    .wrap-image-right > .image-wrapper {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
}
@media(min-width: 1200px) {
    .wrap-image-right > .image-wrapper {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-left: 8.333333%;
    }
}

.media-wrapper-bordered {
    --img-wrapper-gutter: calc(var(--bs-gutter-x) * 0.5);
    --img-wrapper-gutter-double: calc(var(--img-wrapper-gutter) * 2);
    width: calc(100% - var(--img-wrapper-gutter-double));
    height: auto;
    box-shadow: 
        0px 0px 0px 4px transparent,
        0px 0px 0px var(--img-wrapper-gutter) #ffffff;
    border-radius: 0.675rem;
    border: 2px solid var(--secondary_color);
    background-color: transparent;
    overflow: hidden;
    margin: var(--img-wrapper-gutter);
}
.background-gray .media-wrapper-bordered {
    box-shadow: 
        0px 0px 0px 4px var(--bs-gray-200),
        0px 0px 0px var(--img-wrapper-gutter) #ffffff;
    background-color: var(--bs-gray-200);
}
.media-wrapper-bordered > img {
    max-width: 100%;
    max-height: 100%;
}

.content-title > i {
    display: block;
    font-size: 200%;
}

/* ------------------------------------------------------------------- */
/* COMPONENTS */

.alert {
    margin-bottom: 0px;
}
.growl {
    opacity: 1;
}

/* ------------------------------------------------------------------- */
/* FORMS */

.input-invalid,
.input-invalid:focus {
    border-color: red;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 0, 0, 0.6);
}
p.has-error,
span.has-error,
.validationMessage {
    font-size: 0.875rem;
    font-weight: bold;
    font-style: italic;
    color: var(--danger_color) !important;
}
.label-required {
    position: relative;
}
.label-required::after {
    font-family: "FontAwesome";
    content: "\f069"; 
    font-size: 0.75rem; 
    font-weight: 100;
    position: relative;
    line-height: 1;
    width: 0;
    top: -0.25rem;
    right: 0;
    margin-left: 0.25rem;
    color: var(--danger_color);
    text-align: right;
}
label {
    margin: 0px;
}
.form-help-icon {
    font-size: 1.25rem;
    font-size: 125%;
}
h2 .form-help-icon {
    font-size: inherit;
}
.validationMessage {
    display: block;
}

.action-group {
    -webkit-display: flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    margin: -10px -10px 0px -10px;
}
.action-group[class*="inline"] {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.action-group.inline-right {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.action-group.inline-left {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.action-group:not(:first-child) {
    margin-top: 0px;
}
.action-group > * {
    margin: 10px 10px 0px 10px !important;
}
.action-group > p {
    margin-bottom: 0px !important;
}
.form-check {
    position: relative;
    display: inline-flex;
    padding-left: 1.25rem;
}
.form-check .form-check-input {
    position: absolute;
    margin-top: 0.2rem;
    align-self:flex-start;
    margin-left: -1.25rem;
}

.form-group {
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: baseline;
    align-items: baseline;
}
.form-group > * {
    margin: 0px;
}
.form-group > *:not(:first-child) {
    margin-top: 0.25rem;
}
.form-group[class*="inline"] {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.form-group[class*="inline"] > *:not(:last-child) {
    margin-right: 0.25rem;
}
.form-group.inline {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: baseline;
}
.form-group.inline > * {
    flex: 1 0 0%;
}
.form-group[class*="inline"] label {
    flex: 0 0 auto;
    margin: 0px 0.50rem 0.25rem 0px;
}
.form-group > label ~ .form-check > label {
    font-weight: 400;
}
.form-group > .inline {
    display: inline-flex;
    margin-left: -7.5px;
    margin-right: -7.5px;
}
.form-group > .inline > * {
    flex: 1 0 0%;
    margin-left: 7.5px;
    margin-right: 7.5px;
}
.form-group > .inline > input[type="number"].toggle-value-field {
    min-width: calc(35% - 22.5px);
    flex-grow: 0;
}
.form-group > .inline > input[type="text"].toggle-value-field {
    max-width: calc(50% - 22.5px);
}
.form-group > .inline > .form-check > label {
    font-size: 90%;
    font-weight: 400;
}

.form-group label ~ label.form-check,
.form-check-title ~ label.form-check,
.form-group label ~ .form-check > .form-check-label,
.form-check-title ~ .form-check > .form-check-label {
    font-weight: 400;
}

.form-group.has-error label.label-required {
    color: initial !important;
}
.has-error .form-control,
.has-error input[class*="form-check"] {
    border-color: var(--danger_color);
}

@media(min-width: 768px) {
    .action-group {
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-align-items: baseline;
        align-items: baseline;
    }
    .action-group[class*="inline"] {
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-align-items: center;
        align-items: center;
    }
    .action-group.inline-center {
        -webkit-justify-content: center;
        justify-content: center;
    }
    .action-group.inline-spaced {
        justify-content: space-between;
        width: calc(100% + 20px);
    }
}

/* ------------------------------------------------------------------- */
/* DROPZONE */

#contactDropzone.notValid {
    border: 2px dashed red;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 0, 0, 0.6);
}
#contactDropzone.valid {
    border: 3px dashed #0082c9;
}
.dropzone-box {
    -webkit-display: flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    min-height: 155px;
    border-radius: 4px;
    width: 100%;
    height: auto;
    padding: 10px;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.dropzone-box .dz-default {
    cursor: pointer;
}
.dz-default.dz-message {
    text-align: center;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.dz-text-small {
    font-size: 14px;
    font-weight: 400px;
}
.dropzone-box .fa.fa-cloud-upload {
    display: block;
    width: 65px;
    height: 65px;
    text-align: center;
    line-height: 65px;
    font-size: 32px;
    background: #eeeeee;
    color: #aaaaaa;
    border-radius: 0.8rem;
    margin: 0px auto 10px auto;
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -ms-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.dropzone-box:hover .fa.fa-cloud-upload {
    color: #ffffff;
}
.dz-started .dz-default.dz-message {
    display: none;
}
.dz-started:hover .fa.fa-cloud-upload {
    background: #eeeeee !important;
    color: #aaaaaa !important;
}
.dropzone-box.dz-drag-hover {
    border-color: var(--primary_color);
}
.dropzone-box:hover .fa.fa-cloud-upload {
    background: var(--primary_color);
}
.alert.alert-info.alert-dark {
    background-size: 20px 20px;
}
.dz-preview {
    width: 100%;
}
.dz-preview .dz-details .dz-size {
    font-weight: bold;
}
.dz-preview .dz-details .dz-filename {
    font-size: 85%;
    word-break: break-all;
}
.dz-preview .dz-success-mark,
.dz-preview .dz-error-mark {
    display: none;
}
.dz-preview .dz-remove {
    color: red;
}
.dz-preview.dz-image-preview {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
}
.dz-preview.dz-image-preview .dz-image > img {
    width: 100%;
    height: auto;
}
.dz-preview.dz-image-preview .dz-image,
.dz-preview.dz-image-preview .dz-details,
.dz-preview.dz-image-preview .dz-progress,
.dz-preview.dz-image-preview .dz-error-message,
.dz-preview.dz-image-preview .dz-success-mark,
.dz-preview.dz-image-preview .dz-error-mark,
.dz-preview.dz-image-preview .dz-remove {
    width: 100%;
    height: auto;
    flex: 0 0 auto;
}
.dz-preview:not(.dz-image-preview) .dz-image {
    display: none;
}
.dz-preview.dz-image-preview .dz-image > *,
.dz-preview .dz-details > *:not(:empty),
.dz-preview .dz-progress > *:not(:empty),
.dz-preview .dz-error-message > *:not(:empty) {
    margin-bottom: 5px;
}

@media(min-width: 768px) {
    .dz-preview.dz-image-preview .dz-image {
        width: 30%;
    }
    .dz-preview.dz-image-preview .dz-details {
        width: 65%;
        margin-left: auto;
    }
}

/* =================================================================== */
/*      NAVIGATION                                                     */
/* =================================================================== */
.navbar-nav {
    --bs-nav-link-color: var(--bs-dark);
    --bs-nav-link-hover-color: var(--secondary_color);
    --bs-nav-link-disabled-color: var(--bs-gray-400);
}
.navbar {
    padding: 0.5rem 0px;
}
#navigation-wrapper {
    background-color: #ffffff;
    box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.25);
}
#navigation-wrapper .navbar {
    position: relative;
    border-bottom: 2px solid var(--bs-gray-400);
}
#navigation-wrapper .navbar-toggler {
    margin-left: auto;
}
#navigation-wrapper .navbar-brand {
    margin: 0px;
    padding: var(--bs-navbar-brand-padding-y);
}
#navigation-wrapper .navbar-brand > img {
    width: auto;
    height: auto;
    max-width: 325px;
    max-height: 50px;
}
@media(min-width: 1400px) {
    #navigation-wrapper .navbar-brand > img {
        max-width: 350px;
        max-height: 60px;
    }
}
ul.navbar-nav {
    margin: 1rem 0 0 0;
    padding: 1rem 0 0 0;
}
ul.navbar-nav:not(:last-child),
.navbar-collapse > *:last-child {
    margin-bottom: 1rem;
}
ul.navbar-nav:not(:first-child) {
    border-top: 1px solid var(--bs-dark);
}
ul.navbar-nav > *:not(:first-child) {
    margin: 0.5rem 0 0 0;
}
ul.navbar-nav:last-child > li.nav-item:last-child {
    border-bottom: none;
}
ul.navbar-nav > li.nav-item > .nav-link {
    -webkit-display: flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 0.3rem;
    border: 1px solid var(--bs-gray-200);
    background-color: var(--bs-gray-100);
    padding: 0.875rem 1.25rem;
}
ul.navbar-nav > li.nav-item > .nav-link:hover {
    color: var(--bs-dark);
}
ul.navbar-nav > li.nav-item > .btn {
    width: 100%;
}
ul.navbar-nav > li.nav-item > *:not(.nav-link, :first-child) {
    margin-top: 1rem;
}
ul.navbar-nav > li.nav-item > .nav-link > *:not(:last-child) {
    margin: 0px 5px 0px 0px;
}
ul.navbar-nav > li.nav-item > .nav-link > i {
    font-size: 150%;
    margin: 0 0.5rem 0 0;
}
ul.navbar-nav > li.nav-item > .nav-link:hover,
ul.navbar-nav > li.nav-item > .nav-link.active {
    color: var(--bs-dark);
    background-color: var(--bs-gray-200);
}

@media(min-width: 768px) {
    .navbar-expand-md .navbar-nav:not(:first-child),
    .navbar-visible-md *:not(.navbar-collapse) .navbar-nav > *:not(:first-child) {
        margin: 0 0 0 1rem;
        border-top: none;
    }
    .navbar-expand-md ul.navbar-nav,
    .navbar-visible-md ul.navbar-nav {
        flex-grow: 0 !important;
        margin: 0 0 0 auto !important;
        padding: 0;
    }
    .navbar-expand-md ul.navbar-nav > li.nav-item,
    .navbar-visible-md ul.navbar-nav > li.nav-item {
        border-bottom: none;
        margin: 0;
    }
    .navbar-expand-md ul.navbar-nav > li.nav-item > .nav-link,
    .navbar-visible-md ul.navbar-nav > li.nav-item > .nav-link {
        -webkit-flex-direction: column;
        flex-direction: column;
        padding: 1rem;
        border: none;
        background-color: transparent;
    }
    .navbar-expand-md ul.navbar-nav > li.nav-item > .nav-link:hover,
    .navbar-expand-md ul.navbar-nav > li.nav-item > .nav-link.active {
        color: var(--secondary_color);
    }
    .navbar-expand-md ul.navbar-nav > li.nav-item > *:not(.nav-link, :first-child),
    .navbar-visible-md ul.navbar-nav > li.nav-item > *:not(.nav-link, :first-child) {
        margin-left: 1rem;
    }
    .navbar-expand-md ul.navbar-nav > li.nav-item > .btn {
        width: auto;
    }
    .navbar-expand-md ul.navbar-nav > li.nav-item > .nav-link > i {
        font-size: 150%;
        margin: 0 0 0.5rem 0;
    }
}
@media(min-width: 992px) {
    .navbar-expand-lg .navbar-nav:not(:first-child),
    .navbar-visible-lg *:not(.navbar-collapse) .navbar-nav > *:not(:first-child) {
        margin: 0 0 0 1rem;
        border-top: none;
    }
    .navbar-expand-lg ul.navbar-nav,
    .navbar-visible-lg ul.navbar-nav {
        flex-grow: 0 !important;
        margin: 0 0 0 auto !important;
        padding: 0;
    }
    .navbar-expand-lg ul.navbar-nav > li.nav-item,
    .navbar-visible-lg ul.navbar-nav > li.nav-item {
        border-bottom: none;
        margin: 0;
    }
    .navbar-expand-lg ul.navbar-nav > li.nav-item > .nav-link,
    .navbar-visible-lg ul.navbar-nav > li.nav-item > .nav-link {
        -webkit-flex-direction: column;
        flex-direction: column;
        padding: 1rem;
        border: none;
        background-color: transparent;
    }
    .navbar-expand-lg ul.navbar-nav > li.nav-item > .nav-link:hover,
    .navbar-expand-lg ul.navbar-nav > li.nav-item > .nav-link.active {
        color: var(--secondary_color);
    }
    .navbar-expand-lg ul.navbar-nav > li.nav-item > *:not(.nav-link, :first-child),
    .navbar-visible-lg ul.navbar-nav > li.nav-item > *:not(.nav-link, :first-child) {
        margin-left: 1rem;
    }
    .navbar-expand-lg ul.navbar-nav > li.nav-item > .btn {
        width: auto;
    }
    .navbar-expand-lg ul.navbar-nav > li.nav-item > .nav-link > *:not(:last-child),
    .navbar-visible-lg ul.navbar-nav > li.nav-item > .nav-link > *:not(:last-child) {
        margin: 0px 0px 5px 0px;
    }
}

#cta-header {
    background-color: var(--bs-gray-200);
}
#main-header {
    background-color: #ffffff;
}

#cta-header.navbar > .container {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    flex-wrap: wrap;
}
#main-header.navbar > .container {
    -webkit-justify-content: center;
    justify-content: center;
    flex-wrap: wrap;
}

#cta-header.navbar ul.navbar-nav {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
#main-header.navbar ul.navbar-nav {
    flex: 1 0 0%;
    -webkit-justify-content: center;
    justify-content: center;
}

#cta-header ul.navbar-nav > li.nav-item > .nav-link {
    -webkit-flex-direction: row;
    flex-direction: row;
}
#cta-header ul.navbar-nav > li.nav-item > .nav-link > i {
    font-size: 100%;
    margin: 0px 5px 0px 0px;
}

@media(max-width: 400px) {
    #main-header .navbar-brand {
        height: 40px;
    }
}

#app.no-agent #main-header.navbar ul.navbar-nav {
    justify-content: flex-end;
}

/* =================================================================== */
/*      HOME                                                           */
/* =================================================================== */

#content-home {
    position: relative;
    background-image: none;
    background-size: cover;
    background-position-y: top;
    background-position-x: center;
    background-repeat: no-repeat;
}

#rep-details-card.card {
    background-color: transparent;
    border-radius: 1.8rem;
    border: none;
}
#rep-details-card.card .card-body {
    padding: 0px;
}

@media(min-width: 576px) {
    #content-home {
        background-image: url(../img/background/Main-Header-BG-trans.png);
    }
    #content-taxform {
        background-image: url(../img/TaxForm.jpg);
    }
}
@media(min-width: 768px) {
    #rep-details-card.card {
        background-color: #ffffff;
        background-color: rgba(255, 255, 255, 0.75);
        border: 1px solid var(--bs-gray-100);
    }
    #rep-details-card.card .card-body {
        padding: 1.5rem;
    }
}
@media(min-width: 1200px) {
    #content-home {
        background-position-x: right;
    }
}
@media(min-width: 1400px) {
    #content-home {
        background-size: auto 120%;
        background-position-x: right;
    }
}

/* =================================================================== */
/*      MODAL                                                          */
/* =================================================================== */

@media(min-width: 576px) {
    .modal-dialog {
        margin: 1.75rem auto;
    }
    .modal-dialog .modal-content {
        max-height: calc(100vh - 3.50rem);
    }
}
.modal .modal-dialog .modal-content {
    border-radius: 1rem;
    overflow: hidden;
}
.modal .modal-dialog .modal-content {
    background-color: #ffffff;
}
.modal .modal-dialog .modal-content .modal-header,
.modal .modal-dialog .modal-content .modal-footer {
    background-color: rgba(245, 245, 245, 0.75);
}
.modal .modal-dialog .modal-content [class*="col-"]:last-of-type .modal-header,
.modal .modal-dialog .modal-content [class*="col-"]:last-of-type .modal-body,
.modal .modal-dialog .modal-content [class*="col-"]:last-of-type .modal-footer {
    padding: 1.35rem 2rem 1.35rem 1.25rem;
}
.modal .modal-dialog .modal-content .modal-header .modal-title {
    color: var(--primary_color);
    margin-bottom: 0px;
}
.modal .modal-dialog .modal-content .modal-footer .action-group.inline {
    margin-top: 0px;
}
.modal .modal-dialog .modal-content .modal-footer .action-group.inline > * {
    margin-top: 0px;
}
#modal_fileupload .modal-dialog .modal-content .modal-body {
    position: relative;
    width: 100%;
    height: 100%;
}
#modal_fileupload .modal-dialog .modal-content .modal-body .transition-content {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
.modal .rep-picture {
    background-image: url(../img/profile/default-profile-image.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
.modal-footer > .btn:not(:first-child) {
    margin-left:10px;
}

/* =================================================================== */
/*      PAGESLIDE                                                      */
/* =================================================================== */

.pageslide {
    width: 100vw;
    height: 100vh;
    background-color: #ffffff;
}
.pageslide-container {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    z-index: -1;
    background-color: transparent;
    overflow: hidden;
}
.pageslide-container > .pageslide {
    position: absolute;
    top: 0px;
    left: 100vw;
    z-index: 0;
}
.pageslide > .page-wrapper {
    display: block;
    width: 100%;
    height: 100%;
    overflow: auto;
}
.pageslide .page-header,
.pageslide .page-body,
.pageslide .page-footer {
    /* flex: 0 0 auto; */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.pageslide .page-header {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.pageslide .page-header,
.pageslide .page-footer {
    background-color: #ffffff;
}
.pageslide .page-header {
    min-height: 60px;
    box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.15);
}
.pageslide .page-header.header-fixed {
    position: fixed;
    z-index: 1;
    top: 0px;
    left: inherit;
}
.pageslide .page-footer.footer-fixed {
    position: fixed;
    bottom: 0px;
    left: inherit;
}
.pageslide .page-header .navbar-brand {
    height: 45px;
}
@media(min-width: 1400px) {
    .pageslide .page-header .navbar-brand {
        height: 60px;
    }
}
.pageslide .page-header .navbar-brand > img {
    width: auto;
    height: 100%;
}
.pageslide .page-body,
.pageslide .page-footer {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
.pageslide .page-body {
    /* flex: 1 0 0%; */
    background-color: var(--bs-gray-200);
}
body.pageslide-activating {
    overflow: hidden;
}
body.pageslide-open {
    overflow: hidden;
}
body.pageslide-open .pageslide-container {
    z-index: 1030;
}
body .pageslide-container > .pageslide:not(.open) {
    display: none;
}
body.pageslide-open,
body.pageslide-open #main-header {
    padding-right: 15px;
}
body.pageslide-open .pageslide-container > .pageslide.open {
    display: block;
    z-index: 1;
}

/* =================================================================== */
/*      PIXEL WIZARD                                                   */
/* =================================================================== */

.wizard-content {
    padding: 0px;
}
.wizard-content .wizard-pane.panel {
    margin-top: 0px;
}
.wizard-content .wizard-pane.panel-lg > .panel-heading {
    color: var(--bs-dark);
    border-bottom-width: 0;
}
.wizard-content .wizard-pane.panel-lg > .panel-heading > * {
    color: inherit !important;
}
.wizard-content .wizard-pane.panel-lg > .panel-heading > .panel-title {
    color: var(--primary_color) !important;
}
.wizard-pane.panel .panel-footer {
    background-color: var(--bs-gray-100);
}
.wizard-wrapper {
    height: 0px;
    border-width: 0px;
}
.wizard-wrapper ul.wizard-steps > li {
    min-width: 200px;
}
.ui-wizard *:not(.alert) > hr {
    border-top-color: var(--primary_color);
}
.ui-wizard .form-check {
    padding-left: 1.563rem;
}
.ui-wizard .form-check .form-check-input {
    width: 1.25rem;
    height: 1.25rem;
    margin-top: 0.156rem;
    margin-left: -1.563rem;
}
.ui-wizard label.form-check-title {
    margin-bottom: 10px;
}
.ui-wizard .form-check:last-child label {
    margin-bottom: 0px;
}
.wizard-pane.panel > .panel-heading {
    line-height: 1;
}
.wizard-pane.panel > .panel-heading .panel-title {
    color: var(--primary_color);
    line-height: 1.3;
}

.big-money {
    font-weight: 900;
    color: var(--secondary_color);
}

.label-item {
    display: block;
    padding: 10px 18px 10px 18px;
    font-size: 18px !important; 
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    border-radius: .25em;
}
.label-success {
    background-color: #28a745;
}
.result-wh {
    color: #ffffff;
    font-weight: bold !important;
}

.embedfooter {
    background-color: #172044;
    padding: 20px;
    box-shadow: 0 2px 2px rgb(0 0 0 / 5%), 0 1px 0 rgb(0 0 0 / 5%);
}

.congrats {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    background-image: url(../img/results.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top right;
    width: 430px;
    height: 400px;
    padding: 115px 40px 140px 95px;
}
.congrats > .form-group {
    height: 100%;
    justify-content: space-between;
    flex: 0 0 auto;
    width: 50%;
    margin: 0px;
}
.congrats > .form-group > * {
    margin: 0.5rem 0.25rem;
}
.tooltip > .tooltip-inner {
    background-color: #FFFFFF; 
    color: #000000; 
    border: 1px solid #000000; 
    padding: 15px;
    font-size: 20px;
}

.tooltip-inner {
    max-width: 1000px;
    text-align: left;
    line-height: 1.25;
}

.tooltipspan {
    font-size: 14px !important; 
}

.btntrans, .btntrans:hover, .btntrans:focus, .btntrans:active {
    background-color: rgba(255, 0, 0, 0);
    box-shadow: none;
}
.btntrans > i:only-child {
    margin: 0px !important;
}

/* =================================================================== */
/*      HELPER CLASSES                                                 */
/* =================================================================== */

.no-text-transform,
.no-text-transform:hover,
.no-text-transform:focus,
.no-text-transform:active {
    text-transform: none !important;
}

.flex-wrap-reverse, .flex-start-spaced {
    -webkit-display: flex;
    display: flex;
}
.flex-start-spaced {
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.flex-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}
.flex-start-spaced {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: -15px;
    margin-left: -15px;
    margin-right: -15px;
}
.flex-start-spaced > *:not(.btn) {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}
.flex-start-spaced > .btn {
    margin-top: 15px;
    margin-left: 15px;
    margin-right: 15px;
}
.flex-center-spaced {
    -webkit-align-items: center !important;
    align-items: center !important;
    -webkit-justify-content: space-between !important;
    justify-content: space-between !important;
}
.justify-start {
    display: inline-flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.justify-center {
    -webkit-justify-content: center;
    justify-content: center;
}


.no-padding { padding: 0px !important; }
.no-padding-l { padding-left: 0px !important; }
.no-padding-r { padding-right: 0px !important; }
.no-padding-t { padding-top: 0px !important; }
.no-padding-b { padding-bottom: 0px !important; }
.no-margin { margin: 0px !important; }
.margin-sm { margin: 7.5px !important; }
.margin-sm-l { margin-left: 7.5px !important; }
.margin-sm-r { margin-right: 7.5px !important; }
.margin-md { margin: 15px !important; }
.padding-md { padding: 15px !important; }
.margin-lg { margin: 30px !important; }
.no-margin-t { margin-top: 0px !important; }
.margin-md-t { margin-top: 15px !important; }
.margin-lg-t { margin-top: 30px !important; }
.no-margin-b { margin-bottom: 0px !important; }
.margin-md-b { margin-bottom: 15px !important; }
.margin-lg-b { margin-bottom: 30px !important; }
.no-margin-vr { margin-top: 0px !important; margin-bottom: 0px !important; }
.margin-md-vr { margin-top: 15px !important; margin-bottom: 15px !important; }
.margin-lg-vr { margin-top: 30px !important; margin-bottom: 30px !important; }
.no-margin-l { margin-left: 0px !important; }
.margin-md-l { margin-left: 15px !important; }
.margin-lg-l { margin-left: 30px !important; }
.no-margin-r { margin-right: 0px !important; }
.margin-md-r { margin-right: 15px !important; }
.margin-lg-r { margin-right: 30px !important; }

.navbar-visible-sm, .navbar-visible-md, .navbar-visible-lg, .navbar-visible-xl, .navbar-visible-xxl {
    display: none !important;
}

.navbar-visible-xs {
    display: flex !important;
}
@media(max-width: 575px) {
    .visible-sm, .visible-md, .visible-lg, .visible-xl, .visible-xxl { display: none !important; }
    .hidden-xs { display: none !important; }
    .content-center-xs {
        text-align: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
    }
    [class*="content-center"] * {
        -webkit-justify-content: inherit !important;
        justify-content: inherit !important;
        -webkit-align-items: inherit !important;
        align-items: inherit !important;
    }
}

@media (min-width: 576px) {
    .navbar-visible-sm {
        display: flex !important;
    }
    .navbar-hidden-sm {
        display: none !important;
    }
}
@media(min-width: 576px) and (max-width: 767px) {
    .visible-xs, .visible-md, .visible-lg, .visible-xl, .visible-xxl { display: none !important; }
    .hidden-sm { display: none !important; }
    .content-center-sm {
        text-align: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
    }
    [class*="content-center"] * {
        -webkit-justify-content: inherit !important;
        justify-content: inherit !important;
        -webkit-align-items: inherit !important;
        align-items: inherit !important;
    }
}

@media (min-width: 768px) {
    .navbar-visible-md {
        display: flex !important;
    }
    .navbar-hidden-md {
        display: none !important;
    }
}
@media(min-width: 768px) and (max-width: 991px) {
    .visible-xs, .visible-sm .visible-lg, .visible-xl, .visible-xxl { display: none !important; }
    .hidden-md { display: none !important; }
    .content-center-md {
        text-align: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
    }
    [class*="content-center"] * {
        -webkit-justify-content: inherit !important;
        justify-content: inherit !important;
        -webkit-align-items: inherit !important;
        align-items: inherit !important;
    }
}

@media (min-width: 992px) {
    .navbar-visible-lg {
        display: flex !important;
    }
    .navbar-hidden-lg {
        display: none !important;
    }
    .max-w-lg-750 {
        max-width: 750px !important;
    }
    .min-w-lg-400 {
        min-width: 400px !important;
    }
}
@media(min-width: 992px) and (max-width: 1199px) {
    .visible-xs, .visible-sm, .visible-md, .visible-xl, .visible-xxl { display: none !important; }
    .hidden-lg { display: none !important; }
    .content-center-lg {
        text-align: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
    }
    [class*="content-center"] * {
        -webkit-justify-content: inherit !important;
        justify-content: inherit !important;
        -webkit-align-items: inherit !important;
        align-items: inherit !important;
    }
}

@media (min-width: 1200px) {
    .navbar-visible-xl {
        display: flex !important;
    }
    .navbar-hidden-xl {
        display: none !important;
    }
}
@media(min-width: 1200px) and (max-width: 1399px) {
    .visible-xs, .visible-sm, .visible-md, .visible-lg, .visible-xxl { display: none !important; }
    .hidden-xl { display: none !important; }
    .content-center-xl {
        text-align: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
    }
    [class*="content-center"] * {
        -webkit-justify-content: inherit !important;
        justify-content: inherit !important;
        -webkit-align-items: inherit !important;
        align-items: inherit !important;
    }
}

@media(min-width: 1400px) {
    .visible-xs, .visible-sm, .visible-md, .visible-lg, .visible-xl { display: none !important; }
    .hidden-xxl { display: none !important; }
    .content-center-xxl {
        text-align: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
    }
    [class*="content-center"] * {
        -webkit-justify-content: inherit !important;
        justify-content: inherit !important;
        -webkit-align-items: inherit !important;
        align-items: inherit !important;
    }
    .navbar-visible-xxl {
        display: flex !important;
    }
    .navbar-hidden-xxl {
        display: none !important;
    }
}

/* ------------------------------------------------------------------- */
/* COLORS */

.background-default-light {
    background-color: var(--bs-light) !important;
}
.background-gray {
    background-color: var(--bs-gray-200) !important;
}
.background-primary {
    background-color: var(--primary_color) !important;
}
.background-secondary {
    background-color: var(--secondary_color) !important;
}
.background-texture {
    background-image: url(/img/texture/halftone2.png);
    background-blend-mode: soft-light;
    background-size: 100% auto;
    background-repeat: repeat;
    background-position: center;
}
.background-taxform {
    background-blend-mode: soft-light;
    background-size: 50% auto;
    background-repeat: no-repeat;
    background-position: top left;
    background-blend-mode: lighten;
}
.content-box.background-texture {
    background-blend-mode: color;
}
/* .border-vt-gray-4 {
    border-top: 4px solid var(--bs-gray-400);
    border-bottom: 4px solid var(--bs-gray-400);
} */
.color-red,
.color-danger {
    color: var(--danger_color) !important;
}
.color-green,
.color-success {
    color: var(--success_color) !important;
}
.color-primary {
    color: var(--primary_color) !important;
}
.color-primary-lt {
    color: var(--primary_light_color) !important;
}
.color-secondary {
    color: var(--secondary_color) !important;
}
.color-white {
    color: #ffffff !important;
}
.color-gray-1 {
    color: var(--bs-gray-100) !important;
}
.color-gray-2 {
    color: var(--bs-gray-200) !important;
}
.color-gray-3 {
    color: var(--bs-gray-300) !important;
}
.color-gray-4 {
    color: var(--bs-gray-400) !important;
}
.color-gray-5 {
    color: var(--bs-gray-500) !important;
}

h1 {
    color: var(--primary_color);
}
.background-primary h1, .background-primary .h1,
.background-primary h2, .background-primary .h2,
.background-primary h3, .background-primary .h3,
.background-primary h4, .background-primary .h4,
.background-primary h5, .background-primary .h5,
.background-primary p,
.background-primary li {
    color: #ffffff;
}

.color-primary > *,
.color-secondary > *,
.color-red > *,
.color-green > *,
.color-white > *,
.color-gray-1 > *,
.color-gray-2 > *,
.color-gray-3 > *,
.color-gray-4 > * {
    color: inherit;
}