/* Static aggregate generated from the former @import graph. Source order is significant; keep this file synchronized with its component stylesheets. */
/* Inlined from fonts.css. */
/* Self-hosted web fonts (Lato, Open Sans - SIL Open Font License 1.1).
   Served from this application's own origin; no fonts.googleapis.com / fonts.gstatic.com requests.
   Subsets, weights, font-display and unicode-range values mirror the Google Fonts css2 response
   previously used, so rendering is unchanged. Files: ../fonts/*.woff2 */

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/lato-400-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/lato-400-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/lato-700-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/lato-700-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/open-sans-variable-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/open-sans-variable-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/open-sans-variable-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/open-sans-variable-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/open-sans-variable-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url('../fonts/open-sans-variable-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* End fonts.css. */
/* Inlined from custom-checkbox.css. */
/* Inlined from colors.css. */
:root {
    /* Brand & UI Colors */
    --brand-blue: #0079E2;
    --brand-blue-dark: #004AAA;
    --brand-orange: #FF6000;
    --btn-border-hover: #00237d;

    /* Neutral Colors */
    --color-black: #272727;
    --color-text-primary: #484848;
    --color-text-secondary: #8A8A8A;
    --color-text-tertiary: #666666;
    --color-text-link: #787878;
    --color-border-primary: #999999;
    --color-border-light: #e3e3e3;
    --color-border-default: #DFE3E9;
    --color-border-subtle: #CED0DA;
    --color-border-gray: #ccc;
    --color-footer: #DFEAEC;

    /* State Colors */
    --color-error-text: #9E0B0F;
    --color-error-border: #A11418;
    --color-error-bg: #ED1C24;
    --color-focus: #1196BA;

    /* Background Colors */
    --color-white: #ffffff;
    --color-bg-gradient-start: #F2F4F8;
    --color-bg-light: #f8f8f8;

    /* Select/Dropdown Colors */
    --color-dropdown-selected-bg: #6d8199;

    /* Checkbox Colors */
    --color-checkbox-border: #aaa;
    --color-checkbox-border-disabled: #bbb;
    --color-checkbox-bg-disabled: #ddd;
    --color-focus-outline: blue;

    /* Form-specific colors (legacy compatibility) */
    --form-outline-default: var(--color-border-default);
    --form-outline-focus: var(--color-focus);
    --form-outline-error: var(--color-error-bg);
    --form-label-default: var(--color-text-secondary);
    --form-label-float: var(--color-text-secondary);
    --form-input-text: var(--color-text-primary);

    /* Shadow Colors */
    --shadow-primary: rgba(0, 0, 0, .25);
    --shadow-secondary: rgba(0, 0, 0, 0.16);
}
/* End colors.css. */

.checkbox-container {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 20px;
}

.custom-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    align-self: flex-start;
    width: 13px;
    height: 13px;
    margin-right: 10px;
    margin-left: 0;
    flex-shrink: 0;
    background-color: var(--color-white);
    border: 1px solid var(--color-border-primary);
    border-radius: 1px;
    cursor: pointer;
    position: relative;
    transition: background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}

.custom-checkbox:not(:checked):hover {
    opacity: 0.8;
}

.custom-checkbox:checked {
    background-color: var(--brand-blue-dark);
    border-color: var(--brand-blue-dark);
    opacity: 1;
}

.custom-checkbox:checked::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 4px;
    height: 8px;
    border: solid var(--color-white);
    border-width: 0 2px 2px 0;
    transform: translate(-40%, -65%) rotate(45deg);
}

.custom-checkbox:checked:hover {
    background-color: var(--brand-blue);
    border-color: var(--brand-blue);
}

.custom-checkbox:focus-visible {
    outline: 2px solid var(--brand-blue);
    outline-offset: 2px;
}

.custom-checkbox + label {
    font-size: 14px;
    line-height: 18px;
    color: var(--color-text-primary);
    cursor: pointer;
}

.custom-checkbox:not(:checked) + label.error {
	color: var(--color-error-text);
}

.custom-checkbox + label .link-text {
    color: var(--brand-blue) !important;
    text-decoration: underline !important;
    cursor: pointer !important;
}

.custom-checkbox + label .link-text:hover {
    color: var(--brand-blue-dark) !important;
}
/* End custom-checkbox.css. */
/* password-strength-indicator.css is not inlined here; flexbox pages link it as a separate stylesheet after main.css. */
/* Inlined from flags.css. */
.flag {
	display:inline-block;
	width: 16px;
	height: 11px;
	margin-right: 5px;
	background-image: url(/usercontrols/signupinc/images/icons/flags.png);
	background-repeat: no-repeat;
}

