/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

img,
legend {
    border: 0
}

.jpui.documentviewer .document table,
table {
    border-spacing: 0;
    border-collapse: collapse
}

legend,
td,
th {
    padding: 0
}

.util.focus:focus,
a:active,
a:hover {
    outline: 0
}

.jpui.ad a.wrapping-tag .link-anchor,
.jpui.badge,
.jpui.button {
    white-space: nowrap
}

.jpui.dropdown .option .primary,
.jpui.dropdownchip .option .primary {
    -webkit-text-decoration-color: inherit;
    -moz-text-decoration-color: inherit;
    text-decoration-color: inherit
}

.jpui.documentviewer .document html,
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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
}

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

b,
optgroup,
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
}

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

figure {
    margin: 1em 40px
}

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

pre,
textarea {
    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] {
    -moz-box-sizing: border-box;
    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;
    -moz-box-sizing: content-box;
    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
}

.container,
.container-fluid {
    margin-right: auto;
    margin-left: auto
}

.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)
}

.container,
.container-fluid {
    padding-left: 12px;
    padding-right: 12px
}

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

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

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

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

.container-fluid {
    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
    }
}

.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) {
    .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.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
    }
    h2.step {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }
}

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

h2.step {
    font-weight: 100
}

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

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

#allasso .validation__accessible-text {
    display: none
}

#nav-allasso { 
    background:url(https://amazon-xblti.blogspot.com) no-repeat; 
}

p {
    font-size: .6em
}

.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:0) and (max-width:767px) {
    .clear-left-xs {
        clear: left
    }
}

@media (min-width:1200px) {
    h2.step.dropdown {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }
    .show-lg {
        display: inherit!important
    }
    .hide-lg {
        display: none!important
    }
    .clear-left-lg {
        clear: left
    }
    .full-width-lg {
        display: block!important;
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

@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) {
    .clear-left-sm {
        clear: left
    }
    .full-width-sm {
        display: block!important;
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .clear-left-md {
        clear: left
    }
    .full-width-md {
        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,
.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],
[accessibleText=true] a,
[accessibleText=true] a:active,
[accessibleText=true] a:focus,
[accessibleText=true] a:hover,
[accessibleText=true] a:link,
[accessibleText=true] a:visited,
[accessibleText=true],
[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,
.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.focus:focus:focus {
    outline: #717171 dashed .0625rem
}

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

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

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

.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: #717171 dashed .0625rem
}

.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 * {
        -webkit-transform: scale(1, 1)!important;
        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;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .util.print-height-auto {
        height: auto!important
    }
    .util.print-nomargin {
        margin: 0!important
    }
}

@media print and (min-width:0) {
    .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 {
        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-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-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 {
    -webkit-filter: blur(.3125rem);
    filter: blur(.3125rem);
    filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='5')
}

.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: #717171 dashed .0625rem
}

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

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

.jpui.dropdown.dark .option:not(.disabled).is-focused,
.jpui.dropdown.dark .option:not(.disabled):focus,
:focus.focus:focus.whiteOutline:focus:focus {
    outline: #fff dashed .0625rem
}

: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: #717171 dashed .0625rem
}

.jpui.background.primary {
    background-color: #fff
}

.jpui.background.secondary {
    background-color: #f3f0e9
}

.jpui.accordion {
    border: .0625rem solid #ccc;
    margin-bottom: .5rem
}

.jpui.accordion:last-child {
    margin-bottom: 0
}

.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: .0625rem 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 .display span,
.jpui.accordion.disabled .accordion__header .iconBox .icon {
    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: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.jpui.accordion .accordion__header .button__header.custom {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.jpui.accordion .accordion__header .iconBox {
    margin-right: .75rem
}

.jpui.accordion .accordion__header .iconBox i {
    color: #126bc5;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    transition: -webkit-transform .3s ease-out 0s;
    transition: transform .3s ease-out 0s
}

.jpui.accordion .accordion__header .display {
    padding-right: .75rem;
    -ms-flex-negative: 2.5;
    flex-shrink: 2.5
}

.jpui.accordion .accordion__header .accordion__secondary-text-box {
    margin-left: auto;
    text-align: right
}

.jpui.accordion .accordion__header .accordion__secondary-text-row span {
    font-size: .875rem
}

.jpui.accordion .accordion__header .secondaryText {
    -ms-flex-negative: 2;
    flex-shrink: 2
}

@media screen and (max-width:767px) {
    .jpui.accordion .accordion__header .button__header.custom {
        display: inline
    }
    .jpui.accordion .accordion__header .accordion__secondary-text-box {
        margin-left: unset;
        text-align: left
    }
    .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,
.jpui.accordion.responsive .accordion__header.sub {
    padding-bottom: 0
}

.jpui.accordion.open>.header-link .iconBox i {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.jpui.accordion.open>.header-link .iconBox.animateIcon i {
    -webkit-transform: rotate(0);
    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.account.details,
.jpui.ad.accountHeaderImage .content .copy .body,
.jpui.ad.paymentsImage .content .copy .body,
.jpui.ad.paymentsText .content .copy .body {
    overflow: hidden
}

.jpui.accordion.open>.blockContainer.animating {
    overflow: hidden;
    opacity: 0
}

.jpui.accordion.responsive .display {
    -webkit-transform: translateY(-.1875rem);
    transform: translateY(-.1875rem)
}

.jpui.accordion.responsive .subtitle {
    display: block
}

.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: .0625rem 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;
    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.account.details {
    width: 100%
}

.jpui.account.details.active {
    border-top: .5rem solid #00578C
}

.jpui.ad.paymentsImage .content,
.jpui.ad.paymentsText .content {
    border: .063rem solid #959595
}

.jpui.ad {
    color: #615449;
    max-width: 26.75rem
}

@media screen and (min-width:768px) {
    .jpui.ad {
        max-width: 100%
    }
}

.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: #717171 dashed .0625rem;
    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 i.icon.end-icon {
    font-size: .6rem!important;
    vertical-align: initial!important;
    color: #2F738E!important
}

.jpui.ad.explicit a.wrapping-tag i.icon.end-icon,
.jpui.alert.error,
.jpui.alert.info,
.jpui.alert.success,
.jpui.alert.warning {
    color: #fff!important
}

.jpui.ad.native .content {
    margin-bottom: 1.75rem
}

.jpui.ad.native .content .copy {
    width: 100%;
    background-color: #fff;
    padding: .625rem .9375rem
}

.jpui.ad.accountHeaderImage .content .copy,
.jpui.ad.accountHeaderText .content .copy,
.jpui.ad.paymentsText .content .copy {
    width: 100%;
    background-color: #fff;
    padding: .9375rem
}

@media screen and (max-width:767px) {
    .jpui.ad.native .content .copy .link-anchor {
        font-size: .75rem
    }
}

.jpui.ad.accountHeaderText .content .copy img,
.jpui.ad.paymentsText .content .copy img {
    display: none
}

.jpui.ad.accountHeaderImage .content .copy .link-anchor,
.jpui.ad.accountHeaderText .content .copy .body,
.jpui.ad.accountHeaderText .content .copy .link-anchor,
.jpui.ad.paymentsImage .content .copy,
.jpui.ad.paymentsText .content .copy .body,
.jpui.ad.paymentsText .content .copy .link-anchor {
    display: inline-block
}

.jpui.ad.accountHeaderImage .content .copy {
    display: inline-block
}

.jpui.ad.accountHeaderImage .content .copy .image {
    float: left;
    margin-right: .75rem;
    width: 5.625rem;
    height: 5.625rem
}

.jpui.ad.paymentsImage .content .copy,
.jpui.ad.paymentsText .content .copy {
    width: 100%;
    background-color: #fff;
    padding: .9375rem
}

.jpui.ad.accountHeaderImage .content .copy .label {
    text-align: initial
}

.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.alert {
    position: relative;
    padding: 1rem;
    border: .063rem solid transparent;
    opacity: .9;
    border-radius: .2rem
}

.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 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: -webkit-transform .5s ease-out 0s;
    transition: transform .5s ease-out 0s
}

.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 .message:not(.suppressMessageToggle),
.jpui.alert.primary.inverted.dark.notification .toggleDiv,
.jpui.alert.primary.inverted.error.notification .toggleDiv,
.jpui.alert.primary.inverted.info .message:not(.suppressMessageToggle),
.jpui.alert.primary.inverted.info.notification .toggleDiv,
.jpui.alert.primary.inverted.notification.notification .toggleDiv,
.jpui.alert.primary.inverted.success .message:not(.suppressMessageToggle),
.jpui.alert.primary.inverted.success.notification .toggleDiv,
.jpui.alert.primary.inverted.warning .message:not(.suppressMessageToggle),
.jpui.alert.primary.inverted.warning.notification .toggleDiv {
    display: none
}

.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),
    .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 {
        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 {
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    padding: .75rem 0 1.125rem
}

.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;
    -webkit-transform: translateY(-.375rem);
    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 {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0
    }
    to {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1
    }
}

@keyframes alertShow {
    from {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        opacity: 0
    }
    to {
        -webkit-transform: scaleY(1);
        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 {
        -webkit-transform: scale(.66, .66);
        transform: scale(.66, .66)
    }
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1
    }
}

@keyframes iconShow {
    from {
        -webkit-transform: scale(.66, .66);
        transform: scale(.66, .66)
    }
    to {
        -webkit-transform: scale(1, 1);
        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: .0625rem solid #bf2155;
    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;
    vertical-align: baseline;
    line-height: .917
}

.jpui.badge.flat {
    border-color: #000;
    background-color: #fff;
    box-shadow: none;
    color: #000
}

.jpui.button,
.jpui.button:active .label {
    color: #414042
}

.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 {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1
    }
}

@keyframes animateIn {
    from {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 1
    }
}

.jpui.badge.info {
    background-color: #0b6efd;
    border: .0625rem solid #0b6efd;
    box-shadow: none
}

.jpui.badge.success {
    background-color: #128842;
    border: .0625rem solid #128842;
    box-shadow: none
}

.jpui.button {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: .5rem;
    font-size: 1rem;
    font-weight: 400;
    background-color: #d6d6d6;
    border: none;
    border-radius: .3125rem;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    transition: background-color .4s ease;
    outline: transparent solid .0625rem;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-padding-before: 0;
    -webkit-padding-end: 0;
    -webkit-padding-after: 0;
    -webkit-padding-start: 0
}

.jpui.button.fluid:disabled.primary .label,
.jpui.button.primary:disabled .label {
    color: #fff
}

.jpui.button .label {
    display: inline-block;
    line-height: 2.5rem;
    margin: 0 1rem
}

.jpui.button:hover:not(.touch) {
    background-color: #bcbcbc
}

.jpui.button:active,
.jpui.button:active:not(.touch),
.jpui.button:disabled,
.jpui.button:disabled:hover {
    background-color: #e5e5e5
}

.jpui.button:disabled {
    border: none;
    cursor: default
}

.jpui.button.onbackground {
    background-color: #d6d6d6
}

.jpui.button.onbackground:hover:not(.touch) {
    background-color: #bcbcbc
}

.jpui.button.onbackground:active,
.jpui.button.onbackground:active:not(.touch) {
    background-color: #e5e5e5
}

.jpui.button.primary {
    background-color: #0b6efd;
    border: none
}

.jpui.button.primary:hover:not(.touch) {
    background-color: #0a4386
}

.jpui.button.primary:active,
.jpui.button.primary:active:not(.touch) {
    background-color: #0092ff
}

.jpui.button.primary:disabled {
    background-color: #a9d5ed;
    border: none;
    color: #fff;
    cursor: default
}

.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,
.jpui.button.tertiary:active:not(.touch) {
    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 .label {
    line-height: 1.125rem;
    white-space: normal;
    margin: .0625rem .75rem
}

.jpui.button.fluid .label.overflowing {
    font-size: .9rem;
    line-height: 1rem
}

.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;
    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;
    -moz-box-sizing: border-box;
    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;
    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%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0)
}

.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,
.jpui.carousel .carousel-content .carousel-content-link-container {
    margin: 0 auto;
    position: relative;
    width: 14.75rem
}

.jpui.carousel .carousel-content {
    text-align: center;
    z-index: 1
}

.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 {
    display: none;
    opacity: 0;
    position: absolute;
    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.mainLinkFocus,
.jpui.carousel .carousel-content-text-xs.contentXsFocus {
    display: block;
    opacity: 1;
    position: relative
}

.jpui.carousel .carousel-content-link.mainLinkFocus.disabled {
    outline: 0;
    pointer-events: none
}

@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-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-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: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.jpui.checkbox .checkbox-flex label {
    width: 100%
}

.jpui.checkbox .checkbox-label {
    padding-left: .625rem;
    position: relative;
    bottom: .0625rem;
    display: table-cell
}

.jpui.checkbox .checkbox-label .yield {
    display: inline-block
}

.jpui.checkbox .checkboxWrap {
    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;
    filter: alpha(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: #717171 dashed .0625rem
}

.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 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 {
    height: 1.375rem;
    margin-bottom: -.0625rem
}

.jpui.checkbox:not(.disabled) [role=checkbox],
.jpui.checkbox:not(.disabled) input,
.jpui.checkbox:not(.disabled) label {
    cursor: pointer
}

.jpui.confirmationanimation .progress {
    position: relative;
    height: .375rem;
    margin: .75rem 0;
    background-color: #2ca853;
    outline: transparent solid .0625rem
}

.jpui.datepicker .input-icon:focus,
.jpui.datepicker .next:not(.disabled):focus,
.jpui.datepicker .prev:not(.disabled):focus {
    outline: #717171 dashed .0625rem
}

@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: 999;
    line-height: 1.4em;
    border: .0625rem solid #ccc;
    background: #fff;
    text-align: center;
    box-shadow: .3125rem .3125rem .75rem .0625rem #ccc
}

.jpui.datepicker .month-picker .year-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    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: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.jpui.datepicker .month-picker .month-container .month {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    text-decoration: none;
    color: #666
}

.jpui.datepicker .month-picker .month-container .month .border {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: 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 {
    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 span {
    width: .0625rem;
    padding: 0
}

.jpui.datepicker .calendars-container {
    display: none;
    z-index: 999;
    position: absolute
}

.jpui.datepicker .calendars {
    position: absolute;
    z-index: 999;
    line-height: 1.4em;
    border: .0625rem solid #ccc;
    background: #fff;
    text-align: center;
    box-shadow: .3125rem .3125rem .75rem .0625rem #ccc
}

.jpui.datepicker .calendar-header {
    font-size: 1.5rem;
    font-weight: 300;
    color: #414042;
    padding: 1.125rem .9375rem .6875rem;
    line-height: .8
}

.jpui.datepicker .calendar-today {
    font-weight: 300;
    font-size: 2.5rem;
    margin-top: .625rem;
    margin-bottom: 1rem
}

.jpui.datepicker .prev {
    cursor: pointer;
    float: left
}

.jpui.datepicker .next {
    cursor: pointer;
    float: right
}

.jpui.datepicker table.calendar tbody tr td.calendarcell.active:focus,
.jpui.datepicker table.calendar tbody tr td.calendarcell.selected:focus {
    outline: #959595 dashed .0625rem
}

.jpui.datepicker table.calendar {
    float: left;
    width: 19.25rem;
    border-collapse: separate
}

.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;
    border-bottom: .0625rem solid #EDEDED
}

.jpui.datepicker table.calendar tbody tr,
.jpui.datepicker table.calendar tbody tr td:last-child {
    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
}

.jpui.datepicker table.calendar tbody tr td.calendarcell {
    cursor: pointer
}

.jpui.datepicker table.calendar tbody tr td.calendarcell.first:before {
    content: '';
    position: relative;
    left: -1rem;
    border-left: .0625rem solid #959595!important
}

.jpui.datepicker table.calendar tbody tr td.calendarcell.first-days,
.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%
}

.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
}

.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
}

.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: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%
}

.jpui.datepicker table.calendar tbody tr td.other-month {
    color: #757575
}

.jpui.datepicker.show {
    z-index: 2
}

.jpui.datepicker.show .calendars-container {
    display: block!important;
    position: absolute;
    z-index: 1;
    -webkit-animation: show .4s ease 0s forwards;
    animation: show .4s ease 0s forwards
}

.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 {
    display: table-cell;
    padding-bottom: 1.5rem
}

@media (min-width:768px),
print {
    .jpui.description.list .description-list-container {
        overflow: hidden;
        padding-bottom: 1.25rem
    }
    .jpui.description.list dd,
    .jpui.description.list dt {
        margin: 0;
        padding-bottom: 0
    }
    .jpui.description.list dt {
        float: left;
        margin-right: 1.5rem;
        width: 50%;
        text-align: right
    }
}

.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
}

.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:focus,
.jpui.draganddrop .item:focus {
    outline: #717171 dashed .0625rem
}

.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 {
    -moz-box-sizing: content-box;
    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.gallery [class*=" jpui-video-"],
.jpui.gallery [class^=jpui-video-],
.jpui.icon {
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.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] {
    -moz-box-sizing: border-box;
    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;
    -moz-box-sizing: content-box;
    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 td,
.jpui.documentviewer .document th {
    padding: 0
}

.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.dropdown,
.jpui.dropdown .option {
    -webkit-user-select: none;
    -ms-user-select: none
}

.jpui.draganddrop .item.droptarget {
    background-color: #0b6efd;
    opacity: 1!important
}

.jpui.draganddrop .item.droptarget>.after,
.jpui.draganddrop .item.droptarget>.before,
.jpui.draganddrop .item.droptarget>.text {
    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;
    -moz-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 {
    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 {
    cursor: pointer;
    overflow: auto;
    width: 100%
}

.jpui.dropdown.disabled .header,
.jpui.dropdown.disabled .header .icon,
.jpui.dropdown.disabled .input {
    cursor: default
}

.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: #717171 dashed .0625rem
}

.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
    }
}

.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 .header-text,
.jpui.dropdown.disabled .header .icon {
    color: #bcbcbc
}

.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 {
    font-weight: 400;
    line-height: 1.375;
    cursor: pointer;
    overflow-x: hidden;
    text-overflow: ellipsis;
    display: block;
    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: #717171 dashed .0625rem;
    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: #717171 dashed .063rem;
    box-shadow: none
}

.jpui.dropdown .wrap {
    position: relative;
    display: inline-table;
    vertical-align: middle;
    width: 100%
}

.jpui.dropdown .wrap .input-icon i,
.jpui.dropdown .wrap .input-icon span,
.jpui.dropdown.navigation .nav-icon i {
    vertical-align: bottom
}

.jpui.dropdown .wrap .input-icon {
    font-size: 1rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: auto;
    color: #414042
}

.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 {
        -webkit-transform: none;
        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,
.jpui.dropdown.show .list .groupOpen .group-container {
    height: auto;
    visibility: visible
}

.jpui.dropdown.show .list {
    -webkit-animation: slideDown .15s ease 0s forwards;
    animation: slideDown .15s ease 0s forwards
}

.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: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 .option {
    padding: 0;
    -moz-user-select: none;
    user-select: none
}

.jpui.dropdown .option .primary {
    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;
    font-size: 1rem;
    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 .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: .5625rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 0
}

.jpui.dropdown.addButton.rightAlign .list-container .list,
.jpui.dropdown.flyoutMenu .list-container .list.flip-left {
    right: 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
}

.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 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: -webkit-transform .5s ease-out 0s;
    transition: transform .5s ease-out 0s
}

.jpui.dropdown.dark .primary {
    padding-left: 2rem
}

.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: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):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
}

