/* MMS Styles */

/* Org colors (must be first — @import is only valid before other rules) */
@import url("org_color.php");

/* Inter Google Font - https://gwfh.mranftl.com/fonts */
/* inter-100 - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/inter-v20-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-100italic - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: italic;
    font-weight: 100;
    src: url('../fonts/inter-v20-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-100italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-200 - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/inter-v20-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-200italic - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: italic;
    font-weight: 200;
    src: url('../fonts/inter-v20-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-300 - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/inter-v20-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-300italic - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/inter-v20-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-regular - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/inter-v20-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-italic - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/inter-v20-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/inter-v20-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500italic - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/inter-v20-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/inter-v20-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600italic - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/inter-v20-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/inter-v20-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700italic - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/inter-v20-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800 - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/inter-v20-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-800italic - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: italic;
    font-weight: 800;
    src: url('../fonts/inter-v20-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900 - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/inter-v20-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900italic - cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Inter';
    font-style: italic;
    font-weight: 900;
    src: url('../fonts/inter-v20-cyrillic_cyrillic-ext_greek_greek-ext_latin_latin-ext_vietnamese-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


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

:root {
    --mms-primary: #ae0e0d;
    --mms-primary-dark: #8f0c0b;
    --mms-primary-deep: #6e0908;
    --mms-primary-light: #f8dada;

    --mms-secondary: #6b7280;
    --mms-secondary-dark: #374151;
    --mms-secondary-deep: #111827;
    --mms-secondary-light: #d1d5db;

    --mms-light-gray: #f3f4f6;
    --mms-text: #2c3e50;

    --mms-success: #dcfce7;
    --mms-success-dark: #166534;
    --mms-error: #fef2f2;
    --mms-error-dark: #991b1b;
    --mms-warning: #fef3c7;
    --mms-warning-dark: #92400e;
    --mms-info: #dbeafe;
    --mms-info-dark: #1e3a8a;

    --mms-radius: 2px;
    --mms-row-gap: 30px;
    --mms-column-gap: 30px;

    /* font-family: "Inter", sans-serif; */
    /* font-size: 16px; */
    interpolate-size: allow-keywords;
}

/* body:has(#mms-main),
body:has(#mheader_5_wrapper) {
    font-family: "Inter", sans-serif;
    color: var(--mms-text);
} */

#mms-main,
#mheader_5_wrapper {
    font-family: "Inter", sans-serif;
    line-height: 1.3;
    color: var(--mms-text);
    font-size: 16px;
}

/* ----------------------------------------------------
    Headings
------------------------------------------------------*/

#mms-main :is(h1, h2, h3, h4, h5, h6),
#mheader_5_wrapper :is(h1, h2, h3, h4, h5, h6) {
    display: block;
    font-family: "Inter", sans-serif;
    color: var(--mms-text);
    text-transform: capitalize;
    line-height: 1.3;
    margin: 0;
    padding: 0;
    margin-bottom: .75em;
    background-color: transparent;
}

#mms-main :is(h1, h2, h3),
#mheader_5_wrapper :is(h1, h2, h3) {
    font-weight: 700;
}

#mms-main :is(h4, h5, h6),
#mheader_5_wrapper :is(h4, h5, h6) {
    font-weight: 600;
}

#mms-main h1,
#mheader_5_wrapper h1 {
    font-size: 36px;
}

#mms-main h2,
#mheader_5_wrapper h2 {
    font-size: 30px;
}

#mms-main h3,
#mheader_5_wrapper h3 {
    font-size: 26px;
}

#mms-main h4,
#mheader_5_wrapper h4 {
    font-size: 22px;
}

#mms-main h5,
#mheader_5_wrapper h5 {
    font-size: 20px;
}

#mms-main h6,
#mheader_5_wrapper h6 {
    font-size: 18px;
}

.mms-eyebrow {
    text-transform: uppercase;
    color: var(--mms-secondary);
    font-weight: 500;
    letter-spacing: 2px;
}

#mms-main p,
#mheader_5_wrapper p {
    padding: 0;
    margin-bottom: .75em;
}

/* ----------------------------------------------------
    Links and Buttons
------------------------------------------------------*/

/* Links */

#mms-main a:not(#mms-main .mms-link-list a, .mms-page-title-right a, .mms-date-calendar a, .mms-page-nav a, .mms-button, #mms-admin-sidebar a, #mms-main .mms-breadcrumbs>ul>li>a, #mms-main .mms-sidebar>ul a, #mms-main .mms-navbar>ul a, .mms-pagination a, #mms-main .mms-pagination>ul>li>a, #mms-main .mms-tabs>ul>li>a, .mms-flex-icons a),
#mheader_5_wrapper a:not(#mms-main .mms-link-list a, .mms-page-title-right a, .mms-date-calendar a, .mms-page-nav a, .mms-button, #mms-admin-sidebar a, #mms-main .mms-breadcrumbs>ul>li>a, #mms-main .mms-sidebar>ul a, #mms-main .mms-navbar>ul a, .mms-pagination a, #mms-main .mms-pagination>ul>li>a, #mms-main .mms-tabs>ul>li>a, .mms-flex-icons a){
    color: var(--org-link-color, var(--mms-secondary-dark));
    text-decoration: underline;
    background: 0 0;
    transition: color .125s ease-in-out, outline .125s ease-in-out;
    background: 0 0;
}

#mms-main a:not(#mms-main .mms-link-list a, .mms-page-title-right a, .mms-date-calendar a, .mms-page-nav a, .mms-button, #mms-admin-sidebar a, #mms-main .mms-breadcrumbs>ul>li>a, #mms-main .mms-sidebar>ul a, #mms-main .mms-navbar>ul a, .mms-pagination a, #mms-main .mms-pagination>ul>li>a, #mms-main .mms-tabs>ul>li>a, .mms-flex-icons a):is(:hover, :focus),
#mheader_5_wrapper a:not(#mms-main .mms-link-list a, .mms-page-title-right a, .mms-date-calendar a, .mms-page-nav a, .mms-button, #mms-admin-sidebar a, #mms-main .mms-breadcrumbs>ul>li>a, #mms-main .mms-sidebar>ul a, #mms-main .mms-navbar>ul a, .mms-pagination a, #mms-main .mms-pagination>ul>li>a, #mms-main .mms-tabs>ul>li>a, .mms-flex-icons a):is(:hover, :focus) {
    color: var(--org-dark-color, var(--mms-secondary-deep));
    outline: 0;
}

#mms-main a:not(#mms-main .mms-link-list a, .mms-page-title-right a, .mms-date-calendar a, .mms-page-nav a, .mms-button, #mms-admin-sidebar a, #mms-main .mms-breadcrumbs>ul>li>a, #mms-main .mms-sidebar>ul a, #mms-main .mms-navbar>ul a, .mms-pagination a, #mms-main .mms-pagination>ul>li>a, #mms-main .mms-tabs>ul>li>a, .mms-flex-icons a):focus-visible,
#mheader_5_wrapper a:not(#mms-main .mms-link-list a, .mms-page-title-right a, .mms-date-calendar a, .mms-page-nav a, .mms-button, #mms-admin-sidebar a, #mms-main .mms-breadcrumbs>ul>li>a, #mms-main .mms-sidebar>ul a, #mms-main .mms-navbar>ul a, .mms-pagination a, #mms-main .mms-pagination>ul>li>a, #mms-main .mms-tabs>ul>li>a, .mms-flex-icons a):focus-visible {
    outline: 1px solid var(--mms-secondary);
    outline-offset: 5px;
    border-radius: 1px; 
}

/* Buttons */

#mheader_5_wrapper .mms-button,
.mms-button {
    display: flex;
    align-items: center;
    width: fit-content;
    margin: 1.25em 0;
    padding: .65em 2ch;
    background-color: var(--org-link-color, var(--mms-primary));
    border: 1px solid var(--org-link-color, var(--mms-primary));
    border-radius: var(--org-radius, var(--mms-radius));
    transition: background-color .125s  ease-in-out, color .125s ease-in-out, border .125s ease-in-out;
    font: inherit;
    font-family: "Inter", sans-serif;
    font-size: inherit;
    line-height: 1;
    color: white;
    text-transform: capitalize;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    -webkit-appearance: button;
    cursor: pointer;
    overflow: visible;
}

#mheader_5_wrapper .mms-button:is(:hover, :focus),
.mms-button:is(:hover, :focus) {
    background-color: var(--org-dark-color, var(--mms-primary-dark));
    border: 1px solid var(--org-dark-color, var(--mms-primary-dark));
    color: white;
    text-decoration: none;
}

#mheader_5_wrapper .mms-button:disabled,
.mms-button:disabled {
    background-color: var(--mms-light-gray);
    color: var(--mms-secondary);
    border: 1px solid var(--mms-secondary);
}

#mheader_5_wrapper .mms-button:focus-visible,
.mms-button:focus-visible {
    outline: 2px solid var(--mms-secondary);
    outline-offset: 2px;
}

#mheader_5_wrapper .mms-button svg,
.mms-button svg {
    width: auto;
    height: 1em;
    fill: white;
    margin-right: 5px;
}

#mheader_5_wrapper .mms-button.secondary,
.mms-button.secondary {
    background-color: var(--org-dark-color, var(--mms-secondary));
    border: 1px solid var(--org-dark-color, var(--mms-secondary));
}

#mheader_5_wrapper .mms-button.secondary:is(:hover, :focus),
.mms-button.secondary:is(:hover, :focus) {
    background-color: var(--org-link-color, var(--mms-secondary-dark));
    border: 1px solid var(--org-link-color, var(--mms-secondary-dark));
}

#mheader_5_wrapper .mms-button.secondary:disabled,
.mms-button.secondary:disabled {
    background-color: var(--mms-secondary-light);
    color: var(--mms-secondary-dark);
}

#mheader_5_wrapper .mms-button.tertiary,
.mms-button.tertiary {
    background-color: white;
    border: 1px solid var(--mms-secondary-light);
    color: var(--org-link-color, var(--mms-secondary));
}

#mheader_5_wrapper .mms-button.tertiary:is(:hover, :focus),
.mms-button.tertiary:is(:hover, :focus) {
    background-color: var(--org-light-color, var(--mms-light-gray));
    border: 1px solid var(--org-dark-color, var(--mms-secondary-dark));
    color: var(--org-dark-color, var(--mms-secondary-dark));
}

#mheader_5_wrapper .mms-button.tertiary:disabled,
.mms-button.tertiary:disabled {
    background-color: white;
    color: var(--mms-secondary-light);
}

#mheader_5_wrapper .mms-button.tertiary svg,
.mms-button.tertiary svg {
    fill: var(--org-link-color, var(--mms-secondary));
    color: var(--org-link-color, var(--mms-secondary));
}

#mheader_5_wrapper .mms-button.tertiary:is(:hover, :focus) svg,
.mms-button.tertiary:is(:hover, :focus) svg {
    fill: var(--org-dark-color, var(--mms-secondary-dark));
    color: var(--org-dark-color, var(--mms-secondary-dark));
}

#mheader_5_wrapper .mms-button.tertiary:focus-visible,
.mms-button.tertiary:focus-visible {
    outline-offset: -1px;
}


/* ----------------------------------------------------
    Panels
------------------------------------------------------*/

#mheader_5_wrapper .mms-panel {
    width: 100%;
    display: flex;
    flex-direction: column;
}

#mheader_5_wrapper .mms-panel-heading {
    padding: 12px 20px;
    border: 1px solid var(--mms-secondary-light);
    border-top-left-radius: var(--org-radius, var(--mms-radius));
    border-top-right-radius: var(--org-radius, var(--mms-radius));
    background-color: var(--org-light-color, var(--mms-light-gray));
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 0;
}

#mheader_5_wrapper .mms-panel-heading :is(h1, h2, h3, h4, h5, h6) {
    margin: 0;
    padding-bottom: 0;
    font-size: 16px;
    color: var(--mms-secondary-dark);
}

#mheader_5_wrapper .mms-panel-body {
    border: 1px solid var(--mms-secondary-light);
    border-bottom-left-radius: var(--org-radius, var(--mms-radius));
    border-bottom-right-radius: var(--org-radius, var(--mms-radius));
    padding: 20px;
    overflow: hidden;
}

#mheader_5_wrapper .mms-panel-body>*:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}


#mheader_5_wrapper .mms-panel-body:has(.mms-link-list) {
    padding: 0;
}

.mms-link-list {
    padding-inline-start: 0;
    margin-bottom: 0;
    list-style-type: none;
}

.mms-link-list li {
    position: relative;
    padding: 10px 20px;
    transition: .125s background-color ease-in-out;
}

.mms-link-list li:is(:hover, :focus) {
    background-color: var(--mms-light-gray);
}

.mms-link-list li:has(a:focus-visible) {
    outline: 2px solid var(--mms-secondary);
    outline-offset: -2px;
}

.mms-link-list li:last-of-type {
    border-bottom-left-radius: var(--org-radius, var(--mms-radius));
    border-bottom-right-radius: var(--org-radius, var(--mms-radius));
}

#mheader_5_wrapper .mms-link-list a {
    font-size: 16px;
    font-weight: 500;
    color: var(--org-link-color, var(--mms-secondary));
    text-decoration: none;
    transition: .125s color ease-in-out;
}

#mheader_5_wrapper .mms-link-list a:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#mheader_5_wrapper .mms-link-list a:is(:hover, :focus) {
    text-decoration: none;
    color: var(--org-dark-color, var(--mms-secondary-dark));
    outline: 0;
}