.flag.flag-ad {background-position: -16px 0}
.flag.flag-ae {background-position: -32px 0}
.flag.flag-af {background-position: -48px 0}
.flag.flag-ag {background-position: -64px 0}
.flag.flag-ai {background-position: -80px 0}
.flag.flag-al {background-position: -96px 0}
.flag.flag-am {background-position: -112px 0}
.flag.flag-an {background-position: -128px 0}
.flag.flag-ao {background-position: -144px 0}
.flag.flag-ar {background-position: -160px 0}
.flag.flag-as {background-position: -176px 0}
.flag.flag-at {background-position: -192px 0}
.flag.flag-au {background-position: -208px 0}
.flag.flag-aw {background-position: -224px 0}
.flag.flag-az {background-position: -240px 0}
.flag.flag-ba {background-position: 0 -11px}
.flag.flag-bb {background-position: -16px -11px}
.flag.flag-bd {background-position: -32px -11px}
.flag.flag-be {background-position: -48px -11px}
.flag.flag-bf {background-position: -64px -11px}
.flag.flag-bg {background-position: -80px -11px}
.flag.flag-bh {background-position: -96px -11px}
.flag.flag-bi {background-position: -112px -11px}
.flag.flag-bj {background-position: -128px -11px}
.flag.flag-bm {background-position: -144px -11px}
.flag.flag-bn {background-position: -160px -11px}
.flag.flag-bo {background-position: -176px -11px}
.flag.flag-br {background-position: -192px -11px}
.flag.flag-bs {background-position: -208px -11px}
.flag.flag-bt {background-position: -224px -11px}
.flag.flag-bv {background-position: -240px -11px}
.flag.flag-bw {background-position: 0 -22px}
.flag.flag-by {background-position: -16px -22px}
.flag.flag-bz {background-position: -32px -22px}
.flag.flag-ca {background-position: -48px -22px}
.flag.flag-catalonia {background-position: -64px -22px}
.flag.flag-cd {background-position: -80px -22px}
.flag.flag-cf {background-position: -96px -22px}
.flag.flag-cg {background-position: -112px -22px}
.flag.flag-ch {background-position: -128px -22px}
.flag.flag-ci {background-position: -144px -22px}
.flag.flag-ck {background-position: -160px -22px}
.flag.flag-cl {background-position: -176px -22px}
.flag.flag-cm {background-position: -192px -22px}
.flag.flag-cn {background-position: -208px -22px}
.flag.flag-co {background-position: -224px -22px}
.flag.flag-cr {background-position: -240px -22px}
.flag.flag-cu {background-position: 0 -33px}
.flag.flag-cv {background-position: -16px -33px}
.flag.flag-cw {background-position: -32px -33px}
.flag.flag-cy {background-position: -48px -33px}
.flag.flag-cz {background-position: -64px -33px}
.flag.flag-de {background-position: -80px -33px}
.flag.flag-dj {background-position: -96px -33px}
.flag.flag-dk {background-position: -112px -33px}
.flag.flag-dm {background-position: -128px -33px}
.flag.flag-do {background-position: -144px -33px}
.flag.flag-dz {background-position: -160px -33px}
.flag.flag-ec {background-position: -176px -33px}
.flag.flag-ee {background-position: -192px -33px}
.flag.flag-eg {background-position: -208px -33px}
.flag.flag-eh {background-position: -224px -33px}
.flag.flag-england {background-position: -240px -33px}
.flag.flag-er {background-position: 0 -44px}
.flag.flag-es {background-position: -16px -44px}
.flag.flag-et {background-position: -32px -44px}
.flag.flag-eu {background-position: -48px -44px}
.flag.flag-fi {background-position: -64px -44px}
.flag.flag-fj {background-position: -80px -44px}
.flag.flag-fk {background-position: -96px -44px}
.flag.flag-fm {background-position: -112px -44px}
.flag.flag-fo {background-position: -128px -44px}
.flag.flag-fr {background-position: -144px -44px}
.flag.flag-ga {background-position: -160px -44px}
.flag.flag-gb {background-position: -176px -44px}
.flag.flag-gd {background-position: -192px -44px}
.flag.flag-ge {background-position: -208px -44px}
.flag.flag-gf {background-position: -224px -44px}
.flag.flag-gg {background-position: -240px -44px}
.flag.flag-gh {background-position: 0 -55px}
.flag.flag-gi {background-position: -16px -55px}
.flag.flag-gl {background-position: -32px -55px}
.flag.flag-gm {background-position: -48px -55px}
.flag.flag-gn {background-position: -64px -55px}
.flag.flag-gp {background-position: -80px -55px}
.flag.flag-gq {background-position: -96px -55px}
.flag.flag-gr {background-position: -112px -55px}
.flag.flag-gs {background-position: -128px -55px}
.flag.flag-gt {background-position: -144px -55px}
.flag.flag-gu {background-position: -160px -55px}
.flag.flag-gw {background-position: -176px -55px}
.flag.flag-gy {background-position: -192px -55px}
.flag.flag-hk {background-position: -208px -55px}
.flag.flag-hm {background-position: -224px -55px}
.flag.flag-hn {background-position: -240px -55px}
.flag.flag-hr {background-position: 0 -66px}
.flag.flag-ht {background-position: -16px -66px}
.flag.flag-hu {background-position: -32px -66px}
.flag.flag-ic {background-position: -48px -66px}
.flag.flag-id {background-position: -64px -66px}
.flag.flag-ie {background-position: -80px -66px}
.flag.flag-il {background-position: -96px -66px}
.flag.flag-im {background-position: -112px -66px}
.flag.flag-in {background-position: -128px -66px}
.flag.flag-io {background-position: -144px -66px}
.flag.flag-iq {background-position: -160px -66px}
.flag.flag-ir {background-position: -176px -66px}
.flag.flag-is {background-position: -192px -66px}
.flag.flag-it {background-position: -208px -66px}
.flag.flag-je {background-position: -224px -66px}
.flag.flag-jm {background-position: -240px -66px}
.flag.flag-jo {background-position: 0 -77px}
.flag.flag-jp {background-position: -16px -77px}
.flag.flag-ke {background-position: -32px -77px}
.flag.flag-kg {background-position: -48px -77px}
.flag.flag-kh {background-position: -64px -77px}
.flag.flag-ki {background-position: -80px -77px}
.flag.flag-km {background-position: -96px -77px}
.flag.flag-kn {background-position: -112px -77px}
.flag.flag-kp {background-position: -128px -77px}
.flag.flag-kr {background-position: -144px -77px}
.flag.flag-kurdistan {background-position: -160px -77px}
.flag.flag-kw {background-position: -176px -77px}
.flag.flag-ky {background-position: -192px -77px}
.flag.flag-kz {background-position: -208px -77px}
.flag.flag-la {background-position: -224px -77px}
.flag.flag-lb {background-position: -240px -77px}
.flag.flag-lc {background-position: 0 -88px}
.flag.flag-li {background-position: -16px -88px}
.flag.flag-lk {background-position: -32px -88px}
.flag.flag-lr {background-position: -48px -88px}
.flag.flag-ls {background-position: -64px -88px}
.flag.flag-lt {background-position: -80px -88px}
.flag.flag-lu {background-position: -96px -88px}
.flag.flag-lv {background-position: -112px -88px}
.flag.flag-ly {background-position: -128px -88px}
.flag.flag-ma {background-position: -144px -88px}
.flag.flag-mc {background-position: -160px -88px}
.flag.flag-md {background-position: -176px -88px}
.flag.flag-me {background-position: -192px -88px}
.flag.flag-mg {background-position: -208px -88px}
.flag.flag-mh {background-position: -224px -88px}
.flag.flag-mk {background-position: -240px -88px}
.flag.flag-ml {background-position: 0 -99px}
.flag.flag-mm {background-position: -16px -99px}
.flag.flag-mn {background-position: -32px -99px}
.flag.flag-mo {background-position: -48px -99px}
.flag.flag-mp {background-position: -64px -99px}
.flag.flag-mq {background-position: -80px -99px}
.flag.flag-mr {background-position: -96px -99px}
.flag.flag-ms {background-position: -112px -99px}
.flag.flag-mt {background-position: -128px -99px}
.flag.flag-mu {background-position: -144px -99px}
.flag.flag-mv {background-position: -160px -99px}
.flag.flag-mw {background-position: -176px -99px}
.flag.flag-mx {background-position: -192px -99px}
.flag.flag-my {background-position: -208px -99px}
.flag.flag-mz {background-position: -224px -99px}
.flag.flag-na {background-position: -240px -99px}
.flag.flag-nc {background-position: 0 -110px}
.flag.flag-ne {background-position: -16px -110px}
.flag.flag-nf {background-position: -32px -110px}
.flag.flag-ng {background-position: -48px -110px}
.flag.flag-ni {background-position: -64px -110px}
.flag.flag-nl {background-position: -80px -110px}
.flag.flag-no {background-position: -96px -110px}
.flag.flag-np {background-position: -112px -110px}
.flag.flag-nr {background-position: -128px -110px}
.flag.flag-nu {background-position: -144px -110px}
.flag.flag-nz {background-position: -160px -110px}
.flag.flag-om {background-position: -176px -110px}
.flag.flag-pa {background-position: -192px -110px}
.flag.flag-pe {background-position: -208px -110px}
.flag.flag-pf {background-position: -224px -110px}
.flag.flag-pg {background-position: -240px -110px}
.flag.flag-ph {background-position: 0 -121px}
.flag.flag-pk {background-position: -16px -121px}
.flag.flag-pl {background-position: -32px -121px}
.flag.flag-pm {background-position: -48px -121px}
.flag.flag-pn {background-position: -64px -121px}
.flag.flag-pr {background-position: -80px -121px}
.flag.flag-ps {background-position: -96px -121px}
.flag.flag-pt {background-position: -112px -121px}
.flag.flag-pw {background-position: -128px -121px}
.flag.flag-py {background-position: -144px -121px}
.flag.flag-qa {background-position: -160px -121px}
.flag.flag-re {background-position: -176px -121px}
.flag.flag-ro {background-position: -192px -121px}
.flag.flag-rs {background-position: -208px -121px}
.flag.flag-ru {background-position: -224px -121px}
.flag.flag-rw {background-position: -240px -121px}
.flag.flag-sa {background-position: 0 -132px}
.flag.flag-sb {background-position: -16px -132px}
.flag.flag-sc {background-position: -32px -132px}
.flag.flag-scotland {background-position: -48px -132px}
.flag.flag-sd {background-position: -64px -132px}
.flag.flag-se {background-position: -80px -132px}
.flag.flag-sg {background-position: -96px -132px}
.flag.flag-sh {background-position: -112px -132px}
.flag.flag-si {background-position: -128px -132px}
.flag.flag-sk {background-position: -144px -132px}
.flag.flag-sl {background-position: -160px -132px}
.flag.flag-sm {background-position: -176px -132px}
.flag.flag-sn {background-position: -192px -132px}
.flag.flag-so {background-position: -208px -132px}
.flag.flag-somaliland {background-position: -224px -132px}
.flag.flag-sr {background-position: -240px -132px}
.flag.flag-ss {background-position: 0 -143px}
.flag.flag-st {background-position: -16px -143px}
.flag.flag-sv {background-position: -32px -143px}
.flag.flag-sx {background-position: -48px -143px}
.flag.flag-sy {background-position: -64px -143px}
.flag.flag-sz {background-position: -80px -143px}
.flag.flag-tc {background-position: -96px -143px}
.flag.flag-td {background-position: -112px -143px}
.flag.flag-tf {background-position: -128px -143px}
.flag.flag-tg {background-position: -144px -143px}
.flag.flag-th {background-position: -160px -143px}
.flag.flag-tibet {background-position: -176px -143px}
.flag.flag-tj {background-position: -192px -143px}
.flag.flag-tk {background-position: -208px -143px}
.flag.flag-tl {background-position: -224px -143px}
.flag.flag-tm {background-position: -240px -143px}
.flag.flag-tn {background-position: 0 -154px}
.flag.flag-to {background-position: -16px -154px}
.flag.flag-tr {background-position: -32px -154px}
.flag.flag-tt {background-position: -48px -154px}
.flag.flag-tv {background-position: -64px -154px}
.flag.flag-tw {background-position: -80px -154px}
.flag.flag-tz {background-position: -96px -154px}
.flag.flag-ua {background-position: -112px -154px}
.flag.flag-ug {background-position: -128px -154px}
.flag.flag-um {background-position: -144px -154px}
.flag.flag-us {background-position: -160px -154px}
.flag.flag-uy {background-position: -176px -154px}
.flag.flag-uz {background-position: -192px -154px}
.flag.flag-va {background-position: -208px -154px}
.flag.flag-vc {background-position: -224px -154px}
.flag.flag-ve {background-position: -240px -154px}
.flag.flag-vg {background-position: 0 -165px}
.flag.flag-vi {background-position: -16px -165px}
.flag.flag-vn {background-position: -32px -165px}
.flag.flag-vu {background-position: -48px -165px}
.flag.flag-wales {background-position: -64px -165px}
.flag.flag-wf {background-position: -80px -165px}
.flag.flag-ws {background-position: -96px -165px}
.flag.flag-xk {background-position: -112px -165px}
.flag.flag-ye {background-position: -128px -165px}
.flag.flag-yt {background-position: -144px -165px}
.flag.flag-za {background-position: -160px -165px}
.flag.flag-zanzibar {background-position: -176px -165px}
.flag.flag-zm {background-position: -192px -165px}
.flag.flag-zw {background-position: -208px -165px}
/* End flags.css. */
/* Inlined from select-box.css. */
/* Inlined from colors.css. */
:root {
    /* Brand & UI Colors */
    --brand-blue: #0079E2;
    --brand-blue-dark: #004AAA;
    --brand-orange: #FF6000;
    --btn-border-hover: #00237d;

    /* Neutral Colors */
    --color-black: #272727;
    --color-text-primary: #484848;
    --color-text-secondary: #8A8A8A;
    --color-text-tertiary: #666666;
    --color-text-link: #787878;
    --color-border-primary: #999999;
    --color-border-light: #e3e3e3;
    --color-border-default: #DFE3E9;
    --color-border-subtle: #CED0DA;
    --color-border-gray: #ccc;
    --color-footer: #DFEAEC;

    /* State Colors */
    --color-error-text: #9E0B0F;
    --color-error-border: #A11418;
    --color-error-bg: #ED1C24;
    --color-focus: #1196BA;

    /* Background Colors */
    --color-white: #ffffff;
    --color-bg-gradient-start: #F2F4F8;
    --color-bg-light: #f8f8f8;

    /* Select/Dropdown Colors */
    --color-dropdown-selected-bg: #6d8199;

    /* Checkbox Colors */
    --color-checkbox-border: #aaa;
    --color-checkbox-border-disabled: #bbb;
    --color-checkbox-bg-disabled: #ddd;
    --color-focus-outline: blue;

    /* Form-specific colors (legacy compatibility) */
    --form-outline-default: var(--color-border-default);
    --form-outline-focus: var(--color-focus);
    --form-outline-error: var(--color-error-bg);
    --form-label-default: var(--color-text-secondary);
    --form-label-float: var(--color-text-secondary);
    --form-input-text: var(--color-text-primary);

    /* Shadow Colors */
    --shadow-primary: rgba(0, 0, 0, .25);
    --shadow-secondary: rgba(0, 0, 0, 0.16);
}
/* End colors.css. */

