@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@100;200;300;400;700;800&family=Roboto:wght@300;400;500&display=swap");

:root {
    --alpha-85: 0.85;
    --alpha-80: 0.8;
    --alpha-50: 0.5;
    --alpha-20: 0.2;
    --alpha-10: 0.1;
    /*Colors with alpha channel*/
    --primary-rgb: 28, 89, 78;
    --primary: rgb(var(--primary-rgb));
    --primary-85: #12683e;
    --primary-50: #238655;
    --primary-20: #b3dbd9;
    --primary-10: #c9dedc;
    --primary-disabled: #97aaa1;
    --secondary-rgb: 0, 108, 122;
    --secondary: rgb(var(--secondary-rgb));
    --white-rgb: 255, 255, 255;
    --white: rgb(var(--white-rgb));
    --white-85: rgba(var(--white-rgb), var(--alpha-85));
    --white-75: rgba(var(--white-rgb), var(--alpha-80));
    --white-50: rgba(var(--white-rgb), var(--alpha-50));
    --white-20: rgba(var(--white-rgb), var(--alpha-20));
    --white-10: rgba(var(--white-rgb), var(--alpha-10));
    --danger-50: rgba(230, 0, 0, .1);
    /*Colors without alpha channels*/
    --tertiary: #d8dad3;
    --gray: #ededed;
    --gray-500: #f1f1f1;
    /* --gray-85: #C9DEDC;
    --gray-100: #97AAA1; */
    --black: #00363d;
    --dark: var(--black);
    /* --danger: #ff0000; */
    --danger: #9e0000;
    --brand: #ffa500;
    --blue: #0071b9;
    --blue-5: #d9eef2;
    --blue-20: #aedae0;
    --blue-85: #006C7A;
    --blue-100: #00363D;
    --admin-blue: #dfeaec;
    /* State Colors */
    --state-brand-15: #0F3D35;
    --state-brand-20: var(--primary);
    --state-brand-80: #B3DBD9;
    --state-brand-85: #C9DEDC;
    --state-brand-90: #E2E9E9;
    --eee: #EEE;
    /* Text */
    --roboto: "roboto", var(--bs-font-sans-serif);
    --archivo: "Archivo", var(--bs-font-sans-serif);
    /* Spacing */
    --bs-gutter-x: 1rem;
    /* Gradient */
    --bg-gradient-dark: linear-gradient(180deg, var(--secondary) 0%, rgba(var(--secondary-rgb), 0.99273) 10.4%, rgba(var(--secondary-rgb), 0.971726) 19.31%, rgba(var(--secondary-rgb), 0.938199) 26.96%, rgba(var(--secondary-rgb), 0.893362) 33.57%, rgba(var(--secondary-rgb), 0.838424) 39.36%, rgba(var(--secondary-rgb), 0.774598) 44.54%, rgba(var(--secondary-rgb), 0.703094) 49.33%, rgba(var(--secondary-rgb), 0.625123) 53.95%, rgba(var(--secondary-rgb), 0.541897) 58.63%, rgba(var(--secondary-rgb), 0.454626) 63.57%, rgba(var(--secondary-rgb), 0.364523) 69.01%, rgba(var(--secondary-rgb), 0.272797) 75.15%, rgba(var(--secondary-rgb), 0.180661) 82.21%, rgba(var(--secondary-rgb), 0.0893246) 90.43%, rgba(var(--secondary-rgb), 0) 100%);
    --bg-gradient-light: linear-gradient(180deg, rgba(0, 104, 117, 0.12) 0.01%, rgba(11, 164, 183, 0.22) 42.05%, rgba(202, 220, 226, 0) 100%);
    --testimonial-gradient: linear-gradient(180deg, rgba(14, 108, 120, 0) 0%, rgba(40, 153, 150, 0.5) 100%);
    --bg-dashboard-gradient: linear-gradient(91deg, var(--blue-85) 0%, #0D8771 51.94%, #0E6C78 100%);
    --bg-sidebar-gradient: linear-gradient(131deg, var(--blue-85) 0%, #0D8771 51.94%, #0E6C78 100%);
    --bg-dashboard-gradient-completed-steps: linear-gradient(180deg, var(--blue-85) 0%, #0D8771 51.94%, #0E6C78 100%);
    --bg-dashboard-gradient-content-header: linear-gradient(94deg, var(--blue-85) 0%, #0D8771 51.94%, #0E6C78 100%);
    --bg-dashboard-gradient-more-tips: linear-gradient(180deg, #006875 0%, #0D8771 51.94%, #0E6C78 100%);
    --bg-dashboard-gradient-state-brand-25: linear-gradient(180deg, #006875 0%, #0D8771 51.94%, #0E6C78 100%);
    --bg-footer-logged-in-gradient: linear-gradient(180deg, rgba(0, 104, 117, 0.12) 0.01%, rgba(11, 164, 183, 0.22) 42.05%, rgba(202, 220, 226, 0.00) 100%);
    /* bootstrap */
    --bs-btn-active-border-color: transparent;
    --bs-backdrop-bg: #00363D;
    --bs-accordion-color: var(--dark);
    --bs-danger-rgb: var(--danger);
}

.emergancy-banner {
    TEXT-ALIGN: center;
    BACKGROUND: yellow;
    color: firebrick;
    font-weight: bolder;
    font-size: 20px;
}

input[type="date"]::-webkit-input-placeholder {
    visibility: hidden !important;
}


body {
    font-family: var(--roboto);
    color: var(--dark);
    /* used for offcanvas */
    /* padding-right: 0 !important; */
}

a {
    color: var(--primary);
    text-decoration: unset;
}

/* strong {
    font-weight: 300;
} */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: unset;
    font-size: unset;
    line-height: unset;
    margin-bottom: unset;
}

a:hover {
    color: unset;
    /* text-decoration: underline; */
}

p {
    margin-bottom: 1.5rem;
}

img {
    max-width: 100%;
}

svg {
    max-height: 100%;
}

main {
    min-height: 100%;
}

legend {
    float: unset;
    font-size: unset;
    margin: unset;
}

ul.list-unstyled:not(.mb-1-5rem):not(.mb-4-5):not(.mb-2):not(.mb-2rem) {
    margin-bottom: unset;
}

.container {
    padding-left: 1rem;
    padding-right: 1rem;
}

.container .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* typography */
.font-roboto {
    font-family: var(--roboto) !important;
}

.font-archivo {
    font-family: var(--archivo) !important;
}

.text-display-large {
    font-family: var(--archivo);
    font-size: 3.5rem;
    font-weight: 100;
    line-height: 4.125rem;
    letter-spacing: 0rem;
}

.text-display-medium {
    font-family: var(--archivo);
    font-size: 2.75rem;
    font-weight: 200;
    line-height: 3.375rem;
    letter-spacing: 0rem;
}

.text-display-small {
    font-family: var(--archivo);
    font-size: 2.25rem;
    font-weight: 200;
    line-height: 2.875rem;
    letter-spacing: 0rem;
}

.text-headline-large {
    font-family: var(--archivo);
    font-size: 2rem;
    font-weight: 200;
    line-height: 2.625rem;
    letter-spacing: 0rem;
}

.text-headline-medium {
    font-family: var(--archivo);
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 2.375rem;
    letter-spacing: 0rem;
}

.text-headline-small {
    font-family: var(--archivo);
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 2.125rem;
    letter-spacing: 0rem;
}

.text-title-large {
    font-family: var(--archivo);
    font-size: 1.375rem;
    /* font-weight: 300; */
    font-weight: 400;
    /* line-height: 2rem; */
    line-height: 1.75rem;
    letter-spacing: 0rem;
}

.text-title-medium {
    font-family: var(--archivo);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    letter-spacing: 0rem;
}

.text-title-small {
    font-family: var(--archivo);
    font-size: 1rem;
    /* font-weight: 300; */
    font-weight: 400;
    line-height: 1.625rem;
    letter-spacing: 0rem;
}

.text-title-x-small {
    font-family: var(--archivo);
    font-size: 0.75rem;
    /* font-weight: 300; */
    font-weight: 400;
    line-height: 1.25rem;
    letter-spacing: 0rem;
}

.text-footer-nav {
    font-family: var(--archivo);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.5rem;
    letter-spacing: 0.04rem;
}

.text-label-xl {
    font-family: var(--archivo);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.875rem;
    letter-spacing: 0.04rem;
    /* text-transform: uppercase; */
}

.text-label-large {
    font-family: var(--archivo);
    font-size: 1.0625rem;
    font-weight: 700;
    line-height: 1.5rem;
    letter-spacing: 0.04rem;
    text-transform: uppercase;
}

.text-label-medium {
    font-family: var(--archivo);
    font-size: 0.9375rem;
    font-weight: 800;
    line-height: 1.5rem;
    letter-spacing: 0.03rem;
    text-transform: uppercase;
}

.text-label-small {
    font-family: var(--archivo);
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.25rem;
    letter-spacing: 0.03rem;
    text-transform: uppercase;
}

.text-label-x-small {
    font-family: var(--archivo);
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: 0.875rem;
    letter-spacing: 0.03rem;
}

.text-label-x-small-v2 {
    font-family: var(--archivo);
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 0.875rem;
    letter-spacing: 0.03rem;
}

.text-body-large {
    font-family: var(--roboto);
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.75rem;
    letter-spacing: 0em;
}

.text-body-medium {
    font-family: var(--roboto);
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0em;
}

.text-body-small {
    font-family: var(--roboto);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.375rem;
    letter-spacing: 0em;
}

.text-body-small-v2 {
    font-family: var(--roboto);
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.375rem;
}

.text-body-x-small {
    font-family: var(--roboto);
    font-size: 0.6875rem;
    font-weight: 400;
    line-height: 0.9375rem;
    letter-spacing: 0em;
}

.text-body-x-small-v2 {
    font-family: var(--roboto);
    font-size: 0.7875rem;
    font-weight: 400;
    line-height: 0.9375rem;
    letter-spacing: 0em;
}

.text-streak-day {
    font-family: var(--roboto);
    font-size: 1.625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 2.125rem;
    /* 130.769% */
    letter-spacing: -0.0325rem;
    text-transform: capitalize;
}

.lowercase {
    text-transform: lowercase;
}

/* Text Color */
.text-primary {
    color: var(--primary) !important;
}

.text-primary-85 {
    color: var(--primary-85) !important;
}

.text-primary-disabled {
    color: var(--primary-disabled) !important;
}

.placeholder\:text-primary::placeholder {
    color: var(--primary) !important;
}

.placeholder\:text-primary-85::placeholder {
    color: var(--primary-85) !important;
}

.text-secondary {
    color: var(--secondary) !important;
}

.text-tertiary {
    color: var(--tertiary) !important;
}

.text-light {
    color: var(--white) !important;
}

.text-white {
    color: var(--white) !important;
}

.text-dark,
.text-black {
    color: var(--dark) !important;
}

.\!text-black {
    color: var(--dark) !important;
}

.text-gray {
    color: var(--gray) !important;
}

.text-brand {
    color: var(--brand);
}

.text-state-brand-15 {
    color: var(--state-brand-15);
}

.text-blue-85 {
    color: var(--blue-85);
}

.text-blue-100 {
    color: var(--blue-100);
}

/* BG Color */
.bg-primary {
    background-color: var(--primary) !important;
}

.bg-primary-50 {
    background-color: var(--primary-50) !important;
}

.bg-primary-85,
.bg-primary-eighty-five {
    background-color: var(--primary-85) !important;
}

.hover\:bg-primary-10:hover {
    background-color: var(--primary-10) !important;
}

.hover\:bg-primary-20:hover {
    background-color: var(--primary-20) !important;
}

.focus\:bg-primary-20:focus {
    background-color: var(--primary-20) !important;
}

.bg-primary-20 {
    background-color: var(--primary-20) !important;
}

.bg-primary-10 {
    background-color: var(--primary-10) !important;
}

.bg-secondary {
    background-color: var(--secondary) !important;
}

.bg-tertiary {
    background-color: var(--tertiary) !important;
}

.bg-light {
    background-color: var(--light) !important;
}

.bg-white {
    background-color: var(--white) !important;
}

.bg-white-10 {
    background-color: var(--white-10) !important;
}

.bg-dark {
    background-color: var(--dark) !important;
}

.bg-gray {
    background-color: var(--gray) !important;
}

.bg-brand {
    background-color: var(--brand) !important;
}

.bg-blue-85 {
    background: var(--blue-85);
}

.bg-state-brand-15 {
    background: var(--state-brand-15);
}

.bg-state-brand-20 {
    background: var(--state-brand-20);
}

.bg-state-brand-80 {
    background: var(--state-brand-80);
}

.bg-state-brand-85 {
    background: var(--state-brand-85);
}

.bg-state-brand-90 {
    background: var(--state-brand-90);
}

.bg-eee {
    background: var(--eee);
}

.bg-gradient-dark {
    background: var(--bg-gradient-dark);
}

.bg-footer-logged-in-gradient {
    background: var(--bg-footer-logged-in-gradient);
}

.bg-dashboard-gradient {
    background: var(--bg-dashboard-gradient);
}

.bg-sidebar-gradient {
    background: var(--bg-sidebar-gradient);
}

.bg-dashboard-gradient-completed-steps {
    background: var(--bg-dashboard-gradient-completed-steps);
}

.bg-dashboard-gradient-content-header {
    background: var(--bg-dashboard-gradient-content-header);
}

.bg-dashboard-gradient-more-tips {
    background: var(--bg-dashboard-gradient-more-tips);
}

.bg-dashboard-gradient-state-brand-25 {
    background: var(--bg-dashboard-gradient-state-brand-25);
}

.bg-blue-20 {
    background-color: var(--blue-20);
}

.bg-blue-100 {
    background-color: var(--blue-100);
}

.bg-blue-5 {
    background-color: var(--blue-5);
}

.bg-admin-blue {
    background-color: var(--admin-blue);
}

.bg-gradient-light {
    background: var(--bg-gradient-light);
}

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

.blur-text-bg {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.50) 0%, #FFF 100%);
}


/* Border Color */
.border-primary {
    border-color: var(--primary) !important;
}

.border-primary-10 {
    border-color: var(--primary-10) !important;
}

.border-primary-20,
.border-primary-twenty {
    border-color: var(--primary-20) !important;
}

.focus\:border-primary-50:focus {
    border-color: var(--primary-50) !important;
}

.border-secondary {
    border-color: var(--secondary) !important;
}

.border-tertiary {
    border-color: var(--tertiary) !important;
}

.border-light {
    border-color: var(--light) !important;
}

.border-white {
    border-color: var(--white) !important;
}

.border-dark {
    border-color: var(--dark) !important;
}

.border-gray {
    border-color: var(--gray) !important;
}

.border-brand {
    border-color: var(--brand) !important;
}

.border-blue-20 {
    border-color: var(--blue-20);
}

.border-blue-85 {
    border-color: var(--blue-85);
}

.border-state-brand-80 {
    border-color: var(--state-brand-80);
}

.border-state-brand-85 {
    border-color: var(--state-brand-85);
}

.border-state-brand-90 {
    border-color: var(--state-brand-90);
}

.tw-border {
    border-width: 1px;
    border-style: solid;
}

/* Icons */
svg.icon path {
    transition: all 0.15s ease-in-out;
}

/* Buttons */

.btn {
    padding: 0.75rem 1.5rem;
    font-family: var(--archivo);
    font-size: 0.9375rem;
    line-height: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.03rem;
    gap: 0.5rem;
    border-radius: 0.25rem;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    border-width: 2px;
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    opacity: 1;
}

/* Sizes */

.btn.btn-lg {
    padding: 1rem 1.5rem;
    font-size: 1.0625rem;
}

.btn.btn-lg:hover:not(:focus) {
    box-shadow: 0px 4px 4px 0px #00000040 !important;
}

.btn.btn-sm {
    padding: 0.5rem 0.25rem;
    font-size: 0.8125rem;
    line-height: 1.25rem;
    border-color: transparent !important;
}

.btn.btn-x-sm {
    padding: 1rem 0.5rem;
    font-size: 0.6875rem;
    line-height: 0.875rem;
    border-color: transparent !important;
    /* width: 127px; */
    /* max-width: 66px; */
    text-align: center;
    display: flex;
    justify-content: center;
}

/* Primary */

.btn-primary {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    /* border-width: 0; */
}

.btn-primary:active,
.btn-primary:focus {
    background-color: var(--primary-85) !important;
    border-color: var(--primary-85) !important;
    box-shadow: none !important;
}

.btn-primary.disabled,
.btn-primary:disabled {
    background-color: var(--primary-disabled) !important;
    border-color: var(--primary-disabled) !important;
    color: var(--white-50);
}

.btn-primary.disabled svg.icon path,
.btn-primary:disabled svg.icon path,
.btn-primary.disabled svg path,
.btn-primary:disabled svg path {
    fill: var(--white-50);
}

/* Outline Primary */

.btn-outline-primary {
    color: var(--primary);
    border-color: var(--primary);
    /* border-width: 2px; */
}

.btn-outline-primary svg.icon path {
    fill: var(--primary);
}

.btn-outline-primary:hover {
    background-color: var(--primary-10);
    color: var(--primary);
    border-color: var(--primary);
}

.btn-outline-primary:active {
    border-color: var(--primary-50);
    background-color: var(--primary-20);
    box-shadow: none;
}

.btn-outline-primary:active svg.icon path {
    fill: var(--primary-50);
}

.btn-outline-primary:focus {
    box-shadow: none;
    background-color: var(--primary-20);
    border-color: var(--primary-85);
    color: var(--primary-85);
}

.btn-outline-primary:active {
    box-shadow: none;
    background-color: var(--primary-20) !important;
    border-color: var(--primary-50) !important;
    color: var(--primary-50) !important;
}

.btn-outline-primary:active:focus {
    box-shadow: none;
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    background-color: transparent;
    border-color: var(--primary-disabled) !important;
    color: var(--primary-disabled);
}

.btn-outline-primary.disabled svg.icon path,
.btn-outline-primary:disabled svg.icon path {
    fill: var(--primary-disabled);
}

/* Primary Small */

.btn-primary.btn-sm {
    background-color: transparent !important;
    color: var(--primary);
}

.btn-primary.btn-sm:hover {
    background-color: var(--primary-10) !important;
    color: var(--primary);
}

.btn-primary.btn-sm svg.icon path {
    fill: var(--primary);
}

.btn-primary.btn-sm:active {
    background-color: var(--primary-20) !important;
    color: var(--primary-50) !important;
    border-color: transparent !important;
}

.btn-primary.btn-sm:focus {
    background-color: var(--primary-20) !important;
    color: var(--primary-85);
    border-color: transparent !important;
}

.btn-primary.btn-sm:active svg.icon path {
    fill: var(--primary-50) !important;
}

.btn-primary.btn-sm:focus svg.icon path {
    fill: var(--primary-85);
}

.btn-primary.btn-sm.disabled,
.btn-primary.btn-sm:disabled {
    color: var(--primary-disabled);
    border-color: transparent !important;
}

.btn-primary.btn-sm.disabled svg.icon path,
.btn-primary.btn-sm:disabled svg.icon path {
    fill: var(--primary-disabled);
}

/* Primary x-small */
.btn-primary.btn-x-sm {
    background-color: transparent !important;
    color: var(--primary);
}

.btn-primary.btn-x-sm:hover {
    background-color: var(--primary-10) !important;
    color: var(--primary);
}

.btn-primary.btn-x-sm.chkbtn-active:hover {
    border-radius: 0;
}

.btn-primary.btn-x-sm svg.icon path {
    fill: var(--primary);
}

.btn-primary.btn-x-sm:active {
    background-color: var(--primary-20) !important;
    color: var(--primary-50) !important;
    border-color: transparent !important;
}

.btn-primary.btn-x-sm:focus,
.btn-primary.btn-x-sm.active {
    background-color: var(--primary-20) !important;
    color: var(--primary-85);
    border-color: transparent !important;
}

.btn-primary.btn-x-sm:active svg.icon path {
    fill: var(--primary-50) !important;
}

.btn-primary.btn-x-sm:focus svg.icon path {
    fill: var(--primary-85);
}

.btn-primary.btn-x-sm.disabled,
.btn-primary.btn-x-sm:disabled {
    color: var(--primary-disabled);
    border-color: transparent !important;
}

.btn-primary.btn-x-sm.disabled svg.icon path,
.btn-primary.btn-x-sm:disabled svg.icon path {
    fill: var(--primary-disabled);
}

/* Inverted */
.btn-inverted {
    background-color: var(--white);
    color: var(--primary);
}

.btn-inverted svg.icon path {
    fill: var(--primary);
}

.btn-inverted:active,
.btn-inverted:focus,
.btn-inverted:active:focus {
    box-shadow: none !important;
    background-color: var(--white-75);
}

.btn-inverted.disabled,
.btn-inverted:disabled {
    color: var(--primary-disabled);
    background-color: var(--white-50);
}

.btn-inverted.disabled svg.icon path,
.btn-inverted:disabled svg.icon path {
    fill: var(--primary-disabled);
}

.btn-inverted:hover {
    color: var(--primary);
}

.btn-inverted:not(.btn-sm):hover {
    box-shadow: 0px 4px 4px 0px #00000040;
}

/* Inverted Outline */

.btn-outline-inverted {
    color: var(--white);
    border-color: var(--white);
    border-width: 2px;
    border-style: solid;
}

.btn-outline-inverted svg.icon path {
    fill: var(--white);
}

.btn-outline-inverted:hover {
    background-color: var(--white-10);
    color: var(--white);
    border-color: var(--white);
}

.btn-outline-inverted:active {
    border-color: var(--white-50);
    background-color: var(--white-20);
    box-shadow: none;
}

.btn-outline-inverted:active svg.icon path {
    fill: var(--white-50);
}

.btn-outline-inverted:focus {
    box-shadow: none;
    color: var(--white-85);
    background-color: var(--white-20);
    border-color: var(--white-85);
}

.btn-outline-inverted:focus:active {
    box-shadow: none;
    background-color: var(--white-20);
    border-color: var(--white-50);
    color: var(--white-50);
}

.btn-outline-inverted.disabled,
.btn-outline-inverted:disabled {
    background-color: transparent;
    border-color: var(--white-50) !important;
    color: var(--white-50);
}

.btn-outline-inverted.disabled svg.icon path,
.btn-outline-inverted:disabled svg.icon path {
    fill: var(--white-50);
}

/* Inverted Small */

.btn-inverted.btn-sm {
    background-color: transparent !important;
    color: var(--white);
}

.btn-inverted.btn-sm:hover {
    background-color: var(--white-10) !important;
    color: var(--white);
}

.btn-inverted.btn-sm svg.icon path {
    fill: var(--white);
}

.btn-inverted.btn-sm:active,
.btn-inverted.btn-sm:focus {
    background-color: var(--white-20) !important;
    color: var(--white);
}

.btn-inverted.btn-sm:active svg.icon path,
.btn-inverted.btn-sm:focus svg.icon path {
    fill: var(--white);
}

.btn-inverted.btn-sm.disabled,
.btn-inverted.btn-sm:disabled {
    color: var(--white-50);
    border-color: transparent !important;
}

.btn-inverted.btn-sm.disabled svg.icon path,
.btn-inverted.btn-sm:disabled svg.icon path {
    fill: var(--white-50);
}

.btn-show {
    border-color: transparent !important;
    background-color: var(--primary-20);
}

.btn-tab {
    padding: .38rem .75rem;
    align-items: center;
    gap: 0.3125rem;
    color: var(--primary-85);
    font-family: var(--archivo);
    font-size: 1rem;
    font-style: normal;
    font-weight: 800;
    line-height: 1.5rem;
    border: 0 solid transparent;
    background: transparent;
    display: inline-flex;
    border-bottom: 2px solid transparent;
    /* border-radius: .25rem; */
    /* 150% */

}

.btn-tab svg path {
    fill: var(--primary-85);
}

.btn-tab.active {
    border-bottom: 2px solid black;
    color: var(--primary);
}

.btn-tab.primary {
    color: var(--white);
    background: var(--primary);
}

/* Checkbox Toggle Button */
.btn-checkbox-toggle {
    /* padding: 0.75rem 1rem; */
    padding: 0.38rem .75rem;
    font-family: var(--archivo);
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 0.875rem;
    color: var(--primary) !important;
    background: var(--primary-20);
    border: 2px solid transparent;
}

.btn-checkbox-toggle.outline {
    background-color: transparent;
    border-color: var(--primary-20);
}

.btn-checkbox-toggle.outline+.close {
    display: none;
}

.btn-checkbox-toggle.outline.filled-in {
    border-color: var(--primary);
    background-color: var(--primary);
    color: var(--white) !important;
}

.btn-checkbox-toggle.outline.filled-in+.close {
    display: block;
}

.btn-checkbox-toggle.outline.filled-in+.close:focus {
    outline: 2px solid var(--white);
}

.btn-checkbox-toggle.outline.filled-in+button.close svg {
    height: .75rem;
}

/* Outline danger */

.btn-outline-danger {
    color: var(--danger);
    border-color: var(--danger);
    /* border-width: 2px; */
}

.btn-outline-danger svg.icon path {
    fill: var(--danger);
}

.btn-outline-danger:hover {
    /* background-color: var(--danger-10); */
    background-color: var(--danger-50);
    color: var(--danger);
    border-color: var(--danger);
}

.btn-outline-danger:active {
    border-color: var(--danger-50);
    /* background-color: var(--danger-20); */
    background-color: var(--danger-50);
    box-shadow: none;
}

.btn-outline-danger:active svg.icon path {
    fill: var(--danger-50);
}

.btn-outline-danger:focus {
    box-shadow: none;
    /* background-color: var(--danger-20); */
    background-color: var(--danger-50);
    /* border-color: var(--danger-85); */
    border-color: var(--danger);
    color: var(--danger);
}

.btn-outline-danger:active {
    box-shadow: none;
    /* background-color: var(--danger-20) !important; */
    background-color: var(--danger-50) !important;
    border-color: var(--danger) !important;
    color: var(--danger) !important;
}

.btn-outline-danger:active:focus {
    box-shadow: none;
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
    background-color: transparent;
    border-color: var(--danger-disabled) !important;
    color: var(--danger-disabled);
}

.btn-outline-danger.disabled svg.icon path,
.btn-outline-danger:disabled svg.icon path {
    fill: var(--danger-disabled);
}

/* Success */

.btn-success {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    /* border-width: 0; */
}

/* Button Group */

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-right: none;
}

/* Accordion */

.accordion-item {
    border-color: transparent;
    background-color: transparent;
}

.accordion-item .accordion-body a {
    color: var(--dark);
}

.accordion-item .accordion-button {
    border-radius: 0.25rem !important;
}

.accordion-item .accordion-button[aria-expanded="true"] {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.accordion-item .accordion-collapse {
    border-bottom-left-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.accordion-body {
    padding: unset;
}

.accordion-body a {
    text-decoration: underline;
}

/* .accordion-body p {
    margin-bottom: 0;
} */

.accordion-button::after {
    display: none;
}

.accordion-button:focus {
    border-color: transparent;
}

.accordion-button[aria-expanded="false"] .icon-add,
.accordion-button[aria-expanded="true"] .icon-subtract {
    display: block;
}

.accordion-button[aria-expanded="true"] .icon-add,
.accordion-button[aria-expanded="false"] .icon-subtract {
    display: none;
}

/* Add margin to elements that are hard to target in form directly */

.content-text #content3:has(.accordion) {
    margin-bottom: 2rem;
}

/* is required */

.heading h2:before {
    content: "" !important;
}

.pro-cons .validation.margin_0_0_20 {
    margin-bottom: 2rem;
    position: relative;
}

.pro-cons label.ValidationField:before,
div[data-ng-form="refForm"] h2:before,
div[data-ng-form="refForm"] legend h2:before

/*, .enroll-form label.ValidationField:before*/
    {
    content: '* ';
    color: red;
    font-weight: 900;
}


/* Checkboxes */
.form-check-input {
    background-color: transparent;
    border: 2px solid var(--primary);
}

.form-switch .form-check-input {
    /* background-color: #0d6efd; */
    /* background-color: transparent; */
    border-color: transparent;
}

.form-switch .form-check-input:checked {
    border-color: transparent;
}

/* .form-check-input:checked[type="checkbox"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
} */

.form-check.form-switch {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.form-switch {
    padding-left: 0;
}

.form-switch .form-check-input {
    width: 5rem;
    height: 40px;
    margin: unset;
    background-color: var(--blue-20);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28148, 202, 209, 1.25%29'/%3e%3c/svg%3e");
    background-size: 28px;
    position: relative;
}

.form-switch .form-check-input:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI5IDE1QzI5IDcuMjY4MDEgMjIuNzMyIDEgMTUgMUM3LjI2ODAxIDEgMSA3LjI2ODAxIDEgMTVDMSAyMi43MzIgNy4yNjgwMSAyOSAxNSAyOUMyMi43MzIgMjkgMjkgMjIuNzMyIDI5IDE1WiIgZmlsbD0iIzIzODY1NSIgc3Ryb2tlPSIjMUM1OTRFIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTIwLjk5MDIgMTIuMDAwMUwxOS41ODAyIDEwLjU4MDFMMTIuOTkwMiAxNy4xNzAxTDEwLjQxMDIgMTQuNjAwMUw4Ljk5MDIzIDE2LjAxMDFMMTIuOTkwMiAyMC4wMDAxTDIwLjk5MDIgMTIuMDAwMVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
    background-size: 32px;
    background-position: calc(100% - 2px);
}

.form-switch .form-check-input[type="checkbox"]:before {
    content: 'off';
    font-family: var(--archivo);
    color: #94CAD1;
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 800;
    line-height: 1.25rem;
    /* 153.846% */
    letter-spacing: 0.02438rem;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 65%;
    transform: translate(-50%, -50%);
}

.form-switch .form-check-input:checked[type="checkbox"]:before {
    content: 'on';
    font-family: var(--archivo);
    color: var(--primary);
    font-size: 0.8125rem;
    font-style: normal;
    font-weight: 800;
    line-height: 1.25rem;
    /* 153.846% */
    letter-spacing: 0.02438rem;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translate(-50%, -50%);
}

.form-switch .form-check-input:focus {
    border-color: var(--primary-50);
    box-shadow: none;
}

.form-switch .form-check-input:focus[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28148, 202, 209, 1.25%29'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:focus:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI5IDE1QzI5IDcuMjY4MDEgMjIuNzMyIDEgMTUgMUM3LjI2ODAxIDEgMSA3LjI2ODAxIDEgMTVDMSAyMi43MzIgNy4yNjgwMSAyOSAxNSAyOUMyMi43MzIgMjkgMjkgMjIuNzMyIDI5IDE1WiIgZmlsbD0iIzIzODY1NSIgc3Ryb2tlPSIjMUM1OTRFIiBzdHJva2Utd2lkdGg9IjIiLz4KPHBhdGggZD0iTTIwLjk5MDIgMTIuMDAwMUwxOS41ODAyIDEwLjU4MDFMMTIuOTkwMiAxNy4xNzAxTDEwLjQxMDIgMTQuNjAwMUw4Ljk5MDIzIDE2LjAxMDFMMTIuOTkwMiAyMC4wMDAxTDIwLjk5MDIgMTIuMDAwMVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=");
    /* background-size: 32px;
    background-position: calc(100% - 2px); */
}

.form-switch .form-check-input:hover {
    cursor: pointer;
}

.form-check-input:disabled:checked[type="checkbox"] {
    pointer-events: none;
    filter: none;
    opacity: 1;
    border-width: 0;
    background-size: 1rem !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M8.79313 15.8749L4.62312 11.7049L3.20312 13.1149L8.79313 18.7049L20.7931 6.70492L19.3831 5.29492L8.79313 15.8749Z' fill='currentColor'/%3E%3C/svg%3E");
}

/* password */
.input-group-addon.eye-addon {
    position: absolute;
    height: calc(100% - 8px);
    width: 4rem;
    /* background-color: red; */
    right: 0;
    top: 4px;
    border-radius: 50%;
    cursor: pointer;
}

input.show-hide-password {
    appearance: none;
    position: absolute;
    height: 1.25rem;
    width: 1.475rem;
    right: 1rem;
    top: 50%;
    transform: translateY(calc(-50%));
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_201_2)'%3E%3Cpath d='M11 3.97499C14.79 3.97499 18.17 6.10499 19.82 9.475C19.23 10.695 18.4 11.745 17.41 12.595L18.82 14.005C20.21 12.775 21.31 11.235 22 9.475C20.27 5.08499 16 1.97499 11 1.97499C9.73 1.97499 8.51 2.17499 7.36 2.54499L9.01 4.19499C9.66 4.06499 10.32 3.97499 11 3.97499ZM9.93 5.11499L12 7.18499C12.57 7.43499 13.03 7.89499 13.28 8.465L15.35 10.535C15.43 10.195 15.49 9.835 15.49 9.465C15.5 6.98499 13.48 4.97499 11 4.97499C10.63 4.97499 10.28 5.02499 9.93 5.11499ZM1.01 1.84499L3.69 4.52499C2.06 5.80499 0.77 7.50499 0 9.475C1.73 13.865 6 16.975 11 16.975C12.52 16.975 13.98 16.685 15.32 16.155L18.74 19.575L20.15 18.165L2.42 0.424988L1.01 1.84499ZM8.51 9.345L11.12 11.955C11.08 11.965 11.04 11.975 11 11.975C9.62 11.975 8.5 10.855 8.5 9.475C8.5 9.425 8.51 9.395 8.51 9.345ZM5.11 5.94499L6.86 7.69499C6.63 8.245 6.5 8.845 6.5 9.475C6.5 11.955 8.52 13.975 11 13.975C11.63 13.975 12.23 13.845 12.77 13.615L13.75 14.595C12.87 14.835 11.95 14.975 11 14.975C7.21 14.975 3.83 12.845 2.18 9.475C2.88 8.045 3.9 6.86499 5.11 5.94499Z' fill='%231C594E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_201_2'%3E%3Crect width='22' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: 1.5rem;
    background-position: 95% 50%;
    background-repeat: no-repeat;
    border: 0 solid transparent;
    background-color: transparent;
    cursor: pointer;
    border-radius: 0.25rem;

}

input.show-hide-password:checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 6.5C15.79 6.5 19.17 8.63 20.82 12C19.17 15.37 15.79 17.5 12 17.5C8.21 17.5 4.83 15.37 3.18 12C4.83 8.63 8.21 6.5 12 6.5ZM12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 9.5C13.38 9.5 14.5 10.62 14.5 12C14.5 13.38 13.38 14.5 12 14.5C10.62 14.5 9.5 13.38 9.5 12C9.5 10.62 10.62 9.5 12 9.5ZM12 7.5C9.52 7.5 7.5 9.52 7.5 12C7.5 14.48 9.52 16.5 12 16.5C14.48 16.5 16.5 14.48 16.5 12C16.5 9.52 14.48 7.5 12 7.5Z' fill='%231C594E' /%3E%3C/svg%3E");
}

input.show-hide-password:focus {
    outline: 1px solid var(--primary);
}

input.show-hide-password.-y-offset {
    transform: translateY(calc(-50% - .5rem));
}

input[type="password"].is-invalid~input.show-hide-password {
    display: none;
}

/* Input Fields */

.form-control,
.form-select {
    /* text-body-medium */
    font-family: var(--roboto);
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0em;
    border-color: var(--primary-10);
    color: var(--primary);
    padding: 1rem;
    /* margin-bottom: 2rem; */
    position: relative;
    /* margin-bottom: .5rem; */
}

.input-row:not(.form-check-label),
.inputrow {
    margin-bottom: 2rem;
}

.form-select {
    margin-bottom: 0;
}

.was-validated .form-check-input:valid {
    border-color: var(--primary);
}

.form-control:not(.is-invalid):focus,
.form-select:not(.is-invalid):focus {
    border-color: var(--primary-50);
    box-shadow: none !important;
}

.form-control.is-invalid:focus,
.form-select.is-invalid:focus {
    border-color: var(--danger) !important;
    box-shadow: none !important;
}

.form-control::placeholder,
.form-select::placeholder {
    color: var(--primary-85);
}

.form-control:disabled,
.form-select:disabled {
    background-color: var(--gray-500);
    color: var(--primary-disabled);
    border-color: var(--gray-500);
}

.form-control:disabled::placeholder,
.form-select:disabled::placeholder {
    color: var(--primary-disabled);
}

.form-select.is-invalid,
.was-validated .form-select:invalid,
.form-control.is-invalid,
.was-validated .form-control:invalid {
    border-color: var(--danger);
}

.radio-button-group.is-invalid .form-check:not(.form-switch) .form-check-input:checked[type="radio"] {
    border-color: var(--danger);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%239e0000'/%3e%3c/svg%3e");
}

.radio-button-group.is-invalid .form-check:not(.form-switch) .form-check-input[type="radio"] {
    border-color: var(--danger);
}

.form-control.is-invalid:focus,
.form-select.is-invalid:focus {
    border-color: var(--primary);
}

/* .form-control.is-invalid,
.was-validated .form-control:invalid {} */

.form-control.is-invalid,
.was-validated .form-control:invalid {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%239e0000'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%239e0000' stroke='none'/%3e%3c/svg%3e");

}

.invalid-feedback {
    color: var(--danger);
}

/* .form-control[type="password"] {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_201_2)'%3E%3Cpath d='M11 3.97499C14.79 3.97499 18.17 6.10499 19.82 9.475C19.23 10.695 18.4 11.745 17.41 12.595L18.82 14.005C20.21 12.775 21.31 11.235 22 9.475C20.27 5.08499 16 1.97499 11 1.97499C9.73 1.97499 8.51 2.17499 7.36 2.54499L9.01 4.19499C9.66 4.06499 10.32 3.97499 11 3.97499ZM9.93 5.11499L12 7.18499C12.57 7.43499 13.03 7.89499 13.28 8.465L15.35 10.535C15.43 10.195 15.49 9.835 15.49 9.465C15.5 6.98499 13.48 4.97499 11 4.97499C10.63 4.97499 10.28 5.02499 9.93 5.11499ZM1.01 1.84499L3.69 4.52499C2.06 5.80499 0.77 7.50499 0 9.475C1.73 13.865 6 16.975 11 16.975C12.52 16.975 13.98 16.685 15.32 16.155L18.74 19.575L20.15 18.165L2.42 0.424988L1.01 1.84499ZM8.51 9.345L11.12 11.955C11.08 11.965 11.04 11.975 11 11.975C9.62 11.975 8.5 10.855 8.5 9.475C8.5 9.425 8.51 9.395 8.51 9.345ZM5.11 5.94499L6.86 7.69499C6.63 8.245 6.5 8.845 6.5 9.475C6.5 11.955 8.52 13.975 11 13.975C11.63 13.975 12.23 13.845 12.77 13.615L13.75 14.595C12.87 14.835 11.95 14.975 11 14.975C7.21 14.975 3.83 12.845 2.18 9.475C2.88 8.045 3.9 6.86499 5.11 5.94499Z' fill='%231C594E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_201_2'%3E%3Crect width='22' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") !important;
    background-size: 1.5rem;
    background-position: 95% 50%;
    background-repeat: no-repeat;
} */

input[type="date"]::-webkit-calendar-picker-indicator {
    appearance: none;
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    width: 32px;
    height: auto;
    color: transparent;
    background: transparent;
}

.form-control.has-date-picker,
input[type="date"]::-webkit-calendar-picker-indicator {
    background-size: 1.5rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='141' height='146'%3e%3cpath fill='%231c594e' d='M13.3%2c126.4V37.4c0-2.4%2c.9-4.5%2c2.6-6.3c1.7-1.8%2c3.8-2.6 6.2-2.6h8.8v-6.7c0-3.1%2c1.1-5.7%2c3.2-7.9c2.2-2.2%2c4.7-3.3%2c7.8-3.3h4.4c3%2c0 5.6%2c1.1%2c7.8%2c3.3c2.2%2c2.2%2c3.2%2c4.8%2c3.2%2c7.9v6.7h26.4v-6.7c0-3.1%2c1.1-5.7 3.2-7.9c2.2-2.2%2c4.7-3.3%2c7.8-3.3h4.4c3%2c0%2c5.6%2c1.1%2c7.8%2c3.3c2.2%2c2.2%2c3.2 4.8%2c3.2%2c7.9v6.7h8.8c2.4%2c0%2c4.4%2c.9%2c6.2%2c2.6c1.7%2c1.8%2c2.6%2c3.8%2c2.6%2c6.3v88.9c0 2.4-.9%2c4.5-2.6%2c6.3c-1.7%2c1.8-3.8%2c2.6-6.2%2c2.6H22.1c-2.4%2c0-4.4-.9-6.2-2.6C14.2%2c130.8 13.3%2c128.8%2c13.3%2c126.4z M22.1%2c126.4h96.8V55.2H22.1V126.4z M39.7%2c41.9c0%2c.6%2c.2%2c1.2 .6%2c1.6c.4%2c.4%2c.9%2c.6%2c1.6%2c.6h4.4c.6%2c0%2c1.2-.2%2c1.6-.6c.4-.4 .6-.9%2c.6-1.6v-20c0-.6-.2-1.2-.6-1.6c-.4-.4-.9-.6-1.6-.6h-4.4c-.6%2c0-1.2%2c.2-1.6 .6c-.4%2c.4-.6%2c1-.6%2c1.6V41.9z M92.5%2c41.9c0%2c.6%2c.2%2c1.2%2c.6%2c1.6c.4%2c.4%2c.9%2c.6 1.6%2c.6h4.4c.6%2c0%2c1.2-.2%2c1.6-.6c.4-.4 .6-.9%2c.6-1.6v-20c0-.6-.2-1.2-.6-1.6c-.4-.4-.9-.6-1.6-.6h-4.4c-.6 0-1.2%2c.2-1.6%2c.6c-.4%2c.4-.6%2c1-.6%2c1.6V41.9z'/%3e%3c/svg%3e");
    background-position: 98% 50%;
    background-repeat: no-repeat;
}



/* Select (specific) */
.form-select:not(.is-invalid) {
    background-image: url("data:image/svg+xml,%3Csvg class='icon' xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M0 0.5L5 5.5L10 0.5H0Z' fill='%231c594e'%3E%3C/path%3E%3C/svg%3E");
    background-size: 0.625rem 0.3125rem;
}

.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
    /* padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3Csvg class='icon' xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M0 0.5L5 5.5L10 0.5H0Z' fill='%231c594e'%3E%3C/path%3E%3C/svg%3E"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-position: right .75rem center, center right 2.25rem;
    background-size: 0.625rem 0.3125rem; */
    background-image: url("data:image/svg+xml,%3Csvg class='icon' xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M0 0.5L5 5.5L10 0.5H0Z' fill='%231c594e'%3E%3C/path%3E%3C/svg%3E");
    background-size: 0.625rem 0.3125rem;
}

.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3Csvg class='icon' xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M0 0.5L5 5.5L10 0.5H0Z' fill='%231c594e'%3E%3C/path%3E%3C/svg%3E"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%239e0000'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%239e0000' stroke='none'/%3e%3c/svg%3e");
    background-position: right 0.75rem center, center right 2.25rem;
    background-size: 0.625rem 0.3125rem, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-select:disabled {
    background-image: url("data:image/svg+xml,%3Csvg class='icon' xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M0 0.5L5 5.5L10 0.5H0Z' fill='%2397aaa1'%3E%3C/path%3E%3C/svg%3E");
}

.error,
.text-danger {
    /* color: red; */
    color: var(--danger) !important;
}

.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-radius: .375rem;
}