#mheader_5_wrapper .mms-link-list a:focus-visible {
    outline: 0;
}

.mms-link-list .mms-badge {
    margin-left: 5px;
}


#mheader_5_wrapper .mms-panel-clean {
    width: 100%;
}

#mheader_5_wrapper .mms-panel-clean .mms-panel-heading {
    background-color: transparent;
    border: 1px solid var(--mms-secondary-light);
    border-bottom: 0;
    padding: 20px 20px 0;
}

#mheader_5_wrapper .mms-panel-clean .mms-panel-body {
    border-top: 0;
    padding: 20px;
}

#mheader_5_wrapper .mms-panel-clean:not(:has(.mms-panel-heading)) .mms-panel-body {
    border-top-left-radius: var(--org-radius, var(--mms-radius));
    border-top-right-radius: var(--org-radius, var(--mms-radius));
    border-top: 1px solid var(--mms-secondary-light);
}


#mheader_5_wrapper .mms-panel-status {
    width: 100%;
}

#mheader_5_wrapper .mms-panel-status .mms-panel-heading {
    border: 1px solid var(--mms-secondary-light);
    border-bottom: 0;
    padding: 20px 20px 0;
    background-color: transparent;
    justify-content: center;
}

#mheader_5_wrapper .mms-panel-status .mms-panel-heading h2 {
    font-size: 36px;
}

#mheader_5_wrapper .mms-panel-status .mms-panel-body {
    border-block: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 5px 20px 20px;
    text-align: center;
}

#mheader_5_wrapper .mms-panel-status .mms-panel-body p {
    color: var(--mms-secondary);
    text-transform: uppercase;
}

#mheader_5_wrapper .mms-panel-status .mms-panel-stat {
    border: 1px solid var(--mms-secondary-light);
    border-bottom-left-radius: var(--org-radius, var(--mms-radius));
    border-bottom-right-radius: var(--org-radius, var(--mms-radius));
    border-top: 0;
    padding: 10px 20px;
    text-align: center;
    background-color: var(--org-light-color, var(--mms-light-gray));
}

#mheader_5_wrapper .mms-panel-status .mms-panel-stat.success {
    background-color: var(--mms-success);
    color: var(--mms-success-dark);
}

#mheader_5_wrapper .mms-panel-status .mms-panel-stat.error {
    background-color: var(--mms-error);
    color: var(--mms-error-dark);    
}

#mheader_5_wrapper .mms-panel-status .mms-panel-stat.warning {
    background-color: var(--mms-warning);
    color: var(--mms-warning-dark);    
}

#mheader_5_wrapper .mms-panel-status .mms-panel-stat.info {
    background-color: var(--mms-info);
    color: var(--mms-info-dark);    
}

#mheader_5_wrapper .mms-panel-status .mms-panel-stat p {
    margin-bottom: 0;
    padding-bottom: 0;
}



/* ----------------------------------------------------
    Accordions
------------------------------------------------------*/

.mms-accordion {
    display: block;
    border-radius: var(--org-radius, var(--mms-radius));
}

.mms-accordion:not(.mms-accordion-container .mms-accordion) {
    margin-bottom: 15px;
}

.mms-accordion summary {
    position: relative;
    padding: 12px 55px 12px 20px;
    background-color: white;
    border: 1px solid var(--mms-secondary-light);
    border-radius: var(--org-radius, var(--mms-radius));
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    transition: .125s background-color ease-in-out, .125s border-radius ease-in-out;
}

.mms-accordion summary:focus-visible {
    outline: 2px solid var(--mms-secondary);
}

.mms-accordion summary::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 25px;
    width: 6px;
    height: 11px;
    margin-block: auto;
    color: var(--mms-secondary-light);
    transform: translateY(-50%) rotate(90deg);
    transition: .125s transform ease-in-out;
    /* background-image: url('/_jquery/icons_svg/mms-arrow-icon.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; */
    -webkit-mask-image: url('/_jquery/icons_svg/mms-arrow-icon.svg');
    mask-image: url('/_jquery/icons_svg/mms-arrow-icon.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentcolor; 
    color: var(--mms-secondary);
}

.mms-accordion .mms-accordion-content {
    border: 1px solid var(--mms-secondary-light);
    border-bottom-left-radius: var(--org-radius, var(--mms-radius));
    border-bottom-right-radius: var(--org-radius, var(--mms-radius));
    border-top: 0;
    padding: 20px;
    overflow: hidden;
}


