[dir=rtl] .no-pad-cols,
[dir=rtl] .no-pad-right,
[dir=ltr] .no-pad-cols,
[dir=ltr] .no-pad-left {
    padding-left: 0 !important
}

[dir=rtl] .no-pad-cols,
[dir=rtl] .no-pad-left,
[dir=ltr] .no-pad-cols,
[dir=ltr] .no-pad-right {
    padding-right: 0 !important
}

.blank,
.cd-cover-layer {
    visibility: hidden
}

.oj-inputdatetime-calendar-icon:before,
.oj-inputsearch-search-icon {
    font-family: obdx-icons !important
}

body,
html {
    -webkit-text-size-adjust: none
}

.dashboard .container,
.oj-listview-item.oj-selected.oj-hover.oj-focus,
.oj-table .oj-table-column-header-cell.oj-focus,
a:focus {
    outline: 0
}

.login-options-modal-window .set-pin-input,
.set-pin .set-pin-input {
    -webkit-text-security: disc
}

.main-login-container {
    width: 100%;
    background-color: #fff
}

h1 {
    font-size: 1.8rem
}

h2 {
    font-size: 1rem
}

h3 {
    font-size: 1.5rem
}

h4,
h5 {
    font-size: 1rem
}

h5 {
    margin: 0
}

h6 {
    font-size: .8rem
}

.hide-label,
.hide-label .product-main-container .span-label,
.hide-label label,
.product-main-container .hide-label .span-label {
    font-size: 0 !important
}

img path {
    fill: #2489d3
}

.left {
    text-align: left
}

.right,
[dir=rtl] .left {
    text-align: right
}

[dir=rtl] .right {
    text-align: left
}

.center {
    text-align: center
}

.flex-left {
    justify-content: flex-start
}

.flex-right {
    justify-content: flex-end
}

.flex-center {
    justify-content: center
}

.hide {
    display: none
}

.hide-label {
    height: 0;
    position: absolute
}

.pull-right {
    float: right
}

.pull-left,
[dir=rtl] .pull-right {
    float: left
}

[dir=rtl] .pull-left {
    float: right
}

.margin-auto {
    margin: 0 auto
}

.no-margin {
    margin: inherit
}

.full-width {
    width: 100%
}

.full-height {
    height: 100%
}

.display-flex {
    display: flex;
    align-content: stretch
}

.oj-label-required-icon,
.oj-message-summary {
    display: none
}

.position-static {
    position: static
}

.error,
.info,
.warning {
    color: #333
}

a:hover,
a:link,
a:visited {
    text-decoration: none
}

.break-word {
    word-wrap: break-word;
    white-space: normal
}

.word-ellipsis,
.word-nowrap {
    white-space: nowrap
}

.word-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden
}

.seperator {
    border-bottom: .05rem solid #bbb !important
}

.icons.disabled {
    color: rgba(44, 50, 81, .3) !important;
    cursor: default
}

.oj-combobox-choice,
.oj-inputdatetime-calendar-icon,
.oj-inputdatetime-input,
.oj-inputnumber-input,
.oj-inputpassword-input,
.oj-inputpassword-nocomp,
.oj-inputsearch,
.oj-inputsearch-choice,
.oj-inputtext-input,
.oj-inputtext-nocomp,
.oj-select-choice {
    min-height: 2.3rem !important;
    line-height: 2.3rem;
    font-size: .9rem;
    border-radius: 0;
    color: #2c3251;
    background-color: transparent;
    transition-duration: .5s;
    outline: 0;
    border: 0;
    border-bottom: .05rem solid rgba(44, 50, 81, .3)
}

.oj-combobox-choice:focus,
.oj-inputdatetime-calendar-icon:focus,
.oj-inputdatetime-input:focus,
.oj-inputdatetime-input:focus+span,
.oj-inputnumber-input:focus,
.oj-inputpassword-input:focus,
.oj-inputpassword-nocomp:focus,
.oj-inputsearch-choice:focus,
.oj-inputsearch:focus,
.oj-inputtext-input:focus,
.oj-inputtext-nocomp:focus,
.oj-select-choice:focus {
    border: 0;
    border-bottom: .05rem solid #42a5f5
}

.form-main-container .oj-inputdatetime,
.form-main-container .oj-inputdatetime-date-only,
.form-main-container .oj-inputdatetime-date-time,
.form-main-container .oj-inputdatetime-time-only,
.form-main-container .oj-inputpassword,
.form-main-container .oj-inputpassword-nocomp,
.form-main-container .oj-inputsearch,
.form-main-container .oj-inputtext,
.form-main-container .oj-inputtext-nocomp,
.form-main-container .oj-select,
.form-main-container .oj-textarea,
.form-main-container .oj-textarea-nocomp {
    max-width: 100%;
    min-width: inherit
}

.oj-combobox-choice.oj-disabled,
.oj-inputdatetime-calendar-icon.oj-disabled,
.oj-inputdatetime-input.oj-disabled,
.oj-inputnumber-input.oj-disabled,
.oj-inputpassword-input.oj-disabled,
.oj-inputpassword-nocomp.oj-disabled,
.oj-inputsearch-choice.oj-disabled,
.oj-inputsearch.oj-disabled,
.oj-inputtext-input.oj-disabled,
.oj-inputtext-nocomp.oj-disabled,
.oj-select-choice.oj-disabled {
    border-color: #ccc;
    background: 0 0;
    color: #2c3251
}

.oj-inputdatetime-input-trigger {
    border-width: 0 !important
}

.oj-inputdatetime-input-trigger .oj-inputdatetime-calendar-icon {
    line-height: 2rem
}

.oj-accordion-collapsible>.oj-collapsible-header {
    font-size: .9rem;
    background: #fff;
    border: 0;
    border-bottom: .05rem solid #bbb
}

.oj-inputnumber .oj-buttonset {
    border: 0
}

.oj-inputnumber .oj-buttonset .oj-button,
.oj-inputnumber .oj-buttonset .oj-button.oj-default {
    border-color: transparent !important;
    background: 0 0 !important;
    padding: 0 !important
}

.oj-inputnumber .oj-buttonset .oj-button.oj-hover {
    border-color: transparent !important
}

.oj-select-arrow {
    height: 2.3rem;
    line-height: 2.3rem;
    padding: 0 .6rem;
    color: #2c3251;
    position: relative
}

[dir=rtl] .oj-select-arrow {
    left: 0
}

[dir=ltr] .oj-select-arrow {
    right: 0
}

.oj-inputdatetime-calendar-icon:before {
    color: #2c3251
}

.oj-combobox-open-icon:before,
.oj-select-open-icon:before {
    text-align: center;
    width: 1.1rem;
    height: 1.1rem;
    line-height: 1.1rem
}

.oj-listbox-results li {
    padding: .2rem 0;
    color: #2c3251
}

.oj-pagingcontrol-nav-dot {
    line-height: inherit
}

.oj-pagingcontrol-nav-dot .oj-pagingcontrol-nav-dot-bullet {
    width: 9px;
    height: 9px
}

.oj-table,
table.oj-table-element {
    width: 100%
}

.oj-pagingcontrol-nav-dot .oj-pagingcontrol-nav-dot-bullet.oj-hover,
.oj-pagingcontrol-nav-dot .oj-pagingcontrol-nav-dot-bullet.oj-selected {
    background-color: #fff
}

.oj-message-status-icon {
    vertical-align: middle;
    padding-bottom: .2rem
}

.oj-message-detail {
    font-size: .6rem
}

.oj-listview {
    overflow: hidden;
    border-width: 0 0 .05rem
}

.oj-listview-item {
    background: 0 0 !important;
    border-top: 0 !important;
    border-bottom: .05rem solid #bbb
}

.oj-listview:first-child {
    border-width: 0 !important
}

.oj-listview-empty-text {
    padding: .6rem
}

.oj-table {
    margin: 0
}

.oj-table .oj-table-header-row {
    color: #2c3251
}

.oj-table .oj-table-column-header-cell {
    font-size: .9rem;
    font-weight: 600;
    padding: 0 0 0 .2rem;
    text-overflow: initial !important
}

[dir=rtl] .oj-table .oj-table-column-header-cell {
    padding: 0 .2rem 0 0
}

.oj-table .oj-table-column-header-cell .oj-checkbox-label {
    position: relative;
    top: -1.6rem;
    font-size: 0
}

.oj-table .oj-table-column-header-cell.right {
    text-align: right
}

[dir=rtl] .oj-table .oj-table-column-header-cell.right {
    text-align: left
}

.oj-table.oj-table-editable .oj-table-column-header-cell,
.oj-table.oj-table-scroll-horizontal .oj-table-column-header-cell {
    line-height: 2.5rem;
    height: 2.5rem
}

[class*=" icon-"]:before,
[class^=icon-]:before,
[data-icon]:before {
    font-family: obdx-icons !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.oj-table .oj-checkbox,
.oj-table .oj-checkbox-nocomp {
    margin: 0 .74em 0 0
}

[dir=rtl] .oj-table .oj-checkbox,
[dir=rtl] .oj-table .oj-checkbox-nocomp {
    margin: 0 0 0 .74em
}

[dir=ltr] .oj-table .oj-checkbox-label {
    margin-left: .6rem !important
}

[dir=rtl] .oj-table .oj-checkbox-label {
    margin-right: .6rem !important;
    margin-left: 0 !important
}

[dir=ltr] .oj-table .oj-checkbox-label {
    margin-right: 0 !important
}

.oj-table .oj-table-data-cell {
    font-size: .9rem;
    white-space: normal;
    vertical-align: top;
    color: #2c3251
}

.oj-table .oj-table-data-cell a,
a:link,
a:visited {
    color: #0070bf
}

.oj-table .oj-table-data-cell.amountWithoutSort {
    text-align: right
}

[dir=rtl] .oj-table .oj-table-data-cell.amountWithoutSort {
    text-align: left;
    padding-left: .9rem
}

[dir=ltr] .oj-table .oj-table-data-cell.amountWithoutSort {
    padding-right: .9rem
}

.oj-table .oj-table-data-cell.right {
    text-align: right
}

[dir=rtl] .oj-table .oj-table-data-cell.right {
    text-align: left
}

.oj-table .oj-table-no-data-message {
    padding: 1.3rem .9rem
}

.oj-table .oj-table-column-header-asc-icon:before,
.oj-table .oj-table-column-header-dsc-icon:before {
    transform: none !important
}

.oj-table .oj-table-hgrid-lines {
    border-bottom: 0 !important
}

.oj-table .oj-table-body {
    border: 0
}

.oj-table .oj-table-body.oj-hover {
    background: #e6e5e5 !important
}

.oj-table .oj-table-body-row.oj-hover {
    background: #e6e5e5
}

.cd-loading-bar,
body::after,
body::before {
    background-color: #fff;
    backface-visibility: hidden
}

a:hover {
    color: #004373
}

.oj-conveyorbelt-overflow-icon.oj-bottom:before,
.oj-conveyorbelt-overflow-icon.oj-top:before,
.oj-filmstrip-arrow-icon.oj-bottom:before,
.oj-filmstrip-arrow-icon.oj-top:before,
.oj-fwk-icon-arrow-e:before,
.oj-fwk-icon-arrow-n:before,
.oj-fwk-icon-arrow-ne:before,
.oj-fwk-icon-arrow-nw:before,
.oj-fwk-icon-arrow-s:before,
.oj-fwk-icon-arrow-se:before,
.oj-fwk-icon-arrow-sw:before,
.oj-fwk-icon-arrow-w:before,
.oj-fwk-icon-caret-e:before,
.oj-fwk-icon-caret-n:before,
.oj-fwk-icon-caret-s:before,
.oj-fwk-icon-caret-w:before,
.oj-inputnumber-down-icon:before,
.oj-inputnumber-up-icon:before,
.oj-table-column-header-asc-icon:before,
.oj-table-column-header-dsc-icon:before,
html:not([dir=rtl]) .oj-collapsible-close-icon:before,
html:not([dir=rtl]) .oj-collapsible-open-icon:before,
html:not([dir=rtl]) .oj-conveyorbelt-overflow-icon.oj-end:before,
html:not([dir=rtl]) .oj-conveyorbelt-overflow-icon.oj-start:before,
html:not([dir=rtl]) .oj-datepicker-next-icon:before,
html:not([dir=rtl]) .oj-datepicker-prev-icon:before,
html:not([dir=rtl]) .oj-filmstrip-arrow-icon.oj-end:before,
html:not([dir=rtl]) .oj-filmstrip-arrow-icon.oj-start:before,
html:not([dir=rtl]) .oj-fwk-icon-arrow-end:before,
html:not([dir=rtl]) .oj-fwk-icon-arrow-n-end:before,
html:not([dir=rtl]) .oj-fwk-icon-arrow-n-start:before,
html:not([dir=rtl]) .oj-fwk-icon-arrow-s-end:before,
html:not([dir=rtl]) .oj-fwk-icon-arrow-s-start:before,
html:not([dir=rtl]) .oj-fwk-icon-arrow-start:before,
html:not([dir=rtl]) .oj-fwk-icon-back:before,
html:not([dir=rtl]) .oj-fwk-icon-caret-end:before,
html:not([dir=rtl]) .oj-fwk-icon-caret-start:before,
html:not([dir=rtl]) .oj-fwk-icon-next:before,
html:not([dir=rtl]) .oj-hybrid-applayout-header-icon-back:before,
html:not([dir=rtl]) .oj-listview-collapse-icon:before,
html:not([dir=rtl]) .oj-listview-drill-icon:before,
html:not([dir=rtl]) .oj-listview-expand-icon:before,
html:not([dir=rtl]) .oj-navigationlist-previous-icon:before,
html[dir=rtl] .oj-collapsible-close-icon:before,
html[dir=rtl] .oj-collapsible-open-icon:before,
html[dir=rtl] .oj-conveyorbelt-overflow-icon.oj-end:before,
html[dir=rtl] .oj-conveyorbelt-overflow-icon.oj-start:before,
html[dir=rtl] .oj-datepicker-next-icon:before,
html[dir=rtl] .oj-datepicker-prev-icon:before,
html[dir=rtl] .oj-filmstrip-arrow-icon.oj-end:before,
html[dir=rtl] .oj-filmstrip-arrow-icon.oj-start:before,
html[dir=rtl] .oj-fwk-icon-arrow-end:before,
html[dir=rtl] .oj-fwk-icon-arrow-n-end:before,
html[dir=rtl] .oj-fwk-icon-arrow-n-start:before,
html[dir=rtl] .oj-fwk-icon-arrow-s-end:before,
html[dir=rtl] .oj-fwk-icon-arrow-s-start:before,
html[dir=rtl] .oj-fwk-icon-arrow-start:before,
html[dir=rtl] .oj-fwk-icon-back:before,
html[dir=rtl] .oj-fwk-icon-caret-end:before,
html[dir=rtl] .oj-fwk-icon-caret-start:before,
html[dir=rtl] .oj-fwk-icon-next:before,
html[dir=rtl] .oj-hybrid-applayout-header-icon-back:before,
html[dir=rtl] .oj-listview-collapse-icon:before,
html[dir=rtl] .oj-listview-drill-icon:before,
html[dir=rtl] .oj-listview-expand-icon:before,
html[dir=rtl] .oj-navigationlist-previous-icon:before {
    font-family: obdx-icons !important;
    font-size: .9rem !important
}

.oj-button-menu-dropdown-icon:before,
.oj-combobox-open-icon:before,
.oj-fwk-icon-arrow02-e:before,
.oj-fwk-icon-arrow02-n:before,
.oj-fwk-icon-arrow02-s:before,
.oj-fwk-icon-arrow02-w:before,
.oj-navigationlist-collapsible .oj-navigationlist-expand-icon:before,
.oj-navigationlist-collapsible html:not([dir=rtl]) .oj-navigationlist-collapse-icon:before,
.oj-navigationlist-collapsible html[dir=rtl] .oj-navigationlist-collapse-icon:before,
.oj-select-open-icon:before,
html:not([dir=rtl]) .oj-fwk-icon-arrow02-end:before,
html:not([dir=rtl]) .oj-fwk-icon-arrow02-start:before,
html:not([dir=rtl]) .oj-navigationlist-collapsible .oj-navigationlist-collapse-icon:before,
html[dir=rtl] .oj-fwk-icon-arrow02-end:before,
html[dir=rtl] .oj-fwk-icon-arrow02-start:before,
html[dir=rtl] .oj-navigationlist-collapsible .oj-navigationlist-collapse-icon:before {
    font-family: obdx-icons !important;
    font-size: .7rem !important
}

.oj-menu {
    animation: animatezoom .3s
}

.oj-label-inline {
    margin-top: .6rem
}

.fade-in {
    -webkit-animation: fade-in 15s 1 ease;
    -moz-animation: fade-in 15s 1 ease;
    -o-animation: fade-in 15s 1 ease;
    -ms-animation: fade-in 15s 1 ease;
    animation: fade-in 15s 1 ease;
    transition: opacity .5s linear
}

@keyframes fade-in {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.grow {
    height: 0;
    transform: scale(0);
    opacity: 0
}

.grow-end {
    transform: scale(1);
    opacity: 1;
    transition: all .7s, opacity .3s ease-in-out
}

@keyframes animatezoom {
    0%,
    100% {
        transform: scale(1)
    }
    1% {
        transform: scale(.6)
    }
}

.parallax {
    position: relative;
    right: 0;
    bottom: 0;
    left: 0
}

.parallax .movingbox {
    position: relative;
    height: auto;
    padding: 3.1rem
}

.parallax .parallaxbox {
    position: relative;
    height: 80%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto
}

.parallax .oj-button.action-button-primary {
    width: auto
}

@font-face {
  font-family: 'SCB-font';
  font-style: normal;
  font-weight: 400;
  font-size: 0.9rem !important;
  src: url(../fonts/Nunito-Regular.ttf) format('truetype');
}

body,
html {
    height: 100%;
    min-height: 100vh;
    position: relative
}

body {
    padding: 0;
    margin: 0;
    font-family: SCB-font;
    font-size: .9rem;
    overflow-y: scroll
}

body::after,
body::before {
    box-sizing: border-box;
    content: '';
    height: 50vh;
    width: 100%;
    position: fixed;
    left: 0;
    z-index: 1;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: transform .4s .4s
}

body::before {
    top: 0;
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

body::after {
    bottom: 0;
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

body.page-is-changing::after,
body.page-is-changing::before {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: transform .4s 0s
}

article,
aside,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

.cd-cover-layer {
    position: fixed;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 3;
    background-color: #2b3643;
    transition: opacity .4s .4s, visibility 0s .8s
}

.cd-loading-bar,
.cd-logo {
    position: fixed;
    z-index: 4
}

.page-is-changing .cd-cover-layer {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s 0s, visibility 0s 0s
}

.cd-logo {
    background: url(../../images/common/logo.svg) no-repeat;
    top: 40%;
    animation: animatezoom .8s;
    left: calc(50% - 5.6rem);
    width: 11.3rem;
    height: 10%
}

.cd-loading-bar {
    left: 50%;
    top: 50%;
    height: .1rem;
    width: 90%;
    visibility: hidden;
    transition: visibility 0s .4s, transform .4s 0s ease-in;
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-color: rgba(255, 255, 255, .4)
}

.cd-loading-bar::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
    backface-visibility: hidden;
    transform: translateZ(0);
    transform: scaleX(0);
    transform-origin: left center
}

.page-is-changing .cd-loading-bar {
    visibility: visible;
    transform: translateX(-50%) translateY(-50%) scaleX(.3)
}

.page-is-changing .cd-loading-bar::before {
    animation-duration: .8s;
    animation-delay: .8s;
    animation-name: example;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in
}

@keyframes example {
    from {
        transform: scaleX(0)
    }
    to {
        transform: scaleX(1)
    }
}

.se-pre-con {
    z-index: 2;
    left: -100%;
    width: 100%;
    height: .2rem;
    animation: loading-bar 3s alternate;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    background-size: 100%;
    background-image: linear-gradient(to right, rgba(0, 135, 191, .5) 0, #0087bf 70%);
    box-shadow: inset 0 0 .6rem .1rem rgba(117, 182, 255, .5), 0 0 1.3rem rgba(117, 182, 214, .5)
}

@keyframes loading-bar {
    0% {
        left: -100%;
        background: rgba(0, 135, 191, .5);
        box-shadow: inset 0 0 .6rem .1rem rgba(117, 182, 255, .5), 0 0 2.5rem .1rem #6987ff
    }
    50% {
        left: 100%;
        transform: rotateY(0)
    }
    51% {
        transform: rotateY(180deg)
    }
    100% {
        left: -100%;
        transform: rotateY(180deg);
        background: #0087bf;
        box-shadow: inset 0 0 .6rem .1rem rgba(117, 182, 255, .5), 0 0 1.9rem .1rem rgba(105, 135, 255, .3)
    }
}

@keyframes ripple-out {
    0%,
    100% {
        box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent, 0 0 0 0 transparent
    }
    15% {
        box-shadow: 0 0 0 0 #dcdcdc, 0 0 0 0 rgba(255, 255, 255, .4), 0 0 0 0 #dcdcdc, 0 0 0 0 rgba(0, 0, 0, .08)
    }
    70% {
        box-shadow: 0 0 .3rem 0 #dcdcdc, 0 0 .6rem 1.3rem transparent, 0 0 2.5rem .1rem #dcdcdc, 0 0 .3rem 2.5rem transparent
    }
}

.slide {
    opacity: 0
}

.slide-right {
    transform: rotateY(-50deg) rotateZ(-5deg) translateX(3.1rem), opacity .3s ease-in-out
}

.slide-left {
    transform: rotateY(50deg) rotateZ(-5deg) translateX(-3.1rem), opacity .3s ease-in-out
}

.slide-end {
    opacity: 1;
    transform: rotateY(0);
    perspective: 6.3rem
}

.wind-screen-wiper {
    -webkit-animation: wind-screen-wiper 5s 1 ease;
    -moz-animation: wind-screen-wiper 5s 1 ease;
    -o-animation: wind-screen-wiper 5s 1 ease;
    -ms-animation: wind-screen-wiper 5s 1 ease;
    animation: wind-screen-wiper 5s 1 ease;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%)
}

@keyframes wind-screen-wiper {
    0% {
        opacity: 0;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 100%)
    }
    20% {
        opacity: .5;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
    }
    100% {
        opacity: 1;
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
        clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%)
    }
}

.flip-down {
    -webkit-animation: flip-down .7s 1 linear;
    -moz-animation: flip-down .7s 1 linear;
    -o-animation: flip-down .7s 1 linear;
    -ms-animation: flip-down .7s 1 linear;
    animation: flip-down .7s 1 linear;
    background: #f74240;
    width: 100%
}

.slide-and-resize {
    background-color: #fbce4a
}

@keyframes flip-down {
    0% {
        transform: rotateX(90deg)
    }
    100% {
        transform: rotateX(0)
    }
}

@keyframes slide-and-resize {
    0% {
        width: 100%
    }
    50% {
        background-color: #f3b705
    }
    100% {
        width: 15%;
        background-color: #fbce4a
    }
}

.dashboard {
    position: relative;
    min-height: calc(100vh - 2.5rem)
}

.dashboard.banner {
    background: 0 0;
    background-size: initial
}

.dashboard .container {
    width: 100%;
    max-width: 80rem;
    font-size: .9rem;
    margin: 0 auto;
    min-height: calc(100vh - 6.3rem)
}

.dashboard .container .comp-title {
    background: 0 0;
    text-transform: capitalize;
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
    margin: .55rem 0
}

.dashboard .container .comp-title.sub-heading {
    font-size: 1.5rem;
    font-weight: 300;
    letter-spacing: .1rem;
    margin: 0
}

.dashboard .container .widget-container {
    padding: .6rem 0
}

.dashboard .container .main-content {
    padding: 0 .6rem
}

.dashboard a.skip-main {
    position: absolute;
    top: auto;
    width: .1rem;
    height: .1rem;
    overflow: hidden;
    z-index: -999
}

[dir=rtl] .dashboard a.skip-main {
    right: -62.4rem
}

[dir=ltr] .dashboard a.skip-main {
    left: -62.4rem
}

.dashboard a.skip-main:active,
.dashboard a.skip-main:focus {
    color: #fff;
    top: auto;
    padding: .6rem;
    margin: .6rem;
    font-size: .8em;
    z-index: 999;
    height: auto;
    width: auto;
    outline: dotted .1rem
}

[dir=rtl] .dashboard a.skip-main:active,
[dir=rtl] .dashboard a.skip-main:focus {
    right: 0
}

[dir=ltr] .dashboard a.skip-main:active,
[dir=ltr] .dashboard a.skip-main:focus {
    left: 0
}

.dashboard section {
    /* margin-bottom: 1.1rem */
}

.dashboard .back-button {
    position: fixed;
    z-index: 3;
    top: 50%
}

.dashboard .back-button .icon-back-arrow {
    height: 2.5rem;
    width: 2.5rem;
    cursor: pointer
}

.dashboard .flip-container {
    width: 100%;
    min-height: 9.1rem;
    position: relative;
    perspective: 50rem
}

.dashboard .flip-container .flip-card {
    transform-style: preserve-3d;
    transition: transform 1s
}

.dashboard .flip-container .flip-card .back,
.dashboard .flip-container .flip-card .front {
    margin: 0;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: rotateY(0);
    background: #fff
}

.dashboard .flip-container .flip-card .back,
.dashboard .flip-container .flip-card.flipped {
    transform: rotateY(180deg)
}

.dashboard .flip-container .flip-card .back.desktopBack .action-button-tertiary {
    position: relative;
    bottom: 1.3rem
}

[dir=rtl] .dashboard .flip-container .flip-card .back.desktopBack .action-button-tertiary {
    margin-left: inherit !important;
    left: 1.3rem
}

[dir=ltr] .dashboard .flip-container .flip-card .back.desktopBack .action-button-tertiary {
    margin-right: inherit !important;
    right: 1.3rem
}

.dashboard .eligibilityFlip {
    min-height: 11.6rem
}

.dashboard .back-top {
    position: fixed;
    bottom: 2.5rem
}

[dir=rtl] .dashboard .back-top {
    right: 96%
}

[dir=rtl] .header .header-container .badge,
[dir=ltr] .grid-main-container .oj-listview li .last-activity {
    right: 0
}

[dir=ltr] .dashboard .back-top {
    left: 96%
}

[dir=rtl] .grid-main-container .oj-listview li .last-activity,
[dir=ltr] .header .header-container .badge {
    left: 0
}

.dashboard .back-top a {
    display: block;
    text-align: center;
    -webkit-transition: 2s;
    -moz-transition: 2s;
    transition: 2s
}

.dashboard .back-top span {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    display: block;
    margin-bottom: .4rem;
    background: rgba(220, 220, 220, .1);
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s
}

.quick-links-list__item {
    height: 3rem
}

.quick-links-list-item__icon {
    height: 2rem
}

.quick-links-list-item__label {
    display: flex;
    align-items: center
}

.back-link {
    cursor: pointer;
    color: #0070bf;
    line-height: 2.3rem;
    font-size: .9rem
}

.header .sticky {
    position: fixed;
    width: 100%;
    background: #2b3643;
    z-index: 5;
    top: 0
}

.header .header-container {
    color: #fff;
    background: #2b3643;
    /* Dung update for header */
    /* max-width: 100vw; */
    width: 100%;
    z-index: 5;
    transition: box-shadow .2s
}

.header .header-container .fixed-header-container {
    max-width: 80rem;
    justify-content: space-around;
    margin: 0 auto
}

.header .header-container .oj-inputsearch {
    max-width: 60% !important;
    /* border-bottom: .08rem solid #fff */
}

.header .header-container .oj-inputsearch .oj-inputsearch-choice {
    max-width: none;
    width: 100%
}

.header .header-container .comp-title {
    float: left;
    padding: 0 1.6rem;
    display: flex
}

[dir=rtl] .header .header-container .comp-title {
    float: right
}

.header .header-container .comp-title h2 {
    font-size: 1.1rem;
    font-weight: 400;
    color: #fff;
    margin: 0;
    display: flex;
    align-items: center
}

.header .header-container .icon-logo {
    width: 8.1rem;
    height: 3.8rem
}

.header .header-container .badge {
    display: inline-block;
    min-width: .6rem;
    padding: .3rem;
    font-size: .7rem;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    position: relative;
    top: -.9rem;
    margin: 0 -.8em;
    border-radius: 3.1rem;
    -webkit-border-radius: 3.1rem;
    -moz-border-radius: 3.1rem;
    /*background: #e42323;*/
    color: #fff
}

.header .header-container .icon-menu-bar {
    top: .2rem;
    position: relative;
    cursor: pointer;
    color: #fff;
    font-size: calc(.9rem + .6rem);
    height: 3.8rem;
    line-height: 3.8rem
}

.header .header-container .icon-back-arrow {
    display: block;
    cursor: pointer;
    float: left
}

[dir=rtl] .header .header-container .icon-back-arrow {
    float: right
}

.header .header-container .menu-bar-container {
    height: 3rem;
    background: 0 0;
    float: left
}

[dir=rtl] .header .header-container .menu-bar-container {
    float: right
}

.header .header-container .header-nav-container {
    position: fixed
}

.header .header-container .quick-menu-container {
    height: 3.8rem;
    line-height: 3.8rem;
    text-align: center
}

.header .header-container .quick-menu-label {
    cursor: pointer;
    font-size: 1rem;
    padding: 0 .5rem;
    color: #fff;
    display: inline-block
}

.header .header-container .quick-menu-label:hover {
    background: #212933
}

.header .nav-menu {
    line-height: 3.8rem;
    white-space: nowrap
}

.header .nav-menu a {
    height: 3.8rem;
    padding: 0 .6rem;
    line-height: 3.8rem;
    border-right: 0;
    position: relative;
    font-size: .9rem;
    color: #fff;
    display: inline-block;
    text-align: center
}

[dir=rtl] .header .nav-menu a {
    margin-right: .3rem
}

[dir=ltr] .header .nav-menu a {
    margin-left: .3rem
}

.header .nav-menu a .icons {
    font-size: calc(.9rem + .4rem);
    color: #fff;
    position: relative;
    top: .2rem
}

.header .nav-menu a:hover {
    background: #232840
}

.header .nav-menu a .oj-inputsearch-search-button {
    padding: 0
}

.header .nav-menu .oj-inputsearch-input {
    font-size: .9rem;
    color: #fff;
    background: 0 0
}

.header .nav-menu .oj-inputsearch-input::placeholder {
    color: rgba(44, 50, 81, .8)
}

.header .nav-menu input::placeholder {
    color: #fff
}

.header .nav-menu .active {
    background: #232840;
    height: 3.8rem;
    position: relative;
    display: inline-block
}

.header .nav-menu .icon-profile,
.header .nav-menu .icon-search {
    height: 1.9rem;
    width: 1.9rem;
    top: .5rem;
    position: relative;
    cursor: pointer
}

.header .nav-menu .icon {
    color: #fff;
    font-size: calc(.9rem - .3rem)
}

[dir=rtl] .header .nav-menu .icon {
    padding-left: .6rem
}

[dir=ltr] .header .nav-menu .icon {
    padding-right: .6rem
}

.header .nav-menu .icon-profile {
    padding: 0 0 0 1.3rem
}

[dir=rtl] .header .nav-menu .icon-profile {
    padding: 0 1.3rem 0 0
}

.header .nav-menu .icon-call,
.header .nav-menu .icon-settings,
.header .nav-menu .icon-tools,
.header .nav-menu .iconNaNreminder {
    height: 1.9rem;
    width: 1.9rem;
    position: relative;
    top: .5rem;
    cursor: pointer;
    padding: 0 .9rem
}

.header-mailbox-launcher {
    width: 25.6rem;
    min-height: 10rem
}

.main-menu {
    background: #fff;
    box-shadow: 0 .1rem .1rem rgba(0, 0, 0, .18);
    z-index: 5
}

.main-menu .menu-container .welcome-box {
    background: rgba(44, 50, 81, .9);
    color: #fff;
    padding: .9rem;
    line-height: 1.3rem
}

.product-main-container [dir=ltr] .grid-main-container .activity-amt .span-label,
.product-main-container [dir=ltr] .grid-main-container .amount .span-label,
.product-main-container [dir=ltr] .grid-main-container .bal-amt-text .span-label,
[dir=ltr] .grid-main-container .activity-amt .product-main-container .span-label,
[dir=ltr] .grid-main-container .activity-amt label,
[dir=ltr] .grid-main-container .amount .product-main-container .span-label,
[dir=ltr] .grid-main-container .amount label,
[dir=ltr] .grid-main-container .bal-amt-text .product-main-container .span-label,
[dir=ltr] .grid-main-container .bal-amt-text label {
    padding-right: .6rem
}

.main-menu .menu-container .welcome-box .oj-label .product-main-container .span-label,
.main-menu .menu-container .welcome-box .oj-label label,
.main-menu .menu-container .welcome-box .oj-select-arrow,
.main-menu .menu-container .welcome-box .oj-select-chosen,
.product-main-container .main-menu .menu-container .welcome-box .oj-label .span-label {
    color: #fff
}

.main-menu .menu-container .welcome-box .oj-select-choice {
    border-bottom: .08rem solid #fff
}

.main-menu .menu-container .welcome-box-text {
    margin-bottom: 1.2rem
}

.main-menu .menu-container .navlist .seperator {
    height: .1rem
}

.main-menu .menu-container .navlist .oj-navigationlist-item {
    color: rgba(44, 50, 81, .8);
    font-size: .9rem
}

.main-menu .menu-container .navlist .oj-navigationlist-item.oj-hover:not(.oj-selected) {
    color: #0070bf
}

.main-menu .menu-container .navlist .oj-navigationlist-item .oj-navigationlist-item-icon {
    font-size: 1.1rem
}

.main-menu .menu-container .navlist .oj-navigationlist-item-label {
    color: rgba(44, 50, 81, .8)
}

.main-menu .menu-container .navlist .oj-navigationlist-item-label .icons {
    position: relative;
    color: #0070BF
}

.main-menu .menu-container .navlist .oj-navigationlist-collapsible ul.oj-navigationlist-has-icons>.oj-navigationlist-item-element>ul {
    padding-left: 1.5rem
}

.product-main-container [dir=rtl] .grid-main-container .activity-amt .span-label,
.product-main-container [dir=rtl] .grid-main-container .amount .span-label,
.product-main-container [dir=rtl] .grid-main-container .bal-amt-text .span-label,
[dir=rtl] .grid-main-container .activity-amt .product-main-container .span-label,
[dir=rtl] .grid-main-container .activity-amt label,
[dir=rtl] .grid-main-container .amount .product-main-container .span-label,
[dir=rtl] .grid-main-container .amount label,
[dir=rtl] .grid-main-container .bal-amt-text .product-main-container .span-label,
[dir=rtl] .grid-main-container .bal-amt-text label {
    padding-left: .6rem
}

.grid-main-container {
    max-width: 100%;
    background: #fff;
    box-shadow: none;
    color: #2c3251;
    font-size: .9rem;
    line-height: calc(2.3rem - .6rem);
    padding: 0 1.3rem
}

.grid-main-container .product-main-container .span-label,
.grid-main-container label,
.product-main-container .grid-main-container .span-label {
    line-height: calc(2.3rem - 1.1rem)
}

.grid-main-container .description {
    color: #004373;
    font-size: 1.1rem
}

.grid-main-container .amount,
.grid-main-container .bal-amt-text {
    color: #0070BF
}

.grid-main-container .highlight-text {
    font-size: calc(.9rem + .4rem)
}

.grid-main-container .activity-amt {
    padding-bottom: .2rem
}

.grid-main-container .activity-amt .debit {
    color: #e42323
}

.grid-main-container .select-all {
    font-size: .9rem
}

.grid-main-container .oj-listview {
    border: 0 !important
}

.grid-main-container .oj-listview li {
    position: relative;
    padding: .6rem 0
}

.grid-main-container .oj-listview li:first-child {
    border-top: 0
}

.grid-main-container .oj-listview li .last-activity {
    position: absolute;
    bottom: .6rem
}

.grid-main-container .oj-listview li .oj-flex {
    padding-bottom: 0
}

.grid-main-container .oj-listview li .oj-flex .oj-flex-item {
    padding-bottom: .5rem
}

.grid-main-container h3.heading {
    font-weight: 400;
    margin: 0 0 .6rem;
    padding-bottom: .3rem;
    border-bottom: .05rem solid #bbb
}

.grid-main-container img.delete {
    height: 1.5rem;
    width: 1.5rem
}

.form-main-container {
    /*background: #fff;*/
    /* padding: 0 0 1.3rem; */
    font-size: 1.1rem
}

.form-main-container .icons.icon-help {
    font-size: calc(.9rem + .4rem);
    color: #0070bf
}

.form-main-container .icons.icon-help:hover {
    color: #004373
}

.form-main-container .product-main-container .span-label,
.form-main-container label,
.product-main-container .form-main-container .span-label {
    color: #666;
    font-size: 1rem;
    font-weight: 400;
    float: none
}

.form-main-container .oj-pagingcontrol .oj-label-inline {
    font-size: .9rem
}

.form-main-container .oj-listview {
    border-color: #dcdcdc
}

.form-main-container .form-title-heading {
    overflow: hidden;
    text-align: left;
    color: #a6a6a6;
    font-size: 1.1rem;
    margin: 1.9rem 0 0;
    line-height: normal;
    width: 100%;
    padding-bottom: .6rem;
    text-transform: none;
    letter-spacing: .1rem
}

[dir=rtl] .form-main-container .form-title-heading {
    text-align: right
}

.form-main-container .form-title-heading .title-size {
    position: relative;
    display: inline-block;
    border-bottom: 0 solid #dcdcdc;
    width: 100%;
    color: #a6a6a6;
    font-size: 1.1rem;
    line-height: 2.3rem;
    font-weight: 600;
    text-transform: none;
    letter-spacing: .1rem
}

.form-main-container .form-title-heading .profile-container {
    margin: 1.6rem 0 0
}

.form-main-container .form-row-highlighted {
    padding: 1.1rem 0;
    margin-bottom: 1.3rem;
    height: calc(2.3rem + 2.8rem);
    border-bottom: .05rem solid #bbb
}

.form-main-container .form-col-highlighted {
    background: #f5f5f5;
    margin: .6rem
}

.form-main-container .label-text-small .product-main-container .span-label,
.form-main-container .label-text-small label,
.product-main-container .form-main-container .label-text-small .span-label {
    font-size: .9rem
}

.form-main-container .hide-label,
.form-main-container .hide-label .product-main-container .span-label,
.form-main-container .hide-label label,
.product-main-container .form-main-container .hide-label .span-label {
    font-size: 0 !important
}

.form-main-container .info-text-small {
    font-size: .9rem;
    color: #757575;
    line-height: calc(2.3rem - .9rem)
}

.form-main-container .highlight-text {
    font-size: .9rem;
    color: #2c3251
}

.form-main-container .required {
    display: inline-block
}

.form-main-container .required .product-main-container .span-label,
.form-main-container .required label,
.product-main-container .form-main-container .required .span-label {
    position: relative
}

.product-main-container [dir=rtl] .form-main-container .required .span-label,
[dir=rtl] .form-main-container .required .product-main-container .span-label,
[dir=rtl] .form-main-container .required label {
    margin-left: .4em
}

.product-main-container [dir=ltr] .form-main-container .required .span-label,
[dir=ltr] .form-main-container .required .product-main-container .span-label,
[dir=ltr] .form-main-container .required label {
    margin-right: .4em
}

.form-main-container .required .product-main-container .span-label:after,
.form-main-container .required label:after,
.product-main-container .form-main-container .required .span-label:after {
    content: "*";
    color: #e32;
    position: absolute;
    top: -.1em;
    display: none
}

.product-main-container [dir=rtl] .form-main-container .required .span-label:after,
[dir=rtl] .form-main-container .required .product-main-container .span-label:after,
[dir=rtl] .form-main-container .required label:after {
    left: -.6em
}

[dir=ltr] .oj-button.action-button-primary:before,
[dir=ltr] .oj-button.action-button-secondary:before,
[dir=ltr] .oj-button.action-button-tertiary:before,
[dir=ltr] .oj-button.form-button-primary:before,
[dir=ltr] .oj-button.form-button-rounded:before,
[dir=ltr] .oj-button.form-button-secondary:before {
    left: 50%
}

.product-main-container [dir=ltr] .form-main-container .required .span-label:after,
[dir=ltr] .form-main-container .required .product-main-container .span-label:after,
[dir=ltr] .form-main-container .required label:after {
    right: -.6em
}

[dir=rtl] .oj-button.action-button-primary:before,
[dir=rtl] .oj-button.action-button-secondary:before,
[dir=rtl] .oj-button.action-button-tertiary:before,
[dir=rtl] .oj-button.form-button-primary:before,
[dir=rtl] .oj-button.form-button-rounded:before,
[dir=rtl] .oj-button.form-button-secondary:before {
    right: 50%
}

.form-main-container .form-container {
    float: left;
    width: 100%;
    margin: 2.6rem auto -1.1rem
}

[dir=rtl] .form-main-container .form-container {
    float: right
}

.form-main-container .row-group {
    padding-bottom: 1.4rem
}

.form-main-container .row-group:last-of-type {
    padding-bottom: 0
}

.form-main-container .addressfields .oj-flex,
.form-main-container .addressfields .product-main-container .span-label,
.form-main-container .addressfields label,
.product-main-container .form-main-container .addressfields .span-label {
    line-height: calc(2.3rem - .6rem)
}

.form-main-container .review .form-title-heading .title-size {
    font-size: 1rem
}

.form-main-container .review .form-title-heading>.title-size:after,
.form-main-container .review .form-title-heading>.title-size:before {
    border-bottom: 0 !important
}

.form-main-container .review .addressfields div:first-child {
    padding-top: .3rem
}

.form-main-container .review .addressfields .address-type {
    font-weight: 600
}

.form-main-container .review-text-heading span {
    display: flex;
    align-items: center
}

.form-main-container .review-text-heading .icons {
    max-width: 50px
}

.form-main-container .horizontal-line {
    width: 12.5rem;
    margin: .9rem auto 1.3rem
}

.form-main-container .disclaimer {
    color: #a6a6a6 !important;
    font-size: calc(.9rem - .1rem) !important
}

.form-main-container .instance-value .oj-inputtext {
    min-width: 100%
}

.form-main-container .delete img,
.form-main-container .unfavorite img {
    height: 2.8rem;
    width: 2.8rem
}

.form-main-container .add-profile-icon {
    height: 5.6rem;
    width: 5.6rem
}

.form-main-container .tenure .oj-inputtext-input {
    width: 60%
}

.form-main-container .disclaimer-container {
 /*   background: #f2f2f2;*/
    border: .05rem solid #bbb;
    padding: 0 .6rem;
    margin-top: .6rem;
    height: 2.5rem;
    line-height: 2.5rem
}

.form-main-container .disclaimer-container .disclaimer-text {
    font-size: .9rem;
    color: #a6a6a6
}

.form-main-container .disclaimer-container a .icons {
    font-size: calc(.9rem + .4rem);
    color: #a6a6a6;
    padding: .1rem 0 0;
    line-height: 2.5rem
}

.form-main-container .disclaimer-container a:hover .icons {
    color: #0070BF
}

.form-main-container .oj-choice-row,
.form-main-container .oj-choice-row-inline {
    padding-top: .3rem
}

.cust-details {
    background: rgba(255, 255, 255, .8);
    color: #a6a6a6;
    padding: 0
}

.cust-details .icons {
    padding: 0 .6rem;
    position: relative;
    top: .1rem
}

.cust-details .icons.icon-file-pdf {
    bottom: -.6rem;
    top: auto;
    font-size: calc(1.1rem + .4rem)
}

.cust-details .label,
.cust-details .product-main-container .span-label,
.cust-details label,
.product-main-container .cust-details .span-label {
    color: rgba(44, 50, 81, .8);
    font-size: 1rem
}

.cust-details .account-input .oj-select.oj-disabled .oj-select-choice .oj-select-chosen {
    color: #fff
}

.cust-details .account-input .label,
.cust-details .account-input .product-main-container .span-label,
.cust-details .account-input label,
.product-main-container .cust-details .account-input .span-label {
    padding: 0 0 0 .3rem
}

.product-main-container [dir=rtl] .cust-details .account-input .span-label,
[dir=rtl] .cust-details .account-input .label,
[dir=rtl] .cust-details .account-input .product-main-container .span-label,
[dir=rtl] .cust-details .account-input label {
    padding: 0 .3rem 0 0
}

.cust-details .nickname {
    white-space: nowrap
}

[dir=rtl] .cust-details .nickname .edit {
    padding-right: .5rem
}

[dir=ltr] .cust-details .nickname .edit {
    padding-left: .5rem
}

.cust-details .nickname a,
.cust-details .nickname input {
    color: #a6a6a6
}

.cust-details .nickname .oj-inputtext {
    border-bottom: 1px solid #fff
}

.cust-details .nickname-details {
    width: 75%
}

.cust-details .nickname-details-add {
    padding: .6rem 0
}

.cust-details .nickname-details-add__addIcon {
    padding: 0
}

.cust-details-heading .oj-select-choice {
    color: #a6a6a6;
    width: auto
}

.cust-details-heading .oj-select-choice .oj-table-container {
    width: 100%
}

.cust-details-heading a:link {
    color: #a6a6a6
}

.cust-details-heading a:link .icons {
    font-weight: 600;
    padding: 0 .3rem 0 .9rem;
    position: relative;
    top: .2rem;
    line-height: 2.3rem
}

[dir=rtl] .cust-details-heading a:link .icons {
    padding: 0 .9rem 0 .3rem
}

.cust-details-heading a:link span {
    padding: 0 .2rem
}

.cust-details-heading .product-main-container .span-label,
.cust-details-heading label,
.product-main-container .cust-details-heading .span-label {
    font-size: .9rem;
    color: #a6a6a6
}

.oj-button.action-button-primary .icons:before,
.oj-button.action-button-secondary .icons:before,
.oj-button.action-button-tertiary .icons:before,
.oj-button.form-button-primary .icons:before,
.oj-button.form-button-rounded .icons:before,
.oj-button.form-button-secondary .icons:before {
    display: none;
    font-size: 1.1rem
}

.oj-button.action-button-primary [dir=rtl] .icons:before,
.oj-button.action-button-secondary [dir=rtl] .icons:before,
.oj-button.action-button-tertiary [dir=rtl] .icons:before,
.oj-button.form-button-primary [dir=rtl] .icons:before,
.oj-button.form-button-rounded [dir=rtl] .icons:before,
.oj-button.form-button-secondary [dir=rtl] .icons:before,
[dir=rtl] .oj-button.action-button-primary .icons:before,
[dir=rtl] .oj-button.action-button-secondary .icons:before,
[dir=rtl] .oj-button.action-button-tertiary .icons:before,
[dir=rtl] .oj-button.form-button-primary .icons:before,
[dir=rtl] .oj-button.form-button-rounded .icons:before,
[dir=rtl] .oj-button.form-button-secondary .icons:before {
    padding-left: .3rem
}

.oj-button.action-button-primary [dir=ltr] .icons:before,
.oj-button.action-button-secondary [dir=ltr] .icons:before,
.oj-button.action-button-tertiary [dir=ltr] .icons:before,
.oj-button.form-button-primary [dir=ltr] .icons:before,
.oj-button.form-button-rounded [dir=ltr] .icons:before,
.oj-button.form-button-secondary [dir=ltr] .icons:before,
[dir=ltr] .oj-button.action-button-primary .icons:before,
[dir=ltr] .oj-button.action-button-secondary .icons:before,
[dir=ltr] .oj-button.action-button-tertiary .icons:before,
[dir=ltr] .oj-button.form-button-primary .icons:before,
[dir=ltr] .oj-button.form-button-rounded .icons:before,
[dir=ltr] .oj-button.form-button-secondary .icons:before {
    padding-right: .3rem
}

.oj-button.action-button-primary,
.oj-button.action-button-secondary,
.oj-button.action-button-tertiary {
    margin: .4rem 1rem .4rem 0;
    border-width: .1rem;
    border-radius: .3rem;
    padding: 0 .5rem;
    text-align: center;
    height: 2.3rem;
    line-height: 2.3rem;
    cursor: pointer;
    font-size: .9rem;
    font-weight: 400;
    transition: background-color .3s;
    overflow: hidden;
    position: relative
}

[dir=rtl] .oj-button.action-button-primary,
[dir=rtl] .oj-button.action-button-secondary,
[dir=rtl] .oj-button.action-button-tertiary {
    margin: .4rem 0 .4rem 1rem
}

.oj-button.action-button-primary:before,
.oj-button.action-button-secondary:before,
.oj-button.action-button-tertiary:before {
    content: "";
    position: absolute;
    top: 50%;
    display: block;
    width: 0;
    padding-top: 0;
    border-radius: 100%;
    background-color: rgba(236, 240, 241, .3);
    transform: translate(-50%, -50%)
}

.oj-focus.oj-button.action-button-primary:before,
.oj-focus.oj-button.action-button-secondary:before,
.oj-focus.oj-button.action-button-tertiary:before {
    width: 120%;
    padding-top: 120%;
    transition: width .2s ease-out, padding-top .2s ease-out
}

.oj-button.form-button-primary,
.oj-button.form-button-rounded,
.oj-button.form-button-secondary {
    height: 2.3rem;
    line-height: 2.3rem;
    cursor: pointer;
    font-size: .9rem;
    font-weight: 400;
    padding: 0 .5rem;
    border-width: .1rem;
    border-radius: .3rem;
    margin: 0 1.9rem 0 0;
    transition: background-color .3s;
    overflow: hidden;
    position: relative
}

[dir=rtl] .oj-button.form-button-primary,
[dir=rtl] .oj-button.form-button-rounded,
[dir=rtl] .oj-button.form-button-secondary {
    margin: 0 0 0 1.9rem
}

.oj-button.form-button-primary:before,
.oj-button.form-button-rounded:before,
.oj-button.form-button-secondary:before {
    content: "";
    position: absolute;
    top: 50%;
    display: block;
    width: 0;
    padding-top: 0;
    border-radius: 100%;
    background-color: rgba(236, 240, 241, .3);
    transform: translate(-50%, -50%)
}

.oj-focus.oj-button.form-button-primary:before,
.oj-focus.oj-button.form-button-rounded:before,
.oj-focus.oj-button.form-button-secondary:before {
    width: 120%;
    padding-top: 120%;
    transition: width .2s ease-out, padding-top .2s ease-out
}

.button-container {
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 1.3rem .6rem
}

.button-container.flex-right {
    justify-content: flex-end
}

.oj-button.action-button-primary {
    order: 1
}

.oj-button.action-button-primary.oj-default,
.oj-button.action-button-primary.oj-focus {
    border-color: #2a4e98;
    background: #2a4e98;
    color: #fff
}

.oj-button.action-button-primary.oj-default .oj-button-icon,
.oj-button.action-button-primary.oj-focus .oj-button-icon {
    color: #fff
}

.oj-button.action-button-primary.oj-hover {
    border-color: #1d3568;
    background: #1d3568;
    color: #fff
}

.oj-button.action-button-primary .icons:before,
.oj-button.action-button-primary.oj-hover .oj-button-icon {
    color: #fff
}

.oj-button.action-button-secondary {
    order: 2
}

.oj-button.action-button-secondary.oj-default,
.oj-button.action-button-secondary.oj-focus {
    border-color: #737373;
    background: #737373;
    color: #fff
}

.oj-button.action-button-secondary.oj-default .oj-button-icon,
.oj-button.action-button-secondary.oj-focus .oj-button-icon {
    color: #fff
}

.oj-button.action-button-secondary.oj-hover {
    border-color: #545454;
    background: #545454;
    color: #fff
}

.oj-button.action-button-secondary .icons:before,
.oj-button.action-button-secondary.oj-hover .oj-button-icon {
    color: #fff
}

.oj-button.action-button-tertiary {
    order: 3
}

.oj-button.action-button-tertiary.oj-default,
.oj-button.action-button-tertiary.oj-focus {
    border-color: #737373;
    background: #fff;
    color: #333
}

.oj-button.action-button-tertiary.oj-default .oj-button-icon,
.oj-button.action-button-tertiary.oj-focus .oj-button-icon {
    color: #333
}

.oj-button.action-button-tertiary.oj-hover {
    border-color: #545454;
    background: #e0e0e0;
    color: #333
}

.oj-button.action-button-tertiary .icons:before,
.oj-button.action-button-tertiary.oj-hover .oj-button-icon {
    color: #333
}

.oj-button.action-button-icon {
    line-height: 2.3rem;
    height: 2.3rem;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    margin: 2% .5%
}

.confirm-screen__eReceipt-bottom-text:hover,
.confirm-screen__eReceipt-top-text:hover {
    text-decoration: underline
}

[dir=rtl] .oj-button.oj-button-text-icon-start .oj-button-icon.oj-start {
    margin-right: 0
}

[dir=ltr] .oj-buttonset .oj-button,
[dir=ltr] .oj-buttonset .oj-button .count {
    margin-right: .6rem
}

[dir=ltr] .oj-button.oj-button-text-icon-start .oj-button-icon.oj-start {
    margin-left: 0
}

[dir=rtl] .oj-buttonset .oj-button,
[dir=rtl] .oj-buttonset .oj-button .count {
    margin-left: .6rem
}

.oj-button.form-button-primary {
    order: 1
}

.oj-button.form-button-primary.oj-default,
.oj-button.form-button-primary.oj-focus {
    background: #2a4e98;
    border-color: #2a4e98;
    color: #fff
}

.oj-button.form-button-primary.oj-hover {
    border-color: #1d3568;
    background: #1d3568;
    color: #fff
}

.oj-button.form-button-primary:link,
.oj-button.form-button-primary:visited {
    border-color: #2a4e98;
    background: #2a4e98;
    color: #fff
}

.oj-button.form-button-primary .icons:before {
    color: #fff
}

.oj-button.form-button-secondary {
    order: 2
}

.oj-button.form-button-secondary.oj-default,
.oj-button.form-button-secondary.oj-focus {
    background: #737373;
    border-color: #737373;
    color: #fff
}

.oj-button.form-button-secondary.oj-hover {
    border-color: #545454;
    background: #545454;
    color: #fff
}

.oj-button.form-button-secondary:link,
.oj-button.form-button-secondary:visited {
    border-color: #737373;
    background: #737373;
    color: #fff
}

.oj-button.form-button-secondary .icons:before {
    color: #fff
}

.oj-button.form-button-rounded {
    height: 2.2rem;
    line-height: 2.2rem;
    border-radius: 2.2rem;
    min-width: 5rem;
    font-weight: 400
}

.oj-button.form-button-rounded.oj-default,
.oj-button.form-button-rounded.oj-focus {
    border-color: #2a4e98;
    background: #2a4e98;
    color: #fff
}

.oj-button.form-button-rounded.oj-default .oj-button-icon,
.oj-button.form-button-rounded.oj-focus .oj-button-icon {
    color: #fff
}

.oj-button.form-button-rounded.oj-hover {
    border-color: #1d3568;
    background: #1d3568;
    color: #fff
}

.oj-button.form-button-rounded .icons:before,
.oj-button.form-button-rounded.oj-hover .oj-button-icon {
    color: #fff
}

.form-button-link {
    padding: 0;
    font-size: .9rem
}

.oj-button-toggle.oj-button {
    padding: 0 .5rem
}

.oj-buttonset .oj-button {
    height: 2.3rem;
    line-height: 2.3rem;
    font-size: .9rem;
    outline: 0;
    text-align: center;
    border: .05rem solid #ccc;
    border-width: .1rem !important;
    width: auto;
    border-radius: .3rem !important
}

.oj-buttonset .oj-button .product-main-container .span-label,
.oj-buttonset .oj-button label,
.product-main-container .oj-buttonset .oj-button .span-label {
    line-height: 2.3rem
}

.oj-buttonset .oj-button .oj-button-text {
    overflow: inherit;
    text-overflow: inherit;
    padding: 0 .5rem
}

.oj-buttonset .oj-button .count {
    padding: .1rem .4rem;
    border-radius: .8rem;
    color: #fff !important
}

.oj-buttonset .oj-button.oj-default .product-main-container .span-label,
.oj-buttonset .oj-button.oj-default label,
.oj-buttonset .oj-button.oj-default.oj-hover .product-main-container .span-label,
.oj-buttonset .oj-button.oj-default.oj-hover label,
.oj-buttonset .oj-button.oj-hover .count,
.oj-buttonset .oj-button.oj-hover .product-main-container .span-label,
.oj-buttonset .oj-button.oj-hover label,
.oj-buttonset .oj-button.oj-hover.oj-hover .product-main-container .span-label,
.oj-buttonset .oj-button.oj-hover.oj-hover label,
.product-main-container .oj-buttonset .oj-button.oj-default .span-label,
.product-main-container .oj-buttonset .oj-button.oj-default.oj-hover .span-label,
.product-main-container .oj-buttonset .oj-button.oj-hover .span-label,
.product-main-container .oj-buttonset .oj-button.oj-hover.oj-hover .span-label {
    color: rgba(44, 50, 81, .8)
}

.oj-buttonset .oj-button.oj-default {
    border-color: rgba(44, 50, 81, .8) !important;
    background: #fff
}

.oj-buttonset .oj-button.oj-default.oj-hover {
    border-color: rgba(44, 50, 81, .8);
/*    background: #f2f2f2*/
}

.oj-buttonset .oj-button.oj-default .count {
    background: #666;
    color: rgba(44, 50, 81, .8)
}

.oj-buttonset .oj-button.oj-hover {
    border-color: rgba(44, 50, 81, .8) !important;
    background: #fff
}

.oj-buttonset .oj-button.oj-hover.oj-hover {
    border-color: rgba(44, 50, 81, .8);
    /*background: #f2f2f2*/
}

.oj-buttonset .oj-button.oj-hover .count {
    background: #666
}

.oj-buttonset .oj-button.oj-selected .product-main-container .span-label,
.oj-buttonset .oj-button.oj-selected label,
.oj-buttonset .oj-button.oj-selected.oj-hover .product-main-container .span-label,
.oj-buttonset .oj-button.oj-selected.oj-hover label,
.product-main-container .oj-buttonset .oj-button.oj-selected .span-label,
.product-main-container .oj-buttonset .oj-button.oj-selected.oj-hover .span-label {
    color: #0070bf
}

.oj-buttonset .oj-button.oj-selected {
    border-color: #0070bf !important;
    background: #fff;
    padding-top: .3rem;
    border-width: .1rem .1rem .3rem !important
}

.oj-buttonset .oj-button.oj-selected.oj-hover {
    border-color: #0070bf;
   /* background: #f2f2f2*/
}

.oj-buttonset .oj-button.oj-selected .count {
    color: #0070bf;
    background: #0070bf
}

.oj-inputnumber .oj-buttonset .oj-button.oj-default {
    border-color: #ccc;
    background-color: #ccc
}

.oj-buttonset-multi {
    align-items: initial
}

.message-box .oj-button {
    height: 2.3rem;
    line-height: 2.3rem;
    min-width: 5rem;
    font-size: .9rem
}

.message-box .oj-button.oj-default,
.message-box .oj-button.oj-focus {
    border-color: #2a4e98;
    background: #2a4e98;
    color: #fff
}

.message-box .oj-button.oj-default .oj-button-icon,
.message-box .oj-button.oj-focus .oj-button-icon {
    color: #fff
}

.message-box .oj-button.oj-hover {
    border-color: #1d3568;
    background: #1d3568;
    color: #fff
}

.message-box .oj-button.oj-hover .oj-button-icon {
    color: #fff
}

.dualdropdown {
    background-color: transparent;
    overflow: auto;
    cursor: pointer;
    z-index: 2;
    border: .05rem solid #ccc;
    box-sizing: border-box
}

.dualdropdown div {
    padding: .6rem .3rem
}

.dualdropdown ul {
    margin: auto;
    list-style-type: none;
    padding: 0
}

.dualdropdown ul li {
    padding: .6rem;
    border-bottom: .05rem solid #ccc !important;
    background: 0 0;
    color: #666;
    font-size: .9rem
}

.dropdowncancel {
    position: relative;
    top: -1.4rem
}

[dir=rtl] .dropdowncancel {
    right: 93%
}

[dir=ltr] .action-card__icon,
[dir=ltr] .action-header__content {
    right: 0
}

[dir=ltr] .dropdowncancel {
    left: 93%
}

.about {
    padding: .6rem 0 1.3rem 3.8rem;
    color: #333;
    font-size: .9rem
}

[dir=rtl] .about {
    padding: .6rem 3.8rem 1.3rem 0
}

.about__row {
    padding: .6rem 1.3rem 0
}

.about__footer {
    font-size: .9rem
}

.about-product__logo {
    height: calc(2.3rem - .4rem)
}

.about-product__logo img {
    height: 100%
}

.about-product__short-name {
    font-size: 1.1rem;
    text-transform: uppercase;
    font-weight: 300;
    margin: 0
}

.about-footer-copyright__text,
.about-footer-row__label,
.about-row__label {
    font-size: .9rem
}

.about-footer {
    margin-top: 2.5rem
}

.about-footer-row__logo img {
    height: calc(2.3rem - 1.1rem);
    padding: 0 0 0 .3rem;
    vertical-align: middle;
    width: auto
}

[dir=rtl] .about-footer-row__logo img {
    padding: 0 .3rem 0 0
}

.accordion {
    line-height: .9rem
}

.accordion .card {
    background-color: #fff;
    border: 0;
    color: #353535;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.accordion .card .card-header {
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    background: #fff;
    border-bottom: .05rem solid #555
}

.accordion .card .card-header .card-icon {
    height: 2.3rem;
    display: inline-block;
    position: relative;
    bottom: -.5rem
}

[dir=rtl] .accordion .card .card-header .card-icon {
    padding-right: .6rem
}

[dir=ltr] .accordion .card .card-header .card-icon {
    padding-left: .6rem
}

.accordion .card-header {
    cursor: pointer;
    padding: .6rem;
    position: relative
}

.accordion .card-body {
    padding: .8rem .6rem
}

.accordion .card-title {
    display: inline-block;
    font-size: .9rem;
    color: #353535
}

.accordion .card .icon {
    color: #353535
}

.account-input__info-text-small {
    font-size: calc(.9rem - .1rem);
    color: #757575;
    line-height: calc(2.3rem - .9rem)
}

.account-input .oj-select,
.account-input .oj-select-choice {
    color: #2c3251;
    min-height: inherit !important;
    line-height: normal
}

.account-input .oj-select-choice:focus,
.account-input .oj-select:focus {
    outline: #0070BF auto 0
}

.floating-button:focus,
.loginPopUp .loginInput input[type=password]:focus,
.loginPopUp .loginInput input[type=text]:focus {
    outline: 0
}

.account-input .oj-select.oj-disabled .oj-select-choice {
    background: 0 0;
    border-bottom: 0;
    padding: 0
}

.account-input .oj-select.oj-disabled .oj-select-choice .oj-select-arrow {
    display: none
}

.account-input .oj-select.oj-disabled .oj-select-choice .oj-select-chosen {
    color: #2c3251;
    opacity: inherit
}

.action-card {
    height: 7.9rem;
    cursor: pointer
}

.action-card__title {
    font-size: 1.1rem;
    font-weight: 400;
    color: #353535;
    text-transform: none;
    margin: 0;
    direction: ltr;
    padding-bottom: .3rem
}

.action-card__description {
    font-size: .9rem;
    color: #353535
}

.action-card__icon {
    position: absolute;
    bottom: 0;
    height: 4.4rem;
    width: 6.3rem
}

[dir=rtl] .action-card__icon {
    left: 0
}

.action-header {
    border-bottom: .05rem solid #bbb;
    position: relative
}

.action-header__title {
    color: #333;
    font-size: 1.5rem;
    font-weight: 600;
    position: relative;
    width: 70%;
    float: left;
    margin: .5rem 0
}

.action-header__content.icon,
.action-widget-navigation-item__icon {
    height: 2.5rem;
    width: 2.5rem;
    box-shadow: 0 .1rem .1rem rgba(0, 0, 0, .18);
    color: #353535;
    text-align: center
}

[dir=rtl] .action-header__title {
    float: right
}

.action-header__content {
    float: right;
    font-size: 1rem;
    color: #353535;
    position: absolute;
    bottom: .6rem
}

[dir=rtl] .action-header__content {
    float: left;
    left: 0
}

.action-header__content.icon {
    border-radius: 50%;
    background: #fff;
    line-height: 2.5rem;
    margin: 0 0 0 .6rem
}

[dir=rtl] .action-header__content.icon {
    margin: 0 .6rem 0 0
}

.action-widget {
    margin: 0 auto 1.9rem
}

.action-widget__header {
    background: 0 0;
    line-height: 2.3rem;
    padding-bottom: 0;
    border: none
}

.action-widget-header-content__navigation {
    position: relative;
    bottom: .3rem;
    float: right
}

[dir=rtl] .action-widget-header-content__navigation {
    float: left
}

.action-widget-heading__title {
    font-size: 1.1rem;
    color: #353535;
    text-transform: none;
    direction: ltr;
    font-weight: 400;
    margin: 0 0 .3rem;
    position: relative;
    float: left
}

[dir=rtl] .action-widget-heading__title {
    float: right
}

.action-widget-heading__caption {
    font-size: 1rem;
    font-weight: 400;
    padding: 0;
    margin: 0 0 .6rem;
    display: none
}

.action-widget-navigation-item__icon {
    border-radius: 50%;
    background: #fff;
    line-height: 2.5rem;
    padding: .6rem .8rem;
    margin: 0 0 0 .6rem
}

[dir=rtl] .action-widget-navigation-item__icon {
    margin: 0 .6rem 0 0
}

.action-widget__container {
    padding: 1.2rem .6rem;
    border-radius: .2rem;
    overflow: visible;
    border-width: .1rem
}

.action-widget__container .txn-type {
    display: block;
    margin: 0 .6rem;
    text-align: center;
    padding-bottom: 1.9rem
}

.admin-action-card {
    height: 9.4rem;
    cursor: pointer
}

.admin-action-card__title {
    font-size: 1.1rem;
    text-align: center;
    padding: .6rem 0;
    margin: 0;
    font-weight: 400
}

.admin-action-card__desciption {
    font-size: .9rem;
    color: #353535
}

.admin-action-card__icon {
    padding-top: .6rem;
    height: 4rem;
    width: 100%;
    text-align: center
}

.bank-look-up .oj-listview-item,
.review {
    padding: 0
}

[dir=rtl] .bank-look-up .select-box .oj-combobox .oj-combobox-choice,
[dir=ltr] .bank-look-up .select-box .oj-combobox .oj-combobox-choice {
    margin-top: 1rem
}

.review {
    position: relative
}

.review-text-heading {
    background: rgba(44, 50, 81, .9);
    font-size: calc(calc(.9rem + .1rem) - .1rem);
    color: #fff;
    margin: 0 0 .5rem;
    padding: .9rem .6rem;
    text-align: left
}

[dir=rtl] .review-text-heading {
    text-align: right
}

.review-text-heading .icons.icon-information {
    font-size: 1.3rem;
    padding: 0 .6rem;
    color: #fff
}

.confirm-screen {
    position: relative;
    padding: 0
}

.confirm-screen .icons.icon-success {
    font-size: 1.8rem;
    padding: .6rem;
    color: #fff
}

.confirm-screen .icon-share {
    position: relative;
    top: .1rem
}

[dir=rtl] .confirm-screen .icon-share {
    padding-left: .6rem
}

[dir=ltr] .confirm-screen .icon-share {
    padding-right: .6rem
}

.confirm-screen__img {
    height: 9.4rem;
    width: 9.4rem;
    position: relative
}

.confirm-screen__list {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap
}

[dir=rtl] .confirm-screen__list {
    padding-right: 0
}

[dir=ltr] .confirm-screen__list {
    padding-left: 0
}

.confirm-screen__list li {
    padding: .6rem;
    float: left;
    min-width: 8.1rem;
    text-align: center;
    justify-content: space-between
}

.dashboard-card-header_image,
[dir=rtl] .confirm-screen__list li {
    float: right
}

.confirm-screen__list li img {
    height: 3.8rem
}

.confirm-screen__form-button-link {
    font-size: calc(1.1rem + .1rem);
    cursor: pointer
}

.confirm-screen__confirm-text-heading {
    background: rgba(44, 50, 81, .9);
    font-size: calc(calc(.9rem + .1rem) - .1rem);
    color: #fff;
    margin: 0 0 1.3rem;
    padding: .6rem;
    text-align: left;
    min-height: 1.9rem
}

[dir=rtl] .confirm-screen__confirm-text-heading {
    text-align: right
}

.confirm-screen__confirm-text {
    font-size: .9rem;
    color: #fff;
    margin: 0 0 1.1rem
}

[dir=rtl] .confirm-screen__confirm-text {
    padding-right: .6rem
}

[dir=ltr] .confirm-screen__confirm-text {
    padding-left: .6rem
}

.confirm-screen__confirm-box {
    margin: 0 auto;
    box-shadow: none
}

.confirm-screen__confirm-box-confirm-img {
    height: 2.5rem;
    width: 2.5rem
}

.confirm-screen__confirm-box-confirm-text {
    vertical-align: top;
    padding-left: .6rem;
    padding-top: .6rem;
    display: inline-block
}

.confirm-screen__eReceipt-bottom {
    margin-bottom: .6rem;
    cursor: pointer
}

.confirm-screen__eReceipt-bottom-text {
    background: #fff;
    padding: 0 0 0 .6rem;
    font-size: 1.1rem
}

[dir=rtl] .confirm-screen__eReceipt-bottom-text {
    padding: 0 .6rem 0 0
}

.confirm-screen__eReceipt-bottom-icon {
    vertical-align: middle;
    font-size: calc(.9rem + .4rem) !important
}

.confirm-screen__eReceipt-top {
    cursor: pointer
}

.confirm-screen__eReceipt-top-text {
    background: #fff;
    position: relative;
    top: -2px;
    font-size: 1.1rem
}

.confirm-screen__eReceipt-top-icon {
    font-size: calc(1.1rem + .1rem) !important
}

.select-box {
    width: 100%
}

.select-box .oj-combobox .oj-combobox-input {
    font-size: .8rem
}

.dashboard-card {
    height: 13.1rem;
    position: relative
}

.dashboard-card__header {
    height: 30%
}

.dashboard-card-header__count {
    font-size: calc(2.3rem + .9rem);
    font-weight: 300;
    z-index: 1;
    line-height: calc(2.3rem - .1rem);
    display: inline
}

.dashboard-card-header__title {
    font-size: calc(.9rem + .4rem);
    position: relative;
    top: -.6rem;
    display: inline
}

.dashboard-card-bottom-panel__label,
.dashboard-card-feature__item {
    font-size: .9rem;
    color: #353535
}

[dir=rtl] .dashboard-card-header__title {
    margin-right: .6rem
}

[dir=ltr] .dashboard-card-header__title {
    margin-left: .6rem
}

[dir=rtl] .dashboard-card-header_image {
    float: left
}

.dashboard-card-header__image {
    height: 3.1rem;
    width: 3.1rem
}

.dashboard-card__body {
    height: 30%;
    position: relative;
    top: -1.2rem
}

.dashboard-card__bottom-panel {
    text-align: right;
    position: absolute;
    bottom: .6rem
}

[dir=rtl] .dashboard-card__bottom-panel {
    text-align: left;
    left: .6rem
}

.footer,
.my-limit .target-linkages-buttons__buttonSet,
.nav-bar-item,
.object-card__footer,
.offline-notification {
    text-align: center
}

[dir=rtl] .modal-window,
[dir=ltr] .footer,
[dir=ltr] .modal-window {
    left: 0
}

[dir=ltr] .dashboard-card__bottom-panel {
    right: .6rem
}

[dir=rtl] .footer,
[dir=rtl] .modal-window,
[dir=ltr] .modal-window {
    right: 0
}

.dashboard-card-bottom-panel__value {
    font-size: calc(.9rem * 2);
    color: #333
}

.date-box__day,
.date-box__month,
.date-box__year {
    color: #dcdcdc !important
}

.date-box {
    width: 3.8rem;
    font-size: .7rem
}

[dir=rtl] .date-box {
    margin-right: -.6rem
}

[dir=ltr] .date-box {
    margin-left: -.6rem
}

.date-box__day {
    font-size: 1.1rem
}

.eStatement-content__text,
.eStatement-details__selectNote,
.eStatement-details__text {
    color: #333;
    font-weight: 600
}

.account-statement__eStatement,
.eStatement {
    width: 31.3rem
}

.eStatement__content {
    padding: .6rem;
    margin: 0 0 .6rem
}

[dir=rtl] .eStatement__content {
    margin: 0 0 .6rem
}

.eStatement-content__icon {
    font-size: calc(.9rem + .6rem);
    display: inline-block;
    float: left
}

[dir=rtl] .eStatement-content__icon {
    float: right
}

.eStatement-content__description {
    display: inline-block;
    padding: 0 .6rem
}

.eStatement-content-subscribeStatus__subscribe {
    display: inline-block;
    float: left;
    padding: .3rem 0
}

.look-up__icon-right,
[dir=rtl] .eStatement-content-subscribeStatus__subscribe {
    float: right
}

.eStatement-content-subscribeStatus-subscribe__icon {
    font-size: 1rem;
    position: relative;
    top: .2rem
}

.eStatement-content__unSubscribeText {
    display: inline-block;
    padding: .3rem 0
}

.eStatement-content__subscribeButton {
    display: flex;
    align-items: center
}

.eStatement-content__confirmButtons {
    display: flex;
    align-items: center;
    justify-content: center
}

.eStatement-content-confirmButtons .form-button-primary {
    margin: 0 .6rem
}

.eStatement__details {
    padding: .6rem
}

.eStatement-details__text {
    padding-bottom: .3rem
}

.eStatement-details__searchButton {
    display: flex;
    align-items: center
}

.eStatement__table-data {
    margin: 0 .9rem
}

.footer {
    position: relative;
    bottom: 0;
    z-index: 0;
    background: #333;
    width: 100%;
    height: 2.5rem;
    line-height: 2.5rem;
    display: block;
    color: #fff;
    font-size: .7rem;
    overflow: hidden
}

.input-file {
    width: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.input-file__selected-file {
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    color: #333;
    border-bottom: .05rem solid #bbb;
    padding: 0;
    line-height: 2.3rem
}

[dir=rtl] .input-file__selected-file.icons:before,
[dir=ltr] .input-file__selected-file.icons:before {
    padding-left: .6rem
}

.input-file__selected-file.icons:before {
    display: inline-block;
    position: relative;
    bottom: -.2rem;
    font-size: .9rem
}

[dir=rtl] .input-file__selected-file.icons:before,
[dir=ltr] .input-file__selected-file.icons:before {
    padding-right: .6rem
}

[dir=rtl] .look-up__icon-right {
    float: left
}

.mini-mailbox__content-area {
    overflow-y: hidden;
    position: relative
}

.mini-mailbox__content-area .oj-listview {
    border-bottom: 0
}

.mini-mailbox-content-area__heading {
    font-size: .9rem;
    color: #333
}

.mini-mailbox-content-area__message,
.mini-mailbox-content-area__message-small {
    color: #353535
}

.mini-mailbox-content-area__mailbox-footer {
    text-align: center;
    position: relative;
    bottom: 0;
    width: 100%;
    background: #fff;
    color: #0070bf;
    border-top: .05rem solid #bbb !important;
    padding: .6rem .6rem .3rem
}

.mini-mailbox .loader {
    border: .3rem solid #bbb;
    border-radius: 50%;
    border-top: .3rem solid #333;
    width: 1.9rem;
    height: 1.9rem;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

.mini-mailbox .loader-container {
    height: 10rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: 0 0;
    border: 0;
    width: 25.6rem
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.mini-mailbox .nav-bar {
    width: 100%
}

.message-box-message__item {
    padding: .2rem 0
}

.mailbox .mailbox__button-container {
    padding: .5rem
}

.mailbox .mailbox-navlistcontainer-list {
    border-radius: .2rem;
    border: .05rem solid #bbb
}

.mailbox .mailbox-navlistcontainer-list-listItem {
    border-bottom: .05rem solid #bbb !important;
    height: 2.5rem
}

.mailbox .mailbox-navlistcontainer-list-listItem:last-child {
    border-bottom: 0
}

.mailbox .mailbox-navlistcontainer-list-listItem__icon {
    display: inline-block;
    font-size: 1.3rem;
    position: relative;
    top: .2rem;
    width: auto
}

[dir=rtl] .mailbox .mailbox-navlistcontainer-list-listItem__icon {
    padding-left: .6rem
}

[dir=ltr] .mailbox .mailbox-navlistcontainer-list-listItem__icon {
    padding-right: .6rem
}

.mailbox .mailbox-navlistcontainer-list-listItem__text {
    position: relative;
    top: -.2rem
}

.mailbox .mailbox-navlistcontainer__navlistButton {
    width: 100%;
    margin-bottom: 1.3rem !important
}

.mailbox .mailbox-navlistcontainer__mailbox-container {
    font-size: 1rem
}

.mailbox .mailbox-navlistcontainer-mailbox-container__compose-buttons {
    padding: 0;
    justify-content: flex-end
}

.mailbox .mailbox-navlistcontainer-mailbox-container-message-details .button-container {
    padding: 0 0 1rem
}

.mailbox .mailbox-navlistcontainer-mailbox-container-message-details__body {
    white-space: pre-wrap;
    padding: 1.3rem 0;
    line-height: normal;
    word-wrap: break-word
}

.mailbox .mailbox-navlistcontainer-mailbox-container-message-details__message-body {
    white-space: pre-wrap;
    line-height: normal;
    word-wrap: break-word
}

[dir=rtl] .mailbox .mailbox-navlistcontainer-mailbox-container-message-details__message-body,
[dir=ltr] .mailbox .mailbox-navlistcontainer-mailbox-container-message-details__message-body {
    padding-top: 1.3rem
}

.mailbox .mailbox-navlistcontainer-mailbox-container-message-details__compose-buttons {
    padding: 0;
    justify-content: flex-end
}

.mailbox .mailbox-navlistcontainer-mailbox-container-message-details-compose-buttons__sendButton {
    margin: 0
}

.mailbox .mailbox-navlistcontainer-mailbox-container-message-details .product-main-container .span-label,
.mailbox .mailbox-navlistcontainer-mailbox-container-message-details label,
.product-main-container .mailbox .mailbox-navlistcontainer-mailbox-container-message-details .span-label {
    display: block;
    line-height: normal
}

.mailbox .mailbox-navlistcontainer-mailbox-container-message-details__seperator {
    border-top: .05rem solid #bbb;
    padding: 1rem 0
}

.mailbox .mailbox-navlistcontainer-mailbox-container-message-details-message-sub__text {
    display: inline-block;
    font-weight: 600
}

.mailbox .mailbox-navlistcontainer-mailbox-container-message-details-message-sub__paddingBeforeText {
    padding: .1rem
}

.mailbox .mailbox-navlistcontainer-mailbox-container .oj-listview li {
    min-height: auto !important;
    padding: .6rem 0 0 !important
}

.mailbox .mailbox-navlistcontainer-mailbox-container .message-user-list__select-all {
    display: inline-block
}

.mailbox .mailbox-controls__buttons {
    margin: .4rem 0 .6rem
}

.mailbox .mailbox-controls__icons {
    font-size: 1.3rem;
    color: #333;
    border: .05rem solid #bbb;
    border-radius: .2rem;
    display: inline-flex;
    justify-content: center;
    height: 2.3rem;
    line-height: 2.3rem;
    cursor: pointer;
    width: 2.5rem
}

.mailbox .mailbox-controls__icons:hover {
    background: #c4c3c3
}

.mailbox .mailbox-controls__icons.disabled {
    opacity: .5
}

.mailbox .mailbox-controls__icons.disabled:hover {
    background: #ddd
}

.mailbox .mailbox-controls-table-content__unread {
    font-weight: 600
}

.mailbox .mailbox-controls-table-content__read {
    font-weight: 400
}

.modal-window {
    position: fixed;
    display: none;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .4);
    z-index: 2;
    transition: opacity .4s ease-in;
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0)
}

.modal-window__container {
    overflow: hidden;
    min-width: 31.3rem;
    max-width: 80%;
    height: auto;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    box-shadow: .1rem .1rem .6rem 0 rgba(0, 0, 0, .45);
    background: #fff;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

[dir=rtl] .modal-window__container {
    right: 50%
}

[dir=rtl] .object-card__footer,
[dir=rtl] .offline-notification,
[dir=rtl] .payment-card__footer,
[dir=ltr] .payment-card-container__icon,
[dir=ltr] .product-card__bottom-panel {
    right: 0
}

[dir=ltr] .modal-window__container {
    left: 50%
}

[dir=rtl] .payment-card-container__icon,
[dir=ltr] .object-card__footer,
[dir=ltr] .offline-notification,
[dir=ltr] .payment-card__footer {
    left: 0
}

.modal-window-container__progress {
    display: none
}

.modal-window-container__body {
    font-size: calc(.9rem + .1rem);
    color: #e6e5e5;
    line-height: 1.4rem;
    background: #fff;
    position: absolute;
    width: 100%
}

.modal-header {
    width: 100%;
    background: rgba(43, 54, 67, .8);
    height: 2.8rem;
    color: #fff
}

.modal-header__text {
    padding: .6rem 1.3rem;
    font-size: calc(.9rem + .3rem);
    display: inline-block
}

.modal-header__close {
    float: right;
    padding: .6rem 1.3rem;
    font-size: calc(.9rem + .6rem);
    color: #fff !important;
    cursor: pointer
}

[dir=rtl] .modal-header__close {
    float: left
}

.modal-body-content {
    max-height: 70vh;
    overflow-y: auto;
    padding: .6rem
}

.modal-body-content__message-body {
    padding: 3.1rem .6rem 0
}

.modal-body-content .form-main-container {
    padding: 0
}

.modal-body-content .button-container {
    margin: 0;
    padding: .6rem
}

.my-limit .oj-panel {
    height: auto;
    margin: .5rem .5rem 1rem;
    animation-name: none
}

.my-limit__disclaimer {
    background-color: #43b548
}

[dir=rtl] .my-limit-disclaimer__text {
    padding-right: .3rem
}

[dir=ltr] .my-limit-disclaimer__text {
    padding-left: .3rem
}

.my-limit .target-linkages {
    padding: .6rem 0
}

.my-limit .target-linkages-info__name {
    font-size: 1rem;
    font-weight: 400;
    padding-bottom: 1.3rem
}

.my-limit .target-linkages-info__amount {
    padding: .3rem 0
}

.my-limit .target-linkages-info-amount__label {
    color: #666;
    font-size: 1rem
}

.my-limit .target-linkages-info-amount__value {
    font-size: 1rem
}

.my-limit .target-linkages__buttons {
    border-left: .05rem solid #bbb
}

.my-limit .target-linkages-buttons {
    display: flex;
    align-items: center;
    justify-content: center
}

[dir=rtl] .my-limit .target-linkages-buttons__buttonSet {
    padding-right: 1.3rem
}

[dir=ltr] .my-limit .target-linkages-buttons__buttonSet {
    padding-left: 1.3rem
}

.my-limit .target-linkages-cumulative-limit__seperator {
    margin: 1.3rem 0;
    border-top: .05rem solid #bbb
}

.my-limit .target-linkages .cumulative-limit__text,
.my-limit .target-linkages .cumulative-limit__value {
    font-size: 1rem
}

.my-limit .target-linkages .cumulative-limit .valueIndicator,
.my-limit .target-linkages .cumulative-limit .valueIndicatorAmount {
    font-size: .7rem;
    color: #666
}

.my-limit .target-linkages .cumulative-limit .valueIndicatorCount {
    font-size: .7rem;
    color: #666;
    font-weight: 600
}

[dir=rtl] .my-limit .target-linkages .cumulative-limit .valueIndicatorAmount {
    padding-right: .6rem
}

[dir=ltr] .my-limit .target-linkages .cumulative-limit .valueIndicatorAmount {
    padding-left: .6rem
}

.my-limit .target-linkages .cumulative-limit__gauge {
    width: 100%;
    height: 1rem
}

.my-limit .target-linkages .cumulative-limit__limitUsed {
    padding: .6rem 0
}

.nav-bar {
    width: 100%;
    float: none;
    background: #fff;
    padding: 0
}

.nav-bar-list {
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
    -webkit-align-items: center;
    align-items: center;
    margin: 0;
    border-bottom: .05rem solid #bbb
}

.nav-bar-item {
    margin: 0;
    height: 2.5rem;
    padding: 0 .6rem !important
}

.nav-bar-item:last-child a {
    border: 0
}

.nav-bar-item.oj-default,
.nav-bar-item.oj-hover,
.nav-bar-item.oj-selected {
    border-bottom: none !important
}

.nav-bar-item-link__text {
    font-size: .9rem;
    font-weight: 400;
    display: inline-block;
    padding: 0
}

.nav-bar-item-link__icon {
    font-size: 1.1rem;
    display: inline-block;
    position: relative;
    top: .2rem;
    color: #2c3251 !important
}

[dir=rtl] .nav-bar-item-link__icon {
    padding-left: .6rem
}

[dir=ltr] .nav-bar-item-link__icon {
    padding-right: .6rem
}

.nav-bar-item-link__count {
    font-size: 1.9rem;
    font-weight: 300;
    padding-bottom: .2rem;
    display: none
}

.nav-bar-item.oj-default a .oj-navigationlist-item-label {
    font-size: .9rem;
    color: #2c3251 !important
}

.nav-bar-item.oj-hover a .oj-navigationlist-item-label {
    font-size: .9rem;
    color: #2c3251 !important
}

.nav-bar-item.oj-hover a .nav-bar-item-link__icon {
    color: #2c3251 !important
}

.nav-bar-item.oj-selected {
    color: #074E68 !important
}

.nav-bar-item.oj-selected a .oj-navigationlist-item-label {
    font-size: .9rem;
    color: #074E68 !important
}

.nav-bar-item.oj-selected a .nav-bar-item-link__icon {
    color: #074E68 !important
}

.nav-bar .oj-navigationlist-icon-only .oj-navigationlist-item-label {
    display: block
}

.message-nav-bar .nav-bar .oj-navigationlist-listview-container ul li.oj-navigationlist-item {
    margin-bottom: 0
}

.message-nav-bar .oj-flex:first-child {
    padding-bottom: 0 !important
}

.object-card,
.object-card.oj-panel {
    height: calc((inherit / 2) - .6rem)
}

.object-card-header__title {
    font-weight: 400;
    margin: .6rem 0
}

.object-card-header__view-all {
    padding: .6rem
}

.object-card__content {
    position: absolute;
    bottom: .6rem;
    width: 100%
}

.object-card-content__icon img {
    position: relative;
    bottom: -1.2rem;
    height: 3.6rem;
    width: 3.6rem
}

.object-card-content__count {
    font-size: calc(.9rem + .6rem)
}

.object-card-content__description {
    font-size: calc(.9rem + .1rem);
    color: #333
}

.object-card__footer {
    border-top: .05rem solid #bbb;
    height: 2.6rem;
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 2.6rem;
    color: #333
}

.object-card-link {
    color: #333;
    font-weight: 400
}

.object-card-link__text {
    float: left;
    padding: 0 .6rem;
    font-size: calc(.9rem + .1rem)
}

[dir=rtl] .object-card-link__text {
    float: right
}

.object-card-link__icon {
    float: right;
    padding: 0 .6rem;
    font-size: calc(.9rem + .4rem);
    color: #333;
    font-weight: 300
}

[dir=rtl] .object-card-link__icon {
    float: left
}

.object-card-link__icon:active,
.object-card-link__icon:hover,
.object-card-link__icon:link,
.object-card-link__icon:visited {
    text-decoration: none;
    color: #333
}

.object-card-link__icon .icon:before {
    line-height: 2.6rem
}

.offline-notification {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.9rem;
    font-size: .9rem;
    font-weight: 300;
    position: fixed;
    bottom: 0;
    z-index: 101
}

[dir=rtl] .offline-notification-message {
    padding-left: calc(2.3rem - .4rem)
}

[dir=ltr] .offline-notification-message {
    padding-right: calc(2.3rem - .4rem)
}

.offline-notification__messagea:link {
    color: #333;
    text-decoration: underline
}

.page-sectionheading {
    overflow: hidden;
    display: inline-block
}

.page-section-heading {
    margin: 0 auto !important
}

.page-section-heading__text {
    text-align: left;
    color: #333;
    margin: .6rem;
    border-bottom: .05rem solid #bbb;
    padding-bottom: .5rem
}

[dir=rtl] .page-section-heading__text {
    text-align: right
}

.page-section-content {
    margin-bottom: .6rem
}

.page-section-content__data {
    margin: 0 auto .6rem !important
}

/* .page-section-content__data .oj-flex {
     padding-bottom: 1.1rem 
} */


.page-section-content__data .oj-flex.button-container {
    padding: 0
}


.page-section-content__data .oj-flex .oj-flex-item .oj-flex {
    padding-bottom: 0
}

.page-section-content__data .oj-label {
    line-height: initial
}

.payment-card {
    cursor: pointer;
    height: 10.5rem
}

.payment-card-container__title {
    font-size: 1.1rem;
    color: #353535;
    text-transform: none;
    margin: 0;
    direction: ltr;
    font-weight: 400
}

.payment-card-container__description {
    color: #353535;
    font-size: .9rem
}

.payment-card-container__icon {
    position: absolute;
    bottom: 3.1rem;
    height: 4.4rem;
    width: 6.3rem
}

.payment-card-container__icon img {
    width: 4.4rem;
    height: 4.4rem
}

.payment-card__footer {
    border-top: .05rem solid #bbb;
    height: 2.6rem;
    position: absolute;
    bottom: 0;
    width: 100%;
    line-height: 2.6rem;
    color: #333
}

.payment-card-footer-link {
    color: #333;
    font-weight: 400
}

.payment-card-footer-link__text {
    float: left;
    padding: 0 .6rem;
    font-size: 1rem
}

[dir=rtl] .payment-card-footer-link__text {
    float: right
}

.payment-card-footer-link__icon {
    float: right;
    padding: .2rem .6rem;
    font-size: calc(.9rem + .4rem);
    color: #333;
    font-weight: 300
}

[dir=rtl] .payment-card-footer-link__icon {
    float: left
}

.payment-card-footer-link__icon:active,
.payment-card-footer-link__icon:hover,
.payment-card-footer-link__icon:link,
.payment-card-footer-link__icon:visited {
    text-decoration: none;
    color: #333
}

.transactionDetail__eReceipt-text:hover,
body a:hover.link {
    text-decoration: underline
}

.product-card {
    cursor: pointer;
    height: 10.5rem
}

.product-card-sticker__description {
    padding: .1rem .6rem;
    border-radius: .3rem;
    font-size: .9rem;
    text-align: center;
    margin-bottom: .6rem;
    float: right
}

[dir=rtl] .transactionDetail__eReceipt-text,
[dir=ltr] .transaction-journey-train-box-block-container-block-details__icon {
    padding-right: .6rem
}

[dir=rtl] .product-card-sticker__description {
    float: left
}

.product-card__sticker--conventional {
    background: #e6e5e5;
    color: #333
}

.product-card-heading__title {
    font-size: .9rem;
    color: #353535;
    font-weight: 600;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap
}

.product-card-heading__description {
    font-size: 1.1rem;
    color: #353535;
    text-overflow: ellipsis;
    white-space: nowrap
}

.product-card__bottom-panel {
    text-align: right;
    position: absolute;
    bottom: .6rem
}

[dir=rtl] .product-card__bottom-panel {
    text-align: left;
    left: 0
}

.product-card-bottom-panel__label {
    font-size: .9rem;
    color: #353535
}

.product-card-bottom-panel__value {
    font-size: calc(1.1rem + .3rem);
    color: #333
}

.product-card-feature__item {
    font-size: .9rem;
    color: #353535;
    font-weight: 600
}

.responsive-image__content {
    width: 100%;
    box-shadow: 0 0 0 0 transparent
}

.row .label-container__label {
    display: block;
    color: #666;
    font-size: 1rem;
    font-weight: 400
}

.text-input__validation-purpose {
    width: 0;
    height: 0;
    border: 0 !important
}

.text-input__required .cke_editable {
    border: .05rem solid #e42323
}

.text-input .oj-messaging-inline-container {
    margin-top: -2.2rem
}

.text-input p {
    margin: 0;
    line-height: 1.3rem
}

.transactionDetail__eReceipt {
    float: right
}

[dir=rtl] .transactionDetail__eReceipt {
    float: left
}

.transactionDetail__eReceipt-text {
    background: #fff;
    font-size: 1.1rem
}

[dir=ltr] .transactionDetail__eReceipt-text {
    padding-left: .6rem
}

.transactionDetail__eReceipt-icon {
    vertical-align: middle;
    font-size: calc(.9rem + .4rem) !important;
    height: 1.5rem;
    width: 1.5rem
}

.transaction-journey__connector {
    position: absolute;
    width: 66.66%;
    border: .05rem solid #bbb;
    margin-top: 4.1rem
}

[dir=rtl] .transaction-journey__connector {
    right: 16.66%
}

[dir=ltr] .transaction-journey__connector {
    left: 16.66%
}

.transaction-journey__train-box {
    float: left;
    width: 33.33%;
    position: relative;
    z-index: 1
}

[dir=rtl] .transaction-journey__train-box {
    float: right
}

.transaction-journey-train-box__train-header {
    text-align: center;
    font-weight: 600
}

.transaction-journey-train-box__block {
    width: 2.5rem;
    height: 2.5rem;
    font-size: calc(.9rem + .4rem);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: 1.7rem auto 0;
    border: .05rem solid #2489d3;
    background: #fff;
    cursor: pointer
}

.transaction-journey-train-box__block--icon-container {
    width: 1.4rem;
    height: 1.4rem;
    float: left;
    background-color: #2489d3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    margin-top: .6rem
}

[dir=rtl] .transaction-journey-train-box__block--icon-container {
    float: right;
    right: calc(50% - .7rem)
}

[dir=ltr] .transaction-journey-train-box__block--icon-container {
    left: calc(50% - .7rem)
}

.transaction-journey-train-box__block--icon-container span {
    font-size: .7rem;
    position: absolute;
    color: #fff;
    top: .3rem
}

[dir=rtl] .transaction-journey-train-box__block--icon-container span {
    right: calc(50% - .4rem)
}

[dir=ltr] .transaction-journey-train-box__block--icon-container span {
    left: calc(50% - .4rem)
}

.transaction-journey-train-box__block-container {
    float: left;
    width: 100%;
    margin-top: 1.3rem
}

[dir=rtl] .transaction-journey-train-box__block-container {
    float: right
}

.transaction-journey-train-box-block-container__block-details {
    float: left;
    position: relative;
    width: 85%;
    margin-top: 1.3rem;
    line-height: calc(2.3rem - 1rem);
    font-size: .9rem;
    text-align: center
}

.locator-map-services,
.otp-message-icon {
    line-height: 2.3rem
}

[dir=rtl] .transaction-journey-train-box-block-container__block-details {
    float: right;
    right: 5%
}

[dir=ltr] .transaction-journey-train-box-block-container__block-details {
    left: 5%
}

.transaction-journey-train-box-block-container__block-details:nth-child(1) {
    margin-top: 0
}

.transaction-journey-train-box-block-container-block-details__icon {
    float: left
}

[dir=rtl] .transaction-journey-train-box-block-container-block-details__icon {
    float: right;
    padding-left: .6rem
}

.transaction-journey-train-box-block-container-block-details-icon__check {
    color: #2E7D32
}

.transaction-journey-train-box-block-container-block-details-icon__close {
    color: #f3a50c
}

.transaction-journey-train-box-block-container-block-details__details {
    float: left;
    width: calc(100% - 1.8rem);
    word-break: break-word
}

[dir=rtl] .transaction-journey-train-box-block-container-block-details__details {
    float: right
}

.transaction-journey-train-box-block-container-block-details-details__check,
.transaction-journey-train-box-block-container-block-details-details__transaction-success {
    color: #2E7D32
}

.transaction-journey-train-box-block-container-block-details-details__transaction-date {
    color: #353535
}

.transaction-journey-train-box-block-container-block-details-details__transaction-failed {
    color: #f3a50c
}

.transaction-journey-train-box__disable span.icon-container {
    background: rgba(220, 220, 220, .1)
}

.transaction-journey-train-box__icon-check,
.transaction-journey-train-box__icon-success {
    color: #2E7D32
}

.transaction-journey-train-box__icon-close,
.transaction-journey-train-box__icon-reject {
    color: #f3a50c
}

.smallOnlyJourney {
    float: left;
    padding: .6rem;
    width: 93%
}

[dir=rtl] .smallOnlyJourney {
    float: right
}

.smallOnlyJourney .details-icon {
    float: left;
    padding: 0;
    width: 1.8rem
}

.locator .menuFilters,
[dir=rtl] .smallOnlyJourney .details-icon {
    float: right
}

.smallOnlyJourney__train-box {
    width: 100%
}

.username-container {
    background: #2c3251;
    padding: 0 .6rem 1.3rem;
    margin: 0 .6rem .6rem 0;
    color: #fff;
    font-size: 1rem
}

.username-link-container {
    margin: 1rem;
    font-size: 1rem
}

.locator,
.locator .product-main-container .span-label,
.locator label,
.locator-search-box input,
.locator-search-box:hover,
.product-main-container .locator .span-label {
    font-size: .9rem
}

.locator {
    background: 0 0;
    position: relative;
    padding: 0
}

.locator-search-box,
.locator-search-details {
    background: #fff;
    box-shadow: 0 .1rem .3rem rgba(0, 0, 0, .2), 0 -.1rem 0 rgba(0, 0, 0, .02);
    border-radius: .3rem
}

[dir=rtl] .locator {
    right: -.6rem
}

[dir=ltr] .locator {
    left: -.6rem
}

.locator .oj-offcanvas-outer-wrapper {
    height: calc(100vh - 10.8rem) !important;
    width: 100%;
    max-width: 100%
}

[dir=rtl] .locator .menuFilters {
    float: left
}

.locator hr {
    border-bottom: .05rem solid #bbb
}

.locator-search-box {
    position: relative;
    padding: .6rem;
    margin: .6rem .6rem 0
}

.locator-search-box .margin-down {
    padding: .4rem 0
}

.locator-search-box .oj-flex {
    padding-bottom: 0 !important
}

.locator-search-details {
    position: absolute;
    padding: .6rem;
    margin: 0 .6rem .6rem;
    max-height: 80%;
    overflow-y: auto
}

.locator-search-details-nav {
    padding-bottom: .6rem
}

.locator-search-details-nav .icons.icon-cancel {
    font-size: 1.1rem
}

.locator-search-details-nav .icons {
    position: relative;
    top: .2rem;
    font-size: .7rem;
    padding: 0 0 0 .6rem
}

[dir=rtl] .locator-search-details-nav .icons {
    padding: 0 .6rem 0 0
}

.locator-search-details .oj-listview {
    border-color: transparent
}

.locator-search-details ul li.oj-listview-item {
    background-image: none;
    border-bottom: .05rem solid #bbb
}

.locator-search-details ul li.oj-listview-item:last-child {
    border-bottom: 0
}

.locator-menu button {
    padding: 0;
    margin: 0;
    width: 95%;
    border-radius: 0;
    background: 0 0 !important;
    border: 0;
    border-right: .05rem solid #bbb;
    box-shadow: none;
    font-size: .9rem;
    color: #333
}

.locator-menu button.oj-selected {
    color: #333 !important
}

.locator-search input {
    width: 97%;
    background: 0 0;
    border-radius: 0;
    border: 0
}

.locator .location .product-main-container .span-label,
.locator .location label,
.product-main-container .locator .location .span-label {
    font-weight: 600;
    display: block
}

.locator .distance {
    text-align: right
}

.locator-map-details-links,
[dir=rtl] .locator .distance {
    text-align: left
}

.locator .distance .product-main-container .span-label,
.locator .distance label,
.product-main-container .locator .distance .span-label {
    font-weight: 600;
    display: block
}

.locator-map-details {
    font-size: .9rem;
    display: inline-block;
    width: 100%
}

[dir=rtl] .locator-map-details-links {
    text-align: right
}

.locator-map-details-links a {
    border-right: .05rem solid #bbb;
    padding: 0 1rem 0 0;
    color: #0070bf;
    display: inline-block
}

.locator-map-details-links a:hover {
    color: #004373
}

.locator-map-details-links a:last-child {
    border: 0;
    padding: 0 0 0 .6rem
}

[dir=rtl] .locator-map-details-links a:last-child {
    padding: 0 .6rem 0 0
}

.locator-map-details-links a .icons:before {
    padding: 0 .6rem 0 0;
    line-height: 2.3rem;
    position: relative;
    top: .2rem
}

[dir=rtl] .locator-map-details-links a .icons:before {
    padding: 0 0 0 .6rem
}

.locator-map-services .icons {
    position: relative;
    top: .2rem
}

[dir=rtl] .locator-map-services .icons {
    padding-left: .6rem
}

[dir=ltr] .locator-map-services .icons {
    padding-right: .6rem
}

.home.dashboard .locator {
    top: 4.4rem;
    padding: 0
}

.home.dashboard .locator .oj-offcanvas-outer-wrapper {
    height: calc(100vh - 3.5rem);
    width: 100%;
    max-width: 100%
}

.filter-launcher-lists {
    padding: .6rem
}

.atm-branch-locator-index .locator {
    margin-top: 7.8rem
}

.atm-branch-locator-index .locator .form-button-link {
    box-shadow: none;
    border: 0;
    padding: 0;
    height: auto
}

[dir=rtl] .atm-branch-locator-index .locator .locator-search-details {
    padding-left: 0
}

[dir=ltr] .atm-branch-locator-index .locator .locator-search-details {
    padding-right: 0
}

[dir=rtl] .atm-branch-locator-maintenance .info-text-size {
    padding-right: .9rem
}

[dir=ltr] .atm-branch-locator-maintenance .info-text-size {
    padding-left: .9rem
}

.atm-branch-locator-maintenance .atm-branch-div {
    padding: 0 1.3rem
}

.atm-branch-locator-maintenance .atm-branch-checkbox {
    max-width: 1.3rem;
    vertical-align: text-bottom
}

.atm-branch-locator-maintenance .oj-checkbox-label {
    top: -.7rem
}

[dir=rtl] .atm-branch-locator-maintenance .oj-checkbox-label {
    right: .6rem
}

[dir=ltr] .atm-branch-locator-maintenance .oj-checkbox-label {
    left: .6rem
}

.netWorth-graph {
    position: relative;
    top: -1.2rem
}

.netWorth-graph img {
    width: 100%
}

.dashboard-accordian-container {
    position: relative;
    background: #e5e5e5;
}

.dashboard-accordian-container-heading {
    font-size: .9rem
}

.dashboard-accordian-container-sub-heading {
    font-size: 1rem
}

.dashboard-accordian-container .oj-accordion-collapsible>.oj-collapsible-header {
    background: #fff;
    border: 0;
    border-bottom: .05rem solid #bbb;
    padding-bottom: .3rem
}

.dashboard-accordian-container .oj-accordion-collapsible>.oj-collapsible-wrapper>.oj-collapsible-content .bottom-nav .oj-flex-item:first-child div,
.dashboard-accordian-list-links .oj-flex-item:first-child {
    border-right: .05rem solid #bbb
}

.dashboard-accordian-container .oj-accordion-collapsible>.oj-collapsible-header>.oj-collapsible-header-icon {
    float: right;
    padding: 0 .6rem
}

[dir=rtl] .dashboard-accordian-container .oj-accordion-collapsible>.oj-collapsible-header>.oj-collapsible-header-icon {
    float: left
}

.dashboard-accordian-container .oj-accordion-collapsible>.oj-collapsible-wrapper>.oj-collapsible-content {
    border-top: 0;
    padding: 0
}

.dashboard-accordian-container .oj-accordion-collapsible>.oj-collapsible-wrapper>.oj-collapsible-content .bottom-nav {
    position: relative;
    /*background: #f2f2f2;*/
    border-top: .05rem solid #bbb;
    height: 2.6rem;
    line-height: 2.6rem
}

.dashboard-accordian-container .oj-collapsible-header {
    display: block;
    padding: .6rem;
    height: 3.8rem;
    margin: .1rem 0
}

.dashboard-accordian-container .account-name {
    font-size: .9rem;
    font-weight: 600
}

.dashboard-accordian-container .account-no {
    font-size: .9rem;
    font-weight: 400
}

.dashboard-accordian-container .account-type {
    font-size: .9rem;
    font-weight: 400;
    color: #353535
}

.dashboard-accordian-container .balance-amount {
    text-align: right;
    font-size: 1rem
}

[dir=rtl] .dashboard-accordian-container .balance-amount {
    text-align: left
}

.calculator-interest .oj-inputtext-input,
.calculator__response,
.floating-button,
.hotp__soft-token-textbox .oj-inputpassword-input,
.information-wrapper-heading,
.information-wrapper-image,
.totp__soft-token-textbox .oj-inputpassword-input {
    text-align: center
}

.dashboard-accordian-container .account-details {
    position: relative
}

.dashboard-accordian-container .menu-icon {
    position: absolute;
    width: 100%;
    height: 100%
}

.dashboard-accordian-container .BDG:before,
.dashboard-accordian-container .CCA:before,
.dashboard-accordian-container .CSA:before,
.dashboard-accordian-container .GOL:before,
.dashboard-accordian-container .LON:before,
.dashboard-accordian-container .SPN:before,
.dashboard-accordian-container .TRD:before {
    height: 3.6rem;
    position: absolute;
    z-index: 1;
    content: ""
}

[dir=rtl] .dashboard-accordian-container .menu-icon {
    left: 0
}

[dir=ltr] .dashboard-accordian-container .menu-icon {
    right: 0
}

.dashboard-accordian-container .CSA:before {
    border-left: .4rem solid #63AEEE
}

.dashboard-accordian-container .TRD:before {
    border-left: .4rem solid #FF8181
}

.dashboard-accordian-container .LON:before {
    border-left: .4rem solid #86C175
}

.dashboard-accordian-container .CCA:before {
    border-left: .4rem solid #F7BE52
}

.dashboard-accordian-container .BDG:before {
    border-left: .4rem solid #ca589d
}

.dashboard-accordian-container .GOL:before {
    border-left: .4rem solid #3caf85
}

.dashboard-accordian-container .SPN:before {
    border-left: .4rem solid #13b6cf
}

.dashboard-accordian-list ul li {
    padding: .6rem 0;
    width: calc(100% - 2.2rem)
}

[dir=rtl] .dashboard-accordian-list ul li {
    margin-right: 1.3rem
}

[dir=ltr] .dashboard-accordian-list ul li {
    margin-left: 1.3rem
}

.dashboard-accordian-list ul li:last-child {
    border-bottom: 0
}

.dashboard-accordian-list-links .form-button-link {
    padding: .6rem 1.3rem;
    line-height: 1.3rem
}

.dashboard-accordian-list-links .oj-flex-item {
    margin-top: .6rem
}

.oj-panel.offers:last-child,
.oj-panel.retailOffers:last-child {
    margin-top: 1rem
}

.docked-menu .oj-hybrid-applayout-navbar-app {
    background: #fff
}

.docked-menu a .oj-navigationlist-item-label {
    color: #353535 !important
}

.docked-menu a .oj-navigationlist-item-label .icons {
    color: #0070bf;
    font-size: calc(1.1rem + .2rem)
}

.docked-menu a .oj-navigationlist-item-label :hover {
    color: #004373
}

.docked-menu .oj-navigationlist-horizontal.oj-navigationlist-stack-icon-label:not(.oj-navigationlist-icon-only) .oj-navigationlist-item-content {
    padding: 0
}

.oj-panel.offers {
    height: 11.5rem
}

.oj-panel .offers__section {
    height: 100%
}

.oj-panel.retailOffers {
    height: 8rem
}

.oj-panel .retailOffers__section {
    height: 100%
}

.oj-panel .retailOffers__images {
    margin: auto
}

.oj-panel .retailOffers__description {
    margin: auto;
    padding: 0 .5rem
}

.information-wrapper {
    /* margin: 1.3rem 1.9rem; */
    color: #353535;
    padding: 1.3rem;
    border: .05rem solid #bbb;
    border-radius: .4rem
}

.information-wrapper-image img {
    height: 8rem;
    width: 8rem;
    opacity: .5
}

.information-wrapper__text {
    padding-bottom: .6rem
}

.floating-button {
    border: none;
    border-radius: 50%;
    color: #fff;
    box-shadow: 0 .1rem .1rem 0 rgba(0, 0, 0, .14), 0 .1rem .3rem 0 rgba(0, 0, 0, .12), 0 .2rem .1rem -.1rem rgba(0, 0, 0, .2);
    cursor: pointer;
    position: fixed;
    background: #2b3e43;
    bottom: 4.4rem;
    float: right;
    z-index: 2;
    width: 3.5rem;
    height: 3.5rem;
    line-height: 3.5rem
}

[dir=rtl] .floating-button {
    left: .6rem;
    float: left
}

[dir=ltr] .floating-button {
    right: .6rem
}

.floating-button .icons {
    color: #fff;
    position: relative;
    top: .2rem;
    font-size: 1.3rem
}

.floating-panel {
    display: none;
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 11;
    background: rgba(231, 231, 233, .9)
}

.search-slider,
.search-slider .input-search {
    background: #fff
}

.floating-panel .oj-panel {
    padding: .3rem .6rem;
    position: absolute;
    bottom: 3rem;
    height: auto;
    width: 100%;
    box-shadow: -.2rem -.2rem .3rem rgba(0, 0, 0, .3)
}

.floating-panel .oj-panel ul {
    padding: 0;
    margin: 0
}

.floating-panel .oj-panel ul li {
    border-bottom: .05rem solid #bbb;
    display: block;
    padding: .6rem 0
}

.floating-panel .oj-panel ul li .icons {
    font-size: 1.1rem;
    top: .2rem;
    position: relative
}

[dir=rtl] .floating-panel .oj-panel ul li .icons {
    padding-left: .6rem
}

[dir=ltr] .floating-panel .oj-panel ul li .icons {
    padding-right: .6rem
}

.floating-panel .oj-panel ul li:last-child {
    border-bottom: 0
}

.floating-panel .oj-panel ul li a {
    color: #333
}

.search-slider {
    position: absolute;
    top: 4.1rem;
    height: 100%;
    width: 100%
}

[dir=rtl] .search-slider {
    right: 0
}

[dir=ltr] .search-slider {
    left: 0
}

.search-slider .input-search .icons {
    position: absolute;
    top: .6rem
}

.calculator__tenure,
.hotp__soft-token-textbox-icon,
.totp__soft-token-textbox-icon {
    position: relative;
    top: .3rem
}

[dir=rtl] .search-slider .input-search .icons {
    left: .6rem
}

[dir=ltr] .search-slider .input-search .icons {
    right: .6rem
}

[dir=rtl] .search-slider .input-search .icons.icon-search {
    left: 4.7rem
}

[dir=ltr] .search-slider .input-search .icons.icon-search {
    right: 4.7rem
}

.search-slider ul {
    padding: 0
}

.search-slider ul li {
    list-style: none;
    height: 2.3rem;
    border-bottom: .05rem solid #bbb;
    font-size: .9rem;
    color: #333;
    line-height: 2.3rem
}

.calculator__header {
    font-size: 1.1rem
}

.calculator-interest__value {
    max-width: 5rem
}

.calculator__image {
    height: 1.5rem;
    width: 1.5rem
}

.calculator__response {
   /* background-color: #f2f2f2;*/
    padding: .9rem 0;
    height: auto;
    margin-top: 1.1rem
}

[dir=rtl] .calculator__response {
    margin-right: .6rem
}

[dir=ltr] .calculator__response {
    margin-left: .6rem
}

.calculator-response__text {
    font-size: .9rem
}

.calculator .calculated-amount {
    font-size: 1.1rem
}

[dir=rtl] .calculator .calculated-amount {
    padding-right: .3rem
}

[dir=ltr] .calculator .calculated-amount {
    padding-left: .3rem
}

.calculator__subheading {
    font-size: 1.1rem;
    font-weight: 400;
    margin: .6rem 0;
    display: inline-block
}

.calculator__responsenew {
  /*  background-color: #f2f2f2;*/
    height: auto;
    padding: 0 .6rem .6rem;
    margin: .6rem 0
}

.calculator .button-container {
    padding: 0 .6rem !important
}

.calculator__avgInstallment,
.calculator__eligibleAmount {
    margin: auto
}

.hotp__instructions-padding-left,
.totp__instructions-padding-left {
    margin-top: 0
}

.calculator__rateDescription {
    color: rgba(44, 50, 81, .8);
    font-size: .7rem;
    padding: 0 0 .6rem .6rem
}

[dir=rtl] .calculator__rateDescription {
    padding: 0 .6rem .6rem 0
}

.calculator__finalOutput {
    font-size: 1.1rem
}

[dir=rtl] .calculator__finalOutput {
    padding-right: 1rem
}

[dir=ltr] .calculator__finalOutput {
    padding-left: 1rem
}

.calculator .date div.oj-inputtext {
    display: inline
}

.calculator-result .highlight-text {
    font-size: 1.1rem !important
}

.calculator-result.vertical-ruler {
    padding: 0 0 0 1.3rem
}

[dir=rtl] .calculator-result.vertical-ruler {
    border-right: .05rem solid #bbb;
    padding: 0 1.3rem 0 0
}

[dir=ltr] .calculator-result.vertical-ruler {
    border-left: .05rem solid #bbb
}

.calculator__slider .oj-slider {
    padding: .3rem .6rem
}

.calculator__slider .oj-slider.oj-slider-horizontal {
    width: 100%;
    padding: .3rem .6rem !important
}

.ads .oj-filmstrip-item img {
    position: relative;
    width: 25.8rem;
    height: 8.1rem;
    overflow: hidden
}

[dir=rtl] .ads .oj-filmstrip-item img {
    right: -.6rem;
    margin-left: 1.3rem
}

[dir=rtl] .hotp__soft-token-textbox-icon,
[dir=rtl] .totp__soft-token-textbox-icon {
    right: .6rem
}

[dir=ltr] .ads .oj-filmstrip-item img {
    left: -.6rem;
    margin-right: 1.3rem
}

[dir=ltr] .hotp__soft-token-textbox-icon,
[dir=ltr] .totp__soft-token-textbox-icon {
    left: .6rem
}

.totp__instructions-padding {
    padding-bottom: .4rem
}

[dir=rtl] .totp__instructions-padding-left {
    padding-right: 3.8rem
}

[dir=ltr] .totp__instructions-padding-left {
    padding-left: 3.8rem
}

.totp__referencenumber {
    font-size: 1.1rem
}

.totp__contentpadding {
    padding-top: 1.5rem
}

[dir=rtl] .totp__contentpadding {
    padding-right: 2.3rem
}

[dir=ltr] .totp__contentpadding {
    padding-left: 2.3rem
}

.totp__messagepadding {
    padding: 0
}

.totp__messagesection {
    font-size: 1rem;
    padding-bottom: 0 !important
}

[dir=rtl] .totp__messagesection {
    padding-right: 1.3rem
}

[dir=ltr] .totp__messagesection {
    padding-left: 1.3rem
}

.totp__soft-token-textbox {
    width: 4%;
    padding: 0 .3rem
}

.totp__soft-token-textbox .oj-inputpassword {
    min-width: 2em
}

.hotp__instructions-padding {
    padding-bottom: .4rem
}

[dir=rtl] .hotp__instructions-padding-left {
    padding-right: 3.8rem
}

[dir=ltr] .hotp__instructions-padding-left {
    padding-left: 3.8rem
}

.hotp__referencenumber {
    font-size: 1.1rem
}

[dir=rtl] .hotp__contentpadding {
    padding-right: 2.3rem
}

[dir=ltr] .hotp__contentpadding {
    padding-left: 2.3rem
}

.hotp__messagepadding {
    padding: 0
}

.hotp__messagesection {
    font-size: 1rem;
    padding-bottom: 0
}

[dir=rtl] .hotp__messagesection {
    padding-right: 1.3rem
}

[dir=ltr] .hotp__messagesection {
    padding-left: 1.3rem
}

.hotp__soft-token-textbox {
    width: 4%;
    padding: 0 .3rem
}

.hotp__soft-token-textbox .oj-inputpassword {
    min-width: 4em
}

.error-page {
    background-color: #2b3643;
    height: calc(100vh - 6.3rem);
    width: 100vw;
    position: absolute
}

[dir=rtl] .error-page {
    right: 0
}

[dir=ltr] .error-page {
    left: 0
}

.error-page__watermark {
    height: 80%;
    width: 170%
}

.error-page__content {
    position: absolute;
    top: 30%;
    color: #fff
}

[dir=rtl] .error-page__content {
    right: 10%
}

[dir=ltr] .error-page__content {
    left: 10%
}

.error-page__content--code {
    font-size: 5.6rem
}

[dir=rtl] .error-page__content--code {
    padding-left: 1.3rem
}

[dir=ltr] .error-page__content--code {
    padding-right: 1.3rem
}

.error-page__content--error {
    font-size: 3.1rem;
    font-weight: 100
}

.error-page__content--message {
    font-size: 1.9rem;
    font-weight: 100;
    font-style: italic
}

[dir=rtl] .error-page__content--message {
    margin-right: .6rem
}

[dir=ltr] .error-page__content--message {
    margin-left: .6rem
}

.journey {
    background: #456990;
    color: #fff
}

.journey *,
.journey ::after,
.journey ::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.journey__timeline {
    white-space: nowrap;
    overflow-x: hidden
}

.journey__timeline header {
    display: block;
    font-size: .8rem;
    font-weight: 700;
    margin-bottom: .5rem
}

.journey__timeline ol {
    font-size: 0;
    width: 100vw;
    padding: 10.9rem 0;
    transition: all 1s
}

.journey__timeline ol li {
    position: relative;
    display: inline-block;
    list-style-type: none;
    width: 10rem;
    height: .2rem;
    background: #fff
}

.journey__timeline ol li:last-child {
    width: 17.5rem
}

[dir=rtl] .journey__timeline ol li:not(:first-child) {
    margin-right: .9rem
}

[dir=ltr] .journey__timeline ol li:not(:first-child) {
    margin-left: .9rem
}

.journey__timeline ol li:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 50%;
    bottom: 0;
    width: .8rem;
    height: .8rem;
    transform: translateY(-50%);
    border-radius: 50%;
    background: #F45B69
}

[dir=rtl] .journey__timeline ol li:not(:last-child)::after {
    right: calc(100% + .1rem)
}

[dir=ltr] .journey__timeline ol li:not(:last-child)::after {
    left: calc(100% + .1rem)
}

.journey__timeline ol li div.block {
    position: absolute;
    width: 17.5rem;
    padding: .9rem;
    font-size: .6rem;
    white-space: normal;
    color: #000;
    background: #fff
}

[dir=rtl] .journey__timeline ol li div.block {
    right: calc(100% + .4rem)
}

[dir=ltr] .journey__timeline ol li div.block {
    left: calc(100% + .4rem)
}

.journey__timeline ol li div.block .icons {
    padding: .3rem .3rem .3rem 0;
    float: left;
    width: 1.9rem;
    font-size: 1.6rem
}

[dir=rtl] .journey__timeline ol li div.block .icons {
    padding: .3rem 0 .3rem .3rem;
    float: right
}

.journey__timeline ol li div.block img {
    float: left;
    width: 1.9rem
}

[dir=rtl] .journey__timeline ol li div.block img {
    float: right;
    padding-left: .3rem
}

[dir=ltr] .journey__timeline ol li div.block img {
    padding-right: .3rem
}

.journey__timeline ol li div.block .contents {
    float: left;
    width: calc(100% - 1.9rem)
}

[dir=rtl] .journey__timeline ol li div.block .contents {
    float: right
}

.journey__timeline ol li div.block::before {
    content: '';
    position: absolute;
    top: 100%;
    width: 0;
    height: 0;
    border-style: solid
}

[dir=rtl] .journey__timeline ol li div.block::before {
    right: 0
}

[dir=ltr] .journey__timeline ol li div.block::before {
    left: 0
}

.journey__timeline ol li:nth-child(odd) div.block {
    top: -1rem;
    transform: translateY(-100%)
}

.journey__timeline ol li:nth-child(odd) div.block::before {
    top: 100%;
    border-width: .5rem .5rem 0 0;
    border-color: #fff transparent transparent
}

.journey__timeline ol li:nth-child(even) div.block {
    top: calc(100% + 1rem)
}

.journey__timeline ol li:nth-child(even) div.block::before {
    top: -.5rem;
    border-width: .5rem 0 0 .5rem;
    border-color: transparent transparent transparent #fff
}

.journey__timeline .arrows {
    display: flex;
    justify-content: center;
    margin-bottom: 1.3rem
}

.journey__timeline .arrows .arrow {
    font-size: 1.3rem;
    border-radius: 50%;
    padding: .6rem;
    border: 0
}

[dir=rtl] .expandedData,
[dir=ltr] .expandedData {
    padding-right: 3.8rem
}

[dir=rtl] .journey__timeline .arrows .arrow__prev {
    margin-left: 1.3rem
}

[dir=ltr] .journey__timeline .arrows .arrow__prev {
    margin-right: 1.3rem
}

.journey__timeline .arrows .disabled {
    opacity: .5
}

.journey__timeline .arrows img {
    width: 2.8rem;
    height: 2.8rem
}

.pending-approvals__gracePeriod {
    color: #b71c1c
}

.change-password .icons.icon-close,
.change-password .policy-violate {
    color: #e42323
}

.pending-approvals-gracePeriod__popUp {
    width: 15.6rem;
    border-radius: .4rem;
    border: .05rem solid #bbb;
    position: relative;
    top: .6rem
}

.pending-approvals-gracePeriod__icon {
    position: relative;
    top: .1rem
}

.pending-approvals-gracePeriod__text::after {
    content: " ";
    position: absolute;
    bottom: 100%;
    border-width: .6rem;
    border-style: solid;
    border-color: transparent transparent #fff
}

[dir=rtl] .pending-approvals-gracePeriod__text::after {
    right: 30%;
    margin-right: -.3rem
}

[dir=ltr] .design-dashboard__design-step2--leftPanel--panel li span.icons,
[dir=ltr] .design-dashboard__design-step2--middlePanel--panel li span.icons,
[dir=ltr] .design-dashboard__design-step2--rightPanel--panel li span.icons,
[dir=ltr] .design-dashboard__design-step2--topPanel--panel li span.icons {
    right: -1.2rem
}

[dir=ltr] .pending-approvals-gracePeriod__text::after {
    left: 30%;
    margin-left: -.3rem
}

[dir=rtl] .design-dashboard__design-step2--leftPanel--panel li span.icons,
[dir=rtl] .design-dashboard__design-step2--middlePanel--panel li span.icons,
[dir=rtl] .design-dashboard__design-step2--rightPanel--panel li span.icons,
[dir=rtl] .design-dashboard__design-step2--topPanel--panel li span.icons {
    left: -1.2rem
}

.expandedData {
    padding-bottom: .6rem
}

[dir=rtl] .expandedData,
[dir=ltr] .expandedData {
    padding-left: 3.8rem
}

[dir=rtl] .change-password .icons.icon-check,
[dir=rtl] .change-password .icons.icon-close {
    padding-left: .5rem
}

[dir=ltr] .change-password .icons.icon-check,
[dir=ltr] .change-password .icons.icon-close {
    padding-right: .5rem
}

.change-password .icons.icon-check,
.change-password .policy-success {
    color: #2E7D32
}

.change-password .dialogBox {
    -moz-animation: cssAnimation 0s ease-in 5s forwards;
    -webkit-animation: cssAnimation 0s ease-in 5s forwards;
    -o-animation: cssAnimation 0s ease-in 5s forwards;
    animation: cssAnimation 0s ease-in 5s forwards
}

@keyframes cssAnimation {
    to {
        width: 0;
        height: 0;
        overflow: hidden
    }
}

@-webkit-keyframes cssAnimation {
    to {
        width: 0;
        height: 0;
        visibility: hidden
    }
}

.warning-container {
    background: #f9d286;
    border-left: .4rem solid #f3a50c;
    line-height: 1.25rem;
    margin: .2rem .6rem
}

.warning-container .warning-text {
    padding: .6rem 0
}

.warning-container .warning-icon {
    color: #0070bf;
    float: right;
    padding-top: .1rem
}

.warning-container a .icons {
    font-size: calc(.9rem + .4rem)
}

.design-dashboard .container {
    padding: 0 !important;
    margin: 0;
    min-height: 3.1rem
}

.design-dashboard .container .box {
    border: .05rem solid #000;
    min-height: 3.1rem;
    margin-bottom: .3rem;
    background-color: #f0f8ff
}

.design-dashboard .highlight {
    font-weight: 700;
    /*background-color: #f2f2f2*/
}

.design-dashboard__design-step1 {
    margin-top: 1.9rem;
    margin-bottom: 1.3rem
}

.design-dashboard__design-step2--topPanel {
    margin-top: .3rem
}

.design-dashboard__design-step2--topPanel--panel {
    min-height: 15.6rem
}

.design-dashboard__design-step2--topPanel--panel li {
    position: relative
}

.design-dashboard__design-step2--topPanel--panel li span.icons {
    top: -.6rem;
    position: absolute
}

.design-dashboard__design-step2--topPanel .container>div {
    padding: .3rem .6rem;
    min-height: 2.5rem
}

.design-dashboard__design-step2--leftPanel--panel,
.design-dashboard__design-step2--middlePanel--panel,
.design-dashboard__design-step2--rightPanel--panel {
    min-height: 15.6rem
}

.design-dashboard__design-step2--topPanel .container>div:nth-child(even) {
    border-left-width: 0;
    border-right-width: 0
}

.design-dashboard__design-step2--topPanel .container>div:last-child {
    border-width: .1rem
}

.design-dashboard__design-step2--topPanel .container:nth-child(even) {
    border-top-width: 0;
    border-bottom-width: 0
}

.design-dashboard__design-step2--topPanel .container:last-child {
    border-bottom-width: .1rem
}

[dir=rtl] .design-dashboard__design-step2--topPanel .oj-button.action-button-primary {
    margin-left: 0
}

[dir=ltr] .design-dashboard__design-step2--topPanel .oj-button.action-button-primary {
    margin-right: 0
}

.design-dashboard__design-step2--leftPanel {
    padding: .3rem .3rem .3rem 0
}

[dir=rtl] .design-dashboard__design-step2--leftPanel {
    padding: .3rem 0 .3rem .3rem
}

.design-dashboard__design-step2--leftPanel--panel li {
    position: relative
}

.design-dashboard__design-step2--leftPanel--panel li span.icons {
    top: -.6rem;
    position: absolute
}

.design-dashboard__design-step2--middlePanel {
    padding: .3rem
}

.design-dashboard__design-step2--middlePanel--panel li {
    position: relative
}

.design-dashboard__design-step2--middlePanel--panel li span.icons {
    top: -.6rem;
    position: absolute
}

.design-dashboard__design-step2--rightPanel {
    padding: .3rem 0 .3rem .3rem
}

[dir=rtl] .design-dashboard__design-step2--rightPanel {
    padding: .3rem .3rem .3rem 0
}

.design-dashboard__design-step2--rightPanel--panel li {
    position: relative
}

.design-dashboard__design-step2--rightPanel--panel li span.icons {
    top: -.6rem;
    position: absolute
}

.design-dashboard__design-step2--componentList {
    padding: 0;
    border: .05rem solid #e7e7e9
}

.design-dashboard__design-step2--componentList .container {
    cursor: move
}

.design-dashboard__design-step2 .tab-container {
    max-width: 48rem;
    margin: auto
}

.design-dashboard__design-step2 .mobile-container {
    max-width: 20rem;
    margin: auto
}

.design-dashboard .connectedSortable {
    padding: 0;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    list-style-type: none;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

[dir=rtl] .design-dashboard .connectedSortable li span.icons,
[dir=rtl] .design-dashboard .connectedSortable li span.icons:hover {
    padding-left: .6rem
}

[dir=ltr] .design-dashboard .connectedSortable li span.icons,
[dir=ltr] .design-dashboard .connectedSortable li span.icons:hover {
    padding-right: .6rem
}

.design-dashboard .connectedSortable li {
    padding: .6rem;
    margin: 0;
    cursor: move;
    text-align: left;
    display: flex
}

.edit-info,
.goal-amount-row .chart:hover {
    cursor: pointer
}

[dir=rtl] .design-dashboard .connectedSortable li {
    text-align: right
}

.design-dashboard .connectedSortable li span.icons {
    font-size: 1.3rem;
    cursor: pointer
}

.design-dashboard .connectedSortable li span.icons:hover {
    font-size: 1.3rem !important;
    animation: none
}

.design-dashboard .connectedSortable li span.name {
    display: inline-block;
    width: calc(100% - 1.9rem)
}

.design-dashboard .connectedSortable li:hover {
    /*background-color: #f2f2f2*/
}

.design-dashboard .selectedLayout {
    border: .05rem solid #00f;
    border-radius: .3rem
}

.design-dashboard .layoutSelection .layoutOption {
    height: 7.5rem;
    width: 6.3rem;
    padding: .3rem;
    float: left
}

[dir=rtl] .design-dashboard .layoutSelection .layoutOption {
    float: right
}

.design-dashboard .highlightTarget {
    -webkit-box-shadow: .4rem .4rem .9rem -.2rem #9c9c9c;
    -moz-box-shadow: .4rem .4rem .9rem -.2rem #9c9c9c;
    box-shadow: .4rem .4rem .9rem -.2rem #9c9c9c;
    border-style: dotted !important;
    animation: fading .9s
}

@keyframes fading {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

[dir=rtl] .design-dashboard .oj-button.action-button-primary {
    margin-left: 1.2rem
}

[dir=ltr] .design-dashboard .oj-button.action-button-primary {
    margin-right: 1.2rem
}

[dir=rtl] .design-dashboard .oj-button.addRow {
    margin-left: 0
}

[dir=ltr] .design-dashboard .oj-button.addRow {
    margin-right: 0
}

.design-dashboard .image-caption {
    position: relative;
    overflow: hidden
}

.design-dashboard .caption-section {
    height: 6.3rem;
    padding: .6rem;
    opacity: .9;
    position: absolute;
    bottom: -6.2rem;
    background-color: #e4e4e4
}

.design-dashboard .caption-section .product-main-container .span-label,
.design-dashboard .caption-section label,
.product-main-container .design-dashboard .caption-section .span-label {
    color: #000
}

.design-dashboard .image-section:hover+.caption-section {
    bottom: 0;
    animation-name: captionAnimation;
    animation-duration: 1s
}

@keyframes captionAnimation {
    from {
        bottom: -6.2rem
    }
    to {
        bottom: 0
    }
}

.design-dashboard .caption-section:hover {
    bottom: 0
}

.design-dashboard .view-design .tab-container {
    max-width: 48rem;
    margin: auto
}

.design-dashboard .view-design .mobile-container {
    max-width: 20rem;
    margin: auto
}

.template_dashboard_design .design_row {
    padding: .4rem !important;
    min-height: 4.1rem;
    border: .05rem solid #a58787;
    margin-top: .3rem
}

.template_dashboard_design .droppable {
    border: .05rem solid #e7e7e9;
    margin: .3rem;
    min-height: 2.9rem
}

.template_dashboard_design .gridItem {
    flex: 1
}

.template_dashboard_design .customGridErrorMessage {
    color: red;
    padding: .3rem .6rem !important
}

.template_dashboard_design NaNremoveMe {
    position: absolute;
    top: .6rem;
    padding: 0 !important;
    color: #000;
    height: 1.3rem
}

[dir=rtl] .template_dashboard_design NaNremoveMe {
    left: .4rem
}

[dir=ltr] .template_dashboard_design NaNremoveMe {
    right: .4rem
}

.template_dashboard_design .droppable li {
    position: relative
}

#dashboardContextMenu .oj-disabled {
    background-color: #c4c4c4
}

.dashboard-design-retail-container {
    padding: 0 1.3rem
}

.dashboard-design-retail-container .dashboard-create {
    margin-top: .6rem
}

.user-login-configuration__header {
    height: 150px;
    width: 100%;
    position: absolute;
    margin: 0;
    padding: 0
}

[dir=rtl] .user-login-configuration__header {
    right: 0;
    margin: 0;
    padding: 0
}

[dir=rtl] .user-login-configuration__content--code,
[dir=rtl] .user-login-configuration__content--heading {
    padding-left: .6rem
}

[dir=ltr] .user-login-configuration__content--code,
[dir=ltr] .user-login-configuration__content--heading {
    padding-right: .6rem
}

[dir=ltr] .user-login-configuration__header {
    left: 0
}

.user-login-configuration__watermark {
    width: 100%;
    opacity: 1
}

.user-login-configuration__content {
    position: absolute;
    top: 30%;
    color: #fff
}

.user-login-configuration__content--code {
    font-size: 1.3rem
}

.user-login-configuration__content--heading {
    font-size: 1.9rem
}

.user-login-configuration__terms-conds-scroll {
    height: 21.9rem;
    overflow-y: scroll;
    text-align: justify;
    padding: 0 1rem !important
}

[dir=rtl] .user-login-configuration__terms-conds-scroll {
    text-align: justify;
    margin-top: 0;
    padding: 0 1rem !important
}

[dir=ltr] .user-login-configuration__terms-conds-scroll {
    margin-top: 0
}

.user-login-configuration__password-succes-container {
    background: #2E7D32;
    border: .05rem solid #2E7D32;
    padding: 0 .6rem;
    margin-bottom: .6rem;
    margin-top: .6rem;
    height: 2.5rem;
    line-height: 2.5rem
}

.user-login-configuration__password-succes-container .password-success-text {
    color: #fff;
    font-size: .9rem
}

[dir=rtl] .user-login-configuration__password-succes-container .password-success-text {
    padding-right: .6rem
}

[dir=ltr] .user-login-configuration__password-succes-container .password-success-text {
    padding-left: .6rem
}

.user-login-configuration__password-succes-container a .icons {
    font-size: calc(.9rem + .4rem);
    padding: .1rem 0 0;
    line-height: 2.5rem;
    color: #fff
}

.user-login-configuration__password-succes-container a:hover .icons {
    color: #0070BF
}

.terms-conds-scroll {
    height: 21.9rem;
    overflow-y: scroll
}

.standing-instructions__listItem {
    padding: 0
}

.search-bar .oj-inputsearch {
    margin-bottom: 0
}

.search-bar .oj-inputsearch .oj-inputsearch-input {
    border: none;
    background: 0 0
}

.search-bar .oj-inputsearch .oj-inputsearch-search-icon {
    width: 2.5rem;
    height: 2.5rem;
    padding: 0 .6rem !important;
    font-size: 1.1rem;
    color: #333;
    background: 0 0
}

.search-bar .oj-inputsearch .oj-inputsearch-search-icon:hover {
    background: 0 0
}

.search-bar .oj-label-group {
    display: none
}

.batch-approvals {
    background: #e6e5e5;
    border: .05rem solid #bbb
}

.batch-approvals.button-container {
    padding: 0 .6rem;
    margin: 0;
    position: relative;
    top: -1.2rem
}

.batch-approvals__approver-status {
    padding: 1.1rem;
    width: 98%;
    margin: .6rem auto;
    float: none
}

[dir=rtl] .no-inner-flex-margin.oj-flex.oj-flex-items-pad .oj-flex-item .oj-flex,
[dir=ltr] .no-inner-flex-margin.oj-flex.oj-flex-items-pad .oj-flex-item .oj-flex {
    margin-right: 0
}

.batch-approvals-approver-status__approved {
    color: #19451c;
    background: #43b548;
    border: .05rem solid #43b548
}

.batch-approvals-approver-status__rejected {
    color: #a61414;
    background: #ec6767;
    border: .05rem solid #ec6767
}

.batch-approvals-approver-status__icon {
    float: right;
    color: #000;
    text-shadow: 0 .1rem 0 #fff;
    filter: alpha(opacity=20);
    opacity: .5
}

[dir=rtl] .batch-approvals-approver-status__icon {
    float: left
}

body {
    background: #fff;
    color: #353535
}

.product-main-container body .span-label,
body .product-main-container .span-label,
body label {
    color: #333;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .025em
}

.bold-font {
    font-weight: 600
}

.form-text,
.product-main-container .textarea-heading {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .025em
}

.line-height-2 {
    line-height: 1.3rem !important
}

.se-pre-con {
    background: url(/images/origination/Preloader.svg) center no-repeat rgba(0, 0, 0, .5)
}

ul li {
    padding-bottom: .6rem
}

.image-icon {
    color: #fff;
    font-size: 2.3rem;
    padding-top: 25%;
    display: block;
    text-align: center
}

[dir=rtl] .no-inner-flex-margin.oj-flex.oj-flex-items-pad .oj-flex-item .oj-flex,
[dir=ltr] .no-inner-flex-margin.oj-flex.oj-flex-items-pad .oj-flex-item .oj-flex {
    margin-left: 0
}

.hidden {
    display: none
}

.accordion {
    margin-bottom: 3.8rem;
    margin-top: 0
}

.accordion .card {
    margin-bottom: .6rem !important;
    max-width: 57.5rem
}

.accordion .card .card-header {
    padding: 0;
    margin: 0
}

.accordion .card .card-header .card-title {
    color: #133F6F;
    letter-spacing: 0;
    font-size: 1.3rem;
    font-weight: 400;
    margin: 0
}

[dir=rtl] .accordion .card .card-header .card-title {
    padding-right: 1.9rem !important
}

[dir=ltr] .accordion .card .card-header .card-title {
    padding-left: 1.9rem !important
}

.accordion .card .card-header.oj-flex {
    padding-bottom: 0 !important
}

.accordion .card .card-header .accordion-strip {
    width: .6rem;
    height: 4.4rem;
    background-color: #2D2D2D;
    position: absolute
}

.accordion .card .card-header .icon {
    float: right;
    font-size: 2.5rem;
    display: block;
    color: #133F6F
}

[dir=rtl] .accordion .card .card-header .icon {
    float: left;
    padding-left: 2.1rem
}

[dir=ltr] .accordion .card .card-header .icon {
    padding-right: 2.1rem
}

.accordion .card .card-header .icon-arrow-down:before,
.accordion .card .card-header .icon-arrow-right:before,
.accordion .card .card-header .oj-button-menu-dropdown-icon:before,
.accordion .card .card-header .oj-combobox-open-icon:before,
.accordion .card .card-header .oj-conveyorbelt-overflow-icon.oj-bottom:before,
.accordion .card .card-header .oj-conveyorbelt-overflow-icon.oj-top:before,
.accordion .card .card-header .oj-filmstrip-arrow-icon.oj-bottom:before,
.accordion .card .card-header .oj-filmstrip-arrow-icon.oj-top:before,
.accordion .card .card-header .oj-fwk-icon-arrow-e:before,
.accordion .card .card-header .oj-fwk-icon-arrow-n:before,
.accordion .card .card-header .oj-fwk-icon-arrow-s:before,
.accordion .card .card-header .oj-fwk-icon-arrow-w:before,
.accordion .card .card-header .oj-fwk-icon-arrow02-e:before,
.accordion .card .card-header .oj-fwk-icon-arrow02-n:before,
.accordion .card .card-header .oj-fwk-icon-arrow02-s:before,
.accordion .card .card-header .oj-fwk-icon-arrow02-w:before,
.accordion .card .card-header .oj-fwk-icon-caret-e:before,
.accordion .card .card-header .oj-fwk-icon-caret-n:before,
.accordion .card .card-header .oj-fwk-icon-caret-s:before,
.accordion .card .card-header .oj-fwk-icon-caret-w:before,
.accordion .card .card-header .oj-inputnumber-down-icon:before,
.accordion .card .card-header .oj-inputnumber-up-icon:before,
.accordion .card .card-header .oj-navigationlist-collapsible .oj-navigationlist-expand-icon:before,
.accordion .card .card-header .oj-navigationlist-collapsible html:not([dir=rtl]) .oj-navigationlist-collapse-icon:before,
.accordion .card .card-header .oj-navigationlist-collapsible html[dir=rtl] .oj-navigationlist-collapse-icon:before,
.accordion .card .card-header .oj-select-open-icon:before,
.accordion .card .card-header .oj-table-column-header-asc-icon:before,
.accordion .card .card-header .oj-table-column-header-dsc-icon:before,
.accordion .card .card-header html:not([dir=rtl]) .oj-collapsible-close-icon:before,
.accordion .card .card-header html:not([dir=rtl]) .oj-conveyorbelt-overflow-icon.oj-end:before,
.accordion .card .card-header html:not([dir=rtl]) .oj-conveyorbelt-overflow-icon.oj-start:before,
.accordion .card .card-header html:not([dir=rtl]) .oj-datepicker-next-icon:before,
.accordion .card .card-header html:not([dir=rtl]) .oj-datepicker-prev-icon:before,
.accordion .card .card-header html:not([dir=rtl]) .oj-filmstrip-arrow-icon.oj-end:before,
.accordion .card .card-header html:not([dir=rtl]) .oj-filmstrip-arrow-icon.oj-start:before,
.accordion .card .card-header html:not([dir=rtl]) .oj-fwk-icon-arrow-end:before,
.accordion .card .card-header html:not([dir=rtl]) .oj-fwk-icon-arrow-start:before,
.accordion .card .card-header html:not([dir=rtl]) .oj-fwk-icon-arrow02-end:before,
.accordion .card .card-header html:not([dir=rtl]) .oj-fwk-icon-arrow02-start:before,
.accordion .card .card-header html:not([dir=rtl]) .oj-fwk-icon-back:before,
.accordion .card .card-header html:not([dir=rtl]) .oj-fwk-icon-caret-end:before,
.accordion .card .card-header html:not([dir=rtl]) .oj-fwk-icon-caret-start:before,
.accordion .card .card-header html:not([dir=rtl]) .oj-fwk-icon-next:before,
.accordion .card .card-header html:not([dir=rtl]) .oj-hybrid-applayout-header-icon-back:before,
.accordion .card .card-header html:not([dir=rtl]) .oj-listview-collapse-icon:before,
.accordion .card .card-header html:not([dir=rtl]) .oj-listview-drill-icon:before,
.accordion .card .card-header html:not([dir=rtl]) .oj-navigationlist-collapsible .oj-navigationlist-collapse-icon:before,
.accordion .card .card-header html:not([dir=rtl]) .oj-navigationlist-previous-icon:before,
.accordion .card .card-header html[dir=rtl] .oj-collapsible-close-icon:before,
.accordion .card .card-header html[dir=rtl] .oj-conveyorbelt-overflow-icon.oj-end:before,
.accordion .card .card-header html[dir=rtl] .oj-conveyorbelt-overflow-icon.oj-start:before,
.accordion .card .card-header html[dir=rtl] .oj-datepicker-next-icon:before,
.accordion .card .card-header html[dir=rtl] .oj-datepicker-prev-icon:before,
.accordion .card .card-header html[dir=rtl] .oj-filmstrip-arrow-icon.oj-end:before,
.accordion .card .card-header html[dir=rtl] .oj-filmstrip-arrow-icon.oj-start:before,
.accordion .card .card-header html[dir=rtl] .oj-fwk-icon-arrow-end:before,
.accordion .card .card-header html[dir=rtl] .oj-fwk-icon-arrow-start:before,
.accordion .card .card-header html[dir=rtl] .oj-fwk-icon-arrow02-end:before,
.accordion .card .card-header html[dir=rtl] .oj-fwk-icon-arrow02-start:before,
.accordion .card .card-header html[dir=rtl] .oj-fwk-icon-back:before,
.accordion .card .card-header html[dir=rtl] .oj-fwk-icon-caret-end:before,
.accordion .card .card-header html[dir=rtl] .oj-fwk-icon-caret-start:before,
.accordion .card .card-header html[dir=rtl] .oj-fwk-icon-next:before,
.accordion .card .card-header html[dir=rtl] .oj-hybrid-applayout-header-icon-back:before,
.accordion .card .card-header html[dir=rtl] .oj-listview-collapse-icon:before,
.accordion .card .card-header html[dir=rtl] .oj-listview-drill-icon:before,
.accordion .card .card-header html[dir=rtl] .oj-navigationlist-collapsible .oj-navigationlist-collapse-icon:before,
.accordion .card .card-header html[dir=rtl] .oj-navigationlist-previous-icon:before,
.oj-navigationlist-collapsible .accordion .card .card-header .oj-navigationlist-expand-icon:before,
.oj-navigationlist-collapsible html:not([dir=rtl]) .accordion .card .card-header .oj-navigationlist-collapse-icon:before,
.oj-navigationlist-collapsible html[dir=rtl] .accordion .card .card-header .oj-navigationlist-collapse-icon:before,
html:not([dir=rtl]) .accordion .card .card-header .oj-collapsible-close-icon:before,
html:not([dir=rtl]) .accordion .card .card-header .oj-conveyorbelt-overflow-icon.oj-end:before,
html:not([dir=rtl]) .accordion .card .card-header .oj-conveyorbelt-overflow-icon.oj-start:before,
html:not([dir=rtl]) .accordion .card .card-header .oj-datepicker-next-icon:before,
html:not([dir=rtl]) .accordion .card .card-header .oj-datepicker-prev-icon:before,
html:not([dir=rtl]) .accordion .card .card-header .oj-filmstrip-arrow-icon.oj-end:before,
html:not([dir=rtl]) .accordion .card .card-header .oj-filmstrip-arrow-icon.oj-start:before,
html:not([dir=rtl]) .accordion .card .card-header .oj-fwk-icon-arrow-end:before,
html:not([dir=rtl]) .accordion .card .card-header .oj-fwk-icon-arrow-start:before,
html:not([dir=rtl]) .accordion .card .card-header .oj-fwk-icon-arrow02-end:before,
html:not([dir=rtl]) .accordion .card .card-header .oj-fwk-icon-arrow02-start:before,
html:not([dir=rtl]) .accordion .card .card-header .oj-fwk-icon-back:before,
html:not([dir=rtl]) .accordion .card .card-header .oj-fwk-icon-caret-end:before,
html:not([dir=rtl]) .accordion .card .card-header .oj-fwk-icon-caret-start:before,
html:not([dir=rtl]) .accordion .card .card-header .oj-fwk-icon-next:before,
html:not([dir=rtl]) .accordion .card .card-header .oj-hybrid-applayout-header-icon-back:before,
html:not([dir=rtl]) .accordion .card .card-header .oj-listview-collapse-icon:before,
html:not([dir=rtl]) .accordion .card .card-header .oj-listview-drill-icon:before,
html:not([dir=rtl]) .accordion .card .card-header .oj-navigationlist-previous-icon:before,
html:not([dir=rtl]) .oj-navigationlist-collapsible .accordion .card .card-header .oj-navigationlist-collapse-icon:before,
html[dir=rtl] .accordion .card .card-header .oj-collapsible-close-icon:before,
html[dir=rtl] .accordion .card .card-header .oj-conveyorbelt-overflow-icon.oj-end:before,
html[dir=rtl] .accordion .card .card-header .oj-conveyorbelt-overflow-icon.oj-start:before,
html[dir=rtl] .accordion .card .card-header .oj-datepicker-next-icon:before,
html[dir=rtl] .accordion .card .card-header .oj-datepicker-prev-icon:before,
html[dir=rtl] .accordion .card .card-header .oj-filmstrip-arrow-icon.oj-end:before,
html[dir=rtl] .accordion .card .card-header .oj-filmstrip-arrow-icon.oj-start:before,
html[dir=rtl] .accordion .card .card-header .oj-fwk-icon-arrow-end:before,
html[dir=rtl] .accordion .card .card-header .oj-fwk-icon-arrow-start:before,
html[dir=rtl] .accordion .card .card-header .oj-fwk-icon-arrow02-end:before,
html[dir=rtl] .accordion .card .card-header .oj-fwk-icon-arrow02-start:before,
html[dir=rtl] .accordion .card .card-header .oj-fwk-icon-back:before,
html[dir=rtl] .accordion .card .card-header .oj-fwk-icon-caret-end:before,
html[dir=rtl] .accordion .card .card-header .oj-fwk-icon-caret-start:before,
html[dir=rtl] .accordion .card .card-header .oj-fwk-icon-next:before,
html[dir=rtl] .accordion .card .card-header .oj-hybrid-applayout-header-icon-back:before,
html[dir=rtl] .accordion .card .card-header .oj-listview-collapse-icon:before,
html[dir=rtl] .accordion .card .card-header .oj-listview-drill-icon:before,
html[dir=rtl] .accordion .card .card-header .oj-navigationlist-previous-icon:before,
html[dir=rtl] .oj-navigationlist-collapsible .accordion .card .card-header .oj-navigationlist-collapse-icon:before {
    font-weight: 700 !important
}

.accordion .card .card-header .icon-success {
    color: #0070bf;
    font-size: 2.5rem
}

[dir=rtl] .accordion .card .card-header .icon-success {
    padding-left: 1.9rem
}

[dir=ltr] .accordion .card .card-header .icon-success {
    padding-right: 1.9rem
}

[dir=rtl] .accordion .card .card-header .oj-flex-item,
[dir=ltr] .accordion .card .card-header .oj-flex-item {
    padding-right: 0
}

.accordion .card .card-header .card-icon-container {
    position: initial;
    height: 4.4rem;
    width: 4.4rem;
    background-color: #464646;
    text-align: center
}

[dir=rtl] .accordion .card .card-header .card-icon-container {
    margin-right: .6rem
}

[dir=ltr] .accordion .card .card-header .card-icon-container {
    margin-left: .6rem
}

.accordion .card .card-header .card-icon-container .card-icon {
    height: 2.3rem;
    position: relative;
    top: 22%;
    padding: 0
}

[dir=rtl] .accordion .card .card-header .oj-flex-item,
[dir=ltr] .accordion .card .card-header .oj-flex-item {
    padding-left: 0
}

.accordion .card.active {
    z-index: 200
}

.accordion .card.active.zoom {
    margin: .6rem -.6rem
}

.accordion .card.active .card-header {
    background: #000;
    border-bottom: .05rem solid #a6a6a6
}

.accordion .card.active .card-header .card-title {
    color: #fff;
    font-weight: 600
}

[dir=rtl] .accordion .card.active .card-header .card-title {
    padding-right: .6rem
}

[dir=ltr] .accordion .card.active .card-header .card-title {
    padding-left: .6rem
}

.accordion .card.active .card-header .icon {
    color: #fff
}

.accordion .card .card-body {
    margin-top: 2.5rem;
    padding: 0
}

.accordion .oj-button.form-button-secondary {
    background-color: #fff;
    border: .05rem solid #737373;
    color: #333
}

.modal-body-content .label {
    padding-bottom: 1.3rem
}

.modal-body-content .message-box__message .oj-select-choice,
.modal-body-content .message-text .oj-select-choice {
    margin-top: .6rem;
    margin-bottom: .6rem
}

.modal-body-content .button-container .action-button-secondary {
    border: .05rem solid
}

.tooltip {
    min-height: 1.3rem;
    width: 21.9rem;
    background-color: #fff;
    padding: 1.3rem;
    display: none;
    z-index: 1;
    border: .05rem solid #7E7B78;
    color: #333 !important;
    letter-spacing: .025em;
    font-size: .9rem
}

.tooltip-section {
    line-height: 2.5rem
}

.tooltip-section .span-label {
    color: #666;
    vertical-align: super !important
}

.tooltip-section .icon-help {
    color: #0070bf
}

[dir=rtl] .tooltip-section .icon-help {
    margin-right: .3rem
}

[dir=ltr] .tooltip-section .icon-help {
    margin-left: .3rem
}

.otp-verification {
    padding: 2.5rem 1.9rem 0
}

.offers-panel-header,
.product-header {
    max-width: 75rem;
    margin: 0 auto;
    padding-top: .9rem;
    padding-bottom: .9rem
}

.product-bg-image {
    z-index: -1;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    min-height: calc(100vh - 2.5rem)
}

.application-tracking.dashboard .primarycontent>.oj-flex,
.home.dashboard .primarycontent>.oj-flex,
.login.dashboard .primarycontent>.oj-flex,
.origination.dashboard .primarycontent>.oj-flex,
.payday.dashboard .primarycontent>.oj-flex {
    max-width: inherit;
    margin: 0;
    padding: 0
}

.application-tracking.dashboard .container,
.home.dashboard .container,
.login.dashboard .container,
.origination.dashboard .container,
.payday.dashboard .container {
    max-width: inherit;
    padding: 0
}

.application-tracking.dashboard .widget-container,
.home.dashboard .widget-container,
.login.dashboard .widget-container,
.origination.dashboard .widget-container,
.payday.dashboard .widget-container {
    padding: 0
}

.application-tracking.dashboard section,
.home.dashboard section,
.login.dashboard section,
.origination.dashboard section,
.payday.dashboard section {
    margin: 0
}

.account-snapshot-registration {
    margin-top: 3.8rem
}

[dir=rtl] .account-snapshot-registration {
    margin-right: 1.3rem
}

[dir=ltr] .account-snapshot-registration {
    margin-left: 1.3rem
}

.account-snapshot-registration .account-snapshot-paragraph {
    padding-top: 1.3rem
}

.account-snapshot-registration .account-snapshot-button-container {
    margin-top: 5.6rem
}

.tc {
    padding: .6rem;
    max-width: 80rem !important;
    margin: 0 auto
}

.tc h3 {
    font-size: 1.9rem;
    color: #3b3e43;
    font-weight: 400
}

.tc-flex-container {
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    width: 100%;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
    list-style: none;
    flex-wrap: wrap;
    padding-bottom: 1.9rem
}

.tc-flex-container li {
    min-width: 15.3rem;
    text-align: center
}

.tc-flex-item {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 2em;
    text-align: center;
    min-width: 7.5rem;
    margin: 0 0 1.3rem
}

.tc-flex-item .icons {
    transition: transform ease-out .1s;
    font-size: 3.8rem;
    color: #0070bf;
    padding: 1.3rem 1.3rem .6rem;
    border: .05rem solid #595959;
    border-radius: 50%
}

.tc-flex-item .icons:hover {
    -webkit-animation: ripple-out 2s infinite ease;
    animation: ripple-out 2s infinite ease;
    animation-iteration-count: 1
}

.tc-flex-item .icon-title {
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #3b3e43;
    width: 100%;
    font-size: 1rem;
    margin-bottom: -.3rem;
    line-height: normal;
    text-transform: uppercase
}

.tc-flex-item:hover .icon-title,
.tc-flex-item:hover .icons {
    color: #004373
}

.goals {
    background: #d9efff
}

.goals .parallaxbox {
    background-image: url(/images/index/icons/goals.png);
    height: 28.1rem;
    background-position: top center
}

.goals .movingbox {
    position: relative;
    padding: 5rem .6rem;
    margin: 0 auto;
    max-width: 75rem;
    text-align: right
}

[dir=rtl] .goals .movingbox {
    text-align: left
}

.goals h3.goal-tile-heading {
    font-size: 1.9rem;
    color: #292828;
    font-weight: 400
}

.goals .quote {
    font-size: 1.1rem;
    color: #292828;
    letter-spacing: .4
}

.goals .quote .author {
    text-align: right;
    color: #89c33d;
    font-style: italic
}

[dir=rtl] .goals .quote .author {
    text-align: left
}

.pfm {
    position: relative;
    top: 3.8rem
}

.pfm .section {
    padding: 0 0 2.5rem
}

.pfm .section__title {
    font-size: 1rem;
    color: #292828
}

.pfm .section__subtitle {
    color: #292828;
    font-size: .9rem
}

.pfm .goal-calculator__details {
    border-bottom: .05rem solid #bbb
}

.pfm .goal-calculator__calculations {
    padding-top: 1.3rem
}

.pfm .goal-calculator-calculations__svg {
    border-radius: 3.1rem;
    max-width: 100%
}

.pfm .goal-calculator__info {
    font-size: .7rem;
    color: #292828;
    margin-top: .2rem
}

.pfm .goal-calculator__info .icon-ok {
    color: #89c33d;
    margin: 0 .6rem 0 1.3rem
}

.pfm .amount-label,
.pfm .goal-calculator__disclaimer {
    font-size: .9rem;
    color: #292828
}

[dir=rtl] .pfm .goal-calculator__info .icon-ok {
    margin: 0 1.3rem 0 .6rem
}

.pfm .goal-calculator-svg-labels {
    font-size: .9rem
}

.pfm .goal-calculator-svg-labels--right {
    text-align: right
}

[dir=rtl] .pfm .goal-calculator-svg-labels--right {
    text-align: left
}

.pfm .amount-label {
    margin-top: .3rem
}

.pfm .amount-label__icon {
    position: relative;
    top: .1rem
}

[dir=rtl] .pfm .amount-label__text {
    padding-right: .3rem
}

[dir=ltr] .pfm .amount-label__text {
    padding-left: .3rem
}

.pfm .category .category-card.oj-panel {
    padding: 0;
    margin-bottom: 1.3rem;
    height: 13.1rem
}

.pfm .category .category-card.oj-panel:after {
    content: '';
    display: block;
    margin: auto;
    height: .1rem;
    width: 0;
    background: 0 0;
    transition: width .5s ease, background-color .5s ease
}

.loan-offers .loan-offers-images .selected .icon-success:before,
.loan-offers.selected .icon-success:before,
.requirements .militaryDisclosures .desc.selected .select-icon:before {
    content: url(/images/origination/offer-tick.png)
}

.pfm .category .category-card.oj-panel:hover:after {
    width: 100%;
    background: tint(#2E7D32, 40)
}

.pfm .category .category-card__icon {
    height: 10.6rem;
    width: 100%
}

.pfm .category .category-card__icon:hover {
    opacity: .5;
    color: #354254
}

.pfm .category .category-card__desc {
    font-size: 1.3rem;
    text-transform: capitalize;
    color: #292828;
    padding: .6rem 0 .3rem !important
}

.pfm .category .category-card__caption {
    font-size: .9rem;
    color: #292828;
    padding: 0 0 .6rem !important
}

.pfm .category__banner .section {
    padding-top: 5%
}

.pfm .category__banner .section__subtitle,
.pfm .category__banner .section__title {
    color: #333
}

.pfm .category__image img {
    width: 80%
}

.pfm .category__cardssection {
    padding: 0 0 3.8rem
}

.pfm .category__cardssection-flex-container {
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    width: 100%;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
    flex-wrap: wrap
}

.pfm .category__cardssection-flex-container li {
    padding-bottom: .9rem
}

.pfm .category__cardssection-flex-container__listItems {
    padding: 1.3rem 0
}

.pfm .category__cardssection-flex-item {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 2em;
    text-align: center;
    min-width: 7.5rem;
    margin: 0 0 1.3rem
}

.pfm .category__cardssection-flex-item:hover .icon-title,
.pfm .category__cardssection-flex-item:hover .icons {
    color: tint(#2E7D32, 40)
}

.pfm .action-header {
    min-height: 4.1rem
}

.pfm__container {
    box-shadow: 0 .2rem .9rem 0 #c3c2c2
}

.pfm .goals-dashboard-header {
    padding-bottom: 1.1rem
}

.pfm .goals-dashboard-header button {
    font-size: .9rem;
    width: 9.4rem;
    height: 2.8rem;
    margin: 0 .9rem
}

.pfm .secondary-text {
    font-size: .8rem
}

.pfm .percentage-graph-bg {
    background-color: #dcdcdc;
    border-radius: 3.1rem
}

.pfm .percentage-graph-fill {
    fill: #89c33d
}

.pfm .percentage-graph-fill--grey {
    fill: #dcdcdc
}

.pfm .success-bar {
    background: tint(#2E7D32, 80);
    border-left: .4rem solid #89c33d;
    margin: .9rem 0;
    padding: .6rem .3rem
}

.pfm__header,
.sub-category-body,
.sub-category-body .form-container {
    background-color: #2b3643
}

.pfm .success-bar .success-msg {
    font-size: .9rem
}

.pfm__header {
    padding: .6rem;
    color: #fff;
    z-index: 1
}

.pfm .pfmName__img {
    border-radius: 1.6rem;
    border: .2rem solid #89c33d;
    width: .6rem;
    height: .6rem;
    display: inline-block;
    position: relative;
    top: .3rem
}

.pfm .pfmName__image {
    min-width: 5.6rem;
    width: 5.6rem;
    height: 3.8rem;
    font-size: 1.3rem;
    color: #fff;
    text-align: center;
    display: inline-block;
    float: left;
    position: relative
}

[dir=rtl] .pfm .pfmName__image {
    float: right;
    left: .6rem
}

[dir=ltr] .pfm .pfmName__image {
    right: .6rem
}

.pfm .pfmName-image__goalImages {
    height: 100%;
    width: 100%;
    color: #292828;
    font-size: .8rem
}

.pfm .pfmName__name {
    font-size: .9rem;
    color: #292828;
    display: inline-block;
    padding: .9rem
}

.pfm .pfmName__goalName {
    font-size: .9rem;
    position: relative;
    align-items: center;
    display: flex;
    word-break: break-all
}

.pfm .amount__pfmAmount {
    padding: .3rem .6rem;
    align-items: center;
    display: flex
}

.pfm .svg__percentageBar {
    height: .6rem;
    width: 75%;
    padding-bottom: .3rem
}

.pfm .svg__percentageBar svg {
    border-radius: 3.1rem
}

.pfm .launcher__link {
    color: #0070bf
}

.pfm .launcher__link:hover {
    color: #004373
}

.pfm .view-details__link {
    font-size: .9rem;
    color: #0070bf
}

.pfm .view-details__link:hover {
    color: #004373
}

.pfm .view-details-link__iconLink {
    padding: .4rem .6rem 0 1.3rem;
    display: inline-block;
    float: left;
    font-size: 1.1rem
}

[dir=rtl] .pfm .view-details-link__iconLink {
    padding: .4rem 1.3rem 0 .6rem;
    float: right
}

.pfm .view-details-link__linkText {
    display: inline-block;
    padding: .5rem 0
}

.category-body {
    padding-top: 2.5rem
}

.category-body .category-title {
    text-align: center
}

.category-body .category-title h3 {
    font-size: 2.5rem;
    color: #292828;
    font-weight: 400;
    margin: 0;
    padding-bottom: .6rem
}

.category-body .category-title .product-main-container .span-label,
.category-body .category-title label,
.product-main-container .category-body .category-title .span-label {
    color: #89c33d;
    text-align: center;
    font-size: 1.6rem
}

.category-body .category-card {
    padding: 2.5rem 1.3rem
}

.category-body .action-card {
    height: 20rem !important;
    text-align: left;
    border: 0;
    padding: 0
}

[dir=rtl] .category-body .action-card {
    text-align: right
}

.category-body .action-card img {
    height: 15.3rem
}

.category-body .action-card .title {
    text-align: left;
    font-size: 1.3rem;
    font-weight: light;
    padding: .6rem 0;
    color: #292828;
    letter-spacing: .2
}

[dir=rtl] .category-body .action-card .title {
    text-align: right
}

.category-body .action-card .desc {
    font-size: .9rem;
    font-weight: light;
    color: #292828;
    letter-spacing: .2
}

.sub-category-body {
    padding-top: 6.3rem;
    position: absolute
}

[dir=rtl] .sub-category-body {
    right: 0
}

[dir=ltr] .sub-category-body {
    left: 0
}

.product-main-container .sub-category-body .category-title .span-label,
.sub-category-body .category-title .product-main-container .span-label,
.sub-category-body .category-title label {
    color: #fff;
    text-align: center;
    display: block;
    font-size: 1.9rem
}

.goal-max-amount,
.goal-min-amount {
    color: #fff;
    font-size: small
}

.sub-category-body .category-card {
    padding: 1.9rem 1.3rem
}

.goal-amount-body,
.goal-amount-row {
    padding-top: 3.1rem
}

[dir=rtl] .goal-button-position {
    padding-right: 1.9rem
}

[dir=ltr] .goal-button-position {
    padding-left: 1.9rem
}

.goal-divider-div {
    margin-top: 2.5rem
}

.goal-button-style,
.goal-button-style1 {
    background-color: transparent;
    color: #fff;
    border: solid #fff;
    border-width: .1rem
}

[dir=rtl] .goal-button-style1 {
    margin-right: 2.4rem
}

[dir=ltr] .goal-button-style1 {
    margin-left: 2.4rem
}

.goal-max-amount {
    text-align: right
}

[dir=rtl] .goal-max-amount {
    text-align: left
}

.goal-amount-title {
    text-align: center;
    font-size: 1.9rem;
    color: #F2F2A0
}

.goal-amount-button,
.goal-amount-caption,
.goal-text {
    color: #fff;
    font-size: 1.1rem
}

.goal-amount-body {
    background-color: #1F3A91
}

.goal-amount-caption {
    text-align: -webkit-right;
    padding-top: .3rem
}

.goal-amount-button {
    background-color: #ff4500
}

[dir=rtl] .goal-back-button {
    margin-right: 9.4rem
}

[dir=ltr] .goal-back-button {
    margin-left: 9.4rem
}

.goal-calculator {
    background-color: #fff;
    padding-bottom: 1.9rem;
    width: 100%;
    color: #3a3a3a;
    font-size: 1.4rem
}

.goal-calculator .goal-tile-heading {
    font-size: 1.9rem;
    padding: 2.5rem 0 3.8rem 1.3rem;
    font-weight: 300
}

[dir=rtl] .goal-calculator .goal-tile-heading {
    padding: 2.5rem 1.3rem 3.8rem 0
}

.goal-calculator .tile-text .line1 {
    font-size: 1.6rem
}

.goal-calculator .tile-text .line2 {
    font-size: 1.4rem
}

.goal-calculator .tile-body {
    padding-bottom: .9rem !important;
    border-bottom: .05rem solid #bbb
}

.goal-calculator .tile_action_statement {
    padding-top: 1.3rem
}

.goal-calculator .tile_action_statement ._bold {
    font-weight: 700
}

.goal-calculator .tile_action.button-container {
    font-size: 1.1rem;
    justify-content: flex-start
}

.goal-calculator .tile_action.button-container button {
    background: #cc4319 !important;
    border-color: #cc4319 !important;
    border-radius: 0;
    font-size: 1.1rem
}

.goal-calculator .tile_action.button-container img {
    height: 1.1rem;
    margin-top: .9rem;
    position: absolute
}

.goal-calculator .tile_image {
    padding: .6rem
}

.goal-calculator .tile_image img {
    height: 11.6rem
}

[dir=rtl] .goal-calculator .tile_image img {
    padding-right: 3.1rem
}

[dir=ltr] .goal-calculator .tile_image img {
    padding-left: 3.1rem
}

.goals img {
    height: 5rem;
    text-align: center
}

.goals .action-card-desc {
    font-size: 1.1rem;
    text-align: center;
    color: #353535;
    padding: .6rem
}

.goal-amount-row .svg-labels {
    font-size: 1rem;
    color: #3a3a3a
}

.goal-amount-row .notification-text {
    margin-top: -1.6rem
}

.goal-amount-row .notification-text .product-main-container .span-label,
.goal-amount-row .notification-text label,
.product-main-container .goal-amount-row .notification-text .span-label {
    font-size: .9rem;
    margin-top: -1.6rem
}

.goal-amount-row action-header .action-title {
    color: #333
}

.goal-amount-row .chart .graph-hover-text {
    font-size: 1rem;
    display: none;
    padding-bottom: 0;
    justify-content: space-around
}

.goal-amount-row .min-max,
.goal-amount-row .minmax-parent {
    padding-bottom: 0 !important
}

.goal-amount-row .chart:hover .graph-hover-text {
    display: block;
    font-size: .9rem;
    padding-bottom: 0 !important;
    transition-delay: inherit;
    text-align: center
}

.goal-amount-row .chart svg rect.principle {
    fill: #20b2aa
}

.goal-amount-row .chart svg rect.intrest {
    fill: tomato
}

.goal-amount-row .min-max {
    margin-top: -.6rem
}

.goal-amount-row .min-max .product-main-container .span-label,
.goal-amount-row .min-max label,
.product-main-container .goal-amount-row .min-max .span-label {
    font-size: .9rem
}

.goal-amount-row .min-max .product-main-container .right.span-label,
.goal-amount-row .min-max label.right,
.product-main-container .goal-amount-row .min-max .right.span-label {
    justify-content: flex-end
}

.goal-amount-row .button-container {
    justify-content: flex-end;
    padding: .6rem 1.3rem;
    flex: 0 1 83.3333333333%;
    max-width: 83.3333333333%;
    width: 83.3333333333%;
    margin: 0 auto .4rem !important
}

.loan-showcase {
    background: #e7f3d8
}

.loan-showcase .parallaxbox {
    background-image: url(/images/index/icons/in-principle-approval-parallax.svg);
    height: 26.9rem;
    background-position: bottom right;
    background-size: 73% 26.9rem;
    background-repeat: no-repeat;
    max-width: 75rem
}

.loan-showcase .movingbox {
    padding: 1.9rem .6rem;
    width: 25%
}

.loan-showcase h3 {
    font-size: 1.9rem;
    color: #333;
    font-weight: 400
}

.page-banner {
    background: url(/images/index/icons/banner.jpg) no-repeat;
    height: 20rem;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center
}

.page-banner .banner-text .sub-text {
    color: #fff;
    font-size: 1.9rem
}

.page-banner .banner-text span {
    color: #fff
}

.page-banner .action-button-primary {
    background: #89c33d !important;
    box-shadow: none !important;
    border: 0 !important
}

.contact-us {
    background-color: #e3eaf9;
    padding-bottom: 1.9rem;
    border-top: .05rem solid #1e3843
}

.contact-us .cu-heading {
    padding: 2.5rem 0;
    font-weight: 300;
    font-size: 2rem;
    color: #000
}

.contact-us .locate-atm {
    text-align: center
}

.contact-us .locate-atm a {
    display: block
}

.contact-us .locate-atm img {
    height: 5.6rem;
    padding-bottom: 1.3rem
}

.contact-us .locate-atm .atm-button {
    opacity: 1;
    box-sizing: border-box;
    border: .05rem solid #c9dfff;
    border-radius: .3rem;
    box-shadow: .1rem 0 .2rem 0 rgba(45, 55, 62, .55);
    background-color: #7ca5e1;
    color: #e1e1e1;
    height: 3rem;
    text-align: center;
    display: block
}

.contact-us .contact-link,
.contact-us .locate-atm .atm-link {
    display: none;
    color: #fff
}

.contact-us .locate-call {
    text-align: center
}

.contact-us .locate-call img {
    height: 5.6rem;
    padding-bottom: 1.3rem
}

.contact-us .contact-no {
    font-weight: 400;
    font-size: 1.1rem;
    color: #1abeed;
    line-height: 2.5rem
}

.contact-us .contact-text {
    font-size: 1.3rem;
    color: #000;
    font-weight: 300;
    text-align: center
}

.contact-us .locateAtmBtn {
    display: block;
    color: #000;
    font-size: 1.4rem;
    font-weight: 300
}

.contact-us .container {
    display: flex;
    flex-direction: row;
    justify-content: space-around
}

.company-links {
    background-color: #212121;
    padding-bottom: 1.9rem;
    font-size: .8rem
}

.company-links h3 {
    font-size: 1.9rem;
    color: #fff;
    font-weight: 400
}

.company-links .link-box img {
    float: left
}

[dir=rtl] .company-links .link-box img {
    margin-left: .6rem;
    float: right
}

[dir=ltr] .company-links .link-box img {
    margin-right: .6rem
}

.company-links .im-heading {
    padding-top: 1.9rem;
    padding-bottom: .6rem;
    font-weight: 400;
    font-size: .9rem;
    color: #e5e5e5
}

.company-links .im-location {
    padding-top: .9rem;
    margin-bottom: 1.3rem
}

.company-links .im-location .oj-label .product-main-container .span-label,
.company-links .im-location .oj-label label,
.product-main-container .company-links .im-location .oj-label .span-label {
    color: #fff
}

.company-links .im-location .oj-inputtext {
    margin: 0;
    max-width: none !important;
    width: 62%;
    border-radius: 0 !important
}

.company-links .im-location .oj-button {
    margin: 0;
    padding: 0 .6rem;
    border: 0;
    -webkit-appearance: none;
    border-radius: 0 !important;
    box-shadow: none;
    position: relative
}

[dir=rtl] .company-links .im-location .oj-button {
    right: -.2rem
}

[dir=rtl] .login-options-modal-window,
[dir=rtl] .loginContainer,
[dir=rtl] h2.product-heading,
[dir=ltr] .login-options-modal-window {
    right: 0
}

[dir=ltr] .company-links .im-location .oj-button {
    left: -.2rem
}

[dir=ltr] .loginContainer,
[dir=ltr] h2.product-heading {
    left: 0
}

.company-links .social-icons .icons {
    font-size: 1.3rem;
    color: #333;
    padding: .2rem .3rem;
    border-radius: 50%;
    background: #fff
}

[dir=rtl] .company-links .social-icons .icons {
    margin-right: 1.3rem
}

[dir=ltr] .company-links .social-icons .icons {
    margin-left: 1.3rem
}

.company-links .anc-links {
    display: inline-block;
    color: #bebcb9;
    font-size: .8rem;
    margin-top: .3rem
}

.saving-icon-color {
    color: #5AA431
}

.checking-icon-color {
    color: #0088AE
}

.td-icon-color {
    color: #524988
}

.creditc-icon-color {
    color: #E67A5E
}

.autol-icon-color {
    color: #704F60
}

.perloan-icon-color {
    color: #2A4F99
}

.product-quick-links h3 {
    font-size: 1.9rem;
    text-align: center;
    color: #3b3e43;
    font-weight: 400
}

.product-quick-links-flex-container {
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    width: 100%;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
    padding: 0;
    margin: 0 auto;
    list-style: none;
    flex-wrap: wrap
}

.product-quick-links-flex-container li {
    min-width: 16.1rem;
    padding-bottom: 1.9rem;
    text-align: center
}

.product-quick-links-flex-container__listItems {
    padding: 1.3rem 0
}

.product-quick-links-flex-item {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 2em;
    text-align: center;
    min-width: 7.5rem;
    margin: 0 0 1.3rem
}

[dir=rtl] .product-main-container .textarea-heading,
[dir=rtl] .product-main-container .textarea-margin .oj-textarea {
    margin-right: 1.9rem
}

[dir=ltr] .product-main-container .textarea-heading,
[dir=ltr] .product-main-container .textarea-margin .oj-textarea {
    margin-left: 1.9rem
}

.product-quick-links-flex-item:hover .icon-title,
.product-quick-links-flex-item:hover .icons {
    color: #004373
}

.product-quick-links .icon-title {
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #3b3e43;
    width: 100%;
    font-size: 1rem;
    margin-bottom: -.3rem;
    line-height: normal;
    text-transform: capitalize
}

.product-quick-links .icons {
    color: #3b3e43;
    font-size: 4.4rem;
    position: relative;
    width: 4.4rem;
    height: 4.4rem;
    background-size: cover
}

.product-quick-links .link-text {
    top: .6rem;
    position: relative
}

[dir=rtl] .product-quick-links .link-text {
    padding-right: 1.9rem
}

[dir=rtl] .product-main-container .oj-choice-row .span-label,
[dir=rtl] .product-main-container .oj-choice-row label,
[dir=rtl] .product-main-container .oj-option-row {
    padding-right: .6rem
}

[dir=ltr] .product-quick-links .link-text {
    padding-left: 1.9rem
}

[dir=ltr] .product-main-container .oj-choice-row .span-label,
[dir=ltr] .product-main-container .oj-choice-row label,
[dir=ltr] .product-main-container .oj-option-row {
    padding-left: .6rem
}

.product-quick-links .oj-navigationlist-item-label {
    overflow: hidden
}

.additional-label {
    line-height: 2.5rem
}

.text {
    font-size: 1rem;
    font-weight: 400;
    color: #333;
    letter-spacing: 0
}

.product-main-container .margin-top-20 {
    margin-top: 1.3rem !important
}

.product-main-container .justify-text {
    text-align: justify
}

.product-main-container .textarea {
    background-color: transparent
}

[dir=rtl] .product-main-container .textarea {
    padding-right: 1.3rem
}

[dir=ltr] .product-main-container .textarea {
    padding-left: 1.3rem
}

.product-main-container .textarea-size {
    max-width: 31.3rem;
    min-height: 3.8rem
}

.product-main-container .textarea-heading {
    margin-bottom: .2rem
}

.product-main-container .small-text {
    font-size: .8rem !important;
    position: relative
}

.product-main-container .option-bottom-padding {
    padding-bottom: 1.3rem
}

.product-main-container .form-main-container {
    padding-bottom: 1.3rem;
    width: 100%;
    margin: 0 auto;
    background: 0 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}

.product-main-container .form-main-container .form-container {
    float: inherit;
    background: #fff;
    width: initial;
    margin: 0 auto;
    max-width: 57.5rem
}

[dir=rtl] .product-main-container .no-inner-flex-margin.oj-flex.oj-flex-items-pad .oj-flex-item .oj-flex,
[dir=ltr] .product-main-container .no-inner-flex-margin.oj-flex.oj-flex-items-pad .oj-flex-item .oj-flex {
    margin-right: 0
}

.product-main-container .form-main-container .form-container .page-container {
    padding: 1.5rem 1.9rem
}

.product-main-container .form-main-container .form-container .addonCard {
    line-height: 1.4rem
}

.product-main-container .form-main-container .form-container .oj-flex {
    padding-bottom: 1.1rem;
    align-items: center
}

.product-main-container .form-main-container .form-container .oj-flex .oj-flex-item .oj-flex {
    padding-bottom: .6rem
}

.product-main-container .form-main-container .action-subtitle-border {
    color: #353535;
    font-size: 1.3rem;
    font-weight: 500;
    position: relative;
    bottom: 0;
    line-height: 2.3rem
}

[dir=rtl] .product-main-container .form-main-container .action-subtitle-border {
    padding-right: 2rem
}

[dir=ltr] .product-main-container .form-main-container .action-subtitle-border {
    padding-left: 2rem
}

.product-main-container .accordion {
    margin-bottom: 3.8rem
}

.product-main-container .card.form-container .button-container {
    padding: 1.3rem 0
}

.product-main-container .display-inline-block {
    display: inline-block
}

.product-main-container .form-title-heading {
    border-bottom: .05rem solid #cdcdcd
}

.product-main-container .hint-container .button-container {
    margin: 0
}

.product-main-container .hidden {
    display: none !important
}

.product-main-container .image-icon {
    color: #fff;
    font-size: 2.3rem;
    padding-top: 25%;
    display: block;
    text-align: center
}

.product-main-container .span-label {
    display: inline !important
}

.product-main-container .primary-heading {
    font-weight: 600;
    color: #2a4e98;
    margin: 0
}

.product-main-container .secondary-heading {
    font-weight: 600;
    color: #333;
    margin: 0
}

.product-main-container .form-heading {
    font-weight: 600;
    color: #2a4e98;
    margin: 0
}

.product-main-container ul li {
    padding-bottom: .6rem
}

[dir=rtl] .product-main-container .no-inner-flex-margin.oj-flex.oj-flex-items-pad .oj-flex-item .oj-flex,
[dir=ltr] .product-main-container .no-inner-flex-margin.oj-flex.oj-flex-items-pad .oj-flex-item .oj-flex {
    margin-left: 0
}

.product-button-panel {
    margin: 3.8rem auto 5rem;
    max-width: 57.5rem;
    text-align: inherit;
    display: inherit
}

.product-button-panel.button-container {
    padding: 0
}

.filmStripDiv {
    position: relative;
    top: 3.8rem
}

.oj-pagingcontrol-nav-dot-bullet {
    color: transparent
}

h2.product-heading {
    z-index: 1;
    margin: 0;
    line-height: 3.8rem;
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    font-size: 1.1rem;
    color: #353535;
    -webkit-box-shadow: 0 .1rem .1rem 0 rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 .1rem .1rem 0 rgba(0, 0, 0, .4);
    box-shadow: 0 .1rem .1rem 0 rgba(0, 0, 0, .4)
}

h2.product-heading-name {
    padding: 0;
    font-weight: 400
}

h2.product-heading .left-icon {
    padding: 0 .9rem 0 0;
    line-height: 3.8rem;
    width: 3.8rem
}

[dir=rtl] h2.product-heading .left-icon {
    padding: 0 0 0 .9rem
}

[dir=rtl] .application-form-headers,
[dir=rtl] .card-text {
    padding-right: 6.6rem
}

[dir=ltr] .application-form-headers,
[dir=ltr] .card-text {
    padding-left: 6.6rem
}

h2.product-heading .right-icon {
    text-align: right
}

[dir=rtl] h2.product-heading .right-icon {
    text-align: left
}

.section-heading {
    font-weight: 700;
    color: #353535;
    font-size: 1.1rem
}

.application-form-headers,
.card-text {
    font-size: .9rem;
    padding-top: .8rem
}

.application-form-text {
    padding-top: 1.3rem !important;
    padding-bottom: .6rem !important
}

.application-form-info .cust-label {
    font-size: .8rem
}

.top-section-container {
    padding: 1.6rem;
    margin: .6rem 0
}

.top-section-container .step-progress-container {
    padding: 0 1.3rem
}

.welcome-image-container .welcome-image {
    width: 100%;
    height: 100%
}

.financial-details .oj-panel {
    color: #737373;
    font-size: 1.5rem;
    border-style: none;
    -webkit-box-shadow: 0 .3rem .4rem -.4rem #222;
    -moz-box-shadow: 0 .3rem .4rem -.4rem #222;
    box-shadow: 0 .3rem .4rem -.4rem #222
}

.active .done-icon {
    color: #fff
}

.done-icon {
    color: #267aa7
}

.success-container .success-message {
    margin: 1.3rem 0;
    font-size: 1.1rem;
    color: #208220
}

.success-container .success-body {
    color: #353535
}

.success-container .success-body .success-summary {
    margin-bottom: 1.3rem
}

.success-container .success-body .success-points {
    line-height: 2.2rem
}

.action-button-link {
    vertical-align: middle
}

[dir=rtl] .action-button-link {
    margin-left: .6rem
}

[dir=ltr] .action-button-link {
    margin-right: .6rem
}

.cust-note {
    display: block;
    color: #8c8c8c;
    font-size: .8rem;
    font-weight: 400;
    margin-top: .3rem
}

.edit-info {
    margin-top: 2rem
}

.card-design {
    float: left;
    width: 15.6rem;
    height: 4.7rem;
    margin: .6rem 24.6rem;
    background-size: 100% 100%
}

[dir=rtl] .card-design {
    float: right
}

.state {
    font-size: 1.1rem
}

.scroll {
    overflow-y: auto
}

.main-container .header .icon-logo {
    cursor: default
}

.radio-option-top-padding,
.radio-option-top-padding-label {
    padding-top: .9rem
}

.subtitle {
    display: block;
    line-height: 0;
    margin-bottom: .6rem;
    font-size: .8rem !important
}

.customer-prefilled-section,
.submission-confirmation .centerAlign {
    align-items: center;
    display: flex
}

.orientation .link,
.product-main-container .review .section-info .span-label,
.review .section-info .link,
.review .section-info .product-main-container .span-label,
.review .section-info label {
    line-height: inherit
}

.text-top,
.top-heading {
    color: #000;
    font-size: 1.1rem
}

[dir=rtl] .subtitle {
    margin-right: .8rem
}

[dir=ltr] .subtitle {
    margin-left: .8rem
}

.tenure .oj-inputtext {
    min-width: inherit
}

[dir=rtl] .tenure .tenure-labels.oj-flex-item {
    padding-right: 0
}

[dir=ltr] .tenure .tenure-labels.oj-flex-item {
    padding-left: 0
}

.oj-buttonset .oj-button {
    padding: 0 1.3rem
}

[dir=rtl] .dashboard .container .application-tracking-container .icon-error-message,
[dir=rtl] .dashboard .container .offers-panel-header .icon-error-message,
[dir=rtl] .dashboard .container .pre-login .icon-error-message,
[dir=rtl] .dashboard .container .product-main-container .icon-error-message,
[dir=ltr] .dashboard .container .application-tracking-container .icon-error-message,
[dir=ltr] .dashboard .container .offers-panel-header .icon-error-message,
[dir=ltr] .dashboard .container .pre-login .icon-error-message,
[dir=ltr] .dashboard .container .product-main-container .icon-error-message {
    padding-right: .3rem
}

.text-top {
    margin-bottom: 1.3rem
}

.top-heading {
    max-width: 57.5rem
}

.amount-input .oj-flex {
    padding-bottom: 0 !important
}

.toUpperCase {
    text-transform: uppercase
}

.customer-prefilled-section {
    background-color: #464646;
    color: #fff;
    max-width: 57.5rem;
    margin: 3.1rem auto .9rem;
    height: 2.5rem;
    font-size: 1rem;
    letter-spacing: 0
}

.dashboard .container .application-tracking-container .social-media-images,
.dashboard .container .offers-panel-header .social-media-images,
.dashboard .container .pre-login .social-media-images,
.dashboard .container .product-main-container .social-media-images {
    height: 1.9rem
}

.dashboard .container .application-tracking-container .icon-error-message,
.dashboard .container .offers-panel-header .icon-error-message,
.dashboard .container .pre-login .icon-error-message,
.dashboard .container .product-main-container .icon-error-message {
    font-size: 1.5rem
}

[dir=rtl] .dashboard .container .application-tracking-container .icon-error-message,
[dir=rtl] .dashboard .container .offers-panel-header .icon-error-message,
[dir=rtl] .dashboard .container .pre-login .icon-error-message,
[dir=rtl] .dashboard .container .product-main-container .icon-error-message,
[dir=ltr] .dashboard .container .application-tracking-container .icon-error-message,
[dir=ltr] .dashboard .container .offers-panel-header .icon-error-message,
[dir=ltr] .dashboard .container .pre-login .icon-error-message,
[dir=ltr] .dashboard .container .product-main-container .icon-error-message {
    padding-left: .3rem
}

.dashboard .container .application-tracking-container .comp-title h2,
.dashboard .container .offers-panel-header .comp-title h2,
.dashboard .container .pre-login .comp-title h2,
.dashboard .container .product-main-container .comp-title h2 {
    white-space: inherit
}

.orientation .oj-flex {
    align-items: inherit !important
}

.orientation .padding-bottom.oj-row {
    padding-bottom: 4.6rem
}

.orientation .image img {
    width: 6.9rem
}

.orientation .orientation-line-image {
    padding-top: 18.8rem;
    z-index: -1;
    background-attachment: fixed;
    width: 100%;
    background-repeat: repeat-x
}

[dir=rtl] .orientation .orientation-line-image {
    padding-right: 3.8rem
}

[dir=ltr] .orientation .orientation-line-image {
    padding-left: 3.8rem
}

.orientation .form-container {
    padding: 0;
    margin: 0
}

.orientation .image-header-title {
    font-size: 1.8rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .1rem;
    word-spacing: .2rem;
    color: #000
}

[dir=rtl] .orientation .image-header-title {
    margin-right: 4.7rem
}

[dir=ltr] .orientation .image-header-title {
    margin-left: 4.7rem
}

.orientation .image-text {
    position: absolute;
    top: 20%;
    color: #fff;
    font-size: 1.5rem
}

[dir=rtl] .orientation .image-text {
    padding-right: 3%
}

[dir=ltr] .orientation .image-text {
    padding-left: 3%
}

.orientation .image-text .title {
    font-size: 1.3rem;
    font-weight: 600;
    padding-bottom: 1%
}

.orientation .section .img {
    padding-top: .6rem
}

.orientation .section .step {
    padding-top: 1.9rem
}

.orientation .section .offer-heading {
    font-weight: 600;
    color: #608bd1;
    font-size: 1.3rem
}

.orientation .section .text {
    font-size: .9rem;
    font-weight: 400
}

.orientation .section .login-button {
    margin-top: 1.3rem
}

.submission-confirmation .form-container {
    padding: 0;
    margin: 0
}

.submission-confirmation .centerAlign .application-status-text {
    font-weight: 600;
    color: #2a4e98;
    font-size: 1.5rem;
    padding-top: 0
}

[dir=rtl] .submission-confirmation .centerAlign .application-status-text {
    padding-right: .3rem
}

[dir=ltr] .submission-confirmation .centerAlign .application-status-text {
    padding-left: .3rem
}

.submission-confirmation .login-button {
    margin-top: 2.5rem
}

.submission-confirmation .bold {
    font-weight: 600
}

.submission-confirmation .icon-success:before {
    font-size: 1.9rem
}

.submission-confirmation .application-no {
    font-weight: 600;
    color: #2a4e98;
    font-size: 1.1rem
}

.review .form-main-container .form-container .padding-top-5 {
    padding-top: 0
}

.review .form-container .oj-flex {
    padding-bottom: 1.6rem
}

.review span {
    /* Dung disable to show right select text */
    /* display: inline-flex; */
    align-items: center
}

.review .review-text {
    padding-bottom: 1.3rem;
    color: #000;
    font-size: 1.1rem
}

[dir=rtl] .review .review-text {
    padding-right: 8.8rem
}

[dir=ltr] .review .review-text {
    padding-left: 8.8rem
}

.review .card {
    margin-bottom: .6rem
}

.review .card.form-container {
    margin-top: .6rem;
    margin-bottom: 0;
    padding-top: 0
}

.review .card .card-header {
    padding: 0;
    margin: 0 1.9rem 1.3rem 0;
    border-bottom: .05rem solid #a6a6a6
}

[dir=rtl] .review .card .card-header {
    margin: 0 0 1.3rem 1.9rem
}

.review .card .card-header.oj-flex {
    padding-bottom: 0
}

.review .card .card-header .card-title {
    color: #133F6F;
    letter-spacing: 0;
    font-size: 1.3rem;
    font-weight: 400;
    margin: 0
}

[dir=rtl] .review .card .card-header .card-title {
    padding-right: 1.9rem !important
}

[dir=ltr] .review .card .card-header .card-title {
    padding-left: 1.9rem !important
}

.review .card .card-header .accordion-strip {
    width: .6rem;
    height: 4.4rem;
    background-color: #2D2D2D;
    position: absolute
}

.review .card .card-header .icon-edit {
    float: right;
    padding-top: 1rem;
    font-size: 1.8rem;
    color: #0070bf
}

.review .disclosures .card-text,
.review .disclosures .card-text-label {
    padding-top: 0;
    display: block
}

.review .disclosures .section-heading,
.review .section-info .section-heading {
    font-weight: 600;
    color: #133F6F;
    font-size: 1rem
}

[dir=rtl] .review .card .card-header .icon-edit {
    float: left;
    padding-left: 1.9rem
}

[dir=ltr] .review .card .card-header .icon-edit {
    padding-right: 1.9rem
}

[dir=rtl] .review .card .card-header .oj-flex-item,
[dir=ltr] .review .card .card-header .oj-flex-item {
    padding-right: 0
}

.review .card .card-header .edit-info {
    margin-top: 0
}

.review .card .card-header .card-icon-container {
    position: initial;
    height: 4.4rem;
    width: 4.4rem;
    background-color: #464646;
    text-align: center
}

[dir=rtl] .review .card .card-header .card-icon-container {
    margin-right: .6rem
}

[dir=ltr] .review .card .card-header .card-icon-container {
    margin-left: .6rem
}

.review .card .card-header .card-icon-container .card-icon {
    height: 2.3rem;
    position: relative;
    top: 24%;
    padding: 0
}

[dir=rtl] .review .card .card-header .oj-flex-item,
[dir=ltr] .review .card .card-header .oj-flex-item {
    padding-left: 0
}

[dir=rtl] .review .disclosures .card-text,
[dir=rtl] .review .disclosures .card-text-label,
[dir=ltr] .review .disclosures .card-text,
[dir=ltr] .review .disclosures .card-text-label {
    padding-left: .6rem
}

[dir=rtl] .review .disclosures .card-text,
[dir=rtl] .review .disclosures .card-text-label,
[dir=ltr] .review .disclosures .card-text,
[dir=ltr] .review .disclosures .card-text-label {
    padding-right: .6rem
}

.review .section-info .card-text {
    padding-bottom: 1.3rem;
    padding-top: 0
}

.review .disclosures .card-title {
    display: inline-block
}

[dir=rtl] .review .disclosures .link,
[dir=ltr] .review .disclosures .link {
    padding-right: .25em
}

.review .disclosures .link {
    padding-top: .2rem
}

[dir=rtl] .review .disclosures .link,
[dir=ltr] .review .disclosures .link {
    padding-left: .25em
}

.conscent div:nth-child(1) {
    padding-bottom: 1.3rem !important
}

.conscent div:not(:nth-child(1)) {
    padding-bottom: .6rem
}

.requirements .loan-amount {
    color: #333;
    font-style: italic;
    position: relative;
    font-size: 1rem !important;
    font-weight: 400;
    margin-top: -1.6rem
}

.requirements .loan-requirements-estimate {
    margin-top: 2.6rem;
    color: #333;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .025em;
    margin-bottom: .6rem
}

.requirements .heading {
    font-size: 1.3rem;
    font-weight: 600;
    color: #a6a6a6;
    margin-bottom: 1.3rem;
    margin-top: 1.6rem
}

.requirements .small-text {
    color: #333;
    font-size: .8rem !important;
    margin-top: .3rem !important;
    font-style: italic;
    font-weight: 400
}

.requirements .main-label {
    color: #333
}

.requirements .spacing {
    bottom: .3rem;
    position: relative
}

.requirements .amountInput-currency {
    min-width: 28% !important
}

.requirements .militaryDisclosures .text {
    font-size: 1rem
}

.requirements .militaryDisclosures .desc {
    border: .05rem solid #b3c8de;
    box-sizing: border-box;
    background-color: #fff;
    cursor: pointer;
    padding: 1.1rem 0 1.1rem 1.3rem;
    border-radius: .3rem
}

[dir=rtl] .requirements .militaryDisclosures .desc {
    padding: 1.1rem 1.3rem 1.1rem 0
}

.requirements .militaryDisclosures .desc.selected {
    border: .2rem solid #008aff
}

.requirements .militaryDisclosures .desc.selected .select-icon {
    float: right;
    display: block;
    color: #1bed47;
    margin-top: -1.4rem
}

[dir=rtl] .requirements .militaryDisclosures .desc.selected .select-icon {
    float: left;
    padding-left: 0
}

[dir=ltr] .requirements .militaryDisclosures .desc.selected .select-icon {
    padding-right: 0
}

.employments-financial-info.form-container {
    margin-top: 1.6rem !important
}

.employments-financial-info .icon-delete,
.employments-financial-info .icon-edit,
.employments-financial-info .icon-plus-circle,
.employments-financial-info .icon-save {
    font-size: 1.6rem;
    color: #0070bf;
    padding-bottom: 0;
    margin-top: 0
}

[dir=rtl] .employments-financial-info .icon-delete,
[dir=rtl] .employments-financial-info .icon-edit,
[dir=rtl] .employments-financial-info .icon-plus-circle,
[dir=rtl] .employments-financial-info .icon-save {
    padding-left: .6rem
}

[dir=ltr] .employments-financial-info .icon-delete,
[dir=ltr] .employments-financial-info .icon-edit,
[dir=ltr] .employments-financial-info .icon-plus-circle,
[dir=ltr] .employments-financial-info .icon-save {
    padding-right: .6rem
}

.employments-financial-info .icon-delete,
.employments-financial-info .icon-edit:hover {
    cursor: pointer
}

.employments-financial-info .icon {
    font-size: 1.6rem;
    color: #0070bf !important
}

.employments-financial-info .oj-select-open-icon {
    color: #353535 !important;
    font-size: 1.3rem
}

.employments-financial-info .icon:hover {
    cursor: pointer
}

.employments-financial-info .form-heading-strip {
    background-color: #fff;
    color: #333;
    height: 3.1rem;
    box-shadow: .1rem .1rem .1rem .1rem #c9c9c9;
    box-sizing: border-box;
    border: .05rem solid #fff;
    margin: 1.3rem auto
}

.employments-financial-info .form-heading-strip.oj-flex {
    padding-bottom: 0
}

.employments-financial-info .padding-top {
    padding-top: .3rem
}

.filmstrip,
.oj-panel.filmstrip {
    border: none;
    padding: 0
}

.filmstrip {
    background-color: #fff;
    max-width: 57.5rem;
    margin: 0 auto 1.3rem;
    height: 5.6rem;
    text-align: center
}

.filmstrip .bands,
.filmstrip .oj-filmstrip-arrow-container {
    width: 3.1rem;
    height: 5.6rem;
    background-color: #2D2D2D
}

.product-main-container [dir=rtl] .registration .submitted-application .span-label,
.product-main-container [dir=ltr] .registration .submitted-application .span-label,
[dir=rtl] .registration .margin-left-right,
[dir=rtl] .registration .submitted-application .product-main-container .span-label,
[dir=rtl] .registration .submitted-application label,
[dir=ltr] .registration .margin-left-right,
[dir=ltr] .registration .submitted-application .product-main-container .span-label,
[dir=ltr] .registration .submitted-application label {
    margin-left: 1.3rem;
    margin-right: 1.3rem
}

.filmstrip .oj-filmstrip-container {
    display: flex
}

.filmstrip .padding-top {
    padding-top: 1.6rem
}

.filmstrip .filmstrip-text {
    display: block;
    color: #000;
    font-size: 1.9rem;
    letter-spacing: 0
}

.filmstrip .oj-filmstrip-arrow-icon.oj-end,
.filmstrip .oj-filmstrip-arrow-icon.oj-start {
    position: initial;
    cursor: pointer
}

[dir=rtl] .filmstrip .oj-filmstrip-arrow-icon.oj-end,
[dir=rtl] .filmstrip .oj-filmstrip-arrow-icon.oj-start {
    padding-right: .6rem
}

[dir=ltr] .filmstrip .oj-filmstrip-arrow-icon.oj-end,
[dir=ltr] .filmstrip .oj-filmstrip-arrow-icon.oj-start {
    padding-left: .6rem
}

.filmstrip .oj-filmstrip-arrow-icon.oj-bottom:before {
    color: #fff
}

.registration .emphasize,
.registration .registration-heading {
    font-weight: 700
}

.registration .margin-bottom {
    margin-bottom: 1.3rem
}

.registration .display-inline-block {
    display: inline-block
}

.registration .margin-bottom-80 {
    margin-bottom: 5rem
}

.documents-list .document-category {
    padding: .6rem 1.9rem;
    border-bottom: .05rem solid #807f7f
}

.documents-list .text {
    font-size: .9rem
}

.documents-list .oj-table-column-header {
    text-align: center
}

.documents-list .oj-table .oj-table-data-cell {
    text-align: center;
    padding-right: 1.5rem;
    vertical-align: middle
}

.documents-list .icon-delete:before {
    font-size: 1.2rem
}

.documents-list .oj-filepicker-text {
    font-size: 1rem
}

.documents-list .oj-filepicker-dropzone {
    height: inherit;
    border-width: 0;
    border-color: #fff;
    background-color: #fff;
    cursor: pointer
}

.documents-list .form-heading,
.documents-list .primary-heading {
    color: #133F6F;
    font-weight: 400
}

.document-upload-container {
    height: calc(100vh - 350px);
    overflow-y: scroll
}

.offers .desc {
    border: .05rem solid #dedede;
    cursor: pointer;
    background: #fcfdfe;
    font-size: .9rem;
    color: #353535;
    margin-bottom: .9rem;
    padding: .6rem;
    overflow: hidden
}

[dir=rtl] .offers ul {
    padding-right: .4rem
}

[dir=ltr] .offers ul {
    padding-left: .4rem
}

.offers .oj-filmstrip-arrow-container {
    position: relative;
    top: 5.6rem;
    align-self: baseline
}

.offers-insurance-container .offers {
    padding: 0
}

.form-main-container .offer-container {
    background: #fff;
    margin: 0 auto 2.5rem;
    max-width: 75rem;
    padding-top: 3.8rem;
    padding-bottom: 1.9rem
}

.form-main-container .offer-container .offer-pg-title {
    font-size: 1.8rem;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: .1rem;
    word-spacing: .2rem;
    color: #2a4e98;
    margin-bottom: 2.5rem
}

.offers-desc,
.offers-id {
    color: #608bd1
}

[dir=rtl] .form-main-container .offer-container .offer-pg-title {
    margin-right: 2.8rem
}

[dir=ltr] .form-main-container .offer-container .offer-pg-title {
    margin-left: 2.8rem
}

.form-main-container .offer-container.oj-col {
    width: auto
}

.offers ul li {
    list-style-type: none
}

.offers-heading {
    color: #608bd1;
    font-weight: 600
}

.offers-id {
    font-weight: 600
}

.offers .offers-name {
    max-width: 17.5rem;
    font-weight: 600;
    margin-top: 3.1rem
}

[dir=rtl] .offers .offers-name {
    margin-right: 2.4rem
}

[dir=ltr] .offers .offers-name {
    margin-left: 2.4rem
}

.offers .offers-name .offers-name-gold {
    font-size: 2.5rem;
    color: #e5cd00
}

.offers .offers-name .offers-name-text {
    font-size: 1.5rem;
    color: #2f3235
}

.offers .offer-name-details {
    margin-top: 1.1rem;
    margin-bottom: 1.9rem
}

.offers .offer-name-details .offers-name-gold {
    font-size: 1.9rem;
    color: #e5cd00
}

.offers .offer-name-details .offers-name-text {
    font-size: 1.4rem;
    color: #2f3235
}

[dir=rtl] .offers .offer-name-details .offers-name-text {
    margin-right: .6rem
}

[dir=ltr] .offers .offer-name-details .offers-name-text {
    margin-left: .6rem
}

[dir=rtl] .offers .offer-details .left-col {
    margin-right: 3.1rem
}

[dir=ltr] .offers .offer-details .left-col {
    margin-left: 3.1rem
}

[dir=rtl] .offers .offer-details .right-col {
    margin-right: 0
}

[dir=ltr] .offers .offer-details .right-col {
    margin-left: 0
}

[dir=rtl] .offers .offer-details .right-col a {
    margin-right: 17.8rem
}

[dir=ltr] .offers .offer-details .right-col a {
    margin-left: 17.8rem
}

.offers .offer-details .details-header-front {
    font-weight: 600;
    color: #2f3203;
    margin-top: 3.1rem;
    margin-bottom: .9rem;
    font-size: 1.5rem
}

[dir=rtl] .offers .offer-details .details-header-front {
    margin-right: 1.7rem
}

[dir=ltr] .offers .offer-details .details-header-front {
    margin-left: 1.7rem
}

.offers .offer-details .details-header-back {
    font-weight: 600;
    color: #2f3203;
    margin-top: 1.3rem;
    margin-bottom: .9rem;
    font-size: 1.9rem
}

[dir=rtl] .offers .offer-details .details-header-back {
    margin-right: 2.2rem
}

[dir=ltr] .offers .offer-details .details-header-back {
    margin-left: 2.2rem
}

.offers .offer-details .details-text {
    color: #666;
    margin-bottom: 0;
    margin-top: .8rem;
    min-height: 1.9rem;
    display: flex;
    align-items: center;
    font-size: .9rem
}

.offers .offer-details .details-text-value {
    margin-bottom: 0;
    margin-top: .8rem;
    min-height: 1.9rem;
    display: flex;
    align-items: center;
    font-size: 1rem
}

[dir=rtl] .offers .offer-details .details-text-value {
    padding-right: .6rem !important
}

[dir=ltr] .offers .offer-details .details-text-value {
    padding-left: .6rem !important
}

.offers .offer-details .facilities .facilities-values li {
    display: list-item;
    list-style-type: disc;
    padding: 0;
    margin: 0
}

.offers .offer-details .features-text {
    color: #3B3E40;
    margin-bottom: 0;
    margin-top: .8rem;
    font-size: .9rem
}

[dir=rtl] .offers .offer-details .features-text {
    margin-right: 2.5rem
}

[dir=rtl] .offers .oj-panel,
[dir=ltr] .offers .oj-panel {
    margin-right: auto
}

[dir=ltr] .offers .offer-details .features-text {
    margin-left: 2.5rem
}

.offers .oj-panel {
    max-height: 25.3rem;
    height: inherit;
    max-width: 74.4rem;
    min-width: 70rem;
    margin-bottom: 3.8rem;
    overflow: inherit;
    z-index: 1;
    margin-top: 2rem;
    padding: 0
}

[dir=rtl] .offers .oj-panel,
[dir=ltr] .offers .oj-panel {
    margin-left: auto
}

.offers .oj-panel .features {
    font-size: .9rem
}

[dir=rtl] .offers .oj-panel .features {
    margin-right: -3.1rem
}

[dir=ltr] .offers .oj-panel .features {
    margin-left: -3.1rem
}

.offers .oj-panel .features .features-section {
    margin-top: 1.3rem
}

.offers .oj-panel .features .features-header {
    font-weight: 600;
    color: #576b88;
    margin-bottom: 1.6rem;
    margin-top: .3rem
}

[dir=rtl] .offers .oj-panel .features .features-header {
    margin-right: .6rem
}

[dir=ltr] .offers .oj-panel .features .features-header {
    margin-left: .6rem
}

.offers .oj-panel .front a {
    cursor: pointer
}

[dir=rtl] .offers .oj-panel .front a {
    padding-left: 0;
    margin-right: 17.2rem
}

[dir=ltr] .offers .oj-panel .front a {
    padding-right: 0;
    margin-left: 17.2rem
}

.offers .oj-panel .back a {
    cursor: pointer
}

[dir=rtl] .offers .oj-panel .back a {
    padding-left: 0
}

[dir=ltr] .offers .oj-panel .back a {
    padding-right: 0
}

[dir=rtl] .loan-offers.offers-card,
[dir=ltr] .loan-offers.offers-card {
    padding-right: 2.5rem
}

.offers .offers-image {
    z-index: 2;
    position: absolute;
    margin-bottom: 2.5rem
}

[dir=rtl] .offers .offers-image {
    margin-right: 3.4rem
}

[dir=rtl] .offers .apply-text-override .oj-row .oj-col .apply-text.oj-row,
[dir=ltr] .offers .apply-text-override .oj-row .oj-col .apply-text.oj-row {
    margin-right: auto
}

[dir=ltr] .offers .offers-image {
    margin-left: 3.4rem
}

.offers .offers-image .offers-strip-image {
    max-width: 15rem;
    max-height: 15rem
}

.offers .image-space {
    width: 17.6rem;
    height: 11.9rem
}

.offers .apply-text {
    margin-top: 2.8rem;
    margin-bottom: 2.5rem;
    color: #2a4e98;
    font-size: .8rem
}

.offers .apply-text-override .oj-row .oj-col .apply-text.oj-row {
    max-width: 6.3rem
}

[dir=rtl] .offers .apply-text-override .oj-row .oj-col .apply-text.oj-row,
[dir=ltr] .offers .apply-text-override .oj-row .oj-col .apply-text.oj-row {
    margin-left: auto
}

.offers .offer-seperator {
    margin-top: 1.3rem
}

.offers .more-details {
    margin-top: .3rem;
    margin-bottom: 1.3rem
}

.offers .more-details.icon-more {
    height: .3rem
}

.offers .more-details-hover {
    cursor: pointer
}

.offers .offers-button {
    margin-bottom: 1.3rem;
    margin-top: 3.1rem
}

[dir=rtl] .offers .offers-button .oj-button.form-button-primary {
    margin-left: 0
}

[dir=ltr] .offers .offers-button .oj-button.form-button-primary {
    margin-right: 0
}

.offers .offers-button .savingsColor {
    background: #5aa431 !important;
    border-color: #5aa431 !important
}

.offers .offers-button .checkingColor {
    background: #0088ae !important;
    border-color: #0088ae !important
}

.offers .offers-button .tdColor {
    background: #524988 !important;
    border-color: #524988 !important
}

.offers .offers-button .creditCardColor {
    background: #e67a5e !important;
    border-color: #e67a5e !important
}

.loan-offers.offers-card {
    margin-bottom: .5rem
}

[dir=rtl] .loan-offers.offers-card,
[dir=ltr] .loan-offers.offers-card {
    padding-left: 2.5rem
}

.loan-offers .desc {
    border: .05rem solid #b3c8de;
    box-sizing: border-box;
    background-color: #fff;
    cursor: pointer;
    margin-bottom: .9rem;
    padding: 1.1rem 0 1.1rem 1.3rem;
    border-radius: .3rem
}

.application-tracking-container .tracker-main-container .default-pointer,
.pre-login .header .icon-logo {
    cursor: default
}

[dir=rtl] .loan-offers .desc {
    padding: 1.1rem 1.3rem 1.1rem 0
}

.loan-offers.selected {
    border: .2rem solid #008aff
}

.loan-offers.selected .done-icon {
    float: right;
    display: block;
    color: #133F6F;
    margin-top: -1.4rem
}

[dir=rtl] .loan-offers.selected .done-icon {
    float: left;
    padding-left: 0
}

[dir=ltr] .loan-offers.selected .done-icon {
    padding-right: 0
}

.loan-offers .done-icon {
    font-size: 0
}

.loan-offers .offers-name {
    font-size: 1rem;
    letter-spacing: 0;
    font-weight: 600;
    color: #576b88
}

.loan-offers .loan-offers-images .icon-success {
    font-size: 0;
    padding-right: 0;
    padding-bottom: 6.4rem
}

.loan-offers .loan-offers-images .offers-name {
    font-size: 1rem;
    letter-spacing: 0;
    font-weight: 600;
    color: #fff;
    text-align: center
}

.loan-offers .offers-image {
    height: 8.8rem;
    margin-bottom: .3rem;
    background-repeat: no-repeat
}

.loan-offers .loan-offers-panel {
    max-width: 18rem;
    margin-bottom: 1.25rem
}

.padding-bottom-20 {
    padding-bottom: 1.3rem
}

.pre-login.form-main-container {
    background: 0 0
}

.pre-login .footer-container {
    padding: 2.5rem 0 0;
    background: #333;
    bottom: 0;
    width: 100%
}

.pre-login .product-group-card,
.pre-login .vehicle-search-container .vehicle-search {
    max-width: 43.1rem;
    padding: 3.1rem 2.5rem 2.5rem;
    box-shadow: .1rem .1rem .1rem 0 #bebebe;
    box-sizing: border-box;
    border: .05rem solid #dbe2ec
}

.pre-login .product-group-card .product-group-card-text.oj-flex,
.pre-login .product-group-card .product-group-name.oj-flex,
.pre-login .vehicle-search-container .vehicle-search .product-group-card-text.oj-flex,
.pre-login .vehicle-search-container .vehicle-search .product-group-name.oj-flex {
    padding-bottom: 1.9rem
}

.pre-login .product-group-card.form-container,
.pre-login .vehicle-search-container .form-container.vehicle-search {
    float: none;
    margin: 2.5rem 7.5rem;
    background: #fff
}

.pre-login .product-group-card .product-group-name,
.pre-login .vehicle-search-container .vehicle-search .product-group-name {
    font-size: 1.5rem;
    color: #2a4e98;
    font-weight: 600;
    letter-spacing: 0
}

.pre-login .product-group-card .product-group-card-text,
.pre-login .vehicle-search-container .vehicle-search .product-group-card-text {
    font-size: 1rem;
    color: #354459;
    letter-spacing: 0
}

.pre-login .product-group-card .product-group-button.oj-flex,
.pre-login .vehicle-search-container .vehicle-search .product-group-button.oj-flex {
    padding-bottom: 0;
    justify-content: flex-end
}

.pre-login .vehicle-search-container {
    max-width: 63.5rem;
    margin: 0 auto
}

.pre-login .vehicle-search-container .vehicle-search {
    font-size: 1rem
}

.pre-login .vehicle-search-container .vehicle-search .vehicle-search-title {
    font-size: 1.9rem;
    color: #fff;
    font-weight: 600;
    margin-top: 3.4rem
}

.pre-login .vehicle-search-container .vehicle-search .oj-flex {
    justify-content: center;
    padding-top: 1.3rem
}

.pre-login .vehicle-search-container .vehicle-search .vehicle-bg-image {
    height: 13.8rem;
    margin-bottom: .3rem
}

.pre-login .vehicle-search-container .vehicle-search.form-container {
    padding: 0;
    width: 30.5rem;
    border: none
}

[dir=ltr] .pre-login .vehicle-search-container .vehicle-search.form-container {
    margin-left: 1.3rem
}

[dir=rtl] .pre-login .vehicle-search-container .vehicle-search.form-container {
    margin-right: 1.3rem;
    margin-left: .6rem
}

[dir=ltr] .pre-login .vehicle-search-container .vehicle-search.form-container {
    margin-right: .6rem
}

[dir=rtl] .loginContainer .loginBox,
[dir=ltr] .loginContainer .loginBox {
    margin-right: auto
}

.pre-login .vehicle-search-container .vehicle-search .product-group-button {
    padding-bottom: 1.6rem !important;
    padding-top: .3rem !important
}

.loginContainer {
    position: fixed;
    top: 0;
    overflow: auto;
    width: 100%;
    height: 100%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: auto;
	-webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s cubic-bezier(0.4, 0, 1, 1);
}

.loginContainer .forgotPassword {
    margin-top: .3rem
}

.loginContainer .loginFormContainer {
    display: block;
	min-height: 444px;
    height: auto;
    width: 325px;
    position: relative;
    top: 15%;
    left: 8%;
    /*padding: 3.1rem;*/
	background: linear-gradient(#40BBEC,#0066B2);
	border-radius: 14px;
}

[dir=rtl] .login-options-modal-window,
[dir=ltr] .login-options-modal-window {
    left: 0
}

.loginContainer .loginFormContainer .loginInput input[type=password],
.loginContainer .loginFormContainer .loginInput input[type=text] {
    width: 90%
}

.loginContainer .loginFormContainer .login-logo {
    text-align: center
}

.loginContainer .loginFormContainer .login-logo img {
    width: 12.5rem
}

.loginContainer .loginBox {
    width: 100%;
    max-width: 75rem
}

[dir=rtl] .loginContainer .loginBox,
[dir=ltr] .loginContainer .loginBox {
    margin-left: auto
}

.loginContainer .loginHeader {
    padding: .9rem 1.3rem;
    background-color: #0d1014;
    color: #fff;
    height: 3.8rem;
    box-sizing: border-box;
    font-size: 1.3rem;
    font-weight: 400
}

.loginContainer .icons {
    position: absolute;
    margin-top: .7rem;
    font-size: 1rem
}

[dir=rtl] .loginContainer .icons {
    margin-right: .6rem
}

[dir=ltr] .loginContainer .icons {
    margin-left: .6rem
}

.loginContainer .loginButton {
    background-image: none !important;
    color: #fff !important;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .625rem;
    -webkit-box-shadow: .1rem .1rem .2rem 0 rgba(45, 55, 62, .55);
    -moz-box-shadow: .1rem .1rem .2rem 0 rgba(45, 55, 62, .55);
    font-size: 1rem;
    margin: 0;
    box-shadow: none !important;
    border: 0 !important
}

.loginContainer .cancelButton {
    background-color: #fff;
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem;
    padding: .6rem 1.6rem;
    color: #333;
    border-color: #2a4e98;
    font-size: .9rem;
    -webkit-box-shadow: .1rem .1rem .2rem 0 rgba(45, 55, 62, .5);
    -moz-box-shadow: .1rem .1rem .2rem 0 rgba(45, 55, 62, .5);
    box-shadow: .1rem .1rem .2rem 0 rgba(45, 55, 62, .5)
}

.loginContainer .cancelButton:hover {
    background-color: rgba(255, 255, 255, .5)
}

.loginForm {
    height: 100%;
    overflow: hidden
}

.loginForm .oj-flex {
    width: 100%;
    max-width: 100%
}

.loginPopUp {
    display: none;
    height: 17.8rem;
    width: 21.3rem
}

.loginPopUp form {
    padding: 1.3rem .9rem
}

.loginPopUp .oj-radioset-wrapper .product-main-container .span-label,
.loginPopUp .oj-radioset-wrapper label,
.product-main-container .loginPopUp .oj-radioset-wrapper .span-label {
    font-size: 1rem;
    font-weight: 400
}

.loginPopUp .blink-rainbow {
    animation-duration: 5s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation-duration: 5s;
    -webkit-animation-name: blink;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate
}

.loginPopUp .loginInput img {
    position: absolute;
    width: 1.9rem;
    height: 1.9rem;
    margin-top: 0
}

[dir=rtl] .loginPopUp .loginInput img {
    margin-right: .3rem
}

[dir=ltr] .loginPopUp .loginInput img {
    margin-left: .3rem
}

.loginPopUp .loginInput input[type=password],
.loginPopUp .loginInput input[type=text] {
    height: 2.3rem;
    padding: 0 0 0 1.9rem;
    width: 16.3rem;
    border-color: #a6a6a6;
    border-width: .05rem;
    border-style: solid;
    font-size: .9rem;
    color: #333;
    font-weight: 300;
    background: 0 0
}

[dir=rtl] .loginPopUp .loginInput input[type=password],
[dir=rtl] .loginPopUp .loginInput input[type=text] {
    padding: 0 1.9rem 0 0
}

[dir=ltr] .loginPopUp input[type=radio] {
    margin-left: 0 !important
}

[dir=rtl] .loginPopUp input[type=radio] {
    margin-right: 0 !important;
    margin-left: .6rem !important
}

[dir=ltr] .loginPopUp input[type=radio] {
    margin-right: .6rem !important
}

.loginPopUp .button-container {
    padding: 1.6rem 0 0;
    /*justify-content: flex-start*/
}

.loginPopUp .mt30 {
    margin-top: 1.9rem
}

.loginPopUp .mt20 {
    margin-top: 1.3rem
}

.loginPopUp .mt15 {
    margin-top: .9rem
}

.loginPopUp .margin-auto {
    margin: auto
}

.login-enclosure {
    padding-top: 3.5rem;
    margin: auto;
    max-width: inherit;
    height: 100%;
    background: linear-gradient(#40BBEC ,#0066B2 99.96%);
}

.login-enclosure .left-right-margin10 {
    margin: 1rem
}

.login-enclosure .forgotPassword {
    margin-top: .3rem
}

.login-enclosure .button-container {
    padding: .5rem .6rem
}

.login-enclosure .loginButton {
    width: 16rem !important;
    margin: .4rem 0 !important
}

.alert-msg {
    color: #e40004
}

.enable-finger-print {
    margin-top: .8rem
}

.extra-links .forgot-username-password {
    text-align: center
}

.extra-links .forgot-username-password .left-right-margin10 {
    margin: 1rem;
    font-size: .9rem
}

.extra-links .quickSnapshotLink {
    text-align: center;
    font-size: 1.1rem;
    margin-top: 1.9rem
}

.extra-links .alternateLoginLink {
    padding-top: 1rem;
    text-align: center;
    font-size: 1.1rem
}

.login-options-modal-window {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    background: rgba(44, 50, 81, .97);
    z-index: 1;
    transition: opacity .4s ease-in;
    opacity: 1;
    pointer-events: auto;
    font-color: #fff !important;
    transform: translateY(0);
    padding-top: 2.8rem
}

.login-options-modal-window .close-modal-icon {
    font-size: 1.9rem;
    color: #fff;
    padding-top: .3rem
}

[dir=rtl] .login-options-modal-window .close-modal-icon {
    padding-left: .3rem
}

[dir=ltr] .login-options-modal-window .close-modal-icon {
    padding-right: .3rem
}

.login-options-modal-window .white-font {
    color: #fff
}

.login-options-modal-window .red-input {
    text-align: center;
    color: #e40004 !important
}

.login-options-modal-window .product-main-container .span-label,
.login-options-modal-window label,
.product-main-container .login-options-modal-window .span-label {
    color: #fff;
    font-size: .9rem
}

.login-options-modal-window .white-input {
    text-align: center;
    color: #fff !important
}

.login-options-modal-window .margin-auto {
    margin: auto
}

.login-options-modal-window .main-content {
    text-align: center;
    margin-top: 40%
}

.login-options-modal-window .set-pin-size {
    font-size: 1.1rem
}

.login-options-modal-window .padding20 {
    padding-top: 1.3rem
}

.login-options-modal-window .pt10 {
    padding-top: .6rem
}

.list-menu .list-image {
    max-height: 1.9rem
}

.list-menu .list-name {
    padding-top: .4rem
}

.application-tracking-container .form-main-container {
    padding-bottom: 20
}

.application-tracking-container .tracker-main-container {
    margin-top: 0 !important;
    max-width: 57.5rem
}

.application-tracking-container .tracker-main-container .primary-heading {
    font-weight: 400;
    color: #666;
    font-size: 1.3rem;
    padding-bottom: 2.5rem
}

.application-tracking-container .tracker-main-container .form-heading {
    color: #2a4e98;
    padding-bottom: 0 !important
}

.application-tracking-container .tracker-main-container .accordion .card-body {
    margin-top: 2.5rem
}

.application-summary-card,
.upl-tracking-component .icon:hover,
.upl-tracking-component .pending-actions-container .icon-arrow-right:hover {
    cursor: pointer
}

.application-tracking-container .tracker-main-container .status-history .value-text {
    display: inline-flex;
    align-items: center
}

.application-tracking-container .tracker-main-container .value-text {
    font-weight: 600;
    font-size: .9rem;
    color: #2b4060
}

.application-tracking-container .tracker-main-container .label-text {
    font-size: .9rem;
    color: #333;
    min-height: initial
}

.application-tracking-container .tracker-main-container .oj-progressbar-value {
    background: #00c473;
    border-radius: .4rem;
    box-shadow: inset 0 .1rem 0 0 #fff
}

.application-tracking-container .tracker-main-container .button-container .product-main-container .span-label,
.application-tracking-container .tracker-main-container .button-container label,
.product-main-container .application-tracking-container .tracker-main-container .button-container .span-label {
    padding: 0
}

.application-tracking-container .tracker-main-container .oj-accordion-collapsible .oj-collapsible-header .oj-collapsible-header-icon {
    display: none
}

.application-tracking-container .tracker-main-container .documents-list {
    margin-bottom: .9rem
}

.application-tracking-container .tracker-main-container .documents-list .document-verified {
    font-weight: 600;
    color: #27d83c;
    font-size: .9rem;
    min-height: 2.5rem;
    display: flex;
    align-items: center;
    vertical-align: middle
}

.application-tracking-container .tracker-main-container .documents-list .success-icon {
    padding-top: .5rem
}

.application-tracking-container .tracker-main-container .documents-list .form-button-primary {
    color: #fff !important;
    border-color: #2a4e98 !important;
    background: #fff !important
}

.application-tracking-container .tracker-main-container .documents-list .form-button-primary:hover {
    background: #efefef !important;
    font-weight: 400
}

.application-tracking-container .tracker-main-container .documents-list span {
    font-weight: 600;
    font-size: .9rem;
    color: #a6a6a6
}

.application-tracking-container .tracker-main-container .documents-list .oj-button-text {
    font-size: .9rem;
    font-weight: 400
}

.application-tracking-container .tracker-main-container .documents-list .processing-image {
    height: .6rem
}

.application-tracking-container .application-dashboard-sections {
    margin-bottom: 1.9rem
}

.application-summary-card {
    max-width: 57.5rem;
    margin-bottom: 1.9rem;
    background: #fff;
    font-size: .9rem;
    border: .05rem solid #dedede;
    box-shadow: .4rem .4rem .6rem -.5rem #333;
    -webkit-box-shadow: .4rem .4rem .6rem -.5rem #333;
    -moz-box-shadow: .4rem .4rem .6rem -.5rem #333
}

.application-summary-card .application-card-row.oj-flex {
    padding-bottom: 0
}

.application-summary-card .application-card-row .application-summary-title {
    font-weight: 600;
    color: #2a4e98;
    font-size: 1.1rem;
    padding-bottom: 1.9rem
}

[dir=rtl] .application-summary-card .application-card-row .application-summary-title {
    padding-right: 2.5rem
}

[dir=ltr] .application-summary-card .application-card-row .application-summary-title {
    padding-left: 2.5rem
}

.application-summary-card .application-card-row .amount {
    font-size: 1.3rem;
    color: #2b4060;
    font-weight: 600;
    letter-spacing: 0;
    background-color: #fff;
    text-align: right
}

[dir=rtl] .application-summary-card .application-card-row .amount {
    padding-left: 1.7rem;
    text-align: left
}

[dir=ltr] .application-summary-card .application-card-row .amount {
    padding-right: 1.7rem
}

[dir=rtl] .application-summary-card .content-left.oj-flex-item {
    padding-right: 2.5rem
}

[dir=ltr] .application-summary-card .content-left.oj-flex-item {
    padding-left: 2.5rem
}

.application-summary-card .content-left.oj-flex-item .oj-flex {
    padding-bottom: 1.3rem
}

[dir=rtl] .application-summary-card .padding-left.oj-flex-item {
    padding-right: 1.3rem
}

[dir=rtl] .form-main-container.tracker-main-container .dashboard-container.form-container,
[dir=ltr] .form-main-container.tracker-main-container .dashboard-container.form-container {
    padding-right: 2.5rem
}

[dir=ltr] .application-summary-card .padding-left.oj-flex-item {
    padding-left: 1.3rem
}

.progress-bar {
    width: 100%;
    height: 1.6rem;
    margin: .6rem 0;
    background: rgba(202, 202, 202, .4);
    border-radius: .6rem;
    border: .4rem solid #f4f4f4;
    box-shadow: inset .1rem 0 0 .1rem #fff
}

[dir=rtl] .form-main-container.tracker-main-container .dashboard-container.form-container .oj-panel.oj-flex,
[dir=ltr] .form-main-container.tracker-main-container .dashboard-container.form-container .oj-panel.oj-flex {
    margin-right: auto
}

.application-status-text {
    font-weight: 600;
    color: #2a4e98;
    font-size: 1.5rem;
    padding-top: 1.3rem
}

.offer-document-class {
    color: #707070;
    font-weight: 400
}

.form-main-container.tracker-main-container .dashboard-container.form-container {
    background: rgba(255, 255, 255, .9);
    padding-top: 1.3rem;
    margin-bottom: 3.8rem;
    padding-bottom: 2.5rem
}

[dir=rtl] .form-main-container.tracker-main-container .dashboard-container.form-container,
[dir=ltr] .form-main-container.tracker-main-container .dashboard-container.form-container {
    padding-left: 2.5rem
}

.form-main-container.tracker-main-container .dashboard-container.form-container .oj-panel {
    padding: 1.9rem 0 .6rem;
    margin-bottom: 1.1rem
}

[dir=rtl] .form-main-container.tracker-main-container .dashboard-container.form-container .oj-panel.oj-flex,
[dir=ltr] .form-main-container.tracker-main-container .dashboard-container.form-container .oj-panel.oj-flex {
    margin-left: auto
}

.status-history-card {
    background: #fff;
    margin-bottom: .6rem;
    padding: 1.9rem 0 .6rem;
    font-size: 1rem;
    color: #707070;
    border: .05rem solid #dedede
}

.status-history-card .card-row {
    padding-bottom: 0 !important
}

[dir=rtl] .status-history-card .padding-left.oj-flex-item {
    padding-right: 1.3rem
}

[dir=ltr] .status-history-card .padding-left.oj-flex-item {
    padding-left: 1.3rem
}

.status-history-card .application-card-row {
    padding-bottom: 1.3rem !important
}

.application-view .accordion {
    margin-bottom: 0
}

.application-view .accordion-header-section {
    font-size: 1.1rem;
    color: #133f6f;
    display: block;
    font-weight: 400;
    margin: 0
}

[dir=rtl] .application-view .accordion-header-section {
    padding-right: 1.9rem
}

[dir=ltr] .application-view .accordion-header-section {
    padding-left: 1.9rem
}

.application-view .card .card-header .accordion-strip {
    height: 3.1rem
}

.application-view .card .card-header .card-icon-container {
    height: 3.1rem;
    width: 3.1rem
}

.application-view .card .card-header .card-icon-container .card-icon {
    height: 1.6rem
}

.form-main-container .form-container .button-container.oj-flex {
    padding-bottom: .6rem
}

.form-main-container .form-container .application-status-text.oj-flex {
    padding-bottom: 2.5rem
}

.form-main-container .form-container .oj-flex .oj-flex-item .application-summary-content.oj-flex {
    padding-bottom: 1.3rem
}

.application-fees .application-fees-section .border-bottom {
    border-bottom: .05rem solid #c4c4c4
}

.application-fees .application-fees-section .product-main-container .span-label,
.application-fees .application-fees-section label,
.product-main-container .application-fees .application-fees-section .span-label {
    font-size: .9rem
}

.application-fees .application-fees-subsection .product-main-container .span-label,
.application-fees .application-fees-subsection label,
.product-main-container .application-fees .application-fees-subsection .span-label {
    font-size: .8rem
}

.application-fees span {
    font-size: 1rem
}

.upl-tracking-component {
    margin-top: 1.3rem
}

.upl-tracking-component .form-heading-strip {
    background-color: #fff;
    color: #333;
    height: 3.1rem;
    box-shadow: .1rem .1rem .1rem .1rem #c9c9c9;
    box-sizing: border-box;
    border: .05rem solid #fff;
    margin: 1.3rem auto
}

.upl-tracking-component .form-heading-strip .icon-plus-circle {
    font-size: 1.6rem;
    padding-bottom: 0;
    margin-top: .4rem
}

[dir=rtl] .upl-tracking-component .form-heading-strip .icon-plus-circle {
    padding-left: .6rem
}

[dir=ltr] .upl-tracking-component .form-heading-strip .icon-plus-circle {
    padding-right: .6rem
}

.upl-tracking-component .section-heading {
    color: #666;
    font-size: 1.1rem;
    margin-top: .6rem
}

.upl-tracking-component .pending-actions-container.oj-flex {
    margin-top: .9rem;
    box-shadow: .4rem .4rem .6rem -.5rem #333;
    -webkit-box-shadow: .4rem .4rem .6rem -.5rem #333;
    -moz-box-shadow: .4rem .4rem .6rem -.5rem #333;
    background-color: #fff;
    padding: .3rem .3rem .6rem;
    border: .05rem solid #dedede;
    color: #707070;
    cursor: pointer
}

[dir=rtl] .application-fees-container .fees-summary .value-text,
[dir=rtl] .application-fees-container .value-text,
[dir=ltr] .application-fees-container .fees-summary .label-text,
[dir=ltr] .application-fees-container .label-text {
    padding-left: 1.3rem
}

[dir=rtl] .application-fees-container .fees-summary .label-text,
[dir=rtl] .application-fees-container .label-text,
[dir=ltr] .application-fees-container .fees-summary .value-text,
[dir=ltr] .application-fees-container .value-text {
    padding-right: 1.3rem
}

.upl-tracking-component .pending-actions-container .pending-text {
    color: #252525;
    font-size: 1.1rem;
    font-weight: 600;
    padding-top: .1rem
}

.upl-tracking-component .pending-actions-container .action-button {
    background-color: #fff
}

.upl-tracking-component .pending-actions-container .icon-arrow-right {
    font-size: x-large;
    font-weight: 700;
    color: #356465
}

.upl-tracking-component .pending-actions-container .icon-arrow-right:before,
.upl-tracking-component .pending-actions-container .oj-conveyorbelt-overflow-icon.oj-bottom:before,
.upl-tracking-component .pending-actions-container .oj-conveyorbelt-overflow-icon.oj-top:before,
.upl-tracking-component .pending-actions-container .oj-filmstrip-arrow-icon.oj-bottom:before,
.upl-tracking-component .pending-actions-container .oj-filmstrip-arrow-icon.oj-top:before,
.upl-tracking-component .pending-actions-container .oj-fwk-icon-caret-e:before,
.upl-tracking-component .pending-actions-container .oj-fwk-icon-caret-n:before,
.upl-tracking-component .pending-actions-container .oj-fwk-icon-caret-s:before,
.upl-tracking-component .pending-actions-container .oj-fwk-icon-caret-w:before,
.upl-tracking-component .pending-actions-container .oj-inputnumber-down-icon:before,
.upl-tracking-component .pending-actions-container .oj-inputnumber-up-icon:before,
.upl-tracking-component .pending-actions-container html:not([dir=rtl]) .oj-conveyorbelt-overflow-icon.oj-end:before,
.upl-tracking-component .pending-actions-container html:not([dir=rtl]) .oj-conveyorbelt-overflow-icon.oj-start:before,
.upl-tracking-component .pending-actions-container html:not([dir=rtl]) .oj-datepicker-next-icon:before,
.upl-tracking-component .pending-actions-container html:not([dir=rtl]) .oj-datepicker-prev-icon:before,
.upl-tracking-component .pending-actions-container html:not([dir=rtl]) .oj-filmstrip-arrow-icon.oj-end:before,
.upl-tracking-component .pending-actions-container html:not([dir=rtl]) .oj-filmstrip-arrow-icon.oj-start:before,
.upl-tracking-component .pending-actions-container html:not([dir=rtl]) .oj-fwk-icon-back:before,
.upl-tracking-component .pending-actions-container html:not([dir=rtl]) .oj-fwk-icon-caret-end:before,
.upl-tracking-component .pending-actions-container html:not([dir=rtl]) .oj-fwk-icon-caret-start:before,
.upl-tracking-component .pending-actions-container html:not([dir=rtl]) .oj-fwk-icon-next:before,
.upl-tracking-component .pending-actions-container html:not([dir=rtl]) .oj-hybrid-applayout-header-icon-back:before,
.upl-tracking-component .pending-actions-container html:not([dir=rtl]) .oj-listview-drill-icon:before,
.upl-tracking-component .pending-actions-container html:not([dir=rtl]) .oj-navigationlist-previous-icon:before,
.upl-tracking-component .pending-actions-container html[dir=rtl] .oj-conveyorbelt-overflow-icon.oj-end:before,
.upl-tracking-component .pending-actions-container html[dir=rtl] .oj-conveyorbelt-overflow-icon.oj-start:before,
.upl-tracking-component .pending-actions-container html[dir=rtl] .oj-datepicker-next-icon:before,
.upl-tracking-component .pending-actions-container html[dir=rtl] .oj-datepicker-prev-icon:before,
.upl-tracking-component .pending-actions-container html[dir=rtl] .oj-filmstrip-arrow-icon.oj-end:before,
.upl-tracking-component .pending-actions-container html[dir=rtl] .oj-filmstrip-arrow-icon.oj-start:before,
.upl-tracking-component .pending-actions-container html[dir=rtl] .oj-fwk-icon-back:before,
.upl-tracking-component .pending-actions-container html[dir=rtl] .oj-fwk-icon-caret-end:before,
.upl-tracking-component .pending-actions-container html[dir=rtl] .oj-fwk-icon-caret-start:before,
.upl-tracking-component .pending-actions-container html[dir=rtl] .oj-fwk-icon-next:before,
.upl-tracking-component .pending-actions-container html[dir=rtl] .oj-hybrid-applayout-header-icon-back:before,
.upl-tracking-component .pending-actions-container html[dir=rtl] .oj-listview-drill-icon:before,
.upl-tracking-component .pending-actions-container html[dir=rtl] .oj-navigationlist-previous-icon:before,
html:not([dir=rtl]) .upl-tracking-component .pending-actions-container .oj-conveyorbelt-overflow-icon.oj-end:before,
html:not([dir=rtl]) .upl-tracking-component .pending-actions-container .oj-conveyorbelt-overflow-icon.oj-start:before,
html:not([dir=rtl]) .upl-tracking-component .pending-actions-container .oj-datepicker-next-icon:before,
html:not([dir=rtl]) .upl-tracking-component .pending-actions-container .oj-datepicker-prev-icon:before,
html:not([dir=rtl]) .upl-tracking-component .pending-actions-container .oj-filmstrip-arrow-icon.oj-end:before,
html:not([dir=rtl]) .upl-tracking-component .pending-actions-container .oj-filmstrip-arrow-icon.oj-start:before,
html:not([dir=rtl]) .upl-tracking-component .pending-actions-container .oj-fwk-icon-back:before,
html:not([dir=rtl]) .upl-tracking-component .pending-actions-container .oj-fwk-icon-caret-end:before,
html:not([dir=rtl]) .upl-tracking-component .pending-actions-container .oj-fwk-icon-caret-start:before,
html:not([dir=rtl]) .upl-tracking-component .pending-actions-container .oj-fwk-icon-next:before,
html:not([dir=rtl]) .upl-tracking-component .pending-actions-container .oj-hybrid-applayout-header-icon-back:before,
html:not([dir=rtl]) .upl-tracking-component .pending-actions-container .oj-listview-drill-icon:before,
html:not([dir=rtl]) .upl-tracking-component .pending-actions-container .oj-navigationlist-previous-icon:before,
html[dir=rtl] .upl-tracking-component .pending-actions-container .oj-conveyorbelt-overflow-icon.oj-end:before,
html[dir=rtl] .upl-tracking-component .pending-actions-container .oj-conveyorbelt-overflow-icon.oj-start:before,
html[dir=rtl] .upl-tracking-component .pending-actions-container .oj-datepicker-next-icon:before,
html[dir=rtl] .upl-tracking-component .pending-actions-container .oj-datepicker-prev-icon:before,
html[dir=rtl] .upl-tracking-component .pending-actions-container .oj-filmstrip-arrow-icon.oj-end:before,
html[dir=rtl] .upl-tracking-component .pending-actions-container .oj-filmstrip-arrow-icon.oj-start:before,
html[dir=rtl] .upl-tracking-component .pending-actions-container .oj-fwk-icon-back:before,
html[dir=rtl] .upl-tracking-component .pending-actions-container .oj-fwk-icon-caret-end:before,
html[dir=rtl] .upl-tracking-component .pending-actions-container .oj-fwk-icon-caret-start:before,
html[dir=rtl] .upl-tracking-component .pending-actions-container .oj-fwk-icon-next:before,
html[dir=rtl] .upl-tracking-component .pending-actions-container .oj-hybrid-applayout-header-icon-back:before,
html[dir=rtl] .upl-tracking-component .pending-actions-container .oj-listview-drill-icon:before,
html[dir=rtl] .upl-tracking-component .pending-actions-container .oj-navigationlist-previous-icon:before {
    color: #356465;
    font-weight: 700 !important
}

.upl-tracking-component .view-list-container {
    margin-top: .9rem
}

.application-fees-container {
    font-size: .9rem;
    color: #707070;
    padding-top: 1.3rem
}

.application-fees-container .fees-summary {
    margin-top: .8rem;
    background-color: rgba(19, 63, 111, .1);
    box-sizing: border-box;
    border: .05rem solid #cbcbcb;
    height: 3.8rem;
    padding-top: .5rem
}

.application-fees-container .fees-summary .label-text {
    font-size: .9rem;
    font-weight: 600
}

.application-fees-container .fees-summary .value-text {
    font-size: 1rem
}

.product-main-container .set-pin .span-label,
.set-pin .product-main-container .span-label,
.set-pin label {
    font-size: .9rem;
    color: #333
}

.set-pin input {
    text-align: center
}

.set-pin .margin-auto {
    margin: auto
}

.set-pin .main-content {
    text-align: center;
    margin-top: 40%
}

.set-pin .padding20 {
    padding-top: 1.3rem
}

.set-pin .button-container {
    justify-content: center
}

.set-pin .red-font {
    color: #e40004
}

.pin-pattern-slider {
    position: absolute;
    width: 100%;
    overflow: auto;
    -webkit-transition: transform .25s;
    transition: transform .25s
}

.set-pin-pattern-slider-hide {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.confirm-pin-pattern-slider-hide {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.set-pattern {
    margin-top: 2.5rem
}

.white-background {
    background: #fff !important
}

.set-pattern .patt-dots {
    background: #2c3251;
    opacity: 1
}

.set-pattern .patt-circ.hovered {
    border: 0
}

.set-pattern .patt-lines {
    background: #2c3251;
    opacity: .7
}

.patt-holder {
    background: 0 0 !important;
    -ms-touch-action: none
}

.confirm-pattern-fail {
    background-color: #e40004 !important
}

.confirm-pattern-success {
    background-color: #3caf85 !important
}

.claim-payment .security-code-verification .button-left,
.claim-payment__button-left {
    justify-content: left !important
}

[dir=rtl] .claim-payment .security-code-verification .oj-choice-item {
    margin-left: 4.4rem !important
}

[dir=ltr] .claim-payment .security-code-verification .oj-choice-item {
    margin-right: 4.4rem !important
}

.claim-payment .security-code-verification .radio-padding {
    padding-top: .6rem
}

@media only screen and (max-width:767px) {
    .header .header-container .icon-menu-bar,
    .header .nav-menu,
    .header .nav-menu a {
        line-height: 3rem
    }
    .action-widget-heading__title,
    .form-main-container .review .form-title-heading .title-size {
        font-weight: 400
    }
    .oj-combobox-choice,
    .oj-inputdatetime-calendar-icon,
    .oj-inputdatetime-input,
    .oj-inputnumber-input,
    .oj-inputpassword-input,
    .oj-inputpassword-nocomp,
    .oj-inputsearch,
    .oj-inputsearch-choice,
    .oj-inputtext-input,
    .oj-inputtext-nocomp,
    .oj-select-choice {
        max-width: inherit
    }
    .slide-right {
        transform: rotateY(-50deg) rotateZ(-5deg) translateX(31.3rem)
    }
    .slide-left {
        transform: rotateY(50deg) rotateZ(-5deg) translateX(-3.1rem)
    }
    .dashboard.banner {
        background: 0 0;
        padding: 0
    }
    .dashboard .back-button .icon-back-arrow,
    .dashboard .container .comp-title {
        display: none
    }
    .dashboard .flip-container {
        min-height: 20.3rem;
        padding: 0 !important
    }
    .dashboard .flip-container .button-container {
        padding: 0 .6rem !important
    }
    .dashboard .eligibilityFlip {
        min-height: 25rem
    }
    [dir=ltr] .dashboard .back-top {
        left: auto
    }
    [dir=ltr] .error-page__content,
    [dir=ltr] .locator {
        left: 0
    }
    [dir=rtl] .dashboard .back-top {
        right: auto;
        left: 0
    }
    [dir=rtl] .error-page__content,
    [dir=rtl] .locator,
    [dir=ltr] .dashboard .back-top {
        right: 0
    }
    .dashboard .back-top span {
        -webkit-border-radius: .3rem 0 0 .3rem;
        -moz-border-radius: .3rem 0 0 .3rem;
        border-radius: .3rem 0 0 .3rem
    }
    [dir=rtl] .dashboard .back-top span {
        border-radius: .3rem .3rem 0 0
    }
    .header .header-container .comp-title {
        padding: 0
    }
    .header .header-container .comp-title h2 {
        font-size: 1rem;
        height: 3rem
    }
    .header .header-container .icon-logo {
        height: 3rem;
        padding-left: 1rem
    }
    .header .header-container .icon-back-arrow {
        font-size: calc(.9rem + .4rem);
        color: #fff;
        line-height: 3rem
    }
    [dir=rtl] .header .header-container .icon-back-arrow {
        padding-left: .6rem
    }
    [dir=ltr] .header .header-container .icon-back-arrow {
        padding-right: .6rem
    }
    .header .header-container .menu-bar-container.active {
        width: 3.3rem
    }
    [dir=rtl] .header .nav-menu {
        padding-left: 0 !important
    }
    [dir=ltr] .header .nav-menu {
        padding-right: 0 !important
    }
    .header .nav-menu a {
        top: 0;
        padding: 0 .6rem;
        height: 3rem;
        display: inline-block
    }
    .header .nav-menu .icon-search {
        display: block;
        top: 0;
        height: auto;
        width: auto
    }
    .header .nav-menu .iconNaNreminder {
        padding: 0 .3rem;
        display: none
    }
    .header .nav-menu .icon-settings {
        display: none
    }
    .header .nav-menu .icon-tools {
        padding: 0 .3rem;
        display: none
    }
    .header .nav-menu .icon-call {
        display: none
    }
    .grid-main-container .description {
        font-size: .9rem
    }
    .form-main-container {
        /* padding: 1.3rem 0 */
    }
    .form-main-container .form-title-heading {
        margin: 2.3rem 0 0
    }
    .form-main-container .form-title-heading .profile-container {
        margin: .9rem auto 0
    }
    .form-main-container .form-row-highlighted {
        padding: .6rem 0;
        margin-bottom: .9rem;
        height: calc(2.3rem + 3.4rem)
    }
    .form-main-container .form-col-highlighted {
        margin-bottom: calc(.9rem + .4rem);
        height: auto
    }
    .accordion .card .card-header .card-icon,
    .oj-button.action-button-primary,
    .oj-button.action-button-secondary,
    .oj-button.action-button-tertiary {
        height: 2.3rem
    }
    .form-main-container .oj-inputdatetime-input-container {
        font-size: 80%
    }
    .form-main-container .form-container {
        margin: 1.6rem auto
    }
    .form-main-container .review .product-main-container .span-label,
    .form-main-container .review label,
    .product-main-container .form-main-container .review .span-label {
        line-height: normal
    }
    [dir=rtl] .form-main-container .review .form-title-heading .title-size {
        padding-right: .6rem
    }
    [dir=ltr] .form-main-container .review .form-title-heading .title-size {
        padding-left: .6rem
    }
    .cust-details .nickname,
    .cust-details .nickname-details-add {
        padding: 0
    }
    .form-main-container .disclaimer-container .disclaimer-text {
        font-size: .7rem
    }
    .cust-details .nickname .oj-inputtext {
        max-width: 75% !important
    }
    .cust-details .nickname-details {
        width: 100%
    }
    .cust-details-heading,
    .cust-name {
        padding-bottom: .6rem
    }
    .oj-button.form-button-primary,
    .oj-button.form-button-rounded,
    .oj-button.form-button-secondary {
        font-size: calc(.9rem - .1rem)
    }
    .button-container {
        padding: 0 .6rem 1.3rem
    }
    .oj-button.action-button-primary {
        order: 1
    }
    .oj-button.action-button-secondary {
        order: 2
    }
    .oj-button.action-button-tertiary {
        order: 4
    }
    .oj-button.form-button-primary {
        margin: 1.3rem 0;
        order: 1
    }
    .oj-button.form-button-secondary {
        margin: 1.3rem 0;
        order: 2
    }
    .oj-button-toggle.oj-button {
        padding: 0;
        min-width: 5.3rem;
        margin-top: .5rem
    }
    .about {
        padding: .6rem
    }
    .accordion .card .card-header {
        padding: .6rem .2rem
    }
    .accordion .card .card-header .card-title {
        font-size: 1rem
    }
    .confirm-screen__confirm-text-heading, .review-text-heading {
        font-size: calc(calc(.9rem + .1rem) - .1rem)
    }
    .action-header__content.icon, .action-widget-navigation-item__icon {
        height: 1.9rem;
        width: 1.9rem;
        line-height: 1.9rem
    }
    [dir=rtl] .accordion .card .card-header .card-icon {
        padding-right: .2rem
    }
    [dir=ltr] .accordion .card .card-header .card-icon {
        padding-left: .2rem
    }
    .accordion .form-main-container {
        margin: 0
    }
    .action-widget {
        margin: 1.3rem auto 0
    }
    .bank-look-up {
        min-width: 100%
    }
    .review {
        padding-top: 0
    }
    .review-text-heading {
        margin: -.7rem 0 .5rem;
        padding: .5rem
    }
    .confirm-screen {
        padding: .5rem 0
    }
    .confirm-screen__confirm-text {
        margin: 0 0 .6rem
    }
    .confirm-screen__confirm-box-confirm-img {
        display: inline-block;
        float: left;
        padding: 0 .6rem 0 0
    }
    .confirm-screen__confirm-box-confirm-text {
        padding-left: 0;
        display: inline
    }
    .confirm-screen__eReceipt-bottom {
        text-align: center
    }
    .confirm-screen__eReceipt-top-text {
        display: none
    }
    [dir=rtl] .confirm-screen__eReceipt-top-icon {
        padding-left: 2px
    }
    [dir=ltr] .confirm-screen__eReceipt-top-icon {
        padding-right: 2px
    }
    .date-box {
        padding: .3rem 0;
        line-height: normal;
        width: inherit
    }
    .date-box div {
        padding: 0
    }
    .date-box__day {
        text-align: left;
        padding: 0
    }
    [dir=rtl] .date-box__day {
        text-align: right
    }
    .account-statement__eStatement,
    .eStatement {
        width: 21.1rem
    }
    .eStatement-content__icon {
        padding: 0;
        position: relative;
        top: .3rem
    }
    .footer__container .footer-text {
        padding-top: .3rem
    }
    .footer__container .footer-text__copyright {
        line-height: calc(2.3rem - 1.2rem);
        float: left
    }
    [dir=rtl] .footer__container .footer-text__copyright {
        float: right
    }
    .footer__container .footer-text__separator {
        line-height: calc(2.3rem - 1.2rem);
        float: left
    }
    [dir=rtl] .footer__container .footer-text__separator {
        float: right;
        padding-right: .2rem
    }
    [dir=rtl] .footer__container .footer-text__separator,
    [dir=ltr] .footer__container .footer-text__separator {
        padding-left: .2rem
    }
    [dir=ltr] .footer__container .footer-text__separator {
        padding-right: .2rem
    }
    .footer__container .footer-text__security-info {
        line-height: calc(2.3rem - 1.2rem);
        float: left
    }
    [dir=rtl] .footer__container .footer-text__security-info {
        float: right
    }
    .footer__container .footer-text__tnc {
        line-height: calc(2.3rem - 1.2rem);
        float: left
    }
    .loan-showcase .movingbox .oj-button,
    [dir=rtl] .footer__container .footer-text__tnc {
        float: right
    }
    .modal-window__container {
        min-width: 90%
    }
    .modal-header__text {
        padding: .8rem;
        font-size: calc(.9rem + .1rem)
    }
    .modal-header__close {
        padding: .6rem .8rem
    }
    .nav-bar-item {
        min-width: inherit
    }
    .hotp__soft-token-textbox .oj-inputpassword-input,
    .totp__soft-token-textbox .oj-inputpassword-input {
        min-width: 2.5rem
    }
    .nav-bar-item-link__text {
        display: block;
        text-align: center
    }
    .nav-bar-item-link__icon {
        display: block;
        text-align: center;
        padding: 0;
        background: 0 0 !important;
        border: none;
        width: 100%
    }
    .nav-bar-item.oj-default {
        background: #dcdcdc !important
    }
    .nav-bar-item.oj-hover {
        background: #b6b6b6 !important
    }
    .nav-bar-item.oj-selected {
        background: #2489d3 !important
    }
    .page-section-content__data {
        margin: 0 auto !important
    }
    .transactionDetail__eReceipt {
        padding: .6rem
    }
    .transactionDetail__eReceipt-text {
        display: none
    }
    .transactionDetail__eReceipt-icon {
        font-size: 1.9rem
    }
    .username-container {
        height: 3.3rem;
        line-height: 1.6rem
    }
    .locator {
        padding: .5rem 0 0
    }
    .locator .oj-offcanvas-outer-wrapper {
        height: calc(100vh - 5.5rem) !important
    }
    .locator-search-box {
        padding: 0
    }
    .locator-search-details {
        max-height: 86%;
        bottom: 2.5rem;
        margin: 0;
        border-radius: 0;
        box-shadow: 0 -.3rem .3rem -.3rem rgba(0, 0, 0, .5);
        transition-property: all;
        transition-duration: .5s;
        transition-timing-function: cubic-bezier(0, 1, .5, 1);
        position: fixed
    }
    .home.dashboard .locator {
        top: 2.8rem
    }
    .home.dashboard .locator .oj-offcanvas-outer-wrapper {
        height: calc(100vh - 2.5rem)
    }
    .home.dashboard .locator .oj-offcanvas-outer-wrapper .locator-search-details {
        bottom: 2.5rem
    }
    .justify-overlap-locator {
        top: .3rem
    }
    .oj-panel.offers {
        height: 8rem;
        width: 100%
    }
    .oj-panel .offers__section img {
        height: 100%;
        width: 100%
    }
    .information-wrapper {
        border: 0;
        margin: .6rem 0;
        max-height: 65vh;
        overflow-y: auto;
        padding: 1.3rem 0
    }
    .information-wrapper-image img {
        height: 3rem;
        width: 3rem
    }
    .login .calculator {
        top: 4.4rem
    }
    .calculator {
        padding-top: .6rem
    }
    .totp__instructions-padding-left {
        padding: 0 3.1rem
    }
    [dir=rtl] .totp__contentpadding {
        padding-right: 1.3rem
    }
    [dir=ltr] .totp__contentpadding {
        padding-left: 1.3rem
    }
    .totp__soft-token-textbox .oj-inputpassword {
        width: 25%
    }
    .totp__soft-token-textbox {
        width: 10%;
        padding: 0 .4rem
    }
    .hotp__instructions-padding-left {
        padding: 0 3.1rem
    }
    [dir=rtl] .hotp__contentpadding {
        padding-right: 1.3rem
    }
    [dir=ltr] .hotp__contentpadding {
        padding-left: 1.3rem
    }
    .hotp__soft-token-textbox .oj-inputpassword {
        width: 25%
    }
    .hotp__soft-token-textbox {
        width: 10%;
        padding: 0 .4rem
    }
    .error-page__content {
        top: 20%;
        width: 100%
    }
    .error-page__content--code,
    .error-page__content--error {
        text-align: center;
        width: 100%;
        display: block
    }
    .error-page__content--message {
        text-align: center;
        width: 100%;
        display: block;
        font-size: 1.3rem
    }
    [dir=rtl] .error-page__content--message {
        margin-right: 0
    }
    [dir=ltr] .error-page__content--message {
        margin-left: 0
    }
    .user-login-configuration__header {
        top: 3rem
    }
    .user-login-configuration__watermark {
        height: 175px
    }
    .user-login-configuration__content {
        top: 15%;
        width: 100%
    }
    [dir=rtl] .user-login-configuration__content {
        right: 1rem !important
    }
    [dir=rtl] .pfm .category__amount,
    [dir=rtl] .pfm .category__image {
        right: 0
    }
    [dir=ltr] .user-login-configuration__content {
        left: 1rem !important
    }
    [dir=ltr] .pfm .category__amount,
    [dir=ltr] .pfm .category__image {
        left: 0
    }
    .user-login-configuration__content--code {
        text-align: left;
        width: 100%;
        display: block
    }
    [dir=rtl] .user-login-configuration__content--code {
        text-align: right
    }
    .user-login-configuration__content--heading {
        text-align: left;
        width: 100%;
        display: block
    }
    [dir=rtl] .user-login-configuration__content--heading {
        text-align: right
    }
    .goal-calculator .tile-text,
    .goal-calculator .tile_image,
    .pfm .category__image,
    .pfm .oj-sm-center {
        text-align: center
    }
    [dir=rtl] .user-login-configuration__extra-space,
    [dir=ltr] .user-login-configuration__extra-space {
        padding-top: 10rem
    }
    .user-login-configuration__password-succes-container .password-success-text {
        font-size: .7rem
    }
    [dir=rtl] .user-login-configuration__leftSpace {
        padding-right: 1rem
    }
    [dir=ltr] .user-login-configuration__leftSpace {
        padding-left: 1rem
    }
    .standing-instructions {
        padding: 0
    }
    .batch-approvals.button-container {
        padding: 1.3rem 0 !important;
        top: 0
    }
    .batch-approvals.button-container .oj-button {
        width: 45%;
        margin: 0 1%
    }
    .product-main-container body .span-label,
    body .product-main-container .span-label,
    body label {
        font-size: .9rem
    }
    .line-height-2 {
        line-height: inherit !important
    }
    [dir=rtl] .form-content {
        padding-right: 0
    }
    [dir=ltr] .form-content {
        padding-left: 0
    }
    .se-pre-con {
        background: url(/images/origination/Preloader.svg) center no-repeat rgba(0, 0, 0, .5)
    }
    .accordion .card {
        width: initial;
        max-width: 25rem;
        margin: 0 .6rem .6rem !important
    }
    .accordion .card .card-header .card-title {
        padding-top: .9rem !important;
        padding-bottom: .9rem !important
    }
    [dir=rtl] .accordion .card .card-header .card-title {
        padding-right: 0 !important
    }
    [dir=ltr] .accordion .card .card-header .card-title {
        padding-left: 0 !important
    }
    .accordion .card .card-header .accordion-strip {
        width: .3rem;
        height: 2.9rem;
        position: inherit
    }
    .accordion .card .card-header .icon {
        padding-top: .8rem;
        padding-bottom: .7rem;
        font-size: x-large
    }
    [dir=rtl] .accordion .card .card-header .icon {
        padding-left: .9rem
    }
    [dir=ltr] .accordion .card .card-header .icon {
        padding-right: .9rem
    }
    .accordion .card .card-header .icon-success {
        padding-top: .5rem;
        padding-bottom: .4rem;
        font-size: xx-large
    }
    [dir=rtl] .accordion .card .card-header .icon-success {
        padding-left: .6rem
    }
    [dir=ltr] .accordion .card .card-header .icon-success {
        padding-right: .6rem
    }
    .accordion .card .card-body {
        margin-top: 1.6rem
    }
    .accordion .oj-button.form-button-secondary {
        width: initial;
        flex: right
    }
    .tooltip-section .span-label {
        vertical-align: baseline !important
    }
    .tooltip-section {
        margin-bottom: .25em;
        line-height: inherit
    }
    .tooltip-section .icon-help {
        vertical-align: sub;
        font-size: 1.5rem
    }
    .otp-verification {
        padding: 1.3rem 0 0
    }
    .otp-verification .form-button-secondary {
        width: initial
    }
    .otp-verification .margin-bottom-20 {
        margin-bottom: 0
    }
    .offers-panel-header,
    .product-header {
        padding-top: 0;
        padding-bottom: 0
    }
    .document-name {
        position: relative;
        top: -5.2rem
    }
    [dir=rtl] .document-name {
        margin-right: .6rem
    }
    [dir=rtl] .product-main-container .textarea-heading,
    [dir=rtl] .product-main-container .textarea-margin .oj-textarea {
        margin-right: 0
    }
    [dir=ltr] .document-name {
        margin-left: .6rem
    }
    [dir=ltr] .product-main-container .textarea-heading,
    [dir=ltr] .product-main-container .textarea-margin .oj-textarea {
        margin-left: 0
    }
    .document-name-upload {
        margin-top: .7rem
    }
    .document-name-upload .form-button-primary {
        margin-top: 2.8rem
    }
    .tc h3 {
        font-size: 125%
    }
    .tc-flex-container li {
        min-width: 8.4rem
    }
    .tc-flex-item .icons {
        padding: .6rem .6rem 0
    }
    .tc-flex-item .icon-title {
        text-transform: none
    }
    .goals .parallaxbox {
        background-image: url(/images/index/icons/goals.png);
        height: 10.3rem;
        background-position: left bottom;
        background-attachment: scroll;
        background-size: contain
    }
    .goals .movingbox {
        padding: .5rem 1.3rem
    }
    .goals h3.goal-tile-heading {
        font-size: 1.3rem
    }
    .goals .quote {
        font-size: .8rem
    }
    .pfm .section {
        padding: .6rem
    }
    .pfm .section__title {
        font-size: 1rem
    }
    .pfm .section__subtitle {
        line-height: calc(2.3rem - .6rem);
        font-size: 1.1rem
    }
    .pfm .amount-label {
        line-height: calc(2.3rem - .9rem);
        margin-top: .6rem
    }
    .pfm .category .category-card__icon {
        height: 8.8rem
    }
    .pfm .category .category-card__desc {
        padding: .6rem 0 0 !important
    }
    .pfm .category .category-card__caption {
        padding: 0 0 1.3rem !important;
        line-height: .9rem
    }
    .pfm .category__image {
        top: -3.1rem
    }
    .pfm .category__image img {
        width: 12.5rem
    }
    .goal-amount-row .chart .graph-hover-text,
    .goal-amount-row .svg-labels {
        width: 18.8rem
    }
    .pfm .category__amount {
        top: -1.9rem
    }
    .pfm .category__cardssection-flex-container li {
        padding-bottom: 1.3rem
    }
    .pfm .success-bar {
        padding: .6rem 0
    }
    .goal-calculator {
        padding-bottom: 1.9rem
    }
    .goal-calculator .goal-tile-heading {
        font-size: 1.1rem;
        padding: 1.3rem 0 1.3rem 1.3rem
    }
    [dir=rtl] .goal-calculator .goal-tile-heading {
        padding: 1.3rem 1.3rem 1.3rem 0
    }
    .goal-calculator .tile-text {
        display: block
    }
    .contact-us .cu-heading,
    .contact-us .locate-atm .atm-button {
        display: none
    }
    .goal-calculator .tile-text .line1 {
        font-size: 1.3rem
    }
    .goal-calculator .tile-text .line2 {
        font-size: 1.1rem
    }
    .goal-calculator .tile-text .line3 {
        font-size: .9rem
    }
    .goal-calculator .tile-body {
        padding: .6rem 1.3rem;
        font-size: 1.1rem;
        border-bottom: 0
    }
    .goal-calculator .tile_action_statement .goal-index-title {
        font-size: 1.1rem;
        text-align: center
    }
    .goal-calculator .tile_action_statement {
        padding: .6rem 1.3rem;
        font-size: 1.1rem
    }
    .goal-calculator .tile_action.button-container {
        padding-top: .6rem
    }
    .goal-calculator .tile_action.button-container img {
        margin-top: .8rem
    }
    .product-main-container .card-cvv,
    .product-main-container .radio-pad {
        margin-top: .6rem
    }
    [dir=rtl] .goal-calculator .tile_action.button-container img {
        left: 5.6rem
    }
    [dir=ltr] .goal-calculator .tile_action.button-container img {
        right: 5.6rem
    }
    .goal-calculator .tile_image img {
        height: 6.3rem
    }
    [dir=rtl] .goal-calculator .tile_image img {
        padding-right: 0
    }
    [dir=ltr] .goal-calculator .tile_image img {
        padding-left: 0
    }
    .goal-amount-row .date {
        line-height: 2.5
    }
    [dir=rtl] .goal-amount-row .date {
        padding-right: .6rem !important
    }
    [dir=ltr] .goal-amount-row .date {
        padding-left: .6rem !important
    }
    .loan-showcase .parallaxbox {
        height: 17.5rem;
        background-position: bottom center;
        background-size: 100%;
        background-attachment: scroll
    }
    .loan-showcase .movingbox {
        padding: .5rem 1.3rem;
        width: auto;
        text-align: right
    }
    [dir=rtl] .loan-showcase .movingbox {
        text-align: left
    }
    [dir=rtl] .loan-showcase .movingbox .oj-button {
        float: left
    }
    .loan-showcase h3 {
        font-size: 1.1rem
    }
    .page-banner {
        height: 9rem;
        font-size: 200%
    }
    .contact-us .locate-atm img,
    .contact-us .locate-call img {
        height: 2.9rem;
        width: 2.9rem;
        padding: 1.3rem 1.3rem .3rem
    }
    .page-banner .banner-text .sub-text {
        font-size: 60%
    }
    .contact-us .contact-link,
    .contact-us .locate-atm .atm-link {
        display: block;
        color: #000;
        font-size: .9rem;
        font-weight: 300
    }
    .contact-us .contact-no,
    .contact-us .contact-text,
    .contact-us .locateAtmBtn {
        display: none
    }
    .company-links {
        padding-bottom: 4.4rem
    }
    [dir=rtl] .company-links {
        padding-right: 1.3rem
    }
    [dir=rtl] .product-main-container .oj-option-row,
    [dir=rtl] .product-main-container .textarea {
        padding-right: 0
    }
    [dir=ltr] .company-links {
        padding-left: 1.3rem
    }
    [dir=ltr] .product-main-container .oj-option-row,
    [dir=ltr] .product-main-container .textarea {
        padding-left: 0
    }
    .company-links .link-box {
        padding-top: .3rem
    }
    .company-links .im-heading {
        padding-top: 1.3rem;
        padding-bottom: .4rem;
        font-size: .8rem
    }
    .company-links .anc-links {
        font-size: .8rem
    }
    .product-quick-links h3 {
        font-size: 125%
    }
    .product-quick-links-flex-container li {
        min-width: 4.4rem;
        padding-bottom: 1.3rem
    }
    .product-quick-links .icon-title {
        text-transform: none;
        font-size: .7rem
    }
    .product-quick-links .icons {
        width: calc(4.4rem - 1.9rem);
        height: calc(4.4rem - 1.9rem)
    }
    .product-main-container .textarea-heading {
        font-size: .9rem
    }
    .product-main-container .small-text {
        font-size: .7rem !important
    }
    .product-main-container .option-bottom-padding-left {
        display: inline-block
    }
    .product-main-container .option-bottom-padding {
        padding-bottom: .9rem
    }
    [dir=rtl] .product-main-container .radio-pad {
        margin-right: 2.2rem;
        padding-right: 0
    }
    [dir=ltr] .product-main-container .radio-pad {
        margin-left: 2.2rem;
        padding-left: 0
    }
    [dir=rtl] .product-main-container .card-date.card-month {
        margin-right: -1.1rem
    }
    [dir=ltr] .product-main-container .card-date.card-month {
        margin-left: -1.1rem
    }
    [dir=rtl] .product-main-container .card-date.card-year {
        margin-right: .1rem
    }
    [dir=ltr] .product-main-container .card-date.card-year {
        margin-left: .1rem
    }
    .product-main-container .card-cvv .link-text {
        font-size: .8rem
    }
    .product-main-container .form-main-container .form-container .page-container {
        padding: 1.9rem .6rem 0
    }
    .product-main-container .form-main-container .form-container {
        width: initial;
        margin: 0 .6rem;
        max-width: 25rem
    }
    .product-main-container .form-main-container .form-container .padding-top-5 {
        padding-top: .3rem
    }
    [dir=rtl] .product-main-container .form-main-container .action-subtitle-border {
        padding-right: .6rem
    }
    [dir=ltr] .product-main-container .form-main-container .action-subtitle-border {
        padding-left: .6rem
    }
    .product-main-container .accordion {
        margin-bottom: 2.5rem
    }
    [dir=rtl] .product-main-container .form-content {
        padding-right: 0
    }
    [dir=ltr] .product-main-container .form-content {
        padding-left: 0
    }
    .product-button-panel .action-button-primary,
    .product-button-panel .action-button-secondary,
    .product-button-panel .action-button-tertiary {
        width: 100%
    }
    .product-button-panel {
        margin: 2.5rem 1.3rem;
        max-width: 25rem;
        display: flex;
        text-align: center
    }
    .filmStripDiv {
        top: 3.3rem
    }
    .card-text {
        font-size: .9rem;
        padding-top: .1rem
    }
    [dir=rtl] .card-text {
        padding-right: 1.6rem
    }
    [dir=rtl] .application-form-headers,
    [dir=rtl] .dashboard .container .application-tracking-container .comp-title h2,
    [dir=rtl] .dashboard .container .offers-panel-header .comp-title h2,
    [dir=rtl] .dashboard .container .pre-login .comp-title h2,
    [dir=rtl] .dashboard .container .product-main-container .comp-title h2 {
        padding-right: .6rem
    }
    [dir=ltr] .card-text {
        padding-left: 1.6rem
    }
    [dir=ltr] .application-form-headers,
    [dir=ltr] .dashboard .container .application-tracking-container .comp-title h2,
    [dir=ltr] .dashboard .container .offers-panel-header .comp-title h2,
    [dir=ltr] .dashboard .container .pre-login .comp-title h2,
    [dir=ltr] .dashboard .container .product-main-container .comp-title h2 {
        padding-left: .6rem
    }
    .application-form-headers {
        font-size: .9rem;
        padding-top: 2rem
    }
    .card-design {
        margin: .6rem
    }
    .state {
        font-size: 1rem
    }
    .radio-option-top-padding {
        padding-top: 0
    }
    .subtitle {
        font-size: .6rem !important
    }
    .text-top,
    .top-heading {
        font-size: 1rem
    }
    #addtionalInfoAccordion .oj-panel.oj-panel-alt2 {
        width: 15.3rem;
        margin-top: .6rem
    }
    [dir=rtl] .oj-sm-offset-1 {
        margin-right: calc(1*(100%/12))
    }
    [dir=ltr] .oj-sm-offset-1 {
        margin-left: calc(1*(100%/12))
    }
    [dir=rtl] .oj-sm-offset-2 {
        margin-right: calc(2*(100%/12))
    }
    [dir=ltr] .oj-sm-offset-2 {
        margin-left: calc(2*(100%/12))
    }
    [dir=rtl] .oj-sm-offset-3 {
        margin-right: calc(3*(100%/12))
    }
    [dir=ltr] .oj-sm-offset-3 {
        margin-left: calc(3*(100%/12))
    }
    [dir=rtl] .oj-sm-offset-4 {
        margin-right: calc(4*(100%/12))
    }
    [dir=ltr] .oj-sm-offset-4 {
        margin-left: calc(4*(100%/12))
    }
    [dir=rtl] .oj-sm-offset-5 {
        margin-right: calc(5*(100%/12))
    }
    [dir=ltr] .oj-sm-offset-5 {
        margin-left: calc(5*(100%/12))
    }
    [dir=rtl] .oj-sm-offset-6 {
        margin-right: calc(6*(100%/12))
    }
    [dir=ltr] .oj-sm-offset-6 {
        margin-left: calc(6*(100%/12))
    }
    [dir=rtl] .oj-sm-offset-7 {
        margin-right: calc(7*(100%/12))
    }
    [dir=ltr] .oj-sm-offset-7 {
        margin-left: calc(7*(100%/12))
    }
    [dir=rtl] .oj-sm-offset-8 {
        margin-right: calc(8*(100%/12))
    }
    [dir=ltr] .oj-sm-offset-8 {
        margin-left: calc(8*(100%/12))
    }
    [dir=rtl] .oj-sm-offset-9 {
        margin-right: calc(9*(100%/12))
    }
    [dir=ltr] .oj-sm-offset-9 {
        margin-left: calc(9*(100%/12))
    }
    [dir=rtl] .oj-sm-offset-10 {
        margin-right: calc(10*(100%/12))
    }
    [dir=ltr] .oj-sm-offset-10 {
        margin-left: calc(10*(100%/12))
    }
    [dir=rtl] .oj-sm-offset-11 {
        margin-right: calc(11*(100%/12))
    }
    [dir=ltr] .oj-sm-offset-11 {
        margin-left: calc(11*(100%/12))
    }
    [dir=rtl] .oj-sm-offset-12 {
        margin-right: calc(12*(100%/12))
    }
    [dir=rtl] .text-top,
    [dir=rtl] .top-heading,
    [dir=ltr] .top-heading {
        margin-right: .6rem
    }
    [dir=ltr] .oj-sm-offset-12 {
        margin-left: calc(12*(100%/12))
    }
    [dir=rtl] .top-heading,
    [dir=ltr] .text-top,
    [dir=ltr] .top-heading {
        margin-left: .6rem
    }
    .text-top {
        margin-bottom: .6rem
    }
    .accordion .form-container .expiry-date .month-year .product-main-container .span-label,
    .accordion .form-container .expiry-date .month-year label,
    .product-main-container .accordion .form-container .expiry-date .month-year .span-label {
        min-height: 1.9rem !important;
        align-items: center;
        display: flex
    }
    .customer-prefilled-section {
        height: 3.8rem;
        max-width: 25rem;
        margin: 0 .6rem .6rem;
        width: initial
    }
    .dashboard .container .application-tracking-container .comp-title h2,
    .dashboard .container .offers-panel-header .comp-title h2,
    .dashboard .container .pre-login .comp-title h2,
    .dashboard .container .product-main-container .comp-title h2 {
        display: block
    }
    .orientation .no-bottom-padding {
        padding-bottom: 0 !important
    }
    .orientation .ori-padding-top-10 {
        padding-top: .6rem !important
    }
    .orientation .image {
        transform: scale(.6)
    }
    .orientation .image-header-title {
        top: 15%;
        font-size: 1.4rem
    }
    [dir=rtl] .orientation .image-header-title {
        margin-right: 1.3rem
    }
    [dir=ltr] .orientation .image-header-title {
        margin-left: 1.3rem
    }
    .orientation .image-text {
        top: 6%;
        font-size: 1.1rem
    }
    .orientation .image-text .title,
    .orientation .section .offer-heading,
    .review .review-text,
    .submission-confirmation .application-no {
        font-size: 1rem
    }
    .orientation .section .step {
        padding-top: 1.3rem
    }
    [dir=rtl] .orientation .section .step {
        padding-right: 2.2rem
    }
    [dir=rtl] .review .review-text,
    [dir=ltr] .review .review-text {
        padding-right: 1.3rem
    }
    [dir=ltr] .orientation .section .step {
        padding-left: 2.2rem
    }
    [dir=rtl] .review .review-text,
    [dir=ltr] .review .review-text {
        padding-left: 1.3rem
    }
    .review .card.form-container {
        padding-top: 0
    }
    .review .card .card-header .card-title {
        padding-top: .9rem !important;
        padding-bottom: .9rem !important
    }
    [dir=rtl] .review .card .card-header .card-title {
        padding-right: .9rem !important
    }
    [dir=ltr] .review .card .card-header .card-title {
        padding-left: .9rem !important
    }
    .review .card .card-header .accordion-strip {
        width: .3rem;
        height: 3.1rem;
        margin-top: -1.6rem
    }
    .review .card .card-header .icon-edit {
        padding-top: .3rem;
        padding-bottom: 0;
        font-size: 1.5rem
    }
    [dir=rtl] .review .card .card-header .icon-edit {
        padding-left: .6rem
    }
    [dir=rtl] .requirements .amountInput-currency .oj-select-chosen,
    [dir=ltr] .requirements .amountInput-currency .oj-select-chosen {
        padding-left: 0
    }
    [dir=ltr] .review .card .card-header .icon-edit {
        padding-right: .6rem
    }
    .requirements .loan-requirements-estimate {
        font-size: .9rem;
        margin-top: 1.4rem
    }
    .requirements .main-label {
        font-size: .9rem
    }
    [dir=rtl] .requirements .amountInput-currency .oj-select-chosen,
    [dir=ltr] .requirements .amountInput-currency .oj-select-chosen {
        padding-right: 0
    }
    [dir=rtl] .requirements .amountInput-currency .oj-select-choice {
        padding-right: .5rem !important
    }
    [dir=ltr] .requirements .amountInput-currency .oj-select-choice {
        padding-left: .5rem !important
    }
    [dir=rtl] .requirements .amountInput-currency .oj-select-open-icon {
        padding-left: .3rem
    }
    [dir=rtl] .requirements .oj-flex.oj-flex-items-pad .oj-flex-item.amountInput-currency,
    [dir=ltr] .filmstrip .oj-filmstrip-arrow-icon.oj-end,
    [dir=ltr] .filmstrip .oj-filmstrip-arrow-icon.oj-start {
        padding-left: 0
    }
    [dir=ltr] .requirements .amountInput-currency .oj-select-open-icon {
        padding-right: .3rem
    }
    [dir=rtl] .filmstrip .oj-filmstrip-arrow-icon.oj-end,
    [dir=rtl] .filmstrip .oj-filmstrip-arrow-icon.oj-start,
    [dir=ltr] .requirements .oj-flex.oj-flex-items-pad .oj-flex-item.amountInput-currency {
        padding-right: 0
    }
    .requirements .amountInput-currency {
        min-width: 33% !important
    }
    .employments-financial-info .value-text {
        font-size: 1rem;
        line-height: 1.4rem
    }
    .employments-financial-info .form-heading-strip {
        height: 2.5rem
    }
    .employments-financial-info .padding-top {
        padding-top: 0;
        margin-top: -.1rem
    }
    .filmstrip {
        height: 3.8rem;
        max-width: 25rem;
        margin: 0 .6rem .6rem;
        width: initial
    }
    .filmstrip .filmstrip-text {
        font-size: 1rem
    }
    [dir=rtl] .form-main-container .offer-container,
    [dir=ltr] .form-main-container .offer-container {
        padding-right: 1.1rem
    }
    .filmstrip .bands,
    .filmstrip .oj-filmstrip-arrow-container {
        height: 3.8rem;
        width: 1.9rem
    }
    .registration .registration-heading {
        text-align: center
    }
    .form-main-container .offer-container {
        padding-top: 1.3rem
    }
    [dir=rtl] .form-main-container .offer-container,
    [dir=ltr] .form-main-container .offer-container {
        padding-left: 1.1rem
    }
    .form-main-container .offer-container .offer-pg-title {
        font-size: 1rem;
        margin-bottom: .9rem;
        text-align: center
    }
    [dir=rtl] .form-main-container .offer-container .offer-pg-title {
        padding-right: .6rem;
        margin-right: 0
    }
    [dir=rtl] .form-main-container .offer-container,
    [dir=ltr] .form-main-container .offer-container {
        margin-right: 1.3rem
    }
    [dir=rtl] .form-main-container .offer-container .offer-pg-title,
    [dir=ltr] .form-main-container .offer-container .offer-pg-title {
        padding-left: .6rem
    }
    [dir=ltr] .form-main-container .offer-container .offer-pg-title {
        padding-right: .6rem;
        margin-left: 0
    }
    [dir=rtl] .form-main-container .offer-container,
    [dir=ltr] .form-main-container .offer-container {
        margin-left: 1.3rem
    }
    [dir=rtl] .offers .offer-details .oj-row .oj-col .oj-row,
    [dir=ltr] .offers .offer-details .details-header-back,
    [dir=ltr] .offers .offer-details .details-header-front,
    [dir=ltr] .offers .offer-details .features-text,
    [dir=ltr] .offers .offer-details .left-col,
    [dir=ltr] .offers .offer-details .oj-row .oj-col .oj-row,
    [dir=ltr] .offers .offer-details .right-col,
    [dir=ltr] .offers .offers-name {
        margin-left: 0
    }
    [dir=rtl] .offers .offer-details .details-header-back,
    [dir=rtl] .offers .offer-details .details-header-front,
    [dir=rtl] .offers .offer-details .features-text,
    [dir=rtl] .offers .offer-details .left-col,
    [dir=rtl] .offers .offer-details .oj-row .oj-col .oj-row,
    [dir=rtl] .offers .offer-details .right-col,
    [dir=rtl] .offers .offers-name,
    [dir=ltr] .offers .offer-details .oj-row .oj-col .oj-row {
        margin-right: 0
    }
    .offers .offer-image-position {
        position: relative;
        z-index: 2
    }
    .offers .offers-name .offers-name-gold {
        font-size: 2.2rem
    }
    .offers .offers-name .offers-name-text {
        font-size: 1.3rem
    }
    .offers .offers-name {
        margin-top: 0
    }
    .offers .offer-details .details-header-front {
        margin-top: .6rem;
        font-size: 1.4rem;
        text-align: center
    }
    .offers .offer-details .details-header-back {
        margin-top: .6rem;
        font-size: 1.3rem
    }
    .offers .offer-details .details-text {
        margin-top: .6rem;
        font-size: .8rem
    }
    .offers .offer-details .details-text-value {
        margin-top: .6rem;
        font-size: .9rem
    }
    [dir=rtl] .offers .offer-details .details-text-value {
        padding-right: 1.3rem
    }
    [dir=ltr] .offers .offer-details .details-text-value {
        padding-left: 1.3rem
    }
    .offers .offer-details .features-text {
        margin-top: .6rem;
        font-size: .8rem
    }
    [dir=rtl] .offers .oj-panel,
    [dir=ltr] .offers .oj-panel {
        margin-right: .6rem
    }
    .offers .oj-panel {
        max-height: 62.5rem;
        margin-top: 1.3rem;
        min-width: 14.1rem;
        bottom: 6.3rem;
        margin-bottom: -2.5rem
    }
    [dir=rtl] .offers .oj-panel,
    [dir=ltr] .offers .oj-panel {
        margin-left: .6rem
    }
    [dir=ltr] .offers .oj-panel .features,
    [dir=ltr] .offers .oj-panel .features .features-header {
        margin-left: 0
    }
    [dir=rtl] .offers .oj-panel .features,
    [dir=rtl] .offers .oj-panel .features .features-header {
        margin-right: 0
    }
    .offers .oj-panel .features .features-section {
        margin-top: 0
    }
    .offers .oj-panel .features .features-header {
        margin-top: .6rem;
        margin-bottom: .3rem
    }
    [dir=rtl] .offers .oj-panel .front a {
        margin-right: 7.8rem
    }
    [dir=ltr] .offers .oj-panel .front a {
        margin-left: 7.8rem
    }
    .offers .offers-image {
        margin-bottom: 0;
        position: initial
    }
    [dir=rtl] .offers .offers-image {
        margin-right: 0
    }
    [dir=rtl] .offers .apply-text-override .oj-row .oj-col .apply-text.oj-row,
    [dir=ltr] .offers .apply-text-override .oj-row .oj-col .apply-text.oj-row {
        margin-right: initial
    }
    [dir=ltr] .offers .offers-image {
        margin-left: 0
    }
    .offers .offers-image .offers-strip-image {
        max-height: 8.1rem;
        max-width: 8.1rem
    }
    .offers .image-space {
        max-height: 6.9rem;
        max-width: 8.1rem
    }
    .offers .apply-text {
        margin-top: 0;
        margin-bottom: 1.3rem
    }
    .offers .apply-text-override .oj-row .oj-col .apply-text.oj-row {
        max-width: initial
    }
    [dir=rtl] .offers .apply-text-override .oj-row .oj-col .apply-text.oj-row,
    [dir=ltr] .offers .apply-text-override .oj-row .oj-col .apply-text.oj-row {
        margin-left: initial
    }
    .offers .offer-seperator {
        margin-top: .6rem
    }
    .offers .more-details {
        margin-bottom: 0
    }
    .offers .offers-button {
        margin-top: 0
    }
    .offers .offers-button .form-button-primary {
        max-width: 55%
    }
    .pre-login .product-group-card,
    .pre-login .vehicle-search-container .vehicle-search {
        max-width: 95%;
        margin: 0 auto;
        padding: 1.9rem .6rem
    }
    .pre-login .product-group-card.form-container,
    .pre-login .vehicle-search-container .form-container.vehicle-search {
        margin: 0 .6rem
    }
    [dir=rtl] .pre-login .product-group-card .product-group-button .form-button-primary,
    [dir=rtl] .pre-login .vehicle-search-container .vehicle-search .product-group-button .form-button-primary,
    [dir=ltr] .pre-login .product-group-card .product-group-button .form-button-primary,
    [dir=ltr] .pre-login .vehicle-search-container .vehicle-search .product-group-button .form-button-primary {
        margin-right: 0
    }
    .pre-login .product-group-card .product-group-name.oj-flex,
    .pre-login .vehicle-search-container .vehicle-search .product-group-name.oj-flex {
        padding-bottom: 1.3rem
    }
    .pre-login .product-group-card .product-group-name,
    .pre-login .vehicle-search-container .vehicle-search .product-group-name {
        font-size: 1rem;
        font-weight: 600;
        color: #2a4e98
    }
    .pre-login .product-group-card .product-group-card-text,
    .pre-login .vehicle-search-container .vehicle-search .product-group-card-text {
        font-size: .9rem
    }
    .pre-login .product-group-card .product-group-button .form-button-primary,
    .pre-login .vehicle-search-container .vehicle-search .product-group-button .form-button-primary {
        margin-bottom: 0;
        width: inherit
    }
    [dir=rtl] .pre-login .product-group-card .product-group-button .form-button-primary,
    [dir=rtl] .pre-login .vehicle-search-container .vehicle-search .product-group-button .form-button-primary,
    [dir=ltr] .pre-login .product-group-card .product-group-button .form-button-primary,
    [dir=ltr] .pre-login .vehicle-search-container .vehicle-search .product-group-button .form-button-primary {
        margin-left: 0
    }
    .pre-login .vehicle-search-container .vehicle-search.form-container {
        margin: 1.3rem auto;
        width: inherit;
        max-width: 22.2rem
    }
    .loginContainer {
        background: url(../images/happygirl.png) no-repeat;
        background-size: cover
    }
    .loginContainer .loginFormContainer {
        width: 75%;
        margin: 0 auto;
        padding: 1.3rem
    }
    .application-tracking-container .tracker-main-container .accordion .card-body,
    .loginContainer .icons {
        margin-top: 1.6rem
    }
    [dir=rtl] .form-main-container.tracker-main-container .dashboard-container.form-container .oj-panel.oj-flex,
    [dir=ltr] .form-main-container.tracker-main-container .dashboard-container.form-container .oj-panel.oj-flex {
        margin-right: .6rem
    }
    [dir=rtl] .application-tracking-container .tracker-main-container .status-history .oj-flex-item,
    [dir=ltr] .application-tracking-container .tracker-main-container .status-history .oj-flex-item {
        padding-right: .6rem
    }
    [dir=rtl] .loginContainer .loginFormContainer {
        right: auto
    }
    [dir=ltr] .loginContainer .loginFormContainer {
        left: auto
    }
    .loginContainer .loginFormContainer .login-logo img {
        width: 9.4rem
    }
    .loginContainer .loginFormContainer .login-logo {
        display: none
    }
    .loginContainer .loginHeader {
        line-height: 1.1rem;
        height: 3rem
    }
    .loginContainer .loginButton {
        width: 16rem !important
    }
    .application-tracking-container .tracker-main-container .primary-heading {
        padding-bottom: .9rem;
        font-size: 1.1rem
    }
    [dir=rtl] .application-tracking-container .tracker-main-container .status-history .oj-flex-item,
    [dir=ltr] .application-tracking-container .tracker-main-container .status-history .oj-flex-item {
        padding-left: .6rem
    }
    [dir=ltr] .application-tracking-container .tracker-main-container .documents-list .success-icon,
    [dir=ltr] .application-tracking-container .tracker-main-container .label-text {
        padding-left: 0
    }
    [dir=rtl] .application-tracking-container .tracker-main-container .documents-list .success-icon,
    [dir=rtl] .application-tracking-container .tracker-main-container .label-text {
        padding-right: 0
    }
    .application-tracking-container .tracker-main-container .status-history .label-text {
        margin-bottom: .2rem
    }
    .application-tracking-container .tracker-main-container .value-text {
        font-size: .9rem;
        padding-top: .3rem
    }
    .application-tracking-container .tracker-main-container .label-text {
        font-size: .9rem;
        margin-bottom: .2rem
    }
    .application-tracking-container .tracker-main-container .documents-list .success-icon {
        padding-top: 0
    }
    .application-tracking-container .tracker-main-container .documents-list .form-button-primary {
        margin-top: .6rem
    }
    .application-tracking-container .application-dashboard-sections {
        margin-bottom: 1.3rem
    }
    .application-summary-card {
        margin-bottom: .9rem
    }
    .application-summary-card .application-card-row .application-summary-title {
        font-weight: 600;
        color: #2a4e98;
        padding-bottom: .6rem;
        font-size: 1rem
    }
    [dir=rtl] .application-summary-card .application-card-row .application-summary-title {
        padding-right: 1.3rem
    }
    [dir=ltr] .application-summary-card .application-card-row .application-summary-title {
        padding-left: 1.3rem
    }
    .application-summary-card .application-card-row .amount {
        font-size: 1.1rem;
        padding-bottom: .6rem;
        text-align: left
    }
    [dir=rtl] .application-summary-card .application-card-row .amount {
        padding-left: 0
    }
    [dir=ltr] .application-summary-card .content-left.oj-flex-item,
    [dir=ltr] .application-summary-card .content-right.oj-flex-item {
        padding-left: 1.3rem
    }
    [dir=ltr] .application-summary-card .application-card-row .amount {
        padding-right: 0;
        padding-left: 1.3rem
    }
    [dir=rtl] .application-summary-card .content-left.oj-flex-item,
    [dir=rtl] .application-summary-card .content-right.oj-flex-item {
        padding-right: 1.3rem
    }
    [dir=rtl] .application-summary-card .application-card-row .amount {
        padding-right: 1.3rem;
        text-align: right
    }
    .application-summary-card .content-left.oj-flex-item .oj-flex {
        padding-bottom: .6rem
    }
    [dir=rtl] .application-summary-card .padding-left.oj-flex-item {
        padding-right: .6rem
    }
    [dir=ltr] .application-summary-card .padding-left.oj-flex-item {
        padding-left: .6rem
    }
    .application-status-text {
        font-size: 1.1rem;
        padding-top: 0
    }
    .form-main-container.tracker-main-container .dashboard-container.form-container {
        padding: 1.3rem 0
    }
    [dir=rtl] .form-main-container.tracker-main-container .dashboard-container.form-container,
    [dir=ltr] .form-main-container.tracker-main-container .dashboard-container.form-container {
        padding-right: 1.3rem
    }
    [dir=rtl] .form-main-container.tracker-main-container .dashboard-container.form-container,
    [dir=ltr] .form-main-container.tracker-main-container .dashboard-container.form-container {
        padding-left: 1.3rem
    }
    [dir=rtl] .form-main-container.tracker-main-container .dashboard-container.form-container .oj-panel.oj-flex,
    [dir=ltr] .form-main-container.tracker-main-container .dashboard-container.form-container .oj-panel.oj-flex {
        margin-left: .6rem
    }
    .form-main-container.tracker-main-container .dashboard-container.form-container .oj-panel,
    .status-history-card {
        padding: 1.3rem 0 .6rem
    }
    [dir=rtl] .status-history-card .link,
    [dir=rtl] .status-history-card .padding-left.oj-flex-item {
        padding-right: .6rem
    }
    [dir=ltr] .status-history-card .link,
    [dir=ltr] .status-history-card .padding-left.oj-flex-item {
        padding-left: .6rem
    }
    .status-history-card .application-card-row {
        padding-bottom: .6rem !important
    }
    .application-view .accordion-header-section {
        font-size: 1rem !important
    }
    [dir=rtl] .application-view .accordion-header-section {
        padding-right: 0
    }
    [dir=ltr] .application-view .accordion-header-section {
        padding-left: 0
    }
    .form-main-container .form-container .application-status-text.oj-flex {
        padding-bottom: 1.3rem;
        padding-top: 0
    }
    .form-main-container .form-container .oj-flex .oj-flex-item .application-summary-content.oj-flex {
        padding-bottom: .6rem
    }
    [dir=rtl] .application-fees {
        padding-right: .6rem
    }
    [dir=ltr] .application-fees {
        padding-left: .6rem
    }
    .upl-tracking-component .form-heading-strip {
        height: 2.5rem
    }
    .upl-tracking-component .form-heading-strip .icon-plus-circle {
        margin-top: .1rem
    }
    .upl-tracking-component {
        margin-top: 0
    }
    .upl-tracking-component .pending-actions-container.oj-flex {
        padding: .2rem
    }
    .upl-tracking-component .pending-actions-container .pending-text {
        font-size: 1rem;
        padding-top: .3rem
    }
    .upl-tracking-component .pending-actions-container .icon-arrow-right {
        padding-top: .1rem
    }
    .upl-tracking-component .view-list-container {
        margin-top: .6rem
    }
    .application-fees-container .fees-summary {
        padding-top: 0
    }
    [dir=rtl] .application-fees-container .fees-summary .label-text {
        padding-right: 0
    }
    [dir=ltr] .application-fees-container .fees-summary .label-text {
        padding-left: 0
    }
    .application-fees-container .label-text {
        margin-bottom: .2rem !important
    }
}

@media only screen and (min-width:768px) and (max-width:1023px) {
    .header .header-container .icon-menu-bar,
    .header .nav-menu,
    .header .nav-menu a {
        line-height: 3rem
    }
    .oj-combobox-choice,
    .oj-inputdatetime-calendar-icon,
    .oj-inputdatetime-input,
    .oj-inputnumber-input,
    .oj-inputpassword-input,
    .oj-inputpassword-nocomp,
    .oj-inputsearch,
    .oj-inputsearch-choice,
    .oj-inputtext-input,
    .oj-inputtext-nocomp,
    .oj-select-choice {
        max-width: inherit
    }
    .slide-right {
        transform: rotateY(-50deg) rotateZ(-5deg) translateX(31.3rem)
    }
    .slide-left {
        transform: rotateY(50deg) rotateZ(-5deg) translateX(-31.2rem)
    }
    .dashboard.banner {
        background: 0 0;
        padding: 0
    }
    .dashboard .back-button .icon-back-arrow,
    .dashboard .container .comp-title {
        display: none
    }
    .dashboard .flip-container {
        min-height: 13.4rem
    }
    .dashboard .eligibilityFlip {
        min-height: 17.9rem
    }
    [dir=ltr] .dashboard .back-top {
        left: auto
    }
    [dir=rtl] .dashboard .back-top {
        right: auto;
        left: 0
    }
    [dir=ltr] .dashboard .back-top {
        right: 0
    }
    .dashboard .back-top span {
        -webkit-border-radius: .3rem 0 0 .3rem;
        -moz-border-radius: .3rem 0 0 .3rem;
        border-radius: .3rem 0 0 .3rem
    }
    [dir=rtl] .dashboard .back-top span {
        border-radius: .3rem .3rem 0 0
    }
    .header .header-container .oj-inputsearch {
        max-width: 80% !important
    }
    .accordion .card,
    .customer-prefilled-section,
    .filmstrip,
    .product-button-panel,
    .product-main-container .form-main-container .form-container,
    .top-heading {
        max-width: 43.1rem
    }
    .header .header-container .comp-title h2 {
        font-size: 1rem;
        height: 3rem
    }
    .header .header-container .icon-logo {
        height: 3rem;
        padding-left: 1rem
    }
    .header .header-container .icon-back-arrow {
        font-size: calc(.9rem + .6rem);
        color: #fff;
        line-height: 3rem
    }
    .header .header-container .menu-bar-container.active {
        width: 3.3rem
    }
    [dir=rtl] .header .nav-menu {
        padding-left: 0 !important
    }
    [dir=ltr] .header .nav-menu {
        padding-right: 0 !important
    }
    .header .nav-menu a {
        top: 0;
        padding: 0 .6rem;
        height: 3rem;
        display: inline-block
    }
    .header .nav-menu .icon-search {
        display: block;
        top: 0;
        height: auto;
        width: auto
    }
    .header .nav-menu .iconNaNreminder {
        padding: 0 .3rem;
        display: none
    }
    .header .nav-menu .icon-settings {
        display: none
    }
    .header .nav-menu .icon-tools {
        padding: 0 .3rem;
        display: none
    }
    .header .nav-menu .icon-call {
        display: none
    }
    .dashboard .container .application-tracking-container .comp-title h2,
    .dashboard .container .offers-panel-header .comp-title h2,
    .dashboard .container .pre-login .comp-title h2,
    .dashboard .container .product-main-container .comp-title h2,
    .goal-amount-row .notification-text .hide {
        display: block
    }
    .grid-main-container .oj-listview li {
        padding: 1.3rem 0 .6rem 1.9rem
    }
    [dir=rtl] .grid-main-container .oj-listview li {
        padding: 1.3rem 1.9rem .6rem 0
    }
    .form-main-container .form-row-highlighted {
        padding: .6rem 0;
        margin-bottom: .9rem;
        height: calc(2.3rem + 3.4rem)
    }
    .form-main-container .form-col-highlighted {
        margin-bottom: calc(.9rem + .4rem);
        height: auto
    }
    .cust-details-heading,
    .cust-name {
        padding-bottom: .6rem
    }
    .oj-button.action-button-primary,
    .oj-button.action-button-secondary,
    .oj-button.action-button-tertiary {
        height: 2.3rem
    }
    .accordion .form-main-container {
        margin: 0
    }
    .action-widget-heading__title {
        font-weight: 400
    }
    .date-box {
        width: 3.8rem
    }
    .footer {
        top: 81.5%
    }
    .modal-window__container {
        min-width: 25rem
    }
    .locator {
        padding: 0;
        width: calc(100% + 2.4rem)
    }
    [dir=rtl] .locator {
        right: -1.2rem
    }
    [dir=ltr] .locator {
        left: -1.2rem
    }
    .locator .oj-offcanvas-outer-wrapper {
        height: calc(100vh - 5.5rem) !important
    }
    .home.dashboard .locator {
        top: 3rem
    }
    .home.dashboard .locator .oj-offcanvas-outer-wrapper {
        height: calc(100vh - 2.5rem)
    }
    .justify-overlap-locator {
        top: .3rem
    }
    .dashboard-accordian-container {
        top: 0;
        border: .05rem solid #bbb;
        margin-bottom: 1.1rem
    }
    .oj-panel.offers {
        height: 8rem;
        width: 100%
    }
    .information-wrapper {
        border: 0;
        margin: .6rem;
        max-height: 80vh;
        overflow-y: auto;
        padding: 1.3rem
    }
    .login .calculator {
        top: 4.4rem
    }
    .hotp__soft-token-textbox,
    .totp__soft-token-textbox {
        width: 5%
    }
    [dir=rtl] .form-content {
        padding-right: .6rem
    }
    [dir=ltr] .form-content {
        padding-left: .6rem
    }
    [dir=rtl] .accordion .card .card-header .card-title {
        padding-right: 2.7rem !important
    }
    [dir=ltr] .accordion .card .card-header .card-title {
        padding-left: 2.7rem !important
    }
    [dir=rtl] .accordion .card .card-header .icon {
        padding-left: 2.1rem
    }
    [dir=ltr] .accordion .card .card-header .icon {
        padding-right: 2.1rem
    }
    [dir=rtl] .accordion .card .card-header .icon-success {
        padding-left: 1.9rem
    }
    [dir=ltr] .accordion .card .card-header .icon-success {
        padding-right: 1.9rem
    }
    .tooltip-section .icon-help {
        font-size: 1.6rem
    }
    .otp-verification {
        padding: 1.9rem 1.3rem 0
    }
    .otp-verification .button-container,
    [dir=rtl] .otp-verification .button-container {
        padding: 1.9rem 0 0
    }
    .offers-panel-header,
    .product-header {
        padding-top: .5rem;
        padding-bottom: .5rem
    }
    .tc h3 {
        font-size: 125%
    }
    .tc-flex-container li {
        min-width: 6.3rem
    }
    .pfm .category__cardssection-flex-item,
    .tc-flex-item {
        min-width: 11.3rem
    }
    .tc-flex-item .icons {
        padding: .6rem .6rem 0
    }
    .goals .parallaxbox {
        background-image: url(/images/index/icons/goals.png);
        height: 17.8rem;
        background-position: left bottom;
        background-attachment: scroll;
        background-size: contain
    }
    .goals .movingbox {
        padding: .5rem 1.3rem
    }
    .pfm .section {
        padding: 0 .6rem 1.3rem
    }
    .pfm .goal-calculator-svg-labels--right {
        text-align: left
    }
    [dir=rtl] .pfm .goal-calculator-svg-labels--right {
        text-align: right
    }
    .pfm .amount-label {
        margin-top: 1.3rem
    }
    .pfm .category__banner .section {
        padding-top: 7%
    }
    [dir=rtl] .pfm .category__image {
        right: 1.9rem
    }
    [dir=ltr] .pfm .category__image {
        left: 1.9rem
    }
    .pfm .category__image img {
        width: 23.8rem
    }
    .pfm .category__amount {
        top: 1.3rem
    }
    [dir=rtl] .pfm .category__amount {
        right: 3.4rem
    }
    [dir=ltr] .pfm .category__amount {
        left: 3.4rem
    }
    .pfm .category__cardssection-flex-container li {
        padding-bottom: 1.9rem
    }
    .pfm .pfmName__image {
        top: .3rem;
        width: 2.2rem;
        height: 2.2rem
    }
    .pfm .pfmName__goalName {
        position: relative;
        top: .9rem
    }
    .pfm .svg__percentageBar {
        width: 100%
    }
    .goal-amount-row .chart .graph-hover-text,
    .goal-amount-row .svg-labels {
        width: 38.8rem
    }
    .pfm .view-details-link__iconLink {
        padding: .6rem .6rem 0 .9rem
    }
    [dir=rtl] .pfm .view-details-link__iconLink {
        padding: .6rem .9rem 0 .6rem
    }
    .pfm .view-details-link__linkText {
        text-align: center
    }
    .goal-calculator {
        padding-bottom: 2.2rem
    }
    .goal-calculator .goal-tile-heading {
        font-size: 1.5rem;
        padding: 1.9rem 0 1.6rem 1.3rem
    }
    [dir=rtl] .goal-calculator .goal-tile-heading {
        padding: 1.9rem 1.3rem 1.6rem 0
    }
    .goal-calculator .tile_action.button-container button {
        min-width: 16.9rem
    }
    [dir=rtl] .goal-calculator .tile_action.button-container img {
        margin-right: 13.1rem
    }
    [dir=ltr] .goal-calculator .tile_action.button-container img {
        margin-left: 13.1rem
    }
    [dir=rtl] .goal-amount-row .button-container .action-button-back {
        margin-left: auto !important
    }
    [dir=ltr] .product-main-container .textarea-heading,
    [dir=ltr] .product-main-container .textarea-margin .oj-textarea {
        margin-left: .6rem
    }
    [dir=ltr] .goal-amount-row .button-container .action-button-back {
        margin-right: auto !important
    }
    [dir=rtl] .product-main-container .textarea-heading,
    [dir=rtl] .product-main-container .textarea-margin .oj-textarea {
        margin-right: .6rem
    }
    .loan-showcase .parallaxbox {
        height: 23.8rem;
        background-position: bottom center;
        background-size: 100%;
        background-attachment: scroll
    }
    .loan-showcase .movingbox {
        padding: .5rem 1.3rem;
        width: auto;
        text-align: right
    }
    [dir=rtl] .loan-showcase .movingbox {
        text-align: left
    }
    .loan-showcase .movingbox .oj-button {
        float: right
    }
    [dir=rtl] .loan-showcase .movingbox .oj-button {
        float: left
    }
    .page-banner {
        height: 20rem
    }
    .contact-us .cu-heading {
        padding: 1.3rem 0;
        font-size: 1.5rem
    }
    .contact-us .locate-atm img,
    .contact-us .locate-call img {
        padding-bottom: 1.3rem;
        height: 5rem
    }
    .contact-us .contact-no {
        line-height: 1.9rem
    }
    .contact-us .locateAtmBtn {
        font-size: 1.3rem
    }
    .company-links {
        padding-bottom: 4.4rem
    }
    .product-quick-links-flex-container li {
        min-width: 11.3rem;
        padding-bottom: 1.9rem
    }
    .product-quick-links-flex-item {
        min-width: 11.3rem
    }
    [dir=rtl] .product-main-container .oj-option-row {
        padding-right: 0
    }
    [dir=ltr] .product-main-container .oj-option-row {
        padding-left: 0
    }
    .product-main-container .radio-pad {
        margin-top: .6rem
    }
    [dir=rtl] .product-main-container .radio-pad {
        margin-right: 2.2rem;
        padding-right: 1.6rem
    }
    [dir=ltr] .product-main-container .radio-pad {
        margin-left: 2.2rem;
        padding-left: 1.6rem
    }
    .product-main-container .form-main-container .form-container .page-container {
        padding: 1.9rem 1.3rem .6rem
    }
    [dir=rtl] .dashboard .container .application-tracking-container .comp-title h2,
    [dir=rtl] .dashboard .container .offers-panel-header .comp-title h2,
    [dir=rtl] .dashboard .container .pre-login .comp-title h2,
    [dir=rtl] .dashboard .container .product-main-container .comp-title h2,
    [dir=rtl] .product-main-container .form-content {
        padding-right: .6rem
    }
    [dir=ltr] .dashboard .container .application-tracking-container .comp-title h2,
    [dir=ltr] .dashboard .container .offers-panel-header .comp-title h2,
    [dir=ltr] .dashboard .container .pre-login .comp-title h2,
    [dir=ltr] .dashboard .container .product-main-container .comp-title h2,
    [dir=ltr] .product-main-container .form-content {
        padding-left: .6rem
    }
    .card-design {
        margin: .6rem 18.6rem
    }
    #addtionalInfoAccordion .oj-panel.oj-panel-alt2 {
        width: 18.4rem;
        margin-top: .6rem
    }
    [dir=rtl] .oj-md-offset-1 {
        margin-right: calc(1*(100%/12))
    }
    [dir=ltr] .oj-md-offset-1 {
        margin-left: calc(1*(100%/12))
    }
    [dir=rtl] .oj-md-offset-2 {
        margin-right: calc(2*(100%/12))
    }
    [dir=ltr] .oj-md-offset-2 {
        margin-left: calc(2*(100%/12))
    }
    [dir=rtl] .oj-md-offset-3 {
        margin-right: calc(3*(100%/12))
    }
    [dir=ltr] .oj-md-offset-3 {
        margin-left: calc(3*(100%/12))
    }
    [dir=rtl] .oj-md-offset-4 {
        margin-right: calc(4*(100%/12))
    }
    [dir=ltr] .oj-md-offset-4 {
        margin-left: calc(4*(100%/12))
    }
    [dir=rtl] .oj-md-offset-5 {
        margin-right: calc(5*(100%/12))
    }
    [dir=ltr] .oj-md-offset-5 {
        margin-left: calc(5*(100%/12))
    }
    [dir=rtl] .oj-md-offset-6 {
        margin-right: calc(6*(100%/12))
    }
    [dir=ltr] .oj-md-offset-6 {
        margin-left: calc(6*(100%/12))
    }
    [dir=rtl] .oj-md-offset-7 {
        margin-right: calc(7*(100%/12))
    }
    [dir=ltr] .oj-md-offset-7 {
        margin-left: calc(7*(100%/12))
    }
    [dir=rtl] .oj-md-offset-8 {
        margin-right: calc(8*(100%/12))
    }
    [dir=ltr] .oj-md-offset-8 {
        margin-left: calc(8*(100%/12))
    }
    [dir=rtl] .oj-md-offset-9 {
        margin-right: calc(9*(100%/12))
    }
    [dir=ltr] .oj-md-offset-9 {
        margin-left: calc(9*(100%/12))
    }
    [dir=rtl] .oj-md-offset-10 {
        margin-right: calc(10*(100%/12))
    }
    [dir=ltr] .oj-md-offset-10 {
        margin-left: calc(10*(100%/12))
    }
    [dir=rtl] .oj-md-offset-11 {
        margin-right: calc(11*(100%/12))
    }
    [dir=ltr] .oj-md-offset-11 {
        margin-left: calc(11*(100%/12))
    }
    [dir=rtl] .oj-md-offset-12 {
        margin-right: calc(12*(100%/12))
    }
    [dir=ltr] .oj-md-offset-12 {
        margin-left: calc(12*(100%/12))
    }
    [dir=rtl] .tenure-since .padding-left .oj-select {
        padding-right: 1.1rem
    }
    [dir=ltr] .tenure-since .padding-left .oj-select {
        padding-left: 1.1rem
    }
    .orientation .padding-bottom.oj-row {
        padding-bottom: 2.5rem
    }
    [dir=rtl] .orientation .image-header-title {
        margin-right: 2.8rem
    }
    [dir=ltr] .orientation .image-header-title {
        margin-left: 2.8rem
    }
    .orientation .image-text {
        top: 15%;
        font-size: 1.3rem
    }
    .orientation .image-text .title,
    .orientation .section .offer-heading {
        font-size: 1.1rem
    }
    [dir=rtl] .review .review-text {
        padding-right: 2.5rem
    }
    [dir=ltr] .review .review-text {
        padding-left: 2.5rem
    }
    .review .card.form-container {
        padding-top: 0
    }
    [dir=rtl] .review .card .card-header .card-title {
        padding-right: 2.7rem !important
    }
    [dir=rtl] .form-main-container .offer-container,
    [dir=ltr] .form-main-container .offer-container {
        padding-right: 2.2rem;
        margin-right: 1.6rem
    }
    [dir=ltr] .review .card .card-header .card-title {
        padding-left: 2.7rem !important
    }
    .requirements .loan-requirements-estimate {
        margin-top: 1.4rem
    }
    .requirements .amountInput-currency {
        min-width: 37% !important
    }
    .form-main-container .offer-container {
        padding-top: 1.6rem
    }
    [dir=rtl] .form-main-container .offer-container,
    [dir=ltr] .form-main-container .offer-container {
        padding-left: 2.2rem;
        margin-left: 1.6rem
    }
    [dir=ltr] .offers .offer-details .details-text-value,
    [dir=ltr] .offers .offer-details .facilities .facilities-text {
        padding-left: 1.3rem !important
    }
    [dir=rtl] .offers .offer-details .details-text-value,
    [dir=rtl] .offers .offer-details .facilities .facilities-text {
        padding-right: 1.3rem !important
    }
    .form-main-container .offer-container .offer-pg-title {
        font-size: 1.1rem;
        margin-bottom: 1.3rem
    }
    .offers .offers-name {
        max-width: 10.6rem;
        margin-top: 1.3rem
    }
    [dir=rtl] .offers .offers-name {
        margin-right: 1.3rem
    }
    [dir=ltr] .offers .offers-name {
        margin-left: 1.3rem
    }
    .offers .offers-name .offers-name-gold {
        font-size: 1.9rem
    }
    .offers .offers-name .offers-name-text {
        font-size: 1rem
    }
    [dir=rtl] .offers .offer-details .left-col {
        margin-right: 2.5rem
    }
    [dir=ltr] .offers .offer-details .left-col {
        margin-left: 2.5rem
    }
    [dir=rtl] .offers .offer-details .right-col {
        margin-right: .6rem
    }
    [dir=ltr] .offers .offer-details .right-col {
        margin-left: .6rem
    }
    .offers .offer-details .details-header-front {
        margin-top: 1.6rem;
        font-size: 1.5rem;
        margin-bottom: .6rem
    }
    [dir=rtl] .offers .offer-details .details-header-front {
        margin-right: 1.9rem
    }
    [dir=ltr] .offers .offer-details .details-header-front {
        margin-left: 1.9rem
    }
    .offers .offer-details .details-header-back {
        margin-top: .9rem;
        font-size: 1.5rem;
        margin-bottom: .6rem
    }
    [dir=rtl] .offers .offer-details .details-header-back {
        margin-right: 2.5rem
    }
    [dir=ltr] .offers .offer-details .details-header-back {
        margin-left: 2.5rem
    }
    .offers .offer-details .details-text {
        margin-top: .4rem;
        font-size: .9rem
    }
    [dir=rtl] .offers .offer-details .details-text {
        margin-right: .6rem
    }
    [dir=rtl] .offers .offer-details .facilities,
    [dir=rtl] .offers .offer-details .features-text {
        margin-right: 1.3rem
    }
    [dir=ltr] .offers .offer-details .details-text {
        margin-left: .6rem
    }
    [dir=ltr] .offers .offer-details .facilities,
    [dir=ltr] .offers .offer-details .features-text {
        margin-left: 1.3rem
    }
    .offers .offer-details .details-text-value {
        margin-top: .4rem;
        font-size: 1rem
    }
    [dir=rtl] .offers .offer-details .facilities .facilities-values {
        padding-right: 1.9rem !important
    }
    [dir=ltr] .offers .offer-details .facilities .facilities-values {
        padding-left: 1.9rem !important
    }
    .offers .offer-details .features-text {
        margin-top: .4rem;
        font-size: .8rem
    }
    .offers .oj-panel {
        max-height: 28.1rem;
        margin-top: .6rem;
        min-width: 41.9rem
    }
    [dir=rtl] .offers .oj-panel .features {
        margin-right: -4.4rem
    }
    [dir=ltr] .offers .oj-panel .features {
        margin-left: -4.4rem
    }
    .offers .oj-panel .features .features-header {
        margin-top: .3rem;
        margin-bottom: .9rem
    }
    [dir=rtl] .offers .oj-panel .features .features-header {
        margin-right: 0
    }
    [dir=ltr] .offers .oj-panel .features .features-header {
        margin-left: 0
    }
    [dir=rtl] .offers .oj-panel .front a {
        margin-right: 31.6rem
    }
    [dir=ltr] .offers .oj-panel .front a {
        margin-left: 31.6rem
    }
    [dir=rtl] .offers .offers-image {
        margin-right: 0
    }
    [dir=ltr] .offers .offers-image {
        margin-left: 0
    }
    .offers .offers-image .offers-strip-image {
        max-height: 10.6rem;
        max-width: 11.9rem
    }
    .offers .image-space {
        max-height: 10.6rem;
        max-width: 10.6rem;
        height: 8.8rem
    }
    .offers .apply-text {
        margin-top: 1.9rem;
        margin-bottom: 1.6rem
    }
    [dir=rtl] .offers .offer-seperator {
        margin-right: 1.6rem
    }
    [dir=ltr] .offers .offer-seperator {
        margin-left: 1.6rem
    }
    .offers .more-details {
        margin-bottom: 0
    }
    .offers .offers-button {
        margin-top: 1.9rem
    }
    .offers .offers-button .form-button-primary {
        height: 2.5rem;
        padding: 0 .9rem;
        font-size: .8rem
    }
    .pre-login .product-group-card,
    .pre-login .vehicle-search-container .vehicle-search {
        max-width: 95%;
        margin: 0 auto;
        padding: 1.9rem 1.3rem
    }
    [dir=rtl] .pre-login .product-group-card.form-container,
    [dir=rtl] .pre-login .vehicle-search-container .form-container.vehicle-search,
    [dir=rtl] .pre-login .vehicle-search-container .vehicle-search.form-container,
    [dir=ltr] .pre-login .product-group-card.form-container,
    [dir=ltr] .pre-login .vehicle-search-container .form-container.vehicle-search,
    [dir=ltr] .pre-login .vehicle-search-container .vehicle-search.form-container {
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }
    .pre-login .product-group-card .product-group-name.oj-flex,
    .pre-login .vehicle-search-container .vehicle-search .product-group-name.oj-flex {
        padding-bottom: 1.3rem
    }
    .pre-login .product-group-card .product-group-name,
    .pre-login .vehicle-search-container .vehicle-search .product-group-name {
        font-size: 1.4rem
    }
    [dir=rtl] .pre-login .product-group-card .product-group-button,
    [dir=rtl] .pre-login .vehicle-search-container .vehicle-search .product-group-button {
        padding-right: .6rem
    }
    [dir=ltr] .pre-login .product-group-card .product-group-button,
    [dir=ltr] .pre-login .vehicle-search-container .vehicle-search .product-group-button {
        padding-left: .6rem
    }
    .loginContainer .icons {
        margin-top: .6rem
    }
    .loginContainer .loginButton {
        width: 16rem !important
    }
    .login-enclosure {
        padding-bottom: 2.2rem
    }
    .application-tracking-container .tracker-main-container {
        max-width: 43.1rem
    }
    [dir=rtl] .application-tracking-container .tracker-main-container .label-text {
        padding-right: 0
    }
    [dir=ltr] .application-tracking-container .tracker-main-container .label-text {
        padding-left: 0
    }
    [dir=rtl] .application-summary-card .application-card-row .application-summary-title {
        padding-right: .6rem
    }
    [dir=ltr] .application-summary-card .application-card-row .application-summary-title {
        padding-left: .6rem
    }
    [dir=rtl] .application-summary-card .application-card-row .amount {
        padding-left: 1.2rem
    }
    [dir=ltr] .application-summary-card .application-card-row .amount {
        padding-right: 1.2rem
    }
    [dir=rtl] .application-summary-card .content-left.oj-flex-item {
        padding-right: .6rem
    }
    [dir=rtl] .form-main-container.tracker-main-container .dashboard-container.form-container,
    [dir=ltr] .form-main-container.tracker-main-container .dashboard-container.form-container {
        padding-right: 1.3rem
    }
    [dir=ltr] .application-summary-card .content-left.oj-flex-item {
        padding-left: .6rem
    }
    .application-status-text {
        padding-top: .6rem
    }
    .form-main-container.tracker-main-container .dashboard-container.form-container {
        padding-top: 1.6rem
    }
    [dir=rtl] .form-main-container.tracker-main-container .dashboard-container.form-container,
    [dir=ltr] .form-main-container.tracker-main-container .dashboard-container.form-container {
        padding-left: 1.3rem
    }
    .form-main-container .form-container .application-status-text.oj-flex {
        padding-bottom: 1.9rem;
        padding-top: .6rem
    }
    [dir=rtl] .application-fees {
        padding-right: .6rem
    }
    [dir=ltr] .application-fees {
        padding-left: .6rem
    }
    .upl-tracking-component {
        margin-top: 0
    }
    .upl-tracking-component .pending-actions-container .pending-text {
        font-size: 1.1rem
    }
    [dir=rtl] .application-fees-container .fees-summary .label-text {
        padding-right: 0
    }
    [dir=ltr] .application-fees-container .fees-summary .label-text {
        padding-left: 0
    }
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .oj-table .oj-table-column-header-cell,
    .oj-table .oj-table-data-cell {
        font-size: .8rem
    }
    .dashboard .back-button .icon-back-arrow {
        display: none
    }
}

@media only screen and (min-width:1024px) {
    .slide-and-resize {
        -webkit-animation: slide-and-resize .7s 1 ease-out;
        -moz-animation: slide-and-resize .7s 1 ease-out;
        -o-animation: slide-and-resize .7s 1 ease-out;
        -ms-animation: slide-and-resize .7s 1 ease-out;
        animation: slide-and-resize .7s 1 ease-out;
        width: 15%
    }
    .dashboard .back-button .icon-back-arrow {
        position: absolute
    }
    [dir=rtl] .dashboard .back-button .icon-back-arrow {
        right: -3.1rem
    }
    [dir=ltr] .dashboard .back-button .icon-back-arrow {
        left: -3.1rem
    }
    .header .header-container .icon-back-arrow {
        font-size: calc(.9rem + 1.3rem);
        color: #fff;
        line-height: 3.8rem
    }
    .form-main-container .form-container {
        margin: 1.6rem auto 0
    }
    [dir=rtl] .cust-details .nickname__label,
    [dir=ltr] .cust-details .nickname__label {
        padding-top: .3rem
    }
    .username-container {
        height: 2.5rem;
        line-height: 2.5rem
    }
    .user-login-configuration__header {
        top: 3.8rem
    }
    .user-login-configuration__watermark {
        height: 200px
    }
    [dir=rtl] .user-login-configuration__content {
        right: 2rem !important
    }
    [dir=ltr] .user-login-configuration__content {
        left: 2rem !important
    }
    [dir=rtl] .user-login-configuration__extra-space,
    [dir=ltr] .user-login-configuration__extra-space {
        padding-top: 12rem
    }
    [dir=rtl] .user-login-configuration__leftSpace {
        padding-right: 2rem
    }
    [dir=rtl] .form-content,
    [dir=rtl] .product-main-container .form-content {
        padding-right: 1.3rem
    }
    [dir=ltr] .user-login-configuration__leftSpace {
        padding-left: 2rem
    }
    [dir=ltr] .form-content,
    [dir=ltr] .product-main-container .form-content {
        padding-left: 1.3rem
    }
    .batch-approvals__dialog {
        width: 40.6rem
    }
    .tooltip-section .icon-help {
        font-size: 1.4rem
    }
    .goal-calculator .tile-text .line1 {
        font-size: 1.6rem
    }
    .goal-calculator .tile-text .line2 {
        font-size: 1.4rem
    }
    .goal-calculator .tile-text .line3 {
        font-size: .9rem;
        padding-top: .4rem
    }
    [dir=rtl] .goal-calculator .tile-text .line3 {
        margin-right: -6.2rem
    }
    [dir=ltr] .goal-calculator .tile-text .line3 {
        margin-left: -6.2rem
    }
    .goal-calculator .tile-body {
        width: 70%
    }
    .goal-calculator .tile_action.button-container button {
        min-width: 16.9rem
    }
    [dir=rtl] .goal-calculator .tile_action.button-container img {
        margin-right: 12.5rem
    }
    [dir=ltr] .goal-calculator .tile_action.button-container img {
        margin-left: 12.5rem
    }
    .goal-amount-row .svg-labels {
        width: 30rem
    }
    .goal-amount-row .notification-text .hide {
        display: block
    }
    .goal-amount-row .chart .graph-hover-text {
        width: 33.1rem
    }
    [dir=rtl] .goal-amount-row .button-container .action-button-back {
        margin-left: auto !important
    }
    [dir=ltr] .goal-amount-row .button-container .action-button-back {
        margin-right: auto !important
    }
    [dir=rtl] .oj-lg-offset-1 {
        margin-right: calc(1*(100%/12))
    }
    [dir=ltr] .oj-lg-offset-1 {
        margin-left: calc(1*(100%/12))
    }
    [dir=rtl] .oj-lg-offset-2 {
        margin-right: calc(2*(100%/12))
    }
    [dir=ltr] .oj-lg-offset-2 {
        margin-left: calc(2*(100%/12))
    }
    [dir=rtl] .oj-lg-offset-3 {
        margin-right: calc(3*(100%/12))
    }
    [dir=ltr] .oj-lg-offset-3 {
        margin-left: calc(3*(100%/12))
    }
    [dir=rtl] .oj-lg-offset-4 {
        margin-right: calc(4*(100%/12))
    }
    [dir=ltr] .oj-lg-offset-4 {
        margin-left: calc(4*(100%/12))
    }
    [dir=rtl] .oj-lg-offset-5 {
        margin-right: calc(5*(100%/12))
    }
    [dir=ltr] .oj-lg-offset-5 {
        margin-left: calc(5*(100%/12))
    }
    [dir=rtl] .oj-lg-offset-6 {
        margin-right: calc(6*(100%/12))
    }
    [dir=ltr] .oj-lg-offset-6 {
        margin-left: calc(6*(100%/12))
    }
    [dir=rtl] .oj-lg-offset-7 {
        margin-right: calc(7*(100%/12))
    }
    [dir=ltr] .oj-lg-offset-7 {
        margin-left: calc(7*(100%/12))
    }
    [dir=rtl] .oj-lg-offset-8 {
        margin-right: calc(8*(100%/12))
    }
    [dir=ltr] .oj-lg-offset-8 {
        margin-left: calc(8*(100%/12))
    }
    [dir=rtl] .oj-lg-offset-9 {
        margin-right: calc(9*(100%/12))
    }
    [dir=ltr] .oj-lg-offset-9 {
        margin-left: calc(9*(100%/12))
    }
    [dir=rtl] .oj-lg-offset-10 {
        margin-right: calc(10*(100%/12))
    }
    [dir=ltr] .oj-lg-offset-10 {
        margin-left: calc(10*(100%/12))
    }
    [dir=rtl] .oj-lg-offset-11 {
        margin-right: calc(11*(100%/12))
    }
    [dir=ltr] .oj-lg-offset-11 {
        margin-left: calc(11*(100%/12))
    }
    [dir=rtl] .oj-lg-offset-12 {
        margin-right: calc(12*(100%/12))
    }
    [dir=ltr] .oj-lg-offset-12 {
        margin-left: calc(12*(100%/12))
    }
    .offers .more-details-hover.icon-more {
        height: .3rem
    }
}

@media screen and (min-width:320px) {
    .grid-main-container .amount {
        font-size: 1.1rem
    }
    .grid-main-container .activity-amt,
    .grid-main-container .bal-amt-text {
        font-size: .9rem
    }
    .grid-main-container .activity-amt .credit,
    .grid-main-container .activity-amt .debit {
        font-size: 1.1rem
    }
    .offers-heading {
        font-size: 1.3rem
    }
    .offers-desc {
        font-size: .9rem
    }
    .offers-id {
        font-size: 1.1rem
    }
}

@media screen and (min-width:768px) {
    .grid-main-container .amount {
        font-size: 1.3rem
    }
    .grid-main-container .activity-amt,
    .grid-main-container .bal-amt-text {
        font-size: 1rem
    }
    .grid-main-container .activity-amt .credit,
    .grid-main-container .activity-amt .debit {
        font-size: 1.3rem
    }
    .offers-heading {
        font-size: 1.5rem
    }
    .offers-desc {
        font-size: 1rem
    }
    .offers-id {
        font-size: 1.3rem
    }
}

@media screen and (min-width:1024px) {
    .offers-heading {
        font-size: 1.8rem
    }
    .offers-desc {
        font-size: 1.1rem
    }
    .offers-id {
        font-size: 1.5rem
    }
}

.login-scb-logo{
	background: url(./../../images/common/logoLoby.png);
	background-size: cover;
	background-repeat: no-repeat;
	height: 90px;
	margin-top: 40px;
}