.cx-avatar {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    width: 32px;
    width: var(--cx-avatar-size--md);
    height: 32px;
    height: var(--cx-avatar-size--md);
    font-size: 14px;
    text-align: center;
    letter-spacing: 1px;
    background-color: #303339;
    background-color: var(--colorIntent-avatarBackground);
    background-position: 50%;
    background-size: cover;
    background-clip: content-box;
    color: #fff;
    color: var(--colorIntent-avatarText);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal
}

.cx-avatar--xs {
    width: 19px;
    width: var(--cx-avatar-size--xs);
    height: 19px;
    height: var(--cx-avatar-size--xs);
    font-size: 8px
}

.cx-avatar--sm {
    width: 26px;
    width: var(--cx-avatar-size--sm);
    height: 26px;
    height: var(--cx-avatar-size--sm);
    font-size: 12px
}

.cx-avatar--lg {
    width: 40px;
    width: var(--cx-avatar-size--lg);
    height: 40px;
    height: var(--cx-avatar-size--lg);
    font-size: 16px
}

.cx-avatar--xl {
    width: 58px;
    width: var(--cx-avatar-size--xl);
    height: 58px;
    height: var(--cx-avatar-size--xl);
    font-size: 20px
}

.cx-avatar--xxl {
    width: 100px;
    width: var(--cx-avatar-size--xxl);
    height: 100px;
    height: var(--cx-avatar-size--xxl);
    font-size: 30px
}

.cx-avatar--image {
    color: transparent
}

.cx-dotGridBackground {
    background-position: 50%;
    background-image: url("/img/plus.png");
    background-size: 20px 10px
}

.cx-dotGridBackground--dark {
    background-color: #000;
    background-color: var(--colorIntent-backgroundInverse);
    background-image: url("/img/plus.png");
    background-size: 20px 10px
}

.cx-nakedBtn {
    display: inline-block;
    border-width: 1px;
    border-radius: 2px;
    border-radius: var(--cx-borderRadius);
    line-height: 1.3em;
    line-height: var(--cx-lineHeight);
    text-align: center;
    text-decoration: none;
    background: transparent;
    background-clip: padding-box;
    cursor: pointer;
    -webkit-transition: border-color, background, color, fill .1s ease, -webkit-box-shadow;
    transition: border-color, background, color, fill .1s ease, -webkit-box-shadow;
    transition: border-color, background, box-shadow, color, fill .1s ease;
    transition: border-color, background, box-shadow, color, fill .1s ease, -webkit-box-shadow;
    -webkit-transition: var(--cx-transition);
    transition: var(--cx-transition);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    padding: 10px 20px;
    padding: var(--cx-btn-padding--md);
    font-size: 16px;
    font-size: var(--cx-fontSize--md);
    border: var(--cx-borderWidth) solid transparent;
    background-color: transparent;
    color: #00779a;
    color: var(--colorIntent-action);
    fill: #00779a;
    fill: var(--colorIntent-action)
}

.cx-nakedBtn:focus {
    outline: none
}

.cx-nakedBtn--xs {
    padding: 3px 10px;
    padding: var(--cx-btn-padding--xs);
    font-size: 14px;
    font-size: var(--cx-fontSize--xs)
}

.cx-nakedBtn--sm {
    padding: 5px 14px;
    padding: var(--cx-btn-padding--sm);
    font-size: 14px;
    font-size: var(--cx-fontSize--sm)
}

.cx-nakedBtn--lg {
    padding: 15px 30px;
    padding: var(--cx-btn-padding--lg);
    font-size: 16px;
    font-size: var(--cx-fontSize--lg)
}

.cx-nakedBtn, .cx-nakedBtn--lg, .cx-nakedBtn--sm, .cx-nakedBtn--xs {
    padding-right: 0;
    padding-left: 0
}

.cx-nakedBtn:hover {
    color: #00617d;
    color: var(--colorIntent-actionHover);
    fill: #00617d;
    fill: var(--colorIntent-actionHover)
}

.cx-nakedBtn:active, .cx-nakedBtn:focus {
    color: #00617d;
    color: var(--colorIntent-actionPressed);
    fill: #00617d;
    fill: var(--colorIntent-actionPressed)
}

.cx-nakedBtn.is-highlighted {
    color: #f4c650;
    color: var(--colorIntent-textHighlighted);
    fill: #f4c650;
    fill: var(--colorIntent-textHighlighted)
}

.cx-nakedBtn.is-disabled, .cx-nakedBtn:disabled, .cx-nakedBtn[disabled] {
    color: #a9afb6;
    color: var(--colorIntent-textSubtle);
    fill: #a9afb6;
    fill: var(--colorIntent-textSubtle);
    pointer-events: none
}

.cx-nakedBtn--brand, .cx-nakedBtn--brand:active, .cx-nakedBtn--brand:focus {
    color: #000;
    color: var(--colorIntent-brandDark);
    fill: #000;
    fill: var(--colorIntent-brandDark)
}

.cx-solidBtn {
    display: inline-block;
    border-width: 1px;
    border-radius: 2px;
    line-height: 1.3em;
    text-align: center;
    text-decoration: none;
    background-clip: padding-box;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    padding: 10px 20px;
    font-size: 16px;
    border-color: #000;
    color: #fff;
    fill: #fff;
    background: #000;
}

.cx-solidBtn:focus {
    outline: none
}

.cx-solidBtn--xs {
    padding: 3px 10px;
    padding: var(--cx-btn-padding--xs);
    font-size: 14px;
    font-size: var(--cx-fontSize--xs)
}

.cx-solidBtn--sm {
    padding: 5px 14px;
    padding: var(--cx-btn-padding--sm);
    font-size: 14px;
    font-size: var(--cx-fontSize--sm)
}

.cx-solidBtn--lg {
    padding: 15px 30px;
    padding: var(--cx-btn-padding--lg);
    font-size: 16px;
    font-size: var(--cx-fontSize--lg)
}