.custom-input-group-mb .input-group.mb-4-5 {
    margin-bottom: 1rem;
}

.reward-input .input-group.mb-4-5 {
    margin-bottom: 0;
}

/* Radio Buttons */

.custom-radio-group-mb .mb-2rem {
    margin-bottom: 1rem;
}

.radio-list {
    overflow: hidden;
}

.btn-check:checked+.btn {
    color: var(--primary-85) !important;
    background-color: var(--primary-20) !important;
    border-radius: 0 !important;
    /* border-color: var(--bs-btn-active-border-color); */
}

input[type="radio"]:checked+label.btn.btn-primary.btn-x-sm.h-full.chkbtn-active {
    background-color: red;
}

.form-check:not(.form-switch) {
    padding: unset;
    /* display: flex; */
    /* display: grid; */
    /* grid-template-columns: 1.125rem 1fr; */
    align-items: center;
    gap: 0.625rem;
    padding: 0.125rem;
    border-radius: 0.25rem;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.form-check:not(.form-switch) .form-check-label {
    /* text-body-medium */
    font-family: var(--roboto);
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0em;
    flex-grow: 1;
}

.form-check:not(.form-switch) .form-check-input {
    width: 1.25rem;
    height: 1.25rem;
    margin: unset;
}

.form-check:not(.form-switch) .form-check-input:checked[type="radio"] {
    background-color: transparent;
    border-color: var(--primary);
    background-position: center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%231c594e'/%3e%3c/svg%3e");
}

.form-check:not(.form-switch):hover {
    background-color: var(--primary-10);
}

.form-check:not(.form-switch):has(.form-check-input[type="radio"]:disabled):hover {
    background-color: transparent;
}

/* .form-check:not(.form-switch):focus {
  background-color: var(--primary-20);
}

.form-check:not(.form-switch) .form-check-input[type="radio"]:focus {
  box-shadow: 0 0 0 40.25rem var(--primary-20);
} */

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
    opacity: 1;
    color: var(--primary-disabled);
}