.mms-accordion[open] summary {
    background-color: var(--org-light-color, var(--mms-light-gray));
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.mms-accordion[open] summary::after {
    transform: translateY(-50%) rotate(270deg);
}

.mms-accordion::details-content {
    content-visibility: hidden;
    block-size: 0;
    transition: block-size .25s, content-visibility .25s, opacity .25s; 
    transition-behavior: allow-discrete;
    opacity: 0;
}

.mms-accordion[open]::details-content {
    content-visibility: visible;
    block-size: auto;    
    opacity: 1;
}

/* Accordion Container */

.mms-accordion-container {
    display: flex;
    flex-direction: column;
}

.mms-accordion-container .mms-accordion:not(:first-of-type, :last-of-type) summary {
    border-radius: 0;
}

.mms-accordion-container .mms-accordion:not(:last-of-type) {
    margin-bottom: -1px
}

.mms-accordion-container .mms-accordion:first-of-type summary {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;

}

.mms-accordion-container .mms-accordion:last-of-type summary {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.mms-accordion-container .mms-accordion:not(:last-of-type) .mms-accordion-content {
    border-radius: 0;
    margin-bottom: -1px;
}

.mms-accordion-container .mms-accordion summary {
    outline-offset: -2px;
}


/* ----------------------------------------------------
    Tables and Lists
------------------------------------------------------*/


.mms-table {
    width: 100%;
    max-width: 100%;
    border: 1px solid var(--mms-secondary-light);
    border-radius: var(--org-radius, var(--mms-radius));        
    font-size: 16px;
    background-color: transparent;
    border-spacing: 0;
    border-collapse: separate;
    overflow: hidden;
}

.mms-table thead {
    background-color: var(--org-light-color, var(--mms-light-gray));
    border: 0;
    border-bottom: 1px solid var(--mms-secondary-light);
}

.mms-table thead th {
    font-weight: 700;
    text-align: left;
}

.mms-table td:not(:last-of-type),
.mms-table th:not(:last-of-type) {
    border-right: 1px solid var(--mms-secondary-light);
}

.mms-table tr:not(:last-of-type) {
    border-bottom: 1px solid var(--mms-secondary-light);
}

.mms-table td,
.mms-table th {
    padding: 10px 15px;
    border: 0;
}

.mms-table caption {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}


.mms-table-striped {
    width: 100%;
    max-width: 100%;
    border: 1px solid var(--mms-secondary-light);
    border-radius: var(--org-radius, var(--mms-radius));        
    font-size: 16px;
    background-color: transparent;
    border-spacing: 0;
    border-collapse: separate;
    overflow: hidden;
}

.mms-table-striped thead {
    background-color: var(--org-light-color, var(--mms-light-gray));
    border: 0;
    border-top-left-radius: var(--org-radius, var(--mms-radius));
    border-top-right-radius: var(--org-radius, var(--mms-radius));
}

.mms-table-striped thead th {
    font-weight: 700;
    text-align: left;
}

.mms-table-striped thead th:first-of-type {
    border-top-left-radius: var(--org-radius, var(--mms-radius));
}

.mms-table-striped thead th:last-of-type {
    border-top-right-radius: var(--org-radius, var(--mms-radius));
}

.mms-table-striped td:not(:last-of-type),
.mms-table-striped th:not(:last-of-type) {
    border-right: 1px solid var(--mms-secondary-light);
}

.mms-table-striped td,
.mms-table-striped th {
    padding: 10px 20px;
    border: 0;
}

.mms-table-striped caption {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.mms-table-striped tbody>tr:nth-of-type(even) {
    background-color: var(--mms-light-gray);
}


/* Data Table */

.mms-table-data {
    width: 100%;
    max-width: 100%;
    border: 1px solid var(--mms-secondary-light);
    border-radius: var(--org-radius, var(--mms-radius));        
    font-size: 16px;
    background-color: transparent;
    border-spacing: 0;
    border-collapse: separate;
    overflow: hidden;
}

.mms-table-data thead {
    background-color: var(--org-light-color, var(--mms-light-gray));
}

.mms-table-data thead th {
    position: relative;
    padding: 17px 20px;
    padding-right: 25px;
    font-weight: 700;
    text-align: left;
}

.mms-table-data:has(tr>td.mms-flex-icons:last-of-type) thead th:last-of-type {
    text-align: right;
}

.mms-table-data thead th::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    width: 8px;
    height: 13px;

    -webkit-mask-image: url(/_jquery/icons_svg/mms-sort-icon.svg);
    mask-image: url(/_jquery/icons_svg/mms-sort-icon.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentcolor;
    color: var(--mms-secondary);
    transform: translateY(-50%);
}

/* .mms-table-data tbody>tr:nth-of-type(even) {
    background-color: var(--mms-light-gray);
} */

.mms-table-data tr:not(:last-of-type) td,
.mms-table-data th {
    border-bottom: 1px solid var(--mms-secondary-light);
}

.mms-table-data td,
.mms-table-data th {
    padding: 10px 20px;
}

.mms-table-data caption {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}


.mms-list-ul,
.mms-list-ol {
    padding-inline-start: 28px;
    margin-top: 0;
    margin-bottom: 15px;
}

.mms-list-ol li {
    margin-bottom: 5px;
}

.mms-list-ul li::marker {
    color: var(--mms-secondary);
    font-size: 1.3em;
}


.mms-list-group {
    list-style-type: none;
    padding-inline-start: 0;
}

.mms-list-group li {
    border: 1px solid var(--mms-secondary-light);
    padding: 10px 15px;
}

.mms-list-group li:first-of-type {
    border-top-left-radius: var(--org-radius, var(--mms-radius));
    border-top-right-radius: var(--org-radius, var(--mms-radius));
}

.mms-list-group li:last-of-type {
    border-bottom-left-radius: var(--org-radius, var(--mms-radius));
    border-bottom-right-radius: var(--org-radius, var(--mms-radius));
}

.mms-list-group li:not(:last-of-type) {
    border-bottom: 0;
}

/* ----------------------------------------------------
    Fields
------------------------------------------------------*/


#mheader_5_wrapper label {
    display: inline-block;
    color: var(--mms-secondary);
    margin-bottom: 5px;
    font-weight: 500;
}

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

.mms-small-note {
    display: inline-block;
    margin-block: 5px;
    padding: 5px 15px;
    background-color: var(--mms-info);
    border-radius: var(--org-radius, var(--mms-radius));
    color: var(--mms-info-dark);
}

/* Text Field */

.mms-text-field {
    display: block;
    margin: 0;
    border: 1px solid var(--mms-secondary-light);
    width: 100%;
    height: unset;
    border-radius: var(--org-radius, var(--mms-radius));
    padding: 10px 15px;
    font: inherit;
    font-family: inherit;
    line-height: inherit;
    font-size: 16px;
    color: var(--mms-text);
    background-color: #fff;
    background-image: none;
    box-shadow: none;
    transition: border-color ease-in-out .125s, outline ease-in-out .125s;
}

.mms-text-field:focus {
    outline: 1px solid var(--mms-secondary);
}

.mms-text-field:user-invalid {
    outline: 1px solid var(--mms-error-dark);
}

.mms-text-field:user-valid {
    outline: 1px solid var(--mms-success-dark);
}

.mms-text-field:disabled {
    background-color: var(--mms-light-gray);
}


.mms-long-text-field {
    display: block;
    margin: 0;
    border: 1px solid var(--mms-secondary-light);
    width: 100%;
    height: unset;
    border-radius: var(--org-radius, var(--mms-radius));
    padding: 10px 15px;
    font: inherit;
    font-family: inherit;
    line-height: inherit;
    font-size: 16px;
    color: var(--mms-text);
    background-color: #fff;
    background-image: none;
    box-shadow: none;
    transition: border-color ease-in-out .125s, outline ease-in-out .125s;
}

.mms-long-text-field:focus {
    outline: 1px solid var(--mms-secondary);   
}

.mms-long-text-field:user-invalid {
    outline: 1px solid var(--mms-error-dark);
}

.mms-long-text-field:user-valid {
    outline: 1px solid var(--mms-success-dark);
}

.mms-long-text-field:disabled {
    background-color: var(--mms-light-gray);
}

/* Date Field */

.mms-date-field {
    position: relative;
}

.mms-date-field input {
    /* position: relative; */
    display: block;
    border: 1px solid var(--mms-secondary-light);
    width: 100%;
    height: unset;
    margin: 0;
    border-radius: var(--org-radius, var(--mms-radius));
    padding: 10px 45px 10px 15px;
    font: inherit;
    font-family: inherit;
    line-height: inherit;
    font-size: 16px;
    color: var(--mms-text);
    /* background-color: #fff;
    background-image: url(https://rea100.viethhosting.com/images/mms-calendar-icon.svg);
    background-repeat: no-repeat;
    background-position: center right 15px; */
    box-shadow: none;
    transition: border-color ease-in-out .125s, outline ease-in-out .125s;
}

/* .mms-date-field input::after {
    content: '';
    display: block;
    width: 13px;
    height: 14px;
    position: absolute;
    top: 50%;
    right: 15px;
    background-image: url(https://rea100.viethhosting.com/images/mms-calendar-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
} */

.mms-date-field input:focus {
    outline: 1px solid var(--mms-secondary);
}

.mms-date-field input:user-invalid {
    outline: 1px solid var(--mms-error-dark);
}

.mms-date-field input:user-valid {
    outline: 1px solid var(--mms-success-dark);
}

.mms-date-field input:disabled {
    background-color: var(--mms-light-gray);
}

.mms-date-field svg {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    color: var(--mms-secondary);
}

/* Date Field  Calendar */

.mms-date-calendar.ui-datepicker {
    padding: 0;
    border: 0;
    border-radius: var(--org-radius, var(--mms-radius));
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    color: #1f2937;
    overflow: hidden;
}

    /* ----- Header (month/year + nav arrows) ----- */
.mms-date-calendar .ui-datepicker-header {
    position: relative;
    background: white;
    border: 1px solid var(--mms-secondary-light);
    border-bottom: 0;
    border-radius: 0;
    border-top-right-radius: var(--org-radius, var(--mms-radius));
    border-top-left-radius: var(--org-radius, var(--mms-radius));
    padding: 12px 0;
    color: var(--mms-text);
    font-weight: 600;
}

.mms-date-calendar .ui-datepicker-title {
    text-align: center;
    margin: 0 36px;
}

.mms-date-calendar .ui-datepicker-title .ui-datepicker-month,
.mms-date-calendar .ui-datepicker-title .ui-datepicker-year {
    font-weight: 600;
    color: var(--mms-text);
}

    /* Prev / Next arrows */
.mms-date-calendar .ui-datepicker-prev,
.mms-date-calendar .ui-datepicker-next {
    position: absolute;
    top: 50%;
    width: 28px;
    height: 28px;
    transform: translateY(-50%);
    cursor: pointer;
    border: 1px solid transparent;
    background: transparent;
    border-radius: var(--org-radius, var(--mms-radius));
    transition: background-color 0.15s ease;
}

.mms-date-calendar .ui-datepicker-prev { 
    left: 8px; 
}

.mms-date-calendar .ui-datepicker-next { 
    right: 8px; 
}

.mms-date-calendar .ui-datepicker-prev:hover,
.mms-date-calendar .ui-datepicker-next:hover {
    border: 1px solid var(--mms-secondary-light);
    text-decoration: none;
}

    /* Replace the jQuery UI sprite icons with CSS chevrons */
.mms-date-calendar .ui-datepicker-prev .ui-icon,
.mms-date-calendar .ui-datepicker-next .ui-icon {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    background-image: none;
    text-indent: 0;
    overflow: hidden;
    position: static;
    color: transparent;   /* hide the "Prev"/"Next" text */
}

.mms-date-calendar .ui-datepicker-prev .ui-icon::before,
.mms-date-calendar .ui-datepicker-next .ui-icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 11px;

    -webkit-mask-image: url(/_jquery/icons_svg/mms-arrow-icon.svg);
    mask-image: url(/_jquery/icons_svg/mms-arrow-icon.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentcolor;
    color: var(--mms-secondary);
}

.mms-date-calendar .ui-datepicker-prev .ui-icon::before {
    transform: translateX(-50%) translateY(-50%) rotate(180deg);
}

.mms-date-calendar .ui-datepicker-next .ui-icon::before {
    transform: translateX(-50%) translateY(-50%);
}

    /* ----- Calendar grid ----- */
.mms-date-calendar .ui-datepicker-calendar {
    width: 100%;
    margin: 0;
    border-collapse: separate;
    table-layout: fixed;
}

/* .mms-date-calendar .ui-datepicker-calendar thead tr {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 5px;
}

.mms-date-calendar .ui-datepicker-calendar thead tr th {
    width: 100%;
} */

    /* Day-name header row (Sun, Mon, ...) */
.mms-date-calendar .ui-datepicker-calendar thead th {
    background: var(--mms-light-gray);
    border: 1px solid var(--mms-secondary-light);
    border-bottom: 0;
    padding: 8px 0;
    font-size: 12px;
    font-weight: 600;
    color: #4b5563;
    text-transform: none;
}

.mms-date-calendar .ui-datepicker-calendar thead th:not(:last-of-type) {
    border-right: 0;
}

.mms-date-calendar .ui-datepicker-calendar thead th span {
    border-bottom: none; /* remove jQuery UI's dotted underline */
    text-decoration: none;
    cursor: default;
}

    /* Date cells */
.mms-date-calendar .ui-datepicker-calendar td {
    padding: 0;
    border: 1px solid var(--mms-secondary-light);
    text-align: center;
}

.mms-date-calendar .ui-datepicker-calendar tr td:not(:last-of-type) {
    border-right: 0;
}

.mms-date-calendar .ui-datepicker-calendar tr:not(:last-of-type) td {
    border-bottom: 0;
}

.mms-date-calendar .ui-datepicker-calendar tr:last-of-type td:first-of-type {
    border-bottom-left-radius: var(--org-radius, var(--mms-radius));
}

.mms-date-calendar .ui-datepicker-calendar tr:last-of-type td:last-of-type {
    border-bottom-right-radius: var(--org-radius, var(--mms-radius));
}

.mms-date-calendar .ui-datepicker-calendar td a,
.mms-date-calendar .ui-datepicker-calendar td span {
    display: block;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    color: var(--mms-text);
    background: transparent;
    border: none;
    transition: background-color 0.125s ease-in-out, color 0.125s ease-in-out;
    outline: 0;
}

.mms-date-calendar .ui-datepicker-calendar td a:focus-visible {
    outline: 2px solid var(--mms-secondary);
    outline-offset: 0;
}

    /* Hover on a selectable day */
.mms-date-calendar .ui-datepicker-calendar td:not(.ui-state-disabled, .ui-datepicker-today):is(:hover, :focus) {
    background: var(--org-light-color, var(--mms-primary-light));
}

.mms-date-calendar .ui-datepicker-calendar td:not(.ui-state-disabled, .ui-datepicker-today):is(:hover, :focus) a {
    background: transparent;
    color: var(--mms-text);
}

    /* "Today" / highlighted day (solid dark red) */
.mms-date-calendar .ui-datepicker-calendar td.ui-datepicker-today,
.mms-date-calendar .ui-datepicker-calendar td a.ui-state-highlight {
    background: var(--org-link-color, var(--mms-primary));
}
.mms-date-calendar .ui-datepicker-calendar td.ui-datepicker-today a {
    background: var(--org-link-color, var(--mms-primary-dark));
    color: white;
}
.mms-date-calendar .ui-datepicker-calendar td.ui-datepicker-today a:is(:hover, :focus) {
    background: var(--org-dark-color, var(--mms-primary-dark));
}

    /* Selected / active day  (light pink) */
.mms-date-calendar .ui-datepicker-calendar td a.ui-state-active,
.mms-date-calendar .ui-datepicker-calendar td.ui-datepicker-current-day a {
    background: var(--org-link-color, var(--mms-primary));
    color: white;
    font-weight: 600;
}
.mms-date-calendar .ui-datepicker-calendar td.ui-datepicker-current-day {
    background: var(--org-link-color, var(--mms-primary));
}

    /* Days from previous/next month — greyed out, not interactive */
.mms-date-calendar .ui-datepicker-calendar td.ui-datepicker-other-month,
.mms-date-calendar .ui-datepicker-calendar td.ui-state-disabled {
    background: white;
    opacity: 1;
    color: var(--mms-light-gray);
    cursor: default;
}

.mms-date-calendar .ui-datepicker-calendar td.ui-state-disabled span,
.mms-date-calendar .ui-datepicker-calendar td.ui-state-disabled a {
    color: var(--mms-light-gray);
}

/* ----- Button pane (Clear / Today)
    Only renders if you initialise with showButtonPanel: true.
    "Clear" isn't a standard jQuery UI button, so the second rule
    targets a custom .ui-datepicker-clear class if you add one.
   ----- */
.mms-date-calendar .ui-datepicker-buttonpane {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    background: white;
    border-top: 1px solid var(--mms-secondary-light);
    margin: 0;
}

.mms-date-calendar .ui-datepicker-buttonpane button {
    margin: 0;
    padding: 10px 20px;
    border: none;
    border-radius: var(--org-radius, var(--mms-radius));
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

/* "Today" button (default jQuery UI class: .ui-datepicker-current) */
.mms-date-calendar .ui-datepicker-buttonpane button.ui-datepicker-current {
    background: var(--mms-secondary-dark);
    color: white;
    order: 2;                /* push to the right */
}
.mms-date-calendar .ui-datepicker-buttonpane button.ui-datepicker-current:hover {
    background: var(--mms-secondary-deep);
}

/* "Clear" / close button (left side) */
.mms-date-calendar .ui-datepicker-buttonpane button.ui-datepicker-close,
.mms-date-calendar .ui-datepicker-buttonpane button.ui-datepicker-clear {
    background: var(--mms-secondary);
    color: #ffffff;
    order: 1;
}
.mms-date-calendar .ui-datepicker-buttonpane button.ui-datepicker-close:hover,
.mms-date-calendar .ui-datepicker-buttonpane button.ui-datepicker-clear:hover {
    background: var(--mms-secondary);
}

/* Number Integer Field */

.mms-number-field {
    display: block;
    margin: 0;
    border: 1px solid var(--mms-secondary-light);
    width: 100%;
    height: unset;
    border-radius: var(--org-radius, var(--mms-radius));
    padding: 10px 15px;
    font: inherit;
    font-family: inherit;
    line-height: inherit;
    font-size: 16px;
    color: var(--mms-text);
    background-color: #fff;
    background-image: none;
    box-shadow: none;
    transition: border-color ease-in-out .15s;
}

.mms-number-field:focus {
    outline: 1px solid var(--mms-secondary);        
}

.mms-number-field:user-invalid {
    outline: 1px solid var(--mms-error-dark);
}

.mms-number-field:user-valid {
    outline: 1px solid var(--mms-success-dark);
}

.mms-number-field:disabled {
    background-color: var(--mms-light-gray);
}

/* Text Area Field */

.mms-textarea-field {
    display: block;
    margin: 0;
    border: 5px solid transparent;
    outline: 1px solid var(--mms-secondary-light);
    width: 100%;
    height: unset;
    border-radius: var(--org-radius, var(--mms-radius));
    padding: 10px 15px;
    font: inherit;
    font-family: inherit;
    line-height: inherit;
    font-size: 16px;
    color: var(--mms-text);
    background-color: #fff;
    background-image: none;
    box-shadow: none;
    transition: border-color ease-in-out .125s, outline ease-in-out .125s;
    overflow: auto;
}

.mms-textarea-field:focus {
    outline: 1px solid var(--mms-secondary);
}

.mms-textarea-field:user-invalid {
    outline: 1px solid var(--mms-error-dark);
}

.mms-textarea-field:user-valid {
    outline: 1px solid var(--mms-success-dark);
}

.mms-textarea-field:disabled {
    background-color: var(--mms-light-gray);
}

.mms-textarea-field-webkit-resizer {
    padding-right: 5px;
    padding-bottom: 5px;
}

/* Select Field */

.mms-select-field {
    height: fit-content;
    width: 100%;
    margin: 0;
    border: 1px solid var(--mms-secondary-light);
    padding: 10px 15px;
    border-radius: var(--org-radius, var(--mms-radius));
    font: inherit;
    font-family: inherit;
    line-height: inherit;
    font-size: 16px;
    background-color: white;
    box-shadow: none;
    transition: border-radius .125s ease-in-out, border-color ease-in-out .125s, outline ease-in-out .125s;
    display: flex;
    justify-content: space-between;
    gap: 15px;
    cursor: pointer;
    text-transform: none;
    color: inherit;
}

.mms-select-field,
.mms-select-field::picker(select) {
    appearance: base-select;
}

.mms-select-field:focus {
    outline: 1px solid var(--mms-secondary);
}

.mms-select-field:user-invalid {
    outline: 1px solid var(--mms-error-dark);
}

.mms-select-field:user-valid {
    outline: 1px solid var(--mms-success-dark);
}

.mms-select-field:disabled {
    background-color: var(--mms-light-gray);
}

.mms-select-field::picker(select) {
    border: 1px solid var(--mms-secondary-light);
    /* border-top: 0; */
    border-radius: var(--org-radius, var(--mms-radius));
}

.mms-select-field::picker-icon {
    content: '';
    display: inline-block;
    width: 6px;
    height: 11px;
    margin-block: auto;
    color: var(--mms-secondary);
    transition: .125s transform ease-in-out;
    transform: translateX(-50%) rotate(90deg);
    /* background-repeat: no-repeat;
    background-position: center;
    background-size: cover; */
    -webkit-mask-image: url(/_jquery/icons_svg/mms-arrow-icon.svg);
    mask-image: url(/_jquery/icons_svg/mms-arrow-icon.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentcolor;
    color: var(--mms-secondary);
}

.mms-select-field:open::picker-icon {
    transform: translateX(-50%) rotate(270deg);
}

.mms-select-field option {
    padding: 10px 15px;
    transition: background-color .125s ease-in-out;
}

.mms-select-field option:first-of-type {
    border-top-left-radius: var(--org-radius, var(--mms-radius));
    border-top-right-radius: var(--org-radius, var(--mms-radius));
}

.mms-select-field option:last-of-type {
    border-bottom-left-radius: var(--org-radius, var(--mms-radius));
    border-bottom-right-radius: var(--org-radius, var(--mms-radius));
}

.mms-select-field option:not(:last-of-type) {
    border-bottom: 1px solid var(--mms-secondary-light);
}

.mms-select-field option:is(:hover, :focus) {
    background-color: var(--mms-light-gray);
}

/* Filter Bar with Select Field */

.mms-filter-bar {
    display: flex;
    align-items: center;
    gap: 15px;
} 

.mms-filter-bar label {
    white-space: nowrap;
}

.mms-filter-bar .mms-select-field {
    width: fit-content;
}

/* Multi-Select Field */

.mms-multi-select-field {
    height: unset;
    width: fit-content;
    border: 1px solid var(--mms-secondary-light);
    padding: 15px 15px;
    border-radius: var(--org-radius, var(--mms-radius));
    font-family: inherit;
    line-height: inherit;
    font-size: 16px;
    background-color: white;
    box-shadow: none;
    transition: .125s border-radius ease-in-out, .125s outline ease-in-out;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 15px;
}

#mheader_5_wrapper .mms-multi-select-field label {
    margin-bottom: 0;
}

.mms-multi-select-field:open {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.mms-multi-select-field,
.mms-multi-select-field::picker(select) {
    appearance: base-select;
}

.mms-multi-select-field>div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.mms-multi-select-field input {
    margin: 0;
    width: 1em;
    height: 1em;
    appearance: none;
    border-radius: 3px;
    border: 1px solid var(--mms-secondary-light);
    padding: 0;
    font: inherit;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    line-height: 1;
    outline: 0;
    transition: .125s border ease-in-out, .125s background-color ease-in-out;
    cursor: pointer;
}

.mms-multi-select-field input:is(:focus, :hover) {
    outline: 0;
}

.mms-multi-select-field input:is(:focus, :focus-visible) {
    outline: 2px solid var(--mms-secondary);
}

.mms-multi-select-field input:user-invalid {
    outline: 1px solid var(--mms-error-dark);
}

.mms-multi-select-field input:user-valid {
    outline: 1px solid var(--mms-success-dark);
}

.mms-multi-select-field:disabled {
    background-color: var(--mms-light-gray);
}


.mms-multi-select-field input:disabled {
    background-color: var(--mms-light-gray);
}

.mms-multi-select-field input:checked {
    background-color: var(--org-link-color, var(--mms-secondary));
    accent-color: var(--mms-secondary);
    outline: 0;
}

/* This was for a select field with drop-down 

.mms-multi-select-field::picker(select) {
    border: 1px solid var(--mms-secondary-light);
    border-radius: var(--org-radius, var(--mms-radius));
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.mms-multi-select-field::picker-icon {
    content: '';
    display: inline-block;
    width: 6px;
    height: 11px;
    margin-block: auto;
    color: var(--mms-secondary-light);
    transition: .125s transform ease-in-out;
    transform: translateX(-50%) rotate(90deg);
    background-image: url(../images/mms-arrow-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.mms-multi-select-field:open::picker-icon {
    transform: translateX(-50%) rotate(270deg);
}

.mms-multi-select-field option {
    padding: 10px 15px;
    transition: .125s background-color ease-in-out;
}

.mms-multi-select-field option:not(:last-of-type) {
    border-bottom: 1px solid var(--mms-secondary-light);
}

.mms-multi-select-field option:is(:hover, :focus) {
    background-color: var(--mms-light-gray);
} */

/* Indicator Checkbox Field */

.mms-checkbox-field {
    width: fit-content;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.mms-checkbox-field input {
    margin: 0;
    width: 1em;
    height: 1em;
    appearance: none;
    border-radius: 3px;
    border: 1px solid var(--mms-secondary-light);
    padding: 0;
    line-height: 1;
    outline: 0;
    transition: .125s border ease-in-out, .125s background-color ease-in-out;
    cursor: pointer;
    font: inherit;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
}

.mms-checkbox-field input:is(:focus, :hover) {
    outline: 0;
}

.mms-checkbox-field input:focus-visible {
    outline: 2px solid var(--mms-secondary);
}

.mms-checkbox-field input:user-invalid {
    outline: 1px solid var(--mms-error-dark);
}

.mms-checkbox-field input:user-valid {
    outline: 1px solid var(--mms-success-dark);
}

.mms-checkbox-field input:disabled {
    background-color: var(--mms-light-gray);
}

.mms-checkbox-field input:checked {
    background-color: var(--org-link-color, var(--mms-secondary));
    accent-color: var(--org-link-color, var(--mms-secondary));
    outline: 0;
}

/* Toggle Switch  Field */

.mms-switch-field {
    position: relative;
    display: flex;
    align-items: center;
    width: fit-content;
    /* height: 18px; */
    text-indent: 45px;

    border: 1px solid white;
    border-radius: var(--org-radius, var(--mms-radius));
    /* padding: 5px; */
}

.mms-switch-field > input[type="checkbox"]:focus-visible + span {
    outline: 2px solid var(--mms-secondary);
}

.mms-switch-field>input[type="checkbox"] {
    opacity: 0;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    font: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.mms-switch-field>span {
    position: absolute;
    width: 36px;
    height: 1.1em;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    background-color: white;
    border-radius: 35px;
    border: 1px solid var(--mms-secondary-light);
    transition: all .5s ease-in-out;
    display: flex;
    align-items: center;
    transform: translateY(-50%);
}

.mms-switch-field>span::before {
    position: absolute;
    content: "";
    height: .8em;
    width: .8em;
    top: 50%;
    left: 2px;
    transform: translateY(-50%);
    background-color: var(--mms-secondary-light);
    transition: .4s;
    border-radius: 50%;
}

.mms-switch-field>input[type="checkbox"]:checked + span {
    background-color: var(--org-link-color, var(--mms-secondary));
    border: 1px solid var(--mms-secondary);
}

.mms-switch-field>input[type="checkbox"]:checked + span::before {
    transform: translateX(18px) translateY(-50%);
    background-color: white;
}

/* Pill Field */

.mms-pill-field {
    display: inline-flex;
    border: 1px solid var(--mms-secondary-light, #d0d7de);
    border-radius: var(--org-radius, var(--mms-radius));
    overflow: hidden;
    background: white;
}

.mms-pill-field button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: .65em 2ch;
    background: white;
    border: 0;
    color: var(--org-link-color, var(--mms-secondary));
    cursor: pointer;
    font: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: 700;
    transition: 0.125s background-color, 0.125s color;
    line-height: inherit;
    text-transform: none;
}

.mms-pill-field button:is(:hover, :focus) {
    background-color: var(--org-light-color, var(--mms-light-gray));
}

.mms-pill-field button:focus-visible {
    outline: 2px solid var(--mms-secondary);
    outline-offset: -2px;
}

.mms-pill-field button.active:focus-visible {
    outline: 2px solid white;
    outline-offset: -2px;
}

.mms-pill-field button:first-of-type {
    border-top-left-radius: var(--org-radius, var(--mms-radius));
    border-bottom-left-radius: var(--org-radius, var(--mms-radius));
}

.mms-pill-field button:last-of-type {
    border-top-right-radius: var(--org-radius, var(--mms-radius));
    border-bottom-right-radius: var(--org-radius, var(--mms-radius));
}

.mms-pill-field button svg {
    fill: var(--org-link-color, var(--mms-secondary));
}

.mms-pill-field button.active {
    background: var(--org-dark-color, var(--mms-primary-dark));
    color: white;
}

.mms-pill-field button.active:is(:hover, :focus) {
    background-color: var(--org-link-color, var(--mms-primary));
}

.mms-pill-field button.active svg {
    fill: white;
}

/* Increment */

.mms-increment {
    width: fit-content;
    padding-inline-start: 0;
    list-style-type: none;
    margin-block: 0;
    border: 1px solid var(--mms-secondary-light);
    border-radius: var(--org-radius, var(--mms-radius));
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    overflow: hidden;
}

.mms-increment li {
    position: relative;
    padding: 10px 15px;
    display: flex;
    justify-content: center;
    color: var(--mms-secondary);
    transition: .125s background-color ease-in-out;
}

.mms-increment li:not(:last-of-type) {
    border-right: 1px solid var(--mms-secondary-light);
}

.mms-increment li:last-of-type {
    border-top-right-radius: var(--org-radius, var(--mms-radius));
    border-bottom-right-radius: var(--org-radius, var(--mms-radius));
}

.mms-increment li:first-of-type {
    border-top-left-radius: var(--org-radius, var(--mms-radius));
    border-bottom-left-radius: var(--org-radius, var(--mms-radius));
}

.mms-increment li:not(:has(button)) {
    background-color: var(--mms-light-gray);
}

.mms-increment li:has(button:is(:hover, :focus)) {
    background-color: var(--org-light-color, var(--mms-primary-light));
}

.mms-increment li:has(button:focus-visible) {
    outline: 2px solid var(--mms-secondary);
    outline-offset: -2px;
}

.mms-increment button {
    color: var(--mms-secondary);
    background-color: transparent;
    border: 0;
    margin: 0;
    text-decoration: none;
    outline: 0;
    transition: .125s color ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    font: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    cursor: pointer;
    text-transform: none;
}

.mms-increment button:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.mms-increment button:is(:hover, :focus) {
    text-decoration: none;
    color: var(--org-link-color, var(--mms-secondary-deep));
}

.mms-increment button svg {
    fill: var(--org-link-color, var(--mms-secondary));
}

.mms-increment button:is(:hover, :focus) svg {
    fill: var(--org-link-color, var(--mms-secondary));    
}


/* Radio Group Field */

.mms-radio-group {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.mms-radio-group>legend {
    display: inline-block;
    width: 100%;
    padding: 0;
    margin-bottom: 10px;
    line-height: inherit;
    border: 0;
    border-bottom: 0;
    font-size: 16px;
    color: var(--mms-secondary);
    font-weight: 500;
}

#mheader_5_wrapper .mms-radio-group label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    color: var(--mms-secondary);
    font-weight: 500;
}

.mms-radio-group input[type="radio"] {
    appearance: none;
    width: 1em;
    height: 1em;
    margin: 0;
    border: 1px solid var(--mms-secondary-light);
    outline: 0;
    border-radius: 50%;
    background-color: white;
    transition: border .125s ease-in-out, background-color .125s ease-in-out;
    accent-color: var(--mms-secondary);
    line-height: 1;
    box-sizing: border-box;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    font: inherit;
}

.mms-radio-group input[type="radio"]:checked {
    background-color: var(--org-link-color, var(--mms-secondary));
    border: 1px solid var(--mms-secondary-light);
}

.mms-radio-group input[type="radio"]:focus-visible {
    outline: 2px solid var(--mms-secondary);
}

/* Search Bar Container with filters */

.mms-search-container {
    display: flex;
    gap: 10px 15px;
    flex-wrap: wrap;
}

.mms-search-container form {
    margin-bottom: 0;
}

.mms-search-container .mms-advanced-search {
    display: flex;
    gap: 10px 15px;
}

.mms-search-container .mms-button {
    margin: 0;
}

#mheader_5_wrapper .mms-search-container .mms-advanced-search .mms-button {
    padding: .65em .8em;
    border: 0;
}

#mheader_5_wrapper .mms-search-container .mms-advanced-search .mms-button:is(:hover, :focus) {
    border: 0;  
    background-color: unset;
}

.mms-search-container .mms-advanced-search .mms-button svg {
    margin-right: 0;
    width: 20px;
    height: 20px;
}

.mms-search-container .mms-select-field {
    width: fit-content;
    padding: 12px 15px;
}


/* Search Bar */

.mms-search-bar {
    display: flex;
    border-radius: var(--org-radius, var(--mms-radius));
    height: fit-content;
    width: fit-content;
}

.mms-hide-label {
    /* hides it but still screen readable */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.mms-search-bar input {
    width: 100%;
    max-width: 255px;
    margin: 0;
    border: 1px solid var(--mms-secondary-light);
    border-right: 0;
    padding: 12px 15px;
    border-top-left-radius: var(--org-radius, var(--mms-radius));
    border-bottom-left-radius: var(--org-radius, var(--mms-radius));
    font: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.mms-search-bar input:is(:focus, :hover) {
    outline: 0;
}

.mms-search-bar:has(input:focus-visible) {
    outline: 2px solid var(--mms-secondary);
}

.mms-search-bar input:user-invalid {
    outline: 1px solid var(--mms-error-dark);
}

.mms-search-bar input:user-valid {
    outline: 1px solid var(--mms-success-dark);
}

.mms-search-bar input:disabled {
    background-color: var(--mms-light-gray);
}

.mms-search-bar button {
    margin: 0;
    border: 1px solid var(--mms-secondary-light);
    border-left: 0;
    border-top-right-radius: var(--org-radius, var(--mms-radius));
    border-bottom-right-radius: var(--org-radius, var(--mms-radius));
    padding: 10px 15px;
    background-color: transparent;
    display: flex;
    align-items: center;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    cursor: pointer;
    text-transform: none;
    color: inherit;
}

.mms-search-bar button:is(:hover, :focus) {
    outline: 0;
}

.mms-search-bar button:focus-visible {
    outline: 2px solid var(--mms-secondary);
}

.mms-search-bar button svg {
    color: var(--mms-secondary-light);
    fill: var(--mms-secondary-light);
}


/* Password Field */

.mms-password {
    display: block;
    border: 1px solid var(--mms-secondary-light);
    width: 100%;
    height: unset;
    margin: 0;
    border-radius: var(--org-radius, var(--mms-radius));
    padding: 10px 65px 10px 15px;
    font: inherit;
    font-family: inherit;
    line-height: inherit;
    font-size: 16px;
    color: var(--mms-text);
    background-color: #fff;
    background-image: none;
    box-shadow: none;
    transition: border-color ease-in-out .125s, outline ease-in-out .125s;
    anchor-name: --pw-field;
}

.mms-password:focus {
    outline: 1px solid var(--mms-secondary);
}

.mms-password:user-invalid {
    outline: 1px solid var(--mms-error-dark);
}

.mms-password:user-valid {
    outline: 1px solid var(--mms-success-dark);
}

.mms-password:disabled {
    background-color: var(--mms-light-gray);
}

input[type=checkbox].mms-password-unhide {
    position: absolute;
    position-anchor: --pw-field;
    top: anchor(top);
    right: anchor(right);
    height: anchor-size(height) !important;
    width: auto;
    aspect-ratio: 1;
    margin: 0;
    opacity: 0;
    z-index: 2;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
}

input[type=checkbox].mms-password-unhide + svg {
    position: absolute;
    position-anchor: --pw-field;
    top: anchor(50%);
    right: anchor(right);
    /* height: anchor-size(height) !important; */
    aspect-ratio: 1;
    margin: 0;
    z-index: 1;
    fill: var(--mms-secondary);
    transform: translateY(-50%) translateX(-50%);
}


/* File Upload Field */

.mms-file-upload input {
    width: 100%;
    margin: 0;
    display: flex;
    border: 1px solid var(--mms-secondary-light);
    border-radius: var(--org-radius, var(--mms-radius));
    padding: 10px;
    font: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.mms-file-upload input[type="file"]:focus {
    outline: 0;
}

.mms-file-upload input[type="file"]:focus-visible {
    outline: 2px solid var(--mms-secondary);
}

.mms-file-upload input::file-selector-button {
    width: fit-content;
    margin-right: 15px;
    padding: .65em 2ch;
    background-color: var(--org-dark-color, var(--mms-secondary));
    border: 1px solid var(--org-dark-color, var(--mms-secondary));
    border-radius: var(--org-radius, var(--mms-radius));
    transition: .125s background-color ease-in-out, .125s color ease-in-out, .125s border ease-in-out;
    font-family: "Inter", sans-serif;
    font-size: inherit;
    line-height: 1;
    color: white;
    text-transform: capitalize;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    -webkit-appearance: button;
    cursor: pointer;
    overflow: visible;
}

.mms-file-upload input::file-selector-button:is(:hover, :focus) {
    background-color: var(--org-link-color, var(--mms-secondary-dark));
    color: white;
    text-decoration: none;
    outline: 0;
}

.mms-file-upload input::file-selector-button:focus-visible {
    outline: 2px solid var(--mms-secondary);
}

.mms-file-upload .mms-button {
    margin: 10px 0;
}

/* Multiple File Upload Field */

.mms-upload {
    cursor: pointer;
    min-height: 100px;
    border: 2px dashed var(--mms-secondary-light);
    background: white;
    padding: 20px;
}

.mms-upload>div {
    cursor: pointer;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.mms-upload svg {
    color: var(--mms-secondary);
    fill: var(--mms-secondary);
}

.mms-upload button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    color: var(--mms-secondary);
}

/* Slider Field */

input[type="range"].mms-slider {
    display: block;
    width: 100%;
    height: 8px;
    appearance: none;
    -webkit-appearance: none;
    background: var(--mms-light-gray);
    margin: 0;
    border-radius: 4px;
    border: 1px solid var(--mms-secondary-light);
    font: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

input[type="range"].mms-slider:focus-visible {
    outline: 2px solid var(--mms-secondary);
    outline-offset: 2px;
}

input[type="range"].mms-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    box-sizing: border-box;
    width: 1.2em;
    height: 1.2em;
    background: var(--org-link-color, var(--mms-secondary));
    border-radius: 50%;
    cursor: grab;
}

input[type="range"].mms-slider:is(:hover, :focus)::-webkit-slider-thumb {
    background: var(--org-dark-color, var(--mms-secondary-dark));
}

input[type="range"].mms-slider:disabled::-webkit-slider-thumb {
    background: var(--mms-secondary);
}

input[type="range"].mms-slider::-moz-range-thumb {
    box-sizing: border-box;
    width: 1.2em;
    height: 1.2em;
    background: var(--mms-secondary);
    border-radius: 50%;
    cursor: grab;
}

input[type="range"].mms-slider:is(:hover, :focus)::-moz-range-thumb {
    background: var(--org-dark-color, var(--mms-secondary-dark));
}

input[type="range"].mms-slider:disabled::-moz-range-thumb {
    background: var(--mms-secondary);
}

input[type="range"].mms-slider::-ms-thumb {
    box-sizing: border-box;
    width: 1.2em;
    height: 1.2em;
    background: var(--mms-secondary);
    border-radius: 50%;
    cursor: grab;
}

input[type="range"].mms-slider:is(:hover, :focus)::-ms-thumb {
    background: var(--org-dark-color, var(--mms-secondary-dark));
}

input[type="range"].mms-slider:disabled::-ms-thumb {
    background: var(--mms-secondary);
}

/* ----------------------------------------------------
    Containers
------------------------------------------------------*/


.mms-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.mms-flex-full {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.mms-flex.mms-full {
    flex-direction: column;
}


.mms-flex-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 16px;
}


svg:not(:root) {
    overflow: hidden;
}

.mms-flex-icons {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px 16px;    
}

.mms-flex-icons a {
    margin-bottom: auto;
    aspect-ratio: 1;
    min-height: 35px;
    width: auto;
    border: 1px solid var(--mms-secondary-light);
    padding: 8px;
    border-radius: calc(var(--org-radius, var(--mms-radius)) / 2);
    line-height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
}

.mms-flex-icons a:is(:hover, :focus) {
    border: 1px solid var(--mms-secondary);
    background-color: var(--org-light-color, var(--mms-light-gray));
    outline: 0;
}

.mms-flex-icons a:focus-visible {
    outline: 2px solid var(--mms-secondary);
}

.mms-flex-icons svg {
    fill: var(--org-link-color, var(--mms-secondary));
    transition: .125s fill ease-in-out;
}

.mms-flex-icons svg:is(:hover, :focus) {
    fill: var(--org-dark-color, var(--mms-secondary-dark));
}

.mms-flex-search {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 10px;
}

.mms-flex-search .mms-button,
#mheader_5_wrapper .mms-flex-search .mms-button,
#mheader_5_wrapper .mms-search-container .mms-button{
    margin-block: 0;
}


.mms-grid-two {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.mms-grid-two>.mms-grid-full {
    grid-column: 1 / -1;
}

@media (max-width: 991px) {
    .mms-grid-two {
        grid-template-columns: repeat(1, 1fr);
    }
}


.mms-grid-three {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.mms-grid-three .mms-grid-full {
    grid-column: 1 / -1;
}

@media (max-width: 991px) {
    .mms-grid-three {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .mms-grid-three {
        grid-template-columns: repeat(1, 1fr);
    }
}


.mms-grid-four {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

.mms-grid-four .mms-grid-full {
    grid-column: 1 / -1;
}

@media (max-width: 991px) {
    .mms-grid-four {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .mms-grid-four {
        grid-template-columns: repeat(1, 1fr);
    }
}


.mms-grid-auto {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(295px, 100%), 1fr));
    grid-template-rows: min-content;
    gap: 30px;
}

.mms-grid-auto .mms-grid-full {
    grid-column: 1 / -1;
}


/* ----------------------------------------------------
    Navigation
------------------------------------------------------*/


/*  Page Title */

.mms-page-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px 30px;
    margin-block: 10px 30px;
    border-top: 1px solid var(--mms-secondary-light);
    border-bottom: 1px solid var(--mms-secondary-light);
    padding-block: 10px;
}

.mms-page-bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 10px 30px;
    margin-block: 10px 30px;
    /* border-top: 1px solid var(--mms-secondary-light); */
    border-bottom: 1px solid var(--mms-secondary-light);
    padding-block: 10px;
}

.mms-title {
    max-width: 100%;
    /* border-bottom: 1px solid var(--mms-secondary-light); */
    /* padding-bottom: 15px; */
    margin: 0;
    /* margin-bottom: 15px; */
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0 15px;
}

.mms-title p {
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 0;
    text-transform: uppercase;
    color: var(--mms-secondary);
}

.mms-title #ultra-icon {
    line-height: 0;
}

.mms-title #ultra-icon svg {
    width: auto;
    height: 1.5em;
    margin-bottom: 1px;
}

#mheader_5_wrapper .mms-title h1 {
    margin-bottom: 0;
    padding-bottom: 0;
}

.mms-page-title-right {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    color: var(--mms-secondary);
}

#mheader_5_wrapper .mms-page-title-right a {
    border: 1px solid var(--mms-secondary-light);
    border-radius: var(--org-radius, var(--mms-radius));
    color: var(--org-link-color, var(--mms-secondary));
    padding: 10px 20px;
    display: flex;
    align-items: center;
    text-decoration: none;
    outline: 0;
    transition: .125 color ease-in-out, .125 background-color ease-in-out;
}

#mheader_5_wrapper .mms-page-title-right a:is(:hover, :focus) {
    color: var(--org-dark-color, var(--mms-secondary-dark));
    background-color: var(--org-light-color, var(--mms-light-gray));    
}

#mheader_5_wrapper .mms-page-title-right a:focus-visible {
    outline: 2px solid var(--mms-secondary);
    outline-offset: 2px;
}

#mheader_5_wrapper .mms-page-title-right .mms-tour::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    color: var(--mms-secondary-light);
    -webkit-mask-image: url('/_jquery/icons_svg/mms-tour-icon.svg');
    mask-image: url('/_jquery/icons_svg/mms-tour-icon.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--org-link-color, var(--mms-secondary));
    transition: background-color .125s ease-in-out;
}

#mheader_5_wrapper .mms-page-title-right .mms-config::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    color: var(--mms-secondary-light);
    -webkit-mask-image: url('/_jquery/icons_svg/mms-gear-icon.svg');
    mask-image: url('/_jquery/icons_svg/mms-gear-icon.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--org-link-color, var(--mms-secondary));
    transition: background-color .125s ease-in-out;
}

/* Customize Layout / Edit action — pairs with the .mms-tour / .mms-config /
   .mms-help block above. Uses the existing mms-edit-icon.svg from
   /_jquery/icons_svg/ for visual consistency with the rest of the right-
   side action row. First used by /members/members_5.php's v7 admin
   subhead bar (gate 2) for the "Customize Admin Dashboard layout"
   affordance. */
#mheader_5_wrapper .mms-page-title-right .mms-edit::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    color: var(--mms-secondary-light);
    -webkit-mask-image: url('/_jquery/icons_svg/mms-edit-icon.svg');
    mask-image: url('/_jquery/icons_svg/mms-edit-icon.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--org-link-color, var(--mms-secondary));
    transition: background-color .125s ease-in-out;
}

#mheader_5_wrapper .mms-page-title-right .mms-help::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    color: var(--mms-secondary-light);
    -webkit-mask-image: url('/_jquery/icons_svg/mms-help-icon.svg');
    mask-image: url('/_jquery/icons_svg/mms-help-icon.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--org-link-color, var(--mms-secondary));
    transition: background-color .125s ease-in-out;
}

#mheader_5_wrapper .mms-page-title-right a:is(:hover, :focus)::before {
    background-color: var(--org-dark-color, var(--mms-secondary-dark));
}