.cx-solidBtn:hover {
    border-color: #00617d;
    color: #fff;
    fill: #fff;
    fill: var(--colorIntent-actionableFilledTextHover);
    background-color: linear-gradient(180deg, #00779a, #00617d);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00779a), to(#00617d));
    background-image: linear-gradient(180deg, #00779a, #00617d);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}

.cx-solidBtn:active, .cx-solidBtn:focus {
    border-color: #00617d;
    border-color: var(--colorIntent-actionableFilledBorderPressed);
    color: #fff;
    color: var(--colorIntent-actionableFilledTextPressed);
    fill: #fff;
    fill: var(--colorIntent-actionableFilledTextPressed);
    background-color: linear-gradient(180deg, #00779a, #00617d);
    background-color: var(--colorIntent-actionableFilledBackgroundPressed);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00779a), to(#00617d));
    background-image: linear-gradient(180deg, #00779a, #00617d);
    background-image: var(--colorIntent-actionableFilledBackgroundPressed);
    -webkit-box-shadow: none;
    box-shadow: none
}

.cx-solidBtn.is-disabled, .cx-solidBtn:disabled, .cx-solidBtn[disabled] {
    border-color: #eaebf0;
    border-color: var(--colorIntent-actionableFilledBorderDisabled);
    color: #a9afb6;
    color: var(--colorIntent-actionableFilledTextDisabled);
    fill: #a9afb6;
    fill: var(--colorIntent-actionableFilledTextDisabled);
    background-color: #eaebf0;
    background-color: var(--colorIntent-actionableFilledBackgroundDisabled);
    background-image: none;
    pointer-events: none
}

.cx-solidBtn.is-highlighted {
    border-color: #f4c650;
    border-color: var(--colorIntent-actionableFilledBorderHighlighted);
    color: #fff;
    color: var(--colorIntent-actionableFilledTextHighlighted);
    fill: #fff;
    fill: var(--colorIntent-actionableFilledTextHighlighted);
    background-color: #f4c650;
    background-color: var(--colorIntent-actionableFilledBackgroundHighlighted)
}

.cx-solidBtn--brand {
    border-color: #000;
    border-color: var(--colorIntent-brandDark);
    color: #fff;
    color: var(--colorIntent-brandLight);
    fill: #fff;
    fill: var(--colorIntent-brandLight);
    background-color: #000;
    background-color: var(--colorIntent-brandDark)
}

.cx-solidBtn--brand:active, .cx-solidBtn--brand:focus, .cx-solidBtn--brand:hover {
    border-color: #000;
    border-color: var(--colorIntent-brandDark);
    color: #000;
    color: var(--colorIntent-brandDark);
    fill: #000;
    fill: var(--colorIntent-brandDark);
    background-color: #fff;
    background-color: var(--colorIntent-brandLight);
    background-image: none
}

.cx-solidBtn--brand:active, .cx-solidBtn--brand:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.cx-enclosedBtn {
    display: inline-block;
    border-width: 1px;
    border-radius: 2px;
    line-height: 1.3em;
    text-align: center;
    text-decoration: none;
    background-clip: padding-box;
    cursor: pointer;
    -webkit-transition: border-color, background, color, fill .1s ease, -webkit-box-shadow;
    transition: border-color, background, color, fill .1s ease, -webkit-box-shadow;
    transition: border-color, background, box-shadow, color, fill .1s ease;
    transition: border-color, background, box-shadow, color, fill .1s ease, -webkit-box-shadow;
    -webkit-transition: var(--cx-transition);
    transition: var(--cx-transition);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    padding: 10px 20px;
    font-size: 16px;
    border-color: rgba(48, 51, 57, .15);
    color: #00779a;
    fill: #000;
    background-color: #fff;
}

.cx-enclosedBtn:focus {
    outline: none
}

.cx-enclosedBtn--xs {
    padding: 3px 10px;
    font-size: 14px;
}

.cx-enclosedBtn--sm {
    padding: 5px 14px;
    font-size: 14px;
}

.cx-enclosedBtn--lg {
    padding: 15px 30px;
    padding: var(--cx-btn-padding--lg);
    font-size: 16px;
    font-size: var(--cx-fontSize--lg)
}

.cx-enclosedBtn:hover {
    border-color: rgba(48, 51, 57, .3);
    border-color: var(--colorIntent-actionableInvertedBorderHover);
    color: #00617d;
    color: var(--colorIntent-actionableInvertedTextHover);
    fill: #00617d;
    fill: var(--colorIntent-actionableInvertedTextHover);
    background-color: linear-gradient(180deg, #fff, #f4f5f9);
    background-color: var(--colorIntent-actionableInvertedBackgroundHover);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4f5f9));
    background-image: linear-gradient(180deg, #fff, #f4f5f9);
    background-image: var(--colorIntent-actionableInvertedBackgroundHover);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    -webkit-box-shadow: var(--cx-dropShadow);
    box-shadow: var(--cx-dropShadow)
}

.cx-enclosedBtn:active, .cx-enclosedBtn:focus {
    border-color: rgba(48, 51, 57, .5);
    border-color: var(--colorIntent-actionableInvertedBorderPressed);
    color: #00617d;
    color: var(--colorIntent-actionableInvertedTextPressed);
    fill: #00617d;
    fill: var(--colorIntent-actionableInvertedTextPressed);
    background-color: linear-gradient(180deg, #fff, #f4f5f9);
    background-color: var(--colorIntent-actionableInvertedBackgroundPressed);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4f5f9));
    background-image: linear-gradient(180deg, #fff, #f4f5f9);
    background-image: var(--colorIntent-actionableInvertedBackgroundPressed);
    -webkit-box-shadow: none;
    box-shadow: none
}

.cx-enclosedBtn.is-disabled, .cx-enclosedBtn:disabled, .cx-enclosedBtn[disabled] {
    border-color: rgba(48, 51, 57, .15);
    border-color: var(--colorIntent-actionableInvertedBorderDisabled);
    color: #a9afb6;
    color: var(--colorIntent-actionableInvertedTextDisabled);
    fill: #a9afb6;
    fill: var(--colorIntent-actionableInvertedTextDisabled);
    background-color: #eaebf0;
    background-color: var(--colorIntent-actionableInvertedBackgroundDisabled);
    background-image: none;
    pointer-events: none
}

.cx-enclosedBtn.is-active, .cx-enclosedBtn.is-active:active, .cx-enclosedBtn.is-active:focus {
    fill: #fff;
    background-color: #2f009d;
}

.cx-enclosedBtn.is-active:hover {
    background-color: #5001ff;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    fill: #fff;
}

.cx-enclosedBtn.is-active.is-disabled, .cx-enclosedBtn.is-active:disabled, .cx-enclosedBtn.is-active[disabled] {
    color: #a9afb6;
    color: var(--colorIntent-actionableInvertedTextDisabled);
    fill: #a9afb6;
    fill: var(--colorIntent-actionableInvertedTextDisabled);
    background-color: #eaebf0;
    background-color: var(--colorIntent-actionableInvertedBackgroundDisabled);
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.cx-enclosedBtn--brand {
    border-color: #000;
    border-color: var(--colorIntent-brandDark);
    color: #000;
    color: var(--colorIntent-brandDark);
    fill: #000;
    fill: var(--colorIntent-brandDark);
    background-color: #fff;
    background-color: var(--colorIntent-brandLight)
}

.cx-enclosedBtn--brand:active, .cx-enclosedBtn--brand:focus, .cx-enclosedBtn--brand:hover {
    border-color: #000;
    border-color: var(--colorIntent-brandDark);
    color: #fff;
    color: var(--colorIntent-brandLight);
    fill: #fff;
    fill: var(--colorIntent-brandLight);
    background-color: #000;
    background-color: var(--colorIntent-brandDark);
    background-image: none
}

.cx-dangerBtn {
    display: inline-block;
    border-width: 1px;
    border-radius: 2px;
    border-radius: var(--cx-borderRadius);
    line-height: 1.3em;
    line-height: var(--cx-lineHeight);
    text-align: center;
    text-decoration: none;
    background: transparent;
    background-clip: padding-box;
    cursor: pointer;
    -webkit-transition: border-color, background, color, fill .1s ease, -webkit-box-shadow;
    transition: border-color, background, color, fill .1s ease, -webkit-box-shadow;
    transition: border-color, background, box-shadow, color, fill .1s ease;
    transition: border-color, background, box-shadow, color, fill .1s ease, -webkit-box-shadow;
    -webkit-transition: var(--cx-transition);
    transition: var(--cx-transition);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    padding: 10px 20px;
    padding: var(--cx-btn-padding--md);
    font-size: 16px;
    font-size: var(--cx-fontSize--md);
    border-color: rgba(48, 51, 57, .15);
    border: var(--cx-borderWidth) solid var(--colorIntent-actionableInvertedBorder);
    color: #d44242;
    color: var(--colorIntent-actionableInvertedTextError);
    fill: #d44242;
    fill: var(--colorIntent-actionableInvertedTextError);
    background-color: #fff;
    background-color: var(--colorIntent-actionableInvertedBackground)
}

.cx-dangerBtn:focus {
    outline: none
}

.cx-dangerBtn--xs {
    padding: 3px 10px;
    padding: var(--cx-btn-padding--xs);
    font-size: 14px;
    font-size: var(--cx-fontSize--xs)
}

.cx-dangerBtn--sm {
    padding: 5px 14px;
    padding: var(--cx-btn-padding--sm);
    font-size: 14px;
    font-size: var(--cx-fontSize--sm)
}

.cx-dangerBtn--lg {
    padding: 15px 30px;
    padding: var(--cx-btn-padding--lg);
    font-size: 16px;
    font-size: var(--cx-fontSize--lg)
}

.cx-dangerBtn:hover {
    color: #fff;
    color: var(--colorIntent-actionableFilledTextError);
    fill: #fff;
    fill: var(--colorIntent-actionableFilledTextError);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    -webkit-box-shadow: var(--cx-dropShadow);
    box-shadow: var(--cx-dropShadow)
}

.cx-dangerBtn:active, .cx-dangerBtn:focus, .cx-dangerBtn:hover {
    border-color: #d47e7e;
    border-color: var(--colorIntent-actionableFilledBorderError);
    background-color: #d47e7e;
    background-color: var(--colorIntent-actionableFilledBackgroundError);
    background-image: #d47e7e;
    background-image: var(--colorIntent-actionableFilledBackgroundError)
}

.cx-dangerBtn:active, .cx-dangerBtn:focus {
    color: #fff;
    color: var(--colorIntent-actionableFilledTextPressed);
    fill: #fff;
    fill: var(--colorIntent-actionableFilledTextPressed);
    -webkit-box-shadow: none;
    box-shadow: none
}

.cx-dangerBtn.is-disabled, .cx-dangerBtn:disabled, .cx-dangerBtn[disabled] {
    border-color: rgba(48, 51, 57, .15);
    border-color: var(--colorIntent-actionableInvertedBorderDisabled);
    color: #a9afb6;
    color: var(--colorIntent-actionableInvertedTextDisabled);
    fill: #a9afb6;
    fill: var(--colorIntent-actionableInvertedTextDisabled);
    background-color: #eaebf0;
    background-color: var(--colorIntent-actionableInvertedBackgroundDisabled);
    background-image: none;
    pointer-events: none
}

.cx-btn-icon {
    display: inline-block;
    margin: calc(.625em - 8px) 0;
    margin: calc((1.25em - var(--cx-btn-iconHeight)) / 2) 0;
    width: 16px;
    width: var(--cx-btn-iconWidth);
    height: 16px;
    height: var(--cx-btn-iconHeight);
    vertical-align: top
}

.cx-btn-icon--left {
    margin-right: 6px;
    margin-right: var(--cx-btn-iconPadding)
}

.cx-btn-icon--right {
    margin-left: 6px;
    margin-left: var(--cx-btn-iconPadding)
}

.cx-enclosedBtnGroup {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: 1px;
@util clearfix
}

.cx-enclosedBtnGroup .cx-enclosedBtn, .cx-enclosedBtnGroup .cx-enclosedBtn + .cx-enclosedBtn, .cx-groupedBtn {
    position: relative;
    margin-left: -1px;
    margin-right: 0;
    z-index: 0
}

.cx-enclosedBtnGroup .cx-enclosedBtn + .cx-enclosedBtn.is-active, .cx-enclosedBtnGroup .cx-enclosedBtn + .cx-enclosedBtn:active, .cx-enclosedBtnGroup .cx-enclosedBtn + .cx-enclosedBtn:focus, .cx-enclosedBtnGroup .cx-enclosedBtn + .cx-enclosedBtn:hover, .cx-enclosedBtnGroup .cx-enclosedBtn.is-active, .cx-enclosedBtnGroup .cx-enclosedBtn:active, .cx-enclosedBtnGroup .cx-enclosedBtn:focus, .cx-enclosedBtnGroup .cx-enclosedBtn:hover, .cx-groupedBtn.is-active, .cx-groupedBtn:active, .cx-groupedBtn:focus, .cx-groupedBtn:hover {
    z-index: 1
}

.cx-enclosedBtnGroup .cx-enclosedBtn + .cx-enclosedBtn.cx-indicator[data-indicator], .cx-enclosedBtnGroup .cx-enclosedBtn.cx-indicator[data-indicator], .cx-groupedBtn.cx-indicator[data-indicator] {
    z-index: 2
}

.cx-groupedBtn--first {
    margin-left: 0
}

.cx-groupedBtn + .cx-groupedBtn {
    margin-left: -1px
}

.cx-enclosedBtnGroup .cx-enclosedBtn, .cx-groupedBtn {
    border-radius: 0
}

.cx-enclosedBtnGroup :first-child > .cx-enclosedBtn, .cx-enclosedBtnGroup > .cx-enclosedBtn:first-child, .cx-groupedBtn--first {
    border-top-left-radius: 2px;
    border-top-left-radius: var(--cx-borderRadius);
    border-bottom-left-radius: 2px;
    border-bottom-left-radius: var(--cx-borderRadius)
}

.cx-enclosedBtnGroup :last-child > .cx-enclosedBtn, .cx-enclosedBtnGroup > .cx-enclosedBtn:last-child, .cx-groupedBtn--last {
    border-top-right-radius: 2px;
    border-top-right-radius: var(--cx-borderRadius);
    border-bottom-right-radius: 2px;
    border-bottom-right-radius: var(--cx-borderRadius)
}

.cx-comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.cx-comment-avatar {
    margin-right: 10px
}

.cx-comment-card {
    padding: 10px 10px 15px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 1px var(--colorIntent-backgroundInnerShadow);
    box-shadow: 0 1px 1px var(--colorIntent-backgroundInnerShadow);
    background: #fff;
    background: var(--colorIntent-background);
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal
}

.cx-comment-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 14px
}

.cx-comment-name {
    color: #303339;
    color: var(--colorIntent-textTitle);
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-style: normal
}

.cx-comment-date {
    color: #a9afb6;
    color: var(--colorIntent-textSubtle)
}

.cx-comment-body {
    line-height: 1.3em;
    white-space: pre-wrap
}

.cx-iconCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    width: 100%;
    max-width: 320px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal
}

.cx-iconCard, .cx-iconCard-iconWrapper {
    border: 1px solid rgba(48, 51, 57, .15);
    border: 1px solid var(--colorIntent-borderSoftBackgroundLight)
}

.cx-iconCard-iconWrapper {
    margin: 24px;
    padding: 8px
}

.cx-iconCard-iconMain {
    width: 24px;
    height: 24px
}

.cx-iconCard-content {
    margin: 24px 48px 24px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cx-iconCard-title {
    color: #303339;
    color: var(--colorIntent-textTitle);
    font-size: 16px
}

.cx-iconCard-subtitle, .cx-iconCard-title {
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cx-iconCard-subtitle {
    color: #3e4247;
    color: var(--colorIntent-textBody);
    font-size: 14px
}

.cx-iconCard-inventory {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px
}

.cx-iconCard-inventoryIcon {
    margin-right: 1ch;
    width: 16px;
    height: 16px;
    color: #000;
    color: var(--colorIntent-brandDark);
    fill: currentColor
}

.cx-iconCard-inventoryContent {
    color: #3e4247;
    color: var(--colorIntent-textBody);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cx-iconCard-menuContainer {
    position: absolute;
    top: 0;
    right: 16px
}

.cx-indicator {
    position: relative
}

.cx-indicator:after {
    content: "";
    position: absolute;
    top: -4px;
    top: calc(-1 * var(--cx-indicator-size) / 2);
    right: -4px;
    right: calc(-1 * var(--cx-indicator-size) / 2);
    border-color: #fff;
    border-color: var(--colorIntent-indicatorBorder);
    border-radius: 50%;
    width: 8px;
    width: var(--cx-indicator-size);
    height: 8px;
    height: var(--cx-indicator-size);
    background-color: #000;
    background-color: var(--colorIntent-indicatorBackground);
    font-size: 10px;
    text-align: center;
    line-height: 18px;
    line-height: var(--cx-indicator-sizeWithText);
    color: #fff;
    color: var(--colorIntent-textBrightBackgroundDark);
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-style: normal
}

.cx-indicator[disabled]:after {
    border-color: #fff;
    border-color: var(--colorIntent-indicatorDisabledBorder);
    background-color: #a9afb6;
    background-color: var(--colorIntent-indicatorDisabledBackground);
    color: #fff;
    color: var(--colorIntent-indicatorDisabledText)
}

.cx-indicator[data-indicator]:after {
    content: attr(data-indicator);
    top: -9px;
    top: calc(-1 * var(--cx-indicator-sizeWithText) / 2);
    right: -9px;
    right: calc(-1 * var(--cx-indicator-sizeWithText) / 2);
    border-radius: 8px;
    border-radius: var(--cx-indicator-size);
    padding: 0 1ch;
    width: auto;
    min-width: calc(18px - 2ch);
    min-width: calc(var(--cx-indicator-sizeWithText) - 2ch);
    height: 18px;
    height: var(--cx-indicator-sizeWithText)
}

.cx-nakedBtn.cx-indicator:after {
    top: 4px;
    top: var(--cx-indicator-nakedOffset);
    right: -4px;
    right: calc(-1 * var(--cx-indicator-nakedOffset));
    border-width: 2px;
    border-style: solid
}

.cx-nakedBtn.cx-indicator[data-indicator]:after {
    top: -1px;
    top: calc(var(--cx-indicator-nakedOffset) - (var(--cx-indicator-sizeWithText) - var(--cx-indicator-size)) / 2);
    right: -9px;
    right: calc(-1 * var(--cx-indicator-nakedOffset) - (var(--cx-indicator-sizeWithText) - var(--cx-indicator-size)) / 2)
}

.cx-indicator--new:after {
    border-color: #fff;
    border-color: var(--colorIntent-indicatorNewBorder);
    background-color: #d47e7e;
    background-color: var(--colorIntent-indicatorNewBackground);
    color: #fff;
    color: var(--colorIntent-indicatorNewText)
}

.cx-gridPadding {
    padding-left: 30px;
    padding-left: var(--gutter);
    padding-right: 30px;
    padding-right: var(--gutter);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 379px) {
    .cx-gridPadding {
        padding-left: 20px;
        padding-left: var(--gutter--xs);
        padding-right: 20px;
        padding-right: var(--gutter--xs)
    }
}

.cx-fixedWidthPage {
    width: 100%;
    padding-left: 30px;
    padding-left: var(--gutter);
    padding-right: 30px;
    padding-right: var(--gutter);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 379px) {
    .cx-fixedWidthPage {
        padding-left: 20px;
        padding-left: var(--gutter--xs);
        padding-right: 20px;
        padding-right: var(--gutter--xs)
    }
}

@media (min-width: 1230px) {
    .cx-fixedWidthPage {
        margin: 0 auto;
        padding-right: 0;
        padding-left: 0;
        width: 1170px;
        width: var(--cx-fixedPageWidth)
    }
}

.cx-fixedWidthElement {
    width: 100%;
    max-width: 100%
}

@media (min-width: 930px) {
    .cx-fixedWidthElement {
        width: 770px;
        width: var(--cx-fixedElementWidth)
    }
}

.cx-masthead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 10px 30px;
    padding: 10px var(--gutter);
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cx-masthead-avatar {
    margin: 0 20px 0 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.cx-masthead-heading {
    margin: 0;
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1.65em
}

.cx-masthead-avatar + .cx-masthead-heading {
    margin-left: 0
}

.cx-masthead-title {
    font-size: 24px;
    color: #303339;
    color: var(--colorIntent-textTitle);
    font-weight: 500
}

.cx-masthead-subTitle, .cx-masthead-title {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-style: normal
}

.cx-masthead-subTitle {
    font-size: 14px;
    color: #a9afb6;
    color: var(--colorIntent-textSubtle);
    font-weight: 400
}

.cx-masthead-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: auto
}

.cx-masthead-actions > * {
    margin-left: 10px
}

.cx-masthead.cx-masthead--compact {
    display: block;
    padding: 0
}

.cx-masthead.cx-masthead--compact .cx-masthead-avatar {
    float: left;
    margin: 10px 16px
}

.cx-masthead.cx-masthead--compact .cx-masthead-heading {
    margin-right: 16px;
    margin-left: 16px;
    padding-top: 10px
}

.cx-masthead.cx-masthead--compact .cx-masthead-title {
    font-size: 20px
}

.cx-masthead.cx-masthead--compact .cx-masthead-actions {
    margin-left: 0;
    width: 100%
}

.cx-masthead.cx-masthead--compact .cx-masthead-actions > * {
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cx-paginator {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal
}

.cx-paginator, .cx-paginator-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cx-paginator-section {
    margin-bottom: 12px
}

.cx-paginator-text-wrapper {
    display: inline-block
}

.cx-paginator-text {
    margin: 0 3px
}

.cx-paginator-btn {
    display: inline-block;
    border-width: 1px;
    border-radius: 2px;
    border-radius: var(--cx-borderRadius);
    line-height: 1.3em;
    line-height: var(--cx-lineHeight);
    text-align: center;
    text-decoration: none;
    background: transparent;
    background-clip: padding-box;
    cursor: pointer;
    -webkit-transition: border-color, background, color, fill .1s ease, -webkit-box-shadow;
    transition: border-color, background, color, fill .1s ease, -webkit-box-shadow;
    transition: border-color, background, box-shadow, color, fill .1s ease;
    transition: border-color, background, box-shadow, color, fill .1s ease, -webkit-box-shadow;
    -webkit-transition: var(--cx-transition);
    transition: var(--cx-transition);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    padding: 10px 20px;
    padding: var(--cx-btn-padding--md);
    font-size: 16px;
    font-size: var(--cx-fontSize--md);
    border-color: rgba(48, 51, 57, .15);
    border: var(--cx-borderWidth) solid var(--colorIntent-actionableInvertedBorder);
    color: #00779a;
    color: var(--colorIntent-actionableInvertedText);
    fill: #00779a;
    fill: var(--colorIntent-actionableInvertedText);
    background-color: #fff;
    background-color: var(--colorIntent-actionableInvertedBackground);
    position: relative;
    margin: 0 15px;
    padding: 3px 10px;
    padding: var(--cx-btn-padding--xs);
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: 50%;
    overflow: hidden;
    text-indent: -3000px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.cx-paginator-btn:focus {
    outline: none
}

.cx-paginator-btn--xs {
    padding: 3px 10px;
    padding: var(--cx-btn-padding--xs);
    font-size: 14px;
    font-size: var(--cx-fontSize--xs)
}

.cx-paginator-btn--sm {
    padding: 5px 14px;
    padding: var(--cx-btn-padding--sm);
    font-size: 14px;
    font-size: var(--cx-fontSize--sm)
}

.cx-paginator-btn--lg {
    padding: 15px 30px;
    padding: var(--cx-btn-padding--lg);
    font-size: 16px;
    font-size: var(--cx-fontSize--lg)
}

.cx-paginator-btn:hover {
    border-color: rgba(48, 51, 57, .3);
    border-color: var(--colorIntent-actionableInvertedBorderHover);
    color: #00617d;
    color: var(--colorIntent-actionableInvertedTextHover);
    fill: #00617d;
    fill: var(--colorIntent-actionableInvertedTextHover);
    background-color: linear-gradient(180deg, #fff, #f4f5f9);
    background-color: var(--colorIntent-actionableInvertedBackgroundHover);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4f5f9));
    background-image: linear-gradient(180deg, #fff, #f4f5f9);
    background-image: var(--colorIntent-actionableInvertedBackgroundHover);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    -webkit-box-shadow: var(--cx-dropShadow);
    box-shadow: var(--cx-dropShadow)
}

.cx-paginator-btn:active, .cx-paginator-btn:focus {
    border-color: rgba(48, 51, 57, .5);
    border-color: var(--colorIntent-actionableInvertedBorderPressed);
    color: #00617d;
    color: var(--colorIntent-actionableInvertedTextPressed);
    fill: #00617d;
    fill: var(--colorIntent-actionableInvertedTextPressed);
    background-color: linear-gradient(180deg, #fff, #f4f5f9);
    background-color: var(--colorIntent-actionableInvertedBackgroundPressed);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f4f5f9));
    background-image: linear-gradient(180deg, #fff, #f4f5f9);
    background-image: var(--colorIntent-actionableInvertedBackgroundPressed);
    -webkit-box-shadow: none;
    box-shadow: none
}

.cx-paginator-btn.is-disabled, .cx-paginator-btn:disabled, .cx-paginator-btn[disabled] {
    border-color: rgba(48, 51, 57, .15);
    border-color: var(--colorIntent-actionableInvertedBorderDisabled);
    color: #a9afb6;
    color: var(--colorIntent-actionableInvertedTextDisabled);
    fill: #a9afb6;
    fill: var(--colorIntent-actionableInvertedTextDisabled);
    background-color: #eaebf0;
    background-color: var(--colorIntent-actionableInvertedBackgroundDisabled);
    background-image: none;
    pointer-events: none
}

.cx-paginator-btn.is-active {
    border-color: rgba(48, 51, 57, .3);
    border-color: var(--colorIntent-actionableInvertedBorderSelected);
    color: #00779a;
    color: var(--colorIntent-actionableInvertedTextSelected);
    fill: #00779a;
    fill: var(--colorIntent-actionableInvertedTextSelected);
    background-color: #eaebf0;
    background-color: var(--colorIntent-actionableInvertedBackgroundSelected)
}

.cx-paginator-btn.is-active, .cx-paginator-btn.is-active:active, .cx-paginator-btn.is-active:focus, .cx-paginator-btn.is-active:hover {
    background-image: none;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    -webkit-box-shadow: var(--cx-innerShadow);
    box-shadow: var(--cx-innerShadow)
}

.cx-paginator-btn.is-active:active, .cx-paginator-btn.is-active:focus, .cx-paginator-btn.is-active:hover {
    border-color: rgba(48, 51, 57, .3);
    border-color: var(--colorIntent-actionableInvertedBorderSelectedHover);
    color: #00617d;
    color: var(--colorIntent-actionableInvertedTextSelectedHover);
    fill: #00617d;
    fill: var(--colorIntent-actionableInvertedTextSelectedHover);
    background-color: #eaebf0;
    background-color: var(--colorIntent-actionableInvertedBackgroundSelectedHover)
}

.cx-paginator-btn.is-active.is-disabled, .cx-paginator-btn.is-active:disabled, .cx-paginator-btn.is-active[disabled] {
    color: #a9afb6;
    color: var(--colorIntent-actionableInvertedTextDisabled);
    fill: #a9afb6;
    fill: var(--colorIntent-actionableInvertedTextDisabled);
    background-color: #eaebf0;
    background-color: var(--colorIntent-actionableInvertedBackgroundDisabled);
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.cx-paginator-btn:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 11px;
    width: 16px;
    background-position: 50%;
    background-repeat: no-repeat
}

.cx-paginator-btn--naked, .cx-paginator-btn-naked--last {
    margin-right: 0;
    margin-left: 0;
    border: none;
    padding-right: 0;
    padding-left: 0;
    background-color: transparent
}

.cx-paginator-btn-naked--last {
    margin-right: 24px
}

.cx-paginator-btn--first, .cx-paginator-btn.cx-paginator-btn--first {
    margin-right: 0;
    margin-left: 0;
    border: none;
    padding-right: 0;
    padding-left: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20%20%20%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M3.34%2C8L7.85%2C3.79a0.45%2C0.45%2C0%2C0%2C0%2C0-.66l-1.06-1a0.53%2C0.53%2C0%2C0%2C0-.71%2C0L1.26%2C6.64l-0.05%2C0-1.06%2C1a0.47%2C0.47%2C0%2C0%2C0%2C0%2C.68l1.06%2C1%2C0.05%2C0%2C4.82%2C4.5a0.53%2C0.53%2C0%2C0%2C0%2C.71%2C0l1.06-1a0.45%2C0.45%2C0%2C0%2C0%2C0-.66Z%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M11.34%2C8l4.51-4.21a0.45%2C0.45%2C0%2C0%2C0%2C0-.66l-1.06-1a0.53%2C0.53%2C0%2C0%2C0-.71%2C0L9.26%2C6.64l-0.05%2C0-1.06%2C1a0.47%2C0.47%2C0%2C0%2C0%2C0%2C.68l1.06%2C1%2C0.05%2C0%2C4.82%2C4.5a0.53%2C0.53%2C0%2C0%2C0%2C.71%2C0l1.06-1a0.45%2C0.45%2C0%2C0%2C0%2C0-.66Z%22%2F%3E%0A%3Cdefs%3E%3Cstyle%3Epath%20%7B%0A%20%20%20%20%20%20fill%3A%20rgb%280%2C%20119%2C%20154%29%3B%0A%20%20%20%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%0A")
}

.cx-paginator-btn--first:hover, .cx-paginator-btn.cx-paginator-btn--first:focus, .cx-paginator-btn.cx-paginator-btn--first:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-right: 0;
    margin-left: 0;
    border: none;
    padding-right: 0;
    padding-left: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20%20%20%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M3.34%2C8L7.85%2C3.79a0.45%2C0.45%2C0%2C0%2C0%2C0-.66l-1.06-1a0.53%2C0.53%2C0%2C0%2C0-.71%2C0L1.26%2C6.64l-0.05%2C0-1.06%2C1a0.47%2C0.47%2C0%2C0%2C0%2C0%2C.68l1.06%2C1%2C0.05%2C0%2C4.82%2C4.5a0.53%2C0.53%2C0%2C0%2C0%2C.71%2C0l1.06-1a0.45%2C0.45%2C0%2C0%2C0%2C0-.66Z%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M11.34%2C8l4.51-4.21a0.45%2C0.45%2C0%2C0%2C0%2C0-.66l-1.06-1a0.53%2C0.53%2C0%2C0%2C0-.71%2C0L9.26%2C6.64l-0.05%2C0-1.06%2C1a0.47%2C0.47%2C0%2C0%2C0%2C0%2C.68l1.06%2C1%2C0.05%2C0%2C4.82%2C4.5a0.53%2C0.53%2C0%2C0%2C0%2C.71%2C0l1.06-1a0.45%2C0.45%2C0%2C0%2C0%2C0-.66Z%22%2F%3E%0A%3Cdefs%3E%3Cstyle%3Epath%20%7B%0A%20%20%20%20%20%20fill%3A%20rgb%280%2C%2097%2C%20125%29%3B%0A%20%20%20%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%0A")
}

.cx-paginator-btn--first[disabled], .cx-paginator-btn.cx-paginator-btn--first[disabled] {
    margin-right: 0;
    margin-left: 0;
    border: none;
    padding-right: 0;
    padding-left: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20%20%20%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M3.34%2C8L7.85%2C3.79a0.45%2C0.45%2C0%2C0%2C0%2C0-.66l-1.06-1a0.53%2C0.53%2C0%2C0%2C0-.71%2C0L1.26%2C6.64l-0.05%2C0-1.06%2C1a0.47%2C0.47%2C0%2C0%2C0%2C0%2C.68l1.06%2C1%2C0.05%2C0%2C4.82%2C4.5a0.53%2C0.53%2C0%2C0%2C0%2C.71%2C0l1.06-1a0.45%2C0.45%2C0%2C0%2C0%2C0-.66Z%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M11.34%2C8l4.51-4.21a0.45%2C0.45%2C0%2C0%2C0%2C0-.66l-1.06-1a0.53%2C0.53%2C0%2C0%2C0-.71%2C0L9.26%2C6.64l-0.05%2C0-1.06%2C1a0.47%2C0.47%2C0%2C0%2C0%2C0%2C.68l1.06%2C1%2C0.05%2C0%2C4.82%2C4.5a0.53%2C0.53%2C0%2C0%2C0%2C.71%2C0l1.06-1a0.45%2C0.45%2C0%2C0%2C0%2C0-.66Z%22%2F%3E%0A%3Cdefs%3E%3Cstyle%3Epath%20%7B%0A%20%20%20%20%20%20fill%3A%20rgb%28169%2C%20175%2C%20182%29%3B%0A%20%20%20%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%0A")
}

.cx-paginator-btn--previous:before, .cx-paginator-btn.cx-paginator-btn--previous:before {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20%20%20%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M6.76%2C8l4.51-4.21a0.45%2C0.45%2C0%2C0%2C0%2C0-.66l-1.06-1a0.53%2C0.53%2C0%2C0%2C0-.71%2C0L4.68%2C6.64l-0.05%2C0-1.06%2C1a0.47%2C0.47%2C0%2C0%2C0%2C0%2C.68l1.06%2C1%2C0.05%2C0%2C4.82%2C4.5a0.53%2C0.53%2C0%2C0%2C0%2C.71%2C0l1.06-1a0.45%2C0.45%2C0%2C0%2C0%2C0-.66Z%22%2F%3E%0A%3Cdefs%3E%3Cstyle%3Epath%20%7B%0A%20%20%20%20%20%20fill%3A%20rgb%280%2C%20119%2C%20154%29%3B%0A%20%20%20%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%0A")
}

.cx-paginator-btn.cx-paginator-btn--previous:focus:before, .cx-paginator-btn.cx-paginator-btn--previous:hover:before {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20%20%20%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M6.76%2C8l4.51-4.21a0.45%2C0.45%2C0%2C0%2C0%2C0-.66l-1.06-1a0.53%2C0.53%2C0%2C0%2C0-.71%2C0L4.68%2C6.64l-0.05%2C0-1.06%2C1a0.47%2C0.47%2C0%2C0%2C0%2C0%2C.68l1.06%2C1%2C0.05%2C0%2C4.82%2C4.5a0.53%2C0.53%2C0%2C0%2C0%2C.71%2C0l1.06-1a0.45%2C0.45%2C0%2C0%2C0%2C0-.66Z%22%2F%3E%0A%3Cdefs%3E%3Cstyle%3Epath%20%7B%0A%20%20%20%20%20%20fill%3A%20rgb%280%2C%2097%2C%20125%29%3B%0A%20%20%20%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%0A")
}

.cx-paginator-btn--previous:disabled:before, .cx-paginator-btn--previous[disabled]:before, .cx-paginator-btn.cx-paginator-btn--previous:disabled:before, .cx-paginator-btn.cx-paginator-btn--previous[disabled]:before {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20%20%20%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M6.76%2C8l4.51-4.21a0.45%2C0.45%2C0%2C0%2C0%2C0-.66l-1.06-1a0.53%2C0.53%2C0%2C0%2C0-.71%2C0L4.68%2C6.64l-0.05%2C0-1.06%2C1a0.47%2C0.47%2C0%2C0%2C0%2C0%2C.68l1.06%2C1%2C0.05%2C0%2C4.82%2C4.5a0.53%2C0.53%2C0%2C0%2C0%2C.71%2C0l1.06-1a0.45%2C0.45%2C0%2C0%2C0%2C0-.66Z%22%2F%3E%0A%3Cdefs%3E%3Cstyle%3Epath%20%7B%0A%20%20%20%20%20%20fill%3A%20rgb%28169%2C%20175%2C%20182%29%3B%0A%20%20%20%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%0A")
}

.cx-paginator-btn--next:before, .cx-paginator-btn.cx-paginator-btn--next:before {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20%20%20%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M12.06%2C7.66L11%2C6.67l-0.05%2C0L6.12%2C2.14a0.53%2C0.53%2C0%2C0%2C0-.71%2C0l-1.06%2C1a0.45%2C0.45%2C0%2C0%2C0%2C0%2C.66L8.86%2C8%2C4.35%2C12.21a0.45%2C0.45%2C0%2C0%2C0%2C0%2C.66l1.06%2C1a0.53%2C0.53%2C0%2C0%2C0%2C.71%2C0l4.82-4.5%2C0.05%2C0%2C1.06-1A0.47%2C0.47%2C0%2C0%2C0%2C12.06%2C7.66Z%22%2F%3E%0A%3Cdefs%3E%3Cstyle%3Epath%20%7B%0A%20%20%20%20%20%20fill%3A%20rgb%280%2C%20119%2C%20154%29%3B%0A%20%20%20%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%0A")
}

.cx-paginator-btn.cx-paginator-btn--next:focus:before, .cx-paginator-btn.cx-paginator-btn--next:hover:before {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20%20%20%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M12.06%2C7.66L11%2C6.67l-0.05%2C0L6.12%2C2.14a0.53%2C0.53%2C0%2C0%2C0-.71%2C0l-1.06%2C1a0.45%2C0.45%2C0%2C0%2C0%2C0%2C.66L8.86%2C8%2C4.35%2C12.21a0.45%2C0.45%2C0%2C0%2C0%2C0%2C.66l1.06%2C1a0.53%2C0.53%2C0%2C0%2C0%2C.71%2C0l4.82-4.5%2C0.05%2C0%2C1.06-1A0.47%2C0.47%2C0%2C0%2C0%2C12.06%2C7.66Z%22%2F%3E%0A%3Cdefs%3E%3Cstyle%3Epath%20%7B%0A%20%20%20%20%20%20fill%3A%20rgb%280%2C%2097%2C%20125%29%3B%0A%20%20%20%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%0A")
}

.cx-paginator-btn--next:disabled:before, .cx-paginator-btn--next[disabled]:before, .cx-paginator-btn.cx-paginator-btn--next:disabled:before, .cx-paginator-btn.cx-paginator-btn--next[disabled]:before {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20%20%20%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M12.06%2C7.66L11%2C6.67l-0.05%2C0L6.12%2C2.14a0.53%2C0.53%2C0%2C0%2C0-.71%2C0l-1.06%2C1a0.45%2C0.45%2C0%2C0%2C0%2C0%2C.66L8.86%2C8%2C4.35%2C12.21a0.45%2C0.45%2C0%2C0%2C0%2C0%2C.66l1.06%2C1a0.53%2C0.53%2C0%2C0%2C0%2C.71%2C0l4.82-4.5%2C0.05%2C0%2C1.06-1A0.47%2C0.47%2C0%2C0%2C0%2C12.06%2C7.66Z%22%2F%3E%0A%3Cdefs%3E%3Cstyle%3Epath%20%7B%0A%20%20%20%20%20%20fill%3A%20rgb%28169%2C%20175%2C%20182%29%3B%0A%20%20%20%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%0A")
}

.cx-paginator-btn--last, .cx-paginator-btn.cx-paginator-btn--last {
    margin-right: 0;
    margin-left: 0;
    border: none;
    padding-right: 0;
    padding-left: 0;
    background-color: transparent;
    margin-right: 24px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20%20%20%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M15.85%2C7.66l-1.06-1-0.05%2C0L9.92%2C2.14a0.53%2C0.53%2C0%2C0%2C0-.71%2C0l-1.06%2C1a0.45%2C0.45%2C0%2C0%2C0%2C0%2C.66L12.66%2C8%2C8.15%2C12.21a0.45%2C0.45%2C0%2C0%2C0%2C0%2C.66l1.06%2C1a0.53%2C0.53%2C0%2C0%2C0%2C.71%2C0l4.82-4.5%2C0.05%2C0%2C1.06-1A0.47%2C0.47%2C0%2C0%2C0%2C15.85%2C7.66Z%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M7.85%2C7.66l-1.06-1-0.05%2C0L1.92%2C2.14a0.53%2C0.53%2C0%2C0%2C0-.71%2C0l-1.06%2C1a0.45%2C0.45%2C0%2C0%2C0%2C0%2C.66L4.66%2C8%2C0.15%2C12.21a0.45%2C0.45%2C0%2C0%2C0%2C0%2C.66l1.06%2C1a0.53%2C0.53%2C0%2C0%2C0%2C.71%2C0l4.82-4.5%2C0.05%2C0%2C1.06-1A0.47%2C0.47%2C0%2C0%2C0%2C7.85%2C7.66Z%22%2F%3E%0A%3Cdefs%3E%3Cstyle%3Epath%20%7B%0A%20%20%20%20%20%20fill%3A%20rgb%280%2C%20119%2C%20154%29%3B%0A%20%20%20%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%0A")
}

.cx-paginator-btn--last:hover, .cx-paginator-btn.cx-paginator-btn--last:focus, .cx-paginator-btn.cx-paginator-btn--last:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-right: 0;
    margin-left: 0;
    border: none;
    padding-right: 0;
    padding-left: 0;
    background-color: transparent;
    margin-right: 24px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20%20%20%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M15.85%2C7.66l-1.06-1-0.05%2C0L9.92%2C2.14a0.53%2C0.53%2C0%2C0%2C0-.71%2C0l-1.06%2C1a0.45%2C0.45%2C0%2C0%2C0%2C0%2C.66L12.66%2C8%2C8.15%2C12.21a0.45%2C0.45%2C0%2C0%2C0%2C0%2C.66l1.06%2C1a0.53%2C0.53%2C0%2C0%2C0%2C.71%2C0l4.82-4.5%2C0.05%2C0%2C1.06-1A0.47%2C0.47%2C0%2C0%2C0%2C15.85%2C7.66Z%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M7.85%2C7.66l-1.06-1-0.05%2C0L1.92%2C2.14a0.53%2C0.53%2C0%2C0%2C0-.71%2C0l-1.06%2C1a0.45%2C0.45%2C0%2C0%2C0%2C0%2C.66L4.66%2C8%2C0.15%2C12.21a0.45%2C0.45%2C0%2C0%2C0%2C0%2C.66l1.06%2C1a0.53%2C0.53%2C0%2C0%2C0%2C.71%2C0l4.82-4.5%2C0.05%2C0%2C1.06-1A0.47%2C0.47%2C0%2C0%2C0%2C7.85%2C7.66Z%22%2F%3E%0A%3Cdefs%3E%3Cstyle%3Epath%20%7B%0A%20%20%20%20%20%20fill%3A%20rgb%280%2C%2097%2C%20125%29%3B%0A%20%20%20%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%0A")
}

.cx-paginator-btn--last[disabled], .cx-paginator-btn.cx-paginator-btn--last[disabled] {
    margin-right: 0;
    margin-left: 0;
    border: none;
    padding-right: 0;
    padding-left: 0;
    background-color: transparent;
    margin-right: 24px;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20%20%20%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M15.85%2C7.66l-1.06-1-0.05%2C0L9.92%2C2.14a0.53%2C0.53%2C0%2C0%2C0-.71%2C0l-1.06%2C1a0.45%2C0.45%2C0%2C0%2C0%2C0%2C.66L12.66%2C8%2C8.15%2C12.21a0.45%2C0.45%2C0%2C0%2C0%2C0%2C.66l1.06%2C1a0.53%2C0.53%2C0%2C0%2C0%2C.71%2C0l4.82-4.5%2C0.05%2C0%2C1.06-1A0.47%2C0.47%2C0%2C0%2C0%2C15.85%2C7.66Z%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M7.85%2C7.66l-1.06-1-0.05%2C0L1.92%2C2.14a0.53%2C0.53%2C0%2C0%2C0-.71%2C0l-1.06%2C1a0.45%2C0.45%2C0%2C0%2C0%2C0%2C.66L4.66%2C8%2C0.15%2C12.21a0.45%2C0.45%2C0%2C0%2C0%2C0%2C.66l1.06%2C1a0.53%2C0.53%2C0%2C0%2C0%2C.71%2C0l4.82-4.5%2C0.05%2C0%2C1.06-1A0.47%2C0.47%2C0%2C0%2C0%2C7.85%2C7.66Z%22%2F%3E%0A%3Cdefs%3E%3Cstyle%3Epath%20%7B%0A%20%20%20%20%20%20fill%3A%20rgb%28169%2C%20175%2C%20182%29%3B%0A%20%20%20%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%0A")
}

.cx-paginator .cx-selectField {
    padding-top: 3px;
    padding-bottom: 0;
    height: 26px;
    font-size: 14px
}

.cx-paginator .cx-selectField-wrapper {
    display: inline-block;
    margin-right: 15px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.cx-paginator .cx-selectField-wrapper:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20%20%20%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M12.87%2C5.94L12%2C5.09a0.41%2C0.41%2C0%2C0%2C0-.57%2C0L8%2C8.36%2C4.58%2C5.07a0.41%2C0.41%2C0%2C0%2C0-.57%2C0l-0.88.85a0.38%2C0.38%2C0%2C0%2C0%2C0%2C.55L6.8%2C10l0%2C0L7.7%2C10.92a0.43%2C0.43%2C0%2C0%2C0%2C.15.09H8.08l0.07%2C0a0.43%2C0.43%2C0%2C0%2C0%2C.15-0.09l0.88-.85%2C0%2C0%2C3.68-3.55A0.38%2C0.38%2C0%2C0%2C0%2C12.87%2C5.94Z%22%2F%3E%0A%3Cdefs%3E%3Cstyle%3Epath%20%7B%0A%20%20%20%20%20%20fill%3A%20rgb%280%2C%20119%2C%20154%29%3B%0A%20%20%20%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%0A")
}

.cx-paginator .cx-selectField-wrapper:after[disabled] {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20%20%20%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M12.87%2C5.94L12%2C5.09a0.41%2C0.41%2C0%2C0%2C0-.57%2C0L8%2C8.36%2C4.58%2C5.07a0.41%2C0.41%2C0%2C0%2C0-.57%2C0l-0.88.85a0.38%2C0.38%2C0%2C0%2C0%2C0%2C.55L6.8%2C10l0%2C0L7.7%2C10.92a0.43%2C0.43%2C0%2C0%2C0%2C.15.09H8.08l0.07%2C0a0.43%2C0.43%2C0%2C0%2C0%2C.15-0.09l0.88-.85%2C0%2C0%2C3.68-3.55A0.38%2C0.38%2C0%2C0%2C0%2C12.87%2C5.94Z%22%2F%3E%0A%3Cdefs%3E%3Cstyle%3Epath%20%7B%0A%20%20%20%20%20%20fill%3A%20rgb%28169%2C%20175%2C%20182%29%3B%0A%20%20%20%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%0A")
}

.cx-paginator .cx-selectField-wrapper:focus:after, .cx-paginator .cx-selectField-wrapper:hover:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20%20%20%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M12.87%2C5.94L12%2C5.09a0.41%2C0.41%2C0%2C0%2C0-.57%2C0L8%2C8.36%2C4.58%2C5.07a0.41%2C0.41%2C0%2C0%2C0-.57%2C0l-0.88.85a0.38%2C0.38%2C0%2C0%2C0%2C0%2C.55L6.8%2C10l0%2C0L7.7%2C10.92a0.43%2C0.43%2C0%2C0%2C0%2C.15.09H8.08l0.07%2C0a0.43%2C0.43%2C0%2C0%2C0%2C.15-0.09l0.88-.85%2C0%2C0%2C3.68-3.55A0.38%2C0.38%2C0%2C0%2C0%2C12.87%2C5.94Z%22%2F%3E%0A%3Cdefs%3E%3Cstyle%3Epath%20%7B%0A%20%20%20%20%20%20fill%3A%20rgb%280%2C%2097%2C%20125%29%3B%0A%20%20%20%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%0A")
}

.cx-sectionSeparator {
    position: relative
}

.cx-sectionSeparator:after {
    content: "";
    position: absolute;
    bottom: -1px;
    margin-bottom: 1px;
    border-bottom: 1px solid #000;
    border-bottom: 1px solid var(--colorIntent-brandDark);
    width: 24px
}

:root {
    --cx-sideMenu-iconSize: 16px;
    --cx-sideMenu-actionIconSize: 19px;
    --cx-sideMenu-lineHeight: 1.45em
}

.cx-sideMenu {
    margin: 0;
    padding: 10px 0;
    width: 100%;
    font-size: 14px;
    color: #3e4247;
    fill: #3e4247;
    text-align: left;
    list-style-type: none;
    background-color: #fff;
    background-clip: padding-box;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    font-family: 'Open Sans', sans-serif;
}

.cx-sideMenu, .cx-sideMenu--left {
    border-right: 1px solid rgba(48, 51, 57, .15);
    border-right: var(--cx-borderWidth) solid var(--colorIntent-menuBorder)
}

.cx-sideMenu--right {
    border-left: 1px solid rgba(48, 51, 57, .15);
    border-left: var(--cx-borderWidth) solid var(--colorIntent-menuBorder)
}

.cx-sideMenu-item {
    display: block;
    position: relative;
    padding: 5px 10px;
    padding: calc(var(--cx-verticalPadding--md) / 2) var(--cx-horizontalPadding--md);
    line-height: 1.45em;
    line-height: var(--cx-sideMenu-lineHeight);
    color: #3e4247;
    color: var(--colorIntent-menuText);
    fill: #3e4247;
    fill: var(--colorIntent-menuText);
    text-align: left;
    background-color: #fff;
    background-color: var(--colorIntent-menuBackground);
    cursor: pointer;
    -webkit-transition: border-color, background, color, fill .1s ease, -webkit-box-shadow;
    transition: border-color, background, color, fill .1s ease, -webkit-box-shadow;
    transition: border-color, background, box-shadow, color, fill .1s ease;
    transition: border-color, background, box-shadow, color, fill .1s ease, -webkit-box-shadow;
    -webkit-transition: var(--cx-transition);
    transition: var(--cx-transition);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal
}

.cx-sideMenu-item.is-hovered, .cx-sideMenu-item:hover {
    color: #3e4247;
    color: var(--colorIntent-menuTextHover);
    fill: #3e4247;
    fill: var(--colorIntent-menuTextHover);
    background-color: #f4f5f9;
    background-color: var(--colorIntent-menuBackgroundHover)
}

.cx-sideMenu-item.is-active, .cx-sideMenu-item:active, .cx-sideMenu-item:focus {
    color: #3e4247;
    color: var(--colorIntent-menuTextPressed);
    fill: #3e4247;
    fill: var(--colorIntent-menuTextPressed);
    background-color: #fff;
    background-color: var(--colorIntent-menuBackgroundPressed)
}

.cx-sideMenu-item.is-disabled, .cx-sideMenu-item[disabled] {
    color: #a9afb6;
    color: var(--colorIntent-menuTextDisabled);
    fill: #a9afb6;
    fill: var(--colorIntent-menuTextDisabled);
    background-color: #fff;
    background-color: var(--colorIntent-menuBackgroundDisabled);
    pointer-events: none
}

.cx-sideMenu-item.is-selected {
    color: #fff;
    color: var(--colorIntent-menuTextSelected);
    fill: #fff;
    fill: var(--colorIntent-menuTextSelected);
    background-color: #00617d;
    background-color: var(--colorIntent-menuBackgroundSelected)
}

.cx-sideMenu-icon {
    display: inline-block;
    margin: 2px 5px 2px 0;
    margin: 2px calc(var(--cx-horizontalPadding--md) / 2) 2px 0;
    width: 16px;
    width: var(--cx-sideMenu-iconSize);
    height: 16px;
    height: var(--cx-sideMenu-iconSize);
    vertical-align: top
}

.cx-sideMenu-accessory {
    float: right;
    margin-left: 10px;
    margin-left: var(--cx-horizontalPadding--md);
    color: #a9afb6;
    color: var(--colorIntent-textSubtle);
    fill: #a9afb6;
    fill: var(--colorIntent-textSubtle);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal
}

svg.cx-sideMenu-accessory {
    width: 1.45em;
    width: var(--cx-sideMenu-lineHeight);
    height: 1.45em;
    height: var(--cx-sideMenu-lineHeight)
}

.cx-sideMenu-divider, .cx-sideMenu-section {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.cx-sideMenu-divider, .cx-sideMenu-section + .cx-sideMenu-section {
    margin-top: 10px;
    margin-top: var(--cx-verticalPadding--md);
    border-top: 1px solid rgba(48, 51, 57, .15);
    border-top: var(--cx-borderWidth) solid var(--colorIntent-menuBorder);
    padding-top: 10px;
    padding-top: var(--cx-verticalPadding--md)
}

.cx-sideMenu-divider[data-section-title]:before, .cx-sideMenu-section[data-section-title]:before, .cx-sideMenu-sectionTitle {
    display: block;
    padding: 16px 10px 8px;
    padding: 16px var(--cx-horizontalPadding--md) 8px;
    color: #a9afb6;
    color: var(--colorIntent-textSubtle);
    fill: #a9afb6;
    fill: var(--colorIntent-textSubtle);
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-style: normal
}

.cx-sideMenu-divider[data-section-title]:before, .cx-sideMenu-section[data-section-title]:before {
    content: attr(data-section-title)
}

.cx-sideMenu-divider.cx-sideMenu-sectionTitle {
    padding-top: 17px;
    padding-top: calc(var(--cx-verticalPadding--md) + 7px)
}

.cx-sideMenu-sectionAction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 5px 10px;
    padding: calc(var(--cx-verticalPadding--md) / 2) var(--cx-horizontalPadding--md);
    font-size: 12px;
    color: #a9afb6;
    color: var(--colorIntent-textSubtle);
    fill: #a9afb6;
    fill: var(--colorIntent-textSubtle);
    line-height: 19px;
    line-height: var(--cx-sideMenu-actionIconSize);
    text-decoration: underline;
    cursor: pointer
}

.cx-sideMenu-sectionActionIcon {
    margin-right: 2px;
    width: 19px;
    width: var(--cx-sideMenu-actionIconSize);
    height: 19px;
    height: var(--cx-sideMenu-actionIconSize)
}

.cx-sideMenu .cx-indicator:after {
    top: 7px;
    top: calc(var(--cx-indicator-size) - 1px);
    right: 10px;
    right: var(--cx-horizontalPadding--md);
    background: #28ba73;
    background: var(--colorIntent-backgroundSuccess);
    font-size: 12px;
    -webkit-box-shadow: -10px -5px 5px 0 #fff, -10px 5px 5px 0 #fff;
    box-shadow: -10px -5px 5px 0 #fff, -10px 5px 5px 0 #fff;
    -webkit-box-shadow: -10px -5px 5px 0 var(--colorIntent-background), -10px 5px 5px 0 var(--colorIntent-background);
    box-shadow: -10px -5px 5px 0 var(--colorIntent-background), -10px 5px 5px 0 var(--colorIntent-background)
}

.cx-sideMenu .cx-indicator.is-hovered:after, .cx-sideMenu .cx-indicator:hover:after {
    -webkit-box-shadow: -10px -5px 5px 0 #f4f5f9, -10px 5px 5px 0 #f4f5f9;
    box-shadow: -10px -5px 5px 0 #f4f5f9, -10px 5px 5px 0 #f4f5f9;
    -webkit-box-shadow: -10px -5px 5px 0 var(--colorIntent-menuBackgroundHover), -10px 5px 5px 0 var(--colorIntent-menuBackgroundHover);
    box-shadow: -10px -5px 5px 0 var(--colorIntent-menuBackgroundHover), -10px 5px 5px 0 var(--colorIntent-menuBackgroundHover)
}

.cx-sideMenu .cx-indicator.is-active:after, .cx-sideMenu .cx-indicator:active:after, .cx-sideMenu .cx-indicator:focus:after {
    -webkit-box-shadow: -10px -5px 5px 0 #fff, -10px 5px 5px 0 #fff;
    box-shadow: -10px -5px 5px 0 #fff, -10px 5px 5px 0 #fff;
    -webkit-box-shadow: -10px -5px 5px 0 var(--colorIntent-menuBackgroundPressed), -10px 5px 5px 0 var(--colorIntent-menuBackgroundPressed);
    box-shadow: -10px -5px 5px 0 var(--colorIntent-menuBackgroundPressed), -10px 5px 5px 0 var(--colorIntent-menuBackgroundPressed)
}

.cx-sideMenu .cx-indicator.is-disabled:after, .cx-sideMenu .cx-indicator[disabled]:after {
    -webkit-box-shadow: -10px -5px 5px 0 #fff, -10px 5px 5px 0 #fff;
    box-shadow: -10px -5px 5px 0 #fff, -10px 5px 5px 0 #fff;
    -webkit-box-shadow: -10px -5px 5px 0 var(--colorIntent-menuBackgroundDisabled), -10px 5px 5px 0 var(--colorIntent-menuBackgroundDisabled);
    box-shadow: -10px -5px 5px 0 var(--colorIntent-menuBackgroundDisabled), -10px 5px 5px 0 var(--colorIntent-menuBackgroundDisabled)
}

.cx-sideMenu .cx-indicator.is-selected:after {
    -webkit-box-shadow: -10px -5px 5px 0 #00617d, -10px 5px 5px 0 #00617d;
    box-shadow: -10px -5px 5px 0 #00617d, -10px 5px 5px 0 #00617d;
    -webkit-box-shadow: -10px -5px 5px 0 var(--colorIntent-menuBackgroundSelected), -10px 5px 5px 0 var(--colorIntent-menuBackgroundSelected);
    box-shadow: -10px -5px 5px 0 var(--colorIntent-menuBackgroundSelected), -10px 5px 5px 0 var(--colorIntent-menuBackgroundSelected)
}

.textIntent-display3 {
    font-size: 50px;
    line-height: 1.2em;
    color: #303339;
    color: var(--colorIntent-textTitle);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal
}

@media (max-width: 689px) {
    .textIntent-display3 {
        font-size: 40px
    }
}

.textIntent-display2 {
    font-size: 40px;
    line-height: 1.2em;
    color: #303339;
    color: var(--colorIntent-textTitle);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal
}

@media (max-width: 689px) {
    .textIntent-display2 {
        font-size: 32px
    }
}

.textIntent-display1 {
    font-size: 30px;
    line-height: 1.3em;
    color: #303339;
    color: var(--colorIntent-textTitle);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal
}

@media (max-width: 689px) {
    .textIntent-display1 {
        font-size: 24px
    }
}

.textIntent-headline2 {
    font-size: 24px;
    line-height: 1.4em;
    color: #303339;
    color: var(--colorIntent-textTitle);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal
}

@media (max-width: 689px) {
    .textIntent-headline2 {
        font-size: 20px
    }
}

.textIntent-display1 strong, .textIntent-display1.textIntent-display1--strong, .textIntent-display2 strong, .textIntent-display2.textIntent-display2--strong, .textIntent-display3 strong, .textIntent-display3.textIntent-display3--strong, .textIntent-headline2 strong, .textIntent-headline2.textIntent-headline2--strong {
    font-weight: 700
}

.textIntent-headline1 {
    font-size: 24px;
    line-height: 1.4em;
    color: #303339;
    color: var(--colorIntent-textTitle);
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-style: normal
}

@media (max-width: 689px) {
    .textIntent-headline1 {
        font-size: 20px
    }
}

.textIntent-title1 {
    font-size: 20px;
    line-height: 1.5em;
    color: #303339;
    color: var(--colorIntent-textTitle);
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-style: normal
}

@media (max-width: 689px) {
    .textIntent-title1 {
        font-size: 18px
    }
}

.textIntent-title2 {
    font-size: 18px;
    line-height: 1.33em;
    color: #303339;
    color: var(--colorIntent-textTitle);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal
}

@media (max-width: 689px) {
    .textIntent-title2 {
        font-size: 16px
    }
}

.textIntent-body {
    font-size: 16px;
    line-height: 1.5em;
    color: #3e4247;
    color: var(--colorIntent-textBody);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal
}

@media (max-width: 689px) {
    .textIntent-body {
        font-size: 14px
    }
}

.textIntent-caption1 {
    font-size: 14px;
    line-height: 1.5em;
    color: #3e4247;
    color: var(--colorIntent-textBody);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal
}

@media (max-width: 689px) {
    .textIntent-caption1 {
        font-size: 14px
    }
}

.textIntent-caption2 {
    font-size: 12px;
    line-height: 1.33em;
    color: #a9afb6;
    color: var(--colorIntent-textSubtle);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal
}

.textIntent-body.textIntent-body--strong, .textIntent-body strong, .textIntent-caption1 strong, .textIntent-caption1.textIntent-caption1--strong, .textIntent-caption2 strong, .textIntent-caption2.textIntent-caption2--strong, .textIntent-title2 strong, .textIntent-title2.textIntent-title2--strong {
    font-weight: 600
}

.textIntent-micro {
    font-size: 10px;
    line-height: 1.5em;
    color: #3e4247;
    color: var(--colorIntent-textBody);
    letter-spacing: .5px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal
}

@media (max-width: 689px) {
    .textIntent-micro {
        font-size: 10px
    }
}

.cx-textLink {
    color: #00779a;
    color: var(--colorIntent-textLink);
    fill: #00779a;
    fill: var(--colorIntent-textLink);
    text-decoration: none;
    -webkit-transition: border-color, background, color, fill .1s ease, -webkit-box-shadow;
    transition: border-color, background, color, fill .1s ease, -webkit-box-shadow;
    transition: border-color, background, box-shadow, color, fill .1s ease;
    transition: border-color, background, box-shadow, color, fill .1s ease, -webkit-box-shadow;
    -webkit-transition: var(--cx-transition);
    transition: var(--cx-transition);
    cursor: pointer
}

.cx-textLink:active, .cx-textLink:focus, .cx-textLink:hover {
    color: #00617d;
    color: var(--colorIntent-textLinkHover);
    fill: #00617d;
    fill: var(--colorIntent-textLinkHover);
    outline: none
}

.cx-textLink:visited {
    color: #00779a;
    color: var(--colorIntent-textLink)
}

.cx-textLink--brand {
    font-weight: 700
}

.cx-textLink--brand, .cx-textLink--brand:visited {
    color: #000;
    color: var(--colorIntent-brandDark);
    fill: #000;
    fill: var(--colorIntent-brandDark)
}

.cx-token {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2em;
    border: 1px solid #eaebf0;
    padding: .465em .9em;
    font-size: 14px;
    background-color: #fff;
    color: #646971;
    fill: #646971;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal
}

.cx-token.is-hovered, .cx-token:hover {
    background-color: #d3d7dc;
    color: #646971;
    fill: #646971;
}

.cx-token.is-active, .cx-token:active, .cx-token:focus {
    background-color: #00779a;
    background-color: var(--colorIntent-tokenBackgroundActive);
    color: #fff;
    color: var(--colorIntent-tokenTextActive);
    fill: #fff;
    fill: var(--colorIntent-tokenTextActive)
}

.cx-token.is-disabled, .cx-token:disabled, .cx-token[disabled] {
    background-color: #eaebf0;
    background-color: var(--colorIntent-tokenBackgroundDisabled);
    color: #646971;
    color: var(--colorIntent-tokenTextDisabled);
    fill: #646971;
    fill: var(--colorIntent-tokenTextDisabled);
    pointer-events: none
}

.cx-token-btn {
    position: relative;
    right: -5px;
    margin-left: 2px;
    border: 0 solid #d3d7dc;
    border: 0 solid var(--colorIntent-tokenActionableBorder);
    border-radius: 2em;
    padding: 3px;
    line-height: 9px;
    line-height: calc(var(--cx-fontSize--sm) - 5px);
    font-size: 14px;
    font-size: var(--cx-fontSize--sm);
    background-color: #d3d7dc;
    background-color: var(--colorIntent-tokenActionableBackground);
    color: #a9afb6;
    color: var(--colorIntent-tokenActionableText);
    fill: #a9afb6;
    fill: var(--colorIntent-tokenActionableText);
    text-transform: uppercase;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-style: normal
}

.is-hovered > .cx-token-btn, :hover > .cx-token-btn {
    background-color: #a9afb6;
    background-color: var(--colorIntent-tokenActionableBackgroundHover);
    color: #646971;
    color: var(--colorIntent-tokenActionableTextHover);
    fill: #646971;
    fill: var(--colorIntent-tokenActionableTextHover)
}

.is-active > .cx-token-btn, :active > .cx-token-btn, :focus > .cx-token-btn {
    background-color: #00617d;
    background-color: var(--colorIntent-tokenActionableBackgroundActive);
    color: #fff;
    color: var(--colorIntent-tokenActionableTextActive);
    fill: #fff;
    fill: var(--colorIntent-tokenActionableTextActive)
}

.is-disabled > .cx-token-btn, :disabled > .cx-token-btn, [disabled] > .cx-token-btn {
    background-color: #eaebf0;
    background-color: var(--colorIntent-tokenActionableBackgroundDisabled);
    color: #646971;
    color: var(--colorIntent-tokenActionableTextDisabled);
    fill: #646971;
    fill: var(--colorIntent-tokenActionableTextDisabled);
    pointer-events: none
}

.cx-token-icon {
    width: 9px;
    width: var(--cx-token-iconSize);
    height: 9px;
    height: var(--cx-token-iconSize)
}

:root {
    --cx-checkBlock-padding: 20px
}

.cx-checkBlock-display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border-width: 1px;
    border-color: rgba(48, 51, 57, .15);
    border: var(--cx-borderWidth) solid var(--colorIntent-actionableInvertedBorder);
    padding: 20px;
    padding: var(--cx-checkBlock-padding);
    background-color: #fff;
    background-color: var(--colorIntent-actionableInvertedBackground);
    color: #00779a;
    color: var(--colorIntent-actionableInvertedText);
    fill: #a9afb6;
    fill: var(--colorIntent-actionableInvertedTextSubdued);
    font-size: 16px;
    line-height: 20px;
    line-height: var(--cx-checkBlock-padding);
    text-align: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-style: normal
}

.cx-checkBlock-display:hover {
    border-color: rgba(48, 51, 57, .3);
    border-color: var(--colorIntent-actionableInvertedBorderHover);
    color: #00617d;
    color: var(--colorIntent-actionableInvertedTextHover);
    fill: #00617d;
    fill: var(--colorIntent-actionableInvertedTextHover);
    z-index: 3;
    z-index: var(--cx-zIndex-1)
}

.cx-checkBlock-input:checked + .cx-checkBlock-display, .cx-checkBlock.is-selected .cx-checkBlock-display {
    border-color: #000;
    border-color: var(--colorIntent-brandDark);
    color: #000;
    color: var(--colorIntent-brandDark);
    fill: #000;
    fill: var(--colorIntent-brandDark);
    z-index: 3;
    z-index: var(--cx-zIndex-1)
}

.cx-checkBlock-input:checked + .cx-checkBlock-display:after, .cx-checkBlock.is-selected .cx-checkBlock-display:after {
    content: "";
    position: absolute;
    top: 10px;
    top: calc(var(--cx-checkBlock-padding) / 2);
    right: 10px;
    right: calc(var(--cx-checkBlock-padding) / 2);
    width: 12px;
    height: 12px;
    z-index: 4;
    z-index: var(--cx-zIndex-2);
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20%20%20%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M14.85%2C3.72L13.79%2C2.65a0.49%2C0.49%2C0%2C0%2C0-.69%2C0l-7.43%2C7.5L2.87%2C7.31a0.46%2C0.46%2C0%2C0%2C0-.65.06L1.17%2C8.44a0.47%2C0.47%2C0%2C0%2C0-.06.65L5.37%2C13.4a0.4%2C0.4%2C0%2C0%2C0%2C.44.07A0.45%2C0.45%2C0%2C0%2C0%2C6%2C13.35l8.86-8.93A0.5%2C0.5%2C0%2C0%2C0%2C14.85%2C3.72Z%22%2F%3E%0A%3Cdefs%3E%3Cstyle%3Epath%20%7B%0A%20%20%20%20%20%20fill%3A%20rgb%2840%2C%20186%2C%20115%29%3B%0A%20%20%20%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%0A")
}

.cx-checkBlock--vertical + .cx-checkBlock--vertical .cx-checkBlock-display {
    margin-top: -1px;
    margin-top: calc(-1 * var(--cx-borderWidth));
    padding-top: 21px;
    padding-top: calc(var(--cx-checkBlock-padding) + var(--cx-borderWidth))
}

.cx-checkBlock--horizontal + .cx-checkBlock--horizontal .cx-checkBlock-display {
    margin-left: -1px;
    margin-left: calc(-1 * var(--cx-borderWidth));
    padding-left: 21px;
    padding-left: calc(var(--cx-checkBlock-padding) + var(--cx-borderWidth))
}

.cx-checkBlock input[type=checkbox], .cx-checkBlock input[type=radio] {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.cx-checkBlock-subLabel {
    margin: 0;
    font-size: 14px;
    line-height: 1.5em;
    color: #a9afb6;
    color: var(--colorIntent-actionableInvertedTextSubdued);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal
}

.cx-checkBlock-icon {
    margin-bottom: 20px;
    width: 50px;
    height: 50px
}

:root {
    --cx-formElement-labelMargin: 6px;
    --cx-formElement-errorMargin: 4px
}

.cx-formElement {
    display: block;
    text-align: left;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 10px;
}

.cx-formElement--sm {
    font-size: 14px;
}

.cx-formElement.is-disabled {
    color: #a9afb6;
    pointer-events: none
}

.cx-formElement-label {
    margin-top: 0;
    margin-bottom: 6px;
    color: #000;
    font-size: 14px;
}

.cx-formElement-label :hover, .cx-formElement:hover .cx-formElement-label {
    color: #000;
}

.cx-formElement.is-active .cx-formElement-label {
    color: #000;
}

.cx-formElement.is-disabled .cx-formElement-label {
    color: #a9afb6;
}

.cx-formElement.is-invalid .cx-formElement-label {
    color: #000;
}

.cx-formElement-subLabel {
    margin-top: -6px;
    margin-bottom: 6px;
    color: #a9afb6;
    font-size: 14px;
}

.cx-formElement-subLabel :hover, .cx-formElement:hover .cx-formElement-subLabel {
    color: #a9afb6;
}

.cx-formElement.is-active .cx-formElement-subLabel {
    color: #a9afb6;
}

.cx-formElement.is-disabled .cx-formElement-subLabel {
    color: #a9afb6;
}

.cx-formElement.is-invalid .cx-formElement-subLabel {
    color: #a9afb6;
}

.cx-formElement-errorMessage {
    margin-top: 4px;
    margin-bottom: 0;
    font-size: 12px;
    color: #d44242;
}

.cx-selectField-arrow:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    pointer-events: none;
    background-repeat: no-repeat
}

.cx-selectField-arrow.is-active:after, .cx-selectField-arrow:after, .cx-selectField-arrow:hover:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20%20%20%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M12.87%2C5.94L12%2C5.09a0.41%2C0.41%2C0%2C0%2C0-.57%2C0L8%2C8.36%2C4.58%2C5.07a0.41%2C0.41%2C0%2C0%2C0-.57%2C0l-0.88.85a0.38%2C0.38%2C0%2C0%2C0%2C0%2C.55L6.8%2C10l0%2C0L7.7%2C10.92a0.43%2C0.43%2C0%2C0%2C0%2C.15.09H8.08l0.07%2C0a0.43%2C0.43%2C0%2C0%2C0%2C.15-0.09l0.88-.85%2C0%2C0%2C3.68-3.55A0.38%2C0.38%2C0%2C0%2C0%2C12.87%2C5.94Z%22%2F%3E%0A%3Cdefs%3E%3Cstyle%3Epath%20%7B%0A%20%20%20%20%20%20fill%3A%20rgb%280%2C%200%2C%200%29%3B%0A%20%20%20%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%0A")
}

.cx-selectField-arrow.is-disabled:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20%20%20%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M12.87%2C5.94L12%2C5.09a0.41%2C0.41%2C0%2C0%2C0-.57%2C0L8%2C8.36%2C4.58%2C5.07a0.41%2C0.41%2C0%2C0%2C0-.57%2C0l-0.88.85a0.38%2C0.38%2C0%2C0%2C0%2C0%2C.55L6.8%2C10l0%2C0L7.7%2C10.92a0.43%2C0.43%2C0%2C0%2C0%2C.15.09H8.08l0.07%2C0a0.43%2C0.43%2C0%2C0%2C0%2C.15-0.09l0.88-.85%2C0%2C0%2C3.68-3.55A0.38%2C0.38%2C0%2C0%2C0%2C12.87%2C5.94Z%22%2F%3E%0A%3Cdefs%3E%3Cstyle%3Epath%20%7B%0A%20%20%20%20%20%20fill%3A%20rgb%28169%2C%20175%2C%20182%29%3B%0A%20%20%20%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%0A")
}

.cx-selectField-arrow.is-invalid:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20%20%20%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M12.87%2C5.94L12%2C5.09a0.41%2C0.41%2C0%2C0%2C0-.57%2C0L8%2C8.36%2C4.58%2C5.07a0.41%2C0.41%2C0%2C0%2C0-.57%2C0l-0.88.85a0.38%2C0.38%2C0%2C0%2C0%2C0%2C.55L6.8%2C10l0%2C0L7.7%2C10.92a0.43%2C0.43%2C0%2C0%2C0%2C.15.09H8.08l0.07%2C0a0.43%2C0.43%2C0%2C0%2C0%2C.15-0.09l0.88-.85%2C0%2C0%2C3.68-3.55A0.38%2C0.38%2C0%2C0%2C0%2C12.87%2C5.94Z%22%2F%3E%0A%3Cdefs%3E%3Cstyle%3Epath%20%7B%0A%20%20%20%20%20%20fill%3A%20rgb%28212%2C%20126%2C%20126%29%3B%0A%20%20%20%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%0A")
}

.cx-selectField-arrow--pointUp:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.cx-selectField-wrapper {
    display: block;
    position: relative
}

.cx-selectField-wrapper:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    pointer-events: none;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20%20%20%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M12.87%2C5.94L12%2C5.09a0.41%2C0.41%2C0%2C0%2C0-.57%2C0L8%2C8.36%2C4.58%2C5.07a0.41%2C0.41%2C0%2C0%2C0-.57%2C0l-0.88.85a0.38%2C0.38%2C0%2C0%2C0%2C0%2C.55L6.8%2C10l0%2C0L7.7%2C10.92a0.43%2C0.43%2C0%2C0%2C0%2C.15.09H8.08l0.07%2C0a0.43%2C0.43%2C0%2C0%2C0%2C.15-0.09l0.88-.85%2C0%2C0%2C3.68-3.55A0.38%2C0.38%2C0%2C0%2C0%2C12.87%2C5.94Z%22%2F%3E%0A%3Cdefs%3E%3Cstyle%3Epath%20%7B%0A%20%20%20%20%20%20%20%20fill%3A%20rgb%280%2C%200%2C%200%29%0A%20%20%20%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%0A")
}

.cx-selectField {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-width: 1px;
    border-color: rgba(48, 51, 57, .15);
    border-radius: 2px;
    width: 100%;
    background-color: #fff;
    background-clip: padding-box;
    color: #000;
    line-height: 1.3em;
    outline: none;
    -webkit-transition: border-color, background, color, fill .1s ease, -webkit-box-shadow;
    transition: border-color, background, color, fill .1s ease, -webkit-box-shadow;
    transition: border-color, background, box-shadow, color, fill .1s ease;
    transition: border-color, background, box-shadow, color, fill .1s ease, -webkit-box-shadow;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    padding: 10px;
    font-size: 16px;
    padding-right: 36px;
}

.cx-selectField--xs {
    padding: 3px 6px;
    font-size: 14px;
}

.cx-selectField--sm {
    padding: 5px 10px;
    font-size: 14px;
}

.cx-selectField--lg {
    padding: 15px 10px;
    font-size: 16px;
}

.cx-selectField:hover {
    border-color: rgba(48, 51, 57, .3);
    background-color: #fff;
    color: #000;
}

.cx-formElement.is-active .cx-selectField, .cx-selectField.is-active, .cx-selectField:active, .cx-selectField:focus {
    border-color: #00617d;
    background-color: #fff;
    color: #000;
}

.cx-formElement.is-disabled .cx-selectField, .cx-selectField:disabled, .cx-selectField[disabled], .cx-selectField[readonly] {
    border-color: rgba(48, 51, 57, .15);
    border-color: var(--colorIntent-formElementBorderDisabled);
    background-color: #eaebf0;
    background-color: var(--colorIntent-formElementBackgroundDisabled);
    color: #a9afb6;
    color: var(--colorIntent-formElementTextDisabled);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cx-formElement.is-invalid .cx-selectField, .cx-selectField.is-invalid {
    border-color: #d47e7e;
    border-color: var(--colorIntent-formElementBorderError);
    background-color: #fff;
    background-color: var(--colorIntent-formElementBackgroundError);
    color: #d44242;
    color: var(--colorIntent-formElementTextError)
}

.cx-selectField--xs {
    padding-right: 28px;
    padding-right: calc(var(--cx-horizontalPadding--xs) * 2 + var(--cx-formField-dropdownCaretSize))
}

.cx-selectField--sm {
    padding-right: 36px;
    padding-right: calc(var(--cx-horizontalPadding--sm) * 2 + var(--cx-formField-dropdownCaretSize))
}

.cx-selectField--lg {
    padding-right: 36px;
    padding-right: calc(var(--cx-horizontalPadding--lg) * 2 + var(--cx-formField-dropdownCaretSize))
}

.cx-selectField-wrapper:after {
    position: absolute;
    top: 50%;
    right: 10px;
    right: var(--cx-horizontalPadding--md);
    margin-top: -8px;
    margin-top: calc(-1 * var(--cx-formField-dropdownCaretSize) / 2);
    width: 16px;
    width: var(--cx-formField-dropdownCaretSize);
    height: 16px;
    height: var(--cx-formField-dropdownCaretSize)
}

.cx-selectField-wrapper--xs:after {
    right: 6px;
    right: var(--cx-horizontalPadding--xs)
}

.cx-selectField-wrapper--sm:after {
    right: 10px;
    right: var(--cx-horizontalPadding--sm)
}

.cx-selectField-wrapper--lg:after {
    right: 10px;
    right: var(--cx-horizontalPadding--lg)
}

.cx-selectField:invalid {
    color: #a9afb6;
    color: var(--colorIntent-formElementPlaceholder)
}

.cx-selectField:invalid:hover {
    color: #a9afb6;
    color: var(--colorIntent-formElementPlaceholderHover)
}

.cx-selectField-wrapper.is-active .cx-selectField:invalid, .cx-selectField:invalid:active, .cx-selectField:invalid:focus {
    color: #a9afb6;
    color: var(--colorIntent-formElementPlaceholderActive)
}

.cx-selectField-wrapper.is-disabled .cx-selectField:invalid, .cx-selectField:invalid:disabled, .cx-selectField:invalid[disabled], .cx-selectField:invalid[readonly] {
    color: #a9afb6;
    color: var(--colorIntent-formElementPlaceholderDisabled)
}

.cx-selectField-wrapper.is-invalid .cx-selectField:invalid, .cx-selectField:invalid.is-invalid {
    color: #d44242;
    color: var(--colorIntent-formElementPlaceholderError)
}

.cx-selectField::-ms-expand {
    display: none
}

.cx-textField {
    cursor: text;
    border-width: 1px;
    border-color: rgba(48, 51, 57, .15);
    border: var(--cx-borderWidth) solid var(--colorIntent-formElementBorder);
    border-radius: 2px;
    border-radius: var(--cx-borderRadius);
    width: 100%;
    background-color: #fff;
    background-color: var(--colorIntent-formElementBackground);
    background-clip: padding-box;
    color: #000;
    color: var(--colorIntent-formElementText);
    line-height: 1.3em;
    line-height: var(--cx-lineHeight);
    outline: none;
    -webkit-transition: border-color, background, color, fill .1s ease, -webkit-box-shadow;
    transition: border-color, background, color, fill .1s ease, -webkit-box-shadow;
    transition: border-color, background, box-shadow, color, fill .1s ease;
    transition: border-color, background, box-shadow, color, fill .1s ease, -webkit-box-shadow;
    -webkit-transition: var(--cx-transition);
    transition: var(--cx-transition);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    padding: 10px;
    padding: var(--cx-verticalPadding--md) var(--cx-horizontalPadding--md);
    font-size: 16px;
    font-size: var(--cx-fontSize--md)
}

textarea.cx-textField{
    overflow: auto;
    resize: vertical;
}

.cx-textField--xs {
    padding: 3px 6px;
    padding: var(--cx-verticalPadding--xs) var(--cx-horizontalPadding--xs);
    font-size: 14px;
    font-size: var(--cx-fontSize--xs)
}

.cx-textField--sm {
    padding: 5px 10px;
    padding: var(--cx-verticalPadding--sm) var(--cx-horizontalPadding--sm);
    font-size: 14px;
    font-size: var(--cx-fontSize--sm)
}

.cx-textField--lg {
    padding: 15px 10px;
    padding: var(--cx-verticalPadding--lg) var(--cx-horizontalPadding--lg);
    font-size: 16px;
    font-size: var(--cx-fontSize--lg)
}

.cx-textField:hover {
    border-color: rgba(48, 51, 57, .3);
    border-color: var(--colorIntent-formElementBorderHover);
    background-color: #fff;
    background-color: var(--colorIntent-formElementBackgroundHover);
    color: #000;
    color: var(--colorIntent-formElementTextHover)
}

.cx-formElement.is-active .cx-textField, .cx-textField.is-active, .cx-textField:active, .cx-textField:focus {
    border-color: #00617d;
    border-color: var(--colorIntent-formElementBorderActive);
    background-color: #fff;
    background-color: var(--colorIntent-formElementBackgroundActive);
    color: #000;
    color: var(--colorIntent-formElementTextActive)
}

.cx-formElement.is-disabled .cx-textField, .cx-textField:disabled, .cx-textField[disabled], .cx-textField[readonly] {
    border-color: rgba(48, 51, 57, .15);
    border-color: var(--colorIntent-formElementBorderDisabled);
    background-color: #eaebf0;
    background-color: var(--colorIntent-formElementBackgroundDisabled);
    color: #a9afb6;
    color: var(--colorIntent-formElementTextDisabled);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cx-formElement.is-invalid .cx-textField, .cx-textField.is-invalid {
    border-color: #d47e7e;
    border-color: var(--colorIntent-formElementBorderError);
    background-color: #fff;
    background-color: var(--colorIntent-formElementBackgroundError);
    color: #d44242;
    color: var(--colorIntent-formElementTextError)
}

.cx-textField::-webkit-input-placeholder, .cx-textField input::-webkit-input-placeholder {
    color: #a9afb6;
    color: var(--colorIntent-formElementPlaceholder);
    -webkit-user-select: none;
    user-select: none
}

.cx-textField:-ms-input-placeholder, .cx-textField::-ms-input-placeholder, .cx-textField input:-ms-input-placeholder, .cx-textField input::-ms-input-placeholder {
    color: #a9afb6;
    color: var(--colorIntent-formElementPlaceholder);
    -ms-user-select: none;
    user-select: none
}

.cx-textField::placeholder, .cx-textField input::placeholder {
    color: #a9afb6;
    color: var(--colorIntent-formElementPlaceholder);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width: 689px) {
    .cx-textField--xs {
        padding-top: 2px;
        padding-top: calc(var(--cx-verticalPadding--xs) - 1px);
        padding-bottom: 2px;
        padding-bottom: calc(var(--cx-verticalPadding--xs) - 1px)
    }

    .cx-textField--sm, .cx-textField--xs {
        font-size: 16px;
        font-size: var(--cx-fontSize--md)
    }

    .cx-textField--sm {
        padding-top: 4px;
        padding-top: calc(var(--cx-verticalPadding--sm) - 1px);
        padding-bottom: 4px;
        padding-bottom: calc(var(--cx-verticalPadding--sm) - 1px)
    }
}

.cx-textField:hover::-webkit-input-placeholder, .cx-textField:hover input::-webkit-input-placeholder {
    color: #a9afb6;
    color: var(--colorIntent-formElementPlaceholderHover)
}

.cx-textField:hover:-ms-input-placeholder, .cx-textField:hover::-ms-input-placeholder, .cx-textField:hover input:-ms-input-placeholder, .cx-textField:hover input::-ms-input-placeholder {
    color: #a9afb6;
    color: var(--colorIntent-formElementPlaceholderHover)
}

.cx-textField:hover::placeholder, .cx-textField:hover input::placeholder {
    color: #a9afb6;
    color: var(--colorIntent-formElementPlaceholderHover)
}

.cx-textField.is-active, .cx-textField.is-focused, .cx-textField:active, .cx-textField:focus {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    -webkit-box-shadow: var(--cx-innerShadow);
    box-shadow: var(--cx-innerShadow)
}

.cx-textField.is-active::-webkit-input-placeholder, .cx-textField.is-active input::-webkit-input-placeholder, .cx-textField.is-focused::-webkit-input-placeholder, .cx-textField.is-focused input::-webkit-input-placeholder, .cx-textField:active::-webkit-input-placeholder, .cx-textField:active input::-webkit-input-placeholder, .cx-textField:focus::-webkit-input-placeholder, .cx-textField:focus input::-webkit-input-placeholder {
    color: #a9afb6;
    color: var(--colorIntent-formElementPlaceholderActive)
}

.cx-textField.is-active:-ms-input-placeholder, .cx-textField.is-active::-ms-input-placeholder, .cx-textField.is-active input:-ms-input-placeholder, .cx-textField.is-active input::-ms-input-placeholder, .cx-textField.is-focused:-ms-input-placeholder, .cx-textField.is-focused::-ms-input-placeholder, .cx-textField.is-focused input:-ms-input-placeholder, .cx-textField.is-focused input::-ms-input-placeholder, .cx-textField:active:-ms-input-placeholder, .cx-textField:active::-ms-input-placeholder, .cx-textField:active input:-ms-input-placeholder, .cx-textField:active input::-ms-input-placeholder, .cx-textField:focus:-ms-input-placeholder, .cx-textField:focus::-ms-input-placeholder, .cx-textField:focus input:-ms-input-placeholder, .cx-textField:focus input::-ms-input-placeholder {
    color: #a9afb6;
    color: var(--colorIntent-formElementPlaceholderActive)
}

.cx-textField.is-active::placeholder, .cx-textField.is-active input::placeholder, .cx-textField.is-focused::placeholder, .cx-textField.is-focused input::placeholder, .cx-textField:active::placeholder, .cx-textField:active input::placeholder, .cx-textField:focus::placeholder, .cx-textField:focus input::placeholder {
    color: #a9afb6;
    color: var(--colorIntent-formElementPlaceholderActive)
}

.cx-textField:disabled::-webkit-input-placeholder, .cx-textField:disabled input::-webkit-input-placeholder, .cx-textField[disabled]::-webkit-input-placeholder, .cx-textField[disabled] input::-webkit-input-placeholder, .cx-textField[readonly]::-webkit-input-placeholder, .cx-textField[readonly] input::-webkit-input-placeholder {
    color: #a9afb6;
    color: var(--colorIntent-formElementPlaceholderDisabled)
}

.cx-textField:disabled:-ms-input-placeholder, .cx-textField:disabled::-ms-input-placeholder, .cx-textField:disabled input:-ms-input-placeholder, .cx-textField:disabled input::-ms-input-placeholder, .cx-textField[disabled]:-ms-input-placeholder, .cx-textField[disabled]::-ms-input-placeholder, .cx-textField[disabled] input:-ms-input-placeholder, .cx-textField[disabled] input::-ms-input-placeholder, .cx-textField[readonly]:-ms-input-placeholder, .cx-textField[readonly]::-ms-input-placeholder, .cx-textField[readonly] input:-ms-input-placeholder, .cx-textField[readonly] input::-ms-input-placeholder {
    color: #a9afb6;
    color: var(--colorIntent-formElementPlaceholderDisabled)
}

.cx-textField:disabled::placeholder, .cx-textField:disabled input::placeholder, .cx-textField[disabled]::placeholder, .cx-textField[disabled] input::placeholder, .cx-textField[readonly]::placeholder, .cx-textField[readonly] input::placeholder {
    color: #a9afb6;
    color: var(--colorIntent-formElementPlaceholderDisabled)
}

.cx-textField.is-invalid::-webkit-input-placeholder, .cx-textField.is-invalid input::-webkit-input-placeholder {
    color: #d44242;
    color: var(--colorIntent-formElementPlaceholderError)
}

.cx-textField.is-invalid:-ms-input-placeholder, .cx-textField.is-invalid::-ms-input-placeholder, .cx-textField.is-invalid input:-ms-input-placeholder, .cx-textField.is-invalid input::-ms-input-placeholder {
    color: #d44242;
    color: var(--colorIntent-formElementPlaceholderError)
}

.cx-textField.is-invalid::placeholder, .cx-textField.is-invalid input::placeholder {
    color: #d44242;
    color: var(--colorIntent-formElementPlaceholderError)
}

.cx-textField[type=number], .cx-textField [type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.cx-textField[type=number]::-webkit-inner-spin-button, .cx-textField [type=number]::-webkit-inner-spin-button, .cx-textField[type=number]::-webkit-outer-spin-button, .cx-textField [type=number]::-webkit-outer-spin-button {
    display: none
}

.cx-textField input {
    margin: 0;
    border: none;
    width: 100%;
    background: transparent;
    outline: none;
    padding: 10px;
    padding: var(--cx-verticalPadding--md) var(--cx-horizontalPadding--md);
    font-size: 16px;
    font-size: var(--cx-fontSize--md)
}

.cx-textField input--xs {
    padding: 3px 6px;
    padding: var(--cx-verticalPadding--xs) var(--cx-horizontalPadding--xs);
    font-size: 14px;
    font-size: var(--cx-fontSize--xs)
}

.cx-textField input--sm {
    padding: 5px 10px;
    padding: var(--cx-verticalPadding--sm) var(--cx-horizontalPadding--sm);
    font-size: 14px;
    font-size: var(--cx-fontSize--sm)
}

.cx-textField input--lg {
    padding: 15px 10px;
    padding: var(--cx-verticalPadding--lg) var(--cx-horizontalPadding--lg);
    font-size: 16px;
    font-size: var(--cx-fontSize--lg)
}

.cx-textField--imposter {
    display: inline-block;
    padding: 0
}

.cx-textField--imposter:hover {
    border-color: rgba(48, 51, 57, .3);
    border-color: var(--colorIntent-formElementBorderHover);
    background-color: #fff;
    background-color: var(--colorIntent-formElementBackgroundHover);
    color: #000;
    color: var(--colorIntent-formElementTextHover)
}

.cx-textField--imposter.is-active {
    border-color: #00617d;
    border-color: var(--colorIntent-formElementBorderActive);
    background-color: #fff;
    background-color: var(--colorIntent-formElementBackgroundActive);
    color: #000;
    color: var(--colorIntent-formElementTextActive)
}

.cx-textField--imposter.is-disabled, .cx-textField--imposter[disabled], .cx-textField--imposter[readonly] {
    pointer-events: none;
    border-color: rgba(48, 51, 57, .15);
    border-color: var(--colorIntent-formElementBorderDisabled);
    background-color: #eaebf0;
    background-color: var(--colorIntent-formElementBackgroundDisabled);
    color: #a9afb6;
    color: var(--colorIntent-formElementTextDisabled);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cx-textField--imposter.is-invalid {
    border-color: #d47e7e;
    border-color: var(--colorIntent-formElementBorderError);
    background-color: #fff;
    background-color: var(--colorIntent-formElementBackgroundError);
    color: #d44242;
    color: var(--colorIntent-formElementTextError)
}

:root {
    --cx-toggleField-heightAdjust: 4px;
    --cx-toggleField-margin: 0.25em 0.4em 0.35em 0
}

.cx-checkboxField {
    position: relative;
    border-width: 1px;
    border-color: rgba(48, 51, 57, .15);
    border: var(--cx-borderWidth) solid var(--colorIntent-formElementBorder);
    border-radius: 2px;
    border-radius: var(--cx-borderRadius);
    width: 100%;
    background-color: #fff;
    background-color: var(--colorIntent-formElementBackground);
    background-clip: padding-box;
    color: #000;
    color: var(--colorIntent-formElementText);
    line-height: 1.3em;
    line-height: var(--cx-lineHeight);
    outline: none;
    -webkit-transition: border-color, background, color, fill .1s ease, -webkit-box-shadow;
    transition: border-color, background, color, fill .1s ease, -webkit-box-shadow;
    transition: border-color, background, box-shadow, color, fill .1s ease;
    transition: border-color, background, box-shadow, color, fill .1s ease, -webkit-box-shadow;
    -webkit-transition: var(--cx-transition);
    transition: var(--cx-transition);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    padding: 10px;
    padding: var(--cx-verticalPadding--md) var(--cx-horizontalPadding--md);
    font-size: 16px;
    font-size: var(--cx-fontSize--md);
    margin: .25em .4em .35em 0;
    margin: var(--cx-toggleField-margin);
    padding: 0;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    width: 20px;
    width: calc(var(--cx-fontSize--md) + var(--cx-toggleField-heightAdjust));
    height: 20px;
    height: calc(var(--cx-fontSize--md) + var(--cx-toggleField-heightAdjust));
    -moz-appearance: checkbox
}

.cx-checkboxField--xs {
    padding: 3px 6px;
    padding: var(--cx-verticalPadding--xs) var(--cx-horizontalPadding--xs);
    font-size: 14px;
    font-size: var(--cx-fontSize--xs)
}

.cx-checkboxField--sm {
    padding: 5px 10px;
    padding: var(--cx-verticalPadding--sm) var(--cx-horizontalPadding--sm);
    font-size: 14px;
    font-size: var(--cx-fontSize--sm)
}

.cx-checkboxField--lg {
    padding: 15px 10px;
    padding: var(--cx-verticalPadding--lg) var(--cx-horizontalPadding--lg);
    font-size: 16px;
    font-size: var(--cx-fontSize--lg)
}

.cx-checkboxField:hover {
    border-color: rgba(48, 51, 57, .3);
    border-color: var(--colorIntent-formElementBorderHover);
    background-color: #fff;
    background-color: var(--colorIntent-formElementBackgroundHover);
    color: #000;
    color: var(--colorIntent-formElementTextHover)
}

.cx-checkboxField.is-active, .cx-checkboxField:active, .cx-checkboxField:focus, .cx-formElement.is-active .cx-checkboxField {
    border-color: #00617d;
    border-color: var(--colorIntent-formElementBorderActive);
    background-color: #fff;
    background-color: var(--colorIntent-formElementBackgroundActive);
    color: #000;
    color: var(--colorIntent-formElementTextActive)
}

.cx-checkboxField:disabled, .cx-checkboxField[disabled], .cx-checkboxField[readonly], .cx-formElement.is-disabled .cx-checkboxField {
    border-color: rgba(48, 51, 57, .15);
    border-color: var(--colorIntent-formElementBorderDisabled);
    background-color: #eaebf0;
    background-color: var(--colorIntent-formElementBackgroundDisabled);
    color: #a9afb6;
    color: var(--colorIntent-formElementTextDisabled);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cx-checkboxField.is-invalid, .cx-formElement.is-invalid .cx-checkboxField {
    border-color: #d47e7e;
    border-color: var(--colorIntent-formElementBorderError);
    background-color: #fff;
    background-color: var(--colorIntent-formElementBackgroundError);
    color: #d44242;
    color: var(--colorIntent-formElementTextError)
}

.cx-checkboxField:focus {
    outline: none
}

.cx-checkboxField--sm {
    width: 18px;
    width: calc(var(--cx-fontSize--sm) + var(--cx-toggleField-heightAdjust));
    height: 18px;
    height: calc(var(--cx-fontSize--sm) + var(--cx-toggleField-heightAdjust))
}

.cx-checkboxField:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-color: #00779a;
    border-color: var(--colorIntent-actionableFilledBorder);
    opacity: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #00779a;
    background-color: var(--colorIntent-actionableFilledBackground);
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-transition: border-color, background, color, fill .1s ease, -webkit-box-shadow;
    transition: border-color, background, color, fill .1s ease, -webkit-box-shadow;
    transition: border-color, background, box-shadow, color, fill .1s ease;
    transition: border-color, background, box-shadow, color, fill .1s ease, -webkit-box-shadow;
    -webkit-transition: var(--cx-transition);
    transition: var(--cx-transition)
}

.cx-formElement.is-invalid .cx-checkboxField:before, .is-invalid.cx-checkboxField:before {
    background-color: #d47e7e;
    background-color: var(--colorIntent-actionableFilledBackgroundError)
}

:checked.cx-checkboxField:before {
    opacity: 1
}

.cx-checkboxField:checked {
    border-color: #00779a;
    border-color: var(--colorIntent-actionableFilledBorder)
}

.cx-checkboxField:checked:hover {
    border-color: #00617d;
    border-color: var(--colorIntent-actionableFilledBorderHover);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00779a), to(#00617d));
    background-image: linear-gradient(180deg, #00779a, #00617d);
    background-image: var(--colorIntent-actionableFilledBackgroundHover)
}

.cx-checkboxField:checked:active, .cx-checkboxField:checked:focus, .cx-formElement.is-active .cx-checkboxField:checked {
    border-color: #00617d;
    border-color: var(--colorIntent-actionableFilledBorderPressed);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00779a), to(#00617d));
    background-image: linear-gradient(180deg, #00779a, #00617d);
    background-image: var(--colorIntent-actionableFilledBackgroundPressed)
}

.cx-checkboxField:checked.is-invalid, .cx-formElement.is-invalid .cx-checkboxField:checked {
    border-color: #d47e7e;
    border-color: var(--colorIntent-actionableInvertedBorderError);
    background-image: #f7e7e7;
    background-image: var(--colorIntent-actionableInvertedBackgroundError)
}

.cx-checkboxField:checked:disabled, .cx-checkboxField:checked[disabled], .cx-checkboxField:checked[readonly], .cx-formElement.is-disabled .cx-checkboxField:checked {
    border-color: rgba(48, 51, 57, .15);
    border-color: var(--colorIntent-actionableInvertedBorderDisabled);
    background-color: #eaebf0;
    background-color: var(--colorIntent-actionableInvertedBackgroundDisabled)
}

.cx-checkboxField:checked:before {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20%20%20%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M14.85%2C3.72L13.79%2C2.65a0.49%2C0.49%2C0%2C0%2C0-.69%2C0l-7.43%2C7.5L2.87%2C7.31a0.46%2C0.46%2C0%2C0%2C0-.65.06L1.17%2C8.44a0.47%2C0.47%2C0%2C0%2C0-.06.65L5.37%2C13.4a0.4%2C0.4%2C0%2C0%2C0%2C.44.07A0.45%2C0.45%2C0%2C0%2C0%2C6%2C13.35l8.86-8.93A0.5%2C0.5%2C0%2C0%2C0%2C14.85%2C3.72Z%22%2F%3E%0A%3Cdefs%3E%3Cstyle%3Epath%20%7B%0A%20%20%20%20%20%20fill%3A%20rgb%28255%2C%20255%2C%20255%29%3B%0A%20%20%20%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%0A")
}

.cx-checkboxField:disabled:checked:before, .cx-checkboxField[disabled]:checked:before, .cx-checkboxField[readonly]:checked:before, .cx-formElement.is-disabled .cx-checkboxField:checked:before {
    border-color: rgba(48, 51, 57, .15);
    border-color: var(--colorIntent-actionableInvertedBorderDisabled);
    background-color: #eaebf0;
    background-color: var(--colorIntent-actionableInvertedBackgroundDisabled);
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20%20%20%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M14.85%2C3.72L13.79%2C2.65a0.49%2C0.49%2C0%2C0%2C0-.69%2C0l-7.43%2C7.5L2.87%2C7.31a0.46%2C0.46%2C0%2C0%2C0-.65.06L1.17%2C8.44a0.47%2C0.47%2C0%2C0%2C0-.06.65L5.37%2C13.4a0.4%2C0.4%2C0%2C0%2C0%2C.44.07A0.45%2C0.45%2C0%2C0%2C0%2C6%2C13.35l8.86-8.93A0.5%2C0.5%2C0%2C0%2C0%2C14.85%2C3.72Z%22%2F%3E%0A%3Cdefs%3E%3Cstyle%3Epath%20%7B%0A%20%20%20%20%20%20fill%3A%20rgb%28169%2C%20175%2C%20182%29%3B%0A%20%20%20%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%0A")
}

.cx-checkboxField.is-halfChecked:checked:hover:not(:focus):not(:active), .cx-checkboxField.is-halfChecked:checked:not(:focus):not(:active) {
    border-color: rgba(48, 51, 57, .15);
    border-color: var(--colorIntent-formElementBorder)
}

.cx-checkboxField.is-halfChecked, .cx-checkboxField.is-halfChecked:active, .cx-checkboxField.is-halfChecked:focus, .cx-checkboxField.is-halfChecked:hover, .cx-formElement.is-active .cx-checkboxField.is-halfChecked {
    background-color: #fff;
    background-color: var(--colorIntent-formElementBackground);
    background-image: none
}

.cx-checkboxField.is-halfChecked:before, .cx-checkboxField.is-halfChecked:focus:before {
    top: calc(50% - 1px);
    right: 3px;
    bottom: calc(50% - 1px);
    left: 3px;
    background-image: none;
    opacity: 1
}

.cx-radioField {
    position: relative;
    border-width: 1px;
    border-color: rgba(48, 51, 57, .15);
    border: var(--cx-borderWidth) solid var(--colorIntent-formElementBorder);
    border-radius: 2px;
    border-radius: var(--cx-borderRadius);
    width: 100%;
    background-color: #fff;
    background-color: var(--colorIntent-formElementBackground);
    background-clip: padding-box;
    color: #000;
    color: var(--colorIntent-formElementText);
    line-height: 1.3em;
    line-height: var(--cx-lineHeight);
    outline: none;
    -webkit-transition: border-color, background, color, fill .1s ease, -webkit-box-shadow;
    transition: border-color, background, color, fill .1s ease, -webkit-box-shadow;
    transition: border-color, background, box-shadow, color, fill .1s ease;
    transition: border-color, background, box-shadow, color, fill .1s ease, -webkit-box-shadow;
    -webkit-transition: var(--cx-transition);
    transition: var(--cx-transition);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
    padding: 10px;
    padding: var(--cx-verticalPadding--md) var(--cx-horizontalPadding--md);
    font-size: 16px;
    font-size: var(--cx-fontSize--md);
    margin: .25em .4em .35em 0;
    margin: var(--cx-toggleField-margin);
    padding: 0;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    width: 20px;
    width: calc(var(--cx-fontSize--md) + var(--cx-toggleField-heightAdjust));
    height: 20px;
    height: calc(var(--cx-fontSize--md) + var(--cx-toggleField-heightAdjust));
    -moz-appearance: radio
}

.cx-radioField--xs {
    padding: 3px 6px;
    padding: var(--cx-verticalPadding--xs) var(--cx-horizontalPadding--xs);
    font-size: 14px;
    font-size: var(--cx-fontSize--xs)
}

.cx-radioField--sm {
    padding: 5px 10px;
    padding: var(--cx-verticalPadding--sm) var(--cx-horizontalPadding--sm);
    font-size: 14px;
    font-size: var(--cx-fontSize--sm)
}

.cx-radioField--lg {
    padding: 15px 10px;
    padding: var(--cx-verticalPadding--lg) var(--cx-horizontalPadding--lg);
    font-size: 16px;
    font-size: var(--cx-fontSize--lg)
}

.cx-radioField:hover {
    border-color: rgba(48, 51, 57, .3);
    border-color: var(--colorIntent-formElementBorderHover);
    background-color: #fff;
    background-color: var(--colorIntent-formElementBackgroundHover);
    color: #000;
    color: var(--colorIntent-formElementTextHover)
}

.cx-formElement.is-active .cx-radioField, .cx-radioField.is-active, .cx-radioField:active, .cx-radioField:focus {
    border-color: #00617d;
    border-color: var(--colorIntent-formElementBorderActive);
    background-color: #fff;
    background-color: var(--colorIntent-formElementBackgroundActive);
    color: #000;
    color: var(--colorIntent-formElementTextActive)
}

.cx-formElement.is-disabled .cx-radioField, .cx-radioField:disabled, .cx-radioField[disabled], .cx-radioField[readonly] {
    border-color: rgba(48, 51, 57, .15);
    border-color: var(--colorIntent-formElementBorderDisabled);
    background-color: #eaebf0;
    background-color: var(--colorIntent-formElementBackgroundDisabled);
    color: #a9afb6;
    color: var(--colorIntent-formElementTextDisabled);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cx-formElement.is-invalid .cx-radioField, .cx-radioField.is-invalid {
    border-color: #d47e7e;
    border-color: var(--colorIntent-formElementBorderError);
    background-color: #fff;
    background-color: var(--colorIntent-formElementBackgroundError);
    color: #d44242;
    color: var(--colorIntent-formElementTextError)
}

.cx-radioField:focus {
    outline: none
}

.cx-radioField--sm {
    width: 18px;
    width: calc(var(--cx-fontSize--sm) + var(--cx-toggleField-heightAdjust));
    height: 18px;
    height: calc(var(--cx-fontSize--sm) + var(--cx-toggleField-heightAdjust))
}

.cx-radioField:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-color: #00779a;
    border-color: var(--colorIntent-actionableFilledBorder);
    opacity: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #00779a;
    background-color: var(--colorIntent-actionableFilledBackground);
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-transition: border-color, background, color, fill .1s ease, -webkit-box-shadow;
    transition: border-color, background, color, fill .1s ease, -webkit-box-shadow;
    transition: border-color, background, box-shadow, color, fill .1s ease;
    transition: border-color, background, box-shadow, color, fill .1s ease, -webkit-box-shadow;
    -webkit-transition: var(--cx-transition);
    transition: var(--cx-transition)
}

.cx-formElement.is-invalid .cx-radioField:before, .is-invalid.cx-radioField:before {
    background-color: #d47e7e;
    background-color: var(--colorIntent-actionableFilledBackgroundError)
}

:checked.cx-radioField:before {
    opacity: 1
}

.cx-radioField, .cx-radioField:before {
    border-radius: 50%
}

.cx-radioField:checked:before {
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px
}

.cx-formElement.is-disabled .cx-radioField:checked:before, :disabled.cx-radioField:checked:before, [disabled].cx-radioField:checked:before, [readonly].cx-radioField:checked:before {
    background-color: #a9afb6;
}

.bulevard-modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    background: #b7b7b752;
    z-index: 1050;
}

.bulevard-modal.is-open {
    display: block
}

body.is-modalOpen, body.modal-open {
    overflow: hidden
}

body.is-modalOpen .bulevard-modal, body.modal-open .bulevard-modal {
    overflow-x: hidden;
    overflow-y: auto
}

.bulevard-modal:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.bulevard-modal-dialog, .bulevard-modal > .modal-dialog {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    text-align: left;
    background-clip: padding-box;
    background-color: #fff;
    background-color: var(--colorIntent-background);
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 3px 9px var(--colorIntent-backgroundDropShadow);
    box-shadow: 0 3px 9px var(--colorIntent-backgroundDropShadow)
}

.bulevard-modal .modal-content {
    position: static;
    margin: 0;
    height: 100%;
    background-clip: border-box;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: initial
}

.bulevard-modal-closeIcon {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 14px;
    height: 14px;
    fill: #a9afb6;
    cursor: pointer;
    z-index: 999;
}

.bulevard-modal--sm > .bulevard-modal-dialog, .bulevard-modal .modal-sm {
    width: 300px;
    width: var(--bulevard-modal-width--sm)
}

.bulevard-modal--md > .bulevard-modal-dialog, .bulevard-modal-dialog, .bulevard-modal .modal-md {
    width: 400px;
}

.bulevard-modal--lg > .bulevard-modal-dialog, .bulevard-modal .modal-lg {
    width: 600px;
}

.bulevard-modal--xl > .bulevard-modal-dialog, .bulevard-modal .modal-xl {
    width: 770px;
}

.bulevard-modal--fullScreen > .bulevard-modal-dialog, .bulevard-modal .modal-fullScreen {
    width: 100%;
    height: 100%;
    -webkit-box-shadow: none;
    box-shadow: none
}

.bulevard-modal--fullScreen > .bulevard-modal-dialog .modal-content, .bulevard-modal .modal-fullScreen .modal-content {
    -webkit-box-shadow: none;
    box-shadow: none
}

.bulevard-modal-backdrop, .modal-backdrop.bulevard-modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .5;
    background-color: hsla(217, 6%, 42%, .5);
    background-color: var(--colorIntent-backdrop)
}

@media (max-width: 315px) {
    .bulevard-modal--sm > .bulevard-modal-dialog, .bulevard-modal .modal-sm {
        width: 100%;
        height: 100%;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .bulevard-modal--sm > .bulevard-modal-dialog .modal-content, .bulevard-modal .modal-sm .modal-content {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

@media (max-width: 415px) {
    .bulevard-modal--md > .bulevard-modal-dialog, .bulevard-modal-dialog, .bulevard-modal .modal-md {
        width: 100%;
        height: 100%;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .bulevard-modal--md > .bulevard-modal-dialog .modal-content, .bulevard-modal-dialog .modal-content, .bulevard-modal .modal-md .modal-content {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

@media (max-width: 615px) {
    .bulevard-modal--lg > .bulevard-modal-dialog, .bulevard-modal .modal-lg {
        width: 100%;
        height: 100%;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .bulevard-modal--lg > .bulevard-modal-dialog .modal-content, .bulevard-modal .modal-lg .modal-content {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

@media (max-width: 785px) {
    .bulevard-modal--xl > .bulevard-modal-dialog, .bulevard-modal .modal-xl {
        width: 100%;
        height: 100%;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .bulevard-modal--xl > .bulevard-modal-dialog .modal-content, .bulevard-modal .modal-xl .modal-content {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

@media (max-width: 689px) and (orientation: landscape) {
    .bulevard-modal--lg > .bulevard-modal-dialog, .bulevard-modal--md > .bulevard-modal-dialog, .bulevard-modal--sm > .bulevard-modal-dialog, .bulevard-modal--xl > .bulevard-modal-dialog, .bulevard-modal-dialog, .bulevard-modal .modal-lg, .bulevard-modal .modal-md, .bulevard-modal .modal-sm, .bulevard-modal .modal-xl {
        width: 100%;
        height: 100%;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .bulevard-modal--lg > .bulevard-modal-dialog .modal-content, .bulevard-modal--md > .bulevard-modal-dialog .modal-content, .bulevard-modal--sm > .bulevard-modal-dialog .modal-content, .bulevard-modal--xl > .bulevard-modal-dialog .modal-content, .bulevard-modal-dialog .modal-content, .bulevard-modal .modal-lg .modal-content, .bulevard-modal .modal-md .modal-content, .bulevard-modal .modal-sm .modal-content, .bulevard-modal .modal-xl .modal-content {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.cx-brandModal-body, .cx-brandModal-footer, .cx-brandModal-header {
    text-align: center
}

.cx-brandModal-header {
    padding: 40px 40px 0;
    font-size: 30px;
    line-height: 1.3em;
    color: #303339;
    color: var(--colorIntent-textTitle);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal
}

.workWithAgentModal-inputGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.workWithAgentModal-inputGroup .cx-formElement + .cx-formElement {
    margin-left: 15px;
}

.workWithAgentModal-customerInterestTypes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 689px) {
    .cx-brandModal-header {
        font-size: 24px
    }
}

.cx-brandModal-slash, .cx-brandModal-slash + .cx-brandModal-header {
    padding-top: 20px
}

.cx-brandModal-dash:after, .cx-brandModal-slash:after {
    content: "";
    display: block;
    text-align: center
}

.cx-brandModal-dash:after {
    margin: 16px auto 0;
    border-bottom: 2px solid #000;
    border-bottom: 2px solid var(--colorIntent-brandDark);
    width: 36px
}

.cx-brandModal-slash:after {
    margin: 0 auto;
    border-right: 2px solid #000;
    border-right: 2px solid var(--colorIntent-brandDark);
    width: 0;
    height: 36px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.cx-brandModal-body {
    padding: 16px 40px 20px;
    font-size: 16px;
    line-height: 1.5em;
    color: #3e4247;
    color: var(--colorIntent-textBody);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal
}

@media (max-width: 689px) {
    .cx-brandModal-body {
        font-size: 14px
    }
}

.cx-brandModal-body + .cx-brandModal-dash {
    padding-bottom: 40px
}

.cx-brandModal-footer {
    padding: 0 40px 40px
}

.cx-brandModal-footer > .cx-enclosedBtn, .cx-brandModal-footer > .cx-solidBtn {
    display: block;
    width: 100%
}

:root {
    --cx-menu-width--sm: 90px;
    --cx-menu-width--md: 150px;
    --cx-menu-width--lg: 200px;
    --cx-menu-width--xl: 400px;
    --cx-menu-iconSize: 16px
}

.cx-flyoutMenu {
    margin: 0;
    border: 1px solid rgba(48, 51, 57, .15);
    border: var(--cx-borderWidth) solid var(--colorIntent-menuBorder);
    border-radius: 2px;
    border-radius: var(--cx-borderRadius);
    padding: 10px 0;
    padding: var(--cx-verticalPadding--md) 0;
    min-width: 90px;
    min-width: var(--cx-menu-width--sm);
    max-width: 400px;
    max-width: var(--cx-menu-width--xl);
    font-size: 14px;
    font-size: var(--cx-fontSize--sm);
    color: #3e4247;
    color: var(--colorIntent-menuText);
    fill: #3e4247;
    fill: var(--colorIntent-menuText);
    text-align: left;
    list-style-type: none;
    background-color: #fff;
    background-color: var(--colorIntent-menuBackground);
    background-clip: padding-box;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    -webkit-box-shadow: var(--cx-dropShadow);
    box-shadow: var(--cx-dropShadow);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal
}

.cx-flyoutMenu--sm {
    width: 90px;
    width: var(--cx-menu-width--sm)
}

.cx-flyoutMenu--md {
    width: 150px;
    width: var(--cx-menu-width--md)
}

.cx-flyoutMenu--lg {
    width: 200px;
    width: var(--cx-menu-width--lg)
}

.cx-flyoutMenu--xl {
    width: 400px;
    width: var(--cx-menu-width--xl)
}

.cx-flyoutMenu-item {
    position: relative;
    padding: 5px 10px;
    padding: calc(var(--cx-verticalPadding--md) / 2) var(--cx-horizontalPadding--md);
    font-size: 14px;
    font-size: var(--cx-fontSize--sm);
    line-height: 1.45em;
    color: #3e4247;
    color: var(--colorIntent-menuText);
    fill: #3e4247;
    fill: var(--colorIntent-menuText);
    text-align: left;
    background-color: #fff;
    background-color: var(--colorIntent-menuBackground);
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-transition: border-color, background, color, fill .1s ease, -webkit-box-shadow;
    transition: border-color, background, color, fill .1s ease, -webkit-box-shadow;
    transition: border-color, background, box-shadow, color, fill .1s ease;
    transition: border-color, background, box-shadow, color, fill .1s ease, -webkit-box-shadow;
    -webkit-transition: var(--cx-transition);
    transition: var(--cx-transition);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal
}

.cx-flyoutMenu-item.is-hovered, .cx-flyoutMenu-item:hover {
    color: #3e4247;
    color: var(--colorIntent-menuTextHover);
    fill: #3e4247;
    fill: var(--colorIntent-menuTextHover);
    background-color: #f4f5f9;
    background-color: var(--colorIntent-menuBackgroundHover)
}

.cx-flyoutMenu-item.is-active, .cx-flyoutMenu-item:active, .cx-flyoutMenu-item:focus {
    color: #3e4247;
    color: var(--colorIntent-menuTextPressed);
    fill: #3e4247;
    fill: var(--colorIntent-menuTextPressed);
    background-color: #fff;
    background-color: var(--colorIntent-menuBackgroundPressed)
}

.cx-flyoutMenu-item.is-disabled, .cx-flyoutMenu-item[disabled] {
    color: #a9afb6;
    color: var(--colorIntent-menuTextDisabled);
    fill: #a9afb6;
    fill: var(--colorIntent-menuTextDisabled);
    background-color: #fff;
    background-color: var(--colorIntent-menuBackgroundDisabled);
    pointer-events: none
}

.cx-flyoutMenu-item.is-selected {
    padding-right: 36px;
    padding-right: calc(var(--cx-menu-iconSize) + var(--cx-horizontalPadding--md) * 2);
    color: #fff;
    color: var(--colorIntent-menuTextSelected);
    fill: #fff;
    fill: var(--colorIntent-menuTextSelected);
    background-color: #00617d;
    background-color: var(--colorIntent-menuBackgroundSelected);
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-style: normal
}

.cx-flyoutMenu-item.is-selected:after {
    content: "";
    position: absolute;
    top: 0;
    right: 10px;
    right: var(--cx-horizontalPadding--md);
    bottom: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%0A%20%20%20%20viewBox%3D%220%200%2016%2016%22%3E%0A%20%20%3Cpath%20d%3D%22M14.85%2C3.72L13.79%2C2.65a0.49%2C0.49%2C0%2C0%2C0-.69%2C0l-7.43%2C7.5L2.87%2C7.31a0.46%2C0.46%2C0%2C0%2C0-.65.06L1.17%2C8.44a0.47%2C0.47%2C0%2C0%2C0-.06.65L5.37%2C13.4a0.4%2C0.4%2C0%2C0%2C0%2C.44.07A0.45%2C0.45%2C0%2C0%2C0%2C6%2C13.35l8.86-8.93A0.5%2C0.5%2C0%2C0%2C0%2C14.85%2C3.72Z%22%2F%3E%0A%3Cdefs%3E%3Cstyle%3Epath%20%7B%0A%20%20%20%20%20%20fill%3A%20rgb%280%2C%2097%2C%20125%29%3B%0A%20%20%20%20%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3C%2Fsvg%3E%0A")
}

.cx-flyoutMenu-icon, .cx-flyoutMenu-item.is-selected:after {
    display: inline-block;
    width: 16px;
    width: var(--cx-menu-iconSize)
}

.cx-flyoutMenu-icon {
    margin: 2px 5px 2px 0;
    margin: 2px calc(var(--cx-horizontalPadding--md) / 2) 2px 0;
    height: 16px;
    height: var(--cx-menu-iconSize);
    vertical-align: top
}

.cx-flyoutMenu-accessory {
    float: right;
    margin-left: 10px;
    margin-left: var(--cx-horizontalPadding--md);
    font-size: 14px;
    font-size: var(--cx-fontSize--sm);
    color: #a9afb6;
    color: var(--colorIntent-textSubtle);
    fill: #a9afb6;
    fill: var(--colorIntent-textSubtle);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal
}

.cx-flyoutMenu-divider, .cx-flyoutMenu-section {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.cx-flyoutMenu-divider[data-section-title]:before, .cx-flyoutMenu-section[data-section-title]:before {
    content: attr(data-section-title);
    display: inline-block;
    padding: 0 10px 7px;
    padding: 0 var(--cx-horizontalPadding--md) 7px;
    color: #a9afb6;
    color: var(--colorIntent-textSubtle);
    fill: #a9afb6;
    fill: var(--colorIntent-textSubtle);
    font-size: 12px
}

.cx-flyoutMenu-divider:not(:first-child), .cx-flyoutMenu-section + .cx-flyoutMenu-section {
    margin-top: 10px;
    margin-top: var(--cx-verticalPadding--md);
    border-top: 1px solid rgba(48, 51, 57, .15);
    border-top: var(--cx-borderWidth) solid var(--colorIntent-menuBorder);
    padding-top: 10px;
    padding-top: var(--cx-verticalPadding--md)
}

:root {
    --cx-popover-tipSize: 7px
}

.cx-poptip {
    position: absolute;
    padding: 8px 15px;
    overflow: visible;
    background: rgba(0, 0, 0, .85);
    background: var(--colorIntent-poptipBackground);
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    color: var(--colorIntent-poptipText);
    fill: #fff;
    fill: var(--colorIntent-poptipText);
    font-size: 12px;
    white-space: pre;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-style: normal
}

.cx-poptip--top {
    margin-top: -7px;
    margin-top: calc(-1 * var(--cx-popover-tipSize));
    position: absolute;
    border: none;
    background-color: rgba(0, 0, 0, .85);
    background-color: var(--colorIntent-poptipBackground)
}

.cx-poptip--top:after {
    position: absolute;
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    left: 50%;
    margin-left: -7px;
    border-color: transparent;
    border-top-color: rgba(0, 0, 0, .85);
    border-top-color: var(--colorIntent-poptipBackground);
    border-width: 7px
}

.cx-poptip--right {
    margin-right: -7px;
    margin-right: calc(-1 * var(--cx-popover-tipSize));
    position: absolute;
    border: none;
    background-color: rgba(0, 0, 0, .85);
    background-color: var(--colorIntent-poptipBackground)
}

.cx-poptip--right:after {
    position: absolute;
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    top: 50%;
    margin-top: -7px;
    border-color: transparent;
    border-right-color: rgba(0, 0, 0, .85);
    border-right-color: var(--colorIntent-poptipBackground);
    border-width: 7px
}

.cx-poptip--bottom {
    margin-bottom: -7px;
    margin-bottom: calc(-1 * var(--cx-popover-tipSize));
    position: absolute;
    border: none;
    background-color: rgba(0, 0, 0, .85);
    background-color: var(--colorIntent-poptipBackground)
}

.cx-poptip--bottom:after {
    position: absolute;
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    left: 50%;
    margin-left: -7px;
    border-color: transparent;
    border-bottom-color: rgba(0, 0, 0, .85);
    border-bottom-color: var(--colorIntent-poptipBackground);
    border-width: 7px
}

.cx-poptip--left {
    margin-left: -7px;
    margin-left: calc(-1 * var(--cx-popover-tipSize));
    position: absolute;
    border: none;
    background-color: rgba(0, 0, 0, .85);
    background-color: var(--colorIntent-poptipBackground)
}

.cx-poptip--left:after {
    position: absolute;
    left: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    top: 50%;
    margin-top: -7px;
    border-color: transparent;
    border-left-color: rgba(0, 0, 0, .85);
    border-left-color: var(--colorIntent-poptipBackground);
    border-width: 7px
}

.cx-systemModal-body, .cx-systemModal-header {
    text-align: left
}

.cx-systemModal-body, .cx-systemModal-footer, .cx-systemModal-header {
    padding: 10px 20px
}

.cx-systemModal-header {
    font-size: 20px;
    line-height: 1.5em;
    color: #303339;
    color: var(--colorIntent-textTitle);
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    font-style: normal
}

@media (max-width: 689px) {
    .cx-systemModal-header {
        font-size: 18px
    }
}

.cx-systemModal-body {
    overflow-y: auto;
    font-size: 16px;
    line-height: 1.5em;
    color: #3e4247;
    color: var(--colorIntent-textBody);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal
}

@media (max-width: 689px) {
    .cx-systemModal-body {
        font-size: 14px
    }
}

.cx-systemModal-footer {
    text-align: right
}

:root {
    --cx-sideMenu-iconSize: 16px;
    --cx-sideMenu-actionIconSize: 19px;
    --cx-sideMenu-lineHeight: 1.45em;
    --cx-checkBlock-padding: 20px;
    --cx-formElement-labelMargin: 6px;
    --cx-formElement-errorMargin: 4px;
    --cx-formField-dropdownCaretSize: 16px;
    --cx-toggleField-heightAdjust: 4px;
    --cx-toggleField-margin: 0.25em 0.4em 0.35em 0;
    --bulevard-modal-width--sm: 300px;
    --bulevard-modal-width--md: 400px;
    --bulevard-modal-width--lg: 600px;
    --bulevard-modal-width--xl: 770px;
    --cx-menu-width--sm: 90px;
    --cx-menu-width--md: 150px;
    --cx-menu-width--lg: 200px;
    --cx-menu-width--xl: 400px;
    --cx-menu-iconSize: 16px;
    --cx-popover-tipSize: 7px;
    --gutter: 30px;
    --gutter--xs: 20px;
    --screenWidth--sm: 380px;
    --screenHeight--sm: 500px;
    --screenWidth--md: 690px;
    --screenHeight--md: 640px;
    --screenWidth--lg: 930px;
    --screenHeight--lg: 800px;
    --screenWidth--xl: 1230px;
    --screenHeight--xl: 1080px;
    --screenWidth--xxl: 1630px;
    --screenHeight--xxl: 1200px;
    --mq-minHeight--sm:(
    min-height: 500px);
    --mq-minHeight--md:(
    min-height: 640px);
    --mq-minHeight--lg:(
    min-height: 800px);
    --mq-minHeight--xl:(
    min-height: 1080px);
    --mq-minHeight--xxl:(
    min-height: 1200px);
    --mq-maxHeight--xs:(
    max-height: 499px);
    --mq-maxHeight--sm:(
    max-height: 639px);
    --mq-maxHeight--md:(
    max-height: 799px);
    --mq-maxHeight--lg:(
    max-height: 1079px);
    --mq-maxHeight--xl:(
    max-height: 1199px);
    --mq-minWidth--sm:(
    min-width: 380px);
    --mq-minWidth--md:(
    min-width: 690px);
    --mq-minWidth--lg:(
    min-width: 930px);
    --mq-minWidth--xl:(
    min-width: 1230px);
    --mq-minWidth--xxl:(
    min-width: 1630px);
    --mq-maxWidth--xs:(
    max-width: 379px);
    --mq-maxWidth--sm:(
    max-width: 689px);
    --mq-maxWidth--md:(
    max-width: 929px);
    --mq-maxWidth--lg:(
    max-width: 1229px);
    --mq-maxWidth--xl:(
    max-width: 1629px);
    --colorIntent-brandDark: #000;
    --colorIntent-brandLight: #fff;
    --colorIntent-action: #00779a;
    --colorIntent-actionHover: #00617d;
    --colorIntent-actionPressed: #00617d;
    --colorIntent-actionNegative: #d47e7e;
    --colorIntent-actionPositive: #28ba73;
    --colorIntent-actionDisabled: #a9afb6;
    --colorIntent-background: #fff;
    --colorIntent-backgroundContainer: #f4f5f9;
    --colorIntent-backgroundContainerAccent: #eaebf0;
    --colorIntent-backgroundContainerDark: #d3d7dc;
    --colorIntent-backgroundInverse: #000;
    --colorIntent-backgroundBold: #3e4247;
    --colorIntent-backgroundSemiBold: #646971;
    --colorIntent-backdrop: hsla(217, 6%, 42%, .5);
    --colorIntent-backgroundDropShadow: rgba(0, 0, 0, .1);
    --colorIntent-backgroundInnerShadow: rgba(0, 0, 0, .2);
    --colorIntent-backgroundError: #d47e7e;
    --colorIntent-backgroundSuccess: #28ba73;
    --colorIntent-backgroundHighlighted: #f4c650;
    --colorIntent-backgroundHighlightedSoft: #fffaf4;
    --colorIntent-borderLightBackgroundLight: #eaebf0;
    --colorIntent-borderSoftBackgroundLight: rgba(48, 51, 57, .15);
    --colorIntent-borderMediumBackgroundLight: #646971;
    --colorIntent-borderLightBackgroundDark: #646971;
    --colorIntent-borderAccentPositive: #28ba73;
    --colorIntent-borderAccentNegative: #d47e7e;
    --colorIntent-borderLightBezel: #fff;
    --colorIntent-textTitle: #303339;
    --colorIntent-textBody: #3e4247;
    --colorIntent-textSubtle: #a9afb6;
    --colorIntent-textTitleSubtle: #646971;
    --colorIntent-textBold: #000;
    --colorIntent-textLink: #00779a;
    --colorIntent-textLinkHover: #00617d;
    --colorIntent-textBrightBackgroundDark: #fff;
    --colorIntent-textSubtleBackgroundDark: #d3d7dc;
    --colorIntent-textError: #d44242;
    --colorIntent-textSuccess: #28ba73;
    --colorIntent-textHighlighted: #f4c650;
    --colorIntent-actionableFilledBackground: #00779a;
    --colorIntent-actionableFilledBorder: #00779a;
    --colorIntent-actionableFilledText: #fff;
    --colorIntent-actionableFilledBackgroundHover: linear-gradient(180deg, #00779a, #00617d);
    --colorIntent-actionableFilledBorderHover: #00617d;
    --colorIntent-actionableFilledTextHover: #fff;
    --colorIntent-actionableFilledBackgroundPressed: linear-gradient(180deg, #00779a, #00617d);
    --colorIntent-actionableFilledBorderPressed: #00617d;
    --colorIntent-actionableFilledTextPressed: #fff;
    --colorIntent-actionableFilledBackgroundDisabled: #eaebf0;
    --colorIntent-actionableFilledBorderDisabled: #eaebf0;
    --colorIntent-actionableFilledTextDisabled: #a9afb6;
    --colorIntent-actionableFilledBackgroundError: #d47e7e;
    --colorIntent-actionableFilledBorderError: #d47e7e;
    --colorIntent-actionableFilledTextError: #fff;
    --colorIntent-actionableFilledBackgroundSuccess: #28ba73;
    --colorIntent-actionableFilledBorderSuccess: #28ba73;
    --colorIntent-actionableFilledTextSuccess: #fff;
    --colorIntent-actionableFilledBackgroundHighlighted: #f4c650;
    --colorIntent-actionableFilledBorderHighlighted: #f4c650;
    --colorIntent-actionableFilledTextHighlighted: #fff;
    --colorIntent-actionableFilledBackgroundSubdued: #eaebf0;
    --colorIntent-actionableFilledBorderSubdued: #eaebf0;
    --colorIntent-actionableFilledTextSubdued: #a9afb6;
    --colorIntent-actionableInvertedBackground: #fff;
    --colorIntent-actionableInvertedBorder: rgba(48, 51, 57, .15);
    --colorIntent-actionableInvertedText: #00779a;
    --colorIntent-actionableInvertedTextSubdued: #a9afb6;
    --colorIntent-actionableInvertedBackgroundHover: linear-gradient(180deg, #fff, #f4f5f9);
    --colorIntent-actionableInvertedBorderHover: rgba(48, 51, 57, .3);
    --colorIntent-actionableInvertedTextHover: #00617d;
    --colorIntent-actionableInvertedBackgroundPressed: linear-gradient(180deg, #fff, #f4f5f9);
    --colorIntent-actionableInvertedBorderPressed: rgba(48, 51, 57, .5);
    --colorIntent-actionableInvertedTextPressed: #00617d;
    --colorIntent-actionableInvertedBackgroundDisabled: #eaebf0;
    --colorIntent-actionableInvertedBorderDisabled: rgba(48, 51, 57, .15);
    --colorIntent-actionableInvertedTextDisabled: #a9afb6;
    --colorIntent-actionableInvertedBackgroundError: #f7e7e7;
    --colorIntent-actionableInvertedBorderError: #d47e7e;
    --colorIntent-actionableInvertedTextError: #d44242;
    --colorIntent-actionableInvertedBackgroundSuccess: #d0f8e4;
    --colorIntent-actionableInvertedBorderSuccess: #28ba73;
    --colorIntent-actionableInvertedTextSuccess: #28ba73;
    --colorIntent-actionableInvertedBackgroundSelected: #eaebf0;
    --colorIntent-actionableInvertedBorderSelected: rgba(48, 51, 57, .3);
    --colorIntent-actionableInvertedTextSelected: #00779a;
    --colorIntent-actionableInvertedBackgroundSelectedHover: #eaebf0;
    --colorIntent-actionableInvertedBorderSelectedHover: rgba(48, 51, 57, .3);
    --colorIntent-actionableInvertedTextSelectedHover: #00617d;
    --colorIntent-formElementBackground: #fff;
    --colorIntent-formElementBorder: rgba(48, 51, 57, .15);
    --colorIntent-formElementText: #000;
    --colorIntent-formElementPlaceholder: #a9afb6;
    --colorIntent-formElementAccessoryActionable: #00779a;
    --colorIntent-formElementAccessoryDecorative: #000;
    --colorIntent-formElementLabel: #000;
    --colorIntent-formElementSubLabel: #a9afb6;
    --colorIntent-formElementBackgroundHover: #fff;
    --colorIntent-formElementBorderHover: rgba(48, 51, 57, .3);
    --colorIntent-formElementTextHover: #000;
    --colorIntent-formElementPlaceholderHover: #a9afb6;
    --colorIntent-formElementAccessoryActionableHover: #00617d;
    --colorIntent-formElementAccessoryDecorativeHover: #000;
    --colorIntent-formElementLabelHover: #000;
    --colorIntent-formElementSubLabelHover: #a9afb6;
    --colorIntent-formElementBackgroundActive: #fff;
    --colorIntent-formElementBorderActive: #00617d;
    --colorIntent-formElementTextActive: #000;
    --colorIntent-formElementPlaceholderActive: #a9afb6;
    --colorIntent-formElementAccessoryActionableActive: #00617d;
    --colorIntent-formElementAccessoryDecorativeActive: #000;
    --colorIntent-formElementLabelActive: #000;
    --colorIntent-formElementSubLabelActive: #a9afb6;
    --colorIntent-formElementBackgroundDisabled: #eaebf0;
    --colorIntent-formElementBorderDisabled: rgba(48, 51, 57, .15);
    --colorIntent-formElementTextDisabled: #a9afb6;
    --colorIntent-formElementPlaceholderDisabled: #a9afb6;
    --colorIntent-formElementAccessoryActionableDisabled: #a9afb6;
    --colorIntent-formElementAccessoryDecorativeDisabled: #a9afb6;
    --colorIntent-formElementLabelDisabled: #a9afb6;
    --colorIntent-formElementSubLabelDisabled: #a9afb6;
    --colorIntent-formElementBackgroundError: #fff;
    --colorIntent-formElementBorderError: #d47e7e;
    --colorIntent-formElementTextError: #d44242;
    --colorIntent-formElementPlaceholderError: #d44242;
    --colorIntent-formElementAccessoryActionableError: #d44242;
    --colorIntent-formElementAccessoryDecorativeError: #d44242;
    --colorIntent-formElementLabelError: #000;
    --colorIntent-formElementSubLabelError: #a9afb6;
    --colorIntent-formElementBackgroundSuccess: #fff;
    --colorIntent-formElementBorderSuccess: #28ba73;
    --colorIntent-formElementTextSuccess: #28ba73;
    --colorIntent-formElementPlaceholderSuccess: #28ba73;
    --colorIntent-formElementAccessoryActionableSuccess: #28ba73;
    --colorIntent-formElementAccessoryDecorativeSuccess: #28ba73;
    --colorIntent-formElementLabelSuccess: #000;
    --colorIntent-formElementSubLabelSuccess: #a9afb6;
    --colorIntent-menuBackground: #fff;
    --colorIntent-menuBorder: rgba(48, 51, 57, .15);
    --colorIntent-menuText: #3e4247;
    --colorIntent-menuBackgroundHover: #f4f5f9;
    --colorIntent-menuBorderHover: rgba(48, 51, 57, .3);
    --colorIntent-menuTextHover: #3e4247;
    --colorIntent-menuBackgroundPressed: #fff;
    --colorIntent-menuBorderPressed: rgba(48, 51, 57, .15);
    --colorIntent-menuTextPressed: #3e4247;
    --colorIntent-menuBackgroundSelected: #00617d;
    --colorIntent-menuBorderSelected: rgba(48, 51, 57, .15);
    --colorIntent-menuTextSelected: #fff;
    --colorIntent-menuBackgroundDisabled: #fff;
    --colorIntent-menuBorderDisabled: rgba(48, 51, 57, .15);
    --colorIntent-menuTextDisabled: #a9afb6;
    --colorIntent-menuBackgroundAlt: #fff;
    --colorIntent-menuBorderAlt: rgba(48, 51, 57, .15);
    --colorIntent-menuTextAlt: #3e4247;
    --colorIntent-poptipBackground: rgba(0, 0, 0, .85);
    --colorIntent-poptipBorder: rgba(0, 0, 0, .85);
    --colorIntent-poptipText: #fff;
    --colorIntent-mapPinBackgroundGradient: linear-gradient(180deg, #fff, #f4f5f9);
    --colorIntent-mapPinBackground: #f4f5f9;
    --colorIntent-mapPinBorder: #303339;
    --colorIntent-mapPinText: #303339;
    --colorIntent-mapPinShadow: rgba(0, 0, 0, .35);
    --colorIntent-mapPinSeparator: #a9afb6;
    --colorIntent-mapPinBackgroundGradientHover: linear-gradient(180deg, #00779a, #00617d);
    --colorIntent-mapPinBackgroundHover: #00617d;
    --colorIntent-mapPinBorderHover: #00617d;
    --colorIntent-mapPinTextHover: #fff;
    --colorIntent-mapPinShadowHover: #a9afb6;
    --colorIntent-mapPinSeparatorHover: #00617d;
    --colorIntent-mapPinBackgroundGradientActive: linear-gradient(180deg, #00779a, #00617d);
    --colorIntent-mapPinBackgroundActive: #00617d;
    --colorIntent-mapPinBorderActive: #00617d;
    --colorIntent-mapPinTextActive: #fff;
    --colorIntent-mapPinShadowActive: #a9afb6;
    --colorIntent-mapPinSeparatorActive: #00617d;
    --colorIntent-mapPinBackgroundSelected: #00617d;
    --colorIntent-mapPinBorderSelected: #00617d;
    --colorIntent-mapPinTextSelected: #fff;
    --colorIntent-mapPinShadowSelected: #a9afb6;
    --colorIntent-mapPinSeparatorSelected: #00617d;
    --colorIntent-mapPinAccessoryBackground: #fff;
    --colorIntent-mapPinAccessoryForeground: #a9afb6;
    --colorIntent-mapPinAccessoryForegroundHover: #fff;
    --colorIntent-mapPinAccessoryForegroundActive: #fff;
    --colorIntent-mapPinAccessoryForegroundSelected: #fff;
    --colorIntent-mapPinAccessoryBackgroundSaved: #f4c650;
    --colorIntent-mapPinAccessoryForegroundSaved: #fff;
    --colorIntent-mapPinAccessoryBackgroundAccented: #fff;
    --colorIntent-mapPinAccessoryForegroundAccented: #00779a;
    --colorIntent-mapPinAccessoryBackgroundExclusive: #000;
    --colorIntent-mapPinAccessoryForegroundExclusive: #fff;
    --colorIntent-mapPinTooltipBackground: #303339;
    --colorIntent-mapPinTooltipBorder: #3e4247;
    --colorIntent-mapPinTooltipText: #fff;
    --colorIntent-tableBackground: #fff;
    --colorIntent-tableHeaderText: #000;
    --colorIntent-tableHeaderBackground: #f4f5f9;
    --colorIntent-tableHeaderBackgroundSorted: #eaebf0;
    --colorIntent-tableHeaderBackgroundDragged: #eaebf0;
    --colorIntent-tableHeaderBorder: #eaebf0;
    --colorIntent-tableRowBackgroundActive: #00617d;
    --colorIntent-tableRowBackgroundDisabled: #a9afb6;
    --colorIntent-tableRowBackgroundEven: #fff;
    --colorIntent-tableRowBackgroundHover: #f4f5f9;
    --colorIntent-tableRowBackgroundOdd: #fff;
    --colorIntent-tableRowBackgroundSelected: #eaebf0;
    --colorIntent-tableRowBorder: #eaebf0;
    --colorIntent-tableRowBorderActive: #00617d;
    --colorIntent-tableRowBorderSelected: #d3d7dc;
    --colorIntent-tableRowTextActive: #fff;
    --colorIntent-tableCellBackgroundActive: #00617d;
    --colorIntent-tableCellBorderActive: #00617d;
    --colorIntent-tableCellBackgroundDisabled: #a9afb6;
    --colorIntent-tableCellText: #303339;
    --colorIntent-tableOverlayBackground: hsla(0, 0%, 100%, .5);
    --colorIntent-tableOverlayText: #303339;
    --colorIntent-tableOverlayTextBackground: #eaebf0;
    --colorIntent-tableHeaderIcon: #a9afb6;
    --colorIntent-tableHeaderIconSorted: #646971;
    --colorIntent-avatarBackground: #303339;
    --colorIntent-avatarBorder: #fff;
    --colorIntent-avatarText: #fff;
    --colorIntent-avatarBackgroundHover: #303339;
    --colorIntent-avatarBorderHover: #fff;
    --colorIntent-avatarTextHover: #fff;
    --colorIntent-avatarBackgroundDisabled: #303339;
    --colorIntent-avatarBorderDisabled: #fff;
    --colorIntent-avatarTextDisabled: #fff;
    --colorIntent-avatarBackgroundActive: #303339;
    --colorIntent-avatarBorderActive: #fff;
    --colorIntent-avatarTextActive: #fff;
    --colorIntent-tokenBackground: #eaebf0;
    --colorIntent-tokenBorder: #eaebf0;
    --colorIntent-tokenText: #646971;
    --colorIntent-tokenBackgroundHover: #d3d7dc;
    --colorIntent-tokenBorderHover: #d3d7dc;
    --colorIntent-tokenTextHover: #646971;
    --colorIntent-tokenBackgroundDisabled: #eaebf0;
    --colorIntent-tokenBorderDisabled: #eaebf0;
    --colorIntent-tokenTextDisabled: #646971;
    --colorIntent-tokenBackgroundActive: #00779a;
    --colorIntent-tokenBorderActive: #00779a;
    --colorIntent-tokenTextActive: #fff;
    --colorIntent-tokenActionableBackground: #d3d7dc;
    --colorIntent-tokenActionableBorder: #d3d7dc;
    --colorIntent-tokenActionableText: #a9afb6;
    --colorIntent-tokenActionableBackgroundHover: #a9afb6;
    --colorIntent-tokenActionableBorderHover: #a9afb6;
    --colorIntent-tokenActionableTextHover: #646971;
    --colorIntent-tokenActionableBackgroundDisabled: #eaebf0;
    --colorIntent-tokenActionableBorderDisabled: #eaebf0;
    --colorIntent-tokenActionableTextDisabled: #646971;
    --colorIntent-tokenActionableBackgroundActive: #00617d;
    --colorIntent-tokenActionableBorderActive: #00617d;
    --colorIntent-tokenActionableTextActive: #fff;
    --colorIntent-indicatorBackground: #000;
    --colorIntent-indicatorBorder: #fff;
    --colorIntent-indicatorText: #fff;
    --colorIntent-indicatorNewBackground: #d47e7e;
    --colorIntent-indicatorNewBorder: #fff;
    --colorIntent-indicatorNewText: #fff;
    --colorIntent-indicatorDisabledBackground: #a9afb6;
    --colorIntent-indicatorDisabledBorder: #fff;
    --colorIntent-indicatorDisabledText: #fff;
    --cx-avatar-size--xs: 19px;
    --cx-avatar-size--sm: 26px;
    --cx-avatar-size--md: 32px;
    --cx-avatar-size--lg: 40px;
    --cx-avatar-size--xl: 58px;
    --cx-avatar-size--xxl: 100px;
    --cx-btn-padding--xs: 3px 10px;
    --cx-btn-padding--sm: 5px 14px;
    --cx-btn-padding--md: 10px 20px;
    --cx-btn-padding--lg: 15px 30px;
    --cx-btn-iconPadding: 6px;
    --cx-btn-iconWidth: 16px;
    --cx-btn-iconHeight: 16px;
    --cx-flyoutMenu-gap: 4px;
    --cx-fixedPageWidth: 1170px;
    --cx-fixedElementWidth: 770px;
    --cx-borderWidth: 1px;
    --cx-borderRadius: 2px;
    --cx-lineHeight: 1.3em;
    --cx-horizontalPadding--xs: 6px;
    --cx-horizontalPadding--sm: 10px;
    --cx-horizontalPadding--md: 10px;
    --cx-horizontalPadding--lg: 10px;
    --cx-verticalPadding--xs: 3px;
    --cx-verticalPadding--sm: 5px;
    --cx-verticalPadding--md: 10px;
    --cx-verticalPadding--lg: 15px;
    --cx-fontSize--xs: 14px;
    --cx-fontSize--sm: 14px;
    --cx-fontSize--md: 16px;
    --cx-fontSize--lg: 16px;
    --cx-dropShadow: 0 1px 1px rgba(0, 0, 0, .1);
    --cx-innerShadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    --cx-transitionProperty: border-color, background, box-shadow, color, fill;
    --cx-transitionDuration: 100ms;
    --cx-transitionEasing: ease;
    --cx-transition: border-color, background, box-shadow, color, fill 100ms ease;
    --cx-indicator-size: 8px;
    --cx-indicator-sizeWithText: 18px;
    --cx-indicator-nakedOffset: 4px;
    --bulevard-modal-bp--sm:(
    max-width: 315px);
    --bulevard-modal-bp--md:(
    max-width: 415px);
    --bulevard-modal-bp--lg:(
    max-width: 615px);
    --bulevard-modal-bp--xl:(
    max-width: 785px);
    --cx-sideMenu-width: 208px;
    --cx-token-iconSize: 9px;
    --cx-token-borderRadius: 2em;
    --cx-token-verticalPadding: 0.465em;
    --cx-token-horizontalPadding: 0.9em;
    --cx-zIndex-1: 100;
    --cx-zIndex-2: 200;
    --cx-zIndex-3: 300;
    --cx-zIndex-4: 400;
    --cx-zIndex-5: 500;
    --cx-zIndex-6: 600;
    --cx-zIndex-7: 700;
    --cx-zIndex-8: 800;
    --cx-zIndex-9: 900;
    --cx-zIndex-10: 1000
}