/* Checkbox */
.form-check:not(.form-switch) .form-check-input {
    height: 1.125rem;
    width: 1.125rem;
}

.form-check:not(.form-switch) .form-check-input:focus-visible {
    box-shadow: 0 0 0 40.25rem var(--primary-20);
    border-color: var(--primary);
}

.form-check:not(.form-switch) .form-check-input:focus:not(:focus-visible) {
    box-shadow: none;
    border-color: var(--primary);
}

.form-check:not(.form-switch) .form-check-input:active {
    filter: unset;
}

.form-check:not(.form-switch) .form-check-input:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11' fill='none'%3E%3Cpath d='M1 5L4 8L10 2' stroke='%231C594E' stroke-width='2'/%3E%3C/svg%3E");
    background-color: transparent;
    border-color: var(--primary);
    background-size: .6875rem;
    background-position: 70% 66.9%;
    /* background-position: 60% 66.9%; */
}

.form-check:not(.form-switch):has(.form-check-input[type="checkbox"]:disabled):hover {
    background-color: transparent;
}

/* Custom form edits */
div[data-ng-form="refForm"] h2,
legend h2 {
    font-size: 1.0625rem;
    line-height: 1.5rem;
    margin-bottom: 0;
}

div[ng-show="IsVisible('477',1,'4');"] {
    margin-top: 1.5rem;
}


.ValidationField.form-check-label::before {
    display: none;
}

div.check-holder.flex.items-center.form-check.validation.input-row.validation.relative {
    margin-bottom: 0;
}


div.check-holder.flex.items-center.form-check.validation.input-row.validation.relative~.input-row:not(.check-holder),
div.check-holder.flex.items-center.form-check.validation.input-row.validation.relative~.w-full.block.mb-2rem.bg-primary-20.h-1px {
    margin-top: 2rem;
}

.RadioButton.form-check-inline.inputrow,
.Yes_No.inputrow {
    margin-top: 2rem;
}

/* Selects any .input-row that contains a .parent-need-mb-0 */
.input-row:has(> .parent-needs-mb-0) {
    /* background-color: lightblue; */
    margin-bottom: 0;
}

.input-row:has(> .parent-needs-mb-2rem) {
    /* background-color: lightblue; */
    margin-bottom: 2rem !important;
}

.inputrow:has(.item-526) {
    /* background-color: lightblue; */
    margin-bottom: 0;
}

#_btnPrint {
    margin-bottom: 2rem !important;
}

div[ng-show="true"] font[color="red"] b {
    margin-right: 0.25rem;
}

div[ng-show="IsVisible('_492',1,'1');"] {
    margin-top: 1.5rem;
}

.form-validation font[color="blue"] b {
    color: var(--primary);
}

.form-validation h2 {
    font-size: 1.0625rem;
}

label b {
    font-weight: 500 !important;
    color: var(--primary);
}

label {
    /* text-body-medium */
    font-family: var(--roboto);
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0em;
}

label:not(.form-check-label) {
    margin-bottom: 0.5rem;
}

/* pagination */

.page-item .page-link,
ul.pagination li div.pages {
    border-radius: 0.25rem;
    /* .text-label-medium */
    font-family: var(--archivo);
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.5rem;
    letter-spacing: 0.03rem;
    text-transform: uppercase;
    background-color: var(--primary-10);
    color: var(--primary);
    border-color: var(--primary-10);
    border-width: 1px;
}

.page-item .page-link:hover,
ul.pagination li div.pages:hover {
    background-color: var(--primary-20);
    border-color: var(--primary-20);
    color: var(--primary);
}

.page-item .page-link:focus,
ul.pagination li div.pages:focus {
    border-color: var(--primary);
    box-shadow: none;
}