/* Breadcrumbs with config and help */

#mheader_5_wrapper .mms-page-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px 30px;
    margin-block: 15px 30px;
}

#mheader_5_wrapper .mms-page-nav-left,
#mheader_5_wrapper .mms-page-nav-right {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    color: var(--mms-secondary);
}

#mheader_5_wrapper .mms-page-nav a {
    color: var(--mms-secondary);
    text-decoration: none;
    outline: 0;
}

#mheader_5_wrapper .mms-page-nav a:is(:hover, :focus) {
    color: var(--mms-secondary-dark);
    text-decoration: none;
    outline: 0;
}

#mheader_5_wrapper .mms-page-nav a:focus-visible {
    outline: 2px solid var(--mms-secondary);
    outline-offset: 2px;
    border-radius: 2px;
}

.mms-page-nav-left>a:not(:last-of-type)::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 11px;
    margin-left: 25px;
    color: var(--mms-secondary);
    /* background-repeat: no-repeat;
    background-position: center;
    background-size: cover; */
    -webkit-mask-image: url('/_jquery/icons_svg/mms-arrow-icon.svg');
    mask-image: url('/_jquery/icons_svg/mms-arrow-icon.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentcolor;
    color: var(--mms-secondary);
}

.mms-page-nav .mms-page-nav-left #minimenu_button_span {
    line-height: 0;
}