.DropBox{
    position: absolute;
    top: 29px;
    width: calc(100% - 138px);
    max-height: 146px;
    max-width: 288px;
    min-width: 213px;
    border: 1px solid var(--color-border-gray);
    background-color: var(--color-white);
    overflow-x: hidden;
    z-index: 1;
    box-shadow: 0 5px 10px var(--shadow-secondary);
}
.DropBox .Ctnr{
    position: relative;
}
.DropBox .Body{
    display: table;
    width: 100%;
}
.DropBox .OptGroup{
    height: 20px;
    line-height: 20px;
    font-weight: bold;
    padding-left: 3px;
    cursor: default;
}
.DropBox .Option{
    height: 20px;
    line-height: 20px;
    color: var(--color-text-primary);
    padding-left: 3px;
    cursor: pointer;
    white-space: pre;
}
.DropBox .Option.InGroup {
    padding-left: 10px;
}
.DropBox .Option.Selected{
    color: var(--color-white);
    background-color: var(--color-dropdown-selected-bg);
}
.DropBox .Option:first-child {
    margin-top: 2px;
}
.DropBox .Option:last-child {
    margin-bottom: 2px;
}
/* End select-box.css. */
/* Inlined from form-field.css. */
/* Inlined from colors.css. */
:root {
    /* Brand & UI Colors */
    --brand-blue: #0079E2;
    --brand-blue-dark: #004AAA;
    --brand-orange: #FF6000;
    --btn-border-hover: #00237d;

    /* Neutral Colors */
    --color-black: #272727;
    --color-text-primary: #484848;
    --color-text-secondary: #8A8A8A;
    --color-text-tertiary: #666666;
    --color-text-link: #787878;
    --color-border-primary: #999999;
    --color-border-light: #e3e3e3;
    --color-border-default: #DFE3E9;
    --color-border-subtle: #CED0DA;
    --color-border-gray: #ccc;
    --color-footer: #DFEAEC;

    /* State Colors */
    --color-error-text: #9E0B0F;
    --color-error-border: #A11418;
    --color-error-bg: #ED1C24;
    --color-focus: #1196BA;

    /* Background Colors */
    --color-white: #ffffff;
    --color-bg-gradient-start: #F2F4F8;
    --color-bg-light: #f8f8f8;

    /* Select/Dropdown Colors */
    --color-dropdown-selected-bg: #6d8199;

    /* Checkbox Colors */
    --color-checkbox-border: #aaa;
    --color-checkbox-border-disabled: #bbb;
    --color-checkbox-bg-disabled: #ddd;
    --color-focus-outline: blue;

    /* Form-specific colors (legacy compatibility) */
    --form-outline-default: var(--color-border-default);
    --form-outline-focus: var(--color-focus);
    --form-outline-error: var(--color-error-bg);
    --form-label-default: var(--color-text-secondary);
    --form-label-float: var(--color-text-secondary);
    --form-input-text: var(--color-text-primary);

    /* Shadow Colors */
    --shadow-primary: rgba(0, 0, 0, .25);
    --shadow-secondary: rgba(0, 0, 0, 0.16);
}
/* End colors.css. */
/* Inlined from vars.css. */
:root {
    /* Typography */
    --base-font-family: 'Lato', Arial, Helvetica, sans-serif;
}
/* End vars.css. */

