/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
* {
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background: 0 0
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

.jpui.fieldgroup .fieldtext {
    font-size: .875rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.fieldgroup .fieldtext {
        font-size: 1rem
    }
}

.jpui.fieldgroup .fieldtext a,
.jpui.fieldgroup .fieldtext a:active,
.jpui.fieldgroup .fieldtext a:hover,
.jpui.fieldgroup .fieldtext a:visited {
    font-size: .875rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.fieldgroup .fieldtext a,
    .jpui.fieldgroup .fieldtext a:active,
    .jpui.fieldgroup .fieldtext a:hover,
    .jpui.fieldgroup .fieldtext a:visited {
        font-size: 1rem
    }
}

.jpui.fieldgroup .fieldset legend {
    font-size: .875rem;
    font-weight: 600;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.fieldgroup .fieldset legend {
        font-size: 1.25rem;
        font-weight: 300
    }
}

.jpui.simple.table td {
    font-size: .8125rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.simple.table td {
        font-size: .875rem
    }
}

.jpui.simple.table td a,
.jpui.simple.table td a:active,
.jpui.simple.table td a:hover,
.jpui.simple.table td a:visited {
    font-size: .8125rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.simple.table td a,
    .jpui.simple.table td a:active,
    .jpui.simple.table td a:hover,
    .jpui.simple.table td a:visited {
        font-size: .875rem
    }
}

.jpui.simple.table th {
    font-size: .8125rem;
    font-weight: 600;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.simple.table th {
        font-size: .875rem
    }
}

.jpui.table .table-footer-label {
    font-size: .875rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none;
    line-height: 1.3125
}

@media screen and (min-width:768px) {
    .jpui.table .table-footer-label {
        font-size: 1rem
    }
}

.jpui.table .table-footer-label a,
.jpui.table .table-footer-label a:active,
.jpui.table .table-footer-label a:hover,
.jpui.table .table-footer-label a:visited {
    font-size: .875rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.table .table-footer-label a,
    .jpui.table .table-footer-label a:active,
    .jpui.table .table-footer-label a:hover,
    .jpui.table .table-footer-label a:visited {
        font-size: 1rem
    }
}

.jpui.table .header-cell,
.jpui.table .table__fixed-column-header,
.jpui.table .table__fixed-header {
    font-size: .8125rem;
    font-weight: 600;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none;
    line-height: 1.4286
}

@media screen and (min-width:768px) {

    .jpui.table .header-cell,
    .jpui.table .table__fixed-column-header,
    .jpui.table .table__fixed-header {
        font-size: .875rem
    }
}

.jpui.table .header-cell .heading-icon-wrapper:focus,
.jpui.table .table__fixed-column-header .heading-icon-wrapper:focus,
.jpui.table .table__fixed-header .heading-icon-wrapper:focus {
    font-size: .8125rem;
    font-weight: 600;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.table .header-cell .heading-icon-wrapper:focus,
    .jpui.table .table__fixed-column-header .heading-icon-wrapper:focus,
    .jpui.table .table__fixed-header .heading-icon-wrapper:focus {
        font-size: .875rem
    }
}

.jpui.table .cell,
.jpui.table .table__fixed-cell {
    font-size: .8125rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none;
    line-height: 1.4286
}

@media screen and (min-width:768px) {

    .jpui.table .cell,
    .jpui.table .table__fixed-cell {
        font-size: .875rem
    }
}

.jpui.table .cell a,
.jpui.table .cell a:active,
.jpui.table .cell a:hover,
.jpui.table .cell a:visited,
.jpui.table .table__fixed-cell a,
.jpui.table .table__fixed-cell a:active,
.jpui.table .table__fixed-cell a:hover,
.jpui.table .table__fixed-cell a:visited {
    font-size: .8125rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.table .cell a,
    .jpui.table .cell a:active,
    .jpui.table .cell a:hover,
    .jpui.table .cell a:visited,
    .jpui.table .table__fixed-cell a,
    .jpui.table .table__fixed-cell a:active,
    .jpui.table .table__fixed-cell a:hover,
    .jpui.table .table__fixed-cell a:visited {
        font-size: .875rem
    }
}

.jpui.table .table-xs-list-text {
    font-size: .8125rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none;
    line-height: 1.4286
}

@media screen and (min-width:768px) {
    .jpui.table .table-xs-list-text {
        font-size: .875rem
    }
}

.container-fluid:after,
.container-fluid:before,
.row:after,
.row:before {
    display: table;
    content: ' '
}

.container-fluid:after,
.container:after,
.row:after {
    clear: both
}

.show-grid [class^=col-] {
    padding: .375rem;
    background-color: rgba(22, 149, 244, .05);
    border: .375rem solid rgba(22, 149, 244, .1)
}

.jpui.ad .nativetext .content .label,
.jpui.ad .nativetext .title {
    font-size: .875rem;
    font-weight: 600;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.ad .nativetext .content .label,
    .jpui.ad .nativetext .title {
        font-size: 1.25rem;
        font-weight: 300
    }
}

.jpui.ad .nativetext .content .body {
    font-size: .8125rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.ad .nativetext .content .body {
        font-size: .875rem
    }
}

.jpui.ad .nativetext .content .body a,
.jpui.ad .nativetext .content .body a:active,
.jpui.ad .nativetext .content .body a:hover,
.jpui.ad .nativetext .content .body a:visited {
    font-size: .8125rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.ad .nativetext .content .body a,
    .jpui.ad .nativetext .content .body a:active,
    .jpui.ad .nativetext .content .body a:hover,
    .jpui.ad .nativetext .content .body a:visited {
        font-size: .875rem
    }
}

.jpui.ad .nativetext .content i,
.jpui.ad .nativetext .content span.link-anchor {
    font-size: .875rem;
    font-weight: 600;
    color: #666;
    letter-spacing: 0;
    text-decoration: none;
    color: #2f738e
}

.jpui.ad .nativetext .tileHeader {
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: 0;
    text-decoration: none;
    color: #666
}

.jpui.ad .content .label,
.jpui.ad .title {
    font-size: .875rem;
    font-weight: 600;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.ad .content .label,
    .jpui.ad .title {
        font-size: 1.25rem;
        font-weight: 300
    }
}

.jpui.ad .content .body {
    font-size: .8125rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.ad .content .body {
        font-size: .875rem
    }
}

.jpui.ad .content .body a,
.jpui.ad .content .body a:active,
.jpui.ad .content .body a:hover,
.jpui.ad .content .body a:visited {
    font-size: .8125rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.ad .content .body a,
    .jpui.ad .content .body a:active,
    .jpui.ad .content .body a:hover,
    .jpui.ad .content .body a:visited {
        font-size: .875rem
    }
}

.jpui.ad .content i,
.jpui.ad .content span.link-anchor {
    font-size: .875rem;
    font-weight: 600;
    color: #666;
    letter-spacing: 0;
    text-decoration: none;
    color: #2f738e
}

.jpui.ad .tileHeader {
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: 0;
    text-decoration: none;
    color: #666
}

.jpui.ad.explicit .content .label {
    font-size: .875rem;
    font-weight: 600;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.ad.explicit .content .label {
        font-size: 1rem
    }
}

.jpui.ad.explicit .content .body,
.jpui.ad.explicit .content .label {
    color: #fff
}

.jpui.ad.explicit .content .body i,
.jpui.ad.explicit .content .body span.link-anchor,
.jpui.ad.explicit .content .label i,
.jpui.ad.explicit .content .label span.link-anchor {
    color: #fff
}

.jpui.ad.explicit .content .copy i,
.jpui.ad.explicit .content .copy span.link-anchor {
    color: #fff
}

.jpui.ad.accountHeaderImage .tileheader,
.jpui.ad.accountHeaderText .tileheader,
.jpui.ad.paymentsImage .tileheader,
.jpui.ad.paymentsText .tileheader {
    font-size: 1.125rem;
    font-weight: 300;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.ad.accountHeaderImage .product-name,
.jpui.ad.accountHeaderText .product-name,
.jpui.ad.paymentsImage .product-name,
.jpui.ad.paymentsText .product-name {
    font-size: .75rem;
    font-weight: 600;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.ad.accountHeaderImage .label,
.jpui.ad.accountHeaderText .label,
.jpui.ad.paymentsImage .label,
.jpui.ad.paymentsText .label {
    font-size: .75rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.ad.accountHeaderImage .label,
    .jpui.ad.accountHeaderText .label,
    .jpui.ad.paymentsImage .label,
    .jpui.ad.paymentsText .label {
        font-size: 1rem;
        font-weight: 300;
        color: #414042
    }
}

.jpui.ad.accountHeaderImage .body,
.jpui.ad.accountHeaderText .body,
.jpui.ad.paymentsImage .body,
.jpui.ad.paymentsText .body {
    font-size: .75rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.ad.accountHeaderImage .body a,
.jpui.ad.accountHeaderImage .body a:active,
.jpui.ad.accountHeaderImage .body a:hover,
.jpui.ad.accountHeaderImage .body a:visited,
.jpui.ad.accountHeaderText .body a,
.jpui.ad.accountHeaderText .body a:active,
.jpui.ad.accountHeaderText .body a:hover,
.jpui.ad.accountHeaderText .body a:visited,
.jpui.ad.paymentsImage .body a,
.jpui.ad.paymentsImage .body a:active,
.jpui.ad.paymentsImage .body a:hover,
.jpui.ad.paymentsImage .body a:visited,
.jpui.ad.paymentsText .body a,
.jpui.ad.paymentsText .body a:active,
.jpui.ad.paymentsText .body a:hover,
.jpui.ad.paymentsText .body a:visited {
    font-size: .75rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.ad.accountHeaderImage .content i,
.jpui.ad.accountHeaderImage .content span.link-anchor,
.jpui.ad.accountHeaderText .content i,
.jpui.ad.accountHeaderText .content span.link-anchor,
.jpui.ad.paymentsImage .content i,
.jpui.ad.paymentsImage .content span.link-anchor,
.jpui.ad.paymentsText .content i,
.jpui.ad.paymentsText .content span.link-anchor {
    font-size: .8125rem;
    font-weight: 600;
    color: #0b6efd;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:1200px) {

    .jpui.ad.accountHeaderImage .content i,
    .jpui.ad.accountHeaderImage .content span.link-anchor,
    .jpui.ad.accountHeaderText .content i,
    .jpui.ad.accountHeaderText .content span.link-anchor,
    .jpui.ad.paymentsImage .content i,
    .jpui.ad.paymentsImage .content span.link-anchor,
    .jpui.ad.paymentsText .content i,
    .jpui.ad.paymentsText .content span.link-anchor {
        font-size: .875rem
    }
}

.jpui.alert.dark .title,
.jpui.alert.notification .title,
.jpui.alert.success .title {
    font-size: 1.0625rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.alert.dark .message,
.jpui.alert.notification .message,
.jpui.alert.success .message {
    font-size: .8125rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.alert.dark .message,
    .jpui.alert.notification .message,
    .jpui.alert.success .message {
        font-size: .875rem
    }
}

.jpui.alert.dark .message a,
.jpui.alert.dark .message a:active,
.jpui.alert.dark .message a:hover,
.jpui.alert.dark .message a:visited,
.jpui.alert.notification .message a,
.jpui.alert.notification .message a:active,
.jpui.alert.notification .message a:hover,
.jpui.alert.notification .message a:visited,
.jpui.alert.success .message a,
.jpui.alert.success .message a:active,
.jpui.alert.success .message a:hover,
.jpui.alert.success .message a:visited {
    font-size: .875rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.alert.error .title {
    font-size: 1rem;
    font-weight: 300;
    color: #bf2155;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.alert.error .title {
        font-size: 1.0625rem;
        font-weight: 400
    }
}

.jpui.alert.error .message {
    font-size: .8125rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.alert.error .message {
        font-size: .875rem
    }
}

.jpui.alert.error .message a,
.jpui.alert.error .message a:active,
.jpui.alert.error .message a:hover,
.jpui.alert.error .message a:visited {
    font-size: .8125rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.alert.error .message a,
    .jpui.alert.error .message a:active,
    .jpui.alert.error .message a:hover,
    .jpui.alert.error .message a:visited {
        font-size: .875rem
    }
}

.jpui.alert.error .message a,
.jpui.alert.error .message a:active,
.jpui.alert.error .message a:hover,
.jpui.alert.error .message a:visited {
    font-size: .8125rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.alert.error .message a,
    .jpui.alert.error .message a:active,
    .jpui.alert.error .message a:hover,
    .jpui.alert.error .message a:visited {
        font-size: .875rem
    }
}

.jpui.alert.mini-alert.error .title {
    font-size: .75rem;
    font-weight: 400;
    color: #bf2155;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.alert.mini-alert.dark .title {
    font-size: .75rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.alert.primary .inverted.dark .title,
.jpui.alert.primary .inverted.success .title {
    font-size: 1rem;
    font-weight: 300;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.alert.primary .inverted.dark .title,
    .jpui.alert.primary .inverted.success .title {
        font-size: 1.25rem;
        font-weight: 400
    }
}

.jpui.alert.primary .inverted.success.message.jpui.alert.primary .inverted:not(.suppressMessageToggle) {
    font-size: .8125rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.alert.primary .inverted.success.message.jpui.alert.primary .inverted:not(.suppressMessageToggle) {
        font-size: .875rem
    }
}

.jpui.alert.primary .inverted.success.message.jpui.alert.primary .inverted:not(.suppressMessageToggle) a,
.jpui.alert.primary .inverted.success.message.jpui.alert.primary .inverted:not(.suppressMessageToggle) a:active,
.jpui.alert.primary .inverted.success.message.jpui.alert.primary .inverted:not(.suppressMessageToggle) a:hover,
.jpui.alert.primary .inverted.success.message.jpui.alert.primary .inverted:not(.suppressMessageToggle) a:visited {
    font-size: .875rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.alert.primary .inverted.success.message.jpui.alert.primary .inverted:not(.suppressMessageToggle) a,
.jpui.alert.primary .inverted.success.message.jpui.alert.primary .inverted:not(.suppressMessageToggle) a:active,
.jpui.alert.primary .inverted.success.message.jpui.alert.primary .inverted:not(.suppressMessageToggle) a:hover,
.jpui.alert.primary .inverted.success.message.jpui.alert.primary .inverted:not(.suppressMessageToggle) a:visited {
    font-size: .875rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.button .label {
    font-size: 1rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.button.primary .label {
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.button:disabled .label {
    font-size: 1rem;
    font-weight: 400;
    color: #ccc;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.button.tertiary .label {
    font-size: 1rem;
    font-weight: 400;
    color: #666;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.button.tertiary:disabled .label {
    font-size: 1rem;
    font-weight: 400;
    color: #d8d8d8;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.checkbox.error .checkbox-label {
    font-size: .875rem;
    font-weight: 600;
    color: #bf2155;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.checkbox.error .checkbox-label {
        font-size: 1rem
    }
}

.jpui.checkbox.disabled .checkbox-label {
    font-size: .875rem;
    font-weight: 400;
    color: #bcbcbc;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.checkbox.disabled .checkbox-label {
        font-size: 1rem
    }
}

.jpui.checkbox .checkbox-label {
    font-size: .875rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.checkbox .checkbox-label {
        font-size: 1rem
    }
}

.jpui.checkbox .checkbox-label a,
.jpui.checkbox .checkbox-label a:active,
.jpui.checkbox .checkbox-label a:hover,
.jpui.checkbox .checkbox-label a:visited {
    font-size: .875rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.checkbox .checkbox-label a,
    .jpui.checkbox .checkbox-label a:active,
    .jpui.checkbox .checkbox-label a:hover,
    .jpui.checkbox .checkbox-label a:visited {
        font-size: 1rem
    }
}

.jpui.description.list dt {
    font-size: .75rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.description.list dt {
        font-size: .875rem
    }
}

@media (min-width:768px) {
    .jpui.description.list dt {
        font-size: .875rem;
        font-weight: 400;
        color: #717171;
        letter-spacing: 0;
        text-decoration: none
    }
}

@media (min-width:768px) and screen and (min-width:768px) {
    .jpui.description.list dt {
        font-size: 1rem
    }
}

.jpui.description.list dd {
    font-size: .875rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.description.list dd {
        font-size: 1rem
    }
}

.jpui.description.list dd a,
.jpui.description.list dd a:active,
.jpui.description.list dd a:hover,
.jpui.description.list dd a:visited {
    font-size: .875rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.description.list dd a,
    .jpui.description.list dd a:active,
    .jpui.description.list dd a:hover,
    .jpui.description.list dd a:visited {
        font-size: 1rem
    }
}

.jpui.fieldhelpertext {
    font-size: .75rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.fieldhelpertext a,
.jpui.fieldhelpertext a:active,
.jpui.fieldhelpertext a:hover,
.jpui.fieldhelpertext a:visited {
    font-size: .75rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.fieldhelpertext a.link-anchor {
    font-size: .75rem !important
}

.jpui.fieldlabel.vertical {
    font-size: .75rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.fieldlabel.vertical {
        font-size: .875rem
    }
}

.jpui.fieldlabel.vertical.error {
    font-size: .75rem;
    font-weight: 600;
    color: #bf2155;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.fieldlabel.vertical.error {
        font-size: .875rem
    }
}

.jpui.fieldlabel.horizontal {
    font-size: .875rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.fieldlabel.horizontal {
        font-size: 1rem
    }
}

.jpui.fieldlabel.horizontal.error {
    font-size: .875rem;
    font-weight: 600;
    color: #bf2155;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.fieldlabel.horizontal.error {
        font-size: 1rem
    }
}

.pl-mod-example .grid .column {
    background-color: rgba(86, 61, 124, .2)
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 12px;
    padding-right: 12px
}

@media (min-width:768px) {
    .container {
        width: 744px
    }
}

@media (min-width:992px) {
    .container {
        width: 964px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1164px
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 12px;
    padding-right: 12px;
    max-width: 1440px
}

.row {
    margin-left: -12px;
    margin-right: -12px
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: .0625rem;
    padding-left: 12px;
    padding-right: 12px
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width:768px) {

    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width:992px) {

    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1200px) {

    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

.header {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: #666
}

.header.inverted {
    color: #fff
}

.header.lg,
.header.md,
.header.sm {
    margin-top: 1.25rem;
    margin-bottom: .625rem
}

.header.lg {
    font-size: 2rem
}

@media (min-width:768px) {
    .header.lg {
        font-size: 1.5rem
    }
}

@media (min-width:992px) {
    .header.lg {
        font-size: 1.625rem
    }
}

@media (min-width:1200px) {
    .header.lg {
        font-size: 2rem
    }
}

.header.md {
    font-size: 1.5rem
}

@media (min-width:768px) {
    .header.md {
        font-size: 1.25rem
    }
}

@media (min-width:992px) {
    .header.md {
        font-size: 1.5rem
    }
}

@media (min-width:1200px) {
    .header.md {
        font-size: 1.75rem
    }
}

.header.sm {
    font-size: 1.2rem
}

@media (min-width:768px) {
    .header.sm {
        font-size: 1.125rem
    }
}

@media (min-width:992px) {
    .header.sm {
        font-size: 1.25rem
    }
}

@media (min-width:1200px) {
    .header.sm {
        font-size: 1.5rem
    }
}

.header.xs {
    font-size: 1rem
}

@media (min-width:768px) {
    .header.xs {
        font-size: .875rem
    }
}

@media (min-width:992px) {
    .header.xs {
        font-size: 1rem
    }
}

@media (min-width:1200px) {
    .header.xs {
        font-size: 1.125rem
    }
}

h2.step {
    font-weight: 100
}

@media (min-width:768px) {
    h2.step {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }
}

@media (min-width:1200px) {
    h2.step {
        margin-top: 3rem;
        margin-bottom: 2.5rem
    }
}

@media (min-width:768px) {
    h2.step.dropdown {
        margin-top: 1rem;
        margin-bottom: 1rem
    }
}

@media (min-width:1200px) {
    h2.step.dropdown {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }
}

.jpui.heroheader .heroheader__title {
    font-size: 1.5rem;
    font-weight: 300;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.heroheader .heroheader__regularFont {
    font-size: 1.5rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none;
    margin-left: .25rem
}

.jpui.heroheader .heroheader__title--with-icon {
    font-size: 1rem;
    font-weight: 300;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.heroheader .heroheader__title--with-icon {
        font-size: 1.25rem;
        font-weight: 400
    }
}

.jpui.heroheader .heroheader__message {
    font-size: .8125rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.heroheader .heroheader__message {
        font-size: .875rem
    }
}

.jpui.heroheader .heroheader__message a,
.jpui.heroheader .heroheader__message a:active,
.jpui.heroheader .heroheader__message a:hover,
.jpui.heroheader .heroheader__message a:visited {
    font-size: .875rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.heroheader .heroheader__note {
    font-size: .75rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.heroheader .heroheader__note a,
.jpui.heroheader .heroheader__note a:active,
.jpui.heroheader .heroheader__note a:hover,
.jpui.heroheader .heroheader__note a:visited {
    font-size: .75rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.inlinemodalheader .title {
    font-size: 1.5rem;
    font-weight: 300;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.inlinemodalheader .title {
        font-size: 1.625rem
    }
}

.jpui.inlinemodalheader.classic .title {
    font-size: 1.5rem;
    font-weight: 300;
    color: #666;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.inlinemodalheader.classic .title {
        font-size: 1.625rem
    }
}

.jpui.inlinemodalheader.blue .title {
    font-size: 1.5rem;
    font-weight: 300;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.inlinemodalheader.blue .title {
        font-size: 1.625rem
    }
}

@media (max-width:767px) {
    .jpui.inlinemodalheader.blue .title {
        font-size: 1.25rem;
        font-weight: 300;
        color: #414042;
        letter-spacing: 0;
        text-decoration: none;
        color: #fff
    }
}

@media (max-width:767px) and screen and (min-width:768px) {
    .jpui.inlinemodalheader.blue .title {
        font-size: 1.375rem;
        font-weight: 400
    }
}

@media (max-width:767px) {
    .jpui.inlinemodalheader.blue .title .secondary-text {
        font-size: .8125rem;
        font-weight: 400;
        color: #717171;
        letter-spacing: 0;
        text-decoration: none;
        color: #fff
    }
}

@media (max-width:767px) and screen and (min-width:768px) {
    .jpui.inlinemodalheader.blue .title .secondary-text {
        font-size: .875rem
    }
}

#allasso .validation__accessible-text {
    display: none
}

.jpui.input {
    font-size: .875rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.input {
        font-size: 1rem;
        color: #414042
    }
}

.jpui.input:disabled {
    font-size: .875rem;
    font-weight: 400;
    color: #bcbcbc;
    letter-spacing: 0;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (min-width:768px) {
    .jpui.input:disabled {
        font-size: 1rem
    }
}

.jpui.label {
    font-size: .8125rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none;
    color: rgba(0, 0, 0, .65)
}

@media screen and (min-width:768px) {
    .jpui.label {
        font-size: .875rem
    }
}

.jpui.label.error .label-outline,
.jpui.label.info .label-outline,
.jpui.label.success .label-outline {
    color: #fff
}

.jpui.label.error:active,
.jpui.label.error:hover,
.jpui.label.error:link,
.jpui.label.error:visited,
.jpui.label.info:active,
.jpui.label.info:hover,
.jpui.label.info:link,
.jpui.label.info:visited,
.jpui.label.success:active,
.jpui.label.success:hover,
.jpui.label.success:link,
.jpui.label.success:visited {
    color: #fff
}

.jpui.label.info.inverted .label-outline {
    color: #126bc5
}

.jpui.label.info.inverted:active,
.jpui.label.info.inverted:hover,
.jpui.label.info.inverted:link,
.jpui.label.info.inverted:visited {
    color: #126bc5
}

.jpui.label.success.inverted .label-outline {
    color: #128842
}

.jpui.label.success.inverted:active,
.jpui.label.success.inverted:hover,
.jpui.label.success.inverted:link,
.jpui.label.success.inverted:visited {
    color: #128842
}

.jpui.label.error.inverted .label-outline {
    color: #bf2155
}

.jpui.label.error.inverted:active,
.jpui.label.error.inverted:hover,
.jpui.label.error.inverted:link,
.jpui.label.error.inverted:visited {
    color: #bf2155
}

.jpui.link {
    font-size: .8125rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.link {
        font-size: .875rem
    }
}

.jpui.link .link-anchor {
    font-size: .8125rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.link .link-anchor {
        font-size: .875rem
    }
}

.jpui.link .link-anchor.disabled {
    font-size: .8125rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none;
    color: #ccc;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (min-width:768px) {
    .jpui.link .link-anchor.disabled {
        font-size: .875rem
    }
}

.jpui.list .labelContainer {
    font-size: .875rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.list .labelContainer {
        font-size: 1rem
    }
}

.jpui.list .listContainer {
    font-size: .875rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.list .listContainer {
        font-size: 1rem
    }
}

.jpui.list .listContainer a,
.jpui.list .listContainer a:active,
.jpui.list .listContainer a:hover,
.jpui.list .listContainer a:visited {
    font-size: .875rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.list .listContainer a,
    .jpui.list .listContainer a:active,
    .jpui.list .listContainer a:hover,
    .jpui.list .listContainer a:visited {
        font-size: 1rem
    }
}

p {
    font-size: .6em
}

.jpui.radiobutton input[type=radio]:disabled~label {
    font-size: .875rem;
    font-weight: 400;
    color: #bcbcbc;
    letter-spacing: 0;
    text-decoration: none;
    color: #000
}

@media screen and (min-width:768px) {
    .jpui.radiobutton input[type=radio]:disabled~label {
        font-size: 1rem
    }
}

.jpui.radiobutton .radiobutton-label {
    font-size: .875rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.radiobutton .radiobutton-label {
        font-size: 1rem
    }
}

.jpui.radiobutton .radiobutton-label a,
.jpui.radiobutton .radiobutton-label a:active,
.jpui.radiobutton .radiobutton-label a:hover,
.jpui.radiobutton .radiobutton-label a:visited {
    font-size: .875rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.radiobutton .radiobutton-label a,
    .jpui.radiobutton .radiobutton-label a:active,
    .jpui.radiobutton .radiobutton-label a:hover,
    .jpui.radiobutton .radiobutton-label a:visited {
        font-size: 1rem
    }
}

.jpui.radiobutton .radiobutton-label.error .radiobutton-label-content {
    font-size: .875rem;
    font-weight: 600;
    color: #bf2155;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.radiobutton .radiobutton-label.error .radiobutton-label-content {
        font-size: 1rem
    }
}

.jpui.radiobutton .radiobutton-label .radiobutton-label-content {
    font-size: .875rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.radiobutton .radiobutton-label .radiobutton-label-content {
        font-size: 1rem
    }
}

.jpui.radiobutton .radiobutton-label .radiobutton-label-content a,
.jpui.radiobutton .radiobutton-label .radiobutton-label-content a:active,
.jpui.radiobutton .radiobutton-label .radiobutton-label-content a:hover,
.jpui.radiobutton .radiobutton-label .radiobutton-label-content a:visited {
    font-size: .875rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.radiobutton .radiobutton-label .radiobutton-label-content a,
    .jpui.radiobutton .radiobutton-label .radiobutton-label-content a:active,
    .jpui.radiobutton .radiobutton-label .radiobutton-label-content a:hover,
    .jpui.radiobutton .radiobutton-label .radiobutton-label-content a:visited {
        font-size: 1rem
    }
}

.jpui.radiobutton .alternate {
    font-size: .875rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.radiobutton .alternate {
        font-size: 1rem;
        color: #414042
    }
}

.jpui.select {
    font-size: .875rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.select {
        font-size: 1rem;
        color: #414042
    }
}

.jpui.segmentedradiogroup .segmentedradiogroup-label {
    font-size: .75rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.segmentedradiogroup .segmentedradiogroup-label {
        font-size: .875rem
    }
}

.jpui.segmentedradiogroup input[type=radio]~label.input-label {
    font-size: .875rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.segmentedradiogroup input[type=radio]~label.input-label {
        font-size: 1rem;
        color: #414042
    }
}

.jpui.segmentedradiogroup input[type=radio]:disabled~label.input-label {
    font-size: .875rem;
    font-weight: 400;
    color: #bcbcbc;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.segmentedradiogroup input[type=radio]:disabled~label.input-label {
        font-size: 1rem
    }
}

.jpui.segmentedradiogroup input[type=radio]:checked~label.input-label {
    font-size: .875rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.segmentedradiogroup input[type=radio]:checked~label.input-label {
        font-size: 1rem
    }
}

.jpui.segmentedradiogroup input[type=radio]:active:not(:disabled)~label.input-label {
    font-size: .875rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.segmentedradiogroup input[type=radio]:active:not(:disabled)~label.input-label {
        font-size: 1rem
    }
}

.jpui.skiplink .label {
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none;
    color: #126bc5
}

.jpui.gallery a.gallery-header {
    font-size: .8125rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.gallery a.gallery-header {
        font-size: .875rem
    }
}

.jpui.gallery p {
    font-size: .8125rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.gallery p {
        font-size: .875rem
    }
}

.jpui.gallery p a,
.jpui.gallery p a:active,
.jpui.gallery p a:hover,
.jpui.gallery p a:visited {
    font-size: .8125rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.gallery p a,
    .jpui.gallery p a:active,
    .jpui.gallery p a:hover,
    .jpui.gallery p a:visited {
        font-size: .875rem
    }
}

.jpui.accordion .accordion__header .display {
    font-size: .875rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.accordion .accordion__header .display {
        font-size: 1rem
    }
}

.jpui.accordion .accordion__header .display a,
.jpui.accordion .accordion__header .display a:active,
.jpui.accordion .accordion__header .display a:hover,
.jpui.accordion .accordion__header .display a:visited {
    font-size: .875rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.accordion .accordion__header .display a,
    .jpui.accordion .accordion__header .display a:active,
    .jpui.accordion .accordion__header .display a:hover,
    .jpui.accordion .accordion__header .display a:visited {
        font-size: 1rem
    }
}

.jpui.accordion .secondaryText {
    font-size: .75rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.accordion .secondaryText a,
.jpui.accordion .secondaryText a:active,
.jpui.accordion .secondaryText a:hover,
.jpui.accordion .secondaryText a:visited {
    font-size: .75rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.accordion.opensided .accordion__header .display {
    font-size: 1.25rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.accordion.accordion--borderless-notedark .display {
    font-size: .75rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.accordion.accordion--borderless-notedark .blockContainer {
    font-size: .75rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.accordion.accordion--borderless-notedark .blockContainer a,
.jpui.accordion.accordion--borderless-notedark .blockContainer a:active,
.jpui.accordion.accordion--borderless-notedark .blockContainer a:hover,
.jpui.accordion.accordion--borderless-notedark .blockContainer a:visited {
    font-size: .75rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.accordion.accordion--borderless-notedarkbold .display {
    font-size: .75rem;
    font-weight: 600;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.accordion.accordion--borderless-notedarkbold .blockContainer {
    font-size: .75rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.accordion.accordion--borderless-bodylabel .display {
    font-size: .8125rem;
    font-weight: 600;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.accordion.accordion--borderless-bodylabel .display {
        font-size: .875rem
    }
}

.jpui.accordion.accordion--borderless-bodylabel .blockContainer {
    font-size: .8125rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.accordion.accordion--borderless-bodylabel .blockContainer {
        font-size: .875rem
    }
}

.jpui.accordion.accordion--borderless-bodylabel .blockContainer a,
.jpui.accordion.accordion--borderless-bodylabel .blockContainer a:active,
.jpui.accordion.accordion--borderless-bodylabel .blockContainer a:hover,
.jpui.accordion.accordion--borderless-bodylabel .blockContainer a:visited {
    font-size: .8125rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.accordion.accordion--borderless-bodylabel .blockContainer a,
    .jpui.accordion.accordion--borderless-bodylabel .blockContainer a:active,
    .jpui.accordion.accordion--borderless-bodylabel .blockContainer a:hover,
    .jpui.accordion.accordion--borderless-bodylabel .blockContainer a:visited {
        font-size: .875rem
    }
}

.jpui.accordion.accordion--borderless-databold .display {
    font-size: .875rem;
    font-weight: 600;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.accordion.accordion--borderless-databold .display {
        font-size: 1rem
    }
}

.jpui.accordion.accordion--borderless-databold .blockContainer {
    font-size: .8125rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.accordion.accordion--borderless-databold .blockContainer {
        font-size: .875rem
    }
}

.jpui.accordion.accordion--borderless-databold .blockContainer a,
.jpui.accordion.accordion--borderless-databold .blockContainer a:active,
.jpui.accordion.accordion--borderless-databold .blockContainer a:hover,
.jpui.accordion.accordion--borderless-databold .blockContainer a:visited {
    font-size: .8125rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.accordion.accordion--borderless-databold .blockContainer a,
    .jpui.accordion.accordion--borderless-databold .blockContainer a:active,
    .jpui.accordion.accordion--borderless-databold .blockContainer a:hover,
    .jpui.accordion.accordion--borderless-databold .blockContainer a:visited {
        font-size: .875rem
    }
}

.jpui.carousel .carousel-content-text-xs {
    font-size: .8125rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none;
    color: #3d3734
}

@media screen and (min-width:768px) {
    .jpui.carousel .carousel-content-text-xs {
        font-size: .875rem
    }
}

.jpui.carousel .carousel-content-text-xs a,
.jpui.carousel .carousel-content-text-xs a:active,
.jpui.carousel .carousel-content-text-xs a:hover,
.jpui.carousel .carousel-content-text-xs a:visited {
    font-size: .8125rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.carousel .carousel-content-text-xs a,
    .jpui.carousel .carousel-content-text-xs a:active,
    .jpui.carousel .carousel-content-text-xs a:hover,
    .jpui.carousel .carousel-content-text-xs a:visited {
        font-size: .875rem
    }
}

.jpui.carousel .carousel-content-link {
    font-size: .8125rem;
    font-weight: 400;
    letter-spacing: 0;
    text-decoration: none;
    color: #126bc5
}

@media (min-width:768px) {
    .jpui.carousel .carousel-content-link {
        font-size: 1rem
    }
}

@media screen and (min-width:768px) {
    .jpui.carousel .carousel-content-link {
        font-size: .875rem
    }
}

.jpui.chart .pie-container .table .header-row {
    font-size: .8125rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.chart .pie-container .table .header-row {
        font-size: .875rem
    }
}

.jpui.chart .pie-container .table .content-row {
    font-size: .8125rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.chart .pie-container .table .content-row {
        font-size: .875rem
    }
}

.jpui.chart .pie-container .table .content-row a,
.jpui.chart .pie-container .table .content-row a:active,
.jpui.chart .pie-container .table .content-row a:hover,
.jpui.chart .pie-container .table .content-row a:visited {
    font-size: .8125rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.chart .pie-container .table .content-row a,
    .jpui.chart .pie-container .table .content-row a:active,
    .jpui.chart .pie-container .table .content-row a:hover,
    .jpui.chart .pie-container .table .content-row a:visited {
        font-size: .875rem
    }
}

.jpui.datepicker .input.datepickerAndroidDisabledInputs {
    font-size: .875rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.datepicker .input.datepickerAndroidDisabledInputs {
        font-size: 1rem;
        color: #414042
    }
}

.jpui.draganddrop .text {
    font-size: .875rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.draganddrop .text {
        font-size: 1rem;
        color: #414042
    }
}

.jpui.draganddrop .droptarget .text {
    font-size: .875rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.draganddrop .droptarget .text {
        font-size: 1rem
    }
}

.jpui.dropdown .group-container>.group-title,
.jpui.dropdown .option>.primary {
    font-size: .875rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.dropdown .group-container>.group-title,
    .jpui.dropdown .option>.primary {
        font-size: 1rem
    }
}

.jpui.dropdown.dark .input {
    font-size: .8125rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.dropdown.dark .input {
        font-size: .875rem
    }
}

.jpui.dropdown.dark .input:hover {
    font-weight: 600
}

.jpui.dropdown.dark .list-container .list .group-title {
    font-size: .875rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.dropdown.dark .list-container .list .group-title {
        font-size: 1rem
    }
}

.jpui.dropdown.dark .list-container .list .group-title:hover {
    font-size: .875rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.dropdown.dark .list-container .list .group-title:hover {
        font-size: 1rem
    }
}

.jpui.dropdown.dark ul .group-container .dropdown-option .primary {
    font-size: .875rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.dropdown.dark ul .group-container .dropdown-option .primary {
        font-size: 1rem
    }
}

.jpui.dropdown.dark ul .group-container .dropdown-option .primary:active {
    font-size: .875rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.dropdown.dark ul .group-container .dropdown-option .primary:active {
        font-size: 1rem
    }
}

.jpui.dropdown.dark .option.dropdown-option .primary {
    font-size: .875rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.dropdown.dark .option.dropdown-option .primary {
        font-size: 1rem
    }
}

.jpui.dropdown.dark .option .primary:active {
    font-size: .875rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.dropdown.dark .option .primary:active {
        font-size: 1rem
    }
}

.jpui.dropdown.navigation .header-text {
    font-size: 1.25rem;
    font-weight: 300;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.dropdown.navigation .header-text {
        font-size: 1.5rem
    }
}

.jpui.dropdown.addButton .header-text {
    font-size: .875rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.dropdown.addButton .header-text {
        font-size: 1rem
    }
}

.jpui.dropdown.addButton.disabled .header-text {
    font-size: .875rem;
    font-weight: 400;
    color: #bcbcbc;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.dropdown.addButton.disabled .header-text {
        font-size: 1rem
    }
}

.jpui.dropdown .list-container--max-height:not(.list-container--touch-screen) .group-title,
.jpui.dropdown .list-container--max-height:not(.list-container--touch-screen) .primary {
    font-size: .875rem
}

.jpui.dropdownchip .header-text {
    color: #126bc5
}

.jpui.dropdownchip .icon {
    color: #126bc5
}

.jpui.messagebox .messagebox__title {
    font-size: 1.25rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.messagebox .messagebox__content {
    font-size: .8125rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.messagebox .messagebox__content {
        font-size: .875rem
    }
}

.jpui.messagebox .messagebox__content a,
.jpui.messagebox .messagebox__content a:active,
.jpui.messagebox .messagebox__content a:hover,
.jpui.messagebox .messagebox__content a:visited {
    font-size: .8125rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.messagebox .messagebox__content a,
    .jpui.messagebox .messagebox__content a:active,
    .jpui.messagebox .messagebox__content a:hover,
    .jpui.messagebox .messagebox__content a:visited {
        font-size: .875rem
    }
}

.jpui.modal.chartModal .tableTitle {
    font-size: 1rem;
    font-weight: 300;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.modal.chartModal .tableTitle {
        font-size: 1.25rem;
        font-weight: 400
    }
}

.jpui.modal.chartModal .tableDescription {
    font-size: .8125rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.modal.chartModal .tableDescription {
        font-size: .875rem
    }
}

.jpui.modal.chartModal .tableDescription a,
.jpui.modal.chartModal .tableDescription a:active,
.jpui.modal.chartModal .tableDescription a:hover,
.jpui.modal.chartModal .tableDescription a:visited {
    font-size: .875rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.modal.chartModal .summary-header {
    font-size: .8125rem;
    font-weight: 600;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.modal.chartModal .summary-header {
        font-size: .875rem
    }
}

.jpui.modal.chartModal .chartTableTitle {
    font-size: .8125rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.modal.chartModal .chartTableTitle {
        font-size: .875rem
    }
}

.jpui.modal.chartModal .chartTableTitle a,
.jpui.modal.chartModal .chartTableTitle a:active,
.jpui.modal.chartModal .chartTableTitle a:hover,
.jpui.modal.chartModal .chartTableTitle a:visited {
    font-size: .875rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.modal.chartModal .chartDataTitle {
    font-size: .8125rem;
    font-weight: 600;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.modal.chartModal .chartDataTitle {
        font-size: .875rem
    }
}

.jpui.modal .dialogTitle,
.jpui.modal .modal-title {
    font-size: 1rem;
    font-weight: 300;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.modal .dialogTitle,
    .jpui.modal .modal-title {
        font-size: 1.25rem;
        font-weight: 400
    }
}

.jpui.modal .additionalDialogContent,
.jpui.modal .dialogMessage {
    font-size: .875rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.modal .additionalDialogContent,
    .jpui.modal .dialogMessage {
        font-size: 1rem
    }
}

.jpui.modal .additionalDialogContent li,
.jpui.modal .additionalDialogContent p,
.jpui.modal .additionalDialogContent table,
.jpui.modal .dialogMessage li,
.jpui.modal .dialogMessage p,
.jpui.modal .dialogMessage table {
    font-size: .875rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.modal .additionalDialogContent li,
    .jpui.modal .additionalDialogContent p,
    .jpui.modal .additionalDialogContent table,
    .jpui.modal .dialogMessage li,
    .jpui.modal .dialogMessage p,
    .jpui.modal .dialogMessage table {
        font-size: 1rem
    }
}

.jpui.modal .table-xs-descriptionlist {
    font-size: .8125rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.modal .table-xs-descriptionlist {
        font-size: .875rem
    }
}

.jpui.modal .table-xs-descriptionlist a,
.jpui.modal .table-xs-descriptionlist a:active,
.jpui.modal .table-xs-descriptionlist a:hover,
.jpui.modal .table-xs-descriptionlist a:visited {
    font-size: .8125rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.modal .table-xs-descriptionlist a,
    .jpui.modal .table-xs-descriptionlist a:active,
    .jpui.modal .table-xs-descriptionlist a:hover,
    .jpui.modal .table-xs-descriptionlist a:visited {
        font-size: .875rem
    }
}

.jpui.multiselect .multiselect__title {
    font-size: .75rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.multiselect .multiselect__title {
        font-size: .875rem
    }
}

.jpui.multiselect .multiselect__control-selected-item {
    font-size: .875rem;
    font-weight: 400;
    color: #666;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.multiselect .multiselect__control-search,
.jpui.multiselect .multiselect__ruler {
    font-size: .875rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.multiselect .multiselect__control-search,
    .jpui.multiselect .multiselect__ruler {
        font-size: 1rem;
        color: #414042
    }
}

.jpui.multiselect .multiselect__menu-option {
    font-size: .875rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.multiselect .multiselect__menu-option {
        font-size: 1rem
    }
}

.jpui.multiselect .multiselect__menu-option a,
.jpui.multiselect .multiselect__menu-option a:active,
.jpui.multiselect .multiselect__menu-option a:hover,
.jpui.multiselect .multiselect__menu-option a:visited {
    font-size: .875rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.multiselect .multiselect__menu-option a,
    .jpui.multiselect .multiselect__menu-option a:active,
    .jpui.multiselect .multiselect__menu-option a:hover,
    .jpui.multiselect .multiselect__menu-option a:visited {
        font-size: 1rem
    }
}

.jpui.starrating .rating .legend {
    font-size: .8125rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.starrating .rating .legend {
        font-size: .875rem
    }
}

.jpui.starrating .rating .legend a,
.jpui.starrating .rating .legend a:active,
.jpui.starrating .rating .legend a:hover,
.jpui.starrating .rating .legend a:visited {
    font-size: .8125rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.starrating .rating .legend a,
    .jpui.starrating .rating .legend a:active,
    .jpui.starrating .rating .legend a:hover,
    .jpui.starrating .rating .legend a:visited {
        font-size: .875rem
    }
}

.jpui.styledselect .js-input {
    font-size: .875rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.styledselect .js-input {
        font-size: 1rem;
        color: #414042
    }
}

.jpui.styledselect .option {
    font-size: .875rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.styledselect .option {
        font-size: 1rem
    }
}

.jpui.styledselect .option a,
.jpui.styledselect .option a:active,
.jpui.styledselect .option a:hover,
.jpui.styledselect .option a:visited {
    font-size: .875rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.styledselect .option a,
    .jpui.styledselect .option a:active,
    .jpui.styledselect .option a:hover,
    .jpui.styledselect .option a:visited {
        font-size: 1rem
    }
}

.jpui.styledselect .option.disabledOption {
    color: #bcbcbc
}

.jpui.tabs a {
    font-size: .8125rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.tabs a {
        font-size: .875rem
    }
}

.jpui.tabs a.active {
    font-size: .8125rem;
    font-weight: 600;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.tabs a.active {
        font-size: .875rem
    }
}

.jpui.toggleswitch {
    font-size: .875rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.toggleswitch {
        font-size: 1rem
    }
}

.jpui.toggleswitch a,
.jpui.toggleswitch a:active,
.jpui.toggleswitch a:hover,
.jpui.toggleswitch a:visited {
    font-size: .875rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.toggleswitch a,
    .jpui.toggleswitch a:active,
    .jpui.toggleswitch a:hover,
    .jpui.toggleswitch a:visited {
        font-size: 1rem
    }
}

.jpui.toggleswitch input[type=checkbox]+label div:before {
    font-size: .875rem;
    font-weight: 400;
    color: #717171
}

.jpui.toggleswitch input[type=checkbox]:checked+label div:before {
    font-size: .875rem;
    font-weight: 400;
    color: #717171
}

.show-xs {
    display: inherit !important
}

.hide-xs {
    display: none !important
}

@media (min-width:768px) {
    .show-sm {
        display: inherit !important
    }

    .hide-sm {
        display: none !important
    }
}

@media (min-width:992px) {
    .show-md {
        display: inherit !important
    }

    .hide-md {
        display: none !important
    }
}

@media (min-width:1200px) {
    .show-lg {
        display: inherit !important
    }

    .hide-lg {
        display: none !important
    }
}

@media (min-width:0px) and (max-width:767px) {
    .clear-left-xs {
        clear: left
    }
}

@media (min-width:768px) and (max-width:991px) {
    .clear-left-sm {
        clear: left
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .clear-left-md {
        clear: left
    }
}

@media (min-width:1200px) {
    .clear-left-lg {
        clear: left
    }
}

@media (max-width:767px) {
    .full-width-xs {
        display: block !important;
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .full-width-sm {
        display: block !important;
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .full-width-md {
        display: block !important;
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:1200px) {
    .full-width-lg {
        display: block !important;
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

#allasso .right.align {
    float: right
}

#allasso .clearfix:after,
#allasso .clearfix:before,
#allasso .container-fluid:after,
#allasso .container-fluid:before,
#allasso .container:after,
#allasso .container:before,
#allasso .row:after,
#allasso .row:before {
    content: '';
    display: table
}

#allasso .clearfix:after,
#allasso .container-fluid:after,
#allasso .container:after,
#allasso .row:after {
    clear: both
}

.util.accessible-text,
[accessibleText=true] {
    position: absolute !important;
    clip: rect(.0625rem .0625rem .0625rem .0625rem);
    clip: rect(.0625rem, .0625rem, .0625rem, .0625rem);
    padding: 0 !important;
    border: 0 !important;
    height: .0625rem !important;
    width: .0625rem !important;
    overflow: hidden
}

.util.accessible-text a,
.util.accessible-text a:active,
.util.accessible-text a:focus,
.util.accessible-text a:hover,
.util.accessible-text a:link,
.util.accessible-text a:visited,
[accessibleText=true] a,
[accessibleText=true] a:active,
[accessibleText=true] a:focus,
[accessibleText=true] a:hover,
[accessibleText=true] a:link,
[accessibleText=true] a:visited {
    position: absolute !important;
    clip: rect(.0625rem .0625rem .0625rem .0625rem);
    clip: rect(.0625rem, .0625rem, .0625rem, .0625rem);
    padding: 0 !important;
    border: 0 !important;
    height: .0625rem !important;
    width: .0625rem !important;
    overflow: hidden
}

.util.hidden-offscreen {
    position: absolute;
    left: -625rem;
    top: auto;
    width: .0625rem;
    height: .0625rem;
    overflow: hidden
}

.util.hidden-offscreen a,
.util.hidden-offscreen a:active,
.util.hidden-offscreen a:focus,
.util.hidden-offscreen a:hover,
.util.hidden-offscreen a:link,
.util.hidden-offscreen a:visited {
    position: absolute;
    left: -625rem;
    top: auto;
    width: .0625rem;
    height: .0625rem;
    overflow: hidden
}

.util.small {
    font-size: .5rem !important
}

.util.medium {
    font-size: 1rem !important
}

.util.large {
    font-size: 1.5rem !important
}

.util.xlarge {
    font-size: 2rem !important
}

.util.uppercase {
    text-transform: uppercase
}

.util.lowercase {
    text-transform: lowercase
}

.util.capitalize {
    text-transform: capitalize
}

.util.aligned.left {
    text-align: left
}

.util.aligned.center {
    text-align: center
}

.util.aligned.right {
    text-align: right
}

.util.aligned.justify {
    text-align: justify
}

.util.hidden {
    display: none !important;
    visibility: hidden !important
}

.util.focus :focus {
    outline: 0
}

.util.focus :focus.focus:focus:focus {
    outline: .0625rem dashed #717171
}

.util.focus :focus.focus:focus.onDark:focus:focus {
    outline: .0625rem dashed #fff
}

.util.focus :focus.focus:focus.onLight:focus:focus {
    outline: .0625rem dashed #717171
}

.util.focus :focus.focus:focus.whiteOutline:focus:focus {
    outline: .0625rem dashed #fff
}

.util.focus :focus.focus:focus.innerWhiteOutline:focus.is-focused,
.util.focus :focus.focus:focus.innerWhiteOutline:focus:focus {
    outline: 0;
    position: relative
}

.util.focus :focus.focus:focus.innerWhiteOutline:focus.is-focused:after,
.util.focus :focus.focus:focus.innerWhiteOutline:focus:focus:after {
    border: .0625rem dashed #fff;
    border-radius: 0;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none
}

.util.focus a:focus:focus {
    outline: .0625rem dashed #717171
}

.util.clearfix:after,
.util.clearfix:before,
.util.container-fluid:after,
.util.container-fluid:before,
.util.container:after,
.util.container:before,
.util.row:after,
.util.row:before {
    content: '';
    display: table
}

.util.clearfix:after,
.util.container-fluid:after,
.util.container:after,
.util.row:after {
    clear: both
}

.util.cursor-pointer:hover {
    cursor: pointer
}

#printArea {
    display: none
}

@media print {
    * {
        border-color: #000 !important;
        color: #000;
        transition: none !important
    }

    .jpui:not(.chart) * {
        transform: scale(1, 1) !important;
        opacity: 1 !important
    }

    #printArea {
        display: block !important
    }

    .util.print-docViewer>:not(#printArea) {
        display: none
    }

    .util.print-hide {
        display: none !important
    }

    .util.print-hide-visibility {
        visibility: hidden
    }

    .util.print-show-block {
        display: block !important
    }

    .util.print-show-inline {
        display: inline !important
    }

    .util.print-show-inline-block {
        display: inline-block !important
    }

    .util.print-width-100-percent {
        width: 100% !important
    }

    .util.print-color {
        color: #000 !important
    }

    .util.print-border-none {
        border: 0 !important
    }

    .util.print-text-align-left {
        text-align: left !important
    }

    .util.print-background-none {
        background: 0 0 !important
    }

    .util.print-position-initial {
        position: initial;
        top: 0 !important;
        transform: translateY(0)
    }

    .util.print-height-auto {
        height: auto !important
    }

    .util.print-nomargin {
        margin: 0 !important
    }
}

@media print and (min-width:0) {

    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left !important
    }

    .col-sm-12 {
        width: 100% !important
    }

    .col-sm-11 {
        width: 91.66666667% !important
    }

    .col-sm-10 {
        width: 83.33333333% !important
    }

    .col-sm-9 {
        width: 75% !important
    }

    .col-sm-8 {
        width: 66.66666667% !important
    }

    .col-sm-7 {
        width: 58.33333333% !important
    }

    .col-sm-6 {
        width: 50% !important
    }

    .col-sm-5 {
        width: 41.66666667% !important
    }

    .col-sm-4 {
        width: 33.33333333% !important
    }

    .col-sm-3 {
        width: 25% !important
    }

    .col-sm-2 {
        width: 16.66666667% !important
    }

    .col-sm-1 {
        width: 8.33333333% !important
    }

    .col-sm-pull-12 {
        right: 100% !important
    }

    .col-sm-pull-11 {
        right: 91.66666667% !important
    }

    .col-sm-pull-10 {
        right: 83.33333333% !important
    }

    .col-sm-pull-9 {
        right: 75% !important
    }

    .col-sm-pull-8 {
        right: 66.66666667% !important
    }

    .col-sm-pull-7 {
        right: 58.33333333% !important
    }

    .col-sm-pull-6 {
        right: 50% !important
    }

    .col-sm-pull-5 {
        right: 41.66666667% !important
    }

    .col-sm-pull-4 {
        right: 33.33333333% !important
    }

    .col-sm-pull-3 {
        right: 25% !important
    }

    .col-sm-pull-2 {
        right: 16.66666667% !important
    }

    .col-sm-pull-1 {
        right: 8.33333333% !important
    }

    .col-sm-pull-0 {
        right: auto !important
    }

    .col-sm-push-12 {
        left: 100% !important
    }

    .col-sm-push-11 {
        left: 91.66666667% !important
    }

    .col-sm-push-10 {
        left: 83.33333333% !important
    }

    .col-sm-push-9 {
        left: 75% !important
    }

    .col-sm-push-8 {
        left: 66.66666667% !important
    }

    .col-sm-push-7 {
        left: 58.33333333% !important
    }

    .col-sm-push-6 {
        left: 50% !important
    }

    .col-sm-push-5 {
        left: 41.66666667% !important
    }

    .col-sm-push-4 {
        left: 33.33333333% !important
    }

    .col-sm-push-3 {
        left: 25% !important
    }

    .col-sm-push-2 {
        left: 16.66666667% !important
    }

    .col-sm-push-1 {
        left: 8.33333333% !important
    }

    .col-sm-push-0 {
        left: auto !important
    }

    .col-sm-offset-12 {
        margin-left: 100% !important
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667% !important
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333% !important
    }

    .col-sm-offset-9 {
        margin-left: 75% !important
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667% !important
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333% !important
    }

    .col-sm-offset-6 {
        margin-left: 50% !important
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667% !important
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333% !important
    }

    .col-sm-offset-3 {
        margin-left: 25% !important
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667% !important
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333% !important
    }

    .col-sm-offset-0 {
        margin-left: 0 !important
    }

    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left !important
    }

    .col-md-12 {
        width: 100% !important
    }

    .col-md-11 {
        width: 91.66666667% !important
    }

    .col-md-10 {
        width: 83.33333333% !important
    }

    .col-md-9 {
        width: 75% !important
    }

    .col-md-8 {
        width: 66.66666667% !important
    }

    .col-md-7 {
        width: 58.33333333% !important
    }

    .col-md-6 {
        width: 50% !important
    }

    .col-md-5 {
        width: 41.66666667% !important
    }

    .col-md-4 {
        width: 33.33333333% !important
    }

    .col-md-3 {
        width: 25% !important
    }

    .col-md-2 {
        width: 16.66666667% !important
    }

    .col-md-1 {
        width: 8.33333333% !important
    }

    .col-md-pull-12 {
        right: 100% !important
    }

    .col-md-pull-11 {
        right: 91.66666667% !important
    }

    .col-md-pull-10 {
        right: 83.33333333% !important
    }

    .col-md-pull-9 {
        right: 75% !important
    }

    .col-md-pull-8 {
        right: 66.66666667% !important
    }

    .col-md-pull-7 {
        right: 58.33333333% !important
    }

    .col-md-pull-6 {
        right: 50% !important
    }

    .col-md-pull-5 {
        right: 41.66666667% !important
    }

    .col-md-pull-4 {
        right: 33.33333333% !important
    }

    .col-md-pull-3 {
        right: 25% !important
    }

    .col-md-pull-2 {
        right: 16.66666667% !important
    }

    .col-md-pull-1 {
        right: 8.33333333% !important
    }

    .col-md-pull-0 {
        right: auto !important
    }

    .col-md-push-12 {
        left: 100% !important
    }

    .col-md-push-11 {
        left: 91.66666667% !important
    }

    .col-md-push-10 {
        left: 83.33333333% !important
    }

    .col-md-push-9 {
        left: 75% !important
    }

    .col-md-push-8 {
        left: 66.66666667% !important
    }

    .col-md-push-7 {
        left: 58.33333333% !important
    }

    .col-md-push-6 {
        left: 50% !important
    }

    .col-md-push-5 {
        left: 41.66666667% !important
    }

    .col-md-push-4 {
        left: 33.33333333% !important
    }

    .col-md-push-3 {
        left: 25% !important
    }

    .col-md-push-2 {
        left: 16.66666667% !important
    }

    .col-md-push-1 {
        left: 8.33333333% !important
    }

    .col-md-push-0 {
        left: auto !important
    }

    .col-md-offset-12 {
        margin-left: 100% !important
    }

    .col-md-offset-11 {
        margin-left: 91.66666667% !important
    }

    .col-md-offset-10 {
        margin-left: 83.33333333% !important
    }

    .col-md-offset-9 {
        margin-left: 75% !important
    }

    .col-md-offset-8 {
        margin-left: 66.66666667% !important
    }

    .col-md-offset-7 {
        margin-left: 58.33333333% !important
    }

    .col-md-offset-6 {
        margin-left: 50% !important
    }

    .col-md-offset-5 {
        margin-left: 41.66666667% !important
    }

    .col-md-offset-4 {
        margin-left: 33.33333333% !important
    }

    .col-md-offset-3 {
        margin-left: 25% !important
    }

    .col-md-offset-2 {
        margin-left: 16.66666667% !important
    }

    .col-md-offset-1 {
        margin-left: 8.33333333% !important
    }

    .col-md-offset-0 {
        margin-left: 0 !important
    }

    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left !important
    }

    .col-lg-12 {
        width: 100% !important
    }

    .col-lg-11 {
        width: 91.66666667% !important
    }

    .col-lg-10 {
        width: 83.33333333% !important
    }

    .col-lg-9 {
        width: 75% !important
    }

    .col-lg-8 {
        width: 66.66666667% !important
    }

    .col-lg-7 {
        width: 58.33333333% !important
    }

    .col-lg-6 {
        width: 50% !important
    }

    .col-lg-5 {
        width: 41.66666667% !important
    }

    .col-lg-4 {
        width: 33.33333333% !important
    }

    .col-lg-3 {
        width: 25% !important
    }

    .col-lg-2 {
        width: 16.66666667% !important
    }

    .col-lg-1 {
        width: 8.33333333% !important
    }

    .col-lg-pull-12 {
        right: 100% !important
    }

    .col-lg-pull-11 {
        right: 91.66666667% !important
    }

    .col-lg-pull-10 {
        right: 83.33333333% !important
    }

    .col-lg-pull-9 {
        right: 75% !important
    }

    .col-lg-pull-8 {
        right: 66.66666667% !important
    }

    .col-lg-pull-7 {
        right: 58.33333333% !important
    }

    .col-lg-pull-6 {
        right: 50% !important
    }

    .col-lg-pull-5 {
        right: 41.66666667% !important
    }

    .col-lg-pull-4 {
        right: 33.33333333% !important
    }

    .col-lg-pull-3 {
        right: 25% !important
    }

    .col-lg-pull-2 {
        right: 16.66666667% !important
    }

    .col-lg-pull-1 {
        right: 8.33333333% !important
    }

    .col-lg-pull-0 {
        right: auto !important
    }

    .col-lg-push-12 {
        left: 100% !important
    }

    .col-lg-push-11 {
        left: 91.66666667% !important
    }

    .col-lg-push-10 {
        left: 83.33333333% !important
    }

    .col-lg-push-9 {
        left: 75% !important
    }

    .col-lg-push-8 {
        left: 66.66666667% !important
    }

    .col-lg-push-7 {
        left: 58.33333333% !important
    }

    .col-lg-push-6 {
        left: 50% !important
    }

    .col-lg-push-5 {
        left: 41.66666667% !important
    }

    .col-lg-push-4 {
        left: 33.33333333% !important
    }

    .col-lg-push-3 {
        left: 25% !important
    }

    .col-lg-push-2 {
        left: 16.66666667% !important
    }

    .col-lg-push-1 {
        left: 8.33333333% !important
    }

    .col-lg-push-0 {
        left: auto !important
    }

    .col-lg-offset-12 {
        margin-left: 100% !important
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667% !important
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333% !important
    }

    .col-lg-offset-9 {
        margin-left: 75% !important
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667% !important
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333% !important
    }

    .col-lg-offset-6 {
        margin-left: 50% !important
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667% !important
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333% !important
    }

    .col-lg-offset-3 {
        margin-left: 25% !important
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667% !important
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333% !important
    }

    .col-lg-offset-0 {
        margin-left: 0 !important
    }
}

.util.blurred {
    filter: blur(.3125rem)
}

.util.hidden-onscreen {
    height: .0625rem !important;
    width: .0625rem !important;
    position: absolute;
    overflow: hidden
}

.util.hidden-by-height-onscreen {
    height: .0625rem !important;
    border: none
}

:focus {
    outline: 0
}

:focus.focus:focus:focus {
    outline: .0625rem dashed #717171
}

:focus.focus:focus.onDark:focus:focus {
    outline: .0625rem dashed #fff
}

:focus.focus:focus.onLight:focus:focus {
    outline: .0625rem dashed #717171
}

:focus.focus:focus.whiteOutline:focus:focus {
    outline: .0625rem dashed #fff
}

:focus.focus:focus.innerWhiteOutline:focus.is-focused,
:focus.focus:focus.innerWhiteOutline:focus:focus {
    outline: 0;
    position: relative
}

:focus.focus:focus.innerWhiteOutline:focus.is-focused:after,
:focus.focus:focus.innerWhiteOutline:focus:focus:after {
    border: .0625rem dashed #fff;
    border-radius: 0;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none
}

a:focus:focus {
    outline: .0625rem dashed #717171
}

.jpui.background.primary {
    background-color: #fff
}

.jpui.background.secondary {
    background-color: #f3f0e9
}

.jpui.accordion {
    border: .07rem solid #ccc;
    margin-bottom: .5rem;
    margin-top: .51rem
}

.jpui.accordion:last-child {
    margin-bottom: 0
}

.jpui.accordion:after,
.jpui.accordion:before {
    border-width: .0625rem
}

.jpui.accordion .disabled-header-link,
.jpui.accordion .header-link {
    display: block;
    text-decoration: none;
    color: #414042;
    height: auto;
    width: auto
}

.jpui.accordion .header-link.header-focused {
    outline: 0;
    position: relative
}

.jpui.accordion .header-link.header-focused:after {
    border: .07rem dashed #717171;
    border-radius: 0;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none
}

.jpui.accordion.disabled {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.jpui.accordion.disabled .accordion__header .iconBox .icon {
    color: #bcbcbc
}

.jpui.accordion.disabled .accordion__header .display span {
    color: #bcbcbc
}

.jpui.accordion .accordion__header {
    padding: 1.25rem 1rem;
    height: auto;
    background-color: #fff
}

@media screen and (max-width:767px) {
    .jpui.accordion .accordion__header {
        padding: 1.5rem 1rem
    }
}

.jpui.accordion .accordion__header.sub {
    padding-bottom: 0
}

.jpui.accordion .accordion__header .button__header {
    display: flex;
    align-items: center;
    width: 100%;
    border: none;
    background-color: transparent;
    text-align: left;
    padding: 0
}

.jpui.accordion .accordion__header .button__header.custom {
    flex-wrap: wrap
}

@media screen and (max-width:767px) {
    .jpui.accordion .accordion__header .button__header.custom {
        display: inline
    }
}

.jpui.accordion .accordion__header .iconBox {
    margin-right: .75rem
}

.jpui.accordion .accordion__header .iconBox i {
    color: #126bc5;
    transform: rotate(0);
    transition: transform .3s ease-out 0s
}

.jpui.accordion .accordion__header .display {
    padding-right: .75rem;
    flex-shrink: 2.5;
    color: #414042;
    text-decoration: none
}

.jpui.accordion .accordion__header .accordion__secondary-text-box {
    margin-left: auto;
    text-align: right
}

@media screen and (max-width:767px) {
    .jpui.accordion .accordion__header .accordion__secondary-text-box {
        margin-left: unset;
        text-align: left;
        padding-left: 2rem
    }
}

.jpui.accordion .accordion__header .accordion__secondary-text-row span {
    font-size: .875rem
}

.jpui.accordion .accordion__header .secondaryText {
    flex-shrink: 2
}

@media screen and (max-width:767px) {
    .jpui.accordion .accordion__header .secondaryText {
        margin-right: .75rem
    }
}

.jpui.accordion .accordion__header .headerIcon {
    margin-left: auto
}

.jpui.accordion .accordion__header.none {
    display: none
}

.jpui.accordion.closed .accordion__header .iconBox i {
    color: #666
}

.jpui.accordion .preview.animating {
    overflow: hidden;
    opacity: 0
}

.jpui.accordion .blockContainer {
    display: none;
    visibility: hidden;
    border-top: .0625rem solid #ccc
}

.jpui.accordion .subtitle {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 3.25rem;
    font-size: .85rem
}

.jpui.accordion.open>.accordion__header.sub {
    padding-bottom: 1rem
}

.jpui.accordion.open>.accordion__header.sub.persist {
    padding-bottom: 0
}

.jpui.accordion.open>.header-link .iconBox i {
    transform: rotate(90deg)
}

.jpui.accordion.open>.header-link .iconBox.animateIcon i {
    transform: rotate(0)
}

.jpui.accordion.open>.subtitle {
    display: none;
    visibility: hidden
}

.jpui.accordion.open>.subtitle.persist {
    display: block;
    visibility: visible
}

.jpui.accordion.open>.blockContainer {
    visibility: visible;
    background-color: #faf9f8;
    overflow: visible;
    opacity: 1;
    transition: opacity .2s ease-out 0s
}

.jpui.accordion.open>.blockContainer.animating {
    overflow: hidden;
    opacity: 0
}

.jpui.accordion.responsive .display {
    transform: translateY(-.1875rem)
}

.jpui.accordion.responsive .subtitle {
    display: block
}

.jpui.accordion.responsive .accordion__header.sub {
    padding-bottom: 0
}

.jpui.accordion.responsive.open {
    background-color: #faf9f8
}

.jpui.accordion.responsive.open .subtitle {
    display: none;
    visibility: hidden
}

.jpui.accordion.responsive.open .accordion__header.sub {
    padding-bottom: 1rem
}

@media (min-width:992px) {
    .jpui.accordion.responsive {
        border: .07rem solid #ccc
    }

    .jpui.accordion.responsive.open {
        background-color: #fff
    }

    .jpui.accordion.responsive.open .subtitle {
        visibility: hidden
    }

    .jpui.accordion.responsive .blockContainer {
        border-top: .0625rem solid #ccc
    }
}

.jpui.accordion.opensided {
    border-width: .0625rem 0 0;
    margin-bottom: 0;
    margin-top: 0;
    box-shadow: 0 .1875rem 0 -.125rem #ccc
}

.jpui.accordion.opensided .accordion__header {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem
}

@media screen and (max-width:767px) {
    .jpui.accordion.opensided .accordion__header {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
}

.jpui.accordion.opensided .accordion__header .display {
    font-size: 1.25rem
}

.jpui.accordion.opensided.open>.blockContainer {
    background-color: #fff;
    border-top: .0625rem solid transparent;
    padding-right: 1rem;
    padding-bottom: .75rem;
    padding-left: 1rem
}

.jpui.accordion--borderless {
    border: 0;
    margin: 0 0 1rem
}

.jpui.accordion--borderless .header-link {
    display: inline-block
}

.jpui.accordion--borderless .header-link .accordion__header {
    padding: 0
}

.jpui.accordion--borderless .header-link .accordion__header .display {
    padding-right: .25rem
}

.jpui.accordion--borderless .header-link .accordion__header .iconBox {
    margin-right: .5rem
}

.jpui.accordion--borderless .blockContainer {
    border: 0;
    margin: .75rem 0 1rem 1.5rem
}

.jpui.account.details {
    width: 100%;
    overflow: hidden
}

.jpui.account.details.active {
    border-top: .5rem solid #00578c
}

.jpui.ad {
    color: #615449;
    max-width: 26.75rem
}

@media screen and (min-width:768px) {
    .jpui.ad {
        max-width: 100%
    }
}

.jpui.ad.sapphire-ur-tile {
    color: unset;
    max-width: unset
}

.jpui.ad div.tileHeader,
.jpui.ad h3.tileHeader {
    padding: .563rem 0 .438rem;
    margin: 0
}

.jpui.ad .content .image {
    display: block;
    width: 100%
}

.jpui.ad a.wrapping-tag {
    text-decoration: none
}

.jpui.ad a.wrapping-tag:focus {
    outline: 0
}

.jpui.ad a.wrapping-tag:focus .content {
    outline: .0625rem dashed #717171;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.jpui.ad a.wrapping-tag div.content div.copy div.label {
    text-align: left
}

.jpui.ad a.wrapping-tag .link-anchor {
    white-space: nowrap
}

.jpui.ad a.wrapping-tag i.icon.end-icon {
    font-size: .6rem !important;
    vertical-align: initial !important;
    color: inherit !important
}

.jpui.ad.native .content {
    margin-bottom: 1.75rem
}

.jpui.ad.native .content .copy {
    width: 100%;
    background-color: #fff;
    padding: .625rem .9375rem
}

@media screen and (max-width:767px) {
    .jpui.ad.native .content .copy .link-anchor {
        font-size: .75rem
    }
}

.jpui.ad.accountHeaderText .content .copy,
.jpui.ad.paymentsText .content .copy {
    width: 100%;
    background-color: #fff;
    padding: .9375rem
}

.jpui.ad.accountHeaderText .content .copy img,
.jpui.ad.paymentsText .content .copy img {
    display: none
}

.jpui.ad.accountHeaderText .content .copy .label,
.jpui.ad.paymentsText .content .copy .label {
    padding: .125rem 0 .25rem
}

.jpui.ad.accountHeaderText .content .copy .body,
.jpui.ad.paymentsText .content .copy .body {
    display: inline-block
}

.jpui.ad.accountHeaderText .content .copy .link-anchor,
.jpui.ad.paymentsText .content .copy .link-anchor {
    display: inline-block
}

.jpui.ad.accountHeaderImage .content .copy {
    display: inline-block;
    width: 100%;
    background-color: #fff;
    padding: 1.125rem 1.125rem .75rem .75rem
}

.jpui.ad.accountHeaderImage .content .copy .tileheader {
    padding-bottom: 1.125rem
}

.jpui.ad.accountHeaderImage .content .copy .image {
    float: left;
    margin-right: 1.125rem;
    width: 5.625rem;
    height: 5.625rem
}

.jpui.ad.accountHeaderImage .content .copy .label {
    text-align: initial;
    padding: .125rem 0 .25rem
}

.jpui.ad.accountHeaderImage .content .copy .body {
    overflow: hidden
}

.jpui.ad.accountHeaderImage .content .copy .link-anchor {
    display: inline-block;
    padding-top: .125rem
}

.jpui.ad.paymentsText .content {
    border: .063rem solid #959595
}

.jpui.ad.paymentsText .content .copy {
    width: 100%;
    background-color: #fff;
    padding: .9375rem
}

.jpui.ad.paymentsText .content .copy .body {
    overflow: hidden
}

.jpui.ad.paymentsImage .content {
    border: .063rem solid #959595
}

.jpui.ad.paymentsImage .content .copy {
    width: 100%;
    display: inline-block;
    background-color: #fff;
    padding: .9375rem
}

.jpui.ad.paymentsImage .content .copy .body {
    overflow: hidden
}

.jpui.ad.paymentsImage .content .copy .image {
    float: left;
    margin-right: .75rem;
    width: auto;
    max-width: 5.625rem;
    max-height: 5.625rem
}

.jpui.ad.explicit .content {
    position: relative;
    z-index: 1;
    margin-bottom: 1.75rem
}

.jpui.ad.explicit .content .textshadow {
    text-shadow: 0 0 .125rem rgba(255, 255, 255, .4)
}

.jpui.ad.explicit .content .image {
    padding-bottom: 0
}

.jpui.ad.explicit .content .copy {
    width: 100%;
    position: absolute;
    padding: .625rem .9375rem;
    bottom: 0;
    text-shadow: 0 0 .125rem rgba(255, 255, 255, .4);
    background-color: rgba(0, 0, 0, .66)
}

.jpui.ad.explicit .content .copy .label {
    margin-top: 0;
    text-shadow: 0 0 .125rem rgba(255, 255, 255, .4);
    line-height: 1.625
}

.jpui.ad.explicit a.wrapping-tag i.icon.end-icon {
    color: inherit !important
}

.jpui.ad.sapphire-ur-tile .sapphire-ur-tile__img {
    display: inline-block
}

.jpui.ad.sapphire-ur-tile .sapphire-ur-tile__content-container {
    display: inline-block;
    vertical-align: baseline;
    padding-left: .375rem
}

.jpui.ad.sapphire-ur-tile .sapphire-ur-tile__content-container .sapphire-ur-tile__content {
    display: block;
    font-size: .75rem;
    font-weight: 600;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.ad.sapphire-ur-tile .sapphire-ur-tile__content-container .sapphire-ur-tile__cta {
    display: inline-block;
    font-size: .75rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.ad.sapphire-ur-tile .sapphire-ur-tile__content-container .sapphire-ur-tile__cta i {
    color: inherit;
    font-size: .625rem
}

@media screen and (min-width:768px) {
    .jpui.ad.sapphire-ur-tile .sapphire-ur-tile__content-container {
        vertical-align: super
    }

    .jpui.ad.sapphire-ur-tile .sapphire-ur-tile__content-container .sapphire-ur-tile__content {
        border-right: .0625rem #bcbcbc solid;
        display: inline-block;
        padding: 0 .75rem 0 .375rem
    }

    .jpui.ad.sapphire-ur-tile .sapphire-ur-tile__content-container .sapphire-ur-tile__cta {
        margin-left: .75rem
    }

    .jpui.ad.sapphire-ur-tile .sapphire-ur-tile__content-container .sapphire-ur-tile__cta i {
        display: none
    }
}

.jpui.alert {
    position: relative;
    padding: 1rem;
    border: .063rem solid transparent;
    border-radius: .2rem
}

.jpui.alert.error,
.jpui.alert.info,
.jpui.alert.success,
.jpui.alert.warning {
    color: #fff !important
}

.jpui.alert.error.inverted,
.jpui.alert.info.inverted,
.jpui.alert.success.inverted,
.jpui.alert.warning.inverted {
    background-color: #fff
}

.jpui.alert.error .message>a,
.jpui.alert.info .message>a,
.jpui.alert.success .message>a,
.jpui.alert.warning .message>a {
    text-decoration: underline !important
}

.jpui.alert.info {
    background-color: #126bc5
}

.jpui.alert.info.inverted {
    border: .0625rem solid #126bc5 !important;
    color: #126bc5 !important
}

.jpui.alert.success {
    background-color: #128842
}

.jpui.alert.success.inverted {
    border: .0625rem solid #128842 !important;
    color: #128842 !important
}

.jpui.alert.warning {
    background-color: #af4317
}

.jpui.alert.warning.inverted {
    border: .0625rem solid #af4317 !important;
    color: #af4317 !important
}

.jpui.alert.error {
    background-color: #bf2155
}

.jpui.alert.error.inverted {
    border: .0625rem solid #bf2155 !important;
    color: #bf2155 !important
}

.jpui.alert.error.inverted.dce {
    border: 0 !important;
    padding: 1rem 0 !important
}

.jpui.alert.primary.inverted {
    padding: 0;
    background-color: transparent
}

.jpui.alert.primary.inverted.dark,
.jpui.alert.primary.inverted.error,
.jpui.alert.primary.inverted.info,
.jpui.alert.primary.inverted.notification,
.jpui.alert.primary.inverted.success,
.jpui.alert.primary.inverted.warning {
    border: 0 !important
}

.jpui.alert.primary.inverted.dark .title,
.jpui.alert.primary.inverted.error .title,
.jpui.alert.primary.inverted.info .title,
.jpui.alert.primary.inverted.notification .title,
.jpui.alert.primary.inverted.success .title,
.jpui.alert.primary.inverted.warning .title {
    width: 100%;
    margin: .0625rem .0625rem .313rem 0
}

@media (min-width:767px) {

    .jpui.alert.primary.inverted.dark .title,
    .jpui.alert.primary.inverted.error .title,
    .jpui.alert.primary.inverted.info .title,
    .jpui.alert.primary.inverted.notification .title,
    .jpui.alert.primary.inverted.success .title,
    .jpui.alert.primary.inverted.warning .title {
        width: 83.333%;
        line-height: 1.4;
        margin: .0625rem .0625rem .313rem 0
    }
}

.jpui.alert.primary.inverted.dark .toggleDiv,
.jpui.alert.primary.inverted.error .toggleDiv,
.jpui.alert.primary.inverted.info .toggleDiv,
.jpui.alert.primary.inverted.notification .toggleDiv,
.jpui.alert.primary.inverted.success .toggleDiv,
.jpui.alert.primary.inverted.warning .toggleDiv {
    padding-top: .5rem;
    padding-bottom: .5rem;
    position: relative
}

@media (min-width:768px) {

    .jpui.alert.primary.inverted.dark .toggleDiv,
    .jpui.alert.primary.inverted.error .toggleDiv,
    .jpui.alert.primary.inverted.info .toggleDiv,
    .jpui.alert.primary.inverted.notification .toggleDiv,
    .jpui.alert.primary.inverted.success .toggleDiv,
    .jpui.alert.primary.inverted.warning .toggleDiv {
        display: none
    }
}

.jpui.alert.primary.inverted.dark .toggleDiv .toggleMessage,
.jpui.alert.primary.inverted.error .toggleDiv .toggleMessage,
.jpui.alert.primary.inverted.info .toggleDiv .toggleMessage,
.jpui.alert.primary.inverted.notification .toggleDiv .toggleMessage,
.jpui.alert.primary.inverted.success .toggleDiv .toggleMessage,
.jpui.alert.primary.inverted.warning .toggleDiv .toggleMessage {
    color: #0b6efd;
    overflow: visible;
    margin: 0;
    padding: 0
}

.jpui.alert.primary.inverted.dark .toggleDiv .toggleMessage:focus,
.jpui.alert.primary.inverted.error .toggleDiv .toggleMessage:focus,
.jpui.alert.primary.inverted.info .toggleDiv .toggleMessage:focus,
.jpui.alert.primary.inverted.notification .toggleDiv .toggleMessage:focus,
.jpui.alert.primary.inverted.success .toggleDiv .toggleMessage:focus,
.jpui.alert.primary.inverted.warning .toggleDiv .toggleMessage:focus {
    position: relative;
    padding: .625rem 1.25rem
}

.jpui.alert.primary.inverted.dark .toggleDiv .icon--alert-icon,
.jpui.alert.primary.inverted.error .toggleDiv .icon--alert-icon,
.jpui.alert.primary.inverted.info .toggleDiv .icon--alert-icon,
.jpui.alert.primary.inverted.notification .toggleDiv .icon--alert-icon,
.jpui.alert.primary.inverted.success .toggleDiv .icon--alert-icon,
.jpui.alert.primary.inverted.warning .toggleDiv .icon--alert-icon {
    position: absolute;
    top: .7rem
}

.jpui.alert.primary.inverted.dark .toggleDiv .link-anchor--alert,
.jpui.alert.primary.inverted.error .toggleDiv .link-anchor--alert,
.jpui.alert.primary.inverted.info .toggleDiv .link-anchor--alert,
.jpui.alert.primary.inverted.notification .toggleDiv .link-anchor--alert,
.jpui.alert.primary.inverted.success .toggleDiv .link-anchor--alert,
.jpui.alert.primary.inverted.warning .toggleDiv .link-anchor--alert {
    padding-left: 1.2rem
}

.jpui.alert.primary.inverted.dark .toggleDiv i,
.jpui.alert.primary.inverted.error .toggleDiv i,
.jpui.alert.primary.inverted.info .toggleDiv i,
.jpui.alert.primary.inverted.notification .toggleDiv i,
.jpui.alert.primary.inverted.success .toggleDiv i,
.jpui.alert.primary.inverted.warning .toggleDiv i {
    color: #414042
}

.jpui.alert.primary.inverted.dark .toggleDiv.open i,
.jpui.alert.primary.inverted.error .toggleDiv.open i,
.jpui.alert.primary.inverted.info .toggleDiv.open i,
.jpui.alert.primary.inverted.notification .toggleDiv.open i,
.jpui.alert.primary.inverted.success .toggleDiv.open i,
.jpui.alert.primary.inverted.warning .toggleDiv.open i {
    transform: rotate(90deg);
    transition: transform .5s ease-out 0s
}

@-moz-document url-prefix() {

    .jpui.alert.primary.inverted.dark .toggleDiv.open i.icon,
    .jpui.alert.primary.inverted.error .toggleDiv.open i.icon,
    .jpui.alert.primary.inverted.info .toggleDiv.open i.icon,
    .jpui.alert.primary.inverted.notification .toggleDiv.open i.icon,
    .jpui.alert.primary.inverted.success .toggleDiv.open i.icon,
    .jpui.alert.primary.inverted.warning .toggleDiv.open i.icon {
        will-change: transform
    }
}

.jpui.alert.primary.inverted.dark.notification .message,
.jpui.alert.primary.inverted.error.notification .message,
.jpui.alert.primary.inverted.info.notification .message,
.jpui.alert.primary.inverted.notification.notification .message,
.jpui.alert.primary.inverted.success.notification .message,
.jpui.alert.primary.inverted.warning.notification .message {
    display: block
}

.jpui.alert.primary.inverted.dark.notification .toggleDiv,
.jpui.alert.primary.inverted.error.notification .toggleDiv,
.jpui.alert.primary.inverted.info.notification .toggleDiv,
.jpui.alert.primary.inverted.notification.notification .toggleDiv,
.jpui.alert.primary.inverted.success.notification .toggleDiv,
.jpui.alert.primary.inverted.warning.notification .toggleDiv {
    display: none
}

.jpui.alert.primary.inverted.dark .message:not(.suppressMessageToggle),
.jpui.alert.primary.inverted.info .message:not(.suppressMessageToggle),
.jpui.alert.primary.inverted.success .message:not(.suppressMessageToggle),
.jpui.alert.primary.inverted.warning .message:not(.suppressMessageToggle) {
    display: none
}

@media (min-width:768px) {

    .jpui.alert.primary.inverted.dark .message:not(.suppressMessageToggle),
    .jpui.alert.primary.inverted.info .message:not(.suppressMessageToggle),
    .jpui.alert.primary.inverted.success .message:not(.suppressMessageToggle),
    .jpui.alert.primary.inverted.warning .message:not(.suppressMessageToggle) {
        display: block;
        height: 100% !important;
        opacity: 1 !important;
        line-height: 1.4286
    }
}

.jpui.alert.primary.inverted.dark .message:not(.suppressMessageToggle).open,
.jpui.alert.primary.inverted.info .message:not(.suppressMessageToggle).open,
.jpui.alert.primary.inverted.success .message:not(.suppressMessageToggle).open,
.jpui.alert.primary.inverted.warning .message:not(.suppressMessageToggle).open {
    display: block;
    -webkit-animation: fadeIn .3s forwards;
    animation: fadeIn .3s forwards
}

@media (min-width:768px) {

    .jpui.alert.primary.inverted.dark .message:not(.suppressMessageToggle).open,
    .jpui.alert.primary.inverted.info .message:not(.suppressMessageToggle).open,
    .jpui.alert.primary.inverted.success .message:not(.suppressMessageToggle).open,
    .jpui.alert.primary.inverted.warning .message:not(.suppressMessageToggle).open {
        border-top: 0;
        padding-top: 0
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.jpui.alert.primary.inverted.dark .message:not(.suppressMessageToggle) ul,
.jpui.alert.primary.inverted.info .message:not(.suppressMessageToggle) ul,
.jpui.alert.primary.inverted.success .message:not(.suppressMessageToggle) ul,
.jpui.alert.primary.inverted.warning .message:not(.suppressMessageToggle) ul {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    padding-left: 2.57rem
}

@media (max-width:768px) {

    .jpui.alert.primary.inverted.dark .message:not(.suppressMessageToggle) ul,
    .jpui.alert.primary.inverted.info .message:not(.suppressMessageToggle) ul,
    .jpui.alert.primary.inverted.success .message:not(.suppressMessageToggle) ul,
    .jpui.alert.primary.inverted.warning .message:not(.suppressMessageToggle) ul {
        padding-left: 1.5rem
    }
}

.jpui.alert.primary.inverted.error .message,
.jpui.alert.primary.inverted.notification .message {
    display: block
}

.jpui.alert.primary>.icon {
    position: relative;
    font-size: 1.25rem;
    margin-right: .75rem;
    top: .4rem;
    float: left
}

.jpui.alert.primary>.icon .dark {
    color: #666
}

.jpui.alert.primary .icon.background {
    position: absolute;
    background-color: #fff;
    border-radius: 50%;
    width: 1.15rem;
    height: 1.15rem;
    top: .5313rem;
    left: .0625rem;
    z-index: -1
}

.jpui.alert.primary .content.wrap {
    padding-top: .25rem;
    overflow: visible;
    margin-left: 2rem
}

.notification.jpui.alert.primary .content.wrap {
    margin-left: 0
}

.jpui.alert.primary .content.wrap span {
    display: inline-block
}

.jpui.alert.mini-alert {
    padding-top: .75rem;
    padding-right: 0;
    padding-bottom: 1.125rem;
    padding-left: 0;
    margin: 0;
    display: flex
}

.jpui.alert.mini-alert.inverted.error {
    border: 0 !important
}

.jpui.alert.mini-alert .icon {
    float: left;
    margin-right: .375rem
}

.jpui.alert.mini-alert .icon i {
    font-size: .8125rem;
    margin-right: 0
}

.jpui.alert.mini-alert .title {
    display: inline-block;
    transform: translateY(-.375rem)
}

.jpui.alert .header {
    display: inline-block;
    margin: 1rem 0 0
}

.jpui.alert .message {
    margin-right: 2rem;
    display: block;
    width: 100%
}

@media (min-width:767px) {
    .jpui.alert .message {
        width: 83.333%
    }
}

.jpui.alert .button {
    margin: 1rem 1rem 0 0
}

.jpui.alert .actions {
    margin-top: 1rem
}

.jpui.alert .actions:after,
.jpui.alert .actions:before {
    content: '';
    display: table
}

.jpui.alert .actions:after {
    clear: both
}

.jpui.alert .actions .button {
    margin-right: 1rem
}

.jpui.alert .icon.close {
    color: inherit;
    position: absolute;
    top: 1rem;
    right: 1rem;
    line-height: 1;
    cursor: pointer;
    background: 0;
    border: 0
}

.jpui.alert .icon.close:hover {
    opacity: .6
}

.jpui.alert.animate:not(.primary) {
    -webkit-animation: alertShow .5s ease 0s forwards;
    animation: alertShow .5s ease 0s forwards
}

@-webkit-keyframes alertShow {
    from {
        transform: scaleY(0);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: scaleY(1);
        opacity: 1
    }
}

@keyframes alertShow {
    from {
        transform: scaleY(0);
        transform-origin: 0 0;
        opacity: 0
    }

    to {
        transform: scaleY(1);
        opacity: 1
    }
}

.jpui.alert.animate.primary.inverted>.icon {
    opacity: 0;
    -webkit-animation: iconShow .5s cubic-bezier(.1, .27, .32, 1.72) .5s forwards;
    animation: iconShow .5s cubic-bezier(.1, .27, .32, 1.72) .5s forwards
}

@-webkit-keyframes iconShow {
    from {
        transform: scale(.66, .66)
    }

    to {
        transform: scale(1, 1);
        opacity: 1
    }
}

@keyframes iconShow {
    from {
        transform: scale(.66, .66)
    }

    to {
        transform: scale(1, 1);
        opacity: 1
    }
}

.jpui.alert.animate.primary.inverted .content {
    opacity: 0;
    -webkit-animation: contentShow .5s ease .5s forwards;
    animation: contentShow .5s ease .5s forwards
}

@-webkit-keyframes contentShow {
    to {
        opacity: 1
    }
}

@keyframes contentShow {
    to {
        opacity: 1
    }
}

.jpui.alert:not(.animate).primary.inverted>.icon {
    -webkit-animation: iconShow .5s cubic-bezier(.1, .27, .32, 1.72) 0s forwards;
    animation: iconShow .5s cubic-bezier(.1, .27, .32, 1.72) 0s forwards
}

.jpui.alert:not(.animate).primary.inverted .content {
    -webkit-animation: contentShow .5s ease 0s forwards;
    animation: contentShow .5s ease 0s forwards
}

.jpui.badge {
    display: inline-block;
    min-width: 1.125rem;
    min-height: .75rem;
    padding: .1875rem;
    border: #bf2155 .0625rem solid;
    border-radius: .625rem;
    box-shadow: .0625rem .0625rem rgba(0, 0, 0, .5);
    background-color: #bf2155;
    color: #fff;
    font-style: normal;
    font-size: .75rem;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    line-height: .917
}

.jpui.badge.flat {
    border-color: #000;
    background-color: #fff;
    box-shadow: none;
    color: #000
}

.jpui.badge.animate {
    -webkit-animation: animateIn .4s cubic-bezier(.175, .885, .32, 1.275) 0s forwards;
    animation: animateIn .4s cubic-bezier(.175, .885, .32, 1.275) 0s forwards
}

@-webkit-keyframes animateIn {
    from {
        transform: scale(0, 0);
        opacity: 0
    }

    to {
        transform: scale(1, 1);
        opacity: 1
    }
}

@keyframes animateIn {
    from {
        transform: scale(0, 0);
        opacity: 0
    }

    to {
        transform: scale(1, 1);
        opacity: 1
    }
}

.jpui.badge.info {
    background-color: #0b6efd;
    border: #0b6efd .0625rem solid;
    box-shadow: none
}

.jpui.badge.success {
    background-color: #128842;
    border: #128842 .0625rem solid;
    box-shadow: none
}

.jpui.button {
    box-sizing: border-box;
    margin: .5rem;
    font-size: 1rem;
    font-weight: 400;
    color: #414042;
    background-color: #d6d6d6;
    border: none;
    border-radius: .3125rem;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    transition: background-color .4s ease, border-color .4s ease;
    outline: .0625rem solid transparent;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-padding-before: 0;
    -webkit-padding-end: 0;
    -webkit-padding-after: 0;
    -webkit-padding-start: 0
}

.jpui.button:active {
    background-color: #e5e5e5
}

.jpui.button:active .label {
    color: #414042
}

.jpui.button .label {
    display: inline-block;
    line-height: 2.5rem;
    margin: 0 1rem
}

.jpui.button:hover:not(.touch) {
    background-color: #bcbcbc
}

.jpui.button:active:not(.touch) {
    background-color: #e5e5e5
}

.jpui.button:active {
    background-color: #e5e5e5
}

.jpui.button:disabled {
    background-color: #e5e5e5;
    border: none;
    cursor: default
}

.jpui.button:disabled:hover {
    background-color: #e5e5e5
}

.jpui.button.onbackground {
    background-color: #d6d6d6
}

.jpui.button.onbackground:hover:not(.touch) {
    background-color: #bcbcbc
}

.jpui.button.onbackground:active:not(.touch) {
    background-color: #e5e5e5
}

.jpui.button.onbackground:active {
    background-color: #e5e5e5
}

.jpui.button.primary {
    background-color: #0b6efd;
    border: none
}

.jpui.button.primary:hover:not(.touch) {
    background-color: #0a4386
}

.jpui.button.primary:active:not(.touch) {
    background-color: #0092ff
}

.jpui.button.primary:active {
    background-color: #0092ff
}

.jpui.button.primary:active .label {
    color: #fff
}

.jpui.button.primary:disabled {
    background-color: #a9d5ed;
    border: none;
    color: #fff;
    cursor: default
}

.jpui.button.primary:disabled .label {
    color: #fff
}

.jpui.button.primary:disabled:hover {
    background-color: #a9d5ed
}

.jpui.button.tertiary {
    background-color: #fff;
    border: .0625rem solid #959595
}

.jpui.button.tertiary:hover:not(.touch) {
    background-color: #ededed
}

.jpui.button.tertiary:active:not(.touch) {
    background-color: #e5e5e5
}

.jpui.button.tertiary:active {
    background-color: #e5e5e5
}

.jpui.button.tertiary:hover {
    background-color: #ededed;
    border: .0625rem solid #ededed
}

.jpui.button.tertiary:active {
    background-color: #e5e5e5;
    border: .0625rem solid #e5e5e5
}

.jpui.button.tertiary:disabled {
    border: .0625rem solid #d8d8d8;
    cursor: default
}

.jpui.button.tertiary:disabled:hover {
    background-color: #fff
}

.jpui.button.fluid {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    height: 2.5rem;
    overflow-x: auto
}

.jpui.button.fluid:disabled {
    background-color: #e5e5e5
}

.jpui.button.fluid:disabled.primary {
    background-color: #a9d5ed
}

.jpui.button.fluid:disabled.primary .label {
    color: #fff
}

.jpui.button.fluid:disabled .label {
    color: #ccc
}

.jpui.button.fluid .label {
    line-height: 1.125rem;
    white-space: normal;
    margin: .0625rem .75rem
}

.jpui.button.fluid .label.overflowing {
    font-size: .9rem;
    line-height: 1rem
}

.jpui.button:focus {
    outline: .0625rem dashed #717171
}

.jpui.button:not(.fluid) {
    min-width: 10.1875rem
}

.jpui.button.noLeftMargin {
    margin-left: 0
}

@media (min-width:768px) {
    .jpui.button.rightSide {
        margin-right: 0
    }
}

@media (max-width:768px) {
    .jpui.button.rightSide {
        margin-left: 0
    }
}

@media (max-width:767px) {
    .jpui.button.full-width-xs {
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .jpui.button.full-width-sm {
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .jpui.button.full-width-md {
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:1200px) {
    .jpui.button.full-width-lg {
        margin-left: 0;
        margin-right: 0
    }
}

.jpui.button.small {
    height: 2rem
}

.jpui.button.small .label {
    line-height: 1.125rem
}

.jpui.button:focus {
    outline: #717171 dashed .0625rem
}

.jpui.carousel {
    overflow: hidden
}

.jpui.carousel .left-gallery,
.jpui.carousel .main-gallery,
.jpui.carousel .right-gallery {
    position: relative;
    display: inline-block
}

.jpui.carousel .gallery {
    margin: 0 -100%;
    position: relative;
    text-align: center
}

.jpui.carousel .main-gallery {
    width: 14.75rem;
    margin: 0 .625rem
}

.jpui.carousel .main-gallery:after {
    border: solid;
    border-color: #fff transparent;
    border-width: 0 1.3125rem .9375rem;
    bottom: -.0625rem;
    content: '';
    left: 50%;
    margin-left: -1.3125rem;
    position: absolute;
    z-index: 2
}

.jpui.carousel .item {
    display: none;
    height: 8.25rem;
    margin: 0;
    overflow: hidden;
    text-align: center
}

.jpui.carousel .main-gallery-img-link {
    text-decoration: none;
    outline: 0
}

.jpui.carousel .main-gallery-img-link:focus .carousel-content-text:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: .0625rem dashed #fff;
    box-sizing: border-box
}

.jpui.carousel .image-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.jpui.carousel .image-container .main-gallery-img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: auto 100%
}

.jpui.carousel .image-container .main-gallery-alttext {
    background-color: transparent;
    color: transparent;
    position: absolute;
    z-index: 2;
    font-size: 1.25rem;
    font-weight: 100;
    margin-top: 1.5rem;
    right: 40%
}

.jpui.carousel .image-container .left-gallery-img,
.jpui.carousel .image-container .right-gallery-img {
    background-repeat: no-repeat;
    background-size: auto 100%;
    height: 100%;
    opacity: .2;
    width: 100%
}

.jpui.carousel .image-container .right-gallery-img {
    background-position: left top
}

.jpui.carousel .image-container .left-gallery-img {
    background-position: right top
}

.jpui.carousel .item,
.jpui.carousel .main-gallery-overlay {
    height: 8.25rem;
    left: 0;
    opacity: 0;
    position: relative;
    top: 0;
    width: 100%
}

.jpui.carousel .left-gallery-overlay,
.jpui.carousel .right-gallery-overlay {
    height: 8.25rem;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.jpui.carousel .left-gallery-overlay,
.jpui.carousel .main-gallery-overlay,
.jpui.carousel .right-gallery-overlay {
    opacity: 1;
    pointer-events: none;
    z-index: 1
}

.jpui.carousel .main-gallery-overlay {
    background: linear-gradient(transparent 50%, #000 100%)
}

.jpui.carousel .main-gallery-overlay.disabled {
    pointer-events: none
}

.jpui.carousel .left-gallery,
.jpui.carousel .right-gallery {
    width: 2rem
}

.jpui.carousel .controls {
    margin-top: 1.25rem;
    position: relative;
    text-align: center
}

.jpui.carousel .controls-dot {
    background: 0 0;
    border: .0625rem solid #959595;
    border-radius: 50%;
    height: .75rem;
    width: .75rem
}

.jpui.carousel .control-button {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    margin: 0 .25rem
}

.jpui.carousel .control-button .controls-ada-slide-focus {
    display: none
}

.jpui.carousel .control-button.disabled {
    outline: 0;
    pointer-events: none
}

.jpui.carousel .control-button .controls-ada-slide {
    display: block
}

.jpui.carousel .control-button:first-of-type {
    margin-left: 0
}

.jpui.carousel .control-button:last-of-type {
    margin-right: 0
}

.jpui.carousel .carousel-content {
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 14.75rem;
    z-index: 1
}

.jpui.carousel .carousel-content .carousel-content-link-container {
    display: none;
    opacity: 0;
    margin: 0 auto;
    position: relative;
    width: 14.75rem
}

.jpui.carousel .carousel-content .carousel-content-text-xs {
    left: 50%;
    margin: 0 0 0 -7.375rem;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 14.75rem
}

.jpui.carousel .carousel-content .carousel-content-link {
    text-decoration: none
}

.jpui.carousel .carousel-content .carousel-content-link .carousel-content-link-icon {
    font-size: .7rem
}

.jpui.carousel .nav-icon-link {
    color: #717171;
    font-size: 2rem;
    position: absolute;
    top: -.25rem;
    transition: color .2s ease
}

.jpui.carousel .nav-icon-link.left {
    left: 0
}

.jpui.carousel .nav-icon-link.right {
    right: 0
}

.jpui.carousel .nav-icon-link:hover {
    color: #ccc
}

.jpui.carousel.disabled {
    opacity: .3
}

.jpui.carousel.disabled .nav-icon-link .icon:hover {
    color: #717171
}

.jpui.carousel .item.slideFocus {
    display: block;
    position: absolute;
    pointer-events: auto;
    opacity: 1
}

.jpui.carousel .item.slideFocus.disabled {
    pointer-events: none
}

.jpui.carousel .item.sideFocus {
    display: block;
    opacity: 1;
    position: relative
}

.jpui.carousel .control-button.dotFocus .controls-dot {
    background: #126bc5;
    border: .0625rem solid #126bc5
}

.jpui.carousel .control-button.dotFocus .controls-ada-slide-focus {
    display: block
}

.jpui.carousel .control-button.dotFocus .controls-ada-slide {
    display: none
}

.jpui.carousel .carousel-content-link-container.mainLinkFocus {
    display: block;
    opacity: 1;
    position: relative
}

.jpui.carousel .carousel-content-link-container.mainLinkFocus.disabled {
    outline: 0;
    pointer-events: none
}

.jpui.carousel .carousel-content-text-xs.contentXsFocus {
    display: block;
    opacity: 1;
    position: relative
}

@media (min-width:768px) {
    .jpui.carousel .main-gallery:after {
        border-width: 0 1.875rem 1.375rem;
        margin-left: -1.875rem
    }

    .jpui.carousel .controls {
        margin-top: 0
    }

    .jpui.carousel .item,
    .jpui.carousel .left-gallery-overlay,
    .jpui.carousel .main-gallery-overlay,
    .jpui.carousel .right-gallery-overlay {
        height: 17.875rem
    }

    .jpui.carousel .main-gallery {
        width: 31.75rem
    }

    .jpui.carousel .carousel-content {
        width: 44.875rem
    }

    .jpui.carousel .carousel-content.carousel-content__link {
        padding: 1.6rem 0 1rem
    }

    .jpui.carousel .carousel-content .carousel-content-link-container {
        font-size: 1rem;
        padding: 1.6rem 0 1rem;
        width: 31.75rem
    }

    .jpui.carousel .left-gallery,
    .jpui.carousel .right-gallery {
        width: 6.5625rem
    }

    .jpui.carousel .carousel-content-text {
        bottom: 1.5rem;
        color: #fff;
        padding: 0 10%;
        pointer-events: none;
        position: absolute;
        text-shadow: .125rem .125rem .25rem #000;
        top: 53%;
        width: 100%;
        z-index: 1
    }

    .jpui.carousel .carousel-content-text p {
        font-size: 1.25rem;
        font-weight: 100
    }

    .jpui.carousel .carousel-content .carousel-content-text-xs {
        display: none
    }

    .jpui.carousel .nav-icon-link {
        font-size: 2rem;
        top: 1rem
    }

    .jpui.carousel .nav-icon-link.disabled {
        outline: 0;
        pointer-events: none
    }
}

@media (min-width:992px) {

    .jpui.carousel .item,
    .jpui.carousel .left-gallery-overlay,
    .jpui.carousel .main-gallery-overlay,
    .jpui.carousel .right-gallery-overlay {
        height: 21.125rem
    }

    .jpui.carousel .main-gallery {
        width: 37.5rem
    }

    .jpui.carousel .carousel-content {
        width: 52rem
    }

    .jpui.carousel .carousel-content.carousel-content__link {
        padding: 1.6rem 0 1rem
    }

    .jpui.carousel .carousel-content .carousel-content-link-container {
        width: 37.5rem
    }

    .jpui.carousel .left-gallery,
    .jpui.carousel .right-gallery {
        width: 7.25rem
    }
}

.jpui.checkbox {
    margin-top: .1875rem;
    margin-bottom: .1875rem
}

.jpui.checkbox .checkbox-flex {
    display: flex;
    align-items: flex-start
}

.jpui.checkbox .checkbox-flex label {
    width: auto
}

.jpui.checkbox .checkbox-label {
    padding-left: .625rem;
    position: relative;
    bottom: .0625rem;
    display: inline-block
}

.jpui.checkbox .checkbox-label .yield {
    display: inline-block
}

.jpui.checkbox .checkboxWrap {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem
}

.jpui.checkbox .checkboxWrap .check {
    display: inline-block;
    border: .0625rem solid #959595;
    height: 1.25rem;
    width: 1.25rem;
    border-radius: .1875rem;
    position: relative;
    bottom: 1.375rem
}

.jpui.checkbox .checkboxWrap .check:after {
    content: '';
    width: 1.125rem;
    height: 1.125rem;
    font-size: 1.125rem
}

.jpui.checkbox .error-bubble-min-width .label.pointing.attached:before {
    left: .5rem
}

.jpui.checkbox .checkbox__input {
    opacity: 0;
    position: relative;
    height: 1.25rem;
    width: 1.25rem;
    z-index: 1;
    vertical-align: bottom
}

.jpui.checkbox .checkbox__input.checkbox__input--checked:not(.checkbox__input--disabled)+.check {
    border: .125rem solid #0b6efd;
    background-color: #0b6efd
}

.jpui.checkbox .checkbox__input.checkbox__input--checked:not(.checkbox__input--disabled)+.check:after {
    color: #fff;
    background-color: #0b6efd;
    font-size: 1rem
}

.jpui.checkbox .checkbox__input:focus+.check {
    outline: .0625rem dashed #717171
}

.jpui.checkbox .checkbox__input+.check {
    color: #0b6efd
}

.jpui.checkbox .checkbox__input+.check:after {
    background-color: #fff
}

.jpui.checkbox .checkbox__input.checkbox__input--disabled~.checkbox-label {
    color: #bcbcbc
}

.jpui.checkbox .checkbox__input.checkbox__input--disabled+.check {
    border: .0625rem solid #000;
    background: #bcbcbc;
    color: #ededed;
    opacity: .4
}

.jpui.checkbox .checkbox__input.checkbox__input--disabled+.check:after {
    color: #000;
    background: 0 0;
    border-radius: .1875rem;
    font-size: 1.125rem
}

.jpui.checkbox [role=checkbox].checkbox__input--checked+.em-dash:after {
    content: '\e961'
}

.jpui.checkbox input[type=checkbox].checkbox__input--checked+.checkmark:after {
    content: '\f11b'
}

.jpui.checkbox.error .checkbox-label {
    font-weight: 600;
    color: #bf2155
}

.jpui.checkbox.error input[type=checkbox]+.check {
    border: .125rem solid #bf2155;
    width: 1.25rem;
    height: 1.25rem
}

.jpui.checkbox.error input[type=checkbox]:checked+.check {
    border: .125rem solid #bf2155;
    background-color: #bf2155
}

.jpui.checkbox.error input[type=checkbox]:checked+.check:after {
    background-color: #bf2155;
    height: 1rem;
    width: 1rem;
    font-size: 1rem
}

.jpui.checkbox.mixed {
    margin-bottom: -.0625rem
}

.jpui.checkbox:not(.disabled) [role=checkbox],
.jpui.checkbox:not(.disabled) input,
.jpui.checkbox:not(.disabled) label {
    cursor: pointer
}

.jpui.combobutton {
    display: inline-block
}

.jpui.combobutton .combobutton__primary-button {
    border: none;
    min-width: 0;
    margin: 0;
    background-color: #fff;
    height: 1.75rem;
    padding: 0
}

.jpui.combobutton .combobutton__primary-button:focus {
    outline: .0625rem dashed #717171
}

.jpui.combobutton .combobutton__primary-label {
    padding: .375rem;
    color: #126bc5;
    font-size: .875rem
}

.jpui.combobutton .combobutton__dropdown-button {
    border: none;
    background-color: #fff;
    padding: 0
}

.jpui.combobutton .combobutton__dropdown-button:focus {
    outline: .0625rem dashed #717171
}

.jpui.combobutton .combobutton__dropdown-label {
    padding: .375rem;
    vertical-align: middle;
    color: #126bc5
}

.jpui.combobutton .combobutton__pipe-separator {
    width: 0;
    border-right: .0625rem solid #c4c4c4;
    vertical-align: middle;
    display: inline-block;
    height: 1rem;
    margin: .3125rem 0
}

.jpui.combobutton .combobutton__dropdown-wrapper {
    position: relative;
    width: 100%
}

.jpui.combobutton .combobutton__dropdown-list {
    list-style-type: none;
    padding: 0;
    position: absolute;
    right: 0;
    min-width: 7.5rem;
    max-width: 18.75rem;
    width: 100%;
    outline: .0625rem solid rgba(0, 0, 0, .17);
    box-shadow: rgba(0, 0, 0, .28) 0 .125rem .1875rem 0;
    z-index: 999;
    margin: 0
}

.jpui.combobutton .combobutton__dropdown-option {
    font-size: .875rem;
    color: #414042;
    padding: .75rem;
    background-color: #fff
}

.jpui.combobutton .combobutton__dropdown-option:hover {
    background-color: #f9f6f3;
    cursor: pointer
}

.jpui.combobutton .combobutton__dropdown-option:focus {
    outline: .0625rem dashed #717171
}

.jpui.combobutton .combobutton__dropdown-option:active {
    background-color: #0092ff;
    color: #fff
}

.jpui.combobutton .combobutton__dropdown-option--disabled,
.jpui.combobutton .combobutton__dropdown-option--disabled:active,
.jpui.combobutton .combobutton__dropdown-option--disabled:hover {
    color: #bcbcbc;
    background-color: #fff;
    cursor: default
}

.jpui.confirmationanimation .progress {
    position: relative;
    height: .375rem;
    margin: .75rem 0;
    background-color: #2ca853;
    outline: .0625rem solid transparent
}

@media (max-width:768px) {
    .jpui.confirmationanimation .progress {
        margin-top: .75rem;
        margin-bottom: .75rem
    }
}

@media (min-width:768px) {
    .jpui.confirmationanimation .progress {
        margin-top: 1rem;
        margin-bottom: 1rem
    }
}

@media (max-width:768px) {
    .jpui.confirmationanimation .progress {
        margin: .5625rem 0
    }
}

.jpui.confirmationanimation .progress.animate {
    background-color: #ccc;
    -webkit-animation: animateDone .5s normal forwards ease-in-out;
    animation: animateDone .5s normal forwards ease-in-out;
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

.jpui.confirmationanimation .progress.animate:after {
    content: '';
    position: absolute;
    border-width: .1875rem 0;
    border-style: solid;
    border-color: #2ca853;
    -webkit-animation: animateProgress 1.25s normal forwards ease-in-out;
    animation: animateProgress 1.25s normal forwards ease-in-out;
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.jpui.confirmationanimation .progress.animate.persist {
    -webkit-animation: none;
    animation: none
}

@-webkit-keyframes animateProgress {
    from {
        width: 0%
    }

    to {
        width: 100%
    }
}

@keyframes animateProgress {
    from {
        width: 0%
    }

    to {
        width: 100%
    }
}

@-webkit-keyframes animateDone {
    to {
        opacity: 0
    }
}

@keyframes animateDone {
    to {
        opacity: 0
    }
}

.jpui.datepicker {
    position: relative
}

.jpui.datepicker .calendars-container.month {
    padding-top: .75rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.jpui.datepicker .month-picker {
    width: 19.375rem;
    position: absolute;
    z-index: 1100;
    line-height: 1.4em;
    border: .0625rem solid #ccc;
    background: #fff;
    margin-top: .75rem;
    text-align: center;
    box-shadow: .3125rem .3125rem .75rem .0625rem #ccc
}

.jpui.datepicker .month-picker .year-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: .01rem solid grey
}

.jpui.datepicker .month-picker .year-container h3 {
    font-size: 1.5rem;
    font-family: 'open sans';
    font-weight: lighter;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.jpui.datepicker .month-picker .year-container .icon {
    font-size: 1rem;
    vertical-align: initial;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.jpui.datepicker .month-picker .month-container {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap
}

.jpui.datepicker .month-picker .month-container .month {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    text-decoration: none;
    color: #666
}

.jpui.datepicker .month-picker .month-container .month .border {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
    width: 3rem;
    border-radius: 50%
}

.jpui.datepicker .month-picker .month-container .month.selected:not(.disabled) .border {
    font-weight: 600;
    color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 6.25rem #0b6efd inset
}

.jpui.datepicker .month-picker .month-container .month:focus:not(.disabled) .border,
.jpui.datepicker .month-picker .month-container .month:hover:not(.disabled) .border {
    color: #666;
    box-shadow: 0 0 0 6.25rem #e6f0fe inset;
    border-radius: 50%
}

.jpui.datepicker .month-picker .month-container .month.active:not(.disabled) .border {
    color: #0a4386;
    box-shadow: 0 0 0 6.25rem #e7edf3 inset
}

.jpui.datepicker .month-picker .month-container .month.disabled {
    color: #d3d3d3;
    cursor: default
}

.jpui.datepicker .text {
    margin-top: 0
}

.jpui.datepicker a {
    color: #ccc
}

.jpui.datepicker .input-icon {
    padding: 0
}

.jpui.datepicker .input-icon button[disabled] {
    color: #bcbcbc
}

.jpui.datepicker .input-icon:focus {
    outline: .0625rem dashed #717171
}

.jpui.datepicker .input {
    margin-bottom: 0
}

.jpui.datepicker .input.datepickerAndroidDisabledInputs {
    border-color: #959595
}

.jpui.datepicker .input.datepickerAndroidDisabledInputs::-webkit-input-placeholder {
    color: #717171
}

.jpui.datepicker .input.datepickerAndroidDisabledInputs::-moz-placeholder {
    color: #717171
}

.jpui.datepicker .input.datepickerAndroidDisabledInputs:-ms-input-placeholder {
    color: #717171
}

.jpui.datepicker .icon {
    font-weight: 400;
    color: #757575;
    border: none;
    background: 0 0;
    vertical-align: bottom;
    font-size: 1.5rem
}

.jpui.datepicker .icon.progressleft,
.jpui.datepicker .icon.progressright {
    font-size: 1rem
}

.jpui.datepicker .icon span {
    width: .0625rem;
    padding: 0
}

.jpui.datepicker .calendars-container {
    display: none;
    z-index: 1100;
    position: absolute
}

.jpui.datepicker .calendars {
    position: absolute;
    z-index: 1100;
    line-height: 1.4em;
    border: .0625rem solid #ccc;
    background: #fff;
    margin-top: .75rem;
    text-align: center;
    box-shadow: 0 .1rem .3rem 0 #bcbcbc
}

.jpui.datepicker .calendar-header {
    font-size: 1.5rem;
    font-weight: 300;
    color: #414042;
    padding: .5rem .9375rem;
    line-height: .8
}

.jpui.datepicker .calendar-today {
    font-weight: 300;
    font-size: 2.5rem;
    margin-top: .625rem;
    margin-bottom: 1rem
}

@media (max-width:767px) {
    .jpui.datepicker .calendar-today {
        display: none
    }
}

.jpui.datepicker .prev {
    cursor: pointer;
    float: left
}

.jpui.datepicker .prev:not(.disabled):focus {
    outline: .0625rem dashed #717171
}

.jpui.datepicker .next {
    cursor: pointer;
    float: right
}

.jpui.datepicker .next:not(.disabled):focus {
    outline: .0625rem dashed #717171
}

.jpui.datepicker table.calendar {
    float: left;
    width: 21.3rem;
    border-collapse: separate;
    border-spacing: .285rem;
    margin-top: .125rem
}

@media (max-width:767px) {
    .jpui.datepicker table.calendar {
        border-spacing: 0;
        width: 19.25rem
    }
}

.jpui.datepicker table.calendar tr {
    display: table-row;
    vertical-align: inherit
}

.jpui.datepicker table.calendar thead tr.days th {
    color: #717171;
    font-weight: 300;
    font-size: .75rem;
    padding-bottom: .125rem;
    text-align: center
}

.jpui.datepicker table.calendar thead tr.days th .accessible-text {
    height: .5rem !important;
    width: .5rem !important
}

.jpui.datepicker table.calendar thead .underline {
    margin-top: -.375rem;
    border-bottom: .0625rem solid #ededed;
    width: 100%
}

@media (max-width:767px) {
    .jpui.datepicker table.calendar thead .underline {
        margin-top: -.125rem
    }
}

.jpui.datepicker table.calendar tbody tr {
    border: none
}

.jpui.datepicker table.calendar tbody tr:first-child {
    border-collapse: collapse !important
}

.jpui.datepicker table.calendar tbody tr td {
    height: 2.75rem;
    width: 2.75rem;
    font-weight: 400;
    color: #424143;
    font-size: 1.125rem;
    border-collapse: separate;
    border-spacing: .5rem
}

@media (max-width:767px) {
    .jpui.datepicker table.calendar tbody tr td {
        font-size: 1rem
    }
}

.jpui.datepicker table.calendar tbody tr td:last-child {
    border: none
}

.jpui.datepicker table.calendar tbody tr td.calendarcell {
    cursor: pointer
}

.jpui.datepicker table.calendar tbody tr td.calendarcell.first:before {
    content: '';
    position: relative;
    left: -1.2rem;
    border-left: .0625rem solid #0b6efd !important
}

@media (max-width:767px) {
    .jpui.datepicker table.calendar tbody tr td.calendarcell.first:before {
        left: -1.05rem
    }
}

.jpui.datepicker table.calendar tbody tr td.calendarcell.first-days {
    font-weight: 400;
    color: #717171
}

.jpui.datepicker table.calendar tbody tr td.calendarcell.last-days {
    font-weight: 400;
    color: #717171
}

.jpui.datepicker table.calendar tbody tr td.calendarcell.invalid {
    font-weight: 300;
    cursor: default;
    color: #717171;
    opacity: .45
}

.jpui.datepicker table.calendar tbody tr td.calendarcell.invalid:hover {
    border: .3125rem solid #fff;
    box-shadow: 0 0 0 6.25rem #fff inset;
    border-radius: 50%
}

@media (max-width:767px) {
    .jpui.datepicker table.calendar tbody tr td.calendarcell.invalid:hover {
        border-width: .5rem
    }
}

.jpui.datepicker table.calendar tbody tr td.calendarcell.today {
    color: #424143;
    border-radius: 50%;
    border: .3125rem solid #fff;
    box-shadow: inset 0 0 0 .0625rem #0b6efd
}

@media (max-width:767px) {
    .jpui.datepicker table.calendar tbody tr td.calendarcell.today {
        border-width: .5rem;
        box-shadow: inset 0 0 0 .0625rem #0b6efd
    }
}

.jpui.datepicker table.calendar tbody tr td.calendarcell.due {
    border-radius: 50%;
    border: .3125rem solid #fff;
    box-shadow: inset 0 0 0 .0625rem #666
}

@media (max-width:767px) {
    .jpui.datepicker table.calendar tbody tr td.calendarcell.due {
        border-width: .5rem;
        box-shadow: inset 0 0 0 .0625rem #666
    }
}

.jpui.datepicker table.calendar tbody tr td.calendarcell.due:hover {
    color: #424143;
    box-shadow: inset 0 0 0 .0625rem #666;
    background-color: rgba(11, 110, 253, .1)
}

.jpui.datepicker table.calendar tbody tr td.calendarcell.due .due-label {
    position: absolute;
    margin-top: .125rem;
    width: 2.75rem;
    margin-left: -.3125rem;
    font-size: .75rem;
    color: #666
}

@media (max-width:767px) {
    .jpui.datepicker table.calendar tbody tr td.calendarcell.due .due-label {
        margin-left: .0625rem;
        margin-top: 0
    }
}

.jpui.datepicker table.calendar tbody tr td.calendarcell.selected {
    font-weight: 600;
    color: #fff;
    border-radius: 50%;
    border: .3125rem solid #fff;
    box-shadow: 0 0 0 6.25rem #0b6efd inset;
    opacity: 1
}

@media (max-width:767px) {
    .jpui.datepicker table.calendar tbody tr td.calendarcell.selected {
        border-width: .5rem
    }
}

.jpui.datepicker table.calendar tbody tr td.calendarcell.selected:focus,
.jpui.datepicker table.calendar tbody tr td.calendarcell.selected:hover {
    color: #0a4386;
    box-shadow: 0 0 0 6.25rem rgba(11, 110, 253, .1) inset
}

.jpui.datepicker table.calendar tbody tr td.calendarcell.selected:focus {
    outline: .0625rem dashed #959595
}

.jpui.datepicker table.calendar tbody tr td.calendarcell:focus,
.jpui.datepicker table.calendar tbody tr td.calendarcell:hover {
    border: .3125rem solid #fff;
    color: #0a4386;
    box-shadow: 0 0 0 6.25rem rgba(11, 110, 253, .1) inset;
    border-radius: 50%
}

@media (max-width:767px) {

    .jpui.datepicker table.calendar tbody tr td.calendarcell:focus,
    .jpui.datepicker table.calendar tbody tr td.calendarcell:hover {
        border-width: .5rem
    }
}

.jpui.datepicker table.calendar tbody tr td.calendarcell.active:focus {
    outline: .0625rem dashed #959595
}

.jpui.datepicker table.calendar tbody tr td.other-month {
    color: #757575
}

.jpui.datepicker.show {
    z-index: 1000
}

.jpui.datepicker.show .calendars-container {
    display: block !important;
    position: absolute;
    z-index: 999;
    -webkit-animation: show .4s ease 0s forwards;
    animation: show .4s ease 0s forwards
}

.jpui.datepicker.show .calendars-container .calendars {
    padding: .75rem .375rem 1.25rem
}

@media (max-width:767px) {
    .jpui.datepicker.show .calendars-container .calendars {
        padding: .5rem 0 1.125rem
    }
}

.jpui.datepicker.show .icon {
    border-color: #126bc5
}

.jpui.datepicker.show input {
    border-color: #126bc5;
    outline: 0;
    box-shadow: .125rem .125rem 0 #126bc5, .125rem -.125rem 0 #126bc5, -.125rem .125rem 0 #126bc5, -.125rem -.125rem 0 #126bc5
}

@-webkit-keyframes show {
    from {
        opacity: 0;
        margin-top: -.5rem
    }

    to {
        opacity: 1;
        margin-top: 0
    }
}

@keyframes show {
    from {
        opacity: 0;
        margin-top: -.5rem
    }

    to {
        opacity: 1;
        margin-top: 0
    }
}

.jpui.description.list dt {
    padding-bottom: .75rem
}

.jpui.description.list dd {
    margin-left: 0;
    padding-bottom: 1.5rem
}

@media (min-width:768px),
print {
    .jpui.description.list .description-list-container {
        padding-bottom: 1.25rem;
        display: flex
    }

    .jpui.description.list dd,
    .jpui.description.list dt {
        margin: 0;
        padding-bottom: 0;
        flex-basis: 50%;
        max-width: 50%
    }

    .jpui.description.list dt {
        padding-right: .75rem;
        text-align: right
    }

    .jpui.description.list dd {
        padding-left: .75rem
    }
}

.jpui.documentviewer .toolbar {
    text-align: right;
    padding: .5rem 0
}

.jpui.documentviewer .toolbar .icon,
.jpui.documentviewer .toolbar a.icon {
    color: #717171
}

.jpui.documentviewer .toolbar:empty {
    display: none
}

.jpui.documentviewer .document {
    /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 28.125rem;
    padding: 1.5rem;
    border: .0625rem solid #ccc
}

.jpui.documentviewer .document html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

.jpui.documentviewer .document body {
    margin: 0
}

.jpui.documentviewer .document article,
.jpui.documentviewer .document aside,
.jpui.documentviewer .document details,
.jpui.documentviewer .document figcaption,
.jpui.documentviewer .document figure,
.jpui.documentviewer .document footer,
.jpui.documentviewer .document header,
.jpui.documentviewer .document hgroup,
.jpui.documentviewer .document main,
.jpui.documentviewer .document menu,
.jpui.documentviewer .document nav,
.jpui.documentviewer .document section,
.jpui.documentviewer .document summary {
    display: block
}

.jpui.documentviewer .document audio,
.jpui.documentviewer .document canvas,
.jpui.documentviewer .document progress,
.jpui.documentviewer .document video {
    display: inline-block;
    vertical-align: baseline
}

.jpui.documentviewer .document audio:not([controls]) {
    display: none;
    height: 0
}

.jpui.documentviewer .document [hidden],
.jpui.documentviewer .document template {
    display: none
}

.jpui.documentviewer .document a {
    background-color: transparent
}

.jpui.documentviewer .document a:active,
.jpui.documentviewer .document a:hover {
    outline: 0
}

.jpui.documentviewer .document abbr[title] {
    border-bottom: .0625rem dotted
}

.jpui.documentviewer .document b,
.jpui.documentviewer .document strong {
    font-weight: 700
}

.jpui.documentviewer .document dfn {
    font-style: italic
}

.jpui.documentviewer .document h1 {
    font-size: 2rem;
    margin: .67rem 0
}

.jpui.documentviewer .document mark {
    background: #ff0;
    color: #000
}

.jpui.documentviewer .document small {
    font-size: 80%
}

.jpui.documentviewer .document sub,
.jpui.documentviewer .document sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

.jpui.documentviewer .document sup {
    top: -.5rem
}

.jpui.documentviewer .document sub {
    bottom: -.25rem
}

.jpui.documentviewer .document img {
    border: 0
}

.jpui.documentviewer .document svg:not(:root) {
    overflow: hidden
}

.jpui.documentviewer .document figure {
    margin: 1rem 2.5rem
}

.jpui.documentviewer .document hr {
    box-sizing: content-box;
    height: 0
}

.jpui.documentviewer .document pre {
    overflow: auto
}

.jpui.documentviewer .document code,
.jpui.documentviewer .document kbd,
.jpui.documentviewer .document pre,
.jpui.documentviewer .document samp {
    font-family: monospace, monospace;
    font-size: 1rem
}

.jpui.documentviewer .document button,
.jpui.documentviewer .document input,
.jpui.documentviewer .document optgroup,
.jpui.documentviewer .document select,
.jpui.documentviewer .document textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

.jpui.documentviewer .document button {
    overflow: visible
}

.jpui.documentviewer .document button,
.jpui.documentviewer .document select {
    text-transform: none
}

.jpui.documentviewer .document button,
.jpui.documentviewer .document html input[type=button],
.jpui.documentviewer .document input[type=reset],
.jpui.documentviewer .document input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

.jpui.documentviewer .document button[disabled],
.jpui.documentviewer .document html input[disabled] {
    cursor: default
}

.jpui.documentviewer .document button::-moz-focus-inner,
.jpui.documentviewer .document input::-moz-focus-inner {
    border: 0;
    padding: 0
}

.jpui.documentviewer .document input {
    line-height: normal
}

.jpui.documentviewer .document input[type=checkbox],
.jpui.documentviewer .document input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

.jpui.documentviewer .document input[type=number]::-webkit-inner-spin-button,
.jpui.documentviewer .document input[type=number]::-webkit-outer-spin-button {
    height: auto
}

.jpui.documentviewer .document input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

.jpui.documentviewer .document input[type=search]::-webkit-search-cancel-button,
.jpui.documentviewer .document input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

.jpui.documentviewer .document fieldset {
    border: .0625rem solid silver;
    margin: 0 .125rem;
    padding: .35rem .625rem .75rem
}

.jpui.documentviewer .document legend {
    border: 0;
    padding: 0
}

.jpui.documentviewer .document textarea {
    overflow: auto
}

.jpui.documentviewer .document optgroup {
    font-weight: 700
}

.jpui.documentviewer .document table {
    border-collapse: collapse;
    border-spacing: 0
}

.jpui.documentviewer .document td,
.jpui.documentviewer .document th {
    padding: 0
}

.jpui.documentviewer .document:focus {
    outline: .0625rem dashed #717171
}

.jpui.documentviewer .document.apple-smooth-scroll {
    -webkit-overflow-scrolling: touch
}

.jpui.documentviewer .pdf {
    height: 28.125rem;
    width: 100%;
    border: .0625rem solid #ccc
}

.jpui.documentviewer .document p {
    font-size: initial
}

.jpui.draganddrop {
    list-style-type: decimal
}

.jpui.draganddrop .item {
    position: relative;
    height: 2.75rem;
    line-height: 2.75;
    width: 100%;
    border: .0625rem solid #ccc;
    margin: .3125rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.jpui.draganddrop .item:focus {
    outline: .0625rem dashed #717171
}

.jpui.draganddrop .item.droptarget {
    background-color: #0b6efd;
    opacity: 1 !important
}

.jpui.draganddrop .item.droptarget>.text {
    color: #fff
}

.jpui.draganddrop .item.droptarget>.after,
.jpui.draganddrop .item.droptarget>.before {
    color: #fff
}

.jpui.draganddrop .text {
    position: absolute;
    left: 2.6875rem;
    width: 80%;
    overflow: hidden;
    white-space: nowrap
}

.jpui.draganddrop .after,
.jpui.draganddrop .before {
    position: absolute;
    color: #ccc;
    font-size: 1.5rem;
    top: .625rem
}

.jpui.draganddrop .before {
    left: .5625rem
}

.jpui.draganddrop .after {
    right: .5625rem
}

.jpui.draganddrop.disabled .after,
.jpui.draganddrop.disabled .before,
.jpui.draganddrop.disabled .item,
.jpui.draganddrop.disabled .item:focus,
.jpui.draganddrop.disabled .text {
    color: #bcbcbc;
    outline: 0
}

.jpui.dropdown {
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    clear: both
}

.jpui.dropdown .iconwrap .icon {
    cursor: pointer;
    line-height: inherit
}

.jpui.dropdown .icon {
    float: right
}

.jpui.dropdown .list-container {
    position: relative
}

.jpui.dropdown .list {
    display: none;
    list-style: none;
    border: .0625rem solid rgba(0, 0, 0, .17);
    box-shadow: 0 .125rem .188rem rgba(0, 0, 0, .28);
    padding: .0625rem;
    margin: 0;
    background: #fff;
    z-index: 999;
    text-align: left;
    position: absolute;
    width: 100%
}

.jpui.dropdown .option {
    padding: .625rem .5rem;
    cursor: pointer;
    overflow: auto;
    width: 100%
}

.jpui.dropdown .option.disabled {
    color: #ccc
}

.jpui.dropdown .option:not(.disabled):hover {
    background-color: #f3f0e9;
    color: #656565
}

.jpui.dropdown .option:not(.disabled).is-focused,
.jpui.dropdown .option:not(.disabled):focus {
    outline: .0625rem dashed #717171
}

.jpui.dropdown .option:not(.disabled):active {
    background-color: #0092ff;
    color: #fff
}

.jpui.dropdown .option:not(.disabled).active {
    padding-left: 0;
    border-left: .4rem solid #0092ff
}

.jpui.dropdown.show .list {
    display: block;
    margin: .25rem 0
}

.jpui.dropdown .dropdown-slidedown-animation {
    -webkit-animation: slideDown .15s ease 0s forwards;
    animation: slideDown .15s ease 0s forwards
}

@-webkit-keyframes slideDown {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes slideDown {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.jpui.dropdown .dropdown-list-hide {
    display: block;
    visibility: hidden;
    height: 0
}

.jpui.dropdown .dropdown-list-show {
    height: auto;
    visibility: visible
}

.jpui.dropdown.disabled:not(.navigation) .header {
    border-color: #bcbcbc
}

.jpui.dropdown.disabled .header {
    cursor: default
}

.jpui.dropdown.disabled .header .icon {
    cursor: default
}

.jpui.dropdown.disabled .header .header-text,
.jpui.dropdown.disabled .header .icon {
    color: #bcbcbc
}

.jpui.dropdown.disabled .input {
    cursor: default
}

.jpui.dropdown.disabled .input:focus {
    outline: 0;
    box-shadow: none
}

.jpui.dropdown ul {
    list-style-type: none;
    padding: 0
}

.jpui.dropdown .button {
    border: .063rem solid #999;
    box-shadow: .188rem .188rem .375rem #ccc
}

.jpui.dropdown .input {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    line-height: 1.375;
    cursor: pointer;
    overflow-x: hidden;
    text-overflow: ellipsis;
    height: auto;
    margin-bottom: 0;
    color: #414042;
    background-color: #fff;
    border: .063rem solid #959595
}

.jpui.dropdown .input:empty:before {
    content: attr(placeholder);
    color: #a9a9a9
}

.jpui.dropdown .input:focus {
    outline: .0625rem dashed #717171
}

.jpui.dropdown .input:focus {
    border: .063rem solid #0b6efd;
    box-shadow: .063rem .063rem 0 #0b6efd, .063rem -.063rem 0 #0b6efd, -.063rem .063rem 0 #0b6efd, -.063rem -.063rem 0 #0b6efd
}

.dark.jpui.dropdown .input:focus {
    outline: .063rem dashed #717171;
    box-shadow: none
}

.jpui.dropdown .wrap {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

.jpui.dropdown .wrap .input-icon {
    font-size: 1rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    color: #414042
}

.jpui.dropdown .wrap .input-icon i,
.jpui.dropdown .wrap .input-icon span {
    vertical-align: bottom
}

.jpui.dropdown .wrap .input {
    display: inline-block
}

.jpui.dropdown .wrap.left .input-icon {
    left: .5rem
}

.jpui.dropdown .wrap.left .input-icon.disabled {
    color: #bcbcbc
}

.jpui.dropdown .wrap.left .input {
    padding-left: 1.75rem
}

.jpui.dropdown .wrap.right .input-icon {
    right: .5rem
}

.jpui.dropdown .wrap.right .input {
    padding-right: 2.275rem
}

@media print {
    .jpui.dropdown .wrap .input-icon {
        transform: none;
        margin-top: -.72rem
    }
}

.jpui.dropdown .primary {
    overflow-y: hidden
}

.jpui.dropdown .primary span {
    pointer-events: none
}

.jpui.dropdown .list {
    display: block;
    visibility: hidden;
    height: 0
}

.jpui.dropdown.show .list {
    padding: 0;
    -webkit-animation: slideDown .15s ease 0s forwards;
    animation: slideDown .15s ease 0s forwards;
    height: auto;
    visibility: visible
}

@keyframes slideDown {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.jpui.dropdown.show .list>.group-container>.group-title,
.jpui.dropdown.show .list>.option>.primary {
    opacity: 1;
    padding-top: .625rem;
    padding-bottom: .625rem;
    line-height: 1.5
}

.jpui.dropdown.show .list .group-container {
    height: 2.75rem;
    margin: .0625rem 0
}

.jpui.dropdown.show .list .group-container.groupOpen {
    height: auto;
    visibility: visible
}

.jpui.dropdown.show .list .group-container.groupOpen .group-title {
    margin-bottom: -.25rem
}

.jpui.dropdown.show .list .group-container.groupOpen .group-title.group-title--safari {
    margin-bottom: .0625rem
}

.jpui.dropdown.show .list .group-container.groupOpen>.group-container {
    margin: 0;
    height: auto;
    visibility: visible
}

.jpui.dropdown.show .list .group-container .dropdown-option.option--divider {
    margin-bottom: .0625rem
}

.jpui.dropdown.show .list .group-container .dropdown-option.option--divider::after {
    content: '';
    position: absolute;
    height: .0625rem;
    left: 2.25rem;
    right: .75rem;
    background: #ccc;
    z-index: -1
}

@media screen and (max-width:767px) {
    .jpui.dropdown.show .list .group-container:last-child {
        margin-bottom: 0
    }
}

.jpui.dropdown.show .list>.group-container--divider,
.jpui.dropdown.show .list>.option--divider {
    box-shadow: 0 .0625rem #ccc
}

.jpui.dropdown.show .list>.group-container--divider.dropdown-option,
.jpui.dropdown.show .list>.option--divider.dropdown-option {
    margin-bottom: .0625rem
}

.jpui.dropdown.show:not(.dark) .input:hover {
    border: .063rem solid #0b6efd;
    box-shadow: 0 0 0 .063rem #0b6efd
}

.jpui.dropdown.show:not(.dark).addButton .input:hover {
    border: none;
    box-shadow: none
}

.jpui.dropdown.show:not(.dark) .input:focus {
    outline: 0
}

.jpui.dropdown.show .list-container--max-height>.list {
    max-height: 30.625rem;
    overflow-y: scroll
}

.jpui.dropdown.show .list-container--max-height>.list>.dropdown-option:first-child {
    margin-top: .0625rem
}

.jpui.dropdown.show .list-container--max-height>.list>.dropdown-option:last-child,
.jpui.dropdown.show .list-container--max-height>.list>.groupOpen>.group-container>.dropdown-option:last-child {
    margin-bottom: .0625rem
}

.jpui.dropdown.show .list-container--max-height>.list>.group-container:last-child:not(.groupOpen) {
    margin-bottom: .0625rem
}

.jpui.dropdown.show .list-container--max-height>.list>.group-container:last-child:not(.groupOpen)>.group-title {
    margin-bottom: -.625rem
}

.jpui.dropdown.show .list-container--max-height>.list>.group-container .dropdown-option>.primary,
.jpui.dropdown.show .list-container--max-height>.list>.group-container>.group-container>.dropdown-option>.primary {
    height: 0;
    padding-top: 0;
    padding-bottom: 0
}

.jpui.dropdown.show .list-container--max-height>.list>.group-container>.group-container {
    height: 0
}

.jpui.dropdown.show .list-container--max-height>.list>.group-container.groupOpen .dropdown-option>.primary,
.jpui.dropdown.show .list-container--max-height>.list>.group-container.groupOpen>.group-container>.dropdown-option>.primary {
    height: 2rem;
    padding-top: .625rem;
    padding-bottom: .625rem
}

.jpui.dropdown.show .list-container--max-height>.list>.group-container.groupOpen>.group-container {
    height: auto
}

.jpui.dropdown.show .list-container--max-height>.list:not(.list-container--touch-screen)>.group-container {
    height: 2rem
}

.jpui.dropdown.show .list-container--max-height>.list:not(.list-container--touch-screen)>.group-container.groupOpen {
    height: auto
}

.jpui.dropdown.show .list-container--max-height>.list:not(.list-container--touch-screen) .group-container>.group-title,
.jpui.dropdown.show .list-container--max-height>.list:not(.list-container--touch-screen) .option>.primary,
.jpui.dropdown.show .list-container--max-height>.list:not(.list-container--touch-screen)>.group-container.groupOpen>.group-container>.option>.primary {
    line-height: 1;
    padding-top: .5625rem;
    padding-bottom: .5625rem
}

.jpui.dropdown .option {
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.jpui.dropdown .option .primary {
    text-decoration: none;
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit;
    color: inherit;
    display: block;
    padding-left: 1rem;
    padding-right: 1rem
}

.jpui.dropdown .option .primary:active {
    background-color: #0092ff;
    color: #fff
}

.jpui.dropdown .option.disabled .jpui.link.primary.disabled {
    display: block;
    color: #bcbcbc;
    cursor: default
}

.jpui.dropdown .option.disabled .jpui.link.primary.disabled:focus {
    outline: 0;
    background-color: inherit;
    color: #bcbcbc
}

.jpui.dropdown .option.disabled .jpui.link.primary.disabled:hover {
    background-color: inherit;
    color: #bcbcbc
}

.jpui.dropdown .option.active .primary {
    padding-left: .625rem;
    color: #414042;
    font-weight: 600
}

.jpui.dropdown .option.active .primary:active {
    background-color: #0092ff;
    color: #fff
}

.jpui.dropdown .list-container .list .list-search-container {
    padding: 0;
    border-bottom: .0625rem solid #ccc
}

.jpui.dropdown .list-container .list .list-search-container .list-search {
    width: 100%;
    border: none;
    padding: .625rem 3rem;
    box-sizing: border-box
}

.jpui.dropdown .list-container .list .list-search-container .list-search::-ms-clear {
    display: none
}

.jpui.dropdown .list-container .list .list-search-container .list-search-icon {
    position: absolute;
    font-size: 1.25rem;
    margin-top: .625rem;
    margin-left: 1rem;
    color: #666
}

.jpui.dropdown .list-container .list .list-search-container .list-close-button {
    font-size: 1.25rem;
    position: absolute;
    right: 0;
    top: 0;
    margin: .6875rem .8125rem;
    cursor: pointer;
    border: none;
    background: 0 0;
    padding: 0
}

.jpui.dropdown .list-container .list .list-search-container .list-close-button:focus:focus {
    outline: .0625rem dashed #717171
}

.jpui.dropdown .list-container .list .list-banner {
    height: 2.75rem;
    padding: .625rem 1rem;
    width: 100%
}

.jpui.dropdown .list-container .list .list-banner:focus {
    outline: .063rem dashed #717171
}

.jpui.dropdown .list-container .list .list-banner .list-banner-text {
    margin: 0;
    color: #999
}

.jpui.dropdown .list-container .list.list--search-results .primary:not(:active):not(.disabled) {
    color: #414042
}

.jpui.dropdown .list-container .list.list--search-results .group-title {
    cursor: default
}

.jpui.dropdown .list-container .list.list--search-results .group-title:hover {
    color: inherit;
    background-color: inherit
}

.jpui.dropdown .group-container .group-title {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow-x: auto;
    overflow-y: hidden;
    text-decoration: none;
    display: inline-block;
    position: relative;
    padding: 1rem;
    cursor: pointer;
    color: #717171;
    font-weight: 400;
    white-space: pre-line;
    width: 100%
}

.jpui.dropdown .group-container .group-title:hover {
    background-color: #f3f0e9;
    color: #414042
}

.jpui.dropdown .group-container .group-title .group-label {
    margin-right: .875rem;
    display: inline-block
}

.jpui.dropdown .group-container .group-title .group-arrow {
    color: inherit;
    font-size: .8rem;
    position: absolute;
    right: .5rem;
    top: 50%;
    transform: translateY(-50%);
    line-height: 0
}

.jpui.dropdown .group-container .group-container {
    display: block;
    visibility: hidden;
    height: 0
}

.jpui.dropdown .group-container .group-container .dropdown-option.active .primary {
    padding-left: 1.875rem
}

.jpui.dropdown .group-container .group-container .dropdown-option .primary {
    padding-left: 2.25rem
}

.jpui.dropdown .group-container.groupOpen .group-title .group-arrow {
    color: #0092ff
}

.jpui.dropdown .group-container.groupOpen .group-container {
    -webkit-animation: slideDown .15s ease 0s forwards;
    animation: slideDown .15s ease 0s forwards;
    display: block;
    visibility: hidden;
    height: 0
}

@keyframes slideDown {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.jpui.dropdown .group-container.groupOpen .group-container>.option>.primary {
    opacity: 1;
    padding-top: .625rem;
    padding-bottom: .625rem;
    line-height: 1.5
}

.jpui.dropdown .group-container.groupOpen .group-arrow {
    transform: rotate(90deg);
    transition: transform .5s ease-out 0s
}

.jpui.dropdown.dark .input {
    background-color: #fff;
    border: .125rem solid #0b6efd;
    border-radius: .5rem;
    padding: .125rem .75rem .125rem 1rem;
    line-height: 1.7143
}

.jpui.dropdown.dark .input:hover {
    border: .125rem solid #0b6efd;
    box-shadow: none
}

.jpui.dropdown.dark .input:focus {
    border: .125rem solid #0b6efd
}

.jpui.dropdown.dark a.input:hover {
    font-weight: 400
}

.jpui.dropdown.dark .option .primary {
    padding-left: 1rem
}

.jpui.dropdown.dark .option:not(.disabled) .primary {
    margin: .0625rem
}

.jpui.dropdown.dark .option:not(.disabled) .primary:hover {
    background-color: #56504d
}

.jpui.dropdown.dark .option:not(.disabled) .primary:active {
    background-color: #0092ff
}

.jpui.dropdown.dark .option:not(.disabled):focus {
    background-color: #3d3734;
    color: #ccc
}

.jpui.dropdown.dark .option:not(.disabled).is-focused {
    outline: 0
}

.jpui.dropdown.dark .option:not(.disabled).is-focused .primary {
    outline: .0625rem dashed #fff
}

.jpui.dropdown.dark .option:not(.disabled):hover {
    background-color: #56504d;
    color: #ccc
}

.jpui.dropdown.dark .option.disabled .jpui.link {
    color: #717171
}

.jpui.dropdown.dark .list {
    min-width: 100%;
    right: 0;
    background-color: #3d3734;
    width: 20.9375rem;
    border: 0;
    padding: .0625rem 0
}

@media screen and (max-width:767px) {
    .jpui.dropdown.dark .list {
        width: inherit
    }
}

.jpui.dropdown.dark .list .group-container {
    margin: .0625rem
}

.jpui.dropdown.dark .list .group-container .group-title {
    padding-left: 1rem
}

.jpui.dropdown.dark .list .group-container .group-title:focus {
    outline: .0625rem dashed #fff
}

.jpui.dropdown.dark .list .group-container .group-title:focus {
    background-color: #3d3734
}

.jpui.dropdown.dark .list .group-container .group-title:hover {
    background-color: #56504d;
    color: #ccc
}

.jpui.dropdown.dark .list .group-container .group-title .group-arrow {
    color: #ccc
}

.jpui.dropdown.dark .list .group-container.groupOpen .group-title .group-arrow {
    color: #ccc
}

.jpui.dropdown.dark .list .group-container .option.is-focused {
    outline: .0625rem dashed #fff
}

.jpui.dropdown.dark .list .group-container .option.is-focused .primary {
    outline: 0
}

.jpui.dropdown.navigation.show .input:hover {
    border: .125rem solid #126bc5;
    box-shadow: none
}

.jpui.dropdown.navigation .input {
    padding-top: .1875rem;
    padding-bottom: .1875rem;
    border: .125rem solid #0b6efd;
    border-radius: .5rem;
    overflow-y: hidden
}

.jpui.dropdown.navigation .input:hover {
    border: .125rem solid #126bc5
}

.jpui.dropdown.navigation .input:focus {
    border: .125rem solid #126bc5;
    box-shadow: none
}

.jpui.dropdown.navigation .nav-icon {
    margin-top: .375rem
}

@media screen and (max-width:767px) {
    .jpui.dropdown.navigation .nav-icon {
        margin-top: .25rem
    }
}

.jpui.dropdown.navigation .nav-icon i {
    vertical-align: bottom
}

.jpui.dropdown.addButton {
    display: inline-block
}

.jpui.dropdown.addButton .input {
    display: block;
    padding-left: 0;
    padding-top: .1875rem;
    padding-bottom: .1875rem;
    position: relative;
    border: 0;
    overflow-y: hidden
}

.jpui.dropdown.addButton .input:hover {
    border: 0;
    box-shadow: none
}

.jpui.dropdown.addButton .input:focus {
    outline: .0625rem dashed #717171
}

.jpui.dropdown.addButton .input:focus {
    box-shadow: none
}

.jpui.dropdown.addButton .input .header-text {
    padding-left: .375rem;
    margin-top: .3125rem;
    display: inline-block;
    pointer-events: none
}

.jpui.dropdown.addButton .icon {
    float: left;
    font-size: 1.5rem;
    color: #126bc5
}

.jpui.dropdown.addButton .list-container .list {
    width: auto;
    min-width: 10rem;
    max-width: 28.125rem
}

.jpui.dropdown.addButton.rightAlignIcon.show .input:hover {
    padding-left: .125rem
}

.jpui.dropdown.addButton.rightAlignIcon .input.header.field {
    text-overflow: unset
}

.jpui.dropdown.addButton.rightAlignIcon .header-text {
    transform: translateY(-.3125rem);
    padding-left: 0
}

.jpui.dropdown.addButton.rightAlignIcon .plus {
    float: none
}

.jpui.dropdown.addButton.disabled .header-text {
    pointer-events: auto
}

.jpui.dropdown.addButton.disabled .icon {
    font-size: 1.5rem
}

.jpui.dropdown.addButton.rightAlign {
    float: right
}

.jpui.dropdown.addButton.rightAlign .input {
    padding: 0
}

.jpui.dropdown.addButton.rightAlign .list-container .list {
    right: 0
}

.jpui.dropdown.flyoutMenu {
    display: inline-block
}

.jpui.dropdown.flyoutMenu.show .input:hover {
    border: 0;
    box-shadow: none
}

.jpui.dropdown.flyoutMenu:not(.show) .input:focus .minitooltip {
    opacity: 0;
    -webkit-animation: showMiniTooltip .1s ease .75s both;
    animation: showMiniTooltip .1s ease .75s both;
    clip: auto;
    padding: .75rem 1rem;
    bottom: -.25rem;
    right: auto;
    left: 0;
    width: 12.125rem;
    height: auto;
    max-width: 18rem;
    font-size: .875rem;
    color: #414042;
    border: .0625rem solid #ccc;
    border-radius: 0;
    background-color: #f9f6f3;
    box-shadow: 0 .125rem .1875rem 0 rgba(0, 0, 0, .28);
    z-index: 1;
    transform: translateY(100%)
}

@-webkit-keyframes showMiniTooltip {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes showMiniTooltip {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.jpui.dropdown.flyoutMenu:not(.show) .input:focus .minitooltip.rightAlign {
    left: auto;
    right: 0
}

.jpui.dropdown.flyoutMenu:not(.show) .input:focus .minitooltip.centerAlign {
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    bottom: auto;
    margin-top: .25rem
}

@media (min-width:768px) {
    .jpui.dropdown.flyoutMenu:not(.show) .input:focus .minitooltip {
        max-width: 21.875rem
    }
}

@media (min-width:992px) {
    .jpui.dropdown.flyoutMenu:not(.show) .input:focus .minitooltip {
        max-width: 24.25rem
    }
}

.jpui.dropdown.flyoutMenu .input {
    display: inline-block;
    padding-left: 0;
    position: relative;
    border: 0;
    overflow: visible
}

.jpui.dropdown.flyoutMenu .input .hasMinitooltip {
    position: static
}

.jpui.dropdown.flyoutMenu .input:hover {
    border: 0;
    box-shadow: none
}

.jpui.dropdown.flyoutMenu .input:focus {
    outline: 0;
    box-shadow: none
}

.jpui.dropdown.flyoutMenu .input:focus .iconaction .jpui.icon {
    outline: .0625rem dashed #666
}

.jpui.dropdown.flyoutMenu .header {
    padding: 0
}

.jpui.dropdown.flyoutMenu .icon {
    vertical-align: top;
    position: relative
}

.jpui.dropdown.flyoutMenu .list-container {
    padding-top: .5625rem
}

.jpui.dropdown.flyoutMenu .list-container .list {
    position: absolute;
    min-width: 10rem;
    max-width: 28.125rem
}

.jpui.dropdown.flyoutMenu .list-container .list.pointing-arrow {
    margin: 0
}

.jpui.dropdown.flyoutMenu .list-container .list.pointing-arrow:before {
    position: absolute;
    content: '';
    width: .6rem;
    height: .6rem;
    background-image: none;
    transform: rotate(45deg);
    z-index: -1;
    background-color: #fff;
    border-left: .0625rem solid #dbd5ca;
    border-top: .0625rem solid #dbd5ca;
    border-right: 0;
    border-bottom: 0;
    top: -.375rem
}

.jpui.dropdown.flyoutMenu .list-container .list.flip-right {
    left: 0
}

.jpui.dropdown.flyoutMenu .list-container .list.flip-right.small:before {
    left: .125rem
}

.jpui.dropdown.flyoutMenu .list-container .list.flip-right.medium:before {
    left: .3125rem
}

.jpui.dropdown.flyoutMenu .list-container .list.flip-right.large:before {
    left: .75rem
}

.jpui.dropdown.flyoutMenu .list-container .list.flip-left {
    right: 0
}

.jpui.dropdown.flyoutMenu .list-container .list.flip-left.small:before {
    right: .125rem
}

.jpui.dropdown.flyoutMenu .list-container .list.flip-left.medium:before {
    right: .3125rem
}

.jpui.dropdown.flyoutMenu .list-container .list.flip-left.large:before {
    right: .75rem
}

.jpui.dropdown.flyoutMenu .list-container .list.flip-center {
    right: 0
}

.jpui.dropdown.flyoutMenu .list-container .list.flip-center:before {
    left: 51%
}

.jpui.dropdown.flyoutMenu .list-container .list .option .primary {
    text-decoration: none;
    color: #414042;
    display: block;
    background-color: #fff
}

.jpui.dropdown.flyoutMenu .list-container .list .option .primary:hover {
    background-color: #f3f0e9;
    color: #414042
}

.jpui.dropdown.flyoutMenu .list-container .list .option .primary:active {
    background-color: #0092ff;
    color: #fff
}

.jpui.fieldhelpertext {
    margin-top: 0;
    margin-left: 0
}

.jpui.fieldhelpertext .additionalText {
    display: inline-block;
    margin: 0
}

.jpui.fieldlabel {
    color: #717171
}

.jpui.fieldlabel.error {
    color: #bf2155
}

.jpui.fieldlabel.error:before {
    content: attr(data-error);
    position: absolute !important;
    clip: rect(.0625rem .0625rem .0625rem .0625rem);
    clip: rect(.0625rem, .0625rem, .0625rem, .0625rem);
    padding: 0 !important;
    border: 0 !important;
    height: .0625rem !important;
    width: .0625rem !important;
    overflow: hidden
}

.jpui.chart .accessibleLink {
    display: block;
    text-align: center
}

.jpui.chart .accessibleLink--translated {
    position: relative
}

.jpui.chart .accessibleLink--small-translation {
    top: .5rem
}

.jpui.chart .accessibleLink--medium-translation {
    top: 1rem
}

.jpui.chart .accessibleLink--large-translation {
    top: 1.5rem
}

.jpui.chart:not(.donut-pie) .svgContainer {
    height: 100%
}

.jpui.chart.bar:not(.donut-pie) {
    display: flex;
    flex-direction: column
}

.jpui.chart.bar:not(.donut-pie) .svgContainer {
    flex-grow: 1;
    flex-shrink: 1
}

.jpui.chart .pie-container {
    width: 100%;
    height: 100%;
    display: flex;
    margin-top: -.3125rem
}

.jpui.chart .pie-container.chart__horizontal-single-bar {
    display: block
}

.jpui.chart .pie-container .chart__horizontal-single-bar-container {
    display: flex
}

@media (max-width:767px) {
    .jpui.chart .pie-container .chart__horizontal-single-bar-container {
        height: 2.125rem
    }
}

@media (min-width:768px) and (max-width:991px),
(min-width:1200px) {
    .jpui.chart .pie-container .chart__horizontal-single-bar-container {
        height: 3rem
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .jpui.chart .pie-container .chart__horizontal-single-bar-container {
        height: 3.625rem
    }
}

.jpui.chart .pie-container .chart__horizontal-single-bar-container .chart__horizontal-single-bar-slice {
    margin: auto .125rem auto 0
}

@media (max-width:767px) {
    .jpui.chart .pie-container .chart__horizontal-single-bar-container .chart__horizontal-single-bar-slice {
        height: 1.375rem
    }
}

@media (min-width:768px) and (max-width:991px),
(min-width:1200px) {
    .jpui.chart .pie-container .chart__horizontal-single-bar-container .chart__horizontal-single-bar-slice {
        height: 1.875rem
    }

    .jpui.chart .pie-container .chart__horizontal-single-bar-container .chart__horizontal-single-bar-slice.hover-highlight,
    .jpui.chart .pie-container .chart__horizontal-single-bar-container .chart__horizontal-single-bar-slice:hover {
        height: 2.125rem
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .jpui.chart .pie-container .chart__horizontal-single-bar-container .chart__horizontal-single-bar-slice {
        height: 2.5rem
    }

    .jpui.chart .pie-container .chart__horizontal-single-bar-container .chart__horizontal-single-bar-slice.hover-highlight,
    .jpui.chart .pie-container .chart__horizontal-single-bar-container .chart__horizontal-single-bar-slice:hover {
        height: 2.75rem
    }
}

.jpui.chart .pie-container .chart__horizontal-single-bar-container--hide {
    display: none
}

.jpui.chart .pie-container.right-align {
    flex-direction: row-reverse;
    margin-right: 0
}

.jpui.chart .pie-container .chart-container {
    height: 100%;
    display: inline-flex;
    padding-top: 1.75rem
}

@media (max-width:767px) {
    .jpui.chart .pie-container .chart-container {
        width: 100%
    }
}

@media (min-width:768px) and (max-width:991px),
(min-width:1200px) {
    .jpui.chart .pie-container .chart-container {
        width: 10.4375rem;
        margin-right: .5rem
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .jpui.chart .pie-container .chart-container {
        width: 8.25rem;
        margin-right: .1875rem
    }
}

.jpui.chart .pie-container .chart-container.hideChart {
    display: none
}

.jpui.chart .pie-container .chart-container .svgContainer {
    overflow: visible
}

.jpui.chart .pie-container .table {
    width: 80%;
    height: 100%;
    display: inline-flex
}

.jpui.chart .pie-container .table.grouped-pie-donut {
    display: block;
    margin-top: -1.125rem
}

.jpui.chart .pie-container .table.grouped-pie-donut .grouped-table__header {
    border-bottom: .125rem solid #ccc;
    margin-bottom: -1.5rem;
    margin-top: 2rem;
    font-size: .875rem;
    font-weight: 700;
    color: #717171;
    padding: .25rem .325rem;
    padding-bottom: .5rem
}

.jpui.chart .pie-container .table.grouped-pie-donut .grouped-table__header .cell {
    display: inline-block
}

.jpui.chart .pie-container .table.grouped-pie-donut .grouped-table__header .cell.x-value {
    width: 60%
}

.jpui.chart .pie-container .table.grouped-pie-donut .grouped-table__header .cell.z-value {
    width: 20%;
    text-align: center
}

.jpui.chart .pie-container .table.grouped-pie-donut .grouped-table__header .cell.y-value {
    width: 20%;
    text-align: right
}

.jpui.chart .pie-container .table.grouped-pie-donut .chart-table .content-row:last-of-type {
    border-bottom: .0625rem solid #ccc
}

.jpui.chart .pie-container .table.grouped-pie-donut .chart-table .caption-header {
    padding-top: .3125rem;
    color: #414042;
    display: -moz-box
}

.jpui.chart .pie-container .table.grouped-pie-donut .chart-table .header-row {
    height: 1.625rem
}

.jpui.chart .pie-container .table.grouped-pie-donut .chart-table .header-row:not(:first-of-type) {
    padding-top: .25rem
}

.jpui.chart .pie-container .table.grouped-pie-donut .chart-table .header-row .cell {
    color: #414042
}

.jpui.chart .pie-container .table.grouped-pie-donut .chart-table:not(:first-of-type) .caption-header {
    top: 1.375rem
}

.jpui.chart .pie-container .table.grouped-pie-donut .chart-table:first-of-type .caption-header {
    top: 1.4375rem
}

.jpui.chart .pie-container .table.grouped-pie-donut .chart-table .x-value {
    width: 55%
}

.jpui.chart .pie-container .table.grouped-pie-donut .chart-table .x-value .color-container~.text-container {
    padding-left: .125rem
}

.jpui.chart .pie-container .table.grouped-pie-donut .chart-table .y-value {
    width: 25%;
    text-align: right
}

.jpui.chart .pie-container .table.grouped-pie-donut .chart-table .z-value {
    width: 20%;
    text-align: right
}

.jpui.chart .pie-container .table:not(.grouped-pie-donut) .chart-table .header-row {
    border-bottom: .0625rem solid #ccc
}

.jpui.chart .pie-container .table.full-table {
    width: 100%
}

.jpui.chart .pie-container .table:not(.grouped-pie-donut) .chart-table:first-of-type .header-row:first-of-type .cell {
    color: #717171
}

.jpui.chart .pie-container .table .chart-table {
    width: 100%
}

.jpui.chart .pie-container .table .chart-table:not(:last-child) {
    margin-bottom: -1.5rem
}

.jpui.chart .pie-container .table .chart-table .caption-header {
    position: relative;
    top: 2.3125rem;
    width: 50%;
    text-align: left;
    left: .5rem;
    font-weight: 700;
    color: #414042;
    font-size: .875rem
}

.jpui.chart .pie-container .table .chart-table .header-row {
    font-size: .8125rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.chart .pie-container .table .chart-table .header-row {
        font-size: .875rem
    }
}

.jpui.chart .pie-container .table .chart-table .header-row .cell {
    color: #414042;
    padding: .25rem .5rem
}

.jpui.chart .pie-container .table .chart-table .header-row .cell .total-percent,
.jpui.chart .pie-container .table .chart-table .header-row .cell .total-value {
    font-weight: 400;
    color: #414042
}

.jpui.chart .pie-container .table .chart-table .percent-label,
.jpui.chart .pie-container .table .chart-table .value-label {
    position: absolute;
    left: -625rem;
    top: auto;
    width: .0625rem;
    height: .0625rem;
    overflow: hidden
}

.jpui.chart .pie-container .table .chart-table .content-row {
    font-size: .8125rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none;
    border-top: .0625rem dashed #ccc
}

@media screen and (min-width:768px) {
    .jpui.chart .pie-container .table .chart-table .content-row {
        font-size: .875rem
    }
}

.jpui.chart .pie-container .table .chart-table .content-row a,
.jpui.chart .pie-container .table .chart-table .content-row a:active,
.jpui.chart .pie-container .table .chart-table .content-row a:hover,
.jpui.chart .pie-container .table .chart-table .content-row a:visited {
    font-size: .8125rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.chart .pie-container .table .chart-table .content-row a,
    .jpui.chart .pie-container .table .chart-table .content-row a:active,
    .jpui.chart .pie-container .table .chart-table .content-row a:hover,
    .jpui.chart .pie-container .table .chart-table .content-row a:visited {
        font-size: .875rem
    }
}

.jpui.chart .pie-container .table .chart-table .content-row.hover-highlight {
    background: #ededed
}

.jpui.chart .pie-container .table .chart-table .content-row .cell {
    padding: .25rem .325rem;
    padding-right: .5rem;
    padding-left: .5rem
}

.jpui.chart .pie-container .table .chart-table .x-value {
    white-space: nowrap;
    text-align: left;
    padding-left: .5rem
}

.jpui.chart .pie-container .table .chart-table .x-value .color-container {
    display: inline-block;
    vertical-align: top
}

.jpui.chart .pie-container .table .chart-table .x-value .text-container {
    display: inline-block;
    white-space: normal;
    padding-left: 1.25rem
}

.jpui.chart .pie-container .table .chart-table .x-value .legend-circle {
    position: relative;
    top: .125rem;
    padding-right: .375rem;
    content: '';
    width: .875rem;
    height: .875rem;
    display: inline-block;
    border-radius: 50%
}

.jpui.chart .pie-container .table .chart-table .x-value .legend-circle.hide-empty-legend-circle {
    visibility: hidden
}

.jpui.chart .pie-container .table .chart-table .y-value {
    text-align: right;
    padding-right: .5rem
}

.jpui.chart .pie-container .table .chart-table .z-value {
    text-align: right;
    padding-right: .5rem
}

@media (max-width:767px) {
    .jpui.chart .pie-container {
        display: block
    }

    .jpui.chart .pie-container .chart {
        height: 50%;
        width: 100%
    }

    .jpui.chart .pie-container .table {
        height: 50%;
        width: 100%
    }
}

.jpui.chart.stack-chart .pie-container {
    display: block
}

.jpui.chart.stack-chart .pie-container .chart-container {
    height: 50%;
    width: 100%
}

.jpui.chart.stack-chart .pie-container .table {
    height: 50%;
    width: 100%
}

.jpui.chart .legend {
    border-bottom: .125rem;
    margin-left: .625rem
}

.jpui.chart .legend.legend--grouped-bar {
    flex-shrink: 0;
    padding-left: 0;
    padding-bottom: 1.875rem
}

@media (max-width:767px) {
    .jpui.chart .legend.legend--grouped-bar {
        margin-left: 0;
        display: flex;
        flex-direction: column
    }
}

.jpui.chart .legend.legend--grouped-bar-axis-right {
    padding-left: 1.75rem
}

@media (max-width:767px) {
    .jpui.chart .legend.legend--grouped-bar-axis-right {
        margin-left: .625rem;
        padding-left: .75rem;
        display: flex;
        flex-direction: column
    }
}

.jpui.chart .legend .legend__item {
    padding-right: 1.5rem
}

.jpui.chart .legend .legend-square {
    content: '';
    width: 1.125rem;
    height: 1.125rem;
    display: inline-block;
    position: relative;
    top: .1875rem;
    margin-right: .5rem
}

.jpui.chart .legend .name {
    font-size: .875rem;
    color: #717171
}

.jpui.chart .legend .value {
    font-size: .875rem;
    font-weight: 700;
    color: #414042
}

.jpui.chart .svgContainer {
    overflow: visible;
    width: 100%
}

.jpui.chart .svgContainer .axis,
.jpui.chart .svgContainer .x-axis,
.jpui.chart .svgContainer .y-axis {
    stroke: #717171;
    shape-rendering: crispedges
}

.jpui.chart .svgContainer .axis .tick,
.jpui.chart .svgContainer .x-axis .tick,
.jpui.chart .svgContainer .y-axis .tick {
    color: #414042;
    font-size: .75rem;
    font-weight: lighter
}

.jpui.chart .svgContainer .axis .tick line,
.jpui.chart .svgContainer .x-axis .tick line,
.jpui.chart .svgContainer .y-axis .tick line {
    opacity: .2
}

.jpui.chart .svgContainer .axis>path,
.jpui.chart .svgContainer .x-axis>path,
.jpui.chart .svgContainer .y-axis>path {
    opacity: 0
}

.jpui.chart .svgContainer .area {
    fill: #2bbac8;
    opacity: .8;
    stroke-width: 0
}

.jpui.chart .svgContainer .areaLine {
    stroke: #115880;
    stroke-width: 2;
    fill: none
}

.jpui.chart .svgContainer .constantLine {
    fill: none;
    stroke: #115880;
    stroke-width: .0625rem;
    stroke-dasharray: 4
}

.jpui.chart .svgContainer .lineChart {
    fill: none;
    stroke-width: .125rem
}

.jpui.chart .svgContainer .lineChart.afterHours,
.jpui.chart .svgContainer .lineChart.beforeHours {
    stroke: #457c9b
}

.jpui.chart .svgContainer .lineChart.normalHours {
    stroke: #115880
}

.jpui.chart .svgContainer .xAxisLine {
    stroke: #ccc;
    stroke-width: .125rem
}

.jpui.chart .svgContainer .hoverContainer {
    fill: none;
    pointer-events: all
}

.jpui.chart .svgContainer .hover .focusLine {
    stroke: #194a80;
    stroke-dasharray: 4
}

.jpui.chart .svgContainer .hover .hoverTextContainer {
    fill: #194a80
}

.jpui.chart .svgContainer .hover .hoverValueText {
    fill: #fff;
    font-weight: 700;
    font-size: .875rem
}

.jpui.chart .svgContainer .hover .hoverTimeText {
    fill: #fff;
    font-size: .875rem
}

.jpui.chart .svgContainer .constantLineText {
    fill: #fff;
    font-size: .8125rem
}

.jpui.chart .svgContainer .constantLineTriangle {
    fill: #115880
}

.jpui.chart .svgContainer .constantLineBox {
    fill: #115880
}

.jpui.chart .svgContainer .positive-bar {
    fill: #115880;
    opacity: 1
}

.jpui.chart .svgContainer .negative-bar {
    fill: #115880;
    opacity: 1
}

.jpui.chart .svgContainer .baseline {
    stroke: #dfd9d3;
    stroke-width: 2;
    fill: none
}

.jpui.chart .svgContainer .afterHoursStart,
.jpui.chart .svgContainer .beforeHoursEnd {
    stroke: #ccc;
    stroke-width: .0625rem
}

.jpui.chart .svgContainer .graph-container text,
.jpui.chart .svgContainer .x-axis text,
.jpui.chart .svgContainer .y-axis text {
    font-size: .75rem;
    font-weight: lighter;
    stroke: #414042
}

.jpui.explore-product {
    height: 8.75rem;
    width: 6.375rem;
    background-color: rgba(0, 0, 0, .55)
}

.jpui.explore-product .explore-product__cta-container {
    text-decoration: none
}

.jpui.explore-product .explore-product__content {
    text-align: center;
    padding-top: 3rem
}

.jpui.explore-product .explore-product__icon-container {
    padding-bottom: .3125rem;
    display: inline-block
}

.jpui.explore-product .explore-product__cta-title {
    text-align: center;
    color: #fff;
    font-size: .9375rem;
    line-height: 1.4;
    text-shadow: 0 .125rem .125rem rgba(0, 0, 0, .5);
    margin: 0
}

.jpui.gallery {
    position: relative
}

@font-face {
    font-family: video-icon;
    src: url(fonts/video-icon.eot?460wyr);
    src: url(fonts/video-icon.eot?460wyr#iefix) format('embedded-opentype'), url(fonts/video-icon.ttf?460wyr) format('truetype'), url(fonts/video-icon.woff?460wyr) format('woff'), url(fonts/video-icon.svg?460wyr#video-icon) format('svg');
    font-weight: 400;
    font-style: normal
}

.jpui.gallery [class*=" jpui-video-"],
.jpui.gallery [class^=jpui-video-] {
    font-family: video-icon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.jpui.gallery .jpui-video-play-icon:before {
    content: "\e901"
}

.jpui.gallery a {
    display: inline-block;
    height: auto;
    width: auto;
    text-decoration: none
}

.jpui.gallery a h3 {
    font-size: .8125rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.gallery a h3 {
        font-size: .875rem
    }
}

.jpui.gallery a :hover span.overlay {
    color: #ccc
}

.jpui.gallery a .overlay-container {
    position: absolute;
    top: 0;
    left: 0
}

.jpui.gallery a .overlay-container .overlay {
    position: relative;
    display: table;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    color: #fff
}

.jpui.gallery a .overlay-container .overlay:before {
    font-size: 3rem;
    background-color: rgba(0, 0, 0, .5);
    border-radius: 50%
}

.jpui.gallery.overview a h3 {
    margin-top: 7px;
    margin-bottom: 3px
}

.jpui.gallery.large a h3 {
    margin-top: 15px;
    margin-bottom: 10px
}

.jpui.gallery p {
    font-size: .8125rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none;
    margin-top: 0
}

@media screen and (min-width:768px) {
    .jpui.gallery p {
        font-size: .875rem
    }
}

.jpui.gallery p a,
.jpui.gallery p a:active,
.jpui.gallery p a:hover,
.jpui.gallery p a:visited {
    font-size: .8125rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.gallery p a,
    .jpui.gallery p a:active,
    .jpui.gallery p a:hover,
    .jpui.gallery p a:visited {
        font-size: .875rem
    }
}

.jpui.gallery p span {
    padding-left: 2px
}

.jpui.gallery .overlay-container,
.jpui.gallery .thumbnail {
    vertical-align: bottom
}

.jpui.gallery.overview .overlay-container,
.jpui.gallery.overview .thumbnail {
    width: 100px;
    height: 56px
}

.jpui.gallery.large .overlay-container,
.jpui.gallery.large .thumbnail {
    height: 162px;
    width: 288px
}

@media (min-width:768px) {

    .jpui.gallery.overview .overlay-container,
    .jpui.gallery.overview .thumbnail {
        width: 102px;
        height: 57px
    }

    .jpui.gallery.large .overlay-container,
    .jpui.gallery.large .thumbnail {
        height: 126px;
        width: 224px
    }
}

@media (min-width:992px) {

    .jpui.gallery.overview .overlay-container,
    .jpui.gallery.overview .thumbnail {
        width: 100px;
        height: 56px
    }

    .jpui.gallery.large .overlay-container,
    .jpui.gallery.large .thumbnail {
        height: 126px;
        width: 224px
    }
}

@media (min-width:1200px) {

    .jpui.gallery.overview .overlay-container,
    .jpui.gallery.overview .thumbnail {
        width: 122px;
        height: 69px
    }

    .jpui.gallery.large .overlay-container,
    .jpui.gallery.large .thumbnail {
        height: 150px;
        width: 268px
    }
}

.jpui.gripperbar {
    border-bottom: .0625rem solid #ccc;
    box-shadow: 0 .25rem .1875rem -.1875rem rgba(102, 102, 102, .27)
}

.jpui.gripperbar .gripperContent.open {
    display: block;
    opacity: 1;
    transition: opacity .3s ease-out 0s
}

.jpui.gripperbar .gripperContent.closed {
    display: none;
    opacity: 0;
    transition: opacity .3s ease-out 0s
}

.jpui.gripperbar .gripperExpand {
    height: 2.375rem;
    margin-top: 1.375rem
}

.jpui.gripperbar .gripperExpand.open .icon {
    border-top: .0625rem solid #ccc;
    padding-top: .25rem
}

.jpui.gripperbar .gripperExpand.closed .icon {
    border-bottom: .0625rem solid #ccc;
    padding-bottom: .25rem
}

.jpui.gripperbar .gripperExpand a,
.jpui.gripperbar .gripperExpand span {
    display: inline-block;
    height: 2.375rem;
    text-decoration: none
}

.jpui.gripperbar .gripperExpand a .icon,
.jpui.gripperbar .gripperExpand span .icon {
    width: 4rem;
    line-height: inherit;
    color: #126bc5;
    font-size: 2rem;
    cursor: pointer
}

.jpui.gripperbar .gripperExpand a .icon[disabled],
.jpui.gripperbar .gripperExpand span .icon[disabled] {
    color: #bcbcbc;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default
}

.jpui.gripperbar .gripperExpand a .closed-icon,
.jpui.gripperbar .gripperExpand span .closed-icon {
    transform: rotate(180deg)
}

.jpui.grouped.table {
    font-family: 'Open Sans', sans-serif;
    width: 100%;
    overflow: hidden
}

.jpui.grouped.table th {
    border-top: 0
}

.jpui.grouped.table thead>tr>th {
    border-bottom: 0;
    padding: .3125rem .625rem;
    vertical-align: top;
    text-align: left;
    color: #403f41;
    font-weight: 600;
    font-size: .875rem
}

.jpui.grouped.table thead>tr>th.right.text {
    text-align: right
}

.jpui.grouped.table thead>tr>th:first-child {
    padding-left: 0
}

.jpui.grouped.table thead>tr>th:last-child {
    padding-right: 0
}

.jpui.grouped.table tbody {
    border-collapse: collapse
}

.jpui.grouped.table tbody>tr {
    border-bottom: .0625rem solid #999
}

.jpui.grouped.table tbody>tr:last-child {
    border-bottom: 0
}

.jpui.grouped.table tbody>tr>td {
    border: 0
}

.jpui.grouped.table tbody>tr.no.bottom.border>td {
    border-bottom: 0
}

.jpui.grouped.table tbody>tr:nth-child(even) {
    background: 0 0
}

.jpui.grouped.table tbody>tr>td {
    font-size: .875rem;
    font-weight: 400;
    padding: .3125rem .625rem .625rem;
    color: #403f41
}

.jpui.grouped.table tbody>tr>td.emphasize {
    font-size: 1.125rem
}

.jpui.grouped.table tbody>tr>td.right.text {
    text-align: right
}

.jpui.grouped.table tbody>tr>td:first-child {
    padding-left: 0
}

.jpui.grouped.table tbody>tr>td:last-child {
    padding-right: 0
}

.jpui.grouped.table span.subtitle {
    color: #999;
    font-size: .75rem;
    display: block;
    margin-top: .3125rem
}

.jpui.heroheader {
    position: relative;
    height: 100%;
    width: 100%;
    text-align: center;
    border-bottom: .25rem solid #f6f6f6
}

.jpui.heroheader.heroheader--with-icon {
    padding: 1.5rem 0
}

.jpui.heroheader .heroheader__note {
    background-color: #f6f6f6;
    padding: .75rem .75rem .5rem;
    text-align: left
}

.jpui.heroheader .heroheader__note--large {
    font-size: 1rem
}

.jpui.heroheader .heroheader__note--above {
    padding: .75rem
}

.jpui.heroheader .heroheader__icon {
    font-size: 3.625rem
}

.jpui.heroheader .heroheader__title {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    height: 8rem;
    width: 85%;
    margin: auto
}

.jpui.heroheader .heroheader__message {
    margin-top: .75rem
}

.jpui.image {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    background-color: transparent;
    line-height: 0
}

.jpui.imageimg {
    display: block
}

.jpui.image img {
    width: 100%
}

.jpui.image.xsmall img {
    width: 100%;
    max-width: .25rem
}

.jpui.image.small img {
    width: 100%;
    max-width: 5rem
}

.jpui.image.medium img {
    width: 100%;
    max-width: 9.375rem
}

.jpui.image.large img {
    width: 100%;
    max-width: 18.75rem
}

.jpui.image.xlarge img {
    width: 100%;
    max-width: 30rem
}

.jpui.image.circular {
    overflow: hidden
}

.jpui.image.circular,
.jpui.image.circular img {
    border-radius: 500rem
}

.jpui.image.rounded,
.jpui.image.rounded img {
    border-radius: .3125rem
}

.jpui.image.bordered,
.jpui.image.bordered img {
    border: .0625rem solid rgba(0, 0, 0, .1)
}

.jpui.image.disabled,
.jpui.image.disabled img {
    opacity: .3;
    cursor: default
}

.jpui.image.blurred img {
    filter: blur(.1875rem)
}

.jpui.image.blurred.image[data-blurlevel=low] img {
    filter: blur(.0625rem)
}

.jpui.image.blurred.image[data-blurlevel=medium] img {
    filter: blur(.1875rem)
}

.jpui.image.blurred.image[data-blurlevel=high] img {
    filter: blur(.3125rem)
}

.jpui.image.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1
}

.jpui.image.background {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.jpui.image.background.blurred {
    overflow: hidden;
    filter: blur(.3125rem)
}

.jpui.iconwrap {
    cursor: default
}

.jpui.iconwrap span.accessible-text {
    position: absolute !important;
    clip: rect(.0625rem .0625rem .0625rem .0625rem);
    clip: rect(.0625rem, .0625rem, .0625rem, .0625rem);
    padding: 0 !important;
    border: 0 !important;
    height: .0625rem !important;
    width: .0625rem !important;
    overflow: hidden
}

.jpui.iconwrap span.accessible-text i:focus {
    outline: .0625rem dashed #717171
}

.jpui.iconwrap:focus {
    outline: 0 !important
}

.jpui.iconwrap:focus i:not([disabled]) {
    outline: .0625rem dashed #717171
}

.jpui.iconwrap .minitooltip {
    position: absolute !important;
    padding: 0;
    border: 0;
    height: .0625rem;
    width: .0625rem;
    overflow: hidden;
    clip: rect(.0625rem, .0625rem, .0625rem, .0625rem)
}

.jpui.iconwrap .minitooltip.show {
    opacity: 0;
    -webkit-animation: showMiniTooltip .1s ease .75s both;
    animation: showMiniTooltip .1s ease .75s both;
    clip: auto;
    padding: .75rem 1rem;
    bottom: -.25rem;
    right: auto;
    left: 0;
    width: 12.125rem;
    height: auto;
    max-width: 18rem;
    font-size: .875rem;
    color: #414042;
    border: .0625rem solid #ccc;
    border-radius: 0;
    background-color: #f9f6f3;
    box-shadow: 0 .125rem .1875rem 0 rgba(0, 0, 0, .28);
    z-index: 1;
    transform: translateY(100%)
}

@keyframes showMiniTooltip {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.jpui.iconwrap .minitooltip.show.rightAlign {
    left: auto;
    right: 0
}

.jpui.iconwrap .minitooltip.show.centerAlign {
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    bottom: auto;
    margin-top: .25rem
}

@media (min-width:768px) {
    .jpui.iconwrap .minitooltip.show {
        max-width: 21.875rem
    }
}

@media (min-width:992px) {
    .jpui.iconwrap .minitooltip.show {
        max-width: 24.25rem
    }
}

.jpui.iconwrap.hasMinitooltip {
    position: relative
}

.jpui.iconwrap.hasMinitooltip:hover:not(.touch) .minitooltip {
    opacity: 0;
    -webkit-animation: showMiniTooltip .1s ease .75s both;
    animation: showMiniTooltip .1s ease .75s both;
    clip: auto;
    padding: .75rem 1rem;
    bottom: -.25rem;
    right: auto;
    left: 0;
    width: 12.125rem;
    height: auto;
    max-width: 18rem;
    font-size: .875rem;
    color: #414042;
    border: .0625rem solid #ccc;
    border-radius: 0;
    background-color: #f9f6f3;
    box-shadow: 0 .125rem .1875rem 0 rgba(0, 0, 0, .28);
    z-index: 1;
    transform: translateY(100%)
}

@keyframes showMiniTooltip {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.jpui.iconwrap.hasMinitooltip:hover:not(.touch) .minitooltip.rightAlign {
    left: auto;
    right: 0
}

.jpui.iconwrap.hasMinitooltip:hover:not(.touch) .minitooltip.centerAlign {
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    bottom: auto;
    margin-top: .25rem
}

@media (min-width:768px) {
    .jpui.iconwrap.hasMinitooltip:hover:not(.touch) .minitooltip {
        max-width: 21.875rem
    }
}

@media (min-width:992px) {
    .jpui.iconwrap.hasMinitooltip:hover:not(.touch) .minitooltip {
        max-width: 24.25rem
    }
}

.jpui.iconwrap.hasMinitooltip:focus .minitooltip {
    opacity: 0;
    -webkit-animation: showMiniTooltip .1s ease .75s both;
    animation: showMiniTooltip .1s ease .75s both;
    clip: auto;
    padding: .75rem 1rem;
    bottom: -.25rem;
    right: auto;
    left: 0;
    width: 12.125rem;
    height: auto;
    max-width: 18rem;
    font-size: .875rem;
    color: #414042;
    border: .0625rem solid #ccc;
    border-radius: 0;
    background-color: #f9f6f3;
    box-shadow: 0 .125rem .1875rem 0 rgba(0, 0, 0, .28);
    z-index: 1;
    transform: translateY(100%)
}

@keyframes showMiniTooltip {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.jpui.iconwrap.hasMinitooltip:focus .minitooltip.rightAlign {
    left: auto;
    right: 0
}

.jpui.iconwrap.hasMinitooltip:focus .minitooltip.centerAlign {
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    bottom: auto;
    margin-top: .25rem
}

@media (min-width:768px) {
    .jpui.iconwrap.hasMinitooltip:focus .minitooltip {
        max-width: 21.875rem
    }
}

@media (min-width:992px) {
    .jpui.iconwrap.hasMinitooltip:focus .minitooltip {
        max-width: 24.25rem
    }
}

.jpui.loader .shimmer {
    display: inline-block;
    background-color: #ededed;
    background-image: linear-gradient(100deg, #ededed, #f5f6f5);
    background-repeat: no-repeat;
    -webkit-animation-name: shimmer;
    animation-name: shimmer;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    background-size: 4rem 100%
}

.jpui.loader .common {
    width: 100%;
    height: 100%;
    line-height: 0;
    display: inline-block
}

.jpui.loader .common .shimmer {
    border-radius: .125rem
}

.jpui.loader .generic-summary-container {
    padding-top: 2.5rem;
    padding-left: 2.5rem
}

.jpui.loader .generic-summary-container .generic-summary.loader-one {
    height: .75rem;
    width: 75%;
    margin-bottom: 1.25rem
}

.jpui.loader .generic-summary-container .generic-summary.loader-two {
    height: .75rem;
    width: 65%
}

.jpui.loader.chiclets {
    line-height: 0
}

.jpui.loader .chiclets-container {
    position: relative
}

.jpui.loader .chiclets-container .circle-loader {
    height: 4.6875rem;
    width: 4.6875rem;
    border-radius: 50%;
    display: inline-block;
    background-color: #ededed;
    position: absolute;
    top: 3.4375rem;
    left: 1.875rem
}

.jpui.loader .chiclets-container .shimmer-container {
    position: absolute;
    top: 4.0625rem;
    left: 7.5rem;
    line-height: 0
}

.jpui.loader .chiclets-container .shimmer-container .chiclet.loader-one {
    height: .75rem;
    width: 10rem;
    margin-bottom: 1.25rem
}

.jpui.loader .chiclets-container .shimmer-container .chiclet.loader-two {
    height: .75rem;
    width: 7.5rem
}

.jpui.loader .nav-menu-container {
    margin-top: 2.375rem
}

.jpui.loader .nav-menu-container .nav-menu.loader-one {
    height: 1.875rem;
    width: 100%;
    margin-top: 2.375rem;
    margin-bottom: 1.375rem;
    border-radius: 0
}

.jpui.loader .nav-menu-container .nav-menu.loader-two {
    height: .75rem;
    width: 10.625rem;
    margin-bottom: 1.375rem;
    margin-left: 1rem
}

.jpui.loader .nav-menu-container .nav-menu.loader-three {
    height: .75rem;
    width: 7.375rem;
    margin-bottom: 3.75rem;
    margin-left: 1rem
}

.jpui.loader .content-container {
    margin-left: 1.875rem;
    display: flex;
    flex-direction: column
}

.jpui.loader .content-container .content.loader-one {
    height: 1.25rem;
    width: 15rem;
    margin-bottom: 3.75rem
}

.jpui.loader .content-container .content.loader-two {
    height: .75rem;
    width: 16.5625rem;
    margin-bottom: 1.5rem
}

.jpui.loader .content-container .content.loader-three {
    height: .75rem;
    width: 14.5rem;
    margin-bottom: 1.5rem
}

.jpui.loader .content-container .content.loader-four {
    height: .75rem;
    width: 16.5625rem;
    margin-bottom: 1.5rem
}

.jpui.loader .content-container .content.loader-five {
    height: .75rem;
    width: 14.5rem
}

@-webkit-keyframes shimmer {
    from {
        background-position: -4rem top
    }

    to {
        background-position: 100% top
    }
}

@keyframes shimmer {
    from {
        background-position: -4rem top
    }

    to {
        background-position: 100% top
    }
}

@media screen and (min-width:768px) {
    .jpui.loader .content-container .content.loader-one {
        margin-top: 1.875rem;
        margin-bottom: 6.25rem
    }

    .jpui.loader .content-container .content.loader-two {
        width: 38.75rem
    }

    .jpui.loader .content-container .content.loader-three {
        width: 38.75rem
    }

    .jpui.loader .content-container .content.loader-four {
        width: 35.5rem
    }

    .jpui.loader .content-container .content.loader-five {
        display: none
    }
}

@media screen and (min-width:1200px) {
    .jpui.loader .nav-menu-container .nav-menu.loader-two {
        width: 12.5rem
    }

    .jpui.loader .nav-menu-container .nav-menu.loader-three {
        width: 8.75rem
    }

    .jpui.loader .content-container {
        margin-left: 1.25rem
    }
}

.jpui.iconaction:focus {
    outline: 0 !important
}

.jpui.iconaction:focus i:not([disabled]) {
    outline: .0625rem dashed #717171
}

.jpui.iconaction .minitooltip {
    position: absolute !important;
    padding: 0;
    border: 0;
    height: .0625rem;
    width: .0625rem;
    overflow: hidden;
    clip: rect(.0625rem, .0625rem, .0625rem, .0625rem)
}

.jpui.iconaction .minitooltip.show {
    opacity: 0;
    -webkit-animation: showMiniTooltip .1s ease .75s both;
    animation: showMiniTooltip .1s ease .75s both;
    clip: auto;
    padding: .75rem 1rem;
    bottom: -.25rem;
    right: auto;
    left: 0;
    width: 12.125rem;
    height: auto;
    max-width: 18rem;
    font-size: .875rem;
    color: #414042;
    border: .0625rem solid #ccc;
    border-radius: 0;
    background-color: #f9f6f3;
    box-shadow: 0 .125rem .1875rem 0 rgba(0, 0, 0, .28);
    z-index: 1;
    transform: translateY(100%)
}

@keyframes showMiniTooltip {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.jpui.iconaction .minitooltip.show.rightAlign {
    left: auto;
    right: 0
}

.jpui.iconaction .minitooltip.show.centerAlign {
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    bottom: auto;
    margin-top: .25rem
}

@media (min-width:768px) {
    .jpui.iconaction .minitooltip.show {
        max-width: 21.875rem
    }
}

@media (min-width:992px) {
    .jpui.iconaction .minitooltip.show {
        max-width: 24.25rem
    }
}

.jpui.iconaction.hasMinitooltip {
    position: relative
}

.jpui.iconaction.hasMinitooltip:hover:not(.touch) .minitooltip {
    opacity: 0;
    -webkit-animation: showMiniTooltip .1s ease .75s both;
    animation: showMiniTooltip .1s ease .75s both;
    clip: auto;
    padding: .75rem 1rem;
    bottom: -.25rem;
    right: auto;
    left: 0;
    width: 12.125rem;
    height: auto;
    max-width: 18rem;
    font-size: .875rem;
    color: #414042;
    border: .0625rem solid #ccc;
    border-radius: 0;
    background-color: #f9f6f3;
    box-shadow: 0 .125rem .1875rem 0 rgba(0, 0, 0, .28);
    z-index: 1;
    transform: translateY(100%)
}

@keyframes showMiniTooltip {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.jpui.iconaction.hasMinitooltip:hover:not(.touch) .minitooltip.rightAlign {
    left: auto;
    right: 0
}

.jpui.iconaction.hasMinitooltip:hover:not(.touch) .minitooltip.centerAlign {
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    bottom: auto;
    margin-top: .25rem
}

@media (min-width:768px) {
    .jpui.iconaction.hasMinitooltip:hover:not(.touch) .minitooltip {
        max-width: 21.875rem
    }
}

@media (min-width:992px) {
    .jpui.iconaction.hasMinitooltip:hover:not(.touch) .minitooltip {
        max-width: 24.25rem
    }
}

.jpui.iconaction.hasMinitooltip:focus .minitooltip {
    opacity: 0;
    -webkit-animation: showMiniTooltip .1s ease .75s both;
    animation: showMiniTooltip .1s ease .75s both;
    clip: auto;
    padding: .75rem 1rem;
    bottom: -.25rem;
    right: auto;
    left: 0;
    width: 12.125rem;
    height: auto;
    max-width: 18rem;
    font-size: .875rem;
    color: #414042;
    border: .0625rem solid #ccc;
    border-radius: 0;
    background-color: #f9f6f3;
    box-shadow: 0 .125rem .1875rem 0 rgba(0, 0, 0, .28);
    z-index: 1;
    transform: translateY(100%)
}

@keyframes showMiniTooltip {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.jpui.iconaction.hasMinitooltip:focus .minitooltip.rightAlign {
    left: auto;
    right: 0
}

.jpui.iconaction.hasMinitooltip:focus .minitooltip.centerAlign {
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    bottom: auto;
    margin-top: .25rem
}

@media (min-width:768px) {
    .jpui.iconaction.hasMinitooltip:focus .minitooltip {
        max-width: 21.875rem
    }
}

@media (min-width:992px) {
    .jpui.iconaction.hasMinitooltip:focus .minitooltip {
        max-width: 24.25rem
    }
}

.jpui.inlinemodalheader {
    position: relative;
    background-color: #918c86;
    box-shadow: 0 .25rem .25rem -.25rem rgba(0, 0, 0, .3)
}

@media print {
    .jpui.inlinemodalheader {
        width: 100% !important;
        background-color: transparent !important;
        box-shadow: none
    }
}

.jpui.inlinemodalheader>div {
    height: 100%;
    width: 100%
}

.jpui.inlinemodalheader>div>:focus {
    outline: 0
}

.jpui.inlinemodalheader .title {
    padding-left: 1rem;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: clip;
    margin-right: 4.125rem
}

@media (min-width:768px) {
    .jpui.inlinemodalheader .title {
        padding-left: 1.5rem
    }
}

@media screen and (max-width:767px) {
    .jpui.inlinemodalheader .title {
        margin-right: 3rem
    }
}

@media print {
    .jpui.inlinemodalheader .title {
        color: #000 !important
    }
}

.jpui.inlinemodalheader .closeWrap {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1rem;
    width: 4.125rem;
    text-align: center;
    height: 100%
}

@media (min-width:768px) {
    .jpui.inlinemodalheader .closeWrap {
        font-size: 1.125rem
    }
}

@media (max-width:991px) {
    .jpui.inlinemodalheader .closeWrap {
        width: 3rem
    }
}

.jpui.inlinemodalheader .closeWrap:focus {
    outline: 0
}

.jpui.inlinemodalheader .closeWrap:focus .icon.close {
    outline: .0625rem dashed #717171
}

.jpui.inlinemodalheader .icon.close {
    cursor: pointer;
    text-decoration: none;
    background: 0;
    border: 0;
    color: #fff !important;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1.125rem;
    width: 1.125rem
}

@media screen and (max-width:767px) {
    .jpui.inlinemodalheader .icon.close {
        height: 1rem;
        width: 1rem
    }
}

.jpui.inlinemodalheader.default,
.jpui.inlinemodalheader.profile {
    background-color: #918c86
}

@media print {

    .jpui.inlinemodalheader.default,
    .jpui.inlinemodalheader.profile {
        background-color: transparent !important
    }
}

.jpui.inlinemodalheader.default .closeWrap,
.jpui.inlinemodalheader.profile .closeWrap {
    background: rgba(0, 0, 0, .3)
}

.jpui.inlinemodalheader.default .closeWrap:focus .icon.close,
.jpui.inlinemodalheader.profile .closeWrap:focus .icon.close {
    outline: .0625rem dashed #fff
}

.jpui.inlinemodalheader.default .closeWrap:hover,
.jpui.inlinemodalheader.profile .closeWrap:hover {
    background: rgba(0, 0, 0, .5)
}

.jpui.inlinemodalheader.profile.cpo {
    background-color: #005db9
}

.jpui.inlinemodalheader.profile.cpc {
    background-color: #0a4386
}

.jpui.inlinemodalheader.profile.cbo,
.jpui.inlinemodalheader.profile.cco {
    background-color: #0b366a
}

.jpui.inlinemodalheader.profile.jpm {
    background-color: #3a2206
}

.jpui.inlinemodalheader.payments {
    background-color: #2ca853
}

@media print {
    .jpui.inlinemodalheader.payments {
        background-color: transparent !important
    }
}

.jpui.inlinemodalheader.payments .closeWrap {
    background: rgba(0, 0, 0, .3)
}

.jpui.inlinemodalheader.payments .closeWrap:focus .icon.close {
    outline: .0625rem dashed #fff
}

.jpui.inlinemodalheader.payments .closeWrap:hover {
    background: rgba(0, 0, 0, .5)
}

.jpui.inlinemodalheader.classic {
    background-color: #d8d2c7
}

@media print {
    .jpui.inlinemodalheader.classic {
        background-color: transparent !important
    }
}

.jpui.inlinemodalheader.classic:not(.blue) .closeWrap {
    background: rgba(0, 0, 0, .3)
}

.jpui.inlinemodalheader.classic:not(.blue) .closeWrap:focus .icon.close {
    outline: .0625rem dashed #fff
}

.jpui.inlinemodalheader.classic:not(.blue) .closeWrap:hover {
    background: rgba(0, 0, 0, .5)
}

.jpui.inlinemodalheader.classic:not(.blue).inlinemodalheader--dynamic-icon .closeWrap:hover {
    background: 0 0
}

.jpui.inlinemodalheader.classic.blue {
    background-color: #0a4386
}

.jpui.inlinemodalheader.classic.blue .closeWrap--dynamic-icon .icon.progressleft {
    color: #fff
}

@media print {
    .jpui.inlinemodalheader.classic.blue {
        background-color: transparent !important
    }
}

.jpui.inlinemodalheader.classic.blue .closeWrap--dynamic-icon .icon.progressleft {
    color: #fff
}

.jpui.inlinemodalheader.classic.blue .title {
    line-height: 2.4
}

@media (min-width:768px) {
    .jpui.inlinemodalheader.classic.blue .closeWrap {
        line-height: 3.4
    }
}

.jpui.inlinemodalheader.classic.blue .closeWrap:focus .icon.close {
    outline: .0625rem dashed #fff
}

.jpui.inlinemodalheader.classic.blue .closeWrap .icon.close {
    color: #fff !important
}

@media (max-width:767px) {
    .jpui.inlinemodalheader.inlinemodalheader--dynamic-icon.classic:not(.blue) .header-container .closeWrap:focus .icon.progressleft {
        outline: .0625rem dashed #717171
    }

    .jpui.inlinemodalheader.inlinemodalheader--dynamic-icon.classic:not(.blue) .header-container .closeWrap .icon.progressleft {
        color: #666
    }

    .jpui.inlinemodalheader.inlinemodalheader--dynamic-icon .header-container {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end
    }

    .jpui.inlinemodalheader.inlinemodalheader--dynamic-icon .header-container .title {
        padding-left: 3rem
    }

    .jpui.inlinemodalheader.inlinemodalheader--dynamic-icon .header-container .closeWrap {
        left: 0;
        background: 0 0;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none
    }

    .jpui.inlinemodalheader.inlinemodalheader--dynamic-icon .header-container .closeWrap .icon.close {
        display: none
    }

    .jpui.inlinemodalheader.inlinemodalheader--dynamic-icon .header-container .closeWrap:focus .icon.progressleft {
        outline: .0625rem dashed #fff
    }

    .jpui.inlinemodalheader.inlinemodalheader--dynamic-icon .header-container .closeWrap .icon.progressleft {
        color: #fff;
        height: 1rem;
        width: 1rem
    }
}

@media (min-width:768px) {
    .jpui.inlinemodalheader .icon.close {
        display: inline-block
    }

    .jpui.inlinemodalheader .icon.progressleft {
        display: none
    }
}

.jpui.input {
    padding: .5rem 1rem;
    width: 100%;
    height: 2.5rem;
    border: .0625rem solid #959595;
    border-radius: 0;
    outline: .0625rem solid transparent;
    -webkit-appearance: none;
    -webkit-user-select: text !important
}

.jpui.input:-ms-input-placeholder {
    color: #717171
}

.jpui.input::-webkit-input-placeholder {
    color: #717171
}

.jpui.input:-moz-placeholder {
    color: #717171;
    opacity: 1
}

.jpui.input::-moz-placeholder {
    color: #717171;
    opacity: 1
}

.jpui.input::-ms-clear {
    display: none
}

.jpui.input:invalid {
    box-shadow: none
}

.jpui.input:focus {
    border-color: #0b6efd;
    outline: .0625rem solid transparent;
    box-shadow: .0625rem .0625rem 0 #0b6efd, .0625rem -.0625rem 0 #0b6efd, -.0625rem .0625rem 0 #0b6efd, -.0625rem -.0625rem 0 #0b6efd
}

.jpui.input.no-margin-bottom {
    margin-bottom: 0
}

.jpui.input.textarea:disabled {
    background: #fff
}

.jpui.input.textarea.error {
    border-color: #bf2155;
    box-shadow: .0625rem .0625rem 0 #bf2155, .0625rem -.0625rem 0 #bf2155, -.0625rem .0625rem 0 #bf2155, -.0625rem -.0625rem 0 #bf2155
}

.jpui.input.textarea.error:focus {
    border-color: #bf2155;
    outline: 0;
    box-shadow: .0625rem .0625rem 0 #bf2155, .0625rem -.0625rem 0 #bf2155, -.0625rem .0625rem 0 #bf2155, -.0625rem -.0625rem 0 #bf2155
}

.jpui.input:disabled {
    border-color: #bcbcbc;
    background: #fff;
    outline: 0
}

.jpui.input:disabled::-webkit-input-placeholder {
    color: #bcbcbc
}

.jpui.input:disabled::-moz-placeholder {
    color: #bcbcbc
}

.jpui.input:disabled:-ms-input-placeholder {
    color: #bcbcbc
}

.jpui.input.error {
    border-color: #bf2155;
    outline: .125rem solid transparent;
    box-shadow: .0625rem .0625rem 0 #bf2155, .0625rem -.0625rem 0 #bf2155, -.0625rem .0625rem 0 #bf2155, -.0625rem -.0625rem 0 #bf2155
}

.jpui.input.error:focus {
    border-color: #bf2155;
    box-shadow: .0625rem .0625rem 0 #bf2155, .0625rem -.0625rem 0 #bf2155, -.0625rem .0625rem 0 #bf2155, -.0625rem -.0625rem 0 #bf2155
}

.jpui.input.validation-error {
    border: .125rem solid #bf2155 !important
}

.jpui.input.validation-error:focus {
    outline: 0 !important;
    box-shadow: none !important
}

.jpui.input.unmasked-number {
    display: none
}

.jpui.input[type=number] {
    -moz-appearance: textfield
}

.jpui.input[type=number]::-webkit-inner-spin-button,
.jpui.input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.jpui.interstitials .interstitial__icon-container {
    text-align: right
}

.jpui.interstitials .interstitial__close-icon {
    font-size: 1.25rem
}

.jpui.interstitials .interstitial__close-icon i.close {
    color: #fff
}

.jpui.interstitials .interstitial__container,
.jpui.interstitials .interstitial__image {
    width: 18rem
}

.jpui.interstitials .interstitial__container {
    text-align: center;
    clear: both;
    margin: 0 auto
}

.jpui.interstitials .image__container {
    display: none;
    position: absolute;
    clip: rect(.0625rem, .0625rem, .0625rem, .0625rem);
    padding: 0;
    border: 0
}

.jpui.interstitials .image__container--xsmall {
    display: inherit;
    position: inherit;
    clip: inherit;
    padding: inherit;
    border: inherit;
    margin-bottom: 1.5rem
}

.jpui.interstitials .interstitial__image {
    max-height: 8.4375rem
}

.jpui.interstitials .interstitial__headline {
    font-size: 1.375rem;
    font-weight: 300;
    color: #fff;
    text-align: left
}

.jpui.interstitials .interstitial__body {
    padding-top: 1.125rem;
    padding-bottom: 2.25rem;
    font-size: 1rem;
    font-weight: 300;
    color: #fff;
    text-align: left
}

.jpui.interstitials .button.primary {
    float: initial;
    width: 75%;
    margin-top: 0
}

@media screen and (min-width:768px) {
    .jpui.interstitials .interstitial__close-icon {
        font-size: 1.5rem
    }

    .jpui.interstitials .interstitial__container,
    .jpui.interstitials .interstitial__image {
        width: 30rem
    }

    .jpui.interstitials .interstitial__container {
        text-align: initial
    }

    .jpui.interstitials .image__container {
        display: inherit;
        position: inherit;
        clip: inherit;
        padding: inherit;
        border: inherit;
        margin-bottom: 1.5rem
    }

    .jpui.interstitials .image__container--xsmall {
        display: none;
        position: absolute;
        clip: rect(.0625rem, .0625rem, .0625rem, .0625rem);
        padding: 0;
        border: 0
    }

    .jpui.interstitials .interstitial__image {
        max-height: 6.6785rem
    }

    .jpui.interstitials .interstitial__headline {
        font-size: 1.875rem
    }

    .jpui.interstitials .interstitial__body {
        font-size: 1.25rem;
        padding-top: 1.5rem
    }

    .jpui.interstitials .button.primary {
        float: right;
        width: auto
    }
}

@media screen and (min-width:992px) {

    .jpui.interstitials .interstitial__container,
    .jpui.interstitials .interstitial__image {
        width: 40.125rem
    }

    .jpui.interstitials .interstitial__image {
        max-height: 8.9375rem
    }
}

@media screen and (min-width:1200px) {

    .jpui.interstitials .interstitial__container,
    .jpui.interstitials .interstitial__image {
        width: 47.5rem
    }

    .jpui.interstitials .interstitial__image {
        max-height: 10.625rem
    }
}

.jpui.label {
    display: inline-block;
    vertical-align: middle;
    margin: -.25rem .25rem 0;
    background-color: #ededed;
    border: .0625rem solid #ededed;
    padding: .5rem .8rem;
    color: rgba(0, 0, 0, .65);
    border-radius: .325rem;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
    font-size: .8125rem
}

@-moz-document url-prefix() {
    .jpui.label[data-arrowposition='0']:before {
        left: .625rem
    }
}

.jpui.label[data-arrowposition='100']:before {
    left: 100%
}

.jpui.label[data-arrowposition='99']:before {
    left: 99%
}

.jpui.label[data-arrowposition='98']:before {
    left: 98%
}

.jpui.label[data-arrowposition='97']:before {
    left: 97%
}

.jpui.label[data-arrowposition='96']:before {
    left: 96%
}

.jpui.label[data-arrowposition='95']:before {
    left: 95%
}

.jpui.label[data-arrowposition='94']:before {
    left: 94%
}

.jpui.label[data-arrowposition='93']:before {
    left: 93%
}

.jpui.label[data-arrowposition='92']:before {
    left: 92%
}

.jpui.label[data-arrowposition='91']:before {
    left: 91%
}

.jpui.label[data-arrowposition='90']:before {
    left: 90%
}

.jpui.label[data-arrowposition='89']:before {
    left: 89%
}

.jpui.label[data-arrowposition='88']:before {
    left: 88%
}

.jpui.label[data-arrowposition='87']:before {
    left: 87%
}

.jpui.label[data-arrowposition='86']:before {
    left: 86%
}

.jpui.label[data-arrowposition='85']:before {
    left: 85%
}

.jpui.label[data-arrowposition='84']:before {
    left: 84%
}

.jpui.label[data-arrowposition='83']:before {
    left: 83%
}

.jpui.label[data-arrowposition='82']:before {
    left: 82%
}

.jpui.label[data-arrowposition='81']:before {
    left: 81%
}

.jpui.label[data-arrowposition='80']:before {
    left: 80%
}

.jpui.label[data-arrowposition='79']:before {
    left: 79%
}

.jpui.label[data-arrowposition='78']:before {
    left: 78%
}

.jpui.label[data-arrowposition='77']:before {
    left: 77%
}

.jpui.label[data-arrowposition='76']:before {
    left: 76%
}

.jpui.label[data-arrowposition='75']:before {
    left: 75%
}

.jpui.label[data-arrowposition='74']:before {
    left: 74%
}

.jpui.label[data-arrowposition='73']:before {
    left: 73%
}

.jpui.label[data-arrowposition='72']:before {
    left: 72%
}

.jpui.label[data-arrowposition='71']:before {
    left: 71%
}

.jpui.label[data-arrowposition='70']:before {
    left: 70%
}

.jpui.label[data-arrowposition='69']:before {
    left: 69%
}

.jpui.label[data-arrowposition='68']:before {
    left: 68%
}

.jpui.label[data-arrowposition='67']:before {
    left: 67%
}

.jpui.label[data-arrowposition='66']:before {
    left: 66%
}

.jpui.label[data-arrowposition='65']:before {
    left: 65%
}

.jpui.label[data-arrowposition='64']:before {
    left: 64%
}

.jpui.label[data-arrowposition='63']:before {
    left: 63%
}

.jpui.label[data-arrowposition='62']:before {
    left: 62%
}

.jpui.label[data-arrowposition='61']:before {
    left: 61%
}

.jpui.label[data-arrowposition='60']:before {
    left: 60%
}

.jpui.label[data-arrowposition='59']:before {
    left: 59%
}

.jpui.label[data-arrowposition='58']:before {
    left: 58%
}

.jpui.label[data-arrowposition='57']:before {
    left: 57%
}

.jpui.label[data-arrowposition='56']:before {
    left: 56%
}

.jpui.label[data-arrowposition='55']:before {
    left: 55%
}

.jpui.label[data-arrowposition='54']:before {
    left: 54%
}

.jpui.label[data-arrowposition='53']:before {
    left: 53%
}

.jpui.label[data-arrowposition='52']:before {
    left: 52%
}

.jpui.label[data-arrowposition='51']:before {
    left: 51%
}

.jpui.label[data-arrowposition='50']:before {
    left: 50%
}

.jpui.label[data-arrowposition='49']:before {
    left: 49%
}

.jpui.label[data-arrowposition='48']:before {
    left: 48%
}

.jpui.label[data-arrowposition='47']:before {
    left: 47%
}

.jpui.label[data-arrowposition='46']:before {
    left: 46%
}

.jpui.label[data-arrowposition='45']:before {
    left: 45%
}

.jpui.label[data-arrowposition='44']:before {
    left: 44%
}

.jpui.label[data-arrowposition='43']:before {
    left: 43%
}

.jpui.label[data-arrowposition='42']:before {
    left: 42%
}

.jpui.label[data-arrowposition='41']:before {
    left: 41%
}

.jpui.label[data-arrowposition='40']:before {
    left: 40%
}

.jpui.label[data-arrowposition='39']:before {
    left: 39%
}

.jpui.label[data-arrowposition='38']:before {
    left: 38%
}

.jpui.label[data-arrowposition='37']:before {
    left: 37%
}

.jpui.label[data-arrowposition='36']:before {
    left: 36%
}

.jpui.label[data-arrowposition='35']:before {
    left: 35%
}

.jpui.label[data-arrowposition='34']:before {
    left: 34%
}

.jpui.label[data-arrowposition='33']:before {
    left: 33%
}

.jpui.label[data-arrowposition='32']:before {
    left: 32%
}

.jpui.label[data-arrowposition='31']:before {
    left: 31%
}

.jpui.label[data-arrowposition='30']:before {
    left: 30%
}

.jpui.label[data-arrowposition='29']:before {
    left: 29%
}

.jpui.label[data-arrowposition='28']:before {
    left: 28%
}

.jpui.label[data-arrowposition='27']:before {
    left: 27%
}

.jpui.label[data-arrowposition='26']:before {
    left: 26%
}

.jpui.label[data-arrowposition='25']:before {
    left: 25%
}

.jpui.label[data-arrowposition='24']:before {
    left: 24%
}

.jpui.label[data-arrowposition='23']:before {
    left: 23%
}

.jpui.label[data-arrowposition='22']:before {
    left: 22%
}

.jpui.label[data-arrowposition='21']:before {
    left: 21%
}

.jpui.label[data-arrowposition='20']:before {
    left: 20%
}

.jpui.label[data-arrowposition='19']:before {
    left: 19%
}

.jpui.label[data-arrowposition='18']:before {
    left: 18%
}

.jpui.label[data-arrowposition='17']:before {
    left: 17%
}

.jpui.label[data-arrowposition='16']:before {
    left: 16%
}

.jpui.label[data-arrowposition='15']:before {
    left: 15%
}

.jpui.label[data-arrowposition='14']:before {
    left: 14%
}

.jpui.label[data-arrowposition='13']:before {
    left: 13%
}

.jpui.label[data-arrowposition='12']:before {
    left: 12%
}

.jpui.label[data-arrowposition='11']:before {
    left: 11%
}

.jpui.label[data-arrowposition='10']:before {
    left: 10%
}

.jpui.label[data-arrowposition='9']:before {
    left: 9%
}

.jpui.label[data-arrowposition='8']:before {
    left: 8%
}

.jpui.label[data-arrowposition='7']:before {
    left: 7%
}

.jpui.label[data-arrowposition='6']:before {
    left: 6%
}

.jpui.label[data-arrowposition='5']:before {
    left: 5%
}

.jpui.label[data-arrowposition='4']:before {
    left: 4%
}

.jpui.label[data-arrowposition='3']:before {
    left: 3%
}

.jpui.label[data-arrowposition='2']:before {
    left: 2%
}

.jpui.label[data-arrowposition='1']:before {
    left: 1%
}

.jpui.label:first-child {
    margin-left: 0
}

.jpui.label:last-child {
    margin-right: 0
}

.jpui.label.pointing {
    position: relative
}

.jpui.label.pointing.attached {
    position: absolute
}

.jpui.label.pointing:before {
    position: absolute;
    content: '';
    width: .6rem;
    height: .6rem;
    background-image: none;
    transform: rotate(45deg);
    z-index: 1;
    background-color: #ededed;
    border-color: #ededed;
    margin-left: -.3rem;
    top: -.3rem;
    border-left-width: .0625rem;
    border-left-style: solid;
    border-top-width: .0625rem;
    border-top-style: solid
}

.jpui.label.pointing.up {
    margin-top: 1rem
}

.jpui.label.pointing.up:before {
    margin-left: -.3rem;
    top: -.3rem;
    border-left-width: .0625rem;
    border-left-style: solid;
    border-top-width: .0625rem;
    border-top-style: solid
}

.jpui.label.pointing.down {
    margin-top: 0;
    margin-bottom: 1rem
}

.jpui.label.pointing.down.noborder {
    border-radius: 0
}

.jpui.label.pointing.down:before {
    margin-left: -.3rem;
    top: auto;
    right: auto;
    bottom: -.3rem;
    border-left-width: 0;
    border-top-width: 0;
    border-right-width: .0625rem;
    border-right-style: solid;
    border-bottom-width: .0625rem;
    border-bottom-style: solid
}

.jpui.label.info {
    background-color: #126bc5;
    border: .0625rem solid #126bc5
}

.jpui.label.info:before {
    background-color: #126bc5;
    border-color: #126bc5
}

.jpui.label.info.inverted {
    border: .0625rem solid #126bc5;
    background-color: #fff
}

.jpui.label.info.inverted:before {
    background-color: #fff
}

.jpui.label.success {
    background-color: #128842;
    border: .0625rem solid #128842
}

.jpui.label.success:before {
    background-color: #128842;
    border-color: #128842
}

.jpui.label.success.inverted {
    border: .0625rem solid #128842;
    background-color: #fff
}

.jpui.label.success.inverted:before {
    background-color: #fff
}

.jpui.label.error {
    background-color: #bf2155;
    border: .0625rem solid #bf2155
}

.jpui.label.error:before {
    background-color: #bf2155;
    border-color: #bf2155
}

.jpui.label.error.inverted {
    border: .0625rem solid #bf2155;
    background-color: #fff
}

.jpui.label.error.inverted:before {
    background-color: #fff
}

.jpui.label.error .label-outline {
    pointer-events: none
}

.jpui.label.floating {
    position: absolute;
    z-index: auto;
    top: -1rem;
    left: 100%;
    margin: 0 0 0 -1.5rem !important
}

.jpui.label.floating.left {
    top: inherit;
    left: inherit;
    margin-left: .9375rem !important;
    margin-top: -.9375rem !important;
    padding: .625rem 1.5rem .625rem .625rem
}

.jpui.label.small {
    font-size: .75rem
}

.jpui.label.large {
    font-size: .875rem
}

.jpui.label.x-large {
    font-size: 1rem
}

@-moz-document url-prefix() {
    .jpui.label.pointing:focus {
        padding: 0;
        outline: 0 !important
    }

    .jpui.label.pointing:focus .label-outline {
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
        outline: .0625rem dashed #717171;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0;
        padding: .5rem .8rem;
        outline-offset: .0625rem;
        pointer-events: none
    }
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .jpui.label.pointing:focus {
        outline: .0625rem dashed #717171
    }

    .jpui.label.pointing:focus .label-outline {
        outline: 0
    }
}

.jpui.link .link-anchor {
    text-decoration: none;
    white-space: nowrap;
    position: relative
}

@media (max-width:767px) {
    .jpui.link .link-anchor {
        padding: .5rem;
        margin-left: -.5rem;
        margin-right: -.5rem
    }
}

.jpui.link .link-anchor.underline {
    text-decoration: underline
}

.jpui.link .link-anchor .minitooltip {
    position: absolute !important;
    padding: 0;
    border: 0;
    height: .0625rem;
    width: .0625rem;
    overflow: hidden;
    clip: rect(.0625rem, .0625rem, .0625rem, .0625rem)
}

.jpui.link .link-anchor .minitooltip.show {
    opacity: 0;
    -webkit-animation: showMiniTooltip .1s ease .75s both;
    animation: showMiniTooltip .1s ease .75s both;
    clip: auto;
    padding: .75rem 1rem;
    bottom: -.25rem;
    right: auto;
    left: 0;
    width: 12.125rem;
    height: auto;
    max-width: 18rem;
    font-size: .875rem;
    color: #414042;
    border: .0625rem solid #ccc;
    border-radius: 0;
    background-color: #f9f6f3;
    box-shadow: 0 .125rem .1875rem 0 rgba(0, 0, 0, .28);
    z-index: 1;
    transform: translateY(100%)
}

@keyframes showMiniTooltip {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.jpui.link .link-anchor .minitooltip.show.rightAlign {
    left: auto;
    right: 0
}

.jpui.link .link-anchor .minitooltip.show.centerAlign {
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    bottom: auto;
    margin-top: .25rem
}

@media (min-width:768px) {
    .jpui.link .link-anchor .minitooltip.show {
        max-width: 21.875rem
    }
}

@media (min-width:992px) {
    .jpui.link .link-anchor .minitooltip.show {
        max-width: 24.25rem
    }
}

.jpui.link .link-anchor:focus .minitooltip,
.jpui.link .link-anchor:hover:not(.touch) .minitooltip {
    opacity: 0;
    -webkit-animation: showMiniTooltip .1s ease .75s both;
    animation: showMiniTooltip .1s ease .75s both;
    clip: auto;
    padding: .75rem 1rem;
    bottom: -.25rem;
    right: auto;
    left: 0;
    width: 12.125rem;
    height: auto;
    max-width: 18rem;
    font-size: .875rem;
    color: #414042;
    border: .0625rem solid #ccc;
    border-radius: 0;
    background-color: #f9f6f3;
    box-shadow: 0 .125rem .1875rem 0 rgba(0, 0, 0, .28);
    z-index: 1;
    transform: translateY(100%)
}

@keyframes showMiniTooltip {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.jpui.link .link-anchor:focus .minitooltip.rightAlign,
.jpui.link .link-anchor:hover:not(.touch) .minitooltip.rightAlign {
    left: auto;
    right: 0
}

.jpui.link .link-anchor:focus .minitooltip.centerAlign,
.jpui.link .link-anchor:hover:not(.touch) .minitooltip.centerAlign {
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    bottom: auto;
    margin-top: .25rem
}

@media (min-width:768px) {

    .jpui.link .link-anchor:focus .minitooltip,
    .jpui.link .link-anchor:hover:not(.touch) .minitooltip {
        max-width: 21.875rem
    }
}

@media (min-width:992px) {

    .jpui.link .link-anchor:focus .minitooltip,
    .jpui.link .link-anchor:hover:not(.touch) .minitooltip {
        max-width: 24.25rem
    }
}

@-moz-document url-prefix() {
    .jpui.link .link-anchor .link-anchor:focus {
        outline: 0 !important
    }

    .jpui.link .link-anchor .link-anchor:focus:after {
        content: '';
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        outline: .0625rem dashed #666;
        pointer-events: none
    }
}

.jpui.link .start-icon {
    margin-right: -.125rem;
    padding-right: .3125rem;
    font-size: .6429rem;
    color: inherit !important
}

.jpui.link .end-icon {
    margin-left: -.125rem;
    padding-left: .3125rem;
    font-size: .6429rem;
    color: inherit !important;
    display: inline
}

.jpui.link .pipe {
    color: #959595 !important;
    font-weight: 100;
    margin-left: -.125rem;
    margin-right: -.125rem;
    font-size: 1rem;
    padding-left: .8333rem;
    padding-right: .8333rem
}

.jpui.list {
    margin: 1.625rem
}

.jpui.list ul {
    list-style: none;
    text-decoration: none;
    padding-left: 0;
    margin: 0
}

.jpui.list li a {
    color: #126bc5;
    text-decoration: none
}

.jpui.list .labelContainer {
    text-align: right
}

.jpui.list .listContainer {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.jpui.list .title {
    border-bottom: .0625rem dashed #bcbcbc;
    padding-bottom: .125rem;
    margin-bottom: .625rem
}

@media (max-width:768px) {
    .jpui.list .labelContainer {
        text-align: left;
        margin-bottom: .3125rem
    }
}

.jpui.marsbanner .marsbanner__container {
    padding: 1.875rem 0 1.5rem
}

@media screen and (max-width:767px) {
    .jpui.marsbanner .marsbanner__container {
        padding: 1.5rem 0
    }
}

.jpui.marsbanner .marsbanner__container .marsbanner__image {
    float: left;
    display: block;
    margin-right: 1.5rem;
    height: 4.6875rem;
    width: 4.6875rem
}

@media screen and (max-width:767px) {
    .jpui.marsbanner .marsbanner__container .marsbanner__image {
        float: initial;
        height: 3.75rem;
        width: 3.75rem;
        margin: auto
    }
}

.jpui.marsbanner .marsbanner__container .marsbanner__content {
    overflow: hidden
}

@media screen and (max-width:767px) {
    .jpui.marsbanner .marsbanner__container .marsbanner__content {
        padding-top: .8125rem
    }
}

.jpui.marsbanner .marsbanner__container .marsbanner__content .marsbanner__header {
    font-size: 1.25rem;
    font-weight: 300;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.marsbanner .marsbanner__container .marsbanner__content .marsbanner__header {
        font-size: 1.5rem
    }
}

@media screen and (max-width:767px) {
    .jpui.marsbanner .marsbanner__container .marsbanner__content .marsbanner__header {
        font-size: 1rem;
        font-weight: 400;
        color: #414042;
        letter-spacing: 0;
        text-decoration: none
    }
}

.jpui.marsbanner .marsbanner__container .marsbanner__content .marsbanner__body {
    padding: .8125rem 0;
    font-size: .8125rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.marsbanner .marsbanner__container .marsbanner__content .marsbanner__body {
        font-size: .875rem
    }
}

@media screen and (max-width:767px) {
    .jpui.marsbanner .marsbanner__container .marsbanner__content .marsbanner__body {
        font-size: .75rem;
        font-weight: 600;
        color: #717171;
        letter-spacing: 0;
        text-decoration: none
    }
}

.jpui.marsbanner .marsbanner__container .marsbanner__content .marsbanner__cta {
    font-size: .8125rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.marsbanner .marsbanner__container .marsbanner__content .marsbanner__cta {
        font-size: .875rem
    }
}

.jpui.marsbanner .marsbanner__container .marsbanner__content .marsbanner__cta i {
    font-weight: 400;
    letter-spacing: 0;
    text-decoration: none;
    font-size: .8125rem;
    color: #126bc5
}

@media screen and (min-width:768px) {
    .jpui.marsbanner .marsbanner__container .marsbanner__content .marsbanner__cta i {
        font-size: .875rem
    }
}

.jpui.marsoffers {
    max-width: 26.75rem;
    min-width: 14.625rem;
    width: 100%;
    position: relative
}

.jpui.marsoffers .marsoffers__cta[href]::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.jpui.marsoffers .marsoffers__header {
    display: flex;
    align-items: center;
    background-color: #128842;
    color: #fff;
    height: 2.5rem;
    font-size: 1rem
}

.jpui.marsoffers .marsoffers__header.gray {
    background-color: #88898b
}

.jpui.marsoffers .marsoffers__header.black {
    background-color: #000
}

.jpui.marsoffers .marsoffers__header .confirmation {
    color: #fff;
    margin: 0 .75rem 0 1.5rem
}

.jpui.marsoffers .marsoffers__header .marsoffers__heading {
    display: inline-block;
    margin: 0;
    color: #fff;
    font-size: 1rem;
    font-weight: 400
}

.jpui.marsoffers .marsoffers__header .marsoffers__heading.black {
    color: #000
}

.jpui.marsoffers .marsoffers__container {
    padding: .9375rem .75rem 1rem;
    text-align: center;
    color: #414042
}

.jpui.marsoffers .marsoffers__container .marsoffers__body-image {
    clear: initial;
    width: 8.75rem
}

.jpui.marsoffers .marsoffers__container .marsoffers__overline {
    font-size: .8125rem;
    padding-bottom: .5rem;
    color: #414042;
    font-weight: 900
}

.jpui.marsoffers .marsoffers__container .marsoffers__headline {
    font-size: 1.5rem;
    line-height: 1.875rem;
    padding-bottom: .625rem;
    width: 100%;
    color: #414042;
    font-weight: 300
}

.jpui.marsoffers .marsoffers__container .marsoffers__body {
    font-size: .8125rem;
    line-height: 1.125rem;
    padding-bottom: .625rem;
    color: #717171
}

.jpui.marsoffers .marsoffers__container .marsoffers__container-sm-separator {
    display: none
}

.jpui.marsoffers .marsoffers__container .marsoffers__cta {
    font-size: .8125rem;
    color: #0a6efd;
    font-weight: 600;
    text-decoration: none
}

.jpui.marsoffers .marsoffers__container .marsoffers__cta .progressright {
    display: none
}

@media screen and (min-width:768px) {
    .jpui.marsoffers .marsoffers__header {
        font-size: .875rem
    }

    .jpui.marsoffers .marsoffers__header .confirmation {
        margin: 0 .75rem 0 1rem
    }

    .jpui.marsoffers .marsoffers__header .marsoffers__heading {
        font-size: inherit
    }

    .jpui.marsoffers .marsoffers__container {
        text-align: left
    }

    .jpui.marsoffers .marsoffers__container .marsoffers__body-image {
        float: right;
        clear: unset;
        width: 6rem
    }

    .jpui.marsoffers .marsoffers__container .marsoffers__overline {
        font-size: .875rem;
        color: #000
    }

    .jpui.marsoffers .marsoffers__container .marsoffers__headline {
        font-size: 1.375rem;
        line-height: 1.875rem;
        width: 55%;
        color: #000;
        height: 8rem
    }

    .jpui.marsoffers .marsoffers__container .marsoffers__body {
        font-size: .875rem;
        line-height: 1.1875rem;
        color: #000
    }

    .jpui.marsoffers .marsoffers__container .marsoffers__container-xs-separator {
        display: none
    }

    .jpui.marsoffers .marsoffers__container .marsoffers__container-sm-separator {
        display: inherit;
        width: auto;
        margin: 1.5rem 0 1.25rem
    }

    .jpui.marsoffers .marsoffers__container .marsoffers__cta {
        font-size: .875rem;
        color: #2f738e
    }

    .jpui.marsoffers .marsoffers__container .marsoffers__cta .progressright {
        color: inherit;
        font-size: .75rem;
        display: inherit
    }
}

@media screen and (min-width:992px) {
    .jpui.marsoffers .marsoffers__header {
        font-size: 1.1875rem
    }

    .jpui.marsoffers .marsoffers__header .confirmation {
        margin: 0 .75rem 0 1.5rem
    }

    .jpui.marsoffers .marsoffers__header .marsoffers__heading {
        font-size: inherit
    }

    .jpui.marsoffers .marsoffers__header {
        font-size: 1.1875rem
    }

    .jpui.marsoffers .marsoffers__container .marsoffers__body-image {
        width: 7.5rem
    }

    .jpui.marsoffers .marsoffers__container .marsoffers__overline {
        font-size: .9375rem
    }

    .jpui.marsoffers .marsoffers__container .marsoffers__headline {
        font-size: 1.5rem;
        width: 60%
    }

    .jpui.marsoffers .marsoffers__container .marsoffers__body {
        font-size: .875rem;
        line-height: 1.1875rem
    }

    .jpui.marsoffers .marsoffers__container .marsoffers__cta {
        font-size: .875rem;
        font-weight: 600
    }
}

@media screen and (min-width:1200px) {
    .jpui.marsoffers .marsoffers__header {
        font-size: 1.3125rem
    }

    .jpui.marsoffers .marsoffers__header .marsoffers__heading {
        font-size: inherit
    }

    .jpui.marsoffers .marsoffers__container .marsoffers__body-image {
        width: 8.75rem
    }

    .jpui.marsoffers .marsoffers__container .marsoffers__overline {
        font-size: 1.0625rem;
        font-weight: 900
    }

    .jpui.marsoffers .marsoffers__container .marsoffers__headline {
        font-size: 1.75rem;
        line-height: 2rem;
        font-weight: 300
    }
}

.jpui.menu {
    padding: 0;
    border: 0;
    display: table
}

.jpui.menu ul {
    list-style: none;
    display: table-row
}

.jpui.menu li {
    list-style: none;
    display: table-cell
}

.jpui.menu a {
    display: block;
    white-space: nowrap
}

.jpui.menu li a:hover {
    background: #58c1f8;
    color: #fff
}

.jpui.menu li.active a {
    background: #0a96e0;
    color: #fff
}

.jpui.menu a {
    text-decoration: none;
    padding: .25rem 1rem
}

.jpui.menu a:hover {
    text-decoration: underline
}

.jpui.menu.vertical {
    display: block;
    border: 0
}

.jpui.menu.vertical ul {
    display: block;
    padding: 0
}

.jpui.modal {
    width: 100%;
    height: 100%;
    text-align: left;
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    padding: 24px;
    background: rgba(255, 255, 255, .96);
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 999999;
    -webkit-backface-visibility: hidden;
    -ms-animation-fill-mode: none !important
}

.jpui.modal.table-xs-modal {
    padding: 0 .75rem
}

.jpui.modal.table-xs-modal .dialog.vertical-center {
    top: 0;
    transform: none;
    align-self: flex-start
}

.jpui.modal.table-xs-modal .dialog.vertical-center .dialogContent .row .yielded-modal-content .inlinemodalheader {
    margin-bottom: 1.5rem
}

.jpui.modal.table-xs-modal .dialog.vertical-center .dialogContent .row .yielded-modal-content .table-xs-actions {
    padding: 0 1rem;
    margin-bottom: .75rem;
    text-align: right
}

.jpui.modal.table-xs-modal .dialog.vertical-center .dialogContent .row .yielded-modal-content .table-xs-descriptionlist {
    width: 100%;
    display: inline-block;
    padding: 0 1rem 1.5rem;
    color: #666;
    line-height: 1.75
}

.jpui.modal.table-xs-modal .dialog.vertical-center .dialogContent .row .yielded-modal-content .table-xs-descriptionlist .list-item-container {
    overflow: auto
}

.jpui.modal.table-xs-modal .dialog.vertical-center .dialogContent .row .yielded-modal-content .table-xs-descriptionlist .table-xs-description,
.jpui.modal.table-xs-modal .dialog.vertical-center .dialogContent .row .yielded-modal-content .table-xs-descriptionlist .table-xs-term {
    margin: 0;
    padding-bottom: 0
}

.jpui.modal.table-xs-modal .dialog.vertical-center .dialogContent .row .yielded-modal-content .table-xs-descriptionlist .table-xs-term {
    float: left;
    width: 50%
}

.jpui.modal.table-xs-modal .dialog.vertical-center .dialogContent .row .yielded-modal-content .table-xs-descriptionlist .table-xs-description {
    float: right;
    width: 50%
}

.jpui.modal.table-xs-modal .dialog.vertical-center .dialogContent .row .yielded-modal-content .table-xs-additionalContent {
    clear: both;
    padding: 0 1rem .75rem
}

.jpui.modal .tableTitle {
    font-size: 1rem;
    font-weight: 300;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.modal .tableTitle {
        font-size: 1.25rem;
        font-weight: 400
    }
}

.jpui.modal .tableDescription {
    font-size: .8125rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.modal .tableDescription {
        font-size: .875rem
    }
}

.jpui.modal .tableDescription a,
.jpui.modal .tableDescription a:active,
.jpui.modal .tableDescription a:hover,
.jpui.modal .tableDescription a:visited {
    font-size: .875rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.modal .summary-header {
    font-size: .8125rem;
    font-weight: 600;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.modal .summary-header {
        font-size: .875rem
    }
}

.jpui.modal .chartTableTitle {
    font-size: .8125rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.modal .chartTableTitle {
        font-size: .875rem
    }
}

.jpui.modal .chartTableTitle a,
.jpui.modal .chartTableTitle a:active,
.jpui.modal .chartTableTitle a:hover,
.jpui.modal .chartTableTitle a:visited {
    font-size: .875rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.modal .chartDataTitle {
    font-size: .8125rem;
    font-weight: 600;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.modal .chartDataTitle {
        font-size: .875rem
    }
}

.jpui.modal .chartModalCloseIcon {
    position: relative;
    left: 100%;
    cursor: pointer
}

@media (max-width:767px) {
    .jpui.modal .chartModalCloseIcon {
        left: 100%
    }
}

.jpui.modal .modal-close-button-container {
    right: 1rem;
    top: 1rem
}

.jpui.modal .modal-title {
    margin-top: 1.5rem;
    width: 100%
}

@media (max-width:767px) {
    .jpui.modal .modal-title {
        width: 100%
    }
}

.jpui.modal .chart-summary {
    width: 100%
}

@media (max-width:767px) {
    .jpui.modal .chart-summary {
        width: 100%
    }
}

.jpui.modal .summary-container .summary-table {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%
}

.jpui.modal .summary-container .summary-table .summary-cell {
    flex-grow: 1;
    align-items: stretch;
    max-width: 33.33%;
    min-width: 33.33%;
    width: 33.33%;
    padding: .5rem;
    margin: 0
}

.jpui.modal .summary-container .summary-table .summary-cell .summary-label {
    font-weight: bolder;
    padding-bottom: .125rem
}

.jpui.modal .summary-container .summary-table .summary-cell .summary-value {
    font-size: .875rem;
    margin-left: 0
}

.jpui.modal .table-container {
    clear: both
}

.jpui.modal .table-container .chart-table {
    width: 100%;
    overflow-x: auto
}

@media (max-width:767px) {
    .jpui.modal .table-container .chart-table {
        width: 100%
    }
}

.jpui.modal .table-container .chart-table.dataset .header-row {
    height: 2rem
}

.jpui.modal .table-container .chart-table.dataset .content-row {
    border-bottom: .0625rem solid #ccc;
    height: 2rem
}

.jpui.modal .table-container .chart-table.dataset .x-value {
    text-align: left
}

.jpui.modal .table-container .chart-table.dataset .y-value {
    text-align: right
}

.jpui.modal .close-icon-container {
    text-align: right
}

.jpui.modal .close-icon-container.modal__content {
    margin-bottom: 5%
}

.jpui.modal:not(.isAndroid) {
    -webkit-animation: fadeUp .7s ease-out 0s none;
    animation: fadeUp .7s ease-out 0s none
}

@-webkit-keyframes fadeUp {
    from {
        transform: translate3d(0, 1.5625rem, 1px);
        background-color: rgba(255, 255, 255, 0)
    }

    to {
        transform: translate3d(0, 0, 1px);
        background-color: rgba(255, 255, 255, .96)
    }
}

@keyframes fadeUp {
    from {
        transform: translate3d(0, 1.5625rem, 1px);
        background-color: rgba(255, 255, 255, 0)
    }

    to {
        transform: translate3d(0, 0, 1px);
        background-color: rgba(255, 255, 255, .96)
    }
}

.jpui.modal.iosSmoothScroll {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll
}

.jpui.modal.darkBackground {
    background-color: rgba(0, 0, 0, .8)
}

.jpui.modal.darkBackground:not(.isAndroid) {
    -webkit-animation: fadeInDarkBackground .7s ease-out 0s none;
    animation: fadeInDarkBackground .7s ease-out 0s none
}

@-webkit-keyframes fadeInDarkBackground {
    from {
        background-color: rgba(0, 0, 0, 0)
    }

    to {
        background-color: rgba(0, 0, 0, .8)
    }
}

@keyframes fadeInDarkBackground {
    from {
        background-color: rgba(0, 0, 0, 0)
    }

    to {
        background-color: rgba(0, 0, 0, .8)
    }
}

.jpui.modal.grayBackground {
    background-color: rgba(0, 0, 0, .4)
}

.jpui.modal.grayBackground:not(.isAndroid) {
    -webkit-animation: fadeInGrayBackground .7s ease-out 0s none;
    animation: fadeInGrayBackground .7s ease-out 0s none
}

@-webkit-keyframes fadeInGrayBackground {
    from {
        background-color: rgba(0, 0, 0, 0)
    }

    to {
        background-color: rgba(0, 0, 0, .4)
    }
}

@keyframes fadeInGrayBackground {
    from {
        background-color: rgba(0, 0, 0, 0)
    }

    to {
        background-color: rgba(0, 0, 0, .4)
    }
}

.jpui.modal .dialog {
    position: relative;
    width: 100%
}

.jpui.modal .dialog.vertical-center {
    align-self: center;
    max-height: 100%
}

.jpui.modal .modalContent .dialogTitle {
    margin: 0 0 1.5rem;
    padding: 0
}

.jpui.modal .modalContent.stickyFooterModal {
    margin-bottom: 5.0625rem
}

.jpui.modal .modalContent .dialogMessage {
    margin: 0 0 1.375rem;
    padding: 0
}

.jpui.modal .modalContent .dialogButtonContainer:not(.isAndroid) {
    -webkit-animation: fadeButton 1.05s ease 0s forwards;
    animation: fadeButton 1.05s ease 0s forwards
}

@-webkit-keyframes fadeButton {
    from {
        transform: translate3d(0, .9375rem, 1px);
        opacity: 0
    }

    to {
        transform: translate3d(0, 0, 1px);
        opacity: 1
    }
}

@keyframes fadeButton {
    from {
        transform: translate3d(0, .9375rem, 1px);
        opacity: 0
    }

    to {
        transform: translate3d(0, 0, 1px);
        opacity: 1
    }
}

.jpui.modal .modalContent .additionalDialogContent {
    margin: 0 0 1.375rem;
    padding: 0
}

.jpui.modal .modalContent .additionalDialogContent .chart-summary {
    margin-bottom: 4rem
}

.jpui.modal .modalContent .modalFooter {
    width: 100%;
    left: 0;
    right: 0
}

@media print {
    .jpui.modal .dialog {
        position: absolute;
        top: 0;
        left: 0;
        transform: translateY(0)
    }

    .jpui.modal .dialog.vertical-center {
        transform: translateY(0)
    }

    .jpui.modal .stickybuttons {
        display: none !important
    }
}

.jpui.modal.modal--with-sticky-buttons {
    flex-direction: column;
    overflow-y: visible;
    justify-content: space-between
}

.jpui.modal.modal--with-sticky-buttons .stickybuttons {
    display: flex;
    flex-shrink: 0;
    position: static;
    width: calc(100% + 3rem);
    margin-left: -1.5rem;
    margin-bottom: -1.5rem
}

.jpui.modal.modal--with-sticky-buttons .stickybuttons .button {
    min-height: 2.5rem
}

.jpui.modal.modal--with-sticky-buttons .stickybuttons .stickybuttons__button--third {
    z-index: 1
}

.jpui.modal.modal--with-sticky-buttons .dialog {
    margin: auto;
    overflow-y: scroll;
    overflow-x: hidden
}

.jpui.modal.video.darkBackground {
    background-color: rgba(0, 0, 0, .8);
    -webkit-animation: none;
    animation: none
}

.jpui.modal.video {
    z-index: 99999
}

.jpui.multiselect {
    position: relative
}

.jpui.multiselect input[type=checkbox] {
    display: none
}

.jpui.multiselect .multiselect__title {
    margin-bottom: .25rem
}

.jpui.multiselect .multiselect__ruler {
    visibility: hidden;
    white-space: nowrap;
    position: absolute
}

.jpui.multiselect .multiselect__control {
    border: .0625rem solid #959595;
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    min-height: 2.5rem;
    position: relative;
    cursor: text
}

.jpui.multiselect .multiselect__control.multiselect__control--disabled {
    border: .0625rem solid #bcbcbc
}

.jpui.multiselect .multiselect__control.multiselect__control--disabled .multiselect__control-search::-moz-placeholder {
    color: #bcbcbc
}

.jpui.multiselect .multiselect__control.multiselect__control--disabled .multiselect__control-search:-ms-input-placeholder {
    color: #bcbcbc
}

.jpui.multiselect .multiselect__control.multiselect__control--disabled .multiselect__control-search::placeholder {
    color: #bcbcbc
}

.jpui.multiselect .multiselect__control.multiselect__control--disabled .multiselect__control-selection .multiselect__control-selected-button,
.jpui.multiselect .multiselect__control.multiselect__control--disabled .multiselect__control-selection .multiselect__control-selected-button:hover {
    fill: #fff;
    color: #bcbcbc;
    border: .0625rem solid #666;
    background: #fff
}

.jpui.multiselect .multiselect__control.multiselect__control--disabled .expanddown {
    color: #bcbcbc
}

.jpui.multiselect .multiselect__control.multiselect__control--disabled:hover {
    cursor: default
}

.jpui.multiselect .multiselect__control.multiselect__control--focus {
    border-color: #0b6efd;
    outline: 0;
    box-shadow: .0625rem .0625rem 0 #0b6efd, .0625rem -.0625rem 0 #0b6efd, -.0625rem .0625rem 0 #0b6efd, -.0625rem -.0625rem 0 #0b6efd
}

.jpui.multiselect .multiselect__control.multiselect__control--focus::-ms-value {
    background: #fff;
    color: #414042
}

.jpui.multiselect .multiselect__control.multiselect__control--error {
    border-color: #bf2155;
    box-shadow: .0625rem .0625rem 0 #bf2155, .0625rem -.0625rem 0 #bf2155, -.0625rem .0625rem 0 #bf2155, -.0625rem -.0625rem 0 #bf2155
}

.jpui.multiselect .multiselect__control .multiselect__control-selection {
    width: 95%;
    padding: 0 1rem .5rem;
    flex-shrink: 0
}

.jpui.multiselect .multiselect__control .multiselect__control-selection .multiselect__control-selected {
    list-style-type: none;
    padding: 0;
    display: inline
}

.jpui.multiselect .multiselect__control .multiselect__control-selection .multiselect__control-selected-item {
    display: inline-block
}

.jpui.multiselect .multiselect__control .multiselect__control-selection .multiselect__control-selected-button {
    border-radius: .25rem;
    border: .0625rem solid #959595;
    background-color: #fff;
    margin-right: .3125rem;
    margin-top: .5rem;
    padding-left: .625rem;
    padding-right: .625rem;
    white-space: pre-wrap;
    text-align: left;
    display: flex
}

.jpui.multiselect .multiselect__control .multiselect__control-selection .multiselect__control-selected-button:hover {
    background-color: #ededed;
    border-color: #ededed
}

.jpui.multiselect .multiselect__control .multiselect__control-selection .multiselect__control-selected-button:active {
    background-color: #e5e5e5;
    border-color: #e5e5e5
}

.jpui.multiselect .multiselect__control .multiselect__control-selection .multiselect__control-selected-button:focus {
    background-color: #e5e5e5;
    border: dashed .0625rem #717171
}

.jpui.multiselect .multiselect__control .multiselect__control-selection .multiselect__control-selected-button:disabled {
    background-color: #bcbcbc;
    border: dashed .0625rem #bcbcbc
}

.jpui.multiselect .multiselect__control .multiselect__control-selection .multiselect__control-selected-button .multiselect__control-selected-icon {
    font-size: .5625rem;
    margin-left: .5rem;
    align-self: center
}

.jpui.multiselect .multiselect__control .multiselect__control-selection .multiselect__control-selected:lastChild .multiselect__control-selected-button {
    margin-right: 0
}

.jpui.multiselect .multiselect__control .multiselect__control-search {
    display: inline-block;
    border: none;
    margin-top: .5rem;
    padding: 0;
    -webkit-user-select: text !important
}

.jpui.multiselect .multiselect__control .multiselect__control-search.disabled {
    background-color: #fff
}

.jpui.multiselect .multiselect__control .multiselect__control-search:focus:-moz-placeholder,
.jpui.multiselect .multiselect__control .multiselect__control-search:focus::-webkit-input-placeholder {
    color: transparent
}

.jpui.multiselect .multiselect__control .multiselect__control-search::-ms-clear {
    display: none
}

@media screen and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .jpui.multiselect .multiselect__control .multiselect__control-search {
        margin-top: .4rem
    }
}

.jpui.multiselect .multiselect__control .multiselect__control-icon {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    margin: 0 .625rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.jpui.multiselect .multiselect__menu {
    margin-top: .125rem;
    margin-bottom: .75rem;
    padding: 0 0 .5rem 0;
    list-style-type: none;
    border: .0625rem solid rgba(0, 0, 0, .17);
    box-shadow: 0 .125rem .188rem rgba(0, 0, 0, .28);
    height: auto;
    max-height: 24rem;
    overflow-y: auto;
    display: none;
    position: absolute;
    z-index: 1;
    width: 100%;
    background-color: #fff
}

.jpui.multiselect .multiselect__menu.multiselect__menu--show {
    display: block
}

.jpui.multiselect .multiselect__menu .multiselect__menu-option,
.jpui.multiselect .multiselect__menu .multiselect__menu-placeholder {
    min-height: 2rem;
    line-height: 2rem;
    padding: 0 1.75rem;
    display: block;
    text-indent: -.5rem
}

.jpui.multiselect .multiselect__menu .multiselect__menu-option:hover {
    background-color: #f9f6f3
}

.jpui.multiselect .multiselect__menu .multiselect__menu-option:active {
    background-color: #0092ff;
    color: #fff
}

.jpui.multiselect .multiselect__menu .multiselect__menu-option.highlighted,
.jpui.multiselect .multiselect__menu .multiselect__menu-option:focus {
    outline: dashed .0625rem #717171;
    outline-offset: -.125rem
}

.jpui.multiselect .multiselect__menu .multiselect__menu-group-header {
    padding: .25rem .9rem;
    text-transform: uppercase;
    background-color: #e7e4de;
    font-weight: 700;
    margin-bottom: .5rem
}

.jpui.multiselect .multiselect__menu .multiselect__menu-group-header:not(.first) {
    margin-top: .5rem
}

.jpui.multiselect .multiselect__menu .multiselect__menu-option,
.jpui.multiselect .multiselect__menu .multiselect__menu-placeholder {
    padding: 0 2.5rem
}

.jpui.minitooltip {
    position: absolute !important;
    padding: 0;
    border: 0;
    height: .0625rem;
    width: .0625rem;
    overflow: hidden;
    clip: rect(.0625rem, .0625rem, .0625rem, .0625rem)
}

.jpui.minitooltip.show {
    opacity: 0;
    -webkit-animation: showMiniTooltip .1s ease .75s both;
    animation: showMiniTooltip .1s ease .75s both;
    clip: auto;
    padding: .75rem 1rem;
    bottom: -.25rem;
    right: auto;
    left: 0;
    width: 12.125rem;
    height: auto;
    max-width: 18rem;
    font-size: .875rem;
    color: #414042;
    border: .0625rem solid #ccc;
    border-radius: 0;
    background-color: #f9f6f3;
    box-shadow: 0 .125rem .1875rem 0 rgba(0, 0, 0, .28);
    z-index: 1;
    transform: translateY(100%)
}

@keyframes showMiniTooltip {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.jpui.minitooltip.show.rightAlign {
    left: auto;
    right: 0
}

.jpui.minitooltip.show.centerAlign {
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    bottom: auto;
    margin-top: .25rem
}

@media (min-width:768px) {
    .jpui.minitooltip.show {
        max-width: 21.875rem
    }
}

@media (min-width:992px) {
    .jpui.minitooltip.show {
        max-width: 24.25rem
    }
}

.jpui.navbar.vertical {
    background-color: #fff;
    height: 100%
}

.jpui.navbar.vertical ul {
    margin: 0;
    list-style: none;
    padding-left: 0;
    height: auto;
    display: none;
    visibility: hidden
}

.jpui.navbar.vertical ul.open {
    display: block;
    visibility: visible
}

.jpui.navbar.vertical ul.active {
    display: block;
    visibility: visible
}

.jpui.navbar.vertical ul li {
    background-color: #fff
}

.jpui.navbar.vertical ul li [disabled] {
    pointer-events: none
}

.jpui.navbar.vertical .clickable {
    cursor: pointer
}

.jpui.navbar.vertical .listItem {
    background-color: #fff;
    display: block
}

.jpui.navbar.vertical.topLevel {
    position: relative
}

@media (min-width:768px) {
    .jpui.navbar.vertical.topLevel {
        padding-top: 1.3125rem
    }
}

.jpui.navbar.vertical.topLevel .skiplink:focus {
    position: absolute;
    top: 0
}

.jpui.navbar.vertical.topLevel .skiplink:focus.bottomSkipLink {
    top: auto;
    bottom: -3rem;
    left: 2rem
}

.jpui.navbar.vertical.topLevel>.listItem {
    background-color: #dbd5ca;
    width: 100%;
    padding: .4rem 1rem;
    margin-bottom: 1rem
}

.jpui.navbar.vertical .category .bottom {
    height: 100%;
    width: 100%
}

.jpui.navbar.vertical .category .bottom a {
    display: block;
    text-decoration: none;
    padding-left: 1.5rem;
    padding-top: .4375rem;
    padding-bottom: .4375rem
}

.jpui.navbar.vertical .category .bottom a.touch {
    padding-top: .65rem;
    padding-bottom: .65rem
}

.jpui.navbar.vertical .category .bottom a.active {
    border-left: .375rem solid #0092ff;
    padding-left: 1.125rem
}

.jpui.navbar.vertical .category .bottom a:focus {
    outline: .0625rem dashed #717171
}

.jpui.navbar.vertical .category .bottom a:hover:not(.touch) {
    background-color: #f3f0e9
}

.jpui.navbar.vertical .category .bottom a:active:not(.touch) {
    background-color: #0092ff
}

.jpui.navbar.vertical .category .bottom a:active {
    background-color: #0092ff
}

.jpui.navbar.vertical .category .bottom a.disabled {
    color: #bcbcbc
}

.jpui.navbar.vertical .category .bottom a.disabled.touch:active {
    background-color: #fff
}

.jpui.navbar.vertical .category .bottom a.disabled:hover:not(.touch) {
    background: #f9f6f3;
    color: #bcbcbc
}

.jpui.navbar.vertical .category .bottom a.disabled.active {
    border-left: 0;
    font-weight: 400;
    padding-left: 1.5rem
}

.jpui.navbar.vertical .category .bottom a.disabled:focus {
    outline: 0
}

.jpui.navbar.vertical .category .bottom span.disabled {
    display: block;
    text-decoration: none;
    padding-left: 1.5rem;
    padding-top: .4375rem;
    padding-bottom: .4375rem
}

.jpui.navbar.vertical .category .bottom span.disabled.touch {
    padding-top: .65rem;
    padding-bottom: .65rem
}

.jpui.navbar.vertical .category .bottom span.disabled.touch:active {
    background-color: #fff
}

.jpui.navbar.vertical .category .header-div {
    background-color: #ede9e3;
    padding: .4rem 1.5rem;
    margin-bottom: .5rem;
    margin-top: 1rem
}

.jpui.navbar.vertical .category .header-div>.listItem {
    background-color: inherit;
    margin: 0
}

.jpui.navbar.vertical .subcategory>.listItem {
    padding: .4374rem 1.5rem
}

.jpui.navbar.vertical .subcategory>.listItem.touch {
    padding-top: .65rem;
    padding-bottom: .65rem
}

.jpui.navbar.vertical .subcategory>.listItem.active,
.jpui.navbar.vertical .subcategory>.listItem.active:hover {
    background-color: #f9f6f3;
    border-bottom: .0625rem solid #fff
}

.jpui.navbar.vertical .subcategory>.listItem:hover:not(.touch) {
    background-color: #ede9e3
}

.jpui.navbar.vertical .subcategory>.listItem:active:not(.touch) {
    background-color: #ede9e3
}

.jpui.navbar.vertical .subcategory>.listItem:active {
    background-color: #ede9e3
}

.jpui.navbar.vertical .subcategory>.listItem:focus {
    outline: .0625rem dashed #717171
}

.jpui.navbar.vertical .subcategory>.listItem.disabled {
    color: #bcbcbc
}

.jpui.navbar.vertical .subcategory .bottom {
    height: 100%;
    width: 100%
}

.jpui.navbar.vertical .subcategory .bottom a {
    display: block;
    text-decoration: none;
    padding-left: 2.75rem;
    padding-top: .4375rem;
    padding-bottom: .4375rem
}

.jpui.navbar.vertical .subcategory .bottom a.touch {
    padding-top: .65rem;
    padding-bottom: .65rem
}

.jpui.navbar.vertical .subcategory .bottom a.active {
    border-left: .375rem solid #0092ff;
    padding-left: 2.375rem
}

.jpui.navbar.vertical .subcategory .bottom a:focus {
    outline: .0625rem dashed #717171
}

.jpui.navbar.vertical .subcategory .bottom a:hover:not(.touch) {
    background-color: #f3f0e9
}

.jpui.navbar.vertical .subcategory .bottom a:active:not(.touch) {
    background-color: #0092ff
}

.jpui.navbar.vertical .subcategory .bottom a:active {
    background-color: #0092ff
}

.jpui.navbar.vertical .subcategory .bottom a.disabled {
    color: #bcbcbc
}

.jpui.navbar.vertical .subcategory .bottom a.disabled.touch:active {
    background-color: #fff
}

.jpui.navbar.vertical .subcategory .bottom a.disabled:hover:not(.touch) {
    background: #f9f6f3;
    color: #bcbcbc
}

.jpui.navbar.vertical .subcategory .bottom a.disabled.active {
    border-left: 0;
    font-weight: 400;
    padding-left: 2.75rem
}

.jpui.navbar.vertical .subcategory .bottom a.disabled:focus {
    outline: 0
}

.jpui.navbar.vertical .subcategory .bottom span.disabled {
    display: block;
    text-decoration: none;
    padding-left: 2.75rem;
    padding-top: .4375rem;
    padding-bottom: .4375rem
}

.jpui.navbar.vertical .subcategory .bottom span.disabled.touch {
    padding-top: .65rem;
    padding-bottom: .65rem
}

.jpui.navbar.vertical .subcategory .bottom span.disabled.touch:active {
    background-color: #fff
}

.jpui.navbar.vertical .subcategory .bottom {
    background-color: #f9f6f3;
    border-bottom: .0625rem solid #fff
}

.jpui.navbar.vertical.navbar--expandable {
    padding-top: 1.125rem
}

.jpui.navbar.vertical.navbar--expandable .bottom {
    height: 100%;
    width: 100%
}

.jpui.navbar.vertical.navbar--expandable .bottom a {
    display: block;
    text-decoration: none;
    padding-left: 1rem;
    padding-top: .4375rem;
    padding-bottom: .4375rem
}

.jpui.navbar.vertical.navbar--expandable .bottom a.touch {
    padding-top: .65rem;
    padding-bottom: .65rem
}

.jpui.navbar.vertical.navbar--expandable .bottom a.active {
    border-left: .375rem solid #0092ff;
    padding-left: .625rem
}

.jpui.navbar.vertical.navbar--expandable .bottom a:focus {
    outline: .0625rem dashed #717171
}

.jpui.navbar.vertical.navbar--expandable .bottom a:hover:not(.touch) {
    background-color: #f3f0e9
}

.jpui.navbar.vertical.navbar--expandable .bottom a:active:not(.touch) {
    background-color: #0092ff
}

.jpui.navbar.vertical.navbar--expandable .bottom a:active {
    background-color: #0092ff
}

.jpui.navbar.vertical.navbar--expandable .bottom a.disabled {
    color: #bcbcbc
}

.jpui.navbar.vertical.navbar--expandable .bottom a.disabled.touch:active {
    background-color: #fff
}

.jpui.navbar.vertical.navbar--expandable .bottom a.disabled:hover:not(.touch) {
    background: #f9f6f3;
    color: #bcbcbc
}

.jpui.navbar.vertical.navbar--expandable .bottom a.disabled.active {
    border-left: 0;
    font-weight: 400;
    padding-left: 1rem
}

.jpui.navbar.vertical.navbar--expandable .bottom a.disabled:focus {
    outline: 0
}

.jpui.navbar.vertical.navbar--expandable .bottom span.disabled {
    display: block;
    text-decoration: none;
    padding-left: 1rem;
    padding-top: .4375rem;
    padding-bottom: .4375rem
}

.jpui.navbar.vertical.navbar--expandable .bottom span.disabled.touch {
    padding-top: .65rem;
    padding-bottom: .65rem
}

.jpui.navbar.vertical.navbar--expandable .bottom span.disabled.touch:active {
    background-color: #fff
}

.jpui.navbar.vertical.navbar--expandable .bottom .bottom-link {
    color: #414042;
    padding: .75rem 1.25rem .75rem 1rem;
    line-height: 1.25rem;
    font-size: 1rem
}

.jpui.navbar.vertical.navbar--expandable .bottom .bottom-link.active {
    padding-left: .625rem
}

.jpui.navbar.vertical.navbar--expandable .bottom .bottom-link-disabled.disabled {
    padding: .75rem 1.25rem .75rem 1rem;
    line-height: 1.25rem;
    font-size: 1rem
}

.jpui.navbar.vertical.navbar--expandable .subcategory>.listItem {
    padding: .75rem 1.25rem .75rem 1rem;
    line-height: 1.25rem
}

.jpui.navbar.vertical.navbar--expandable .subcategory>.listItem,
.jpui.navbar.vertical.navbar--expandable .subcategory>.listItem.active,
.jpui.navbar.vertical.navbar--expandable .subcategory>.listItem.active:hover,
.jpui.navbar.vertical.navbar--expandable .subcategory>.listItem:hover {
    font-size: 1rem;
    background-color: #fff;
    color: #414042;
    font-weight: 400;
    border: none
}

.jpui.navbar.vertical.navbar--expandable .subcategory.navbar__submenu .bottom-link,
.jpui.navbar.vertical.navbar--expandable .subcategory.navbar__submenu .bottom-link-disabled {
    padding-left: 2.5rem
}

.jpui.navbar.vertical.navbar--expandable .subcategory.navbar__submenu .bottom-link.active {
    padding-left: 2.125rem
}

.jpui.navbar.vertical.navbar--expandable .subcategory .bottom {
    background-color: #faf9f8
}

.jpui.navbar.vertical.navbar--expandable .subcategory .bottom .bottom-link {
    color: #414042
}

.jpui.navbar.vertical.navbar--expandable .subcategory .bottom:not(.bottom--disabled):hover {
    background-color: #f9f6f3
}

.jpui.navbar.vertical.navbar--expandable .subcategory .bottom:not(.bottom--disabled):active {
    background-color: #0092ff
}

.jpui.navbar.vertical.navbar--expandable .subcategory .bottom:not(.bottom--disabled):active .bottom-link {
    color: #fff
}

.jpui.navbar.vertical.navbar--expandable .subcategory .iconBox {
    float: right;
    transition: transform .3s ease-out 0s
}

.jpui.navbar.vertical.navbar--expandable .subcategory .iconBox .icon {
    font-size: .625rem
}

.jpui.navbar.vertical.navbar--expandable .subcategory.active .iconBox {
    transform: rotate(90deg)
}

.jpui.navbar.vertical.navbar--expandable .subcategory.active .iconBox .icon {
    color: #126bc5
}

@media (min-width:768px) {
    .jpui.navbar.vertical.navbar--expandable .bottom .bottom-link {
        padding: .5rem 1.25rem .5rem 1.5rem
    }

    .jpui.navbar.vertical.navbar--expandable .bottom .bottom-link.active {
        border-left: .375rem solid #0092ff;
        padding-left: 1.125rem
    }

    .jpui.navbar.vertical.navbar--expandable .bottom .bottom-link-disabled.disabled {
        padding: .5rem 1.25rem .5rem 1.5rem
    }

    .jpui.navbar.vertical.navbar--expandable .subcategory>.listItem {
        padding: .5rem 1.25rem .5rem 1.5rem
    }

    .jpui.navbar.vertical.navbar--expandable .subcategory.navbar__submenu .bottom-link,
    .jpui.navbar.vertical.navbar--expandable .subcategory.navbar__submenu .bottom-link-disabled {
        padding-left: 2.5rem
    }

    .jpui.navbar.vertical.navbar--expandable .subcategory.navbar__submenu .bottom-link.active {
        padding-left: 2.125rem
    }
}

.jpui.navbar.vertical.dark {
    background-color: #3d3734
}

.jpui.navbar.vertical.dark :focus {
    background-color: #3d3734;
    outline: .0625rem dashed #959595
}

.jpui.navbar.vertical.dark.topLevel {
    background-color: #26201c;
    padding-top: 0
}

.jpui.navbar.vertical.dark ul.category {
    padding-bottom: 0
}

.jpui.navbar.vertical.dark ul.category .bottom {
    height: auto;
    background-color: #3d3734;
    border-bottom: .0625rem solid #26201c
}

.jpui.navbar.vertical.dark ul.category .bottom span {
    height: 100%
}

.jpui.navbar.vertical.dark ul.category .bottom span.disabled {
    padding-top: .65rem;
    padding-bottom: .65rem
}

.jpui.navbar.vertical.dark ul.category .bottom span.disabled.touch:active {
    background-color: #3d3734
}

.jpui.navbar.vertical.dark ul.category .bottom a {
    height: 100%;
    padding-top: .65rem;
    padding-bottom: .65rem
}

.jpui.navbar.vertical.dark ul.category .bottom a.active {
    background-color: #47423f
}

.jpui.navbar.vertical.dark ul.category .bottom a:focus {
    outline: .0625rem dashed #959595
}

.jpui.navbar.vertical.dark ul.category .bottom a:hover:not(.touch) {
    background-color: #56504d
}

.jpui.navbar.vertical.dark ul.category .bottom a:active:not(.touch) {
    background-color: #0092ff
}

.jpui.navbar.vertical.dark ul.category .bottom a:active {
    background-color: #0092ff
}

.jpui.navbar.vertical.dark ul.category .bottom a.disabled {
    color: #bcbcbc
}

.jpui.navbar.vertical.dark ul.category .bottom a.disabled:hover:not(.touch) {
    color: #a9d5ed
}

.jpui.navbar.vertical.dark ul.category .bottom a.disabled:active:not(.touch) {
    background-color: #56504d
}

.jpui.navbar.vertical.dark ul.category .bottom a.disabled.touch:active {
    background-color: #47423f
}

.jpui.navbar.vertical.dark ul.category .bottom a.disabled:focus {
    outline: 0
}

.jpui.navbar.vertical.dark .category .header-div {
    height: 2.0625rem;
    background-color: #1e1b18;
    margin: 0;
    padding: .5rem 1.5rem
}

.jpui.navbar.vertical.dark .category .header-div .listItem {
    background-color: #1e1b18
}

.jpui.navbar.vertical.dark .category.listItem.clickable {
    color: #ccc;
    margin: 0;
    padding: .5rem 1.5rem;
    background-color: #25201c
}

.jpui.navbar.vertical.dark .subcategory {
    background-color: #3d3734
}

.jpui.navbar.vertical.dark .subcategory .bottom a {
    background-color: #47423f
}

.jpui.navbar.vertical.dark .subcategory:hover:not(.touch) {
    background-color: #56504d
}

.jpui.navbar.vertical.dark .subcategory:active:not(.touch) {
    background-color: #0092ff
}

.jpui.navbar.vertical.dark .subcategory:active {
    background-color: #0092ff
}

.jpui.navbar.vertical.dark .subcategory.open {
    border-bottom: 0
}

.jpui.navbar.vertical.dark .subcategory.listItem {
    height: 2.75rem;
    border-bottom: .0625rem solid #26201c
}

.jpui.navbar.vertical.dark .subcategory.listItem.active,
.jpui.navbar.vertical.dark .subcategory.listItem.active:hover {
    background-color: #47423f;
    border-bottom: .0625rem solid #26201c
}

.jpui.navbar.vertical.dark ul.subcategory li .bottom a.active {
    background-color: #47423f
}

.jpui.navbar.vertical.dark ul.subcategory li .bottom a:hover:not(.touch) {
    background-color: #56504d
}

.jpui.navbar.vertical.dark ul.subcategory li .bottom a:active:not(.touch) {
    background-color: #0092ff
}

.jpui.navbar.vertical.dark ul.subcategory li .bottom a:active {
    background-color: #0092ff
}

.jpui.offersmars {
    width: 100%;
    position: relative;
    height: 12.375rem;
    box-shadow: 0 .0625rem .1875rem rgba(0, 0, 0, .2)
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .jpui.offersmars {
        box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .2)
    }
}

.jpui.offersmars .offersmars__badge-container {
    height: 1.625rem;
    text-align: right
}

.jpui.offersmars .offersmars__badge-container .offersmars__badge {
    height: 100%;
    padding-top: .375rem
}

.jpui.offersmars .offersmars__body-container {
    display: flex;
    height: 8.5rem;
    padding: .25rem 1.125rem .75rem
}

.jpui.offersmars .offersmars__body-container .offersmars__offer-image {
    height: 5.625rem;
    flex: 0 0 5.625rem
}

.jpui.offersmars .offersmars__body-container .offersmars__body {
    display: flex;
    flex-direction: column;
    padding-left: 1rem;
    width: 100%
}

.jpui.offersmars .offersmars__body-container .offersmars__body .offersmars__category {
    font-size: .8125rem;
    font-weight: 600;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none;
    margin-bottom: .1875rem
}

@media screen and (min-width:768px) {
    .jpui.offersmars .offersmars__body-container .offersmars__body .offersmars__category {
        font-size: .875rem
    }
}

.jpui.offersmars .offersmars__body-container .offersmars__body .offersmars__headline {
    margin-bottom: .25rem;
    font-size: .875rem;
    font-weight: 600;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none;
    line-height: 1.4375rem
}

@media screen and (min-width:768px) {
    .jpui.offersmars .offersmars__body-container .offersmars__body .offersmars__headline {
        font-size: 1rem
    }
}

.jpui.offersmars .offersmars__body-container .offersmars__body .offersmars__headline.offersmars__headline--mars-offer {
    font-size: 1.125rem;
    font-weight: 400;
    color: #128842;
    letter-spacing: 0;
    text-decoration: none;
    font-weight: 600
}

.jpui.offersmars .offersmars__body-container .offersmars__body .offersmars__text {
    font-size: .75rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.offersmars .offersmars__body-container .offersmars__body .offersmars__text b,
.jpui.offersmars .offersmars__body-container .offersmars__body .offersmars__text strong {
    font-weight: 600
}

.jpui.offersmars .offersmars__body-container .offersmars__body .offersmars__list {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.jpui.offersmars .offersmars__body-container .offersmars__body .offersmars__list .offersmars__list-item {
    line-height: .975rem
}

.jpui.offersmars .offersmars__body-container .offersmars__body .offersmars__list .offersmars__list-item .offersmars__list-item-key {
    font-size: .75rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.offersmars .offersmars__body-container .offersmars__body .offersmars__list .offersmars__list-item .offersmars__list-item-key a,
.jpui.offersmars .offersmars__body-container .offersmars__body .offersmars__list .offersmars__list-item .offersmars__list-item-key a:active,
.jpui.offersmars .offersmars__body-container .offersmars__body .offersmars__list .offersmars__list-item .offersmars__list-item-key a:hover,
.jpui.offersmars .offersmars__body-container .offersmars__body .offersmars__list .offersmars__list-item .offersmars__list-item-key a:visited {
    font-size: .75rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.offersmars .offersmars__body-container .offersmars__body .offersmars__list .offersmars__list-item .offersmars__list-item-key--emphasized {
    font-size: .75rem;
    font-weight: 600;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.offersmars .offersmars__body-container .offersmars__body .offersmars__list .offersmars__list-item .offersmars__list-item-value {
    font-size: .75rem;
    font-weight: 600;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none;
    padding-left: .375rem
}

.jpui.offersmars .offersmars__container-separator {
    margin: 0 .75rem;
    border: 0;
    border-top: .0625rem solid #ccc
}

.jpui.offersmars .offersmars__footer {
    height: 2.1875rem;
    padding: 0 .75rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.jpui.offersmars .offersmars__footer .offersmars__cta {
    font-size: .8125rem;
    font-weight: 600;
    color: #0b6efd;
    letter-spacing: 0;
    text-decoration: none;
    padding-top: .5625rem;
    padding-bottom: .5rem
}

@media screen and (min-width:1200px) {
    .jpui.offersmars .offersmars__footer .offersmars__cta {
        font-size: .875rem
    }
}

.jpui.offersmars .offersmars__footer .offersmars__cta[href]::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.jpui.offersmars .offersmars__hidden {
    display: none
}

@media screen and (max-width:767px) {
    .jpui.offersmars {
        height: 12.25rem
    }

    .jpui.offersmars .offersmars__body {
        padding-left: 1.125rem
    }

    .jpui.offersmars .offersmars__body-container {
        padding: .25rem 1rem .75rem;
        height: 8.375rem
    }

    .jpui.offersmars .offersmars__body-container .offersmars__offer-image {
        flex: 0 0 3.75rem;
        height: 3.75rem
    }

    .jpui.offersmars .offersmars__body-container .offersmars__body .offersmars__headline {
        line-height: 1.3125rem
    }

    .jpui.offersmars .offersmars__body-container .offersmars__body .offersmars__headline.offersmars__headline--mars-offer {
        font-size: 1rem
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .jpui.offersmars .offersmars__body-container {
        padding-right: .5rem
    }
}

.jpui.expandablemicrocopy.expandablemicrocopy--open .expandablemicrocopy__header-icon {
    transform: rotate(90deg)
}

.jpui.expandablemicrocopy.expandablemicrocopy--open .expandablemicrocopy__req-list {
    display: block;
    margin-top: .125rem;
    padding-left: 1.75rem
}

.jpui.expandablemicrocopy .expandablemicrocopy__header {
    cursor: pointer;
    border: none;
    background-color: transparent
}

.jpui.expandablemicrocopy .expandablemicrocopy__header:focus {
    outline: .0625rem dashed #717171
}

.jpui.expandablemicrocopy .expandablemicrocopy__header:focus .expandablemicrocopy__header-icon {
    color: #126bc5
}

.jpui.expandablemicrocopy .expandablemicrocopy__header .expandablemicrocopy__header-label,
.jpui.expandablemicrocopy .expandablemicrocopy__header .expandablemicrocopy__req-list-item {
    font-size: .75rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none;
    font-size: 1rem
}

.jpui.expandablemicrocopy .expandablemicrocopy__header .expandablemicrocopy__header-label a,
.jpui.expandablemicrocopy .expandablemicrocopy__header .expandablemicrocopy__header-label a:active,
.jpui.expandablemicrocopy .expandablemicrocopy__header .expandablemicrocopy__header-label a:hover,
.jpui.expandablemicrocopy .expandablemicrocopy__header .expandablemicrocopy__header-label a:visited,
.jpui.expandablemicrocopy .expandablemicrocopy__header .expandablemicrocopy__req-list-item a,
.jpui.expandablemicrocopy .expandablemicrocopy__header .expandablemicrocopy__req-list-item a:active,
.jpui.expandablemicrocopy .expandablemicrocopy__header .expandablemicrocopy__req-list-item a:hover,
.jpui.expandablemicrocopy .expandablemicrocopy__header .expandablemicrocopy__req-list-item a:visited {
    font-size: .75rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.expandablemicrocopy .expandablemicrocopy__req-list {
    display: none;
    list-style-type: none
}

.jpui.expandablemicrocopy .expandablemicrocopy__req-list .expandablemicrocopy__req-list-icon .icon {
    margin-right: .25rem
}

.jpui.expandablemicrocopy .expandablemicrocopy__req-list .expandablemicrocopy__req-list-icon .icon.checkmark {
    color: #2ca853
}

.jpui.expandablemicrocopy .expandablemicrocopy__req-list .expandablemicrocopy__req-list-icon .icon.close {
    color: #bf2155
}

.jpui.expandablemicrocopy .expandablemicrocopy__req-list .expandablemicrocopy__req-list-item.expandablemicrocopy__req-list-item--error {
    color: #bf2155
}

.jpui.expandablemicrocopy .expandablemicrocopy__req-list .expandablemicrocopy__req-list-item-sub {
    list-style-type: disc
}

.jpui.expandablemicrocopy .expandablemicrocopy__req-list .expandablemicrocopy__req-list-item-sub-item {
    color: #717171;
    margin-left: .75rem
}

.jpui.expandablemicrocopy.expandablemicrocopy--disabled .expandablemicrocopy__header {
    cursor: default
}

.jpui.expandablemicrocopy.expandablemicrocopy--disabled .expandablemicrocopy__header:focus {
    outline: 0
}

.jpui.expandablemicrocopy.expandablemicrocopy--disabled .expandablemicrocopy__header:focus .expandablemicrocopy__header-icon {
    color: #bcbcbc
}

.jpui.expandablemicrocopy.expandablemicrocopy--disabled .expandablemicrocopy__header .expandablemicrocopy__header-label {
    color: #bcbcbc
}

.jpui.expandablemicrocopy.expandablemicrocopy--disabled .expandablemicrocopy__req-list {
    color: #bcbcbc
}

.jpui.expandablemicrocopy.expandablemicrocopy--disabled .expandablemicrocopy__req-list .expandablemicrocopy__req-list-icon .icon,
.jpui.expandablemicrocopy.expandablemicrocopy--disabled .expandablemicrocopy__req-list .expandablemicrocopy__req-list-item {
    color: #bcbcbc
}

.jpui.offerdetails .offerdetails__container hr {
    margin: 0;
    border-color: #979797;
    opacity: .29
}

.jpui.offerdetails .offerdetails__container .offerdetails__header {
    display: flex;
    align-items: center;
    justify-content: center
}

.jpui.offerdetails .offerdetails__container .offerdetails__header .offerdetails__heading {
    margin-left: auto;
    font-size: 1.125rem;
    font-weight: 300;
    color: #414042
}

.jpui.offerdetails .offerdetails__container .offerdetails__header a {
    margin-left: auto;
    font-size: 1.25rem
}

.jpui.offerdetails .offerdetails__container .offerdetails__merchant-details {
    padding: 2rem 0 2rem 1.5rem;
    display: flex;
    align-items: center
}

.jpui.offerdetails .offerdetails__container .offerdetails__merchant-details .offerdetails__merchant-logo {
    display: inline-block
}

.jpui.offerdetails .offerdetails__container .offerdetails__merchant-details .offerdetails__merchant-logo img {
    width: 4.6875rem
}

.jpui.offerdetails .offerdetails__container .offerdetails__merchant-details .offerdetails__offer-info {
    display: inline-block;
    vertical-align: top;
    padding-left: .8125rem;
    font-weight: 600;
    color: #414042;
    font-size: 1.125rem;
    line-height: 1.125rem
}

.jpui.offerdetails .offerdetails__container .offerdetails__merchant-details .offerdetails__offer-info .offerdetails__info-two {
    padding: .5rem 0
}

.jpui.offerdetails .offerdetails__container .offerdetails__merchant-details .offerdetails__offer-info .offerdetails__info-three {
    font-size: .8125rem;
    letter-spacing: .0625rem
}

.jpui.offerdetails .offerdetails__container .offerdetails__merchant-details .offerdetails__offer-info .offerdetails__info-three .confirmation {
    padding-right: .5rem
}

.jpui.offerdetails .offerdetails__container .offerdetails__content-container {
    padding: 0 1.5rem 1.875rem
}

.jpui.offerdetails .offerdetails__container .offerdetails__content-container .offerdetails__content {
    margin: 1.875rem;
    font-size: .825rem;
    color: #404142
}

.jpui.offerdetails .offerdetails__container .offerdetails__content-container .offerdetails__content .pipe {
    padding: 0 .625rem;
    font-size: 1.25rem
}

.jpui.offerdetails .offerdetails__container .offerdetails__content-container .offerdetails__content .offerdetails__date-info {
    padding: 0;
    display: flex;
    align-items: center
}

.jpui.offerdetails .offerdetails__container .offerdetails__content-container .offerdetails__content .offerdetails__date-info .expires {
    font-weight: 600
}

.jpui.offerdetails .offerdetails__container .offerdetails__content-container .offerdetails__content .offerdetails__cta-container {
    padding: 1rem 0;
    display: flex;
    align-items: center
}

.jpui.offerdetails .offerdetails__container .offerdetails__content-container .offerdetails__content a {
    color: #126bc5
}

.jpui.offerdetails .offerdetails__container .offerdetails__content-container .offerdetails__content-heading {
    font-size: 1.125rem;
    font-weight: 300;
    color: #414042;
    margin: 1.125rem 0 .5rem 0
}

.jpui.offerdetails .offerdetails__container .offerdetails__content-container p {
    line-height: 1.1875rem
}

.jpui.offerdetails .offerdetails__container .offerdetails__content-container .offerdetails__disclaimer {
    margin: 1.875rem
}

.jpui.offerdetails .offerdetails__container .offerdetails__content-container .offerdetails__disclaimer p {
    font-size: .75rem;
    color: #717171;
    line-height: 1rem;
    margin: 0
}

.jpui.panel.bodyspace {
    padding: 0
}

.jpui.panel .table>tbody>tr:nth-child(even) {
    background-color: #f8f8f8
}

.jpui.panel.primary {
    margin: 1rem 0
}

.jpui.panel.primary .header {
    background: #f5f5f5;
    color: #333;
    border-top: .0625rem solid #ddd;
    border-left: .0625rem solid #ddd;
    border-right: .0625rem solid #ddd;
    padding: 1rem
}

.jpui.panel.primary .body {
    background: #fff;
    color: #333;
    font-size: 1rem;
    padding: 1rem;
    border: .0625rem solid #ddd
}

.jpui.panel.primary .footer {
    background: #f5f5f5;
    color: #333;
    border-bottom: .0625rem solid #ddd;
    border-left: .0625rem solid #ddd;
    border-right: .0625rem solid #ddd;
    padding: 1rem
}

.jpui.panel.secondary {
    background-color: transparent !important
}

.jpui.panel.secondary .header {
    background: #428bca;
    color: #fff;
    border-top: .0625rem solid #428bca;
    border-left: .0625rem solid #428bca;
    border-right: .0625rem solid #428bca;
    padding: 1rem
}

.jpui.panel.secondary .body {
    background: #fff;
    color: #333;
    font-size: 1rem;
    padding: 1rem;
    border: .0625rem solid #428bca
}

.jpui.panel.secondary .footer {
    border-bottom: .0625rem solid #428bca;
    border-left: .0625rem solid #428bca;
    border-right: .0625rem solid #428bca;
    padding: 1rem;
    background: #428bca;
    color: #fff
}

.jpui.panel.success {
    background-color: transparent !important
}

.jpui.panel.success .header {
    background: #48960b;
    color: #fff;
    border-top: .0625rem solid #48960b;
    border-left: .0625rem solid #48960b;
    border-right: .0625rem solid #48960b;
    padding: 1rem
}

.jpui.panel.success .body {
    background: #fff;
    color: #333;
    font-size: 1rem;
    padding: 1rem;
    border: .0625rem solid #48960b
}

.jpui.panel.success .footer {
    border-bottom: .0625rem solid #48960b;
    border-left: .0625rem solid #48960b;
    border-right: .0625rem solid #48960b;
    padding: 1rem;
    background: #48960b;
    color: #fff
}

.jpui.panel.error {
    background-color: transparent !important
}

.jpui.panel.error .header {
    background: #df0209;
    color: #fff;
    border-top: .0625rem solid #df0209;
    border-left: .0625rem solid #df0209;
    border-right: .0625rem solid #df0209;
    padding: 1rem
}

.jpui.panel.error .body {
    background: #fff;
    color: #333;
    font-size: 1rem;
    padding: 1rem;
    border: .0625rem solid #df0209
}

.jpui.panel.error .footer {
    border-bottom: .0625rem solid #df0209;
    border-left: .0625rem solid #df0209;
    border-right: .0625rem solid #df0209;
    padding: 1rem;
    background: #df0209;
    color: #fff
}

.jpui.progress.bar {
    display: flex;
    align-items: center;
    background-color: #d8d8d8;
    height: .25rem;
    width: 100%;
    border: transparent .0625rem solid;
    border-radius: .0625rem
}

.jpui.progress.bar .fill {
    height: .375rem;
    background-color: #0b6efd;
    border-radius: .125rem
}

.jpui.progress.bar[data-progress='0'] .fill {
    transition: width 1s ease-in-out;
    width: 0%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='1'] .fill {
    transition: width 1s ease-in-out;
    width: 1%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='2'] .fill {
    transition: width 1s ease-in-out;
    width: 2%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='3'] .fill {
    transition: width 1s ease-in-out;
    width: 3%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='4'] .fill {
    transition: width 1s ease-in-out;
    width: 4%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='5'] .fill {
    transition: width 1s ease-in-out;
    width: 5%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='6'] .fill {
    transition: width 1s ease-in-out;
    width: 6%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='7'] .fill {
    transition: width 1s ease-in-out;
    width: 7%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='8'] .fill {
    transition: width 1s ease-in-out;
    width: 8%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='9'] .fill {
    transition: width 1s ease-in-out;
    width: 9%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='10'] .fill {
    transition: width 1s ease-in-out;
    width: 10%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='11'] .fill {
    transition: width 1s ease-in-out;
    width: 11%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='12'] .fill {
    transition: width 1s ease-in-out;
    width: 12%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='13'] .fill {
    transition: width 1s ease-in-out;
    width: 13%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='14'] .fill {
    transition: width 1s ease-in-out;
    width: 14%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='15'] .fill {
    transition: width 1s ease-in-out;
    width: 15%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='16'] .fill {
    transition: width 1s ease-in-out;
    width: 16%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='17'] .fill {
    transition: width 1s ease-in-out;
    width: 17%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='18'] .fill {
    transition: width 1s ease-in-out;
    width: 18%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='19'] .fill {
    transition: width 1s ease-in-out;
    width: 19%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='20'] .fill {
    transition: width 1s ease-in-out;
    width: 20%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='21'] .fill {
    transition: width 1s ease-in-out;
    width: 21%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='22'] .fill {
    transition: width 1s ease-in-out;
    width: 22%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='23'] .fill {
    transition: width 1s ease-in-out;
    width: 23%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='24'] .fill {
    transition: width 1s ease-in-out;
    width: 24%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='25'] .fill {
    transition: width 1s ease-in-out;
    width: 25%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='26'] .fill {
    transition: width 1s ease-in-out;
    width: 26%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='27'] .fill {
    transition: width 1s ease-in-out;
    width: 27%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='28'] .fill {
    transition: width 1s ease-in-out;
    width: 28%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='29'] .fill {
    transition: width 1s ease-in-out;
    width: 29%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='30'] .fill {
    transition: width 1s ease-in-out;
    width: 30%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='31'] .fill {
    transition: width 1s ease-in-out;
    width: 31%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='32'] .fill {
    transition: width 1s ease-in-out;
    width: 32%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='33'] .fill {
    transition: width 1s ease-in-out;
    width: 33%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='34'] .fill {
    transition: width 1s ease-in-out;
    width: 34%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='35'] .fill {
    transition: width 1s ease-in-out;
    width: 35%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='36'] .fill {
    transition: width 1s ease-in-out;
    width: 36%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='37'] .fill {
    transition: width 1s ease-in-out;
    width: 37%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='38'] .fill {
    transition: width 1s ease-in-out;
    width: 38%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='39'] .fill {
    transition: width 1s ease-in-out;
    width: 39%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='40'] .fill {
    transition: width 1s ease-in-out;
    width: 40%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='41'] .fill {
    transition: width 1s ease-in-out;
    width: 41%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='42'] .fill {
    transition: width 1s ease-in-out;
    width: 42%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='43'] .fill {
    transition: width 1s ease-in-out;
    width: 43%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='44'] .fill {
    transition: width 1s ease-in-out;
    width: 44%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='45'] .fill {
    transition: width 1s ease-in-out;
    width: 45%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='46'] .fill {
    transition: width 1s ease-in-out;
    width: 46%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='47'] .fill {
    transition: width 1s ease-in-out;
    width: 47%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='48'] .fill {
    transition: width 1s ease-in-out;
    width: 48%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='49'] .fill {
    transition: width 1s ease-in-out;
    width: 49%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='50'] .fill {
    transition: width 1s ease-in-out;
    width: 50%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='51'] .fill {
    transition: width 1s ease-in-out;
    width: 51%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='52'] .fill {
    transition: width 1s ease-in-out;
    width: 52%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='53'] .fill {
    transition: width 1s ease-in-out;
    width: 53%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='54'] .fill {
    transition: width 1s ease-in-out;
    width: 54%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='55'] .fill {
    transition: width 1s ease-in-out;
    width: 55%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='56'] .fill {
    transition: width 1s ease-in-out;
    width: 56%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='57'] .fill {
    transition: width 1s ease-in-out;
    width: 57%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='58'] .fill {
    transition: width 1s ease-in-out;
    width: 58%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='59'] .fill {
    transition: width 1s ease-in-out;
    width: 59%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='60'] .fill {
    transition: width 1s ease-in-out;
    width: 60%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='61'] .fill {
    transition: width 1s ease-in-out;
    width: 61%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='62'] .fill {
    transition: width 1s ease-in-out;
    width: 62%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='63'] .fill {
    transition: width 1s ease-in-out;
    width: 63%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='64'] .fill {
    transition: width 1s ease-in-out;
    width: 64%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='65'] .fill {
    transition: width 1s ease-in-out;
    width: 65%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='66'] .fill {
    transition: width 1s ease-in-out;
    width: 66%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='67'] .fill {
    transition: width 1s ease-in-out;
    width: 67%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='68'] .fill {
    transition: width 1s ease-in-out;
    width: 68%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='69'] .fill {
    transition: width 1s ease-in-out;
    width: 69%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='70'] .fill {
    transition: width 1s ease-in-out;
    width: 70%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='71'] .fill {
    transition: width 1s ease-in-out;
    width: 71%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='72'] .fill {
    transition: width 1s ease-in-out;
    width: 72%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='73'] .fill {
    transition: width 1s ease-in-out;
    width: 73%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='74'] .fill {
    transition: width 1s ease-in-out;
    width: 74%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='75'] .fill {
    transition: width 1s ease-in-out;
    width: 75%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='76'] .fill {
    transition: width 1s ease-in-out;
    width: 76%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='77'] .fill {
    transition: width 1s ease-in-out;
    width: 77%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='78'] .fill {
    transition: width 1s ease-in-out;
    width: 78%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='79'] .fill {
    transition: width 1s ease-in-out;
    width: 79%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='80'] .fill {
    transition: width 1s ease-in-out;
    width: 80%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='81'] .fill {
    transition: width 1s ease-in-out;
    width: 81%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='82'] .fill {
    transition: width 1s ease-in-out;
    width: 82%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='83'] .fill {
    transition: width 1s ease-in-out;
    width: 83%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='84'] .fill {
    transition: width 1s ease-in-out;
    width: 84%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='85'] .fill {
    transition: width 1s ease-in-out;
    width: 85%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='86'] .fill {
    transition: width 1s ease-in-out;
    width: 86%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='87'] .fill {
    transition: width 1s ease-in-out;
    width: 87%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='88'] .fill {
    transition: width 1s ease-in-out;
    width: 88%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='89'] .fill {
    transition: width 1s ease-in-out;
    width: 89%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='90'] .fill {
    transition: width 1s ease-in-out;
    width: 90%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='91'] .fill {
    transition: width 1s ease-in-out;
    width: 91%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='92'] .fill {
    transition: width 1s ease-in-out;
    width: 92%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='93'] .fill {
    transition: width 1s ease-in-out;
    width: 93%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='94'] .fill {
    transition: width 1s ease-in-out;
    width: 94%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='95'] .fill {
    transition: width 1s ease-in-out;
    width: 95%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='96'] .fill {
    transition: width 1s ease-in-out;
    width: 96%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='97'] .fill {
    transition: width 1s ease-in-out;
    width: 97%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='98'] .fill {
    transition: width 1s ease-in-out;
    width: 98%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='99'] .fill {
    transition: width 1s ease-in-out;
    width: 99%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar[data-progress='100'] .fill {
    transition: width 1s ease-in-out;
    width: 100%;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress ol {
    list-style: none;
    padding: 0;
    margin: 0;
    height: .5rem
}

.jpui.progress ol:after,
.jpui.progress ol:before {
    content: '';
    display: table
}

.jpui.progress.circles li {
    display: inline-block;
    float: left;
    height: .625rem;
    width: .625rem;
    padding: 0;
    margin-right: .375rem;
    background-color: #fff;
    border: .0625rem solid #919191;
    border-radius: 50%
}

.jpui.progress.circles li.active {
    border-color: transparent;
    border-width: .3125rem;
    background-color: #0b6efd
}

.jpui.progress.rectangles ol {
    display: flex;
    flex-wrap: nowrap;
    align-items: center
}

.jpui.progress.rectangles li {
    width: 100%;
    height: .25rem;
    background-color: #d8d8d8;
    border-radius: .0625rem;
    margin-right: .75rem;
    border: transparent .0625rem solid
}

.jpui.progress.rectangles li:first-child {
    margin-left: 0
}

.jpui.progress.rectangles li:last-child {
    margin-right: 0
}

.jpui.progress.rectangles li.active {
    background-color: #0b6efd;
    height: 0;
    border-width: .125rem
}

.jpui.progress.rectangles li.active.current-step {
    border-radius: .125rem;
    border-width: .1875rem
}

@media (max-width:767px) {
    .jpui.progress.rectangles li {
        margin-right: .375rem
    }
}

.jpui.progress.rectangles.bold li {
    border-radius: .1875rem;
    height: 1.875rem
}

.jpui.progress.rectangles.bold li.active {
    background-color: #095782
}

.jpui.progress.rectangles.bold li.active.current-step {
    height: 2.375rem;
    border: none;
    background: repeating-linear-gradient(45deg, #b1cbd9, #b1cbd9 .4375rem, #85aec3 .4375rem, #85aec3 .5625rem)
}

.jpui.progress.active {
    background-color: #0b6efd;
    border-style: solid;
    border-color: transparent;
    height: 0
}

.jpui.progress.radial {
    background-color: #ccc;
    border-radius: 50%;
    width: 13.5rem;
    height: 13.5rem
}

.jpui.progress.radial .circle .fill,
.jpui.progress.radial .circle .mask {
    -webkit-backface-visibility: hidden;
    transition: transform 1s;
    border-radius: 50%
}

.jpui.progress.radial .circle .fill,
.jpui.progress.radial .circle .mask,
.jpui.progress.radial .circle .shadow {
    position: absolute;
    width: 13.5rem;
    height: 13.5rem;
    border-radius: 50%
}

.jpui.progress.radial .circle .mask {
    clip: rect(0, 13.5rem, 13.5rem, 6.75rem)
}

.jpui.progress.radial .circle .mask .fill {
    clip: rect(0, 6.75rem, 13.5rem, 0);
    background-color: #0b6efd
}

.jpui.progress.radial .circle .mask,
.jpui.progress.radial _::-webkit-:not(:root:root) .mask {
    clip: auto;
    -webkit-clip-path: inset(0 0 0 6.75rem)
}

.jpui.progress.radial .circle .mask .fill,
.jpui.progress.radial _::-webkit-:not(:root:root) .mask .fill {
    clip: auto;
    -webkit-clip-path: inset(0 6.75rem 0 0);
    background-color: #0b6efd
}

.jpui.progress.radial .inset {
    position: absolute;
    margin: .75rem 0 0 .75rem;
    width: 12rem;
    height: 12rem;
    background-color: #fff;
    border-radius: 50%
}

.jpui.progress.radial .inset .percentage {
    position: absolute;
    top: 3.5rem;
    left: 2.5rem;
    width: 8.5625rem;
    line-height: 1;
    text-align: center;
    color: #414042;
    font-size: 4.0625rem;
    font-weight: 300
}

.jpui.progress.radial .inset .subtitle {
    position: absolute;
    top: 7.5rem;
    left: 3.5rem;
    line-height: 1;
    text-align: center;
    color: #666;
    font-size: 1.0625rem;
    width: 3.625rem;
    text-transform: uppercase
}

.jpui.progress.radial .superscript {
    font-size: 60%
}

.jpui.progress.radial[data-progress='0'] .circle .fill,
.jpui.progress.radial[data-progress='0'] .circle .mask.full {
    transform: rotate(0)
}

.jpui.progress.radial[data-progress='0'] .circle .fill.fix {
    transform: rotate(0)
}

.jpui.progress.radial[data-progress='0'] .inset .percentage:before {
    content: '0'
}

.jpui.progress.radial[data-progress='1'] .circle .fill,
.jpui.progress.radial[data-progress='1'] .circle .mask.full {
    transform: rotate(1.8deg)
}

.jpui.progress.radial[data-progress='1'] .circle .fill.fix {
    transform: rotate(3.6deg)
}

.jpui.progress.radial[data-progress='1'] .inset .percentage:before {
    content: '1'
}

.jpui.progress.radial[data-progress='2'] .circle .fill,
.jpui.progress.radial[data-progress='2'] .circle .mask.full {
    transform: rotate(3.6deg)
}

.jpui.progress.radial[data-progress='2'] .circle .fill.fix {
    transform: rotate(7.2deg)
}

.jpui.progress.radial[data-progress='2'] .inset .percentage:before {
    content: '2'
}

.jpui.progress.radial[data-progress='3'] .circle .fill,
.jpui.progress.radial[data-progress='3'] .circle .mask.full {
    transform: rotate(5.4deg)
}

.jpui.progress.radial[data-progress='3'] .circle .fill.fix {
    transform: rotate(10.8deg)
}

.jpui.progress.radial[data-progress='3'] .inset .percentage:before {
    content: '3'
}

.jpui.progress.radial[data-progress='4'] .circle .fill,
.jpui.progress.radial[data-progress='4'] .circle .mask.full {
    transform: rotate(7.2deg)
}

.jpui.progress.radial[data-progress='4'] .circle .fill.fix {
    transform: rotate(14.4deg)
}

.jpui.progress.radial[data-progress='4'] .inset .percentage:before {
    content: '4'
}

.jpui.progress.radial[data-progress='5'] .circle .fill,
.jpui.progress.radial[data-progress='5'] .circle .mask.full {
    transform: rotate(9deg)
}

.jpui.progress.radial[data-progress='5'] .circle .fill.fix {
    transform: rotate(18deg)
}

.jpui.progress.radial[data-progress='5'] .inset .percentage:before {
    content: '5'
}

.jpui.progress.radial[data-progress='6'] .circle .fill,
.jpui.progress.radial[data-progress='6'] .circle .mask.full {
    transform: rotate(10.8deg)
}

.jpui.progress.radial[data-progress='6'] .circle .fill.fix {
    transform: rotate(21.6deg)
}

.jpui.progress.radial[data-progress='6'] .inset .percentage:before {
    content: '6'
}

.jpui.progress.radial[data-progress='7'] .circle .fill,
.jpui.progress.radial[data-progress='7'] .circle .mask.full {
    transform: rotate(12.6deg)
}

.jpui.progress.radial[data-progress='7'] .circle .fill.fix {
    transform: rotate(25.2deg)
}

.jpui.progress.radial[data-progress='7'] .inset .percentage:before {
    content: '7'
}

.jpui.progress.radial[data-progress='8'] .circle .fill,
.jpui.progress.radial[data-progress='8'] .circle .mask.full {
    transform: rotate(14.4deg)
}

.jpui.progress.radial[data-progress='8'] .circle .fill.fix {
    transform: rotate(28.8deg)
}

.jpui.progress.radial[data-progress='8'] .inset .percentage:before {
    content: '8'
}

.jpui.progress.radial[data-progress='9'] .circle .fill,
.jpui.progress.radial[data-progress='9'] .circle .mask.full {
    transform: rotate(16.2deg)
}

.jpui.progress.radial[data-progress='9'] .circle .fill.fix {
    transform: rotate(32.4deg)
}

.jpui.progress.radial[data-progress='9'] .inset .percentage:before {
    content: '9'
}

.jpui.progress.radial[data-progress='10'] .circle .fill,
.jpui.progress.radial[data-progress='10'] .circle .mask.full {
    transform: rotate(18deg)
}

.jpui.progress.radial[data-progress='10'] .circle .fill.fix {
    transform: rotate(36deg)
}

.jpui.progress.radial[data-progress='10'] .inset .percentage:before {
    content: '10'
}

.jpui.progress.radial[data-progress='11'] .circle .fill,
.jpui.progress.radial[data-progress='11'] .circle .mask.full {
    transform: rotate(19.8deg)
}

.jpui.progress.radial[data-progress='11'] .circle .fill.fix {
    transform: rotate(39.6deg)
}

.jpui.progress.radial[data-progress='11'] .inset .percentage:before {
    content: '11'
}

.jpui.progress.radial[data-progress='12'] .circle .fill,
.jpui.progress.radial[data-progress='12'] .circle .mask.full {
    transform: rotate(21.6deg)
}

.jpui.progress.radial[data-progress='12'] .circle .fill.fix {
    transform: rotate(43.2deg)
}

.jpui.progress.radial[data-progress='12'] .inset .percentage:before {
    content: '12'
}

.jpui.progress.radial[data-progress='13'] .circle .fill,
.jpui.progress.radial[data-progress='13'] .circle .mask.full {
    transform: rotate(23.4deg)
}

.jpui.progress.radial[data-progress='13'] .circle .fill.fix {
    transform: rotate(46.8deg)
}

.jpui.progress.radial[data-progress='13'] .inset .percentage:before {
    content: '13'
}

.jpui.progress.radial[data-progress='14'] .circle .fill,
.jpui.progress.radial[data-progress='14'] .circle .mask.full {
    transform: rotate(25.2deg)
}

.jpui.progress.radial[data-progress='14'] .circle .fill.fix {
    transform: rotate(50.4deg)
}

.jpui.progress.radial[data-progress='14'] .inset .percentage:before {
    content: '14'
}

.jpui.progress.radial[data-progress='15'] .circle .fill,
.jpui.progress.radial[data-progress='15'] .circle .mask.full {
    transform: rotate(27deg)
}

.jpui.progress.radial[data-progress='15'] .circle .fill.fix {
    transform: rotate(54deg)
}

.jpui.progress.radial[data-progress='15'] .inset .percentage:before {
    content: '15'
}

.jpui.progress.radial[data-progress='16'] .circle .fill,
.jpui.progress.radial[data-progress='16'] .circle .mask.full {
    transform: rotate(28.8deg)
}

.jpui.progress.radial[data-progress='16'] .circle .fill.fix {
    transform: rotate(57.6deg)
}

.jpui.progress.radial[data-progress='16'] .inset .percentage:before {
    content: '16'
}

.jpui.progress.radial[data-progress='17'] .circle .fill,
.jpui.progress.radial[data-progress='17'] .circle .mask.full {
    transform: rotate(30.6deg)
}

.jpui.progress.radial[data-progress='17'] .circle .fill.fix {
    transform: rotate(61.2deg)
}

.jpui.progress.radial[data-progress='17'] .inset .percentage:before {
    content: '17'
}

.jpui.progress.radial[data-progress='18'] .circle .fill,
.jpui.progress.radial[data-progress='18'] .circle .mask.full {
    transform: rotate(32.4deg)
}

.jpui.progress.radial[data-progress='18'] .circle .fill.fix {
    transform: rotate(64.8deg)
}

.jpui.progress.radial[data-progress='18'] .inset .percentage:before {
    content: '18'
}

.jpui.progress.radial[data-progress='19'] .circle .fill,
.jpui.progress.radial[data-progress='19'] .circle .mask.full {
    transform: rotate(34.2deg)
}

.jpui.progress.radial[data-progress='19'] .circle .fill.fix {
    transform: rotate(68.4deg)
}

.jpui.progress.radial[data-progress='19'] .inset .percentage:before {
    content: '19'
}

.jpui.progress.radial[data-progress='20'] .circle .fill,
.jpui.progress.radial[data-progress='20'] .circle .mask.full {
    transform: rotate(36deg)
}

.jpui.progress.radial[data-progress='20'] .circle .fill.fix {
    transform: rotate(72deg)
}

.jpui.progress.radial[data-progress='20'] .inset .percentage:before {
    content: '20'
}

.jpui.progress.radial[data-progress='21'] .circle .fill,
.jpui.progress.radial[data-progress='21'] .circle .mask.full {
    transform: rotate(37.8deg)
}

.jpui.progress.radial[data-progress='21'] .circle .fill.fix {
    transform: rotate(75.6deg)
}

.jpui.progress.radial[data-progress='21'] .inset .percentage:before {
    content: '21'
}

.jpui.progress.radial[data-progress='22'] .circle .fill,
.jpui.progress.radial[data-progress='22'] .circle .mask.full {
    transform: rotate(39.6deg)
}

.jpui.progress.radial[data-progress='22'] .circle .fill.fix {
    transform: rotate(79.2deg)
}

.jpui.progress.radial[data-progress='22'] .inset .percentage:before {
    content: '22'
}

.jpui.progress.radial[data-progress='23'] .circle .fill,
.jpui.progress.radial[data-progress='23'] .circle .mask.full {
    transform: rotate(41.4deg)
}

.jpui.progress.radial[data-progress='23'] .circle .fill.fix {
    transform: rotate(82.8deg)
}

.jpui.progress.radial[data-progress='23'] .inset .percentage:before {
    content: '23'
}

.jpui.progress.radial[data-progress='24'] .circle .fill,
.jpui.progress.radial[data-progress='24'] .circle .mask.full {
    transform: rotate(43.2deg)
}

.jpui.progress.radial[data-progress='24'] .circle .fill.fix {
    transform: rotate(86.4deg)
}

.jpui.progress.radial[data-progress='24'] .inset .percentage:before {
    content: '24'
}

.jpui.progress.radial[data-progress='25'] .circle .fill,
.jpui.progress.radial[data-progress='25'] .circle .mask.full {
    transform: rotate(45deg)
}

.jpui.progress.radial[data-progress='25'] .circle .fill.fix {
    transform: rotate(90deg)
}

.jpui.progress.radial[data-progress='25'] .inset .percentage:before {
    content: '25'
}

.jpui.progress.radial[data-progress='26'] .circle .fill,
.jpui.progress.radial[data-progress='26'] .circle .mask.full {
    transform: rotate(46.8deg)
}

.jpui.progress.radial[data-progress='26'] .circle .fill.fix {
    transform: rotate(93.6deg)
}

.jpui.progress.radial[data-progress='26'] .inset .percentage:before {
    content: '26'
}

.jpui.progress.radial[data-progress='27'] .circle .fill,
.jpui.progress.radial[data-progress='27'] .circle .mask.full {
    transform: rotate(48.6deg)
}

.jpui.progress.radial[data-progress='27'] .circle .fill.fix {
    transform: rotate(97.2deg)
}

.jpui.progress.radial[data-progress='27'] .inset .percentage:before {
    content: '27'
}

.jpui.progress.radial[data-progress='28'] .circle .fill,
.jpui.progress.radial[data-progress='28'] .circle .mask.full {
    transform: rotate(50.4deg)
}

.jpui.progress.radial[data-progress='28'] .circle .fill.fix {
    transform: rotate(100.8deg)
}

.jpui.progress.radial[data-progress='28'] .inset .percentage:before {
    content: '28'
}

.jpui.progress.radial[data-progress='29'] .circle .fill,
.jpui.progress.radial[data-progress='29'] .circle .mask.full {
    transform: rotate(52.2deg)
}

.jpui.progress.radial[data-progress='29'] .circle .fill.fix {
    transform: rotate(104.4deg)
}

.jpui.progress.radial[data-progress='29'] .inset .percentage:before {
    content: '29'
}

.jpui.progress.radial[data-progress='30'] .circle .fill,
.jpui.progress.radial[data-progress='30'] .circle .mask.full {
    transform: rotate(54deg)
}

.jpui.progress.radial[data-progress='30'] .circle .fill.fix {
    transform: rotate(108deg)
}

.jpui.progress.radial[data-progress='30'] .inset .percentage:before {
    content: '30'
}

.jpui.progress.radial[data-progress='31'] .circle .fill,
.jpui.progress.radial[data-progress='31'] .circle .mask.full {
    transform: rotate(55.8deg)
}

.jpui.progress.radial[data-progress='31'] .circle .fill.fix {
    transform: rotate(111.6deg)
}

.jpui.progress.radial[data-progress='31'] .inset .percentage:before {
    content: '31'
}

.jpui.progress.radial[data-progress='32'] .circle .fill,
.jpui.progress.radial[data-progress='32'] .circle .mask.full {
    transform: rotate(57.6deg)
}

.jpui.progress.radial[data-progress='32'] .circle .fill.fix {
    transform: rotate(115.2deg)
}

.jpui.progress.radial[data-progress='32'] .inset .percentage:before {
    content: '32'
}

.jpui.progress.radial[data-progress='33'] .circle .fill,
.jpui.progress.radial[data-progress='33'] .circle .mask.full {
    transform: rotate(59.4deg)
}

.jpui.progress.radial[data-progress='33'] .circle .fill.fix {
    transform: rotate(118.8deg)
}

.jpui.progress.radial[data-progress='33'] .inset .percentage:before {
    content: '33'
}

.jpui.progress.radial[data-progress='34'] .circle .fill,
.jpui.progress.radial[data-progress='34'] .circle .mask.full {
    transform: rotate(61.2deg)
}

.jpui.progress.radial[data-progress='34'] .circle .fill.fix {
    transform: rotate(122.4deg)
}

.jpui.progress.radial[data-progress='34'] .inset .percentage:before {
    content: '34'
}

.jpui.progress.radial[data-progress='35'] .circle .fill,
.jpui.progress.radial[data-progress='35'] .circle .mask.full {
    transform: rotate(63deg)
}

.jpui.progress.radial[data-progress='35'] .circle .fill.fix {
    transform: rotate(126deg)
}

.jpui.progress.radial[data-progress='35'] .inset .percentage:before {
    content: '35'
}

.jpui.progress.radial[data-progress='36'] .circle .fill,
.jpui.progress.radial[data-progress='36'] .circle .mask.full {
    transform: rotate(64.8deg)
}

.jpui.progress.radial[data-progress='36'] .circle .fill.fix {
    transform: rotate(129.6deg)
}

.jpui.progress.radial[data-progress='36'] .inset .percentage:before {
    content: '36'
}

.jpui.progress.radial[data-progress='37'] .circle .fill,
.jpui.progress.radial[data-progress='37'] .circle .mask.full {
    transform: rotate(66.6deg)
}

.jpui.progress.radial[data-progress='37'] .circle .fill.fix {
    transform: rotate(133.2deg)
}

.jpui.progress.radial[data-progress='37'] .inset .percentage:before {
    content: '37'
}

.jpui.progress.radial[data-progress='38'] .circle .fill,
.jpui.progress.radial[data-progress='38'] .circle .mask.full {
    transform: rotate(68.4deg)
}

.jpui.progress.radial[data-progress='38'] .circle .fill.fix {
    transform: rotate(136.8deg)
}

.jpui.progress.radial[data-progress='38'] .inset .percentage:before {
    content: '38'
}

.jpui.progress.radial[data-progress='39'] .circle .fill,
.jpui.progress.radial[data-progress='39'] .circle .mask.full {
    transform: rotate(70.2deg)
}

.jpui.progress.radial[data-progress='39'] .circle .fill.fix {
    transform: rotate(140.4deg)
}

.jpui.progress.radial[data-progress='39'] .inset .percentage:before {
    content: '39'
}

.jpui.progress.radial[data-progress='40'] .circle .fill,
.jpui.progress.radial[data-progress='40'] .circle .mask.full {
    transform: rotate(72deg)
}

.jpui.progress.radial[data-progress='40'] .circle .fill.fix {
    transform: rotate(144deg)
}

.jpui.progress.radial[data-progress='40'] .inset .percentage:before {
    content: '40'
}

.jpui.progress.radial[data-progress='41'] .circle .fill,
.jpui.progress.radial[data-progress='41'] .circle .mask.full {
    transform: rotate(73.8deg)
}

.jpui.progress.radial[data-progress='41'] .circle .fill.fix {
    transform: rotate(147.6deg)
}

.jpui.progress.radial[data-progress='41'] .inset .percentage:before {
    content: '41'
}

.jpui.progress.radial[data-progress='42'] .circle .fill,
.jpui.progress.radial[data-progress='42'] .circle .mask.full {
    transform: rotate(75.6deg)
}

.jpui.progress.radial[data-progress='42'] .circle .fill.fix {
    transform: rotate(151.2deg)
}

.jpui.progress.radial[data-progress='42'] .inset .percentage:before {
    content: '42'
}

.jpui.progress.radial[data-progress='43'] .circle .fill,
.jpui.progress.radial[data-progress='43'] .circle .mask.full {
    transform: rotate(77.4deg)
}

.jpui.progress.radial[data-progress='43'] .circle .fill.fix {
    transform: rotate(154.8deg)
}

.jpui.progress.radial[data-progress='43'] .inset .percentage:before {
    content: '43'
}

.jpui.progress.radial[data-progress='44'] .circle .fill,
.jpui.progress.radial[data-progress='44'] .circle .mask.full {
    transform: rotate(79.2deg)
}

.jpui.progress.radial[data-progress='44'] .circle .fill.fix {
    transform: rotate(158.4deg)
}

.jpui.progress.radial[data-progress='44'] .inset .percentage:before {
    content: '44'
}

.jpui.progress.radial[data-progress='45'] .circle .fill,
.jpui.progress.radial[data-progress='45'] .circle .mask.full {
    transform: rotate(81deg)
}

.jpui.progress.radial[data-progress='45'] .circle .fill.fix {
    transform: rotate(162deg)
}

.jpui.progress.radial[data-progress='45'] .inset .percentage:before {
    content: '45'
}

.jpui.progress.radial[data-progress='46'] .circle .fill,
.jpui.progress.radial[data-progress='46'] .circle .mask.full {
    transform: rotate(82.8deg)
}

.jpui.progress.radial[data-progress='46'] .circle .fill.fix {
    transform: rotate(165.6deg)
}

.jpui.progress.radial[data-progress='46'] .inset .percentage:before {
    content: '46'
}

.jpui.progress.radial[data-progress='47'] .circle .fill,
.jpui.progress.radial[data-progress='47'] .circle .mask.full {
    transform: rotate(84.6deg)
}

.jpui.progress.radial[data-progress='47'] .circle .fill.fix {
    transform: rotate(169.2deg)
}

.jpui.progress.radial[data-progress='47'] .inset .percentage:before {
    content: '47'
}

.jpui.progress.radial[data-progress='48'] .circle .fill,
.jpui.progress.radial[data-progress='48'] .circle .mask.full {
    transform: rotate(86.4deg)
}

.jpui.progress.radial[data-progress='48'] .circle .fill.fix {
    transform: rotate(172.8deg)
}

.jpui.progress.radial[data-progress='48'] .inset .percentage:before {
    content: '48'
}

.jpui.progress.radial[data-progress='49'] .circle .fill,
.jpui.progress.radial[data-progress='49'] .circle .mask.full {
    transform: rotate(88.2deg)
}

.jpui.progress.radial[data-progress='49'] .circle .fill.fix {
    transform: rotate(176.4deg)
}

.jpui.progress.radial[data-progress='49'] .inset .percentage:before {
    content: '49'
}

.jpui.progress.radial[data-progress='50'] .circle .fill,
.jpui.progress.radial[data-progress='50'] .circle .mask.full {
    transform: rotate(90deg)
}

.jpui.progress.radial[data-progress='50'] .circle .fill.fix {
    transform: rotate(180deg)
}

.jpui.progress.radial[data-progress='50'] .inset .percentage:before {
    content: '50'
}

.jpui.progress.radial[data-progress='51'] .circle .fill,
.jpui.progress.radial[data-progress='51'] .circle .mask.full {
    transform: rotate(91.8deg)
}

.jpui.progress.radial[data-progress='51'] .circle .fill.fix {
    transform: rotate(183.6deg)
}

.jpui.progress.radial[data-progress='51'] .inset .percentage:before {
    content: '51'
}

.jpui.progress.radial[data-progress='52'] .circle .fill,
.jpui.progress.radial[data-progress='52'] .circle .mask.full {
    transform: rotate(93.6deg)
}

.jpui.progress.radial[data-progress='52'] .circle .fill.fix {
    transform: rotate(187.2deg)
}

.jpui.progress.radial[data-progress='52'] .inset .percentage:before {
    content: '52'
}

.jpui.progress.radial[data-progress='53'] .circle .fill,
.jpui.progress.radial[data-progress='53'] .circle .mask.full {
    transform: rotate(95.4deg)
}

.jpui.progress.radial[data-progress='53'] .circle .fill.fix {
    transform: rotate(190.8deg)
}

.jpui.progress.radial[data-progress='53'] .inset .percentage:before {
    content: '53'
}

.jpui.progress.radial[data-progress='54'] .circle .fill,
.jpui.progress.radial[data-progress='54'] .circle .mask.full {
    transform: rotate(97.2deg)
}

.jpui.progress.radial[data-progress='54'] .circle .fill.fix {
    transform: rotate(194.4deg)
}

.jpui.progress.radial[data-progress='54'] .inset .percentage:before {
    content: '54'
}

.jpui.progress.radial[data-progress='55'] .circle .fill,
.jpui.progress.radial[data-progress='55'] .circle .mask.full {
    transform: rotate(99deg)
}

.jpui.progress.radial[data-progress='55'] .circle .fill.fix {
    transform: rotate(198deg)
}

.jpui.progress.radial[data-progress='55'] .inset .percentage:before {
    content: '55'
}

.jpui.progress.radial[data-progress='56'] .circle .fill,
.jpui.progress.radial[data-progress='56'] .circle .mask.full {
    transform: rotate(100.8deg)
}

.jpui.progress.radial[data-progress='56'] .circle .fill.fix {
    transform: rotate(201.6deg)
}

.jpui.progress.radial[data-progress='56'] .inset .percentage:before {
    content: '56'
}

.jpui.progress.radial[data-progress='57'] .circle .fill,
.jpui.progress.radial[data-progress='57'] .circle .mask.full {
    transform: rotate(102.6deg)
}

.jpui.progress.radial[data-progress='57'] .circle .fill.fix {
    transform: rotate(205.2deg)
}

.jpui.progress.radial[data-progress='57'] .inset .percentage:before {
    content: '57'
}

.jpui.progress.radial[data-progress='58'] .circle .fill,
.jpui.progress.radial[data-progress='58'] .circle .mask.full {
    transform: rotate(104.4deg)
}

.jpui.progress.radial[data-progress='58'] .circle .fill.fix {
    transform: rotate(208.8deg)
}

.jpui.progress.radial[data-progress='58'] .inset .percentage:before {
    content: '58'
}

.jpui.progress.radial[data-progress='59'] .circle .fill,
.jpui.progress.radial[data-progress='59'] .circle .mask.full {
    transform: rotate(106.2deg)
}

.jpui.progress.radial[data-progress='59'] .circle .fill.fix {
    transform: rotate(212.4deg)
}

.jpui.progress.radial[data-progress='59'] .inset .percentage:before {
    content: '59'
}

.jpui.progress.radial[data-progress='60'] .circle .fill,
.jpui.progress.radial[data-progress='60'] .circle .mask.full {
    transform: rotate(108deg)
}

.jpui.progress.radial[data-progress='60'] .circle .fill.fix {
    transform: rotate(216deg)
}

.jpui.progress.radial[data-progress='60'] .inset .percentage:before {
    content: '60'
}

.jpui.progress.radial[data-progress='61'] .circle .fill,
.jpui.progress.radial[data-progress='61'] .circle .mask.full {
    transform: rotate(109.8deg)
}

.jpui.progress.radial[data-progress='61'] .circle .fill.fix {
    transform: rotate(219.6deg)
}

.jpui.progress.radial[data-progress='61'] .inset .percentage:before {
    content: '61'
}

.jpui.progress.radial[data-progress='62'] .circle .fill,
.jpui.progress.radial[data-progress='62'] .circle .mask.full {
    transform: rotate(111.6deg)
}

.jpui.progress.radial[data-progress='62'] .circle .fill.fix {
    transform: rotate(223.2deg)
}

.jpui.progress.radial[data-progress='62'] .inset .percentage:before {
    content: '62'
}

.jpui.progress.radial[data-progress='63'] .circle .fill,
.jpui.progress.radial[data-progress='63'] .circle .mask.full {
    transform: rotate(113.4deg)
}

.jpui.progress.radial[data-progress='63'] .circle .fill.fix {
    transform: rotate(226.8deg)
}

.jpui.progress.radial[data-progress='63'] .inset .percentage:before {
    content: '63'
}

.jpui.progress.radial[data-progress='64'] .circle .fill,
.jpui.progress.radial[data-progress='64'] .circle .mask.full {
    transform: rotate(115.2deg)
}

.jpui.progress.radial[data-progress='64'] .circle .fill.fix {
    transform: rotate(230.4deg)
}

.jpui.progress.radial[data-progress='64'] .inset .percentage:before {
    content: '64'
}

.jpui.progress.radial[data-progress='65'] .circle .fill,
.jpui.progress.radial[data-progress='65'] .circle .mask.full {
    transform: rotate(117deg)
}

.jpui.progress.radial[data-progress='65'] .circle .fill.fix {
    transform: rotate(234deg)
}

.jpui.progress.radial[data-progress='65'] .inset .percentage:before {
    content: '65'
}

.jpui.progress.radial[data-progress='66'] .circle .fill,
.jpui.progress.radial[data-progress='66'] .circle .mask.full {
    transform: rotate(118.8deg)
}

.jpui.progress.radial[data-progress='66'] .circle .fill.fix {
    transform: rotate(237.6deg)
}

.jpui.progress.radial[data-progress='66'] .inset .percentage:before {
    content: '66'
}

.jpui.progress.radial[data-progress='67'] .circle .fill,
.jpui.progress.radial[data-progress='67'] .circle .mask.full {
    transform: rotate(120.6deg)
}

.jpui.progress.radial[data-progress='67'] .circle .fill.fix {
    transform: rotate(241.2deg)
}

.jpui.progress.radial[data-progress='67'] .inset .percentage:before {
    content: '67'
}

.jpui.progress.radial[data-progress='68'] .circle .fill,
.jpui.progress.radial[data-progress='68'] .circle .mask.full {
    transform: rotate(122.4deg)
}

.jpui.progress.radial[data-progress='68'] .circle .fill.fix {
    transform: rotate(244.8deg)
}

.jpui.progress.radial[data-progress='68'] .inset .percentage:before {
    content: '68'
}

.jpui.progress.radial[data-progress='69'] .circle .fill,
.jpui.progress.radial[data-progress='69'] .circle .mask.full {
    transform: rotate(124.2deg)
}

.jpui.progress.radial[data-progress='69'] .circle .fill.fix {
    transform: rotate(248.4deg)
}

.jpui.progress.radial[data-progress='69'] .inset .percentage:before {
    content: '69'
}

.jpui.progress.radial[data-progress='70'] .circle .fill,
.jpui.progress.radial[data-progress='70'] .circle .mask.full {
    transform: rotate(126deg)
}

.jpui.progress.radial[data-progress='70'] .circle .fill.fix {
    transform: rotate(252deg)
}

.jpui.progress.radial[data-progress='70'] .inset .percentage:before {
    content: '70'
}

.jpui.progress.radial[data-progress='71'] .circle .fill,
.jpui.progress.radial[data-progress='71'] .circle .mask.full {
    transform: rotate(127.8deg)
}

.jpui.progress.radial[data-progress='71'] .circle .fill.fix {
    transform: rotate(255.6deg)
}

.jpui.progress.radial[data-progress='71'] .inset .percentage:before {
    content: '71'
}

.jpui.progress.radial[data-progress='72'] .circle .fill,
.jpui.progress.radial[data-progress='72'] .circle .mask.full {
    transform: rotate(129.6deg)
}

.jpui.progress.radial[data-progress='72'] .circle .fill.fix {
    transform: rotate(259.2deg)
}

.jpui.progress.radial[data-progress='72'] .inset .percentage:before {
    content: '72'
}

.jpui.progress.radial[data-progress='73'] .circle .fill,
.jpui.progress.radial[data-progress='73'] .circle .mask.full {
    transform: rotate(131.4deg)
}

.jpui.progress.radial[data-progress='73'] .circle .fill.fix {
    transform: rotate(262.8deg)
}

.jpui.progress.radial[data-progress='73'] .inset .percentage:before {
    content: '73'
}

.jpui.progress.radial[data-progress='74'] .circle .fill,
.jpui.progress.radial[data-progress='74'] .circle .mask.full {
    transform: rotate(133.2deg)
}

.jpui.progress.radial[data-progress='74'] .circle .fill.fix {
    transform: rotate(266.4deg)
}

.jpui.progress.radial[data-progress='74'] .inset .percentage:before {
    content: '74'
}

.jpui.progress.radial[data-progress='75'] .circle .fill,
.jpui.progress.radial[data-progress='75'] .circle .mask.full {
    transform: rotate(135deg)
}

.jpui.progress.radial[data-progress='75'] .circle .fill.fix {
    transform: rotate(270deg)
}

.jpui.progress.radial[data-progress='75'] .inset .percentage:before {
    content: '75'
}

.jpui.progress.radial[data-progress='76'] .circle .fill,
.jpui.progress.radial[data-progress='76'] .circle .mask.full {
    transform: rotate(136.8deg)
}

.jpui.progress.radial[data-progress='76'] .circle .fill.fix {
    transform: rotate(273.6deg)
}

.jpui.progress.radial[data-progress='76'] .inset .percentage:before {
    content: '76'
}

.jpui.progress.radial[data-progress='77'] .circle .fill,
.jpui.progress.radial[data-progress='77'] .circle .mask.full {
    transform: rotate(138.6deg)
}

.jpui.progress.radial[data-progress='77'] .circle .fill.fix {
    transform: rotate(277.2deg)
}

.jpui.progress.radial[data-progress='77'] .inset .percentage:before {
    content: '77'
}

.jpui.progress.radial[data-progress='78'] .circle .fill,
.jpui.progress.radial[data-progress='78'] .circle .mask.full {
    transform: rotate(140.4deg)
}

.jpui.progress.radial[data-progress='78'] .circle .fill.fix {
    transform: rotate(280.8deg)
}

.jpui.progress.radial[data-progress='78'] .inset .percentage:before {
    content: '78'
}

.jpui.progress.radial[data-progress='79'] .circle .fill,
.jpui.progress.radial[data-progress='79'] .circle .mask.full {
    transform: rotate(142.2deg)
}

.jpui.progress.radial[data-progress='79'] .circle .fill.fix {
    transform: rotate(284.4deg)
}

.jpui.progress.radial[data-progress='79'] .inset .percentage:before {
    content: '79'
}

.jpui.progress.radial[data-progress='80'] .circle .fill,
.jpui.progress.radial[data-progress='80'] .circle .mask.full {
    transform: rotate(144deg)
}

.jpui.progress.radial[data-progress='80'] .circle .fill.fix {
    transform: rotate(288deg)
}

.jpui.progress.radial[data-progress='80'] .inset .percentage:before {
    content: '80'
}

.jpui.progress.radial[data-progress='81'] .circle .fill,
.jpui.progress.radial[data-progress='81'] .circle .mask.full {
    transform: rotate(145.8deg)
}

.jpui.progress.radial[data-progress='81'] .circle .fill.fix {
    transform: rotate(291.6deg)
}

.jpui.progress.radial[data-progress='81'] .inset .percentage:before {
    content: '81'
}

.jpui.progress.radial[data-progress='82'] .circle .fill,
.jpui.progress.radial[data-progress='82'] .circle .mask.full {
    transform: rotate(147.6deg)
}

.jpui.progress.radial[data-progress='82'] .circle .fill.fix {
    transform: rotate(295.2deg)
}

.jpui.progress.radial[data-progress='82'] .inset .percentage:before {
    content: '82'
}

.jpui.progress.radial[data-progress='83'] .circle .fill,
.jpui.progress.radial[data-progress='83'] .circle .mask.full {
    transform: rotate(149.4deg)
}

.jpui.progress.radial[data-progress='83'] .circle .fill.fix {
    transform: rotate(298.8deg)
}

.jpui.progress.radial[data-progress='83'] .inset .percentage:before {
    content: '83'
}

.jpui.progress.radial[data-progress='84'] .circle .fill,
.jpui.progress.radial[data-progress='84'] .circle .mask.full {
    transform: rotate(151.2deg)
}

.jpui.progress.radial[data-progress='84'] .circle .fill.fix {
    transform: rotate(302.4deg)
}

.jpui.progress.radial[data-progress='84'] .inset .percentage:before {
    content: '84'
}

.jpui.progress.radial[data-progress='85'] .circle .fill,
.jpui.progress.radial[data-progress='85'] .circle .mask.full {
    transform: rotate(153deg)
}

.jpui.progress.radial[data-progress='85'] .circle .fill.fix {
    transform: rotate(306deg)
}

.jpui.progress.radial[data-progress='85'] .inset .percentage:before {
    content: '85'
}

.jpui.progress.radial[data-progress='86'] .circle .fill,
.jpui.progress.radial[data-progress='86'] .circle .mask.full {
    transform: rotate(154.8deg)
}

.jpui.progress.radial[data-progress='86'] .circle .fill.fix {
    transform: rotate(309.6deg)
}

.jpui.progress.radial[data-progress='86'] .inset .percentage:before {
    content: '86'
}

.jpui.progress.radial[data-progress='87'] .circle .fill,
.jpui.progress.radial[data-progress='87'] .circle .mask.full {
    transform: rotate(156.6deg)
}

.jpui.progress.radial[data-progress='87'] .circle .fill.fix {
    transform: rotate(313.2deg)
}

.jpui.progress.radial[data-progress='87'] .inset .percentage:before {
    content: '87'
}

.jpui.progress.radial[data-progress='88'] .circle .fill,
.jpui.progress.radial[data-progress='88'] .circle .mask.full {
    transform: rotate(158.4deg)
}

.jpui.progress.radial[data-progress='88'] .circle .fill.fix {
    transform: rotate(316.8deg)
}

.jpui.progress.radial[data-progress='88'] .inset .percentage:before {
    content: '88'
}

.jpui.progress.radial[data-progress='89'] .circle .fill,
.jpui.progress.radial[data-progress='89'] .circle .mask.full {
    transform: rotate(160.2deg)
}

.jpui.progress.radial[data-progress='89'] .circle .fill.fix {
    transform: rotate(320.4deg)
}

.jpui.progress.radial[data-progress='89'] .inset .percentage:before {
    content: '89'
}

.jpui.progress.radial[data-progress='90'] .circle .fill,
.jpui.progress.radial[data-progress='90'] .circle .mask.full {
    transform: rotate(162deg)
}

.jpui.progress.radial[data-progress='90'] .circle .fill.fix {
    transform: rotate(324deg)
}

.jpui.progress.radial[data-progress='90'] .inset .percentage:before {
    content: '90'
}

.jpui.progress.radial[data-progress='91'] .circle .fill,
.jpui.progress.radial[data-progress='91'] .circle .mask.full {
    transform: rotate(163.8deg)
}

.jpui.progress.radial[data-progress='91'] .circle .fill.fix {
    transform: rotate(327.6deg)
}

.jpui.progress.radial[data-progress='91'] .inset .percentage:before {
    content: '91'
}

.jpui.progress.radial[data-progress='92'] .circle .fill,
.jpui.progress.radial[data-progress='92'] .circle .mask.full {
    transform: rotate(165.6deg)
}

.jpui.progress.radial[data-progress='92'] .circle .fill.fix {
    transform: rotate(331.2deg)
}

.jpui.progress.radial[data-progress='92'] .inset .percentage:before {
    content: '92'
}

.jpui.progress.radial[data-progress='93'] .circle .fill,
.jpui.progress.radial[data-progress='93'] .circle .mask.full {
    transform: rotate(167.4deg)
}

.jpui.progress.radial[data-progress='93'] .circle .fill.fix {
    transform: rotate(334.8deg)
}

.jpui.progress.radial[data-progress='93'] .inset .percentage:before {
    content: '93'
}

.jpui.progress.radial[data-progress='94'] .circle .fill,
.jpui.progress.radial[data-progress='94'] .circle .mask.full {
    transform: rotate(169.2deg)
}

.jpui.progress.radial[data-progress='94'] .circle .fill.fix {
    transform: rotate(338.4deg)
}

.jpui.progress.radial[data-progress='94'] .inset .percentage:before {
    content: '94'
}

.jpui.progress.radial[data-progress='95'] .circle .fill,
.jpui.progress.radial[data-progress='95'] .circle .mask.full {
    transform: rotate(171deg)
}

.jpui.progress.radial[data-progress='95'] .circle .fill.fix {
    transform: rotate(342deg)
}

.jpui.progress.radial[data-progress='95'] .inset .percentage:before {
    content: '95'
}

.jpui.progress.radial[data-progress='96'] .circle .fill,
.jpui.progress.radial[data-progress='96'] .circle .mask.full {
    transform: rotate(172.8deg)
}

.jpui.progress.radial[data-progress='96'] .circle .fill.fix {
    transform: rotate(345.6deg)
}

.jpui.progress.radial[data-progress='96'] .inset .percentage:before {
    content: '96'
}

.jpui.progress.radial[data-progress='97'] .circle .fill,
.jpui.progress.radial[data-progress='97'] .circle .mask.full {
    transform: rotate(174.6deg)
}

.jpui.progress.radial[data-progress='97'] .circle .fill.fix {
    transform: rotate(349.2deg)
}

.jpui.progress.radial[data-progress='97'] .inset .percentage:before {
    content: '97'
}

.jpui.progress.radial[data-progress='98'] .circle .fill,
.jpui.progress.radial[data-progress='98'] .circle .mask.full {
    transform: rotate(176.4deg)
}

.jpui.progress.radial[data-progress='98'] .circle .fill.fix {
    transform: rotate(352.8deg)
}

.jpui.progress.radial[data-progress='98'] .inset .percentage:before {
    content: '98'
}

.jpui.progress.radial[data-progress='99'] .circle .fill,
.jpui.progress.radial[data-progress='99'] .circle .mask.full {
    transform: rotate(178.2deg)
}

.jpui.progress.radial[data-progress='99'] .circle .fill.fix {
    transform: rotate(356.4deg)
}

.jpui.progress.radial[data-progress='99'] .inset .percentage:before {
    content: '99'
}

.jpui.progress.radial[data-progress='100'] .circle .fill,
.jpui.progress.radial[data-progress='100'] .circle .mask.full {
    transform: rotate(180deg)
}

.jpui.progress.radial[data-progress='100'] .circle .fill.fix {
    transform: rotate(360deg)
}

.jpui.progress.radial[data-progress='100'] .inset .percentage:before {
    content: '100'
}

.jpui.progress.radial.small {
    width: 2.25rem;
    height: 2.25rem
}

.jpui.progress.radial.small .circle .fill,
.jpui.progress.radial.small .circle .mask,
.jpui.progress.radial.small .circle .shadow {
    width: 2.25rem;
    height: 2.25rem
}

.jpui.progress.radial.small .circle .mask {
    clip: rect(0, 2.25rem, 2.25rem, 1.125rem)
}

.jpui.progress.radial.small .circle .mask .fill {
    clip: rect(0, 1.125rem, 2.25rem, 0)
}

.jpui.progress.radial.small .inset {
    margin: .125rem 0 0 .125rem;
    width: 2rem;
    height: 2rem;
    background-color: #fff
}

.jpui.progress.radial.small .inset .percentage {
    top: .5rem;
    left: -.5rem;
    font-size: 1.0625rem;
    font-weight: 400;
    width: 2rem
}

.jpui.progress.radial.small .inset .subtitle {
    display: none
}

.jpui.progress.radial.small .inset .superscript {
    top: -.4rem;
    left: 1.2rem;
    font-size: 50%
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .jpui.progress.radial.small .inset .percentage {
        left: .3rem
    }

    .jpui.progress.radial.small .inset .superscript {
        left: .4rem
    }
}

.jpui.progress.radial.small .percentage::before {
    position: absolute
}

.jpui.progress.radial.medium {
    width: 8.125rem;
    height: 8.125rem
}

.jpui.progress.radial.medium .circle .fill,
.jpui.progress.radial.medium .circle .mask,
.jpui.progress.radial.medium .circle .shadow {
    width: 8.125rem;
    height: 8.125rem
}

.jpui.progress.radial.medium .circle .mask {
    clip: rect(0, 8.125rem, 8.125rem, 4.0625rem)
}

.jpui.progress.radial.medium .circle .mask .fill {
    clip: rect(0, 4.0625rem, 8.125rem, 0)
}

.jpui.progress.radial.medium .inset {
    margin: .5625rem 0 0 .5625rem;
    width: 7rem;
    height: 7rem;
    background-color: #fff
}

.jpui.progress.radial.medium .inset .percentage {
    top: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: 3.25rem;
    width: 100%
}

.jpui.progress.radial.medium .inset .percentage::before {
    position: static
}

.jpui.progress.radial.medium .inset .subtitle {
    top: 4.75rem;
    left: 0;
    width: 100%;
    font-size: .8rem;
    padding: 0 1.2rem;
    line-height: 1rem
}

.jpui.progress.radial.medium .inset .superscript {
    top: -1.35rem;
    font-size: 40%
}

.jpui.progress.radial.medium .percentage::before {
    position: absolute
}

.jpui.radiobutton {
    position: relative;
    margin-bottom: .75rem
}

@media print {
    .jpui.radiobutton input[type=radio]~.radiobutton-label .radiobutton-outer-circle {
        visibility: hidden
    }

    .jpui.radiobutton input[type=radio]:checked~.selectedRadiobuttonContainer {
        display: none !important
    }
}

.jpui.radiobutton input[type=radio] {
    opacity: 0;
    position: absolute;
    height: 1.375rem;
    width: 1.375rem;
    z-index: 1;
    cursor: pointer
}

.jpui.radiobutton input[type=radio]:focus~.radiobutton-label:not(.error) .radiobutton-outer-circle {
    outline: dashed .0625rem #717171
}

.jpui.radiobutton input[type=radio]:focus~.radiobutton-label .error-focus {
    outline: dashed .0625rem #717171
}

.jpui.radiobutton input[type=radio]:checked~.selectedRadiobuttonContainer {
    color: transparent;
    font-size: 2.25rem;
    height: 0;
    left: 1.45rem;
    margin-left: -1.4rem;
    position: relative;
    top: -.85rem;
    z-index: 1;
    cursor: pointer;
    display: block
}

.jpui.radiobutton input[type=radio]:checked~.radiobutton-label .radiobutton-inner-circle {
    background-color: #0b6efd;
    border-color: #0b6efd
}

.jpui.radiobutton input[type=radio]:checked~.radiobutton-label .radiobutton-inner-circle--error {
    background-color: #bf2155;
    border-color: #bf2155
}

.jpui.radiobutton input[type=radio]:checked:disabled~.radiobutton-label .radiobutton-inner-circle {
    background-color: #bcbcbc;
    border-color: #bcbcbc
}

.jpui.radiobutton input[type=radio]:checked:disabled~.radiobutton-label .radiobutton-outer-circle {
    background-color: #ededed;
    border: .0625rem solid #bcbcbc
}

.jpui.radiobutton input[type=radio]:checked:disabled~.radiobutton-label .radiobutton-label-content {
    opacity: .4
}

.jpui.radiobutton input[type=radio]:checked:disabled~.selectedRadiobuttonContainer {
    cursor: default
}

.jpui.radiobutton input[type=radio]:disabled {
    cursor: default
}

.jpui.radiobutton input[type=radio]:disabled~.radiobutton-label {
    cursor: default
}

.jpui.radiobutton input[type=radio]:disabled~.radiobutton-label .radiobutton-label-content {
    opacity: .4
}

.jpui.radiobutton input[type=radio]:disabled~.radiobutton-label .radiobutton-inner-circle {
    border-color: #bcbcbc;
    background-color: #ededed
}

.jpui.radiobutton input[type=radio]:disabled~.radiobutton-label .radiobutton-outer-circle {
    background-color: #ededed;
    border: .0625rem solid #bcbcbc
}

.jpui.radiobutton .radiobutton-label {
    display: inline-flex;
    position: relative;
    cursor: pointer
}

.jpui.radiobutton .radiobutton-label.error div.radiobutton-outer-circle {
    box-shadow: 0 0 0 .125rem #bf2155;
    border: 0;
    height: 1.25rem;
    width: 1.25rem
}

.jpui.radiobutton .radiobutton-label.error .error-focus {
    padding: .125rem
}

.jpui.radiobutton .radiobutton-label-content {
    padding-left: .5rem;
    width: 100%
}

.jpui.radiobutton .yield {
    display: inline-block;
    margin: .5rem 0
}

.jpui.radiobutton .inputWrapper {
    display: inline-block
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .jpui.radiobutton .inputWrapper {
        display: block
    }
}

.jpui.radiobutton .radiobutton-outer-circle {
    width: 22px;
    height: 22px;
    border: .0625rem solid #959595;
    border-radius: 50%;
    padding: 3px;
    background-color: #fff
}

.jpui.radiobutton .radiobutton-inner-circle {
    width: 100%;
    height: 100%;
    border: .0625rem solid #959595;
    border-radius: 50%
}

.jpui.radiobutton .radiobutton-inner-circle--error {
    border-color: #bf2155
}

.jpui.radiobutton .selectedRadiobuttonContainer {
    display: none;
    cursor: auto
}

.jpui.radiobutton input[type=radio]:disabled~label {
    font-size: .875rem;
    font-weight: 400;
    color: #bcbcbc;
    letter-spacing: 0;
    text-decoration: none;
    color: #000
}

@media screen and (min-width:768px) {
    .jpui.radiobutton input[type=radio]:disabled~label {
        font-size: 1rem
    }
}

.jpui.radiobutton .radiobutton-label {
    font-size: .875rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.radiobutton .radiobutton-label {
        font-size: 1rem
    }
}

.jpui.radiobutton .radiobutton-label a,
.jpui.radiobutton .radiobutton-label a:active,
.jpui.radiobutton .radiobutton-label a:hover,
.jpui.radiobutton .radiobutton-label a:visited {
    font-size: .875rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.radiobutton .radiobutton-label a,
    .jpui.radiobutton .radiobutton-label a:active,
    .jpui.radiobutton .radiobutton-label a:hover,
    .jpui.radiobutton .radiobutton-label a:visited {
        font-size: 1rem
    }
}

.jpui.radiobutton .radiobutton-label.error {
    font-size: .875rem;
    font-weight: 600;
    color: #bf2155;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.radiobutton .radiobutton-label.error {
        font-size: 1rem
    }
}

.jpui.radiobutton .alternate {
    font-size: .875rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.radiobutton .alternate {
        font-size: 1rem;
        color: #414042
    }
}

.jpui.segment {
    border-top: .3125rem transparent solid;
    padding: 1rem;
    margin-bottom: 1rem;
    background-color: #f9f6f3;
    transition: opacity .25s ease-in-out;
    position: relative
}

.jpui.segment:focus {
    outline: .0625rem dashed #717171
}

.jpui.segment:hover {
    background: #fff
}

.jpui.segment.active {
    background: #fff;
    border-top: .3125rem #0b4c87 solid;
    transition: border-top-color .25s, background-color .25s;
    box-shadow: 0 .125rem .1875rem 0 rgba(0, 0, 0, .28)
}

.jpui.segment.active .amount {
    color: #0b4c87
}

.jpui.segment:not(.active) {
    transition: border-top-color .25s, background-color .25s
}

.jpui.segment .tileTop {
    padding: 0
}

.jpui.segment .tileHeading {
    padding: 0;
    margin-top: 0;
    margin-bottom: 2rem;
    display: inline-block;
    font-size: 1rem
}

.jpui.segment .subtitle {
    padding: 0;
    margin: .3125rem 0 0 .3125rem;
    display: inline-block
}

.jpui.segment .tileLogoContainer {
    margin-top: -1.25rem
}

.jpui.segment .tileLogoContainer img {
    height: 2rem;
    margin-bottom: .5rem
}

.jpui.segment .tileValue {
    text-align: right;
    padding: 0
}

.jpui.segment .tileValue:nth-child(2) {
    margin-bottom: .5rem
}

.jpui.segment .amount {
    display: block
}

.jpui.segment:not(.hasMessage) .amount:first-letter {
    font-size: 1.4375rem;
    line-height: 2.3rem;
    vertical-align: top
}

@media (min-width:768px) and (max-width:991px) {
    .jpui.segment:not(.hasMessage) .amount:first-letter {
        font-size: 1.125rem;
        line-height: 1.8rem
    }
}

.jpui.segment .icon.button {
    position: absolute;
    border: .0625rem solid #c6c6c6;
    color: #004566;
    padding: .2rem .8rem 0;
    font-size: 2.5rem;
    background-color: #fff;
    border-radius: .25rem;
    box-sizing: border-box;
    cursor: pointer;
    top: 1rem;
    right: 1rem
}

.jpui.segment .icon.button:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ' ';
    clear: both;
    height: 0
}

.jpui.segment .medium.simple.text.button {
    width: 100%;
    display: inline-block;
    border: .0625rem solid #ccc;
    color: #666;
    font-size: 2rem;
    padding: 2rem;
    margin: 1rem 0;
    box-sizing: border-box;
    cursor: pointer
}

.jpui.segment.warning {
    color: inherit !important;
    background-color: inherit !important
}

.jpui.segment.warning .amount {
    color: #f15a24
}

.jpui.segment .details {
    height: 0;
    overflow: hidden;
    margin: 0 -2rem
}

.jpui.segment .details .properties {
    margin: .25rem
}

.jpui.segment .details .properties ul {
    max-width: 40rem;
    padding: 0;
    overflow-x: hidden;
    list-style: none
}

.jpui.segment .details .properties ul li {
    margin-bottom: .75rem
}

.jpui.segment .details .properties ul li:before {
    float: left;
    width: 0;
    white-space: nowrap;
    content: '. . . . . . . . . . . . . . . . . . . . ''. . . . . . . . . . . . . . . . . . . . ''. . . . . . . . . . . . . . . . . . . . ''. . . . . . . . . . . . . . . . . . . . '
}

.jpui.segment .details .properties ul span:first-child {
    padding-right: .33rem;
    background: #fff
}

.jpui.segment .details .properties ul span+span {
    float: right;
    padding-left: .33rem;
    background: #fff
}

.jpui.segment .details .segment {
    opacity: 1;
    margin: 0;
    border: none;
    border-top: .0625rem dashed #999;
    margin-top: 1.25rem;
    padding-bottom: 0;
    color: #999;
    margin-left: -.9375rem;
    padding-left: .9375rem;
    margin-right: -.9375rem;
    padding-right: .9375rem
}

.jpui.segment .details .segment:after {
    content: '';
    display: block;
    height: 0;
    clear: both
}

.jpui.segment .details .segment.stacked .data {
    display: block;
    padding: 0 0 0 1.5rem;
    font-size: 1.5rem;
    text-align: left
}

.jpui.segment .details .segment .data,
.jpui.segment .details .segment .title {
    font-size: 2rem;
    padding: 1rem 1rem 0;
    display: block
}

.jpui.segment .details .segment .data {
    text-align: right
}

.jpui.segment .details .segment .link {
    display: block;
    width: 100%;
    text-align: center;
    padding: 1rem 0 0;
    font-size: 2rem
}

.jpui.segment .details .segment .link a {
    text-decoration: none;
    color: #214e75
}

@media screen {
    .jpui.select select {
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: .000625rem;
        text-overflow: '';
        z-index: 1;
        width: 100%;
        background: #fff;
        border: .0625rem solid #ccc;
        border-radius: 0;
        padding: .5rem 2.5rem .5rem 1rem;
        white-space: pre-wrap
    }
}

@-moz-document url-prefix() {
    .jpui.select select select {
        -moz-appearance: none;
        border: .0625rem solid #ccc;
        height: 2.5rem;
        width: 31.25rem;
        padding: .375rem .75rem
    }

    .jpui.select select .selectwrap {
        position: relative
    }

    .jpui.select select .selectwrap:after {
        content: '';
        text-align: center;
        line-height: 2;
        position: absolute;
        width: 2rem;
        height: 2.375rem;
        background: #fff;
        right: .0625rem;
        top: .0625rem;
        pointer-events: none
    }
}

.jpui.select select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #0d5885
}

.jpui.select select::-ms-expand {
    display: none
}

.jpui.select select:disabled {
    color: #bcbcbc
}

.jpui.select select:focus {
    border-color: #0b6efd;
    outline: 0;
    box-shadow: .0625rem .0625rem 0 #0b6efd, .0625rem -.0625rem 0 #0b6efd, -.0625rem .0625rem 0 #0b6efd, -.0625rem -.0625rem 0 #0b6efd
}

.jpui.select select:focus::-ms-value {
    background: #fff;
    color: #414042
}

.jpui.select.displayNone {
    display: none
}

.jpui.select .wrap {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

.jpui.select .wrap .input-icon {
    font-size: 1rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    color: #414042
}

.jpui.select .wrap .input-icon i,
.jpui.select .wrap .input-icon span {
    vertical-align: bottom
}

.jpui.select .wrap .input {
    display: inline-block
}

.jpui.select .wrap.left .input-icon {
    left: .5rem
}

.jpui.select .wrap.left .input-icon.disabled {
    color: #bcbcbc
}

.jpui.select .wrap.left .input {
    padding-left: 1.75rem
}

.jpui.select .wrap.right .input-icon {
    right: .5rem
}

.jpui.select .wrap.right .input {
    padding-right: 2.275rem
}

@media print {
    .jpui.select .wrap .input-icon {
        transform: none;
        margin-top: -.72rem
    }
}

.jpui.select .wrap span {
    pointer-events: none
}

.jpui.select .wrap.right .input-icon {
    right: .75rem
}

.jpui.select .wrap.right .input-icon[disabled] {
    color: #bcbcbc
}

.jpui.select .header-icon-only .selectwrap {
    width: 1.25rem
}

.jpui.select .header-icon-only .selectwrap .icon-select-container {
    border: none;
    padding-right: .25rem
}

.jpui.select .header-icon-only .selectwrap .icon-select-container:focus {
    box-shadow: none
}

.jpui.select .header-icon-only .iconwrap {
    pointer-events: none
}

.jpui.select .header-icon-only .iconwrap .icon {
    color: #666;
    font-size: 1.25rem;
    position: relative;
    bottom: 1.75rem
}

.jpui.settingstile {
    background-color: #fff;
    border-radius: .3125rem;
    box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .2);
    display: flex;
    width: 100%;
    position: relative;
    padding: .5rem .75rem .75rem .75rem
}

@media (min-width:768px) {
    .jpui.settingstile {
        padding: .5rem 1rem 1rem 1rem
    }
}

.jpui.settingstile .settingstile__icon-container {
    display: none
}

@media (min-width:768px) {
    .jpui.settingstile .settingstile__icon-container {
        display: block
    }
}

.jpui.settingstile .settingstile__icon-container .settingstile__icon {
    margin: .5rem 1rem 0 0;
    font-size: 2rem;
    color: #666
}

.jpui.settingstile .settingstile__main-container {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.jpui.settingstile .settingstile__heading {
    margin: 0;
    margin-bottom: .5rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
    color: #414042
}

.jpui.simple.table {
    background-color: transparent
}

.jpui.simple.table caption {
    text-align: left;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 300;
    color: #5a595b;
    padding: .75rem 0
}

.jpui.simple.table td[data-th],
.jpui.simple.table th[scope] {
    padding: .625rem 0;
    text-align: right
}

.jpui.simple.table td[data-th]:first-child,
.jpui.simple.table th[scope]:first-child {
    text-align: left
}

.jpui.simple.table td[data-th]:first-child .headerText,
.jpui.simple.table th[scope]:first-child .headerText {
    text-align: left
}

.jpui.simple.table td[data-th].sortable>span:after,
.jpui.simple.table th[scope].sortable>span:after {
    content: '';
    margin: 0 .25rem
}

.jpui.simple.table td[data-th].sortable.ascending>span:after,
.jpui.simple.table th[scope].sortable.ascending>span:after {
    content: 'icon font for down arrow'
}

.jpui.simple.table td[data-th].sortable.descending>span:after,
.jpui.simple.table th[scope].sortable.descending>span:after {
    content: 'icon font for up arrow'
}

.jpui.simple.table td[data-th] {
    padding: 1rem 1.5rem 1rem 0;
    border-bottom: .0625rem solid #ccc
}

.jpui.simple.table th[scope] {
    padding: 1.5rem 1.5rem .5rem 0;
    border-top: .0625rem solid #ccc
}

.jpui.simple.table th[scope] .icon {
    color: #666;
    font-size: .8rem
}

.jpui.simple.table th[scope] .sortWrapper {
    position: relative;
    display: inline-block
}

.jpui.simple.table th[scope] .sortWrapper .headerText {
    margin-right: 1.25rem;
    text-align: right;
    float: right
}

.jpui.simple.table th[scope] .sortWrapper .sortIcon {
    position: absolute;
    bottom: 0;
    right: 0
}

.jpui.simple.table th[scope] .sortWrapper::after {
    clear: both
}

.jpui.simple.table td[data-th]:last-child,
.jpui.simple.table th[scope]:last-child:last-child {
    padding-right: 0
}

@media (max-width:767px) {
    .jpui.simple.table td[data-th] {
        padding: .5rem 0
    }

    .jpui.simple.table td[data-th]:first-child {
        text-align: right;
        border-top: .0625rem solid #ccc
    }

    .jpui.simple.table td[data-th],
    .jpui.simple.table tr {
        padding: .313rem 0
    }

    .jpui.simple.table tbody>tr>td[data-th],
    .jpui.simple.table tfoot>tr>td[data-th] {
        border-bottom: 0
    }

    .jpui.simple.table td[data-th]:before {
        color: #717171
    }
}

.jpui.spinner {
    display: inline-block;
    position: relative;
    padding-top: .25rem;
    will-change: transform
}

.jpui.spinner:focus {
    outline: 0
}

.jpui.spinner .spinner-text {
    color: transparent;
    font-size: .5rem;
    position: relative
}

.jpui.spinner:not(.inline) .spinner-text {
    position: absolute;
    left: 0;
    font-size: 1rem;
    top: -1rem
}

.jpui.spinner .spinner__block {
    -webkit-animation: spin .65s linear infinite;
    animation: spin .65s linear infinite;
    height: 1.75rem;
    width: 1.75rem
}

@media (min-width:768px) {
    .jpui.spinner .spinner__block {
        height: 2.375rem;
        width: 2.375rem
    }
}

@media (min-width:992px) {
    .jpui.spinner .spinner__block {
        height: 3rem;
        width: 3rem
    }
}

@-webkit-keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

.jpui.spinner.inline {
    width: 1.75rem;
    top: -.25rem
}

.jpui.spinner.inline .box1 {
    content: '\0020';
    background: #0092ff;
    display: inline-block;
    width: .5rem;
    height: .5rem;
    -webkit-animation: animateInline .5s infinite alternate linear;
    animation: animateInline .5s infinite alternate linear;
    position: absolute;
    left: 0;
    bottom: 0
}

.jpui.spinner.inline .box2 {
    content: '\0020';
    background: #0092ff;
    display: inline-block;
    width: .5rem;
    height: .5rem;
    -webkit-animation: animateInline .5s infinite alternate linear;
    animation: animateInline .5s infinite alternate linear;
    position: absolute;
    right: .625rem;
    bottom: 0;
    -webkit-animation-delay: .166s !important;
    animation-delay: .166s !important
}

.jpui.spinner.inline .box3 {
    content: '\0020';
    background: #0092ff;
    display: inline-block;
    width: .5rem;
    height: .5rem;
    -webkit-animation: animateInline .5s infinite alternate linear;
    animation: animateInline .5s infinite alternate linear;
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-animation-delay: .333s !important;
    animation-delay: .333s !important
}

@-webkit-keyframes animateInline {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes animateInline {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.jpui.searchBox .search-bar {
    width: 100%;
    position: relative;
    display: inline-block;
    border-radius: .5rem;
    box-shadow: 0 .125rem .1875rem 0 rgba(0, 0, 0, .28);
    border: .0625rem solid silver;
    background-color: #fff;
    padding: 0
}

.jpui.searchBox .search-box {
    margin: 0 1rem;
    position: relative
}

.jpui.searchBox .search-box input::-ms-clear {
    display: none
}

.jpui.searchBox .search-box__hidden-description {
    display: none
}

.jpui.searchBox .closebutton {
    position: absolute;
    right: 0;
    border: none;
    padding: 0;
    background: 0 0;
    top: 0;
    height: 100%;
    font-size: 1.25rem;
    line-height: 1.25rem
}

.jpui.searchBox .closebutton:focus:focus {
    outline: .0625rem dashed #717171
}

.jpui.searchBox .searchicon {
    position: absolute;
    margin-left: 0;
    margin-top: .4375rem;
    font-size: 1.25rem
}

.jpui.searchBox .searchicon i {
    color: #666
}

.jpui.searchBox .searchicon i:hover:not(.touch) {
    color: #0092ff
}

.jpui.searchBox .searchicon i:active:not(.touch) {
    color: #0b6efd
}

.jpui.searchBox .searchicon i:active {
    color: #0b6efd
}

.jpui.searchBox .search-box-option-list {
    display: none
}

.jpui.searchBox .search-box-option-list.show {
    display: block
}

.jpui.searchBox .search-bar-input {
    height: 2.375rem;
    padding: 0 1.5625rem;
    border: 0;
    width: 100%;
    background-color: inherit;
    box-sizing: border-box
}

.jpui.searchBox .search-bar-input:focus {
    outline: 0
}

.jpui.searchBox .search-bar-border {
    border-bottom: .25rem solid #ccc
}

.jpui.searchBox .search-bar>ul {
    display: none;
    list-style: none;
    padding-left: 0;
    max-height: 19.5rem;
    overflow-y: auto;
    visibility: visible !important;
    margin: 0
}

.jpui.searchBox li {
    min-height: 2.75rem;
    padding: .625rem .9375rem;
    line-height: 1.375;
    margin: .0625rem;
    cursor: default
}

.jpui.searchBox li:hover {
    background-color: #f3f0e9 !important;
    color: #414042 !important
}

.jpui.searchBox li:focus {
    outline: .0625rem dashed #717171
}

@media (min-width:768px) {
    .jpui.searchBox .jpui.label {
        min-width: 10.9375rem;
        max-width: 21.875rem
    }
}

@media (min-width:992px) {
    .jpui.searchBox .jpui.label {
        min-width: 12.125rem;
        max-width: 24.25rem
    }
}

.jpui.styledselect {
    font-size: 1rem;
    clear: both
}

.jpui.styledselect .iconwrap .icon {
    cursor: pointer;
    line-height: inherit
}

.jpui.styledselect .icon {
    float: right
}

.jpui.styledselect .list-container {
    position: relative
}

.jpui.styledselect .list {
    display: none;
    list-style: none;
    border: .0625rem solid rgba(0, 0, 0, .17);
    box-shadow: 0 .125rem .188rem rgba(0, 0, 0, .28);
    padding: .0625rem;
    margin: 0;
    background: #fff;
    z-index: 999;
    text-align: left;
    position: absolute;
    width: 100%
}

.jpui.styledselect .option {
    padding: .625rem .5rem;
    cursor: pointer;
    overflow: auto;
    width: 100%
}

.jpui.styledselect .option.disabled {
    color: #ccc
}

.jpui.styledselect .option:not(.disabled):hover {
    background-color: #f3f0e9;
    color: #656565
}

.jpui.styledselect .option:not(.disabled).is-focused,
.jpui.styledselect .option:not(.disabled):focus {
    outline: .0625rem dashed #717171
}

.jpui.styledselect .option:not(.disabled):active {
    background-color: #0092ff;
    color: #fff
}

.jpui.styledselect .option:not(.disabled).active {
    padding-left: 0;
    border-left: .4rem solid #0092ff
}

.jpui.styledselect.show .list {
    display: block;
    margin: .25rem 0
}

.jpui.styledselect .dropdown-slidedown-animation {
    -webkit-animation: slideDown .15s ease 0s forwards;
    animation: slideDown .15s ease 0s forwards
}

@keyframes slideDown {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.jpui.styledselect .dropdown-list-hide {
    display: block;
    visibility: hidden;
    height: 0
}

.jpui.styledselect .dropdown-list-show {
    height: auto;
    visibility: visible
}

.jpui.styledselect .wrap {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

.jpui.styledselect .wrap .input-icon {
    font-size: 1rem;
    position: absolute;
    bottom: .375rem;
    width: auto;
    pointer-events: none
}

.jpui.styledselect .wrap .input-icon i,
.jpui.styledselect .wrap .input-icon span {
    vertical-align: bottom
}

.jpui.styledselect .wrap .input-icon--xs-disabled {
    color: #bcbcbc
}

.jpui.styledselect .wrap.right .input-icon {
    right: .8rem;
    margin-right: .019rem;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.jpui.styledselect .wrap.right .text-overflow {
    background: #fff;
    line-height: 2rem;
    height: 1.875rem;
    width: 2.375rem;
    right: .0625rem;
    border: 0
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .jpui.styledselect .wrap.right .text-overflow {
        right: .0925rem
    }
}

.jpui.styledselect .wrap.right .selectClassic {
    border: .0625rem solid #959595;
    outline: .0625rem solid transparent;
    white-space: pre-wrap
}

.jpui.styledselect .selectStyled {
    position: absolute !important;
    clip: rect(.063rem, .063rem, .063rem, .063rem);
    padding: 0 !important;
    border: 0 !important;
    height: .063rem !important;
    width: .063rem !important;
    overflow: hidden;
    display: none
}

.jpui.styledselect .selectStyledSelectOverride {
    height: .063rem !important;
    width: .063rem !important
}

.jpui.styledselect .input {
    line-height: 1.4;
    height: 2.5rem;
    margin-bottom: 0;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    background-color: #fff
}

.jpui.styledselect .input:focus {
    outline: dashed .0625rem transparent
}

.jpui.styledselect .validation__bubble-container {
    top: -2.125rem
}

.jpui.styledselect .validation__accessible-text {
    display: none
}

.jpui.styledselect.smallHeader .input {
    padding-top: .3rem;
    height: 2rem;
    font-size: .875rem
}

.jpui.styledselect.smallHeader button.text-overflow {
    background-color: #fff !important;
    height: 1.625rem !important;
    line-height: 1.9 !important
}

.jpui.styledselect.smallHeader button.input-icon {
    font-size: 1rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: auto
}

.jpui.styledselect.text-float-left {
    text-align: left
}

.jpui.styledselect .primary {
    display: inline-block;
    color: #414042
}

.jpui.styledselect .groupingName {
    padding-left: .75rem
}

.jpui.styledselect .secondary {
    float: right;
    padding-left: 1rem;
    color: #414042
}

.jpui.styledselect .styledSelectSeparator {
    border-bottom: .063rem solid #ccc
}

.jpui.styledselect .disabled {
    color: #bcbcbc;
    background: #fff;
    border: .0625rem solid #ccc
}

.jpui.styledselect .disabledIcon {
    color: #bcbcbc;
    opacity: .4;
    cursor: default
}

.jpui.styledselect .js-input {
    display: inline-block
}

.jpui.styledselect .disabledOption {
    cursor: default
}

.jpui.styledselect .disabledOption:hover {
    background: #fff !important
}

.jpui.styledselect .disabledOption .primary,
.jpui.styledselect .disabledOption .secondary {
    color: #bcbcbc !important
}

.jpui.styledselect .displayNone {
    display: none
}

.jpui.styledselect .field {
    white-space: pre-line
}

.jpui.styledselect .selected {
    background-color: #f4f1ea
}

.jpui.styledselect li.option {
    overflow-y: hidden
}

.jpui.styledselect ul {
    border-collapse: separate
}

.jpui.styledselect .option {
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    padding-left: 1rem;
    padding-right: 1rem;
    display: block;
    overflow: auto
}

.jpui.styledselect .option:active {
    background: #0092ff
}

.jpui.styledselect .option:active .primary,
.jpui.styledselect .option:active .secondary {
    color: #fff
}

.jpui.styledselect .option:active .groupLabelText {
    color: #666
}

.jpui.styledselect .option.active span {
    font-weight: 600
}

.jpui.styledselect .option.active .primary,
.jpui.styledselect .option.active .secondary {
    padding-left: .625rem
}

.jpui.styledselect .option.active .groupingName {
    padding-left: 1.25rem
}

.jpui.styledselect .lastGroupItem {
    padding-bottom: 1rem
}

.jpui.styledselect .text-float-left {
    text-align: left
}

.jpui.styledselect .list-container {
    z-index: 999
}

.jpui.styledselect .list-container.open {
    -webkit-animation: show .15s ease 0s forwards;
    animation: show .15s ease 0s forwards
}

@keyframes show {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.jpui.styledselect .groupLabelText {
    font-size: .875rem;
    color: #666;
    font-weight: 700;
    font-family: 'Open Sans';
    cursor: default
}

.jpui.styledselect .groupLabelContainer {
    background: #ede9e3 !important;
    cursor: default;
    margin-bottom: .5rem
}

.jpui.styledselect .scrolling {
    max-height: 24rem;
    overflow-y: scroll;
    -ms-overflow-style: scrollbar
}

.jpui.styledselect input.clientSideError:focus+button .hasError,
.jpui.styledselect input.serverSideError:focus+button .hasError,
.jpui.styledselect.clientSideError input:focus+button .hasError,
.jpui.styledselect.serverSideError input:focus+button .hasError {
    width: 2.375rem;
    height: 1.875rem;
    right: .25rem !important;
    background-color: #fff;
    outline: dashed .0625rem #959595
}

.jpui.styledselect input.clientSideError:focus+button .hasError:after,
.jpui.styledselect input.serverSideError:focus+button .hasError:after,
.jpui.styledselect.clientSideError input:focus+button .hasError:after,
.jpui.styledselect.serverSideError input:focus+button .hasError:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: .625rem
}

.jpui.stickybuttons {
    z-index: 1;
    position: fixed;
    bottom: 0;
    background-color: #fff;
    box-shadow: 0 -.3125rem .25rem -.175rem rgba(0, 0, 0, .1);
    padding: 1.125rem 1rem;
    display: flex;
    flex-direction: column
}

.jpui.stickybuttons.stickybuttons--inline {
    flex-direction: row
}

.jpui.stickybuttons--set-max-width {
    max-width: 100%
}

.jpui.stickybuttons .stickybuttons__button {
    margin: 0 0 .75rem;
    white-space: nowrap;
    overflow: auto
}

.jpui.stickybuttons .stickybuttons__button:last-child {
    margin-bottom: 0
}

.jpui.stickybuttons .stickybuttons__button--hidden {
    opacity: 0
}

@media (max-width:767px) {
    .jpui.stickybuttons .stickybuttons__button--inline {
        flex-grow: 1;
        min-width: auto;
        margin: 0;
        width: 50%
    }

    .jpui.stickybuttons .stickybuttons__button--inline:last-child {
        margin-left: 1.5rem
    }

    .jpui.stickybuttons .stickybuttons__grid-container {
        flex-grow: 1;
        min-width: auto;
        margin: 0;
        width: 50%;
        padding: 0
    }

    .jpui.stickybuttons .stickybuttons__grid-container:last-child {
        margin-left: 1.5rem
    }

    .jpui.stickybuttons .stickybuttons__grid-container .stickybuttons__button {
        width: 100%;
        margin: 0
    }

    .jpui.stickybuttons:not(.stickybuttons--inline) .stickybuttons__grid-container {
        width: 100%;
        margin: 0 0 .75rem
    }

    .jpui.stickybuttons:not(.stickybuttons--inline) .stickybuttons__grid-container:last-child {
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    .jpui.stickybuttons {
        flex-direction: row;
        justify-content: flex-end;
        padding: 1.125rem 1.5rem
    }

    .jpui.stickybuttons.stickybuttons--grid {
        display: block
    }

    .jpui.stickybuttons .stickybuttons__button {
        max-width: 14rem;
        margin-bottom: 0;
        margin-right: 1.5rem
    }

    .jpui.stickybuttons .stickybuttons__button:last-child {
        margin-right: 0
    }

    .jpui.stickybuttons .stickybuttons__button--third {
        position: absolute;
        left: 1.5rem
    }
}

.jpui.stickyfooter {
    z-index: 1100;
    position: fixed;
    height: auto;
    background-color: #fff;
    bottom: 0
}

.jpui.stickyfooter .top-border {
    border-top: .0625rem solid #d5dbdb;
    box-shadow: 0 -.0625rem .25rem rgba(0, 0, 0, .35)
}

.jpui.stickyfooter .content {
    width: 100%;
    padding: 1.5rem 0
}

.jpui.statustracker {
    display: flex;
    flex-direction: row
}

.jpui.statustracker .statustracker__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    white-space: pre-line
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .jpui.statustracker .statustracker__container--3-steps {
        height: 6.75rem
    }

    .jpui.statustracker .statustracker__container--4-steps {
        height: 9.5rem
    }

    .jpui.statustracker .statustracker__container--5-steps {
        height: 12.25rem
    }
}

.jpui.statustracker .statustracker__container--labels {
    position: relative;
    top: .25rem;
    align-items: flex-start;
    order: 1;
    padding-left: 0;
    margin: 0;
    margin-left: .375rem;
    list-style-type: none
}

.jpui.statustracker .statustracker__label {
    font-size: .8125rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none;
    text-align: center;
    white-space: pre-line;
    flex: 1 0 20%;
    padding-left: 0
}

@media screen and (min-width:768px) {
    .jpui.statustracker .statustracker__label {
        font-size: .875rem
    }
}

.jpui.statustracker .statustracker__label--in-progress {
    font-size: .8125rem;
    font-weight: 600;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.statustracker .statustracker__label--in-progress {
        font-size: .875rem
    }
}

.jpui.statustracker .statustracker__label--completed {
    font-size: .8125rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.statustracker .statustracker__label--completed {
        font-size: .875rem
    }
}

.jpui.statustracker .statustracker__label--completed a,
.jpui.statustracker .statustracker__label--completed a:active,
.jpui.statustracker .statustracker__label--completed a:hover,
.jpui.statustracker .statustracker__label--completed a:visited {
    font-size: .8125rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.statustracker .statustracker__label--completed a,
    .jpui.statustracker .statustracker__label--completed a:active,
    .jpui.statustracker .statustracker__label--completed a:hover,
    .jpui.statustracker .statustracker__label--completed a:visited {
        font-size: .875rem
    }
}

.jpui.statustracker .statustracker__step-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    flex: 1 0 20%;
    min-height: 20%
}

.jpui.statustracker .statustracker__step-container:last-child {
    justify-content: flex-start
}

.jpui.statustracker .statustracker__bubble {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.75rem;
    width: 1.75rem;
    background-color: #fff;
    border: .0625rem solid #959595;
    border-radius: 50%;
    box-sizing: border-box;
    flex-shrink: 0
}

.jpui.statustracker .statustracker__bubble .checkmark {
    color: #fff;
    font-size: 1rem
}

.jpui.statustracker .statustracker__bubble--in-progress {
    border: .1875rem solid #2ca853
}

.jpui.statustracker .statustracker__bubble--completed {
    background-color: #2ca853;
    border: .1875rem solid #2ca853
}

.jpui.statustracker .statustracker__line {
    border-left: .0625rem solid #959595;
    height: 1.5rem
}

.jpui.statustracker .statustracker__line--completed {
    width: 0;
    border-left: .15rem solid #2ca853
}

@media all and (min-width:767px) {
    .jpui.statustracker {
        flex-direction: column
    }

    .jpui.statustracker .statustracker__container {
        flex-direction: row;
        padding-left: 3.75rem;
        justify-content: flex-start
    }

    .jpui.statustracker .statustracker__container--labels {
        align-items: flex-end;
        order: 0;
        margin-left: 0;
        top: 0
    }

    .jpui.statustracker .statustracker__container--3-labels {
        right: calc((100% - 60px)/ 6 - 14px)
    }

    .jpui.statustracker .statustracker__container--4-labels {
        right: calc((100% - 60px)/ 8 - 14px)
    }

    .jpui.statustracker .statustracker__container--5-labels {
        right: calc((100% - 60px)/ 10 - 14px)
    }

    .jpui.statustracker .statustracker__label {
        margin-bottom: .375rem
    }

    .jpui.statustracker .statustracker__step-container {
        flex-direction: row
    }

    .jpui.statustracker .statustracker__line {
        border-top: .0625rem solid #959595;
        height: .0625rem;
        width: calc(100% - 1.25rem)
    }

    .jpui.statustracker .statustracker__line--completed {
        border-top: .15rem solid #2ca853;
        height: 0
    }
}

@media all and (min-width:767px) and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .jpui.statustracker .statustracker__container--3-steps {
        height: auto
    }

    .jpui.statustracker .statustracker__container--4-steps {
        height: auto
    }

    .jpui.statustracker .statustracker__container--5-steps {
        height: auto
    }
}

.jpui.slideshow .slideshow-container {
    margin: 0 auto;
    width: 95%;
    max-width: 47.5rem
}

.jpui.slideshow .gallery {
    position: relative
}

.jpui.slideshow .gallery .main-gallery-img {
    display: block;
    height: auto;
    margin: 0;
    opacity: 0;
    padding: 0;
    transition: none;
    width: 100%
}

.animate.jpui.slideshow .gallery .main-gallery-img {
    transition: opacity .5s ease-in-out
}

.jpui.slideshow .main-gallery {
    position: relative;
    width: 100%;
    margin: 0 auto
}

.jpui.slideshow .item {
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    visibility: hidden;
    display: none
}

.jpui.slideshow .image-container {
    position: relative
}

.jpui.slideshow .slideshow-closeLink {
    position: relative;
    right: -98%
}

.jpui.slideshow .slideshow-closeLink:focus {
    outline: .0625rem dashed #fff
}

.jpui.slideshow .slideshow-closeIcon {
    color: #fff;
    filter: drop-shadow(.188rem .188rem .188rem rgba(0, 0, 0, .8));
    font-size: .875rem
}

.jpui.slideshow .nav-icon-link,
.jpui.slideshow .nav-icon-link:active,
.jpui.slideshow .nav-icon-link:hover,
.jpui.slideshow .nav-icon-link:visited {
    color: #3d3734;
    font-size: 1.25rem;
    opacity: .8;
    position: absolute;
    top: 20%;
    transform: translateY(-20%);
    transition: none
}

.animate.jpui.slideshow .nav-icon-link,
.animate.jpui.slideshow .nav-icon-link:active,
.animate.jpui.slideshow .nav-icon-link:hover,
.animate.jpui.slideshow .nav-icon-link:visited {
    transition: opacity .5s ease-in-out
}

.jpui.slideshow .nav-icon-link.right,
.jpui.slideshow .nav-icon-link:active.right,
.jpui.slideshow .nav-icon-link:hover.right,
.jpui.slideshow .nav-icon-link:visited.right {
    right: .25rem
}

.jpui.slideshow .nav-icon-link.right:focus,
.jpui.slideshow .nav-icon-link:active.right:focus,
.jpui.slideshow .nav-icon-link:hover.right:focus,
.jpui.slideshow .nav-icon-link:visited.right:focus {
    outline: .0625rem dashed #fff
}

.jpui.slideshow .nav-icon-link.left,
.jpui.slideshow .nav-icon-link:active.left,
.jpui.slideshow .nav-icon-link:hover.left,
.jpui.slideshow .nav-icon-link:visited.left {
    left: .25rem
}

.jpui.slideshow .nav-icon-link.left:focus,
.jpui.slideshow .nav-icon-link:active.left:focus,
.jpui.slideshow .nav-icon-link:hover.left:focus,
.jpui.slideshow .nav-icon-link:visited.left:focus {
    outline: .0625rem dashed #fff
}

.jpui.slideshow .nav-icon-blueLeft:after {
    margin-right: .1875rem
}

.jpui.slideshow .nav-icon-blueRight:after {
    margin-left: .1875rem
}

.jpui.slideshow .image-container .nav-icon-link:active,
.jpui.slideshow .image-container .nav-icon-link:focus,
.jpui.slideshow .image-container .nav-icon-link:hover {
    opacity: 1
}

.jpui.slideshow .nav-icon-link .circle {
    background: #fff
}

.jpui.slideshow .slide-counter {
    color: #128842;
    font-size: .75rem;
    position: absolute;
    right: .625rem;
    top: .313rem
}

.jpui.slideshow .slideshow__content {
    background: #fff;
    margin: 0 auto;
    padding: 1.563rem;
    position: relative;
    transition: none
}

.animate.jpui.slideshow .slideshow__content {
    transition: opacity .5s ease-in-out
}

.jpui.slideshow .slideshow__content.slideshow__content--center {
    text-align: center
}

.jpui.slideshow .slideshow__content .slideshow__content-container {
    opacity: 0;
    display: none
}

.jpui.slideshow .slideshow__content .slideshow__content-container.focus-slide {
    opacity: 1;
    display: block
}

.jpui.slideshow .slide-header {
    color: #414042;
    font-size: 1.125rem;
    line-height: 1.375;
    margin: 0;
    padding-bottom: .75rem
}

.jpui.slideshow .slide-content,
.jpui.slideshow .slide-content p,
.jpui.slideshow .slide-content ul {
    color: #717171;
    font-size: .875rem;
    line-height: 1.25
}

.jpui.slideshow.slideshow__non-modal .main-gallery .slideshow__content {
    padding: 1rem 3.5rem .5rem
}

.jpui.slideshow.slideshow__non-modal .main-gallery .nav-icon-link {
    top: 0;
    transform: none;
    margin: 1rem .0125rem
}

.jpui.slideshow.slideshow__non-modal .main-gallery .nav-icon-link:focus {
    outline: .0625rem dashed #717171
}

.jpui.slideshow.slideshow__non-modal .main-gallery .nav-icon-link i {
    background: 0 0
}

.jpui.slideshow.slideshow__non-modal .main-gallery .nav-icon-link.left {
    left: 0
}

.jpui.slideshow.slideshow__non-modal .main-gallery .nav-icon-link.right {
    right: 0
}

.jpui.slideshow.slideshow__nav-dots .main-gallery__nav-dots {
    display: flex;
    justify-content: center;
    padding-bottom: 1rem;
    padding-top: .5rem;
    background-color: #fff
}

.jpui.slideshow.slideshow__nav-dots .main-gallery__nav-dots .main-gallery__nav-dots-container {
    display: inline-block;
    text-decoration: none;
    margin: 0 .25rem
}

.jpui.slideshow.slideshow__nav-dots .main-gallery__nav-dots .main-gallery__nav-dots-container .main-gallery__nav-dots-icon {
    background: 0 0;
    border: .0625rem solid #959595;
    border-radius: 50%;
    height: .75rem;
    width: .75rem
}

.jpui.slideshow.slideshow__nav-dots .main-gallery__nav-dots .main-gallery__nav-dots-container.disabled {
    outline: 0;
    pointer-events: none
}

.jpui.slideshow.slideshow__nav-dots .main-gallery__nav-dots .main-gallery__nav-dots-container.main-gallery__nav-dots-container--focus .main-gallery__nav-dots-icon {
    background: #126bc5;
    border: .0625rem solid #126bc5
}

.jpui.slideshow.slideshow__nav-dots .main-gallery__nav-dots .main-gallery__nav-dots-container.main-gallery__nav-dots-container--focus .main-gallery__nav-dots-icon:focus {
    outline: .0625rem dashed #717171
}

.jpui.slideshow .item.focus-slide {
    opacity: 1;
    position: relative;
    visibility: visible;
    display: block
}

.jpui.slideshow .item.focus-slide .main-gallery-img {
    opacity: 1
}

@media (min-width:768px) {

    .jpui.slideshow .nav-icon-link,
    .jpui.slideshow .nav-icon-link:active,
    .jpui.slideshow .nav-icon-link:hover,
    .jpui.slideshow .nav-icon-link:visited {
        top: 50%;
        transform: translateY(-50%);
        font-size: 1.5rem
    }

    .jpui.slideshow .slideshow__content {
        padding: 1.5rem 4rem
    }

    .jpui.slideshow .slideshow-closeLink {
        right: -100%
    }

    .jpui.slideshow .slideshow-closeIcon {
        font-size: 1.25rem
    }

    .jpui.slideshow.slideshow__non-modal .main-gallery .item .slideshow__content .nav-icon-link {
        transform: none;
        top: 0
    }
}

@media (min-width:992px) {
    .jpui.slideshow .gallery {
        padding: 3.75rem 0
    }

    .jpui.slideshow .slideshow__content {
        overflow: hidden;
        padding-left: 5.125rem;
        padding-right: 5.125rem
    }

    .jpui.slideshow .nav-icon-link,
    .jpui.slideshow .nav-icon-link:active,
    .jpui.slideshow .nav-icon-link:hover,
    .jpui.slideshow .nav-icon-link:visited {
        font-size: 2rem;
        opacity: .7
    }

    .jpui.slideshow .nav-icon-link.left,
    .jpui.slideshow .nav-icon-link:active.left,
    .jpui.slideshow .nav-icon-link:hover.left,
    .jpui.slideshow .nav-icon-link:visited.left {
        left: -2.25em
    }

    .jpui.slideshow .nav-icon-link.right,
    .jpui.slideshow .nav-icon-link:active.right,
    .jpui.slideshow .nav-icon-link:hover.right,
    .jpui.slideshow .nav-icon-link:visited.right {
        right: -2.25em
    }

    .jpui.slideshow .slideshow__non-modal .nav-icon-link {
        top: 0;
        transform: none
    }

    .jpui.slideshow .slideshow__non-modal .nav-icon-link.left {
        left: 0
    }

    .jpui.slideshow .slideshow__non-modal .nav-icon-link.right {
        right: 0
    }
}

@media (min-width:1200px) {
    .jpui.slideshow .slideshow-container {
        max-width: 60.938rem
    }

    .jpui.slideshow .slideshow__content {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

.jpui.slider .slider__data-value-container {
    display: flex;
    justify-content: space-between;
    padding: .25rem 0
}

.jpui.slider .slider__data-value-container .slider__data-value {
    position: relative;
    font-size: .75rem;
    color: #414042
}

.jpui.slider .label-container .label-name {
    font-size: .75rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.slider .label-container .label-name {
        font-size: .875rem
    }
}

.jpui.slider .label-container .label-value {
    font-size: .8125rem;
    font-weight: 600;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.slider .label-container .label-value {
        font-size: .875rem
    }
}

.jpui.slider .input-container {
    display: flex;
    flex-direction: column;
    height: 1.0625rem;
    justify-content: center;
    position: relative
}

.jpui.slider .input-container:active .pseudo-range,
.jpui.slider .input-container:focus-within .pseudo-range {
    background: #0b6efd
}

.jpui.slider .input-container .pseudo-thumb {
    height: 1.0625rem;
    width: 1.0625rem;
    position: absolute;
    background: #fff;
    border: .125rem solid #0b6efd;
    border-radius: 50%
}

.jpui.slider .input-container .pseudo-thumb.pseudo-thumb--activated {
    height: 1.125rem;
    width: 1.125rem;
    background: #0b6efd
}

.jpui.slider .input-container .pseudo-range {
    height: .375rem;
    position: absolute
}

.jpui.slider .input-container .pseudo-range.pseudo-range--activated {
    background: #0b6efd
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .jpui.slider .input-container .pseudo-range {
        position: relative
    }
}

.jpui.slider .input-container.disabled .pseudo-range {
    visibility: hidden
}

.jpui.slider .input-container.disabled .pseudo-thumb {
    background: #d6d6d6
}

.jpui.slider input[type=range] {
    height: .25rem;
    width: 100%;
    border-radius: .3125rem;
    border-width: .5rem 0;
    display: block;
    background: #d6d6d6
}

.jpui.slider input[type=range].range-max,
.jpui.slider input[type=range].range-min {
    position: absolute;
    pointer-events: none
}

.jpui.slider input[type=range].single {
    position: relative
}

.jpui.slider input[type=range]:focus~.pseudo-thumb {
    height: 1.125rem;
    width: 1.125rem;
    background: #0b6efd
}

.jpui.slider input[type=range]:focus.range-min~.pseudo-thumb.min {
    outline: .0625rem dashed #717171
}

.jpui.slider input[type=range]:focus.range-max~.pseudo-thumb.max {
    outline: .0625rem dashed #717171
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .jpui.slider .input-container {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .jpui.slider .input-container>::-webkit-slider-thumb {
        opacity: 0
    }

    .jpui.slider .input-container:active:not(.disabled)>.pseudo-thumb {
        height: 1.125rem;
        width: 1.125rem;
        background: #0b6efd;
        margin-bottom: .5rem
    }

    .jpui.slider .input-container .pseudo-thumb {
        margin-bottom: .53125rem
    }

    .jpui.slider .input-container .pseudo-thumb.pseudo-thumb--activated {
        margin-bottom: .5rem
    }

    .jpui.slider .input-container.disabled .pseudo-thumb {
        height: 1.125rem;
        width: 1.125rem;
        border: .125rem solid #fff;
        top: -.03125rem
    }

    .jpui.slider .single-slider-progress {
        position: relative;
        height: .375rem;
        background: #0b6efd;
        top: .3125rem;
        border-radius: .25rem
    }

    .jpui.slider input[type=range] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        height: .251rem;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .jpui.slider input[type=range]:focus~.pseudo-thumb {
        margin-bottom: .5rem
    }

    .jpui.slider input[type=range].single {
        background: -webkit-gradient(linear, left top, right top, color-stop(var(--single-slider-percent-filled), rgba(0, 0, 0, 0)), color-stop(var(--single-slider-percent-filled), #d6d6d6))
    }

    .jpui.slider input[type=range].single::-webkit-slider-thumb {
        height: 1.0625rem;
        width: 1.0625rem;
        -webkit-appearance: none;
        appearance: none;
        background: #fff;
        border: .125rem solid #0b6efd;
        border-radius: 50%;
        margin-bottom: .03125rem
    }

    .jpui.slider input[type=range].single:focus::-webkit-slider-thumb {
        height: 1.125rem;
        width: 1.125rem;
        outline: .0625rem dashed #717171;
        background: #0b6efd
    }

    .jpui.slider input[type=range].single:focus:active::-webkit-slider-thumb {
        outline: 0
    }

    .jpui.slider input[type=range].single:active:not(.disabled)::-webkit-slider-thumb {
        height: 1.125rem;
        width: 1.125rem;
        outline: 0;
        background: #0b6efd
    }

    .jpui.slider input[type=range].single--activated:not(.disabled)::-webkit-slider-thumb {
        background: #0b6efd;
        height: 1.125rem;
        width: 1.125rem
    }

    .jpui.slider input[type=range].disabled::-webkit-slider-thumb {
        height: 1.125rem;
        width: 1.125rem;
        background: #d6d6d6;
        border: .125rem solid #fff
    }
}

@media screen and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .jpui.slider input[type=range] {
        background: 0 0;
        height: auto;
        top: -1.25rem
    }

    .jpui.slider input[type=range]::-ms-fill-lower {
        border-radius: .25rem;
        background: #d6d6d6
    }

    .jpui.slider input[type=range].single {
        bottom: .75rem;
        margin-bottom: -3.25rem
    }

    .jpui.slider input[type=range].single::-ms-thumb {
        background: #fff;
        border: .125rem solid #0b6efd;
        width: .8125rem;
        height: .8125rem;
        border-radius: 50%
    }

    .jpui.slider input[type=range].single:focus:active::-ms-thumb {
        outline: 0
    }

    .jpui.slider input[type=range].single:focus::-ms-thumb {
        outline: .0625rem dashed #717171;
        border: none;
        background: #0b6efd;
        height: 1.125rem;
        width: 1.125rem
    }

    .jpui.slider input[type=range].single::-ms-fill-lower {
        background: #0b6efd;
        height: .375rem
    }

    .jpui.slider input[type=range].single--activated:not(.disabled)::-ms-thumb {
        background: #0b6efd;
        height: 1.125rem;
        width: 1.125rem;
        border: none
    }

    .jpui.slider input[type=range]::-ms-track {
        border-width: .5rem 0;
        border-color: transparent;
        color: transparent;
        background: 0 0;
        height: .25rem
    }

    .jpui.slider input[type=range]::-ms-fill-upper {
        border-radius: .25rem;
        background: #d6d6d6
    }

    .jpui.slider input[type=range]::-ms-tooltip {
        display: none
    }

    .jpui.slider input[type=range].disabled::-ms-fill-lower,
    .jpui.slider input[type=range].disabled::-ms-fill-upper {
        background: #d6d6d6
    }

    .jpui.slider input[type=range].disabled::-ms-thumb {
        width: .875rem;
        height: .875rem;
        background: #d6d6d6;
        border: .125rem solid #fff
    }

    .jpui.slider .input-container {
        height: auto
    }

    .jpui.slider .input-container .pseudo-range {
        bottom: -.25rem;
        height: .375rem
    }

    .jpui.slider .input-container .pseudo-range:active~.pseudo-thumb {
        height: 1.125rem;
        width: 1.125rem;
        background: #0b6efd;
        bottom: -.625rem
    }

    .jpui.slider .input-container .pseudo-thumb {
        bottom: -.5625rem
    }

    .jpui.slider .input-container .pseudo-thumb.pseudo-thumb--activated {
        bottom: -.625rem
    }

    .jpui.slider .input-container input[type=range]::-ms-thumb {
        display: none
    }

    .jpui.slider .input-container input[type=range]:focus~.pseudo-range {
        background: #0b6efd
    }

    .jpui.slider .input-container.disabled .pseudo-thumb {
        height: 1.125rem;
        width: 1.125rem;
        border: .125rem solid #fff;
        top: -.125rem
    }
}

@-moz-document url-prefix() {
    .jpui.slider {
        display: flex;
        flex-direction: column;
        position: relative
    }

    .jpui.slider input[type=range].single {
        margin-top: .4375rem
    }

    .jpui.slider input[type=range].single::-moz-range-thumb {
        -moz-appearance: none;
        appearance: none;
        background: #fff;
        border: .125rem solid #0b6efd;
        width: .8125rem;
        height: .8125rem;
        border-radius: 50%
    }

    .jpui.slider input[type=range].single::-moz-range-progress {
        height: .375rem;
        border-radius: .25rem 0 0 .25rem;
        background: #0b6efd
    }

    .jpui.slider input[type=range].single:focus::-moz-range-thumb {
        height: 1.125rem;
        width: 1.125rem;
        background: #0b6efd;
        outline: .0625rem dashed #717171;
        border: none
    }

    .jpui.slider input[type=range].single:focus:active::-moz-range-thumb {
        outline: 0
    }

    .jpui.slider input[type=range].single:focus::-moz-range-thumb {
        outline: .0625rem dashed #717171
    }

    .jpui.slider input[type=range].single--activated:not(.disabled)::-moz-range-thumb {
        background: #0b6efd;
        height: 1.125rem;
        width: 1.125rem;
        border: none
    }

    .jpui.slider input[type=range]::-moz-focus-outer {
        border: 0
    }

    .jpui.slider input[type=range]::-moz-range-track {
        background: #d6d6d6
    }

    .jpui.slider input[type=range].disabled {
        background: #d6d6d6
    }

    .jpui.slider input[type=range].disabled::-moz-range-thumb {
        background: #d6d6d6;
        border: .125rem solid #fff
    }

    .jpui.slider .input-container {
        position: static
    }

    .jpui.slider .input-container:active:not(.disabled)>.pseudo-thumb {
        height: 1.125rem;
        width: 1.125rem;
        background: #0b6efd
    }

    .jpui.slider .input-container .pseudo-thumb {
        height: 1.0625rem;
        width: 1.0625rem;
        bottom: unset
    }

    .jpui.slider .input-container .pseudo-range {
        height: .375rem
    }

    .jpui.slider .input-container>::-moz-range-thumb {
        opacity: 0
    }

    .jpui.slider .input-container.disabled .pseudo-thumb {
        height: 1.125rem;
        width: 1.125rem;
        border: .125rem solid #fff
    }
}

.jpui.table {
    width: 100%
}

.jpui.table>caption>span {
    position: absolute !important;
    clip: rect(.0625rem .0625rem .0625rem .0625rem);
    clip: rect(.0625rem, .0625rem, .0625rem, .0625rem);
    padding: 0 !important;
    border: 0 !important;
    height: .0625rem !important;
    width: .0625rem !important;
    overflow: hidden
}

.jpui.table>caption>span a,
.jpui.table>caption>span a:active,
.jpui.table>caption>span a:focus,
.jpui.table>caption>span a:hover,
.jpui.table>caption>span a:link,
.jpui.table>caption>span a:visited {
    position: absolute !important;
    clip: rect(.0625rem .0625rem .0625rem .0625rem);
    clip: rect(.0625rem, .0625rem, .0625rem, .0625rem);
    padding: 0 !important;
    border: 0 !important;
    height: .0625rem !important;
    width: .0625rem !important;
    overflow: hidden
}

@media screen and (max-width:767px) {
    .jpui.table>thead>tr {
        position: absolute;
        left: -625rem;
        top: auto;
        width: .0625rem;
        height: .0625rem;
        overflow: hidden
    }

    .jpui.table tbody>tr>td[data-th],
    .jpui.table tfoot>tr>td[data-th] {
        text-align: right
    }

    .jpui.table td[data-th],
    .jpui.table tr {
        display: block
    }

    .jpui.table td[data-th]:before {
        content: attr(data-th) '';
        display: block;
        float: left;
        text-align: left
    }
}

.jpui.table th[scope] .icon.angledown {
    color: #bcbcbc
}

.jpui.table.chart {
    width: 85%;
    overflow-x: auto;
    margin-top: 2rem
}

.jpui.table.chart .table-caption {
    margin-bottom: 1.5625rem;
    text-align: left;
    font-weight: 700;
    font-size: 1.5625rem
}

.jpui.table.chart>caption>span {
    position: absolute !important;
    clip: rect(.0625rem .0625rem .0625rem .0625rem);
    clip: rect(.0625rem, .0625rem, .0625rem, .0625rem);
    padding: 0 !important;
    border: 0 !important;
    height: .0625rem !important;
    width: .0625rem !important;
    overflow: hidden
}

.jpui.table.chart>caption>span a,
.jpui.table.chart>caption>span a:active,
.jpui.table.chart>caption>span a:focus,
.jpui.table.chart>caption>span a:hover,
.jpui.table.chart>caption>span a:link,
.jpui.table.chart>caption>span a:visited {
    position: absolute !important;
    clip: rect(.0625rem .0625rem .0625rem .0625rem);
    clip: rect(.0625rem, .0625rem, .0625rem, .0625rem);
    padding: 0 !important;
    border: 0 !important;
    height: .0625rem !important;
    width: .0625rem !important;
    overflow: hidden
}

.jpui.table.chart td,
.jpui.table.chart th {
    border-bottom: .0625rem solid #ddd;
    padding: .5rem
}

@media (max-width:767px) {
    .jpui.table.chart {
        width: 100%
    }
}

.jpui.table.data-table {
    overflow-y: auto;
    overflow-x: auto
}

.jpui.table.data-table.table-container--scrollable:focus {
    outline: .0625rem dashed #717171
}

@media print {

    .jpui.table.data-table .table-print--chrome td[data-th],
    .jpui.table.data-table .table-print--chrome tr {
        display: contents
    }
}

.jpui.table.data-table .table__empty-message {
    padding-top: 1.5rem;
    text-align: center
}

.jpui.table.data-table .table-container {
    padding: .75rem
}

.jpui.table.data-table .table-container .table-body {
    width: 100%;
    border-bottom: .0625rem solid #ccc
}

.jpui.table.data-table .table-container .table-body span[role=button] {
    cursor: pointer
}

.jpui.table.data-table .table-container .table-body .header-cell {
    text-align: left;
    white-space: nowrap
}

.jpui.table.data-table .table-container .table-body .header-cell:not(.sortable) {
    padding: .4375rem .375rem
}

.jpui.table.data-table .table-container .table-body .header-cell .heading-icon-wrapper {
    padding: .4375rem .375rem;
    display: block
}

.jpui.table.data-table .table-container .table-body .header-cell .heading-icon-wrapper .icon {
    padding-left: .1875rem
}

.jpui.table.data-table .table-container .table-body .header-cell .angledown,
.jpui.table.data-table .table-container .table-body .header-cell .angleup {
    color: #414042
}

.jpui.table.data-table .table-container .table-body .header-cell .angleright {
    color: #bcbcbc
}

.jpui.table.data-table .table-container .table-body.expandable-table .table-row.collapsed {
    display: none
}

.jpui.table.data-table .table-container .table-body.expandable-table .table-row td.expand-cell {
    width: 2.25rem
}

.jpui.table.data-table .table-container .table-body.expandable-table .table-row td.expand-cell .expandToggle {
    text-align: center;
    padding: .8125rem .6975rem
}

.jpui.table.data-table .table-container .table-body.expandable-table .table-row td.expand-cell .expandToggle.table__row--cell-condensed {
    padding: .25rem .325rem
}

.jpui.table.data-table .table-container .table-body.expandable-table .table-row td.expand-cell .angledown {
    color: #126bc5
}

.jpui.table.data-table .table-container .table-body.expandable-table .table-row td.expand-cell .angleright {
    color: #717171
}

.jpui.table.data-table .table-container .table-body.expandable-table .table-row .expandable-content {
    padding: .75rem .5625rem
}

.jpui.table.data-table .table-container .table-body .table-row .cell {
    white-space: nowrap
}

.jpui.table.data-table .table-container .table-body .table-row.data-table__header {
    border-bottom: .125rem solid #ccc
}

.jpui.table.data-table .table-container .table-body .table-row:not(.expandable-row):not(.data-table__header):not(.suppressed) {
    border-top: .0625rem solid #ccc
}

.jpui.table.data-table .table-container .table-body .table-row .expandToggle.is-focused,
.jpui.table.data-table .table-container .table-body .table-row .expandToggle:focus,
.jpui.table.data-table .table-container .table-body .table-row .heading-icon-wrapper.is-focused,
.jpui.table.data-table .table-container .table-body .table-row .heading-icon-wrapper:focus {
    outline: 0;
    position: relative
}

.jpui.table.data-table .table-container .table-body .table-row .expandToggle.is-focused:after,
.jpui.table.data-table .table-container .table-body .table-row .expandToggle:focus:after,
.jpui.table.data-table .table-container .table-body .table-row .heading-icon-wrapper.is-focused:after,
.jpui.table.data-table .table-container .table-body .table-row .heading-icon-wrapper:focus:after {
    border: .0625rem dashed #717171;
    border-radius: 0;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none
}

.jpui.table.data-table .table-container .table-body .table-row.expandable-row.active,
.jpui.table.data-table .table-container .table-body .table-row.expandable.active {
    border-left: .1875rem solid #126bc5
}

.jpui.table.data-table .table-container .table-body .table-row .separator {
    height: 1.5rem;
    border-left: .0625rem solid #ccc;
    float: left
}

.jpui.table.data-table .table-container .table-body .table-row .expandToggle {
    display: block;
    padding: .9375rem
}

.jpui.table.data-table .table-container .table-body .table-row .cell:not(.expand-cell) {
    padding: .8125rem .375rem
}

.jpui.table.data-table .table-container .table-body .table-row .cell:not(.expand-cell).table__row--cell-condensed {
    padding: .25rem .325rem;
    vertical-align: top
}

.jpui.table.data-table .table-container .table-body .table-row .cell:not(.expand-cell).checkbox {
    width: 2.25rem;
    text-align: center;
    white-space: normal
}

.jpui.table.data-table .table-container .table-body .table-row .cell.suppressed-row {
    border-top: .0625rem dotted #ccc
}

.jpui.table.data-table .table-container .table-body .table-row .quantity {
    text-align: right
}

.jpui.table.data-table .table-container .table-body tr:last-of-type {
    border: none
}

@media screen and (max-width:767px) {
    .jpui.table.data-table .table-container {
        display: none
    }
}

.jpui.table.data-table .table-container .table__fixed-column-container {
    display: table;
    table-layout: fixed;
    position: fixed;
    padding-left: .75rem;
    border-right: .0625rem solid #ccc;
    box-shadow: .5625rem 0 .375rem -.375rem rgba(0, 0, 0, .15);
    background-color: #fff
}

.jpui.table.data-table .table-container .table__fixed-column-container .table__fixed-column-header {
    display: table-cell;
    padding: .4375rem .375rem;
    vertical-align: middle;
    border-bottom: .125rem solid #ccc
}

.jpui.table.data-table .table-container .table__fixed-column-container .table__fixed-column-header .icon {
    padding-left: .1875rem
}

.jpui.table.data-table .table-container .table__fixed-column-container .table__fixed-row {
    display: table-row
}

.jpui.table.data-table .table-container .table__fixed-column-container .table__fixed-row:not(:last-child) .table__fixed-cell {
    border-bottom: .0625rem solid #ccc
}

.jpui.table.data-table .table-container .table__fixed-column-container .table__fixed-row .table__fixed-cell {
    display: table-cell;
    padding: .8125rem .375rem;
    vertical-align: middle
}

.jpui.table.data-table .table-container .table__fixed-column-container .table__fixed-row .table__fixed-cell .expandToggle {
    padding: 0 .3225rem
}

.jpui.table.data-table .table-container .table__fixed-header-container {
    position: fixed;
    box-shadow: 0 .5625rem .375rem -.375rem rgba(0, 0, 0, .15);
    padding-top: .75rem;
    background-color: #fff;
    border-bottom: .125rem solid #ccc
}

.jpui.table.data-table .table-container .table__fixed-header-container .table__fixed-header {
    display: inline-block;
    padding: .4375rem .375rem;
    vertical-align: middle;
    background-color: #fff
}

.jpui.table.data-table .table-container .table__fixed-header-container .table__fixed-header.quantity {
    text-align: right
}

.jpui.table.data-table .table-container .table__fixed-header-container .table__fixed-header .icon {
    padding-left: .1875rem
}

.jpui.table.data-table .table-xs {
    font-size: .8125rem
}

.jpui.table.data-table .table-xs h3 {
    color: #000;
    margin: 0
}

.jpui.table.data-table .table-xs .table-xs__description-list {
    margin: 0;
    padding-right: 2rem;
    width: 100%
}

.jpui.table.data-table .table-xs .table-xs__description-list .description-list-container {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    flex-flow: wrap
}

.jpui.table.data-table .table-xs .table-xs__description-list dd,
.jpui.table.data-table .table-xs .table-xs__description-list dt {
    padding-bottom: 0;
    flex-basis: 50%;
    max-width: 50%
}

.jpui.table.data-table .table-xs .table-xs__description-list dt {
    text-align: left;
    font-size: .8125rem
}

.jpui.table.data-table .table-xs .table-xs__description-list dd {
    padding-left: .75rem;
    text-align: right;
    flex-grow: 1
}

.jpui.table.data-table .table-xs .table-xs-list {
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    margin: 0;
    padding: 0;
    border-bottom: .0625rem solid #ccc
}

.jpui.table.data-table .table-xs .table-xs-list .table-xs__listitem-container {
    display: flex;
    flex-direction: row;
    border-top: .0625rem solid #ccc;
    padding: 1.125rem .75rem;
    position: relative
}

.jpui.table.data-table .table-xs .table-xs-list .table-xs__listitem-container .enlarged-via-css {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: static
}

.jpui.table.data-table .table-xs .table-xs-list .table-xs__listitem-container .enlarged-via-css::after {
    content: "";
    position: absolute;
    top: .75rem;
    bottom: .75rem;
    right: .25rem;
    left: .25rem
}

.jpui.table.data-table .table-xs .table-xs-list .table-xs__listitem-container .enlarged-via-css:focus {
    outline: 0
}

.jpui.table.data-table .table-xs .table-xs-list .table-xs__listitem-container .enlarged-via-css:focus::after {
    outline: .0625rem dashed #717171
}

.jpui.table.data-table .table-xs .table-xs-list .table-xs__checkbox {
    margin-top: .125rem;
    margin-right: .75rem
}

.jpui.table.data-table .table-xs .table-xs-list .table-xs-header {
    flex-grow: 1;
    position: relative;
    text-decoration: none;
    margin-bottom: .05rem
}

.jpui.table.data-table .table-xs .table-xs-list .table-xs-header .table-xs-listitem {
    list-style-type: none
}

.jpui.table.data-table .table-xs .table-xs-list .table-xs-header .table-xs-listitem .table-xs-list-text {
    color: #666;
    display: block;
    margin: 0
}

.jpui.table.data-table .table-xs .table-xs-list .table-xs-header .table-xs-listitem .table-xs-list-text.header-quantity:nth-last-of-type(3) {
    display: inline-block
}

.jpui.table.data-table .table-xs .table-xs-list .table-xs-header .table-xs-listitem .table-xs-list-text.header-quantity:nth-last-of-type(2) {
    display: inline-block;
    float: right;
    margin-right: 2rem;
    color: #126bc5;
    font-size: 1.25rem
}

.jpui.table.data-table .table-xs .table-xs-list .table-xs-header .table-xs-icon {
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-right: .5rem
}

@media (max-width:767px) {
    .jpui.table.data-table .table-xs {
        display: block
    }
}

@media screen and (min-width:768px),
print {
    .jpui.table.data-table .table-xs {
        display: none
    }
}

.jpui.table.data-table .table-footer {
    text-align: center;
    margin: 1.125rem 0
}

.jpui.table.data-table .table-footer .button {
    margin: .75rem 0 0
}

.jpui.skiplink {
    left: -624.9375rem;
    position: absolute;
    max-width: 28.125rem;
    background-color: #fff;
    text-align: center;
    white-space: normal
}

.jpui.skiplink .label {
    display: inline-block;
    line-height: 1.2;
    margin: .7rem 1rem
}

.jpui.skiplink:focus {
    background-color: #fff !important;
    left: 1rem !important;
    z-index: 1100;
    outline: 0;
    border: .0625rem dashed #717171;
    border-radius: .3125rem
}

.jpui.tabs .tabContainer ul {
    padding: 0;
    list-style: none;
    height: 2rem;
    -webkit-padding-start: 0
}

.jpui.tabs .tabContainer ul li {
    display: block;
    float: left;
    padding: .5rem 1rem .125rem;
    width: auto;
    margin: auto;
    border-left: 1px #ccc solid;
    border-right: 0
}

.jpui.tabs .tabContainer ul li:first-child {
    border-left: 1px solid transparent
}

.jpui.tabs .tabContainer ul li span.disabled {
    text-align: center;
    padding-top: 1px;
    padding-left: .125rem;
    padding-right: .125rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    font-size: .875rem;
    color: #bcbcbc
}

.jpui.tabs .tabContainer ul li a {
    text-align: center;
    padding-top: 1px;
    padding-left: .125rem;
    padding-right: .125rem;
    text-decoration: none
}

.jpui.tabs .tabContainer ul li a.active {
    text-align: center;
    padding-top: 1px;
    padding-left: .125rem;
    padding-right: .125rem;
    border-top: .25rem solid #0092ff
}

.jpui.tabs .tabContainer ul li a span.accessible-text {
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important
}

.jpui.tabs .tabs__tab-container {
    display: flex;
    align-items: flex-start
}

.jpui.tabs .tabs__tab-container .tabs__tab-list {
    padding: 0;
    margin: 0;
    display: flex;
    flex: 1 1 1px;
    align-items: stretch;
    list-style-type: none;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    flex-wrap: nowrap;
    overflow: hidden;
    height: 3.875rem
}

.jpui.tabs .tabs__tab-container .tabs__tab-list.tabs__tab-list--overflow {
    flex-wrap: wrap
}

.jpui.tabs .tabs__tab-container .tabs__tab-list.tabs__tab-list--overflow.tabs__tab-list--open {
    overflow: visible;
    height: auto
}

.jpui.tabs .tabs__tab-container .tabs__tab-list.tabs__tab-list--tall {
    height: 5.25rem
}

@media (min-width:768px) {
    .jpui.tabs .tabs__tab-container .tabs__tab-list {
        height: 4.75rem
    }

    .jpui.tabs .tabs__tab-container .tabs__tab-list.tabs__tab-list--tall {
        height: 6.25rem
    }

    .jpui.tabs .tabs__tab-container .tabs__tab-list.tabs__tab-list--open {
        height: auto
    }
}

.jpui.tabs .tabs__tab-container.tabs__tab-container--dropdown {
    position: relative
}

.jpui.tabs .tabs__tab-container.tabs__tab-container--dropdown .tabs__tab-list {
    position: absolute;
    width: calc(100% - 2.625rem);
    flex-direction: column;
    flex-wrap: nowrap;
    border: none;
    border-top: 1px solid #ccc
}

.jpui.tabs .tabs__tab-container.tabs__tab-container--dropdown .tabs__tab-list.tabs__tab-list--open {
    z-index: 999
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .jpui.tabs .tabs__tab-container.tabs__tab-container--dropdown .tabs__tab-list.tabs__tab-list--open {
        height: 3.8125rem
    }

    .jpui.tabs .tabs__tab-container.tabs__tab-container--dropdown .tabs__tab-list.tabs__tab-list--open.tabs__tab-list--tall {
        height: 83px
    }
}

.jpui.tabs .tabs__tab-container.tabs__tab-container--dropdown .tabs__tab-list .tabs__tab-list-item {
    border: 1px solid #ccc;
    border-top: none;
    flex-basis: 100%
}

.jpui.tabs .tabs__tab-container.tabs__tab-container--dropdown .tabs__expand-button {
    margin-left: auto
}

.jpui.tabs .tabs__tab-container.tabs__tab-container--dropdown .tabs__dropdown-select {
    height: 3.75rem;
    line-height: 3.75rem;
    width: 100%
}

.jpui.tabs .tabs__tab-container.tabs__tab-container--dropdown .tabs__dropdown-select--tall {
    height: 5.25rem;
    line-height: 5.25rem
}

.jpui.tabs .tabs__tab-container.tabs__tab-container--dropdown .tabs__dropdown-select:focus+.tabs__tab-list--overlay .tabs__tab {
    padding: 7px;
    border: 1px dashed #fff
}

.jpui.tabs .tabs__tab-container.tabs__tab-container--dropdown .tabs__tab-list--overlay {
    pointer-events: none;
    width: 100%;
    flex-direction: row;
    border: none
}

.jpui.tabs .tabs__tab-container.tabs__tab-container--dropdown .tabs__tab-list--overlay .tabs__tab-list-item--overlay {
    flex-shrink: 1
}

.jpui.tabs .tabs__tab-container .tabs__tab-list-item {
    display: flex;
    border: 1px solid #ccc;
    border-right: none;
    border-top: none;
    flex: 1 0 1px;
    min-width: 4rem;
    align-items: stretch;
    justify-content: stretch;
    order: 0
}

@media (min-width:768px) {
    .jpui.tabs .tabs__tab-container .tabs__tab-list-item {
        flex: 1 0 1px;
        min-width: 6rem
    }
}

.jpui.tabs .tabs__tab-container .tabs__tab-list-item.tabs__tab-list-item--active-overflow {
    order: 1
}

.jpui.tabs .tabs__tab-container .tabs__tab-list-item.tabs__tab-list-item--hidden {
    order: 2
}

.jpui.tabs .tabs__tab-container .tabs__tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    border: none;
    box-shadow: none;
    flex-basis: 100%;
    max-width: 100%;
    padding: .5rem
}

.jpui.tabs .tabs__tab-container .tabs__tab:focus {
    padding: 7px;
    border: 1px dashed #717171
}

.jpui.tabs .tabs__tab-container .tabs__tab:hover {
    background-color: #f9f6f3
}

.jpui.tabs .tabs__tab-container .tabs__tab .tabs__data {
    text-align: center;
    white-space: nowrap;
    padding-top: .25rem;
    color: #414042;
    line-height: 1.125rem;
    font-size: .75rem
}

.jpui.tabs .tabs__tab-container .tabs__tab .tabs__data--primary {
    font-size: 1rem;
    line-height: 1.375rem
}

.jpui.tabs .tabs__tab-container .tabs__tab .tabs__data--secondary {
    padding-top: 0
}

.jpui.tabs .tabs__tab-container .tabs__tab .tabs__data--tertiary {
    color: #717171
}

@media (min-width:768px) {
    .jpui.tabs .tabs__tab-container .tabs__tab {
        padding: .75rem 1rem
    }

    .jpui.tabs .tabs__tab-container .tabs__tab:focus {
        padding: 11px 15px
    }

    .jpui.tabs .tabs__tab-container .tabs__tab .tabs__data {
        font-size: .875rem;
        line-height: 1.25rem
    }

    .jpui.tabs .tabs__tab-container .tabs__tab .tabs__data--primary {
        font-size: 1.125rem;
        line-height: 1.625rem
    }
}

.jpui.tabs .tabs__tab-container .tabs__expand-button {
    border: 1px solid #ccc;
    border-left: none;
    background-color: #fff;
    flex: 0 0 2.625rem;
    max-width: 2.625rem;
    min-width: 2.625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.875rem;
    padding: 0
}

@media (min-width:768px) {
    .jpui.tabs .tabs__tab-container .tabs__expand-button {
        height: 4.75rem
    }
}

.jpui.tabs .tabs__tab-container .tabs__expand-button .icon {
    margin: auto
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .jpui.tabs .tabs__tab-container .tabs__expand-button .icon {
        margin: 0
    }
}

.jpui.tabs .tabs__tab-container .tabs__expand-button.tabs__expand-button--tall {
    height: 5.25rem
}

@media (min-width:768px) {
    .jpui.tabs .tabs__tab-container .tabs__expand-button.tabs__expand-button--tall {
        height: 6.25rem
    }
}

.jpui.tabs .tabs__tab-container .tabs__tab-list-item--active .tabs__tab:focus {
    border-color: #fff
}

.jpui.tabs .tabs__tab-container .tabs__tab-list-item--active .tabs__tab {
    background-color: #0b6efd
}

.jpui.tabs .tabs__tab-container .tabs__tab-list-item--active .tabs__tab:hover {
    background-color: #0a4386
}

.jpui.tabs .tabs__tab-container .tabs__tab-list-item--active .tabs__data {
    color: #fff;
    font-weight: 600
}

.jpui.tabs .tabs__tab-container .tabs__tab-list-item--disabled .tabs__data {
    color: #bcbcbc
}

.jpui.tabs .tabs__tab-container .tabs__tab-list-item--disabled .tabs__tab:hover {
    background-color: #fff
}

.jpui.textarea label {
    display: block;
    height: 1.5rem
}

.jpui.textarea.horizontal {
    width: 100%;
    display: inline-block
}

.jpui.textarea.horizontal label {
    color: #3d3734;
    font-size: 1rem
}

.jpui.textarea.horizontal label {
    padding: .875rem 0;
    width: 32.75%;
    display: inline-block;
    text-align: right
}

.jpui.textarea.horizontal .placeholder-ada-text {
    float: right;
    width: 65%;
    display: inline-block
}

.jpui.textarea.error input {
    border-color: #bf2155
}

.jpui.textarea.error :focus {
    box-shadow: inset 0 0 .5rem #bf2155, 0 0 .5rem #bf2155
}

.jpui.textarea+.placeholder-ada-text {
    display: none
}

.jpui.toggleswitch .toggleswitch-label {
    color: #414042;
    position: relative;
    bottom: .5rem;
    float: left;
    margin-right: .5625rem
}

@media screen and (max-width:767px) {
    .jpui.toggleswitch .toggleswitch-label {
        bottom: .25rem
    }
}

.jpui.toggleswitch .toggle-switch {
    width: 2.625rem;
    height: .625rem;
    position: relative;
    float: left
}

.jpui.toggleswitch .toggle-switch input[type=checkbox] {
    height: 1.375rem;
    width: 2.625rem;
    position: absolute;
    top: -.375rem;
    opacity: 0;
    cursor: pointer
}

.jpui.toggleswitch .toggle-switch input[type=checkbox]:focus+label div i {
    outline: .0625rem dashed #717171
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .jpui.toggleswitch .toggle-switch input[type=checkbox]:focus+label div i {
        border: .0625rem solid transparent
    }
}

.jpui.toggleswitch .toggle-switch input[type=checkbox]+label div {
    width: 100%;
    height: 100%;
    border-radius: 1.35rem;
    position: absolute;
    left: 0;
    bottom: 0;
    font-weight: none;
    cursor: pointer;
    z-index: 2;
    top: 0;
    background: #959595;
    border: .001rem solid #959595;
    transition: all .1s ease-in;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    pointer-events: none
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .jpui.toggleswitch .toggle-switch input[type=checkbox]+label div {
        border: .0625rem solid transparent
    }
}

.jpui.toggleswitch .toggle-switch input[type=checkbox]+label div i {
    height: 1.375rem;
    width: 1.375rem;
    bottom: 1.8125rem;
    position: relative;
    margin-left: -.0625rem;
    margin-right: -.0625rem;
    border-radius: .75rem;
    box-shadow: 0 0 .125rem .0625rem #717171;
    float: left;
    border: .001rem solid #bcbcbc;
    background-color: #bcbcbc
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .jpui.toggleswitch .toggle-switch input[type=checkbox]+label div i {
        border: .0625rem solid transparent
    }
}

@media screen and (max-width:767px) {
    .jpui.toggleswitch .toggle-switch input[type=checkbox]+label div i {
        bottom: 1.6125rem
    }
}

.jpui.toggleswitch .toggle-switch input[type=checkbox]+label div:before {
    content: attr(data-off);
    position: relative;
    bottom: .4375rem;
    left: 2.875rem;
    margin-left: .3125rem;
    pointer-events: initial
}

@media screen and (max-width:767px) {
    .jpui.toggleswitch .toggle-switch input[type=checkbox]+label div:before {
        bottom: .3125rem
    }
}

.jpui.toggleswitch .toggle-switch input[type=checkbox]:checked+label div:before {
    content: attr(data-on);
    position: relative;
    bottom: .4375rem;
    left: 2.875rem;
    margin-left: .3125rem
}

@media screen and (max-width:767px) {
    .jpui.toggleswitch .toggle-switch input[type=checkbox]:checked+label div:before {
        bottom: .3125rem
    }
}

.jpui.toggleswitch .toggle-switch input[type=checkbox]:checked+label div i {
    float: right;
    background: #2ca853;
    border: .001rem solid #2ca853
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .jpui.toggleswitch .toggle-switch input[type=checkbox]:checked+label div i {
        border: .0625rem solid transparent
    }
}

@media screen and (max-width:767px) {
    .jpui.toggleswitch .toggle-switch input[type=checkbox]:checked+label div i {
        bottom: 1.6125rem
    }
}

.jpui.toggleswitch .toggle-switch input[type=checkbox]:disabled+label div {
    background: #ccc;
    border: .001rem solid #ccc;
    opacity: .4
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .jpui.toggleswitch .toggle-switch input[type=checkbox]:disabled+label div {
        border: .0625rem solid transparent
    }
}

.jpui.toggleswitch .toggle-switch input[type=checkbox]:disabled+label div i {
    background: #ededed;
    border: .001rem solid #ededed
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .jpui.toggleswitch .toggle-switch input[type=checkbox]:disabled+label div i {
        border: .0625rem solid transparent
    }
}

.jpui.toggleswitch .toggle-switch input[type=checkbox]:disabled+label div:before {
    cursor: default
}

.jpui.toggleswitch .toggle-switch input[type=checkbox]:disabled {
    cursor: default
}

.jpui.tooltip {
    display: inline-block;
    position: relative;
    line-height: .8125rem
}

.jpui.tooltip .trigger:focus:not(:active) .info-color,
.jpui.tooltip .trigger:focus:not(:active) .tooltip__flyout-trigger-charm {
    outline: .0625rem dashed #666
}

.jpui.tooltip .trigger:active,
.jpui.tooltip .trigger:focus {
    outline: 0
}

.jpui.tooltip.flyout {
    display: inline-flex
}

.jpui.tooltip.flyout .trigger {
    font-size: 1rem;
    text-decoration: inherit
}

.jpui.tooltip.flyout .trigger:focus .hasMinitooltip .minitooltip {
    opacity: 0;
    -webkit-animation: showMiniTooltip .1s ease .75s both;
    animation: showMiniTooltip .1s ease .75s both;
    clip: auto;
    padding: .75rem 1rem;
    bottom: -.25rem;
    right: auto;
    left: 0;
    width: 12.125rem;
    height: auto;
    max-width: 18rem;
    font-size: .875rem;
    color: #414042;
    border: .0625rem solid #ccc;
    border-radius: 0;
    background-color: #f9f6f3;
    box-shadow: 0 .125rem .1875rem 0 rgba(0, 0, 0, .28);
    z-index: 1;
    transform: translateY(100%)
}

@keyframes showMiniTooltip {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.jpui.tooltip.flyout .trigger:focus .hasMinitooltip .minitooltip.rightAlign {
    left: auto;
    right: 0
}

.jpui.tooltip.flyout .trigger:focus .hasMinitooltip .minitooltip.centerAlign {
    left: 50%;
    transform: translateX(-50%);
    top: 100%;
    bottom: auto;
    margin-top: .25rem
}

@media (min-width:768px) {
    .jpui.tooltip.flyout .trigger:focus .hasMinitooltip .minitooltip {
        max-width: 21.875rem
    }
}

@media (min-width:992px) {
    .jpui.tooltip.flyout .trigger:focus .hasMinitooltip .minitooltip {
        max-width: 24.25rem
    }
}

.jpui.tooltip.flyout .tooltip__trigger-content {
    display: flex
}

.jpui.tooltip.flyout .tooltip__trigger-content .tooltip__flyout-trigger-charm {
    margin: 0
}

.jpui.tooltip.flyout.flyout--icon-without-label .trigger:focus:not(:active) .icon {
    outline: .0625rem dashed #666
}

.jpui.tooltip.flyout.flyout--icon-without-label .trigger:focus:not(:active) .tooltip__flyout-trigger-charm {
    outline: 0
}

.jpui.tooltip.flyout.flyout--label-without-icon {
    line-height: unset
}

.jpui.tooltip.flyout.flyout--label-without-icon .trigger:focus:not(:active) .tooltip__flyout-trigger-label {
    outline: .0625rem dashed #666
}

.jpui.tooltip.flyout.flyout--label-without-icon .trigger:focus:not(:active) .tooltip__flyout-trigger-charm {
    outline: 0
}

.jpui.tooltip.flyout.open .tooltip-body {
    background-color: #fff;
    padding: 1rem;
    min-width: 17.5rem;
    border-radius: .125rem
}

.jpui.tooltip.flyout.open .tooltip-body:before {
    background-color: #fff
}

.jpui.tooltip.flyout.open .tooltip-body .tooltip__flyout-header {
    font-size: 1.25rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.tooltip.flyout.open .tooltip-body .close {
    position: static;
    float: right;
    font-size: 1rem
}

.jpui.tooltip.flyout.open .tooltip-body .tooltip-content {
    padding-top: .25rem
}

.jpui.tooltip.flyout.open .tooltip-body .tooltip-content .additionalContent {
    line-height: normal
}

.jpui.tooltip .trigger,
.jpui.tooltip span {
    color: #959595;
    font-size: .8125rem
}

.jpui.tooltip .trigger .icon.info-color,
.jpui.tooltip span .icon.info-color {
    background-color: #fff;
    border-radius: 50%
}

.jpui.tooltip .trigger .icon.info-color:hover,
.jpui.tooltip span .icon.info-color:hover {
    color: #666
}

.jpui.tooltip.disabled span {
    cursor: default
}

.jpui.tooltip.disabled span .icon.info-color {
    color: #bcbcbc
}

.jpui.tooltip .close {
    position: absolute;
    right: .3125rem;
    top: .3125rem;
    display: none;
    color: #414042;
    text-decoration: none;
    font-size: .75rem
}

.jpui.tooltip .close .icon {
    position: static
}

.jpui.tooltip .tooltip-body {
    position: absolute;
    display: none;
    visibility: hidden;
    text-align: left;
    background-color: #f9f6f3;
    border: .0625rem solid #ccc;
    z-index: 9999;
    box-shadow: 0 .125rem .1875rem 0 rgba(0, 0, 0, .28);
    padding: .75rem 2.25rem .75rem 1rem;
    width: 18rem;
    line-height: 1.05rem;
    color: #414042;
    font-size: .875rem;
    font-weight: 300
}

.jpui.tooltip .tooltip-body.tooltip-inverted {
    border: .0625rem solid #292422;
    background-color: #292422
}

@media (min-width:768px) {
    .jpui.tooltip .tooltip-body {
        width: 21.875rem
    }
}

@media (min-width:992px) {
    .jpui.tooltip .tooltip-body {
        width: 24.25rem
    }
}

.jpui.tooltip .tooltip-body.medium {
    width: 13.5rem
}

@media (min-width:768px) {
    .jpui.tooltip .tooltip-body.medium {
        width: 16.375rem
    }
}

@media (min-width:992px) {
    .jpui.tooltip .tooltip-body.medium {
        width: 18.1875rem
    }
}

.jpui.tooltip .tooltip-body.small {
    width: 9rem
}

@media (min-width:768px) {
    .jpui.tooltip .tooltip-body.small {
        width: 10.9375rem
    }
}

@media (min-width:992px) {
    .jpui.tooltip .tooltip-body.small {
        width: 12.125rem
    }
}

.jpui.tooltip.open .trigger .icon.info-color {
    color: #666
}

.jpui.tooltip.open .close {
    display: block
}

.jpui.tooltip.open .tooltip-body {
    display: block;
    visibility: visible;
    -webkit-animation: fadeIn .3s ease 0s forwards;
    animation: fadeIn .3s ease 0s forwards
}

.jpui.tooltip.open .tooltip-body:before {
    position: absolute;
    content: '';
    width: .6rem;
    height: .6rem;
    transform: rotate(45deg);
    z-index: 2;
    background-color: #f9f6f3
}

.jpui.tooltip.open .tooltip-body.hide-arrow:before {
    display: none
}

.jpui.tooltip.open .tooltip-body.tooltip-position--top {
    top: 1.5rem;
    -webkit-animation: fadeIn .3s ease 0s forwards;
    animation: fadeIn .3s ease 0s forwards
}

.jpui.tooltip.open .tooltip-body.tooltip-position--top:before {
    top: -.375rem;
    border-left: .0625rem solid #ccc;
    border-top: .0625rem solid #ccc;
    border-right: 0;
    border-bottom: 0
}

.jpui.tooltip.open .tooltip-body.tooltip-position--bottom {
    bottom: 1.5rem
}

.jpui.tooltip.open .tooltip-body.tooltip-position--bottom:before {
    bottom: -.35rem;
    border-right: .0625rem solid #ccc;
    border-bottom: .0625rem solid #ccc;
    border-left: 0;
    border-top: 0
}

.jpui.tooltip.open .tooltip-body.tooltip-position--right {
    right: -1.5rem;
    -webkit-animation: fadeIn .3s ease 0s forwards;
    animation: fadeIn .3s ease 0s forwards
}

.jpui.tooltip.open .tooltip-body.tooltip-position--right:before {
    right: 1.5rem
}

.jpui.tooltip.open .tooltip-body.tooltip-position--right.tooltip-body--flyout {
    right: -1rem
}

.jpui.tooltip.open .tooltip-body.tooltip-position--left {
    left: -1rem;
    -webkit-animation: fadeIn .3s ease 0s forwards;
    animation: fadeIn .3s ease 0s forwards
}

.jpui.tooltip.open .tooltip-body.tooltip-position--left-flush-bottom {
    bottom: -1rem;
    left: 1.5rem
}

.jpui.tooltip.open .tooltip-body.tooltip-position--left-flush-bottom:before {
    bottom: 1rem;
    left: -.35rem;
    border-left: .0625rem solid #ccc;
    border-bottom: .0625rem solid #ccc;
    border-right: 0;
    border-top: 0
}

.jpui.tooltip.open .tooltip-body.tooltip-position--left-flush-top {
    top: -1rem;
    left: 1.5rem
}

.jpui.tooltip.open .tooltip-body.tooltip-position--left-flush-top:before {
    top: 1rem;
    left: -.35rem;
    border-left: .0625rem solid #ccc;
    border-bottom: .0625rem solid #ccc;
    border-right: 0;
    border-top: 0
}

.jpui.tooltip.open .tooltip-body.tooltip-position--right-flush-bottom {
    bottom: -1rem;
    right: 1.5rem
}

.jpui.tooltip.open .tooltip-body.tooltip-position--right-flush-bottom:before {
    bottom: 1rem;
    right: -.375rem;
    border-right: .0625rem solid #ccc;
    border-top: .0625rem solid #ccc;
    border-left: 0;
    border-bottom: 0
}

.jpui.tooltip.open .tooltip-body.tooltip-position--right-flush-top {
    top: -1rem;
    right: 1.5rem
}

.jpui.tooltip.open .tooltip-body.tooltip-position--right-flush-top:before {
    top: 1rem;
    right: -.375rem;
    border-right: .0625rem solid #ccc;
    border-top: .0625rem solid #ccc;
    border-left: 0;
    border-bottom: 0
}

.jpui.tooltip.open .tooltip-body.tooltip-inverted:before {
    background-color: #292422;
    border: .0625rem solid #292422
}

.jpui.tooltip.open .tooltip-body.tooltip-inverted .close {
    color: #fff
}

.jpui.tooltip.open .tooltip-body.tooltip-inverted .tooltip-content p,
.jpui.tooltip.open .tooltip-body.tooltip-inverted em,
.jpui.tooltip.open .tooltip-body.tooltip-inverted li,
.jpui.tooltip.open .tooltip-body.tooltip-inverted strong {
    color: #fff
}

.jpui.tooltip em,
.jpui.tooltip li,
.jpui.tooltip p,
.jpui.tooltip strong {
    font-size: .875rem;
    color: #414042
}

.jpui.tooltip ul {
    padding-left: 1.3125rem
}

.jpui.tooltipchip {
    display: inline-block;
    position: relative;
    line-height: .8125rem
}

.jpui.tooltipchip .trigger,
.jpui.tooltipchip span {
    color: #959595;
    font-size: .8125rem
}

.jpui.tooltipchip .trigger .icon.info-color,
.jpui.tooltipchip span .icon.info-color {
    background-color: #fff;
    border-radius: 50%
}

.jpui.tooltipchip .trigger .icon.info-color:hover,
.jpui.tooltipchip span .icon.info-color:hover {
    color: #666
}

.jpui.tooltipchip.disabled span {
    cursor: default
}

.jpui.tooltipchip.disabled span .icon.info-color {
    color: #bcbcbc
}

.jpui.tooltipchip .close {
    position: absolute;
    right: .3125rem;
    top: .3125rem;
    display: none;
    color: #414042;
    text-decoration: none;
    font-size: .75rem
}

.jpui.tooltipchip .close .icon {
    position: static
}

.jpui.tooltipchip .tooltip-body {
    position: absolute;
    display: none;
    visibility: hidden;
    text-align: left;
    top: 1.5rem;
    left: -1.6875rem;
    line-height: 1.05rem;
    margin: 0;
    background-color: #f9f6f3;
    border: .0625rem solid #ccc;
    padding: .75rem 2.25rem .75rem 1rem;
    border-radius: 0;
    color: #414042;
    font-size: .875rem;
    font-weight: 300;
    z-index: 9999;
    box-shadow: 0 .125rem .1875rem 0 rgba(0, 0, 0, .28);
    width: 18rem
}

@media (min-width:768px) {
    .jpui.tooltipchip .tooltip-body {
        width: 21.875rem
    }
}

@media (min-width:992px) {
    .jpui.tooltipchip .tooltip-body {
        width: 24.25rem
    }
}

.jpui.tooltipchip .tooltip-body.medium {
    width: 13.5rem
}

@media (min-width:768px) {
    .jpui.tooltipchip .tooltip-body.medium {
        width: 16.375rem
    }
}

@media (min-width:992px) {
    .jpui.tooltipchip .tooltip-body.medium {
        width: 18.1875rem
    }
}

.jpui.tooltipchip .tooltip-body.small {
    width: 9rem
}

@media (min-width:768px) {
    .jpui.tooltipchip .tooltip-body.small {
        width: 10.9375rem
    }
}

@media (min-width:992px) {
    .jpui.tooltipchip .tooltip-body.small {
        width: 12.125rem
    }
}

.jpui.tooltipchip.open .trigger .icon.info-color {
    color: #666
}

.jpui.tooltipchip.open .close {
    display: block
}

.jpui.tooltipchip.open .tooltip-body {
    display: block;
    visibility: visible;
    -webkit-animation: fadeIn .3s ease 0s forwards;
    animation: fadeIn .3s ease 0s forwards
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow {
    margin: 0
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow:before {
    position: absolute;
    content: '';
    width: .6rem;
    height: .6rem;
    background-image: none;
    transform: rotate(45deg);
    z-index: 2;
    margin-left: -.3125rem;
    background-color: #f9f6f3;
    border-left: .0625rem solid #ccc;
    border-top: .0625rem solid #ccc;
    border-right: 0;
    border-bottom: 0;
    top: -.375rem;
    left: 2rem
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.hide-arrow:before {
    display: none
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.flip-right {
    top: -.875rem;
    left: 1.5rem;
    -webkit-animation: fadeIn .3s ease 0s forwards;
    animation: fadeIn .3s ease 0s forwards
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.flip-right:before {
    left: -.0625rem;
    top: .9375rem;
    border-bottom: .0625rem solid #ccc;
    border-left: .0625rem solid #ccc;
    border-top: 0;
    border-right: 0;
    margin-left: -.3125rem
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.flip-right.below {
    top: auto;
    bottom: -.875rem
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.flip-right.below:before {
    top: auto;
    bottom: .9375rem
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.flip-left {
    top: -.875rem;
    left: auto;
    right: 1.5rem;
    -webkit-animation: fadeIn .3s ease 0s forwards;
    animation: fadeIn .3s ease 0s forwards
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.flip-left.down {
    top: 1.25rem;
    right: -1.875rem
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.flip-left.down:before {
    top: -.375rem;
    left: auto;
    right: 1.875rem
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.flip-left:before {
    left: auto;
    top: .9375rem;
    right: -.375rem;
    border-top: .0625rem solid #ccc;
    border-right: .0625rem solid #ccc;
    border-left: 0;
    border-bottom: 0
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.flip-left.below {
    top: auto;
    bottom: .875rem
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.flip-left.below:before {
    top: auto;
    bottom: .9375rem
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.flip-up {
    top: auto;
    bottom: 1.6875rem;
    left: -.625rem;
    -webkit-animation: fadeIn .3s ease 0s forwards;
    animation: fadeIn .3s ease 0s forwards
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.flip-up:before {
    top: auto;
    bottom: -.375rem;
    border-top: 0;
    border-right: .0625rem solid #ccc;
    border-bottom: .0625rem solid #ccc;
    border-left: 0;
    margin-left: -.3125rem;
    box-shadow: .125rem .125rem .1875rem 0 rgba(0, 0, 0, .28);
    left: auto
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.flip-up.right {
    left: auto;
    right: -.625rem
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.flip-up.right:before {
    left: auto;
    right: .625rem
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.tooltip-inverted {
    border: .0625rem solid #292422;
    background-color: #292422
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.tooltip-inverted:before {
    background-color: #292422;
    border-bottom: .0625rem solid #292422;
    border-left: .0625rem solid #292422;
    border-top: 0;
    border-right: 0
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.tooltip-inverted.flip-right:before {
    margin-left: -.3125rem
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.tooltip-inverted.flip-up:before {
    margin-left: -.3125rem
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.tooltip-inverted .close {
    color: #fff
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.tooltip-inverted .tooltip-content p,
.jpui.tooltipchip.open .tooltip-body.pointing-arrow.tooltip-inverted em,
.jpui.tooltipchip.open .tooltip-body.pointing-arrow.tooltip-inverted li,
.jpui.tooltipchip.open .tooltip-body.pointing-arrow.tooltip-inverted strong {
    color: #fff
}

.jpui.tooltipchip em,
.jpui.tooltipchip li,
.jpui.tooltipchip p,
.jpui.tooltipchip strong {
    font-size: .875rem;
    color: #414042
}

.jpui.tooltipchip ul {
    padding-left: 1.3125rem
}

.jpui.vertical.menu {
    font-size: 1rem;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif
}

.jpui.vertical.menu ul {
    padding: 0;
    margin: 0;
    transition: height 1s ease
}

.jpui.vertical.menu ul li {
    display: block;
    font-size: .875rem;
    color: #666;
    background-color: #26201c;
    cursor: pointer;
    border-bottom: .0625rem #3d3734 solid;
    overflow: hidden
}

.jpui.vertical.menu ul li a {
    display: block;
    text-decoration: none;
    color: #ccc;
    padding: .9375rem 0 1rem 1.625rem;
    border-left: .25rem solid #26201c
}

.jpui.vertical.menu ul li ul {
    display: none
}

.jpui.vertical.menu ul li ul ul {
    display: none
}

.jpui.vertical.menu ul li ul ul ul {
    display: none
}

.jpui.vertical.menu ul li.active ul {
    display: block
}

.jpui.vertical.menu ul li.active ul li a {
    color: #666;
    background-color: #26201c
}

.jpui.vertical.menu ul li.active ul ul {
    display: none
}

.jpui.vertical.menu ul li:hover {
    background-color: #3d3734
}

.jpui.vertical.menu ul li:hover a {
    border-left: .25rem solid #3d3734
}

.jpui.vertical.menu .no-bottomborder {
    border-bottom: 0 !important
}

.jpui.wrap {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

.jpui.wrap .input-icon {
    font-size: 1rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    color: #414042
}

.jpui.wrap .input-icon i,
.jpui.wrap .input-icon span {
    vertical-align: bottom
}

.jpui.wrap .input {
    display: inline-block
}

.jpui.wrap.left .input-icon {
    left: .5rem
}

.jpui.wrap.left .input-icon.disabled {
    color: #bcbcbc
}

.jpui.wrap.left .input {
    padding-left: 1.75rem
}

.jpui.wrap.right .input-icon {
    right: .5rem
}

.jpui.wrap.right .input {
    padding-right: 2.275rem
}

@media print {
    .jpui.wrap .input-icon {
        transform: none;
        margin-top: -.72rem
    }
}

.jpui.tooltipchip {
    display: inline-block;
    position: relative;
    line-height: .8125rem
}

.jpui.tooltipchip .trigger,
.jpui.tooltipchip span {
    color: #959595;
    font-size: .8125rem
}

.jpui.tooltipchip .trigger .icon.info-color,
.jpui.tooltipchip span .icon.info-color {
    background-color: #fff;
    border-radius: 50%
}

.jpui.tooltipchip .trigger .icon.info-color:hover,
.jpui.tooltipchip span .icon.info-color:hover {
    color: #666
}

.jpui.tooltipchip.disabled span {
    cursor: default
}

.jpui.tooltipchip.disabled span .icon.info-color {
    color: #bcbcbc
}

.jpui.tooltipchip .close {
    position: absolute;
    right: .3125rem;
    top: .3125rem;
    display: none;
    color: #414042;
    text-decoration: none;
    font-size: .75rem
}

.jpui.tooltipchip .close .icon {
    position: static
}

.jpui.tooltipchip .tooltip-body {
    position: absolute;
    display: none;
    visibility: hidden;
    text-align: left;
    top: 1.5rem;
    left: -1.6875rem;
    line-height: 1.05rem;
    margin: 0;
    background-color: #f9f6f3;
    border: .0625rem solid #ccc;
    padding: .75rem 2.25rem .75rem 1rem;
    border-radius: 0;
    color: #414042;
    font-size: .875rem;
    font-weight: 300;
    z-index: 9999;
    box-shadow: 0 .125rem .1875rem 0 rgba(0, 0, 0, .28);
    width: 18rem
}

@media (min-width:768px) {
    .jpui.tooltipchip .tooltip-body {
        width: 21.875rem
    }
}

@media (min-width:992px) {
    .jpui.tooltipchip .tooltip-body {
        width: 24.25rem
    }
}

.jpui.tooltipchip .tooltip-body.medium {
    width: 13.5rem
}

@media (min-width:768px) {
    .jpui.tooltipchip .tooltip-body.medium {
        width: 16.375rem
    }
}

@media (min-width:992px) {
    .jpui.tooltipchip .tooltip-body.medium {
        width: 18.1875rem
    }
}

.jpui.tooltipchip .tooltip-body.small {
    width: 9rem
}

@media (min-width:768px) {
    .jpui.tooltipchip .tooltip-body.small {
        width: 10.9375rem
    }
}

@media (min-width:992px) {
    .jpui.tooltipchip .tooltip-body.small {
        width: 12.125rem
    }
}

.jpui.tooltipchip.open .trigger .icon.info-color {
    color: #666
}

.jpui.tooltipchip.open .close {
    display: block
}

.jpui.tooltipchip.open .tooltip-body {
    display: block;
    visibility: visible;
    -webkit-animation: fadeIn .3s ease 0s forwards;
    animation: fadeIn .3s ease 0s forwards
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow {
    margin: 0
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow:before {
    position: absolute;
    content: '';
    width: .6rem;
    height: .6rem;
    background-image: none;
    transform: rotate(45deg);
    z-index: 2;
    margin-left: -.3125rem;
    background-color: #f9f6f3;
    border-left: .0625rem solid #ccc;
    border-top: .0625rem solid #ccc;
    border-right: 0;
    border-bottom: 0;
    top: -.375rem;
    left: 2rem
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.hide-arrow:before {
    display: none
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.flip-right {
    top: -.875rem;
    left: 1.5rem;
    -webkit-animation: fadeIn .3s ease 0s forwards;
    animation: fadeIn .3s ease 0s forwards
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.flip-right:before {
    left: -.0625rem;
    top: .9375rem;
    border-bottom: .0625rem solid #ccc;
    border-left: .0625rem solid #ccc;
    border-top: 0;
    border-right: 0;
    margin-left: -.3125rem
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.flip-right.below {
    top: auto;
    bottom: -.875rem
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.flip-right.below:before {
    top: auto;
    bottom: .9375rem
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.flip-left {
    top: -.875rem;
    left: auto;
    right: 1.5rem;
    -webkit-animation: fadeIn .3s ease 0s forwards;
    animation: fadeIn .3s ease 0s forwards
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.flip-left.down {
    top: 1.25rem;
    right: -1.875rem
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.flip-left.down:before {
    top: -.375rem;
    left: auto;
    right: 1.875rem
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.flip-left:before {
    left: auto;
    top: .9375rem;
    right: -.375rem;
    border-top: .0625rem solid #ccc;
    border-right: .0625rem solid #ccc;
    border-left: 0;
    border-bottom: 0
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.flip-left.below {
    top: auto;
    bottom: .875rem
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.flip-left.below:before {
    top: auto;
    bottom: .9375rem
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.flip-up {
    top: auto;
    bottom: 1.6875rem;
    left: -.625rem;
    -webkit-animation: fadeIn .3s ease 0s forwards;
    animation: fadeIn .3s ease 0s forwards
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.flip-up:before {
    top: auto;
    bottom: -.375rem;
    border-top: 0;
    border-right: .0625rem solid #ccc;
    border-bottom: .0625rem solid #ccc;
    border-left: 0;
    margin-left: -.3125rem;
    box-shadow: .125rem .125rem .1875rem 0 rgba(0, 0, 0, .28);
    left: auto
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.flip-up.right {
    left: auto;
    right: -.625rem
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.flip-up.right:before {
    left: auto;
    right: .625rem
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.tooltip-inverted {
    border: .0625rem solid #292422;
    background-color: #292422
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.tooltip-inverted:before {
    background-color: #292422;
    border-bottom: .0625rem solid #292422;
    border-left: .0625rem solid #292422;
    border-top: 0;
    border-right: 0
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.tooltip-inverted.flip-right:before {
    margin-left: -.3125rem
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.tooltip-inverted.flip-up:before {
    margin-left: -.3125rem
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.tooltip-inverted .close {
    color: #fff
}

.jpui.tooltipchip.open .tooltip-body.pointing-arrow.tooltip-inverted .tooltip-content p,
.jpui.tooltipchip.open .tooltip-body.pointing-arrow.tooltip-inverted em,
.jpui.tooltipchip.open .tooltip-body.pointing-arrow.tooltip-inverted li,
.jpui.tooltipchip.open .tooltip-body.pointing-arrow.tooltip-inverted strong {
    color: #fff
}

.jpui.tooltipchip em,
.jpui.tooltipchip li,
.jpui.tooltipchip p,
.jpui.tooltipchip strong {
    font-size: .875rem;
    color: #414042
}

.jpui.tooltipchip ul {
    padding-left: 1.3125rem
}

.jpui.starrating .rating {
    border: none;
    text-align: left;
    padding: 0
}

.jpui.starrating .rating .label {
    display: inline-block;
    position: relative;
    margin: 0 .1875rem;
    line-height: 1
}

.jpui.starrating .rating .label:first-of-type {
    padding-left: 0
}

.jpui.starrating .rating .label:last-of-type {
    padding-right: 0
}

.jpui.starrating .rating .label .icon {
    font-size: 1.125rem;
    color: #ccc
}

.jpui.starrating .rating .label .icon.rating-full-star,
.jpui.starrating .rating .label .icon.rating-half-star {
    color: #0a4386
}

.jpui.starrating .rating .label .icon.half-star {
    position: absolute;
    left: 0;
    z-index: 1
}

.jpui.starrating .rating input[type=radio] {
    opacity: 0;
    position: absolute
}

.jpui.starrating .rating input[type=radio]:focus+label {
    outline: .0625rem dashed #717171
}

.jpui.starrating .rating .fieldset-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.jpui.starrating .rating .fieldset-container .legend {
    flex-grow: 1;
    padding-right: .75rem;
    margin-bottom: 1rem
}

.jpui.starrating .rating .fieldset-container .input-label-container {
    flex-shrink: 0;
    white-space: nowrap
}

@media (min-width:768px) {
    .jpui.starrating .rating .fieldset-container {
        flex-wrap: nowrap
    }

    .jpui.starrating .rating .legend {
        margin-bottom: 0
    }
}

.jpui.validation__bubble-container {
    position: relative;
    width: 100%;
    top: -2.125rem;
    outline: 0
}

.jpui.validation__bubble-container .label.pointing.attached {
    bottom: 0;
    width: 100%
}

.jpui.validation__bubble-container .label.pointing.attached:focus {
    outline: .0625rem dashed #717171
}

.jpui.validation__bubble-container.flipped {
    top: 3rem
}

.jpui.validation__bubble-container.error-bubble-min-width {
    min-width: 4.75rem
}

.jpui.segmentedradiogroup {
    position: relative;
    margin: 0;
    padding: 0;
    border: none
}

.jpui.segmentedradiogroup input[type=radio] {
    opacity: 0;
    position: absolute;
    background-color: #fff
}

.jpui.segmentedradiogroup input[type=radio]+label.input-label {
    padding: .3125rem .8125rem
}

.jpui.segmentedradiogroup input[type=radio]:checked+label.input-label {
    background-color: #0b6efd;
    border: .0625rem solid transparent;
    padding: .25rem .75rem
}

.jpui.segmentedradiogroup input[type=radio]:focus~label.input-label {
    border: .0625rem dashed #717171;
    padding: .25rem .75rem
}

.jpui.segmentedradiogroup input[type=radio]:checked:focus~label.input-label {
    border: .0625rem dashed #fff
}

.jpui.segmentedradiogroup input[type=radio]:checked:disabled {
    background-color: #a9d5ed
}

.jpui.segmentedradiogroup input[type=radio]:not(:disabled):active~label.input-label {
    background-color: #0092ff !important
}

.jpui.segmentedradiogroup input[type=radio]:not(:disabled):hover:not(:checked):not(.touch)~label.input-label {
    background-color: #f9f6f3
}

.jpui.segmentedradiogroup input[type=radio]:not(:disabled):hover:checked:not(.touch)~label.input-label {
    background-color: #0a4386
}

.jpui.segmentedradiogroup .segmentedradiogroup-label {
    padding-bottom: .375rem
}

.jpui.segmentedradiogroup .segmentedradiogroup-container {
    display: inline-flex;
    width: 100%
}

.jpui.segmentedradiogroup .segmentedradiogroup-container .option-container {
    width: 100%;
    display: inline-flex;
    flex-wrap: nowrap
}

.jpui.segmentedradiogroup .segmentedradiogroup-container .option-container.overflow {
    flex-wrap: wrap
}

.jpui.segmentedradiogroup .segmentedradiogroup-container .option-container>.input-container {
    border-width: 0 .0625rem .0625rem 0;
    border-style: solid;
    border-color: #959595
}

.jpui.segmentedradiogroup .segmentedradiogroup-container .option-container.hidden-state {
    overflow: hidden;
    height: 2rem
}

.jpui.segmentedradiogroup .segmentedradiogroup-container .option-container .input-container {
    display: flex;
    height: 1.9375rem;
    flex-grow: 1
}

.jpui.segmentedradiogroup .segmentedradiogroup-container .option-container .input-container.hideOptions {
    position: absolute !important;
    clip: rect(.0625rem .0625rem .0625rem .0625rem);
    clip: rect(.0625rem, .0625rem, .0625rem, .0625rem);
    padding: 0 !important;
    border: 0 !important;
    height: .0625rem !important;
    width: .0625rem !important;
    overflow: hidden
}

.jpui.segmentedradiogroup .segmentedradiogroup-container .option-container .input-container .input-label {
    width: 100%;
    text-align: center
}

.jpui.segmentedradiogroup .segmentedradiogroup-container:not(.disabled) .option-container {
    border-color: #959595
}

.jpui.segmentedradiogroup .segmentedradiogroup-container:not(.error) .option-container {
    border-width: .0625rem 0 0 .0625rem;
    border-style: solid
}

.jpui.segmentedradiogroup .segmentedradiogroup-container.error .option-container {
    border: .125rem solid #bf2155
}

.jpui.segmentedradiogroup .segmentedradiogroup-container.error .option-container.hidden-state {
    height: 2.1875rem
}

.jpui.segmentedradiogroup .segmentedradiogroup-container.error .option-container:not(.hidden-state)>.input-container {
    border-bottom: .0625rem solid #bcbcbc
}

.jpui.segmentedradiogroup .segmentedradiogroup-container.error .option-container:not(.hidden-state)+.iconwrap i {
    height: 2.1875rem
}

.jpui.segmentedradiogroup .segmentedradiogroup-container.error .option-container .input-container {
    border-right: 0;
    border-left: .0625rem solid #959595
}

.jpui.segmentedradiogroup .segmentedradiogroup-container.error .iconwrap i {
    border: .125rem solid #bf2155;
    border-left: 0
}

.jpui.segmentedradiogroup .segmentedradiogroup-container.disabled input[type=radio]:checked~label.input-label {
    background-color: #a9d5ed
}

.jpui.segmentedradiogroup .segmentedradiogroup-container.disabled .iconwrap i,
.jpui.segmentedradiogroup .segmentedradiogroup-container.disabled .input-container,
.jpui.segmentedradiogroup .segmentedradiogroup-container.disabled .option-container {
    border-color: #bcbcbc
}

.jpui.segmentedradiogroup .segmentedradiogroup-container.disabled .iconwrap .expandup,
.jpui.segmentedradiogroup .segmentedradiogroup-container.disabled .iconwrap .icon {
    color: #bcbcbc
}

.jpui.segmentedradiogroup .segmentedradiogroup-container .iconwrap {
    height: 2rem
}

.jpui.segmentedradiogroup .segmentedradiogroup-container .iconwrap i {
    padding: .4375rem .75rem;
    border: .0625rem solid #959595;
    border-left: none
}

.jpui.segmentedradiogroup .segmentedradiogroup-container .iconwrap i.expandup {
    color: #0b6efd
}

.jpui.segmentedradiogroup .segmentedradiogroup-container .iconwrap.disabled i.expandup {
    color: #bcbcbc
}

.jpui.segmentedradiogroup .segmentedradiogroup-container .iconwrap.hideDropdownToggle {
    display: none
}

.jpui.segmentedradiogroup .validation__bubble-container {
    top: -3.125rem
}

.jpui.segmentedradiogroup .validation__bubble-container.visible-options {
    top: -4.84375rem
}

.jpui.segmentedradiogroup .validation__accessible-text {
    display: none
}

.jpui.fieldgroup {
    margin-top: 0;
    text-align: left
}

.jpui.fieldgroup .horizontal,
.jpui.fieldgroup .vertical {
    margin-bottom: 1.125rem;
    margin-top: -.3125rem
}

.jpui.fieldgroup .horizontal.fieldtext .tooltip .trigger,
.jpui.fieldgroup .vertical.fieldtext .tooltip .trigger {
    font-size: .8125rem
}

.jpui.fieldgroup .vertical .tooltip {
    margin-bottom: .125rem
}

.jpui.fieldgroup .vertical .validation__bubble-container {
    top: -1.375rem
}

.jpui.fieldgroup .vertical:not(.fieldtext) .label-wrapper {
    display: inline-block;
    margin-bottom: .5rem
}

.jpui.fieldgroup .vertical.fieldtext {
    display: flex;
    justify-content: center;
    flex-direction: column
}

.jpui.fieldgroup .vertical.fieldtext .label-wrapper {
    margin-bottom: .1875rem
}

.jpui.fieldgroup .vertical .align-label-input.floating-label__container {
    position: relative
}

.jpui.fieldgroup .vertical .align-label-input.floating-label__container .label-wrapper {
    position: absolute;
    display: inline-block;
    margin-top: .5rem;
    z-index: 1;
    text-align: left;
    pointer-events: none;
    margin-left: 1rem;
    transition: all .2s ease-in-out
}

.jpui.fieldgroup .vertical .align-label-input.floating-label__container .fieldlabel {
    font-size: 1rem
}

.jpui.fieldgroup .vertical .align-label-input.floating-label__container.floating .label-wrapper {
    transform: translate(-1.5rem, -2.5rem) scale(.9);
    transition: all .2s ease-in-out;
    pointer-events: auto
}

.jpui.fieldgroup .vertical .align-label-input.floating-label__container:not(.floating) .select,
.jpui.fieldgroup .vertical .align-label-input.floating-label__container:not(.floating) .validationselect select {
    color: transparent
}

.jpui.fieldgroup .horizontal.non-responsive {
    margin-top: 0
}

.jpui.fieldgroup .horizontal.non-responsive .align-label-input {
    display: flex;
    align-items: center
}

@media (min-width:768px) {
    .jpui.fieldgroup .horizontal {
        margin-top: 0
    }

    .jpui.fieldgroup .horizontal.fieldlabel {
        margin-bottom: 0
    }

    .jpui.fieldgroup .horizontal.fieldlabel.label-alignment {
        display: inline-block
    }

    .jpui.fieldgroup .horizontal:not(.fieldtext):not(.non-responsive) .align-label-input {
        display: flex;
        align-items: center
    }
}

.jpui.fieldgroup .horizontal .label-wrapper {
    text-align: right
}

@media (max-width:767px) {
    .jpui.fieldgroup .horizontal .label-wrapper {
        padding-bottom: .4375rem
    }
}

@media (max-width:767px) {
    .jpui.fieldgroup .horizontal:not(.non-responsive) .align-label-input .label-wrapper {
        text-align: left
    }
}

.jpui.fieldgroup .validation__accessible-text {
    display: none
}

.jpui.fieldgroup .fieldhelpertext-container {
    line-height: 1.25
}

.jpui.fieldgroup .fieldhelpertext-container.fieldhelpertext {
    margin-top: .125rem
}

.jpui.fieldgroup .fieldhelpertext-container .fieldhelpertext {
    margin-top: .1875rem
}

.jpui.fieldgroup .fieldhelpertext-container .additionalText {
    display: inline
}

.jpui.fieldgroup .fieldhelpertext-container .yield .tooltip i {
    font-size: .8125rem
}

.jpui.fieldgroup .textarea-wrapper {
    margin-bottom: -.3125rem
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .jpui.fieldgroup .textarea-wrapper {
        margin-bottom: 0
    }
}

.jpui.fieldgroup .yield {
    display: inline-block
}

.jpui.fieldgroup .tooltip {
    vertical-align: middle;
    text-align: left
}

.jpui.fieldgroup .zipcode-container .dash {
    position: absolute;
    left: -.125rem;
    color: #717171
}

.jpui.fieldgroup .fieldset fieldset {
    border: none
}

.jpui.fieldgroup .fieldtext--input {
    border: none;
    padding: 0;
    width: 100%;
    background-color: transparent;
    display: block
}

.jpui.fieldgroup .vertical label {
    margin-bottom: .5rem
}

.jpui.dropdownchip {
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    clear: both
}

.jpui.dropdownchip .iconwrap .icon {
    cursor: pointer;
    line-height: inherit
}

.jpui.dropdownchip .icon {
    float: right
}

.jpui.dropdownchip .list-container {
    position: relative
}

.jpui.dropdownchip .list {
    display: none;
    list-style: none;
    border: .0625rem solid rgba(0, 0, 0, .17);
    box-shadow: 0 .125rem .188rem rgba(0, 0, 0, .28);
    padding: .0625rem;
    margin: 0;
    background: #fff;
    z-index: 999;
    text-align: left;
    position: absolute;
    width: 100%
}

.jpui.dropdownchip .option {
    padding: .625rem .5rem;
    cursor: pointer;
    overflow: auto;
    width: 100%
}

.jpui.dropdownchip .option.disabled {
    color: #ccc
}

.jpui.dropdownchip .option:not(.disabled):hover {
    background-color: #f3f0e9;
    color: #656565
}

.jpui.dropdownchip .option:not(.disabled).is-focused,
.jpui.dropdownchip .option:not(.disabled):focus {
    outline: .0625rem dashed #717171
}

.jpui.dropdownchip .option:not(.disabled):active {
    background-color: #0092ff;
    color: #fff
}

.jpui.dropdownchip .option:not(.disabled).active {
    padding-left: 0;
    border-left: .4rem solid #0092ff
}

.jpui.dropdownchip.show .list {
    display: block;
    margin: .25rem 0
}

.jpui.dropdownchip .dropdown-slidedown-animation {
    -webkit-animation: slideDown .15s ease 0s forwards;
    animation: slideDown .15s ease 0s forwards
}

@keyframes slideDown {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.jpui.dropdownchip .dropdown-list-hide {
    display: block;
    visibility: hidden;
    height: 0
}

.jpui.dropdownchip .dropdown-list-show {
    height: auto;
    visibility: visible
}

.jpui.dropdownchip.disabled:not(.navigation) .header {
    border-color: #bcbcbc
}

.jpui.dropdownchip.disabled .header {
    cursor: default
}

.jpui.dropdownchip.disabled .header .icon {
    cursor: default
}

.jpui.dropdownchip.disabled .header .header-text,
.jpui.dropdownchip.disabled .header .icon {
    color: #bcbcbc
}

.jpui.dropdownchip.disabled .input {
    cursor: default
}

.jpui.dropdownchip.disabled .input:focus {
    outline: 0;
    box-shadow: none
}

.jpui.dropdownchip ul {
    list-style-type: none;
    padding: 0
}

.jpui.dropdownchip .button {
    border: .063rem solid #999;
    box-shadow: .188rem .188rem .375rem #ccc
}

.jpui.dropdownchip .input {
    position: relative;
    font-weight: 400;
    line-height: 1.375;
    cursor: pointer;
    overflow-x: hidden;
    text-overflow: ellipsis;
    height: auto;
    margin-bottom: 0;
    color: #414042;
    background-color: #fff;
    border: 0;
    overflow-y: hidden
}

.jpui.dropdownchip .input:hover {
    border: 0;
    box-shadow: none
}

.jpui.dropdownchip .input:focus {
    outline: .0625rem dashed #717171
}

.jpui.dropdownchip .input:focus {
    box-shadow: none
}

.jpui.dropdownchip .input .icon {
    float: none;
    vertical-align: top;
    position: relative;
    margin-bottom: .3125rem
}

.jpui.dropdownchip .input:empty:before {
    content: attr(placeholder);
    color: #a9a9a9
}

.jpui.dropdownchip .header {
    padding: .5rem .25rem
}

.jpui.dropdownchip .wrap {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

.jpui.dropdownchip .wrap .input-icon {
    font-size: 1rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    color: #414042
}

.jpui.dropdownchip .wrap .input-icon i,
.jpui.dropdownchip .wrap .input-icon span {
    vertical-align: bottom
}

.jpui.dropdownchip .wrap .input {
    display: inline-block
}

.jpui.dropdownchip .wrap.left .input-icon {
    left: .5rem
}

.jpui.dropdownchip .wrap.left .input-icon.disabled {
    color: #bcbcbc
}

.jpui.dropdownchip .wrap.left .input {
    padding-left: 1.75rem
}

.jpui.dropdownchip .wrap.right .input-icon {
    right: .5rem
}

.jpui.dropdownchip .wrap.right .input {
    padding-right: 2.275rem
}

@media print {
    .jpui.dropdownchip .wrap .input-icon {
        transform: none;
        margin-top: -.72rem
    }
}

.jpui.dropdownchip .primary {
    overflow-y: hidden
}

.jpui.dropdownchip .primary span {
    pointer-events: none
}

.jpui.dropdownchip .list {
    display: block;
    visibility: hidden;
    height: 0;
    position: absolute;
    width: 8.75rem
}

.jpui.dropdownchip .list.flip-left {
    right: 0
}

.jpui.dropdownchip .list.flip-right {
    left: 0
}

.jpui.dropdownchip.show .input:hover {
    border: 0;
    box-shadow: none
}

.jpui.dropdownchip.show .list {
    -webkit-animation: slideDown .15s ease 0s forwards;
    animation: slideDown .15s ease 0s forwards;
    height: auto;
    visibility: visible
}

@keyframes slideDown {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.jpui.dropdownchip.show .list>.group-container>.group-title,
.jpui.dropdownchip.show .list>.option>.primary {
    opacity: 1;
    padding-top: .625rem;
    padding-bottom: .625rem;
    line-height: 1.5
}

.jpui.dropdownchip .option {
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.jpui.dropdownchip .option .primary {
    text-decoration: none;
    -webkit-text-decoration-color: inherit;
    text-decoration-color: inherit;
    color: inherit;
    display: block;
    padding-left: 1rem;
    padding-right: 1rem
}

.jpui.dropdownchip .option .primary:active {
    background-color: #0092ff;
    color: #fff
}

.jpui.dropdownchip .option.disabled .jpui.link.disabled {
    display: block;
    font-size: 1rem;
    color: #bcbcbc;
    cursor: default
}

.jpui.dropdownchip .option.disabled .jpui.link.disabled:focus {
    outline: 0;
    background-color: inherit;
    color: #bcbcbc
}

.jpui.dropdownchip .option.disabled .jpui.link.disabled:active {
    outline: 0;
    background-color: inherit;
    color: #bcbcbc
}

.jpui.dropdownchip .option.active .primary {
    padding-left: .625rem;
    color: #414042;
    font-weight: 600
}

.jpui.dropdownchip .option.active .primary:active {
    background-color: #0092ff;
    color: #fff
}

.jpui.messagebox {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .8);
    overflow: hidden;
    z-index: 999999;
    padding: 1rem;
    -webkit-backface-visibility: hidden;
    -ms-animation-fill-mode: none !important;
    -webkit-animation: fadeInDarkBackground .7s ease-out 0s none;
    animation: fadeInDarkBackground .7s ease-out 0s none
}

@keyframes fadeInDarkBackground {
    from {
        background-color: rgba(0, 0, 0, 0)
    }

    to {
        background-color: rgba(0, 0, 0, .8)
    }
}

.jpui.messagebox .messagebox__container {
    background-color: #fff;
    border-radius: .125rem
}

.jpui.messagebox .messagebox__container .messagebox__header {
    display: flex;
    align-items: center;
    padding: 1.125rem
}

.jpui.messagebox .messagebox__container .messagebox__header .messagebox__title {
    flex-grow: 1;
    margin: 0
}

.jpui.messagebox .messagebox__container .messagebox__header .messagebox__close-link {
    text-decoration: none
}

.jpui.messagebox .messagebox__container .messagebox__header.messagebox__header--scrollable {
    box-shadow: 0 .25rem .25rem -.175rem rgba(0, 0, 0, .1)
}

.jpui.messagebox .messagebox__container .messagebox__content {
    overflow-y: auto;
    padding: 0 1.125rem 1.875rem
}

.jpui.messagebox .messagebox__container .messagebox__content:focus {
    outline: .0625rem dashed #666
}

.jpui.messagebox .messagebox__container .messagebox__footer {
    display: flex;
    flex-direction: column;
    padding: 0 1.125rem 1.125rem
}

.jpui.messagebox .messagebox__container .messagebox__footer.messagebox__footer--scrollable {
    padding: 1.125rem;
    box-shadow: 0 -.3125rem .25rem -.175rem rgba(0, 0, 0, .1)
}

.jpui.messagebox .messagebox__container .messagebox__footer .messagebox__button {
    min-width: unset;
    margin: 0
}

.jpui.messagebox .messagebox__container .messagebox__footer .messagebox__button:last-child {
    margin-top: .75rem
}

@media (max-width:767px) {
    .jpui.messagebox .messagebox__footer.messagebox__footer-inline {
        flex-direction: row;
        justify-content: flex-end
    }

    .jpui.messagebox .messagebox__button-inline {
        min-width: auto;
        width: 50%;
        flex-grow: 1;
        margin: 0
    }

    .jpui.messagebox .messagebox__button-inline:last-child {
        margin-left: 1.125rem
    }
}

@media (min-width:768px) {
    .jpui.messagebox {
        padding: 4.5rem 0
    }

    .jpui.messagebox .messagebox__container .messagebox__header {
        padding: 1.5rem
    }

    .jpui.messagebox .messagebox__container .messagebox__content {
        padding: 0 1.5rem
    }

    .jpui.messagebox .messagebox__container .messagebox__footer {
        flex-direction: row;
        justify-content: flex-end;
        padding: 1.5rem
    }

    .jpui.messagebox .messagebox__container .messagebox__footer.messagebox__footer--scrollable {
        padding: 1.5rem
    }

    .jpui.messagebox .messagebox__container .messagebox__footer .messagebox__button {
        margin: 0
    }

    .jpui.messagebox .messagebox__container .messagebox__footer .messagebox__button:last-child {
        margin: 0 0 0 1.125rem
    }

    .jpui.messagebox .messagebox__container .messagebox__footer .messagebox__button-inline {
        margin: 0
    }

    .jpui.messagebox .messagebox__container .messagebox__footer .messagebox__button-inline:last-child {
        margin: 0 0 0 1.125rem
    }
}

.jpui.validationcheckbox .checkbox.validation__error .checkbox-label {
    font-weight: 600;
    color: #bf2155
}

.jpui.validationcheckbox .checkbox.validation__error input[type=checkbox]+.check {
    border: .125rem solid #bf2155;
    width: 1.25rem;
    height: 1.25rem
}

.jpui.validationcheckbox .checkbox.validation__error input[type=checkbox]:checked+.check {
    border: .125rem solid #bf2155
}

.jpui.validationcheckbox .checkbox.validation__error input[type=checkbox]:checked+.check:after {
    background-color: #bf2155;
    height: 1rem;
    width: 1rem;
    font-size: 1rem
}

.jpui.validationcheckbox .checkbox .error-bubble-min-width .label.pointing.attached:before {
    left: .5rem
}

.jpui.validationcheckbox .validation__bubble-container {
    position: relative;
    width: 100%;
    top: .25rem;
    outline: 0;
    z-index: 1100
}

.jpui.validationcheckbox .validation__bubble-container .label.pointing.attached {
    bottom: 0;
    width: 100%
}

.jpui.validationcheckbox .validation__bubble-container .label.pointing.attached:focus {
    outline: .0625rem dashed #717171
}

.jpui.validationcheckbox .validation__bubble-container.validation__bubble-container--flipped {
    top: 3rem
}

.jpui.validationcheckbox .validation__bubble-container.validation__bubble-container--min-width {
    min-width: 4.75rem
}

.jpui.validationcheckbox .validation__accessible-text {
    display: none
}

.jpui.validationdatepicker .input.validation__error {
    border-color: #bf2155;
    outline: .125rem solid transparent;
    box-shadow: .0625rem .0625rem 0 #bf2155, .0625rem -.0625rem 0 #bf2155, -.0625rem .0625rem 0 #bf2155, -.0625rem -.0625rem 0 #bf2155
}

.jpui.validationdatepicker .input.validation__error:focus {
    border-color: #bf2155;
    box-shadow: .0625rem .0625rem 0 #bf2155, .0625rem -.0625rem 0 #bf2155, -.0625rem .0625rem 0 #bf2155, -.0625rem -.0625rem 0 #bf2155
}

.jpui.validationdatepicker .validation__bubble-container {
    position: relative;
    width: 100%;
    top: .25rem;
    outline: 0;
    z-index: 1100
}

.jpui.validationdatepicker .validation__bubble-container .label.pointing.attached {
    bottom: 0;
    width: 100%
}

.jpui.validationdatepicker .validation__bubble-container .label.pointing.attached:focus {
    outline: .0625rem dashed #717171
}

.jpui.validationdatepicker .validation__bubble-container.validation__bubble-container--flipped {
    top: 3rem
}

.jpui.validationdatepicker .validation__bubble-container.validation__bubble-container--min-width {
    min-width: 4.75rem
}

.jpui.validationdatepicker .validation__accessible-text {
    display: none
}

.jpui.validationinput .input.validation__error {
    border-color: #bf2155;
    outline: .125rem solid transparent;
    box-shadow: .0625rem .0625rem 0 #bf2155, .0625rem -.0625rem 0 #bf2155, -.0625rem .0625rem 0 #bf2155, -.0625rem -.0625rem 0 #bf2155
}

.jpui.validationinput .input.validation__error:focus {
    border-color: #bf2155;
    box-shadow: .0625rem .0625rem 0 #bf2155, .0625rem -.0625rem 0 #bf2155, -.0625rem .0625rem 0 #bf2155, -.0625rem -.0625rem 0 #bf2155
}

.jpui.validationinput .validation__bubble-container {
    position: relative;
    width: 100%;
    top: .25rem;
    outline: 0;
    z-index: 1100
}

.jpui.validationinput .validation__bubble-container .label.pointing.attached {
    bottom: 0;
    width: 100%
}

.jpui.validationinput .validation__bubble-container .label.pointing.attached:focus {
    outline: .0625rem dashed #717171
}

.jpui.validationinput .validation__bubble-container.validation__bubble-container--flipped {
    top: 3rem
}

.jpui.validationinput .validation__bubble-container.validation__bubble-container--min-width {
    min-width: 4.75rem
}

.jpui.validationinput .validation__accessible-text {
    display: none
}

.jpui.validationinput .expandablemicrocopy {
    margin-top: .5rem
}

.jpui.validationmultiselect .multiselect__control.validation__error {
    border-color: #bf2155;
    outline: .125rem solid transparent;
    box-shadow: .0625rem .0625rem 0 #bf2155, .0625rem -.0625rem 0 #bf2155, -.0625rem .0625rem 0 #bf2155, -.0625rem -.0625rem 0 #bf2155
}

.jpui.validationmultiselect .multiselect__control.validation__error:focus {
    border-color: #bf2155;
    box-shadow: .0625rem .0625rem 0 #bf2155, .0625rem -.0625rem 0 #bf2155, -.0625rem .0625rem 0 #bf2155, -.0625rem -.0625rem 0 #bf2155
}

.jpui.validationmultiselect .validation__bubble-container {
    position: relative;
    width: 100%;
    top: .25rem;
    outline: 0;
    z-index: 1100
}

.jpui.validationmultiselect .validation__bubble-container .label.pointing.attached {
    bottom: 0;
    width: 100%
}

.jpui.validationmultiselect .validation__bubble-container .label.pointing.attached:focus {
    outline: .0625rem dashed #717171
}

.jpui.validationmultiselect .validation__bubble-container.validation__bubble-container--flipped {
    top: 3rem
}

.jpui.validationmultiselect .validation__bubble-container.validation__bubble-container--min-width {
    min-width: 4.75rem
}

.jpui.validationmultiselect .validation__accessible-text {
    display: none
}

.jpui.validationsegmentedradiogroup .segmentedradiogroup.validation__error .segmentedradiogroup-label {
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: 0;
    text-decoration: none;
    color: #bf2155
}

@media screen and (min-width:768px) {
    .jpui.validationsegmentedradiogroup .segmentedradiogroup.validation__error .segmentedradiogroup-label {
        font-size: .875rem
    }
}

.jpui.validationsegmentedradiogroup .segmentedradiogroup.validation__error .option-container {
    border: .125rem solid #bf2155
}

.jpui.validationsegmentedradiogroup .segmentedradiogroup.validation__error .option-container.hidden-state {
    height: 2.125rem
}

.jpui.validationsegmentedradiogroup .segmentedradiogroup.validation__error .option-container:not(.hidden-state)>.input-container {
    border-bottom: .0625rem solid #bcbcbc
}

.jpui.validationsegmentedradiogroup .segmentedradiogroup.validation__error .option-container .input-container {
    border-right: 0;
    border-left: .0625rem solid #959595
}

.jpui.validationsegmentedradiogroup .segmentedradiogroup.validation__error .iconwrap i {
    border: .125rem solid #bf2155;
    border-left: 0
}

.jpui.validationsegmentedradiogroup .validation__bubble-container {
    position: relative;
    width: 100%;
    top: .25rem;
    outline: 0;
    z-index: 1100
}

.jpui.validationsegmentedradiogroup .validation__bubble-container .label.pointing.attached {
    bottom: 0;
    width: 100%
}

.jpui.validationsegmentedradiogroup .validation__bubble-container .label.pointing.attached:focus {
    outline: .0625rem dashed #717171
}

.jpui.validationsegmentedradiogroup .validation__bubble-container.validation__bubble-container--flipped {
    top: 3rem
}

.jpui.validationsegmentedradiogroup .validation__bubble-container.validation__bubble-container--min-width {
    min-width: 4.75rem
}

.jpui.validationsegmentedradiogroup .validation__accessible-text {
    display: none
}

.jpui.validationselect .select select.validation__error {
    border-color: #bf2155;
    outline: .125rem solid transparent;
    box-shadow: .0625rem .0625rem 0 #bf2155, .0625rem -.0625rem 0 #bf2155, -.0625rem .0625rem 0 #bf2155, -.0625rem -.0625rem 0 #bf2155
}

.jpui.validationselect .select select.validation__error:focus {
    border-color: #bf2155;
    box-shadow: .0625rem .0625rem 0 #bf2155, .0625rem -.0625rem 0 #bf2155, -.0625rem .0625rem 0 #bf2155, -.0625rem -.0625rem 0 #bf2155
}

.jpui.validationselect .validation__bubble-container {
    position: relative;
    width: 100%;
    top: .25rem;
    outline: 0;
    z-index: 1100
}

.jpui.validationselect .validation__bubble-container .label.pointing.attached {
    bottom: 0;
    width: 100%
}

.jpui.validationselect .validation__bubble-container .label.pointing.attached:focus {
    outline: .0625rem dashed #717171
}

.jpui.validationselect .validation__bubble-container.validation__bubble-container--flipped {
    top: 3rem
}

.jpui.validationselect .validation__bubble-container.validation__bubble-container--min-width {
    min-width: 4.75rem
}

.jpui.validationselect .validation__accessible-text {
    display: none
}

.jpui.validationstyledselect .input.validation__error {
    border-color: #bf2155;
    outline: .125rem solid transparent;
    box-shadow: .0625rem .0625rem 0 #bf2155, .0625rem -.0625rem 0 #bf2155, -.0625rem .0625rem 0 #bf2155, -.0625rem -.0625rem 0 #bf2155
}

.jpui.validationstyledselect .input.validation__error:focus {
    border-color: #bf2155;
    box-shadow: .0625rem .0625rem 0 #bf2155, .0625rem -.0625rem 0 #bf2155, -.0625rem .0625rem 0 #bf2155, -.0625rem -.0625rem 0 #bf2155
}

.jpui.validationstyledselect .selectClassic.validation__error-selects,
.jpui.validationstyledselect .selectStyled.validation__error-selects {
    border: .125rem solid #bf2155 !important
}

.jpui.validationstyledselect .selectClassic.validation__error-selects:focus,
.jpui.validationstyledselect .selectStyled.validation__error-selects:focus {
    outline: 0 !important;
    box-shadow: none !important
}

.jpui.validationstyledselect .validation__bubble-container {
    position: relative;
    width: 100%;
    top: .25rem;
    outline: 0;
    z-index: 1100
}

.jpui.validationstyledselect .validation__bubble-container .label.pointing.attached {
    bottom: 0;
    width: 100%
}

.jpui.validationstyledselect .validation__bubble-container .label.pointing.attached:focus {
    outline: .0625rem dashed #717171
}

.jpui.validationstyledselect .validation__bubble-container.validation__bubble-container--flipped {
    top: 3rem
}

.jpui.validationstyledselect .validation__bubble-container.validation__bubble-container--min-width {
    min-width: 4.75rem
}

.jpui.validationstyledselect .validation__accessible-text {
    display: none
}

.jpui.validation__accessible-text {
    display: none
}

.jpui.validationtextarea .textarea.validation__error {
    border-color: #bf2155;
    outline: .125rem solid transparent;
    box-shadow: .0625rem .0625rem 0 #bf2155, .0625rem -.0625rem 0 #bf2155, -.0625rem .0625rem 0 #bf2155, -.0625rem -.0625rem 0 #bf2155
}

.jpui.validationtextarea .textarea.validation__error:focus {
    border-color: #bf2155;
    box-shadow: .0625rem .0625rem 0 #bf2155, .0625rem -.0625rem 0 #bf2155, -.0625rem .0625rem 0 #bf2155, -.0625rem -.0625rem 0 #bf2155
}

.jpui.validationtextarea .validation__bubble-container {
    position: relative;
    width: 100%;
    top: .25rem;
    outline: 0;
    z-index: 1100
}

.jpui.validationtextarea .validation__bubble-container .label.pointing.attached {
    bottom: 0;
    width: 100%
}

.jpui.validationtextarea .validation__bubble-container .label.pointing.attached:focus {
    outline: .0625rem dashed #717171
}

.jpui.validationtextarea .validation__bubble-container.validation__bubble-container--flipped {
    top: 3rem
}

.jpui.validationtextarea .validation__bubble-container.validation__bubble-container--min-width {
    min-width: 4.75rem
}

.jpui.validationtextarea .validation__accessible-text {
    display: none
}

.jpui.definitionlink {
    position: relative
}

.jpui.definitionlink .link-anchor {
    position: relative;
    text-decoration: none;
    border-bottom: dashed .0625rem;
    color: inherit
}

.jpui.definitionlink .link-anchor.disabled {
    color: #ccc;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.jpui.definitionlink .definition-link__tool-tip {
    position: absolute !important;
    padding: 0;
    border: 0;
    height: .0625rem;
    width: .0625rem;
    overflow: hidden;
    clip: rect(.0625rem, .0625rem, .0625rem, .0625rem);
    text-align: left;
    padding-right: 1rem
}

.jpui.definitionlink .definition-link__tool-tip.show {
    bottom: -.3125rem;
    top: auto;
    clip: auto;
    padding: .75rem 1rem;
    right: auto;
    left: 0;
    width: 18.75rem;
    height: auto;
    max-width: 18.75rem;
    font-size: .875rem;
    color: #414042;
    border: .0625rem solid #ccc;
    border-radius: 0;
    background-color: #f9f6f3;
    box-shadow: 0 .125rem .1875rem 0 rgba(0, 0, 0, .28);
    z-index: 1;
    transform: translateY(100%);
    text-indent: 0
}

.jpui.definitionlink .definition-link__tool-tip.show.delay {
    opacity: 0;
    -webkit-animation: showMiniTooltip .1s ease .75s both;
    animation: showMiniTooltip .1s ease .75s both
}

@keyframes showMiniTooltip {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.jpui.definitionlink .definition-link__tool-tip.show.rightAlign {
    left: auto;
    right: 0
}

.jpui.statustracker {
    display: flex;
    flex-direction: row
}

.jpui.statustracker .statustracker__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    white-space: pre-line
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .jpui.statustracker .statustracker__container--3-steps {
        height: 6.75rem
    }

    .jpui.statustracker .statustracker__container--4-steps {
        height: 9.5rem
    }

    .jpui.statustracker .statustracker__container--5-steps {
        height: 12.25rem
    }
}

.jpui.statustracker .statustracker__container--labels {
    position: relative;
    top: .25rem;
    align-items: flex-start;
    order: 1;
    padding-left: 0;
    margin: 0;
    margin-left: .375rem;
    list-style-type: none
}

.jpui.statustracker .statustracker__label {
    font-size: .8125rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none;
    text-align: center;
    white-space: pre-line;
    flex: 1 0 20%;
    padding-left: 0
}

@media screen and (min-width:768px) {
    .jpui.statustracker .statustracker__label {
        font-size: .875rem
    }
}

.jpui.statustracker .statustracker__label--in-progress {
    font-size: .8125rem;
    font-weight: 600;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.statustracker .statustracker__label--in-progress {
        font-size: .875rem
    }
}

.jpui.statustracker .statustracker__label--completed {
    font-size: .8125rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.statustracker .statustracker__label--completed {
        font-size: .875rem
    }
}

.jpui.statustracker .statustracker__label--completed a,
.jpui.statustracker .statustracker__label--completed a:active,
.jpui.statustracker .statustracker__label--completed a:hover,
.jpui.statustracker .statustracker__label--completed a:visited {
    font-size: .8125rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.statustracker .statustracker__label--completed a,
    .jpui.statustracker .statustracker__label--completed a:active,
    .jpui.statustracker .statustracker__label--completed a:hover,
    .jpui.statustracker .statustracker__label--completed a:visited {
        font-size: .875rem
    }
}

.jpui.statustracker .statustracker__step-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    flex: 1 0 20%;
    min-height: 20%
}

.jpui.statustracker .statustracker__step-container:last-child {
    justify-content: flex-start
}

.jpui.statustracker .statustracker__bubble {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.75rem;
    width: 1.75rem;
    background-color: #fff;
    border: .0625rem solid #959595;
    border-radius: 50%;
    box-sizing: border-box;
    flex-shrink: 0
}

.jpui.statustracker .statustracker__bubble .checkmark {
    color: #fff;
    font-size: 1rem
}

.jpui.statustracker .statustracker__bubble--in-progress {
    border: .1875rem solid #2ca853
}

.jpui.statustracker .statustracker__bubble--completed {
    background-color: #2ca853;
    border: .1875rem solid #2ca853
}

.jpui.statustracker .statustracker__line {
    border-left: .0625rem solid #959595;
    height: 1.5rem
}

.jpui.statustracker .statustracker__line--completed {
    width: 0;
    border-left: .15rem solid #2ca853
}

@media all and (min-width:767px) {
    .jpui.statustracker {
        flex-direction: column
    }

    .jpui.statustracker .statustracker__container {
        flex-direction: row;
        padding-left: 3.75rem;
        justify-content: flex-start
    }

    .jpui.statustracker .statustracker__container--labels {
        align-items: flex-end;
        order: 0;
        margin-left: 0;
        top: 0
    }

    .jpui.statustracker .statustracker__container--3-labels {
        right: calc((100% - 60px)/ 6 - 14px)
    }

    .jpui.statustracker .statustracker__container--4-labels {
        right: calc((100% - 60px)/ 8 - 14px)
    }

    .jpui.statustracker .statustracker__container--5-labels {
        right: calc((100% - 60px)/ 10 - 14px)
    }

    .jpui.statustracker .statustracker__label {
        margin-bottom: .375rem
    }

    .jpui.statustracker .statustracker__step-container {
        flex-direction: row
    }

    .jpui.statustracker .statustracker__line {
        border-top: .0625rem solid #959595;
        height: .0625rem;
        width: calc(100% - 1.25rem)
    }

    .jpui.statustracker .statustracker__line--completed {
        border-top: .15rem solid #2ca853;
        height: 0
    }
}

@media all and (min-width:767px) and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .jpui.statustracker .statustracker__container--3-steps {
        height: auto
    }

    .jpui.statustracker .statustracker__container--4-steps {
        height: auto
    }

    .jpui.statustracker .statustracker__container--5-steps {
        height: auto
    }
}

.jpui.radiotile {
    height: 5.75rem;
    width: 16.25rem;
    margin-bottom: 1rem
}

.jpui.radiotile .radiotile__label-container {
    height: 100%;
    width: 100%;
    border-radius: .1875rem;
    padding: 1.5rem;
    border: .0625rem solid #ccc;
    background-color: #fff;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer
}

.jpui.radiotile .radiotile__label-container:hover {
    background-color: #f5f6f6
}

.jpui.radiotile .radiotile__radio-button {
    position: absolute;
    opacity: 0
}

.jpui.radiotile .radiotile__radio-button:checked+.radiotile__label-container {
    border: .125rem solid #0b6efd;
    padding: 1.4375rem
}

.jpui.radiotile .radiotile__radio-button:focus+.radiotile__label-container {
    outline: .0625rem dashed #666
}

.jpui.radiotile .radiotile__label {
    padding-left: 1.125rem;
    text-align: left;
    max-height: 2.75rem;
    overflow: hidden
}

.jpui.radiotile .radiotile__icon {
    font-size: 2.75rem;
    color: #666
}

@media (min-width:768px) {
    .jpui.radiotile {
        width: 18.75rem
    }

    .jpui.radiotile.radiotile--large {
        width: 22.5rem
    }
}

.jpui.icon {
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    text-decoration: none;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 0;
    color: #666;
    font-size: 1em;
    font-family: dcefont
}

@font-face {
    font-family: dcefont;
    font-style: normal;
    font-weight: 400;
    src: url(../less/assets/fonts/dcefont.eot);
    src: url(../less/assets/fonts/dcefont.eot?#iefix) format('embedded-opentype'), url(../less/assets/fonts/dcefont.woff) format('woff'), url(../less/assets/fonts/dcefont.ttf) format('truetype'), url(../less/assets/fonts/dcefont.svg#dcefont) format('svg')
}

.jpui.icon.angledown:after {
    content: '\e62a'
}

.jpui.icon.angleleft:after {
    content: '\e635'
}

.jpui.icon.angleright:after {
    content: '\e646'
}

.jpui.icon.angleup:after {
    content: '\e64e'
}

.jpui.icon.atm:after {
    content: '\f101'
}

.jpui.icon.branch:after {
    content: '\f100'
}

.jpui.icon.calendar:after {
    content: '\f109'
}

.jpui.icon.contact:after {
    content: '\f11d'
}

.jpui.icon.contract:after {
    content: '\f103'
}

.jpui.icon.download:after {
    content: '\f113'
}

.jpui.icon.downloadcheck:after {
    content: '\e602'
}

.jpui.icon.email:after {
    content: '\f11f'
}

.jpui.icon.equal-housing-lender:after {
    content: '\e605'
}

.jpui.icon.facebook:after {
    content: '\f112'
}

.jpui.icon.instagram:after {
    content: '\e62d'
}

.jpui.icon.linkedin:after {
    content: '\f102'
}

.jpui.icon.printer:after {
    content: '\f10f'
}

.jpui.icon.refresh:after {
    content: '\e63b'
}

.jpui.icon.share:after {
    content: '\f11e'
}

.jpui.icon.speech:after {
    content: '\e64c'
}

.jpui.icon.twitter:after {
    content: '\f120'
}

.jpui.icon.youtube:after {
    content: '\f111'
}

.jpui.icon.eDoc:after {
    content: '\e92b'
}

.jpui.icon.chasepay:after {
    content: '\e903'
}

.jpui.icon.feedback:after {
    content: '\e604'
}

.jpui.icon.flag:after {
    content: '\e601'
}

.jpui.icon.menulines:after {
    content: '\f105'
}

.jpui.icon.profile:after {
    content: '\f116'
}

.jpui.icon.search:after {
    content: '\f10b'
}

.jpui.icon.video-play:after {
    content: '\e934'
}

.jpui.icon.megaphone-small:after {
    content: '\e963'
}

.jpui.icon.check:after {
    content: '\f11c'
}

.jpui.icon.checkmark:after {
    content: '\f11b'
}

.jpui.icon.confirmation:after {
    content: '\e616'
}

.jpui.icon.exclamation-color:after {
    content: '\f115'
}

.jpui.icon.gripperdown:after {
    content: '\e603'
}

.jpui.icon.gripperup:after {
    content: '\e24c'
}

.jpui.icon.gripper:after {
    content: '\e629'
}

.jpui.icon.info-color:after {
    content: '\e62b'
}

.jpui.icon.ring:after {
    content: '\e95d'
}

.jpui.icon.atm-small:after {
    content: '\e93b'
}

.jpui.icon.attachment:after {
    content: '\e92e'
}

.jpui.icon.auto-small:after {
    content: '\e133'
}

.jpui.icon.blink:after {
    content: '\e788'
}

.jpui.icon.lending-small:after {
    content: '\e927'
}

.jpui.icon.business-small:after {
    content: '\e166'
}

.jpui.icon.checking-small:after {
    content: '\e611'
}

.jpui.icon.close:after {
    content: '\f11a'
}

.jpui.icon.column-sort:after {
    content: '\e93e'
}

.jpui.icon.commercial-small:after {
    content: '\e200'
}

.jpui.icon.credit-small:after {
    content: '\e233'
}

.jpui.icon.delete-small:after {
    content: '\e947'
}

.jpui.icon.desktop-small:after {
    content: '\e931'
}

.jpui.icon.eBills-small:after {
    content: '\e94f'
}

.jpui.icon.eBills-color:after {
    content: '\e95b'
}

.jpui.icon.edit-small:after {
    content: '\e945'
}

.jpui.icon.exclamationsoft:after {
    content: '\e600'
}

.jpui.icon.expanddown:after {
    content: '\f10e'
}

.jpui.icon.expandup:after {
    content: '\f119'
}

.jpui.icon.expiring-message:after {
    content: '\e92f'
}

.jpui.icon.filter-panel-down-sm:after {
    content: '\e941'
}

.jpui.icon.filter-panel-left-sm:after {
    content: '\e975'
}

.jpui.icon.filter-panel-right-sm:after {
    content: '\e942'
}

.jpui.icon.filter-panel-up-sm:after {
    content: '\e944'
}

.jpui.icon.grouped-arrow:after {
    content: '\e266'
}

.jpui.icon.home-small:after {
    content: '\e288'
}

.jpui.icon.info-density-condensed:after {
    content: '\e93d'
}

.jpui.icon.info-density-relaxed:after {
    content: '\e93c'
}

.jpui.icon.info-i:after {
    content: '\e630'
}

.jpui.icon.invest-small-light:after {
    content: '\e301'
}

.jpui.icon.jpm-logo:after {
    content: '\e93a'
}

.jpui.icon.link-icon:after {
    content: '\e90d'
}

.jpui.icon.mobile-system-alert:after {
    content: '\e930'
}

.jpui.icon.more:after {
    content: '\e634'
}

.jpui.icon.mortgage-small:after {
    content: '\e305'
}

.jpui.icon.new-window-small:after {
    content: '\e946'
}

.jpui.icon.play:after {
    content: '\e638'
}

.jpui.icon.plus:after {
    content: '\f103'
}

.jpui.icon.progressleft:after {
    content: '\f118'
}

.jpui.icon.progressright:after {
    content: '\f108'
}

.jpui.icon.questionmark-medium:after {
    content: '\e92d'
}

.jpui.icon.questionmark-small:after {
    content: '\e92c'
}

.jpui.icon.rating-full-star:after {
    content: '\e937'
}

.jpui.icon.rating-half-star:after {
    content: '\e938'
}

.jpui.icon.rating-hollow-star:after {
    content: '\e939'
}

.jpui.icon.reloadable-small:after {
    content: '\e308'
}

.jpui.icon.remove:after {
    content: '\e93f'
}

.jpui.icon.repeatpayment:after {
    content: '\e645'
}

.jpui.icon.repeatpayment-large:after {
    content: '\e644'
}

.jpui.icon.savings-small:after {
    content: '\e311'
}

.jpui.icon.searchx:after {
    content: '\e623'
}

.jpui.icon.secure:after {
    content: '\f107'
}

.jpui.icon.see-all:after {
    content: '\e705'
}

.jpui.icon.settings:after {
    content: '\e940'
}

.jpui.icon.treasury-medium:after {
    content: '\e933'
}

.jpui.icon.treasury-small:after {
    content: '\e932'
}

.jpui.icon.warning-small:after {
    content: '\e953'
}

.jpui.icon.laptop-small:after {
    content: '\e94e'
}

.jpui.icon.tablet-small:after {
    content: '\e94b'
}

.jpui.icon.laptop-med:after {
    content: '\e94d'
}

.jpui.icon.tablet-med:after {
    content: '\e94c'
}

.jpui.icon.camera-small:after {
    content: '\e954'
}

.jpui.icon.camera-med:after {
    content: '\e948'
}

.jpui.icon.contrast-med:after {
    content: '\e949'
}

.jpui.icon.focus-med:after {
    content: '\e94a'
}

.jpui.icon.auto-loan-small:after {
    content: '\e950'
}

.jpui.icon.auto-loan-med:after {
    content: '\e951'
}

.jpui.icon.zelle-logo:after {
    content: '\e952'
}

.jpui.icon.faceID:after {
    content: '\e955'
}

.jpui.icon.browser-small:after {
    content: '\e956'
}

.jpui.icon.mobile-bank-toggle:after {
    content: '\e918'
}

.jpui.icon.waiting-small:after {
    content: '\e958'
}

.jpui.icon.filter-small:after {
    content: '\e957'
}

.jpui.icon.savings-bank-small:after {
    content: '\e959'
}

.jpui.icon.savings-bank-med:after {
    content: '\e95a'
}

.jpui.icon.tile-view-small:after {
    content: '\e95c'
}

.jpui.icon.list-view-small:after {
    content: '\e95e'
}

.jpui.icon.video-player-color:after {
    content: '\e95f'
}

.jpui.icon.eye-small:after {
    content: '\e960'
}

.jpui.icon.chase-customer:after {
    content: '\e967'
}

.jpui.icon.gift-card-small:after {
    content: '\e962'
}

.jpui.icon.em-dash:after {
    content: '\e961'
}

.jpui.icon.locked:after {
    content: '\e943'
}

.jpui.icon.unlocked:after {
    content: '\e964'
}

.jpui.icon.autopay:after {
    content: '\e965'
}

.jpui.icon.locked-filled:after {
    content: '\e966'
}

.jpui.icon.unlocked-filled:after {
    content: '\e968'
}

.jpui.icon.debit-card-coverage-small:after {
    content: '\e96b'
}

.jpui.icon.guide-small:after {
    content: '\e96a'
}

.jpui.icon.api-small:after {
    content: '\e969'
}

.jpui.icon.double-arrow-lt:after {
    content: '\e96f'
}

.jpui.icon.double-arrow-rt:after {
    content: '\e96e'
}

.jpui.icon.copy-to-clipboard:after {
    content: '\e96d'
}

.jpui.icon.key:after {
    content: '\e96c'
}

.jpui.icon.verify-med:after {
    content: '\e972'
}

.jpui.icon.search-med:after {
    content: '\e971'
}

.jpui.icon.reports-med:after {
    content: '\e970'
}

.jpui.icon.doc-verify:after {
    content: '\e973'
}

.jpui.icon.line-graph:after {
    content: '\e974'
}

.jpui.icon.stars-wallet-small:after {
    content: '\e976'
}

.jpui.icon.stars-wallet-md:after {
    content: '\e977'
}

.jpui.icon.wire-transfer-med:after {
    content: '\e978'
}

.jpui.icon.pie-chart-small:after {
    content: '\e97b'
}

.jpui.icon.bar-chart-small:after {
    content: '\e97c'
}

.jpui.icon.chat-small:after {
    content: '\e97a'
}

.jpui.icon.pdf:after {
    content: '\e97d'
}

.jpui.icon.electronic-pymt-med:after {
    content: '\e97e'
}

.jpui.icon.payday-autosave-md:after {
    content: '\e97f'
}

.jpui.icon.bank:after {
    content: '\e982'
}

.jpui.icon.status-indicator-dot:after {
    content: '\e983'
}

.jpui.icon.autosave-charm:after {
    content: '\e984'
}

.jpui.icon.ach-transfer-md:after {
    content: '\e985'
}

.jpui.icon.balance-transfer-md:after {
    content: '\e986'
}

.jpui.icon.calendar-md:after {
    content: '\e987'
}

.jpui.icon.zelle-z:after {
    content: '\e9ba'
}

.jpui.icon.co-browse:after {
    content: '\e980'
}

.jpui.icon.ecoupon:after {
    content: '\e98b'
}

.jpui.icon.funnel:after {
    content: '\e98c'
}

.jpui.icon.expand:after {
    content: '\1222'
}

.jpui.icon.close-small:after {
    content: '\e64f'
}

.jpui.icon.legal-small:after {
    content: '\e979'
}

.jpui.icon.clock-pending:after {
    content: '\e988'
}

.jpui.icon.clock-pending-md:after {
    content: '\e981'
}

.jpui.icon.discover-billers-md:after {
    content: '\e989'
}

.jpui.icon.ecoupon-md:after {
    content: '\e98a'
}

.jpui.icon.overdraft-md:after {
    content: '\e98d'
}

.jpui.icon.home-md:after {
    content: '\e277'
}

.jpui.icon.auto-large:after {
    content: '\e111'
}

.jpui.icon.business-large:after {
    content: '\e144'
}

.jpui.icon.checking-large:after {
    content: '\e177'
}

.jpui.icon.credit-large:after {
    content: '\e210'
}

.jpui.icon.invest-large:after {
    content: '\e299'
}

.jpui.icon.mortgage-large:after {
    content: '\e302'
}

.jpui.icon.savings-large:after {
    content: '\e309'
}

.jpui.icon.placemarker:after {
    content: '\e98f'
}

.jpui.icon.cart:after {
    content: '\e98e'
}

.jpui.icon.auto-loan-med-exprod:after {
    content: '\e951'
}

.jpui.icon.auto-medium:after {
    content: '\e122'
}

.jpui.icon.bank-medium:after {
    content: '\e900'
}

.jpui.icon.business-banking:after {
    content: '\e928'
}

.jpui.icon.business-lending:after {
    content: '\e926'
}

.jpui.icon.business-medium:after {
    content: '\e155'
}

.jpui.icon.business-resources:after {
    content: '\e924'
}

.jpui.icon.business-services:after {
    content: '\e922'
}

.jpui.icon.chasepay2:after {
    content: '\e920'
}

.jpui.icon.checking-medium:after {
    content: '\e188'
}

.jpui.icon.commercial-medium:after {
    content: '\e199'
}

.jpui.icon.commercial-services:after {
    content: '\e91d'
}

.jpui.icon.credit-medium:after {
    content: '\e222'
}

.jpui.icon.creditcard:after {
    content: '\e91b'
}

.jpui.icon.debit-cards:after {
    content: '\e905'
}

.jpui.icon.devices:after {
    content: '\e901'
}

.jpui.icon.fraud-protection:after {
    content: '\e906'
}

.jpui.icon.global-banking:after {
    content: '\e907'
}

.jpui.icon.insights:after {
    content: '\e90f'
}

.jpui.icon.invest-medium:after {
    content: '\e300'
}

.jpui.icon.merchant-services:after {
    content: '\e908'
}

.jpui.icon.mobile-banking:after {
    content: '\e918'
}

.jpui.icon.mortgage-medium:after {
    content: '\e304'
}

.jpui.icon.mortgage2-medium:after {
    content: '\e902'
}

.jpui.icon.offer-medium:after {
    content: '\e936'
}

.jpui.icon.payment-transfers:after {
    content: '\e909'
}

.jpui.icon.quickpay:after {
    content: '\e90a'
}

.jpui.icon.receiveables:after {
    content: '\e90b'
}

.jpui.icon.reloadable-medium:after {
    content: '\e307'
}

.jpui.icon.savings-bank-med-exprod:after {
    content: '\e95a'
}

.jpui.icon.savings-medium:after {
    content: '\e310'
}

.jpui.icon.savingsCDs:after {
    content: '\e913'
}

.jpui.icon.security:after {
    content: '\e911'
}

.jpui.icon.see-all-medium:after {
    content: '\e705'
}

.jpui.icon.auto-loan-small-exprod:after {
    content: '\e950'
}

.jpui.icon.business-banking-small:after {
    content: '\e929'
}

.jpui.icon.business-lending-small:after {
    content: '\e927'
}

.jpui.icon.business-resources-small:after {
    content: '\e925'
}

.jpui.icon.business-services-small:after {
    content: '\e923'
}

.jpui.icon.chasepay2-small:after {
    content: '\e921'
}

.jpui.icon.checking2-small:after {
    content: '\e91f'
}

.jpui.icon.commercial-services-small:after {
    content: '\e91e'
}

.jpui.icon.creditcard-small:after {
    content: '\e91c'
}

.jpui.icon.debit-cards-small:after {
    content: '\e90c'
}

.jpui.icon.devices-small:after {
    content: '\e92a'
}

.jpui.icon.fraud-protection-small:after {
    content: '\e91a'
}

.jpui.icon.global-banking-small:after {
    content: '\e919'
}

.jpui.icon.insights-small:after {
    content: '\e910'
}

.jpui.icon.invest-small:after {
    content: '\e301'
}

.jpui.icon.mobile-banking-small:after {
    content: '\e917'
}

.jpui.icon.offer-small:after {
    content: '\e935'
}

.jpui.icon.payment-transfers-small:after {
    content: '\e916'
}

.jpui.icon.quickpay-small:after {
    content: '\e915'
}

.jpui.icon.receiveables-small:after {
    content: '\e90e'
}

.jpui.icon.savings-bank-small-exprod:after {
    content: '\e959'
}

.jpui.icon.savingsCDs-small:after {
    content: '\e914'
}

.jpui.icon.security-small:after {
    content: '\e912'
}

.jpui.icon.pipe:after {
    content: '\007c'
}

.jpui.icon.plus {
    transform: rotate(45deg)
}

.jpui.icon.angledown:hover:not(.touch),
.jpui.icon.angleleft:hover:not(.touch),
.jpui.icon.angleright:hover:not(.touch),
.jpui.icon.angleup:hover:not(.touch),
.jpui.icon.atm:hover:not(.touch),
.jpui.icon.branch:hover:not(.touch),
.jpui.icon.calendar:hover:not(.touch),
.jpui.icon.contact:hover:not(.touch),
.jpui.icon.contract:hover:not(.touch),
.jpui.icon.download:hover:not(.touch),
.jpui.icon.downloadcheck:hover:not(.touch),
.jpui.icon.eDoc:hover:not(.touch),
.jpui.icon.email:hover:not(.touch),
.jpui.icon.equal-housing-lender:hover:not(.touch),
.jpui.icon.facebook:hover:not(.touch),
.jpui.icon.instagram:hover:not(.touch),
.jpui.icon.linkedin:hover:not(.touch),
.jpui.icon.printer:hover:not(.touch),
.jpui.icon.progressleft:hover:not(.touch),
.jpui.icon.progressright:hover:not(.touch),
.jpui.icon.refresh:hover:not(.touch),
.jpui.icon.share:hover:not(.touch),
.jpui.icon.speech:hover:not(.touch),
.jpui.icon.twitter:hover:not(.touch),
.jpui.icon.youtube:hover:not(.touch) {
    color: #0092ff
}

.jpui.icon.angledown:active:not(.touch),
.jpui.icon.angleleft:active:not(.touch),
.jpui.icon.angleright:active:not(.touch),
.jpui.icon.angleup:active:not(.touch),
.jpui.icon.atm:active:not(.touch),
.jpui.icon.branch:active:not(.touch),
.jpui.icon.calendar:active:not(.touch),
.jpui.icon.contact:active:not(.touch),
.jpui.icon.contract:active:not(.touch),
.jpui.icon.download:active:not(.touch),
.jpui.icon.downloadcheck:active:not(.touch),
.jpui.icon.eDoc:active:not(.touch),
.jpui.icon.email:active:not(.touch),
.jpui.icon.equal-housing-lender:active:not(.touch),
.jpui.icon.facebook:active:not(.touch),
.jpui.icon.instagram:active:not(.touch),
.jpui.icon.linkedin:active:not(.touch),
.jpui.icon.printer:active:not(.touch),
.jpui.icon.progressleft:active:not(.touch),
.jpui.icon.progressright:active:not(.touch),
.jpui.icon.refresh:active:not(.touch),
.jpui.icon.share:active:not(.touch),
.jpui.icon.speech:active:not(.touch),
.jpui.icon.twitter:active:not(.touch),
.jpui.icon.youtube:active:not(.touch) {
    color: #0b6efd
}

.jpui.icon.angledown:active,
.jpui.icon.angleleft:active,
.jpui.icon.angleright:active,
.jpui.icon.angleup:active,
.jpui.icon.atm:active,
.jpui.icon.branch:active,
.jpui.icon.calendar:active,
.jpui.icon.contact:active,
.jpui.icon.contract:active,
.jpui.icon.download:active,
.jpui.icon.downloadcheck:active,
.jpui.icon.eDoc:active,
.jpui.icon.email:active,
.jpui.icon.equal-housing-lender:active,
.jpui.icon.facebook:active,
.jpui.icon.instagram:active,
.jpui.icon.linkedin:active,
.jpui.icon.printer:active,
.jpui.icon.progressleft:active,
.jpui.icon.progressright:active,
.jpui.icon.refresh:active,
.jpui.icon.share:active,
.jpui.icon.speech:active,
.jpui.icon.twitter:active,
.jpui.icon.youtube:active {
    color: #0b6efd
}

.jpui.icon.angledown[disabled],
.jpui.icon.angleleft[disabled],
.jpui.icon.angleright[disabled],
.jpui.icon.angleup[disabled],
.jpui.icon.atm[disabled],
.jpui.icon.branch[disabled],
.jpui.icon.calendar[disabled],
.jpui.icon.contact[disabled],
.jpui.icon.contract[disabled],
.jpui.icon.download[disabled],
.jpui.icon.downloadcheck[disabled],
.jpui.icon.eDoc[disabled],
.jpui.icon.email[disabled],
.jpui.icon.equal-housing-lender[disabled],
.jpui.icon.facebook[disabled],
.jpui.icon.instagram[disabled],
.jpui.icon.linkedin[disabled],
.jpui.icon.printer[disabled],
.jpui.icon.progressleft[disabled],
.jpui.icon.progressright[disabled],
.jpui.icon.refresh[disabled],
.jpui.icon.share[disabled],
.jpui.icon.speech[disabled],
.jpui.icon.twitter[disabled],
.jpui.icon.youtube[disabled] {
    color: #bcbcbc;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.jpui.icon.angledown[disabled]:hover,
.jpui.icon.angleleft[disabled]:hover,
.jpui.icon.angleright[disabled]:hover,
.jpui.icon.angleup[disabled]:hover,
.jpui.icon.atm[disabled]:hover,
.jpui.icon.branch[disabled]:hover,
.jpui.icon.calendar[disabled]:hover,
.jpui.icon.contact[disabled]:hover,
.jpui.icon.contract[disabled]:hover,
.jpui.icon.download[disabled]:hover,
.jpui.icon.downloadcheck[disabled]:hover,
.jpui.icon.eDoc[disabled]:hover,
.jpui.icon.email[disabled]:hover,
.jpui.icon.equal-housing-lender[disabled]:hover,
.jpui.icon.facebook[disabled]:hover,
.jpui.icon.instagram[disabled]:hover,
.jpui.icon.linkedin[disabled]:hover,
.jpui.icon.printer[disabled]:hover,
.jpui.icon.progressleft[disabled]:hover,
.jpui.icon.progressright[disabled]:hover,
.jpui.icon.refresh[disabled]:hover,
.jpui.icon.share[disabled]:hover,
.jpui.icon.speech[disabled]:hover,
.jpui.icon.twitter[disabled]:hover,
.jpui.icon.youtube[disabled]:hover {
    color: #bcbcbc
}

.jpui.icon.chasepay,
.jpui.icon.feedback,
.jpui.icon.flag,
.jpui.icon.megaphone-small,
.jpui.icon.menulines,
.jpui.icon.profile,
.jpui.icon.search,
.jpui.icon.video-play {
    color: #ededed;
    color: #fff
}

.jpui.icon.chasepay:hover:not(.touch),
.jpui.icon.feedback:hover:not(.touch),
.jpui.icon.flag:hover:not(.touch),
.jpui.icon.megaphone-small:hover:not(.touch),
.jpui.icon.menulines:hover:not(.touch),
.jpui.icon.profile:hover:not(.touch),
.jpui.icon.search:hover:not(.touch),
.jpui.icon.video-play:hover:not(.touch) {
    color: #bcbcbc
}

.jpui.icon.chasepay:active:not(.touch),
.jpui.icon.feedback:active:not(.touch),
.jpui.icon.flag:active:not(.touch),
.jpui.icon.megaphone-small:active:not(.touch),
.jpui.icon.menulines:active:not(.touch),
.jpui.icon.profile:active:not(.touch),
.jpui.icon.search:active:not(.touch),
.jpui.icon.video-play:active:not(.touch) {
    color: #ccc
}

.jpui.icon.chasepay:active,
.jpui.icon.feedback:active,
.jpui.icon.flag:active,
.jpui.icon.megaphone-small:active,
.jpui.icon.menulines:active,
.jpui.icon.profile:active,
.jpui.icon.search:active,
.jpui.icon.video-play:active {
    color: #ccc
}

.jpui.icon.chasepay[disabled],
.jpui.icon.feedback[disabled],
.jpui.icon.flag[disabled],
.jpui.icon.megaphone-small[disabled],
.jpui.icon.menulines[disabled],
.jpui.icon.profile[disabled],
.jpui.icon.search[disabled],
.jpui.icon.video-play[disabled] {
    color: #666;
    cursor: default
}

.jpui.icon.confirmation {
    color: #2ca853
}

.jpui.icon.gripperdown,
.jpui.icon.gripperup {
    color: #959595
}

.jpui.icon.gripper {
    color: #ccc
}

.jpui.icon.exclamation-color {
    color: #bf2155
}

.jpui.icon.check {
    color: #126bc5
}

.jpui.icon.checkmark {
    color: #0092ff
}

.jpui.icon.info-color {
    color: #959595
}

.jpui.icon.info-color:hover:not(.touch) {
    color: #666
}

.jpui.icon.ring {
    color: #e07b00
}

.jpui.icon.ach-transfer-md,
.jpui.icon.auto-large,
.jpui.icon.auto-loan-med,
.jpui.icon.balance-transfer-md,
.jpui.icon.business-large,
.jpui.icon.calendar-md,
.jpui.icon.camera-med,
.jpui.icon.checking-large,
.jpui.icon.clock-pending-md,
.jpui.icon.contrast-med,
.jpui.icon.credit-large,
.jpui.icon.discover-billers-md,
.jpui.icon.ecoupon-md,
.jpui.icon.electronic-pymt-med,
.jpui.icon.focus-med,
.jpui.icon.home-md,
.jpui.icon.invest-large,
.jpui.icon.laptop-med,
.jpui.icon.mobile-bank-toggle,
.jpui.icon.mortgage-large,
.jpui.icon.overdraft-md,
.jpui.icon.payday-autosave-md,
.jpui.icon.questionmark-medium,
.jpui.icon.reports-med,
.jpui.icon.savings-bank-med,
.jpui.icon.savings-large,
.jpui.icon.search-med,
.jpui.icon.stars-wallet-md,
.jpui.icon.tablet-med,
.jpui.icon.treasury-medium,
.jpui.icon.verify-med,
.jpui.icon.wire-transfer-med {
    font-size: 2.5rem
}

.jpui.icon.auto-loan-med-exprod,
.jpui.icon.auto-medium,
.jpui.icon.bank-medium,
.jpui.icon.business-banking,
.jpui.icon.business-lending,
.jpui.icon.business-medium,
.jpui.icon.business-resources,
.jpui.icon.business-services,
.jpui.icon.chasepay2,
.jpui.icon.checking-medium,
.jpui.icon.commercial-medium,
.jpui.icon.commercial-services,
.jpui.icon.credit-medium,
.jpui.icon.creditcard,
.jpui.icon.debit-cards,
.jpui.icon.devices,
.jpui.icon.fraud-protection,
.jpui.icon.global-banking,
.jpui.icon.insights,
.jpui.icon.invest-medium,
.jpui.icon.merchant-services,
.jpui.icon.mobile-banking,
.jpui.icon.mortgage-medium,
.jpui.icon.mortgage2-medium,
.jpui.icon.offer-medium,
.jpui.icon.payment-transfers,
.jpui.icon.quickpay,
.jpui.icon.receiveables,
.jpui.icon.reloadable-medium,
.jpui.icon.savings-bank-med-exprod,
.jpui.icon.savings-medium,
.jpui.icon.savingsCDs,
.jpui.icon.security,
.jpui.icon.see-all-medium {
    font-size: 2.5rem;
    line-height: 1.2rem;
    color: #fff
}

.jpui.icon.auto-loan-small-exprod,
.jpui.icon.business-banking-small,
.jpui.icon.business-lending-small,
.jpui.icon.business-resources-small,
.jpui.icon.business-services-small,
.jpui.icon.chasepay2-small,
.jpui.icon.checking2-small,
.jpui.icon.commercial-services-small,
.jpui.icon.creditcard-small,
.jpui.icon.debit-cards-small,
.jpui.icon.devices-small,
.jpui.icon.fraud-protection-small,
.jpui.icon.global-banking-small,
.jpui.icon.insights-small,
.jpui.icon.invest-small,
.jpui.icon.mobile-banking-small,
.jpui.icon.offer-small,
.jpui.icon.payment-transfers-small,
.jpui.icon.quickpay-small,
.jpui.icon.receiveables-small,
.jpui.icon.savings-bank-small-exprod,
.jpui.icon.savingsCDs-small,
.jpui.icon.security-small {
    font-size: 1em;
    color: #fff
}

.jpui.icon.error {
    background-color: inherit !important;
    color: #bf2155 !important
}

.jpui.icon.circle {
    text-align: center;
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5
}

.jpui.icon.util.cursor:hover {
    cursor: pointer
}

body.brand-jpmorgan .jpui.inlinemodalheader.profile {
    background-color: #3a2206
}

body.brand-jpmorgan .jpui.button.primary {
    background-color: #115880;
    border: none
}

body.brand-jpmorgan .jpui.button.primary:hover:not(.touch) {
    background-color: #0d415b
}

body.brand-jpmorgan .jpui.button.primary:active:not(.touch) {
    background-color: #1570a3
}

body.brand-jpmorgan .jpui.button.primary:active {
    background-color: #1570a3
}

body.brand-jpmorgan .jpui.button.primary:disabled {
    background-color: #8bacbe;
    border: none;
    color: #fff;
    cursor: default
}

body.brand-jpmorgan .jpui.button.primary:disabled .label {
    color: #fff
}

body.brand-jpmorgan .jpui.button.primary:disabled:hover {
    background-color: #8bacbe
}

body.brand-jpmorgan .jpui.checkbox .checkboxWrap .check {
    border: .0625rem solid #959595
}

body.brand-jpmorgan .jpui.checkbox .checkbox__input:focus+.check {
    outline: .0625rem dashed #717171
}

body.brand-jpmorgan .jpui.checkbox .checkbox__input+.check {
    color: #0b6efd
}

body.brand-jpmorgan .jpui.checkbox .checkbox__input+.check:after {
    background-color: #fff
}

body.brand-jpmorgan .jpui.checkbox .checkbox__input.checkbox__input--checked+.check {
    border: .125rem solid #115880;
    background-color: #115880
}

body.brand-jpmorgan .jpui.checkbox .checkbox__input.checkbox__input--checked+.check:after {
    color: #fff;
    background-color: #115880
}

body.brand-jpmorgan .jpui.checkbox .checkbox__input.checkbox__input--disabled~.checkbox-label {
    color: #bcbcbc
}

body.brand-jpmorgan .jpui.checkbox .checkbox__input.checkbox__input--disabled+.check {
    border: .0625rem solid #000;
    background: #bcbcbc;
    color: #ededed;
    opacity: .4
}

body.brand-jpmorgan .jpui.checkbox .checkbox__input.checkbox__input--disabled+.check:after {
    color: #000;
    background: 0 0;
    border-radius: .1875rem;
    font-size: 1.125rem
}

body.brand-jpmorgan .jpui.checkbox .checkbox__input.checkbox__input--disabled:not(.checkbox__input--checked) .icon {
    display: none
}

body.brand-jpmorgan .jpui.checkbox.error .checkbox-label {
    font-weight: 600;
    color: #bf2155
}

body.brand-jpmorgan .jpui.checkbox.error input[type=checkbox]+.check {
    border: .125rem solid #bf2155;
    width: 1.25rem;
    height: 1.25rem
}

body.brand-jpmorgan .jpui.checkbox.error input[type=checkbox]:checked+.check {
    border: .125rem solid #bf2155;
    background-color: #bf2155
}

body.brand-jpmorgan .jpui.checkbox.error input[type=checkbox]:checked+.check:after {
    background-color: #bf2155;
    height: 1rem;
    width: 1rem;
    font-size: 1rem
}

body.brand-jpmorgan .jpui.draganddrop .item.droptarget {
    background-color: #115880
}

body.brand-jpmorgan .jpui.dropdown:not(.flyoutMenu).input:focus {
    border: .063rem solid #1570a3;
    box-shadow: .063rem .063rem 0 #1570a3, .063rem -.063rem 0 #1570a3, -.063rem .063rem 0 #1570a3, -.063rem -.063rem 0 #1570a3
}

body.brand-jpmorgan .jpui.dropdown.show:not(.dark) .input:hover {
    border: .063rem solid #115880;
    box-shadow: 0 0 0 .063rem #115880
}

body.brand-jpmorgan .jpui.dropdown.show:not(.dark) .input:focus {
    outline: 0
}

body.brand-jpmorgan .jpui.dropdown.show:not(.dark).addButton .input:hover {
    border: none;
    box-shadow: none
}

body.brand-jpmorgan .jpui.dropdown .option .primary:active {
    background-color: #1570a3
}

body.brand-jpmorgan .jpui.dropdown .option:not(.disabled):hover {
    background-color: #f3f0e9;
    color: #656565
}

body.brand-jpmorgan .jpui.dropdown .option:not(.disabled).is-focused,
body.brand-jpmorgan .jpui.dropdown .option:not(.disabled):focus {
    outline: .0625rem dashed #717171
}

body.brand-jpmorgan .jpui.dropdown .option:not(.disabled):active {
    background-color: #1570a3;
    color: #fff
}

body.brand-jpmorgan .jpui.dropdown .option:not(.disabled).active {
    padding-left: 0;
    border-left: .4rem solid #1570a3
}

body.brand-jpmorgan .jpui.dropdown .option.active .primary {
    padding-left: .625rem;
    color: #414042;
    font-weight: 600
}

body.brand-jpmorgan .jpui.dropdown .option.active .primary:active {
    background-color: #1570a3;
    color: #fff
}

body.brand-jpmorgan .jpui.dropdown.dark .input {
    border-color: #115880
}

body.brand-jpmorgan .jpui.dropdown.dark .input:focus {
    border: .125rem solid #115880;
    box-shadow: none
}

body.brand-jpmorgan .jpui.dropdown.dark .input:focus:focus {
    outline: .0625rem dashed #717171
}

body.brand-jpmorgan .jpui.dropdown.dark .option:not(.disabled) .primary:active {
    background-color: #1570a3
}

body.brand-jpmorgan .jpui.dropdown.navigation .input {
    border: .125rem solid #115880;
    box-shadow: none
}

body.brand-jpmorgan .jpui.dropdown.navigation .input:hover {
    border: .125rem solid #0d415b
}

body.brand-jpmorgan .jpui.dropdown.navigation .input:focus:focus {
    outline: .0625rem dashed #717171
}

body.brand-jpmorgan .jpui.dropdown.navigation.show .input:hover {
    border: .125rem solid #0d415b;
    box-shadow: none
}

body.brand-jpmorgan .jpui.dropdown.addButton .input {
    border: none;
    box-shadow: none
}

body.brand-jpmorgan .jpui.dropdown.addButton .input:focus {
    outline: .0625rem dashed #717171
}

body.brand-jpmorgan .jpui.dropdown.flyoutMenu.show .input:hover {
    border: 0;
    box-shadow: none
}

body.brand-jpmorgan .jpui.dropdown.flyoutMenu .input:focus {
    outline: .0625rem dashed #717171
}

body.brand-jpmorgan .jpui.dropdown.flyoutMenu .list-container .list .option .primary:active {
    background-color: #1570a3
}

body.brand-jpmorgan .jpui.dropdownchip .input:focus {
    border: none;
    box-shadow: none
}

body.brand-jpmorgan .jpui.dropdownchip .input:focus:focus {
    outline: .0625rem dashed #717171
}

body.brand-jpmorgan .jpui.dropdownchip .option .primary:active {
    background-color: #1570a3
}

body.brand-jpmorgan .jpui.dropdownchip .option:not(.disabled):hover {
    background-color: #f3f0e9;
    color: #656565
}

body.brand-jpmorgan .jpui.dropdownchip .option:not(.disabled).is-focused,
body.brand-jpmorgan .jpui.dropdownchip .option:not(.disabled):focus {
    outline: .0625rem dashed #717171
}

body.brand-jpmorgan .jpui.dropdownchip .option:not(.disabled):active {
    background-color: #1570a3;
    color: #fff
}

body.brand-jpmorgan .jpui.dropdownchip .option:not(.disabled).active {
    padding-left: 0;
    border-left: .4rem solid #1570a3
}

body.brand-jpmorgan .jpui.dropdownchip .option.active .primary {
    padding-left: .625rem;
    color: #414042;
    font-weight: 600
}

body.brand-jpmorgan .jpui.dropdownchip .option.active .primary:active {
    background-color: #1570a3;
    color: #fff
}

body.brand-jpmorgan .jpui.input:focus {
    border-color: #115880;
    outline: .0625rem solid transparent;
    box-shadow: .0625rem .0625rem 0 #115880, .0625rem -.0625rem 0 #115880, -.0625rem .0625rem 0 #115880, -.0625rem -.0625rem 0 #115880
}

body.brand-jpmorgan .jpui.input.error {
    border-color: #bf2155;
    outline: .125rem solid transparent;
    box-shadow: .0625rem .0625rem 0 #bf2155, .0625rem -.0625rem 0 #bf2155, -.0625rem .0625rem 0 #bf2155, -.0625rem -.0625rem 0 #bf2155
}

body.brand-jpmorgan .jpui.input.error:focus {
    border-color: #bf2155;
    box-shadow: .0625rem .0625rem 0 #bf2155, .0625rem -.0625rem 0 #bf2155, -.0625rem .0625rem 0 #bf2155, -.0625rem -.0625rem 0 #bf2155
}

body.brand-jpmorgan .jpui.navbar.vertical .category .bottom a.active {
    border-left-color: #1570a3
}

body.brand-jpmorgan .jpui.navbar.vertical .category .bottom a:active:not(.touch) {
    background-color: #1570a3
}

body.brand-jpmorgan .jpui.navbar.vertical .subcategory a:active:not(.touch) {
    background-color: #1570a3
}

body.brand-jpmorgan .jpui.progress.bar .fill {
    background-color: #115880
}

body.brand-jpmorgan .jpui.progress.bar.animate {
    background-color: #ccc;
    -webkit-animation: animateDone .5s normal forwards ease-in-out;
    animation: animateDone .5s normal forwards ease-in-out;
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

body.brand-jpmorgan .jpui.progress.bar.animate:after {
    content: '';
    position: absolute;
    border-width: .1875rem 0;
    border-style: solid;
    border-color: #115880;
    -webkit-animation: animateProgress 1.25s normal forwards ease-in-out;
    animation: animateProgress 1.25s normal forwards ease-in-out
}

body.brand-jpmorgan .jpui.progress.bar.animate.persist {
    -webkit-animation: none;
    animation: none
}

body.brand-jpmorgan .jpui.progress.rectangles li.active {
    background-color: #115880
}

body.brand-jpmorgan .jpui.progress.circles li.active {
    background-color: #115880
}

body.brand-jpmorgan .jpui.progress.radial .circle .mask .fill {
    background-color: #115880
}

body.brand-jpmorgan .jpui.radiobutton input[type=radio]:focus~.radiobutton-label:not(.error) .radiobutton-outer-circle {
    outline: dashed .0625rem #717171
}

body.brand-jpmorgan .jpui.radiobutton input[type=radio]:focus~.radiobutton-label .error-focus {
    outline: dashed .0625rem #717171
}

body.brand-jpmorgan .jpui.radiobutton input[type=radio]:checked~.radiobutton-label .radiobutton-inner-circle {
    background-color: #115880;
    border-color: #115880
}

body.brand-jpmorgan .jpui.radiobutton input[type=radio]:checked:disabled~.radiobutton-label .radiobutton-inner-circle {
    background-color: #bcbcbc;
    border-color: #bcbcbc
}

body.brand-jpmorgan .jpui.radiobutton input[type=radio]:checked:disabled~.radiobutton-label .radiobutton-outer-circle {
    background-color: #ededed;
    border: .0625rem solid #bcbcbc
}

body.brand-jpmorgan .jpui.radiobutton input[type=radio]:checked:disabled~.selectedRadiobuttonContainer {
    cursor: default
}

body.brand-jpmorgan .jpui.segmentedradiogroup input[type=radio] {
    opacity: 0;
    position: absolute;
    background-color: #fff
}

body.brand-jpmorgan .jpui.segmentedradiogroup input[type=radio]+label.input-label {
    padding: .3125rem .8125rem
}

body.brand-jpmorgan .jpui.segmentedradiogroup input[type=radio]:checked+label.input-label {
    background-color: #115880;
    border: .0625rem solid transparent;
    padding: .25rem .75rem
}

body.brand-jpmorgan .jpui.segmentedradiogroup input[type=radio]:focus~label.input-label {
    border: .0625rem dashed #717171;
    padding: .25rem .75rem
}

body.brand-jpmorgan .jpui.segmentedradiogroup input[type=radio]:checked:focus~label.input-label {
    border: .0625rem dashed #fff
}

body.brand-jpmorgan .jpui.segmentedradiogroup input[type=radio]:checked:disabled {
    background-color: #8bacbe
}

body.brand-jpmorgan .jpui.segmentedradiogroup input[type=radio]:not(:disabled):active~label.input-label {
    background-color: #1570a3 !important
}

body.brand-jpmorgan .jpui.segmentedradiogroup input[type=radio]:not(:disabled):hover:not(:checked)~label.input-label {
    background-color: #f9f6f3
}

body.brand-jpmorgan .jpui.segmentedradiogroup input[type=radio]:not(:disabled):hover:checked~label.input-label {
    background-color: #0d415b
}

body.brand-jpmorgan .jpui.segmentedradiogroup .segmentedradiogroup-container.disabled input[type=radio]:checked~label.input-label {
    background-color: #8bacbe
}

body.brand-jpmorgan .jpui.select select:focus {
    border-color: #115880;
    outline: 0;
    box-shadow: .0625rem .0625rem 0 #115880, .0625rem -.0625rem 0 #115880, -.0625rem .0625rem 0 #115880, -.0625rem -.0625rem 0 #115880
}

body.brand-jpmorgan .jpui.select select:focus::-ms-value {
    background: #fff;
    color: #414042
}

body.brand-jpmorgan .jpui.spinner:not(.inline):after {
    border-right-color: #1570a3
}

body.brand-jpmorgan .jpui.spinner.inline .box1,
body.brand-jpmorgan .jpui.spinner.inline .box2,
body.brand-jpmorgan .jpui.spinner.inline .box3 {
    background: #1570a3
}

body.brand-jpmorgan .jpui.styledselect .option:not(.disabled):hover {
    background-color: #f3f0e9;
    color: #656565
}

body.brand-jpmorgan .jpui.styledselect .option:not(.disabled).is-focused,
body.brand-jpmorgan .jpui.styledselect .option:not(.disabled):focus {
    outline: .0625rem dashed #717171
}

body.brand-jpmorgan .jpui.styledselect .option:not(.disabled):active {
    background-color: #1570a3;
    color: #fff
}

body.brand-jpmorgan .jpui.styledselect .option:not(.disabled).active {
    padding-left: 0;
    border-left: .4rem solid #1570a3
}

body.brand-jpmorgan .jpui.tabs ul li a.active {
    border-top: .25rem solid #1570a3
}

body.brand-jpmorgan .jpui.slider .input-container:active .pseudo-range,
body.brand-jpmorgan .jpui.slider .input-container:focus-within .pseudo-range {
    background: #115880
}

body.brand-jpmorgan .jpui.slider .input-container:not(.disabled) .pseudo-thumb {
    border-color: #115880
}

body.brand-jpmorgan .jpui.slider .input-container:not(.disabled) .pseudo-thumb.pseudo-thumb--activated {
    background: #115880
}

body.brand-jpmorgan .jpui.slider .input-container .pseudo-range.pseudo-range--activated {
    background: #115880
}

body.brand-jpmorgan .jpui.slider input[type=range]:focus~.pseudo-thumb {
    background: #115880
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    body.brand-jpmorgan .jpui.slider .input-container:active:not(.disabled)>.pseudo-thumb {
        background: #115880
    }

    body.brand-jpmorgan .jpui.slider .single-slider-progress {
        background: #115880
    }

    body.brand-jpmorgan .jpui.slider input[type=range].single::-webkit-slider-thumb {
        border-color: #115880
    }

    body.brand-jpmorgan .jpui.slider input[type=range].single:focus::-webkit-slider-thumb {
        background: #115880
    }

    body.brand-jpmorgan .jpui.slider input[type=range].single:active:not(.disabled)::-webkit-slider-thumb {
        background: #115880
    }

    body.brand-jpmorgan .jpui.slider input[type=range].single--activated:not(.disabled)::-webkit-slider-thumb {
        background: #115880
    }

    body.brand-jpmorgan .jpui.slider input[type=range].disabled::-webkit-slider-thumb {
        border-color: #fff
    }
}

@-moz-document url-prefix() {
    body.brand-jpmorgan .jpui.slider input[type=range].single::-moz-range-thumb {
        border-color: #115880
    }

    body.brand-jpmorgan .jpui.slider input[type=range].single::-moz-range-progress {
        background: #115880
    }

    body.brand-jpmorgan .jpui.slider input[type=range].single:focus::-moz-range-thumb {
        background: #115880
    }

    body.brand-jpmorgan .jpui.slider input[type=range].single--activated:not(.disabled)::-moz-range-thumb {
        background: #115880
    }

    body.brand-jpmorgan .jpui.slider input[type=range].disabled::-moz-range-thumb {
        border-color: #fff
    }

    body.brand-jpmorgan .jpui.slider .input-container:active:not(.disabled)>.pseudo-thumb {
        background: #115880
    }
}

@media screen and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    body.brand-jpmorgan .jpui.slider input[type=range].single::-ms-thumb {
        border-color: #115880
    }

    body.brand-jpmorgan .jpui.slider input[type=range].single:focus::-ms-thumb {
        background: #115880
    }

    body.brand-jpmorgan .jpui.slider input[type=range].single::-ms-fill-lower {
        background: #115880
    }

    body.brand-jpmorgan .jpui.slider input[type=range].single--activated:not(.disabled)::-ms-thumb {
        background: #115880
    }

    body.brand-jpmorgan .jpui.slider input[type=range].disabled::-ms-thumb {
        border-color: #fff
    }

    body.brand-jpmorgan .jpui.slider .input-container .pseudo-range:active~.pseudo-thumb {
        background: #115880
    }

    body.brand-jpmorgan .jpui.slider .input-container input[type=range]:focus~.pseudo-range {
        background: #115880
    }
}

body.brand-jpmorgan .jpui.multiselect .multiselect__control.multiselect__control--focus {
    border-color: #115880;
    box-shadow: .0625rem .0625rem 0 #115880, .0625rem -.0625rem 0 #115880, -.0625rem .0625rem 0 #115880, -.0625rem -.0625rem 0 #115880
}

body.brand-jpmorgan .jpui.starrating .rating .label .icon.rating-full-star,
body.brand-jpmorgan .jpui.starrating .rating .label .icon.rating-half-star {
    color: #115880
}

body.brand-personal .jpui.inlinemodalheader.profile {
    background-color: #005db9
}

body.brand-business .jpui.inlinemodalheader.profile,
body.brand-commercial .jpui.inlinemodalheader.profile {
    background-color: #0b366a
}

body.brand-business .jpui.button.primary,
body.brand-commercial .jpui.button.primary {
    background-color: #0a4386;
    border: none
}

body.brand-business .jpui.button.primary:hover:not(.touch),
body.brand-commercial .jpui.button.primary:hover:not(.touch) {
    background-color: #0b6efd
}

body.brand-business .jpui.button.primary:active:not(.touch),
body.brand-commercial .jpui.button.primary:active:not(.touch) {
    background-color: #126bc5
}

body.brand-business .jpui.button.primary:active,
body.brand-commercial .jpui.button.primary:active {
    background-color: #126bc5
}

body.brand-business .jpui.button.primary:disabled,
body.brand-commercial .jpui.button.primary:disabled {
    background-color: #87a2c1;
    border: none;
    color: #fff;
    cursor: default
}

body.brand-business .jpui.button.primary:disabled .label,
body.brand-commercial .jpui.button.primary:disabled .label {
    color: #fff
}

body.brand-business .jpui.button.primary:disabled:hover,
body.brand-commercial .jpui.button.primary:disabled:hover {
    background-color: #87a2c1
}

body.brand-business .jpui.checkbox .checkboxWrap .check,
body.brand-commercial .jpui.checkbox .checkboxWrap .check {
    border: .0625rem solid #959595
}

body.brand-business .jpui.checkbox .checkbox__input:focus+.check,
body.brand-commercial .jpui.checkbox .checkbox__input:focus+.check {
    outline: .0625rem dashed #717171
}

body.brand-business .jpui.checkbox .checkbox__input+.check,
body.brand-commercial .jpui.checkbox .checkbox__input+.check {
    color: #0b6efd
}

body.brand-business .jpui.checkbox .checkbox__input+.check:after,
body.brand-commercial .jpui.checkbox .checkbox__input+.check:after {
    background-color: #fff
}

body.brand-business .jpui.checkbox .checkbox__input.checkbox__input--checked+.check,
body.brand-commercial .jpui.checkbox .checkbox__input.checkbox__input--checked+.check {
    border: .125rem solid #0a4386;
    background-color: #0a4386
}

body.brand-business .jpui.checkbox .checkbox__input.checkbox__input--checked+.check:after,
body.brand-commercial .jpui.checkbox .checkbox__input.checkbox__input--checked+.check:after {
    color: #fff;
    background-color: #0a4386
}

body.brand-business .jpui.checkbox .checkbox__input.checkbox__input--disabled~.checkbox-label,
body.brand-commercial .jpui.checkbox .checkbox__input.checkbox__input--disabled~.checkbox-label {
    color: #bcbcbc
}

body.brand-business .jpui.checkbox .checkbox__input.checkbox__input--disabled+.check,
body.brand-commercial .jpui.checkbox .checkbox__input.checkbox__input--disabled+.check {
    border: .0625rem solid #000;
    background: #bcbcbc;
    color: #ededed;
    opacity: .4
}

body.brand-business .jpui.checkbox .checkbox__input.checkbox__input--disabled+.check:after,
body.brand-commercial .jpui.checkbox .checkbox__input.checkbox__input--disabled+.check:after {
    color: #000;
    background: 0 0;
    border-radius: .1875rem;
    font-size: 1.125rem
}

body.brand-business .jpui.checkbox .checkbox__input.checkbox__input--disabled:not(.checkbox__input--checked) .icon,
body.brand-commercial .jpui.checkbox .checkbox__input.checkbox__input--disabled:not(.checkbox__input--checked) .icon {
    display: none
}

body.brand-business .jpui.checkbox.error .checkbox-label,
body.brand-commercial .jpui.checkbox.error .checkbox-label {
    font-weight: 600;
    color: #bf2155
}

body.brand-business .jpui.checkbox.error input[type=checkbox]+.check,
body.brand-commercial .jpui.checkbox.error input[type=checkbox]+.check {
    border: .125rem solid #bf2155;
    width: 1.25rem;
    height: 1.25rem
}

body.brand-business .jpui.checkbox.error input[type=checkbox]:checked+.check,
body.brand-commercial .jpui.checkbox.error input[type=checkbox]:checked+.check {
    border: .125rem solid #bf2155;
    background-color: #bf2155
}

body.brand-business .jpui.checkbox.error input[type=checkbox]:checked+.check:after,
body.brand-commercial .jpui.checkbox.error input[type=checkbox]:checked+.check:after {
    background-color: #bf2155;
    height: 1rem;
    width: 1rem;
    font-size: 1rem
}

body.brand-business .jpui.draganddrop .item.droptarget,
body.brand-commercial .jpui.draganddrop .item.droptarget {
    background-color: #0a4386
}

body.brand-business .jpui.dropdown:not(.flyoutMenu).input:focus,
body.brand-commercial .jpui.dropdown:not(.flyoutMenu).input:focus {
    border: .063rem solid #126bc5;
    box-shadow: .063rem .063rem 0 #126bc5, .063rem -.063rem 0 #126bc5, -.063rem .063rem 0 #126bc5, -.063rem -.063rem 0 #126bc5
}

body.brand-business .jpui.dropdown.show:not(.dark) .input:hover,
body.brand-commercial .jpui.dropdown.show:not(.dark) .input:hover {
    border: .063rem solid #0a4386;
    box-shadow: 0 0 0 .063rem #0a4386
}

body.brand-business .jpui.dropdown.show:not(.dark) .input:focus,
body.brand-commercial .jpui.dropdown.show:not(.dark) .input:focus {
    outline: 0
}

body.brand-business .jpui.dropdown.show:not(.dark).addButton .input:hover,
body.brand-commercial .jpui.dropdown.show:not(.dark).addButton .input:hover {
    border: none;
    box-shadow: none
}

body.brand-business .jpui.dropdown .option .primary:active,
body.brand-commercial .jpui.dropdown .option .primary:active {
    background-color: #126bc5
}

body.brand-business .jpui.dropdown .option:not(.disabled):hover,
body.brand-commercial .jpui.dropdown .option:not(.disabled):hover {
    background-color: #f3f0e9;
    color: #656565
}

body.brand-business .jpui.dropdown .option:not(.disabled).is-focused,
body.brand-business .jpui.dropdown .option:not(.disabled):focus,
body.brand-commercial .jpui.dropdown .option:not(.disabled).is-focused,
body.brand-commercial .jpui.dropdown .option:not(.disabled):focus {
    outline: .0625rem dashed #717171
}

body.brand-business .jpui.dropdown .option:not(.disabled):active,
body.brand-commercial .jpui.dropdown .option:not(.disabled):active {
    background-color: #126bc5;
    color: #fff
}

body.brand-business .jpui.dropdown .option:not(.disabled).active,
body.brand-commercial .jpui.dropdown .option:not(.disabled).active {
    padding-left: 0;
    border-left: .4rem solid #0a7ac9
}

body.brand-business .jpui.dropdown .option.active .primary,
body.brand-commercial .jpui.dropdown .option.active .primary {
    padding-left: .625rem;
    color: #414042;
    font-weight: 600
}

body.brand-business .jpui.dropdown .option.active .primary:active,
body.brand-commercial .jpui.dropdown .option.active .primary:active {
    background-color: #126bc5;
    color: #fff
}

body.brand-business .jpui.dropdown.dark .input,
body.brand-commercial .jpui.dropdown.dark .input {
    border-color: #0a4386
}

body.brand-business .jpui.dropdown.dark .input:focus,
body.brand-commercial .jpui.dropdown.dark .input:focus {
    border: .125rem solid #0a4386;
    box-shadow: none
}

body.brand-business .jpui.dropdown.dark .input:focus:focus,
body.brand-commercial .jpui.dropdown.dark .input:focus:focus {
    outline: .0625rem dashed #717171
}

body.brand-business .jpui.dropdown.dark .option:not(.disabled) .primary:active,
body.brand-commercial .jpui.dropdown.dark .option:not(.disabled) .primary:active {
    background-color: #126bc5
}

body.brand-business .jpui.dropdown.navigation .input,
body.brand-commercial .jpui.dropdown.navigation .input {
    border: .125rem solid #0a4386;
    box-shadow: none
}

body.brand-business .jpui.dropdown.navigation .input:hover,
body.brand-commercial .jpui.dropdown.navigation .input:hover {
    border: .125rem solid #0b6efd
}

body.brand-business .jpui.dropdown.navigation .input:focus:focus,
body.brand-commercial .jpui.dropdown.navigation .input:focus:focus {
    outline: .0625rem dashed #717171
}

body.brand-business .jpui.dropdown.navigation.show .input:hover,
body.brand-commercial .jpui.dropdown.navigation.show .input:hover {
    border: .125rem solid #0b6efd;
    box-shadow: none
}

body.brand-business .jpui.dropdown.addButton .input,
body.brand-commercial .jpui.dropdown.addButton .input {
    border: none;
    box-shadow: none
}

body.brand-business .jpui.dropdown.addButton .input:focus,
body.brand-commercial .jpui.dropdown.addButton .input:focus {
    outline: .0625rem dashed #717171
}

body.brand-business .jpui.dropdown.flyoutMenu.show .input:hover,
body.brand-commercial .jpui.dropdown.flyoutMenu.show .input:hover {
    border: 0;
    box-shadow: none
}

body.brand-business .jpui.dropdown.flyoutMenu .input:focus,
body.brand-commercial .jpui.dropdown.flyoutMenu .input:focus {
    outline: .0625rem dashed #717171
}

body.brand-business .jpui.dropdown.flyoutMenu .list-container .list .option .primary:active,
body.brand-commercial .jpui.dropdown.flyoutMenu .list-container .list .option .primary:active {
    background-color: #126bc5
}

body.brand-business .jpui.dropdownchip .input:focus,
body.brand-commercial .jpui.dropdownchip .input:focus {
    border: none;
    box-shadow: none
}

body.brand-business .jpui.dropdownchip .input:focus:focus,
body.brand-commercial .jpui.dropdownchip .input:focus:focus {
    outline: .0625rem dashed #717171
}

body.brand-business .jpui.dropdownchip .option .primary:active,
body.brand-commercial .jpui.dropdownchip .option .primary:active {
    background-color: #126bc5
}

body.brand-business .jpui.dropdownchip .option:not(.disabled):hover,
body.brand-commercial .jpui.dropdownchip .option:not(.disabled):hover {
    background-color: #f3f0e9;
    color: #656565
}

body.brand-business .jpui.dropdownchip .option:not(.disabled).is-focused,
body.brand-business .jpui.dropdownchip .option:not(.disabled):focus,
body.brand-commercial .jpui.dropdownchip .option:not(.disabled).is-focused,
body.brand-commercial .jpui.dropdownchip .option:not(.disabled):focus {
    outline: .0625rem dashed #717171
}

body.brand-business .jpui.dropdownchip .option:not(.disabled):active,
body.brand-commercial .jpui.dropdownchip .option:not(.disabled):active {
    background-color: #126bc5;
    color: #fff
}

body.brand-business .jpui.dropdownchip .option:not(.disabled).active,
body.brand-commercial .jpui.dropdownchip .option:not(.disabled).active {
    padding-left: 0;
    border-left: .4rem solid #0a7ac9
}

body.brand-business .jpui.dropdownchip .option.active .primary,
body.brand-commercial .jpui.dropdownchip .option.active .primary {
    padding-left: .625rem;
    color: #414042;
    font-weight: 600
}

body.brand-business .jpui.dropdownchip .option.active .primary:active,
body.brand-commercial .jpui.dropdownchip .option.active .primary:active {
    background-color: #126bc5;
    color: #fff
}

body.brand-business .jpui.input:focus,
body.brand-commercial .jpui.input:focus {
    border-color: #0a4386;
    outline: .0625rem solid transparent;
    box-shadow: .0625rem .0625rem 0 #0a4386, .0625rem -.0625rem 0 #0a4386, -.0625rem .0625rem 0 #0a4386, -.0625rem -.0625rem 0 #0a4386
}

body.brand-business .jpui.input.error,
body.brand-commercial .jpui.input.error {
    border-color: #bf2155;
    outline: .125rem solid transparent;
    box-shadow: .0625rem .0625rem 0 #bf2155, .0625rem -.0625rem 0 #bf2155, -.0625rem .0625rem 0 #bf2155, -.0625rem -.0625rem 0 #bf2155
}

body.brand-business .jpui.input.error:focus,
body.brand-commercial .jpui.input.error:focus {
    border-color: #bf2155;
    box-shadow: .0625rem .0625rem 0 #bf2155, .0625rem -.0625rem 0 #bf2155, -.0625rem .0625rem 0 #bf2155, -.0625rem -.0625rem 0 #bf2155
}

body.brand-business .jpui.navbar.vertical .category .bottom a.active,
body.brand-commercial .jpui.navbar.vertical .category .bottom a.active {
    border-left-color: #0a7ac9
}

body.brand-business .jpui.navbar.vertical .category .bottom a:active:not(.touch),
body.brand-commercial .jpui.navbar.vertical .category .bottom a:active:not(.touch) {
    background-color: #126bc5
}

body.brand-business .jpui.navbar.vertical .subcategory a:active:not(.touch),
body.brand-commercial .jpui.navbar.vertical .subcategory a:active:not(.touch) {
    background-color: #126bc5
}

body.brand-business .jpui.progress.bar .fill,
body.brand-commercial .jpui.progress.bar .fill {
    background-color: #0a4386
}

body.brand-business .jpui.progress.bar.animate,
body.brand-commercial .jpui.progress.bar.animate {
    background-color: #ccc;
    -webkit-animation: animateDone .5s normal forwards ease-in-out;
    animation: animateDone .5s normal forwards ease-in-out;
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

body.brand-business .jpui.progress.bar.animate:after,
body.brand-commercial .jpui.progress.bar.animate:after {
    content: '';
    position: absolute;
    border-width: .1875rem 0;
    border-style: solid;
    border-color: #0a4386;
    -webkit-animation: animateProgress 1.25s normal forwards ease-in-out;
    animation: animateProgress 1.25s normal forwards ease-in-out
}

body.brand-business .jpui.progress.bar.animate.persist,
body.brand-commercial .jpui.progress.bar.animate.persist {
    -webkit-animation: none;
    animation: none
}

body.brand-business .jpui.progress.rectangles li.active,
body.brand-commercial .jpui.progress.rectangles li.active {
    background-color: #0a4386
}

body.brand-business .jpui.progress.circles li.active,
body.brand-commercial .jpui.progress.circles li.active {
    background-color: #0a4386
}

body.brand-business .jpui.progress.radial .circle .mask .fill,
body.brand-commercial .jpui.progress.radial .circle .mask .fill {
    background-color: #0a4386
}

body.brand-business .jpui.radiobutton input[type=radio]:focus~.radiobutton-label:not(.error) .radiobutton-outer-circle,
body.brand-commercial .jpui.radiobutton input[type=radio]:focus~.radiobutton-label:not(.error) .radiobutton-outer-circle {
    outline: dashed .0625rem #717171
}

body.brand-business .jpui.radiobutton input[type=radio]:focus~.radiobutton-label .error-focus,
body.brand-commercial .jpui.radiobutton input[type=radio]:focus~.radiobutton-label .error-focus {
    outline: dashed .0625rem #717171
}

body.brand-business .jpui.radiobutton input[type=radio]:checked~.radiobutton-label .radiobutton-inner-circle,
body.brand-commercial .jpui.radiobutton input[type=radio]:checked~.radiobutton-label .radiobutton-inner-circle {
    background-color: #0a4386;
    border-color: #0a4386
}

body.brand-business .jpui.radiobutton input[type=radio]:checked:disabled~.radiobutton-label .radiobutton-inner-circle,
body.brand-commercial .jpui.radiobutton input[type=radio]:checked:disabled~.radiobutton-label .radiobutton-inner-circle {
    background-color: #bcbcbc;
    border-color: #bcbcbc
}

body.brand-business .jpui.radiobutton input[type=radio]:checked:disabled~.radiobutton-label .radiobutton-outer-circle,
body.brand-commercial .jpui.radiobutton input[type=radio]:checked:disabled~.radiobutton-label .radiobutton-outer-circle {
    background-color: #ededed;
    border: .0625rem solid #bcbcbc
}

body.brand-business .jpui.radiobutton input[type=radio]:checked:disabled~.selectedRadiobuttonContainer,
body.brand-commercial .jpui.radiobutton input[type=radio]:checked:disabled~.selectedRadiobuttonContainer {
    cursor: default
}

body.brand-business .jpui.segmentedradiogroup input[type=radio],
body.brand-commercial .jpui.segmentedradiogroup input[type=radio] {
    opacity: 0;
    position: absolute;
    background-color: #fff
}

body.brand-business .jpui.segmentedradiogroup input[type=radio]+label.input-label,
body.brand-commercial .jpui.segmentedradiogroup input[type=radio]+label.input-label {
    padding: .3125rem .8125rem
}

body.brand-business .jpui.segmentedradiogroup input[type=radio]:checked+label.input-label,
body.brand-commercial .jpui.segmentedradiogroup input[type=radio]:checked+label.input-label {
    background-color: #0a4386;
    border: .0625rem solid transparent;
    padding: .25rem .75rem
}

body.brand-business .jpui.segmentedradiogroup input[type=radio]:focus~label.input-label,
body.brand-commercial .jpui.segmentedradiogroup input[type=radio]:focus~label.input-label {
    border: .0625rem dashed #717171;
    padding: .25rem .75rem
}

body.brand-business .jpui.segmentedradiogroup input[type=radio]:checked:focus~label.input-label,
body.brand-commercial .jpui.segmentedradiogroup input[type=radio]:checked:focus~label.input-label {
    border: .0625rem dashed #fff
}

body.brand-business .jpui.segmentedradiogroup input[type=radio]:checked:disabled,
body.brand-commercial .jpui.segmentedradiogroup input[type=radio]:checked:disabled {
    background-color: #87a2c1
}

body.brand-business .jpui.segmentedradiogroup input[type=radio]:not(:disabled):active~label.input-label,
body.brand-commercial .jpui.segmentedradiogroup input[type=radio]:not(:disabled):active~label.input-label {
    background-color: #126bc5 !important
}

body.brand-business .jpui.segmentedradiogroup input[type=radio]:not(:disabled):hover:not(:checked)~label.input-label,
body.brand-commercial .jpui.segmentedradiogroup input[type=radio]:not(:disabled):hover:not(:checked)~label.input-label {
    background-color: #f9f6f3
}

body.brand-business .jpui.segmentedradiogroup input[type=radio]:not(:disabled):hover:checked~label.input-label,
body.brand-commercial .jpui.segmentedradiogroup input[type=radio]:not(:disabled):hover:checked~label.input-label {
    background-color: #0b6efd
}

body.brand-business .jpui.segmentedradiogroup .segmentedradiogroup-container.disabled input[type=radio]:checked~label.input-label,
body.brand-commercial .jpui.segmentedradiogroup .segmentedradiogroup-container.disabled input[type=radio]:checked~label.input-label {
    background-color: #87a2c1
}

body.brand-business .jpui.select select:focus,
body.brand-commercial .jpui.select select:focus {
    border-color: #0a4386;
    outline: 0;
    box-shadow: .0625rem .0625rem 0 #0a4386, .0625rem -.0625rem 0 #0a4386, -.0625rem .0625rem 0 #0a4386, -.0625rem -.0625rem 0 #0a4386
}

body.brand-business .jpui.select select:focus::-ms-value,
body.brand-commercial .jpui.select select:focus::-ms-value {
    background: #fff;
    color: #414042
}

body.brand-business .jpui.spinner:not(.inline):after,
body.brand-commercial .jpui.spinner:not(.inline):after {
    border-right-color: #0a7ac9
}

body.brand-business .jpui.spinner.inline .box1,
body.brand-business .jpui.spinner.inline .box2,
body.brand-business .jpui.spinner.inline .box3,
body.brand-commercial .jpui.spinner.inline .box1,
body.brand-commercial .jpui.spinner.inline .box2,
body.brand-commercial .jpui.spinner.inline .box3 {
    background: #0a7ac9
}

body.brand-business .jpui.styledselect .option:not(.disabled):hover,
body.brand-commercial .jpui.styledselect .option:not(.disabled):hover {
    background-color: #f3f0e9;
    color: #656565
}

body.brand-business .jpui.styledselect .option:not(.disabled).is-focused,
body.brand-business .jpui.styledselect .option:not(.disabled):focus,
body.brand-commercial .jpui.styledselect .option:not(.disabled).is-focused,
body.brand-commercial .jpui.styledselect .option:not(.disabled):focus {
    outline: .0625rem dashed #717171
}

body.brand-business .jpui.styledselect .option:not(.disabled):active,
body.brand-commercial .jpui.styledselect .option:not(.disabled):active {
    background-color: #126bc5;
    color: #fff
}

body.brand-business .jpui.styledselect .option:not(.disabled).active,
body.brand-commercial .jpui.styledselect .option:not(.disabled).active {
    padding-left: 0;
    border-left: .4rem solid #0a7ac9
}

body.brand-business .jpui.tabs ul li a.active,
body.brand-commercial .jpui.tabs ul li a.active {
    border-top: .25rem solid #0a7ac9
}

body.brand-business .jpui.slider .input-container:active .pseudo-range,
body.brand-business .jpui.slider .input-container:focus-within .pseudo-range,
body.brand-commercial .jpui.slider .input-container:active .pseudo-range,
body.brand-commercial .jpui.slider .input-container:focus-within .pseudo-range {
    background: #0a4386
}

body.brand-business .jpui.slider .input-container:not(.disabled) .pseudo-thumb,
body.brand-commercial .jpui.slider .input-container:not(.disabled) .pseudo-thumb {
    border-color: #0a4386
}

body.brand-business .jpui.slider .input-container:not(.disabled) .pseudo-thumb.pseudo-thumb--activated,
body.brand-commercial .jpui.slider .input-container:not(.disabled) .pseudo-thumb.pseudo-thumb--activated {
    background: #0a4386
}

body.brand-business .jpui.slider .input-container .pseudo-range.pseudo-range--activated,
body.brand-commercial .jpui.slider .input-container .pseudo-range.pseudo-range--activated {
    background: #0a4386
}

body.brand-business .jpui.slider input[type=range]:focus~.pseudo-thumb,
body.brand-commercial .jpui.slider input[type=range]:focus~.pseudo-thumb {
    background: #0a4386
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    body.brand-business .jpui.slider .input-container:active:not(.disabled)>.pseudo-thumb,
    body.brand-commercial .jpui.slider .input-container:active:not(.disabled)>.pseudo-thumb {
        background: #0a4386
    }

    body.brand-business .jpui.slider .single-slider-progress,
    body.brand-commercial .jpui.slider .single-slider-progress {
        background: #0a4386
    }

    body.brand-business .jpui.slider input[type=range].single::-webkit-slider-thumb,
    body.brand-commercial .jpui.slider input[type=range].single::-webkit-slider-thumb {
        border-color: #0a4386
    }

    body.brand-business .jpui.slider input[type=range].single:focus::-webkit-slider-thumb,
    body.brand-commercial .jpui.slider input[type=range].single:focus::-webkit-slider-thumb {
        background: #0a4386
    }

    body.brand-business .jpui.slider input[type=range].single:active:not(.disabled)::-webkit-slider-thumb,
    body.brand-commercial .jpui.slider input[type=range].single:active:not(.disabled)::-webkit-slider-thumb {
        background: #0a4386
    }

    body.brand-business .jpui.slider input[type=range].single--activated:not(.disabled)::-webkit-slider-thumb,
    body.brand-commercial .jpui.slider input[type=range].single--activated:not(.disabled)::-webkit-slider-thumb {
        background: #0a4386
    }

    body.brand-business .jpui.slider input[type=range].disabled::-webkit-slider-thumb,
    body.brand-commercial .jpui.slider input[type=range].disabled::-webkit-slider-thumb {
        border-color: #fff
    }
}

@-moz-document url-prefix() {

    body.brand-business .jpui.slider input[type=range].single::-moz-range-thumb,
    body.brand-commercial .jpui.slider input[type=range].single::-moz-range-thumb {
        border-color: #0a4386
    }

    body.brand-business .jpui.slider input[type=range].single::-moz-range-progress,
    body.brand-commercial .jpui.slider input[type=range].single::-moz-range-progress {
        background: #0a4386
    }

    body.brand-business .jpui.slider input[type=range].single:focus::-moz-range-thumb,
    body.brand-commercial .jpui.slider input[type=range].single:focus::-moz-range-thumb {
        background: #0a4386
    }

    body.brand-business .jpui.slider input[type=range].single--activated:not(.disabled)::-moz-range-thumb,
    body.brand-commercial .jpui.slider input[type=range].single--activated:not(.disabled)::-moz-range-thumb {
        background: #0a4386
    }

    body.brand-business .jpui.slider input[type=range].disabled::-moz-range-thumb,
    body.brand-commercial .jpui.slider input[type=range].disabled::-moz-range-thumb {
        border-color: #fff
    }

    body.brand-business .jpui.slider .input-container:active:not(.disabled)>.pseudo-thumb,
    body.brand-commercial .jpui.slider .input-container:active:not(.disabled)>.pseudo-thumb {
        background: #0a4386
    }
}

@media screen and (-ms-high-contrast:none),
(-ms-high-contrast:active) {

    body.brand-business .jpui.slider input[type=range].single::-ms-thumb,
    body.brand-commercial .jpui.slider input[type=range].single::-ms-thumb {
        border-color: #0a4386
    }

    body.brand-business .jpui.slider input[type=range].single:focus::-ms-thumb,
    body.brand-commercial .jpui.slider input[type=range].single:focus::-ms-thumb {
        background: #0a4386
    }

    body.brand-business .jpui.slider input[type=range].single::-ms-fill-lower,
    body.brand-commercial .jpui.slider input[type=range].single::-ms-fill-lower {
        background: #0a4386
    }

    body.brand-business .jpui.slider input[type=range].single--activated:not(.disabled)::-ms-thumb,
    body.brand-commercial .jpui.slider input[type=range].single--activated:not(.disabled)::-ms-thumb {
        background: #0a4386
    }

    body.brand-business .jpui.slider input[type=range].disabled::-ms-thumb,
    body.brand-commercial .jpui.slider input[type=range].disabled::-ms-thumb {
        border-color: #fff
    }

    body.brand-business .jpui.slider .input-container .pseudo-range:active~.pseudo-thumb,
    body.brand-commercial .jpui.slider .input-container .pseudo-range:active~.pseudo-thumb {
        background: #0a4386
    }

    body.brand-business .jpui.slider .input-container input[type=range]:focus~.pseudo-range,
    body.brand-commercial .jpui.slider .input-container input[type=range]:focus~.pseudo-range {
        background: #0a4386
    }
}

body.brand-business .jpui.multiselect .multiselect__control.multiselect__control--focus,
body.brand-commercial .jpui.multiselect .multiselect__control.multiselect__control--focus {
    border-color: #0a4386;
    box-shadow: .0625rem .0625rem 0 #0a4386, .0625rem -.0625rem 0 #0a4386, -.0625rem .0625rem 0 #0a4386, -.0625rem -.0625rem 0 #0a4386
}

body.brand-business .jpui.starrating .rating .label .icon.rating-full-star,
body.brand-business .jpui.starrating .rating .label .icon.rating-half-star,
body.brand-commercial .jpui.starrating .rating .label .icon.rating-full-star,
body.brand-commercial .jpui.starrating .rating .label .icon.rating-half-star {
    color: #0a4386
}

body.brand-wealth .jpui.inlinemodalheader.profile {
    background-color: #0a4386
}

body.brand-wealth .jpui.button.primary {
    background-color: #0a4386;
    border: none
}

body.brand-wealth .jpui.button.primary:hover:not(.touch) {
    background-color: #0b6efd
}

body.brand-wealth .jpui.button.primary:active:not(.touch) {
    background-color: #126bc5
}

body.brand-wealth .jpui.button.primary:active {
    background-color: #126bc5
}

body.brand-wealth .jpui.button.primary:disabled {
    background-color: #87a2c1;
    border: none;
    color: #fff;
    cursor: default
}

body.brand-wealth .jpui.button.primary:disabled .label {
    color: #fff
}

body.brand-wealth .jpui.button.primary:disabled:hover {
    background-color: #87a2c1
}

body.brand-wealth .jpui.checkbox .checkboxWrap .check {
    border: .0625rem solid #959595
}

body.brand-wealth .jpui.checkbox .checkbox__input:focus+.check {
    outline: .0625rem dashed #717171
}

body.brand-wealth .jpui.checkbox .checkbox__input+.check {
    color: #0b6efd
}

body.brand-wealth .jpui.checkbox .checkbox__input+.check:after {
    background-color: #fff
}

body.brand-wealth .jpui.checkbox .checkbox__input.checkbox__input--checked+.check {
    border: .125rem solid #0a4386;
    background-color: #0a4386
}

body.brand-wealth .jpui.checkbox .checkbox__input.checkbox__input--checked+.check:after {
    color: #fff;
    background-color: #0a4386
}

body.brand-wealth .jpui.checkbox .checkbox__input.checkbox__input--disabled~.checkbox-label {
    color: #bcbcbc
}

body.brand-wealth .jpui.checkbox .checkbox__input.checkbox__input--disabled+.check {
    border: .0625rem solid #000;
    background: #bcbcbc;
    color: #ededed;
    opacity: .4
}

body.brand-wealth .jpui.checkbox .checkbox__input.checkbox__input--disabled+.check:after {
    color: #000;
    background: 0 0;
    border-radius: .1875rem;
    font-size: 1.125rem
}

body.brand-wealth .jpui.checkbox .checkbox__input.checkbox__input--disabled:not(.checkbox__input--checked) .icon {
    display: none
}

body.brand-wealth .jpui.checkbox.error .checkbox-label {
    font-weight: 600;
    color: #bf2155
}

body.brand-wealth .jpui.checkbox.error input[type=checkbox]+.check {
    border: .125rem solid #bf2155;
    width: 1.25rem;
    height: 1.25rem
}

body.brand-wealth .jpui.checkbox.error input[type=checkbox]:checked+.check {
    border: .125rem solid #bf2155;
    background-color: #bf2155
}

body.brand-wealth .jpui.checkbox.error input[type=checkbox]:checked+.check:after {
    background-color: #bf2155;
    height: 1rem;
    width: 1rem;
    font-size: 1rem
}

body.brand-wealth .jpui.draganddrop .item.droptarget {
    background-color: #0a4386
}

body.brand-wealth .jpui.dropdown:not(.flyoutMenu).input:focus {
    border: .063rem solid #126bc5;
    box-shadow: .063rem .063rem 0 #126bc5, .063rem -.063rem 0 #126bc5, -.063rem .063rem 0 #126bc5, -.063rem -.063rem 0 #126bc5
}

body.brand-wealth .jpui.dropdown.show:not(.dark) .input:hover {
    border: .063rem solid #0a4386;
    box-shadow: 0 0 0 .063rem #0a4386
}

body.brand-wealth .jpui.dropdown.show:not(.dark) .input:focus {
    outline: 0
}

body.brand-wealth .jpui.dropdown.show:not(.dark).addButton .input:hover {
    border: none;
    box-shadow: none
}

body.brand-wealth .jpui.dropdown .option .primary:active {
    background-color: #126bc5
}

body.brand-wealth .jpui.dropdown .option:not(.disabled):hover {
    background-color: #f3f0e9;
    color: #656565
}

body.brand-wealth .jpui.dropdown .option:not(.disabled).is-focused,
body.brand-wealth .jpui.dropdown .option:not(.disabled):focus {
    outline: .0625rem dashed #717171
}

body.brand-wealth .jpui.dropdown .option:not(.disabled):active {
    background-color: #126bc5;
    color: #fff
}

body.brand-wealth .jpui.dropdown .option:not(.disabled).active {
    padding-left: 0;
    border-left: .4rem solid #0092ff
}

body.brand-wealth .jpui.dropdown .option.active .primary {
    padding-left: .625rem;
    color: #414042;
    font-weight: 600
}

body.brand-wealth .jpui.dropdown .option.active .primary:active {
    background-color: #126bc5;
    color: #fff
}

body.brand-wealth .jpui.dropdown.dark .input {
    border-color: #0a4386
}

body.brand-wealth .jpui.dropdown.dark .input:focus {
    border: .125rem solid #0a4386;
    box-shadow: none
}

body.brand-wealth .jpui.dropdown.dark .input:focus:focus {
    outline: .0625rem dashed #717171
}

body.brand-wealth .jpui.dropdown.dark .option:not(.disabled) .primary:active {
    background-color: #126bc5
}

body.brand-wealth .jpui.dropdown.navigation .input {
    border: .125rem solid #0a4386;
    box-shadow: none
}

body.brand-wealth .jpui.dropdown.navigation .input:hover {
    border: .125rem solid #0b6efd
}

body.brand-wealth .jpui.dropdown.navigation .input:focus:focus {
    outline: .0625rem dashed #717171
}

body.brand-wealth .jpui.dropdown.navigation.show .input:hover {
    border: .125rem solid #0b6efd;
    box-shadow: none
}

body.brand-wealth .jpui.dropdown.addButton .input {
    border: none;
    box-shadow: none
}

body.brand-wealth .jpui.dropdown.addButton .input:focus {
    outline: .0625rem dashed #717171
}

body.brand-wealth .jpui.dropdown.flyoutMenu.show .input:hover {
    border: 0;
    box-shadow: none
}

body.brand-wealth .jpui.dropdown.flyoutMenu .input:focus {
    outline: .0625rem dashed #717171
}

body.brand-wealth .jpui.dropdown.flyoutMenu .list-container .list .option .primary:active {
    background-color: #126bc5
}

body.brand-wealth .jpui.dropdownchip .input:focus {
    border: none;
    box-shadow: none
}

body.brand-wealth .jpui.dropdownchip .input:focus:focus {
    outline: .0625rem dashed #717171
}

body.brand-wealth .jpui.dropdownchip .option .primary:active {
    background-color: #126bc5
}

body.brand-wealth .jpui.dropdownchip .option:not(.disabled):hover {
    background-color: #f3f0e9;
    color: #656565
}

body.brand-wealth .jpui.dropdownchip .option:not(.disabled).is-focused,
body.brand-wealth .jpui.dropdownchip .option:not(.disabled):focus {
    outline: .0625rem dashed #717171
}

body.brand-wealth .jpui.dropdownchip .option:not(.disabled):active {
    background-color: #126bc5;
    color: #fff
}

body.brand-wealth .jpui.dropdownchip .option:not(.disabled).active {
    padding-left: 0;
    border-left: .4rem solid #0092ff
}

body.brand-wealth .jpui.dropdownchip .option.active .primary {
    padding-left: .625rem;
    color: #414042;
    font-weight: 600
}

body.brand-wealth .jpui.dropdownchip .option.active .primary:active {
    background-color: #126bc5;
    color: #fff
}

body.brand-wealth .jpui.input:focus {
    border-color: #0a4386;
    outline: .0625rem solid transparent;
    box-shadow: .0625rem .0625rem 0 #0a4386, .0625rem -.0625rem 0 #0a4386, -.0625rem .0625rem 0 #0a4386, -.0625rem -.0625rem 0 #0a4386
}

body.brand-wealth .jpui.input.error {
    border-color: #bf2155;
    outline: .125rem solid transparent;
    box-shadow: .0625rem .0625rem 0 #bf2155, .0625rem -.0625rem 0 #bf2155, -.0625rem .0625rem 0 #bf2155, -.0625rem -.0625rem 0 #bf2155
}

body.brand-wealth .jpui.input.error:focus {
    border-color: #bf2155;
    box-shadow: .0625rem .0625rem 0 #bf2155, .0625rem -.0625rem 0 #bf2155, -.0625rem .0625rem 0 #bf2155, -.0625rem -.0625rem 0 #bf2155
}

body.brand-wealth .jpui.navbar.vertical .category .bottom a.active {
    border-left-color: #0092ff
}

body.brand-wealth .jpui.navbar.vertical .category .bottom a:active:not(.touch) {
    background-color: #126bc5
}

body.brand-wealth .jpui.navbar.vertical .subcategory a:active:not(.touch) {
    background-color: #126bc5
}

body.brand-wealth .jpui.progress.bar .fill {
    background-color: #0a4386
}

body.brand-wealth .jpui.progress.bar.animate {
    background-color: #ccc;
    -webkit-animation: animateDone .5s normal forwards ease-in-out;
    animation: animateDone .5s normal forwards ease-in-out;
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

body.brand-wealth .jpui.progress.bar.animate:after {
    content: '';
    position: absolute;
    border-width: .1875rem 0;
    border-style: solid;
    border-color: #0a4386;
    -webkit-animation: animateProgress 1.25s normal forwards ease-in-out;
    animation: animateProgress 1.25s normal forwards ease-in-out
}

body.brand-wealth .jpui.progress.bar.animate.persist {
    -webkit-animation: none;
    animation: none
}

body.brand-wealth .jpui.progress.rectangles li.active {
    background-color: #0a4386
}

body.brand-wealth .jpui.progress.circles li.active {
    background-color: #0a4386
}

body.brand-wealth .jpui.progress.radial .circle .mask .fill {
    background-color: #0a4386
}

body.brand-wealth .jpui.radiobutton input[type=radio]:focus~.radiobutton-label:not(.error) .radiobutton-outer-circle {
    outline: dashed .0625rem #717171
}

body.brand-wealth .jpui.radiobutton input[type=radio]:focus~.radiobutton-label .error-focus {
    outline: dashed .0625rem #717171
}

body.brand-wealth .jpui.radiobutton input[type=radio]:checked~.radiobutton-label .radiobutton-inner-circle {
    background-color: #0a4386;
    border-color: #0a4386
}

body.brand-wealth .jpui.radiobutton input[type=radio]:checked:disabled~.radiobutton-label .radiobutton-inner-circle {
    background-color: #bcbcbc;
    border-color: #bcbcbc
}

body.brand-wealth .jpui.radiobutton input[type=radio]:checked:disabled~.radiobutton-label .radiobutton-outer-circle {
    background-color: #ededed;
    border: .0625rem solid #bcbcbc
}

body.brand-wealth .jpui.radiobutton input[type=radio]:checked:disabled~.selectedRadiobuttonContainer {
    cursor: default
}

body.brand-wealth .jpui.segmentedradiogroup input[type=radio] {
    opacity: 0;
    position: absolute;
    background-color: #fff
}

body.brand-wealth .jpui.segmentedradiogroup input[type=radio]+label.input-label {
    padding: .3125rem .8125rem
}

body.brand-wealth .jpui.segmentedradiogroup input[type=radio]:checked+label.input-label {
    background-color: #0a4386;
    border: .0625rem solid transparent;
    padding: .25rem .75rem
}

body.brand-wealth .jpui.segmentedradiogroup input[type=radio]:focus~label.input-label {
    border: .0625rem dashed #717171;
    padding: .25rem .75rem
}

body.brand-wealth .jpui.segmentedradiogroup input[type=radio]:checked:focus~label.input-label {
    border: .0625rem dashed #fff
}

body.brand-wealth .jpui.segmentedradiogroup input[type=radio]:checked:disabled {
    background-color: #87a2c1
}

body.brand-wealth .jpui.segmentedradiogroup input[type=radio]:not(:disabled):active~label.input-label {
    background-color: #126bc5 !important
}

body.brand-wealth .jpui.segmentedradiogroup input[type=radio]:not(:disabled):hover:not(:checked)~label.input-label {
    background-color: #f9f6f3
}

body.brand-wealth .jpui.segmentedradiogroup input[type=radio]:not(:disabled):hover:checked~label.input-label {
    background-color: #0b6efd
}

body.brand-wealth .jpui.segmentedradiogroup .segmentedradiogroup-container.disabled input[type=radio]:checked~label.input-label {
    background-color: #87a2c1
}

body.brand-wealth .jpui.select select:focus {
    border-color: #0a4386;
    outline: 0;
    box-shadow: .0625rem .0625rem 0 #0a4386, .0625rem -.0625rem 0 #0a4386, -.0625rem .0625rem 0 #0a4386, -.0625rem -.0625rem 0 #0a4386
}

body.brand-wealth .jpui.select select:focus::-ms-value {
    background: #fff;
    color: #414042
}

body.brand-wealth .jpui.spinner:not(.inline):after {
    border-right-color: #0092ff
}

body.brand-wealth .jpui.spinner.inline .box1,
body.brand-wealth .jpui.spinner.inline .box2,
body.brand-wealth .jpui.spinner.inline .box3 {
    background: #0092ff
}

body.brand-wealth .jpui.styledselect .option:not(.disabled):hover {
    background-color: #f3f0e9;
    color: #656565
}

body.brand-wealth .jpui.styledselect .option:not(.disabled).is-focused,
body.brand-wealth .jpui.styledselect .option:not(.disabled):focus {
    outline: .0625rem dashed #717171
}

body.brand-wealth .jpui.styledselect .option:not(.disabled):active {
    background-color: #126bc5;
    color: #fff
}

body.brand-wealth .jpui.styledselect .option:not(.disabled).active {
    padding-left: 0;
    border-left: .4rem solid #0092ff
}

body.brand-wealth .jpui.tabs ul li a.active {
    border-top: .25rem solid #0092ff
}

body.brand-wealth .jpui.slider .input-container:active .pseudo-range,
body.brand-wealth .jpui.slider .input-container:focus-within .pseudo-range {
    background: #0a4386
}

body.brand-wealth .jpui.slider .input-container:not(.disabled) .pseudo-thumb {
    border-color: #0a4386
}

body.brand-wealth .jpui.slider .input-container:not(.disabled) .pseudo-thumb.pseudo-thumb--activated {
    background: #0a4386
}

body.brand-wealth .jpui.slider .input-container .pseudo-range.pseudo-range--activated {
    background: #0a4386
}

body.brand-wealth .jpui.slider input[type=range]:focus~.pseudo-thumb {
    background: #0a4386
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    body.brand-wealth .jpui.slider .input-container:active:not(.disabled)>.pseudo-thumb {
        background: #0a4386
    }

    body.brand-wealth .jpui.slider .single-slider-progress {
        background: #0a4386
    }

    body.brand-wealth .jpui.slider input[type=range].single::-webkit-slider-thumb {
        border-color: #0a4386
    }

    body.brand-wealth .jpui.slider input[type=range].single:focus::-webkit-slider-thumb {
        background: #0a4386
    }

    body.brand-wealth .jpui.slider input[type=range].single:active:not(.disabled)::-webkit-slider-thumb {
        background: #0a4386
    }

    body.brand-wealth .jpui.slider input[type=range].single--activated:not(.disabled)::-webkit-slider-thumb {
        background: #0a4386
    }

    body.brand-wealth .jpui.slider input[type=range].disabled::-webkit-slider-thumb {
        border-color: #fff
    }
}

@-moz-document url-prefix() {
    body.brand-wealth .jpui.slider input[type=range].single::-moz-range-thumb {
        border-color: #0a4386
    }

    body.brand-wealth .jpui.slider input[type=range].single::-moz-range-progress {
        background: #0a4386
    }

    body.brand-wealth .jpui.slider input[type=range].single:focus::-moz-range-thumb {
        background: #0a4386
    }

    body.brand-wealth .jpui.slider input[type=range].single--activated:not(.disabled)::-moz-range-thumb {
        background: #0a4386
    }

    body.brand-wealth .jpui.slider input[type=range].disabled::-moz-range-thumb {
        border-color: #fff
    }

    body.brand-wealth .jpui.slider .input-container:active:not(.disabled)>.pseudo-thumb {
        background: #0a4386
    }
}

@media screen and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    body.brand-wealth .jpui.slider input[type=range].single::-ms-thumb {
        border-color: #0a4386
    }

    body.brand-wealth .jpui.slider input[type=range].single:focus::-ms-thumb {
        background: #0a4386
    }

    body.brand-wealth .jpui.slider input[type=range].single::-ms-fill-lower {
        background: #0a4386
    }

    body.brand-wealth .jpui.slider input[type=range].single--activated:not(.disabled)::-ms-thumb {
        background: #0a4386
    }

    body.brand-wealth .jpui.slider input[type=range].disabled::-ms-thumb {
        border-color: #fff
    }

    body.brand-wealth .jpui.slider .input-container .pseudo-range:active~.pseudo-thumb {
        background: #0a4386
    }

    body.brand-wealth .jpui.slider .input-container input[type=range]:focus~.pseudo-range {
        background: #0a4386
    }
}

body.brand-wealth .jpui.multiselect .multiselect__control.multiselect__control--focus {
    border-color: #0a4386;
    box-shadow: .0625rem .0625rem 0 #0a4386, .0625rem -.0625rem 0 #0a4386, -.0625rem .0625rem 0 #0a4386, -.0625rem -.0625rem 0 #0a4386
}

body.brand-wealth .jpui.starrating .rating .label .icon.rating-full-star,
body.brand-wealth .jpui.starrating .rating .label .icon.rating-half-star {
    color: #0a4386
}

.jpui.inputlabel {
    font-size: .75rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.inputlabel {
        font-size: .875rem
    }
}

.jpui.navbar.vertical .category {
    font-size: .875rem;
    font-weight: 600;
    color: #666;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.navbar.vertical .subcategory {
    font-size: .875rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.navbar.vertical .subcategory {
        font-size: 1rem
    }
}

.jpui.navbar.vertical .subcategory>.listItem {
    font-size: .875rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.navbar.vertical .subcategory>.listItem {
        font-size: 1rem
    }
}

.jpui.navbar.vertical .subcategory>.listItem:hover {
    font-size: .875rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.navbar.vertical .subcategory>.listItem:hover {
        font-size: 1rem
    }
}

.jpui.navbar.vertical .subcategory>.listItem:hover a,
.jpui.navbar.vertical .subcategory>.listItem:hover a:active,
.jpui.navbar.vertical .subcategory>.listItem:hover a:hover,
.jpui.navbar.vertical .subcategory>.listItem:hover a:visited {
    font-size: .875rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.navbar.vertical .subcategory>.listItem:hover a,
    .jpui.navbar.vertical .subcategory>.listItem:hover a:active,
    .jpui.navbar.vertical .subcategory>.listItem:hover a:hover,
    .jpui.navbar.vertical .subcategory>.listItem:hover a:visited {
        font-size: 1rem
    }
}

.jpui.navbar.vertical .subcategory>.listItem.active,
.jpui.navbar.vertical .subcategory>.listItem.active:hover {
    font-size: .875rem;
    font-weight: 600;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.navbar.vertical .subcategory>.listItem.active,
    .jpui.navbar.vertical .subcategory>.listItem.active:hover {
        font-size: 1rem
    }
}

.jpui.navbar.vertical .bottom a {
    font-size: .875rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.navbar.vertical .bottom a {
        font-size: 1rem
    }
}

.jpui.navbar.vertical .bottom a:hover {
    font-size: .875rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.navbar.vertical .bottom a:hover {
        font-size: 1rem
    }
}

.jpui.navbar.vertical .bottom a:hover a,
.jpui.navbar.vertical .bottom a:hover a:active,
.jpui.navbar.vertical .bottom a:hover a:hover,
.jpui.navbar.vertical .bottom a:hover a:visited {
    font-size: .875rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.navbar.vertical .bottom a:hover a,
    .jpui.navbar.vertical .bottom a:hover a:active,
    .jpui.navbar.vertical .bottom a:hover a:hover,
    .jpui.navbar.vertical .bottom a:hover a:visited {
        font-size: 1rem
    }
}

.jpui.navbar.vertical .bottom a:active {
    font-size: .875rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.navbar.vertical .bottom a:active {
        font-size: 1rem
    }
}

.jpui.navbar.vertical .bottom a.active {
    font-size: .875rem;
    font-weight: 600;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.navbar.vertical .bottom a.active {
        font-size: 1rem
    }
}

.jpui.navbar.vertical .bottom a.active:active {
    color: #fff
}

.jpui.navbar.vertical .bottom span.disabled {
    font-size: .875rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none;
    font-weight: 400;
    color: #bcbcbc
}

@media screen and (min-width:768px) {
    .jpui.navbar.vertical .bottom span.disabled {
        font-size: 1rem
    }
}

.jpui.navbar.vertical.dark .category .header-div .listItem {
    font-size: .75rem;
    font-weight: 400;
    color: #959595;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.navbar.vertical.dark .bottom a {
    font-size: .875rem;
    font-weight: 400;
    color: #ededed;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.navbar.vertical.dark .bottom a {
        font-size: 1rem
    }
}

.jpui.navbar.vertical.dark .subcategory .listItem {
    font-size: .875rem;
    font-weight: 400;
    color: #ededed;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.navbar.vertical.dark .subcategory .listItem {
        font-size: 1rem
    }
}

.jpui.navbar.vertical.dark .subcategory .listItem.active,
.jpui.navbar.vertical.dark .subcategory .listItem.active:hover {
    font-size: .875rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .jpui.navbar.vertical.dark .subcategory .listItem.active,
    .jpui.navbar.vertical.dark .subcategory .listItem.active:hover {
        font-size: 1rem
    }
}

.jpui.segment:hover .amount {
    font-size: 1.875rem;
    font-weight: 300;
    color: #0a4386;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.segment:hover .amount {
        font-size: 1.5rem
    }
}

@media screen and (min-width:992px) {
    .jpui.segment:hover .amount {
        font-size: 1.875rem
    }
}

.jpui.segment .title {
    font-size: .875rem;
    font-weight: 600;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.segment .title {
        font-size: 1rem;
        font-weight: 400
    }
}

@media screen and (min-width:992px) {
    .jpui.segment .title {
        font-size: 1.125rem
    }
}

.jpui.segment .subtitle {
    font-size: .875rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.segment .amount {
    font-size: 1.875rem;
    font-weight: 300;
    color: #666;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.segment .amount {
        font-size: 1.5rem
    }
}

@media screen and (min-width:992px) {
    .jpui.segment .amount {
        font-size: 1.875rem
    }
}

.jpui.segment .message {
    font-size: .875rem;
    font-weight: 400;
    color: #666;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .jpui.segment .message {
        font-size: .75rem
    }
}

@media screen and (min-width:992px) {
    .jpui.segment .message {
        font-size: .875rem
    }
}

html {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif
}

.ACMLABEL {
    font-size: .875rem;
    font-weight: 600;
    color: #666;
    letter-spacing: 0;
    text-decoration: none
}

.ACSLABEL {
    font-size: .75rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

.ACTHLINK {
    font-size: 1.125rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

.ACTNAME {
    font-size: 1.25rem;
    font-weight: 300;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .ACTNAME {
        font-size: 1.375rem;
        font-weight: 400
    }
}

.ACTNUM {
    font-size: .8125rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .ACTNUM {
        font-size: .875rem
    }
}

.ACTNUMLINK {
    font-size: .875rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .ACTNUMLINK {
        color: #126bc5
    }
}

.ALERTNOTE {
    font-size: .75rem;
    font-weight: 400;
    color: #bf2155;
    letter-spacing: 0;
    text-decoration: none
}

.AMOUNT {
    font-size: .875rem;
    font-weight: 600;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .AMOUNT {
        font-size: 1.5rem;
        font-weight: 400
    }
}

.AMOUNTPOS {
    font-size: .875rem;
    font-weight: 600;
    color: #128842;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .AMOUNTPOS {
        font-size: 1.5rem;
        font-weight: 400
    }
}

.BODY {
    font-size: .8125rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .BODY {
        font-size: .875rem
    }
}

.BODY a,
.BODY a:active,
.BODY a:hover,
.BODY a:visited {
    font-size: .8125rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .BODY a,
    .BODY a:active,
    .BODY a:hover,
    .BODY a:visited {
        font-size: .875rem
    }
}

.BODY2 {
    font-size: .8125rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .BODY2 {
        font-size: .875rem
    }
}

.BODYDISABLE {
    font-size: .8125rem;
    font-weight: 400;
    color: #bcbcbc;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .BODYDISABLE {
        font-size: .875rem;
        color: #959595
    }
}

.BODYLABEL {
    font-size: .8125rem;
    font-weight: 600;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .BODYLABEL {
        font-size: .875rem
    }
}

.BODYLINK {
    font-size: .8125rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .BODYLINK {
        font-size: .875rem
    }
}

.BODYNEG {
    font-size: .8125rem;
    font-weight: 400;
    color: #bf2155;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .BODYNEG {
        font-size: .875rem
    }
}

.BODYPOS {
    font-size: .8125rem;
    font-weight: 400;
    color: #128842;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .BODYPOS {
        font-size: .875rem
    }
}

.CALERT {
    font-size: .625rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

.CATLABEL {
    font-size: .875rem;
    font-weight: 600;
    color: #666;
    letter-spacing: 0;
    text-decoration: none
}

.CDBODY {
    font-size: .875rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

.CDLINK {
    font-size: .875rem;
    font-weight: 400;
    color: #6cc7ff;
    letter-spacing: 0;
    text-decoration: none
}

.CDCH {
    font-size: .875rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .CDCH {
        font-size: 1rem
    }
}

.CDH1 {
    font-size: 1.25rem;
    font-weight: 300;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

.CDINPUTFIELD {
    font-size: 1rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.CDTABON {
    font-size: .875rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

.CDTABOFF {
    font-size: .875rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

.CGREETING {
    font-size: 1.5rem;
    font-weight: 300;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .CGREETING {
        font-size: 1.75rem
    }
}

@media screen and (min-width:992px) {
    .CGREETING {
        font-size: 1.875rem
    }
}

.CH1 {
    font-size: 1rem;
    font-weight: 300;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .CH1 {
        font-size: 1.25rem;
        font-weight: 400
    }
}

.CH2 {
    font-size: .8125rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .CH2 {
        font-size: .875rem
    }
}

.CH2 a,
.CH2 a:active,
.CH2 a:hover,
.CH2 a:visited {
    font-size: .875rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

.CH2LINK {
    font-size: .875rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

.CH3 {
    font-size: 1.0625rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.CLASSIC {
    font-size: .75rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

.CLASSIC a,
.CLASSIC a:active,
.CLASSIC a:hover,
.CLASSIC a:visited {
    font-size: 1rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .CLASSIC {
        font-size: 1rem
    }
}

.CLASSICBODY {
    font-size: 1.125rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.CLASSICLINK {
    font-size: 1rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.CMSSG {
    font-size: 1rem;
    font-weight: 300;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

.CSEARCHDARK {
    font-size: .875rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.CSEARCHDARKBOLD {
    font-size: .875rem;
    font-weight: 600;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.DATA {
    font-size: .875rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .DATA {
        font-size: 1rem
    }
}

.DATA a,
.DATA a:active,
.DATA a:hover,
.DATA a:visited {
    font-size: .875rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .DATA a,
    .DATA a:active,
    .DATA a:hover,
    .DATA a:visited {
        font-size: 1rem
    }
}

.DATABOLD {
    font-size: .875rem;
    font-weight: 600;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .DATABOLD {
        font-size: 1rem
    }
}

.DATALABELH {
    font-size: .875rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .DATALABELH {
        font-size: 1rem
    }
}

.DATALABELV {
    font-size: .75rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .DATALABELV {
        font-size: .875rem
    }
}

.DATALINK {
    font-size: .875rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .DATALINK {
        font-size: 1rem
    }
}

.DATAPOS {
    font-size: .875rem;
    font-weight: 400;
    color: #128842;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:1200px) {
    .DATAPOS {
        font-size: 1rem
    }
}

.DISABLEBUTTON {
    font-size: 1rem;
    font-weight: 400;
    color: #ccc;
    letter-spacing: 0;
    text-decoration: none
}

.DISNEYLABEL {
    font-size: .75rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .DISNEYLABEL {
        font-size: .875rem
    }
}

.DISPLAYOFF {
    font-size: .875rem;
    font-weight: 600;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

.DISPLAYON {
    font-size: .875rem;
    font-weight: 600;
    color: #128842;
    letter-spacing: 0;
    text-decoration: none
}

.EH1 {
    font-size: 1rem;
    font-weight: 300;
    color: #bf2155;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .EH1 {
        font-size: 1.0625rem;
        font-weight: 400
    }
}

.EH1D {
    font-size: 1.125rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .EH1D {
        font-size: 1.25rem
    }
}

.EH2 {
    font-size: .8125rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .EH2 {
        font-size: .875rem
    }
}

.EH2 a,
.EH2 a:active,
.EH2 a:hover,
.EH2 a:visited {
    font-size: .8125rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {

    .EH2 a,
    .EH2 a:active,
    .EH2 a:hover,
    .EH2 a:visited {
        font-size: .875rem
    }
}

.EH2LINK {
    font-size: .8125rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .EH2LINK {
        font-size: .875rem
    }
}

.ETEXT {
    font-size: .8125rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .ETEXT {
        font-size: .875rem
    }
}

.ETEXTBOLD {
    font-size: .8125rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .ETEXTBOLD {
        font-size: .875rem
    }
}

.EDATALABELH {
    font-size: .875rem;
    font-weight: 600;
    color: #bf2155;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .EDATALABELH {
        font-size: 1rem
    }
}

.EDATALABELV {
    font-size: .75rem;
    font-weight: 600;
    color: #bf2155;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .EDATALABELV {
        font-size: .875rem
    }
}

.EXPLICITAD {
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

.FOOTNOTE {
    font-size: .625rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.FOOTNOTELINK {
    font-size: .625rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

.FRONTLINKS {
    font-size: 1.125rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

.H1D {
    font-size: 1.5rem;
    font-weight: 300;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .H1D {
        font-size: 1.625rem
    }
}

.H1L {
    font-size: 1.5rem;
    font-weight: 300;
    color: #666;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .H1L {
        font-size: 1.625rem
    }
}

.H1P {
    font-size: 1.25rem;
    font-weight: 300;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .H1P {
        font-size: 1.375rem;
        color: #414042
    }
}

.H2 {
    font-size: 1.25rem;
    font-weight: 300;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .H2 {
        font-size: 1.5rem
    }
}

.H3 {
    font-size: .875rem;
    font-weight: 600;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .H3 {
        font-size: 1.25rem;
        font-weight: 300
    }
}

.H3L {
    font-size: 1.125rem;
    font-weight: 300;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .H3L {
        font-size: 1.25rem
    }
}

.H3R {
    font-size: 1.25rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.H4 {
    font-size: .75rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .H4 {
        font-size: 1rem;
        font-weight: 300;
        color: #414042
    }
}

.HEADERLABEL {
    font-size: .75rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .HEADERLABEL {
        font-size: .875rem
    }
}

.HEADERNUMSTR {
    font-size: 1.25rem;
    font-weight: 600;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.HEADERNUMSTRLIGHT {
    font-size: 1.125rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.HEADERNUMSTRNEG {
    font-size: 1.25rem;
    font-weight: 600;
    color: #bf2155;
    letter-spacing: 0;
    text-decoration: none
}

.HEADERNUMSTRON {
    font-size: 1.125rem;
    font-weight: 400;
    color: #128842;
    letter-spacing: 0;
    text-decoration: none
}

.HEADERNUMSTRPOS {
    font-size: 1.25rem;
    font-weight: 600;
    color: #128842;
    letter-spacing: 0;
    text-decoration: none
}

.HEROLIGHT {
    font-size: 1.5rem;
    font-weight: 300;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.HEROREGULAR {
    font-size: 1.5rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.INPUTFIELD {
    font-size: .875rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .INPUTFIELD {
        font-size: 1rem;
        color: #414042
    }
}

.INPUTFIELD2 {
    font-size: .875rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .INPUTFIELD2 {
        font-size: 1rem
    }
}

.INPUTFIELDDISABLE {
    font-size: .875rem;
    font-weight: 400;
    color: #bcbcbc;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .INPUTFIELDDISABLE {
        font-size: 1rem
    }
}

.INVHEADER {
    font-size: 1.375rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.INVNUMSTR {
    font-size: 1.5rem;
    font-weight: 300;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.INVNUMSTRNEG {
    font-size: 1.5rem;
    font-weight: 300;
    color: #bf2155;
    letter-spacing: 0;
    text-decoration: none
}

.INVNUMSTRPOS {
    font-size: 1.5rem;
    font-weight: 300;
    color: #128842;
    letter-spacing: 0;
    text-decoration: none
}

.LOGININPUT {
    font-size: 1.125rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.NOTE {
    font-size: .75rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

.NOTE a,
.NOTE a:active,
.NOTE a:hover,
.NOTE a:visited {
    font-size: .75rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

.NOTEBOLD {
    font-size: .75rem;
    font-weight: 600;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

.NOTEDARK {
    font-size: .75rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.NOTEDARKBOLD {
    font-size: .75rem;
    font-weight: 600;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.NOTELINK {
    font-size: .75rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

.NUMSTR {
    font-size: 1.5rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .NUMSTR {
        font-size: 1.125rem;
        font-weight: 300
    }
}

.NUMSTR2 {
    font-size: .875rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

.NUMSTRPOS {
    font-size: 1.5rem;
    font-weight: 300;
    color: #128842;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .NUMSTRPOS {
        font-size: 1.125rem;
        font-weight: 400
    }
}

.OFFERAPR {
    font-size: 1.125rem;
    font-weight: 400;
    color: #0a4386;
    letter-spacing: 0;
    text-decoration: none
}

.OFFERFEE {
    font-size: 1.125rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.PRIMARYBUTTON {
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

.SECONDARYBUTTON {
    font-size: 1rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.SECONDARYBUTTONLI {
    font-size: .875rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .SECONDARYBUTTONLI {
        font-size: 1rem
    }
}

.SIDE {
    font-size: .875rem;
    font-weight: 400;
    color: #ededed;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .SIDE {
        font-size: 1rem
    }
}

.SIDEF {
    font-size: .75rem;
    font-weight: 400;
    color: #ccc;
    letter-spacing: 0;
    text-decoration: none
}

.SIDEH1 {
    font-size: .75rem;
    font-weight: 400;
    color: #959595;
    letter-spacing: 0;
    text-decoration: none
}

.TABLEHEADER {
    font-size: .8125rem;
    font-weight: 600;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .TABLEHEADER {
        font-size: .875rem
    }
}

.TABLEHEADERSLCT {
    font-size: .8125rem;
    font-weight: 600;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .TABLEHEADERSLCT {
        font-size: .875rem
    }
}

.TERTIARYBUTTON {
    font-size: 1rem;
    font-weight: 400;
    color: #666;
    letter-spacing: 0;
    text-decoration: none
}

.TERTIARYDISABLEDBUTTON {
    font-size: 1rem;
    font-weight: 400;
    color: #d8d8d8;
    letter-spacing: 0;
    text-decoration: none
}

.TILEBUTTON {
    font-size: .8125rem;
    font-weight: 600;
    color: #0b6efd;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:1200px) {
    .TILEBUTTON {
        font-size: .875rem
    }
}

.TILEHEADER {
    font-size: 1.125rem;
    font-weight: 300;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.TILENUMACTIVE {
    font-size: .875rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

.TILENUMACTIVELI {
    font-size: .875rem;
    font-weight: 400;
    color: #666;
    letter-spacing: 0;
    text-decoration: none
}

.TILEBNUMACTIVE {
    font-size: 1.875rem;
    font-weight: 300;
    color: #0a4386;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .TILEBNUMACTIVE {
        font-size: 1.5rem
    }
}

@media screen and (min-width:992px) {
    .TILEBNUMACTIVE {
        font-size: 1.875rem
    }
}

.TILEBNUMACTIVELI {
    font-size: 1rem;
    font-weight: 400;
    color: #0a4386;
    letter-spacing: 0;
    text-decoration: none
}

.TILEBNUMINACTIVE {
    font-size: 1.875rem;
    font-weight: 300;
    color: #666;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .TILEBNUMINACTIVE {
        font-size: 1.5rem
    }
}

@media screen and (min-width:992px) {
    .TILEBNUMINACTIVE {
        font-size: 1.875rem
    }
}

.TILEBNUMINACTIVELI {
    font-size: 1rem;
    font-weight: 400;
    color: #666;
    letter-spacing: 0;
    text-decoration: none
}

.TILEBNUMWHITE {
    font-size: 1.875rem;
    font-weight: 300;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .TILEBNUMWHITE {
        font-size: 1.5rem
    }
}

@media screen and (min-width:992px) {
    .TILEBNUMWHITE {
        font-size: 1.875rem
    }
}

.TILENAME {
    font-size: .875rem;
    font-weight: 600;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .TILENAME {
        font-size: 1rem;
        font-weight: 400
    }
}

@media screen and (min-width:992px) {
    .TILENAME {
        font-size: 1.125rem
    }
}

.TILESUBTEXT {
    font-size: .875rem;
    font-weight: 400;
    color: #666;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .TILESUBTEXT {
        font-size: .75rem
    }
}

@media screen and (min-width:992px) {
    .TILESUBTEXT {
        font-size: .875rem
    }
}

.TILESUBTEXTWHITE {
    font-size: .875rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .TILESUBTEXTWHITE {
        font-size: .75rem
    }
}

@media screen and (min-width:992px) {
    .TILESUBTEXTWHITE {
        font-size: .875rem
    }
}

.TILETYPE {
    font-size: .875rem;
    font-weight: 600;
    color: #666;
    letter-spacing: 0;
    text-decoration: none
}

.TILETYPEACCOUNT {
    font-size: .875rem;
    font-weight: 600;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

.TOOLTIPLINK {
    font-size: .875rem;
    font-weight: 400;
    color: #1167b7;
    letter-spacing: 0;
    text-decoration: none
}

.URBNUMINACTIVE {
    font-size: 1.875rem;
    font-weight: 300;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .URBNUMINACTIVE {
        font-size: 1.5rem
    }
}

@media screen and (min-width:992px) {
    .URBNUMINACTIVE {
        font-size: 1.875rem
    }
}

.UREWARDSACTIVE {
    font-size: 1.125rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .UREWARDSACTIVE {
        font-size: .875rem
    }
}

@media screen and (min-width:992px) {
    .UREWARDSACTIVE {
        font-size: 1.125rem
    }
}

.UREWARDSINACTIVE {
    font-size: .875rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:992px) {
    .UREWARDSINACTIVE {
        font-size: 1.125rem
    }
}

.UREWARDSSUBTEXT {
    font-size: .875rem;
    font-weight: 400;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

.URTILESUBTEXT {
    font-size: .75rem;
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:992px) {
    .URTILESUBTEXT {
        font-size: .875rem
    }
}