.mms-page-nav .mms-page-nav-left #minimenu_button_span a {
    display: inline-block;
    width: 24px;
    height: 14px;
    margin-top: 3px;
    /* background-image: url('https://www.viethconsulting.com/_jquery/icons_svg/mms-mobile-icon.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; */
    -webkit-mask-image: url('/_jquery/icons_svg/mms-mobile-icon.svg');
    mask-image: url('/_jquery/icons_svg/mms-mobile-icon.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentcolor; 
    color: var(--mms-secondary);
}

.mms-page-nav .mms-page-nav-left #minimenu_button_span img {
    display: none;
}

#mheader_5_wrapper .mms-page-nav-right a {
    border: 1px solid var(--mms-secondary-light);
    border-radius: var(--org-radius, var(--mms-radius));
    color: var(--mms-secondary);
    padding: 10px 20px;
    display: flex;
    align-items: center;
}

#mheader_5_wrapper .mms-page-nav-right .mms-config::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    color: var(--mms-secondary-light);
    /* background-image: url('https://www.viethconsulting.com/_jquery/icons_svg/mms-help-icon.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; */

    -webkit-mask-image: url('/_jquery/icons_svg/mms-gear-icon.svg');
    mask-image: url('/_jquery/icons_svg/mms-gear-icon.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--mms-secondary);
}