.form-field {
    display: inline-block;
    position: relative;
    text-align: left;
}

.form-field-wrapper {
    position: relative;
}

.form-field-flex {
    display: inline-flex;
    align-items: baseline;
    box-sizing: border-box;
    width: 100%;
}

.form-field-infix {
    display: block;
    position: relative;
    flex: auto;
    min-width: 0;
    width: 180px;
    margin: 0px 6px;
}

.form-field-label-wrapper {
    position: absolute;
    left: 0;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    left: 6px;
}

.form-field-label {
    position: absolute;
    left: 0;
    font: var(--base-font-family);
    font-size: 16px;
    pointer-events: none;
    width: fit-content;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: transform .4s cubic-bezier(.25, .8, .25, 1), color .4s cubic-bezier(.25, .8, .25, 1), width .4s cubic-bezier(.25, .8, .25, 1);
    -moz-transition: transform .4s cubic-bezier(.25, .8, .25, 1), color .4s cubic-bezier(.25, .8, .25, 1), width .4s cubic-bezier(.25, .8, .25, 1);
    transition: transform .4s cubic-bezier(.25, .8, .25, 1), color .4s cubic-bezier(.25, .8, .25, 1), width .4s cubic-bezier(.25, .8, .25, 1);
    display: none;
    background-color: var(--white-color);
}