.page-item .page-link:active,
ul.pagination li div.pages:active {
    border-color: var(--primary-50);
    color: var(--primary-50);
    box-shadow: none;
}

/* .page-item .page-link:disabled {
  color: var(--primary-disabled);
  cursor: default;
} */

.page-item .page-link.prev-next {
    background-color: transparent;
    border-color: transparent;
}

.page-item .page-link.prev-next:hover {
    background-color: var(--primary-10);
    border-color: var(--primary-10);
}

.page-item .page-link.prev-next:active {
    color: var(--primary-50);
    border-color: var(--primary-50);
}

.page-item .page-link.prev-next:focus {
    border-color: var(--primary);
}

.page-item .page-link.prev-next:active:focus {
    border-color: var(--primary-50);
}

.pagination {
    gap: 0.25rem;
}

/* .page-item:not(:first-child) .page-link, ul.pagination li div.pages {
    margin: unset;
}

.page-item:not(:first-child) .page-link.active, ul.pagination li div.pages.active {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}

.page-item:not(:first-child) .page-link.active:hover {
    background-color: var(--primary-85);
    border-color: var(--primary-85);
}

.page-item:not(:first-child) .page-link.active:focus {
    background-color: var(--primary-85);
    border-color: var(--primary-85);
    color: var(--white);
}

.page-item:not(:first-child) .page-link.active:focus:active {
    background-color: var(--primary-10);
    border-color: var(--primary-50);
    color: var(--primary-50);
}

.page-item:not(:first-child) .page-link.disabled {
    background-color: var(--primary-10);
    color: var(--primary-disabled);
} */
.page-item .page-link,
ul.pagination li div.pages {
    margin: unset;
}

.page-item .page-link.active,
ul.pagination li div.pages.active {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white);
}

.page-item .page-link.active:hover {
    background-color: var(--primary-85);
    border-color: var(--primary-85);
}

.page-item .page-link.active:focus {
    background-color: var(--primary-85);
    border-color: var(--primary-85);
    color: var(--white);
}

.page-item .page-link.active:focus:active {
    background-color: var(--primary-10);
    border-color: var(--primary-50);
    color: var(--primary-50);
}

.page-item .page-link.disabled {
    /* background-color: var(--primary-10); */
    color: var(--primary-disabled);
}

.page-link,
ul.pagination li div.pages {
    padding: 0.375rem 0.75rem;
    cursor: pointer;
}


/* Breadcrumb */

.breadcrumb {
    padding: .5rem 2rem;
    color: var(--primary);
    background-color: var(--white);
    margin-bottom: 0;
}

.breadcrumb-item::before {
    display: none;

}

.breadcrumb-item {
    padding-right: 1rem;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 1rem;
}

.breadcrumb-item a:hover {
    text-decoration: underline;
}

.breadcrumb-item a::before {
    font-size: 15px !important;
    padding: 0 !important;

}

/* .breadcrumb-item+.breadcrumb-item::before {
    color: var(--primary);
} */

/* .breadcrumb-item+.breadcrumb-item::before {
    padding-right: 1rem;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 1rem;
} */

/* Display line */

.display-line .text-label-medium svg.icon,
.display-line .text-title-large svg.icon {
    height: 0.75rem;
    width: 0.75rem;
    /* height: 0.75rem; */
}

.display-line .text-display-large svg.icon {
    height: 1.625rem;
    width: 1.625rem;
}

/* Dropdown */
.dropdown-toggle[aria-expanded="true"]::after,
.btn[aria-expanded="true"] svg.icon {
    transform: rotate(180deg);
}

.dropdown-toggle.primary[aria-expanded="false"]:hover,
.btn-link.primary[data-bs-toggle="modal"]:hover,
.btn-link.primary[data-bs-toggle="offcanvas"]:hover,
.btn-link.primary:hover {
    /* transform: rotate(180deg); */
    background-color: var(--primary-85) !important;
}

.btn-link.primary.active {
    background-color: var(--state-brand-15) !important;
}

.dropdown-toggle.inverted[aria-expanded="false"]:hover,
.btn-link.inverted[data-bs-toggle="modal"]:hover,
.btn-link.inverted[data-bs-toggle="offcanvas"]:hover {
    /* transform: rotate(180deg); */
    background-color: var(--white);
}

.dropdown-toggle.inverted[aria-expanded="false"]:hover svg.icon path,
.btn-link.inverted[data-bs-toggle="modal"]:hover svg.icon path,
.btn-link.inverted[data-bs-toggle="offcanvas"]:hover svg.icon path {
    /* transform: rotate(180deg); */
    fill: var(--primary);
}

.dropdown-toggle.primary[aria-expanded="false"]:active,
.dropdown-toggle.primary[aria-expanded="false"]:focus,
.btn-link.primary[data-bs-toggle="modal"]:focus,
.btn-link.primary[data-bs-toggle="modal"]:active,
.btn-link.primary[data-bs-toggle="offcanvas"]:focus,
.btn-link.primary[data-bs-toggle="offcanvas"]:active {
    box-shadow: none;
    background-color: var(--primary);
}

.dropdown-toggle.inverted[aria-expanded="false"]:active,
.dropdown-toggle.inverted[aria-expanded="false"]:focus,
.btn-link.inverted[data-bs-toggle="modal"]:focus,
.btn-link.inverted[data-bs-toggle="modal"]:active,
.btn-link.inverted[data-bs-toggle="offcanvas"]:focus,
.btn-link.inverted[data-bs-toggle="offcanvas"]:active {
    box-shadow: none;
    background-color: var(--white);
}

.dropdown-toggle.primary[aria-expanded="false"]:focus,
.dropdown-toggle.primary[aria-expanded="false"]:active,
.dropdown-toggle.primary[aria-expanded="true"]:focus,
.dropdown-toggle.primary[aria-expanded="true"]:active {
    border-color: transparent !important;
}

.dropdown-toggle.primary[aria-expanded="true"]:focus,
.dropdown-toggle.primary[aria-expanded="true"]:active {
    background-color: var(--primary);
    box-shadow: none;
}

.dropdown-toggle.inverted[aria-expanded="true"]:focus,
.dropdown-toggle.inverted[aria-expanded="true"]:active {
    background-color: var(--white);
    box-shadow: none;
}

.dropdown-toggle.primary,
.btn-link.primary {
    color: var(--white) !important;
}

.dropdown-toggle.inverted,
.btn-link.inverted {
    color: var(--primary);
}

/* .dropdown-toggle.inverted svg.icon path,
.btn-link.inverted svg.icon path {
    fill: var(--primary);
} */

.dropdown-menu.show {
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 3px;
    padding: 0;
}

.dropdown-item {
    /* text-label-small */
    font-family: var(--archivo);
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.25rem;
    letter-spacing: 0.03rem;
    text-transform: uppercase;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-left: 1rem;
    padding-right: 1rem;
    color: var(--primary);
    display: inline-flex;
    gap: 0.5rem;
    align-items: center;
}

.dropdown-item svg.icon path {
    fill: var(--primary);
}

.dropdown-item:hover {
    background-color: var(--primary-10);
    color: var(--primary);
}

.dropdown-item:active,
.dropdown-item:focus {
    background-color: var(--primary-20);
    color: var(--primary);
    outline: none;
}

.dropdown-item.active {
    background-color: var(--primary);
    color: var(--white);
}

.dropdown-item.active svg.icon path {
    fill: var(--white);
}

/* Carousel */

.carousel-control-next,
.carousel-control-prev {
    top: unset;
    /* height: 2rem; */
    /* width: 2rem; */
    opacity: 1;
    /* bottom: -2rem; */
    /* outline: 2px solid var(--white); */
    /* border-radius: 4px; */
    position: relative;
}

.carousel-dots button {
    height: 0.7rem;
    width: 0.7rem;
    line-height: 0.7rem;
    max-width: 0.7rem;
    padding: 0;
    border-radius: 50%;
    background-color: var(--blue-20);
    border: 0px solid transparent;
}

.carousel-dots.dots-small button {
    height: 0.375rem;
    width: 0.375rem;
    line-height: 0.375rem;
    max-width: 0.375rem;
}

.carousel-dots button:hover,
.carousel-dots button.active {
    background-color: var(--primary);
}

.carousel-item img {
    display: block;
    width: 100%;
    /* margin-bottom: 1rem; */
}

/* tooltip */
.tooltip-inner {
    max-width: 358px;
    padding: 1rem;
    color: var(--dark);
    box-shadow: 0px 4px 4px 0px #00000040;
    text-align: center;
    background-color: var(--white);
    border-radius: 0.25rem;
}

.tooltip-arrow::before {
    display: none;
}

.tooltip.show {
    opacity: 1;
}

.streak-item.in-progress {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    background: rgb(var(--white-rgb));
}

.streak-item.disabled {
    opacity: .5;
    background: var(--state-brand-85);
}

/* datepicker */

input[name="quit-date"] {
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20 3H19V1H17V3H7V1H5V3H4C2.9 3 2 3.9 2 5V21C2 22.1 2.9 23 4 23H20C21.1 23 22 22.1 22 21V5C22 3.9 21.1 3 20 3ZM20 21H4V10H20V21ZM20 8H4V5H20V8Z' fill='%231C594E' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    /* background-size: contain; */
    background-position: calc(100% - 1rem) center;
}

.datepicker-controls .view-switch::after {
    display: none;
}

.datepicker-input.in-edit {
    border-color: var(--primary);
}

/* .datepicker {
    width: -moz-min-content;
    width: min-content
} */

/* .datepicker:not(.active) {
    display: none
} */

.quit-date-wrap input {
    order: 2;
}

.quit-date-wrap .datepicker {
    order: 1;
}

.datepicker-controls button {
    border: 0px solid transparent;
    background-color: transparent;
}

.datepicker-controls .prev-button {
    order: 2;
    justify-self: flex-end;
}

.datepicker-controls .next-button {
    order: 3;
    justify-self: flex-end;
}

.datepicker-controls .view-switch {
    justify-self: start;
    order: 1;
    text-align: left;
    color: var(--blue-85);
    background-color: transparent;
    padding: .75rem;
    position: relative;

    /* font-family: Roboto; */
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5rem;
    /* 171.429% */
    letter-spacing: 0.02625rem;
}

.datepicker-controls .view-switch::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -1rem;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 9.5L12 14.5L17 9.5H7Z' fill='%23006C7A'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    height: 1rem;
    width: 1rem;
    background-position: center;
}

.datepicker-dropdown {
    padding-top: 4px;
    /* position: absolute; */
    z-index: 1000
}

.datepicker-dropdown.datepicker-orient-top {
    padding-bottom: 4px;
    padding-top: 0
}

.datepicker-picker {
    /* background-color: #fff; */
    /* border-radius: .375rem; */
    display: flex;
    flex-direction: column
}

/* .datepicker-dropdown .datepicker-picker {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)
} */

.datepicker-main {
    flex: auto;
    padding: 2px
}

.datepicker-footer {
    background-color: #f8f9fa;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.datepicker-title {
    background-color: #f8f9fa;
    box-shadow: inset 0 -1px 1px rgba(0, 0, 0, .1);
    font-weight: 700;
    padding: .375rem .75rem;
    text-align: center
}

.datepicker-controls {
    display: grid;
    grid-template-columns: 1fr 2rem 2rem;
}

/* .datepicker-header .datepicker-controls {
    padding: 2px 2px 0
} */

/* .datepicker-controls .btn {
    background-color: #fff;
    border-color: #f8f9fa
} */

.datepicker-controls .btn:focus,
.datepicker-controls .btn:hover {
    background-color: #e2e6ea;
    border-color: #dbe0e5;
    color: #000
}

.datepicker-controls .btn:focus {
    box-shadow: 0 0 0 .25rem hsla(210, 2%, 83%, .5)
}

.datepicker-controls .btn:disabled {
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    color: #000
}

.datepicker-controls .btn:not(:disabled):active {
    background-color: #dbe0e5;
    border-color: #d4dae0;
    color: #000
}

.datepicker-controls .btn:not(:disabled):active:focus {
    box-shadow: 0 0 0 .25rem hsla(210, 2%, 83%, .5)
}

.datepicker-header .datepicker-controls .btn {
    border-color: transparent;
    font-weight: 700
}

.datepicker-footer .datepicker-controls .btn {
    border-radius: .25rem;
    flex: auto;
    font-size: .875rem;
    margin: calc(.375rem - 1px) .375rem
}

/* .datepicker-controls .view-switch {
    flex: auto
} */

.datepicker-controls .next-button,
.datepicker-controls .prev-button {
    flex: 0 0 14.2857142857%;
    padding-left: .375rem;
    padding-right: .375rem
}

.datepicker-controls .next-button.disabled,
.datepicker-controls .prev-button.disabled {
    visibility: hidden
}

.datepicker-grid,
.datepicker-view {
    display: flex
}

.datepicker-view {
    align-items: stretch;
    /* width: 15.75rem */
}

.datepicker-grid {
    flex: auto;
    flex-wrap: wrap
}

.datepicker .days {
    display: flex;
    flex: auto;
    flex-direction: column
}

.datepicker .days-of-week {
    display: flex
}

.datepicker .week-numbers {
    display: flex;
    flex: 0 0 9.6774193548%;
    flex-direction: column
}

.datepicker .weeks {
    align-items: stretch;
    display: flex;
    flex: auto;
    flex-direction: column
}

.datepicker span {
    -webkit-touch-callout: none;
    align-items: center;
    border-radius: .375rem;
    cursor: default;
    display: flex;
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-weight: 800;
    font-size: .75rem;
    /* width: 4.75rem; */
    width: 2.5rem;
    height: 2.5rem;
}

.datepicker .dow {
    font-size: .75rem;
    font-weight: 400;
    color: var(--primary-disabled);
    /* height: 1.5rem */
}

.datepicker .week {
    color: #dee2e6;
    flex: auto;
    font-size: .875rem
}

.datepicker .days .dow,
.datepicker-cell {
    flex-basis: 14.2857142857%
}

.datepicker-cell {
    height: 2.25rem;
    position: relative;
}

.datepicker-cell:not(.day) {
    flex-basis: 25%;
    height: 4.5rem
}

.datepicker-cell:not(.disabled):hover {
    background-color: #f9f9f9;
    cursor: pointer
}

.datepicker-cell.focused:not(.selected),
.datepicker-cell:hover:not(.selected) {

    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml, %3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='50' fill='%23e2e6ea' /%3E%3C/svg%3E%0A");
}

.datepicker-cell.selected,
.datepicker-cell.selected:hover {
    /* background-color: #0d6efd;
    color: #fff;
    font-weight: 600 */
    color: var(--white);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml, %3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='50' fill='%231C594E' /%3E%3C/svg%3E%0A");
}

.datepicker-cell.disabled {
    color: rgba(33, 37, 41, .5)
}

.datepicker-cell.next:not(.disabled),
.datepicker-cell.prev:not(.disabled) {
    color: var(--primary-disabled);
    font-weight: 400;
}

.datepicker-cell.next.selected,
.datepicker-cell.prev.selected {
    color: #e6e6e6
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today) {
    background-color: #f8f9fa;
    border-radius: 0
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover {
    background-color: #f1f3f5
}

.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused {
    background-color: #e2e6ea
}

.datepicker-cell.today:not(.selected) {
    background-color: #20c997
}

.datepicker-cell.today:not(.selected):not(.disabled) {
    color: #fff
}

.datepicker-cell.today.focused:not(.selected) {
    background-color: #1fc493
}

.datepicker-cell.range-end:not(.selected),
.datepicker-cell.range-start:not(.selected) {
    background-color: #6c757d;
    color: #fff
}

.datepicker-cell.range-end.focused:not(.selected),
.datepicker-cell.range-start.focused:not(.selected) {
    background-color: #69727a
}

.datepicker-cell.range-start:not(.range-end) {
    border-radius: .375rem 0 0 .375rem
}

.datepicker-cell.range-end:not(.range-start) {
    border-radius: 0 .375rem .375rem 0
}

.datepicker-cell.range {
    background-color: #e9ecef;
    border-radius: 0
}

.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover {
    background-color: #e2e6ea
}

.datepicker-cell.range.disabled {
    color: #ced4db
}

.datepicker-cell.range.focused {
    background-color: #dbe0e5
}

/* 
.datepicker-input.in-edit {
    border-color: #73acfe
} */

.datepicker-input.in-edit:active,
.datepicker-input.in-edit:focus {
    box-shadow: 0 0 .25em .25em rgba(115, 172, 254, .2)
}


/* "tooltip" */
.tooltip-btn[aria-expanded="true"] .circle {
    background: var(--primary) !important;
}

.tooltip-btn[aria-expanded="true"] .question-mark {
    color: var(--white) !important;
}

.focus\:border-2px-solid-primary:focus {
    border: 2px solid var(--primary);
}

.\!focus\:border-2px-solid-white-50:focus {
    border: 2px solid var(--white-50) !important;
}

/* Progress Indicator */
.progress-indicator {
    position: relative;
    width: 100%;
}

.progress-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    margin: auto;
    position: relative;
    padding: 0;
    z-index: 1;
    list-style: none;
}