#mheader_5_wrapper .mms-page-nav-right .mms-help::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    color: var(--mms-secondary-light);
    /* background-image: url('https://www.viethconsulting.com/_jquery/icons_svg/mms-help-icon.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; */

    -webkit-mask-image: url('/_jquery/icons_svg/mms-help-icon.svg');
    mask-image: url('/_jquery/icons_svg/mms-help-icon.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--mms-secondary);
}

#mheader_5_wrapper .mms-page-nav-right a:is(:hover, :focus) {
    color: var(--mms-secondary-dark);    
}

#mheader_5_wrapper .mms-page-nav-right a:is(:hover, :focus)::before {
    background-color: var(--mms-secondary-dark);
}

.mms-page-nav #minimenu_menu {
    border-radius: var(--org-radius, var(--mms-radius));
}


/* Breadcrumbs */

#mheader_5_wrapper .mms-breadcrumbs {
    margin-block: 0 10px;
    display: block;
    position: static;
    background: transparent;
    font-family: "Inter", sans-serif;
}

#mheader_5_wrapper .mms-page-bar .mms-breadcrumbs {
    margin-block: 0;
}

#mheader_5_wrapper .mms-breadcrumbs>ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 25px;
    list-style-type: none;
    padding-inline-start: 0;
    margin-block: 0;
}

#mheader_5_wrapper .mms-breadcrumbs>ul>li:not(:last-child)::after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 11px;
    margin-left: 25px;
    margin-right: 0;
    color: var(--mms-secondary);
    /* background-image: url('https://www.viethconsulting.com/_jquery/icons_svg/mms-arrow-icon.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; */
    -webkit-mask-image: url('/_jquery/icons_svg/mms-arrow-icon.svg');
    mask-image: url('/_jquery/icons_svg/mms-arrow-icon.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentcolor;
    color: var(--mms-secondary);
}

#mheader_5_wrapper .mms-breadcrumbs>ul>li>a {
    color: var(--mms-secondary);
    text-decoration: none;
    outline: 0;
    transition: .125s color ease-in-out;
}

#mheader_5_wrapper .mms-breadcrumbs>ul>li>a:is(:hover, :focus) {
    color: var(--org-link-color, var(--mms-secondary-dark)); 
}

#mheader_5_wrapper .mms-breadcrumbs>ul>li>a:focus-visible {
    outline: 1px solid var(--mms-secondary);
    outline-offset: 2px;
    border-radius: 2px;
}

#mheader_5_wrapper .mms-breadcrumbs>ul>li:last-of-type {
    font-weight: 600;
    color: var(--mms-secondary);
}

/* Icon Nav */

#breadcrumb-navigation #ultra-icon svg {
    width: 30px;
    height: 30px;
}

#breadcrumb-navigation {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -5px;
    gap: 1rem 30px;
    border-bottom: 1px solid var(--mms-secondary);
    margin-bottom: 30px;
}

#breadcrumb-navigation>div {
    display: flex;
    gap: 15px;
}

#breadcrumb-navigation .bc_subhead {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 30px;
}

#persist_nav_zone {
    margin-bottom: 0;
}

#persist_nav .navbar-nav>li>a {
    padding: 0;
    display: flex;
    align-items: baseline;
}

#persist_nav .dropdown-toggle svg {
    width: 20px;
    height: 20px;
}

#persist_nav>ul {
    display: flex;
    gap: 1ch;
}



/* Mobile Icon with Mobile Menu */

.mms-main-navigation {

}

.mms-main-navigation .mms-mobile-icon {
    background-color: transparent;
    border: 0;
    color: var(--mms-secondary-dark);
}

.mms-navigation-list {
    list-style-type: none;
    padding-inline-start: 0;
}


/* Navbar */

.mms-navbar {
    display: block;
    border: 1px solid var(--mms-secondary-light);
    border-radius: var(--org-radius, var(--mms-radius));
    background-color: white;
    overflow: hidden;
    position: static;
    font-family: "Inter", sans-serif;
}

.mms-navbar>ul {
    margin-top: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    list-style-type: none;
    padding-inline-start: 0;
    margin-bottom: 0;
}

#mheader_5_wrapper .mms-navbar>ul li {
    position: relative;
    padding: 10px 20px;
    flex-grow: 1;
    text-align: center;
    transition: .125s background-color ease-in-out;
}

#mheader_5_wrapper .mms-navbar>ul>li:first-of-type {
    border-top-left-radius: var(--org-radius, var(--mms-radius));
    border-bottom-left-radius: var(--org-radius, var(--mms-radius));
}

#mheader_5_wrapper .mms-navbar>ul>li:last-of-type {
    border-top-right-radius: var(--org-radius, var(--mms-radius));
    border-bottom-right-radius: var(--org-radius, var(--mms-radius));    
}

#mheader_5_wrapper .mms-navbar>ul li:is(:hover, :focus) {
    background-color: var(--org-light-color, var(--mms-light-gray));
}

#mheader_5_wrapper .mms-navbar>ul li:has(a:focus-visible) {
    outline: 2px solid var(--mms-secondary);
    outline-offset: -2px;
}

#mheader_5_wrapper .mms-navbar>ul a {
    font-size: 16px;
    font-weight: 700;
    color: var(--mms-secondary);
    text-decoration: none;
    transition: .125s color ease-in-out;
}

#mheader_5_wrapper .mms-navbar>ul a:is(:hover, :focus) {
    text-decoration: none;
    color: var(--org-link-color, var(--mms-secondary-dark));
    outline: 0;
}

#mheader_5_wrapper .mms-navbar>ul a:focus-visible {
    outline: 0;
}

#mheader_5_wrapper .mms-navbar>ul a:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#mheader_5_wrapper .mms-navbar>ul li:not(:last-of-type) {
    border-right: 1px solid var(--mms-secondary-light);
}



/* Side Bar */

.mms-sidebar {
    display: inline-block;
    border: 1px solid var(--mms-secondary-light);
    border-radius: var(--org-radius, var(--mms-radius));
    background-color: white;
    overflow: hidden;
}

.mms-sidebar>ul {
    margin-top: 0;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    flex-wrap: wrap;
    list-style-type: none;
    padding-inline-start: 0;
    margin-bottom: 0;
}

#mheader_5_wrapper .mms-sidebar>ul li {
    position: relative;
    padding: 10px 20px;
    transition: .125s background-color ease-in-out;
}

#mheader_5_wrapper .mms-sidebar>ul li:first-of-type {
    border-top-left-radius: var(--org-radius, var(--mms-radius));
    border-top-right-radius: var(--org-radius, var(--mms-radius));
}

#mheader_5_wrapper .mms-sidebar>ul li:last-of-type {
    border-bottom-right-radius: var(--org-radius, var(--mms-radius));
    border-bottom-left-radius: var(--org-radius, var(--mms-radius));    
}

#mheader_5_wrapper .mms-sidebar>ul li:is(:hover, :focus) {
    background-color: var(--org-light-color, var(--mms-light-gray));
}

#mheader_5_wrapper .mms-sidebar>ul li:not(:last-of-type) {
    border-bottom: 1px solid var(--mms-secondary-light);
}

#mheader_5_wrapper .mms-sidebar>ul li:has(a:focus-visible) {
    outline: 2px solid var(--mms-secondary);
    outline-offset: -2px;
}

#mheader_5_wrapper .mms-sidebar>ul li a::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#mheader_5_wrapper .mms-sidebar>ul a {
    font-size: 16px;
    font-weight: 700;
    color: var(--mms-secondary);
    text-decoration: none;
    transition: .125s color ease-in-out;
}

#mheader_5_wrapper .mms-sidebar>ul a:is(:hover, :focus) {
    text-decoration: none;
    color: var(--org-link-color, var(--mms-secondary-dark));
    outline: 0;
}

#mheader_5_wrapper .mms-sidebar>ul a:focus-visible {
    outline: 0;
}



/* Pagination */

#mheader_5_wrapper .mms-pagination {
    display: flex;
    justify-content: flex-end;
    margin-block: 30px 0;
    position: static;
    background: transparent;
    font-family: "Inter", sans-serif;
}

#mheader_5_wrapper .mms-pagination>ul {
    list-style-type: none;
    padding-inline-start: 0;
    margin-bottom: 0;
    border: 1px solid var(--mms-secondary-light);
    border-radius: var(--org-radius, var(--mms-radius));
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    overflow: hidden;
}

#mheader_5_wrapper .mms-pagination>ul>li {
    position: relative;
    padding: 10px 15px;
    display: flex;
    justify-content: center;
    color: var(--mms-secondary);
    transition: .125s background-color ease-in-out;
}

#mheader_5_wrapper .mms-pagination>ul>li:first-of-type {
    border-top-left-radius: var(--org-radius, var(--mms-radius));
    border-bottom-left-radius: var(--org-radius, var(--mms-radius));
}

#mheader_5_wrapper .mms-pagination>ul>li:last-of-type {
    border-top-right-radius: var(--org-radius, var(--mms-radius));
    border-bottom-right-radius: var(--org-radius, var(--mms-radius));  
}

#mheader_5_wrapper .mms-pagination>ul>li:has(a:is(:hover, :focus)) {
    background-color: var(--org-light-color, var(--mms-primary-light));
}

#mheader_5_wrapper .mms-pagination>ul>li:not(:has(a)) {
    background-color: var(--mms-light-gray);
}

#mheader_5_wrapper .mms-pagination>ul>li:not(:last-of-type) {
    border-right: 1px solid var(--mms-secondary-light);
}

#mheader_5_wrapper .mms-pagination>ul>li:has(a:focus-visible) {
    outline: 2px solid var(--mms-secondary);
    outline-offset: -2px;
}

#mheader_5_wrapper .mms-pagination>ul>li>a {
    color: var(--mms-secondary);
    text-decoration: none;
    outline: 0;
    transition: .125s color ease-in-out;
}

#mheader_5_wrapper .mms-pagination>ul>li>a:is(:hover, :focus) {
    text-decoration: none;
    color: var(--org-link-color, var(--mms-secondary-deep));
}

#mheader_5_wrapper .mms-pagination>ul>li>a::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

@media (max-width: 380px) {
    /* change this to a container query */
    #mheader_5_wrapper .mms-pagination>ul {
        justify-content: center;
    }

    .mms-pagination>ul>li:first-child,
    .mms-pagination>ul>li:last-child {
        width: 100%;
    }

    #mheader_5_wrapper .mms-pagination>ul>li:first-child {
        border-bottom: 1px solid var(--mms-secondary-light);
        border-right: 0;
    }

    .mms-pagination>ul>li:not(:first-child, :last-child) {
        flex-grow: 1;
    }

    #mheader_5_wrapper .mms-pagination>ul>li:nth-last-child(2) {
        border-right: 0;
    }

    .mms-pagination>ul>li:last-child {
        border-top: 1px solid var(--mms-secondary-light);
    }
}

/* Tabs */

.mms-tab-container {
    display: flex;
    flex-direction: column;
}

#mheader_5_wrapper .mms-tabs {
    position: relative;
    display: flex;
    margin-bottom: 10px;
    background: transparent;
    font-family: "Inter", sans-serif;
}

#mheader_5_wrapper .mms-tabs>ul {
    border-left: 1px solid var(--mms-secondary-light);
    border-radius: var(--org-radius, var(--mms-radius));
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    list-style-type: none;
    padding-inline-start: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    display: flex;
    flex-wrap: wrap;
}

#mheader_5_wrapper .mms-tabs>ul>li {
    position: relative;
    flex-grow: 1;
    margin-bottom: -1px;
    border-top: 1px solid var(--mms-secondary-light);
    border-right: 1px solid var(--mms-secondary-light);
    padding: 12px 15px;
    background-color: var(--org-light-color, var(--mms-light-gray));
    transition: .125s background-color ease-in-out;
    border-top-right-radius: var(--org-radius, 0);
    border-top-left-radius: var(--org-radius, 0);
    z-index: 2;
}


#mheader_5_wrapper .mms-tabs>ul>li:not(.active):after {
    content: '';
    position: absolute;
    top: calc(100% - 1px);
    left: -1px;
    right: -1px;
    height: 10px;
    background-color: var(--org-light-color, var(--mms-light-gray));
    border-right: 1px solid var(--mms-secondary-light);    
    border-left: 1px solid var(--mms-secondary-light); 
    z-index: 1;
}

#mheader_5_wrapper .mms-tabs>ul>li.active:before {
    content: '';
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    right:0;
    height: 1px;
    background-color: white; 
    z-index: 1;
}