.form-field-can-float.form-field-should-float .form-field-label,
.form-field-empty.form-field-label {
    display: block;
}

.form-field-label:not(.form-field-empty) {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.form-field-subscript-wrapper {
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
}

.form-field-hint-wrapper {
    display: flex;
}

.form-field-hint-spacer {
    flex: 1 0 1em
}

.form-field-header, .form-field-header span {
	visibility: hidden;
}

.error {
	display: block;
}

.form-field-control-wrapper {
    position: relative;
}

.input-element {
	font: var(--base-font-family);
    color: var(--color-text-primary);
    font-size: 16px;
    font-weight: 400;
	background: 0 0;
	border: none;
	outline: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	max-width: 100%;
	vertical-align: bottom;
	text-align: inherit;
	padding-left: 8px;
}

.input-element:-moz-ui-invalid {
    box-shadow: none;
}

.input-element::-ms-clear,
.input-element::-ms-reveal {
    display: none;
}

.input-element,
.input-element::-webkit-search-cancel-button,
.input-element::-webkit-search-decoration,
.input-element::-webkit-search-results-button,
.input-element::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

.input-element::-webkit-caps-lock-indicator,
.input-element::-webkit-contacts-auto-fill-button,
.input-element::-webkit-credentials-auto-fill-button {
    visibility: hidden;
}

.input-element[type=date]::after,
.input-element[type=datetime-local]::after,
.input-element[type=datetime]::after,
.input-element[type=month]::after,
.input-element[type=time]::after,
.input-element[type=week]::after {
    content: ' ';
    white-space: pre;
    width: 1px;
}

.input-element::-webkit-calendar-picker-indicator,
.input-element::-webkit-clear-button,
.input-element::-webkit-inner-spin-button {
    font-size: .75em;
}

.input-element::placeholder {
    -webkit-transition: color .4s .133s cubic-bezier(.25, .8, .25, 1);
    -moz-transition: color .4s .133s cubic-bezier(.25, .8, .25, 1);
    transition: color .4s .133s cubic-bezier(.25, .8, .25, 1);
}

.input-element::-moz-placeholder {
    -moz-transition: color .4s .133s cubic-bezier(.25, .8, .25, 1);
    transition: color .4s .133s cubic-bezier(.25, .8, .25, 1);
}

.input-element::-webkit-input-placeholder {
    -webkit-transition: color .4s .133s cubic-bezier(.25, .8, .25, 1);
    transition: color .4s .133s cubic-bezier(.25, .8, .25, 1)
}

.input-element:-ms-input-placeholder {
    transition: color .4s .133s cubic-bezier(.25, .8, .25, 1)
}

.form-field-hide-placeholder .input-element::placeholder {
    color: transparent !important;
    -webkit-text-fill-color: transparent;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.form-field-hide-placeholder .input-element::-moz-placeholder {
    color: transparent !important;
    -webkit-text-fill-color: transparent;
    -moz-transition: none;
    transition: none;
}

.form-field-hide-placeholder .input-element::-webkit-input-placeholder {
    color: transparent !important;
    -webkit-text-fill-color: transparent;
    -webkit-transition: none;
    -moz-transition: none;
    transition: none;
}

.form-field-hide-placeholder .input-element:-ms-input-placeholder {
    color: transparent !important;
    -webkit-text-fill-color: transparent;
    transition: none;
}

select.input-element {
	-moz-appearance: none;
	-webkit-appearance: none;
	position: relative;
	background-color: transparent;
	display: inline-flex;
	box-sizing: border-box;
	top: -1em;
	margin-bottom: -1em;
    padding-left: 4px;
	background-image: url(/usercontrols/signupinc/images/icons/arrow-down-dark.svg);
	background-repeat: no-repeat;
	background-size: 24px;
	background-position-x: calc(100% - 3px);
	background-position-y: center;
    color: var(--color-text-primary);
}

.phone-code select {
    padding-left: 30px;
    line-height: 20px;
}

select.input-element option {
    border:1px solid red;
}

.form-field.ie select.input-element {
    padding-top: 1em;
}

select.input-element::-ms-expand {
    display: none;
}

select.input-element::-moz-focus-inner {
    border: 0;
}

select.input-element:not(:disabled) {
    cursor: pointer;
}

select.input-element::-ms-value {
    color: inherit;
    background: 0 0;
}

.form-field-appearance-outline .form-field-wrapper {
    margin: 4px 0;
}

.form-field-appearance-outline .form-field-flex {
    margin-top: -4px;
    position: relative;
}

.form-field-appearance-outline .form-field-prefix,
.form-field-appearance-outline .form-field-suffix {
    top: 4px;
}

.form-field-appearance-outline .form-field-outline {
    display: flex;
    position: absolute;
    top: 4px;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    height: 45px;
}

.form-field-appearance-outline .form-field-outline-end,
.form-field-appearance-outline .form-field-outline-start {
    border: 1px solid var(--color-border-primary);
    min-width: 5px;
}

.form-field-appearance-outline .form-field-outline-start {
    border-radius: 2px 0 0 2px;
    border-right-style: none;
}

.form-field-appearance-outline .form-field-outline-end {
    border-radius: 0 2px 2px 0;
    border-left-style: none;
    flex-grow: 1;
}

.form-field-appearance-outline .form-field-outline-gap {
    border-radius: .000001px;
    border: 1px solid var(--color-border-primary);
    border-left-style: none;
    border-right-style: none;
}

.form-field-appearance-outline .form-field-outline-thick {
    opacity: 0;
}

.form-field-appearance-outline .form-field-outline-thick .form-field-outline-end,
.form-field-appearance-outline .form-field-outline-thick .form-field-outline-gap,
.form-field-appearance-outline .form-field-outline-thick .form-field-outline-start {
    border-width: 2px;
    -webkit-transition: border-color .3s cubic-bezier(.25, .8, .25, 1);
    -moz-transition: border-color .3s cubic-bezier(.25, .8, .25, 1);
    transition: border-color .3s cubic-bezier(.25, .8, .25, 1);
}

.form-field-appearance-outline.focused .form-field-outline,
.form-field-appearance-outline.form-field-invalid .form-field-outline {
    opacity: 0;
    -webkit-transition: opacity .1s cubic-bezier(.25, .8, .25, 1);
    -moz-transition: opacity .1s cubic-bezier(.25, .8, .25, 1);
    transition: opacity .1s cubic-bezier(.25, .8, .25, 1);
}

.form-field-appearance-outline.focused .form-field-outline-thick,
.form-field-appearance-outline.form-field-invalid .form-field-outline-thick {
    opacity: 1
}

.form-field-appearance-outline:not(.form-field-disabled) .form-field-flex .form-field-outline {
    -webkit-transition: opacity .6s cubic-bezier(.25, .8, .25, 1);
    -moz-transition: opacity .6s cubic-bezier(.25, .8, .25, 1);
    transition: opacity .6s cubic-bezier(.25, .8, .25, 1);
}

.form-field-appearance-outline:not(.form-field-disabled) .form-field-flex:hover .form-field-outline {
    opacity: 0;
}

.form-field-appearance-outline:not(.form-field-disabled) .form-field-flex:hover .form-field-outline-thick {
    opacity: 1;
}

.form-field-appearance-outline .form-field-subscript-wrapper {
    padding: 0;
}

@keyframes onAutoFillStart {  from {/**/}  to {/**/}}
@keyframes onAutoFillCancel {  from {/**/}  to {/**/}}

input.input-element:-webkit-autofill {
    animation-name: onAutoFillStart;
    -webkit-transition: background-color 1s ease-in-out 0s;
    -moz-transition: background-color 1s ease-in-out 0s;
    transition: background-color 1s ease-in-out 0s;
}
input.input-element:not(:-webkit-autofill) {
    animation-name: onAutoFillCancel;
}

.slide-in {
    position: relative;
    animation: slideIn 0.35s ease-in;
}

.slide-out {
    position: relative;
    animation: slideOut 0.15s ease-out;
}

@keyframes slideIn {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes slideOut {
    0% {
        opacity: 0;
        transform: translateY(0);
    }

    100% {
        opacity: 1;
        transform: translateY(-100%);
    }
}
/* End form-field.css. */
/* Inlined from form-field-theme.css. */
/* Inlined from colors.css. */
:root {
    /* Brand & UI Colors */
    --brand-blue: #0079E2;
    --brand-blue-dark: #004AAA;
    --brand-orange: #FF6000;
    --btn-border-hover: #00237d;

    /* Neutral Colors */
    --color-black: #272727;
    --color-text-primary: #484848;
    --color-text-secondary: #8A8A8A;
    --color-text-tertiary: #666666;
    --color-text-link: #787878;
    --color-border-primary: #999999;
    --color-border-light: #e3e3e3;
    --color-border-default: #DFE3E9;
    --color-border-subtle: #CED0DA;
    --color-border-gray: #ccc;
    --color-footer: #DFEAEC;

    /* State Colors */
    --color-error-text: #9E0B0F;
    --color-error-border: #A11418;
    --color-error-bg: #ED1C24;
    --color-focus: #1196BA;

    /* Background Colors */
    --color-white: #ffffff;
    --color-bg-gradient-start: #F2F4F8;
    --color-bg-light: #f8f8f8;

    /* Select/Dropdown Colors */
    --color-dropdown-selected-bg: #6d8199;

    /* Checkbox Colors */
    --color-checkbox-border: #aaa;
    --color-checkbox-border-disabled: #bbb;
    --color-checkbox-bg-disabled: #ddd;
    --color-focus-outline: blue;

    /* Form-specific colors (legacy compatibility) */
    --form-outline-default: var(--color-border-default);
    --form-outline-focus: var(--color-focus);
    --form-outline-error: var(--color-error-bg);
    --form-label-default: var(--color-text-secondary);
    --form-label-float: var(--color-text-secondary);
    --form-input-text: var(--color-text-primary);

    /* Shadow Colors */
    --shadow-primary: rgba(0, 0, 0, .25);
    --shadow-secondary: rgba(0, 0, 0, 0.16);
}
/* End colors.css. */

.form-field {
    font-size: inherit;
    font-weight: 400;
    font-family: var(--base-font-family);
}

.form-field-infix {
    padding: 8px 0;
    border-top: 13.5px solid transparent;
}

.form-field-label-wrapper {
    top: -13.5px;
    padding-top: 13.5px;
}

.form-field-label {
    top: 21.5px;
}

.form-field-subscript-wrapper {
    font-size: 13px;
}

.form-field-appearance-outline .form-field-infix {
    padding: 4px 0 12px 0;
}

.form-field-appearance-outline .form-field-label {
    top: 17px;
    margin-top: 0px;
}

.form-field-appearance-outline.form-field-can-float.form-field-should-float .form-field-label {
    transform: translateY(-21px);
    width: fit-content;
    color: var(--form-label-float);
    top: 18px;
    font-size: 12px;
    line-height: 15px;
    background: var(--color-white);
    padding: 0 4px;
}

input.input-element {
    margin-top: -3px;
}

.form-field-label {
    color: var(--form-label-default);
    font-size: 16px;
}

.hint {
    color: var(--color-text-tertiary);
}

.error {
    color: var(--color-error-text);
}

.form-field-appearance-outline.focused .form-field-outline-end,
.form-field-appearance-outline.focused .form-field-outline-start,
.form-field-appearance-outline.focused .form-field-outline-gap {
    border-color: var(--brand-blue) !important;
}

.form-field-appearance-outline.form-field-invalid .form-field-outline-end,
.form-field-appearance-outline.form-field-invalid .form-field-outline-start,
.form-field-appearance-outline.form-field-invalid .form-field-outline-gap {
    border-color: var(--color-error-border);
}

/* End form-field-theme.css. */
/* Inlined from flex-design-form.css. */
/* Inlined from colors.css. */
:root {
    /* Brand & UI Colors */
    --brand-blue: #0079E2;
    --brand-blue-dark: #004AAA;
    --brand-orange: #FF6000;
    --btn-border-hover: #00237d;

    /* Neutral Colors */
    --color-black: #272727;
    --color-text-primary: #484848;
    --color-text-secondary: #8A8A8A;
    --color-text-tertiary: #666666;
    --color-text-link: #787878;
    --color-border-primary: #999999;
    --color-border-light: #e3e3e3;
    --color-border-default: #DFE3E9;
    --color-border-subtle: #CED0DA;
    --color-border-gray: #ccc;
    --color-footer: #DFEAEC;

    /* State Colors */
    --color-error-text: #9E0B0F;
    --color-error-border: #A11418;
    --color-error-bg: #ED1C24;
    --color-focus: #1196BA;

    /* Background Colors */
    --color-white: #ffffff;
    --color-bg-gradient-start: #F2F4F8;
    --color-bg-light: #f8f8f8;

    /* Select/Dropdown Colors */
    --color-dropdown-selected-bg: #6d8199;

    /* Checkbox Colors */
    --color-checkbox-border: #aaa;
    --color-checkbox-border-disabled: #bbb;
    --color-checkbox-bg-disabled: #ddd;
    --color-focus-outline: blue;

    /* Form-specific colors (legacy compatibility) */
    --form-outline-default: var(--color-border-default);
    --form-outline-focus: var(--color-focus);
    --form-outline-error: var(--color-error-bg);
    --form-label-default: var(--color-text-secondary);
    --form-label-float: var(--color-text-secondary);
    --form-input-text: var(--color-text-primary);

    /* Shadow Colors */
    --shadow-primary: rgba(0, 0, 0, .25);
    --shadow-secondary: rgba(0, 0, 0, 0.16);
}
/* End colors.css. */
/* Inlined from vars.css. */
:root {
    /* Typography */
    --base-font-family: 'Lato', Arial, Helvetica, sans-serif;
}
/* End vars.css. */

.form-view {
    margin: 47px 0;
    max-width: 400px;
    width: 100%;
    flex-shrink: 0;
    flex-grow: 1;
    flex-basis: auto;
    font-family: var(--base-font-family);
}

    .form-view .form-view__title {
        color: var(--color-text-primary);
        font: var(--base-font-family);
        font-weight: 700;
        font-size: 36px;
        line-height: 44px;
        padding: 0;
        margin: 0 0 30px;
        text-align: center;
    }

    .form-view .main-header {
        font-family: var(--base-font-family);
        color: var(--color-text-primary);
        font-size: 32px;
    }

	.form-view .form-view__form {
        max-width: 400px;
        margin: 0 auto;
}

.phone-container,
.form-field {
    margin-bottom: 20px;
}

.form-field,
.form-field-infix {
    width: 100%;
}


.form-field-appearance-outline .form-field-wrapper {
    margin: 0;
}

.formError {
    visibility: visible;
    display: block;
}

.formNoError {
    visibility: hidden;
    display: none;
}

.formErrorVisible .form-field-outline-end,
.formErrorVisible .form-field-outline-start,
.formErrorVisible .form-field-outline-gap {
    border-color: var(--color-error-border) !important;
}

.business-email-warning {
    color: var(--color-text-tertiary) !important;
}

.errors-container {
    position: relative;
    padding-left: 16px;
    line-height: 16px;
}

.errors-container > .formError::before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 12px;
    height: 12px;
    background-image: url(/usercontrols/signupinc/images/icons/icon-invalid.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.errors-container > .business-email-warning.formError::before {
    background-image: url(/usercontrols/signupinc/images/icons/icon-info.svg);
}

.errors-container > .formError{
    color: var(--color-error-text);
    margin-top: 4px;
}

.password-form-field .password-icon{
    position: absolute;
    top: 1px;
    right: 6px;
    cursor: pointer;
}

.password-form-field input.input-element{
    padding-right: 28px;
}

.show-password .password-invisible {
    display: none;
}

.show-password .password-visible {
    display: block;
}

.hide-password .password-invisible {
    display: block;
}

.hide-password .password-visible {
    display: none;
}


.phone-container > div:first-child {
    display: grid;
    grid-template-columns: 110px 1fr;
}

.phone-container .form-field {
    margin: 0;
}

.phone-container .form-field:nth-of-type(1) {
    flex: 0 0 100px;
}

.phone-container .form-field:nth-of-type(2) {
    flex: 1 1 0;
    margin-left: -1px;
}

.phone-container .form-field:nth-of-type(3) {
    display: none;
    flex: 0 0 65px;
    margin-left: 5px;
}

.phone-errors .formError {
    text-align: left;
}

.CountryFlag {
	position: absolute;
	z-index: 1;
    left: 6px;
}

.phone-container .CountryFlag .flag {
    margin: 0;
    zoom: 1.25;
}

.phone-container .DropBox {
    left: -6px;
}

.g-recaptcha {
    margin-top: 20px;
}

.g-recaptcha--reserved {
    min-height: 78px;
}

.g-recaptcha > div {
    margin: 0 auto;
}

#ReCaptchaErrorContainer {
    margin-top: 5px;
    text-align: left;
    font-size: 13px;
}

.button-container {
    margin-top: 20px;
    width: 100%;
}

.button-container button {
    width: 100%;
    height: 50px;
    background-color: var(--brand-orange);
    font-family: var(--base-font-family);
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: var(--color-white);
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 2px;
}

.button-container button:hover,
.button-container button:active {
    filter: brightness(0.8);
}

.button-container button:focus {
    border-color: var(--btn-border-hover);
}

.additional-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
}

.additional-info .additional-info__card {
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: var(--color-text-primary);
    text-align: center;
    margin: 0;
}

.additional-info .additional-info__link {
    color: var(--brand-blue);
    font-size: 16px;
    margin-top: 14px;
    margin: 0;
}

.additional-info .additional-info__link:hover,
.additional-info .additional-info__link:focus,
.additional-info .additional-info__link:active {
    color: var(--brand-blue-dark) !important;
    cursor: pointer !important;
}


.optanon-show-settings {
    display: none;
}

.form-caspio-logo {
    display: inline-block;
    background: url(/usercontrols/signupinc/images/pagedesign/caspio_bridge_logo.svg) no-repeat;
    width: 135px;
    height: 42px;
    margin-top: 20px;
}

.display-none {
    display: none;
}

.paragraph-container {
    font-family: var(--base-font-family);
    text-align: left;
    font-size: 12px;
    color: var(--color-text-link);
    margin: 0 0 20px 0;
}


@media screen and (max-width: 991px) {
    .form-view .form-view__title {
        margin-bottom: 20px;
    }
}

/* End flex-design-form.css. */