.progress-item {
    display: inline-flex;
    align-self: center;
    position: relative;
}

.progress-item-label {
    width: 4.8rem;
    text-align: center;
    position: absolute;
    top: calc(100% + .32rem + 8px);
    left: 50%;
    transform: translateX(-50%);
}

.progress-item:not(.active):not(.complete) .progress-item-label {
    top: calc(100% + .32rem + 10px);
}

.progress-item:last-of-type:is(.active),
.progress-item:last-of-type:is(.complete) {
    transform: translateX(2px);
}

.progress-item.active .progress-marker,
.progress-item.complete .progress-marker {
    top: calc(100% + .32rem);
}

/* iframe */
iframe {
    max-width: 100%;
}

/* audio */
audio::-webkit-media-controls-panel {
    background-color: #e2e9e9;

}

audio {
    max-width: 100%;
}

audio::-webkit-media-controls-enclosure {
    border-radius: .25rem;
}

/* My account nav */
.accordion.my-account-nav {
    --bs-accordion-active-bg: var(--state-brand-15);
}

.accordion.my-account-nav .dropdown-item:hover,
.accordion.my-account-nav .dropdown-item:focus:not(.active),
.accordion.my-account-nav .dropdown-item.active {
    background-color: var(--primary-20) !important;
    color: var(--primary);
}

.accordion.my-account-nav .dropdown-item:focus:is(.active) {
    background-color: var(--primary-10) !important;
}

.accordion.my-account-nav .accordion-button:focus {
    box-shadow: none;
    background-color: var(--primary);
}

.accordion.my-account-nav .accordion-item .accordion-button[aria-expanded="true"] .icon-open {
    display: none;
}

.accordion.my-account-nav .accordion-item .accordion-button[aria-expanded="true"] .icon-closed {
    display: block;
}

.accordion.my-account-nav .accordion-item .accordion-button[aria-expanded="false"] .icon-closed {
    display: none;
}

.accordion.my-account-nav .accordion-item .accordion-button[aria-expanded="false"] .icon-open {
    display: block;
}

.accordion.my-account-nav {
    --bs-btn-active-bg: var(--state-brand-15);
}

/* audio::-webkit-media-controls-timeline-container {} */

/* audio::-webkit-media-controls-mute-button */
/* audio::-webkit-media-controls-play-button  */

/* audio::-webkit-media-controls-current-time-display */
/* audio::-webkit-media-controls-time-remaining-display  */
/* audio::-webkit-media-controls-timeline  */
/* audio::-webkit-media-controls-volume-slider-container  */
/* audio::-webkit-media-controls-volume-slider  */
/* audio::-webkit-media-controls-seek-back-button */
/* audio::-webkit-media-controls-seek-forward-button */
/* audio::-webkit-media-controls-fullscreen-button */
/* audio::-webkit-media-controls-rewind-button */
/* audio::-webkit-media-controls-return-to-realtime-button */
/* audio::-webkit-media-controls-toggle-closed-captions-button */

/* site */

.content-text,
.content-text p,
.content-text li {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.content-text ul {
    margin-top: 1rem;
}



.enroll-form li {
    /* .text-title-medium */
    font-family: var(--archivo);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.75rem;
    letter-spacing: 0rem;
}

.enroll-form ul {
    margin-top: 0 !important;
}

.enroll-form .RadioButton.form-check-inline:has(.input-row) {
    margin-bottom: 0;
}

.enroll-form .RadioButton.form-check-inline .input-row.validation {
    margin-bottom: 0;
}

.enroll-form .RadioButton.form-check-inline.inputrow~.Numeric.inputrow {
    margin-top: 2rem;
}

.enroll-form .inputrow~.form-check-inline.inputrow {
    margin-top: 0;
}

.enroll-form .CheckBoxQP:has(.input-row) {
    margin-bottom: 0;
}

.enroll-form .inputrow .input-row {
    margin-bottom: 0 !important;
}

.enroll-form .CheckBox:has(~ .check-holder) {
    margin-bottom: 0;
}


.enroll-form .Numeric:has(~ .RadioButton) {
    margin-bottom: 0;
}

/* .enroll-form .Numeric.inputrow .input-row.validation {
    margin-bottom: 0;
} */

/* .enroll-form .Numeric.inputrow~.RadioButton.form-check-inline.inputrow {
    margin-top: 0;
} */

.enroll-form .RadioButton.form-check-inline:has(.input-row)~.RadioButton.form-check-inline:has(.input-row) {
    /*  This was adding extra space in that was not needed.
        margin-top: 2rem;*/
    margin-top: 0;
    margin-bottom: 2rem;
}

.enroll-form h2 {
    margin-top: 2rem;
    /* text-body-medium */
    font-family: var(--roboto);
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0em;
}

.enroll-form .h3 {
    /* color: var(--primary); */
    /* text-body-medium */
    font-family: var(--roboto);
    font-size: 1.0625rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0em;
}

.enroll-form b {
    font-weight: 400;
    ;
}

/* .enroll-form .input-row:has(#_24791) {
    margin-bottom: 0;
} */

/* .enroll-form .input-row:has(#_24792) {
    margin-bottom: 2rem;
} */

/* .enroll-form .input-row:has(#_11572) {
    margin-bottom: 0;
} */

/* .enroll-form .input-row:has(#_11584) {
    margin-bottom: 2rem;
} */

/* .enroll-form .input-row:has(#_640) {
    margin-bottom: 0rem;
} */

/* .enroll-form .input-row:has(#_11599) {
    margin-bottom: 0rem;
} */

/* .enroll-form .input-row:has(#_651) {
    margin-bottom: 2rem;
} */

/* .enroll-form .input-row:has(#_11604) {
    margin-bottom: 2rem;
} */

/* .enroll-form .input-row:has(#_24815) {
    margin-bottom: 2rem;
} */

/* .enroll-form .input-row:has(label[for="_11581"]),
.enroll-form .input-row:has(label[for="_11577"]),
.enroll-form .input-row:has(label[for="_11573"]) {
    margin-top: 2rem;
    margin-bottom: 0;
} */

/* Nested Questions inside of parent questions */
/* .enroll-form .input-row:has(label[for="_11583"]),
.enroll-form .input-row:has(label[for="_11590"]),
.enroll-form .input-row:has(label[for="_11591"]),
.enroll-form .input-row:has(label[for="_11585"]),
.enroll-form .input-row:has(label[for="_11587"]) {
    margin-bottom: 0;
} */


/* .enroll-form #_24813 {
    margin-bottom: 2rem;
} */

/* NRT Form */


.nrt-form .h3 {
    margin-top: 2rem;
}

.nrt-form input[data-ng-click="ValidateAddress('home')"] {
    margin-bottom: 2rem;
}


.nrt-form .CheckBox {
    margin-bottom: 2rem;
}

.nrt-form-wrap h2 {
    margin: 0;
}

.nrt-form .btn-wrap.alt {
    background: transparent;
}

.nrt-form .check-holder~div[ng-show="true"] {
    margin-top: unset;
}

.nrt-form .input-row:has(#QMProductTypeId_1) {
    margin-bottom: 0;
}

.nrt-form div[ng-show="true"]:has(#QMProductTypeId_6) {
    margin-bottom: 2rem;
}

.nrt-form span.label {
    font-size: .875rem;
}

.nrt-form #page3 .check-holder.validation.label-dashboard.form-check.flex.flex-col.items-start {
    gap: .5rem;
    padding-top: 0;
}

label#lbl_QMProductTypeId_5,
label#lbl_QMProductTypeId_6 {
    margin-top: 2rem;
}

.nrt-form #page4 label[data-from="dynamic"] {
    display: none;
}

.nrt-form #page6 .h3 .h3 label:first-of-type:not(.text-body-medium):not(.ValidationField) {
    /* .text-title-large */
    font-family: var(--archivo);
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.75rem;
    letter-spacing: 0rem;
    margin-bottom: 2rem;
}

.nrt-form #OrderProblem .heading {
    font-size: 1.5rem;
}

.nrt-form #OrderProblem div:not(.heading) {
    font-size: 1rem;
}

/* Both Forms */
.enroll-form .form-check:not(.form-switch),
.nrt-form .form-check:not(.form-switch) {
    padding: .5rem 0.125rem;
}

.enroll-form .error {
    margin-top: .25rem;
    font-size: .875rem;
}

#errors-list {
    text-align: center;
    font-size: 1rem;
}

#errors-list br {
    display: none;
}

/* CMS Content */
.cms-content li:not(:last-child) {
    margin-bottom: 1rem;
}

.cms-content li:first-child {
    margin-top: 1rem;
}

.cms-content ul:not(.mb-2-5rem) {
    margin-bottom: 0 !important;
}

.cms-content a:not(.btn) {
    text-decoration: underline;
    overflow-wrap: break-word;
}

/* Temp */
.partial-view {
    display: none;
}

.current {
    display: block;
}

/* Commitment Quiz */
.quiz-block ol li::marker {
    content: '';

}


/* Utility */

.white-space-no-wrap {
    white-space: nowrap;
}

.size-2-5rem {
    height: 2.5rem;
    width: 2.5rem;
}

.object-position-top-left {
    object-position: top left;
}

.object-position-martin {
    object-position: center 17%;
}

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

.min-h-full {
    min-height: 100%;
}

.min-h-1-625rem {
    min-height: 1.625rem;
}

span.field-validation-error {
    margin-bottom: 1rem;
    display: block;
}

.translate-x-1rem {
    transform: translateX(1rem);
}

.translate-y-neg-3rem {
    transform: translateY(-3rem);
}

.hero-custom-title {
    transform: translate(1rem, -3rem);
}

.responsive-iframe {
    position: relative;
    overflow: hidden;
    padding-bottom: 56.25%;
    /* 16:9 aspect ratio */
}

.responsive-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

a.link-disabled {
    pointer-events: none;
    cursor: default;
}

hr {
    margin: 2rem 0;
}

.override-mb .mb-2rem,
.override-mb .mb-4-5,
.mb-override .mb-2rem {
    margin-bottom: 0rem !important;
}


.hidden {
    display: none !important;
}

.display-none {
    display: none;
}

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

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

.capitalize {
    text-transform: capitalize;
}

.\!capitalize {
    text-transform: capitalize !important;
}

.h-1px {
    height: 1px;
}

.h-2px {
    height: 2px;
}

.h-1-5rem {
    height: 1.5rem;
}

.h-3rem {
    height: 3rem;
}

.h-3-25rem {
    height: 3.25rem;
}

.h-7-25rem {
    height: 7.25rem;
}

.w-3rem {
    width: 3rem;
}

.hover\:underline:hover {
    text-decoration: underline;
}

.hover\:bg-primary-20:hover {
    background-color: var(--primary-20) !important;
}

.hover\:opacity-80:hover {
    opacity: 0.8;
}

.w-auto {
    width: auto;
}

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