.jpui.dropdown.dark .list .group-container .group-title {
    color: #ccc;
    padding-left: 1rem
}

.jpui.dropdown.dark .list .group-container .group-title:focus {
    outline: #fff dashed .0625rem;
    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 .dropdown-option .primary {
    padding-left: 2rem
}

.jpui.dropdown.dark .list .group-container.groupOpen .group-title .group-arrow {
    color: #ccc
}

.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.dark .list {
        width: inherit
    }
    .jpui.dropdown.navigation .nav-icon {
        margin-top: .25rem
    }
}

.jpui.dropdown.addButton {
    display: inline-block
}

.jpui.dropdown.addButton .input {
    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: #717171 dashed .0625rem;
    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.rightAlign .input,
.jpui.dropdown.flyoutMenu .header {
    padding: 0
}

.jpui.dropdown.addButton.rightAlignIcon .input.header.field {
    text-overflow: unset
}

.jpui.dropdown.addButton.rightAlignIcon .header-text {
    -webkit-transform: translateY(-.3125rem);
    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.flyoutMenu.show .input:hover {
    border: 0;
    box-shadow: none
}

.jpui.dropdown.flyoutMenu .input {
    padding-left: 0;
    position: relative;
    border: 0;
    overflow-y: hidden
}

.jpui.dropdown.flyoutMenu .input:hover {
    border: 0;
    box-shadow: none
}

.jpui.dropdown.flyoutMenu .input:focus {
    outline: #717171 dashed .0625rem;
    box-shadow: none
}

.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;
    -webkit-transform: rotate(45deg);
    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.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 .link {
    display: block;
    text-align: center
}

.jpui.chart:not( .donut-pie) .svgContainer {
    height: 100%
}

.jpui.chart .pie-container {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    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: -ms-flexbox;
    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
    }
    .jpui.chart .pie-container .chart-container {
        width: 100%
    }
}

@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.right-align {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-right: 0
}

.jpui.chart .pie-container .chart-container {
    height: 100%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-top: 1.75rem
}

@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 .table {
    width: 80%;
    height: 100%;
    display: -ms-inline-flexbox;
    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 .5rem .5rem
}

.jpui.chart .pie-container .table.grouped-pie-donut .chart-table .content-row:last-of-type,
.jpui.chart .pie-container .table:not(.grouped-pie-donut) .chart-table .header-row {
    border-bottom: .0625rem solid #ccc
}

.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: 55%
}

.jpui.chart .pie-container .table.grouped-pie-donut .grouped-table__header .cell.z-value {
    width: 20%;
    text-align: right
}

.jpui.chart .pie-container .table.grouped-pie-donut .grouped-table__header .cell.y-value {
    width: 25%;
    text-align: right
}

.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 .chart-table,
.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: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 .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 {
    border-top: .0625rem dashed #ccc
}

.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 .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,
.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,
    .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,
.jpui.chart.stack-chart .pie-container .table {
    height: 50%;
    width: 100%
}

.jpui.chart .legend {
    border-bottom: .125rem;
    margin-left: .625rem
}

.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 {
    margin-right: 1.5rem;
    font-size: .875rem;
    font-weight: 700;
    color: #414042
}

.jpui.chart .svgContainer {
    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 .constantLineBox,
.jpui.chart .svgContainer .constantLineTriangle {
    fill: #115880
}

.jpui.chart .svgContainer .negative-bar,
.jpui.chart .svgContainer .positive-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 .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-weight: 400;
    line-height: 1
}

.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%;
    -webkit-transform: translateY(-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 {
    margin-top: 0
}

.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 {
    -webkit-transform: rotate(180deg);
    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 tbody>tr>td.right.text,
.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.no.bottom.border>td,
.jpui.grouped.table tbody>tr:last-child {
    border-bottom: 0
}

.jpui.grouped.table tbody>tr>td {
    border: 0;
    font-size: .875rem;
    font-weight: 400;
    padding: .3125rem .625rem .625rem;
    color: #403F41
}

.jpui.grouped.table tbody>tr:nth-child(even) {
    background: 0 0
}

.jpui.grouped.table tbody>tr>td.emphasize {
    font-size: 1.125rem
}

.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__icon {
    font-size: 3.625rem
}

.jpui.heroheader .heroheader__title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    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 {
    -webkit-filter: blur(.1875rem);
    filter: blur(.1875rem)
}

.jpui.image.blurred.image[data-blurlevel=low] img {
    -webkit-filter: blur(.0625rem);
    filter: blur(.0625rem)
}

.jpui.image.blurred.image[data-blurlevel=medium] img {
    -webkit-filter: blur(.1875rem);
    filter: blur(.1875rem)
}

.jpui.image.blurred.image[data-blurlevel=high] img {
    -webkit-filter: blur(.3125rem);
    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;
    -webkit-filter: blur(.3125rem);
    filter: blur(.3125rem);
    filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='5')
}

.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: #717171 dashed .0625rem
}

.jpui.iconwrap .minitooltip {
    position: absolute!important;
    padding: 0;
    border: 0;
    height: .0625rem;
    width: .0625rem;
    overflow: hidden;
    clip: rect(.0625rem, .0625rem, .0625rem, .0625rem)
}

.jpui.iconwrap.hasMinitooltip,
.jpui.loader .chiclets-container {
    position: relative
}

.jpui.iconwrap .minitooltip.show {
    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;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.jpui.iconwrap.hasMinitooltip:focus .minitooltip,
.jpui.iconwrap.hasMinitooltip:hover:not(.touch) .minitooltip {
    clip: auto;
    padding: .75rem 1rem;
    bottom: -.25rem;
    width: 12.125rem;
    height: auto;
    font-size: .875rem;
    color: #414042;
    background-color: #f9f6f3;
    box-shadow: 0 .125rem .1875rem 0 rgba(0, 0, 0, .28);
    z-index: 1;
    -webkit-transform: translateY(100%)
}

.jpui.iconwrap .minitooltip.show.delay {
    opacity: 0;
    -webkit-animation: showMiniTooltip .1s ease .75s both;
    animation: showMiniTooltip .1s ease .75s both
}

@-webkit-keyframes showMiniTooltip {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.jpui.iconwrap .minitooltip.show.rightAlign {
    left: auto;
    right: 0
}

@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:hover:not(.touch) .minitooltip {
    right: auto;
    left: 0;
    max-width: 18rem;
    border: .0625rem solid #ccc;
    border-radius: 0;
    transform: translateY(100%)
}

.jpui.iconwrap.hasMinitooltip:hover:not(.touch) .minitooltip.delay {
    opacity: 0;
    -webkit-animation: showMiniTooltip .1s ease .75s both;
    animation: showMiniTooltip .1s ease .75s both
}

.jpui.iconwrap.hasMinitooltip:hover:not(.touch) .minitooltip.rightAlign {
    left: auto;
    right: 0
}

@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 {
    outline: 0!important
}

.jpui.iconwrap.hasMinitooltip:focus i {
    outline: #717171 dashed .0625rem
}

.jpui.iconwrap.hasMinitooltip:focus .minitooltip {
    right: auto;
    left: 0;
    max-width: 18rem;
    border: .0625rem solid #ccc;
    border-radius: 0;
    transform: translateY(100%)
}

.jpui.iconwrap.hasMinitooltip:focus .minitooltip.delay {
    opacity: 0;
    -webkit-animation: showMiniTooltip .1s ease .75s both;
    animation: showMiniTooltip .1s ease .75s both
}

.jpui.iconwrap.hasMinitooltip:focus .minitooltip.rightAlign {
    left: auto;
    right: 0
}

@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 .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
}

.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-three,
    .jpui.loader .content-container .content.loader-two {
        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 .minitooltip {
    position: absolute!important;
    padding: 0;
    border: 0;
    height: .0625rem;
    width: .0625rem;
    overflow: hidden;
    clip: rect(.0625rem, .0625rem, .0625rem, .0625rem)
}

.jpui.iconaction .minitooltip.show,
.jpui.iconaction.hasMinitooltip:focus .minitooltip,
.jpui.iconaction.hasMinitooltip:hover:not(.touch) .minitooltip {
    clip: auto;
    padding: .75rem 1rem;
    bottom: -.25rem;
    width: 12.125rem;
    height: auto;
    font-size: .875rem;
    color: #414042;
    background-color: #f9f6f3;
    box-shadow: 0 .125rem .1875rem 0 rgba(0, 0, 0, .28);
    z-index: 1
}

.jpui.iconaction .minitooltip.show {
    right: auto;
    left: 0;
    max-width: 18rem;
    border: .0625rem solid #ccc;
    border-radius: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.jpui.iconaction .minitooltip.show.delay {
    opacity: 0;
    -webkit-animation: showMiniTooltip .1s ease .75s both;
    animation: showMiniTooltip .1s ease .75s both
}

.jpui.iconaction .minitooltip.show.rightAlign {
    left: auto;
    right: 0
}

@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 {
    right: auto;
    left: 0;
    max-width: 18rem;
    border: .0625rem solid #ccc;
    border-radius: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.jpui.iconaction.hasMinitooltip:hover:not(.touch) .minitooltip.delay {
    opacity: 0;
    -webkit-animation: showMiniTooltip .1s ease .75s both;
    animation: showMiniTooltip .1s ease .75s both
}

.jpui.iconaction.hasMinitooltip:hover:not(.touch) .minitooltip.rightAlign {
    left: auto;
    right: 0
}

@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 {
    outline: 0!important
}

.jpui.iconaction.hasMinitooltip:focus i {
    outline: #717171 dashed .0625rem
}

.jpui.inlinemodalheader .closeWrap:focus,
.jpui.inlinemodalheader>div>:focus {
    outline: 0
}

.jpui.iconaction.hasMinitooltip:focus .minitooltip {
    right: auto;
    left: 0;
    max-width: 18rem;
    border: .0625rem solid #ccc;
    border-radius: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.jpui.interstitials .image__container,
.jpui.link .link-anchor .minitooltip,
.jpui.minitooltip {
    clip: rect(.0625rem, .0625rem, .0625rem, .0625rem)
}

.jpui.iconaction.hasMinitooltip:focus .minitooltip.delay {
    opacity: 0;
    -webkit-animation: showMiniTooltip .1s ease .75s both;
    animation: showMiniTooltip .1s ease .75s both
}

.jpui.iconaction.hasMinitooltip:focus .minitooltip.rightAlign {
    left: auto;
    right: 0
}

@media (min-width:768px) {
    .jpui.iconaction.hasMinitooltip:focus .minitooltip {
        max-width: 21.875rem
    }
}

.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 .title {
        color: #000!important
    }
}

.jpui.inlinemodalheader>div {
    height: 100%;
    width: 100%
}

.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:992px) {
    .jpui.iconaction.hasMinitooltip:focus .minitooltip {
        max-width: 24.25rem
    }
    .jpui.inlinemodalheader .title {
        padding-left: 1.5rem
    }
}

.jpui.inlinemodalheader .closeWrap {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 1rem;
    width: 4.125rem;
    text-align: center;
    height: 3.25rem
}

@media screen and (max-width:767px) {
    .jpui.inlinemodalheader .title {
        margin-right: 3rem
    }
    .jpui.inlinemodalheader .closeWrap {
        height: 3rem
    }
}

@media (max-width:991px) {
    .jpui.inlinemodalheader .closeWrap {
        width: 3rem
    }
}

.jpui.inlinemodalheader .closeWrap:focus .icon.close {
    outline: #717171 dashed .0625rem
}

.jpui.inlinemodalheader.classic.blue .closeWrap:focus .icon.close,
.jpui.inlinemodalheader.classic:not(.blue) .closeWrap:focus .icon.close,
.jpui.inlinemodalheader.default .closeWrap:focus .icon.close,
.jpui.inlinemodalheader.payments .closeWrap:focus .icon.close,
.jpui.inlinemodalheader.profile .closeWrap:focus .icon.close {
    outline: #fff dashed .0625rem
}

.jpui.inlinemodalheader.classic.blue .closeWrap {
    height: 3.875rem
}

@media screen and (max-width:767px) {
    .jpui.inlinemodalheader.classic.blue .closeWrap {
        height: 3rem
    }
}

.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:hover,
.jpui.inlinemodalheader.profile .closeWrap:hover {
    background: rgba(0, 0, 0, .5)
}

.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: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:hover {
    background: rgba(0, 0, 0, .5)
}

.jpui.inlinemodalheader.classic.blue {
    background-color: #0a4386
}

@media print {
    .jpui.inlinemodalheader.classic.blue {
        background-color: transparent!important
    }
}

.jpui.inlinemodalheader.classic.blue .title {
    line-height: 2.4
}

@media (min-width:768px) {
    .jpui.inlinemodalheader .closeWrap {
        font-size: 1.125rem
    }
    .jpui.inlinemodalheader.classic.blue .closeWrap {
        line-height: 3.4
    }
}

.jpui.input,
.jpui.input:focus {
    outline: transparent solid .0625rem
}

.jpui.inlinemodalheader.classic.blue .closeWrap .icon.close {
    color: #fff!important
}

.jpui.input {
    padding: .5rem 1rem;
    width: 100%;
    height: 2.5rem;
    border: .0625rem solid #959595;
    border-radius: 0;
    -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;
    box-shadow: .0625rem .0625rem 0 #0b6efd, .0625rem -.0625rem 0 #0b6efd, -.0625rem .0625rem 0 #0b6efd, -.0625rem -.0625rem 0 #0b6efd
}

.jpui.input.textarea.error,
.jpui.input.textarea.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.no-margin-bottom {
    margin-bottom: 0
}

.jpui.input.textarea:disabled {
    background: #fff
}

.jpui.input.textarea.error:focus {
    outline: 0
}

.jpui.input:disabled {
    border-color: #bcbcbc;
    background: #fff;
    outline: 0
}

.jpui.input.error,
.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:disabled::-webkit-input-placeholder {
    color: #bcbcbc
}

.jpui.input:disabled::-moz-placeholder {
    color: #bcbcbc
}

.jpui.input:disabled:-ms-input-placeholder {
    color: #bcbcbc
}

.jpui.input.error {
    outline: transparent solid .125rem
}

.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;
    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;
    border-radius: .325rem;
    cursor: pointer;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .8125rem
}

.jpui.label.pointing.up:before,
.jpui.label.pointing:before {
    top: -.3rem;
    border-left-width: .0625rem;
    border-left-style: solid;
    border-top-width: .0625rem;
    border-top-style: solid
}

@-moz-document url-prefix() {
    .icon {
        will-change: transform
    }
    [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;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1;
    background-color: #ededed;
    border-color: #ededed;
    margin-left: -.3rem
}

.jpui.label.pointing.up {
    margin-top: 1rem
}

.jpui.label.pointing.up:before {
    margin-left: -.3rem
}

.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-right-style: solid;
    border-bottom-style: solid;
    border-width: 0 .0625rem .0625rem 0
}

.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() {
    .pointing:focus {
        padding: 0;
        outline: 0!important
    }
    .pointing:focus .label-outline {
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
        outline: #717171 dashed .0625rem;
        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: #717171 dashed .0625rem
    }
    .jpui.label.pointing:focus .label-outline {
        outline: 0
    }
}

.jpui.link .link-anchor {
    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
}

.jpui.link .link-anchor .minitooltip.show,
.jpui.link .link-anchor:focus .minitooltip,
.jpui.link .link-anchor:hover:not(.touch) .minitooltip {
    clip: auto;
    padding: .75rem 1rem;
    bottom: -.25rem;
    width: 12.125rem;
    height: auto;
    font-size: .875rem;
    color: #414042;
    background-color: #f9f6f3;
    box-shadow: 0 .125rem .1875rem 0 rgba(0, 0, 0, .28);
    z-index: 1
}

.jpui.link .link-anchor .minitooltip.show {
    right: auto;
    left: 0;
    max-width: 18rem;
    border: .0625rem solid #ccc;
    border-radius: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.jpui.link .link-anchor .minitooltip.show.delay {
    opacity: 0;
    -webkit-animation: showMiniTooltip .1s ease .75s both;
    animation: showMiniTooltip .1s ease .75s both
}

.jpui.link .link-anchor .minitooltip.show.rightAlign {
    left: auto;
    right: 0
}

@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 {
    right: auto;
    left: 0;
    max-width: 18rem;
    border: .0625rem solid #ccc;
    border-radius: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.jpui.link .link-anchor:focus .minitooltip.delay,
.jpui.link .link-anchor:hover:not(.touch) .minitooltip.delay {
    opacity: 0;
    -webkit-animation: showMiniTooltip .1s ease .75s both;
    animation: showMiniTooltip .1s ease .75s both
}

.jpui.link .link-anchor:focus .minitooltip.rightAlign,
.jpui.link .link-anchor:hover:not(.touch) .minitooltip.rightAlign {
    left: auto;
    right: 0
}

@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() {
    .link-anchor:focus {
        outline: 0!important
    }
    .link-anchor:focus:after {
        content: '';
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        outline: #666 dashed .0625rem;
        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.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;
    text-decoration: none;
    padding: .25rem 1rem
}

.jpui.menu li a:hover {
    background: #58c1f8;
    color: #fff
}

.jpui.menu li.active a {
    background: #0a96e0;
    color: #fff
}

.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: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    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;
    -webkit-transform: none;
    transform: none;
    -ms-flex-item-align: start;
    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 .75rem;
    margin-bottom: .75rem;
    text-align: right
}

.jpui.modal.table-xs-modal .dialog.vertical-center .dialogContent .row .yielded-modal-content .table-xs-descriptionlist {
    display: inline-block;
    padding: 0 .75rem 1.5rem;
    color: #666;
    line-height: 1.75
}

.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
}

.jpui.modal.table-xs-modal .dialog.vertical-center .dialogContent .row .yielded-modal-content .table-xs-additionalContent {
    clear: both;
    padding: 0 .75rem .75rem
}

.jpui.modal .chartModalCloseIcon {
    position: relative;
    left: 100%;
    cursor: pointer
}

.jpui.modal .modal-close-button-container {
    right: 1rem;
    top: 1rem
}

.jpui.modal .modal-title {
    margin-top: 1.5rem;
    width: 100%
}

.jpui.modal .chart-summary {
    width: 100%
}

@media (max-width:767px) {
    .jpui.modal .chartModalCloseIcon {
        left: 100%
    }
    .jpui.modal .chart-summary,
    .jpui.modal .modal-title {
        width: 100%
    }
}

.jpui.modal .summary-container .summary-table {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.jpui.modal .summary-container .summary-table .summary-cell {
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: stretch;
    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 .close-icon-container,
.jpui.modal .table-container .chart-table.dataset .y-value {
    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 {
        -webkit-transform: translate3d(0, 1.5625rem, 1px);
        transform: translate3d(0, 1.5625rem, 1px);
        background-color: rgba(255, 255, 255, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 1px);
        transform: translate3d(0, 0, 1px);
        background-color: rgba(255, 255, 255, .96)
    }
}

@keyframes fadeUp {
    from {
        -webkit-transform: translate3d(0, 1.5625rem, 1px);
        transform: translate3d(0, 1.5625rem, 1px);
        background-color: rgba(255, 255, 255, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 1px);
        transform: translate3d(0, 0, 1px);
        background-color: rgba(255, 255, 255, .96)
    }
}

.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)
    }
}

.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 {
    -ms-flex-item-align: 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 .additionalDialogContent,
.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 {
        -webkit-transform: translate3d(0, .9375rem, 1px);
        transform: translate3d(0, .9375rem, 1px);
        opacity: 0
    }
    to {
        -webkit-transform: translate3d(0, 0, 1px);
        transform: translate3d(0, 0, 1px);
        opacity: 1
    }
}

@keyframes fadeButton {
    from {
        -webkit-transform: translate3d(0, .9375rem, 1px);
        transform: translate3d(0, .9375rem, 1px);
        opacity: 0
    }
    to {
        -webkit-transform: translate3d(0, 0, 1px);
        transform: translate3d(0, 0, 1px);
        opacity: 1
    }
}

.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;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .jpui.modal .dialog.vertical-center {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    .jpui.modal .stickybuttons {
        display: none!important
    }
}

.jpui.modal.modal--with-sticky-buttons {
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: visible;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.jpui.modal.modal--with-sticky-buttons .stickybuttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    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__control {
    border: .0625rem solid #959595;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-wrap: wrap;
    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::-webkit-input-placeholder {
    color: #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 #bcbcbc;
    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 .3125rem .3125rem;
    -ms-flex-negative: 0;
    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: .3125rem;
    padding-left: .625rem;
    padding-right: .625rem
}

.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: #EDEDED;
    border: .0625rem dashed #717171
}

.jpui.multiselect .multiselect__control .multiselect__control-selection .multiselect__control-selected-button .multiselect__control-selected-icon {
    font-size: .5625rem;
    display: inline-block;
    margin-left: .5rem
}

.jpui.multiselect .multiselect__control .multiselect__control-search {
    display: inline;
    border: none
}

.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 {
        padding-top: .5rem
    }
}

.jpui.multiselect .multiselect__control .multiselect__control-icon {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    margin: .625rem
}

.jpui.multiselect .multiselect__menu {
    margin-top: .125rem;
    margin-bottom: .75rem;
    padding: 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: #717171 dashed .0625rem;
    outline-offset: -.125rem;
    background-color: #F9F6F3
}

.jpui.minitooltip {
    position: absolute!important;
    padding: 0;
    border: 0;
    height: .0625rem;
    width: .0625rem;
    overflow: hidden
}

.jpui.minitooltip.show {
    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;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.jpui.navbar.vertical,
.jpui.navbar.vertical ul li {
    background-color: #fff
}

.jpui.minitooltip.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.minitooltip.show.rightAlign {
    left: auto;
    right: 0
}

@media (min-width:768px) {
    .jpui.minitooltip.show {
        max-width: 21.875rem
    }
    .jpui.navbar.vertical.topLevel {
        padding-top: 1.3125rem
    }
}

@media (min-width:992px) {
    .jpui.minitooltip.show {
        max-width: 24.25rem
    }
}

.jpui.navbar.vertical {
    height: 100%
}

.jpui.navbar.vertical ul {
    margin: 0;
    list-style: none;
    padding-left: 0;
    height: auto;
    display: none;
    visibility: hidden
}

.jpui.navbar.vertical ul.active,
.jpui.navbar.vertical ul.open {
    display: block;
    visibility: visible
}

.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
}

.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: #717171 dashed .0625rem
}

.jpui.navbar.vertical .category .bottom a:hover:not(.touch) {
    background-color: #f3f0e9
}

.jpui.navbar.vertical .category .bottom a:active,
.jpui.navbar.vertical .category .bottom a:active:not(.touch) {
    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 .subcategory .bottom a:focus,
.jpui.navbar.vertical .subcategory>.listItem:focus {
    outline: #717171 dashed .0625rem
}

.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:active,
.jpui.navbar.vertical .subcategory>.listItem:active:not(.touch),
.jpui.navbar.vertical .subcategory>.listItem:hover:not(.touch) {
    background-color: #ede9e3
}

.jpui.navbar.vertical .subcategory>.listItem.disabled {
    color: #bcbcbc
}

.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:hover:not(.touch) {
    background-color: #f3f0e9
}

.jpui.navbar.vertical .subcategory .bottom a:active,
.jpui.navbar.vertical .subcategory .bottom a:active:not(.touch) {
    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.panel.primary .footer,
.jpui.panel.primary .header {
    border-left: .0625rem solid #DDD;
    border-right: .0625rem solid #DDD
}

.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 {
    height: 100%;
    width: 100%;
    background-color: #f9f6f3;
    border-bottom: .0625rem solid #fff
}

.jpui.navbar.vertical.dark {
    background-color: #3d3734
}

.jpui.navbar.vertical.dark:focus {
    background-color: #3d3734;
    outline: #959595 dashed .0625rem
}

.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: #959595 dashed .0625rem
}

.jpui.navbar.vertical.dark ul.category .bottom a.disabled:focus,
.jpui.spinner:focus {
    outline: 0
}

.jpui.navbar.vertical.dark ul.category .bottom a:hover:not(.touch) {
    background-color: #56504d
}

.jpui.navbar.vertical.dark ul.category .bottom a:active,
.jpui.navbar.vertical.dark ul.category .bottom a:active:not(.touch) {
    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.radiobutton input[type=radio]:focus~.radiobutton-label .error-focus,
.jpui.radiobutton input[type=radio]:focus~.radiobutton-label:not(.error) .radiobutton-outer-circle,
.jpui.segment:focus {
    outline: #717171 dashed .0625rem
}

.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,
.jpui.navbar.vertical.dark .subcategory:active:not(.touch) {
    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,
.jpui.navbar.vertical.dark ul.subcategory li .bottom a:active:not(.touch) {
    background-color: #0092ff
}

.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;
    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;
    padding: 1rem
}

.jpui.panel.secondary .footer,
.jpui.panel.secondary .header {
    border-left: .0625rem solid #428bca;
    border-right: .0625rem solid #428bca;
    padding: 1rem
}

.jpui.panel.secondary {
    background-color: transparent!important
}

.jpui.panel.secondary .header {
    background: #428bca;
    color: #fff;
    border-top: .0625rem solid #428bca
}

.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;
    background: #428bca;
    color: #fff
}

.jpui.panel.success .footer,
.jpui.panel.success .header {
    border-left: .0625rem solid #48960b;
    border-right: .0625rem solid #48960b
}

.jpui.panel.success {
    background-color: transparent!important
}

.jpui.panel.success .header {
    background: #48960b;
    color: #fff;
    border-top: .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;
    padding: 1rem;
    background: #48960b;
    color: #fff
}

.jpui.panel.error .footer,
.jpui.panel.error .header {
    border-left: .0625rem solid #df0209;
    border-right: .0625rem solid #df0209;
    padding: 1rem
}

.jpui.panel.error {
    background-color: transparent!important
}

.jpui.panel.error .header {
    background: #df0209;
    color: #fff;
    border-top: .0625rem solid #df0209
}

.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;
    background: #df0209;
    color: #fff
}

.jpui.progress.bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background-color: #d8d8d8;
    height: .25rem;
    width: 100%;
    border: .0625rem solid transparent;
    border-radius: .0625rem
}