#mheader_5_wrapper .mms-tabs>ul>li.active:after {
    content: '';
    position: absolute;
    top: calc(100% - 1px);
    left: -1px;
    right: -1px;
    height: 10px;
    background-color: white;
    border-left: 1px solid var(--mms-secondary-light);  
    border-right: 0;    
    z-index: 1;
}

#mheader_5_wrapper .mms-tabs>ul>li.active {
    border-bottom: 0;
    background-color: white;
    color: var(--mms-secondary);
    /* z-index: 3; */
}

#mheader_5_wrapper .mms-tabs>ul>li:has(a:focus-visible) {
    outline: 2px solid var(--mms-secondary);
}

#mheader_5_wrapper .mms-tabs>ul>li>a {
    text-decoration: none;
    outline: 0;
    color: var(--mms-secondary);
    transition: .125s color ease-in-out;
}

#mheader_5_wrapper .mms-tabs>ul>li>a::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#mheader_5_wrapper .mms-tabs>ul>li>a:is(:hover, :focus) {
    text-decoration: none;
    color: var(--org-link-color, var(--mms-secondary-deep));
}

#mheader_5_wrapper .mms-tabs-content {
    position: relative;
    background: white;
    border: 1px solid var(--mms-secondary-light);
    border-top: 0px;
    padding: 20px;
    /* border-top-right-radius: var(--org-radius, var(--mms-radius));
    border-top-left-radius: var(--org-radius, var(--mms-radius)); */
    border-bottom-right-radius: var(--org-radius, var(--mms-radius));
    border-bottom-left-radius: var(--org-radius, var(--mms-radius));
    z-index: 2;
}

#mheader_5_wrapper .mms-tabs-content::after {
    content: '';
    height: 10px;
    width: 100%;
    position: absolute;
    bottom: calc(100% - 1px);
    right: 0;
    left: 0;
    /* z-index: 1; */
    border-top-left-radius: var(--org-radius, var(--mms-radius));
    border-top-right-radius: var(--org-radius, var(--mms-radius));
    background-color: white;
}

#mheader_5_wrapper .mms-tabs::before {
    content: '';
    height: 10px;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    border-top: 1px solid var(--mms-secondary-light);
    border-right: 1px solid var(--mms-secondary-light);
    border-left: 1px solid var(--mms-secondary-light);
    border-top-left-radius: var(--org-radius, var(--mms-radius));
    border-top-right-radius: var(--org-radius, var(--mms-radius));
}

@media (max-width: 767px) {
    #mheader_5_wrapper .mms-tabs-content::before {
        border-right: 0;
    }
}


/* Stepper */

.mms-stepper {
    position: relative;
    padding-inline-start: 0;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    list-style-type: none;
    counter-reset: stepper-counter;
}

.mms-stepper::before {
    content: '';
    display: block;
    position: absolute;
    top: 1.25em;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: var(--mms-secondary-light);
    z-index: -1;
}

.mms-stepper li {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    counter-increment: stepper-counter;
}

.mms-stepper li span {
    position: relative;
    height: 2.5em;
    aspect-ratio: 1;
    margin-bottom: 15px;
    border: 1px solid var(--mms-secondary-light);
    border-radius: 50%;
    padding: 5px;
    background-color: white;
    color: var(--mms-secondary);
    text-align: center;
    transition: .125s background-color ease-in-out, .125s border ease-in-out;
}

#mheader_5_wrapper .mms-stepper li h3 {
    font-size: 16px;
    font-weight: 400;
    color: var(--mms-secondary);
}

.mms-stepper li span::before {
    content: counter(stepper-counter) " ";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    font-size: 16px;
    font-weight: 400;
    color: var(--mms-secondary);
    transition: .125s color ease-in-out;
}

/* .selected should be added when active */
#mheader_5_wrapper .mms-stepper li.selected h3 {
    font-weight: 600;
}

.mms-stepper li.selected span {
    background-color: var(--org-link-color, var(--mms-secondary));
    border: 1px solid var(--mms-secondary-light);
    transition: .125s background-color ease-in-out;
}

.mms-stepper li.selected span::before {
    color: white;
}

@media (max-width: 500px) {
    .mms-stepper {
        flex-direction: column;
    }

    .mms-stepper::before {
        top: 0;
        left: 50%;
        width: 1px;
        height: 100%;
    }

    #mheader_5_wrapper .mms-stepper li h3 {
        background-color: white;
    }
}


/* Modal */

.mms-modal {
    max-width: 600px;
    padding: 45px 40px 30px;
    border: 1px solid var(--mms-secondary-light);
    border-radius: var(--org-radius, var(--mms-radius));
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    opacity: 0;
    transition: opacity .25s, display .25s allow-discrete, overlay .25s allow-discrete;
}

.mms-modal[open] {
    opacity: 1;
}

@starting-style {
    .mms-modal[open] {
        opacity: 0;
    }
}

.mms-modal::backdrop {
    background-color: #00000081;
    backdrop-filter: blur(4px);
}

.mms-modal .mms-modal-x {
    display: block;
    margin-block: 0;
    margin-inline: auto 0;
    padding: 5px;
    background-color: transparent;
    border: 0;
    font: inherit;
    font-family: inherit;
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
    color: var(--mms-secondary);
    cursor: pointer;
    text-transform: none;
}

.mms-modal .mms-modal-x:is(:hover, :focus) {
    color: var(--mms-secondary-dark);
    outline: 0;
}

.mms-modal .mms-modal-x:focus-visible {
    outline: var(--mms-secondary);
    outline-offset: 2px;
}

.mms-modal h3 {
    padding-bottom: 0;
    margin-bottom: 30px;
    font-size: 22px;
    color: var(--mms-secondary-deep);
}

.mms-modal p:last-of-type {
    padding-bottom: 0;
}

.mms-modal .mms-button {
    margin: 30px 0 0 auto;
}


/* Bootstrap Modal */

body.modal-open:has(.mms-modal-bootstrap) {
    overflow: auto; /* prevents page shifting when bootstrap hides body scrollbar */
}

.mms-modal-bootstrap {
    overflow-y: auto; /* removes modal scrollbar unless there is content that overflows */
    display: none !important;
    transition: display .125s ease-in-out, opacity .125s ease-in-out;
}

.mms-modal-bootstrap.in {
    display: flex !important;
    align-items: center;
    justify-content: center;
    opacity: 1;

}

.mms-modal-bootstrap .modal-dialog {
    /* margin: auto; */
    margin: 0;
/*  min-height: 100vh; 
    min-width: 100% */
}

.mms-modal-bootstrap .modal-content {
    /* max-width: 100vw; */
    max-width: 600px;
    padding: 45px 40px 30px;
    border: 1px solid var(--mms-secondary-light);
    border-radius: var(--org-radius, var(--mms-radius));

    /* margin-block: auto; */
    margin: 0;
}

#mheader_5_wrapper .mms-modal-bootstrap .modal-title {
    padding-right: 0;
    padding-bottom: 0;
    margin-bottom: 30px;
    font-size: 22px;
    color: var(--mms-secondary-deep);
}

.mms-modal-bootstrap .modal-header {
    padding: 0;
    border-bottom: 0;
}

.mms-modal-bootstrap .modal-header button {
    position: absolute;
    top: 30px;
    right: 40px;
    margin-top: 0;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    float: unset;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: var(--mms-secondary);
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
}

.mms-modal-bootstrap .modal-header button:is(:hover, :focus) {
    color: var(--mms-secondary-dark);
}

.mms-modal-bootstrap .modal-body {
    padding: 0 0 30px 0;
}

.mms-modal-bootstrap .modal-footer {
    padding: 0;
    border-top: 0;
    margin-top: 0;
}

.mms-modal-bootstrap .mms-button {
    margin: 0 0 0 auto;
}

/* SortableJS Table */

.mms-sortable-table {
    width: 100%;
    max-width: 100%;
    border: 1px solid var(--mms-secondary-light);
    /* border-bottom: 0; */
    border-radius: var(--org-radius, var(--mms-radius));
    background-color: var(--mms-light-gray);
    margin-bottom: 0;
    padding-bottom: 0;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 15px;
}

.mms-sortable-table thead tr {
    display: grid;
    grid-template-columns: 30% 50% 20%;
}

.mms-sortable-table thead tr td {
    width: 100%;
}

.mms-sortable-table thead tr td:last-of-type {
    text-align: right;
}

.mms-sortable-table td {
    padding: 10px 20px;
}


.mms-sortable {
    list-style-type: none;
    padding-inline-start: 0;
    margin-top: 0;
    margin-bottom: 10px;
}

.mms-sortable>li {
    border-radius: var(--org-radius, var(--mms-radius));
    padding: 0;
    margin-bottom: 15px;
}

.mms-sortable>li>div {
    margin-bottom: 15px;
    border: 1px solid #CCCCCC;
    border-radius: var(--org-radius, var(--mms-radius));
    background-color: var(--mms-light-gray);
}

.mms-sortable table {
    width: 100%;
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}

.mms-sortable>li>div>table>tbody>tr:before,
.mms-sortable ol>li>div>table>tbody>tr:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 14px;
    margin-inline: auto;
    margin-block: auto;
    -webkit-mask-image: url('/_jquery/icons_svg/mms-drag-icon.svg');
    mask-image: url('/_jquery/icons_svg/mms-drag-icon.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentcolor;
}


.mms-sortable>li>div>table>tbody>tr {
    display: grid;
    grid-template-columns: 24px 32px 25% auto 200px;
}

.mms-sortable>li>div>table>tbody>tr>td {
    position: relative;
    width: 100%;
}

.mms-sortable>li>div>table>tbody>tr>td:not(:first-of-type) {
    padding: 10px 20px;
}

.mms-sortable>li>div>table>tbody>tr>td:first-of-type {
    padding: 10px 5px;
}

.mms-sortable>li>div>table>tbody>tr>td:last-of-type {
    display: flex;
    justify-content: flex-end;
    gap: 10px 16px;
}

.mms-sortable>li>div>table>tbody>tr>td:nth-child(2) {
    border-right: 0;
}

.mms-sortable>li>div>table>tbody>tr>td>div.accordion_control {
    position: relative;
    display: inline-block;
    height: 22px;
    width: 22px;
    margin: 0;
    border: 1px solid var(--mms-secondary-light);
    border-radius: calc(var(--org-radius, var(--mms-radius)) / 2);
    padding: 2px;
    background-position: center;
    background-image: none;
    vertical-align: middle;
    margin-top: 0;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    transform: rotate(90deg);
    transition: transform .125s ease-in-out;
    cursor: pointer !important;
    background-color: white;
}

.mms-sortable>li>div>table>tbody>tr>td>div.accordion_control::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 50%;
    width: 6px;
    height: 11px;
    margin-block: auto;
    color: var(--mms-secondary-deep);
    transform: translateY(-50%) translateX(50%) rotate(0deg);
    transition: .125s transform ease-in-out;
    -webkit-mask-image: url('/_jquery/icons_svg/mms-arrow-icon.svg');
    mask-image: url('/_jquery/icons_svg/mms-arrow-icon.svg');
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: currentcolor;
} 

.mms-sortable>li>div:has(+ ol:not([style*="display: none"]))>table>tbody>tr>td>div.accordion_control::after {
    transform: translateY(-50%) translateX(50%) rotate(180deg);
}

.mms-sortable ol {
    list-style-type: none;
    padding-inline-start: 0;
    margin: 0;
}

.mms-sortable ol ol>li {
    background-color: white;
}

.mms-sortable ol>li>div {
    margin-left: 15px;
    margin-bottom: 15px;
    touch-action: none;
    border: 1px solid #CCCCCC;
    border-radius: var(--org-radius, var(--mms-radius));
    background-color: var(--mms-light-gray);
}

.mms-sortable ol ol>li>div {
    margin-left: 30px;
}

.mms-sortable ol>li>div>table>tbody>tr {
    display: grid;
    grid-template-columns: 24px calc(25% + 20px) auto 200px;
}

.mms-sortable ol ol>li>div>table>tbody>tr {
    grid-template-columns: 24px calc(25% + 10px) auto 200px;
}

.mms-sortable ol>li>div>table>tbody>tr>td {
    width: 100%;
    padding: 10px 20px;
}

.mms-sortable ol>li>div>table>tbody>tr>td:last-of-type {
    display: flex;
    justify-content: flex-end;
    gap: 10px 16px;
}

#mheader_5_wrapper .mms-sortable a {
    text-decoration: none;
}

#mheader_5_wrapper .mms-sortable a:is(:hover, :focus) {
    text-decoration: underline;
}

.mms-sortable>li>div>table>tbody>tr>td:not(:first-of-type):has(>span) {
    padding-block: 8px;
}

.mms-sortable span {
    display: inline-block;
    margin-right: 5px;
    padding: 2px 6px;
    background-color: var(--org-dark-color, var(--mms-secondary-dark));
    border-radius: var(--org-radius, var(--mms-radius));
    color: white;
    text-transform: uppercase;
}

.mms-sortable a:has(svg) {
    line-height: 0;
}

.mms-sortable svg {
    width: 15px;
    height: 15px;
    fill: var(--org-link-color, var(--mms-secondary));
    transition: .125s fill ease-in-out;
}

.mms-sortable a:is(:hover, :focus) svg {
    fill: var(--org-dark-color, var(--mms-secondary-dark));
}