.flex-shrink-0 {
    flex-shrink: 0;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.border-none {
    border: 2px solid transparent;
}

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

.box-shadow-none {
    box-shadow: none !important;
}

.focus\:box-shadow-none:focus {
    box-shadow: none !important;
}

.focus-visible\:outline-transparent:focus-visible {
    outline-color: transparent;
}

.focus\:bg-primary-10:focus {
    background-color: var(--primary-10);
}

.focus\:border-primary-2px:focus {
    border: 2px solid var(--primary);
}

.grid {
    display: grid;
}

.bg-none {
    background-color: transparent;
}

.right-0 {
    right: 0;
}

.right-0-5rem {
    right: 0.5rem;
}

.h-full {
    height: 100%;
}

.top-0 {
    top: 0;
}

.top-1\/2 {
    top: 50%;
}

.left-0 {
    left: 0;
}

.left-1rem {
    left: 1rem
}

.-translate-y-1\/2 {
    transform: translateY(-50%);
}

.-translate-y-53\/100 {
    transform: translateY(-53%);
}

.pointer-events-none {
    pointer-events: none;
}

.w-8 {
    width: 2rem;
}

.rounded-tr-bl {
    border-radius: 2px 10px 2px 10px;
}

.br-0-25rem {
    border-radius: 0.25rem;
}

.br-6-25rem {
    border-radius: 6.25rem;
}

.br-0-375rem {
    border-radius: 0.375rem;
}

.br-0-75rem {
    border-radius: 0.75rem;
}

.rounded-4,
.br-0-5rem {
    border-radius: 0.5rem;
}

.br-2rem {
    border-radius: 2rem;
}

.rounded-t-4 {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.border-width-1px {
    border-width: 1px;
}

.border-width-2px {
    border-width: 2px;
}

.rounded-2-5 {
    border-radius: 0.75rem;
}

.rounded-full {
    border-radius: 100%;
}

.hidden {
    display: none;
}

.invisible {
    visibility: hidden;
}

.p-0-5rem {
    padding: 0.5rem;
}

.p-0-75rem {
    padding: 0.75rem;
}

.\!p-0-75rem {
    padding: 0.75rem !important;
}

.p-1rem {
    padding: 1rem;
}

.p-1-5rem {
    padding: 1.5rem;
}

.pb-1-25rem {
    padding: 1.25rem;
}

.pb-1-5rem {
    padding: 1.5rem;
}

.pe-2-5 {
    padding-right: 0.75rem !important;
}

.pb-4-5,
.pb-2rem {
    padding-bottom: 2rem;
}

.pb-2-5rem {
    padding-bottom: 2.5rem;
}

.pb-4rem {
    padding-bottom: 4rem;
}

.pb-4-5rem {
    padding-bottom: 4.5rem;
}

.pb-5-5rem {
    padding-bottom: 5.5rem;
}

.pb-6-5rem {
    padding-bottom: 6.5rem;
}

.pb-80 {
    padding-bottom: 5rem;
}

.pb-112 {
    padding-bottom: 7rem;
}

.pt-0-25rem {
    padding-top: 0.25rem;
}

.pt-0-75rem {
    padding-top: 0.75rem;
}

.pt-1-5rem {
    padding-top: 1.5rem;
}

.pt-2rem {
    padding-top: 2rem;
}

.pt-6 {
    padding-top: 4rem;
}

.pt-7 {
    padding-top: 5rem;
}

.pt-4-5 {
    padding-top: 2rem !important;
}

.pt-3rem {
    padding-top: 3rem;
}

.pt-3-5rem {
    padding-top: 3.5rem;
}

.pb-3rem {
    padding-bottom: 3rem;
}

.pb-5rem {
    padding-bottom: 5rem;
}

.pb-3-5rem {
    padding-bottom: 3.5rem;
}

.py-0-25rem {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.py-0-38rem {
    padding-top: 0.38rem;
    padding-bottom: 0.38rem;
}

.py-0-5rem {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.py-0-75rem {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.py-1-25rem {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.py-1-5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

.py-1-5rem {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.py-2rem {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.py-2-5 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.p-2-5 {
    padding: 0.75rem;
}

.py-4-5 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.p-2-5rem {
    padding: 2.5rem;
}

.py-2-5rem {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}

.py-5rem {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

.py-80 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.p-4-5 {
    padding: 2rem;
}

.px-0-5rem {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.px-2-5,
.px-0-75rem {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.px-1rem {
    padding-left: 1rem;
    padding-right: 1rem;
}

.px-1-25rem {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.px-1-5rem {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.px-2-5rem {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.px-4-5 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.py-4-75 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.py-3-5rem {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}


.py-4-75 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.py-64 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.py-6rem {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.m-3px {
    /* converted to rem, but using px in class name bc it's shorter */
    margin: .1875rem !important;
}

.mt-auto {
    margin-top: auto;
}

.mt-1-5rem {
    margin-top: 1.5rem;
}

.mt-2-rem,
.mt-2rem {
    margin-top: 2rem;
}

.mt-2-5rem {
    margin-top: 2.5rem;
}

/* .mb-4 {
  margin-bottom: 1.5rem;
} */

.mb-0-25rem {
    margin-bottom: .25rem;
}

.mb-0-5rem {
    margin-bottom: .5rem;
}

.mb-0-75rem {
    margin-bottom: .75rem;
}

.mb-1rem {
    margin-bottom: 1rem;
}

.mb-1-25rem {
    margin-bottom: 1.25rem;
}

.mb-1-5rem {
    margin-bottom: 1.5rem;
}

.mb-2rem {
    margin-bottom: 2rem;
}

.\!mb-2rem {
    margin-bottom: 2rem !important;
}

.mb-2-5rem {
    margin-bottom: 2.5rem !important;
}

.mb-3rem {
    margin-bottom: 3rem;
}

.mb-4rem {
    margin-bottom: 4rem;
}

.mt-4-75 {
    margin-top: 2.5rem;
}

.mb-4-5 {
    margin-bottom: 2rem;
}

.my-4-5 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.mb-4-75 {
    margin-bottom: 2.5rem;
}

.mb-64 {
    margin-bottom: 4rem;
}

.mb-5rem {
    margin-bottom: 5rem;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.ms-4-5 {
    margin-left: 2rem;
}

.fw-300 {
    font-weight: 300;
}

.fw-400 {
    font-weight: 400;
}

.fw-black,
.fw-700 {
    font-weight: 700;
}

.fw-800 {
    font-weight: 800;
}

.offset-y-negative {
    top: -0.5rem;
}

.offset-y-negative-0-75-rem {
    top: -.75rem;
}

.offset-y-negative1-rem {
    top: -1rem;
}

.offset-y-positive {
    top: 0.5rem;
}

.gap-0-19rem {
    gap: 0.19rem;
}

.gap-0-25rem {
    gap: 0.25rem;
}

.gap-0-38rem {
    gap: 0.38rem;
}

.gap-0-5rem {
    gap: 0.5rem;
}

.gap-0-62rem {
    gap: 0.62rem;
}

.gap-2-5,
.gap-0-75rem {
    gap: 0.75rem;
}

.gap-3-5 {
    gap: 1.25rem;
}

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

.gap-1-5rem {
    gap: 1.5rem;
}

.gap-4-5,
.gap-2rem {
    gap: 2rem;
}

.gap-4-75,
.gap-2-5rem {
    gap: 2.5rem;
}

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

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

.gap-5rem {
    gap: 5rem;
}

.row-gap-0-75rem {
    row-gap: 0.75rem;
}

.row-gap-0-5rem {
    row-gap: 0.5rem;
}

.column-gap-0-25rem,
.col-gap-0-25rem {
    column-gap: 0.25rem;
}

.column-gap-0-5rem {
    column-gap: 0.5rem;
}

.flex-1 {
    flex: 1;
}

.w-full {
    width: 100%;
}

.w-unset {
    width: unset !important;
}


.hover\:text-decoration-underline:hover {
    text-decoration: underline !important;
}

.no-underline {
    text-decoration: none !important;
}

.underline {
    text-decoration: underline;
}

.footer-rounded {
    border-radius: 0 24px 0 0;
}

.testimonial-hover-gradient {
    background: var(--testimonial-gradient);
}

.testimonial-card .testimonial-hover-gradient {
    transition: all 0.15s ease;
}

.testimonial-card:hover .testimonial-hover-gradient {
    opacity: 1 !important;
}

#testimonial-group-inner .testimonial-card:nth-child(odd) {
    justify-self: end;
}

.max-w-343 {
    max-width: 343px;
}

.max-w-35-25rem {
    max-width: 35.25rem;
}


.max-w-44-25rem {
    max-width: 44.25rem;
}

.max-w-59-625rem {
    max-width: 59.625rem;
}

.max-h-2-25rem {
    max-height: 2.25rem;
}

.max-h-19rem {
    max-height: 19rem;
}

.h-64 {
    height: 80px;
}

.h-8-375rem {
    height: 8.375rem;
}

.h-36 {
    height: 36px;
}

.w-64 {
    width: 80px;
}

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

.border-w-0,
.bw-0 {
    border-width: 0;
}

.bw-2px {
    border-width: 2px;
}

.object-fit-contain,
.object-contain {
    object-fit: contain;
}

.object-fit-cover,
.object-cover {
    object-fit: cover;
}

.object-position-center {
    object-position: center;
}

.object-position-center-3 {
    object-position: center 3%;
}

.object-position-center-14 {
    object-position: center 14%;
}

.object-position-center-18 {
    object-position: center 18%;
}

.object-position-center-21 {
    object-position: center 21%;
}

.object-position-center-24 {
    object-position: center 24%;
}

.object-position-center-29 {
    object-position: center 29%;
}

.object-position-center-top {
    object-position: center top;
}

.aspect-ratio-4-3 {
    aspect-ratio: 4/3;
}

.gtc-1 {
    grid-template-columns: 1fr;
}

.gtc-list {
    grid-template-columns: 2.5rem 1fr;
}

.gtc-checkbox {
    grid-template-columns: 2rem 1fr;
}

.flex {
    display: flex;
}

.grid {
    display: grid;
}

.flex-col {
    flex-direction: column;
}

.card-img {
    min-height: 456.328px;
    object-fit: cover;
    width: 100%;
}

.card-content {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.card-heading {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.flex-col {
    flex-direction: column;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.fixed {
    position: fixed;
}

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

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

.dashboard-container {
    max-width: 52.125rem;
    margin: 0 auto;
    width: 100%;
    padding: 1.5rem 1.5rem 6.5rem;
}

.max-w-36-5rem {
    max-width: 36.5rem;
}

.max-w-38-5rem {
    max-width: 38.5rem;
}

.max-w-61-6rem {
    max-width: 61.6rem;
}

.max-w-66-6rem {
    max-width: 66.6rem;
}

.step-box-shadow {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
}

.step-padding {
    padding: 1rem 1.25rem 1.25rem 1.25rem;
}

/* Offcanvas */


.offcanvas-backdrop {
    top: 5.25rem;
}

.offcanvas-end {
    max-width: 85%;
    border-color: transparent;
    top: 5.25rem !important;
}

.modal-backdrop {
    --bs-backdrop-bg: #00363D;
}

nav ul li .text-label-medium,
.offcanvas .text-label-medium {
    font-weight: 700;
    ;
}

.offcanvas .accordion-item a.dropdown-item {
    color: var(--primary);
}

/* .offcanvas-backdrop,
.modal-backdrop {
    background-color: var(--primary-20);
}

.offcanvas-backdrop.show,
.modal-backdrop.show {
    opacity: 1;
} */

.offcanvas-backdrop {
    background-color: var(--primary-20);
}

.offcanvas-backdrop.show {
    opacity: 1;
}

button#offcanvas-toggle.inverted.bg-state-brand-15 #offcanvas-close-icon {
    color: var(--white)
}

.modal-dialog {
    margin: 0 auto;
    max-width: calc(min(500px, 100%) - 3rem);
}

/* .offcanvas.offcanvas-end {
    top: 5.25rem;
} */

/* Brand Logo */
.brand-logo-height {
    /* height: 2.5rem;

    max-width: 120px; */
    height: 100%;
    max-height: 4rem;
}


.main-nav-list li:nth-child(4),
.main-nav-list li:nth-child(5) {
    display: none;
}


/* Quiz */
.quiz-questions .quiz-row:first-child {
    padding-top: 0;
}

.btn-close {
    background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z' fill='%231C594E'/%3E%3C/svg%3E%0A") center/1em auto no-repeat;
    opacity: 1;
}

.btn-close.white {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE0IDE0IiBmaWxsPSJub25lIj48cGF0aCBkPSJNMTQgMS40MUwxMi41OSAwTDcgNS41OUwxLjQxIDBMMCAxLjQxTDUuNTkgN0wwIDEyLjU5TDEuNDEgMTRMNyA4LjQxTDEyLjU5IDE0TDE0IDEyLjU5TDguNDEgN0wxNCAxLjQxWiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==") center/1em auto no-repeat
}

.btn-close.black {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z' fill='%2300363d'/%3E%3C/svg%3E") center/1em auto no-repeat
}


.gtc-5 {
    grid-template-columns: repeat(5, 1fr);
}

.gtc-2 {
    grid-template-columns: repeat(2, 1fr);
}

.gtc-3 {
    grid-template-columns: repeat(3, 1fr);
}

.gtc-4 {
    grid-template-columns: repeat(4, 1fr);
}

.h-full {
    height: 100%;
}

/* Image Select */
.image-select {
    border: 2px solid transparent;
    background: #1c594e99;
    /* opacity: 0.8; */
    transition: all 0.01s ease;
}

.image-select.active,
.image-select:hover,
.image-select:focus {
    border: 2px solid var(--brand);
    background: var(--primary);
}

.btn-check:checked+.image-select-btn {
    background: var(--primary) !important;
}

label.image-select-btn {
    cursor: pointer;
}

label.image-select-btn:hover,
label.image-select-btn:focus {
    cursor: pointer;
    border: 2px solid var(--brand);
    background: var(--primary) !important;

}

label.image-select-btn:hover .text-title-small,
label.image-select-btn:focus .text-title-small {
    color: var(--white) !important;
}

label.image-select-btn:hover svg path,
label.image-select-btn:focus svg path {
    fill: var(--white);
}

.btn-check:checked+.image-select-btn .text-title-small {
    color: var(--white) !important;
}

.btn-check:checked+.image-select-btn svg path {
    fill: var(--white);
}

.btn-check:focus+.image-select-btn {
    border: 2px solid var(--primary);
}

/* Check In Radio Input */
label.check-in-input-label {
    background-color: var(--white);
    border: 2px solid transparent;
    cursor: pointer;
}

/* Check In Radio Input */
label.check-in-input-label svg.radio-checked {
    display: none;
}

label.check-in-input-label:hover,
.btn-check.check-in-radio-input:focus+label.check-in-input-label {
    border: 2px solid var(--primary);
}


.btn-check.check-in-radio-input:checked+label.check-in-input-label {
    background-color: var(--primary);
    color: var(--white);
}

.btn-check.check-in-radio-input:checked+label.check-in-input-label svg.radio-unchecked {
    display: none;
}

.btn-check.check-in-radio-input:checked+label.check-in-input-label svg.radio-checked {
    display: block;
}

/* My triggers toggle */
.btn-check:checked+.btn.btn-checkbox-toggle,
.btn-check+.btn.btn-checkbox-toggle:hover,

.btn.btn-checkbox-toggle:has(.btn-check):hover {
    color: var(--white) !important;
    background-color: var(--primary-85) !important;
    border-radius: .25rem !important;

}

.btn.btn-checkbox-toggle:has(.btn-check:checked) {
    color: var(--white) !important;
    background-color: var(--primary) !important;
    border-radius: .25rem !important;

}

.btn.btn-checkbox-toggle:has(.btn-check:checked):hover {
    background-color: var(--primary-85) !important;

}





.btn-check:focus-visible+.btn.btn-checkbox-toggle,
.btn.btn-checkbox-toggle:has(.btn-check:focus-visible) {
    border-color: var(--primary) !important;
    background-color: var(--primary-20) !important;
    color: var(--primary) !important;
}

.btn-check:checked:focus-visible+.btn.btn-checkbox-toggle,
.btn.btn-checkbox-toggle:has(.btn-check:checked:focus-visible) {
    background-color: var(--primary-10) !important;
    color: var(--primary) !important;
}

input.btn-checkbox-toggle.outline::placeholder {
    color: var(--primary) !important;
}

.input-row {
    position: relative;
}

.ValidationField:before {
    position: absolute;
    top: -.25rem;
    left: -.6rem;
}


/*Aditional Classes that were inline styles*/
.w-1px {
    width: 1px;
}

.legendInit {
    visibility: collapse;
    height: 0;
    margin: 0;
}

.border-0px-solid-white {
    border: 0px solid white;
}

.border-2px-solid-A7F1DB {
    border: 2px solid #A7F1DB;
}

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

.bottom-5rem {
    bottom: .5rem;
}

.box-shadow-0px-3px-4px-0px-rgba-0-0-0-0-25 {
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.25)
}

.box-shadow-0px-4px-8px-0px-rgba-91-89-82-0-10 {
    box-shadow: 0px 4px 8px 0px rgba(91, 89, 82, 0.10);
}

.color-000000 {
    color: #000000;
}

.color-506062 {
    color: #506062;
}

.color-red {
    color: red;

}

.display-block {
    display: block;
}

.display-none {
    display: none;
}

.gap-1-38rem {
    gap: 1.38rem;
}

.gap_12rem {
    gap: .12rem;
}

.gap-19rem {
    gap: .19rem;
}

.gap-2px {
    gap: 2px;
}

.gap-31rem {
    gap: .31rem;
}

.gap-38rem {
    gap: .38rem;
}

.gap-44rem {
    gap: .44rem;
}

.gap-62rem {
    gap: .62rem;
}

.gap-88rem {
    gap: .88rem;
}

.grid-template-columns-repeat2-1fr {
    grid-template-columns: repeat(2, 1fr);
}

.height-1px {
    height: 1px;
}

.height-1rem {
    height: 1rem;
}

.height-1-5rem {
    height: 1.5rem;
}

.height-2-4rem {
    height: 2.4rem;
}

.height-11-75rem {
    height: 11.75rem;
}

.height-24-3rem {
    height: 24.3rem;
}

.height-3rem {
    height: 3rem;
}

.height-375rem {
    height: .375rem;
}

.height-5rem {
    height: 5rem;
}

.height-7rem {
    height: 7rem;
}

.height-8-375rem {
    height: 8.375rem;
}

.height-0-0625rem {
    height: 0.0625rem;
}

.height-196px {
    height: 196px;
}

.height-6-75rem {
    height: 6.75rem;
}

.height-9-875rem {
    height: 9.875rem;
}


.mh-42px {
    max-height: 42px;
}

.mw-465px {
    max-width: 465px;
}

.mw-52px {
    max-width: 52px;
}

.mw-561px,
.max-w-561px {
    max-width: 561px;
}

.mw-900px,
.max-w-900px {
    max-width: 900px;
}

.mw-1024px,
.max-w-1024px {
    max-width: 1024px;
}

.mw-19-375,
.max-w-19-375rem {
    max-width: 19.375rem;
}

.mw-23-5rem,
.max-w-23-5rem {
    max-width: 23.5rem;
}

.mw-24-375rem,
.max-w-24-375rem {
    max-width: 24.375rem
}

.mw-30rem {
    max-width: 30rem;
}

.mw-35-25rem {
    max-width: 35.25rem;
}

.mw-37-5rem {
    max-width: 37.5rem;
}

.mw-40-375rem {
    max-width: 40.375rem;
}

.mw-44-25rem {
    max-width: 44.25rem;
}

.mw-44-3rem {
    max-width: 44.3rem
}

.mw-44-6rem {
    max-width: 44.6rem;
}

.mw-45rem {
    max-width: 45rem;
}

.mw-50rem {
    max-width: 50rem;
}

.mw-54rem {
    Max-width: 54rem;
}

.mw-59-625rem {
    max-width: 59.625rem;
}

.mw-61-6rem {
    max-width: 61.6rem;
}

.mw-66-6rem,
.max-w-66-6rem {
    max-width: 66.6rem;
}

.mw-66-7rem,
.max-w-66-7rem {
    max-width: 66.7rem;
}

.mw-100per {
    max-width: 100%;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-x-auto {
    overflow-x: auto;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.object-fit-cover {
    object-fit: cover;
}

.w-1-125rem {
    width: 1.125rem;
}

.width-0p {
    width: 0%
}

.width-100p {
    width: 100%;
}

.width-220px {
    width: 220px;
}

.width-375rem {
    width: .375rem;
}

.width-3rem {
    width: 3rem;
}

.width-7rem {
    width: 7rem;
}

.width-8-75rem {
    width: 8.75rem;
}

.margin-3rem-auto-4-5rem {
    margin: 3rem auto 4.5rem;
}

.margin-1-38rem-0 {
    margin: 1.38rem 0;
}

.margin-3rem-auto-4-5rem {
    margin: 3rem auto 4.5rem
}

.margin-4px {
    margin: 4px;
}

.margin-bottom-25rem {
    margin-bottom: .25rem;
}

.margin-bottom-4rem {
    margin-bottom: 4rem
}

.margin-bottom-62rem {
    margin-bottom: .62rem;
}

.margin-bottom-87rem {
    margin-bottom: .87rem;
}

.margin-top-88rem {
    margin-top: .88rem;
}

.margin-top-1-62rem {
    margin-top: 1.62rem;
}

.padding-1-75rem-0-1-25rem {
    padding: 1.75rem 0 1.25rem;
}

.padding-left-75rem {
    padding-left: .75rem;

}

.opacity-5 {
    opacity: .5
}

.accordian-style {
    width: calc(100% - 1.5rem);
    left: .75rem;
    background: linear-gradient(180deg, rgba(246, 246, 244, 0.00) 0%, #F6F6F4 35.54%);
}

.articalTemplate-line {
    height: 20rem;
    background: #D9D9D9;
}

.comitmentQuiz-ListMarker {
    height: 2.5rem;
    width: 2.5rem
}

.mlmq-fixed-chat-pos-opaciticy {
    bottom: .5rem;
    opacity: 1;
    z-index: 10;
}

.onboarding-page-margin {
    margin: 0 auto;
    max-width: 44.25rem
}

.onboarding-modal-button-size {
    height: 11.3rem;
    margin-bottom: 1.37rem;
    border-radius: .38rem
}

.podcast-page-margin {
    margin: 0 auto;
    max-width: 44.25rem;
}

.progressIndicator-line {
    height: 2px;
    top: 50%;
    transform: translateY(-50%);
}

.public-header-gradent-size {
    height: 187px;
    transform: translateY(100%);
}

.public-article-template {
    max-width: 1282px;
    margin-left: auto;
    margin-right: auto;
}

.card_mlmq {
    max-width: 13.53rem;
    box-shadow: 0px 4px 8px 0px rgba(91, 89, 82, 0.10);
}

.checkinBox {
    max-width: 19.375rem;
    gap: .62rem;
}

.checkinprompt-label-style {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    border-radius: .5rem;
}

.comitmentQuiz-Border {
    border-width: 2px;
    border-style: solid
}

.color-circle-height {
    height: 2.5rem;
    width: 2.5rem
}

.dashboardStepComplete-pos {
    top: .5rem;
    left: .5rem;
}

.dashboard-gradient-size {
    padding-top: 3rem;
    padding-bottom: 5rem;
}

.pill-style {
    gap: .12rem;
    padding: 0.375rem 0.75rem;
    border-radius: 2.75rem;
}

.program-progress-complete-pos-top-lft {
    top: 0;
    left: 0;
    pointer-events: none;
}

.program-progress-complete-pos-btm-rt {
    bottom: 0;
    right: 0;
    pointer-events: none;
}

.hookedQuiz-number-size {
    height: 2.25rem;
    width: 2.25rem;
}

.hr-style {
    border-top-color: var(--state-brand-80);
    opacity: revert;
}

.left-50p-transform-translateX-50p {
    left: 50%;
    transform: translateX(-50%);
}

.number-pos {
    top: 50%;
    left: 50%;
    transform: translate(-40%, -50%)
}

.mlmq-contentCard {
    background: linear-gradient(180deg, rgba(246, 246, 244, 0.00) 0%, #F6F6F4 100%);
    height: 3.5rem
}

.mlmq-onboarding-model {
    margin-bottom: 1.37rem;
    height: 11.3rem;
    border-radius: .38rem
}

.mlmq-onboarding-slide-4 {
    margin-bottom: 1.37rem;
    border-radius: .38rem;
    padding: .94rem 1.19rem;
}

.mlmq-onboarding-milestones {
    margin-bottom: 1.37rem;
    border-radius: .38rem;
    padding: .94rem 1.19rem 0;
    height: 11.3rem;
}

.mlmq-onboarding-MlmqFauxMobileHeader {
    margin-bottom: 1.37rem;
    border-radius: .38rem;
    padding: .94rem 1.19rem;
    height: 15.3rem;
}

.mlmqPrivateResourceInnerDiv {
    gap: .38rem;
    padding-left: 1.25rem;
}

.mlmq-features-bkg-line {
    height: 2.5rem;
    bottom: -1rem;
    background: linear-gradient(180deg, rgba(246, 246, 244, 0.00) 0%, #F6F6F4 100%);
}

.modal-style {
    padding: 1.12rem;
    border: 0px solid transparent;
    border-radius: 0.375rem;
}

.padding-left-1-25rem-font-size-75rem {
    padding-left: 1.25rem;
    font-size: .75rem;
}

.padding-top-10px {
    padding-top: 10px;
}

.sideBar-Style {
    width: 240px;
    padding-top: 5rem;
}

.stepHeader-pos {
    top: 1rem;
    left: 1rem;
}

.step-progress-style-square {
    gap: .12rem;
    padding: 0.375rem 0.75rem;
}

.step-progress-style-round {
    gap: .12rem;
    padding: 0.375rem 0.75rem;
    border-radius: 6.25rem
}

.streak-size {
    width: 5.0625rem;
    height: 4.5rem;
}

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

.textWithDomainDropdownStyle {
    /* font-size: 14px;
    line-height: 24px;
    font-weight: 600;*/
    display: block;
    margin: 0 0 7px;
}

.DomainDropdownStyle .input-group-append select {
    width: 20px;
}

.password-eye {
    margin-left: -50px;
    padding: 13px;
}

.podcast-page-youtube-player-iframe {
    margin-bottom: 1.37rem;
    height: 11.3rem;
}

.pro-con-display {
    margin-top: 5px;
    display: none;
}

.pro-con-img {
    height: 114px;
    border-radius: 3px;
}

.smokingCalc-BG {
    background: var(--bg-gradient-light);
    border: 1px solid rgba(179, 219, 217, 1)
}

.yes-no-pill-size {
    padding: 0.375rem 0.75rem;
    border-radius: 2.75rem;
}

.avatar-size {
    height: 1.5rem;
    min-width: 1.5rem;
    border-radius: 6.5rem
}

.avatar-div-size {
    height: 1.5rem;
    width: 1.5rem
}

.activity-cards-div-size {
    height: 11.3rem;
    margin-bottom: 1.37rem;
    border-radius: .38rem;
    padding: .62rem 1.19rem;
}

.activity-cards-img-size {
    height: 11.56rem;
    top: .1rem;
    left: 0;
    width: 100%;
}

.embed-size {
    width: calc(100% + 17px);
    height: 3000px;
}

.tooltipButton-size {
    height: 1.25rem;
    width: 1.25rem
}

.border-black-solid-1 {
    border: black 1px solid;
}

.border-radius-1rem-border-width-1px {
    border-radius: 1rem;
    border-width: 1px;
}

.border-radius-1-875rem {
    border-radius: 1.875rem
}

.border-radius-5rem {
    border-radius: .5rem;
}

.border-radius-38rem {
    border-radius: .38rem;
}

.borderRadius-0-0-0-8 {
    border-radius: 0 0px 0px 8px;
}

.borderRadius-24-0-0-0 {
    border-radius: 24px 0px 0px 0px;
}

.borderRadius-0-40-0-40 {
    border-radius: 0px 40px 0px 40px;
}

.border-radius-375rem-375rem-25rem-25rem {
    border-radius: 0.375rem 0.375rem .25rem .25rem;
}

.grid-template-columns-1fr-3fr {
    grid-template-columns: 1fr 3fr;
}

.grid-template-columns-1fr-2rem {
    grid-template-columns: 1fr 2rem;
}

.grid-template-columns-3fr-1fr {
    grid-template-columns: 3fr 1fr;
}

.grid-template-columns-2rem-1fr {
    grid-template-columns: 2rem 1fr;
}

.grid-template-columns-7rem-1fr {
    grid-template-columns: 7rem 1fr;
}

.grid-template-columns-7-75rem-1fr {
    grid-template-columns: 7.75rem 1fr;
}

.grid-template-columns-repeat-2-1fr {
    grid-template-columns: repeat(2, 1fr);
}

.grid-template-columns-23-125rem-1fr {
    grid-template-columns: 23.125rem 1fr;
}

.transform-rotate-180deg {
    transform: rotate(180deg);
}

.transform_TranslateX-0px {
    transform: translateX(0px)
}

.transformTranslateX-06rem {
    transform: translateX(.06rem)
}

.transformTranslateY-125rem {
    transform: translateY(-.125rem)
}

.transformTranslateY-2rem {
    transform: translateY(-2rem);
}

.transform-translateY-50p {
    transform: translateY(50%);
}

.transformTranslateY-100 {
    transform: translateY(-100%);
}

.transformTranslateY-100-scale-1 {
    transform: translateY(100%) scale(-1)
}

.transformTranslate-1rem--3rem {
    transform: translate(1rem, -3rem)
}

.\!bkg-size-0-75rem {
    background-size: 0.75rem !important;
}

/*Gradents*/
.HomeHeroBackgroundGradent {
    background: linear-gradient(180deg, rgba(217, 238, 242, 0) 0%, rgba(217, 238, 242, 0.00836436) 12.11%, rgba(217, 238, 242, 0.0323374) 22.64%, rgba(217, 238, 242, 0.0702393) 31.76%, rgba(217, 238, 242, 0.12039) 39.67%, rgba(217, 238, 242, 0.18111) 46.56%, rgba(217, 238, 242, 0.250718) 52.6%, rgba(217, 238, 242, 0.327535) 58%, rgba(217, 238, 242, 0.409882) 62.92%, rgba(217, 238, 242, 0.496077) 67.57%, rgba(217, 238, 242, 0.584441) 72.12%, rgba(217, 238, 242, 0.673295) 76.76%, rgba(217, 238, 242, 0.760957) 81.69%, rgba(217, 238, 242, 0.845749) 87.08%, rgba(217, 238, 242, 0.92599) 93.12%, #D9EEF2 100%);
}

.testimonial-gradient {
    background: linear-gradient(180deg, #006875 0%, #0D8771 51.94%, #0E6C78 100%);
}

/*** Generated from inline styles ***/
.height-1-25-width-1-25rem {
    height: 1.25rem;
    width: 1.25rem;
}


.onhover-underline:hover {
    text-decoration: underline;
}

.validation-summary-valid li:empty {
    display: none;
}

/*** End  Generated from inline styles ***/

/*** Additional classes from MLMQ ***/

/* Create A new Routine Pg.3 */

.craving:has(.btn-check:checked)>div {
    background-color: var(--primary) !important;
    color: var(--white) !important;
}

/* .craving:has(.text-input:focus) {
    border: 2px solid var(--black) !important;
} */

.small-icon svg {
    max-height: .6125rem;
}

.btn-checkbox-toggle.text-white {
    color: var(--white) !important;
}

#canr-4 #legend-text {
    display: none;
}

/* My triggers toggle */
/* .btn-checkbox-toggle.display-only {
    padding-top: .35rem;
    padding-bottom: .35rem;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: transparent;
    cursor: default;
    white-space: nowrap;
} */

/* .btn-checkbox-toggle.display-only:not(.bg-green) {
    pointer-events: none;
} */

/* .btn-checkbox-toggle.display-only button.remove-item:focus {
    border: 2px solid var(--black);
} */

/* .btn-checkbox-toggle.display-only.active {
    padding: 0.5rem .75rem;
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
} */

/* .btn-checkbox-toggle.display-only.text-white {
    color: var(--white) !important;
} */

/* .btn-checkbox-toggle.display-only.px-0-75rem {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
} */

/* .btn-checkbox-toggle.display-only.px-0-81rem {
    padding-left: 0.81rem !important;
    padding-right: 0.81rem !important;
} */

/* .btn-check+.btn.btn-checkbox-toggle:hover,
.btn.btn-checkbox-toggle:has(.btn-check):hover {
    color: var(--black) !important;
    background-color: var(--white-1) !important;
    border-radius: .25rem !important;
} */

/* .btn-check:checked+.btn.btn-checkbox-toggle,
.btn.btn-checkbox-toggle:has(.btn-check:checked),
.btn-checkbox-toggle.display-only.active {
    color: var(--white) !important;
    background-color: var(--black) !important;
    border-radius: .25rem !important;
} */

/* .btn-check:focus-visible+.btn.btn-checkbox-toggle,
.btn.btn-checkbox-toggle:has(.btn-check:focus-visible) {
    border-color: var(--black);
    background-color: var(--white-4) !important;
    color: var(--black) !important;
} */

/* .btn-check:checked:focus-visible+.btn.btn-checkbox-toggle,
.btn.btn-checkbox-toggle:has(.btn-check:checked:focus-visible) {
    background-color: var(--white-3) !important;
    color: var(--black) !important;
} */


/* input.btn-checkbox-toggle.outline::placeholder {
    color: var(--black) !important;
    text-transform: uppercase;
} */

/* .identify-my-triggers.py-0-44rem .btn-checkbox-toggle {
    padding-top: .44rem;
    padding-bottom: .44rem;
} */

/* .identify-my-triggers.py-0-44rem .custom-trigger-parent input {
    max-height: 1.7285rem !important;
} */

/* .identify-my-triggers.py-0-44rem .error-message.text-body-medium {
    text-align: center;
} */

/* .canr-pg-4-triggers input.btn-checkbox-toggle {
    border-radius: .5rem;
} */

/* .canr-pg-4-triggers label.btn.btn-checkbox-toggle:has(.btn-check) .close-icon {
    display: none;
} */

/* .canr-pg-4-triggers label.btn.btn-checkbox-toggle:has(.btn-check:checked) {
    color: var(--white) !important;
    background: var(--black) !important;
} */

/* .canr-pg-4-triggers label.btn.btn-checkbox-toggle:has(.btn-check:checked) .close-icon {
    display: block;
} */

/* .canr-pg-4-triggers label.btn.btn-checkbox-toggle:has(.btn-check:checked) .remove-item:not(.hidden) {
    color: var(--white) !important;
} */

/* .canr-pg-4-triggers label.btn-checkbox-toggle:has(input[type="checkbox"].btn-check:focus),
.canr-pg-4-triggers label.btn-checkbox-toggle:has(input[type="checkbox"].btn-check:focus-visible) {
    background: var(--white-3);
} */

.canr-pg-4-triggers.disable-alternatives label.btn-checkbox-toggle:has(input[type="checkbox"].btn-check:not(:checked)),
.canr-pg-4-triggers.disable-alternatives input.btn-checkbox-toggle::placeholder,
.canr-pg-4-triggers.disable-alternatives input.custom-trigger-input.btn-checkbox-toggle:not(.filled-in),
.canr-pg-4-triggers.disable-alternatives label.btn-checkbox-toggle button.remove-item {
    pointer-events: none;
    color: var(--primary-disabled) !important;
    background-color: var(--state-brand-85) !important;
}

/* derrick */

.canr-pg-4-triggers.disable-alternatives label.btn-checkbox-toggle.border-black:has(input[type="checkbox"].btn-check),
.canr-pg-4-triggers.disable-alternatives label.btn-checkbox-toggle.border-black:has(input[type="checkbox"].btn-check:checked:focus-visible),
.canr-pg-4-triggers.disable-alternatives label.btn-checkbox-toggle.border-black:has(input[type="checkbox"].btn-check:checked:focus) {
    border-color: var(--white-3) !important;
}

/* .canr-pg-4-triggers .custom-trigger-parent:has(input.custom-trigger-input.hidden) {
    display: none;
} */

/* .btn-checkbox-toggle.custom-trigger-input.text-white {
    color: var(--white) !important;
} */

/* Checkbox Toggle Button */
/*.btn-checkbox-toggle {*/
/* padding: 0.75rem 1rem; */
/* text-label-medium */
/*padding: 0.62rem .75rem;
    font-family: var(--titillium);
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: .6rem;
    letter-spacing: 0.03rem;*/
/* text-transform: uppercase !important; */
/*color: var(--dark-gray) !important;
    background: var(--white-3);
    border: 2px solid transparent;
}*/

/* .btn-checkbox-toggle.custom-trigger-input.text-white {
    color: var(--white) !important;
} */




/* .btn-checkbox-toggle.outline {
    background-color: transparent;
    border-color: var(--white-3);
} */

/* .btn-checkbox-toggle.outline+.close {
    display: none;
} */

/* .btn-checkbox-toggle.outline.filled-in {
    border-color: var(--black);
    background-color: var(--black);
    color: var(--white) !important;
} */

/* .btn-checkbox-toggle.outline.filled-in+.close {
    display: block;
} */

/* .btn-checkbox-toggle.outline.filled-in+.close:focus {
    outline: 2px solid var(--white);
} */

/* .btn-checkbox-toggle.outline.filled-in+button.close svg {
    height: .75rem;
} */

/* .btn-checkbox-toggle.outline.filled-in+button.close svg path {
    fill: var(--white);
} */

/* label.text-white.craving input.text-input {
    color: var(--white);
} */




.outline-none {
    outline: 0 solid transparent;
}


.focus\:bg-black:focus {
    background-color: var(--black) !important;
}

.focus\:text-white:focus {
    color: var(--white) !important;
}

.hover\:bg-black:hover {
    background-color: var(--black) !important;
}

.hover\:text-white:hover {
    color: var(--white) !important;
}

/* Custom Trigger */
.custom-trigger-input.default-width {
    width: 6.5rem;
}

.custom-trigger-input.default-width.spanish {
    width: 8.2rem;
}

.custom-trigger-input.default-width-canr-pg-4 {
    width: 6.5rem;
}

.custom-trigger-input.default-width-canr-pg-4.spanish {
    width: 8.2rem;
}



/*** End Additional classes from MLMQ ***/
/**********************************************/
@media (max-width: 768px) {
    .btn.btn-x-sm {
        /* max-width: 68px; */
        font-size: 0.4875rem;
        line-height: 0.675rem;
    }

    .brand-logo-height {
        height: 2.25rem;
    }


}

/* Small Screen Media Queries */
@media (min-width: 576px) {
    .modal-dialog {
        margin-left: auto;
        margin-right: auto;
    }

    .dashboard-container {
        max-width: 540px;
    }
}

/* Medium Screen Media Queries */
@media (min-width: 768px) {
    .dashboard-container {
        max-width: 720px;
    }

    .md\:gtc-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .md\:gtc-3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .md\:gtc-4 {
        grid-template-columns: repeat(4, 1fr);
    }

    .md\:gtc-list {
        grid-template-columns: 2.5rem 1fr;
    }

    .md\:max-w-344 {
        max-width: 344px;
    }

    .md\:max-w-20-375rem {
        /* max-width: 20.375rem; */

        /* Cheating here a bit ;) - Derrick */
        max-width: 20.125rem;
    }

    .md\:h-sm {
        height: 3rem;
    }

    .md\:h-med {
        height: 4rem;
    }

    .md\:h-lg {
        height: 5rem;
    }

    .md\:h-xlg {
        height: 6rem;
    }

    .md\:h-48 {
        height: 3rem;
    }

    .md\:h-3-5rem {
        height: 3.5rem;
    }

    .md\:w-3-5rem {
        width: 3.5rem;
    }

    .pb-md-4-75 {
        padding-bottom: 2.5rem !important;
    }

    .md\:p-0-5rem {
        padding: .5rem;
    }

    .md\:pb-15rem {
        padding-bottom: 15rem;
    }

    .md\:pt-3-5rem {
        padding-top: 3.5rem;
    }

    .md\:pb-5-5rem {
        padding-bottom: 5.5rem;
    }

    .md\:pb-6-5rem {
        padding-bottom: 6.5rem;
    }

    .md\:py-3-5rem {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }


    .md\:gap-4-75 {
        gap: 2.5rem;
    }

    .md\:flex-row {
        flex-direction: row !important;
    }

    .md\:max-w-355 {
        max-width: 355px;
    }

    /* 
    .modal-backdrop {
        background-color: transparent;
        
    } */

    .modal.login-modal {
        top: 4.5rem;
        left: 30%;
    }

    .modal.login-modal.has-alert {
        top: 8.5rem;
        left: 30%;
    }

    .md\:aspect-ratio-unset {
        aspect-ratio: unset;
    }

    .md\:object-fit-unset {
        object-fit: unset;
    }

    .md\:text-headline-medium {
        font-family: var(--archivo);
        font-size: 1.75rem;
        font-weight: 300;
        /* font-weight: 200; */
        line-height: 2.375rem;
        letter-spacing: 0rem;
    }

    .md\:text-headline-large {
        font-family: var(--archivo);
        font-size: 2rem;
        font-weight: 200;
        line-height: 2.625rem;
        letter-spacing: 0rem;
    }

    .md\:text-body-large {
        font-family: var(--roboto);
        font-size: 1.25rem;
        font-weight: 400;
        line-height: 1.75rem;
        letter-spacing: 0em;
    }
}

/* Large Screen Media Queries */
@media (min-width: 992px) {
    .dashboard-container {
        padding: 3.5rem 1rem 6.5rem;
    }

    .offcanvas.offcanvas-end {
        top: 7.25rem !important;
    }

    .offcanvas.offcanvas-end.has-alert {
        top: 9.05rem !important;
    }

    .modal.login-modal {
        /* top: 8.5rem; */
        top: 6.5rem;
        left: 30%;
    }

    .pt-lg-13 {
        padding-top: 7.875rem !important;
    }

    .py-lg-64 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }

    .px-lg-64 {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }

    .py-lg-80 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .py-lg-73 {
        padding-top: 4.5625rem;
        padding-bottom: 4.5625rem;
    }

    .py-lg-120 {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem;
    }

    .p-lg-64 {
        padding: 4rem;
    }

    .pb-lg-7-5 {
        padding-bottom: 7.5rem;
    }

    .p-lg-4-5 {
        padding: 2rem !important;
    }

    .py-lg-4-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .pb-lg-4-75 {
        padding-bottom: 2.5rem !important;
    }

    .py-lg-4-75 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .pb-lg-96 {
        padding-bottom: 6rem !important;
    }

    .px-lg-4-5 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .mb-lg-4-5 {
        margin-bottom: 2rem !important;
    }

    .mb-lg-4-75 {
        margin-bottom: 2.5rem !important;
    }

    .mb-lg-64 {
        margin-bottom: 4rem !important;
    }

    .mb-lg-72 {
        margin-bottom: 4.5rem;
    }

    .footer-rounded {
        border-radius: 0 40px 0 0;
    }

    .form-check:not(.form-switch) {
        padding: 0.125rem;
    }

    .nrt-form #page3 .check-holder.validation.label-dashboard.form-check.flex.flex-col.items-start {
        gap: .225rem;
    }

    .enroll-form .form-check:not(.form-switch),
    .nrt-form .form-check:not(.form-switch) {
        padding: 0.125rem;
    }

    .hero-custom-title {
        transform: translate(0, -3rem);
    }

    .xl-container {
        max-width: 102rem;
    }

    .lg\:text-body-large {
        font-family: var(--roboto);
        font-size: 1.25rem;
        font-weight: 400;
        line-height: 1.75rem;
        letter-spacing: 0em;
    }

    .lg\:text-label-medium {
        font-family: var(--archivo);
        font-size: 0.9375rem;
        font-weight: 800;
        line-height: 1.5rem;
        letter-spacing: 0.03rem;
        text-transform: uppercase;
    }

    .lg\:text-body-medium {
        font-family: var(--roboto);
        font-size: 1.0625rem;
        font-weight: 400;
        line-height: 1.5rem;
        letter-spacing: 0em;
    }

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

    .lg\:bg-gradient-light {
        background: var(--bg-gradient-light);
    }

    .lg\:block {
        display: block;
    }

    .lg\:justify-start {
        justify-content: flex-start;
    }

    .lg\:text-start,
    .lg\:text-left {
        text-align: left !important;
    }

    .lg\:p-3 {
        padding: 1rem !important;
    }

    .lg\:p-2rem {
        padding: 2rem;
    }

    .lg\:px-1rem {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0;
    }

    .lg\:px-4-5 {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .lg\:py-6rem {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .lg\:py-3-5rem {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem;
    }

    .lg\:pt-0 {
        padding-top: 0;
    }

    .lg\:pt-1-5rem {
        padding-top: 1.5rem;
    }

    .lg\:pt-3rem {
        padding-top: 3rem !important;
    }

    .lg\:pt-3-5rem {
        padding-top: 3.5rem;
    }

    .lg\:pb-1rem {
        padding-bottom: 1rem;
    }

    .lg\:pb-1-5rem {
        padding-bottom: 1.5rem;
    }

    .lg\:pb-3rem {
        padding-bottom: 3rem;
    }

    .lg\:pb-3-5rem {
        padding-bottom: 3.5rem;
    }

    .lg\:pb-5-5rem {
        padding-bottom: 5.5rem;
    }

    .lg\:pb-6rem {
        padding-bottom: 6rem !important;
    }

    .lg\:px-2-5rem {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .lg\:text-headline-small {
        font-family: var(--archivo);
        font-size: 1.5rem;
        font-weight: 200;
        line-height: 2.125rem;
        letter-spacing: 0rem;
    }


    .lg\:text-headline-large {
        font-family: var(--archivo);
        font-size: 2rem;
        font-weight: 200;
        line-height: 2.625rem;
        letter-spacing: 0rem;
    }

    .lg\:text-headline-medium {
        font-family: var(--archivo);
        font-size: 1.75rem;
        font-weight: 300;
        line-height: 2.375rem;
        letter-spacing: 0rem;
    }

    .lg\:text-title-large {
        font-family: var(--archivo);
        font-size: 1.375rem;
        /* font-weight: 300; */
        font-weight: 400;
        /* line-height: 2rem; */
        line-height: 1.75rem;
        letter-spacing: 0rem;
    }

    .lg\:text-title-medium {
        font-family: var(--archivo);
        font-size: 1.125rem;
        font-weight: 400;
        line-height: 1.75rem;
        letter-spacing: 0rem;
    }

    .lg\:text-display-large {
        font-family: var(--archivo);
        font-size: 3.5rem !important;
        font-weight: 100;
        line-height: 4.125rem !important;
        letter-spacing: 0rem;
    }

    .lg\:hidden {
        display: none;
    }

    .lg\:flex {
        display: flex;
    }

    .lg\:block {
        display: block !important;
    }

    .lg\:max-w-100 {
        max-width: 100%;
    }

    .lg\:max-w-44-25rem {
        max-width: 44.25rem;
    }

    .lg\:max-w-59-625rem {
        max-width: 59.625rem;
    }

    .lg\:h-109 {
        /* 109px */
        height: 6.8125rem;
    }

    .lg\:h-sm {
        height: 3rem;
    }

    .lg\:h-med {
        height: 4rem;
    }

    .lg\:h-lg {
        height: 5rem;
    }

    .lg\:h-xlg {
        height: 6rem;
    }

    .lg\:h-xxlg {
        height: 7rem;
    }

    .lg\:h-xxxlg {
        height: 8rem;
    }

    .lg\:h-xxxxlg {
        height: 9rem;
    }

    .lg\:h-xxxxxlg {
        height: 10rem;
    }



    .lg\:h-48 {
        height: 3rem;
    }

    .lg\:w-auto {
        width: auto;
    }

    .lg\:w-full {
        width: 100%;
    }

    .lg\:w-109 {
        /* 109px */
        width: 6.8125rem;
    }

    .lg\:min-w-390 {
        /* 109px */
        min-width: 390px;
    }

    .lg\:min-h-14-125rem {
        min-height: 14.125rem;
    }

    .lg\:max-w-355 {
        /* 109px */
        max-width: 355px;
    }

    .lg\:rounded-start {
        border-bottom-left-radius: 0.25rem !important;
        border-bottom-right-radius: 0 !important;
        border-top-left-radius: 0.25rem !important;
        border-top-right-radius: 0 !important;
    }

    .lg\:rounded-end {
        border-top-right-radius: 0.25rem !important;
        border-top-left-radius: 0 !important;
        border-bottom-right-radius: 0.25rem !important;
        border-bottom-left-radius: 0 !important;
    }

    .lg\:gtc-2,
    .lg\:grid-cols-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .lg\:gtc-4 {
        grid-template-columns: repeat(4, 1fr);
    }

    .lg\:gap-0-5rem {
        gap: .5rem;
    }

    .lg\:gap-1rem {
        gap: 1rem;
    }

    .lg\:gap-1-5rem {
        gap: 1.5rem;
    }

    .lg\:gap-2rem {
        gap: 2rem;
    }

    .lg\:gap-2-5rem {
        gap: 2.5rem;
    }

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

    .lg\:gap-4-75 {
        gap: 2.5rem;
    }

    .lg\:gap-4rem {
        gap: 4rem;
    }

    .lg\:gap-5rem {
        gap: 5rem;
    }

    .lg\:mt-2-5rem {
        margin-top: 2.5rem !important;
    }

    .lg\:mb-2rem {
        margin-bottom: 2rem !important;
    }

    .lg\:mb-2-5rem {
        margin-bottom: 2.5rem !important;
    }

    .lg\:mb-3rem {
        margin-bottom: 3rem !important;
    }

    .lg\:mb-3-5rem {
        margin-bottom: 3.5rem !important;
    }

    .lg\:mb-4rem {
        margin-bottom: 4rem !important;
    }

    .lg\:.bg-primary-20 {
        background-color: var(--primary-20) !important;
    }

    .lg\:translate-x-0 {
        transform: translateX(0);
    }

    .lg\:hero-custom-title {
        transform: translate(0, -3rem);
    }

    /* Make text bigger on large screen for display line for .text-title-large */
    .display-line .text-title-large {
        font-family: var(--archivo);
        font-size: 2rem;
        font-weight: 200;
        line-height: 2.625rem;
        letter-spacing: 0rem;
    }

    .hero .display-line .text-headline-large {
        /* .display-large */

        font-size: 3.5rem !important;
        font-weight: 100 !important;
        line-height: 4.125rem !important;
    }

    .offcanvas.has-alert~.offcanvas-backdrop {
        top: 9rem !important;
    }

    .offcanvas~.offcanvas-backdrop {
        top: 7.25rem !important;
    }
}

/* XL Screen Media Queries */
@media (min-width: 1200px) {
    .xl\:gtc-4 {
        grid-template-columns: repeat(4, 1fr);
    }

    .xl\:flex {
        display: flex;
    }
}

/* XXL Screen Media Queries */
@media (min-width: 1400px) {
    .dashboard-container {
        max-width: 50.875rem;
    }

    .offcanvas-backdrop.show,
    .offcanvas {
        display: none;
    }

    .xxl\:object-fit-cover {
        object-fit: cover;
    }
}

@media (min-width: 1550px) {
    .main-nav-list li:nth-child(4) {
        display: block;
    }

    .main-nav-list li:nth-child(5) {
        display: block;
    }
}

/* Custom Media Queries */
@media (min-width: 1200px) and (max-width: 1440px) {
    .testimonial-card .display-line .text-label-medium {
        font-size: 12px !important;
    }
}

/* 
@media (min-width: 992px) and (max-width: 1400px) {
    .offcanvas.has-alert .offcanvas-backdrop {
        top: 9.25rem;
    }

    .offcanvas .offcanvas-backdrop {
        top: 7.25rem;
    }
} */

/* Styles by Hendry Bong */
.sidebar-box-shadow {
    box-shadow: 0px 25px 15px -20px rgba(0, 0, 0, 0.20) inset;
}

.padding-1-75rem-0-1-25rem {
    padding: 1.75rem 0 1.25rem;
}

.padding-left-0-75rem {
    padding-left: .75rem;
}

.padding-1-12rem {
    padding: 1.12rem;
}

.padding-1-12rem {
    padding: 1.12rem;
}

.pointer-events-none-transform-scale-0-7 {
    pointer-events: none;
    transform: scale(.7);
}

.pointer-events-none-transform-scale-0-9 {
    pointer-events: none;
    transform: scale(.9);
}

.border-radius-0-38re {
    border-radius: .38re;
}

.padding-top-6rem {
    padding-top: 6rem;
}

.border-radius-1-375rem-padding-0-94rem-1-25rem {
    border-radius: 1.375rem;
    padding: 0.94rem 1.25rem;
}

.box-shadow-0px-4px-4px-0px-rgba-0-0-0-0-05-gap-2rem {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    gap: 2rem;
}

.border-radius-6-25rem-border-1px-solid-B3DBD9-padding-0-125rem-0-5rem-gap-0-125rem {
    border-radius: 6.25rem;
    border: 1px solid #B3DBD9;
    padding: 0.125rem 0.5rem;
    gap: .125rem;
}

.align-self-end {
    align-self: end;
}

.box-shadow-0px-4px-4px-0px-rgba-0-0-0-0-05-padding-0-75rem-2-5rem-1-25rem-1-5rem-border-1px-solid-var--state-brand-80 {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    padding: 0.75rem 2.5rem 1.25rem 1.5rem;
    border: 1px solid var(--state-brand-80);
}

.box-shadow-0px-4px-4px-0px-rgba-0-0-0-0-05-padding-0-75rem-1-5rem-1-25rem-border-1px-solid-var--state-brand-80 {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    padding: 0.75rem 1.5rem 1.25rem;
    border: 1px solid var(--state-brand-80);
}

.scroll-margin-bottom-2rem {
    scroll-margin-bottom: 2rem;
}

.font-weight-500-padding-top-0-75rem-important {
    font-weight: 500;
    padding-top: .75rem !important;
}

@media print {

    header,
    footer {
        display: none;
    }
}

.hiddenLabel {
    max-width: 0;
    color: transparent;
}