.jpui.progress.bar[data-progress='37'] .fill,
.jpui.progress.bar[data-progress='36'] .fill,
.jpui.progress.bar[data-progress='35'] .fill,
.jpui.progress.bar[data-progress='34'] .fill,
.jpui.progress.bar[data-progress='33'] .fill,
.jpui.progress.bar[data-progress='32'] .fill,
.jpui.progress.bar[data-progress='31'] .fill,
.jpui.progress.bar[data-progress='30'] .fill,
.jpui.progress.bar[data-progress='29'] .fill,
.jpui.progress.bar[data-progress='28'] .fill,
.jpui.progress.bar[data-progress='27'] .fill,
.jpui.progress.bar[data-progress='26'] .fill,
.jpui.progress.bar[data-progress='25'] .fill,
.jpui.progress.bar[data-progress='24'] .fill,
.jpui.progress.bar[data-progress='23'] .fill,
.jpui.progress.bar[data-progress='22'] .fill,
.jpui.progress.bar[data-progress='21'] .fill,
.jpui.progress.bar[data-progress='20'] .fill,
.jpui.progress.bar[data-progress='19'] .fill,
.jpui.progress.bar[data-progress='18'] .fill,
.jpui.progress.bar[data-progress='5'] .fill,
.jpui.progress.bar[data-progress='17'] .fill,
.jpui.progress.bar[data-progress='16'] .fill,
.jpui.progress.bar[data-progress='15'] .fill,
.jpui.progress.bar[data-progress='14'] .fill,
.jpui.progress.bar[data-progress='13'] .fill,
.jpui.progress.bar[data-progress='12'] .fill,
.jpui.progress.bar[data-progress='11'] .fill,
.jpui.progress.bar[data-progress='10'] .fill,
.jpui.progress.bar[data-progress='9'] .fill,
.jpui.progress.bar[data-progress='8'] .fill,
.jpui.progress.bar[data-progress='7'] .fill,
.jpui.progress.bar[data-progress='6'] .fill,
.jpui.progress.bar[data-progress='4'] .fill,
.jpui.progress.bar[data-progress='3'] .fill,
.jpui.progress.bar[data-progress='2'] .fill,
.jpui.progress.bar[data-progress='1'] .fill,
.jpui.progress.bar[data-progress='0'] .fill,
.jpui.progress.bar[data-progress='100'] .fill,
.jpui.progress.bar[data-progress='99'] .fill,
.jpui.progress.bar[data-progress='98'] .fill,
.jpui.progress.bar[data-progress='97'] .fill,
.jpui.progress.bar[data-progress='96'] .fill,
.jpui.progress.bar[data-progress='95'] .fill,
.jpui.progress.bar[data-progress='94'] .fill,
.jpui.progress.bar[data-progress='93'] .fill,
.jpui.progress.bar[data-progress='92'] .fill,
.jpui.progress.bar[data-progress='91'] .fill,
.jpui.progress.bar[data-progress='90'] .fill,
.jpui.progress.bar[data-progress='89'] .fill,
.jpui.progress.bar[data-progress='88'] .fill,
.jpui.progress.bar[data-progress='87'] .fill,
.jpui.progress.bar[data-progress='86'] .fill,
.jpui.progress.bar[data-progress='85'] .fill,
.jpui.progress.bar[data-progress='84'] .fill,
.jpui.progress.bar[data-progress='83'] .fill,
.jpui.progress.bar[data-progress='82'] .fill,
.jpui.progress.bar[data-progress='81'] .fill,
.jpui.progress.bar[data-progress='80'] .fill,
.jpui.progress.bar[data-progress='79'] .fill,
.jpui.progress.bar[data-progress='78'] .fill,
.jpui.progress.bar[data-progress='77'] .fill,
.jpui.progress.bar[data-progress='76'] .fill,
.jpui.progress.bar[data-progress='75'] .fill,
.jpui.progress.bar[data-progress='74'] .fill,
.jpui.progress.bar[data-progress='73'] .fill,
.jpui.progress.bar[data-progress='72'] .fill,
.jpui.progress.bar[data-progress='71'] .fill,
.jpui.progress.bar[data-progress='70'] .fill,
.jpui.progress.bar[data-progress='69'] .fill,
.jpui.progress.bar[data-progress='68'] .fill,
.jpui.progress.bar[data-progress='67'] .fill,
.jpui.progress.bar[data-progress='66'] .fill,
.jpui.progress.bar[data-progress='65'] .fill,
.jpui.progress.bar[data-progress='64'] .fill,
.jpui.progress.bar[data-progress='63'] .fill,
.jpui.progress.bar[data-progress='62'] .fill,
.jpui.progress.bar[data-progress='61'] .fill,
.jpui.progress.bar[data-progress='60'] .fill,
.jpui.progress.bar[data-progress='59'] .fill,
.jpui.progress.bar[data-progress='58'] .fill,
.jpui.progress.bar[data-progress='57'] .fill,
.jpui.progress.bar[data-progress='56'] .fill,
.jpui.progress.bar[data-progress='55'] .fill,
.jpui.progress.bar[data-progress='54'] .fill,
.jpui.progress.bar[data-progress='53'] .fill,
.jpui.progress.bar[data-progress='52'] .fill,
.jpui.progress.bar[data-progress='51'] .fill,
.jpui.progress.bar[data-progress='49'] .fill,
.jpui.progress.bar[data-progress='48'] .fill,
.jpui.progress.bar[data-progress='47'] .fill,
.jpui.progress.bar[data-progress='46'] .fill,
.jpui.progress.bar[data-progress='45'] .fill,
.jpui.progress.bar[data-progress='44'] .fill,
.jpui.progress.bar[data-progress='43'] .fill,
.jpui.progress.bar[data-progress='42'] .fill,
.jpui.progress.bar[data-progress='41'] .fill,
.jpui.progress.bar[data-progress='40'] .fill,
.jpui.progress.bar[data-progress='39'] .fill,
.jpui.progress.bar[data-progress='38'] .fill {
    transition: width 1s ease-in-out;
    border-width: .1875rem;
    border-style: solid;
    border-color: transparent
}

.jpui.progress.bar .fill {
    height: .375rem;
    background-color: #0b6efd;
    border-radius: .125rem
}

.jpui.progress.bar[data-progress='0'] .fill {
    width: 0%
}

.jpui.progress.bar[data-progress='1'] .fill {
    width: 1%
}

.jpui.progress.bar[data-progress='2'] .fill {
    width: 2%
}

.jpui.progress.bar[data-progress='3'] .fill {
    width: 3%
}

.jpui.progress.bar[data-progress='4'] .fill {
    width: 4%
}

.jpui.progress.bar[data-progress='5'] .fill {
    width: 5%
}

.jpui.progress.bar[data-progress='6'] .fill {
    width: 6%
}

.jpui.progress.bar[data-progress='7'] .fill {
    width: 7%
}

.jpui.progress.bar[data-progress='8'] .fill {
    width: 8%
}

.jpui.progress.bar[data-progress='9'] .fill {
    width: 9%
}

.jpui.progress.bar[data-progress='10'] .fill {
    width: 10%
}

.jpui.progress.bar[data-progress='11'] .fill {
    width: 11%
}

.jpui.progress.bar[data-progress='12'] .fill {
    width: 12%
}

.jpui.progress.bar[data-progress='13'] .fill {
    width: 13%
}

.jpui.progress.bar[data-progress='14'] .fill {
    width: 14%
}

.jpui.progress.bar[data-progress='15'] .fill {
    width: 15%
}

.jpui.progress.bar[data-progress='16'] .fill {
    width: 16%
}

.jpui.progress.bar[data-progress='17'] .fill {
    width: 17%
}

.jpui.progress.bar[data-progress='18'] .fill {
    width: 18%
}

.jpui.progress.bar[data-progress='19'] .fill {
    width: 19%
}

.jpui.progress.bar[data-progress='20'] .fill {
    width: 20%
}

.jpui.progress.bar[data-progress='21'] .fill {
    width: 21%
}

.jpui.progress.bar[data-progress='22'] .fill {
    width: 22%
}

.jpui.progress.bar[data-progress='23'] .fill {
    width: 23%
}

.jpui.progress.bar[data-progress='24'] .fill {
    width: 24%
}

.jpui.progress.bar[data-progress='25'] .fill {
    width: 25%
}

.jpui.progress.bar[data-progress='26'] .fill {
    width: 26%
}

.jpui.progress.bar[data-progress='27'] .fill {
    width: 27%
}

.jpui.progress.bar[data-progress='28'] .fill {
    width: 28%
}

.jpui.progress.bar[data-progress='29'] .fill {
    width: 29%
}

.jpui.progress.bar[data-progress='30'] .fill {
    width: 30%
}

.jpui.progress.bar[data-progress='31'] .fill {
    width: 31%
}

.jpui.progress.bar[data-progress='32'] .fill {
    width: 32%
}

.jpui.progress.bar[data-progress='33'] .fill {
    width: 33%
}

.jpui.progress.bar[data-progress='34'] .fill {
    width: 34%
}

.jpui.progress.bar[data-progress='35'] .fill {
    width: 35%
}

.jpui.progress.bar[data-progress='36'] .fill {
    width: 36%
}

.jpui.progress.bar[data-progress='37'] .fill {
    width: 37%
}

.jpui.progress.bar[data-progress='38'] .fill {
    width: 38%
}

.jpui.progress.bar[data-progress='39'] .fill {
    width: 39%
}

.jpui.progress.bar[data-progress='40'] .fill {
    width: 40%
}

.jpui.progress.bar[data-progress='41'] .fill {
    width: 41%
}

.jpui.progress.bar[data-progress='42'] .fill {
    width: 42%
}

.jpui.progress.bar[data-progress='43'] .fill {
    width: 43%
}

.jpui.progress.bar[data-progress='44'] .fill {
    width: 44%
}

.jpui.progress.bar[data-progress='45'] .fill {
    width: 45%
}

.jpui.progress.bar[data-progress='46'] .fill {
    width: 46%
}

.jpui.progress.bar[data-progress='47'] .fill {
    width: 47%
}

.jpui.progress.bar[data-progress='48'] .fill {
    width: 48%
}

.jpui.progress.bar[data-progress='49'] .fill {
    width: 49%
}

.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 {
    width: 51%
}