@media (max-width: 991px) {
    .mms-sortable-table {
        display: none;
    }

    .mms-sortable-table thead tr {
        grid-template-columns: repeat(1, 1fr);
    }

    .mms-sortable>li>div>table>tbody>tr {
        grid-template-columns: 24px 32px auto;
    }

    .mms-sortable>li>div>table>tbody>tr>td:not(td:first-of-type, td:nth-child(2)) {
        grid-column: span 3 / span 3;
    }

    .mms-sortable ol>li>div>table>tbody>tr,
    .mms-sortable ol ol>li>div>table>tbody>tr {
        grid-template-columns: 24px auto;
    }

    .mms-sortable ol>li>div>table>tbody>tr>td:not(:first-child),
    .mms-sortable ol ol>li>div>table>tbody>tr>td:not(td:first-of-type, td:nth-child(2)) {
        grid-column: span 2 / span 2;
    }

    .mms-sortable ol>li>div>table>tbody>tr>td {
        padding-inline-start: 35px;
    }

    .mms-sortable ol ol>li>div>table>tbody>tr>td {
        padding-inline-start: 50px;
    }

    .mms-sortable>li>div>table>tbody>tr>td:not(:last-of-type) {
        border-right: 0;
    }

    .mms-sortable ol>li>div>table>tbody>tr>td:not(:last-of-type) {
        border-right: 0;
    }

    .mms-sortable>li>div>table>tbody>tr>td:nth-child(2) {
        padding-left: 20px;
    }

    .mms-sortable a:not(:has(svg))::before {
        content: 'Name: ';
    }
}

/* ----------------------------------------------------
    Misc
------------------------------------------------------*/

#mheader_5_wrapper hr {
    height: 0;
    border: 0;
    border-top: 1px solid var(--mms-light-gray);
    margin-top: 20px;
    margin-bottom: 20px;
}


.mms-quote {
    display: block;
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid var(--mms-secondary-light);
    color: var(--mms-secondary-dark);
}

.mms-quote blockquote {
    padding: 0;
    margin: 0 0;
    font-size: 16px;
    border-left: 0;
}

.mms-quote figcaption {
    display: block;
    font-size: 16px;
    color: var(--mms-secondary);
}


.mms-profile-figure :is(img, svg) {
    width: 40px;
    height: auto;
    max-width: 100%;
    border: 1px solid var(--mms-secondary-light);
    border-radius: var(--org-radius, var(--mms-radius));
    padding: 5px;
    fill: var(--mms-secondary-light);
    color: var(--mms-secondary-light);
}

.mms-profile-figure figcaption {
    color: var(--mms-text);
}

.mms-profile-figure figcaption cite {
    font-style: italic;
}


.mms-badge {
    display: inline-block;
    padding: 5px 10px;
    background-color: var(--org-link-color, var(--mms-secondary));
    border-radius: var(--org-radius, var(--mms-radius));
    color: white;
    text-transform: uppercase;
}

.mms-badge-light {
    display: inline-block;
    padding: 5px 10px;
    background-color: var(--org-light-color, var(--mms-secondary-light));
    border-radius: var(--org-radius, var(--mms-radius));
    color: var(--org-dark-color, var(--mms-secondary));
    text-transform: uppercase;
}

.mms-badge-success {
    display: inline-block;
    padding: 5px 10px;
    background-color: var(--mms-success);
    border-radius: var(--org-radius, var(--mms-radius));
    color: var(--mms-success-dark);
    text-transform: uppercase;
}


.mms-badge-error {
    display: inline-block;
    padding: 5px 10px;
    background-color: var(--mms-error);
    border-radius: var(--org-radius, var(--mms-radius));
    color: var(--mms-error-dark);
    text-transform: uppercase;
}


.mms-badge-warning {
    display: inline-block;
    padding: 5px 10px;
    background-color: var(--mms-warning);
    border-radius: var(--org-radius, var(--mms-radius));
    color: var(--mms-warning-dark);
    text-transform: uppercase;
}

.mms-badge-info {
    display: inline-block;
    padding: 5px 10px;
    background-color: var(--mms-info);
    border-radius: var(--org-radius, var(--mms-radius));
    color: var(--mms-info-dark);
    text-transform: uppercase;
}


/* Info Icon with tooltip */

.mms-info-tooltip {
    position: relative;
    display: inline-block;
}

.mms-info-tooltip .mms-info-button {
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: 0;
    color: var(--mms-secondary-dark);
    display: flex;
    align-items: center;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    cursor: pointer;
    text-transform: none;
}

.mms-info-tooltip .mms-info-button:focus-visible {
    outline: 2px solid var(--mms-secondary);
    outline-offset: 2px;
    border-radius: 2px;
}

.mms-info-tooltip .mms-info-button svg {
    fill: var(--org-link-color, var(--mms-secondary-dark));
}

.mms-info-tooltip .mms-info-button:is(:hover, :focus) svg {
    fill: var(--org-dark-color, var(--mms-secondary-deep));    
}

.mms-info-tooltip .mms-info-content {
    width: max-content;
    position: absolute;
    bottom: calc(100% + 20px);
    left: -20px;
    padding: 5px 7px;
    background-color: var(--mms-secondary-dark);
    border-radius: var(--org-radius, var(--mms-radius));
    color: white;
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: .125s opacity ease-in-out, .125s visibility ease-in-out, .125s display ease-in-out;
}

.mms-info-tooltip [popover] {
    position-area: top span-all;
    overflow: visible;
    margin: 15px;
    padding: 5px 7px;
    background-color: var(--mms-secondary-dark);
    border-radius: var(--org-radius, var(--mms-radius));
    border: 0;
    color: white;
}

.mms-info-tooltip [popover]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    translate: -50% 100%;
    width: 0;
    height: 0;
    border-top: solid calc(1rem * 0.7) var(--mms-secondary-dark);
    border-left: solid calc(1rem * 0.7) transparent;
    border-right: solid calc(1rem * 0.7) transparent;
}

.mms-info-tooltip [popover]::backdrop {

}

/* Info Icon with Tooltip Old */

.mms-info-tooltip-old {
    position: relative;
    display: inline-block;
}

.mms-info-tooltip-old .mms-info-button {
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: 0;
    color: var(--mms-secondary-dark);
    display: flex;
    align-items: center;
    font: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    cursor: pointer;
    text-transform: none;
}

.mms-info-tooltip-old .mms-info-button:focus-visible {
    outline: 2px solid var(--mms-secondary);
    outline-offset: 2px;
    border-radius: 2px;
}

.mms-info-tooltip-old .mms-info-button svg {
    fill: var(--org-link-color, var(--mms-secondary-dark));
}

.mms-info-tooltip-old .mms-info-button:is(:hover, :focus) svg {
    fill: var(--org-dark-color, var(--mms-secondary-deep));    
}

.mms-info-tooltip-old .mms-info-content {
    width: max-content;
    position: absolute;
    bottom: calc(100% + 20px);
    left: -20px;
    padding: 5px 7px;
    background-color: var(--mms-secondary-dark);
    border-radius: var(--org-radius, var(--mms-radius));
    color: white;
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: .125s opacity ease-in-out, .125s visibility ease-in-out, .125s display ease-in-out;
}

.mms-info-tooltip-old .mms-info-content::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 19px;
    height: 0;
    width: 0;
    max-width: 100vw;
    border: calc(1rem * 0.7) solid transparent;
    border-top: calc(1rem * 0.7) solid var(--mms-secondary-dark);
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: .125s opacity ease-in-out, .125s visibility ease-in-out, .125s display ease-in-out;
}

@media (min-width: 768px) {
    .mms-info-tooltip-old .mms-info-content::after {
        max-width: 700px;
    }
}

.mms-info-tooltip-old:is(:hover, :focus) .mms-info-content,
.mms-info-tooltip-old:is(:hover, :focus) .mms-info-content::after {
    display: block;
    opacity: 1;
    visibility: visible;
}


/* Info icon with popover modal */

.mms-info-modal {
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: 0;
    color: var(--mms-secondary-dark);
    display: flex;
    align-items: center;
    font: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    cursor: pointer;
    text-transform: none;
}

.mms-info-modal:focus-visible {
    outline: 2px solid var(--mms-secondary);
    outline-offset: 2px;
    border-radius: 2px;
}

/* Info icon with dialog */

.mms-tooltip-modal {
    display: inline-block;
}

.mms-tooltip-modal svg {
    fill: var(--org-link-color, var(--mms-secondary-dark));
}

.mms-tooltip-modal svg {
    fill: var(--org-dark-color, var(--mms-secondary-deep));    
}

/* Info icon with bootstrap modal */

.mms-info-modal-bootstrap {
    position: relative;
    display: inline-block;
}

.mms-info-modal-bootstrap .mms-info-button {
    font: inherit;
    padding: 0;
    background-color: transparent;
    border: 0;
    color: var(--mms-secondary-dark);
    display: flex;
    align-items: center;
    font: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    cursor: pointer;
    text-transform: none;
}

.mms-info-modal-bootstrap .mms-info-button:focus-visible {
    outline: 2px solid var(--mms-secondary);
    outline-offset: 2px;
    border-radius: 2px;
}

.mms-info-modal-bootstrap .mms-info-button svg {
    fill: var(--org-link-color, var(--mms-secondary-dark));
}

.mms-info-modal-bootstrap .mms-info-button:is(:hover, :focus) svg {
    fill: var(--org-dark-color, var(--mms-secondary-dark));
}

/* Alerts */

.mms-alert {
    display: block;
    padding: 10px 20px;
    border-radius: var(--org-radius, var(--mms-radius));
    background-color: var(--mms-secondary-light);
    color: var(--mms-secondary-dark);
    font-style: italic;
}

.mms-alert svg {
    fill: var(--mms-secondary-dark);
    height: 1em;
    margin-right: 5px;
    margin-bottom: -2px;
}

.mms-alert.success {
    background-color: var(--mms-success);
    color: var(--mms-success-dark);
}

.mms-alert.success svg {
    fill: var(--mms-success-dark);
}

.mms-alert.warning {
    background-color: var(--mms-warning);
    color: var(--mms-warning-dark);
}

.mms-alert.warning svg {
    fill: var(--mms-warning-dark);
}

.mms-alert.error {
    background-color: var(--mms-error);
    color: var(--mms-error-dark);
}

.mms-alert.error svg {
    fill: var(--mms-error-dark);
}

.mms-alert.info {
    background-color: var(--mms-info);
    color: var(--mms-info-dark);
}

.mms-alert.info svg {
    fill: var(--mms-info-dark);
}

/* Rating */

.mms-rating {
    width: fit-content;
    list-style-type: none;
    padding-inline-start: 0;
    display: flex;
    justify-content: space-between;
    gap: 5px;
}

.mms-rating svg {
    fill: #eaaa0a;
}


/* Gallery and Lightbox */

.mms-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 30px;
}

.mms-gallery figure {
    margin: 0;
}

.mms-gallery figure figcaption {
    margin-top: 5px;
    text-align: center;
    color: var(--mms-text);
}

.mms-gallery img {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: var(--org-radius, var(--mms-radius));
}



/* ----------------------------------------------------
    Widgets
------------------------------------------------------*/

@property --mms-gauge-value {
    syntax: '<number>';
    initial-value: 0;
    inherits: true;
}

.mms-gauge {
    overflow: hidden;
    position: relative;
    display: block;
    container-type: inline-size;
    max-width: 300px;
}

.mms-gauge .label {
    display: inline;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: .2em .6em .3em;
    color: var(--org-link-color, var(--mms-text));
    font-size: 22cqw;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0;
}

.mms-gauge svg {
    transform: rotate(135deg);
    color: var(--org-link-color, var(--mms-text));
} /* arc start at lower-left, gap centered at 6 o'clock */

.mms-gauge .track,
.mms-gauge .fill {
    fill: none;
    stroke-width: 12;
    stroke-linecap: butt;
    stroke-dasharray: 75 100; /* 270° arc visible, 90° gap */
}

.mms-gauge .track { 
    stroke: #e5e7eb; 
}

.mms-gauge .fill {
    stroke: currentColor;
    stroke-dashoffset: 75; /* empty initial state */
    transition: stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1);
}

.mms-gauge.is-visible .fill {
    stroke-dashoffset: calc(75 - 0.75 * var(--mms-gauge-value));  /* animate clockwise to value */
}

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

/* .mms-gauge .label::after {
    counter-reset: v var(--mms-gauge-value);
    content: counter(v) '%';
} */

.mms-gauge.is-visible { 
    transition: --value 1.2s ease-out; 
}

/* ----------------------------------------------------
    Icons
------------------------------------------------------*/




/* ----------------------------------------------------
    Page Specific CSS
------------------------------------------------------*/

/* members/secure/content_v2/menu.php */

#mheader_5_wrapper .mms-tile {
    position: relative;
}

#mheader_5_wrapper .mms-tile .mms-panel-heading a {
    text-decoration: none;
}

#mheader_5_wrapper .mms-tile .mms-panel-heading a::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

#mheader_5_wrapper .mms-tile .mms-panel-body {
    display: flex;
    gap: 15px;
    flex: 1 1 auto;
}

#mheader_5_wrapper .mms-tile-icon svg {
    height: 70px;
    width: 70px;
    display: block;
}

#mheader_5_wrapper .mms-tile:is(:hover, :focus) .mms-tile-icon svg {
    color: var(--mms-secondary-deep);
}