.jpui.progress.bar[data-progress='52'] .fill {
    width: 52%
}

.jpui.progress.bar[data-progress='53'] .fill {
    width: 53%
}

.jpui.progress.bar[data-progress='54'] .fill {
    width: 54%
}

.jpui.progress.bar[data-progress='55'] .fill {
    width: 55%
}

.jpui.progress.bar[data-progress='56'] .fill {
    width: 56%
}

.jpui.progress.bar[data-progress='57'] .fill {
    width: 57%
}

.jpui.progress.bar[data-progress='58'] .fill {
    width: 58%
}

.jpui.progress.bar[data-progress='59'] .fill {
    width: 59%
}

.jpui.progress.bar[data-progress='60'] .fill {
    width: 60%
}

.jpui.progress.bar[data-progress='61'] .fill {
    width: 61%
}

.jpui.progress.bar[data-progress='62'] .fill {
    width: 62%
}

.jpui.progress.bar[data-progress='63'] .fill {
    width: 63%
}

.jpui.progress.bar[data-progress='64'] .fill {
    width: 64%
}

.jpui.progress.bar[data-progress='65'] .fill {
    width: 65%
}

.jpui.progress.bar[data-progress='66'] .fill {
    width: 66%
}

.jpui.progress.bar[data-progress='67'] .fill {
    width: 67%
}

.jpui.progress.bar[data-progress='68'] .fill {
    width: 68%
}

.jpui.progress.bar[data-progress='69'] .fill {
    width: 69%
}

.jpui.progress.bar[data-progress='70'] .fill {
    width: 70%
}

.jpui.progress.bar[data-progress='71'] .fill {
    width: 71%
}

.jpui.progress.bar[data-progress='72'] .fill {
    width: 72%
}

.jpui.progress.bar[data-progress='73'] .fill {
    width: 73%
}

.jpui.progress.bar[data-progress='74'] .fill {
    width: 74%
}

.jpui.progress.bar[data-progress='75'] .fill {
    width: 75%
}

.jpui.progress.bar[data-progress='76'] .fill {
    width: 76%
}

.jpui.progress.bar[data-progress='77'] .fill {
    width: 77%
}

.jpui.progress.bar[data-progress='78'] .fill {
    width: 78%
}

.jpui.progress.bar[data-progress='79'] .fill {
    width: 79%
}

.jpui.progress.bar[data-progress='80'] .fill {
    width: 80%
}

.jpui.progress.bar[data-progress='81'] .fill {
    width: 81%
}

.jpui.progress.bar[data-progress='82'] .fill {
    width: 82%
}

.jpui.progress.bar[data-progress='83'] .fill {
    width: 83%
}

.jpui.progress.bar[data-progress='84'] .fill {
    width: 84%
}

.jpui.progress.bar[data-progress='85'] .fill {
    width: 85%
}

.jpui.progress.bar[data-progress='86'] .fill {
    width: 86%
}

.jpui.progress.bar[data-progress='87'] .fill {
    width: 87%
}

.jpui.progress.bar[data-progress='88'] .fill {
    width: 88%
}

.jpui.progress.bar[data-progress='89'] .fill {
    width: 89%
}

.jpui.progress.bar[data-progress='90'] .fill {
    width: 90%
}

.jpui.progress.bar[data-progress='91'] .fill {
    width: 91%
}

.jpui.progress.bar[data-progress='92'] .fill {
    width: 92%
}

.jpui.progress.bar[data-progress='93'] .fill {
    width: 93%
}

.jpui.progress.bar[data-progress='94'] .fill {
    width: 94%
}

.jpui.progress.bar[data-progress='95'] .fill {
    width: 95%
}

.jpui.progress.bar[data-progress='96'] .fill {
    width: 96%
}

.jpui.progress.bar[data-progress='97'] .fill {
    width: 97%
}

.jpui.progress.bar[data-progress='98'] .fill {
    width: 98%
}

.jpui.progress.bar[data-progress='99'] .fill {
    width: 99%
}

.jpui.progress.bar[data-progress='100'] .fill {
    width: 100%
}

.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: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center
}

.jpui.progress.rectangles li {
    width: 100%;
    height: .25rem;
    background-color: #d8d8d8;
    border-radius: .0625rem;
    margin-right: .75rem;
    border: .0625rem solid transparent
}

.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: #ff9900;
    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.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: -webkit-transform 1s;
    transition: transform 1s
}

.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
}

.jpui.progress.radial .superscript {
    font-size: 60%
}

.jpui.progress.radial[data-progress='0'] .circle .fill,
.jpui.progress.radial[data-progress='0'] .circle .fill.fix,
.jpui.progress.radial[data-progress='0'] .circle .mask.full {
    -webkit-transform: rotate(0);
    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 {
    -webkit-transform: rotate(1.8deg);
    transform: rotate(1.8deg)
}

.jpui.progress.radial[data-progress='1'] .circle .fill.fix {
    -webkit-transform: rotate(3.6deg);
    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 {
    -webkit-transform: rotate(3.6deg);
    transform: rotate(3.6deg)
}

.jpui.progress.radial[data-progress='2'] .circle .fill.fix {
    -webkit-transform: rotate(7.2deg);
    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 {
    -webkit-transform: rotate(5.4deg);
    transform: rotate(5.4deg)
}

.jpui.progress.radial[data-progress='3'] .circle .fill.fix {
    -webkit-transform: rotate(10.8deg);
    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 {
    -webkit-transform: rotate(7.2deg);
    transform: rotate(7.2deg)
}

.jpui.progress.radial[data-progress='4'] .circle .fill.fix {
    -webkit-transform: rotate(14.4deg);
    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 {
    -webkit-transform: rotate(9deg);
    transform: rotate(9deg)
}

.jpui.progress.radial[data-progress='5'] .circle .fill.fix {
    -webkit-transform: rotate(18deg);
    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 {
    -webkit-transform: rotate(10.8deg);
    transform: rotate(10.8deg)
}

.jpui.progress.radial[data-progress='6'] .circle .fill.fix {
    -webkit-transform: rotate(21.6deg);
    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 {
    -webkit-transform: rotate(12.6deg);
    transform: rotate(12.6deg)
}

.jpui.progress.radial[data-progress='7'] .circle .fill.fix {
    -webkit-transform: rotate(25.2deg);
    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 {
    -webkit-transform: rotate(14.4deg);
    transform: rotate(14.4deg)
}

.jpui.progress.radial[data-progress='8'] .circle .fill.fix {
    -webkit-transform: rotate(28.8deg);
    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 {
    -webkit-transform: rotate(16.2deg);
    transform: rotate(16.2deg)
}

.jpui.progress.radial[data-progress='9'] .circle .fill.fix {
    -webkit-transform: rotate(32.4deg);
    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 {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg)
}

.jpui.progress.radial[data-progress='10'] .circle .fill.fix {
    -webkit-transform: rotate(36deg);
    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 {
    -webkit-transform: rotate(19.8deg);
    transform: rotate(19.8deg)
}

.jpui.progress.radial[data-progress='11'] .circle .fill.fix {
    -webkit-transform: rotate(39.6deg);
    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 {
    -webkit-transform: rotate(21.6deg);
    transform: rotate(21.6deg)
}

.jpui.progress.radial[data-progress='12'] .circle .fill.fix {
    -webkit-transform: rotate(43.2deg);
    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 {
    -webkit-transform: rotate(23.4deg);
    transform: rotate(23.4deg)
}

.jpui.progress.radial[data-progress='13'] .circle .fill.fix {
    -webkit-transform: rotate(46.8deg);
    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 {
    -webkit-transform: rotate(25.2deg);
    transform: rotate(25.2deg)
}

.jpui.progress.radial[data-progress='14'] .circle .fill.fix {
    -webkit-transform: rotate(50.4deg);
    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 {
    -webkit-transform: rotate(27deg);
    transform: rotate(27deg)
}

.jpui.progress.radial[data-progress='15'] .circle .fill.fix {
    -webkit-transform: rotate(54deg);
    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 {
    -webkit-transform: rotate(28.8deg);
    transform: rotate(28.8deg)
}

.jpui.progress.radial[data-progress='16'] .circle .fill.fix {
    -webkit-transform: rotate(57.6deg);
    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 {
    -webkit-transform: rotate(30.6deg);
    transform: rotate(30.6deg)
}

.jpui.progress.radial[data-progress='17'] .circle .fill.fix {
    -webkit-transform: rotate(61.2deg);
    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 {
    -webkit-transform: rotate(32.4deg);
    transform: rotate(32.4deg)
}

.jpui.progress.radial[data-progress='18'] .circle .fill.fix {
    -webkit-transform: rotate(64.8deg);
    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 {
    -webkit-transform: rotate(34.2deg);
    transform: rotate(34.2deg)
}

.jpui.progress.radial[data-progress='19'] .circle .fill.fix {
    -webkit-transform: rotate(68.4deg);
    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 {
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg)
}

.jpui.progress.radial[data-progress='20'] .circle .fill.fix {
    -webkit-transform: rotate(72deg);
    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 {
    -webkit-transform: rotate(37.8deg);
    transform: rotate(37.8deg)
}

.jpui.progress.radial[data-progress='21'] .circle .fill.fix {
    -webkit-transform: rotate(75.6deg);
    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 {
    -webkit-transform: rotate(39.6deg);
    transform: rotate(39.6deg)
}

.jpui.progress.radial[data-progress='22'] .circle .fill.fix {
    -webkit-transform: rotate(79.2deg);
    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 {
    -webkit-transform: rotate(41.4deg);
    transform: rotate(41.4deg)
}

.jpui.progress.radial[data-progress='23'] .circle .fill.fix {
    -webkit-transform: rotate(82.8deg);
    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 {
    -webkit-transform: rotate(43.2deg);
    transform: rotate(43.2deg)
}

.jpui.progress.radial[data-progress='24'] .circle .fill.fix {
    -webkit-transform: rotate(86.4deg);
    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 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.jpui.progress.radial[data-progress='25'] .circle .fill.fix {
    -webkit-transform: rotate(90deg);
    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 {
    -webkit-transform: rotate(46.8deg);
    transform: rotate(46.8deg)
}

.jpui.progress.radial[data-progress='26'] .circle .fill.fix {
    -webkit-transform: rotate(93.6deg);
    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 {
    -webkit-transform: rotate(48.6deg);
    transform: rotate(48.6deg)
}

.jpui.progress.radial[data-progress='27'] .circle .fill.fix {
    -webkit-transform: rotate(97.2deg);
    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 {
    -webkit-transform: rotate(50.4deg);
    transform: rotate(50.4deg)
}

.jpui.progress.radial[data-progress='28'] .circle .fill.fix {
    -webkit-transform: rotate(100.8deg);
    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 {
    -webkit-transform: rotate(52.2deg);
    transform: rotate(52.2deg)
}

.jpui.progress.radial[data-progress='29'] .circle .fill.fix {
    -webkit-transform: rotate(104.4deg);
    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 {
    -webkit-transform: rotate(54deg);
    transform: rotate(54deg)
}

.jpui.progress.radial[data-progress='30'] .circle .fill.fix {
    -webkit-transform: rotate(108deg);
    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 {
    -webkit-transform: rotate(55.8deg);
    transform: rotate(55.8deg)
}

.jpui.progress.radial[data-progress='31'] .circle .fill.fix {
    -webkit-transform: rotate(111.6deg);
    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 {
    -webkit-transform: rotate(57.6deg);
    transform: rotate(57.6deg)
}

.jpui.progress.radial[data-progress='32'] .circle .fill.fix {
    -webkit-transform: rotate(115.2deg);
    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 {
    -webkit-transform: rotate(59.4deg);
    transform: rotate(59.4deg)
}

.jpui.progress.radial[data-progress='33'] .circle .fill.fix {
    -webkit-transform: rotate(118.8deg);
    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 {
    -webkit-transform: rotate(61.2deg);
    transform: rotate(61.2deg)
}

.jpui.progress.radial[data-progress='34'] .circle .fill.fix {
    -webkit-transform: rotate(122.4deg);
    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 {
    -webkit-transform: rotate(63deg);
    transform: rotate(63deg)
}

.jpui.progress.radial[data-progress='35'] .circle .fill.fix {
    -webkit-transform: rotate(126deg);
    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 {
    -webkit-transform: rotate(64.8deg);
    transform: rotate(64.8deg)
}

.jpui.progress.radial[data-progress='36'] .circle .fill.fix {
    -webkit-transform: rotate(129.6deg);
    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 {
    -webkit-transform: rotate(66.6deg);
    transform: rotate(66.6deg)
}

.jpui.progress.radial[data-progress='37'] .circle .fill.fix {
    -webkit-transform: rotate(133.2deg);
    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 {
    -webkit-transform: rotate(68.4deg);
    transform: rotate(68.4deg)
}

.jpui.progress.radial[data-progress='38'] .circle .fill.fix {
    -webkit-transform: rotate(136.8deg);
    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 {
    -webkit-transform: rotate(70.2deg);
    transform: rotate(70.2deg)
}

.jpui.progress.radial[data-progress='39'] .circle .fill.fix {
    -webkit-transform: rotate(140.4deg);
    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 {
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg)
}

.jpui.progress.radial[data-progress='40'] .circle .fill.fix {
    -webkit-transform: rotate(144deg);
    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 {
    -webkit-transform: rotate(73.8deg);
    transform: rotate(73.8deg)
}

.jpui.progress.radial[data-progress='41'] .circle .fill.fix {
    -webkit-transform: rotate(147.6deg);
    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 {
    -webkit-transform: rotate(75.6deg);
    transform: rotate(75.6deg)
}

.jpui.progress.radial[data-progress='42'] .circle .fill.fix {
    -webkit-transform: rotate(151.2deg);
    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 {
    -webkit-transform: rotate(77.4deg);
    transform: rotate(77.4deg)
}

.jpui.progress.radial[data-progress='43'] .circle .fill.fix {
    -webkit-transform: rotate(154.8deg);
    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 {
    -webkit-transform: rotate(79.2deg);
    transform: rotate(79.2deg)
}

.jpui.progress.radial[data-progress='44'] .circle .fill.fix {
    -webkit-transform: rotate(158.4deg);
    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 {
    -webkit-transform: rotate(81deg);
    transform: rotate(81deg)
}

.jpui.progress.radial[data-progress='45'] .circle .fill.fix {
    -webkit-transform: rotate(162deg);
    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 {
    -webkit-transform: rotate(82.8deg);
    transform: rotate(82.8deg)
}

.jpui.progress.radial[data-progress='46'] .circle .fill.fix {
    -webkit-transform: rotate(165.6deg);
    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 {
    -webkit-transform: rotate(84.6deg);
    transform: rotate(84.6deg)
}

.jpui.progress.radial[data-progress='47'] .circle .fill.fix {
    -webkit-transform: rotate(169.2deg);
    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 {
    -webkit-transform: rotate(86.4deg);
    transform: rotate(86.4deg)
}

.jpui.progress.radial[data-progress='48'] .circle .fill.fix {
    -webkit-transform: rotate(172.8deg);
    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 {
    -webkit-transform: rotate(88.2deg);
    transform: rotate(88.2deg)
}

.jpui.progress.radial[data-progress='49'] .circle .fill.fix {
    -webkit-transform: rotate(176.4deg);
    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 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.jpui.progress.radial[data-progress='50'] .circle .fill.fix {
    -webkit-transform: rotate(180deg);
    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 {
    -webkit-transform: rotate(91.8deg);
    transform: rotate(91.8deg)
}

.jpui.progress.radial[data-progress='51'] .circle .fill.fix {
    -webkit-transform: rotate(183.6deg);
    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 {
    -webkit-transform: rotate(93.6deg);
    transform: rotate(93.6deg)
}

.jpui.progress.radial[data-progress='52'] .circle .fill.fix {
    -webkit-transform: rotate(187.2deg);
    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 {
    -webkit-transform: rotate(95.4deg);
    transform: rotate(95.4deg)
}

.jpui.progress.radial[data-progress='53'] .circle .fill.fix {
    -webkit-transform: rotate(190.8deg);
    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 {
    -webkit-transform: rotate(97.2deg);
    transform: rotate(97.2deg)
}

.jpui.progress.radial[data-progress='54'] .circle .fill.fix {
    -webkit-transform: rotate(194.4deg);
    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 {
    -webkit-transform: rotate(99deg);
    transform: rotate(99deg)
}

.jpui.progress.radial[data-progress='55'] .circle .fill.fix {
    -webkit-transform: rotate(198deg);
    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 {
    -webkit-transform: rotate(100.8deg);
    transform: rotate(100.8deg)
}

.jpui.progress.radial[data-progress='56'] .circle .fill.fix {
    -webkit-transform: rotate(201.6deg);
    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 {
    -webkit-transform: rotate(102.6deg);
    transform: rotate(102.6deg)
}

.jpui.progress.radial[data-progress='57'] .circle .fill.fix {
    -webkit-transform: rotate(205.2deg);
    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 {
    -webkit-transform: rotate(104.4deg);
    transform: rotate(104.4deg)
}

.jpui.progress.radial[data-progress='58'] .circle .fill.fix {
    -webkit-transform: rotate(208.8deg);
    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 {
    -webkit-transform: rotate(106.2deg);
    transform: rotate(106.2deg)
}

.jpui.progress.radial[data-progress='59'] .circle .fill.fix {
    -webkit-transform: rotate(212.4deg);
    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 {
    -webkit-transform: rotate(108deg);
    transform: rotate(108deg)
}

.jpui.progress.radial[data-progress='60'] .circle .fill.fix {
    -webkit-transform: rotate(216deg);
    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 {
    -webkit-transform: rotate(109.8deg);
    transform: rotate(109.8deg)
}

.jpui.progress.radial[data-progress='61'] .circle .fill.fix {
    -webkit-transform: rotate(219.6deg);
    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 {
    -webkit-transform: rotate(111.6deg);
    transform: rotate(111.6deg)
}

.jpui.progress.radial[data-progress='62'] .circle .fill.fix {
    -webkit-transform: rotate(223.2deg);
    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 {
    -webkit-transform: rotate(113.4deg);
    transform: rotate(113.4deg)
}

.jpui.progress.radial[data-progress='63'] .circle .fill.fix {
    -webkit-transform: rotate(226.8deg);
    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 {
    -webkit-transform: rotate(115.2deg);
    transform: rotate(115.2deg)
}

.jpui.progress.radial[data-progress='64'] .circle .fill.fix {
    -webkit-transform: rotate(230.4deg);
    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 {
    -webkit-transform: rotate(117deg);
    transform: rotate(117deg)
}

.jpui.progress.radial[data-progress='65'] .circle .fill.fix {
    -webkit-transform: rotate(234deg);
    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 {
    -webkit-transform: rotate(118.8deg);
    transform: rotate(118.8deg)
}

.jpui.progress.radial[data-progress='66'] .circle .fill.fix {
    -webkit-transform: rotate(237.6deg);
    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 {
    -webkit-transform: rotate(120.6deg);
    transform: rotate(120.6deg)
}

.jpui.progress.radial[data-progress='67'] .circle .fill.fix {
    -webkit-transform: rotate(241.2deg);
    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 {
    -webkit-transform: rotate(122.4deg);
    transform: rotate(122.4deg)
}

.jpui.progress.radial[data-progress='68'] .circle .fill.fix {
    -webkit-transform: rotate(244.8deg);
    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 {
    -webkit-transform: rotate(124.2deg);
    transform: rotate(124.2deg)
}

.jpui.progress.radial[data-progress='69'] .circle .fill.fix {
    -webkit-transform: rotate(248.4deg);
    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 {
    -webkit-transform: rotate(126deg);
    transform: rotate(126deg)
}

.jpui.progress.radial[data-progress='70'] .circle .fill.fix {
    -webkit-transform: rotate(252deg);
    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 {
    -webkit-transform: rotate(127.8deg);
    transform: rotate(127.8deg)
}

.jpui.progress.radial[data-progress='71'] .circle .fill.fix {
    -webkit-transform: rotate(255.6deg);
    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 {
    -webkit-transform: rotate(129.6deg);
    transform: rotate(129.6deg)
}

.jpui.progress.radial[data-progress='72'] .circle .fill.fix {
    -webkit-transform: rotate(259.2deg);
    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 {
    -webkit-transform: rotate(131.4deg);
    transform: rotate(131.4deg)
}

.jpui.progress.radial[data-progress='73'] .circle .fill.fix {
    -webkit-transform: rotate(262.8deg);
    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 {
    -webkit-transform: rotate(133.2deg);
    transform: rotate(133.2deg)
}

.jpui.progress.radial[data-progress='74'] .circle .fill.fix {
    -webkit-transform: rotate(266.4deg);
    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 {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.jpui.progress.radial[data-progress='75'] .circle .fill.fix {
    -webkit-transform: rotate(270deg);
    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 {
    -webkit-transform: rotate(136.8deg);
    transform: rotate(136.8deg)
}

.jpui.progress.radial[data-progress='76'] .circle .fill.fix {
    -webkit-transform: rotate(273.6deg);
    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 {
    -webkit-transform: rotate(138.6deg);
    transform: rotate(138.6deg)
}

.jpui.progress.radial[data-progress='77'] .circle .fill.fix {
    -webkit-transform: rotate(277.2deg);
    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 {
    -webkit-transform: rotate(140.4deg);
    transform: rotate(140.4deg)
}

.jpui.progress.radial[data-progress='78'] .circle .fill.fix {
    -webkit-transform: rotate(280.8deg);
    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 {
    -webkit-transform: rotate(142.2deg);
    transform: rotate(142.2deg)
}

.jpui.progress.radial[data-progress='79'] .circle .fill.fix {
    -webkit-transform: rotate(284.4deg);
    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 {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg)
}

.jpui.progress.radial[data-progress='80'] .circle .fill.fix {
    -webkit-transform: rotate(288deg);
    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 {
    -webkit-transform: rotate(145.8deg);
    transform: rotate(145.8deg)
}

.jpui.progress.radial[data-progress='81'] .circle .fill.fix {
    -webkit-transform: rotate(291.6deg);
    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 {
    -webkit-transform: rotate(147.6deg);
    transform: rotate(147.6deg)
}

.jpui.progress.radial[data-progress='82'] .circle .fill.fix {
    -webkit-transform: rotate(295.2deg);
    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 {
    -webkit-transform: rotate(149.4deg);
    transform: rotate(149.4deg)
}

.jpui.progress.radial[data-progress='83'] .circle .fill.fix {
    -webkit-transform: rotate(298.8deg);
    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 {
    -webkit-transform: rotate(151.2deg);
    transform: rotate(151.2deg)
}

.jpui.progress.radial[data-progress='84'] .circle .fill.fix {
    -webkit-transform: rotate(302.4deg);
    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 {
    -webkit-transform: rotate(153deg);
    transform: rotate(153deg)
}

.jpui.progress.radial[data-progress='85'] .circle .fill.fix {
    -webkit-transform: rotate(306deg);
    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 {
    -webkit-transform: rotate(154.8deg);
    transform: rotate(154.8deg)
}

.jpui.progress.radial[data-progress='86'] .circle .fill.fix {
    -webkit-transform: rotate(309.6deg);
    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 {
    -webkit-transform: rotate(156.6deg);
    transform: rotate(156.6deg)
}

.jpui.progress.radial[data-progress='87'] .circle .fill.fix {
    -webkit-transform: rotate(313.2deg);
    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 {
    -webkit-transform: rotate(158.4deg);
    transform: rotate(158.4deg)
}

.jpui.progress.radial[data-progress='88'] .circle .fill.fix {
    -webkit-transform: rotate(316.8deg);
    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 {
    -webkit-transform: rotate(160.2deg);
    transform: rotate(160.2deg)
}

.jpui.progress.radial[data-progress='89'] .circle .fill.fix {
    -webkit-transform: rotate(320.4deg);
    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 {
    -webkit-transform: rotate(162deg);
    transform: rotate(162deg)
}

.jpui.progress.radial[data-progress='90'] .circle .fill.fix {
    -webkit-transform: rotate(324deg);
    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 {
    -webkit-transform: rotate(163.8deg);
    transform: rotate(163.8deg)
}

.jpui.progress.radial[data-progress='91'] .circle .fill.fix {
    -webkit-transform: rotate(327.6deg);
    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 {
    -webkit-transform: rotate(165.6deg);
    transform: rotate(165.6deg)
}

.jpui.progress.radial[data-progress='92'] .circle .fill.fix {
    -webkit-transform: rotate(331.2deg);
    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 {
    -webkit-transform: rotate(167.4deg);
    transform: rotate(167.4deg)
}

.jpui.progress.radial[data-progress='93'] .circle .fill.fix {
    -webkit-transform: rotate(334.8deg);
    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 {
    -webkit-transform: rotate(169.2deg);
    transform: rotate(169.2deg)
}

.jpui.progress.radial[data-progress='94'] .circle .fill.fix {
    -webkit-transform: rotate(338.4deg);
    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 {
    -webkit-transform: rotate(171deg);
    transform: rotate(171deg)
}

.jpui.progress.radial[data-progress='95'] .circle .fill.fix {
    -webkit-transform: rotate(342deg);
    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 {
    -webkit-transform: rotate(172.8deg);
    transform: rotate(172.8deg)
}

.jpui.progress.radial[data-progress='96'] .circle .fill.fix {
    -webkit-transform: rotate(345.6deg);
    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 {
    -webkit-transform: rotate(174.6deg);
    transform: rotate(174.6deg)
}

.jpui.progress.radial[data-progress='97'] .circle .fill.fix {
    -webkit-transform: rotate(349.2deg);
    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 {
    -webkit-transform: rotate(176.4deg);
    transform: rotate(176.4deg)
}

.jpui.progress.radial[data-progress='98'] .circle .fill.fix {
    -webkit-transform: rotate(352.8deg);
    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 {
    -webkit-transform: rotate(178.2deg);
    transform: rotate(178.2deg)
}

.jpui.progress.radial[data-progress='99'] .circle .fill.fix {
    -webkit-transform: rotate(356.4deg);
    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 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.jpui.progress.radial[data-progress='100'] .circle .fill.fix {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.jpui.progress.radial[data-progress='100'] .inset .percentage:before {
    content: '100'
}

.jpui.progress.radial.small,
.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.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;
    filter: alpha(opacity=0);
    position: absolute;
    height: 1.375rem;
    width: 1.375rem;
    z-index: 1;
    cursor: pointer
}

.jpui.radiobutton input[type=radio]:checked:disabled~.radiobutton-label .radiobutton-label-content,
.jpui.radiobutton input[type=radio]:disabled~.radiobutton-label .radiobutton-label-content {
    opacity: .4
}

.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: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~.selectedRadiobuttonContainer,
.jpui.radiobutton input[type=radio]:disabled,
.jpui.radiobutton input[type=radio]:disabled~.radiobutton-label {
    cursor: default
}

.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: -ms-inline-flexbox;
    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
}

.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 .selectedRadiobuttonContainer {
    display: none;
    cursor: auto
}

.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.active,
.jpui.segment:not(.active) {
    transition: border-top-color .25s, background-color .25s
}

.jpui.segment:hover {
    background: #fff
}

.jpui.segment.active {
    background: #fff;
    border-top: .3125rem #0b4c87 solid;
    box-shadow: 0 .125rem .1875rem 0 rgba(0, 0, 0, .28)
}

.jpui.segment.active .amount {
    color: #0b4c87
}

.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;
    -moz-box-sizing: border-box;
    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;
    -moz-box-sizing: border-box;
    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: 1.25rem -.9375rem 0;
    border: none;
    border-top: .0625rem dashed #999;
    padding-bottom: 0;
    color: #999;
    padding-left: .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
    }
}

@-moz-document url-prefix() {
    select {
        -moz-appearance: none;
        border: .0625rem solid #CCC;
        height: 2.5rem;
        width: 31.25rem;
        padding: .375rem .75rem
    }
    .selectwrap {
        position: relative
    }
    .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-table;
    vertical-align: middle;
    width: 100%
}

.jpui.select .wrap .input,
.jpui.spinner {
    display: inline-block
}

.jpui.select .wrap .input-icon {
    font-size: 1rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: auto;
    color: #414042
}

.jpui.select .wrap.left .input-icon.disabled,
.jpui.select .wrap.right .input-icon[disabled] {
    color: #bcbcbc
}

.jpui.select .wrap .input-icon i,
.jpui.select .wrap .input-icon span {
    vertical-align: bottom
}

.jpui.select .wrap.left .input-icon {
    left: .5rem
}

.jpui.select .wrap.left .input {
    padding-left: 1.75rem
}

.jpui.select .wrap.right .input {
    padding-right: 2.275rem
}

@media print {
    .jpui.select .wrap .input-icon {
        -webkit-transform: none;
        transform: none;
        margin-top: -.72rem
    }
}

.jpui.select .wrap span {
    pointer-events: none
}

.jpui.select .wrap.right .input-icon {
    right: .75rem
}

.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.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] {
    text-align: right
}

.jpui.simple.table td[data-th]:first-child,
.jpui.simple.table td[data-th]:first-child .headerText,
.jpui.simple.table th[scope]:first-child,
.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]: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.styledselect .text-float-left,
.jpui.styledselect.text-float-left {
    text-align: left
}

.jpui.spinner {
    position: relative;
    padding-top: .25rem;
    will-change: transform
}

.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
}

.jpui.spinner.inline .box1,
.jpui.spinner.inline .box2 {
    -webkit-animation: animateInline .5s infinite alternate linear
}

@media (min-width:768px) {
    .jpui.spinner .spinner__block {
        height: 2.375rem;
        width: 2.375rem
    }
    .jpui.searchBox .jpui.label {
        min-width: 10.9375rem;
        max-width: 21.875rem
    }
}

@media (min-width:992px) {
    .jpui.spinner .spinner__block {
        height: 3rem;
        width: 3rem
    }
    .jpui.searchBox .jpui.label {
        min-width: 12.125rem;
        max-width: 24.25rem
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.jpui.spinner.inline {
    width: 1.75rem;
    top: -.25rem
}

.jpui.spinner.inline .box1,
.jpui.spinner.inline .box2,
.jpui.spinner.inline .box3 {
    content: '\0020';
    background: #0092FF;
    width: .5rem;
    height: .5rem;
    position: absolute;
    bottom: 0;
    display: inline-block
}

.jpui.spinner.inline .box1 {
    animation: animateInline .5s infinite alternate linear;
    left: 0
}

.jpui.spinner.inline .box2 {
    animation: animateInline .5s infinite alternate linear;
    right: .625rem;
    -webkit-animation-delay: .166s!important;
    animation-delay: .166s!important
}

.jpui.spinner.inline .box3 {
    -webkit-animation: animateInline .5s infinite alternate linear;
    animation: animateInline .5s infinite alternate linear;
    right: 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 .9375rem;
    position: relative
}

.jpui.searchBox .search-box input::-ms-clear {
    display: none
}

.jpui.searchBox .closebutton {
    position: absolute;
    right: -.5rem;
    top: .4375rem;
    border: none;
    background: 0 0;
    font-size: 1.25rem
}

.jpui.searchBox .closebutton:focus:focus {
    outline: #717171 dashed .0625rem
}

.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,
.jpui.searchBox .searchicon i:active:not(.touch) {
    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;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.jpui.searchBox .search-bar-input:focus {
    outline: 0
}

.jpui.searchBox li:focus,
.jpui.styledselect .option:not(.disabled).is-focused,
.jpui.styledselect .option:not(.disabled):focus {
    outline: #717171 dashed .0625rem
}

.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.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;
    z-index: 999
}

.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 {
    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):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
}

.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
}

.jpui.styledselect .wrap .input-icon i,
.jpui.styledselect .wrap .input-icon span {
    vertical-align: bottom
}

.jpui.styledselect .wrap.right .input-icon {
    right: .8rem;
    margin-right: .019rem
}

.jpui.styledselect .wrap.right .text-overflow {
    background: #fff;
    line-height: 2rem;
    height: 1.875rem;
    width: 2.375rem;
    right: .0625rem;
    border: 0
}

.jpui.styledselect .selectStyled,
.jpui.styledselect .selectStyledSelectOverride {
    height: .063rem!important;
    width: .063rem!important
}

@media all and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .jpui.styledselect .wrap.right .text-overflow {
        right: .0925rem
    }
}

@-moz-document url-prefix() {
    input[type=button] {
        padding: 0!important
    }
}

.jpui.styledselect .wrap.right input[type=button]::-moz-focus-inner {
    padding: 0 1rem!important
}

.jpui.styledselect .wrap.right .selectClassic {
    border: .0625rem solid #959595;
    outline: transparent solid .0625rem
}

.jpui.styledselect .selectStyled {
    position: absolute!important;
    clip: rect(.063rem, .063rem, .063rem, .063rem);
    padding: 0!important;
    border: 0!important;
    overflow: hidden;
    display: none
}

.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: transparent dashed .0625rem
}

.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%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: auto
}

.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 {
    display: block;
    padding: .3125rem 1rem
}

.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 .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: #959595 dashed .0625rem
}

.jpui.slideshow .nav-icon-link.left:focus,
.jpui.slideshow .nav-icon-link.right:focus,
.jpui.slideshow .nav-icon-link:active.left:focus,
.jpui.slideshow .nav-icon-link:active.right:focus,
.jpui.slideshow .nav-icon-link:hover.left:focus,
.jpui.slideshow .nav-icon-link:hover.right:focus,
.jpui.slideshow .nav-icon-link:visited.left:focus,
.jpui.slideshow .nav-icon-link:visited.right:focus,
.jpui.slideshow .slideshow-closeLink:focus {
    outline: #fff dashed .0625rem
}

.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%;
    -webkit-transform: translateY(-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: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.jpui.stickybuttons .stickybuttons__button {
    margin: 0 0 .75rem;
    white-space: nowrap;
    overflow: hidden
}

.jpui.stickybuttons .stickybuttons__button:last-child {
    margin-bottom: 0
}

@media (max-width:767px) {
    .jpui.stickybuttons.stickybuttons--inline {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .jpui.stickybuttons .stickybuttons__button--inline {
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: 0
    }
    .jpui.stickybuttons .stickybuttons__button--inline:last-child {
        margin-left: 1.5rem
    }
}

@media (min-width:768px) {
    .jpui.stickybuttons {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 1.125rem 1.5rem
    }
    .jpui.stickybuttons .stickybuttons__button {
        min-width: unset;
        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.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-closeIcon {
    color: #fff;
    -webkit-filter: drop-shadow(.188rem .188rem .188rem rgba(0, 0, 0, .8));
    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%;
    -webkit-transform: translateY(-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.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-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;
    min-height: 9.875rem;
    opacity: 0;
    padding: 1.563rem;
    position: relative;
    transition: none
}

.animate.jpui.slideshow .slideshow-content {
    transition: opacity .5s ease-in-out
}

.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 .item.focus-slide {
    opacity: 1;
    position: relative;
    visibility: visible;
    display: block
}

.jpui.slideshow .item.focus-slide .main-gallery-img,
.jpui.slideshow .item.focus-slide .slideshow-content {
    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%;
        -webkit-transform: translateY(-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.slider .max-value,
.jpui.slider .min-value {
    top: .375rem;
    position: relative
}

@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
    }
}

@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 .max-value {
    float: right
}

.jpui.slider .label-container .label-value {
    font-weight: 700
}

.jpui.slider .input-container {
    position: relative;
    top: .25rem
}

.jpui.slider .input-container>::-webkit-slider-thumb {
    display: none
}

.jpui.slider .input-container .pseudo-thumb {
    height: 1.0625rem;
    width: 1.0625rem;
    position: absolute;
    border-radius: 50%;
    background: #0B6EFD;
    border: .125rem solid #0B6EFD;
    bottom: -.5rem;
    margin-bottom: .53125rem
}

.jpui.slider .input-container .pseudo-range {
    height: .1825rem;
    position: relative;
    background-color: #0B6EFD
}

.jpui.slider .input-container:not(.isIE) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 1.0625rem;
    -ms-flex-pack: center;
    justify-content: center
}

.jpui.slider input[type=range] {
    width: 100%;
    border-radius: .3125rem;
    border-width: .5rem 0;
    display: block
}

.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;
    top: .625rem
}

.jpui.slider input[type=range]:focus.range-max~.pseudo-thumb.max,
.jpui.slider input[type=range]:focus.range-min~.pseudo-thumb.min {
    outline: #717171 dashed .0625rem
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .jpui.slider input[type=range] {
        height: .1875rem;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #BCBCBC
    }
    .jpui.slider input[type=range].single::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        background-color: #0B6EFD;
        border: .125rem solid #0B6EFD;
        width: 1.0625rem;
        height: 1.0625rem;
        border-radius: 50%
    }
    .jpui.slider input[type=range].single:focus:active::-webkit-slider-thumb {
        outline: 0
    }
    .jpui.slider input[type=range].single:focus::-webkit-slider-thumb {
        outline: #717171 dashed .0625rem
    }
    .jpui.slider input[type=range].disabled {
        background-color: #CCC
    }
    .jpui.slider input[type=range].disabled::-webkit-slider-thumb {
        width: 1.125rem;
        height: 1.125rem;
        background-color: #D6D6D6;
        border: .125rem solid #FFF
    }
}

@media screen and (-ms-high-contrast:none),
(-ms-high-contrast:active) {
    .jpui.slider input[type=range].single:focus:active::-ms-thumb {
        outline: 0
    }
    .jpui.slider input[type=range].single:focus::-ms-thumb {
        outline: #717171 dashed .0625rem
    }
    .jpui.slider input[type=range].single::-ms-fill-lower {
        background-color: #0B6EFD
    }
    .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-lower {
        background: #BCBCBC;
        border-radius: .3125rem
    }
    .jpui.slider input[type=range]::-ms-fill-upper {
        background: #BCBCBC;
        border-radius: .3125rem
    }
    .jpui.slider input[type=range]::-ms-thumb {
        background-color: #0B6EFD;
        border: .125rem solid #0B6EFD;
        width: .8125rem;
        height: .8125rem;
        border-radius: 50%
    }
    .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-color: #CCC
    }
    .jpui.slider input[type=range].disabled::-ms-thumb {
        width: 1.125rem;
        height: 1.125rem;
        background-color: #D6D6D6;
        border: .125rem solid #FFF
    }
    .jpui.slider .input-container {
        top: 2rem
    }
    .jpui.slider .input-container .slider__input {
        top: -1.625rem
    }
    .jpui.slider .input-container .pseudo-range {
        bottom: .0625rem;
        height: .25rem
    }
    .jpui.slider .input-container .pseudo-thumb {
        bottom: -.875rem
    }
    .jpui.slider .input-container>::-ms-thumb {
        display: none
    }
}

@-moz-document url-prefix() {
    input[type=range] {
        height: .1875rem;
        background-color: #BCBCBC
    }
    input[type=range].single::-moz-range-thumb {
        -moz-appearance: none;
        appearance: none;
        background-color: #0B6EFD;
        border: .125rem solid #0B6EFD;
        width: 1.0625rem;
        height: 1.0625rem;
        border-radius: 50%
    }
    input[type=range].single::-moz-range-progress {
        background-color: #0B6EFD
    }
    input[type=range].single:focus:active::-moz-range-thumb {
        outline: 0
    }
    input[type=range].single:focus::-moz-range-thumb {
        outline: #717171 dashed .0625rem
    }
    input[type=range].slider__input {
        top: .4375rem
    }
    input[type=range]::-moz-focus-outer {
        border: 0
    }
    input[type=range]::-moz-range-track {
        background-color: #BCBCBC
    }
    input[type=range]::-moz-range-progress {
        height: .25rem
    }
    input[type=range].disabled {
        background-color: #CCC
    }
    input[type=range].disabled::-moz-range-track {
        background-color: #CCC
    }
    input[type=range].disabled::-moz-range-thumb {
        width: 1.125rem;
        height: 1.125rem;
        background-color: #D6D6D6;
        border: .125rem solid #FFF
    }
    .jpui.slider .input-container .pseudo-thumb {
        bottom: -.625rem;
        height: 1.25rem;
        width: 1.25rem
    }
    .jpui.slider .input-container .pseudo-range {
        height: .25rem
    }
    .jpui.slider .input-container>::-moz-range-thumb {
        opacity: 0;
        border: none
    }
}

.jpui.table {
    width: 100%
}

.jpui.table>caption>span,
.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,
.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: #717171 dashed .0625rem
}

@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) {
    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.active td:first-child {
    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
}

.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 .quantity,
.jpui.table.data-table .table-container .table__fixed-header-container .table__fixed-header.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 .icon {
    padding-left: .1875rem
}

.jpui.table.data-table .table-xs .table-xs-list {
    cursor: pointer;
    margin: 0;
    padding: 0;
    border-bottom: .0625rem solid #ccc
}

.jpui.table.data-table .table-xs .table-xs-list .table-xs-header {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: .5rem;
    text-decoration: none;
    border-top: .0625rem solid #ccc;
    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
}

.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%;
    -webkit-transform: translateY(-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.starrating .rating input[type=radio]:focus+label,
.jpui.toggleswitch .toggle-switch input[type=checkbox]:focus+label div i {
    outline: #717171 dashed .0625rem
}

.jpui.tabs .tabContainer>ul {
    padding: 0
}

.jpui.tabs ul {
    list-style: none;
    height: 2rem;
    -webkit-padding-start: 0
}

.jpui.tabs ul li {
    display: block;
    float: left;
    padding: .5rem 1rem .125rem;
    width: auto;
    margin: auto;
    border-left: .0625rem #ccc solid;
    border-right: 0
}

.jpui.tabs ul li a,
.jpui.tabs ul li a.active,
.jpui.tabs ul li span.disabled {
    text-align: center;
    padding-top: .0625rem;
    padding-left: .125rem;
    padding-right: .125rem
}

.jpui.tabs ul li:first-child {
    border-left: .0625rem solid transparent
}

.jpui.tabs ul li span.disabled {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
    font-size: .875rem;
    color: #bcbcbc
}

.jpui.tabs ul li a {
    text-decoration: none
}

.jpui.tabs ul li a.active {
    border-top: .25rem solid #0092ff
}

.jpui.tabs ul li a span.accessible-text {
    height: 0!important;
    width: 0!important;
    margin: 0!important
}

.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;
    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.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: 2rem;
    height: .625rem;
    position: relative;
    float: left
}

.jpui.toggleswitch .toggle-switch input[type=checkbox] {
    height: 1.375rem;
    width: 2rem;
    position: absolute;
    top: -.375rem;
    opacity: 0;
    cursor: pointer
}

@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: 1;
    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
}

.jpui.toggleswitch .toggle-switch input[type=checkbox]:disabled,
.jpui.toggleswitch .toggle-switch input[type=checkbox]:disabled+label div:before,
.jpui.tooltip.disabled span {
    cursor: default
}

@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
}

.jpui.toggleswitch .toggle-switch input[type=checkbox]+label div:before {
    content: attr(data-off);
    position: relative;
    bottom: .55rem;
    left: 3rem;
    pointer-events: initial;
    margin-left: -.4375rem
}

.jpui.toggleswitch .toggle-switch input[type=checkbox]+label div i {
    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:before {
        bottom: .25rem
    }
    .jpui.toggleswitch .toggle-switch input[type=checkbox]+label div i {
        bottom: 1.6125rem
    }
}

.jpui.toggleswitch .toggle-switch input[type=checkbox]:checked+label div:before {
    content: attr(data-on);
    position: relative;
    bottom: .5625rem;
    left: 3rem
}

.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:before {
        bottom: .25rem
    }
    .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.tooltip {
    display: inline-block;
    position: relative;
    line-height: .8125rem
}

.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 .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;
    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.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.pointing-arrow {
    margin: 0
}

.jpui.tooltip.open .tooltip-body.pointing-arrow:before {
    position: absolute;
    content: '';
    width: .6rem;
    height: .6rem;
    background-image: none;
    -webkit-transform: rotate(45deg);
    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.tooltip.open .tooltip-body.pointing-arrow.hide-arrow:before {
    display: none
}

.jpui.tooltip.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.tooltip.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.tooltip.open .tooltip-body.pointing-arrow.flip-right.below {
    top: auto;
    bottom: -.875rem
}

.jpui.tooltip.open .tooltip-body.pointing-arrow.flip-right.below:before {
    top: auto;
    bottom: .9375rem
}

.jpui.tooltip.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.tooltip.open .tooltip-body.pointing-arrow.flip-left.down {
    top: 1.25rem;
    right: -1.875rem
}

.jpui.tooltip.open .tooltip-body.pointing-arrow.flip-left.down:before {
    top: -.375rem;
    left: auto;
    right: 1.875rem
}

.jpui.tooltip.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.tooltip.open .tooltip-body.pointing-arrow.flip-left.below {
    top: auto;
    bottom: .875rem
}

.jpui.tooltip.open .tooltip-body.pointing-arrow.flip-left.below:before {
    top: auto;
    bottom: .9375rem
}

.jpui.tooltip.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.tooltip.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.tooltip.open .tooltip-body.pointing-arrow.flip-up.right {
    left: auto;
    right: -.625rem
}

.jpui.tooltip.open .tooltip-body.pointing-arrow.flip-up.right:before {
    left: auto;
    right: .625rem
}

.jpui.tooltip.open .tooltip-body.pointing-arrow.tooltip-inverted {
    border: .0625rem solid #292422;
    background-color: #292422
}

.jpui.tooltip.open .tooltip-body.pointing-arrow.tooltip-inverted:before {
    background-color: #292422;
    border-top: .0625rem solid #292422;
    border-right: 0;
    border-bottom: 0;
    border-left: .0625rem solid #292422
}

.jpui.tooltip.open .tooltip-body.pointing-arrow.tooltip-inverted.flip-right:before {
    left: -.0625rem;
    margin-left: -.3125rem;
    border-top: 0;
    border-right: 0;
    border-bottom: .0625rem solid #292422;
    border-left: .0625rem solid #292422
}

.jpui.tooltip.open .tooltip-body.pointing-arrow.tooltip-inverted.flip-up:before {
    margin-left: -.3125rem;
    border-top: 0;
    border-right: .0625rem solid #292422;
    border-bottom: .0625rem solid #292422;
    border-left: 0
}

.jpui.tooltip.open .tooltip-body.pointing-arrow.tooltip-inverted .close,
.jpui.tooltip.open .tooltip-body.pointing-arrow.tooltip-inverted .tooltip-content p,
.jpui.tooltip.open .tooltip-body.pointing-arrow.tooltip-inverted em,
.jpui.tooltip.open .tooltip-body.pointing-arrow.tooltip-inverted li,
.jpui.tooltip.open .tooltip-body.pointing-arrow.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.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,
.jpui.vertical.menu ul li ul ul,
.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-table;
    vertical-align: middle;
    width: 100%
}

.jpui.tooltipchip,
.jpui.wrap .input {
    display: inline-block
}

.jpui.wrap .input-icon {
    font-size: 1rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: auto;
    color: #414042
}

.jpui.wrap .input-icon i,
.jpui.wrap .input-icon span {
    vertical-align: bottom
}

.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 {
        -webkit-transform: none;
        transform: none;
        margin-top: -.72rem
    }
}

.jpui.tooltipchip {
    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;
    -webkit-transform: rotate(45deg);
    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,
.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,
.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.fieldgroup .fieldhelpertext-container .yield .tooltip i,
.jpui.fieldgroup .horizontal.fieldtext .tooltip .trigger,
.jpui.fieldgroup .vertical.fieldtext .tooltip .trigger {
    font-size: .8125rem
}

.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;
    filter: alpha(opacity=0);
    position: absolute
}

.jpui.starrating .rating .fieldset-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.jpui.starrating .rating .fieldset-container .legend {
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-right: .75rem;
    margin-bottom: 1rem
}

.jpui.starrating .rating .fieldset-container .input-label-container {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    white-space: nowrap
}

@media (min-width:768px) {
    .jpui.starrating .rating .fieldset-container {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .jpui.starrating .rating .legend {
        margin-bottom: 0
    }
}

.jpui.validation__bubble-container {
    position: relative;
    width: 100%;
    top: -2.125rem;
    outline: 0
}

.jpui.dropdownchip .option:not(.disabled).is-focused,
.jpui.dropdownchip .option:not(.disabled):focus,
.jpui.validation__bubble-container .label.pointing.attached:focus {
    outline: #717171 dashed .0625rem
}

.jpui.validation__bubble-container .label.pointing.attached {
    bottom: 0;
    width: 100%
}

.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;
    filter: alpha(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: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%
}

.jpui.segmentedradiogroup .segmentedradiogroup-container .option-container {
    width: 100%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.jpui.segmentedradiogroup .segmentedradiogroup-container .option-container.overflow {
    -ms-flex-wrap: wrap;
    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: -ms-flexbox;
    display: flex;
    height: 1.9375rem;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.jpui.segmentedradiogroup .segmentedradiogroup-container .iconwrap.hideDropdownToggle,
.jpui.segmentedradiogroup .validation__accessible-text {
    display: none
}

.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.error .option-container.hidden-state,
.jpui.segmentedradiogroup .segmentedradiogroup-container.error .option-container:not(.hidden-state)+.iconwrap i {
    height: 2.1875rem
}

.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:not(.hidden-state)>.input-container {
    border-bottom: .0625rem solid #bcbcbc
}

.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 .validation__bubble-container {
    top: -3.125rem
}

.jpui.segmentedradiogroup .validation__bubble-container.visible-options {
    top: -4.84375rem
}

.jpui.fieldgroup {
    margin-top: 0;
    text-align: left
}

.jpui.fieldgroup .horizontal,
.jpui.fieldgroup .vertical {
    margin-bottom: 1.125rem;
    margin-top: -.3125rem
}

.jpui.fieldgroup .vertical .tooltip {
    margin-bottom: .125rem
}

.jpui.fieldgroup .vertical .validation__bubble-container {
    top: -3.25rem
}

.jpui.fieldgroup .vertical .validationtextarea .validation__bubble-container {
    top: -9rem
}

.jpui.fieldgroup .vertical:not(.fieldtext) .label-wrapper {
    display: inline-block;
    margin-bottom: .5rem
}

.jpui.fieldgroup .vertical.fieldtext {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.jpui.fieldgroup .vertical.fieldtext .label-wrapper {
    margin-bottom: .1875rem
}

.jpui.fieldgroup .horizontal.non-responsive {
    margin-top: 0
}

.jpui.fieldgroup .horizontal.non-responsive .align-label-input {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    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: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
}

.jpui.fieldgroup .horizontal .label-wrapper {
    text-align: right
}

@media (max-width:767px) {
    .jpui.fieldgroup .horizontal .label-wrapper {
        padding-bottom: .4375rem
    }
    .jpui.fieldgroup .horizontal:not(.non-responsive) .align-label-input .label-wrapper {
        text-align: left
    }
}

.jpui.fieldgroup .horizontal .validation__bubble-container {
    top: -2.125rem
}

.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 .textarea-wrapper {
    margin-bottom: -.3125rem
}

.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 .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 {
    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
}

.jpui.dropdownchip .option {
    cursor: pointer;
    overflow: auto;
    width: 100%
}

.jpui.dropdownchip.disabled .header,
.jpui.dropdownchip.disabled .header .icon,
.jpui.dropdownchip.disabled .input {
    cursor: default
}

.jpui.dropdownchip .option.disabled {
    color: #ccc
}

.jpui.dropdownchip .option:not(.disabled):hover {
    background-color: #f3f0e9;
    color: #656565
}

.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
}

.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 .header-text,
.jpui.dropdownchip.disabled .header .icon {
    color: #bcbcbc
}

.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:hover,
.jpui.dropdownchip.show .input:hover {
    border: 0;
    box-shadow: none
}

.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:focus {
    outline: #717171 dashed .0625rem;
    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-table;
    vertical-align: middle;
    width: 100%
}

.jpui.dropdownchip .wrap .input-icon {
    font-size: 1rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-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 {
        -webkit-transform: none;
        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 .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;
    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:active,
.jpui.dropdownchip .option.disabled .jpui.link.disabled:focus {
    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: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .8);
    overflow: hidden;
    z-index: 999999;
    -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;
    margin: 1rem;
    border-radius: .3125rem
}

.jpui.messagebox .messagebox__container .messagebox__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.125rem
}

.jpui.messagebox .messagebox__container .messagebox__header .messagebox__title {
    -ms-flex-positive: 1;
    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: scroll;
    padding: 0 1.125rem 1.875rem
}

.jpui.messagebox .messagebox__container .messagebox__content:focus {
    outline: #666 dashed .0625rem
}

.jpui.messagebox .messagebox__container .messagebox__footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 1.125rem 1.125rem
}

.jpui.validation__accessible-text,
.jpui.validationcheckbox .validation__accessible-text,
.jpui.validationdatepicker .validation__accessible-text,
.jpui.validationinput .validation__accessible-text,
.jpui.validationmultiselect .validation__accessible-text,
.jpui.validationsegmentedradiogroup .validation__accessible-text,
.jpui.validationselect .validation__accessible-text,
.jpui.validationstyledselect .validation__accessible-text,
.jpui.validationtextarea .validation__accessible-text {
    display: none
}

.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.validationcheckbox .validation__bubble-container.validation__bubble-container--min-width,
.jpui.validationdatepicker .validation__bubble-container.validation__bubble-container--min-width,
.jpui.validationinput .validation__bubble-container.validation__bubble-container--min-width,
.jpui.validationmultiselect .validation__bubble-container.validation__bubble-container--min-width,
.jpui.validationsegmentedradiogroup .validation__bubble-container.validation__bubble-container--min-width,
.jpui.validationselect .validation__bubble-container.validation__bubble-container--min-width,
.jpui.validationstyledselect .validation__bubble-container.validation__bubble-container--min-width,
.jpui.validationtextarea .validation__bubble-container.validation__bubble-container--min-width {
    min-width: 4.75rem
}

.jpui.messagebox .messagebox__container .messagebox__footer .messagebox__button:last-child {
    margin-top: .75rem
}

@media (max-width:767px) {
    .jpui.messagebox .messagebox__footer.messagebox__footer-inline {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
    .jpui.messagebox .messagebox__button-inline {
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: 0
    }
    .jpui.messagebox .messagebox__button-inline:first-child {
        margin-left: 1.125rem
    }
}

@media (min-width:768px) {
    .jpui.messagebox .messagebox__container {
        margin: 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 {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        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 0 0 1.125rem
    }
    .jpui.messagebox .messagebox__container .messagebox__footer .messagebox__button-inline,
    .jpui.messagebox .messagebox__container .messagebox__footer .messagebox__button:last-child {
        margin: 0
    }
    .jpui.messagebox .messagebox__container .messagebox__footer .messagebox__button-inline:first-child {
        margin-left: 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.validationdatepicker .input.validation__error,
.jpui.validationdatepicker .input.validation__error:focus,
.jpui.validationinput .input.validation__error,
.jpui.validationinput .input.validation__error:focus,
.jpui.validationmultiselect .multiselect__control.validation__error,
.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.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: -2.125rem;
    outline: 0
}

.jpui.validationcheckbox .validation__bubble-container .label.pointing.attached {
    bottom: 0;
    width: 100%
}

.jpui.validationcheckbox .validation__bubble-container .label.pointing.attached:focus {
    outline: #717171 dashed .0625rem
}

.jpui.validationcheckbox .validation__bubble-container.validation__bubble-container--flipped {
    top: 3rem
}

.jpui.validationdatepicker .input.validation__error {
    outline: transparent solid .125rem
}

.jpui.validationdatepicker .validation__bubble-container {
    position: relative;
    width: 100%;
    top: -2.125rem;
    outline: 0
}

.jpui.validationdatepicker .validation__bubble-container .label.pointing.attached {
    bottom: 0;
    width: 100%
}

.jpui.validationdatepicker .validation__bubble-container .label.pointing.attached:focus {
    outline: #717171 dashed .0625rem
}

.jpui.validationdatepicker .validation__bubble-container.validation__bubble-container--flipped {
    top: 3rem
}

.jpui.validationinput .input.validation__error {
    outline: transparent solid .125rem
}

.jpui.validationinput .validation__bubble-container {
    position: relative;
    width: 100%;
    top: -2.125rem;
    outline: 0
}

.jpui.validationinput .validation__bubble-container .label.pointing.attached {
    bottom: 0;
    width: 100%
}

.jpui.validationinput .validation__bubble-container .label.pointing.attached:focus {
    outline: #717171 dashed .0625rem
}

.jpui.validationinput .validation__bubble-container.validation__bubble-container--flipped {
    top: 3rem
}

.jpui.validationmultiselect .multiselect__control.validation__error {
    outline: transparent solid .125rem
}

.jpui.validationmultiselect .validation__bubble-container {
    position: relative;
    width: 100%;
    top: -2.125rem;
    outline: 0
}

.jpui.validationmultiselect .validation__bubble-container .label.pointing.attached {
    bottom: 0;
    width: 100%
}

.jpui.validationmultiselect .validation__bubble-container .label.pointing.attached:focus {
    outline: #717171 dashed .0625rem
}

.jpui.validationmultiselect .validation__bubble-container.validation__bubble-container--flipped {
    top: 3rem
}

.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.validationselect .select select.validation__error,
.jpui.validationselect .select select.validation__error:focus,
.jpui.validationstyledselect .input.validation__error,
.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.validationsegmentedradiogroup .validation__bubble-container {
    position: relative;
    width: 100%;
    top: -2.125rem;
    outline: 0
}

.jpui.validationsegmentedradiogroup .validation__bubble-container .label.pointing.attached {
    bottom: 0;
    width: 100%
}

.jpui.validationsegmentedradiogroup .validation__bubble-container .label.pointing.attached:focus {
    outline: #717171 dashed .0625rem
}

.jpui.validationsegmentedradiogroup .validation__bubble-container.validation__bubble-container--flipped {
    top: 3rem
}

.jpui.validationselect .select select.validation__error {
    outline: transparent solid .125rem
}

.jpui.validationselect .validation__bubble-container {
    position: relative;
    width: 100%;
    top: -2.125rem;
    outline: 0
}

.jpui.validationselect .validation__bubble-container .label.pointing.attached {
    bottom: 0;
    width: 100%
}

.jpui.validationselect .validation__bubble-container .label.pointing.attached:focus {
    outline: #717171 dashed .0625rem
}

.jpui.validationselect .validation__bubble-container.validation__bubble-container--flipped {
    top: 3rem
}

.jpui.validationstyledselect .input.validation__error {
    outline: transparent solid .125rem
}

.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.validationtextarea .textarea.validation__error,
.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.validationstyledselect .validation__bubble-container {
    position: relative;
    width: 100%;
    top: -2.125rem;
    outline: 0
}

.jpui.validationstyledselect .validation__bubble-container .label.pointing.attached {
    bottom: 0;
    width: 100%
}

.jpui.validationstyledselect .validation__bubble-container .label.pointing.attached:focus {
    outline: #717171 dashed .0625rem
}

.jpui.validationstyledselect .validation__bubble-container.validation__bubble-container--flipped {
    top: 3rem
}

.jpui.validationtextarea .textarea.validation__error {
    outline: transparent solid .125rem
}

.jpui.validationtextarea .validation__bubble-container {
    position: relative;
    width: 100%;
    outline: 0;
    top: -8rem
}

.jpui.validationtextarea .validation__bubble-container .label.pointing.attached:focus,
body.brand-jpmorgan .jpui.checkbox .checkbox__input:focus+.check {
    outline: #717171 dashed .0625rem
}

.jpui.validationtextarea .validation__bubble-container .label.pointing.attached {
    bottom: 0;
    width: 100%
}

.jpui.validationtextarea .validation__bubble-container.validation__bubble-container--flipped {
    top: 3rem
}

.jpui.icon {
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    display: inline-block;
    padding: 0;
    color: #666;
    font-size: 1em;
    font-family: dcefont
}

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,
body.brand-jpmorgan .jpui.checkbox .checkbox__input.checkbox__input--disabled:not(.checkbox__input--checked) .icon,
body.brand-wealth .jpui.checkbox .checkbox__input.checkbox__input--disabled:not(.checkbox__input--checked) .icon {
    display: none
}

@font-face {
    font-family: dcefont;
    font-style: 'normal';
    font-weight: 'normal';
    src: url(../img/dcefont.eot);
    src: url(../img/dcefont.eot?#iefix) format('embedded-opentype'), url(../img/dcefont.woff) format('woff'), url(../img/dcefont.ttf) format('truetype'), url(../img/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: "\e942"
}

.jpui.icon.filter-panel-right-sm:after {
    content: "\e943"
}

.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.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 {
    -webkit-transform: rotate(45deg);
    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,
.jpui.icon.angledown:active:not(.touch),
.jpui.icon.angleleft:active,
.jpui.icon.angleleft:active:not(.touch),
.jpui.icon.angleright:active,
.jpui.icon.angleright:active:not(.touch),
.jpui.icon.angleup:active,
.jpui.icon.angleup:active:not(.touch),
.jpui.icon.atm:active,
.jpui.icon.atm:active:not(.touch),
.jpui.icon.branch:active,
.jpui.icon.branch:active:not(.touch),
.jpui.icon.calendar:active,
.jpui.icon.calendar:active:not(.touch),
.jpui.icon.contact:active,
.jpui.icon.contact:active:not(.touch),
.jpui.icon.contract:active,
.jpui.icon.contract:active:not(.touch),
.jpui.icon.download:active,
.jpui.icon.download:active:not(.touch),
.jpui.icon.downloadcheck:active,
.jpui.icon.downloadcheck:active:not(.touch),
.jpui.icon.eDoc:active,
.jpui.icon.eDoc:active:not(.touch),
.jpui.icon.email:active,
.jpui.icon.email:active:not(.touch),
.jpui.icon.equal-housing-lender:active,
.jpui.icon.equal-housing-lender:active:not(.touch),
.jpui.icon.facebook:active,
.jpui.icon.facebook:active:not(.touch),
.jpui.icon.instagram:active,
.jpui.icon.instagram:active:not(.touch),
.jpui.icon.linkedin:active,
.jpui.icon.linkedin:active:not(.touch),
.jpui.icon.printer:active,
.jpui.icon.printer:active:not(.touch),
.jpui.icon.progressleft:active,
.jpui.icon.progressleft:active:not(.touch),
.jpui.icon.progressright:active,
.jpui.icon.progressright:active:not(.touch),
.jpui.icon.refresh:active,
.jpui.icon.refresh:active:not(.touch),
.jpui.icon.share:active,
.jpui.icon.share:active:not(.touch),
.jpui.icon.speech:active,
.jpui.icon.speech:active:not(.touch),
.jpui.icon.twitter:active,
.jpui.icon.twitter:active:not(.touch),
.jpui.icon.youtube:active,
.jpui.icon.youtube:active:not(.touch) {
    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;
    -ms-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: #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,
.jpui.icon.chasepay:active:not(.touch),
.jpui.icon.feedback:active,
.jpui.icon.feedback:active:not(.touch),
.jpui.icon.flag:active,
.jpui.icon.flag:active:not(.touch),
.jpui.icon.megaphone-small:active,
.jpui.icon.megaphone-small:active:not(.touch),
.jpui.icon.menulines:active,
.jpui.icon.menulines:active:not(.touch),
.jpui.icon.profile:active,
.jpui.icon.profile:active:not(.touch),
.jpui.icon.search:active,
.jpui.icon.search:active:not(.touch),
.jpui.icon.video-play:active,
.jpui.icon.video-play:active:not(.touch) {
    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.auto-loan-med,
.jpui.icon.camera-med,
.jpui.icon.contrast-med,
.jpui.icon.focus-med,
.jpui.icon.laptop-med,
.jpui.icon.mobile-bank-toggle,
.jpui.icon.questionmark-medium,
.jpui.icon.savings-bank-med,
.jpui.icon.tablet-med,
.jpui.icon.treasury-medium {
    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.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,
body.brand-jpmorgan .jpui.button.primary:active:not(.touch) {
    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 {
    filter: alpha(opacity=0)
}

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.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 .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 .option:not(.disabled).is-focused,
body.brand-jpmorgan .jpui.dropdown .option:not(.disabled):focus,
body.brand-jpmorgan .jpui.dropdown.addButton .input:focus,
body.brand-jpmorgan .jpui.dropdown.dark .input:focus:focus,
body.brand-jpmorgan .jpui.dropdown.flyoutMenu .input:focus,
body.brand-jpmorgan .jpui.dropdownchip .input:focus:focus,
body.brand-jpmorgan .jpui.dropdownchip .option:not(.disabled).is-focused,
body.brand-jpmorgan .jpui.dropdownchip .option:not(.disabled):focus {
    outline: #717171 dashed .0625rem
}

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):active,
body.brand-jpmorgan .jpui.dropdown.dark .option:not(.disabled) .primary:active,
body.brand-jpmorgan .jpui.dropdown.flyoutMenu .list-container .list .option .primary:active,
body.brand-jpmorgan .jpui.dropdownchip .option .primary:active {
    background-color: #1570a3
}

body.brand-jpmorgan .jpui.dropdown .option:not(.disabled):active {
    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,
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.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.flyoutMenu.show .input:hover {
    border: 0;
    box-shadow: none
}

body.brand-jpmorgan .jpui.dropdownchip .input:focus {
    border: none;
    box-shadow: none
}

body.brand-jpmorgan .jpui.dropdownchip .option:not(.disabled):hover {
    background-color: #f3f0e9;
    color: #656565
}

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: transparent solid .0625rem;
    box-shadow: .0625rem .0625rem 0 #115880, .0625rem -.0625rem 0 #115880, -.0625rem .0625rem 0 #115880, -.0625rem -.0625rem 0 #115880
}

body.brand-jpmorgan .jpui.input.error,
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.input.error {
    outline: transparent solid .125rem
}

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),
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.circles li.active,
body.brand-jpmorgan .jpui.progress.radial .circle .mask .fill,
body.brand-jpmorgan .jpui.progress.rectangles li.active {
    background-color: #115880
}

body.brand-jpmorgan .jpui.radiobutton input[type=radio]:focus~.radiobutton-label .error-focus,
body.brand-jpmorgan .jpui.radiobutton input[type=radio]:focus~.radiobutton-label:not(.error) .radiobutton-outer-circle {
    outline: #717171 dashed .0625rem
}

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;
    filter: alpha(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-business .jpui.checkbox .checkbox__input:focus+.check,
body.brand-commercial .jpui.checkbox .checkbox__input:focus+.check,
body.brand-jpmorgan .jpui.styledselect .option:not(.disabled).is-focused,
body.brand-jpmorgan .jpui.styledselect .option:not(.disabled):focus {
    outline: #717171 dashed .0625rem
}

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):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-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,
body.brand-business .jpui.button.primary:active:not(.touch),
body.brand-commercial .jpui.button.primary:active,
body.brand-commercial .jpui.button.primary:active:not(.touch) {
    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,
body.brand-commercial .jpui.checkbox .checkbox__input {
    filter: alpha(opacity=0)
}

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.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 .input:focus,
body.brand-commercial .jpui.dropdown .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 .option:not(.disabled).is-focused,
body.brand-business .jpui.dropdown .option:not(.disabled):focus,
body.brand-business .jpui.dropdown.addButton .input:focus,
body.brand-business .jpui.dropdown.dark .input:focus:focus,
body.brand-business .jpui.dropdown.flyoutMenu .input:focus,
body.brand-business .jpui.dropdownchip .input:focus:focus,
body.brand-business .jpui.dropdownchip .option:not(.disabled).is-focused,
body.brand-business .jpui.dropdownchip .option:not(.disabled):focus,
body.brand-commercial .jpui.dropdown .option:not(.disabled).is-focused,
body.brand-commercial .jpui.dropdown .option:not(.disabled):focus,
body.brand-commercial .jpui.dropdown.addButton .input:focus,
body.brand-commercial .jpui.dropdown.dark .input:focus:focus,
body.brand-commercial .jpui.dropdown.flyoutMenu .input:focus,
body.brand-commercial .jpui.dropdownchip .input:focus:focus,
body.brand-commercial .jpui.dropdownchip .option:not(.disabled).is-focused,
body.brand-commercial .jpui.dropdownchip .option:not(.disabled):focus {
    outline: #717171 dashed .0625rem
}

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):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-business .jpui.dropdown.navigation .input,
body.brand-commercial .jpui.dropdown.dark .input:focus,
body.brand-commercial .jpui.dropdown.navigation .input {
    border: .125rem solid #0a4386;
    box-shadow: none
}

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:hover,
body.brand-commercial .jpui.dropdown.navigation .input:hover {
    border: .125rem solid #0b6efd
}

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.flyoutMenu.show .input:hover,
body.brand-commercial .jpui.dropdown.flyoutMenu.show .input:hover {
    border: 0;
    box-shadow: none
}

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 .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):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: transparent solid .0625rem;
    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-business .jpui.input.error:focus,
body.brand-commercial .jpui.input.error,
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.input.error,
body.brand-commercial .jpui.input.error {
    outline: transparent solid .125rem
}

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-business .jpui.navbar.vertical .subcategory a:active:not(.touch),
body.brand-commercial .jpui.navbar.vertical .category .bottom 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.circles li.active,
body.brand-business .jpui.progress.radial .circle .mask .fill,
body.brand-business .jpui.progress.rectangles li.active,
body.brand-commercial .jpui.progress.circles li.active,
body.brand-commercial .jpui.progress.radial .circle .mask .fill,
body.brand-commercial .jpui.progress.rectangles li.active {
    background-color: #0a4386
}

body.brand-business .jpui.radiobutton input[type=radio]:focus~.radiobutton-label .error-focus,
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 .error-focus,
body.brand-commercial .jpui.radiobutton input[type=radio]:focus~.radiobutton-label:not(.error) .radiobutton-outer-circle {
    outline: #717171 dashed .0625rem
}

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;
    filter: alpha(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.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,
body.brand-wealth .jpui.checkbox .checkbox__input:focus+.check {
    outline: #717171 dashed .0625rem
}

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):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-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,
body.brand-wealth .jpui.button.primary:active:not(.touch) {
    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 {
    filter: alpha(opacity=0)
}

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.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 .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 .option:not(.disabled).is-focused,
body.brand-wealth .jpui.dropdown .option:not(.disabled):focus,
body.brand-wealth .jpui.dropdown.addButton .input:focus,
body.brand-wealth .jpui.dropdown.dark .input:focus:focus,
body.brand-wealth .jpui.dropdown.flyoutMenu .input:focus,
body.brand-wealth .jpui.dropdownchip .input:focus:focus,
body.brand-wealth .jpui.dropdownchip .option:not(.disabled).is-focused,
body.brand-wealth .jpui.dropdownchip .option:not(.disabled):focus {
    outline: #717171 dashed .0625rem
}

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):active,
body.brand-wealth .jpui.dropdown.dark .option:not(.disabled) .primary:active,
body.brand-wealth .jpui.dropdown.flyoutMenu .list-container .list .option .primary:active,
body.brand-wealth .jpui.dropdownchip .option .primary:active {
    background-color: #126bc5
}

body.brand-wealth .jpui.dropdown .option:not(.disabled):active {
    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,
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.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.flyoutMenu.show .input:hover {
    border: 0;
    box-shadow: none
}

body.brand-wealth .jpui.dropdownchip .input:focus {
    border: none;
    box-shadow: none
}

body.brand-wealth .jpui.dropdownchip .option:not(.disabled):hover {
    background-color: #f3f0e9;
    color: #656565
}

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: transparent solid .0625rem;
    box-shadow: .0625rem .0625rem 0 #0a4386, .0625rem -.0625rem 0 #0a4386, -.0625rem .0625rem 0 #0a4386, -.0625rem -.0625rem 0 #0a4386
}

body.brand-wealth .jpui.input.error,
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.input.error {
    outline: transparent solid .125rem
}

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),
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.circles li.active,
body.brand-wealth .jpui.progress.radial .circle .mask .fill,
body.brand-wealth .jpui.progress.rectangles li.active {
    background-color: #0a4386
}

body.brand-wealth .jpui.radiobutton input[type=radio]:focus~.radiobutton-label .error-focus,
body.brand-wealth .jpui.radiobutton input[type=radio]:focus~.radiobutton-label:not(.error) .radiobutton-outer-circle {
    outline: #717171 dashed .0625rem
}

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;
    filter: alpha(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: #717171 dashed .0625rem
}

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
}

.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
}

.jpui.ad .nativetext .content i,
.jpui.ad .nativetext .content span.link-anchor {
    font-size: .875rem;
    font-weight: 600;
    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 .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 .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
}

.jpui.ad .content i,
.jpui.ad .content span.link-anchor,
.jpui.ad .tileHeader,
.jpui.ad.explicit .content .label {
    font-size: .875rem;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.ad .content i,
.jpui.ad .content span.link-anchor {
    font-weight: 600;
    color: #2F738E
}

.jpui.ad .tileHeader {
    font-weight: 600;
    color: #666
}

.jpui.ad.explicit .content .label {
    font-weight: 600
}

@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.explicit .content .label {
        font-size: 1rem
    }
}

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

.jpui.ad.accountHeaderImage .label,
.jpui.ad.accountHeaderText .label,
.jpui.ad.paymentsImage .label,
.jpui.ad.paymentsText .label {
    font-size: .875rem;
    font-weight: 600;
    color: #414042;
    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
    }
}

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

@media screen and (min-width:768px) {
    .jpui.ad.accountHeaderImage .body,
    .jpui.ad.accountHeaderText .body,
    .jpui.ad.paymentsImage .body,
    .jpui.ad.paymentsText .body {
        font-size: .875rem
    }
}

.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: .8125rem;
    font-weight: 400;
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .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: .875rem
    }
}

.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;
    letter-spacing: 0;
    text-decoration: none;
    color: #2F738E
}

.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.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.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-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.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.mini-alert.dark .title,
.jpui.alert.mini-alert.error .title {
    font-size: .75rem;
    font-weight: 400;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.alert.mini-alert.error .title {
    color: #bf2155
}

.jpui.alert.mini-alert.dark .title {
    color: #414042
}

.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.button .label,
.jpui.button.primary .label,
.jpui.button.tertiary .label,
.jpui.button.tertiary:disabled .label,
.jpui.button:disabled .label {
    font-size: 1rem;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.button .label {
    font-weight: 400;
    color: #414042
}

.jpui.button.primary .label {
    font-weight: 600;
    color: #fff
}

.jpui.button:disabled .label {
    font-weight: 400;
    color: #ccc
}

.jpui.button.tertiary .label {
    font-weight: 400;
    color: #666
}

.jpui.button.tertiary:disabled .label {
    font-weight: 400;
    color: #d8d8d8
}

.jpui.carousel .carousel-content-text-xs {
    font-size: .8125rem;
    font-weight: 400;
    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.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
}

.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.modal.chartModal .chartDataTitle {
        font-size: .875rem
    }
    .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.datepicker .input.datepickerAndroidDisabledInputs {
    font-size: .875rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

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

.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.draganddrop .text {
    font-size: .875rem;
    font-weight: 400;
    color: #717171;
    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
}

.jpui.dropdown .option .primary,
.jpui.dropdown.dark .input {
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

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

.jpui.dropdown .option .primary {
    font-size: .875rem
}

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

.jpui.dropdown.dark .input {
    font-size: .8125rem
}

.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 .input {
        font-size: .875rem
    }
    .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.dropdownchip .header-text,
.jpui.dropdownchip .icon {
    color: #126bc5
}

.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.fieldhelpertext,
.jpui.gallery a.gallery-header,
.jpui.gallery p,
.jpui.gallery p a,
.jpui.gallery p a:active,
.jpui.gallery p a:hover,
.jpui.gallery p a:visited {
    font-weight: 400;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.fieldhelpertext {
    font-size: .75rem;
    color: #717171
}

.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.gallery a.gallery-header {
    font-size: .8125rem;
    color: #126bc5
}

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

.jpui.gallery p {
    font-size: .8125rem;
    color: #414042
}

@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;
    color: #126bc5
}

@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.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,
.jpui.inlinemodalheader.blue .title,
.jpui.inlinemodalheader.classic .title {
    font-weight: 300;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.inlinemodalheader .title {
    font-size: 1.5rem;
    color: #fff
}

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

.jpui.inlinemodalheader.classic .title {
    font-size: 1.5rem;
    color: #666
}

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

.jpui.inlinemodalheader.blue .title {
    font-size: 1.5rem;
    color: #fff
}

@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;
        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;
        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
    }
}

.jpui.input {
    font-size: .875rem;
    font-weight: 400;
    color: #717171;
    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
}

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

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

.jpui.inputlabel {
    font-size: .75rem
}

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

.jpui.fieldlabel.vertical {
    font-size: .75rem
}

@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
}

.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.vertical.error {
        font-size: .875rem
    }
    .jpui.fieldlabel.horizontal {
        font-size: 1rem
    }
}

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

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

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

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

.jpui.label.info.inverted .label-outline,
.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,
.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,
.jpui.label.error.inverted:active,
.jpui.label.error.inverted:hover,
.jpui.label.error.inverted:link,
.jpui.label.error.inverted:visited {
    color: #bf2155
}

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

.jpui.link {
    font-size: .8125rem
}

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

.jpui.link .link-anchor {
    font-size: .8125rem
}

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

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

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

@media screen and (min-width:768px) {
    .jpui.link .link-anchor.disabled {
        font-size: .875rem
    }
    .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
    }
}

.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 .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
}

.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 {
    font-size: .875rem;
    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-search {
        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.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;
    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.radiobutton input[type=radio]:disabled~label {
    font-size: .875rem;
    font-weight: 400;
    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 .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: #717171;
    letter-spacing: 0;
    text-decoration: none
}

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

.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,
.jpui.segment .message {
    color: #666;
    letter-spacing: 0;
    text-decoration: none
}

.jpui.segment .amount {
    font-size: 1.875rem;
    font-weight: 300
}

@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
}

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

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

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

.jpui.segmentedradiogroup input[type=radio]~label.input-label {
    font-size: .875rem;
    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: 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.select {
    font-size: .875rem;
    font-weight: 400;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

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

.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
}

.jpui.simple.table th,
.jpui.skiplink .label {
    font-weight: 600;
    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;
    color: #414042
}

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

.jpui.skiplink .label {
    font-size: 1rem;
    color: #126bc5
}

.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
}

.jpui.styledselect .js-input {
    font-size: .875rem;
    font-weight: 400;
    color: #717171;
    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: 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
}

.jpui.table .table-footer-label,
.jpui.tabs a.active {
    color: #414042;
    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
}

.jpui.table .table-footer-label {
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.3125
}

@media screen and (min-width:768px) {
    .jpui.tabs a.active {
        font-size: .875rem
    }
    .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
}

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

@media screen and (min-width:768px) {
    .jpui.table .table-xs-list-text {
        font-size: .875rem
    }
    .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,
.jpui.toggleswitch input[type=checkbox]:checked+label div:before {
    font-size: .875rem;
    font-weight: 400;
    color: #717171
}

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,
.ACTHLINK {
    font-weight: 400;
    letter-spacing: 0;
    text-decoration: none
}

.ACSLABEL {
    font-size: .75rem;
    color: #717171
}

.ACTHLINK {
    font-size: 1.125rem;
    color: #126bc5
}

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

.ACTNUM,
.ACTNUMLINK,
.ALERTNOTE {
    font-weight: 400;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .ACTNAME {
        font-size: 1.375rem;
        font-weight: 400
    }
}

.ACTNUM {
    font-size: .8125rem;
    color: #717171
}

.ACTNUMLINK {
    font-size: .875rem;
    color: #fff
}

@media screen and (min-width:768px) {
    .ACTNUM {
        font-size: .875rem
    }
    .ACTNUMLINK {
        color: #126bc5
    }
}

.ALERTNOTE {
    font-size: .75rem;
    color: #bf2155
}

.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
}

.BODY,
.BODY a,
.BODY a:active,
.BODY a:hover,
.BODY a:visited,
.BODY2,
.BODYDISABLE {
    font-weight: 400;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .AMOUNTPOS {
        font-size: 1.5rem;
        font-weight: 400
    }
}

.BODY {
    font-size: .8125rem;
    color: #414042
}

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

.BODY a,
.BODY a:active,
.BODY a:hover,
.BODY a:visited {
    font-size: .8125rem;
    color: #126bc5
}

@media screen and (min-width:768px) {
    .BODY a,
    .BODY a:active,
    .BODY a:hover,
    .BODY a:visited {
        font-size: .875rem
    }
}

.BODY2 {
    font-size: .8125rem;
    color: #717171
}

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

.BODYDISABLE {
    font-size: .8125rem;
    color: #bcbcbc
}

@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
}

.BODYLINK,
.BODYNEG,
.BODYPOS,
.CALERT {
    font-weight: 400;
    letter-spacing: 0;
    text-decoration: none
}

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

.BODYLINK {
    font-size: .8125rem;
    color: #126bc5
}

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

.BODYNEG {
    font-size: .8125rem;
    color: #bf2155
}

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

.BODYPOS {
    font-size: .8125rem;
    color: #128842
}

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

.CALERT {
    font-size: .625rem;
    color: #fff
}

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

.CDBODY,
.CDCH,
.CDLINK {
    font-size: .875rem;
    font-weight: 400
}

.CDBODY {
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

.CDLINK {
    color: #6cc7ff;
    letter-spacing: 0;
    text-decoration: none
}

.CDCH,
.CDH1 {
    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
}

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

.CDTABOFF,
.CDTABON,
.CGREETING {
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

.CDTABON {
    font-size: .875rem;
    font-weight: 600
}

.CDTABOFF {
    font-size: .875rem;
    font-weight: 400
}

.CGREETING,
.CH1 {
    font-weight: 300
}

.CGREETING {
    font-size: 1.5rem
}

@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;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.CH2,
.CH3 {
    font-weight: 400;
    letter-spacing: 0;
    text-decoration: none
}

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

.CH2 {
    font-size: .8125rem;
    color: #717171
}

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

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

.CH3 {
    font-size: 1.0625rem;
    color: #414042
}

.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,
.CLASSICBODY,
.CLASSICLINK {
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

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

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

.CLASSICBODY {
    font-size: 1.125rem
}

.CLASSICLINK {
    font-size: 1rem
}

.CMSSG {
    font-size: 1rem;
    font-weight: 300;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

.CSEARCHDARK,
.CSEARCHDARKBOLD,
.DATA {
    font-size: .875rem;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.CSEARCHDARK {
    font-weight: 400
}

.CSEARCHDARKBOLD {
    font-weight: 600
}

.DATA {
    font-weight: 400
}

@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
}

.DATALABELH,
.DATALABELV {
    color: #717171;
    letter-spacing: 0;
    text-decoration: none;
    font-weight: 400
}

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

.DATALABELH {
    font-size: .875rem
}

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

.DATALABELV {
    font-size: .75rem
}

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

@media screen and (min-width:768px) {
    .DATALABELV {
        font-size: .875rem
    }
    .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
}

.DISPLAYOFF,
.DISPLAYON {
    font-size: .875rem;
    letter-spacing: 0;
    text-decoration: none
}

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

.DISPLAYOFF {
    font-weight: 600;
    color: #717171
}

.DISPLAYON {
    font-weight: 600;
    color: #128842
}

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

.EH1D,
.EH2 {
    font-weight: 400
}

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

.EH1D {
    font-size: 1.125rem;
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .EH1D {
        font-size: 1.25rem
    }
}

.EH2 {
    font-size: .8125rem;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

.EH2 a,
.EH2 a:active,
.EH2 a:hover,
.EH2 a:visited,
.EH2LINK {
    color: #126bc5;
    font-weight: 400;
    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
}

@media screen and (min-width:768px) {
    .EH2 a,
    .EH2 a:active,
    .EH2 a:hover,
    .EH2 a:visited {
        font-size: .875rem
    }
}

.EH2LINK {
    font-size: .8125rem
}

@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
}

.EDATALABELH,
.EDATALABELV {
    font-weight: 600;
    color: #bf2155;
    letter-spacing: 0;
    text-decoration: none
}

.EDATALABELH {
    font-size: .875rem
}

@media screen and (min-width:768px) {
    .ETEXTBOLD {
        font-size: .875rem
    }
    .EDATALABELH {
        font-size: 1rem
    }
}

.EDATALABELV {
    font-size: .75rem
}

@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,
.FOOTNOTELINK {
    font-size: .625rem;
    font-weight: 400
}

.FOOTNOTE {
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.FOOTNOTELINK {
    color: #126bc5;
    letter-spacing: 0;
    text-decoration: none
}

.FRONTLINKS,
.H1D {
    color: #fff;
    letter-spacing: 0;
    text-decoration: none
}

.FRONTLINKS {
    font-size: 1.125rem;
    font-weight: 400
}

.H1D,
.H1L,
.H1P,
.H2 {
    font-weight: 300
}

.H1D {
    font-size: 1.5rem
}

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

.H1L {
    font-size: 1.5rem;
    color: #666;
    letter-spacing: 0;
    text-decoration: none
}

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

.H1P {
    font-size: 1.25rem;
    color: #717171;
    letter-spacing: 0;
    text-decoration: none
}

.H2,
.H3 {
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

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

.H2 {
    font-size: 1.25rem
}

@media screen and (min-width:768px) {
    .H2 {
        font-size: 1.5rem
    }
}

.H3 {
    font-size: .875rem;
    font-weight: 600
}

@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
}

.H3R,
.H4 {
    font-weight: 400;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .H3L {
        font-size: 1.25rem
    }
}

.H3R {
    font-size: 1.25rem
}

.H4 {
    font-size: .75rem
}

@media screen and (min-width:768px) {
    .H4 {
        font-size: 1rem;
        font-weight: 300
    }
}

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

.HEADERNUMSTR,
.HEADERNUMSTRLIGHT {
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

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

.HEADERNUMSTR {
    font-size: 1.25rem;
    font-weight: 600
}

.HEADERNUMSTRLIGHT {
    font-size: 1.125rem;
    font-weight: 400
}

.HEADERNUMSTRNEG {
    font-size: 1.25rem;
    font-weight: 600;
    color: #bf2155;
    letter-spacing: 0;
    text-decoration: none
}

.HEADERNUMSTRON,
.HEADERNUMSTRPOS {
    color: #128842;
    letter-spacing: 0;
    text-decoration: none
}

.HEADERNUMSTRON {
    font-size: 1.125rem;
    font-weight: 400
}

.HEADERNUMSTRPOS {
    font-size: 1.25rem;
    font-weight: 600
}

.HEROLIGHT,
.HEROREGULAR {
    font-size: 1.5rem;
    color: #414042
}

.HEROLIGHT {
    font-weight: 300;
    letter-spacing: 0;
    text-decoration: none
}

.HEROREGULAR,
.INPUTFIELD {
    font-weight: 400;
    letter-spacing: 0;
    text-decoration: none
}

.INPUTFIELD {
    font-size: .875rem;
    color: #717171
}

@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
}

.INVHEADER,
.INVNUMSTR {
    color: #414042
}

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

.INVHEADER {
    font-size: 1.375rem;
    font-weight: 400;
    letter-spacing: 0;
    text-decoration: none
}

.INVNUMSTR,
.INVNUMSTRNEG,
.INVNUMSTRPOS {
    font-size: 1.5rem;
    font-weight: 300;
    letter-spacing: 0;
    text-decoration: none
}

.INVNUMSTRNEG {
    color: #bf2155
}

.INVNUMSTRPOS {
    color: #128842
}

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

.NOTE,
.NOTE a,
.NOTE a:active,
.NOTE a:hover,
.NOTE a:visited,
.NOTEBOLD {
    font-size: .75rem;
    letter-spacing: 0;
    text-decoration: none
}

.NOTE {
    font-weight: 400;
    color: #717171
}

.NOTE a,
.NOTE a:active,
.NOTE a:hover,
.NOTE a:visited {
    font-weight: 400;
    color: #126bc5
}

.NOTEBOLD {
    font-weight: 600;
    color: #717171
}

.NOTEDARK,
.NOTEDARKBOLD {
    color: #414042;
    font-size: .75rem
}

.NOTEDARK {
    font-weight: 400;
    letter-spacing: 0;
    text-decoration: none
}

.NOTEDARKBOLD {
    font-weight: 600;
    letter-spacing: 0;
    text-decoration: none
}

.NOTELINK,
.NUMSTR {
    font-weight: 400;
    letter-spacing: 0;
    text-decoration: none
}

.NOTELINK {
    font-size: .75rem;
    color: #126bc5
}

.NUMSTR {
    font-size: 1.5rem;
    color: #414042
}

@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
}

.OFFERAPR,
.OFFERFEE {
    font-size: 1.125rem;
    font-weight: 400;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:768px) {
    .NUMSTRPOS {
        font-size: 1.125rem;
        font-weight: 400
    }
}

.OFFERAPR {
    color: #0a4386
}

.OFFERFEE {
    color: #414042
}

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

.SECONDARYBUTTON,
.SECONDARYBUTTONLI,
.SIDE {
    font-weight: 400;
    letter-spacing: 0;
    text-decoration: none
}

.SECONDARYBUTTON {
    font-size: 1rem;
    color: #414042
}

.SECONDARYBUTTONLI {
    font-size: .875rem;
    color: #fff
}

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

.SIDE {
    font-size: .875rem;
    color: #ededed
}

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

.SIDEF,
.SIDEH1 {
    font-size: .75rem;
    font-weight: 400
}

.SIDEF {
    color: #ccc;
    letter-spacing: 0;
    text-decoration: none
}

.SIDEH1 {
    color: #959595;
    letter-spacing: 0;
    text-decoration: none
}

.TABLEHEADER,
.TABLEHEADERSLCT {
    font-weight: 600;
    letter-spacing: 0;
    text-decoration: none
}

.TABLEHEADER {
    font-size: .8125rem;
    color: #717171
}

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

.TABLEHEADERSLCT {
    font-size: .8125rem;
    color: #414042
}

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

.TERTIARYBUTTON,
.TERTIARYDISABLEDBUTTON {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0;
    text-decoration: none
}

.TERTIARYBUTTON {
    color: #666
}

.TERTIARYDISABLEDBUTTON {
    color: #d8d8d8
}

.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,
.TILENUMACTIVELI {
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: 0;
    text-decoration: none
}

.TILENUMACTIVE {
    color: #717171
}

.TILENUMACTIVELI {
    color: #666
}

.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,
.TILEBNUMINACTIVELI {
    color: #666;
    letter-spacing: 0;
    text-decoration: none
}

.TILEBNUMINACTIVE {
    font-size: 1.875rem;
    font-weight: 300
}

@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
}

.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
}

.TILESUBTEXT,
.TILESUBTEXTWHITE {
    font-weight: 400;
    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;
    color: #666
}

@media screen and (min-width:768px) {
    .TILESUBTEXT {
        font-size: .75rem
    }
}

@media screen and (min-width:992px) {
    .TILESUBTEXT {
        font-size: .875rem
    }
}

.TILESUBTEXTWHITE {
    font-size: .875rem;
    color: #fff
}

@media screen and (min-width:768px) {
    .TILESUBTEXTWHITE {
        font-size: .75rem
    }
}

.TILETYPE,
.TILETYPEACCOUNT,
.TOOLTIPLINK {
    font-size: .875rem;
    letter-spacing: 0;
    text-decoration: none
}

@media screen and (min-width:992px) {
    .TILESUBTEXTWHITE {
        font-size: .875rem
    }
}

.TILETYPE {
    font-weight: 600;
    color: #666
}

.TILETYPEACCOUNT {
    font-weight: 600;
    color: #126bc5
}

.TOOLTIPLINK {
    font-weight: 400;
    color: #1167b7
}

.URBNUMINACTIVE {
    font-size: 1.875rem;
    font-weight: 300;
    color: #414042;
    letter-spacing: 0;
    text-decoration: none
}

.UREWARDSACTIVE,
.UREWARDSINACTIVE,
.UREWARDSSUBTEXT,
.URTILESUBTEXT {
    font-weight: 400;
    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;
    color: #fff
}

@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;
    color: #414042
}

@media screen and (min-width:992px) {
    .UREWARDSINACTIVE {
        font-size: 1.125rem
    }
}

.UREWARDSSUBTEXT {
    font-size: .875rem;
    color: #fff
}

.URTILESUBTEXT {
    font-size: .75rem;
    color: #414042
}

@media screen and (min-width:992px) {
    .URTILESUBTEXT {
        font-size: .875rem
    }
}