    html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

html {
    line-height: 1;
    background-color: #F4F4F4;
    overflow-y: scroll;
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

q,
blockquote {
    quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none;
}

a img {
    border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary {
    display: block;
}

.center {
    margin-left: auto;
    margin-right: auto;
    width: 970px;
}

body {
    font: normal 16px/1.2 "ExpertSansRegular", sans-serif;
    color: #2d2d2d;
    -webkit-font-smoothing: antialiased;
    overflow: hidden;
    height: 820px;
}

span,
div,
p {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

a,
button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer;
}

a {
    text-decoration: none;
    color: #ab2128;
}

a:hover {
    text-decoration: none;
}

input,
select,
textarea {
    outline: none;
}

button {
    box-sizing: content-box;
    padding: 0;
    border: none;
    background: none;
    margin: 0;
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 400;
}

button:focus {
    outline: 0;
}

:focus {
    outline: none;
}

::-moz-focus-inner {
    border: 0;
}

p {
    margin-bottom: 20px;
}

.text-link {
    font-size: 16px;
    cursor: pointer;
    position: relative;
    width: auto;
    background: none;
    padding-bottom: 2px;
    color: #003366;
}

.text-link:before {
    width: 100%;
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
}

.text-link:hover:before {
    opacity: 1;
}

.text-link:before {
    background: #003366;
}

.hidden {
    display: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.button-navigation-cancel {
    color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    height: 45px;
    float: left;
    line-height: 45px;
    padding: 0 25px;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    background-color: #007eb6;
    margin-left: 45px;
    width: 150px;
}

.button-navigation-cancel:active {
    -webkit-transition: none;
    transition: none;
    background-color: #00395d;
    color: #FFFFFF;
}

.button-navigation-cancel:focus {
    background-color: #00395d;
    color: #FFFFFF;
}

.button-navigation-cancel:hover {
    background-color: #00395d;
    color: #FFFFFF;
}

.button-navigation-next {
    color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    height: 45px;
    float: right;
    line-height: 45px;
    padding: 0 25px;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    background-color: #007eb6;
    margin-right: 45px;
    width: 150px;
}

.button-navigation-next:active {
    -webkit-transition: none;
    transition: none;
    background-color: #00395d;
    color: #FFFFFF;
}

.button-navigation-next:hover {
    background-color: #00395d;
    color: #FFFFFF;
}

.button-navigation-next:focus {
    background-color: #00395d;
    color: #FFFFFF;
}

.button-primary {
    color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    height: 50px;
    float: left;
    line-height: 50px;
    padding: 0 25px;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    background-color: #007eb6;
}

.button-primary:active {
    -webkit-transition: none;
    transition: none;
}

.button-primary:hover {
    background-color: #00395d;
    color: #FFFFFF;
}

.button-primary:focus {
    background-color: #00395d;
    color: #FFFFFF;
}

.button-primary:active {
    background-color: #00395d;
    color: #FFFFFF;
}

.button-secondary {
    background-color: #666666;
    color: #FFFFFF;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    height: 50px;
    float: left;
    line-height: 50px;
    padding: 0 25px;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

.button-secondary:active {
    -webkit-transition: none;
    transition: none;
}

.button-secondary:hover {
    background-color: #00395d;
    color: #FFFFFF;
}

.button-secondary:focus {
    background-color: #00395d;
    color: #FFFFFF;
}

.button-secondary:active {
    background-color: #00395d;
    color: #FFFFFF;
}

button.button-disabled {
    background-color: #e9e9e9;
    color: #bdbdbd;
    pointer-events: none;
}

button.button-disabled:focus {
    background-color: #e9e9e9;
    color: #bdbdbd;
}

.button-disabled:active {
    -webkit-transition: none;
    transition: none;
    background-color: #e9e9e9;
}

.button-disabled:hover {
    background-color: #e9e9e9;
    cursor: default;
}

.templates {
    display: none;
}

.divider-horizontal {
    height: 4px;
    width: 100%;
    background: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/divider_horiz_blue_diagonal.png) repeat-x 0 0;
}

.divider-horizontal.grey {
    background: url(https://ib.absa.co.za/axob/xwc/img/divider_horiz_grey_diagonal.png) repeat-x 0 0;
}

strong {
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
}

.text-large {
    font-size: 30px;
    color: #7F7F7F;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
}

.text-medium {
    font-size: 20px;
    color: #7F7F7F;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
}

.text-small {
    font-size: 16px;
    color: #7F7F7F;
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
}

h2 {
    font-size: 22px;
    color: #007eb6;
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 400;
}

h3 {
    font-size: 18px;
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
}

#wrapper {
    background: #fff;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    box-align: center;
    -moz-box-align: center;
    align-items: center;
    justify-content: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    overflow: hidden;
    height: 600px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.xwc-page > div#xwc-page-content > .header {
    height: 59px;
    line-height: 59px;
    border-bottom: 1px solid #c9c9c9;
}

.xwc-page > div#xwc-page-content > .header h2 {
    padding-left: 50px;
    color: #555555;
    display: inline-block;
}

.xwc-page > .header {
    height: 59px;
    line-height: 59px;
    border-bottom: 1px solid #c9c9c9;
}

.xwc-page > .header h2 {
    padding-left: 50px;
    color: #555555;
    display: inline-block;
}

.toolbar {
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    *zoom: 1;
    padding-top: 20px;
    overflow: visible;
}

.xwc-page:not(&#page-first-time-login) {
    width: 100%;
    height: 550px;
    overflow: hidden;
    *zoom: 1;
}

.force-redraw {
    display: inline-block;
}

.date-time-stamp {
    font-family: "ExpertSansRegular", sans-serif;
    word-spacing: -1px;
    border: none;
    padding: 0;
    font-size: 16px;
    color: #666666;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    width: auto;
    float: left;
}

@-webkit-keyframes Spinner {
    from {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes ConnectedPop {
    0% {
        -webkit-transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

@-webkit-keyframes FadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes Spinner {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes ConnectedPop {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes FadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.shared-sprite,
.shared-btn_radio_ticked,
.shared-btn_radio_unticked,
.shared-icn_arrow_right_smartscroll,
.shared-icn_clear_normal,
.shared-icn_flap_down_blue,
.shared-icn_flap_left_blue,
.shared-icn_flap_right_blue,
.shared-icn_flap_up_blue,
.shared-icn_pingit_payee,
.shared-icn_questionmark_normal,
.shared-icn_tick_normal {
    background: url(https://ib.absa.co.za/axob/xwc/img/sprites/shared-s36ba9d341e.png) no-repeat;
}

.shared-btn_radio_ticked {
    background-position: 0 -114px;
}

.shared-btn_radio_unticked {
    background-position: 0 -54px;
}

.shared-icn_arrow_right_smartscroll {
    background-position: 0 -300px;
}

.shared-icn_clear_normal {
    background-position: 0 -270px;
}

.shared-icn_flap_down_blue {
    background-position: 0 -189px;
}

.shared-icn_flap_left_blue {
    background-position: 0 -144px;
}

.shared-icn_flap_right_blue {
    background-position: 0 -206px;
}

.shared-icn_flap_up_blue {
    background-position: 0 -172px;
}

.shared-icn_pingit_payee {
    background-position: 0 0;
}

.shared-icn_questionmark_normal {
    background-position: 0 -251px;
}

.shared-icn_tick_normal {
    background-position: 0 -234px;
}

span,
div,
p {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

a {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

input,
select,
textarea {
    outline: none;
}

button {
    border: none;
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 400;
}

p {
    margin-bottom: 20px;
}

.xwc-ui-text,
.xwc-ui-search,
.xwc-ui-search-error,
.xwc-ui-sortcode,
.xwc-ui-select,
.xwc-ui-text-date,
.xwc-ui-number,
.xwc-ui-textarea {
    position: relative;
    overflow: hidden;
    *zoom: 1;
    overflow: visible;
}

input,
input:focus {
    line-height: 26px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    color: #777777;
    opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    color: #777777;
    opacity: 1;
    -webkit-transition: opacity 0.12s ease-in-out;
    transition: opacity 0.12s ease-in-out;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    color: #777777;
    line-height: 26px;
    opacity: 1;
    -webkit-transition: opacity 0.12s ease-in-out;
    transition: opacity 0.12s ease-in-out;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    color: #777777;
    line-height: 26px;
    opacity: 1;
    -webkit-transition: opacity 0.12s ease-in-out;
    transition: opacity 0.12s ease-in-out;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    opacity: 0;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    line-height: 26px;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    opacity: 0;
    -webkit-transition: opacity 0.12s ease-in-out;
    transition: opacity 0.12s ease-in-out;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    line-height: 26px;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    opacity: 0;
    -webkit-transition: opacity 0.12s ease-in-out;
    transition: opacity 0.12s ease-in-out;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    line-height: 26px;
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
    opacity: 0;
    -webkit-transition: opacity 0.12s ease-in-out;
    transition: opacity 0.12s ease-in-out;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    line-height: 26px;
}

.xwc-ui-text input {
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    height: 37px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0 0 0 2px #dbdbdb;
    border-radius: 5px;
    box-shadow: inset 0 0 0 2px #dbdbdb;
    padding: 0 19px;
    font-size: 18px;
    color: #555;
}

.xwc-ui-text.large input {
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    height: 85px;
    line-height: 50px;
    font-size: 40px;
    padding: 0 0 0 30px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.xwc-ui-text.small input {
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    height: 25px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0 0 0 2px #dbdbdb;
    border-radius: 5px;
    box-shadow: inset 0 0 0 2px #dbdbdb;
    padding: 0 19px;
    font-size: 14px;
    color: #555;
}

.xwc-ui-text.smaller input {
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    height: 25px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0 0 0 2px #dbdbdb;
    border-radius: 5px;
    box-shadow: inset 0 0 0 2px #dbdbdb;
    padding: 0 19px;
    font-size: 14px;
    color: #555;
    width: 150px;
    float: right;
}

.xwc-ui-text.smallest input {
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    height: 25px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0 0 0 2px #dbdbdb;
    border-radius: 5px;
    box-shadow: inset 0 0 0 2px #dbdbdb;
    padding: 0 14px;
    font-size: 14px;
    color: #555;
    width: 45px;
}

.xwc-ui-text input:focus {
    border: 1px solid #6dcff6;
    background-color: #f5fcff;
    color: #00aeef;
    -webkit-box-shadow: inset 0 0 0 2px #c5ecfb;
    box-shadow: inset 0 0 0 2px #c5ecfb;
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 400;
}

.xwc-ui-text input.error {
    border: 1px solid #efa6a6;
    background-color: #fff5f5;
    color: #c03b3b;
    -webkit-box-shadow: inset 0 0 0 2px #fed5d5;
    box-shadow: inset 0 0 0 2px #fed5d5;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
}

.xwc-ui-text input:disabled,
.xwc-ui-text input.disabled {
    border: 1px solid #e6e6e6;
    background-color: #fff;
    color: #a3a3a3;
    -webkit-box-shadow: inset 0 0 0 2px #f7f7f7;
    box-shadow: inset 0 0 0 2px #f7f7f7;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    cursor: text;
}

.xwc-ui-textarea textarea {
    resize: none;
}

.xwc-ui-sortcode {
    position: relative;
    height: 50px;
}

.xwc-ui-sortcode input {
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    height: 50px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0 0 0 2px #dbdbdb;
    border-radius: 5px;
    box-shadow: inset 0 0 0 2px #dbdbdb;
    padding: 0 19px;
    font-size: 20px;
    color: #555;
    float: left;
    width: 62px;
    padding: 0 0 0 18px;
    margin-right: 27px;
    position: relative;
}

.xwc-ui-sortcode input:focus {
    border: 1px solid #6dcff6;
    background-color: #f5fcff;
    color: #00aeef;
    -webkit-box-shadow: inset 0 0 0 2px #c5ecfb;
    box-shadow: inset 0 0 0 2px #c5ecfb;
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 400;
}

.xwc-ui-sortcode input.error {
    border: 1px solid #efa6a6;
    background-color: #fff5f5;
    color: #c03b3b;
    -webkit-box-shadow: inset 0 0 0 2px #fed5d5;
    box-shadow: inset 0 0 0 2px #fed5d5;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
}

.xwc-ui-sortcode input:disabled,
.xwc-ui-sortcode input.disabled {
    border: 1px solid #e6e6e6;
    background-color: #fff;
    color: #555555;
    -webkit-box-shadow: inset 0 0 0 2px #f7f7f7;
    box-shadow: inset 0 0 0 2px #f7f7f7;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    cursor: text;
}

.xwc-ui-sortcode:before,
.xwc-ui-sortcode:after {
    content: " ";
    position: absolute;
    left: 62px;
    width: 26px;
    height: 50px;
    background: url(https://ib.absa.co.za/axob/xwc/img/divider_sortcode.png) no-repeat 50% 50%;
}

.xwc-ui-sortcode:after {
    left: 151px;
}

.xwc-ui-sortcode input:last-of-type {
    margin-right: 0px;
}

.xwc-ui-select {
    width: 234px;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 8px;
    -webkit-transition: -webkit-box-shadow 0.1s ease-in-out;
    border-radius: 8px;
    transition: box-shadow 0.1s ease-in-out;
    background: #ffffff;
    border: 1px solid #c8c8c8;
    height: 48px;
    font-family: "ExpertSansLight", sans-serif;
    line-height: 48px;
    font-size: 20px;
    color: #2d2d2d;
}

.xwc-ui-select option {
    width: 234px;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 8px;
    -webkit-transition: -webkit-box-shadow 0.1s ease-in-out;
    border-radius: 8px;
    transition: box-shadow 0.1s ease-in-out;
    background: #f7f7f7;
    border: 1px solid #c8c8c8;
    height: 48px;
    font-family: "ExpertSansLight", sans-serif;
    line-height: 48px;
    font-size: 20px;
    color: #2d2d2d;
}

.xwc-ui-select * {
    cursor: pointer;
}

.xwc-ui-select:hover {
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    -webkit-transition: -webkit-box-shadow 0.2s ease-in-out;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.2s ease-in-out;
}

.xwc-ui-select:focus {
    outline: none;
}

.xwc-ui-select .current {
    background: #f7f7f7;
    border: 1px solid #c8c8c8;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    height: 48px;
    cursor: pointer;
    line-height: 48px;
    padding: 0 20px;
    font-size: 20px;
    color: #2d2d2d;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
}

.xwc-ui-select .current .select-show {
    font-size: 16px;
}

.xwc-ui-select .current .arrow {
    position: absolute;
    top: 23px;
    right: 13px;
    width: 15px;
    height: 9px;
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_dropdown_arrow_normal.png) no-repeat 0 0;
}

.xwc-ui-select.open .current {
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.xwc-ui-select.open {
    -webkit-border-radius: 8px;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.2s ease-in-out;
    border-radius: 8px;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease-in-out;
}

.xwc-ui-select.open .current {
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.xwc-ui-select.open .input input {
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.xwc-ui-select .xwc-ui-searchbox .dropdown li[data-value="0"]:first-of-type {
    pointer-events: none;
}

.xwc-ui-select .xwc-ui-searchbox .dropdown li[data-value="0"]:first-of-type:hover {
    background-color: transparent;
    pointer-events: none;
}

.xwc-ui-textarea {
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    height: 45px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0 0 0 2px #dbdbdb;
    border-radius: 5px;
    box-shadow: inset 0 0 0 2px #dbdbdb;
    padding: 0 19px;
    font-size: 18px;
    color: #555;
    float: left;
    float: left;
    padding: 0;
}

.xwc-ui-textarea:focus {
    border: 1px solid #6dcff6;
    background-color: #f5fcff;
    color: #00aeef;
    -webkit-box-shadow: inset 0 0 0 2px #c5ecfb;
    box-shadow: inset 0 0 0 2px #c5ecfb;
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 400;
}

.xwc-ui-textarea.error {
    border: 1px solid #efa6a6;
    background-color: #fff5f5;
    color: #c03b3b;
    -webkit-box-shadow: inset 0 0 0 2px #fed5d5;
    box-shadow: inset 0 0 0 2px #fed5d5;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
}

.xwc-ui-textarea:disabled,
.xwc-ui-textarea.disabled {
    border: 1px solid #e6e6e6;
    background-color: #fff;
    color: #555555;
    -webkit-box-shadow: inset 0 0 0 2px #f7f7f7;
    box-shadow: inset 0 0 0 2px #f7f7f7;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    cursor: text;
}

.xwc-ui-textarea.active {
    border: 1px solid #6dcff6;
    background-color: #f5fcff;
    color: #00aeef;
    -webkit-box-shadow: inset 0 0 0 2px #c5ecfb;
    box-shadow: inset 0 0 0 2px #c5ecfb;
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 400;
}

.xwc-ui-textarea textarea {
    resize: none;
    border: none;
    background: transparent;
    font-size: 20px;
    color: #555;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    margin: 4px 0;
    padding: 10px 10px 10px 20px;
}

.xwc-ui-textarea textarea::-webkit-scrollbar {
    width: 10px;
}

.xwc-ui-textarea textarea::-webkit-scrollbar-track {
    background-color: rgba(179, 183, 185, 0.4);
    border-radius: 5px;
}

.xwc-ui-textarea textarea::-webkit-scrollbar-track-piece {
    border-radius: 5px;
}

.xwc-ui-textarea textarea::-webkit-scrollbar-thumb {
    background-color: #7d7d7d;
    border-radius: 5px;
    min-height: 45px;
}

.xwc-ui-textarea textarea::-webkit-scrollbar-button:start:decrement {
    width: 10px;
    height: 21px;
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_up.png) no-repeat -1px 0;
    display: block;
    border-top: 10px solid white;
    border-bottom: 4px solid white;
}

.xwc-ui-textarea textarea::-webkit-scrollbar-button:end:increment {
    position: relative;
    width: 10px;
    height: 21px;
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_dn.png) no-repeat -1px 0;
    display: block;
    border-bottom: 10px solid white;
    border-top: 4px solid white;
}

.xwc-ui-textarea textarea::-webkit-scrollbar-button:start:increment,
.xwc-ui-textarea textarea::-webkit-scrollbar-button:end:decrement {
    display: none !important;
}

.xwc-ui-textarea textarea::-webkit-scrollbar-button:start:decrement:active,
.xwc-ui-textarea textarea::-webkit-scrollbar-button:end:increment:active,
.xwc-ui-textarea textarea::-webkit-scrollbar-thumb:active {
    background-position: -1px -7px;
}

.xwc-ui-textarea.active textarea {
    color: #3b97c0;
    position: relative;
}

.xwc-ui-textarea.active:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    z-index: 400;
    width: 100%;
    background: -webkit-gradient(linear, center top, center bottom, from(#fbfbfb), to(rgba(251, 251, 251, 0)));
    top: 4px;
    background: -webkit-gradient(linear, center top, center bottom, from(#f5fcff), to(rgba(245, 252, 255, 0)));
}

.xwc-ui-textarea.active:after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 20px;
    z-index: 400;
    width: 100%;
    background: -webkit-gradient(linear, center top, center bottom, from(rgba(251, 251, 251, 0)), to(#fffffb));
    bottom: 4px;
    background: -webkit-gradient(linear, center top, center bottom, from(rgba(245, 252, 255, 0)), to(#f5fcff));
}

.xwc-ui-textarea.active:before,
.xwc-ui-textarea.active:after {
    position: absolute;
    left: 14px;
    content: " ";
    height: 16px;
    width: 402px;
}

.xwc-ui-textarea {
    width: 530px;
    height: 146px;
}

.xwc-ui-textarea textarea {
    width: 516px;
    height: 138px;
}

.xwc-ui-select.payment-frequency.open .dropdown ul {
    max-height: 152px;
}

.xwc-ui-search,
.xwc-ui-searchbox {
    z-index: 1;
}

.xwc-ui-search .input,
.xwc-ui-searchbox .input {
    position: relative;
}

.xwc-ui-search input,
.xwc-ui-searchbox input {
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    height: 45px;
    border: 1px solid #bcbcbc;
    background-color: #ffffff;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0 0 0 2px #dbdbdb;
    border-radius: 5px;
    box-shadow: inset 0 0 0 2px #dbdbdb;
    padding: 0 19px;
    font-size: 20px;
    color: #555;
    float: left;
    float: none;
    text-transform: uppercase;
}

.xwc-ui-search input:focus,
.xwc-ui-searchbox input:focus {
    border: 1px solid #6dcff6;
    background-color: #f5fcff;
    color: #00aeef;
    -webkit-box-shadow: inset 0 0 0 2px #c5ecfb;
    box-shadow: inset 0 0 0 2px #c5ecfb;
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 400;
}

.xwc-ui-search input.error,
.xwc-ui-searchbox input.error {
    border: 1px solid #efa6a6;
    background-color: #fff5f5;
    color: #c03b3b;
    -webkit-box-shadow: inset 0 0 0 2px #fed5d5;
    box-shadow: inset 0 0 0 2px #fed5d5;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
}

.xwc-ui-search input:disabled,
.xwc-ui-search input.disabled,
.xwc-ui-searchbox input:disabled,
.xwc-ui-searchbox input.disabled {
    border: 1px solid #e6e6e6;
    background-color: #fff;
    color: #a3a3a3;
    -webkit-box-shadow: inset 0 0 0 2px #f7f7f7;
    box-shadow: inset 0 0 0 2px #f7f7f7;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    cursor: text;
}

.xwc-ui-search .icon,
.xwc-ui-searchbox .icon {
    position: absolute;
    top: 14px;
    right: 16px;
    width: 20px;
    height: 20px;
    background: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/mag_glass_cyan.png) no-repeat 0 0;
}

.xwc-ui-searchbox input:disabled ~ div.icon {
    position: absolute;
    top: 14px;
    right: 16px;
    width: 20px;
    height: 20px;
    background: url(https://ib.absa.co.za/axob/xwc/img/mag_glass_grey.png) no-repeat 0 0;
}

.xwc-ui-search .spinner,
.xwc-ui-searchbox .spinner {
    position: absolute;
    top: 9px;
    right: 10px;
    opacity: 0;
    transition: opacity 0.12s ease-in-out;
}

.xwc-ui-search .clear,
.xwc-ui-searchbox .clear {
    position: absolute;
    top: 11px;
    right: 12px;
    width: 28px;
    height: 28px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    background: #c7c7c7 url(https://ib.absa.co.za/axob/xwc/img/icn_clear_normal.png) no-repeat 50% 50%;
    opacity: 0;
    cursor: pointer;
}

.xwc-ui-search input::-webkit-input-placeholder,
.xwc-ui-searchbox input::-webkit-input-placeholder {
    color: #999;
    text-transform: none;
}

.xwc-ui-search input:-ms-input-placeholder,
.xwc-ui-searchbox input:-ms-input-placeholder {
    color: #999;
    text-transform: none;
}

.xwc-ui-search input::-moz-placeholder,
.xwc-ui-searchbox input::-moz-placeholder {
    color: #999;
    text-transform: none;
}

.xwc-ui-search input:-moz-placeholder,
.xwc-ui-searchbox input:-moz-placeholder {
    color: #999;
    text-transform: none;
}

.xwc-ui-search input + .icon,
.xwc-ui-searchbox input + .icon {
    opacity: 1;
    -webkit-transition: opacity 0.12s ease-in-out;
    transition: opacity 0.12s ease-in-out;
}

.xwc-ui-search input:focus + .icon,
.xwc-ui-searchbox input:focus + .icon {
    opacity: 0;
    -webkit-transition: opacity 0.12s ease-in-out;
    transition: opacity 0.12s ease-in-out;
}

.xwc-ui-search .visible,
.xwc-ui-searchbox .visible {
    opacity: 1;
    -webkit-transition: opacity 0.12s ease-in-out;
    -webkit-transition-delay: .12s;
    transition: opacity 0.12s ease-in-out;
    transition-delay: .12s;
}

.xwc-ui-search.open,
.xwc-ui-searchbox.open {
    height: 0px;
    -webkit-border-radius: 8px;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
}

.xwc-ui-search.open .xwc-ui-text input,
.xwc-ui-searchbox.open .xwc-ui-text input {
    border: 1px solid #6dcff6;
    background-color: #f5fcff;
    color: #00aeef;
    -webkit-box-shadow: inset 0 0 0 2px #c5ecfb;
    box-shadow: inset 0 0 0 2px #c5ecfb;
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 400;
}

.xwc-ui-search.open .xwc-ui-text input,
.xwc-ui-searchbox.open .xwc-ui-text input {}

.xwc-ui-search.open .dropdown,
.dropdown.detached.open,
.xwc-ui-searchbox.open .dropdown {
    border: 1px solid #6dcff6;
    background-color: #f5fcff;
    color: #00aeef;
    -webkit-box-shadow: inset 0 0 0 2px #c5ecfb;
    box-shadow: inset 0 0 0 2px #c5ecfb;
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 400;
    background: #fff;
    margin-top: -4px;
}

.xwc-ui-search.open input:disabled,
.xwc-ui-searchbox.open input:disabled {
    border: 1px solid #e6e6e6;
    background-color: #fff;
    color: #555555;
    box-shadow: inset 0 0 0 2px #f7f7f7;
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 100;
    background: #fff;
}

.xwc-ui-search.busy .spinner,
.xwc-ui-searchbox.busy .spinner {
    opacity: 1;
}

.xwc-ui-searchbox .dropdown,
.dropdown.detached {
    position: relative;
    z-index: 600;
    display: none;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    border-top: none;
    padding: 4px 0;
    -webkit-border-radius: 8px;
    -webkit-box-shadow: inset 0 0 0 2px #eeeeee;
    border-radius: 8px;
    box-shadow: inset 0 0 0 2px #eeeeee;
}

.dropdown.detached.close {
    display: none;
}

.xwc-ui-searchbox .dropdown ul,
.dropdown.detached ul {
    margin: 0;
    padding: 0 0 0 4px;
}

.xwc-ui-searchbox .dropdown li,
.dropdown.detached li {
    cursor: pointer;
    color: #555555;
    padding: 0 16px;
    font-size: 20px;
    margin-top: 2px;
    position: relative;
    z-index: 600;
}

.xwc-ui-searchbox .dropdown li.selected,
.dropdown.detached li.selected {
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
    color: #2d2d2d;
}

.xwc-ui-searchbox .dropdown li .wrap,
.dropdown.detached li .wrap {
    margin: 0 20px 0 0px;
    line-height: 16px;
    cursor: pointer;
    min-height: 30px;
    padding: 10px 0;
}

.xwc-ui-searchbox .dropdown li .wrap .no-result,
.dropdown.detached li .wrap .no-result,
.xwc-ui-searchbox .dropdown li .wrap .create-new {
    line-height: 30px;
}

.xwc-ui-searchbox .dropdown li:before,
.dropdown.detached li:before {
    content: "";
    display: block;
    background: white url(https://ib.absa.co.za/axob/xwc/img/divider_opt_dot_grey.png) repeat-x 0 0;
    height: 2px;
    position: absolute;
    top: -2px;
}

.xwc-ui-searchbox .dropdown li:first-child,
.dropdown.detached li:first-child {
    margin-top: 0;
}

.xwc-ui-searchbox .dropdown li:first-child:before,
.dropdown.detached li:first-child:before {
    background: none;
}

.xwc-ui-searchbox .dropdown li:hover,
.dropdown.detached li:hover {
    background-color: #e8f9ff;
}

.xwc-ui-searchbox .dropdown li:active,
.dropdown.detached li:active {
    background-color: #e8f9ff;
}

.xwc-ui-searchbox .dropdown li .wrap *,
.dropdown.detached li .wrap * {
    pointer-events: none;
}

.xwc-ui-searchbox .dropdown .name,
.dropdown.detached .name {
    font-size: 22px;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #2d2d2d;
    line-height: 32px;
}

.xwc-ui-searchbox .dropdown .details,
.dropdown.detached .details {
    font-size: 16px;
    color: #555555;
}

.xwc-ui-searchbox .dropdown .note,
.dropdown.detached .note {
    font-size: 16px;
    color: #555555;
    padding-bottom: 5px;
}

.xwc-ui-searchbox .dropdown li .create-new,
.dropdown.detached li .create-new {
    font-size: 16px;
    color: #007eb6;
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 400;
    line-height: 20px;
    position: relative;
    padding-left: 27px;
}

.xwc-ui-searchbox .dropdown li .create-new .new-name,
.dropdown.detached li .create-new .new-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.xwc-ui-searchbox .dropdown li .create-new .title,
.dropdown.detached li .create-new .title {
    color: #003366;
}

.xwc-ui-searchbox .dropdown li .create-new .add-icon,
.dropdown.detached li .create-new .add-icon {
    position: relative;
    width: 21px;
    height: 21px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -10px;
    background: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_paynew_sml.png) no-repeat 0 0;
}

.xwc-ui-searchbox.open {
    height: 0px;
    -webkit-border-radius: 8px;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.2s ease-in-out;
    border-radius: 8px;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    transition: all 0.2s ease-in-out;
}

.xwc-ui-searchbox.open .current {
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.xwc-ui-searchbox.open .input input {}

.xwc-ui-searchbox.open .dropdown,
.dropdown.detached.open {
    display: block;
}

.xwc-ui-searchbox .dropdown .highlight,
.dropdown.detached.open .highlight {
    color: inherit;
    background: #fafaa0;
    padding: 5px 0;
}

.xwc-ui-searchbox .dropdown .active .highlight,
.dropdown.detached.open .active .highlight {
    color: #2d2d2d;
}

.xwc-ui-searchbox .dropdown ul.scroller,
.dropdown.detached.open ul.scroller {
    overflow-y: scroll;
    overflow-x: hidden;
}

.xwc-ui-searchbox .dropdown ul.scroller::-webkit-scrollbar {
    width: 7px;
}

.xwc-ui-searchbox .dropdown ul.scroller::-webkit-scrollbar-track,
.dropdown.detached.open ul.scroller::-webkit-scrollbar-track {
    background-color: rgba(179, 183, 185, 0.4);
    border-radius: 3px;
    margin: 10px 0;
}

.xwc-ui-searchbox .dropdown ul.scroller::-webkit-scrollbar-thumb,
.dropdown.detached.open ul.scroller::-webkit-scrollbar-thumb {
    background-color: #7d7d7d;
    border-radius: 3px;
    min-height: 45px;
}

.xwc-ui-searchbox .dropdown ul.scroller::-webkit-scrollbar-thumb:active,
.dropdown.detached.open ul.scroller::-webkit-scrollbar-thumb:active {
    background-color: #666;
}

.xwc-ui-searchbox .xwc-ui-searchbox .dropdown li[data-value="0"]:first-of-type,
.dropdown.detached.open li[data-value="0"]:first-of-type {
    pointer-events: none;
}

.xwc-ui-searchbox .xwc-ui-searchbox .dropdown li[data-value="0"]:first-of-type:hover,
.dropdown.detached.open li[data-value="0"]:first-of-type:hover {
    background-color: transparent;
    pointer-events: none;
}

.static-dropdown ul.scroller::-webkit-scrollbar-thumb {
    background-color: #7d7d7d;
    border-radius: 3px;
    min-height: 45px;
}

.static-dropdown ul.scroller::-webkit-scrollbar-thumb:active {
    background-color: #666;
}

.static-dropdown .highlight {
    color: inherit;
    background: #fafaa0;
    padding: 5px 0;
}

.static-dropdown .active .highlight {
    color: #2d2d2d;
}

.static-dropdown ul.scroller {
    overflow-y: scroll;
    overflow-x: hidden;
}

.static-dropdown ul.scroller::-webkit-scrollbar {
    width: 7px;
}

.static-dropdown ul.scroller::-webkit-scrollbar-track {
    background-color: rgba(179, 183, 185, 0.4);
    border-radius: 3px;
    margin: 10px 0;
}

.static-dropdown ul.scroller::-webkit-scrollbar-thumb {
    background-color: #7d7d7d;
    border-radius: 3px;
    min-height: 45px;
}

.static-dropdown ul.scroller::-webkit-scrollbar-thumb:active {
    background-color: #666;
}

.static-dropdown ul.scroller {
    width: 348px;
}

.static-dropdown ul.scroller::-webkit-scrollbar {
    width: 10px;
}

.static-dropdown ul.scroller::-webkit-scrollbar-track {
    background-color: rgba(179, 183, 185, 0.4);
    border-radius: 5px;
}

.static-dropdown ul.scroller::-webkit-scrollbar-track-piece {
    border-radius: 5px;
}

.static-dropdown ul.scroller::-webkit-scrollbar-thumb {
    background-color: #7d7d7d;
    border-radius: 5px;
    min-height: 50px;
}

.static-dropdown ul.scroller::-webkit-scrollbar-button:start:decrement {
    width: 10px;
    height: 21px;
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_up.png) no-repeat -1px 0;
    display: block;
    border-top: 10px solid white;
    border-bottom: 4px solid white;
}

.static-dropdown ul.scroller::-webkit-scrollbar-button:end:increment {
    position: relative;
    width: 10px;
    height: 21px;
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_dn.png) no-repeat -1px 0;
    display: block;
    border-bottom: 10px solid white;
    border-top: 4px solid white;
}

.static-dropdown ul.scroller::-webkit-scrollbar-button:start:increment,
.xwc-ui-searchbox .dropdown ul.scroller::-webkit-scrollbar-button:end:decrement {
    display: none !important;
}

.static-dropdown ul.scroller::-webkit-scrollbar-button:start:decrement:active,
.xwc-ui-searchbox .dropdown ul.scroller::-webkit-scrollbar-button:end:increment:active,
.xwc-ui-searchbox .dropdown ul.scroller::-webkit-scrollbar-thumb:active {
    background-position: -1px -7px;
}

.static-dropdown ul.scroller::-webkit-scrollbar-track {
    margin: 0;
}

.static-dropdown ul.scroller li {
    width: 304px;
}

.static-dropdown ul.scroller li:before {
    width: 304px;
}

.static-dropdown li[data-value="0"]:first-of-type {
    pointer-events: none;
}

.static-dropdown li[data-value="0"]:first-of-type:hover {
    background-color: transparent;
    pointer-events: none;
}

.xwc-ui-searchbox .xwc-ui-text {
    width: 360px;
}

.xwc-ui-searchbox .xwc-ui-text input {
    width: 360px;
    padding-right: 50px;
}

.xwc-ui-searchbox .dropdown ul,
.dropdown.detached ul {
    width: 350px;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.xwc-ui-searchbox .dropdown li,
.dropdown.detached li,
.xwc-ui-searchbox .dropdown li .wrap,
.dropdown.detached li .wrap,
.xwc-ui-searchbox .dropdown li:before,
.dropdown.detached li:before {
    width: 318px;
}

.xwc-ui-searchbox .dropdown ul.scroller,
.dropdown.detached ul.scroller {
    width: 348px;
}

.xwc-ui-searchbox .dropdown ul.scroller::-webkit-scrollbar,
.dropdown.detached ul.scroller::-webkit-scrollbar {
    width: 10px;
}

.xwc-ui-searchbox .dropdown ul.scroller::-webkit-scrollbar-track,
.dropdown.detached ul.scroller::-webkit-scrollbar-track {
    background-color: rgba(179, 183, 185, 0.4);
    border-radius: 5px;
}

.xwc-ui-searchbox .dropdown ul.scroller::-webkit-scrollbar-track-piece,
.dropdown.detached ul.scroller::-webkit-scrollbar-track-piece {
    border-radius: 5px;
}

.xwc-ui-searchbox .dropdown ul.scroller::-webkit-scrollbar-thumb,
.dropdown.detached ul.scroller::-webkit-scrollbar-thumb {
    background-color: #7d7d7d;
    border-radius: 5px;
    min-height: 50px;
}

.xwc-ui-searchbox .dropdown ul.scroller::-webkit-scrollbar-button:start:decrement,
.dropdown.detached ul.scroller::-webkit-scrollbar-button:start:decrement {
    width: 10px;
    height: 21px;
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_up.png) no-repeat -1px 0;
    display: block;
    border-top: 10px solid white;
    border-bottom: 4px solid white;
}

.xwc-ui-searchbox .dropdown ul.scroller::-webkit-scrollbar-button:end:increment {
    position: relative;
    width: 10px;
    height: 21px;
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_dn.png) no-repeat -1px 0;
    display: block;
    border-bottom: 10px solid white;
    border-top: 4px solid white;
}

.xwc-ui-searchbox .dropdown ul.scroller::-webkit-scrollbar-button:start:increment,
.xwc-ui-searchbox .dropdown ul.scroller::-webkit-scrollbar-button:end:decrement {
    display: none !important;
}

.xwc-ui-searchbox .dropdown ul.scroller::-webkit-scrollbar-button:start:decrement:active,
.dropdown.detached ul.scroller::-webkit-scrollbar-button:start:decrement:active,
.xwc-ui-searchbox .dropdown ul.scroller::-webkit-scrollbar-button:end:increment:active,
.dropdown.detached ul.scroller::-webkit-scrollbar-button:end:increment:active,
.xwc-ui-searchbox .dropdown ul.scroller::-webkit-scrollbar-thumb:active,
.dropdown.detached ul.scroller::-webkit-scrollbar-thumb:active {
    background-position: -1px -7px;
}

.xwc-ui-searchbox .dropdown ul.scroller::-webkit-scrollbar-track,
.dropdown.detached ul.scroller::-webkit-scrollbar-track {
    margin: 0;
}

.xwc-ui-searchbox .dropdown ul.scroller li,
.dropdown.detached ul.scroller li {
    width: 304px;
}

.xwc-ui-searchbox .dropdown ul.scroller li:before,
.dropdown.detached ul.scroller li:before {
    width: 304px;
}

.dropdown li .create-new .new-name,
.dropdown.detached li .create-new .new-name {
    max-width: 120px;
}

.xwc-ui-searchbox .dropdown li.selected,
.dropdown.detached li.selected {
    background-color: #e8f9ff;
}

.xwc-ui-text-date {
    width: 210px;
}

.xwc-ui-text-date input {
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    height: 50px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0 0 0 2px #dbdbdb;
    border-radius: 5px;
    box-shadow: inset 0 0 0 2px #dbdbdb;
    padding: 0 19px;
    font-size: 20px;
    color: #555;
    float: left;
    width: 208px;
}

.xwc-ui-text-date input:focus {
    border: 1px solid #6dcff6;
    background-color: #f5fcff;
    color: #00aeef;
    -webkit-box-shadow: inset 0 0 0 2px #c5ecfb;
    box-shadow: inset 0 0 0 2px #c5ecfb;
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 400;
}

.xwc-ui-text-date input.error {
    border: 1px solid #efa6a6;
    background-color: #fff5f5;
    color: #c03b3b;
    -webkit-box-shadow: inset 0 0 0 2px #fed5d5;
    box-shadow: inset 0 0 0 2px #fed5d5;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
}

.xwc-ui-text-date input:disabled,
.xwc-ui-text-date input.disabled {
    border: 1px solid #e6e6e6;
    background-color: #fff;
    color: #555555;
    -webkit-box-shadow: inset 0 0 0 2px #f7f7f7;
    box-shadow: inset 0 0 0 2px #f7f7f7;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    cursor: text;
}

.xwc-ui-text-date .date-picker {
    position: absolute;
    right: 15px;
    top: 12px;
    width: 33px;
    height: 25px;
    background: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_calendar_normal.png) no-repeat 0 0;
    cursor: pointer;
}

.xwc-ui-text-date .date-picker:active {
    background-position: 0 -25px;
}

.xwc-ui-text-date input::-webkit-input-placeholder {
    color: #2d2d2d;
}

.xwc-ui-text-date input:-ms-input-placeholder {
    color: #2d2d2d;
}

.xwc-ui-text-date input::-moz-placeholder {
    color: #2d2d2d;
}

.xwc-ui-text-date input:-moz-placeholder {
    color: #2d2d2d;
}

.xwc-ui-number input {
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    height: 50px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0 0 0 2px #dbdbdb;
    border-radius: 5px;
    box-shadow: inset 0 0 0 2px #dbdbdb;
    padding: 0 19px;
    font-size: 20px;
    color: #555;
    float: left;
    width: 62px;
    height: 51px;
    padding: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    text-align: center;
}

.xwc-ui-number input:focus {
    border: 1px solid #6dcff6;
    background-color: #f5fcff;
    color: #00aeef;
    -webkit-box-shadow: inset 0 0 0 2px #c5ecfb;
    box-shadow: inset 0 0 0 2px #c5ecfb;
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 400;
}

.xwc-ui-number input.error {
    border: 1px solid #efa6a6;
    background-color: #fff5f5;
    color: #c03b3b;
    -webkit-box-shadow: inset 0 0 0 2px #fed5d5;
    box-shadow: inset 0 0 0 2px #fed5d5;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
}

.xwc-ui-number input:disabled,
.xwc-ui-number input.disabled {
    border: 1px solid #e6e6e6;
    background-color: #fff;
    color: #555555;
    -webkit-box-shadow: inset 0 0 0 2px #f7f7f7;
    box-shadow: inset 0 0 0 2px #f7f7f7;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    cursor: text;
}

.xwc-ui-number .increment {
    width: 38px;
    height: 51px;
    float: left;
}

.xwc-ui-number .increment .more,
.xwc-ui-number .increment .less {
    -webkit-transition: background-color 0.1s ease-in-out;
    transition: background-color 0.1s ease-in-out;
    width: 38px;
    height: 24px;
    border: 1px solid #c8c8c8;
}

.xwc-ui-number .increment .more:hover,
.xwc-ui-number .increment .less:hover {
    background-color: #e8f9ff;
}

.xwc-ui-number .increment .more:active,
.xwc-ui-number .increment .less:active {
    background-color: #e8f9ff;
    -webkit-transition: none;
    transition: none;
}

.xwc-ui-number .increment .more {
    -webkit-border-top-right-radius: 8px;
    border-top-right-radius: 8px;
    border-left: none;
    border-bottom: none;
    background: #f7f7f7 url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_counter_plus.png) no-repeat 50% 50%;
}

.xwc-ui-number .increment .less {
    -webkit-border-bottom-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-left: none;
    background: #f7f7f7 url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_counter_minus.png) no-repeat 50% 50%;
}

.xwc-ui-number input[type="number"]::-webkit-outer-spin-button,
.xwc-ui-number input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.xwc-ui-number label {
    height: 51px;
    line-height: 51px;
    margin-left: 13px;
    height: 30px;
    font-size: 20px;
    color: #2d2d2d;
}

.xwc-ui-checkbox {
    float: left;
    cursor: pointer;
}

.xwc-ui-checkbox input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    visibility: hidden;
    display: none;
}

.xwc-ui-checkbox:focus input + label {
    -webkit-box-shadow: 0 0 0 2px #c5ecfb;
    box-shadow: 0 0 0 2px #c5ecfb;
    width: 340px;
    height: 26px;
    margin: 0px 20px 10px 0;
}

.xwc-ui-checkbox input + label {
    width: 342px;
    height: 26px;
    margin: 0px 18px 10px 0;
    color: #555555;
    display: inline-block;
    cursor: pointer;
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_tick_allstates.png) no-repeat 0 0;
    position: relative;
    padding: 4px 0px 0px 48px;
    font-size: 20px;
}

.xwc-ui-checkbox input:hover + label {
    background-position: 0 -30px;
}

.xwc-ui-checkbox input:checked + label {
    background-position: 0 -60px;
}

fieldset.xwc-ui-radio-set input {
    opacity: 0;
    position: absolute;
}

fieldset.xwc-ui-radio-set input + label {
    height: 30px;
    display: block;
    background: url(https://ib.absa.co.za/axob/xwc/img/btn_radio.png) no-repeat 0 0;
    padding: 0 0 0 48px;
    cursor: pointer;
    position: relative;
}

fieldset.xwc-ui-radio-set input + label:hover {
    background-position: 0 -30px;
}

fieldset.xwc-ui-radio-set input:checked + label {
    background-position: 0 -60px;
}

fieldset.xwc-ui-radio-set.vertical div {
    height: 30px;
    line-height: 30px;
    margin-bottom: 30px;
    font-size: 20px;
    color: #2d2d2d;
}

div.container-right {
    float: left;
    display: inline;
    height: 41px;
    margin-left: 10px;
    padding-top: 9px;
}

.xwc-ui-text div.validation-icon,
.xwc-ui-passcode div.validation-icon,
.xwc-ui-verification-code div.validation-icon,
.xwc-out-of-band .verified .icon {
    width: 32px;
    height: 32px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    background: #479800 url(https://ib.absa.co.za/axob/xwc/img/icn_ver_tick.png) no-repeat 50% 50%;
    -webkit-animation: ConnectedPopIn 0.2s 1;
    animation: ConnectedPopIn 0.2s 1;
}

.xwc-out-of-band .verified .icon,
.xwc-out-of-band .verifying .icon {
    top: 0;
    left: 0;
    float: left;
}

.xwc-out-of-band .verified .icon {
    width: 34px;
    height: 34px;
    -webkit-border-radius: 17px;
    border-radius: 17px;
}

button.help-info {
    background: url(https://ib.absa.co.za/axob/xwc/img/sprites/shared-s36ba9d341e.png) 0 -251px no-repeat;
    height: 19px;
    width: 11px;
}

.xwc-flyout {
    padding: 16px 15px;
    position: absolute;
    display: none;
    font-size: 16px;
    line-height: 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 700;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s ease-in-out;
    -webkit-transition-delay: 0s;
    transition: visibility 0s linear 0.2s, opacity 0.2s ease-in-out;
    transition-delay: 0s;
}

.xwc-flyout .xwc-flyout-pointer {
    position: absolute;
    z-index: 999999;
}

.xwc-flyout button.xwc-flyout-close {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background: #555555 url(https://ib.absa.co.za/axob/xwc/img/icn_clear_normal.png) no-repeat 0 0;
    -webkit-transform: scale(1);
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transform: scale(1);
    transition: -webkit-transform 0.5s ease-in-out;
    cursor: pointer;
    position: absolute;
    top: -12px;
    right: -15px;
}

.xwc-flyout button.xwc-flyout-close:hover {
    background-color: #00395d;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    color: #FFFFFF;
}

.xwc-flyout button.xwc-flyout-close:active {
    background-color: #454545;
}

.xwc-flyout.hidden {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s linear;
    transition: visibility 0s linear 0.2s, opacity 0.2s linear;
}

.xwc-flyout.warning .xwc-flyout-pointer.bottom,
.xwc-flyout.warning .xwc-flyout-pointer.top,
.xwc-flyout.error .xwc-flyout-pointer.bottom,
.xwc-flyout.error .xwc-flyout-pointer.top,
.xwc-flyout.coming-soon .xwc-flyout-pointer.bottom,
.xwc-flyout.coming-soon .xwc-flyout-pointer.top,
.xwc-flyout.information .xwc-flyout-pointer.bottom,
.xwc-flyout.information .xwc-flyout-pointer.top,
.xwc-flyout.augmented .xwc-flyout-pointer.bottom,
.xwc-flyout.augmented .xwc-flyout-pointer.top {
    display: block;
    width: 22px;
    height: 11px;
}

.xwc-flyout.warning .xwc-flyout-pointer.left,
.xwc-flyout.warning .xwc-flyout-pointer.right,
.xwc-flyout.error .xwc-flyout-pointer.left,
.xwc-flyout.error .xwc-flyout-pointer.right,
.xwc-flyout.coming-soon .xwc-flyout-pointer.left,
.xwc-flyout.coming-soon .xwc-flyout-pointer.right,
.xwc-flyout.information .xwc-flyout-pointer.left,
.xwc-flyout.information.xwc-flyout-pointer.right,
.xwc-flyout.augmented .xwc-flyout-pointer.left,
.xwc-flyout.augmented .xwc-flyout-pointer.right {
    display: block;
    width: 11px;
    height: 22px;
}

.xwc-flyout.warning.iconmsg,
.xwc-flyout.warning,
.xwc-flyout.augmented {
    color: #555555;
    background: #fcfcd2 url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_warning.png) no-repeat 50% 10px;
    border: 1px solid #fde231;
    padding: 41px 10px 11px 31px;
}

.xwc-flyout.warning a,
.xwc-flyout.augmented a {
    text-decoration: none;
}

.xwc-flyout.warning a:hover,
.xwc-flyout.augmented a:hover {
    color: #0e4ba4;
}

.xwc-flyout.warning .xwc-flyout-pointer.bottom,
.xwc-flyout.augmented .xwc-flyout-pointer.bottom {
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_flap_help_bottom.png) no-repeat 0 0;
}

.xwc-flyout.warning .xwc-flyout-pointer.left,
.xwc-flyout.augmented .xwc-flyout-pointer.left {
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_flap_help_left.png) no-repeat 0 0;
}

.xwc-flyout.warning .xwc-flyout-pointer.top,
.xwc-flyout.augmented .xwc-flyout-pointer.top {
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_flap_help_top.png) no-repeat 0 0;
}

.xwc-flyout.warning .xwc-flyout-pointer.right,
.xwc-flyout.augmented .xwc-flyout-pointer.right {
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_flap_help_right.png) no-repeat 0 0;
}

.xwc-flyout.error {
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    background-color: #f76c6c;
    border: 1px solid #c36969;
    display: block;
}

.xwc-flyout.error .xwc-flyout-pointer.bottom {
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_flap_error_bottom.png) no-repeat 0 0;
}

.xwc-flyout.error .xwc-flyout-pointer.left {
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_flap_error_left.png) no-repeat 0 0;
}

.xwc-flyout.error .xwc-flyout-pointer.top {
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_flap_error_top.png) no-repeat 0 0;
}

.xwc-flyout.error .xwc-flyout-pointer.right {
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_flap_error_right.png) no-repeat 0 0;
}

.xwc-flyout.coming-soon {
    pointer-events: none;
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    background-color: #86a5c9;
    border: 1px solid #798fa2;
    display: block;
}

.xwc-flyout.coming-soon .xwc-flyout-pointer.bottom {
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_flap_misc_bottom.png) no-repeat 0 0;
}

.xwc-flyout.coming-soon .xwc-flyout-pointer.left {
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_flap_misc_left.png) no-repeat 0 0;
}

.xwc-flyout.coming-soon .xwc-flyout-pointer.top {
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_flap_misc_top.png) no-repeat 0 0;
}

.xwc-flyout.coming-soon .xwc-flyout-pointer.right {
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_flap_misc_right.png) no-repeat 0 0;
}

.xwc-flyout.information.iconmsg,
.xwc-flyout.info-warning {
    color: #555;
    background: #e8f9ff url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_info.png) no-repeat 50% 10px;
    padding: 50px 10px 15px 31px;
    border: 1px solid #00aeef;
    display: block;
}

.xwc-flyout.information .xwc-flyout-pointer.bottom,
.xwc-flyout.info-warning .xwc-flyout-pointer.bottom {
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_flap_info_bottom.png) no-repeat 0 0;
}

.xwc-flyout.information .xwc-flyout-pointer.left,
.xwc-flyout.info-warning .xwc-flyout-pointer.left {
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_flap_info_left.png) no-repeat 0 0;
}

.xwc-flyout.information .xwc-flyout-pointer.top,
.xwc-flyout.info-warning .xwc-flyout-pointer.top {
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_flap_info_top.png) no-repeat 0 0;
}

.xwc-flyout.information .xwc-flyout-pointer.right,
.xwc-flyout.info-warning .xwc-flyout-pointer.right {
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_flap_info_right.png) no-repeat 0 0;
}

.xwc-flyout.info-warning {
    background: #ebebeb url(https://ib.absa.co.za/axob/xwc/img/icn_warning_triangle.png) no-repeat 50% 10px;
}

.xwc-flyout.datepicker,
.xwc-flyout.payment-details,
.xwc-flyout.help {
    background-color: #fff;
    border: 1px solid #6dcff6;
    -webkit-box-shadow: inset 0 0 0 2px #c5ecfb, 0 0 25px 2px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 0 0 2px #c5ecfb, 0 0 25px 2px rgba(0, 0, 0, 0.15);
    padding: 17px;
    display: block;
}

.xwc-flyout.datepicker .xwc-flyout-pointer.bottom,
.xwc-flyout.datepicker .xwc-flyout-pointer.top,
.xwc-flyout.payment-details .xwc-flyout-pointer.bottom,
.xwc-flyout.payment-details .xwc-flyout-pointer.top,
.xwc-flyout.help .xwc-flyout-pointer.bottom,
.xwc-flyout.help .xwc-flyout-pointer.top {
    width: 28px;
    height: 17px;
}

.xwc-flyout.datepicker .xwc-flyout-pointer.left,
.xwc-flyout.datepicker .xwc-flyout-pointer.right,
.xwc-flyout.payment-details .xwc-flyout-pointer.left,
.xwc-flyout.payment-details .xwc-flyout-pointer.right,
.xwc-flyout.help .xwc-flyout-pointer.left,
.xwc-flyout.help .xwc-flyout-pointer.right {
    width: 17px;
    height: 28px;
}

.xwc-flyout.datepicker .xwc-flyout-pointer.bottom,
.xwc-flyout.payment-details .xwc-flyout-pointer.bottom,
.xwc-flyout.help .xwc-flyout-pointer.bottom {
    background: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_flap_special_bottom.png) no-repeat 0 0;
}

.xwc-flyout.datepicker .xwc-flyout-pointer.left,
.xwc-flyout.payment-details .xwc-flyout-pointer.left,
.xwc-flyout.help .xwc-flyout-pointer.left {
    background: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_flap_special_left.png) no-repeat 0 0;
}

.xwc-flyout.datepicker .xwc-flyout-pointer.top,
.xwc-flyout.payment-details .xwc-flyout-pointer.top,
.xwc-flyout.help .xwc-flyout-pointer.top {
    background: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_flap_special_top.png) no-repeat 0 0;
}

.xwc-flyout.datepicker .xwc-flyout-pointer.right,
.xwc-flyout.payment-details .xwc-flyout-pointer.right,
.xwc-flyout.help .xwc-flyout-pointer.right {
    background: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_flap_special_right.png) no-repeat 0 0;
}

.xwc-flyout.datepicker .date-picker-component button.today {
    display: block;
    background: white;
    width: 100%;
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
    border: 1px solid #dad7d7;
    border-top: none;
    width: 237px;
    height: 30px;
    line-height: 30px;
    color: #007eb6;
    font-size: 14px;
}

.xwc-flyout.datepicker .date-picker-component button.today:hover {
    text-decoration: underline;
}

.xwc-flyout.scrollhint {
    background-color: rgba(1, 81, 114, 0.7);
    text-align: center;
    padding: 10px 20px 14px;
    pointer-events: none;
    -webkit-transform: translateX(-5px) !important;
    -webkit-transform-origin: right center !important;
    -webkit-transition-property: -webkit-transform, opacity !important;
    -webkit-transition-duration: 0.2s, 0.25s !important;
    -webkit-transition-timing-function: ease-out, ease-out !important;
    transform: translateX(-5px) !important;
    transform-origin: right center !important;
    transition-property: transform, opacity !important;
    transition-duration: 0.2s, 0.25s !important;
    transition-timing-function: ease-out, ease-out !important;
    width: auto;
}

.xwc-flyout.scrollhint.hidden {
    opacity: 0 !important;
    -webkit-transform: translateX(-50px) !important;
    -webkit-transition: visibility 0s linear 0.2s, opacity 0.2s ease-in, -webkit-transform 0.25s ease-in !important;
    transform: translateX(-50px) !important;
    transition: visibility 0s linear 0.2s, opacity 0.2s ease-in, transform 0.25s ease-in !important;
}

.xwc-flyout.scrollhint h2 {
    color: #fff;
}

.xwc-flyout.scrollhint span {
    color: #b6eaff;
    font-size: 16px;
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
}

.xwc-flyout.scrollhint .xwc-flyout-pointer.right {
    background: url(https://ib.absa.co.za/axob/xwc/img/sprites/shared-s36ba9d341e.png) 0 -300px no-repeat;
    height: 22px;
    width: 10px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.xwc-ui-scrollbar::-webkit-scrollbar,
.xwc-ui-scrollbar-mini::-webkit-scrollbar {
    width: 10px;
}

.xwc-ui-scrollbar::-webkit-scrollbar-track,
.xwc-ui-scrollbar-mini::-webkit-scrollbar-track {
    background-color: rgba(179, 183, 185, 0.4);
    border-radius: 5px;
}

.xwc-ui-scrollbar::-webkit-scrollbar-track-piece,
.xwc-ui-scrollbar-mini::-webkit-scrollbar-track-piece {
    border-radius: 5px;
}

.xwc-ui-scrollbar::-webkit-scrollbar-thumb,
.xwc-ui-scrollbar-mini::-webkit-scrollbar-thumb {
    background-color: #7d7d7d;
    border-radius: 5px;
    min-height: 50px;
}

.xwc-ui-scrollbar::-webkit-scrollbar-button:start:decrement,
.xwc-ui-scrollbar-mini::-webkit-scrollbar-button:start:decrement {
    width: 10px;
    height: 21px;
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_up.png) no-repeat -1px 0;
    display: block;
    border-top: 10px solid white;
    border-bottom: 4px solid white;
}

.xwc-ui-scrollbar::-webkit-scrollbar-button:end:increment,
.xwc-ui-scrollbar-mini::-webkit-scrollbar-button:end:increment {
    position: relative;
    width: 10px;
    height: 21px;
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_dn.png) no-repeat -1px 0;
    display: block;
    border-bottom: 10px solid white;
    border-top: 4px solid white;
}

.xwc-ui-scrollbar::-webkit-scrollbar-button:start:increment,
.xwc-ui-scrollbar::-webkit-scrollbar-button:end:decrement,
.xwc-ui-scrollbar-mini::-webkit-scrollbar-button:start:increment,
.xwc-ui-scrollbar-mini::-webkit-scrollbar-button:end:decrement {
    display: none !important;
}

.xwc-ui-scrollbar::-webkit-scrollbar-button:start:decrement:active,
.xwc-ui-scrollbar::-webkit-scrollbar-button:end:increment:active,
.xwc-ui-scrollbar::-webkit-scrollbar-thumb:active,
.xwc-ui-scrollbar-mini::-webkit-scrollbar-button:start:decrement:active,
.xwc-ui-scrollbar-mini::-webkit-scrollbar-button:end:increment:active,
.xwc-ui-scrollbar-mini::-webkit-scrollbar-thumb:active {
    background-position: -1px -7px;
}

.xwc-ui-scrollbar-mini::-webkit-scrollbar {
    width: 7px;
}

.xwc-ui-scrollbar-mini::-webkit-scrollbar-track {
    border-radius: 3px;
}

.xwc-ui-scrollbar-mini::-webkit-scrollbar-thumb {
    border-radius: 3px;
}

.xwc-ui-passcode {
    position: relative;
    margin: 0 0 20px;
    overflow: hidden;
    *zoom: 1;
}

.xwc-ui-verification-code {
    position: relative;
    overflow: hidden;
    *zoom: 1;
    overflow: visible;
    height: 50px;
}

.xwc-ui-passcode input[type=password],
.xwc-ui-verification-code input[type=password] {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
}

.xwc-ui-verification-code input[type=password] {
    width: 357px;
}

.xwc-ui-passcode .digit,
.xwc-ui-verification-code .digit {
    pointer-events: none;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    height: 50px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0 0 0 2px #dbdbdb;
    border-radius: 5px;
    box-shadow: inset 0 0 0 2px #dbdbdb;
    padding: 0 19px;
    font-size: 20px;
    color: #555;
    float: left;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    width: 50px;
    margin-right: 9px;
    padding: 0;
    float: left;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.xwc-ui-passcode .digit:focus,
.xwc-ui-verification-code .digit:focus {
    border: 1px solid #6dcff6;
    background-color: #f5fcff;
    color: #00aeef;
    -webkit-box-shadow: inset 0 0 0 2px #c5ecfb;
    box-shadow: inset 0 0 0 2px #c5ecfb;
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 400;
}

.xwc-ui-passcode .digit.error,
.xwc-ui-verification-code .digit.error {
    border: 1px solid #efa6a6;
    background-color: #fff5f5;
    color: #c03b3b;
    -webkit-box-shadow: inset 0 0 0 2px #fed5d5;
    box-shadow: inset 0 0 0 2px #fed5d5;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
}

.xwc-ui-passcode .digit:disabled,
.xwc-ui-passcode .digit.disabled,
.xwc-ui-verification-code .digit:disabled,
.xwc-ui-verification-code .digit.disabled {
    border: 1px solid #e6e6e6;
    background-color: #fff;
    color: #555555;
    -webkit-box-shadow: inset 0 0 0 2px #f7f7f7;
    box-shadow: inset 0 0 0 2px #f7f7f7;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    cursor: text;
}

.xwc-ui-passcode .digit:last-of-type,
.xwc-ui-verification-code .digit:last-of-type {
    margin-right: 0;
}

.xwc-ui-passcode .digit:last-of-type,
.xwc-ui-verification-code .digit:last-of-type {
    margin-right: 0;
}

.xwc-ui-passcode .digit.done,
.xwc-ui-passcode .digit.done + .digit,
.xwc-ui-passcode .digit:first-of-type,
.xwc-ui-verification-code .digit.done,
.xwc-ui-verification-code .digit.done + .digit,
.xwc-ui-verification-code .digit:first-of-type {
    border: 1px solid #6dcff6;
    background-color: #f5fcff;
    color: #00aeef;
    -webkit-box-shadow: inset 0 0 0 2px #c5ecfb;
    box-shadow: inset 0 0 0 2px #c5ecfb;
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 400;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.xwc-ui-passcode .digit span,
.xwc-ui-verification-code .digit span {
    position: absolute;
    left: 14px;
    top: 14px;
    width: 22px;
    height: 22px;
    -webkit-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    border-radius: 11px;
    background: -webkit-gradient(linear, center bottom, center top, from(#1b97e3), to(#39bbf7));
    opacity: 0;
}

.xwc-ui-passcode .digit.done span,
.xwc-ui-verification-code .digit.done span {
    -webkit-animation: DigitPop 0.16s 1;
    animation: DigitPop 0.16s 1;
    opacity: 1;
    -webkit-transition: opacity 0.12s ease-in-out;
    transition: opacity 0.12s ease-in-out;
}

@-webkit-keyframes DigitPop {
    0% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
    }
    70% {
        -webkit-transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes DigitPop {
    0% {
        transform: scale(0.4);
    }
    70% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

.xwc-ui-passcode.error .digit.done:first-of-type,
.xwc-ui-passcode.error .digit,
.xwc-ui-passcode.error .digit.done,
.xwc-ui-passcode.error .digit.done + .digit,
.complete .xwc-ui-passcode.error .digit.done,
.wrong-attempt .complete .xwc-ui-passcode.error .digit.done,
.xwc-ui-verification-code.error .digit:first-of-type,
.xwc-ui-verification-code.error .digit,
.xwc-ui-verification-code.error .digit.done,
.xwc-ui-verification-code.error .digit.done + .digit {
    border: 1px solid #efa6a6;
    background-color: #fff5f5;
    color: #c03b3b;
    -webkit-box-shadow: inset 0 0 0 2px #fed5d5;
    box-shadow: inset 0 0 0 2px #fed5d5;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.xwc-ui-passcode.error .digit.done span,
.wrong-attempt .complete .xwc-ui-passcode.error .digit.done span {
    position: absolute;
    left: 14px;
    top: 14px;
    width: 22px;
    height: 22px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    background: -webkit-gradient(linear, center bottom, center top, from(#d4636a), to(#eb7078));
    box-shadow: 0 0 0 2px white;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in-out;
    -webkit-transition-delay: 1.5s;
    transition: opacity 0.2s ease-in-out;
    transition-delay: 1.5s;
}

.complete .xwc-ui-passcode .digit.done {
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    height: 50px;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0 0 0 2px #dbdbdb;
    border-radius: 5px;
    box-shadow: inset 0 0 0 2px #dbdbdb;
    padding: 0 19px;
    font-size: 20px;
    color: #555;
    float: left;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    width: 50px;
    margin-right: 9px;
    padding: 0;
    float: left;
}

.complete .xwc-ui-passcode .digit.done:focus {
    border: 1px solid #6dcff6;
    background-color: #f5fcff;
    color: #00aeef;
    -webkit-box-shadow: inset 0 0 0 2px #c5ecfb;
    box-shadow: inset 0 0 0 2px #c5ecfb;
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 400;
}

.complete .xwc-ui-passcode .digit.done.error {
    border: 1px solid #efa6a6;
    background-color: #fff5f5;
    color: #c03b3b;
    -webkit-box-shadow: inset 0 0 0 2px #fed5d5;
    box-shadow: inset 0 0 0 2px #fed5d5;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
}

.complete .xwc-ui-passcode .digit.done:disabled,
.complete .xwc-ui-passcode .digit.done.disabled {
    border: 1px solid #e6e6e6;
    background-color: #fff;
    color: #555555;
    -webkit-box-shadow: inset 0 0 0 2px #f7f7f7;
    box-shadow: inset 0 0 0 2px #f7f7f7;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    cursor: text;
}

.complete .xwc-ui-passcode .digit.done:last-of-type {
    margin-right: 0;
}

.complete .xwc-ui-passcode .digit.done span {
    position: absolute;
    left: 14px;
    top: 14px;
    width: 22px;
    height: 22px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    background: -webkit-gradient(linear, center bottom, center top, from(#a7a7a7), to(#c9c9c9));
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.xwc-ui-keypad {
    width: 296px;
    overflow: hidden;
    *zoom: 1;
}

.xwc-ui-keypad button {
    color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    height: 50px;
    float: left;
    line-height: 50px;
    padding: 0 25px;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    background-color: #007eb6;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 94px;
    margin: 0 7px 7px 0;
    font-size: 32px;
    padding: 0;
}

.xwc-ui-keypad button:active {
    -webkit-transition: none;
    transition: none;
}

.xwc-ui-keypad button:hover {
    background-color: #0074a6;
}

.xwc-ui-keypad button:active {
    background-color: #006894;
}

.xwc-ui-keypad button:first-of-type {
    width: 90px;
    padding-left: 4px;
}

.xwc-ui-keypad button[disabled]:active {
    background-color: #007eb6;
}

.xwc-ui-keypad button:nth-child(3n+3) {
    margin-right: 0;
}

.xwc-ui-keypad .clear {
    font-size: 25px;
}

.xwc-ui-keypad .backspace {
    background-image: url(https://ib.absa.co.za/axob/xwc/img/icn_login_keypad_backspace_normal.png);
    background-repeat: no-repeat;
    background-position: 0 -1px;
}

.xwc-wizard,
.browse-payees {
    position: relative;
}

.xwc-wizard {
    height: 430px;
}

.xwc-wizard .gradient,
.browse-payees .gradient {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 20px;
    z-index: 400;
    width: 100%;
    background: -webkit-gradient(linear, center top, center bottom, from(rgba(251, 251, 251, 0)), to(#fffffb));
    height: 15px;
}

.xwc-wizard .go-back,
.browse-payees .go-back,
.recipient-details .go-back {
    width: 64px;
    height: 64px;
    -webkit-border-radius: 32px;
    border-radius: 32px;
    position: absolute;
    left: -32px;
    top: 162px;
    cursor: pointer;
    z-index: 400;
}

.xwc-wizard .go-back,
.browse-payees .go-back,
.recipient-details .go-back {
    background: #666666 url(https://ib.absa.co.za/axob/xwc/img/icn_back.png) no-repeat 38px 50%;
}

.recipient-details .go-back {
    top: 112px;
}

.xwc-wizard .go-back:active,
.browse-payees .go-back:active,
.recipient-details .go-back:active {
    background-color: #4e4e4e;
}

#page-payment.edit .recipient-details .go-back {
    display: none;
}

.xwc-wizard {
    background: url(https://ib.absa.co.za/axob/xwc/img/bg_blue_pattern_tile.png) repeat 0 0;
    -webkit-box-shadow: inset 0 1px 0 #cccccc, inset 0 3px 0 #c7eefd;
    box-shadow: inset 0 1px 0 #cccccc, inset 0 3px 0 #c7eefd;
}

.browse-payees {
    background: url(https://ib.absa.co.za/axob/xwc/img/bg_grey_pattern_tile.png) repeat 0 0;
    -webkit-box-shadow: inset 0 1px 0 #c9c9c9, inset 0 3px 0 #e8e8e8;
    box-shadow: inset 0 1px 0 #c9c9c9, inset 0 3px 0 #e8e8e8;
}

.browse-payees .gradient {
    width: 900px;
}

.xwc-block-list,
.xwc-block-alpha-list {
    margin-left: 60px;
    margin-right: 0px;
    margin-left: 65px;
    width: 890px;
    float: left;
    width: 875px;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-mask-position: 0 0;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), color-stop(0.03, black), color-stop(0.97, black), color-stop(1, rgba(0, 0, 0, 0)));
    -webkit-mask-repeat: repeat-x;
    padding-top: 20px;
    float: none;
}

.xwc-block-list::-webkit-scrollbar,
.xwc-block-alpha-list::-webkit-scrollbar {
    width: 10px;
}

.xwc-block-list::-webkit-scrollbar-track,
.xwc-block-alpha-list::-webkit-scrollbar-track {
    background-color: rgba(179, 183, 185, 0.4);
    border-radius: 5px;
}

.xwc-block-list::-webkit-scrollbar-track-piece,
.xwc-block-alpha-list::-webkit-scrollbar-track-piece {
    border-radius: 5px;
}

.xwc-block-list::-webkit-scrollbar-thumb,
.xwc-block-alpha-list::-webkit-scrollbar-thumb {
    background-color: #7d7d7d;
    border-radius: 5px;
    min-height: 50px;
}

.xwc-block-list::-webkit-scrollbar-button:start:decrement,
.xwc-block-alpha-list::-webkit-scrollbar-button:start:decrement {
    width: 10px;
    height: 21px;
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_up.png) no-repeat -1px 0;
    display: block;
    border-top: 10px solid white;
    border-bottom: 4px solid white;
}

.xwc-block-list::-webkit-scrollbar-button:end:increment,
.xwc-block-alpha-list::-webkit-scrollbar-button:end:increment {
    position: relative;
    width: 10px;
    height: 21px;
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_dn.png) no-repeat -1px 0;
    display: block;
    border-bottom: 10px solid white;
    border-top: 4px solid white;
}

.xwc-block-list::-webkit-scrollbar-button:start:increment,
.xwc-block-list::-webkit-scrollbar-button:end:decrement,
.xwc-block-alpha-list::-webkit-scrollbar-button:start:increment,
.xwc-block-alpha-list::-webkit-scrollbar-button:end:decrement {
    display: none !important;
}

.xwc-block-list::-webkit-scrollbar-button:start:decrement:active,
.xwc-block-list::-webkit-scrollbar-button:end:increment:active,
.xwc-block-list::-webkit-scrollbar-thumb:active,
.xwc-block-alpha-list::-webkit-scrollbar-button:start:decrement:active,
.xwc-block-alpha-list::-webkit-scrollbar-button:end:increment:active,
.xwc-block-alpha-list::-webkit-scrollbar-thumb:active {
    background-position: -1px -7px;
}

.xwc-block-list::-webkit-scrollbar-button:start:decrement,
.xwc-block-alpha-list::-webkit-scrollbar-button:start:decrement {
    height: 31px;
    border-top: 20px solid transparent;
    border-bottom: 4px solid #f4fbfe;
}

.xwc-block-list::-webkit-scrollbar-button:end:increment,
.xwc-block-alpha-list::-webkit-scrollbar-button:end:increment {
    border-top: 4px solid #f4fbfe;
    border-bottom: 10px solid white;
}

.xwc-block-list ul,
.xwc-block-alpha-list ul {
    overflow: hidden;
    *zoom: 1;
}

.browse-payees .xwc-block-alpha-list {
    padding-top: 0;
    -webkit-mask-position: 0 3px;
}

.xwc-block-list {
    height: 344px;
}

.xwc-block-alpha-list {
    height: 290px;
}

.browse-payees .xwc-block-alpha-list {
    height: 386px;
}

.xwc-block-list li,
.xwc-block-alpha-list li {
    width: 250px;
    height: 90px;
    margin: 0 35px 25px 0;
    float: left;
    background-color: #46add7;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    cursor: pointer;
}

.xwc-block-list li:hover,
.xwc-block-alpha-list li:hover {
    background-color: #3ba1ca;
    -webkit-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

.xwc-block-list li:active,
.xwc-block-alpha-list li:active {
    background-color: #2b90b8;
    -webkit-transition: none;
    transition: none;
}

.xwc-block-list li:nth-child(3n+3),
.xwc-block-alpha-list li:nth-child(3n+3) {
    margin-right: 0;
}

.xwc-block-alpha-list h2 {
    clear: both;
    color: #007eb6;
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
    position: relative;
    margin-bottom: 15px;
}

.xwc-block-alpha-list h2:after {
    content: "";
    position: absolute;
    left: 20px;
    bottom: 15px;
    height: 1px;
    width: 800px;
    background-color: #6dcff6;
}

.xwc-block-list li a,
.xwc-block-alpha-list li a {
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    box-align: center;
    -moz-box-align: center;
    justify-content: center;
    align-items: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    height: 90px;
    color: #fff;
    font-size: 16px;
    width: 210px;
    padding: 0 20px;
    overflow: hidden;
    text-transform: uppercase;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
}

.xwc-block-list .category,
.xwc-block-alpha-list .category {
    -webkit-box-shadow: 4px 4px 0 #89d8f8;
    box-shadow: 4px 4px 0 #89d8f8;
}

.xwc-block-list .sub-category,
.xwc-block-alpha-list .sub-category {
    -webkit-box-shadow: 4px 4px 0 #89d8f8;
    box-shadow: 4px 4px 0 #89d8f8;
}

.xwc-block-list .item,
.xwc-block-alpha-list .item {
    -webkit-box-shadow: 4px 4px 0 rgba(70, 173, 215, 0.3);
    box-shadow: 4px 4px 0 rgba(70, 173, 215, 0.3);
}

.browse-payees .xwc-block-alpha-list h2 {
    margin-bottom: 17px;
    padding-top: 30px;
}

.browse-payees .xwc-block-alpha-list li {
    cursor: pointer;
    border: 2px solid #6dcff6;
    -webkit-box-shadow: 4px 5px 0 #e8e8e8;
    -webkit-border-radius: 8px;
    -webkit-transition: background-color 0.1s ease-in-out;
    box-shadow: 4px 5px 0 #e8e8e8;
    border-radius: 8px;
    transition: background-color 0.1s ease-in-out;
    height: 98px;
    width: 242px;
    background-color: #fff;
    color: #007eb6;
    margin: 0 27px 19px 0;
    padding: 0 5px;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.browse-payees .xwc-block-alpha-list li:hover {
    background-color: #e8f9ff;
}

.browse-payees .xwc-block-alpha-list li:active {
    background-color: #e8f9ff;
    -webkit-transition: none;
    transition: none;
}

.browse-payees .xwc-block-alpha-list li a {
    color: #007eb6;
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 400;
    height: auto;
    display: block;
    margin: 15px 0 0 0;
    padding: 0 10px;
    width: 210px;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
}

.browse-payees .xwc-block-alpha-list li div {
    color: #555555;
    pointer-events: none;
    text-align: center;
    margin-top: 8px;
}

.browse-payees .xwc-block-alpha-list h2.frequent-payees {
    font-size: 18px;
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 400;
}

.browse-payees .xwc-block-alpha-list h2.frequent-payees:after {
    content: "";
    position: absolute;
    left: 180px;
    bottom: 10px;
    height: 1px;
    width: 640px;
    background-color: #208ebc;
}

.browse-payees .xwc-block-alpha-list ul {
    overflow: hidden;
    *zoom: 1;
}

.browse-payees .xwc-block-alpha-list ul:last-of-type {
    min-height: 313px;
}

.browse-payees .xwc-block-alpha-list.nine-payees-or-less {
    margin-top: 15px;
    height: 335px;
    -webkit-mask-image: none;
    mask-image: none;
}

.browse-payees .xwc-block-alpha-list.nine-payees-or-less ul:last-of-type {
    min-height: 90px;
}

.browse-payees .xwc-block-alpha-list.nine-payees-or-less ul {
    float: left;
}

.browse-payees .xwc-block-alpha-list.nine-payees-or-less + .xwc-alpha-sort,
.browse-payees .xwc-block-alpha-list.nine-payees-or-less + .xwc-alpha-sort + .gradient {
    display: none;
}

.xwc-alpha-sort {
    clear: both;
    width: 100%;
    height: 54px;
    background-color: #80BEDB;
}

.xwc-alpha-sort ul {
    padding: 14px 0 0 70px;
}

.xwc-alpha-sort ul li {
    float: left;
    text-align: center;
    width: 26px;
    height: 26px;
    line-height: 26px;
    margin-right: 5px;
    color: #00395d;
    -webkit-border-radius: 13px;
    border-radius: 13px;
    background-color: transparent;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

.xwc-alpha-sort ul li.active,
.xwc-alpha-sort ul li.active:hover {
    background-color: #00395d;
    color: #FFFFFF;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.xwc-alpha-sort ul li.disabled {
    color: #bfdfed;
    cursor: default;
}

.xwc-alpha-sort ul li:hover {
    background-color: #bfdfed;
    color: #FFFFFF;
}

.xwc-alpha-sort ul li.disabled:hover {
    background-color: transparent;
    color: #bfdfed;
}

.xwc-alpha-sort ~ .gradient {
    bottom: 54px;
}

.xwc-buttons-panel {
    font-size: 0;
}

.xwc-buttons-panel > button {
    color: #FFFFFF;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    height: 50px;
    float: left;
    line-height: 50px;
    padding: 0 25px;
    margin-left: 10px;
    float: none;
    display: inline-block;
    white-space: nowrap;
}

.xwc-buttons-panel > button.button-disabled {
    background-color: #e9e9e9;
    color: #bdbdbd;
}

.xwc-buttons-panel > button:first-of-type {
    margin-left: 0;
}

.xwc-ui-toggle {
    border: 1px solid #c9c9c9;
    height: 28px;
    width: 270px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.xwc-ui-toggle button {
    height: 28px;
    line-height: 28px;
    border-left: 1px solid #c9c9c9;
    background-color: #fff;
    font-size: 16px;
    color: #009896;
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.xwc-ui-toggle button:first-of-type {
    border-left: 0;
}

.xwc-ui-toggle button.active,
.xwc-ui-toggle button.active:hover,
.xwc-ui-toggle button.active:active {
    color: #2d2d2d;
    background-color: #f4f4f4;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: default;
}

.xwc-ui-toggle button:hover {
    background-color: #e8f9ff;
}

.xwc-ui-toggle button:active {
    background-color: #e8f9ff;
}

.xwc-progress-bar {
    background-color: #c9c9c9;
    height: 16px;
    -webkit-mask-image: url(https://ib.absa.co.za/axob/xwc/img/mask_fix.png);
    mask-image: url(https://ib.absa.co.za/axob/xwc/img/mask_fix.png);
    border-radius: 8px;
}

.xwc-progress-bar .value {
    height: 14px;
    padding: 1px 0;
    box-shadow: inset 0 0 0 1px #0080b8;
    background-color: #00aef7;
    -webkit-transition: width 0.2s linear;
    transition: width 0.2s linear;
    border-radius: 8px;
}

.xwc-progress-bar .value .stripes {
    height: 14px;
    background: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 18px, #008fcd 18px, #008fcd 36px);
    background-size: 52px 14px;
    background-position: 0 0;
    border-radius: 8px;
    -webkit-animation: ProgressBar 1s infinite;
    -webkit-animation-timing-function: linear;
    animation: ProgressBar 1s infinite;
    animation-timing-function: linear;
}

@-webkit-keyframes ProgressBar {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 51px 0;
    }
}

@keyframes ProgressBar {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 51px 0;
    }
}

.xwc-tabs.vertical {
    width: 300px;
    height: 490px;
    border-right: 1px solid #c9c9c9;
}

.xwc-tabs.vertical li {
    height: 50px;
    border-bottom: 1px solid #c9c9c9;
}

.xwc-tabs.vertical li:last-of-type {
    border-top: none;
}

.xwc-tabs.vertical button {
    -webkit-transition: background-color 0.1s ease-in-out;
    transition: background-color 0.1s ease-in-out;
    position: relative;
    height: 50px;
    font-size: 20px;
    color: #007eb6;
    line-height: 50px;
    padding: 0 35px 0 15px;
    width: 250px;
    text-align: left;
}

.xwc-tabs.vertical button:hover {
    background-color: #e8f9ff;
}

.xwc-tabs.vertical button:active {
    background-color: #e8f9ff;
    -webkit-transition: none;
    transition: none;
}

.xwc-tabs.vertical .selected button {
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
    color: #FFFFFF;
    background-color: #00aeef;
}

.xwc-tabs.vertical .selected button:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -10px;
    height: 18px;
    width: 18px;
    z-index: 0;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: -9px 0 0 0;
    box-shadow: inset 5px 0 0 0 #e8e8e8, inset 0 -5px 0 0 #e8e8e8;
    border-left: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
}

.xwc-secondary-content {
    position: relative;
    border: 1px solid #bcbcbc;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background-color: #fafafa;
}

.xwc-secondary-content:before,
.xwc-secondary-content:after {
    position: absolute;
    content: "";
    height: 20px;
    left: 10px;
}

.xwc-secondary-content:before {
    top: 0;
    background: -webkit-gradient(linear, center top, center bottom, from(#fafafa), to(rgba(250, 250, 250, 0)));
}

.xwc-secondary-content:after {
    bottom: 0;
    background: -webkit-gradient(linear, center top, center bottom, from(rgba(250, 250, 250, 0)), to(#fafafa));
}

.xwc-secondary-content .wrapper {
    overflow-y: scroll;
    padding: 15px 18px;
    color: #2d2d2d;
}

.xwc-secondary-content .wrapper::-webkit-scrollbar {
    width: 10px;
}

.xwc-secondary-content .wrapper::-webkit-scrollbar-track {
    background-color: rgba(179, 183, 185, 0.4);
    border-radius: 5px;
}

.xwc-secondary-content .wrapper::-webkit-scrollbar-track-piece {
    border-radius: 5px;
}

.xwc-secondary-content .wrapper::-webkit-scrollbar-thumb {
    background-color: #7d7d7d;
    border-radius: 5px;
    min-height: 50px;
}

.xwc-secondary-content .wrapper::-webkit-scrollbar-button:start:decrement {
    width: 10px;
    height: 21px;
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_up.png) no-repeat -1px 0;
    display: block;
    border-top: 10px solid white;
    border-bottom: 4px solid white;
}

.xwc-secondary-content .wrapper::-webkit-scrollbar-button:end:increment {
    position: relative;
    width: 10px;
    height: 21px;
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_dn.png) no-repeat -1px 0;
    display: block;
    border-bottom: 10px solid white;
    border-top: 4px solid white;
}

.xwc-secondary-content .wrapper::-webkit-scrollbar-button:start:increment,
.xwc-secondary-content .wrapper::-webkit-scrollbar-button:end:decrement {
    display: none !important;
}

.xwc-secondary-content .wrapper::-webkit-scrollbar-button:start:decrement:active,
.xwc-secondary-content .wrapper::-webkit-scrollbar-button:end:increment:active,
.xwc-secondary-content .wrapper::-webkit-scrollbar-thumb:active {
    background-position: -1px -7px;
}

.xwc-secondary-content .wrapper::-webkit-scrollbar-button:start:decrement,
.xwc-secondary-content .wrapper::-webkit-scrollbar-button:end:increment {
    border-color: #fafafa;
}

.xwc-secondary-content h2,
.xwc-secondary-content p {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 20px;
    color: #555555;
}

.xwc-secondary-content h2 {
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
    text-transform: uppercase;
}

.xwc-secondary-content p:last-of-type {
    margin-bottom: 0;
}

.xwc-tabs.horizontal {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.xwc-tabs.horizontal li {
    -webkit-transition: background-color 0.1s ease-in-out;
    -webkit-transition: none;
    transition: background-color 0.1s ease-in-out;
    transition: none;
    position: relative;
    z-index: 0;
    border: 1px solid #bdbdbd;
    border-bottom: none;
    margin: 0 -43px 0 50px;
    border-top-right-radius: 9px 15px;
    border-top-left-radius: 9px 15px;
    width: 215px;
    height: 52px;
    line-height: 52px;
    background: #f5f5f5;
}

.xwc-tabs.horizontal li:hover {
    background-color: #e8f9ff;
}

.xwc-tabs.horizontal li:active {
    background-color: #e8f9ff;
    -webkit-transition: none;
    transition: none;
}

.xwc-tabs.horizontal li button {
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 400;
    font-size: 19px;
    text-align: center;
    width: 100%;
    color: #007eb6;
    height: 50px;
}

.xwc-tabs.horizontal li:before,
.xwc-tabs.horizontal li:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 14px;
    height: 48px;
    border: 1px solid #bdbdbd;
    border-top: none;
}

.xwc-tabs.horizontal li:before {
    left: -18px;
    border-bottom-right-radius: 40px;
    border-left: none;
    -webkit-box-shadow: 1px 0 0 0 #f5f5f5, 6px 0 0 0 #f5f5f5, 14px 0 0 0 #f5f5f5;
    -webkit-transform: rotate(12deg);
    box-shadow: 1px 0 0 0 #f5f5f5, 6px 0 0 0 #f5f5f5, 14px 0 0 0 #f5f5f5;
    transform: rotate(12deg);
}

.xwc-tabs.horizontal li:after {
    right: -18px;
    border-bottom-left-radius: 40px 40px;
    border-right: none;
    -webkit-box-shadow: -1px 0 0 0 #f5f5f5, -6px 0 0 0 #f5f5f5, -14px 0 0 0 #f5f5f5;
    -webkit-transform: rotate(-12deg);
    box-shadow: -1px 0 0 0 #f5f5f5, -6px 0 0 0 #f5f5f5, -14px 0 0 0 #f5f5f5;
    transform: rotate(-12deg);
}

.xwc-tabs.horizontal li:hover {
    -webkit-transition: none;
    transition: none;
}

.xwc-tabs.horizontal li:hover:before {
    -webkit-box-shadow: 11px 0 0 #e8f9ff;
    box-shadow: 11px 0 0 #e8f9ff;
}

.xwc-tabs.horizontal li:hover:after {
    -webkit-box-shadow: -11px 0 0 #e8f9ff;
    box-shadow: -11px 0 0 #e8f9ff;
}

.xwc-tabs.horizontal li:active {
    -webkit-transition: none;
    transition: none;
}

.xwc-tabs.horizontal li:active:before {
    -webkit-box-shadow: 11px 0 0 #e8f9ff;
    box-shadow: 11px 0 0 #e8f9ff;
}

.xwc-tabs.horizontal li:active:after {
    -webkit-box-shadow: -11px 0 0 #e8f9ff;
    box-shadow: -11px 0 0 #e8f9ff;
}

.xwc-tabs.horizontal li.tab-transaction-history.selected,
.xwc-tabs.horizontal li.tab-uncleared.selected,
.xwc-tabs.horizontal li.tab-archived-statements.selected {
    z-index: 3;
    background: #fafafa;
    -webkit-transition: none;
    transition: none;
}

.xwc-tabs.horizontal li.tab-transaction-history.selected button,
.xwc-tabs.horizontal li.tab-uncleared.selected button,
.xwc-tabs.horizontal li.tab-archived-statements.selected button {
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
    color: #2d2d2d;
    cursor: default;
}

.xwc-tabs.horizontal li.tab-transaction-history.selected:before,
.xwc-tabs.horizontal li.tab-uncleared.selected:before,
.xwc-tabs.horizontal li.tab-archived-statements.selected:before {
    -webkit-box-shadow: 1px 0 0 0 #fafafa, 6px 0 0 0 #fafafa, 14px 0 0 0 #fafafa;
    box-shadow: 1px 0 0 0 #fafafa, 6px 0 0 0 #fafafa, 14px 0 0 0 #fafafa;
}

.xwc-tabs.horizontal li.tab-transaction-history.selected:after,
.xwc-tabs.horizontal li.tab-uncleared.selected:after,
.xwc-tabs.horizontal li.tab-archived-statements.selected:after {
    -webkit-box-shadow: -1px 0 0 0 #fafafa, -6px 0 0 0 #fafafa, -14px 0 0 0 #fafafa;
    box-shadow: -1px 0 0 0 #fafafa, -6px 0 0 0 #fafafa, -14px 0 0 0 #fafafa;
}

.xwc-tabs.horizontal li.tab-transaction-history.selected:hover:before,
.xwc-tabs.horizontal li.tab-transaction-history.selected:active:before,
.xwc-tabs.horizontal li.tab-uncleared.selected:hover:before,
.xwc-tabs.horizontal li.tab-uncleared.selected:active:before,
.xwc-tabs.horizontal li.tab-archived-statements.selected:hover:before,
.xwc-tabs.horizontal li.tab-archived-statements.selected:active:before {
    -webkit-box-shadow: 1px 0 0 0 #fafafa, 6px 0 0 0 #fafafa, 14px 0 0 0 #fafafa;
    box-shadow: 1px 0 0 0 #fafafa, 6px 0 0 0 #fafafa, 14px 0 0 0 #fafafa;
}

.xwc-tabs.horizontal li.tab-transaction-history.selected:hover:after,
.xwc-tabs.horizontal li.tab-transaction-history.selected:active:after,
.xwc-tabs.horizontal li.tab-uncleared.selected:hover:after,
.xwc-tabs.horizontal li.tab-uncleared.selected:active:after,
.xwc-tabs.horizontal li.tab-archived-statements.selected:hover:after,
.xwc-tabs.horizontal li.tab-archived-statements.selected:active:after {
    -webkit-box-shadow: -1px 0 0 0 #fafafa, -6px 0 0 0 #fafafa, -14px 0 0 0 #fafafa;
    box-shadow: -1px 0 0 0 #fafafa, -6px 0 0 0 #fafafa, -14px 0 0 0 #fafafa;
}

.tabs.content {
    position: relative;
    z-index: 2;
    background: #f0f0f0;
    width: 600px;
    height: 100px;
    box-shadow: inset 0 1px 0 #bdbdbd;
    border-top: 3px solid #e3e3e3;
    margin-top: -6px;
}

.xwc-primary-nav.right {
    float: right;
}

.xwc-primary-nav li {
    float: left;
    padding-right: 15px;
    background: url(https://ib.absa.co.za/axob/xwc/img/divider_globalnav_vertical.png) no-repeat 0 0;
    height: 50px;
}

.xwc-primary-nav li button {
    color: #fff;
    font-size: 18px;
    -webkit-transition: text-shadow 0.2s ease-in-out;
    transition: text-shadow 0.2s ease-in-out;
    height: 50px;
    display: block;
}

.xwc-primary-nav .barclays,
.xwc-primary-nav .return-home {
    background: none;
}

.xwc-primary-nav .barclays {
    color: #fff;
    font-size: 25px;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    padding-left: 50px;
    background: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_home_normal.png) no-repeat 15px 0;
}

.xwc-primary-nav .barclays:hover button,
.xwc-primary-nav .barclays button:hover {
    text-shadow: none;
}

.xwc-primary-nav .exit button,
.xwc-primary-nav .charges button,
.xwc-primary-nav .help button,
.xwc-primary-nav .settings button,
.xwc-primary-nav .print button {
    padding-left: 40px;
    cursor: pointer;
}

.xwc-primary-nav .return-home button {
    padding-left: 50px;
    cursor: pointer;
    background: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_home_normal.png) no-repeat 15px 0;
}

.xwc-primary-nav .exit button {
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_globalnav_exit.png) no-repeat 20px 0;
    padding-left: 45px;
}

.xwc-primary-nav .exit.logout button {
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_globalnav_logout.png) no-repeat 12px 0;
    padding-left: 45px;
}

.xwc-primary-nav .help button {
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_globalnav_help_normal.png) 15px 3px, url(https://ib.absa.co.za/axob/xwc/img/icn_globalnav_help_circle.png) 10px 15px;
    background-repeat: no-repeat, no-repeat;
}

.xwc-primary-nav .settings button {
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_globalnav_settings_inactive.png) no-repeat 12px 11px;
    padding-left: 50px;
    color: #D8D8D8;
}

.xwc-primary-nav .settings.visible button {
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_globalnav_settings.png) no-repeat 12px 11px;
    padding-left: 50px;
    color: #FFFFFF;
}

.xwc-primary-nav li {
    float: left;
    padding-right: 15px;
    background: url(https://ib.absa.co.za/axob/xwc/img/divider_globalnav_vertical.png) no-repeat 0 0;
    height: 50px;
}

.xwc-primary-nav .print {
    background: url(https://ib.absa.co.za/axob/xwc/img/divider_globalnav_vertical.png) no-repeat 0 0, url(https://ib.absa.co.za/axob/xwc/img/icn_globalnav_print.png) no-repeat 10px 15px;
    color: #FFFFFF;
    display: none;
}

.xwc-primary-nav .print button {
    padding-left: 40px;
}

.xwc-primary-nav .charges button {
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_globalnav_charges.png) no-repeat 12px 17px;
    padding-left: 50px;
}

.xwc-primary-nav li:hover button,
.xwc-primary-nav li button:hover {
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.7);
    -webkit-transition: text-shadow 0.1s ease-in-out;
    transition: text-shadow 0.1s ease-in-out;
}

.xwc-primary-nav .exit:hover button,
.xwc-primary-nav .exit button:hover {
    background-position: 20px -50px;
}

.xwc-primary-nav .exit.logout:hover button,
.xwc-primary-nav .exit.logout button:hover {
    background-position: 12px -50px;
}

.xwc-primary-nav .offer button {
    padding-left: 6px;
    cursor: pointer;
    display: inline-block;
}

.xwc-primary-nav .offer {
    background-color: #00aeef;
}

li.xwc-primary-nav.offer {
    background: #00aeef;
    float: left;
    padding-right: 6px;
    padding-left: 6px;
    height: 50px;
}

.xwc-primary-nav .return-home:hover button,
.xwc-primary-nav .return-home button:hover {
    background-position: 15px -50px;
}

.xwc-reference {
    overflow: hidden;
    *zoom: 1;
}

.xwc-reference span {
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    font-size: 20px;
    float: left;
    height: 50px;
    line-height: 50px;
}

.xwc-reference .xwc-ref.input {
    height: 50px;
    margin-bottom: 10px;
    float: left;
    margin: 0 5px 10px 5px;
}

.xwc-reference .xwc-ref.input input {
    width: auto;
    float: none;
}

.xwc-reference .xwc-ref.input:first-of-type {
    margin-left: 0;
}

.xwc-ui-text .xwc-reference div.container-right {
    width: 70px;
}

.xwc-helpdesk {
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
}

.xwc-helpdesk span:nth-child(5),
.xwc-helpdesk span:nth-child(8) {
    margin-left: 10px;
}

.xwc-loading {
    display: none;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
    height: 100%;
    -webkit-box-align: center;
    -moz-box-align: center;
    justify-content: center;
    align-items: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-box-orient: vertical;
    background: white;
    opacity: 1;
}

.xwc-loading p {
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    text-align: center;
    padding-top: 20px;
    color: #007eb6;
    font-size: 18px;
    line-height: 24px;
}

.xwc-loading.large .spinner {
    width: 82px;
    height: 82px;
    background: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/spinner_icons_v1.png) no-repeat 0 0;
}

.xwc-loading.small .spinner,
.ui-autocomplete-loading + div.xwc-loading .spinner {
    width: 32px;
    height: 32px;
    background: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/spinner_icons_v1.png) no-repeat -25px -107px;
}

.xwc-loading.visible.large .spinner {
    width: 82px;
    height: 82px;
    background: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/spinner_icons_v1.png) no-repeat 0 0;
    -webkit-animation: Spinner 0.6s infinite;
    -webkit-animation-timing-function: linear;
    animation: Spinner 0.6s infinite;
    animation-timing-function: linear;
}

.xwc-loading.visible.small .spinner,
.ui-autocomplete-loading + div.xwc-loading .spinner {
    width: 32px;
    height: 32px;
    background: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/spinner_icons_v1.png) no-repeat -25px -107px;
    -webkit-animation: Spinner 0.6s infinite;
    -webkit-animation-timing-function: linear;
    animation: Spinner 0.6s infinite;
    animation-timing-function: linear;
}

.ui-autocomplete-loading ~ div.icon {
    visibility: hidden;
}

.xwc-loading.active,
.ui-autocomplete-loading + div.xwc-loading {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
}

.xwc-loading.active .spinner,
.xwc-loading.active p {
    opacity: 0;
}

.xwc-loading.visible,
.ui-autocomplete-loading + div.xwc-loading {
    opacity: 1;
    -webkit-transition: opacity 0.32s ease-in-out;
    transition: opacity 0.32s ease-in-out;
}

.xwc-loading.visible .spinner,
.xwc-loading.visible p,
.ui-autocomplete-loading + div.xwc-loading .spinner {
    opacity: 1;
    -webkit-transition: opacity 0.32s ease-in-out;
    transition: opacity 0.32s ease-in-out;
}

.xwc-loading.transition-out {
    opacity: 0;
    -webkit-transition: opacity 0.32s ease-in-out;
    -webkit-transition-delay: 0.32s;
    transition: opacity 0.32s ease-in-out;
    transition-delay: 0.32s;
}

.xwc-loading.transition-out .spinner,
.xwc-loading.transition-out p {
    opacity: 0;
    -webkit-transition: opacity 0.32s ease-in-out;
    transition: opacity 0.32s ease-in-out;
}

.xwc-spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    text-align: center;
    z-index: 1234;
    overflow: auto;
    width: 100px;
    height: 102px;
}

.xwc-loading-overlay {
    display: block;
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
    height: 100%;
    -webkit-box-align: center;
    -moz-box-align: center;
    justify-content: center;
    align-items: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-box-orient: vertical;
    background: white;
    opacity: 1;
}

.xwc-loading p {
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    text-align: center;
    padding-top: 20px;
    color: #007eb6;
    font-size: 18px;
    line-height: 24px;
}

.xwc-splash-message.loading {
    font-weight: 100;
    font-size: x-large;
    color: #007eb6;
    text-align: center;
}

.xwc-splash-message.busy {
    border-radius: 4px;
    border-width: 1px;
    border-color: #007eb6;
    border-style: solid;
    box-shadow: 0 0 10px #007eb6;
    font-size: xx-large;
    padding: 4px 10px;
    line-height: 50px;
}

.xwc-splash-message {
    font-family: "ExpertSansLight", sans-serif;
    word-spacing: -1px;
    color: grey;
    font-size: x-large;
    line-height: 35px;
    text-align: center;
}

.checkmark {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: transparent;
    border-radius: 50%;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkmark:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 9px;
    background-color: green;
    left: 11px;
    top: 6px;
}

.checkmark:after {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    background-color: green;
    left: 8px;
    top: 12px;
}

.xwc-fragment.xwc-page-error,
.xwc-fragment.xwc-page-no-data {
    width: 100%;
    height: 490px;
}

.xwc-fragment.xwc-page-error .wrap,
.xwc-fragment.xwc-page-no-data .wrap {
    height: 470px;
    padding-bottom: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    box-align: center;
    -moz-box-align: center;
    justify-content: center;
    align-items: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -moz-box-orient: vertical;
}

.xwc-fragment.xwc-page-error .wrap .icon-error,
.xwc-fragment.xwc-page-no-data .wrap .icon-error {
    margin-bottom: 25px;
}

.xwc-fragment.xwc-page-error .wrap h2,
.xwc-fragment.xwc-page-no-data .wrap h2 {
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    font-size: 30px;
    color: #003366;
    color: #007eb6;
    margin-bottom: 20px;
    font-size: 22px;
}

.xwc-fragment.xwc-page-error .wrap p,
.xwc-fragment.xwc-page-no-data .wrap p {
    font-size: 18px;
    margin-bottom: 30px;
    color: #555555;
}

.xwc-fragment.xwc-page-error .wrap .icon-error {
    width: 75px;
    height: 67px;
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_warning_triangle.png) no-repeat 0 0;
}

.xwc-fragment.xwc-page-error .wrap p {
    font-family: "ExpertSansRegularItalic", sans-serif;
    font-weight: 400;
}

.xwc-fragment.xwc-page-error.payment-errors {
    height: 430px;
}

.xwc-fragment.xwc-page-error.payment-errors .payment-error-connection-failed-payees,
.xwc-fragment.xwc-page-error.payment-errors .payment-error-connection-failed-providers {
    height: 410px;
}

.xwc-fragment.xwc-page-error.payment-errors .payment-error-connection-failed-payees .pay-new,
.xwc-fragment.xwc-page-error.payment-errors .payment-error-connection-failed-providers .pay-new {
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    background-color: #9c5683;
}

.xwc-fragment.xwc-page-error.payment-errors .payment-error-connection-failed-payees .pay-new:active,
.xwc-fragment.xwc-page-error.payment-errors .payment-error-connection-failed-providers .pay-new:active {
    -webkit-transition: none;
    transition: none;
}

.xwc-fragment.xwc-page-error.payment-errors .payment-error-connection-failed-payees .pay-new:hover,
.xwc-fragment.xwc-page-error.payment-errors .payment-error-connection-failed-providers .pay-new:hover {
    background-color: #8f4f78;
}

.xwc-fragment.xwc-page-error.payment-errors .payment-error-connection-failed-payees .pay-new:active,
.xwc-fragment.xwc-page-error.payment-errors .payment-error-connection-failed-providers .pay-new:active {
    background-color: #824869;
}

.xwc-fragment.xwc-page-error.payment-errors .payment-error-connection-failed-payees {
    background: url(https://ib.absa.co.za/axob/xwc/img/bg_grey_pattern_tile.png) repeat;
    -webkit-box-shadow: inset 0 1px 0 #c9c9c9, inset 0 3px 0 #e8e8e8;
    box-shadow: inset 0 1px 0 #c9c9c9, inset 0 3px 0 #e8e8e8;
}

.xwc-fragment.xwc-page-error.payment-errors .payment-error-connection-failed-providers {
    background: url(https://ib.absa.co.za/axob/xwc/img/bg_blue_pattern_tile.png) repeat;
    box-shadow: inset 0 1px 0 #cccccc, inset 0 3px 0 #c7eefd;
}

.xwc-fragment.xwc-page-error.get-accounts-error {
    height: 370px;
}

.xwc-fragment.xwc-page-error.get-accounts-error .wrap {
    height: 350px;
}

.xwc-fragment.xwc-page-error.payees-errors .payees-error-connection-failed {
    height: 470px;
}

.xwc-fragment.xwc-page-error.transactions-errors {
    position: relative;
    z-index: 3;
    height: 487px;
    border-top: 3px solid #e3e3e3;
    margin-top: -4px;
    padding-bottom: 4px;
    -webkit-box-shadow: inset 0 1px 0 #bdbdbd;
    box-shadow: inset 0 1px 0 #bdbdbd;
}

.xwc-page-no-data .wrap button {
    float: none;
}

.xwc-page-no-data.no-payees .wrap .icon {
    height: 71px;
    width: 65px;
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_payees_large.png) no-repeat 50% 0;
    margin: 0 0 25px;
}

.dropdown .ui-widget-content {}

.dropdown .ui-widget {
    font-family: ExpertSansLight, sans-serif;
    font-size: 20px;
}

.dropdown .ui-menu {
    padding: inherit;
    margin: inherit;
    outline: inherit;
}

.dropdown .ui-autocomplete {
    position: inherit;
    top: inherit;
    left: inherit;
    cursor: inherit;
}

.dropdown .ui-front {
    z-index: 100;
}

.dropdown .ui-widget-content {
    border: inherit;
    background: inherit;
    color: inherit;
}

.dropdown .ui-widget {
    font-family: ExpertSansLight, sans-serif;
    font-size: 20px;
}

.dropdown .ui-menu {
    list-style: inherit;
    padding: inherit;
    margin: inherit;
    display: inherit;
    outline: inherit;
}

.dropdown .ui-autocomplete {
    position: inherit;
    top: inherit;
    left: inherit;
    cursor: inherit;
}

.dropdown .ui-state-hover,
.dropdown .ui-widget-content .ui-state-hover,
.dropdown .ui-widget-header .ui-state-hover,
.ui-state-focus,
.dropdown .ui-widget-content .ui-state-focus,
.dropdown .ui-widget-header .ui-state-focus {
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
    color: #2d2d2d;
    background-color: #e8f9ff;
    border: 1px solid #e8f9ff;
    font-weight: normal;
    background: white;
}

.static-dropdown .ui-widget {
    font-family: ExpertSansLight, sans-serif;
    font-size: 20px;
}

.static-dropdown .ui-menu {
    padding: inherit;
    margin: inherit;
    outline: inherit;
}

.static-dropdown .ui-autocomplete {
    position: inherit;
    top: inherit;
    left: inherit;
    cursor: inherit;
}

.static-dropdown .ui-front {
    z-index: 100;
}

.static-dropdown .ui-widget-content {
    border: inherit;
    background: inherit;
    color: inherit;
}

.static-dropdown .ui-widget {
    font-family: ExpertSansLight, sans-serif;
    font-size: 20px;
}

.static-dropdown .ui-menu {
    list-style: inherit;
    padding: inherit;
    margin: inherit;
    display: inherit;
    outline: inherit;
}

.static-dropdown .ui-autocomplete {
    position: inherit;
    top: inherit;
    left: inherit;
    cursor: inherit;
}

.static-dropdown .ui-state-hover,
.static-dropdown .ui-widget-content .ui-state-hover,
.static-dropdown .ui-widget-header .ui-state-hover,
.ui-state-focus,
.static-dropdown .ui-widget-content .ui-state-focus,
.static-dropdown .ui-widget-header .ui-state-focus {
    font-family: "ExpertSansLight", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
    color: #2d2d2d;
    background-color: #e8f9ff;
    border: 1px solid #e8f9ff;
    font-weight: normal;
    background: #e8f9ff;
}

.static-dropdown .dropdown li:hover {
    background-color: #e8f9ff;
}

.xwc-ui-searchbox .dropdown .ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 0;
    cursor: pointer;
    min-height: 0;
    list-style-image: none;
}

.xwc-ui-text .select .ui-selectmenu-button.error {
    border: 1px solid #efa6a6;
    background-color: #fff5f5;
    color: #c03b3b;
    -webkit-box-shadow: inset 0 0 0 2px #fed5d5;
    box-shadow: inset 0 0 0 2px #fed5d5;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
}

.select .ui-menu .ui-menu-item,
.stack .ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 0px;
    cursor: pointer;
    min-height: 0;
    list-style-image: none;
}

.select .ui-menu .ui-menu-item .wrap,
.stack .ui-menu .ui-menu-item .wrap {
    padding: 8px;
}

.select .ui-selectmenu-menu .ui-menu li::before,
.stack .ui-selectmenu-menu .ui-menu li::before {
    content: "";
    display: block;
    background: white url(https://ib.absa.co.za/axob/xwc/img/divider_opt_dot_grey.png) repeat-x 0 0;
    height: 2px;
}

.select .ui-selectmenu-menu .ui-menu li:first-child::before,
.stack .ui-selectmenu-menu .ui-menu li:first-child::before {
    background: none;
}

.select .ui-widget {
    font-family: ExpertSansLight, sans-serif;
    font-size: 20px;
}

.select .ui-state-default,
.select .ui-widget-content .ui-state-default,
.select .ui-widget-header .ui-state-default {
    border: 1px solid #cccccc;
    background: white;
    font-weight: normal;
    color: #2D2D2D;
}

.ui-selectmenu-button.ui-state-focus {
    border: 1px solid #6dcff6;
    background-color: #f5fcff;
    color: #00aeef;
    -webkit-box-shadow: inset 0 0 0 2px #c5ecfb;
    box-shadow: inset 0 0 0 2px #c5ecfb;
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 400;
}

.select .ui-selectmenu-button {
    overflow: visible;
}

.select .ui-selectmenu-button span.ui-selectmenu-text {
    text-align: left;
    padding: 4px;
    padding-left: 10px;
    padding-right: 20px;
    display: block;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select .ui-selectmenu-menu .ui-menu {
    max-height: 212px;
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px;
    width: 200px;
}

.select .ui-selectmenu-button span.ui-icon {
    right: 0.5em;
    left: auto;
    margin-top: -8px;
    position: absolute;
    top: 60%;
}

.select .ui-state-default .ui-icon {
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_dropdown_arrow_normal.png) no-repeat 0 0;
}

.select .ui-selectmenu-menu .ui-menu::-webkit-scrollbar {
    width: 7px;
}

.select .ui-selectmenu-menu .ui-menu::-webkit-scrollbar-track {
    background-color: rgba(179, 183, 185, 0.4);
    border-radius: 3px;
    margin: 10px 0;
}

.select .ui-selectmenu-menu .ui-menu::-webkit-scrollbar-thumb {
    background-color: #7d7d7d;
    border-radius: 3px;
    min-height: 45px;
}

.select .ui-selectmenu-menu .ui-menu::-webkit-scrollbar-thumb:active {
    background-color: #666;
}

.select .ui-state-hover,
.select .ui-widget-content .ui-state-hover,
.select .ui-widget-header .ui-state-hover,
.ui-state-focus,
.select .ui-widget-content .ui-state-focus,
.select .ui-widget-header .ui-state-focus {
    border: 1px solid rgba(0, 0, 0, 0);
    background: none;
    background-color: #e8f9ff;
    font-weight: normal;
    color: #2D2D2D;
}

.select .ui-widget-content {
    background: white;
    color: #2D2D2D;
    border: 1px solid #C8C8C8;
    padding: 4px 0;
    -webkit-border-radius: 8px;
    -webkit-box-shadow: inset 0 0 0 2px #EEE;
    border-radius: 8px;
    box-shadow: inset 0 0 0 2px #EEE;
}

.xwc-modal-overlay .xwc-modal .content .select ul {
    margin-top: 0px;
    text-align: left;
}

.xwc-ui-keypad button {
    color: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    height: 50px;
    float: left;
    line-height: 50px;
    padding: 0 25px;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    background-color: #007eb6;
    font-family: "ExpertSansBold", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 94px;
    margin: 0 7px 7px 0;
    font-size: 32px;
    padding: 0;
    border: none;
}

.xwc-ui-keypad button:hover,
.xwc-ui-keypad.small button:hover {
    background-color: #00395d;
    color: #FFFFFF;
}

.xwc-ui-keypad .keypad-inline {
    background-color: none;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.xwc-ui-keypad .keypad-space {
    color: #FFF;
    text-align: center;
    font-size: 17px;
    cursor: pointer;
    height: 25px;
    float: left;
    line-height: 25px;
    padding: 0 25px;
    font-family: "ExpertSansBold", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    width: 94px;
    margin: 0 7px 7px 0;
    padding: 0;
    border: none;
}

.xwc-ui-keyboard button {
    color: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    font-size: 17px;
    cursor: pointer;
    height: 25px;
    float: left;
    line-height: 25px;
    padding: 0 25px;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    background-color: #007eb6;
    font-family: "ExpertSansBold", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 40px;
    margin: 0 7px 7px 0;
    padding: 0;
    border: none;
}

.xwc-ui-keyboard button:hover,
.xwc-ui-keyboard.small button:hover {
    background-color: #00395d;
    color: #FFFFFF;
}

.xwc-ui-keyboard .keypad-space {
    color: #FFF;
    text-align: center;
    font-size: 17px;
    cursor: pointer;
    height: 25px;
    float: left;
    line-height: 25px;
    padding: 0 25px;
    font-family: "ExpertSansBold", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    width: 40px;
    margin: 0 7px 7px 0;
    padding: 0;
    border: none;
}

.xwc-ui-keyboard .keypad-inline {
    background-color: none;
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.xwc-ui-keypad.small button {
    color: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    font-size: 10px;
    cursor: pointer;
    height: 25px;
    float: left;
    line-height: 25px;
    padding: 0 25px;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    background-color: #007eb6;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 47px;
    margin: 0 7px 7px 0;
    font-size: 16px;
    padding: 0;
    border: none;
}

.customSlide.in #xwc-page-content {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 320ms;
    -moz-animation-duration: 320ms;
    animation-duration: 320ms;
}

.customSlide.out#page-home #xwc-page-content {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 320ms;
    -moz-animation-duration: 320ms;
    animation-duration: 320ms;
}

.customSlide.in#page-home #xwc-page-content {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 320ms;
    -moz-animation-duration: 320ms;
    animation-duration: 320ms;
}

.customSlide.out #xwc-page-content {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 320ms;
    -moz-animation-duration: 320ms;
    animation-duration: 320ms;
}

.customInstant.out {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 0ms;
    -moz-animation-duration: 0ms;
    animation-duration: 0ms;
}

.customInstant.in {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-duration: 0ms;
    -moz-animation-duration: 0ms;
    animation-duration: 0ms;
}

li.ticker-offer {
    color: #fff;
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    background-color: #00aeef;
    background: #00aeef;
    width: 460px;
}

.ticker-offer a {
    padding-left: 6px;
    color: #fff;
    font-size: 13px;
    background-color: #00aeef;
    text-decoration: none;
}

.ticker-offer a:hover {
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.7);
    -webkit-transition: text-shadow 0.1s ease-in-out;
    transition: text-shadow 0.1s ease-in-out;
    padding-left: 6px;
    color: #fff;
    background-color: #00aeef;
    text-decoration: none;
}

.ticker-offer-start {
    background-color: #00aeef;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=5);
}

.angled {
    background: #00aeef;
    width: 35px;
    height: 35px;
    margin: 0 0 0 0;
    position: relative;
    height: 35px;
    background: #00aeef;
    float: left;
    color: #FFFFFF;
    z-index: 1001;
}

.angled:after {
    content: '';
    line-height: 0;
    font-size: 0;
    width: 0;
    height: 0;
    border-top: 35px solid #00aeef;
    border-bottom: 0px solid #00aeef;
    border-left: 35px solid transparent;
    border-right: 0px solid transparent;
    position: absolute;
    top: 0px;
    left: -35px;
}

.numberCircle {
    border-radius: 50%;
    width: 16px;
    height: 16px;
    padding: 4px;
    background: #FFF;
    color: #00aeef;
    text-align: center;
    display: inline-block;
    line-height: 16px;
    font-weight: bold;
}

.glassOverlay {
    display: block;
    z-index: 1001;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: .00;
    filter: alpha(opacity=00);
}

.ui-widget-content .ui-datepicker-unselectable .ui-state-default {
    color: #409EC8;
}

.ui-widget-content a.ui-state-active,
.ui-widget-header a.ui-state-active {
    border: 1px solid #00aeef;
}

.xwc-access-hidden {
    display: none !important;
}

.xwc-logo {
    width: 266px;
    height: 35px;
    position: absolute;
    left: 50%;
    top: 44px;
    margin-left: -133px;
}

.xwc-logo div {
    position: absolute;
    height: 35px;
}

.xwc-logo .barclays {
    z-index: 1;
    width: 266px;
    float: right;
    position: relative;
    background: white url(https://ib.absa.co.za/axob/xwc/img/logo_placeholder_loginscreen_1.png) no-repeat 0 0;
}

.xwc-logo .bkey {
    z-index: 2;
    left: 196px;
    width: 70px;
    border-right: 70px solid white;
    background: white url(https://ib.absa.co.za/axob/xwc/img/logo_placeholder_loginscreen_2.png) no-repeat right 4px;
}

.xwc-logo .divide {
    z-index: 3;
    left: 193px;
    width: 1px;
    border-left: 1px solid white;
    border-right: 1px solid white;
    background: #007eb6;
}

#page-login.active .xwc-logo {
    opacity: 0;
}

#page-login.active .xwc-logo .barclays {
    width: 100px;
}

#page-login.active .xwc-logo .bkey {
    width: 0;
}

#page-login.visible .xwc-logo {
    opacity: 1;
    -webkit-transition: opacity 0.4s ease-in-out;
}

#page-login.visible .xwc-logo .barclays {
    width: 266px;
    -webkit-transition: width 0.72s cubic-bezier(0.2, 0, 0.2, 1);
}

#page-login.visible .xwc-logo .bkey {
    width: 70px;
    -webkit-transition: width 0.72s cubic-bezier(0.2, 0, 0.2, 1);
}

.xwc-page.no-logo .xwc-logo {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
}

#page-login.transition-out .xwc-logo .barclays {
    -webkit-animation: LoginOutBarclays 0.32s 1;
    -webkit-animation-fill-mode: forwards;
}

#page-login.transition-out .xwc-logo .bkey {
    -webkit-animation: LoginOutBkey 0.32s 1;
    -webkit-animation-fill-mode: forwards;
}

.xwc-app-full #page-login.visible .xwc-logo {
    -webkit-animation: FirsttimeLogoFade 1s 1;
    -webkit-animation-fill-mode: forwards;
    opacity: 1;
    -webkit-transition: none;
}

@-webkit-keyframes FirsttimeLogoFade {
    0% {
        opacity: 1;
    }
    33% {
        opacity: 0;
    }
    66% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes LoginOutBarclays {
    0% {
        width: 266px;
    }
    33% {
        width: 281px;
        opacity: 1;
    }
    100% {
        width: 100px;
        opacity: 0;
    }
}

@-webkit-keyframes LoginOutBkey {
    0% {
        width: 70px;
    }
    33% {
        width: 95px;
        opacity: 1;
    }
    100% {
        width: 0;
        opacity: 0;
    }
}

.xwc-alpha-list {
    width: 340px;
    height: 419px;
    overflow-y: auto;
    overflow-x: hidden;
}

.xwc-alpha-list::-webkit-scrollbar {
    width: 10px;
}

.xwc-alpha-list::-webkit-scrollbar-track {
    background-color: rgba(179, 183, 185, 0.4);
    border-radius: 5px;
}

.xwc-alpha-list::-webkit-scrollbar-track-piece {
    border-radius: 5px;
}

.xwc-alpha-list::-webkit-scrollbar-thumb {
    background-color: #7d7d7d;
    border-radius: 5px;
    min-height: 50px;
}

.xwc-alpha-list::-webkit-scrollbar-button:start:decrement {
    width: 10px;
    height: 21px;
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_up.png) no-repeat -1px 0;
    display: block;
    border-top: 10px solid white;
    border-bottom: 4px solid white;
}

.xwc-alpha-list::-webkit-scrollbar-button:end:increment {
    position: relative;
    width: 10px;
    height: 21px;
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_dn.png) no-repeat -1px 0;
    display: block;
    border-bottom: 10px solid white;
    border-top: 4px solid white;
}

.xwc-alpha-list::-webkit-scrollbar-button:start:increment,
.xwc-alpha-list::-webkit-scrollbar-button:end:decrement {
    display: none !important;
}

.xwc-alpha-list::-webkit-scrollbar-button:start:decrement:active,
.xwc-alpha-list::-webkit-scrollbar-button:end:increment:active,
.xwc-alpha-list::-webkit-scrollbar-thumb:active {
    background-position: -1px -7px;
}

.xwc-alpha-list .wrapper {
    padding: 10px 0 30px;
}

.xwc-alpha-list h2,
.xwc-alpha-list li {
    width: 276px;
    padding: 0 14px;
}

.xwc-alpha-list h2 {
    background: #bfdfed;
    height: 30px;
    line-height: 30px;
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
    font-size: 18px;
    color: #007eb6;
}

.xwc-alpha-list li,
.xwc-alpha-list + .overlay .active {
    height: inherit;
    position: relative;
    cursor: pointer;
    border: 2px solid #6dcff6;
    -webkit-box-shadow: 4px 5px 0 #e8e8e8;
    -webkit-border-radius: 8px;
    -webkit-transition: background-color 0.1s ease-in-out;
    box-shadow: 4px 5px 0 #e8e8e8;
    border-radius: 8px;
    transition: background-color 0.1s ease-in-out;
    background-image: url(https://ib.absa.co.za/axob/xwc/img/divider_opt_dot_grey_bg.png);
    background-repeat: repeat-x;
    background-position: 0 0;
    padding-top: 2px;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    border: none;
    -webkit-box-shadow: none;
    -webkit-border-radius: 0;
    box-shadow: none;
    border-radius: 0;
}

.xwc-alpha-list li:hover,
.xwc-alpha-list + .overlay .active:hover {
    background-color: #e8f9ff;
}

.xwc-alpha-list li:active,
.xwc-alpha-list + .overlay .active:active {
    background-color: #e8f9ff;
    -webkit-transition: none;
    transition: none;
}

.xwc-alpha-list li:first-of-type,
.xwc-alpha-list + .overlay .active:first-of-type {
    background-image: none;
    padding-top: 0;
}

.xwc-alpha-list li.active,
.xwc-alpha-list + .overlay .active.active {
    background-color: #ED1C24;
    -webkit-transition: none;
    color: #a5e3fd;
    background-image: none;
    padding-top: 0;
}

.xwc-alpha-list li.active + li,
.xwc-alpha-list + .overlay .active.active + li {
    background-image: none;
}

.xwc-alpha-list li.prev,
.xwc-alpha-list + .overlay .active.prev {
    padding-bottom: 2px;
}

.xwc-alpha-list li div,
.xwc-alpha-list + .overlay .active div {
    pointer-events: none;
}

.xwc-alpha-list li .highlight {
    color: inherit;
    background: #fafaa0;
    padding: 5px 0;
}

.xwc-alpha-list li.active .highlight {
    color: #2d2d2d;
}

.xwc-alpha-list li > div:first-of-type,
.xwc-alpha-list + .overlay .active > div:first-of-type {
    width: 186px;
}

.xwc-alpha-list li > div:last-of-type,
.xwc-alpha-list + .overlay .active > div:last-of-type {
    text-align: right;
    width: 90px;
}

.xwc-alpha-list li > div,
.xwc-alpha-list + .overlay .active > div {
    display: table-cell;
    vertical-align: middle;
    height: 70px;
}

.xwc-alpha-list li div,
.xwc-alpha-list + .overlay .active div {
    color: #555555;
    line-height: 22px;
}

.xwc-alpha-list li .title,
.xwc-alpha-list + .overlay .active .title {
    font-size: 15px;
    color: #2d2d2d;
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

.xwc-alpha-list li .sub-title,
.xwc-alpha-list + .overlay .active .sub-title,
.xwc-alpha-list li .bank,
.xwc-alpha-list + .overlay .active .bank,
.xwc-alpha-list li .accNum,
.xwc-alpha-list + .overlay .active .accNum {
    font-size: 14px;
}

.xwc-alpha-list li .bank,
.xwc-alpha-list + .overlay .active .bank {
    text-transform: uppercase;
}

xwc-alpha-list li .bank,
.xwc-alpha-list + .overlay .active .bank {
    font-size: 13px;
}

xwc-alpha-list li .accNum,
.xwc-alpha-list + .overlay .active .accNum {
    font-size: 13px;
}

.ui-menu-item > div > div > div.leftcolumn {
    width: 155px;
    float: left;
    text-align: left;
}

.ui-menu-item > div > div > div.rightcolumn {
    width: 145px;
    float: left;
    text-align: right;
}

.ui-menu-item > div > div.leftcolumn {
    width: 155px;
    float: left;
    text-align: left;
}

.ui-menu-item > div > div.rightcolumn {
    width: 145px;
    float: left;
    text-align: right;
}

xwc-alpha-list li div.doublecolumn-wrapper {
    color: #555555;
    line-height: 22px;
}

.xwc-alpha-list li.active {
    overflow: hidden;
}

.xwc-alpha-list li.active .title,
.xwc-alpha-list + .overlay .active .title {
    color: #fff;
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 400;
}

.xwc-alpha-list li .title,
.xwc-alpha-list li .sub-title,
.xwc-alpha-list + .overlay .active .title,
.xwc-alpha-list + .overlay .active .sub-title {
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.xwc-alpha-list .direct-debit,
.direct-debit {
    position: relative;
}

.xwc-alpha-list .direct-debit > div:last-of-type,
.direct-debit > div:last-of-type {
    text-align: left;
}

.xwc-alpha-list .direct-debit:after,
.direct-debit:after {
    content: "";
    position: absolute;
    right: 19px;
    bottom: 12px;
    width: 72px;
    height: 24px;
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_dd_01.png) no-repeat 0 -24px;
}

.xwc-alpha-list .direct-debit.active > div .sub-title,
.direct-debit.active > div .sub-title {
    background-position: 0 0;
}

.xwc-alpha-list .direct-debit.prev > div .sub-title,
.direct-debit.prev > div .sub-title {
    bottom: 11px;
}

.xwc-alpha-list .direct-debit .sort-code,
.xwc-alpha-list .direct-debit .account-number,
.direct-debit .sort-code,
.direct-debit .account-number {
    display: none;
}

.xwc-alpha-list .direct-debit.active:after,
.direct-debit.active:after {
    background-position: 0 0;
}

.xwc-alpha-list li.active div,
.xwc-alpha-list + .overlay .active div {
    color: #a5e3fd;
}

.overlay {
    width: 350px;
    height: 400px;
    position: absolute;
    top: 0;
    left: 0;
}

@-webkit-keyframes TransitionTimer {
    from {
        clip: rect(1px, auto, auto, auto);
    }
    to {
        clip: rect(0px, auto, auto, auto);
    }
}

@keyframes TransitionTimer {
    from {
        clip: rect(1px, 0, 0, 0);
    }
    to {
        clip: rect(0px, 0, 0, 0);
    }
}

#page-payees.active.visible .xwc-alpha-list + .overlay .active {
    opacity: 0;
    position: absolute;
    padding: 0 14px;
}

#page-payees.active.visible .xwc-alpha-list .wrapper {
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}

#page-payees.active.visible .xwc-alpha-list.action-add.to-hidden {
    -webkit-animation: TransitionTimer;
    -webkit-animation-duration: 0.64s;
    -webkit-transition: opacity 0.64s cubic-bezier(0.2, 0, 0.2, 1);
    animation: TransitionTimer;
    animation-duration: 0.64s;
    transition: opacity 0.64s cubic-bezier(0.2, 0, 0.2, 1);
}

#page-payees.active.visible .xwc-alpha-list.action-add.to-hidden,
#page-payees.active.visible .xwc-alpha-list.state-hidden {
    opacity: 0;
}

#page-payees.active.visible .xwc-alpha-list.state-hidden {
    visibility: hidden;
}

#page-payees.active.visible .xwc-alpha-list.to-default.action-cancel {
    visibility: visible;
    -webkit-animation: TransitionTimer;
    -webkit-animation-duration: .64s;
    -webkit-transition: opacity 0.64s cubic-bezier(0.2, 0, 0.2, 1);
    animation: TransitionTimer;
    animation-duration: .64s;
    transition: opacity 0.64s cubic-bezier(0.2, 0, 0.2, 1);
}

#page-payees.active.visible .xwc-alpha-list.to-default.action-cancel {
    opacity: 1;
}

#page-payees.active.visible .xwc-alpha-list.action-delete.to-default {
    -webkit-animation: TransitionTimer;
    -webkit-animation-duration: .7s;
    animation: TransitionTimer;
    animation-duration: .7s;
}

#page-payees.active.visible .xwc-alpha-list.action-delete.to-default li.active {
    height: 0px;
    opacity: 0;
    -webkit-transition: height 0.64s cubic-bezier(0.2, 0, 0.2, 1);
    -webkit-transition-delay: .23s;
    transition: height 0.64s cubic-bezier(0.2, 0, 0.2, 1);
    transition-delay: .23s;
}

#page-payees.active.visible .xwc-alpha-list.action-delete.to-default + .overlay .active {
    opacity: 0;
    -webkit-animation: DeleteItem 0.56s 1;
    -webkit-transform-origin: center center;
    animation: DeleteItem 0.56s 1;
    transform-origin: center center;
}

#page-payees.active.visible .xwc-alpha-list.action-edit.to-overlay {
    -webkit-animation: TransitionTimer;
    -webkit-animation-duration: 1s;
    animation: TransitionTimer;
    animation-duration: 1s;
}

#page-payees.active.visible .xwc-alpha-list.action-edit.to-overlay {
    -webkit-transition: all 0.64s cubic-bezier(0.2, 0, 0.2, 1);
    transition: all 0.64s cubic-bezier(0.2, 0, 0.2, 1);
}

#page-payees.active.visible .xwc-alpha-list.action-edit.to-overlay li.active {
    -webkit-transition: height 0.64s cubic-bezier(0.2, 0, 0.2, 1);
    transition: height 0.64s cubic-bezier(0.2, 0, 0.2, 1);
}

#page-payees.active.visible .xwc-alpha-list.action-edit.to-overlay .wrapper {
    -webkit-transition: -webkit-transform 0.64s cubic-bezier(0.2, 0, 0.2, 1);
    transition: -webkit-transform 0.64s cubic-bezier(0.2, 0, 0.2, 1);
}

#page-payees.active.visible .xwc-alpha-list.action-edit.to-overlay + .overlay .active {
    opacity: 1;
    -webkit-transition: top 0.64s cubic-bezier(0.2, 0, 0.2, 1);
    transition: top 0.64s cubic-bezier(0.2, 0, 0.2, 1);
}

#page-payees.active.visible .xwc-alpha-list.state-overlay,
#page-payees.active.visible .xwc-alpha-list.action-edit.to-overlay {
    opacity: .3;
}

#page-payees.active.visible .xwc-alpha-list.state-overlay li.active,
#page-payees.active.visible .xwc-alpha-list.action-edit.to-overlay li.active {
    height: 0;
    opacity: 0;
}

#page-payees.active.visible .xwc-alpha-list.state-overlay .wrapper,
#page-payees.active.visible .xwc-alpha-list.action-edit.to-overlay .wrapper {
    -webkit-transform: scale(0.95);
    -webkit-transform-origin: top;
    transform: scale(0.95);
    transform-origin: top;
}

#page-payees.active.visible .xwc-alpha-list.state-overlay + .overlay .active,
#page-payees.active.visible .xwc-alpha-list.action-edit.to-overlay + .overlay .active {
    opacity: 1;
}

#page-payees.active.visible .xwc-alpha-list.action-cancel.to-default,
#page-payees.active.visible .xwc-alpha-list.action-save.to-default {
    -webkit-animation: TransitionTimer;
    -webkit-animation-duration: 1.3s;
    animation: TransitionTimer;
    animation-duration: 1.3s;
}

#page-payees.active.visible .xwc-alpha-list.action-cancel.to-default,
#page-payees.active.visible .xwc-alpha-list.action-save.to-default {
    opacity: 1;
}

#page-payees.active.visible .xwc-alpha-list.action-cancel.to-default .wrapper,
#page-payees.active.visible .xwc-alpha-list.action-save.to-default .wrapper {
    -webkit-transform: scale(1) translateY(0);
    -webkit-transition: -webkit-transform 0.64s cubic-bezier(0.2, 0, 0.2, 1);
    transform: scale(1) translateY(0);
    transition: transform 0.64s cubic-bezier(0.2, 0, 0.2, 1);
}

#page-payees.active.visible .xwc-alpha-list.action-cancel.to-default + .overlay .active,
#page-payees.active.visible .xwc-alpha-list.action-save.to-default + .overlay .active {
    opacity: 1;
    top: 50px !important;
    -webkit-transition: top 0.64s cubic-bezier(0.2, 0, 0.2, 1);
    transition: top 0.64s cubic-bezier(0.2, 0, 0.2, 1);
}

#page-payees.active.visible .xwc-alpha-list.action-cancel.to-default li.active,
#page-payees.active.visible .xwc-alpha-list.action-save.to-default li.active {
    height: 70px;
    -webkit-transition: height 0.64s cubic-bezier(0.2, 0, 0.2, 1);
    -webkit-transition-delay: 0.64s;
    transition: height 0.64s cubic-bezier(0.2, 0, 0.2, 1);
    transition-delay: 0.64s;
}

#page-payees.active.visible .xwc-alpha-list.state-hidden.action-save.to-default {
    -webkit-animation: TransitionTimer;
    -webkit-animation-duration: 0.9s;
    animation: TransitionTimer;
    animation-duration: 0.9s;
}

#page-payees.active.visible .xwc-alpha-list.state-hidden.action-save.to-default {
    -webkit-transition: opacity 0.64s cubic-bezier(0.2, 0, 0.2, 1);
    transition: opacity 0.64s cubic-bezier(0.2, 0, 0.2, 1);
    opacity: 1;
    visibility: visible;
}

#page-payees.active.visible .xwc-alpha-list.state-hidden.action-save.to-default li.active {
    height: 70px;
    opacity: 0;
    -webkit-transition: height 0.64s cubic-bezier(0.2, 0, 0.2, 1);
    -webkit-animation: AddPlaceholder 1s 1;
    transition: height 0.64s cubic-bezier(0.2, 0, 0.2, 1);
    animation: AddPlaceholder 1s 1;
}

#page-payees.active.visible .xwc-alpha-list.state-hidden.action-save.to-default + .overlay .active {
    opacity: 0;
    -webkit-animation: AddPayee 1s 1;
    -webkit-transform-origin: center center;
    animation: AddPayee 1s 1;
    transform-origin: center center;
}

#page-payees.active.visible .xwc-alpha-list.state-hidden.action-save.to-default .add-prev {
    -webkit-animation: AddPrev 1s 1;
    animation: AddPrev 1s 1;
}

@-webkit-keyframes DeleteItem {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(1.1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(0.5);
        opacity: 0;
    }
}

@-webkit-keyframes AddPayee {
    0% {
        -webkit-transform: scale(0.95);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes AddPlaceholder {
    0% {
        height: 0;
    }
    50% {
        height: 90px;
    }
    60% {
        height: 90px;
    }
    100% {
        height: 70px;
    }
}

@-webkit-keyframes AddPrev {
    0% {
        -webkit-transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-20px);
    }
    60% {
        -webkit-transform: translateY(-20px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}

@-webkit-keyframes FadeInOutList {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes DeleteItem {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.1);
        opacity: 1;
    }
    100% {
        transform: scale(0.5);
        opacity: 0;
    }
}

@keyframes AddPayee {
    0% {
        transform: scale(0.95);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes AddPlaceholder {
    0% {
        height: 0;
    }
    50% {
        height: 90px;
    }
    60% {
        height: 90px;
    }
    100% {
        height: 70px;
    }
}

@keyframes AddPrev {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
    60% {
        transform: translateY(-20px);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes FadeInOutList {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.xwc-modal-overlay.closed {
    visibility: hidden;
    opacity: 0;
    -webkit-transition-delay: 0.2s, 0, 0;
    transition-delay: 0.2s, 0, 0;
}

.xwc-modal-overlay.closed .xwc-modal {
    opacity: 0;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
}

.xwc-modal-overlay {
    height: inherit;
    width: 100%;
    padding: 0;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999998;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0s ease-in-out, opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    transition: visibility 0s ease-in-out, opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    box-align: center;
    -moz-box-align: center;
    justify-content: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-box-pack: center;
}

.xwc-modal-overlay .xwc-modal {
    -webkit-border-radius: 6px;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    z-index: 999999;
    text-align: center;
    opacity: 1;
    -webkit-transform: scale(1);
    -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    transform: scale(1);
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
    min-width: 390px;
    max-width: 900px;
}

.xwc-modal-overlay .xwc-modal h2 {
    height: 30px;
    background: #015172;
    padding: 5px 5px 5px 40px;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    color: #fff;
}

.xwc-modal-overlay .xwc-modal .content {
    border: 1px solid #bcbcbc;
    border-top: none;
    background: #fff;
    -webkit-border-radius: 6px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-radius: 6px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 25px;
    -webkit-box-shadow: inset -4px 0 0 #dbdbdb, inset 0 -4px 0 #dbdbdb, inset 4px 0 0 #dbdbdb;
    box-shadow: inset -4px 0 0 #dbdbdb, inset 0 -4px 0 #dbdbdb, inset 4px 0 0 #dbdbdb;
    font-size: 18px;
    color: #2d2d2d;
    line-height: 22px;
}

.xwc-modal-overlay .xwc-modal .content p {
    margin-bottom: 8px;
}

.xwc-modal-overlay .xwc-modal .content ul {
    margin-top: 20px;
}

.xwc-modal-overlay .xwc-modal .content ul li {
    line-height: 22px;
}

.xwc-modal-overlay .xwc-modal .content strong {
    color: #2d2d2d;
}

.xwc-modal-overlay .xwc-modal .content .xwc-buttons-panel {
    margin: 20px 20px 0 20px;
}

.xwc-modal-overlay .xwc-modal .content .xwc-buttons-panel button.button-secondary,
.xwc-modal-overlay .xwc-modal .content .xwc-buttons-panel button.button-third {
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    background-color: #666666;
    color: #FFFFFF;
}

.xwc-modal-overlay .xwc-modal .content .xwc-buttons-panel button.button-secondary:active,
.xwc-modal-overlay .xwc-modal .content .xwc-buttons-panel button.button-third:active {
    -webkit-transition: none;
    transition: none;
}

.xwc-modal-overlay .xwc-modal .content .xwc-buttons-panel button.button-secondary:hover,
.xwc-modal-overlay .xwc-modal .content .xwc-buttons-panel button.button-third:hover {
    background-color: #00395d;
    color: #FFFFFF;
}

.xwc-modal-overlay .xwc-modal .content .xwc-buttons-panel button.button-secondary:active,
.xwc-modal-overlay .xwc-modal .content .xwc-buttons-panel button.button-third:active {
    background-color: #00395d;
    color: #FFFFFF;
}

.xwc-modal-overlay .xwc-modal .steps .content {
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0s ease-in-out 0.2s, opacity 0.2s ease-in-out;
    transition: visibility 0s ease-in-out 0.2s, opacity 0.2s ease-in-out;
}

.xwc-modal-overlay .xwc-modal .steps .content.closed {
    visibility: hidden;
    opacity: 0;
    -webkit-transition-delay: 0;
    transition-delay: 0;
}

@-webkit-keyframes CancelledFadeIn {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes CancelledFadeIn {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.xwc-modal.cancel-transaction .content .xwc-buttons-panel button {
    width: auto;
}

.xwc-modal.cancel-transaction .content .xwc-buttons-panel button.button-secondary {
    padding: 0 40px;
}

.xwc-modal.cancel-transaction .content .xwc-buttons-panel button.button-primary {
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    background-color: #c03b3b;
}

.xwc-modal.cancel-transaction .content .xwc-buttons-panel button.button-primary:active {
    -webkit-transition: none;
    transition: none;
}

.xwc-modal.cancel-transaction .content .xwc-buttons-panel button.button-primary:hover {
    background-color: #b33737;
}

.xwc-modal.cancel-transaction .content .xwc-buttons-panel button.button-primary:active {
    background-color: #a63333;
}

.xwc-modal.crash-report .content {
    width: 410px;
}

.xwc-modal.decline-terms .content {
    width: 450px;
}

.xwc-modal.decline-terms .content .xwc-buttons-panel button {
    width: auto;
}

.xwc-modal.exit-update .content {
    width: 360px;
}

.xwc-modal.exit-update .content .xwc-buttons-panel button {
    width: auto;
    padding: 0 15px;
}

.xwc-modal.logout .content .xwc-buttons-panel button {
    padding: 0 30px;
}

.xwc-modal.logout .content .xwc-buttons-panel button.button-secondary {
    padding: 0 40px;
}

.xwc-modal.startover .content {
    width: 460px;
}

.xwc-modal.startover .content .xwc-buttons-panel button {
    width: auto;
}

.xwc-modal.support .content {
    width: 360px;
}

.xwc-modal.support .content .serial-number {
    margin: 18px 0;
    display: inline-block;
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
    font-size: 24px;
}

.xwc-modal.timeout .content {
    width: 360px;
}

.xwc-modal.timeout .content .countdown {
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    display: inline-block;
    margin: 34px 0 0 0;
    font-size: 44px;
    color: #015172;
}

.xwc-modal.timeout .content .time-unit {
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #777777;
    margin-left: 5px;
}

.xwc-modal.reserve-limit-warning .content {
    width: 500px;
}

.xwc-modal.reserve-limit-warning .content .buttons button {
    width: auto;
}

.xwc-modal-overlay .icon {
    width: 30px;
    height: 27px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #ffffff;
    position: absolute;
    left: 5px;
    top: 6px;
}

.xwc-modal-overlay .xwc-modal-startover h2 {
    background: #007eb6;
}

.xwc-modal-overlay .xwc-modal-startover .icon {
    background-image: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/dialog_titlebar_icons_v1.png);
    background-position: 2px -49px;
}

.xwc-modal-overlay .xwc-modal-returnhome h2 {
    background: #007eb6;
}

.xwc-modal-overlay .xwc-modal-returnhome .icon {
    background-image: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/dialog_titlebar_icons_v1.png);
    background-position: 2px -49px;
}

.xwc-modal-overlay .xwc-modal-warning h2 {
    background: #007eb6;
}

.xwc-modal-overlay .xwc-modal-warning .icon {
    background-image: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/dialog_titlebar_icons_v1.png);
    background-position: 2px -49px;
}

.xwc-modal-overlay .xwc-modal-info h2 {
    background: #007eb6;
}

.xwc-modal-overlay .xwc-modal-info .icon {
    background-image: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/dialog_titlebar_icons_v1.png);
    background-position: 2px -24px;
}

.xwc-modal-overlay .xwc-modal-error h2 {
    background: #007eb6;
}

.xwc-modal-overlay .xwc-modal-error .icon {
    background-image: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/dialog_titlebar_icons_v1.png);
    background-position: 2px 2px;
}

.box-wrapper .process-main .surecheckSteps {
    text-align: left;
    margin-top: 12px;
}

.box-wrapper .process-main .surecheckSteps ul {
    margin-top: 0px;
    font-family: "ExpertSansBold", sans-serif;
}

.process-main .modal-inside-header {
    font-size: 25px;
    padding-bottom: 15px;
}

.process-main .error-detail,
.process-main .modal-inside-header.left {
    text-align: left;
}

div#sureCheck2-info,
div#sureCheck2-main {
    width: 520px;
}

.process-main .detail {
    font-size: 19px;
}

#timer {
    ????margin: 20px;
    ????width: 80px;
}

.xwc-modal.error-blocked .content {
    width: 360px;
}

.xwc-modal.error-blocked .content .xwc-buttons-panel button {
    width: 180px;
}

.xwc-modal-timer.closed {
    visibility: hidden;
    opacity: 0;
    -webkit-transition-delay: 0.2s, 0, 0;
    transition-delay: 0.2s, 0, 0;
}

.xwc-modal-timer.closed .xwc-modal {
    opacity: 0;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
}

.xwc-modal-timer {
    height: inherit;
    width: 100%;
    padding: 0;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999998;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0s ease-in-out, opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    transition: visibility 0s ease-in-out, opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    box-align: center;
    -moz-box-align: center;
    justify-content: center;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-box-pack: center;
}

.xwc-modal-timer .xwc-modal {
    -webkit-border-radius: 6px;
    -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.2);
    z-index: 999999;
    text-align: center;
    opacity: 1;
    -webkit-transform: scale(1);
    -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
    transform: scale(1);
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
    min-width: 390px;
    max-width: 900px;
}

.xwc-modal-timer .xwc-modal h2 {
    height: 30px;
    background: #015172;
    padding: 5px 5px 5px 40px;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    color: #fff;
}

.xwc-modal-timer .xwc-modal .content {
    border: 1px solid #bcbcbc;
    border-top: none;
    background: #fff;
    -webkit-border-radius: 6px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    border-radius: 6px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 25px;
    -webkit-box-shadow: inset -4px 0 0 #dbdbdb, inset 0 -4px 0 #dbdbdb, inset 4px 0 0 #dbdbdb;
    box-shadow: inset -4px 0 0 #dbdbdb, inset 0 -4px 0 #dbdbdb, inset 4px 0 0 #dbdbdb;
    font-size: 18px;
    color: #2d2d2d;
    line-height: 22px;
}

.xwc-modal-timer .xwc-modal .content p {
    margin-bottom: 8px;
}

.xwc-modal-timer .xwc-modal .content ul {
    margin-top: 20px;
}

.xwc-modal-timer .xwc-modal .content ul li {
    line-height: 22px;
}

.xwc-modal-timer .xwc-modal .content strong {
    color: #2d2d2d;
}

.xwc-modal-timer .xwc-modal .content .xwc-buttons-panel {
    margin: 20px 20px 0 20px;
}

.xwc-modal-timer .xwc-modal .content .xwc-buttons-panel button.button-secondary,
.xwc-modal-timer .xwc-modal .content .xwc-buttons-panel button.button-third {
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    background-color: #666666;
    color: #FFFFFF;
}

.xwc-modal-timer .xwc-modal .content .xwc-buttons-panel button.button-secondary:active,
.xwc-modal-timer .xwc-modal .content .xwc-buttons-panel button.button-third:active {
    -webkit-transition: none;
    transition: none;
}

.xwc-modal-timer .xwc-modal .content .xwc-buttons-panel button.button-secondary:hover,
.xwc-modal-timer .xwc-modal .content .xwc-buttons-panel button.button-third:hover {
    background-color: #00395d;
    color: #FFFFFF;
}

.xwc-modal-timer .xwc-modal .content .xwc-buttons-panel button.button-secondary:active,
.xwc-modal-timer .xwc-modal .content .xwc-buttons-panel button.button-third:active {
    background-color: #00395d;
    color: #FFFFFF;
}

.xwc-modal-timer .xwc-modal .steps .content {
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility 0s ease-in-out 0.2s, opacity 0.2s ease-in-out;
    transition: visibility 0s ease-in-out 0.2s, opacity 0.2s ease-in-out;
}

.xwc-modal-timer .xwc-modal .steps .content.closed {
    visibility: hidden;
    opacity: 0;
    -webkit-transition-delay: 0;
    transition-delay: 0;
}

.xwc-modal-timer .icon {
    width: 30px;
    height: 27px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: #ffffff;
    position: absolute;
    left: 5px;
    top: 6px;
}

.xwc-modal-timer .xwc-modal-startover h2 {
    background: #007eb6;
}

.xwc-modal-timer .xwc-modal-startover .icon {
    background-image: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/dialog_titlebar_icons_v1.png);
    background-position: 2px -49px;
}

.xwc-modal-timer .xwc-modal-returnhome h2 {
    background: #007eb6;
}

.xwc-modal-timer .xwc-modal-returnhome .icon {
    background-image: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/dialog_titlebar_icons_v1.png);
    background-position: 2px -49px;
}

.xwc-modal-timer .xwc-modal-warning h2 {
    background: #007eb6;
}

.xwc-modal-timer .xwc-modal-warning .icon {
    background-image: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/dialog_titlebar_icons_v1.png);
    background-position: 2px -49px;
}

.xwc-modal-timer .xwc-modal-info h2 {
    background: #007eb6;
}

.xwc-modal-timer .xwc-modal-info .icon {
    background-image: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/dialog_titlebar_icons_v1.png);
    background-position: 2px -24px;
}

.xwc-modal-timer .xwc-modal-error h2 {
    background: #007eb6;
}

.xwc-modal-timer .xwc-modal-error .icon {
    background-image: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/dialog_titlebar_icons_v1.png);
    background-position: 2px 2px;
}

.xwc-date-picker .ui-datepicker {
    border: 1px solid #6dcff6;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    background: #fefefe;
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 400;
    width: 308px;
    height: 216px;
    left: 151px;
}

.xwc-date-picker .ui-datepicker-inline {
    border: 1px solid #6dcff6;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    background: #ffffff;
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 400;
}

.xwc-date-picker .ui-datepicker-header {
    width: 296px;
    height: 50px;
    border-bottom: 1px solid #c9c9c9;
    background-color: #ffffff;
}

.xwc-date-picker .ui-widget-header {
    width: 296px;
    height: 50px;
    border: 1px solid #c9c9c9;
    background-color: #ffffff;
    background-image: none;
}

.xwc-date-picker .ui-datepicker-title {
    color: #007eb6;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    background-color: #ffffff;
}

.xwc-date-picker .ui-datepicker .ui-datepicker-title {
    line-height: 50px;
    text-align: center;
    background-color: #ffffff;
}

.xwc-date-picker .ui-datepicker .ui-datepicker-month {
    color: #007eb6;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    background-color: #ffffff;
}

.xwc-date-picker .ui-datepicker-prev,
.xwc-date-picker .ui-datepicker-next {
    -webkit-transition: background-color 0.2s ease-in-out;
    background-color: #007eb6;
    width: 25px;
    height: 25px;
    -webkit-border-radius: 12px;
    text-indent: -99999px;
    margin-top: 13px;
    background-image: url(https://ib.absa.co.za/axob/xwc/img/icn_arrow_white_left.png);
    background-repeat: no-repeat;
    background-position: 4px 50%;
}

.xwc-date-picker .ui-datepicker-prev:active,
.xwc-date-picker .ui-datepicker-next:active {
    -webkit-transition: none;
}

.xwc-date-picker .ui-datepicker-prev:hover,
.xwc-date-picker .ui-datepicker-next:hover {
    background-color: #00395d;
    color: #FFFFFF;
}

.xwc-date-picker .ui-datepicker-prev:active,
.xwc-date-picker .ui-datepicker-next:active {
    background-color: #00395d;
    color: #FFFFFF;
}

.xwc-date-picker .ui-datepicker-prev.ui-state-disabled,
.xwc-date-picker .ui-datepicker-next.ui-state-disabled {
    background-color: #e9e9e9;
    background-image: url(https://ib.absa.co.za/axob/xwc/img/icn_arrow_white_left_disabled.png);
}

.xwc-date-picker .ui-datepicker-prev {
    float: left;
    margin-left: 13px;
}

.xwc-date-picker .ui-datepicker-next {
    float: right;
    margin-right: 13px;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate( -180deg);
    -o-transform: rotate( -180deg);
    transform: rotate( -180deg);
}

.xwc-date-picker .ui-widget-header .ui-icon {
    background-image: none;
}

.xwc-date-picker .ui-datepicker-calendar {
    width: 296px;
}

.xwc-date-picker .ui-datepicker-calendar th,
.xwc-date-picker .ui-datepicker-calendar td {
    width: 33px;
    height: 22px;
    text-align: center;
    border-right: 1px solid #c9c9c9;
    border-top: 1px solid #c9c9c9;
}

.xwc-date-picker .ui-datepicker-calendar th {
    background: #f4f4f4;
    border-right: 1px solid #f4f4f4;
    border-top: none;
    color: #666;
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
}

.xwc-date-picker .ui-datepicker-calendar th:nth-child(7),
.xwc-date-picker .ui-datepicker-calendar td:nth-child(7) {
    border-right: none;
}

.xwc-date-picker .ui-datepicker-calendar td {
    background: #fff;
    -webkit-transition: background-color 0.1s ease-in-out;
}

.xwc-date-picker .ui-datepicker-calendar td:hover {
    background-color: #e8f9ff;
}

.xwc-date-picker .ui-datepicker-calendar td:active {
    background-color: #e8f9ff;
    -webkit-transition: none;
}

.xwc-date-picker .ui-datepicker-calendar td.ui-state-disabled:hover {
    background: #fcfcfc;
}

.xwc-date-picker .ui-state-disabled {
    color: #c4c4c4;
}

.xwc-date-picker .ui-datepicker-calendar td a {
    color: #555;
    display: block;
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
}

.xwc-date-picker .ui-datepicker-calendar .ui-datepicker-other-month {
    color: #c4c4c4;
    background: #fcfcfc;
}

.xwc-date-picker .ui-datepicker-calendar .ui-datepicker-current-day,
.xwc-date-picker .ui-datepicker-calendar .ui-datepicker-current-day:hover {
    position: relative;
    background: #c5ecfb;
    border: 1px solid #bfdfed;
}

.xwc-date-picker .ui-state-highlight,
.xwc-date-picker .ui-widget-content .ui-state-highlight,
.xwc-date-picker .ui-widget-header .ui-state-highlight {
    border: 1px solid #e8f9ff;
    background-image: none;
    background-color: #e8f9ff;
    color: #363636;
}

.xwc-date-picker .ui-datepicker-calendar .ui-datepicker-current-day a {
    color: #007eb6;
}

.stack {
    height: 490px;
    overflow: hidden;
    position: relative;
}

.hidden-header .header {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.hidden-header .stack {
    overflow: visible;
    -webkit-transform: translateY(-60px);
    -webkit-transition: all 1s ease-out;
    transform: translateY(-60px);
    transition: all 1s ease-out;
}

.hidden-header .stack .xwc-stack-step.disabled > .wrapper .summary {
    background: #fff;
    -webkit-transition: background 0.32s ease-in-out;
    transition: background 0.32s ease-in-out;
}

@-webkit-keyframes TransitionTimer {
    from {
        clip: rect(1px, auto, auto, auto);
    }
    to {
        clip: rect(0px, auto, auto, auto);
    }
}

@keyframes TransitionTimer {
    from {
        clip: rect(1px, 0, 0, 0);
    }
    to {
        clip: rect(0px, 0, 0, 0);
    }
}

.xwc-stack-step > .wrapper.noNextHeader {
    height: 490px;
}

.xwc-stack-step {
    width: 960px;
    overflow: hidden;
}

.xwc-stack-step > .wrapper {
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 2000;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition: margin 0.3s ease-in-out;
    backface-visibility: hidden;
    perspective: 2000;
    transform: translate3d(0, 0, 0);
    transition: margin 0.3s ease-in-out;
    position: relative;
    height: 100%;
    z-index: 1;
    margin-bottom: 0px;
}

.xwc-stack-step > .wrapper .summary {
    -webkit-transition: background-color 0.1s ease-in-out;
    transition: background-color 0.1s ease-in-out;
    padding: 0 50px;
    width: 860px;
    position: absolute;
    top: -60px;
    height: 60px;
    line-height: 60px;
    color: #555555;
    background: #f8f8f8;
    box-shadow: inset 0 -1px 0 #c9c9c9;
    z-index: 10;
    font-size: 24px;
    cursor: pointer;
}

.xwc-stack-step > .wrapper .summary:hover {
    background-color: #e8f9ff;
}

.xwc-stack-step > .wrapper .summary:active {
    background-color: #e8f9ff;
    -webkit-transition: none;
    transition: none;
}

.xwc-stack-step > .wrapper .summary .highlight {
    color: #666666;
    font-size: 24px;
    font-family: "ExpertSansBold", sans-serif;
}

.xwc-stack-step > .wrapper .summary .highlight.recipient-name,
.xwc-stack-step > .wrapper .summary .highlight.account-from,
.xwc-stack-step > .wrapper .summary .highlight.account-to {
    font-size: 24px;
    font-family: "ExpertSansBold", sans-serif;
}

.xwc-stack-step > .wrapper .summary .highlight.account-from,
.xwc-stack-step > .wrapper .summary .highlight.account-to {
    max-width: 280px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 60px;
}

.xwc-stack-step > .wrapper .summary .view-amend {
    color: #ab2128;
    font-family: "ExpertSansBold", sans-serif;
}

.xwc-stack-step > .wrapper .summary .view-amend:hover {
    color: #ab2128;
}

.xwc-stack-step > .wrapper .summary .summary-repeat-block {
    display: inline;
    visibility: visible;
}

.xwc-stack-step > .wrapper .summary .summary-repeat-block.hidden {
    visibility: hidden;
}

.xwc-stack-step > .wrapper .content {
    height: 100%;
    overflow: hidden;
    -webkit-box-shadow: inset 0 2px 0 #e8e8e8;
    box-shadow: inset 0 2px 0 #e8e8e8;
    padding: 0;
    width: auto;
}

.xwc-stack-step > .wrapper .content .header {
    -webkit-transition: all 0.1s ease-in-out;
    -webkit-transition-delay: 0;
    transition: all 0.1s ease-in-out;
    transition-delay: 0;
    background-color: #ffffff;
    position: relative;
    height: 50px;
    line-height: 50px;
    padding: 0 50px;
    width: 860px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.xwc-stack-step > .wrapper .content .header:hover {
    background-color: #ffffff;
}

.xwc-stack-step > .wrapper .content .header .title {
    position: absolute;
    left: 50px;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    font-size: 28px;
    color: #555555;
    color: #fff;
    pointer-events: none;
}

.xwc-stack-step > .wrapper .content .header .step-number {
    color: #fff;
}

.xwc-stack-step > .wrapper .content .header .title.next,
.xwc-stack-step > .wrapper .content .header .step-number.next {
    color: #fff;
    opacity: 1;
}

.xwc-stack-step > .wrapper .content .header .title.active,
.xwc-stack-step > .wrapper .content .header .step-number.active {
    color: #555555;
    opacity: 0;
}

.xwc-stack-step > .wrapper .content .header:active {
    background-color: #868686;
    -webkit-transition: none;
    transition: none;
}

.xwc-stack-step > .wrapper .header-right {
    position: absolute;
    right: 50px;
    top: 0px;
    font-size: 22px;
    white-space: nowrap;
    ;
}

.xwc-stack-step > .wrapper .header-right.step-number {
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    color: #fff;
}

.xwc-stack-step > .wrapper .header-right.step-number strong {
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 400;
}

.xwc-stack-step > .wrapper .header-right.view-amend {
    font-size: 18px;
}

.xwc-stack-step > .wrapper .half {
    width: 100%;
    height: 50%;
    overflow: hidden;
    display: none;
    background-color: white;
}

.xwc-stack-step .confirm-changes {
    width: 860px;
    padding: 0 50px;
    height: 80px;
    background-color: #3d3d3d;
    line-height: 80px;
    color: #7c7c7c;
    font-size: 22px;
    position: absolute;
    bottom: 0;
    z-index: 50;
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
}

.xwc-stack-step .confirm-changes button {
    float: right;
    width: 100px;
    margin: 15px 0 0 10px;
}

.xwc-stack-step.disabled > .wrapper .summary:hover {
    background: #f8f8f8;
    cursor: default;
}

.xwc-stack-step.disabled > .wrapper .content .header {
    background-color: #ccc;
    cursor: default;
}

.xwc-stack-step.disabled > .wrapper .content .header .call-to-action-btn {
    background-color: #7f99b2;
    color: #ffffff;
}

.xwc-stack-step.disabled > .wrapper .content .header .title,
.xwc-stack-step.disabled > .wrapper .content .header .step-number {
    color: #fff;
}

.xwc-stack-step.disabled > .wrapper .content .header .title.active,
.xwc-stack-step.disabled > .wrapper .content .header .step-number.active {
    opacity: 0;
}

.xwc-stack-step.hidden {
    display: block;
}

.xwc-stack-step.invisible {
    display: none;
}

#buttonBar.invisible {
    display: none;
}

.xwc-stack-step.hidden > .wrapper {
    height: 0px !important;
    -webkit-transition: height 0.6s ease-in-out;
    -webkit-transition-delay: 0.6s;
    transition: height 0.6s ease-in-out;
    transition-delay: 0.6s;
}

.xwc-stack-step.active > .wrapper > .content {
    display: block;
}

.xwc-stack-step.active > .wrapper .content .header {
    background-color: transparent;
    cursor: default;
}

.xwc-stack-step.active > .wrapper .content .header .title {
    color: #555555;
}

.xwc-stack-step.active > .wrapper .content .header .step-number {
    color: #555555;
}

.xwc-stack-step.active > .wrapper .content .header .step-number.hidden {
    visibility: hidden;
}

.xwc-stack-step.active > .wrapper .content .header .title.next,
.xwc-stack-step.active > .wrapper .content .header .step-number.next {
    opacity: 0;
}

.xwc-stack-step.active > .wrapper .content .header .title.active,
.xwc-stack-step.active > .wrapper .content .header .step-number.active {
    opacity: 1;
}

.xwc-stack-step.state-closed > .wrapper {
    height: 60px;
    -webkit-transition: height 0.6s ease-in-out;
    transition: height 0.6s ease-in-out;
}

.xwc-stack-step.state-closed > .wrapper .summary .view-amend {
    color: #ab2128;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    display: block;
    font-family: "ExpertSansBold", sans-serif;
}

.xwc-stack-step.state-closed > .wrapper .summary .view-amend:hover {
    color: #ab2128;
    cursor: pointer;
}

.xwc-stack-step.state-closed > .wrapper .content .header .title.next,
.xwc-stack-step.state-closed > .wrapper .content .header .step-number.next {
    opacity: 0;
}

.xwc-stack-step.state-closed > .wrapper .content .header .title.active,
.xwc-stack-step.state-closed > .wrapper .content .header .step-number.active {
    opacity: 1;
}

.xwc-stack-step.state-closed > .wrapper > .content {
    display: none;
}

.xwc-stack-step.state-closed > .wrapper .half {
    display: block;
}

.xwc-stack-step.state-closed .confirm-changes {
    display: none;
}

.xwc-stack-step.state-closed.disabled > .wrapper .summary .view-amend {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
}

.xwc-stack-step.visible > .wrapper > .content {
    display: block;
}

.xwc-stack-step.confirm > .wrapper {
    -webkit-transition: margin 0.3s ease-in-out;
    transition: margin 0.3s ease-in-out;
    margin-bottom: 60px;
}

.xwc-stack-step.confirm > .wrapper > .content {
    display: block;
}

.xwc-stack-step.confirm > .wrapper .content .header {
    background-color: transparent;
}

.xwc-stack-step.confirm > .wrapper .content .header .title.next,
.xwc-stack-step.confirm > .wrapper .content .header .step-number.next {
    opacity: 0;
}

.xwc-stack-step.confirm > .wrapper .content .header .title.active,
.xwc-stack-step.confirm > .wrapper .content .header .step-number.active {
    opacity: 1;
}

.xwc-stack-step.confirm .confirm-changes {
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    -webkit-transition-delay: 0.3s;
    -webkit-transform: translateY(0);
    transition: transform 0.3s ease-in-out;
    transition-delay: 0.3s;
    transform: translateY(0);
}

.xwc-stack-step > .wrapper {
    margin-bottom: 0px;
    -webkit-transition: margin 0.3s ease-in-out;
    -webkit-transition-delay: 0.3s;
    transition: margin 0.3s ease-in-out;
    transition-delay: 0.3s;
}

.xwc-stack-step .confirm-changes {
    -webkit-transform: translateY(80px);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transform: translateY(80px);
    transition: transform 0.3s ease-in-out;
}

.xwc-stack-step.extended {
    -webkit-box-shadow: none;
    -webkit-transition: -webkit-box-shadow 0.32s ease-in-out 0.32s;
    box-shadow: none;
    transition: box-shadow 0.32s ease-in-out 0.32s;
}

.xwc-stack-step.extended > .wrapper {
    margin-bottom: 60px;
}

.xwc-stack-step .top {
    -webkit-transform: rotateX(0deg);
    -webkit-transform-origin: 50% 0;
    transform: rotateX(0deg);
    transform-origin: 50% 0;
}

.xwc-stack-step .bottom {
    -webkit-transform: rotateX(0deg);
    -webkit-transform-origin: 50% bottom;
    transform: rotateX(0deg);
    transform-origin: 50% bottom;
}

.xwc-stack-step .bottom .content {
    position: absolute;
    bottom: 0;
}

.xwc-stack-step .half .gradient {
    opacity: 0;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 99999;
}

.xwc-stack-step .top .gradient {
    background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(black));
    background: linear-gradient(to bottom, #CCCCCC 0%, #000000 100%);
    background: -moz-linear-gradient(top, #CCCCCC 0%, #000000 100%);
}

.xwc-stack-step .bottom .gradient {
    background: -webkit-gradient(linear, left top, left bottom, from(black), to(#cccccc));
    background: linear-gradient(to bottom, #000000 0%, #CCCCCC 100%);
    background: -moz-linear-gradient(top, #000000 0%, #CCCCCC 100%);
}

.xwc-stack-step.action-activate.to-active {
    -webkit-animation: TransitionTimer;
    -webkit-animation-duration: 0.64s;
    animation: TransitionTimer;
    animation-duration: 0.64s;
}

.xwc-stack-step.action-activate.to-active > .wrapper .content .header {
    background-color: transparent;
}

.xwc-stack-step.action-activate.to-active > .wrapper .content .header .title.next,
.xwc-stack-step.action-activate.to-active > .wrapper .content .header .step-number.next {
    opacity: 0;
}

.xwc-stack-step.action-activate.to-active > .wrapper .content .header .title.active,
.xwc-stack-step.action-activate.to-active > .wrapper .content .header .step-number.active {
    opacity: 1;
}

.xwc-stack-step.state-active.action-deactivate.to-default {
    -webkit-animation: TransitionTimer;
    -webkit-animation-duration: 0.64s;
    animation: TransitionTimer;
    animation-duration: 0.64s;
}

.xwc-stack-step.state-active.action-deactivate.to-default > .wrapper .content .header {
    background-color: #007eb6;
}

.xwc-stack-step.state-active.action-deactivate.to-default > .wrapper .content .header .title.next,
.xwc-stack-step.state-active.action-deactivate.to-default > .wrapper .content .header .step-number.next {
    opacity: 1;
}

.xwc-stack-step.state-active.action-deactivate.to-default > .wrapper .content .header .title.active,
.xwc-stack-step.state-active.action-deactivate.to-default > .wrapper .content .header .step-number.active {
    opacity: 0;
}

.xwc-stack-step.action-close.to-closed {
    -webkit-animation: TransitionTimer;
    -webkit-animation-duration: 0.64s;
    -webkit-animation-duration: 0.6s;
    animation: TransitionTimer;
    animation-duration: 0.6s;
}

.xwc-stack-step.action-close.to-closed > .wrapper {
    height: 60px;
    -webkit-transition: height 0.6s cubic-bezier(0.3, 0, 0.3, 1);
    -webkit-transition-duration: 0.6s;
    transition: height 0.6s cubic-bezier(0.3, 0, 0.3, 1);
    transition-duration: 0.6s;
}

.xwc-stack-step.action-close.to-closed > .wrapper .header {
    background-color: transparent;
}

.xwc-stack-step.action-close.to-closed > .wrapper .header .title {
    color: #555555;
}

.xwc-stack-step.action-close.to-closed > .wrapper .header .title.next,
.xwc-stack-step.action-close.to-closed > .wrapper .header .step-number.next {
    opacity: 0;
}

.xwc-stack-step.action-close.to-closed > .wrapper .header .title.active,
.xwc-stack-step.action-close.to-closed > .wrapper .header .step-number.active {
    opacity: 1;
}

.xwc-stack-step.action-close.to-closed > .wrapper > .content {
    display: none;
}

.xwc-stack-step.action-close.to-closed > .wrapper .half {
    display: block;
}

.xwc-stack-step.state-closed.action-open.to-default {
    -webkit-animation: TransitionTimer;
    -webkit-animation-duration: 0.64s;
    -webkit-animation-duration: 0.6s;
    animation: TransitionTimer;
    animation-duration: 0.64s;
    animation-duration: 0.6s;
}

.xwc-stack-step.state-closed.action-open.to-default > .wrapper {
    -webkit-transition: all 0.6s ease-in-out;
    -webkit-transition-duration: 0.6s;
    transition: all 0.6s ease-in-out;
    transition-duration: 0.6s;
}

.xwc-stack-step.state-closed.action-open.to-default > .wrapper .content .header {
    background-color: transparent;
}

.xwc-stack-step.state-closed.action-open.to-default > .wrapper .content .header .title {
    color: #555555;
}

.xwc-stack-step.state-closed.action-open.to-default > .wrapper .half {
    display: block;
}

.xwc-stack-step.active > .wrapper .content .header .title.next,
.xwc-stack-step.active > .wrapper .content .header .step-number.next {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.xwc-stack-step.active > .wrapper .content .header .title.active,
.xwc-stack-step.active > .wrapper .content .header .step-number.active {
    -webkit-transition: opacity 0.2s ease-in-out;
    -webkit-transition-delay: .2s;
    transition: opacity 0.2s ease-in-out;
    transition-delay: .2s;
}

.xwc-transaction-list {
    margin-right: 0px;
    margin-left: 30px;
    margin-bottom: 10px;
    border: 1px;
    width: 910px;
    float: left;
    width: 890px;
    overflow-y: scroll;
    overflow-x: hidden;
    position: relative;
    height: 266px;
    padding-top: 10px;
}

.xwc-transaction-list.uncleared-transactions {
    height: 312px;
}

.xwc-transaction-list::-webkit-scrollbar {
    width: 10px;
}

.xwc-transaction-list::-webkit-scrollbar-track {
    background-color: rgba(179, 183, 185, 0.4);
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.xwc-transaction-list::-webkit-scrollbar-track-piece {
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.xwc-transaction-list::-webkit-scrollbar-thumb {
    background-color: #7d7d7d;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    min-height: 50px;
}

.xwc-transaction-list::-webkit-scrollbar-button:start:decrement {
    width: 10px;
    height: 21px;
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_up.png) no-repeat -1px 0;
    display: block;
    border-top: 10px solid white;
    border-bottom: 4px solid white;
}

.xwc-transaction-list::-webkit-scrollbar-button:end:increment {
    position: relative;
    width: 10px;
    height: 21px;
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_dn.png) no-repeat -1px 0;
    display: block;
    border-bottom: 10px solid white;
    border-top: 4px solid white;
}

.xwc-transaction-list::-webkit-scrollbar-button:start:increment,
.xwc-transaction-list::-webkit-scrollbar-button:end:decrement {
    display: none !important;
}

.xwc-transaction-list::-webkit-scrollbar-button:start:decrement:active,
.xwc-transaction-list::-webkit-scrollbar-button:end:increment:active,
.xwc-transaction-list::-webkit-scrollbar-thumb:active {
    background-position: -1px -7px;
}

.xwc-transaction-list > ul {
    padding-top: 19px;
}

.xwc-transaction-list::-webkit-scrollbar-button:start:decrement {
    border-top: none;
    height: 11px;
    border-color: #f5f5f5;
}

.xwc-transaction-list::-webkit-scrollbar-button:end:increment {
    border-color: #f5f5f5;
}

.xwc-transaction-list.payments-list {
    padding-bottom: 20px;
    height: 389px;
}

.xwc-transaction-box {
    cursor: pointer;
    border: 2px solid #6dcff6;
    -webkit-box-shadow: 4px 5px 0 #e8e8e8;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin-bottom: 6px;
    margin-right: 20px;
    cursor: pointer;
    background-color: #fff;
    overflow: hidden;
    width: 858px;
    display: block;
}

.xwc-transaction-box .summary {
    -webkit-transition: background-color 0.1s ease-in-out;
    position: relative;
    z-index: 2;
    height: 64px;
    background: #fff;
    -webkit-transition: background-color 0.2s ease-in-out;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

.xwc-transaction-box .summary:hover {
    background-color: #e8f9ff;
}

.xwc-transaction-box .summary:active {
    background-color: #e8f9ff;
    -webkit-transition: none;
}

.xwc-transaction-box.open .summary {
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.xwc-transaction-box.open .summary:hover {
    background-color: #fff;
}

.xwc-transaction-box.open .summary > * {
    pointer-events: none;
}

.xwc-transaction-box .summary div {
    position: absolute;
    color: #555555;
}

.xwc-transaction-box .summary .paid-date {
    left: 18px;
    top: 8px;
    font-size: 14px;
}

.xwc-transaction-box .summary .paid-date .date {
    cursor: pointer;
}

.xwc-transaction-box .summary .name {
    top: 38px;
    left: 18px;
    color: #2d2d2d;
    font-size: 15px;
}

.xwc-transaction-box .summary .statement-name {
    left: 25px;
    color: #2d2d2d;
}

.xwc-transaction-box .summary .statement-name,
.xwc-transaction-box .summary .statement-date {
    top: 38px;
    font-size: 15px;
}

.xwc-transaction-box .summary .message {
    left: 64px;
    top: 20px;
    color: #2d2d2d;
    font-size: 18px;
}

.xwc-transaction-box .summary .account-details {
    left: 18px;
    bottom: 13px;
    font-size: 14px;
}

.xwc-transaction-box .summary .account-details span {
    position: relative;
    display: inline-block;
}

.xwc-transaction-box .summary .account-details span:not(:first-of-type) {
    padding-left: 12px;
}

.xwc-transaction-box .summary .account-details span:not(:first-of-type):before {
    content: "";
    position: absolute;
    left: 4px;
    top: 1px;
    width: 1px;
    height: 14px;
    background: #ccc;
}

.xwc-transaction-box .summary .statement-name-title,
.xwc-transaction-box .summary .statement-date-title,
.xwc-transaction-box .summary .name-title,
.xwc-transaction-box .summary .amount-title,
.xwc-transaction-box .summary .balance-title {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}

.xwc-transaction-box .summary .statement-name-title {
    top: 6px;
    left: 25px;
}

.xwc-transaction-box .summary .amount-title {
    right: 210px;
}

.xwc-transaction-box .summary .statement-date-title {
    top: 6px;
    right: 300px;
}

.xwc-transaction-box .summary .amount {
    right: 210px;
    color: #2d2d2d;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
}

.xwc-transaction-box .summary .balance-title {
    right: 30px;
}

.xwc-transaction-box .summary .balance {
    right: 30px;
    color: #2d2d2d;
    height: 21px;
    line-height: 21px;
}

.xwc-transaction-box .summary .statement-date {
    right: 300px;
}

.xwc-transaction-box .summary button .message-icon {
    position: absolute;
    left: 10px;
    top: 10px;
    cursor: pointer;
}

.xwc-transaction-box .message-icon {
    width: 45px;
    height: 45px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.xwc-transaction-box .summary .message-icon:not(.large).S {
    background-image: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_error.png);
}

.xwc-transaction-box .summary .message-icon:not(.large).W {
    background-image: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_warning.png);
}

.xwc-transaction-box .summary .message-icon:not(.large).I {
    background-image: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_info.png);
}

.xwc-transaction-box.past {
    border: 1px solid #bcbcbc;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    box-shadow: none;
}

.xwc-transaction-box.past .summary {
    -webkit-border-radius: 9px;
    border-radius: 9px;
}

.xwc-transaction-box.past .summary:hover,
.xwc-transaction-box.past .summary:active {
    background: none;
}

.xwc-transaction-box.outgoing .summary .paid-date .copy {
    color: #007eb6;
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
}

.xwc-transaction-box.outgoing .summary .amount {
    color: #007eb6;
    font-size: 15px;
}

.xwc-transaction-box.incoming .summary .paid-date .copy {
    color: #479800;
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
}

.xwc-transaction-box.incoming .summary .amount {
    color: #479800;
}

.xwc-transaction-box.future {
    margin-bottom: 20px;
}

.xwc-transaction-box.future .xwc-flyout.contextual {
    width: 280px;
    height: 100px;
}

.xwc-transaction-box.future .summary {
    cursor: pointer;
    border-bottom: 1px solid #e8e6e6;
}

.xwc-transaction-box.future .summary div,
.xwc-transaction-box.future .summary span {
    cursor: pointer;
}

.xwc-transaction-box.future .summary .paid-date .date,
.xwc-transaction-box.future .summary .paid-date .payment-type {
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
}

.xwc-transaction-box.future .summary .amount-title,
.xwc-transaction-box.future .summary .amount {
    right: 280px;
}

.xwc-transaction-box .summary .expand {
    left: 780px;
    top: 34px;
    width: 70px;
    color: #009896;
    text-align: center;
    padding-top: 30px;
    cursor: pointer;
    font-size: 14px;
    font-weight: inherit;
}

.xwc-transaction-box .summary .expand .arrow {
    position: absolute;
    top: 0;
    left: 50%;
    width: 25px;
    height: 25px;
    margin-left: -12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    background: #007eb6 url(https://ib.absa.co.za/axob/xwc/img/icn_arrow_white_down.png) no-repeat 2px 7px;
    -webkit-transition: background-color 0.2s ease-in-out;
    background-color: #009896;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-out;
}

.xwc-transaction-box .summary .expand .arrow:active {
    -webkit-transition: none;
}

.xwc-transaction-box .summary .expand .arrow:hover {
    background-color: #008c8a;
}

.xwc-transaction-box .summary .expand .arrow:active {
    background-color: #00807d;
}

.xwc-transaction-box .summary .expand span {
    cursor: pointer;
    position: absolute;
    top: 30px;
    left: 0;
    width: 70px;
}

.xwc-transaction-box .summary .expand .more {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-out;
    -webkit-transition-delay: 0.2s;
}

.xwc-transaction-box .summary .expand .less {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-out;
}

.xwc-transaction-box.open .summary .expand .arrow {
    -webkit-transform: rotate(180deg);
    -webkit-transition: all 0.5s ease-out;
}

.xwc-transaction-box.open .summary .expand .more {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-out;
}

.xwc-transaction-box.open .summary .expand .less {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-out;
    -webkit-transition-delay: 0.2s;
}

.xwc-transaction-box .more-content {
    -webkit-transform: translateY(-90px);
    position: relative;
    z-index: 1;
    height: 89px;
    width: 822px;
    padding: 0 18px;
    background: url(https://ib.absa.co.za/axob/xwc/img/bg_grey_pattern_tile.png) repeat 0 0;
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.2, 1);
    -webkit-border-bottom-left-radius: 9px;
    border-bottom-left-radius: 9px;
    -webkit-border-bottom-right-radius: 9px;
    border-bottom-right-radius: 9px;
}

.xwc-transaction-box .more-content .details {
    color: #555555;
    width: 320px;
    position: absolute;
    top: 0;
    left: 18px;
    height: 89px;
    display: -webkit-box;
    -webkit-box-align: center;
}

.xwc-transaction-box .more-content .details li {
    font-size: 16px;
    line-height: 19px;
    height: 19px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.xwc-transaction-box .more-content .details li:first-of-type {
    display: block;
    margin-bottom: -4px;
}

.xwc-transaction-box .more-content .details li:nth-child(2) {
    padding-left: 0;
    background: none;
}

.xwc-transaction-box .more-content .xwc-buttons-panel {
    height: 89px;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: end;
}

.xwc-transaction-box .more-content .xwc-buttons-panel > button {
    float: none;
}

.xwc-transaction-box .more-content .xwc-buttons-panel .edit {
    -webkit-transition: background-color 0.2s ease-in-out;
    background-color: #009896;
}

.xwc-transaction-box .more-content .xwc-buttons-panel .edit:active {
    -webkit-transition: none;
}

.xwc-transaction-box .more-content .xwc-buttons-panel .edit:hover {
    background-color: #008c8a;
}

.xwc-transaction-box .more-content .xwc-buttons-panel .edit:active {
    background-color: #00807d;
}

.xwc-transaction-box .more-content .xwc-buttons-panel .cancel {
    -webkit-transition: background-color 0.2s ease-in-out;
    background-color: #c03b3b;
}

.xwc-transaction-box .more-content .xwc-buttons-panel .cancel:active {
    -webkit-transition: none;
}

.xwc-transaction-box .more-content .xwc-buttons-panel .cancel:hover {
    background-color: #b33737;
}

.xwc-transaction-box .more-content .xwc-buttons-panel .cancel:active {
    background-color: #a63333;
}

.xwc-transaction-box .more-content .xwc-buttons-panel .cannot-edit {
    text-align: center;
    font-size: 14px;
    width: 200px;
    margin-right: 30px;
    color: #555555;
}

.xwc-transaction-box .more-content .xwc-buttons-panel .cannot-edit button {
    color: #dc630a;
    font-size: 14px;
}

.xwc-transaction-box .more-content .xwc-buttons-panel .cannot-edit button:before {
    background-color: #dc630a;
}

.direct-debits-list .xwc-transaction-box .more-content .xwc-buttons-panel .cancel {
    -webkit-transition: background-color 0.2s ease-in-out;
    background-color: #007eb6;
}

.direct-debits-list .xwc-transaction-box .more-content .xwc-buttons-panel .cancel:active {
    -webkit-transition: none;
}

.direct-debits-list .xwc-transaction-box .more-content .xwc-buttons-panel .cancel:hover {
    background-color: #0074a6;
}

.direct-debits-list .xwc-transaction-box .more-content .xwc-buttons-panel .cancel:active {
    background-color: #006894;
}

.xwc-transaction-box.open .more-content {
    -webkit-transform: translateY(0);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0, 0.2, 1);
}

.xwc-transaction-box.xwc-loading .spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -16px 0 0 -16px;
    display: block;
}

.xwc-transaction-box.xwc-loading:hover {
    background-color: transparent;
}

.xwc-transaction-list .footer {
    display: none;
    padding: 10px 20px 10px 20px;
}

.xwc-transaction-list .footer h2 {
    color: #2d2d2d;
    font-size: 22px;
    margin-bottom: 15px;
}

.xwc-transaction-list .footer p {
    color: #555555;
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 22px;
}

.xwc-transaction-list .footer p strong {
    color: #2d2d2d;
}

.xwc-transaction-list.loaded .loading {
    display: none;
}

.xwc-transaction-list.loaded .footer {
    display: block;
}

.xwc-multiple-accounts .wrapper {
    width: 920px;
    margin: 0 auto;
    height: 387px;
    opacity: 1;
    -webkit-transform: translateY(0);
    -webkit-transition: all 0.7s cubic-bezier(0.2, 0, 0.2, 1);
    -webkit-transition-delay: .1s;
    transform: translateY(0);
    transition: all 0.7s cubic-bezier(0.2, 0, 0.2, 1);
    transition-delay: .1s;
    margin: 10px 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.xwc-multiple-accounts .wrapper .box-left {
    width: 570px;
    margin-right: 10px;
}

.xwc-multiple-accounts .wrapper .box-right {
    width: 336px;
}

.xwc-multiple-accounts .title {
    font-size: 21px;
    line-height: 20px;
    margin-bottom: 15px;
    font-size: 20px;
    position: relative;
    padding-left: 60px;
    padding-top: 10px;
}

.xwc-multiple-accounts .box-right .title {
    color: #007eb6;
    height: 20px;
}

.xwc-multiple-accounts .box-right .title:before {
    position: absolute;
    left: 0;
    top: -2px;
    content: "";
    width: 45px;
    height: 45px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.xwc-multiple-accounts .box-left .box-header {
    font-size: 14px;
    color: #777777;
    position: relative;
    padding-top: 25px;
    height: 20px;
}

.xwc-multiple-accounts .box-left .box-header span {
    position: absolute;
}

.xwc-multiple-accounts .box-left .box-header .account {
    left: 60px;
}

.xwc-multiple-accounts .box-left .box-header .available {
    right: 245px;
}

.xwc-multiple-accounts .box-left .box-header .balance {
    right: 112px;
}

.xwc-multiple-accounts .box-left .box-header .uncleared {
    right: 29px;
}

.xwc-multiple-accounts .details {
    background: #fff;
    border: 2px solid #00aeef;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 0 5px;
    height: 340px;
    overflow: hidden;
}

#account-detail-placeholder {
    text-align: center;
    font-size: 18px;
    color: #999;
    padding: 0 70px;
    position: relative;
    top: 40%;
}

.xwc-multiple-accounts .details.main ul li {
    font-size: 12px;
    line-height: 20px;
    position: relative;
    padding-top: 0px;
    color: #2d2d2d;
}

.xwc-multiple-accounts .details.main ul li.rewards-red-note {
    color: red;
}

.xwc-multiple-accounts .details.main ul li:first-of-type {
    margin: 10px 0 0 0;
}

.xwc-multiple-accounts .details.main ul li:nth-child(2n+1) {
    background-color: #f9f9f9;
}

.xwc-multiple-accounts .details.main ul li div {
    float: right;
    color: #555555;
}

.xwc-multiple-accounts .details.main ul li span {
    font-size: 12px;
    height: 15px;
}

.xwc-multiple-accounts .details.main ul li .amount {
    color: #00aeef;
    font-size: 20px;
    margin-top: -3px;
}

.xwc-multiple-accounts .details.main ul.scroller {
    width: 295px;
    max-height: 340px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.xwc-multiple-accounts .details.main ul.scroller::-webkit-scrollbar {
    width: 7px;
}

.xwc-multiple-accounts .details.main ul.scroller::-webkit-scrollbar-track {
    background-color: rgba(179, 183, 185, 0.4);
    border-radius: 3px;
    margin: 10px 0;
}

.xwc-multiple-accounts .details.main ul.scroller::-webkit-scrollbar-thumb {
    background-color: #7d7d7d;
    border-radius: 3px;
    min-height: 50px;
}

.xwc-multiple-accounts .details.main ul.scroller::-webkit-scrollbar-thumb:active {
    background-color: #666;
}

.xwc-multiple-accounts .xwc-buttons-panel button.button-disabled.invisible {
    display: none;
}

.xwc-multiple-accounts .xwc-buttons-panel button.invisible.button-primary {
    display: none;
}

.xwc-multiple-accounts .xwc-buttons-panel {
    font-size: 0;
    text-align: right;
    margin-top: 20px;
    margin-right: 20px;
}

.xwc-multiple-accounts .details.accounts ul li {
    height: 35px;
    padding: 13px 0 15px;
    position: relative;
    padding-left: 55px;
    background-image: url(https://ib.absa.co.za/axob/xwc/img/divider_opt_dot_grey.png);
    background-repeat: repeat-x;
    background-position: 1px top;
    color: #555555;
}

.xwc-multiple-accounts .details.accounts ul li:first-of-type {
    background-image: none;
}

.xwc-multiple-accounts .details.accounts ul li:before {
    position: absolute;
    left: 2px;
    top: 12px;
    content: "";
    width: 45px;
    height: 45px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.xwc-multiple-accounts .details.accounts:focus {
    border: 1px solid #6dcff6;
    background-color: #f5fcff;
    color: #00aeef;
    -webkit-box-shadow: inset 0 0 0 2px #c5ecfb;
    box-shadow: inset 0 0 0 2px #c5ecfb;
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 400;
}

.xwc-multiple-accounts .details.accounts ul li:hover {
    background-color: #e8f9ff;
    color: #555555;
}

.xwc-multiple-accounts .details.accounts .hover {
    background-color: #e8f9ff;
}

.xwc-multiple-accounts .details.accounts .selected {
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    background-color: #00aeef;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.xwc-multiple-accounts .details.accounts .selected:hover,
.xwc-multiple-accounts .details.accounts .selected:focus {
    color: #FFFFFF;
    background-color: #00aeef;
}

.xwc-multiple-accounts .selected.Savings:before,
.xwc-multiple-accounts .selected.Other:before,
.xwc-multiple-accounts .selected.Retail:before,
.xwc-multiple-accounts .selected.TermDeposit:before,
.xwc-multiple-accounts .selected.ABSARewards:before,
.xwc-multiple-accounts .selected.NoticeDeposit:before {
    background-image: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_savings_selected.png);
}

.xwc-multiple-accounts .Savings:before,
.xwc-multiple-accounts .Other:before,
.xwc-multiple-accounts .Retail:before,
.xwc-multiple-accounts .TermDeposit:before,
.xwc-multiple-accounts .ABSARewards:before,
.xwc-multiple-accounts .NoticeDeposit:before {
    background-image: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_savings.png);
}

.xwc-multiple-accounts .selected.Current:before {
    background-image: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_chequeaccount_selected.png);
}

.xwc-multiple-accounts .Current:before {
    background-image: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_chequeaccount.png);
}

.xwc-multiple-accounts .selected.CreditCard:before,
.xwc-multiple-accounts .selected.GarageCard:before {
    background-image: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_creditcard_selected.png);
}

.xwc-multiple-accounts .CreditCard:before,
.xwc-multiple-accounts .GarageCard:before {
    background-image: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_creditcard.png);
}

.xwc-multiple-accounts .selected.HomeLoan:before,
.xwc-multiple-accounts .selected.CorporatePropertyFinance:before {
    background-image: url(https://ib.absa.co.za/axob/xwc/img/icn_prod_homeloan_selected.png);
}

.xwc-multiple-accounts .HomeLoan:before,
.xwc-multiple-accounts .CorporatePropertyFinance:before {
    background-image: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_homeloan.png);
}

.xwc-multiple-accounts .selected.PersonalLoan:before,
.xwc-multiple-accounts .selected.PensionBackedLoan:before {
    background-image: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_personalloan_selected.png);
}

.xwc-multiple-accounts .PersonalLoan:before,
.xwc-multiple-accounts .PensionBackedLoan:before {
    background-image: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_personalloan.png);
}

.xwc-multiple-accounts .selected.AVAF:before {
    background-image: url(https://ib.absa.co.za/axob/xwc/img/icn_prod_vehicleloan_selected.png);
}

.xwc-multiple-accounts .AVAF:before {
    background-image: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_vehicleloan.png);
}

.xwc-multiple-accounts .details.accounts ul li .account-name {
    font-family: "ExpertSansBold", sans-serif;
    margin-top: 2px;
    line-height: 14px;
    text-transform: uppercase;
    font-size: 14px;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.xwc-multiple-accounts .details.accounts ul li .account-number {
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    font-size: 14px;
    margin-top: 7px;
}

.xwc-multiple-accounts .details.accounts ul li div {
    height: 36px;
    line-height: 36px;
    position: absolute;
    top: 18px;
    font-size: 14px;
}

.xwc-multiple-accounts .details.accounts ul li .available {
    right: 220px;
}

.xwc-multiple-accounts .details.accounts ul li .balance {
    right: 85px;
}

.xwc-multiple-accounts .details.accounts ul li .uncleared {
    right: 0;
}

.xwc-multiple-accounts .details.accounts ul.scroller {
    width: 555px;
    max-height: 340px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.xwc-multiple-accounts .details.accounts ul.scroller::-webkit-scrollbar {
    width: 10px;
}

.xwc-multiple-accounts .details.accounts ul.scroller::-webkit-scrollbar-track {
    background-color: rgba(179, 183, 185, 0.4);
    border-radius: 5px;
    margin: 10px 0;
}

.xwc-multiple-accounts .details.accounts ul.scroller::-webkit-scrollbar-thumb {
    background-color: #7d7d7d;
    border-radius: 5px;
    min-height: 50px;
}

.xwc-multiple-accounts .details.accounts ul.scroller::-webkit-scrollbar-thumb:active {
    background-color: #666;
}

.xwc-multiple-accounts .details.accounts ul.scroller::-webkit-scrollbar-button:start:decrement {
    width: 10px;
    height: 21px;
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_up.png) no-repeat -1px 0;
    display: block;
    border-top: 10px solid white;
    border-bottom: 4px solid white;
}

.xwc-multiple-accounts .details.accounts ul.scroller::-webkit-scrollbar-button:end:increment {
    position: relative;
    width: 10px;
    height: 21px;
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_dn.png) no-repeat -1px 0;
    display: block;
    border-bottom: 10px solid white;
    border-top: 4px solid white;
}

.xwc-multiple-accounts .details.accounts ul.scroller::-webkit-scrollbar-button:start:increment,
.xwc-multiple-accounts .details.accounts ul.scroller::-webkit-scrollbar-button:end:decrement {
    display: none !important;
}

.xwc-multiple-accounts .details.accounts ul.scroller::-webkit-scrollbar-button:start:decrement:active,
.xwc-multiple-accounts .details.accounts ul.scroller::-webkit-scrollbar-button:end:increment:active,
.xwc-multiple-accounts .details.accounts ul.scroller::-webkit-scrollbar-thumb:active {
    background-position: -1px -7px;
}

.xwc-multiple-accounts .details.accounts ul.scroller li {
    width: 482px;
}

.xwc-multiple-accounts .box-left .info {
    font-size: 13px;
    color: #555555;
    margin-top: 20px;
}

#responses {
    text-align: center;
    font-size: 18px;
    color: #999;
    padding: 0 70px;
    position: relative;
    top: 40%;
}

.xwc-multiple-accounts.xwc-loading.large {
    position: relative;
}

.xwc-multiple-accounts .xwc-buttons-panel > button {
    text-align: center;
    width: 165px;
    padding: 0 0px;
}

@-webkit-keyframes Spinner {
    from {
        -webkit-transform: rotate(0);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes ConnectedPop {
    0% {
        -webkit-transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

@-webkit-keyframes FadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.shared-sprite,
.shared-btn_radio_ticked,
.shared-btn_radio_unticked,
.shared-icn_arrow_right_smartscroll,
.shared-icn_clear_normal,
.shared-icn_flap_down_blue,
.shared-icn_flap_left_blue,
.shared-icn_flap_right_blue,
.shared-icn_flap_up_blue,
.shared-icn_pingit_payee,
.shared-icn_questionmark_normal,
.shared-icn_tick_normal {
    background: url(https://ib.absa.co.za/axob/xwc/img/sprites/shared-s36ba9d341e.png) no-repeat;
}

.shared-btn_radio_ticked {
    background-position: 0 -114px;
}

.shared-btn_radio_unticked {
    background-position: 0 -54px;
}

.shared-icn_arrow_right_smartscroll {
    background-position: 0 -300px;
}

.shared-icn_clear_normal {
    background-position: 0 -270px;
}

.shared-icn_flap_down_blue {
    background-position: 0 -189px;
}

.shared-icn_flap_left_blue {
    background-position: 0 -144px;
}

.shared-icn_flap_right_blue {
    background-position: 0 -206px;
}

.shared-icn_flap_up_blue {
    background-position: 0 -172px;
}

.shared-icn_pingit_payee {
    background-position: 0 0;
}

.shared-icn_questionmark_normal {
    background-position: 0 -251px;
}

.shared-icn_tick_normal {
    background-position: 0 -234px;
}

#page-login,
#page-logged-out {
    position: relative;
    text-align: center;
    width: 432px;
    height: 600px;
    margin-top: 0;
}

#page-login .xwc-fragment,
#page-logged-out .xwc-fragment {
    width: 432px;
    height: 600px;
}

#page-login .info,
#page-logged-out .info {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 66px;
    padding-top: 46px;
    font-size: 16px;
    color: #555555;
    line-height: 20px;
}

#page-login .info .info-icon,
#page-logged-out .info .info-icon {
    position: absolute;
    top: 0;
    left: 50%;
    width: 33px;
    height: 33px;
    margin-left: -15px;
    background: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_info_login.png) no-repeat 0 0;
}

#page-login .info:before,
#page-login .info:after,
#page-logged-out .info:before,
#page-logged-out .info:after {
    position: absolute;
    top: 14px;
    content: " ";
    width: 164px;
    height: 4px;
    background: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/divider_horiz_blue_diagonal.png) repeat-x 0 0;
}

#page-login .info:before,
#page-logged-out .info:before {
    left: 26px;
}

#page-login .info:after,
#page-logged-out .info:after {
    right: 26px;
    -webkit-transform: rotateX(180deg);
}

#page-login .instructions,
#page-login .title,
#page-login .message,
#page-logged-out .instructions,
#page-logged-out .title,
#page-logged-out .message {
    color: #555555;
    line-height: 22px;
    position: absolute;
    width: 100%;
    text-align: center;
}

#page-login .instructions button,
#page-login .title button,
#page-login .message button,
#page-logged-out .instructions button,
#page-logged-out .title button,
#page-logged-out .message button {
    font-size: 16px;
    cursor: pointer;
    position: relative;
    width: auto;
    background: none;
    padding-bottom: 2px;
    color: #003366;
}

#page-login .instructions button:before,
#page-login .title button:before,
#page-login .message button:before,
#page-logged-out .instructions button:before,
#page-logged-out .title button:before,
#page-logged-out .message button:before {
    width: 100%;
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
}

#page-login .instructions button:hover:before,
#page-login .title button:hover:before,
#page-login .message button:hover:before,
#page-logged-out .instructions button:hover:before,
#page-logged-out .title button:hover:before,
#page-logged-out .message button:hover:before {
    opacity: 1;
}

#page-login .instructions button:before,
#page-login .title button:before,
#page-login .message button:before,
#page-logged-out .instructions button:before,
#page-logged-out .title button:before,
#page-logged-out .message button:before {
    background: #003366;
}

#page-login .instructions .italic,
#page-login .title .italic,
#page-login .message .italic,
#page-logged-out .instructions .italic,
#page-logged-out .title .italic,
#page-logged-out .message .italic {
    font-family: "ExpertSansRegularItalic", sans-serif;
    font-weight: 400;
}

#page-login .instructions .highlight,
#page-login .title .highlight,
#page-login .message .highlight,
#page-logged-out .instructions .highlight,
#page-logged-out .title .highlight,
#page-logged-out .message .highlight {
    font-family: "ExpertSansRegularItalic", sans-serif;
    font-weight: 400;
    color: #2d2d2d;
}

#page-login .title,
#page-logged-out .title {
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    font-size: 30px;
    color: #003366;
    font-size: 26px;
}

#page-login .xwc-flyout.contextual.customStyle {
    max-width: 310px;
}

#page-login .xwc-flyout.contextual.customStyle p:last-of-type {
    margin-bottom: 0;
}

#page-login .icon,
#page-logged-out .icon {
    position: absolute;
    top: 190px;
}

#page-login .icon.spinner,
#page-login .icon > .spinner,
#page-logged-out .icon.spinner,
#page-logged-out .icon > .spinner {
    left: 175px;
}

#page-login .icon.tick,
#page-logged-out .icon.tick {
    width: 44px;
    height: 44px;
    -webkit-border-radius: 22px;
    background: #479800 url(https://ib.absa.co.za/axob/xwc/img/icn_tick_login.png) no-repeat 50% 50%;
}

#page-login .authentication .connecting .message,
#page-login .authentication .connected .message {
    top: 298px;
    font-size: 22px;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    color: #007eb6;
    line-height: 30px;
}

#page-login .authentication .connecting .icon {
    position: relative;
    left: 0;
    width: 82px;
    height: 82px;
    margin: 0 auto;
}

#page-login .authentication .connected .icon {
    top: 210px;
    left: 194px;
}

#page-login .authentication .connected .message {
    color: #479800;
}

.authentication .connecting .icon,
.authentication .connecting .message,
.authentication .connecting .logo {
    opacity: 0;
}

.authentication .info {
    -webkit-transform: translateY(-35px);
    opacity: 0;
}

.authentication.visible .info {
    opacity: 1;
    -webkit-transform: translateY(0);
    -webkit-transition: all 0.4s ease-in-out;
}

.authentication.visible .connecting .icon {
    opacity: 1;
    -webkit-transition: all 0.4s cubic-bezier(0.2, 0, 0.2, 1);
    -webkit-transition-delay: .4s;
}

.authentication.visible .connecting .message {
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out;
    -webkit-transition-delay: .4s;
}

.authentication .connecting.transition-out .icon {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -webkit-transition: all 0.2s ease-in-out;
}

.authentication .connected.visible .icon,
.software-update .complete.visible .icon,
.passcode-accepted.visible .icon,
.passcode-changed.visible .icon {
    -webkit-animation: ConnectedPopIn 0.2s 1;
    -webkit-transform-origin: 50% 50%;
}

.authentication.transition-out .connected .icon,
.software-update.transition-out .complete .icon,
.passcode-accepted.transition-out .icon,
.passcode-changed.transition-ou .icon {
    opacity: 0;
    -webkit-transition: all 0.24s ease-in-out;
    -webkit-transition-delay: 0.2s;
}

.authentication.transition-out .connected .icon.tick,
.software-update.transition-out .complete .icon.tick,
.passcode-accepted.transition-out .icon.tick,
.passcode-changed.transition-out .icon.tick,
.first-time.transition-out .authentication .connected .icon.tick {
    -webkit-animation: ConnectedPopOut 0.32s 1;
    -webkit-transform-origin: 50% 50%;
}

.authentication.transition-out .connected .message,
.software-update.transition-out .complete .message,
.passcode-accepted.transition-out .message,
.passcode-changed.transition-out .message {
    opacity: 0;
    -webkit-transition: all 0.24s ease-in-out;
    -webkit-transition-delay: 0.2s;
}

.authentication.transition-out .connected .info,
.software-update.transition-out .complete .info {
    -webkit-transition: all 0.24s ease-in-out;
    -webkit-transition-delay: 0.2s;
}

#page-login .setup-passcode.active .instructions,
#page-login .passcode.active .instructions {
    display: none;
}

#page-login .setup-passcode.active .instructions .title,
#page-login .passcode.active .instructions .title {
    top: 122px;
    line-height: 30px;
}

#page-login .setup-passcode.active .instructions .title.wrong,
#page-login .passcode.active .instructions .title.wrong {
    top: 102px;
}

#page-login .setup-passcode.active .instructions .message,
#page-login .passcode.active .instructions .message {
    top: 155px;
    font-size: 16px;
    color: #2d2d2d;
}

#page-login .setup-passcode.active .instructions .title.wrong,
#page-login .passcode.active .instructions .title.wrong {
    -webkit-transform: translateY(-15px);
}

#page-login .setup-passcode.active .instructions.normal,
#page-login .passcode.active .instructions.normal {
    display: block;
}

#page-login .setup-passcode.active .instructions.normal .message,
#page-login .passcode.active .instructions.normal .message {
    opacity: 0;
}

#page-login .setup-passcode.active .passcode-spinner,
#page-login .passcode.active .passcode-spinner {
    top: 330px;
}

#page-login .setup-passcode.active .enter-passcode,
#page-login .setup-passcode.active .options,
#page-login .passcode.active .enter-passcode,
#page-login .passcode.active .options {
    position: absolute;
    left: 68px;
    width: 296px;
}

#page-login .setup-passcode.active .enter-passcode,
#page-login .passcode.active .enter-passcode {
    top: 190px;
}

#page-login .setup-passcode.active .options,
#page-login .passcode.active .options {
    bottom: 70px;
    color: #003366;
    left: 0;
    width: 100%;
    text-align: center;
}

#page-login .setup-passcode.active .options button,
#page-login .passcode.active .options button {
    font-size: 16px;
    cursor: pointer;
    position: relative;
    width: auto;
    background: none;
    padding-bottom: 2px;
    color: #003366;
    font-size: 16px;
    height: 19px;
    line-height: 19px;
    display: inline-block;
    vertical-align: middle;
}

#page-login .setup-passcode.active .options button:before,
#page-login .passcode.active .options button:before {
    width: 100%;
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
}

#page-login .setup-passcode.active .options button:hover:before,
#page-login .passcode.active .options button:hover:before {
    opacity: 1;
}

#page-login .setup-passcode.active .options button:before,
#page-login .passcode.active .options button:before {
    background: #003366;
}

#page-login .setup-passcode.active .options .no-passcode,
#page-login .passcode.active .options .no-passcode {
    display: none;
}

#page-login .setup-passcode.active .options .icon-questionmark,
#page-login .passcode.active .options .icon-questionmark {
    width: 10px;
    height: 21px;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
    background: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_questionmark_normal.png) no-repeat 0 0;
    margin-top: -3px;
}

#page-login .setup-passcode.active .options .icon-close,
#page-login .passcode.active .options .icon-close {
    width: 15px;
    height: 21px;
    display: inline-block;
    margin: 0 8px 0 15px;
    vertical-align: middle;
    background: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_exitBkey.png) no-repeat 0 0;
}

#page-login .passcode .instructions.timed-out {
    width: 100%;
    font-size: 18px;
}

#page-login .passcode .instructions.timed-out .message {
    top: 95px;
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 15px;
}

#page-login .passcode .instructions.timed-out .title {
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 400;
    top: 150px;
    font-size: 18px;
    color: #2d2d2d;
}

#page-login.timed-out .passcode .instructions.normal {
    display: none;
}

#page-login.timed-out .passcode .instructions.timed-out {
    display: block;
}

#page-login.timed-out.active {
    opacity: 0;
}

#page-login.timed-out.visible {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in-out;
    -webkit-transition-delay: .5s;
}

#page-login .software-update .message {
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    color: #2d2d2d;
    font-size: 18px;
}

#page-login .software-update .landing .normal {
    display: block;
}

#page-login .software-update .landing .first-time-update {
    display: none;
}

#page-login .software-update .landing .title {
    top: 130px;
}

#page-login .software-update .landing .xwc-buttons-panel {
    position: absolute;
    bottom: 30px;
    width: 370px;
    left: 31px;
}

#page-login .software-update .landing .xwc-buttons-panel button {
    width: 370px;
    padding: 0;
}

#page-login .software-update .landing .xwc-buttons-panel .start {
    -webkit-transition: background-color 0.2s ease-in-out;
    background-color: #9c5683;
}

#page-login .software-update .landing .xwc-buttons-panel .start:active {
    -webkit-transition: none;
}

#page-login .software-update .landing .xwc-buttons-panel .start:hover {
    background-color: #8f4f78;
}

#page-login .software-update .landing .xwc-buttons-panel .start:active {
    background-color: #824869;
}

#page-login .software-update .landing .message {
    top: 176px;
    background: url(https://ib.absa.co.za/axob/xwc/img/icn-tricoid-new.png) no-repeat 50% 30px;
    padding-top: 157px;
}

#page-login .software-update .landing .message p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 35px;
}

#page-login .software-update .landing .message .exit {
    font-size: 16px;
    cursor: pointer;
    position: relative;
    width: auto;
    background: none;
    padding-bottom: 2px;
    color: #003366;
    font-size: 18px;
}

#page-login .software-update .landing .message .exit:before {
    width: 100%;
    content: "";
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 0;
}

#page-login .software-update .landing .message .exit:hover:before {
    opacity: 1;
}

#page-login .software-update .landing .message .exit:before {
    background: #003366;
}

#page-login .software-update .landing .message .icon-info {
    position: absolute;
    top: 8px;
    left: 123px;
    width: 45px;
    height: 41px;
    background: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn-update-info.png) no-repeat 0 0;
}

#page-login .software-update .updating .xwc-progress-bar {
    position: absolute;
    width: 290px;
    top: 254px;
    left: 71px;
}

#page-login .software-update .updating .time-remaining {
    position: absolute;
    top: 274px;
    font-size: 16px;
    width: 100%;
    text-align: center;
    color: #777777;
}

#page-login .software-update .updating .time-remaining span {
    color: #2d2d2d;
}

#page-login .software-update .updating .title {
    top: 160px;
}

#page-login .software-update .updating .message {
    position: absolute;
    top: 330px;
    text-align: center;
}

#page-login .software-update .restarting .icon {
    top: 220px;
}

#page-login .software-update .restarting .title {
    top: 160px;
    color: #007eb6;
}

#page-login .software-update .restarting .message {
    top: 330px;
}

#page-login .software-update .restarting .message p:first-of-type {
    margin-bottom: 25px;
}

#page-login .software-update .failed .title {
    color: #c03b3b;
    padding-top: 96px;
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_warning_triangle.png) no-repeat 50% 0;
    top: 172px;
    font-size: 22px;
}

#page-login .software-update .failed .try-again,
#page-login .software-update .failed .re-connect {
    font-family: "ExpertSansRegularItalic", sans-serif;
    font-weight: 400;
    position: absolute;
    top: 325px;
    width: 100%;
    font-size: 18px;
    color: #2d2d2d;
}

#page-login .software-update .failed .message {
    top: 375px;
}

#page-login .software-update .failed .xwc-buttons-panel {
    position: absolute;
    bottom: 30px;
    width: 370px;
    left: 31px;
}

#page-login .software-update .failed .xwc-buttons-panel button {
    -webkit-transition: background-color 0.2s ease-in-out;
    background-color: #007eb6;
    padding: 0;
    width: 370px;
}

#page-login .software-update .failed .xwc-buttons-panel button:active {
    -webkit-transition: none;
}

#page-login .software-update .failed .xwc-buttons-panel button:hover {
    background-color: #0074a6;
}

#page-login .software-update .failed .xwc-buttons-panel button:active {
    background-color: #006894;
}

#page-login.first-time .software-update .landing .normal {
    display: none;
}

#page-login.first-time .software-update .landing .first-time-update {
    display: block;
}

#page-login.first-time .software-update .landing .first-time-update .title {
    font-size: 36px;
}

#page-logged-out .icon {
    top: 170px;
}

#page-logged-out .logged-out {
    width: 100%;
    display: block;
    text-align: center;
}

#page-logged-out .logged-out .user {
    font-size: 22px;
    margin-bottom: -3px;
}

#page-logged-out .logged-out .title {
    color: #007eb6;
    font-size: 22px;
    display: none;
    top: 280px;
    line-height: 30px;
}

#page-logged-out .logged-out .message.close {
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    font-size: 18px;
    color: #2d2d2d;
    margin-top: 15px;
    top: 310px;
    line-height: 24px;
}

#page-logged-out.logout .title.exit,
#page-logged-out.exit .title.logout,
#page-logged-out.logout .message.exit,
#page-logged-out.exit .message.logout {
    display: none;
}

#page-logged-out.logout .title.logout,
#page-logged-out.exit .title.exit,
#page-logged-out.logout .message.logout,
#page-logged-out.exit .message.exit {
    display: block;
}

#page-logged-out.active .logged-out,
#page-logged-out.active .info {
    opacity: 0;
}

#page-logged-out.visible .logged-out,
#page-logged-out.visible .info {
    opacity: 1;
    -webkit-transition: opacity 0.4s ease-in-out;
}

@-webkit-keyframes ConnectedPopIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.5);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.2);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@-webkit-keyframes ConnectedPopOut {
    0% {
        -webkit-transform: scale(1);
    }
    33% {
        -webkit-transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(0.2);
    }
}

@-webkit-keyframes DigitError {
    0% {
        -webkit-transform: translateY(-5px);
    }
    33% {
        -webkit-transform: translateY(0);
    }
    66% {
        -webkit-transform: translateY(5px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}

@-webkit-keyframes BoxPopIn {
    0% {
        -webkit-transform: scale(0.8);
    }
    70% {
        -webkit-transform: scale(1.05);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

@-webkit-keyframes FadeOutIn {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content,
#page-first-time-login .xwc-fragment.terms-and-conditions .content {
    height: 576px;
    padding-left: 10px;
    padding-right: 10px;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content h1,
#page-first-time-login .xwc-fragment.terms-and-conditions .content h1 {
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    text-align: center;
    font-size: 22px;
    margin: 0;
    color: #007eb6;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content section,
#page-first-time-login .xwc-fragment.terms-and-conditions .content section {
    margin-left: 27px;
    margin-top: 20px;
    height: 370px;
    overflow-y: scroll;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content section::-webkit-scrollbar,
#page-first-time-login .xwc-fragment.terms-and-conditions .content section::-webkit-scrollbar {
    width: 10px;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content section::-webkit-scrollbar-track,
#page-first-time-login .xwc-fragment.terms-and-conditions .content section::-webkit-scrollbar-track {
    background-color: rgba(179, 183, 185, 0.4);
    border-radius: 5px;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content section::-webkit-scrollbar-track-piece,
#page-first-time-login .xwc-fragment.terms-and-conditions .content section::-webkit-scrollbar-track-piece {
    border-radius: 5px;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content section::-webkit-scrollbar-thumb,
#page-first-time-login .xwc-fragment.terms-and-conditions .content section::-webkit-scrollbar-thumb {
    background-color: #7d7d7d;
    border-radius: 5px;
    min-height: 50px;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content section::-webkit-scrollbar-button:start:decrement,
#page-first-time-login .xwc-fragment.terms-and-conditions .content section::-webkit-scrollbar-button:start:decrement {
    width: 10px;
    height: 21px;
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_up.png) no-repeat -1px 0;
    display: block;
    border-top: 10px solid white;
    border-bottom: 4px solid white;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content section::-webkit-scrollbar-button:end:increment,
#page-first-time-login .xwc-fragment.terms-and-conditions .content section::-webkit-scrollbar-button:end:increment {
    position: relative;
    width: 10px;
    height: 21px;
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_dn.png) no-repeat -1px 0;
    display: block;
    border-bottom: 10px solid white;
    border-top: 4px solid white;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content section::-webkit-scrollbar-button:start:increment,
#page-login .xwc-fragment.terms-and-conditions.active.visible .content section::-webkit-scrollbar-button:end:decrement,
#page-first-time-login .xwc-fragment.terms-and-conditions .content section::-webkit-scrollbar-button:start:increment,
#page-first-time-login .xwc-fragment.terms-and-conditions .content section::-webkit-scrollbar-button:end:decrement {
    display: none !important;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content section::-webkit-scrollbar-button:start:decrement:active,
#page-login .xwc-fragment.terms-and-conditions.active.visible .content section::-webkit-scrollbar-button:end:increment:active,
#page-login .xwc-fragment.terms-and-conditions.active.visible .content section::-webkit-scrollbar-thumb:active,
#page-first-time-login .xwc-fragment.terms-and-conditions .content section::-webkit-scrollbar-button:start:decrement:active,
#page-first-time-login .xwc-fragment.terms-and-conditions .content section::-webkit-scrollbar-button:end:increment:active,
#page-first-time-login .xwc-fragment.terms-and-conditions .content section::-webkit-scrollbar-thumb:active {
    background-position: -1px -7px;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content section article,
#page-first-time-login .xwc-fragment.terms-and-conditions .content section article {
    position: relative;
    margin-top: 20px;
    margin-right: 21px;
    border-top: 1px solid #e9e9e9;
    padding-left: 300px;
    padding-top: 20px;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content section article aside,
#page-first-time-login .xwc-fragment.terms-and-conditions .content section article aside {
    position: absolute;
    left: 0px;
    top: 20px;
    width: 220px;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content section article aside div,
#page-first-time-login .xwc-fragment.terms-and-conditions .content section article aside div {
    font-size: 14px;
    margin-bottom: 5px;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content section article aside h2,
#page-first-time-login .xwc-fragment.terms-and-conditions .content section article aside h2 {
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    font-size: 30px;
    color: #003366;
    font-size: 18px;
    color: #007eb6;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content section article > h2,
#page-first-time-login .xwc-fragment.terms-and-conditions .content section article > h2 {
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #2d2d2d;
    font-size: 16px;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content section article p,
#page-first-time-login .xwc-fragment.terms-and-conditions .content section article p {
    position: relative;
    padding-left: 30px;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content section article p em,
#page-first-time-login .xwc-fragment.terms-and-conditions .content section article p em {
    position: absolute;
    top: 0;
    left: 0;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content section article ul,
#page-login .xwc-fragment.terms-and-conditions.active.visible .content section article ol,
#page-first-time-login .xwc-fragment.terms-and-conditions .content section article ul,
#page-first-time-login .xwc-fragment.terms-and-conditions .content section article ol {
    font-size: 14px;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content section article ul li,
#page-login .xwc-fragment.terms-and-conditions.active.visible .content section article ol li,
#page-first-time-login .xwc-fragment.terms-and-conditions .content section article ul li,
#page-first-time-login .xwc-fragment.terms-and-conditions .content section article ol li {
    position: relative;
    margin-bottom: 15px;
    padding-left: 23px;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content section article ul li em,
#page-login .xwc-fragment.terms-and-conditions.active.visible .content section article ol li em,
#page-first-time-login .xwc-fragment.terms-and-conditions .content section article ul li em,
#page-first-time-login .xwc-fragment.terms-and-conditions .content section article ol li em {
    position: absolute;
    top: 0;
    left: 0;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content section article ol,
#page-first-time-login .xwc-fragment.terms-and-conditions .content section article ol {
    margin: 0 0 30px 30px;
    font-size: 14px;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content section article ul li,
#page-first-time-login .xwc-fragment.terms-and-conditions .content section article ul li {
    margin-bottom: 15px;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content section article p span,
#page-login .xwc-fragment.terms-and-conditions.active.visible .content section article li span,
#page-first-time-login .xwc-fragment.terms-and-conditions .content section article p span,
#page-first-time-login .xwc-fragment.terms-and-conditions .content section article li span {
    font-size: 12px;
    word-wrap: break-word;
    color: #003366;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content section article:first-of-type,
#page-first-time-login .xwc-fragment.terms-and-conditions .content section article:first-of-type {
    margin-top: 0;
    border-top: none;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content section article:nth-of-type(1) p,
#page-login .xwc-fragment.terms-and-conditions.active.visible .content section article:nth-of-type(2) p,
#page-first-time-login .xwc-fragment.terms-and-conditions .content section article:nth-of-type(1) p,
#page-first-time-login .xwc-fragment.terms-and-conditions .content section article:nth-of-type(2) p {
    padding-left: 0;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content .gradient.top,
#page-first-time-login .xwc-fragment.terms-and-conditions .content .gradient.top {
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    z-index: 400;
    width: 100%;
    background: -webkit-gradient(linear, center top, center bottom, from(#fbfbfb), to(rgba(251, 251, 251, 0)));
    top: 136px;
    background: -webkit-gradient(linear, center top, center bottom, from(white), to(rgba(255, 255, 255, 0)));
    border-top: 1px solid #e9e9e9;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content .gradient.bottom,
#page-first-time-login .xwc-fragment.terms-and-conditions .content .gradient.bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 20px;
    z-index: 400;
    width: 100%;
    background: -webkit-gradient(linear, center top, center bottom, from(rgba(251, 251, 251, 0)), to(#fffffb));
    bottom: 70px;
    background: -webkit-gradient(linear, center top, center bottom, from(rgba(255, 255, 255, 0)), to(white));
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content .gradient.top,
#page-login .xwc-fragment.terms-and-conditions.active.visible .content .gradient.bottom,
#page-first-time-login .xwc-fragment.terms-and-conditions .content .gradient.top,
#page-first-time-login .xwc-fragment.terms-and-conditions .content .gradient.bottom {
    left: 38px;
    width: 860px;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content .xwc-buttons-panel,
#page-first-time-login .xwc-fragment.terms-and-conditions .content .xwc-buttons-panel {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 70px;
    background: #3d3d3d;
    padding-left: 228px;
    padding-top: 10px;
    box-sizing: border-box;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content .xwc-buttons-panel button,
#page-first-time-login .xwc-fragment.terms-and-conditions .content .xwc-buttons-panel button {
    padding: 0;
    width: 205px;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content .xwc-buttons-panel .decline,
#page-first-time-login .xwc-fragment.terms-and-conditions .content .xwc-buttons-panel .decline {
    -webkit-transition: background-color 0.2s ease-in-out;
    background-color: #666666;
    width: 265px;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content .xwc-buttons-panel .decline:active,
#page-first-time-login .xwc-fragment.terms-and-conditions .content .xwc-buttons-panel .decline:active {
    -webkit-transition: none;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content .xwc-buttons-panel .decline:hover,
#page-first-time-login .xwc-fragment.terms-and-conditions .content .xwc-buttons-panel .decline:hover {
    background-color: #4c4c4c;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content .xwc-buttons-panel .decline:active,
#page-first-time-login .xwc-fragment.terms-and-conditions .content .xwc-buttons-panel .decline:active {
    background-color: #4e4e4e;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content .xwc-buttons-panel .accept,
#page-first-time-login .xwc-fragment.terms-and-conditions .content .xwc-buttons-panel .accept {
    -webkit-transition: background-color 0.2s ease-in-out;
    background-color: #007eb6;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content .xwc-buttons-panel .accept:active,
#page-first-time-login .xwc-fragment.terms-and-conditions .content .xwc-buttons-panel .accept:active {
    -webkit-transition: none;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content .xwc-buttons-panel .accept:hover,
#page-first-time-login .xwc-fragment.terms-and-conditions .content .xwc-buttons-panel .accept:hover {
    background-color: #0074a6;
}

#page-login .xwc-fragment.terms-and-conditions.active.visible .content .xwc-buttons-panel .accept:active,
#page-first-time-login .xwc-fragment.terms-and-conditions .content .xwc-buttons-panel .accept:active {
    background-color: #006894;
}

#page-first-time-login .xwc-fragment.terms-and-conditions.active,
#page-login .xwc-fragment.terms-and-conditions.active {
    opacity: 1;
    -webkit-transition: none;
}

#page-first-time-login .xwc-fragment.terms-and-conditions.active .content *,
#page-login .xwc-fragment.terms-and-conditions.active .content * {
    opacity: 0;
}

#page-first-time-login .xwc-fragment.terms-and-conditions.visible,
#page-login .xwc-fragment.terms-and-conditions.visible {
    opacity: 1;
    -webkit-transition: none;
}

#page-first-time-login .xwc-fragment.terms-and-conditions.visible .content *:not(.xwc-loading),
#page-login .xwc-fragment.terms-and-conditions.visible .content *:not(.xwc-loading) {
    opacity: 1;
    -webkit-transition: opacity 0.4s ease-in-out;
}

#page-first-time-login .xwc-fragment.terms-and-conditions.visible .xwc-loading,
#page-login .xwc-fragment.terms-and-conditions.visible .xwc-loading {
    -webkit-border-radius: 6px;
}

.xwc-fragment.login-error .content {
    padding-top: 170px;
}

.xwc-fragment.login-error .content .error-message {
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_warning_triangle.png) no-repeat 50% 0;
}

.xwc-fragment.login-error .content .blocked-message {
    background: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/blocked-circle.png) no-repeat 50% 0;
}

.xwc-fragment.login-error .content > div {
    padding-top: 100px;
    width: 300px;
    margin: 0 auto;
}

.xwc-fragment.login-error .content > div h2 {
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    color: #c03b3b;
    margin-bottom: 30px;
}

.xwc-fragment.login-error .content > div p {
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    font-size: 18px;
    color: #2d2d2d;
}

.xwc-fragment.login-error .content > div p.italic {
    font-family: "ExpertSansRegularItalic", sans-serif;
    font-weight: 400;
    color: #555555;
}

.xwc-fragment.login-error .content > div p span {
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
}

.xwc-fragment.login-error .content .xwc-buttons-panel {
    position: absolute;
    left: 26px;
    bottom: 30px;
    width: 380px;
}

.xwc-fragment.login-error .content .xwc-buttons-panel button {
    padding: 0;
    display: inline-block;
    width: 380px;
}

.xwc-fragment.login-error .content .xwc-buttons-panel button.button-secondary,
.xwc-fragment.login-error .content .xwc-buttons-panel button.button-secondary + button.button-primary {
    width: 185px;
}

.flyout-forgotten {
    width: 250px;
}

#page-changeLimits .change-limits ul {
    margin-bottom: 25px;
    width: 100%;
}

#page-changeLimits .change-limits > li {
    color: #2d2d2d;
    font-size: 15px;
    position: relative;
}

#page-changeLimits .change-limits .preferences.header-row div {
    height: 30px;
    line-height: 30px;
}

#page-changeLimits .change-limits .preferences.header-row {
    height: 30px;
    line-height: 30px;
    margin-bottom: 5px;
    padding-right: 0;
}

#page-changeLimits li > div {
    color: #555555;
    top: 0;
    height: 50px;
    line-height: 48px;
    padding-left: 5px;
    padding-right: 0;
}

#page-changeLimits .preferences .col-1,
.col-2,
.col-3,
.col-4 {
    position: relative;
}

#page-changeLimits .preferences .col-1 {
    float: left;
    text-align: left;
    width: 200px;
}

#page-changeLimits .preferences .col-2 {
    float: left;
    text-align: right;
    width: 122px;
    font-size: 14px;
}

#page-changeLimits .preferences .col-3 {
    float: left;
    text-align: right;
    width: 24%;
    font-size: 14px;
}

#page-changeLimits .preferences .col-4 {
    float: right;
    text-align: right;
    width: 133px;
    font-size: 14px;
}

#page-changeLimits .amount input {
    height: 28px;
    line-height: 20px;
    font-size: 15px;
    text-align: right;
    width: 122px;
    padding-left: 0px;
    padding-right: 2px;
    -webkit-box-shadow: 0 0 0 2px #dbdbdb;
    box-shadow: 0 0 0 2px #dbdbdb;
}

#page-changeLimits .amount input:focus {
    -webkit-box-shadow: 0 0 0 2px #c5ecfb;
    box-shadow: 0 0 0 2px #c5ecfb;
}

#page-changeLimits .xwc-flyout.error {
    left: 340px;
    width: 260px;
    height: 41px;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    top: 1px;
    display: table;
}

#page-changeLimits .xwc-flyout.error .xwc-flyout-content {
    font-size: 12px;
    line-height: normal;
    display: table-cell;
    vertical-align: middle;
}

#page-changeLimits .xwc-flyout-pointer {
    top: 12px;
    left: -11px;
}

#page-changeLimits .amount {
    position: relative;
    padding-top: 10px;
}

#page-changeLimits .amount:before {
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    position: absolute;
    left: -13px;
    top: 1px;
    content: "R";
    display: inline-block;
    font-size: 17px;
    color: #555555;
    height: 100%;
}

#page-changeLimits .xwc-buttons-panel {
    margin-top: 50px;
    text-align: center;
}

#page-changeLimits .xwc-buttons-panel button {
    width: 150px;
    padding: 0 10px;
}

#page-changeLimits .xwc-fragment .xwc-buttons-panel .change.disabled {
    transition: background-color 0.2s ease-in-out;
    background-color: #e9e9e9;
    color: #bdbdbd;
    box-shadow: 0 0 0 1px #d9d9d9;
    cursor: default;
}

#page-changeLimits .xwc-fragment .xwc-buttons-panel .change.disabled:active {
    transition: none;
}

#page-changeLimits .preferences .xwc-tab-content .xwc-fragment.preference-changed {
    margin-top: 5px;
}

#page-changeLimits .preferences .xwc-tab-content .xwc-fragment.preference-changed .icon {
    width: 40px;
    height: 40px;
    margin: 0 auto 5px auto;
    border-radius: 20px;
}

#page-changeLimits .preferences .xwc-tab-content .xwc-fragment.preference-changed .title {
    font-size: 20px;
    margin-bottom: 5px;
}

#page-changeLimits .view-limits {
    background: #e6e5e5;
    padding: 0 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 160px;
    height: 40px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: none;
}

#page-changeLimits .view-limits button {
    position: relative;
    height: 45px;
    line-height: 48px;
}

#page-changeLimits .view-limits button span {
    font-size: 16px;
    font-family: "ExpertSansRegular", sans-serif;
    color: #ab2128;
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: auto;
    background: none;
    padding-left: 30px;
    background-image: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_home-cyan.png);
    background-repeat: no-repeat;
    background-position: left center;
}

#page-changeLimits .view-limits .back-home {
    cursor: pointer;
}

#page-changeLimits .view-limits .print-receipt:before {
    content: "";
    position: absolute;
    left: -20px;
    top: 50%;
    margin-top: -10px;
    background: url(https://ib.absa.co.za/axob/xwc/img/divider_vertical_4.png) no-repeat 0 0;
    width: 3px;
    height: 22px;
}

#page-manageChatBanking .row-even .xwc-ui-text.chatIdentity::before {
    font-family: "ExpertSansLight", sans-serif;
    content: "@";
    position: absolute;
    left: 150px;
    top: 10px;
    font-size: 22px;
    color: #555555;
}

#page-preferences #xwc-page-content > .header {
    background-color: #ffffff;
}

#preferencesMenu {
    width: 300px;
    height: 490px;
    margin: 0;
    border-right: 1px solid #c9c9c9;
    background-color: #fff;
}

#preferencesMenu .xwc-tabs.vertical li.selected {
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
    color: #FFFFFF;
    background-color: #007eb6;
    position: relative;
}

#preferencesMenu .xwc-tabs.vertical li.selected:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -10px;
    height: 18px;
    width: 18px;
    z-index: 10;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: -9px 0 0 0;
    box-shadow: inset 5px 0 0 0 #e8e8e8, inset 0 -5px 0 0 #e8e8e8;
    border-left: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
}

.preferences.content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.preferences .xwc-tab-content-container {
    position: relative;
    width: 660px;
    height: 490px;
    background-color: #fff;
    box-shadow: inset 4px 0 0 0 #e8e8e8, inset 0 4px 0 0 #e8e8e8;
}

.preferences .xwc-tab-content-container .xwc-tab-content {
    padding: 20px 25px;
}

.preferences .xwc-tab-content-container .xwc-tab-content .title {
    margin-bottom: 13px;
    font-size: 18px;
}

.preferences .xwc-tab-content-container .xwc-tab-content .message {
    line-height: 20px;
}

.preferences .xwc-secondary-content {
    width: 600px;
}

.preferences .xwc-secondary-content:before,
.xwc-secondary-content:after {
    width: 520px;
}

.preferences .xwc-secondary-content .wrapper {
    overflow-y: scroll;
    overflow-x: hidden;
    width: 510px;
}

.preferences .noteHeader {
    color: #cc0000;
    font-weight: bold;
}

#page-preferences .xwc-tab-content.personal-details ul {
    margin-bottom: 25px;
}

#page-preferences .xwc-tab-content.personal-details li {
    color: #2d2d2d;
    font-size: 16px;
    position: relative;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    background-color: #fff;
}

#page-preferences .xwc-tab-content.personal-details li .name {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 43px;
}

#page-preferences .xwc-tab-content.personal-details li:nth-child(2n+1) {
    background-color: #f9f9f9;
    box-shadow: inset 0 0 0 1px #e6e5e5;
}

#page-preferences .xwc-tab-content.personal-details li > div {
    color: #555555;
    position: absolute;
    top: 0;
    left: 210px;
}

#page-preferences .xwc-tab-content.change-passcode {
    padding: 46px 30px 0 27px;
}

#page-preferences .xwc-tab-content.change-passcode > p {
    padding: 0 20px 8px 20px;
}

#page-preferences .xwc-tab-content.change-passcode .section .xwc-ui-passcode {
    margin-bottom: 0;
}

#page-changeSurephrase li > div {
    color: #555555;
    top: 0;
    height: 50px;
    line-height: 48px;
    padding: 0 10px;
}

#page-changeSurephrase .changeSurephrase ul,
#page-profileSecurity .changePIN ul,
#page-profileSecurity .changeCell ul,
#page-profileCommunication .changeContacts ul,
#page-profileCommunication .changeNotification ul #page-profileCommunication .changeStatements ul {
    width: 100%;
}

#page-changeSurephrase .changeSurephrase > li {
    color: #2d2d2d;
    font-size: 16px;
}

#page-changeSurephrase .changeSurephrase .preferences.header-row div {
    height: 50px;
    line-height: 50px;
}

#page-changeSurephrase .changeSurephrase .preferences.header-row {
    height: 50px;
    line-height: 50px;
}

#page-changeSurephrase .xwc-buttons-panel {
    right: 0;
    text-align: center;
    margin-top: 50px;
}

.preferences .xwc-tab-content .xwc-fragment.preference-changed {
    text-align: center;
    margin-top: 10px;
}

.preferences .xwc-tab-content .xwc-fragment.preference-changed .icon {
    width: 44px;
    height: 44px;
    margin: 0 auto 15px auto;
    -webkit-border-radius: 22px;
    border-radius: 22px;
    background: #479800 url(https://ib.absa.co.za/axob/xwc/img/icn_tick_login.png) no-repeat 50% 50%;
    opacity: 0;
}

.preferences .xwc-tab-content .xwc-fragment.preference-changed .title {
    font-family: "ExpertSansLight", sans-serif;
    font-weight: 100;
    word-spacing: -1px;
    font-size: 30px;
    color: #479800;
}

.preferences .xwc-tab-content .xwc-fragment.preference-changed .message {
    font-family: "ExpertSansRegular", sans-serif;
    word-spacing: -1px;
    border: none;
    padding: 0;
    font-size: 16px;
    color: #666666;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    width: auto;
}

.preferences .xwc-tab-content .xwc-fragment.preference-changed.visible .icon {
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.preferences .xwc-tab-content.about .xwc-secondary-content {
    height: 410px;
}

.preferences .xwc-tab-content.about .xwc-secondary-content .wrapper {
    height: 378px;
}

.preferences .xwc-tab-content.about .xwc-secondary-content h2 {
    text-transform: none;
}

.preferences .xwc-ui-keyboard {
    inline-block;
    height: 120px;
    width: 518px;
    margin-left: auto;
    margin-right: auto;
}

#page-changeSurephrase .xwc-flyout {
    padding: 10px 10px;
    top: -8px;
    left: 290px;
    width: 85px;
}

.preferences.xwc-tab-content.about ul li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

.preferences.xwc-tab-content.about ul .label {
    width: 210px;
}

.preferences.xwc-tab-content.about ul .details {
    width: 290px;
    color: #555555;
}

.preferences.bankingfees li > div {
    height: 20px;
}

.preferences .xwc-tab-content.bankingfees .details {
    height: 90px;
    padding: 6px 6px;
    line-height: 24px;
}

.preferences .xwc-tab-content.bankingfees .details label {
    text-align: left;
    line-height: 20px;
    width: 150px
}

.preferences .xwc-tab-content.bankingfees .details span {
    text-align: right;
}

.preferences .xwc-tab-content.bankingfees .details .select {
    width: 340px;
    float: left;
}

.preferences .xwc-tab-content.bankingfees .details .accounts {
    width: 250px;
    float: right;
    display: inline;
    text-align: right;
}

.preferences .xwc-tab-content.bankingfees .details select {
    width: auto;
    margin-right: 15px;
}

.preferences .xwc-tab-content.bankingfees .xwc-secondary-content {
    height: 220px;
}

.preferences .xwc-tab-content.bankingfees .xwc-secondary-content h2 {
    text-transform: none;
    margin-bottom: 15px;
}

.preferences .xwc-tab-content.bankingfees .xwc-secondary-content .wrapper {
    overflow-y: hidden;
    height: 210px;
}

.preferences .xwc-tab-content.bankingfees > p {
    margin-bottom: 15px;
}

.preferences.xwc-tab-content.bankingfees ul li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.preferences.xwc-tab-content.bankingfees ul .label {
    width: 490px;
}

.preferences.xwc-tab-content.bankingfees ul .bold {
    font-family: "ExpertSansBold", sans-serif;
    margin-bottom: 5px;
}

.preferences.xwc-tab-content.bankingfees ul .amount {
    text-align: right;
    width: 110px;
    color: #555555;
}

.preferences.row-odd {
    background-color: #f9f9f9;
}

.preferences.row-even {
    background-color: #FFfffC;
}

.preferences.header-row {
    background-color: #e6e5e5;
    line-height: 30px;
    margin-bottom: 5px;
    margin-top: 20px;
}

.preferences ul {
    width: 100%;
}

.preferences > li {
    color: #2d2d2d;
    font-size: 16px;
    position: relative;
    height: 50px;
    line-height: 48px;
}

.preferences li > div {
    top: 0;
    height: 50px;
    padding: 0 10px;
}

.preferences .col-left {
    float: left;
    text-align: left;
    padding-top: 15px;
    width: 45%;
}

.preferences .col-right {
    float: left;
    padding-top: 15px;
    width: 50%;
}

.preferences .col-input-lable {
    float: left;
    width: 38%;
}

.preferences .col-input {
    float: left;
    padding-top: 5px;
}

.preferences .textNote {
    float: left;
    width: 100%;
    font-size: 15px;
}

.preferences.no-information {
    border: 2px solid #00aeef;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 17px 10px 0px 45px;
    margin-left: 20px;
    margin-right: 20px;
    color: #999;
    background: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_warning.png) no-repeat 10px 15px;
}

.preferences.xwc-no-information.active {
    display: block;
}

.preferences.xwc-no-information {
    display: none;
}

#page-serviceInformation .col-left {
    float: left;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 45%;
}

#page-serviceInformation .col-right {
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 50%;
}

#page-serviceInformation li > div {
    top: 0;
    height: 30px;
    padding: 0 10px;
    font-size: 15px;
}

#page-bankingFees .xwc-tab-content-container .xwc-tab-content .message {
    line-height: 20px;
    top: 12px;
}

#page-bankingFees .tab-details-wrap,
#page-profileSecurity .tab-details-wrap,
#page-profileCommunication .tab-details-wrap {
    width: 609px;
    float: left;
}

#page-bankingFees .detail-list {
    border: 2px solid #c8c8c8;
    width: 575px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    background-color: #fafafa;
    height: 305px;
    position: relative;
}

#page-bankingFees .col-input-left {
    float: left;
    width: 145px;
}

#page-bankingFees .tab-details-wrap table,
#page-profileCommunication .tab-details-wrap table,
#page-profileSecurity .tab-details-wrap table {
    width: 609px;
}

#page-bankingFees .detail-list table,
#page-profileCommunication .detail-list table,
#page-profileSecurity .detail-list table {
    width: 570px;
}

#page-bankingFees .detail-list td {
    padding: 2px;
}

#page-bankingFees .column-right {
    text-align: right;
}

#page-bankingFees .column-bold {
    text-align: right;
    font-weight: bold;
}

#page-bankingFees .column-bold-amount {
    text-align: right;
    font-weight: bold;
    color: #007eb6;
}

#page-bankingFees .tab-details-wrap .header {
    height: 90px;
}

#page-bankingFees .header-row {
    background-color: #e6e5e5;
    height: 50px;
}

#page-bankingFees .xwc-tabs.horizontal,
#page-profileCommunication .xwc-tabs.horizontal,
#page-profileSecurity .xwc-tabs.horizontal {
    padding-top: 9px;
}

#page-bankingFees .xwc-tabs.horizontal li {
    -webkit-transition: background-color 0.1s ease-in-out;
    -webkit-transition: none;
    transition: background-color 0.1s ease-in-out;
    transition: none;
    position: relative;
    z-index: 0;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 9px 15px;
    border-top-left-radius: 9px 15px;
    width: 170px;
    height: 34px;
    line-height: 34px;
    background: #f5f5f5;
    border-bottom: none;
}

#page-bankingFees .xwc-tabs.horizontal li button {
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    width: 100%;
    color: #007eb6;
    height: 34px;
}

#page-bankingFees .xwc-tabs.horizontal li:before,
#page-bankingFees .xwc-tabs.horizontal li:after,
#page-profileCommunication .xwc-tabs.horizontal li:before,
#page-profileCommunication .xwc-tabs.horizontal li:after,
#page-profileSecurity .xwc-tabs.horizontal li:before,
#page-profileSecurity .xwc-tabs.horizontal li:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 14px;
    height: 31px;
    border: 1px solid #bdbdbd;
    border-top: none;
}

#page-bankingFees .xwc-tabs.horizontal li:before,
#page-profileCommunication .xwc-tabs.horizontal li:before,
#page-profileSecurity .xwc-tabs.horizontal li:before {
    left: -18px;
    border-bottom-right-radius: 20px;
    border-left: none;
    -webkit-box-shadow: 1px 0 0 0 #f5f5f5, 6px 0 0 0 #f5f5f5, 14px 0 0 0 #f5f5f5;
    -webkit-transform: rotate(18deg);
    box-shadow: 1px 0 0 0 #f5f5f5, 6px 0 0 0 #f5f5f5, 14px 0 0 0 #f5f5f5;
    transform: rotate(18deg);
}

#page-bankingFees .xwc-tabs.horizontal li:after,
#page-profileCommunication .xwc-tabs.horizontal li:after,
#page-profileSecurity .xwc-tabs.horizontal li:after {
    right: -18px;
    border-bottom-left-radius: 40px 40px;
    border-right: none;
    -webkit-box-shadow: -1px 0 0 0 #f5f5f5, -6px 0 0 0 #f5f5f5, -14px 0 0 0 #f5f5f5;
    -webkit-transform: rotate(-18deg);
    box-shadow: -1px 0 0 0 #f5f5f5, -6px 0 0 0 #f5f5f5, -14px 0 0 0 #f5f5f5;
    transform: rotate(-18deg);
}

#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-summary.selected,
#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-transactions.selected,
#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-breakdown.selected {
    z-index: 5;
    background: #fafafa;
    -webkit-transition: none;
    transition: none;
    border-bottom: none;
}

#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-summary,
#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-transactions,
#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-breakdown {
    z-index: 0;
    background: #f5f5f5;
    -webkit-transition: none;
    transition: none;
}

#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-summary:hover,
#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-transactions:hover,
#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-breakdown:hover,
#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-summary:focus,
#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-transactions:focus,
#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-breakdown:focus {
    z-index: 0;
    background: #e8f9ff;
    -webkit-transition: none;
    transition: none;
}

#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-summary.selected button,
#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-breakdown.selected button,
#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-transactions.selected button {
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
    color: #2d2d2d;
    cursor: default;
}

#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-summary.selected:before,
#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-breakdown.selected:before,
#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-transactions.selected:before {
    -webkit-box-shadow: 1px 0 0 0 #fafafa, 6px 0 0 0 #fafafa, 14px 0 0 0 #fafafa;
    box-shadow: 1px 0 0 0 #fafafa, 6px 0 0 0 #fafafa, 14px 0 0 0 #fafafa;
    z-index: 5;
}

#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-summary.selected:after,
#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-breakdown.selected:after,
#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-transactions.selected:after {
    -webkit-box-shadow: -1px 0 0 0 #fafafa, -6px 0 0 0 #fafafa, -14px 0 0 0 #fafafa;
    box-shadow: -1px 0 0 0 #fafafa, -6px 0 0 0 #fafafa, -14px 0 0 0 #fafafa;
    z-index: 5;
}

#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-summary.selected:hover:before,
#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-breakdown.selected:hover:before,
#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-transactions.selected:hover:before {
    -webkit-box-shadow: 1px 0 0 0 #fafafa, 6px 0 0 0 #fafafa, 14px 0 0 0 #fafafa;
    box-shadow: 1px 0 0 0 #fafafa, 6px 0 0 0 #fafafa, 14px 0 0 0 #fafafa;
    z-index: 5;
}

#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-summary.selected:hover:after,
#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-breakdown.selected:hover:after,
#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-transactions.selected:hover:after {
    -webkit-box-shadow: -1px 0 0 0 #fafafa, -6px 0 0 0 #fafafa, -14px 0 0 0 #fafafa;
    box-shadow: -1px 0 0 0 #fafafa, -6px 0 0 0 #fafafa, -14px 0 0 0 #fafafa;
    z-index: 5;
}

#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-summary:hover:before,
#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-breakdown:hover:before,
#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-transactions:hover:before {
    -webkit-box-shadow: 1px 0 0 0 #e8f9ff, 6px 0 0 0 #e8f9ff, 14px 0 0 0 #e8f9ff;
    box-shadow: 1px 0 0 0 #e8f9ff, 6px 0 0 0 #e8f9ff, 14px 0 0 0 #e8f9ff;
    z-index: 0;
}

#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-summary:hover:after,
#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-breakdown:hover:after,
#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-transactions:hover:after {
    -webkit-box-shadow: -1px 0 0 0 #e8f9ff, -6px 0 0 0 #e8f9ff, -14px 0 0 0 #e8f9ff;
    box-shadow: -1px 0 0 0 #e8f9ff, -6px 0 0 0 #e8f9ff, -14px 0 0 0 #e8f9ff;
    z-index: 0;
}

#page-bankingFees .xwc-transaction-list,
#page-bankingFees .xwc-transaction-no-results {
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 10px;
    float: left;
    width: 585px;
    overflow-x: hidden;
    position: relative;
    height: 280px;
}

#page-bankingFees .xwc-transaction-list ul li {
    height: 30px;
    width: 570px;
    list-style-type: none;
    position: relative;
    cursor: pointer;
}

#page-bankingFees .xwc-transaction-box,
#page-manageChatBanking .xwc-transaction-box,
#page-linkdevices .xwc-transaction-box {
    cursor: pointer;
    border: 1px solid #c8c8c8;
    -webkit-box-shadow: 0 0 0 0;
    -webkit-border-radius: 8px;
    margin-bottom: 5px;
    margin-right: 20px;
    cursor: pointer;
    background-color: #ffffff;
    overflow: hidden;
    width: 570px;
    display: block;
    font-size: 14px;
}

#page-bankingFees .xwc-transaction-box .amount {
    color: #007eb6;
    text-align: right;
    padding-right: 5px;
}

#page-bankingFees .xwc-transaction-box tr {
    height: 25px;
}

#page-bankingFees .xwc-transaction-box .header-line {
    font-size: 12px;
}

#page-bankingFees .xwc-transaction-box tr td {
    height: 25px;
}

#page-bankingFees .xwc-transaction-box .tran-type-detail {
    width: 305px;
}

#page-bankingFees .xwc-transaction-box .channel-detail {
    width: 65px;
}

#page-bankingFees .xwc-transaction-box .volume-detail {
    width: 65px;
    text-align: right;
}

#page-bankingFees .xwc-transaction-box .free-detail {
    width: 40px;
    text-align: right;
}

#page-bankingFees .xwc-transaction-box .amount-title {
    width: 90px;
    line-height: 30px;
    text-align: right;
    padding-right: 5px;
}

#page-bankingFees .xwc-transaction-box .date-detail {
    width: 90px;
}

#page-bankingFees .xwc-transaction-box .time-detail {
    width: 50px;
}

#page-bankingFees .xwc-transaction-box .tran-detail {
    width: 245px;
}

#page-bankingFees .select-month .section {
    position: relative;
    border: 1px solid #bcbcbc;
    background-color: #f5f5f5;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    height: 120px;
}

#page-bankingFees li > div {
    top: 0;
    height: 25px;
    padding: 10px 10px 10px 10px;
    vertical-align: middle;
}

#page-bankingFees .selectMonthToView-button {
    width: 185px;
}

#page-bankingFees .select-month .section p:nth-of-type(2) {
    top: 10px;
}

#page-bankingFees .select.availableMonths {
    height: 38px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

#page-bankingFees .select-month .section p {
    position: absolute;
    left: 31px;
    width: 340px;
    color: #555555;
    font-size: 20px;
    line-height: 24px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-top: 45px;
}

#page-bankingFees .select-month .start,
#page-bankingFees .select-month .change {
    position: relative;
    z-index: 2;
    color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    height: 50px;
    float: left;
    line-height: 50px;
    padding: 0 25px;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    background-color: #007eb6;
    float: none;
    display: inline;
    margin: 0 auto 0 auto;
    width: 180px;
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

#page-bankingFees .select-month .start:active,
#page-bankingFees .select-month .change:active {
    -webkit-transition: none;
    transition: none;
}

#page-bankingFees .select-month .start:hover,
#page-bankingFees .select-month .change:hover {
    background-color: #0074a6;
}

#page-bankingFees .select-month .start:active,
#page-bankingFees .select-month .change:active {
    background-color: #006894;
}

#page-bankingFees .select-month .start.disabled,
#page-bankingFees .select-month .change.disabled {
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    background-color: #e9e9e9;
    color: #bdbdbd;
    box-shadow: 0 0 0 1px #d9d9d9;
    cursor: default;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#page-bankingFees .monthToView {
    width: 185px;
    padding-left: 5px;
}

#page-bankingFees .xwc-transaction-box .summary .message-icon {
    position: absolute;
    left: 10px;
    top: 1px;
    cursor: pointer;
}

#page-linkdevices .xwc-transaction-box .summary .message-icon:not(.large).W,
#page-manageChatBanking .xwc-transaction-box .summary .message-icon:not(.large).W {
    margin-top: 8px;
}

#page-linkdevices .xwc-multiple-devices .wrapper,
#page-manageChatBanking .xwc-multiple-chatBanking .wrapper {
    width: 920px;
    margin: 0 auto;
    height: 350px;
    opacity: 1;
    -webkit-transform: translateY(0);
    -webkit-transition: all 0.7s cubic-bezier(0.2, 0, 0.2, 1);
    -webkit-transition-delay: .1s;
    transform: translateY(0);
    transition: all 0.7s cubic-bezier(0.2, 0, 0.2, 1);
    transition-delay: .1s;
    margin: 10px 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

#page-manageChatBanking .xwc-multiple-chatBanking .wrapper .box-left,
#page-linkdevices .xwc-multiple-devices .wrapper .box-left {
    width: 570px;
    height: 330px;
    margin-right: 10px;
}

#page-manageChatBanking .xwc-multiple-chatBanking .title,
#page-linkdevices .xwc-multiple-devices .title {
    font-size: 21px;
    line-height: 20px;
    margin-bottom: 15px;
    font-size: 20px;
    position: relative;
    padding-left: 60px;
    padding-top: 10px;
}

#page-linkdevices .preferences .xwc-tab-content .xwc-fragment.preference-changed .title {
    font-size: 20px;
    margin-bottom: 5px;
}

#page-manageChatBanking .preferences .xwc-tab-content .xwc-fragment.preference-changed .title {
    font-size: 16px;
    margin-bottom: 0px;
}

#page-manageChatBanking .xwc-multiple-chatBanking .box-left .box-header,
#page-linkdevices .xwc-multiple-devices .box-left .box-header {
    font-size: 14px;
    color: #777777;
    position: relative;
    height: 20px;
}

#page-manageChatBanking .xwc-multiple-chatBanking .box-left .box-header span,
#page-linkdevices .xwc-multiple-devices .box-left .box-header span {
    position: absolute;
}

#page-manageChatBanking .xwc-multiple-chatBanking .box-left .box-header .number,
#page-linkdevices .xwc-multiple-devices .box-left .box-header .number {
    left: 15px;
}

#page-linkdevices .xwc-multiple-devices .box-left .box-header .nickname {
    left: 45px;
}

#page-linkdevices .xwc-multiple-devices .box-left .box-header .manufacturer {
    left: 275px;
}

#page-linkdevices .xwc-multiple-devices .box-left .box-header .model {
    left: 365px;
}

#page-linkdevices .xwc-multiple-devices .box-left .box-header .statusDescription {
    left: 480px;
}

#page-manageChatBanking .xwc-multiple-chatBanking .box-left .box-header .socialmediatype {
    left: 35px;
}

#page-manageChatBanking .xwc-multiple-chatBanking .box-left .box-header .chatbankingidentity {
    left: 130px;
}

#page-manageChatBanking .xwc-multiple-chatBanking .box-left .box-header .chatbankinglinkedaccount {
    left: 415px;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details.chatBanking ul li div,
#page-linkdevices .xwc-multiple-devices .details.devices ul li div {
    height: 36px;
    line-height: 36px;
    position: absolute;
    top: 18px;
    font-size: 14px;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details.chatBanking ul li .number,
#page-linkdevices .xwc-multiple-devices .details.devices ul li .number {
    left: 0px;
}

#page-linkdevices .xwc-multiple-devices .details.devices ul li .nickname {
    font-family: "ExpertSansBold", sans-serif;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    left: 30px;
}

#page-linkdevices .xwc-multiple-devices .details.devices ul li .manufacturer {
    left: 260px;
}

#page-linkdevices .xwc-multiple-devices .details.devices ul li .model {
    left: 350px;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details.chatBanking ul li .socialmediatype {
    font-family: "ExpertSansBold", sans-serif;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    left: 20px;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details.chatBanking ul li .chatbankingidentity {
    left: 115px;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details.chatBanking ul li .chatbankinglinkedaccount {
    left: 400px;
}

#page-linkdevices .xwc-multiple-devices .details.devices ul li .statusDescription {
    left: 465px;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details,
#page-linkdevices .xwc-multiple-devices .details {
    background: #fff;
    border: 2px solid #00aeef;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 0 5px;
    height: 330px;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details.main ul li,
#page-linkdevices .xwc-multiple-devices .details.main ul li {
    font-size: 12px;
    line-height: 20px;
    position: relative;
    padding-top: 2px;
    color: #2d2d2d;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details.main ul li:first-of-type,
#page-linkdevices .xwc-multiple-devices .details.main ul li:first-of-type {
    margin: 10px 0 0 0;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details.main ul li:nth-child(2n+1),
#page-linkdevices .xwc-multiple-devices .details.main ul li:nth-child(2n+1) {
    background-color: #f9f9f9;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details.main ul li div,
#page-linkdevices .xwc-multiple-devices .details.main ul li div {
    float: right;
    color: #555555;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details.main ul li span,
#page-linkdevices .xwc-multiple-devices .details.main ul li span {
    font-size: 12px;
    height: 15px;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details.main ul li .amount,
#page-linkdevices .xwc-multiple-devices .details.main ul li .amount {
    color: #00aeef;
    font-size: 20px;
    margin-top: -3px;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details.main ul.scroller,
#page-linkdevices .xwc-multiple-devices .details.main ul.scroller {
    width: 295px;
    max-height: 330px;
    overflow-x: hidden;
    overflow-y: scroll;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details.main ul.scroller::-webkit-scrollbar,
#page-linkdevices .xwc-multiple-devices .details.main ul.scroller::-webkit-scrollbar {
    width: 7px;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details.main ul.scroller::-webkit-scrollbar-track,
#page-linkdevices .xwc-multiple-devices .details.main ul.scroller::-webkit-scrollbar-track {
    background-color: rgba(179, 183, 185, 0.4);
    border-radius: 3px;
    margin: 10px 0;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details.main ul.scroller::-webkit-scrollbar-thumb,
#page-linkdevices .xwc-multiple-devices .details.main ul.scroller::-webkit-scrollbar-thumb {
    background-color: #7d7d7d;
    border-radius: 3px;
    min-height: 50px;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details.main ul.scroller::-webkit-scrollbar-thumb:active,
#page-linkdevices .xwc-multiple-devices .details.main ul.scroller::-webkit-scrollbar-thumb:active {
    background-color: #666;
}

#page-linkdevices .xwc-buttons-panel {
    font-size: 0;
    text-align: center;
    margin-right: 20px;
}

#page-manageChatBanking .xwc-buttons-panel {
    font-size: 0;
    text-align: center;
    margin-right: 20px;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details.chatBanking ul li,
#page-linkdevices .xwc-multiple-devices .details.devices ul li {
    height: 35px;
    padding: 13px 0 15px;
    position: relative;
    padding-left: 55px;
    background-image: url(https://ib.absa.co.za/axob/xwc/img/divider_opt_dot_grey.png);
    background-repeat: repeat-x;
    background-position: 1px top;
    color: #555555;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details.chatBanking ul li:first-of-type,
#page-linkdevices .xwc-multiple-devices .details.devices ul li:first-of-type {
    background-image: none;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details.chatBanking ul li:before,
#page-linkdevices .xwc-multiple-devices .details.devices ul li:before {
    position: absolute;
    left: 2px;
    top: 12px;
    content: "";
    width: 45px;
    height: 45px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details.chatBanking ul li:hover,
#page-linkdevices .xwc-multiple-devices .details.devices ul li:hover {
    background-color: #e8f9ff;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details.chatBanking .selected,
#page-linkdevices .xwc-multiple-devices .details.devices .selected {
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
    color: #ffffff;
    background-color: #00aeef;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details.chatBanking .selected:hover,
#page-linkdevices .xwc-multiple-devices .details.devices .selected:hover {
    color: #ffffff;
    background-color: #00aeef;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details.chatBanking ul.scroller,
#page-linkdevices .xwc-multiple-devices .details.devices ul.scroller {
    width: 555px;
    max-height: 330px;
    overflow-x: hidden;
    overflow-y: scroll;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details.chatBanking ul.scroller::-webkit-scrollbar,
#page-linkdevices .xwc-multiple-devices .details.devices ul.scroller::-webkit-scrollbar {
    width: 10px;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details.chatBanking ul.scroller::-webkit-scrollbar-track,
#page-linkdevices .xwc-multiple-devices .details.devices ul.scroller::-webkit-scrollbar-track {
    background-color: rgba(179, 183, 185, 0.4);
    border-radius: 5px;
    margin: 10px 0;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details.chatBanking ul.scroller::-webkit-scrollbar-thumb,
#page-linkdevices .xwc-multiple-devices .details.devices ul.scroller::-webkit-scrollbar-thumb {
    background-color: #7d7d7d;
    border-radius: 5px;
    min-height: 50px;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details.chatBanking ul.scroller::-webkit-scrollbar-thumb:active,
#page-linkdevices .xwc-multiple-devices .details.devices ul.scroller::-webkit-scrollbar-thumb:active {
    background-color: #666;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details.chatBanking ul.scroller::-webkit-scrollbar-button:start:decrement,
#page-linkdevices .xwc-multiple-devices .details.devices ul.scroller::-webkit-scrollbar-button:start:decrement {
    width: 10px;
    height: 21px;
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_up.png) no-repeat -1px 0;
    display: block;
    border-top: 10px solid white;
    border-bottom: 4px solid white;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details.chatBanking ul.scroller::-webkit-scrollbar-button:end:increment,
#page-linkdevices .xwc-multiple-devices .details.devices ul.scroller::-webkit-scrollbar-button:end:increment {
    position: relative;
    width: 10px;
    height: 21px;
    background: url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_dn.png) no-repeat -1px 0;
    display: block;
    border-bottom: 10px solid white;
    border-top: 4px solid white;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details.chatBanking ul.scroller::-webkit-scrollbar-button:start:increment,
#page-manageChatBanking .xwc-multiple-chatBanking .details.chatBanking ul.scroller::-webkit-scrollbar-button:end:decrement,
#page-linkdevices .xwc-multiple-devices .details.devices ul.scroller::-webkit-scrollbar-button:start:increment,
#page-linkdevices .xwc-multiple-devices .details.devices ul.scroller::-webkit-scrollbar-button:end:decrement {
    display: none !important;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details.chatBanking ul.scroller::-webkit-scrollbar-button:start:decrement:active,
#page-manageChatBanking .xwc-multiple-chatBanking .details.chatBanking ul.scroller::-webkit-scrollbar-button:end:increment:active,
#page-manageChatBanking .xwc-multiple-chatBanking .details.chatBanking ul.scroller::-webkit-scrollbar-thumb:active,
#page-linkdevices .xwc-multiple-devices .details.devices ul.scroller::-webkit-scrollbar-button:start:decrement:active,
#page-linkdevices .xwc-multiple-devices .details.devices ul.scroller::-webkit-scrollbar-button:end:increment:active,
#page-linkdevices .xwc-multiple-devices .details.devices ul.scroller::-webkit-scrollbar-thumb:active {
    background-position: -1px -7px;
}

#page-manageChatBanking .xwc-multiple-chatBanking .details.chatBanking ul.scroller li,
#page-linkdevices .xwc-multiple-devices .details.devices ul.scroller li {
    width: 486px;
}

#page-manageChatBanking #newNicknameError.xwc-flyout,
#page-linkdevices #newNicknameError.xwc-flyout {
    padding: 10px 10px;
    top: -8px;
    left: 468px;
    width: 100px;
}

#page-manageChatBanking #TC-checkboxError.xwc-flyout,
#page-linkdevices #TC-checkboxError.xwc-flyout {
    padding: 10px 10px;
    top: 235px;
    left: 468px;
    width: 100px;
}

#page-manageChatBanking .col-left,
#page-linkdevices .col-left {
    float: left;
    text-align: left;
    padding-top: 15px;
    width: 30%;
}

#page-manageChatBanking .checkbox,
#page-linkdevices .checkbox {
    padding-top: 15px;
}

#page-manageChatBanking a:hover,
#page-manageChatBanking a:active,
#page-manageChatBanking a:visited,
#page-linkdevices a:hover,
#page-linkdevices a:active,
#page-linkdevices a:visited,
#page-profileCommunication a:hover,
#page-profileCommunication a:active,
#page-profileCommunication a:visited {
    text-decoration: underline;
}

#page-manageChatBanking .xwc-ui-checkbox.accepttc input + label,
#page-manageChatBanking .xwc-ui-checkbox.accepttc input:checked + label,
#page-linkdevices .xwc-ui-checkbox.accepttc input + label,
#page-linkdevices .xwc-ui-checkbox.accepttc input:checked + label {
    width: 5px;
    height: 23px;
    padding: 7px 0px 0px 30px;
    margin: 0px 10px 10px 0px;
    font-size: 20px;
    display: initial;
    margin-bottom: 15px;
}

#page-manageChatBanking .personaltc label div,
#page-manageChatBanking .viewTC label div {
    margin-top: 3px;
    margin-left: 10px;
    height: 55px;
    color: #777777;
    width: 600px;
    font-size: 18px;
}

#page-manageChatBanking .change-chatbanking .xwc-ui-checkbox input + label {
    font-size: 19px;
}

#page-manageChatBanking .xwc-ui-checkbox.acceptTC {
    font-size: 20px;
    vertical-align: middle;
    margin-top: 7px;
}

#page-manageChatBanking .xwc-ui-checkbox.acceptTC input + label {
    margin-right: 0px;
    width: 25px;
    height: 23px;
    padding: 7px 0px 0px 5px;
    margin: 0px 18px 10px 0px;
    font-size: 20px;
    vertical-align: top;
}

#page-manageChatBanking .xwc-flyout.error {
    top: -8px;
    left: 465px;
    width: 100px;
}

#page-manageChatBanking .xwc-flyout-pointer {
    top: 4px;
    left: -11px;
}

#page-manageChatBanking .personaltc .xwc-flyout-pointer {
    top: -11px;
    left: 5px;
}

#page-manageChatBanking .xwc-flyout.error .xwc-flyout-content {
    line-height: 12px;
    font-size: 15px;
}

#page-manageChatBanking .xwc-section {
    visibility: hidden;
    opacity: 0;
    height: 67px;
}

#page-manageChatBanking .xwc-section.visible {
    visibility: visible;
    opacity: 1;
}

#page-manageChatBanking .xwc-ui-text input {
    font-size: 16px;
}

#page-manageChatBanking .select .ui-selectmenu-button span.ui-selectmenu-text {
    padding: 12px;
    font-size: 16px;
}

#page-manageChatBanking .xwc-fragment .twitter-added a:focus {
    outline: none;
}

#page-manageChatBanking .select .ui-menu .ui-menu-item.ui-state-focus .wrap {
    padding: 8px;
    height: inherit;
}

#page-manageChatBanking .select .ui-menu .ui-menu-item .wrap,
.stack .ui-menu .ui-menu-item .wrap {
    padding: 10px;
    height: inherit;
}

#page-manageChatBanking button.hidden {
    display: none;
}

#page-manageChatBanking .xwc-tab-content .xwc-fragment.preference-changed.active {
    margin-top: 0px;
}

img#uniqueQrCodeImage {
    height: 255px;
    width: 280px;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.enter-code.registration .box-wrapper .notice .scan-image {
    padding-top: 300px;
    margin-left: -55px;
    background: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/messenger_code_534662786719418_1003.png) no-repeat 52px 0px;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.enter-code.registration .box-wrapper .process-main .verification-message p {
    font-family: "ExpertSans", sans-serif;
    font-weight: inherit;
    font-size: 15px;
    text-align: left;
    -webkit-font-smoothing: antialiased;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.enter-code.registration .box-wrapper .bold-message {
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
    padding-bottom: 25px;
    padding-top: 10px;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.enter-code.registration .box-wrapper .process-main ul {
    font-size: 15px;
    margin-top: 10px;
}

.xwc-modal-overlay .xwc-modal.xwc-out-of-band .registration .row.importantInfoRow {
    margin-top: 10px;
}

.xwc-modal-overlay .xwc-modal.xwc-out-of-band .content .registration .process-main .row .importantInfo ul {
    margin-top: 12px;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.registration .box-wrapper .xwc-out-of-band-counter .counter .time {
    left: 150px;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.enter-code.registration .box-wrapper .process-main .verification-message {
    padding-top: 20px;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.enter-code.registration .box-wrapper a {
    margin-left: 0px;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.enter-code.registration .box-wrapper .process-main p.dialogGeneral {
    padding-top: 315px;
    font-size: 15px;
    text-align: left;
}

.xwc-modal-overlay .xwc-modal.xwc-out-of-band xwc-fragment.registration .row.responseMessageRow {
    margin-top: 10px;
}

.xwc-modal-overlay .xwc-modal.xwc-out-of-band .xwc-fragment.registration button.hidden {
    display: none;
}

#page-profileSecurity .changePIN > li,
#page-profileSecurity .changeCell > li {
    color: #2d2d2d;
    font-size: 14px;
}

#page-profileSecurity .changePassword > li {
    color: #2d2d2d;
    font-size: 14px;
}

#page-profileSecurity .changePassword li > div {
    height: 30px;
}

#page-profileSecurity .changePINRules > li {
    color: #2d2d2d;
    font-size: 13px;
}

#page-profileSecurity .changePasswordSecurityRules > li {
    color: #2d2d2d;
    font-size: 12px;
}

#page-profileSecurity p {
    margin-bottom: 0px;
}

#page-profileSecurity .PIN-buttons.xwc-buttons-panel {
    right: 0;
    text-align: center;
    margin-top: 57px;
}

#page-profileSecurity .password-buttons.xwc-buttons-panel {
    right: 0;
    text-align: center;
    margin-top: 3px;
}

#page-profileSecurity .cell-buttons.xwc-buttons-panel {
    right: 0;
    text-align: center;
    margin-top: 120px;
}

#page-profileSecurity .xwc-buttons-panel > button {
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
}

#page-profileSecurity label.noteHeader {
    color: #cc0000;
    font-weight: bold;
}

#page-profileSecurity .changePassword .xwc-flyout {
    padding: 5px 2px 5px 7px;
    left: 162px;
    width: 200px;
    font-size: 13px;
    vertical-align: middle;
}

#page-profileSecurity .changePIN .xwc-flyout {
    padding: 5px 5px;
    top: 32px;
    left: -190px;
    width: 370px;
    font-size: 12px;
    height: 10px;
}

#page-profileSecurity .changeCell .xwc-flyout {
    padding: 5px 5px;
    top: 32px;
    left: -215px;
    width: 395px;
    font-size: 11px;
    height: 10px;
}

#page-profileSecurity .changePassword .xwc-flyout.error {
    top: -5px;
}

#page-profileSecurity .changePassword .xwc-flyout-pointer {
    top: 4px;
    left: -11px;
}

#page-profileSecurity .changePIN .xwc-flyout-pointer,
#page-profileSecurity .changeCell .xwc-flyout-pointer {
    top: -8px;
    left: 220px;
}

#page-profileSecurity .changePIN .xwc-flyout.error .xwc-flyout-content,
#page-profileSecurity .changeCell .xwc-flyout.error .xwc-flyout-content {
    line-height: 12px;
    text-align: center;
}

#page-profileSecurity .detail-list {
    border: 2px solid #c8c8c8;
    width: 575px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    background-color: #fafafa;
    height: 375px;
    position: relative;
}

#page-profileSecurity .tab-details-wrap .header {
    height: 40px;
}

#page-profileSecurity .xwc-tabs.horizontal li {
    -webkit-transition: background-color 0.1s ease-in-out;
    -webkit-transition: none;
    transition: background-color 0.1s ease-in-out;
    transition: none;
    position: relative;
    z-index: 0;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 9px 15px;
    border-top-left-radius: 9px 15px;
    width: 180px;
    height: 34px;
    line-height: 34px;
    background: #f5f5f5;
    border-bottom: none;
    margin: 0 -20px 0 25px;
}

#page-profileSecurity .xwc-tabs.horizontal li button {
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    width: 100%;
    color: #007eb6;
    height: 34px;
}

#page-profileSecurity .xwc-tabs.horizontal li.tab-pin-change,
#page-profileSecurity .xwc-tabs.horizontal li.tab-password-change,
#page-profileSecurity .xwc-tabs.horizontal li.tab-cellnumber-change {
    z-index: 0;
    background: #f5f5f5;
    -webkit-transition: none;
    transition: none;
}

#page-profileSecurity .xwc-tabs.horizontal li.tab-pin-change.selected,
#page-profileSecurity .xwc-tabs.horizontal li.tab-password-change.selected,
#page-profileSecurity .xwc-tabs.horizontal li.tab-cellnumber-change.selected {
    z-index: 5;
    background: #fafafa;
    -webkit-transition: none;
    transition: none;
    border-bottom: none;
}

#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-summary.selected:hover,
#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-transactions.selected:hover,
#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-breakdown.selected:hover,
#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-summary.selected:focus,
#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-transactions.selected:focus,
#page-bankingFees .xwc-tabs.horizontal li.tab-bankingfees-breakdown.selected:focus {
    z-index: 6;
    background: #fafafa;
    -webkit-transition: none;
    transition: none;
}

#page-profileSecurity .xwc-tabs.horizontal li.tab-pin-change.selected:hover,
#page-profileSecurity .xwc-tabs.horizontal li.tab-password-change.selected:hover,
#page-profileSecurity .xwc-tabs.horizontal li.tab-cellnumber-change.selected:hover,
#page-profileSecurity .xwc-tabs.horizontal li.tab-pin-change.selected:focus,
#page-profileSecurity .xwc-tabs.horizontal li.tab-password-change.selected:focus,
#page-profileSecurity .xwc-tabs.horizontal li.tab-cellnumber-change.selected:focus {
    z-index: 6;
    background: #fafafa;
    -webkit-transition: none;
    transition: none;
}

#page-profileSecurity .xwc-tabs.horizontal li.tab-pin-change:hover,
#page-profileSecurity .xwc-tabs.horizontal li.tab-password-change:hover,
#page-profileSecurity .xwc-tabs.horizontal li.tab-cellnumber-change:hover,
#page-profileSecurity .xwc-tabs.horizontal li.tab-pin-change:focus,
#page-profileSecurity .xwc-tabs.horizontal li.tab-password-change:focus,
#page-profileSecurity .xwc-tabs.horizontal li.tab-cellnumber-change:focus {
    z-index: 0;
    background: #e8f9ff;
    -webkit-transition: none;
    transition: none;
}

#page-profileSecurity .xwc-tabs.horizontal li.tab-pin-change.selected button,
#page-profileSecurity .xwc-tabs.horizontal li.tab-cellnumber-change.selected button,
#page-profileSecurity .xwc-tabs.horizontal li.tab-password-change.selected button {
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
    color: #2d2d2d;
    cursor: default;
}

#page-profileSecurity .xwc-tabs.horizontal li.tab-pin-change.selected:before,
#page-profileSecurity .xwc-tabs.horizontal li.tab-cellnumber-change.selected:before,
#page-profileSecurity .xwc-tabs.horizontal li.tab-password-change.selected:before {
    -webkit-box-shadow: 1px 0 0 0 #fafafa, 6px 0 0 0 #fafafa, 14px 0 0 0 #fafafa;
    box-shadow: 1px 0 0 0 #fafafa, 6px 0 0 0 #fafafa, 14px 0 0 0 #fafafa;
    z-index: 5;
}

#page-profileSecurity .xwc-tabs.horizontal li.tab-pin-change.selected:after,
#page-profileSecurity .xwc-tabs.horizontal li.tab-cellnumber-change.selected:after,
#page-profileSecurity .xwc-tabs.horizontal li.tab-password-change.selected:after {
    -webkit-box-shadow: -1px 0 0 0 #fafafa, -6px 0 0 0 #fafafa, -14px 0 0 0 #fafafa;
    box-shadow: -1px 0 0 0 #fafafa, -6px 0 0 0 #fafafa, -14px 0 0 0 #fafafa;
    z-index: 5;
}

#page-profileSecurity .xwc-tabs.horizontal li.tab-pin-change.selected:hover:before,
#page-profileSecurity .xwc-tabs.horizontal li.tab-cellnumber-change.selected:hover:before,
#page-profileSecurity .xwc-tabs.horizontal li.tab-password-change.selected:hover:before {
    -webkit-box-shadow: 1px 0 0 0 #fafafa, 6px 0 0 0 #fafafa, 14px 0 0 0 #fafafa;
    box-shadow: 1px 0 0 0 #fafafa, 6px 0 0 0 #fafafa, 14px 0 0 0 #fafafa;
    z-index: 5;
}

#page-profileSecurity .xwc-tabs.horizontal li.tab-pin-change.selected:hover:after,
#page-profileSecurity .xwc-tabs.horizontal li.tab-cellnumber-change.selected:hover:after,
#page-profileSecurity .xwc-tabs.horizontal li.tab-password-change.selected:hover:after {
    -webkit-box-shadow: -1px 0 0 0 #fafafa, -6px 0 0 0 #fafafa, -14px 0 0 0 #fafafa;
    box-shadow: -1px 0 0 0 #fafafa, -6px 0 0 0 #fafafa, -14px 0 0 0 #fafafa;
    z-index: 5;
}

#page-profileSecurity .xwc-tabs.horizontal li.tab-pin-change:hover:before,
#page-profileSecurity .xwc-tabs.horizontal li.tab-cellnumber-change:hover:before,
#page-profileSecurity .xwc-tabs.horizontal li.tab-password-change:hover:before {
    -webkit-box-shadow: 1px 0 0 0 #e8f9ff, 6px 0 0 0 #e8f9ff, 14px 0 0 0 #e8f9ff;
    box-shadow: 1px 0 0 0 #e8f9ff, 6px 0 0 0 #e8f9ff, 14px 0 0 0 #e8f9ff;
    z-index: 0;
}

#page-profileSecurity .xwc-tabs.horizontal li.tab-pin-change:hover:after,
#page-profileSecurity .xwc-tabs.horizontal li.tab-cellnumber-change:hover:after,
#page-profileSecurity .xwc-tabs.horizontal li.tab-password-change:hover:after {
    -webkit-box-shadow: -1px 0 0 0 #e8f9ff, -6px 0 0 0 #e8f9ff, -14px 0 0 0 #e8f9ff;
    box-shadow: -1px 0 0 0 #e8f9ff, -6px 0 0 0 #e8f9ff, -14px 0 0 0 #e8f9ff;
    z-index: 0;
}

#page-profileSecurity .preferences .textNote {
    font-size: 14px;
    height: 30px;
    margin-bottom: 0px;
    margin-top: 0px;
}

#page-profileSecurity .changePIN .row,
#page-profileSecurity .changePassword .row,
#page-profileSecurity .changeCell .row {
    width: 100%;
    margin-left: 0px;
    margin-top: 5px
}

#page-profileSecurity .pin-input-left,
#page-profileSecurity .cell-input-left,
#page-profileSecurity .password-input-left {
    float: left;
    width: 200px;
    padding-top: 10px;
    font-size: 14px;
}

#page-profileSecurity .changePIN .xwc-ui-text input {
    float: left;
    width: 60px;
}

#page-profileSecurity .changeCell .xwc-ui-text input {
    float: left;
    width: 110px;
}

#page-profileSecurity .changePassword .xwc-ui-text input {
    float: left;
    width: 110px;
}

#page-profileCommunication .tab-details-wrap {
    width: 609px;
    float: left;
}

#page-profileCommunication .tab-details-wrap table {
    width: 609px;
}

#page-profileCommunication .detail-list table {
    width: 570px;
}

#page-profileCommunication .xwc-tabs.horizontal {
    padding-top: 9px;
}

#page-profileCommunication .xwc-tabs.horizontal li:before,
#page-profileCommunication .xwc-tabs.horizontal li:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 14px;
    height: 31px;
    border: 1px solid #bdbdbd;
    border-top: none;
}

#page-profileCommunication .xwc-tabs.horizontal li:before {
    left: -18px;
    border-bottom-right-radius: 20px;
    border-left: none;
    -webkit-box-shadow: 1px 0 0 0 #f5f5f5, 6px 0 0 0 #f5f5f5, 14px 0 0 0 #f5f5f5;
    -webkit-transform: rotate(18deg);
    box-shadow: 1px 0 0 0 #f5f5f5, 6px 0 0 0 #f5f5f5, 14px 0 0 0 #f5f5f5;
    transform: rotate(18deg);
}

#page-profileCommunication .xwc-tabs.horizontal li:after {
    right: -18px;
    border-bottom-left-radius: 40px 40px;
    border-right: none;
    -webkit-box-shadow: -1px 0 0 0 #f5f5f5, -6px 0 0 0 #f5f5f5, -14px 0 0 0 #f5f5f5;
    -webkit-transform: rotate(-18deg);
    box-shadow: -1px 0 0 0 #f5f5f5, -6px 0 0 0 #f5f5f5, -14px 0 0 0 #f5f5f5;
    transform: rotate(-18deg);
}

#page-profileCommunication .changeNotification > li,
#page-profileCommunication .changeStatements > li {
    color: #2d2d2d;
    font-size: 18px;
}

#page-profileCommunication .changeNotification li > div {
    height: 30px;
}

#page-profileCommunication .changeNotificationSecurityRules > li {
    color: #2d2d2d;
    font-size: 16px;
}

#page-profileCommunication p {
    margin-bottom: 0px;
}

#page-profileCommunication .Contacts-buttons.xwc-buttons-panel {
    right: 0;
    text-align: center;
    margin-top: 110px;
}

#page-profileCommunication .notification-buttons.xwc-buttons-panel {
    right: 0;
    text-align: center;
    margin-top: 55px;
}

#page-profileCommunication .statements-buttons.xwc-buttons-panel {
    right: 0;
    text-align: center;
    margin-top: 140px;
}

#page-profileCommunication label.noteHeader {
    color: #cc0000;
    font-weight: bold;
}

#page-profileCommunication .changeContacts .xwc-flyout {
    padding: 8px 8px;
    height: 38px;
    left: 264px;
    width: 118px;
    font-size: 12px;
    text-align: center;
}

#page-profileCommunication .changeStatements .xwc-flyout {
    padding: 5px 5px;
    top: 32px;
    left: -215px;
    width: 395px;
    font-size: 11px;
    height: 10px;
}

#page-profileCommunication .changeContacts .xwc-flyout-pointer {
    top: -8px;
    left: 220px;
}

#page-profileCommunication .changeStatements .xwc-flyout-pointer {
    top: -8px;
}

#page-profileCommunication .changeContacts .xwc-flyout.error .xwc-flyout-content,
#page-profileCommunication .changeStatements .xwc-flyout.error .xwc-flyout-content {
    line-height: 12px;
    text-align: center;
}

#page-profileCommunication .detail-list {
    border: 2px solid #c8c8c8;
    width: 575px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    background-color: #fafafa;
    height: 375px;
    position: relative;
}

#page-profileCommunication .tab-details-wrap .header {
    height: 40px;
}

#page-profileCommunication .xwc-tabs.horizontal li {
    -webkit-transition: background-color 0.1s ease-in-out;
    -webkit-transition: none;
    transition: background-color 0.1s ease-in-out;
    transition: none;
    position: relative;
    z-index: 0;
    border: 1px solid #bdbdbd;
    border-top-right-radius: 9px 15px;
    border-top-left-radius: 9px 15px;
    width: 180px;
    height: 34px;
    line-height: 34px;
    background: #f5f5f5;
    border-bottom: none;
    margin: 0 -20px 0 25px;
}

#page-profileCommunication .xwc-tabs.horizontal li button {
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    width: 100%;
    color: #007eb6;
    height: 34px;
}

#page-profileCommunication .xwc-tabs.horizontal li.tab-contacts-change,
#page-profileCommunication .xwc-tabs.horizontal li.tab-notification-change,
#page-profileCommunication .xwc-tabs.horizontal li.tab-statements-change {
    z-index: 0;
    background: #f5f5f5;
    -webkit-transition: none;
    transition: none;
}

#page-profileCommunication .xwc-tabs.horizontal li.tab-contacts-change.selected,
#page-profileCommunication .xwc-tabs.horizontal li.tab-notification-change.selected,
#page-profileCommunication .xwc-tabs.horizontal li.tab-statements-change.selected {
    z-index: 5;
    background: #fafafa;
    -webkit-transition: none;
    transition: none;
    border-bottom: none;
}

#page-profileCommunication .xwc-tabs.horizontal li.tab-contacts-change.selected:hover,
#page-profileCommunication .xwc-tabs.horizontal li.tab-notification-change.selected:hover,
#page-profileCommunication .xwc-tabs.horizontal li.tab-statements-change.selected:hover,
#page-profileCommunication .xwc-tabs.horizontal li.tab-contacts-change.selected:focus,
#page-profileCommunication .xwc-tabs.horizontal li.tab-notification-change.selected:focus,
#page-profileCommunication .xwc-tabs.horizontal li.tab-statements-change.selected:focus {
    z-index: 6;
    background: #fafafa;
    -webkit-transition: none;
    transition: none;
}

#page-profileCommunication .xwc-tabs.horizontal li.tab-contacts-change:hover,
#page-profileCommunication .xwc-tabs.horizontal li.tab-notification-change:hover,
#page-profileCommunication .xwc-tabs.horizontal li.tab-statements-change:hover,
#page-profileCommunication .xwc-tabs.horizontal li.tab-contacts-change:focus,
#page-profileCommunication .xwc-tabs.horizontal li.tab-notification-change:focus,
#page-profileCommunication .xwc-tabs.horizontal li.tab-statements-change:focus {
    z-index: 0;
    background: #e8f9ff;
    -webkit-transition: none;
    transition: none;
}

#page-profileCommunication .xwc-tabs.horizontal li.tab-contacts-change.selected button,
#page-profileCommunication .xwc-tabs.horizontal li.tab-statements-change.selected button,
#page-profileCommunication .xwc-tabs.horizontal li.tab-notification-change.selected button {
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
    color: #2d2d2d;
    cursor: default;
}

#page-profileCommunication .xwc-tabs.horizontal li.tab-contacts-change.selected:before,
#page-profileCommunication .xwc-tabs.horizontal li.tab-statements-change.selected:before,
#page-profileCommunication .xwc-tabs.horizontal li.tab-notification-change.selected:before {
    -webkit-box-shadow: 1px 0 0 0 #fafafa, 6px 0 0 0 #fafafa, 14px 0 0 0 #fafafa;
    box-shadow: 1px 0 0 0 #fafafa, 6px 0 0 0 #fafafa, 14px 0 0 0 #fafafa;
    z-index: 5;
}

#page-profileCommunication .xwc-tabs.horizontal li.tab-contacts-change.selected:after,
#page-profileCommunication .xwc-tabs.horizontal li.tab-statements-change.selected:after,
#page-profileCommunication .xwc-tabs.horizontal li.tab-notification-change.selected:after {
    -webkit-box-shadow: -1px 0 0 0 #fafafa, -6px 0 0 0 #fafafa, -14px 0 0 0 #fafafa;
    box-shadow: -1px 0 0 0 #fafafa, -6px 0 0 0 #fafafa, -14px 0 0 0 #fafafa;
    z-index: 5;
}

#page-profileCommunication .xwc-tabs.horizontal li.tab-contacts-change.selected:hover:before,
#page-profileCommunication .xwc-tabs.horizontal li.tab-statements-change.selected:hover:before,
#page-profileCommunication .xwc-tabs.horizontal li.tab-notification-change.selected:hover:before {
    -webkit-box-shadow: 1px 0 0 0 #fafafa, 6px 0 0 0 #fafafa, 14px 0 0 0 #fafafa;
    box-shadow: 1px 0 0 0 #fafafa, 6px 0 0 0 #fafafa, 14px 0 0 0 #fafafa;
    z-index: 5;
}

#page-profileCommunication .xwc-tabs.horizontal li.tab-contacts-change.selected:hover:after,
#page-profileCommunication .xwc-tabs.horizontal li.tab-statements-change.selected:hover:after,
#page-profileCommunication .xwc-tabs.horizontal li.tab-notification-change.selected:hover:after {
    -webkit-box-shadow: -1px 0 0 0 #fafafa, -6px 0 0 0 #fafafa, -14px 0 0 0 #fafafa;
    box-shadow: -1px 0 0 0 #fafafa, -6px 0 0 0 #fafafa, -14px 0 0 0 #fafafa;
    z-index: 5;
}

#page-profileCommunication .xwc-tabs.horizontal li.tab-contacts-change:hover:before,
#page-profileCommunication .xwc-tabs.horizontal li.tab-statements-change:hover:before,
#page-profileCommunication .xwc-tabs.horizontal li.tab-notification-change:hover:before {
    -webkit-box-shadow: 1px 0 0 0 #e8f9ff, 6px 0 0 0 #e8f9ff, 14px 0 0 0 #e8f9ff;
    box-shadow: 1px 0 0 0 #e8f9ff, 6px 0 0 0 #e8f9ff, 14px 0 0 0 #e8f9ff;
    z-index: 0;
}

#page-profileCommunication .xwc-tabs.horizontal li.tab-contacts-change:hover:after,
#page-profileCommunication .xwc-tabs.horizontal li.tab-statements-change:hover:after,
#page-profileCommunication .xwc-tabs.horizontal li.tab-notification-change:hover:after {
    -webkit-box-shadow: -1px 0 0 0 #e8f9ff, -6px 0 0 0 #e8f9ff, -14px 0 0 0 #e8f9ff;
    box-shadow: -1px 0 0 0 #e8f9ff, -6px 0 0 0 #e8f9ff, -14px 0 0 0 #e8f9ff;
    z-index: 0;
}

#page-profileCommunication .preferences .textNote {
    font-size: 16px;
    height: 30px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-left: 10px;
}

#page-profileCommunication .changeContacts .row,
#page-profileCommunication .changeNotification .row,
#page-profileCommunication .changeStatements .row {
    width: 100%;
    margin-left: 0px;
    margin-top: 5px
}

#page-profileCommunication .contacts-input-left,
#page-profileCommunication .notification-input-left {
    float: left;
    width: 200px;
    padding-top: 10px;
    font-size: 18px;
}

#page-profileCommunication .contacts-input-left {
    float: left;
    width: 180px;
    padding-top: 10px;
    font-size: 18px;
}

#page-profileCommunication .statements-input-left {
    float: left;
    width: 220px;
    padding-top: 10px;
    font-size: 18px;
}

#page-profileCommunication .changeContacts .xwc-ui-text input {
    float: left;
    width: 220px;
    height: 28px;
}

#page-profileCommunication .changeStatements .xwc-ui-text input {
    float: left;
    width: 220px;
    height: 28px;
    font-size: 14px;
}

#page-profileCommunication .changeNotification .xwc-ui-text input {
    float: left;
    width: 110px;
}

#page-profileCommunication .select-notificationType-change button {
    cursor: pointer;
    border: 1px solid #bcbcbc;
    font-weight: 100;
    word-spacing: -1px;
    background: #f8f8f8;
    position: relative;
    width: 58px;
    height: 25px;
    padding: 0 5px;
    text-align: center;
    cursor: pointer;
    float: left;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 14px;
    color: #555555;
}

#page-profileCommunication .faxNumber {
    position: relative;
    width: 130px;
    margin-left: 10px;
}

#page-profileCommunication .select-notificationType-change button.button-disabled {
    cursor: pointer;
    border: 1px solid #bcbcbc;
    font-weight: 100;
    word-spacing: -1px;
    -webkit-transition: background-color 0.1s ease-in-out;
    background: #e9e9e9;
    transition: background-color 0.1s ease-in-out;
    position: relative;
    width: 58px;
    height: 25px;
    padding: 0 5px;
    text-align: center;
    cursor: pointer;
    float: left;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-size: 14px;
    color: #bdbdbd;
}

#page-profileCommunication .select-notificationType-change .leftRadius {
    float: left;
    width: 200px;
    padding-top: 10px;
    font-size: 14px;
    -webkit-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
}

#page-profileCommunication .select-notificationType-change .noRightBorder {
    border-right: 0px;
    border-right-style: dotted;
}

#page-profileCommunication .select-notificationType-change .rightRadius {
    float: left;
    width: 200px;
    padding-top: 10px;
    font-size: 14px;
    -webkit-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
}

#page-profileCommunication .select-notificationType-change button.selected,
#page-profileCommunication .select-notificationType-change button.selected:hover {
    background-color: #00aeef;
    color: #fff;
}

#page-profileCommunication .select-notificationType-change button:hover {
    background-color: #e8f9ff;
}

#page-profileCommunication .select-notificationType-change button:active {
    background-color: #00aeef;
    -webkit-transition: none;
    transition: none;
}

#page-profileCommunication .notification-checkbox-left {
    float: left;
    width: 250px;
    padding-top: 10px;
    padding-left: 5px;
    font-size: 16px;
}

#page-profileCommunication .change-success {
    background: #e6e5e5;
    padding: 0 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 160px;
    height: 40px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: none;
}

#page-profileCommunication .change-success button {
    position: relative;
    height: 45px;
    line-height: 48px;
}

#page-profileCommunication .change-success button span {
    font-size: 16px;
    font-family: "ExpertSansRegular", sans-serif;
    color: #ab2128;
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: auto;
    background: none;
    padding-left: 30px;
    background-image: url(../../../axob/xwc/img/brand/absa/icn_home-cyan.png);
    background-repeat: no-repeat;
    background-position: left center;
}

#page-profileCommunication .change-success .back-home {
    background: url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_home-cyan.png) no-repeat 0 50%;
    cursor: pointer;
}

#page-profileCommunication .displaynone-statements {
    display: none !important;
}

#page-profileCommunication .displayblock-statements {
    display: block !important;
}

#page-profileCommunication .statements-communication-buttons.xwc-buttons-panel {
    right: 0;
    text-align: center;
}

#page-serviceInformation .preferences .xwc-tab-content-container {
    position: relative;
    width: 660px;
    height: 590px;
    background-color: #fff;
    box-shadow: inset 4px 0 0 0 #e8e8e8, inset 0 4px 0 0 #e8e8e8;
}

#cancelOnlineBanking .cancelReason-input-left {
    float: left;
    width: 150px;
    padding-top: 15px;
    font-size: 16px;
    margin-right: 5px
}

#cancelOnlineBanking .additionalComments-input-left {
    float: left;
    width: 150px;
    padding-top: 25px;
    font-size: 16px;
    margin-right: 5px
}

#cancelOnlineBanking .additionalComments-input {
    padding-top: 12px;
}

#cancelOnlineBanking-button {
    font-size: 16px;
    height: 40px;
    line-height: 30px;
}

#page-serviceInformation .xwc-buttons-panel {
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
}

#page-cancelOnlineBanking .cancellationreason-button {
    width: 185px;
}

#page-cancelOnlineBanking li > div {
    top: 0;
    height: 30px;
    padding: 0 10px;
    font-size: 16px;
}

#page-cancelOnlineBanking .detail-list {
    width: 609px;
    padding-left: 0px;
    padding-right: 15px;
    padding-top: 15px;
    height: 250px;
    position: relative;
    text-align: left;
}

#page-cancelOnlineBanking .xwc-buttons-panel {
    font-size: 0;
    text-align: center;
    margin-right: 20px;
}

#page-cancelOnlineBanking .cancelSeriveRules > li {
    color: #2d2d2d;
    font-size: 16px;
}

#page-cancelOnlineBanking .cancelOnline-banking {
    right: 0;
    text-align: center;
    margin-top: 10px;
    margin-left: 20px;
}

#page-cancelOnlineBanking .additional-commentstextarea {
    font-family: "ExpertSansLight", sans-serif;
    font-size: 18px;
    width: 360px;
    height: 44px;
    resize: none;
}

#page-cancelOnlineBanking .select.cancellationreason {
    height: 38px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

#page-cancelOnlineBanking .select-reason .section {
    position: relative;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    height: 120px;
}

#page-cancelOnlineBanking .header-row {
    background-color: #e6e5e5;
    font-size: 16px;
    height: 30px;
    width: 609px;
    line-height: 30px;
    margin-bottom: 5px;
    margin-top: 20px;
    padding-left: 5px
}

#page-cancelOnlineBanking li > div .wrap {
    padding: 10px;
    height: 20px;
}

.downloadApp button.downloadApp-sendUrlBtn.left {
    float: left;
}

.xwc-buttons-panel.linkDevicePanel .button-downloadApp-latestVersion {
    width: 200px;
}

.button-couldNotDownloadApp {
    color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    height: 45px;
    float: right;
    line-height: 45px;
    padding: 0 25px;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    background-color: #666666;
    margin-right: 15px;
}

.xwc-buttons-panel.linkDevicePanel .button-downloadApp-latestVersion.resize {
    width: 315px;
}

.xwc-buttons-panel.confirmPasscodePanel .button-confirmPasscode-confirm {
    width: 115px;
}

.xwc-buttons-panel.completeTheProcessPanel .button-completeTheProcess-cancel,
.xwc-buttons-panel.completeTheProcessPanel .button-deviceLinkInfo-close {
    width: 70px;
}

.xwc-buttons-panel.unavailableDevicePanel .button-unavailableDevice-next {
    width: 85px;
}

#page-managedevices .xwc-buttons-panel #makeSurecheckDeviceConfirmButton,
#page-managedevices .xwc-buttons-panel #delinkDeviceConfirmButton,
#page-managedevices .xwc-buttons-panel #changeNicknameConfirmButton {
    margin-right: 0;
}

#page-managedevices .button-active,
.button-downloadApp-latestVersion,
.button-confirmPasscode-confirm,
.button-unavailableDevice-next,
.button-completeTheProcess-cancel,
.button-deviceLinkInfo-close {
    position: relative;
    z-index: 2;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    background-color: #007eb6;
    float: right;
    display: inline;
    margin: 0 auto 0 auto;
    width: 180px;
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

#page-managedevices .button-active:active,
.button-downloadApp-latestVersion:active,
.button-confirmPasscode-confirm:active,
.button-unavailableDevice-next:active,
.button-completeTheProcess-cancel:active,
.button-deviceLinkInfo-close:active {
    -webkit-transition: none;
    transition: none;
}

#page-managedevices .button-active:hover,
.button-downloadApp-latestVersion:hover,
.button-confirmPasscode-confirm:hover,
.button-unavailableDevice-next:hover,
.button-completeTheProcess-cancel:hover,
.button-deviceLinkInfo-close:hover,
#page-managedevices .button-active:focus,
.button-downloadApp-latestVersion:focus .button-confirmPasscode-confirm:focus,
.button-unavailableDevice-next:focus,
.button-completeTheProcess-cancel:focus,
.button-deviceLinkInfo-close:focus {
    background-color: #00395d;
    color: #FFFFFF;
}

#page-managedevices .button-active:active,
.button-downloadApp-latestVersion:active,
.button-confirmPasscode-confirm:active,
.button-unavailableDevice-next:active,
.button-completeTheProcess-cancel:active,
.button-deviceLinkInfo-close:active {
    background-color: #00395d;
    color: #FFFFFF;
}

#page-managedevices .button-active.disabled,
.button-downloadApp-latestVersion.disabled,
.button-confirmPasscode-confirm.disabled,
.button-unavailableDevice-next.disabled,
.button-completeTheProcess-cancel.disabled,
.button-deviceLinkInfo-close.disabled {
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    background-color: #e9e9e9;
    color: #bdbdbd;
    box-shadow: 0 0 0 1px #d9d9d9;
    cursor: default;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#page-managedevices #linkNewDeviceButton.userNotEligibleFor2FA,
#page-managedevices #makeSurecheckDeviceButton.userNotEligibleFor2FA {
    display: none;
}

.link-device .confirmPasscode-forgotPasscodeBtn {
    color: #007eb6;
    text-align: center;
    font-size: 15px;
    cursor: pointer;
    height: 45px;
    float: right;
    line-height: 45px;
    padding: 0 25px;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    margin-right: 290px;
    width: auto;
    text-decoration: underline;
}

.link-device .process-main.deviceLinkInfo #deviceLinkInfo-closeBtn {
    width: 100px;
    float: right;
}

.downloadApp-sendUrlBtn.none {
    float: none;
}

.downloadApp-sendUrlBtn {
    color: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    height: 45px;
    float: right;
    line-height: 45px;
    padding: 0 23px;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    margin-right: 15px;
    background-color: #007eb6;
    width: 40px;
    margin-right: 220px;
}

.xwc-modal-overlay .xwc-modal.xwc-out-of-band .content .xwc-buttons-panel.scanCodePanel {
    margin: 20px 0px 0px 0px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.xwc-modal-overlay .xwc-modal .content .unavailable-device .xwc-buttons-panel.unavailableDevicePanel {
    margin-top: 295px;
}

.xwc-modal-overlay .xwc-modal .content .link-device .xwc-buttons-panel.confirmPasscodePanel {
    margin-top: 90px;
}

#page-managedevices .xwc-buttons-panel > button {
    font-size: 17px;
    text-align: center;
    margin-right: 15px;
    margin-left: 10px;
    float: right;
    padding: 0 15px;
}

#page-managedevices button.hidden {
    display: none;
}

#xwc-out-of-band-2fa {
    top: 0px;
}

.xwc-modal-overlay .xwc-modal .content .unavailable-delink-message span strong {
    color: red;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper {
    display: -webkit-box;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .completeTheProcessImage {
    width: 310px;
    padding: 0 0 0 0;
    color: #555555;
    height: inherit;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main {
    width: 780px;
    height: inherit;
    position: absolute;
    right: 0;
    top: 0;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main > p {
    margin-bottom: 12px;
    color: #555555;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main .details {
    padding: 17px 0 14px 0;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 28px;
    width: 360px;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main .details h2 {
    font-size: 24px;
    margin-bottom: 10px;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main .details div {
    display: inline-block;
    font-size: 18px;
    color: #777777;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main .details div span {
    color: #555555;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main .details div:last-of-type {
    margin-left: 15px;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main .confirmPasscode-message {
    color: #555555;
    font-weight: bold;
    font-size: 22px;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main .confirmPasscode-atmcardnumber-message {
    padding-top: 100px;
    color: #555555;
    font-weight: bold;
    font-size: 22px;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main .confirmPasscode-message-input,
.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main .confirmPasscode-atmcardnumber-message-input,
.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main .confirmPasscode-atmpin-message-input,
.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main.downloadApp .sendapp-message-input {
    padding-top: 5px;
    color: #555555;
    font-size: 17px;
    margin-left: 255px;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main .confirmPasscode-atmpin-message {
    padding-top: 100px;
    color: #555555;
    font-weight: bold;
    font-size: 22px;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main.downloadApp .download-message {
    color: #555555;
    font-weight: bold;
    font-size: 25px;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main.downloadApp .enhanced-message {
    padding-top: 30px;
    color: #555555;
    width: 730px;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main.downloadApp .sendapp-message {
    padding-top: 20px;
    color: #555555;
    font-size: 17px;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main.downloadApp #downloadAppSendCellno {
    width: 195px;
    padding: 0 10px;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main.downloadApp .url-message {
    padding-top: 30px;
    color: #555555;
    font-size: 13px;
    width: 303px;
    margin-left: 255px;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main.downloadApp .enhanced-message span {
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main .confirmPasscode-message span,
.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main .confirmPasscode-message-input span,
.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main .confirmPasscode-atmcardnumber-message-input span,
.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main .confirmPasscode-atmcardnumber-message span,
.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main .confirmPasscode-atmpin-message-input span,
.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main.downloadApp .download-message span,
.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main .confirmPasscode-atmpin-message span,
.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main.downloadApp .sendapp-message span,
.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main.downloadApp .sendapp-message-input span,
.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main.downloadApp .url-message span {
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
}

#confirmPasscodeSecurityCode {
    margin-top: 50px;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main.scanCode {
    position: inherit;
    width: 430px;
    display: table-cell;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main.infoCode {
    position: inherit;
    width: 796px;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main.completeTheProcess {
    width: 490px;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main .image-apple,
.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main .image-google,
.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main .image-microsoft {
    background-repeat: no-repeat;
    height: 35px;
    width: 150px;
    background-color: white;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main .image-apple {
    background-image: url(https://ib.absa.co.za/axob/xwc/img/store_app_colour.png);
    margin-left: 50px;
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: gray;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main .image-google {
    background-image: url(https://ib.absa.co.za/axob/xwc/img/store_google_colour.png);
    margin-left: 25px;
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: gray;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main .image-microsoft {
    background-image: url(https://ib.absa.co.za/axob/xwc/img/store_microsoft_colour.png);
    padding-right: 20px;
    margin-left: 25px;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main.downloadApp .image-row {
    padding-top: 10px;
    height: 40px;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .notice.scanCode .bold-message,
.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .completeTheProcess .bold-message {
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
    padding: 0px;
    text-align: left;
    padding-left: 50px;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .notice.scanCode,
.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .completeTheProcess {
    width: 350px;
    padding: 0 0 0 0;
    color: #555555;
    height: inherit;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .notice.scanCode {
    display: table-cell;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .notice.scanCode .scan-image {
    padding-top: 280px;
    margin-left: -20px;
    background: url(https://ib.absa.co.za/axob/xwc/img/static_qr_code_without_logo.jpg) no-repeat 52px -10px;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main.scanCode p.dialogGeneralBold,
.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main.completeTheProcess p.dialogGeneral,
.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main.scanCode p.dialogGeneral,
.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main.completeTheProcess p.dialogGeneralBold {
    font-family: "ExpertSansBold", sans-serif;
    padding-top: 5px;
    font-size: 15px;
    text-align: left;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main.downloadApp .row .importantInfo .image-row {
    padding-top: 10px;
    height: 100px;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .bold-message {
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
    padding-bottom: 25px;
    padding-top: 10px;
}

.xwc-modal-overlay .xwc-modal.xwc-out-of-band .process-main.scanCode .row.importantInfoRow {
    margin-top: 0;
}

.xwc-modal-overlay .xwc-modal.xwc-out-of-band .process-main.scanCode .row.importantInfoRow b {
    font-weight: bold;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.link-device .box-wrapper .process-main ul {
    font-size: 15px;
    margin-top: 10px;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.unavailable-device .box-wrapper .process-main .reason-checkboxes {
    padding-top: 25px;
    color: #555555;
    width: 730px;
    margin-left: 175px;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.unavailable-device .box-wrapper .process-main .unavailable-message {
    padding-top: 30px;
    color: #555555;
    font-weight: bold;
    font-size: 22px;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.unavailable-device .box-wrapper .process-main .unavailable-delink-message {
    padding-top: 25px;
    color: #555555;
    font-size: 16px;
    float: left;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.unavailable-device .box-wrapper .process-main .reason-checkboxes span,
.xwc-out-of-band .wrapper .fragments .xwc-fragment.unavailable-device .box-wrapper .process-main .unavailable-delink-message span,
.xwc-out-of-band .wrapper .fragments .xwc-fragment.unavailable-device .box-wrapper .process-main .unavailable-message span {
    font-family: "ExpertSansBold", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.unavailable-device .box-wrapper .process-main .unavailable-delink-message span {
    font-family: "ExpertSansRegular", sans-serif;
    font-weight: inherit;
    -webkit-font-smoothing: antialiased;
}

.xwc-out-of-band .wrapper .fragments .xwc-fragment.unavailable-device .box-wrapper .process-main .unavailable-delink-message > div strong {
    font-weight: bold;
}

.xwc-modal-overlay .xwc-modal.xwc-out-of-band .downloadApp .row.responseMessageRow.sendUrlRespMsgRow {
    margin-left: 0px;
    width: 450px;
    text-align: center;
    color: red;
    height: 0px; //margin-right:70px;margin-top:0px;font-size:13px;}.xwc-modal-overlay .xwc-modal.xwc-out-of-band .downloadApp .row.responseMessageRow.sendUrlRespMsgRow.success{color:green;}.xwc-modal-overlay .xwc-modal.xwc-out-of-band .downloadApp .row.responseMessageRow.sendUrlRespMsgRow p{font-size:13px;width:200px;padding:0 10px;// text-align:center}.xwc-modal.xwc-out-of-band .downloadAppSendCellno.xwc-flyout.error{top:-3px;left:313px;width:192px;}.xwc-modal-overlay .xwc-modal.xwc-out-of-band .link-device .completeTheProcess .row.importantInfoRow{margin-top:150px;}.xwc-modal-overlay .xwc-modal.xwc-out-of-band .link-device .scanCode .row.importantInfoRow,.xwc-modal-overlay .xwc-modal.xwc-out-of-band .link-device .completeTheProcess .row.importantInfoRow,.xwc-modal-overlay .xwc-modal.xwc-out-of-band .content .process-main.scanCode .row .importantInfo,.xwc-modal-overlay .xwc-modal.xwc-out-of-band .content .link-device .process-main.completeTheProcess .row .importantInfo{width:inherit;}.xwc-modal-overlay .xwc-modal.xwc-out-of-band .content .process-main.scanCode .row .importantInfo ol{margin-top:0px;}.xwc-modal-overlay .xwc-modal.xwc-out-of-band .content .process-main.scanCode .row .importantInfo ol,.xwc-modal-overlay .xwc-modal.xwc-out-of-band .content .link-device .process-main.completeTheProcess .row .importantInfo ol{font-family:"ExpertSansLight",sans-serif;font-size:14px;margin-top:10px;margin-left:15px;list-style-position:inside;}.xwc-modal-overlay .xwc-modal.xwc-out-of-band .content .process-main.scanCode .row .importantInfo li,.xwc-modal-overlay .xwc-modal.xwc-out-of-band .content .link-device .process-main.completeTheProcess .row .importantInfo li{list-style-type:decimal;}.xwc-modal-overlay .xwc-modal.xwc-out-of-band .content .link-device .xwc-buttons-panel.completeTheProcessPanel{margin:20px 0px 0px 0px;position:absolute;bottom:0;right:0;}.reason-checkboxes .xwc-ui-checkbox input + label{text-align:left;}#uniqueQrCodeNumber{width:273px;}#completeTheAppImage{padding-top:450px;background:url(https://ib.absa.co.za/axob/xwc/img/icn_device_apple_2x.png) no-repeat 52px 20px;}.link-device.process-main.deviceLinkInfo .col-left{padding-left:200px;}.link-device.process-main.deviceLinkInfo .col-left,.link-device .process-main.deviceLinkInfo .deviceLinkInfoValue{float:left;text-align:left;padding-top:15px;width:25%;}.link-device .process-main.deviceLinkInfo #deviceLinkInfoSuccessMessage{text-align:center;margin-top:200px;opacity:1;-webkit-transition:opacity 0.32s ease-in-out;transition:opacity 0.32s ease-in-out;display:block;height:150px;}.link-device .process-main.deviceLinkInfo #deviceLinkInfoSuccessMessage .icon{width:44px;height:44px;margin:0 auto 15px auto;-webkit-border-radius:22px;border-radius:22px;background:#479800 url(https://ib.absa.co.za/axob/xwc/img/icn_tick_login.png) no-repeat 50% 50%;opacity:1;position:inherit;}.link-device .process-main.deviceLinkInfo #deviceLinkInfoSuccessMessage .title{margin-bottom:13px;font-size:18px;font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;color:#479800;opacity:1;}.link-device .process-main.deviceLinkInfo #deviceLinkInfoSuccessMessage .message{line-height:20px;font-family:"ExpertSansRegular",sans-serif;word-spacing:-1px;border:none;padding:0;font-size:16px;color:#666666;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:auto;}#page-managedevices .xwc-transaction-box{cursor:pointer;border:1px solid #c8c8c8;-webkit-box-shadow:0 0 0 0;-webkit-border-radius:8px;margin-bottom:5px;margin-right:20px;cursor:pointer;background-color:#ffffff;overflow:hidden;width:570px;display:block;font-size:14px;}#page-managedevices .xwc-transaction-box .summary .message-icon:not(.large).W{margin-top:8px;}#page-managedevices .preferences .xwc-tab-content .xwc-fragment.preference-changed .title{font-size:20px;margin-bottom:5px;}#page-managedevices .xwc-multiple-devices .wrapper{width:920px;margin:0 auto;height:350px;opacity:1;-webkit-transform:translateY(0);-webkit-transition:all 0.7s cubic-bezier(0.2,0,0.2,1);-webkit-transition-delay:.1s;transform:translateY(0);transition:all 0.7s cubic-bezier(0.2,0,0.2,1);transition-delay:.1s;margin:10px 20px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;}#page-managedevices .xwc-multiple-devices .wrapper .box-left{width:570px;height:330px;margin-right:10px;}#page-managedevices .xwc-multiple-devices .title{font-size:21px;line-height:20px;margin-bottom:15px;font-size:20px;position:relative;padding-left:60px;padding-top:10px;}#page-managedevices .xwc-multiple-devices .box-left .box-header{font-size:14px;color:#777777;position:relative;height:20px;}#page-managedevices .xwc-multiple-devices .box-left .box-header span{position:absolute;}#page-managedevices .xwc-multiple-devices .box-left .box-header .number{left:15px;}#page-managedevices .xwc-multiple-devices .box-left .box-header .nickname{left:45px;}#page-managedevices .xwc-multiple-devices .box-left .box-header .manufacturer{left:235px;}#page-managedevices .xwc-multiple-devices .box-left .box-header .model{left:325px;}#page-linkdevices .xwc-multiple-devices .box-left .box-header .statusDescription{left:480px;}#page-managedevices .xwc-multiple-devices .box-left .box-header .deviceEnabledForSecondFactor{left:455px;}#page-managedevices .xwc-multiple-devices .details{background:#fff;border:2px solid #00aeef;-webkit-border-radius:8px;border-radius:8px;padding:0 5px;height:330px;width:565px;}#page-managedevices .xwc-multiple-devices .details.devices .selected{font-family:"ExpertSansBold",sans-serif;font-weight:inherit;-webkit-font-smoothing:antialiased;color:#ffffff;background-color:#00aeef;}#page-managedevices .xwc-multiple-devices .details.devices .selected:hover{color:#ffffff;background-color:#00aeef;}#page-managedevices .xwc-multiple-devices .details.devices ul.scroller{width:555px;max-height:330px;overflow-x:hidden;overflow-y:scroll;}#page-managedevices .xwc-multiple-devices .details.devices ul.scroller::-webkit-scrollbar{width:10px;}#page-managedevices .xwc-multiple-devices .details.devices ul.scroller::-webkit-scrollbar-track{background-color:rgba(179,183,185,0.4);border-radius:5px;margin:10px 0;}#page-managedevices .xwc-multiple-devices .details.devices ul.scroller::-webkit-scrollbar-thumb{background-color:#7d7d7d;border-radius:5px;min-height:50px;}#page-managedevices .xwc-multiple-devices .details.devices ul.scroller::-webkit-scrollbar-thumb:active{background-color:#666;}#page-managedevices .xwc-multiple-devices .details.devices ul.scroller::-webkit-scrollbar-button:start:decrement{width:10px;height:21px;background:url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_up.png) no-repeat -1px 0;display:block;border-top:10px solid white;border-bottom:4px solid white;}#page-managedevices .xwc-multiple-devices .details.devices ul.scroller::-webkit-scrollbar-button:end:increment{position:relative;width:10px;height:21px;background:url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_dn.png) no-repeat -1px 0;display:block;border-bottom:10px solid white;border-top:4px solid white;}#page-managedevices .xwc-multiple-devices .details.devices ul.scroller::-webkit-scrollbar-button:start:increment,#page-managedevices .xwc-multiple-devices .details.devices ul.scroller::-webkit-scrollbar-button:end:decrement{display:none !important;}#page-managedevices .xwc-multiple-devices .details.devices ul.scroller::-webkit-scrollbar-button:start:decrement:active,#page-managedevices .xwc-multiple-devices .details.devices ul.scroller::-webkit-scrollbar-button:end:increment:active,#page-managedevices .xwc-multiple-devices .details.devices ul.scroller::-webkit-scrollbar-thumb:active{background-position:-1px -7px;}#page-managedevices .xwc-multiple-devices .details.devices ul.scroller li{width:500px;}#page-managedevices .xwc-multiple-devices .details.main ul li{font-size:12px;line-height:20px;position:relative;padding-top:2px;color:#2d2d2d;}#page-managedevices .xwc-multiple-devices .details.main ul li:first-of-type{margin:10px 0 0 0;}#page-managedevices .xwc-multiple-devices .details.main ul li:nth-child(2n+1){background-color:#f9f9f9;}#page-managedevices .xwc-multiple-devices .details.main ul li div{float:right;color:#555555;}#page-managedevices .xwc-multiple-devices .details.main ul li span{font-size:12px;height:15px;}#page-managedevices .xwc-multiple-devices .details.main ul li .amount{color:#00aeef;font-size:20px;margin-top:-3px;}#page-managedevices .xwc-multiple-devices .details.devices ul li div{height:36px;line-height:36px;position:absolute;top:18px;font-size:14px;}#page-managedevices .xwc-multiple-devices .details.devices ul li .number{left:0px;}#page-managedevices .xwc-multiple-devices .details.devices ul li .nickname{font-family:"ExpertSansBold",sans-serif;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;left:30px;}#page-managedevices .xwc-multiple-devices .details.devices ul li .manufacturer{left:220px;}#page-managedevices .xwc-multiple-devices .details.devices ul li .model{left:310px;}#page-managedevices .xwc-multiple-devices .details.devices ul li .deviceEnabledForSecondFactor-na,#page-managedevices .xwc-multiple-devices .details.devices ul li .deviceEnabledForSecondFactor{left:460px;}#page-managedevices .xwc-multiple-devices .details.devices ul li .deviceEnabledForSecondFactor-true{left:460px;background:url(https://ib.absa.co.za/axob/xwc/img/icn_tick_surecheck.png) no-repeat 50% 50%;margin-left:30px;margin-right:30px;}#page-managedevices .xwc-multiple-devices .details.devices ul li{height:35px;padding:13px 0 15px;position:relative;padding-left:55px;background-image:url(https://ib.absa.co.za/axob/xwc/img/divider_opt_dot_grey.png);background-repeat:repeat-x;background-position:1px top;color:#555555;}#page-managedevices .xwc-multiple-devices .details.devices ul li:first-of-type{background-image:none;}#page-managedevices .xwc-multiple-devices .details.devices ul li:before{position:absolute;left:2px;top:12px;content:"";width:45px;height:45px;-webkit-border-radius:5px;border-radius:5px;background-repeat:no-repeat;background-position:50% 50%;}#page-managedevices .xwc-multiple-devices .details.devices ul li:hover{background-color:#e8f9ff;}#page-managedevices #newNicknameError.xwc-flyout{padding:10px 10px;top:-8px;left:468px;width:110px;}#page-managedevices .col-left{float:left;text-align:left;padding-top:15px;width:30%;}#page-managedevices .checkbox{padding-top:15px;}#page-managedevices a:hover,#page-managedevices a:active,#page-managedevices a:visited{text-decoration:underline;}#page-managedevices #surecheckIdentifier.hidden{display:none;}@-webkit-keyframes Spinner{from{-webkit-transform:rotate(0);}to{-webkit-transform:rotate(360deg);}}@-webkit-keyframes ConnectedPop{0%{-webkit-transform:scale(1);}50%{-webkit-transform:scale(1.2);}100%{-webkit-transform:scale(1);}}@-webkit-keyframes FadeIn{from{opacity:0;}to{opacity:1;}}#page-login .setup-passcode.active,#page-login .passcode.active,#page-login .current-passcode.active,#page-login .new-passcode.active,#page-preferences .setup-passcode.active,#page-preferences .passcode.active,#page-preferences .current-passcode.active,#page-preferences .new-passcode.active{position:relative;}#page-login .setup-passcode.active .passcode-spinner,#page-login .passcode.active .passcode-spinner,#page-login .current-passcode.active .passcode-spinner,#page-login .new-passcode.active .passcode-spinner,#page-preferences .setup-passcode.active .passcode-spinner,#page-preferences .passcode.active .passcode-spinner,#page-preferences .current-passcode.active .passcode-spinner,#page-preferences .new-passcode.active .passcode-spinner{opacity:0;visibility:hidden;position:absolute;width:100%;text-align:center;color:#007eb6;}#page-login .setup-passcode.active .passcode-spinner .spinner,#page-login .passcode.active .passcode-spinner .spinner,#page-login .current-passcode.active .passcode-spinner .spinner,#page-login .new-passcode.active .passcode-spinner .spinner,#page-preferences .setup-passcode.active .passcode-spinner .spinner,#page-preferences .passcode.active .passcode-spinner .spinner,#page-preferences .current-passcode.active .passcode-spinner .spinner,#page-preferences .new-passcode.active .passcode-spinner .spinner{margin:0 auto 7px auto;}#page-login .setup-passcode.active .xwc-ui-keypad,#page-login .passcode.active .xwc-ui-keypad,#page-login .current-passcode.active .xwc-ui-keypad,#page-login .new-passcode.active .xwc-ui-keypad,#page-preferences .setup-passcode.active .xwc-ui-keypad,#page-preferences .passcode.active .xwc-ui-keypad,#page-preferences .current-passcode.active .xwc-ui-keypad,#page-preferences .new-passcode.active .xwc-ui-keypad{opacity:1;-webkit-transition:all 0.2s ease-in-out;}#page-login .setup-passcode.active .enter-passcode,#page-login .setup-passcode.active .options,#page-login .passcode.active .enter-passcode,#page-login .passcode.active .options,#page-login .current-passcode.active .enter-passcode,#page-login .current-passcode.active .options,#page-login .new-passcode.active .enter-passcode,#page-login .new-passcode.active .options,#page-preferences .setup-passcode.active .enter-passcode,#page-preferences .setup-passcode.active .options,#page-preferences .passcode.active .enter-passcode,#page-preferences .passcode.active .options,#page-preferences .current-passcode.active .enter-passcode,#page-preferences .current-passcode.active .options,#page-preferences .new-passcode.active .enter-passcode,#page-preferences .new-passcode.active .options{opacity:1;-webkit-transition:all 0.2s ease-in-out;}#page-login .setup-passcode.active.checking-passcode .passcode-spinner,#page-login .setup-passcode.active.checking-passcode.wrong-attempt .passcode-spinner,#page-login .setup-passcode.active.setting-passcode .passcode-spinner,#page-login .setup-passcode.active.setting-passcode.wrong-attempt .passcode-spinner,#page-login .passcode.active.checking-passcode .passcode-spinner,#page-login .passcode.active.checking-passcode.wrong-attempt .passcode-spinner,#page-login .passcode.active.setting-passcode .passcode-spinner,#page-login .passcode.active.setting-passcode.wrong-attempt .passcode-spinner,#page-login .current-passcode.active.checking-passcode .passcode-spinner,#page-login .current-passcode.active.checking-passcode.wrong-attempt .passcode-spinner,#page-login .current-passcode.active.setting-passcode .passcode-spinner,#page-login .current-passcode.active.setting-passcode.wrong-attempt .passcode-spinner,#page-login .new-passcode.active.checking-passcode .passcode-spinner,#page-login .new-passcode.active.checking-passcode.wrong-attempt .passcode-spinner,#page-login .new-passcode.active.setting-passcode .passcode-spinner,#page-login .new-passcode.active.setting-passcode.wrong-attempt .passcode-spinner,#page-preferences .setup-passcode.active.checking-passcode .passcode-spinner,#page-preferences .setup-passcode.active.checking-passcode.wrong-attempt .passcode-spinner,#page-preferences .setup-passcode.active.setting-passcode .passcode-spinner,#page-preferences .setup-passcode.active.setting-passcode.wrong-attempt .passcode-spinner,#page-preferences .passcode.active.checking-passcode .passcode-spinner,#page-preferences .passcode.active.checking-passcode.wrong-attempt .passcode-spinner,#page-preferences .passcode.active.setting-passcode .passcode-spinner,#page-preferences .passcode.active.setting-passcode.wrong-attempt .passcode-spinner,#page-preferences .current-passcode.active.checking-passcode .passcode-spinner,#page-preferences .current-passcode.active.checking-passcode.wrong-attempt .passcode-spinner,#page-preferences .current-passcode.active.setting-passcode .passcode-spinner,#page-preferences .current-passcode.active.setting-passcode.wrong-attempt .passcode-spinner,#page-preferences .new-passcode.active.checking-passcode .passcode-spinner,#page-preferences .new-passcode.active.checking-passcode.wrong-attempt .passcode-spinner,#page-preferences .new-passcode.active.setting-passcode .passcode-spinner,#page-preferences .new-passcode.active.setting-passcode.wrong-attempt .passcode-spinner{opacity:1;visibility:visible;-webkit-transition:opacity 0.2s ease-in-out;-webkit-transition-delay:0.2s;}#page-login .setup-passcode.active.checking-passcode .xwc-ui-keypad,#page-login .setup-passcode.active.checking-passcode.wrong-attempt .xwc-ui-keypad,#page-login .setup-passcode.active.setting-passcode .xwc-ui-keypad,#page-login .setup-passcode.active.setting-passcode.wrong-attempt .xwc-ui-keypad,#page-login .passcode.active.checking-passcode .xwc-ui-keypad,#page-login .passcode.active.checking-passcode.wrong-attempt .xwc-ui-keypad,#page-login .passcode.active.setting-passcode .xwc-ui-keypad,#page-login .passcode.active.setting-passcode.wrong-attempt .xwc-ui-keypad,#page-login .current-passcode.active.checking-passcode .xwc-ui-keypad,#page-login .current-passcode.active.checking-passcode.wrong-attempt .xwc-ui-keypad,#page-login .current-passcode.active.setting-passcode .xwc-ui-keypad,#page-login .current-passcode.active.setting-passcode.wrong-attempt .xwc-ui-keypad,#page-login .new-passcode.active.checking-passcode .xwc-ui-keypad,#page-login .new-passcode.active.checking-passcode.wrong-attempt .xwc-ui-keypad,#page-login .new-passcode.active.setting-passcode .xwc-ui-keypad,#page-login .new-passcode.active.setting-passcode.wrong-attempt .xwc-ui-keypad,#page-preferences .setup-passcode.active.checking-passcode .xwc-ui-keypad,#page-preferences .setup-passcode.active.checking-passcode.wrong-attempt .xwc-ui-keypad,#page-preferences .setup-passcode.active.setting-passcode .xwc-ui-keypad,#page-preferences .setup-passcode.active.setting-passcode.wrong-attempt .xwc-ui-keypad,#page-preferences .passcode.active.checking-passcode .xwc-ui-keypad,#page-preferences .passcode.active.checking-passcode.wrong-attempt .xwc-ui-keypad,#page-preferences .passcode.active.setting-passcode .xwc-ui-keypad,#page-preferences .passcode.active.setting-passcode.wrong-attempt .xwc-ui-keypad,#page-preferences .current-passcode.active.checking-passcode .xwc-ui-keypad,#page-preferences .current-passcode.active.checking-passcode.wrong-attempt .xwc-ui-keypad,#page-preferences .current-passcode.active.setting-passcode .xwc-ui-keypad,#page-preferences .current-passcode.active.setting-passcode.wrong-attempt .xwc-ui-keypad,#page-preferences .new-passcode.active.checking-passcode .xwc-ui-keypad,#page-preferences .new-passcode.active.checking-passcode.wrong-attempt .xwc-ui-keypad,#page-preferences .new-passcode.active.setting-passcode .xwc-ui-keypad,#page-preferences .new-passcode.active.setting-passcode.wrong-attempt .xwc-ui-keypad{pointer-events:none;cursor:default;opacity:0;-webkit-transition:opacity 0.2s ease-in-out;}#page-login .setup-passcode.active.checking-passcode .options,#page-login .setup-passcode.active.checking-passcode.wrong-attempt .options,#page-login .setup-passcode.active.setting-passcode .options,#page-login .setup-passcode.active.setting-passcode.wrong-attempt .options,#page-login .passcode.active.checking-passcode .options,#page-login .passcode.active.checking-passcode.wrong-attempt .options,#page-login .passcode.active.setting-passcode .options,#page-login .passcode.active.setting-passcode.wrong-attempt .options,#page-login .current-passcode.active.checking-passcode .options,#page-login .current-passcode.active.checking-passcode.wrong-attempt .options,#page-login .current-passcode.active.setting-passcode .options,#page-login .current-passcode.active.setting-passcode.wrong-attempt .options,#page-login .new-passcode.active.checking-passcode .options,#page-login .new-passcode.active.checking-passcode.wrong-attempt .options,#page-login .new-passcode.active.setting-passcode .options,#page-login .new-passcode.active.setting-passcode.wrong-attempt .options,#page-preferences .setup-passcode.active.checking-passcode .options,#page-preferences .setup-passcode.active.checking-passcode.wrong-attempt .options,#page-preferences .setup-passcode.active.setting-passcode .options,#page-preferences .setup-passcode.active.setting-passcode.wrong-attempt .options,#page-preferences .passcode.active.checking-passcode .options,#page-preferences .passcode.active.checking-passcode.wrong-attempt .options,#page-preferences .passcode.active.setting-passcode .options,#page-preferences .passcode.active.setting-passcode.wrong-attempt .options,#page-preferences .current-passcode.active.checking-passcode .options,#page-preferences .current-passcode.active.checking-passcode.wrong-attempt .options,#page-preferences .current-passcode.active.setting-passcode .options,#page-preferences .current-passcode.active.setting-passcode.wrong-attempt .options,#page-preferences .new-passcode.active.checking-passcode .options,#page-preferences .new-passcode.active.checking-passcode.wrong-attempt .options,#page-preferences .new-passcode.active.setting-passcode .options,#page-preferences .new-passcode.active.setting-passcode.wrong-attempt .options{opacity:0.4;pointer-events:none;cursor:default;-webkit-filter:grayscale(1);-webkit-transition:all 0.2s ease-in-out;}#page-login .setup-passcode.active.wrong-attempt .instructions .title.wrong,#page-login .setup-passcode.active.wrong-attempt .instructions .wrong .message,#page-login .setup-passcode.active.lastattempt .instructions .title.wrong,#page-login .setup-passcode.active.lastattempt .instructions .wrong .message,#page-login .passcode.active.wrong-attempt .instructions .title.wrong,#page-login .passcode.active.wrong-attempt .instructions .wrong .message,#page-login .passcode.active.lastattempt .instructions .title.wrong,#page-login .passcode.active.lastattempt .instructions .wrong .message,#page-login .current-passcode.active.wrong-attempt .instructions .title.wrong,#page-login .current-passcode.active.wrong-attempt .instructions .wrong .message,#page-login .current-passcode.active.lastattempt .instructions .title.wrong,#page-login .current-passcode.active.lastattempt .instructions .wrong .message,#page-login .new-passcode.active.wrong-attempt .instructions .title.wrong,#page-login .new-passcode.active.wrong-attempt .instructions .wrong .message,#page-login .new-passcode.active.lastattempt .instructions .title.wrong,#page-login .new-passcode.active.lastattempt .instructions .wrong .message,#page-preferences .setup-passcode.active.wrong-attempt .instructions .title.wrong,#page-preferences .setup-passcode.active.wrong-attempt .instructions .wrong .message,#page-preferences .setup-passcode.active.lastattempt .instructions .title.wrong,#page-preferences .setup-passcode.active.lastattempt .instructions .wrong .message,#page-preferences .passcode.active.wrong-attempt .instructions .title.wrong,#page-preferences .passcode.active.wrong-attempt .instructions .wrong .message,#page-preferences .passcode.active.lastattempt .instructions .title.wrong,#page-preferences .passcode.active.lastattempt .instructions .wrong .message,#page-preferences .current-passcode.active.wrong-attempt .instructions .title.wrong,#page-preferences .current-passcode.active.wrong-attempt .instructions .wrong .message,#page-preferences .current-passcode.active.lastattempt .instructions .title.wrong,#page-preferences .current-passcode.active.lastattempt .instructions .wrong .message,#page-preferences .new-passcode.active.wrong-attempt .instructions .title.wrong,#page-preferences .new-passcode.active.wrong-attempt .instructions .wrong .message,#page-preferences .new-passcode.active.lastattempt .instructions .title.wrong,#page-preferences .new-passcode.active.lastattempt .instructions .wrong .message{opacity:1;-webkit-transform:translateY(0);-webkit-transition:-webkit-transform 0.08s ease-in-out,opacity 0.04s ease-in-out;-webkit-transition-delay:0.08s;}#page-login .setup-passcode.active.wrong-attempt .instructions .message.attempts,#page-login .setup-passcode.active.lastattempt .instructions .message.attempts,#page-login .passcode.active.wrong-attempt .instructions .message.attempts,#page-login .passcode.active.lastattempt .instructions .message.attempts,#page-login .current-passcode.active.wrong-attempt .instructions .message.attempts,#page-login .current-passcode.active.lastattempt .instructions .message.attempts,#page-login .new-passcode.active.wrong-attempt .instructions .message.attempts,#page-login .new-passcode.active.lastattempt .instructions .message.attempts,#page-preferences .setup-passcode.active.wrong-attempt .instructions .message.attempts,#page-preferences .setup-passcode.active.lastattempt .instructions .message.attempts,#page-preferences .passcode.active.wrong-attempt .instructions .message.attempts,#page-preferences .passcode.active.lastattempt .instructions .message.attempts,#page-preferences .current-passcode.active.wrong-attempt .instructions .message.attempts,#page-preferences .current-passcode.active.lastattempt .instructions .message.attempts,#page-preferences .new-passcode.active.wrong-attempt .instructions .message.attempts,#page-preferences .new-passcode.active.lastattempt .instructions .message.attempts{opacity:0;height:30px;line-height:30px;color:#c03b3b;}#page-login .setup-passcode.active.wrong-attempt .instructions .message.attempts .icon,#page-login .setup-passcode.active.lastattempt .instructions .message.attempts .icon,#page-login .passcode.active.wrong-attempt .instructions .message.attempts .icon,#page-login .passcode.active.lastattempt .instructions .message.attempts .icon,#page-login .current-passcode.active.wrong-attempt .instructions .message.attempts .icon,#page-login .current-passcode.active.lastattempt .instructions .message.attempts .icon,#page-login .new-passcode.active.wrong-attempt .instructions .message.attempts .icon,#page-login .new-passcode.active.lastattempt .instructions .message.attempts .icon,#page-preferences .setup-passcode.active.wrong-attempt .instructions .message.attempts .icon,#page-preferences .setup-passcode.active.lastattempt .instructions .message.attempts .icon,#page-preferences .passcode.active.wrong-attempt .instructions .message.attempts .icon,#page-preferences .passcode.active.lastattempt .instructions .message.attempts .icon,#page-preferences .current-passcode.active.wrong-attempt .instructions .message.attempts .icon,#page-preferences .current-passcode.active.lastattempt .instructions .message.attempts .icon,#page-preferences .new-passcode.active.wrong-attempt .instructions .message.attempts .icon,#page-preferences .new-passcode.active.lastattempt .instructions .message.attempts .icon{position:relative;top:7px;width:29px;height:26px;margin-right:5px;display:inline-block;background:url(https://ib.absa.co.za/axob/xwc/img/icn_alert_triangle.png) no-repeat 0 0;}#page-login .setup-passcode.active .wrong-attempt.lastattempt .instructions .title.wrong,#page-login .setup-passcode.active .wrong-attempt.lastattempt .instructions .wrong .message,#page-login .passcode.active .wrong-attempt.lastattempt .instructions .title.wrong,#page-login .passcode.active .wrong-attempt.lastattempt .instructions .wrong .message,#page-login .current-passcode.active .wrong-attempt.lastattempt .instructions .title.wrong,#page-login .current-passcode.active .wrong-attempt.lastattempt .instructions .wrong .message,#page-login .new-passcode.active .wrong-attempt.lastattempt .instructions .title.wrong,#page-login .new-passcode.active .wrong-attempt.lastattempt .instructions .wrong .message,#page-preferences .setup-passcode.active .wrong-attempt.lastattempt .instructions .title.wrong,#page-preferences .setup-passcode.active .wrong-attempt.lastattempt .instructions .wrong .message,#page-preferences .passcode.active .wrong-attempt.lastattempt .instructions .title.wrong,#page-preferences .passcode.active .wrong-attempt.lastattempt .instructions .wrong .message,#page-preferences .current-passcode.active .wrong-attempt.lastattempt .instructions .title.wrong,#page-preferences .current-passcode.active .wrong-attempt.lastattempt .instructions .wrong .message,#page-preferences .new-passcode.active .wrong-attempt.lastattempt .instructions .title.wrong,#page-preferences .new-passcode.active .wrong-attempt.lastattempt .instructions .wrong .message{-webkit-transition:opacity 0.04s ease-in-out;}#page-login .setup-passcode.active.lastattempt .instructions.normal,#page-login .passcode.active.lastattempt .instructions.normal,#page-login .current-passcode.active.lastattempt .instructions.normal,#page-login .new-passcode.active.lastattempt .instructions.normal,#page-preferences .setup-passcode.active.lastattempt .instructions.normal,#page-preferences .passcode.active.lastattempt .instructions.normal,#page-preferences .current-passcode.active.lastattempt .instructions.normal,#page-preferences .new-passcode.active.lastattempt .instructions.normal{visibility:visible;}#page-login .setup-passcode.active.lastattempt .instructions.normal .message.attempts,#page-login .passcode.active.lastattempt .instructions.normal .message.attempts,#page-login .current-passcode.active.lastattempt .instructions.normal .message.attempts,#page-login .new-passcode.active.lastattempt .instructions.normal .message.attempts,#page-preferences .setup-passcode.active.lastattempt .instructions.normal .message.attempts,#page-preferences .passcode.active.lastattempt .instructions.normal .message.attempts,#page-preferences .current-passcode.active.lastattempt .instructions.normal .message.attempts,#page-preferences .new-passcode.active.lastattempt .instructions.normal .message.attempts{opacity:1;-webkit-transition:opacity 0.2s ease-in-out;-webkit-transition-delay:0.2s;}#page-login .setup-passcode.active.lastattempt .instructions.normal .title.wrong,#page-login .passcode.active.lastattempt .instructions.normal .title.wrong,#page-login .current-passcode.active.lastattempt .instructions.normal .title.wrong,#page-login .new-passcode.active.lastattempt .instructions.normal .title.wrong,#page-preferences .setup-passcode.active.lastattempt .instructions.normal .title.wrong,#page-preferences .passcode.active.lastattempt .instructions.normal .title.wrong,#page-preferences .current-passcode.active.lastattempt .instructions.normal .title.wrong,#page-preferences .new-passcode.active.lastattempt .instructions.normal .title.wrong{top:97px;-webkit-transition:top 0.2s ease-in-out;}#page-login .setup-passcode.active.lastattempt .passcode-spinner,#page-login .setup-passcode.active.lastattempt .instructions,#page-login .passcode.active.lastattempt .passcode-spinner,#page-login .passcode.active.lastattempt .instructions,#page-login .current-passcode.active.lastattempt .passcode-spinner,#page-login .current-passcode.active.lastattempt .instructions,#page-login .new-passcode.active.lastattempt .passcode-spinner,#page-login .new-passcode.active.lastattempt .instructions,#page-preferences .setup-passcode.active.lastattempt .passcode-spinner,#page-preferences .setup-passcode.active.lastattempt .instructions,#page-preferences .passcode.active.lastattempt .passcode-spinner,#page-preferences .passcode.active.lastattempt .instructions,#page-preferences .current-passcode.active.lastattempt .passcode-spinner,#page-preferences .current-passcode.active.lastattempt .instructions,#page-preferences .new-passcode.active.lastattempt .passcode-spinner,#page-preferences .new-passcode.active.lastattempt .instructions{visibility:hidden;}#page-login .setup-passcode.active.lastattempt .enter-passcode,#page-login .passcode.active.lastattempt .enter-passcode,#page-login .current-passcode.active.lastattempt .enter-passcode,#page-login .new-passcode.active.lastattempt .enter-passcode,#page-preferences .setup-passcode.active.lastattempt .enter-passcode,#page-preferences .passcode.active.lastattempt .enter-passcode,#page-preferences .current-passcode.active.lastattempt .enter-passcode,#page-preferences .new-passcode.active.lastattempt .enter-passcode{margin-top:17px;}#page-login .setup-passcode.active.lastattempt .options,#page-login .passcode.active.lastattempt .options,#page-login .current-passcode.active.lastattempt .options,#page-login .new-passcode.active.lastattempt .options,#page-preferences .setup-passcode.active.lastattempt .options,#page-preferences .passcode.active.lastattempt .options,#page-preferences .current-passcode.active.lastattempt .options,#page-preferences .new-passcode.active.lastattempt .options{bottom:50px;-webkit-transition:bottom 0.2s ease-in-out;}#page-login.error .xwc-ui-keypad,#page-login.error .options,#page-preferences.error .xwc-ui-keypad,#page-preferences.error .options{opacity:1;-webkit-transition:opacity 0.2s ease-in-out;}#page-login.error .enter-passcode .digit.done span,#page-preferences.error .enter-passcode .digit.done span{-webkit-animation:DigitError 0.08s 1;}#page-login .passcode .enter{opacity:1;-webkit-transition:opacity 0.2s ease-in-out;}#page-login .passcode .wrong{opacity:0;}#page-login .passcode.wrong-attempt .enter{opacity:0;}#page-login .passcode.wrong-attempt .wrong{opacity:1;}#page-login.first-time .setup-passcode.active .instructions.new-passcode,#page-login.first-time .new-passcode.active .instructions.new-passcode,#page-preferences .setup-passcode.active .instructions.new-passcode,#page-preferences .new-passcode.active .instructions.new-passcode{display:block;}#page-login.first-time .setup-passcode.active .instructions.new-passcode .enter,#page-login.first-time .new-passcode.active .instructions.new-passcode .enter,#page-preferences .setup-passcode.active .instructions.new-passcode .enter,#page-preferences .new-passcode.active .instructions.new-passcode .enter{opacity:1;-webkit-transition:all 0.01s ease-in-out;-webkit-transition:opacity 0.5s ease-in-out;}#page-login.first-time .setup-passcode.active .instructions.new-passcode .confirm,#page-login.first-time .new-passcode.active .instructions.new-passcode .confirm,#page-preferences .setup-passcode.active .instructions.new-passcode .confirm,#page-preferences .new-passcode.active .instructions.new-passcode .confirm{opacity:0;-webkit-transition:all 0.32s ease-in-out;}#page-login.first-time .setup-passcode.active .enter-passcode .xwc-ui-passcode .digit,#page-login.first-time .new-passcode.active .enter-passcode .xwc-ui-passcode .digit,#page-preferences .setup-passcode.active .enter-passcode .xwc-ui-passcode .digit,#page-preferences .new-passcode.active .enter-passcode .xwc-ui-passcode .digit{box-shadow:inset 0 0 0 4px #eeeeee;border-color:#d9d9d9;}#page-login.first-time .setup-passcode.active .enter-passcode .xwc-ui-keypad button,#page-login.first-time .new-passcode.active .enter-passcode .xwc-ui-keypad button,#page-preferences .setup-passcode.active .enter-passcode .xwc-ui-keypad button,#page-preferences .new-passcode.active .enter-passcode .xwc-ui-keypad button{-webkit-transition:background-color 0.1s ease-in-out;border:1px solid #007eb6;-webkit-border-radius:5px;background-color:#fff;width:92px;height:48px;color:#007eb6;}#page-login.first-time .setup-passcode.active .enter-passcode .xwc-ui-keypad button:hover,#page-login.first-time .new-passcode.active .enter-passcode .xwc-ui-keypad button:hover,#page-preferences .setup-passcode.active .enter-passcode .xwc-ui-keypad button:hover,#page-preferences .new-passcode.active .enter-passcode .xwc-ui-keypad button:hover{background-color:#e8f9ff;}#page-login.first-time .setup-passcode.active .enter-passcode .xwc-ui-keypad button:active,#page-login.first-time .new-passcode.active .enter-passcode .xwc-ui-keypad button:active,#page-preferences .setup-passcode.active .enter-passcode .xwc-ui-keypad button:active,#page-preferences .new-passcode.active .enter-passcode .xwc-ui-keypad button:active{background-color:#e8f9ff;-webkit-transition:none;}#page-login.first-time .setup-passcode.active .enter-passcode .xwc-ui-keypad button:first-of-type,#page-login.first-time .new-passcode.active .enter-passcode .xwc-ui-keypad button:first-of-type,#page-preferences .setup-passcode.active .enter-passcode .xwc-ui-keypad button:first-of-type,#page-preferences .new-passcode.active .enter-passcode .xwc-ui-keypad button:first-of-type{width:88px;}#page-login.first-time .setup-passcode.active .enter-passcode .xwc-ui-keypad .backspace,#page-login.first-time .new-passcode.active .enter-passcode .xwc-ui-keypad .backspace,#page-preferences .setup-passcode.active .enter-passcode .xwc-ui-keypad .backspace,#page-preferences .new-passcode.active .enter-passcode .xwc-ui-keypad .backspace{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_login_keypad_backspace_inverted_nofill.png);background-position:0 -2px;}#page-login.first-time .setup-passcode.active .enter-passcode .xwc-ui-passcode .digit.done,#page-login.first-time .setup-passcode.active .enter-passcode .xwc-ui-passcode .digit.done + .digit,#page-login.first-time .setup-passcode.active .enter-passcode .xwc-ui-passcode .digit:first-of-type,#page-login.first-time .setup-passcode.active .enter-passcode .xwc-ui-verification-code .digit.done,#page-login.first-time .setup-passcode.active .enter-passcode .xwc-ui-verification-code .digit.done + .digit,#page-login.first-time .setup-passcode.active .enter-passcode .xwc-ui-verification-code .digit:first-of-type,#page-login.first-time .new-passcode.active .enter-passcode .xwc-ui-passcode .digit.done,#page-login.first-time .new-passcode.active .enter-passcode .xwc-ui-passcode .digit.done + .digit,#page-login.first-time .new-passcode.active .enter-passcode .xwc-ui-passcode .digit:first-of-type,#page-login.first-time .new-passcode.active .enter-passcode .xwc-ui-verification-code .digit.done,#page-login.first-time .new-passcode.active .enter-passcode .xwc-ui-verification-code .digit.done + .digit,#page-login.first-time .new-passcode.active .enter-passcode .xwc-ui-verification-code .digit:first-of-type,#page-preferences .setup-passcode.active .enter-passcode .xwc-ui-passcode .digit.done,#page-preferences .setup-passcode.active .enter-passcode .xwc-ui-passcode .digit.done + .digit,#page-preferences .setup-passcode.active .enter-passcode .xwc-ui-passcode .digit:first-of-type,#page-preferences .setup-passcode.active .enter-passcode .xwc-ui-verification-code .digit.done,#page-preferences .setup-passcode.active .enter-passcode .xwc-ui-verification-code .digit.done + .digit,#page-preferences .setup-passcode.active .enter-passcode .xwc-ui-verification-code .digit:first-of-type,#page-preferences .new-passcode.active .enter-passcode .xwc-ui-passcode .digit.done,#page-preferences .new-passcode.active .enter-passcode .xwc-ui-passcode .digit.done + .digit,#page-preferences .new-passcode.active .enter-passcode .xwc-ui-passcode .digit:first-of-type,#page-preferences .new-passcode.active .enter-passcode .xwc-ui-verification-code .digit.done,#page-preferences .new-passcode.active .enter-passcode .xwc-ui-verification-code .digit.done + .digit,#page-preferences .new-passcode.active .enter-passcode .xwc-ui-verification-code .digit:first-of-type{border:1px solid #6dcff6;background-color:#f5fcff;color:#007eb6;-webkit-box-shadow:inset 0 0 0 4px #c5ecfb;font-family:"ExpertSansRegular",sans-serif;font-weight:400;-webkit-transition:all 0.2s ease-in-out;}#page-login.first-time .setup-passcode.active .enter-passcode .xwc-ui-passcode.error .digit:first-of-type,#page-login.first-time .setup-passcode.active .enter-passcode .xwc-ui-passcode.error .digit,#page-login.first-time .setup-passcode.active .enter-passcode .xwc-ui-passcode.error .digit.done,#page-login.first-time .setup-passcode.active .enter-passcode .xwc-ui-passcode.error .digit.done + .digit,#page-login.first-time .setup-passcode.active .enter-passcode .xwc-ui-verification-code.error .digit:first-of-type,#page-login.first-time .setup-passcode.active .enter-passcode .xwc-ui-verification-code.error .digit,#page-login.first-time .setup-passcode.active .enter-passcode .xwc-ui-verification-code.error .digit.done,#page-login.first-time .setup-passcode.active .enter-passcode .xwc-ui-verification-code.error .digit.done + .digit,#page-login.first-time .new-passcode.active .enter-passcode .xwc-ui-passcode.error .digit:first-of-type,#page-login.first-time .new-passcode.active .enter-passcode .xwc-ui-passcode.error .digit,#page-login.first-time .new-passcode.active .enter-passcode .xwc-ui-passcode.error .digit.done,#page-login.first-time .new-passcode.active .enter-passcode .xwc-ui-passcode.error .digit.done + .digit,#page-login.first-time .new-passcode.active .enter-passcode .xwc-ui-verification-code.error .digit:first-of-type,#page-login.first-time .new-passcode.active .enter-passcode .xwc-ui-verification-code.error .digit,#page-login.first-time .new-passcode.active .enter-passcode .xwc-ui-verification-code.error .digit.done,#page-login.first-time .new-passcode.active .enter-passcode .xwc-ui-verification-code.error .digit.done + .digit,#page-preferences .setup-passcode.active .enter-passcode .xwc-ui-passcode.error .digit:first-of-type,#page-preferences .setup-passcode.active .enter-passcode .xwc-ui-passcode.error .digit,#page-preferences .setup-passcode.active .enter-passcode .xwc-ui-passcode.error .digit.done,#page-preferences .setup-passcode.active .enter-passcode .xwc-ui-passcode.error .digit.done + .digit,#page-preferences .setup-passcode.active .enter-passcode .xwc-ui-verification-code.error .digit:first-of-type,#page-preferences .setup-passcode.active .enter-passcode .xwc-ui-verification-code.error .digit,#page-preferences .setup-passcode.active .enter-passcode .xwc-ui-verification-code.error .digit.done,#page-preferences .setup-passcode.active .enter-passcode .xwc-ui-verification-code.error .digit.done + .digit,#page-preferences .new-passcode.active .enter-passcode .xwc-ui-passcode.error .digit:first-of-type,#page-preferences .new-passcode.active .enter-passcode .xwc-ui-passcode.error .digit,#page-preferences .new-passcode.active .enter-passcode .xwc-ui-passcode.error .digit.done,#page-preferences .new-passcode.active .enter-passcode .xwc-ui-passcode.error .digit.done + .digit,#page-preferences .new-passcode.active .enter-passcode .xwc-ui-verification-code.error .digit:first-of-type,#page-preferences .new-passcode.active .enter-passcode .xwc-ui-verification-code.error .digit,#page-preferences .new-passcode.active .enter-passcode .xwc-ui-verification-code.error .digit.done,#page-preferences .new-passcode.active .enter-passcode .xwc-ui-verification-code.error .digit.done + .digit{border:1px solid #efa6a6;background-color:#fff5f5;color:#c03b3b;-webkit-box-shadow:inset 0 0 0 4px #fed5d5;font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;-webkit-transition:all 0.2s ease-in-out;}#page-login.first-time .setup-passcode.active.checking-passcode .instructions.new-passcode,#page-login.first-time .setup-passcode.active.checking-passcode .options,#page-login.first-time .new-passcode.active.checking-passcode .instructions.new-passcode,#page-login.first-time .new-passcode.active.checking-passcode .options,#page-preferences .setup-passcode.active.checking-passcode .instructions.new-passcode,#page-preferences .setup-passcode.active.checking-passcode .options,#page-preferences .new-passcode.active.checking-passcode .instructions.new-passcode,#page-preferences .new-passcode.active.checking-passcode .options{opacity:0;-webkit-transition:all 0.2s ease-in-out;}#page-login.first-time .setup-passcode.active.checking-passcode .enter-passcode .xwc-ui-keypad button,#page-login.first-time .setup-passcode.active.checking-passcode .enter-passcode .xwc-ui-passcode .digit,#page-login.first-time .new-passcode.active.checking-passcode .enter-passcode .xwc-ui-keypad button,#page-login.first-time .new-passcode.active.checking-passcode .enter-passcode .xwc-ui-passcode .digit,#page-preferences .setup-passcode.active.checking-passcode .enter-passcode .xwc-ui-keypad button,#page-preferences .setup-passcode.active.checking-passcode .enter-passcode .xwc-ui-passcode .digit,#page-preferences .new-passcode.active.checking-passcode .enter-passcode .xwc-ui-keypad button,#page-preferences .new-passcode.active.checking-passcode .enter-passcode .xwc-ui-passcode .digit{-webkit-transition:all 0.2s ease-in-out;}#page-login.first-time .setup-passcode.active.confirm .instructions .enter,#page-preferences .setup-passcode.active.confirm .instructions .enter{opacity:0;-webkit-transition:all 0.2s ease-in-out;-webkit-transition-delay:0.2s;}#page-login.first-time .setup-passcode.active.confirm .instructions .confirm,#page-preferences .setup-passcode.active.confirm .instructions .confirm{opacity:1;-webkit-transition:opacity 0.2s ease-in-out;-webkit-transition-delay:.4s;}#page-login.first-time .setup-passcode.active.go-back .instructions,#page-login.first-time .setup-passcode.active.go-back .enter-passcode,#page-login.first-time .setup-passcode.active.go-back .options,#page-preferences .setup-passcode.active.go-back .instructions,#page-preferences .setup-passcode.active.go-back .enter-passcode,#page-preferences .setup-passcode.active.go-back .options{-webkit-animation:FadeOutIn 0.64s 1;}#page-login.first-time .passcode.welcome .instructions.normal,#page-login.first-time .passcode.welcome .instructions.new-passcode,#page-preferences .passcode.welcome .instructions.normal,#page-preferences .passcode.welcome .instructions.new-passcode{display:none;}#page-login.first-time .passcode.welcome .instructions.start,#page-preferences .passcode.welcome .instructions.start{display:block;}#page-login.first-time .passcode.welcome .instructions.start .title,#page-preferences .passcode.welcome .instructions.start .title{font-size:36px;}#page-login.first-time .passcode.welcome .options .forgotten,#page-preferences .passcode.welcome .options .forgotten{display:none;}#page-login.first-time .passcode.welcome .options .no-passcode,#page-preferences .passcode.welcome .options .no-passcode{display:block;}#page-login.first-time .passcode.welcome.transition-out,#page-preferences .passcode.welcome.transition-out{opacity:0;-webkit-transition:opacity 0.24s ease-in-out;}#page-login.first-time .passcode.welcome.wrong-attempt .instructions.start .title,#page-preferences .passcode.welcome.wrong-attempt .instructions.start .title{font-size:30px;}#page-login.first-time .passcode-changed.active .icon,#page-preferences .passcode-changed.active .icon{opacity:0;}#page-login.first-time .passcode-changed.visible .icon,#page-preferences .passcode-changed.visible .icon{opacity:1;-webkit-transition-delay:0.2s;-webkit-animation-delay:0.2s;}#page-login .setup-passcode.active .instructions,#page-login .setup-passcode.active .options,#page-login .passcode.active .instructions,#page-login .passcode.active .options{opacity:0;}#page-login .setup-passcode.active .instructions,#page-login .passcode.active .instructions{-webkit-transform:translateY(15px);}#page-login .setup-passcode.active .options,#page-login .passcode.active .options{-webkit-transform:translateY(-15px);}#page-login .setup-passcode.active .enter-passcode .xwc-ui-keypad button,#page-login .setup-passcode.active .enter-passcode .xwc-ui-passcode .digit,#page-login .passcode.active .enter-passcode .xwc-ui-keypad button,#page-login .passcode.active .enter-passcode .xwc-ui-passcode .digit{opacity:0;}#page-login .setup-passcode.visible .instructions,#page-login .setup-passcode.visible .options,#page-login .passcode.visible .instructions,#page-login .passcode.visible .options{opacity:1;-webkit-transform:translateY(0);-webkit-transition:opacity 0.36s ease-in-out,-webkit-transform 0.6s ease-in-out;}#page-login .setup-passcode.visible .enter-passcode .xwc-ui-keypad button,#page-login .setup-passcode.visible .enter-passcode .xwc-ui-passcode .digit{opacity:1;-webkit-transition:opacity 0.2s ease-in-out;}#page-login .passcode.visible .enter-passcode .xwc-ui-keypad button,#page-login .passcode.visible .enter-passcode .xwc-ui-passcode .digit{opacity:1;-webkit-animation:BoxPopIn 0.2s 1;-webkit-transition:opacity 0.2s ease-in-out;}#page-login .passcode.visible .enter-passcode .xwc-ui-keypad button:nth-child(1){-webkit-animation-delay:0;-webkit-transition-delay:0;}#page-login .passcode.visible .enter-passcode .xwc-ui-keypad button:nth-child(2),#page-login .passcode.visible .enter-passcode .xwc-ui-keypad button:nth-child(4),#page-login .passcode.visible .enter-passcode .xwc-ui-passcode .digit:nth-child(1){-webkit-animation-delay:.04s;-webkit-transition-delay:.04s;}#page-login .passcode.visible .enter-passcode .xwc-ui-keypad button:nth-child(3),#page-login .passcode.visible .enter-passcode .xwc-ui-keypad button:nth-child(5),#page-login .passcode.visible .enter-passcode .xwc-ui-keypad button:nth-child(7),#page-login .passcode.visible .enter-passcode .xwc-ui-passcode .digit:nth-child(2){-webkit-animation-delay:.08s;-webkit-transition-delay:.08s;}#page-login .passcode.visible .enter-passcode .xwc-ui-keypad button:nth-child(6),#page-login .passcode.visible .enter-passcode .xwc-ui-keypad button:nth-child(8),#page-login .passcode.visible .enter-passcode .xwc-ui-keypad button:nth-child(10),#page-login .passcode.visible .enter-passcode .xwc-ui-passcode .digit:nth-child(3){-webkit-animation-delay:.12s;-webkit-transition-delay:.12s;}#page-login .passcode.visible .enter-passcode .xwc-ui-keypad button:nth-child(9),#page-login .passcode.visible .enter-passcode .xwc-ui-keypad button:nth-child(11),#page-login .passcode.visible .enter-passcode .xwc-ui-passcode .digit:nth-child(4){-webkit-animation-delay:.16s;-webkit-transition-delay:.16s;}#page-login .passcode.visible .enter-passcode .xwc-ui-keypad button:nth-child(12),#page-login .passcode.visible .enter-passcode .xwc-ui-passcode .digit:nth-child(5){-webkit-animation-delay:.2s;-webkit-transition-delay:.2s;}#page-login .passcode.visible .enter-passcode .xwc-ui-passcode .digit.done + .digit{-webkit-transition:all 0.3s ease-in-out;}#page-login.active.visible.transition-out .passcode{opacity:0;-webkit-transition:opacity 0.24s ease-in-out;}@-webkit-keyframes ConnectedPopIn{0%{opacity:0;-webkit-transform:scale(0.5);}50%{opacity:1;-webkit-transform:scale(1.2);}100%{opacity:1;-webkit-transform:scale(1);}}@-webkit-keyframes ConnectedPopOut{0%{-webkit-transform:scale(1);}33%{-webkit-transform:scale(1.2);}100%{-webkit-transform:scale(0.2);}}@-webkit-keyframes DigitError{0%{-webkit-transform:translateY(-5px);}33%{-webkit-transform:translateY(0);}66%{-webkit-transform:translateY(5px);}100%{-webkit-transform:translateY(0);}}@-webkit-keyframes BoxPopIn{0%{-webkit-transform:scale(0.8);}70%{-webkit-transform:scale(1.05);}100%{-webkit-transform:scale(1);}}@-webkit-keyframes FadeOutIn{0%{opacity:1;}50%{opacity:0;}100%{opacity:1;}}.global-nav{-webkit-backface-visibility:hidden;-webkit-perspective:2000;-webkit-transform:translate3d(0,0,0);backface-visibility:hidden;perspective:2000;transform:translate3d(0,0,0);position:static;top:0;left:0;width:100%;overflow:hidden;*zoom:1;background-color:#868686;line-height:50px;height:50px;-webkit-transform:translate3d(0,-0px,0);transform:translate3d(0,-0px,0);z-index:300;}.xwc-app-full .global-nav{opacity:1;-webkit-transform:translateY(0);-webkit-transition:all 0.32s ease-in-out;-webkit-transition-delay:0.64s;transform:translateY(0);transition:all 0.32s ease-in-out;transition-delay:0.64s;}.xwc-app-full.xwc-app-chromeless .global-nav{opacity:0;-webkit-transition:none;transition:none;}.global-nav .balance{padding-left:15px;}#page-home .home-top{padding-left:30px;width:890px;float:none;}#page-home .text-small{font-size:18px;height:40px;}#page-home .home-menu{margin-left:60px;margin-right:0px;margin-left:70px;width:890px;float:left;}#page-home{position:relative;top:0;left:0;width:960px;}#page-home .home-top{position:relative;height:72px;padding-top:22px;}#page-home .home-top h2{color:#2d2d2d;margin-bottom:10px;}#page-home .home-top h2 span{text-transform:uppercase;font-size:22px;}#page-home .home-top .text-small .account-name{padding:0 0 2px 0;//background:url(https://ib.absa.co.za/axob/xwc/img/icn_showbalance_dotted_underline_repeat_home.png) repeat-x 3px bottom;//background:url(https://ib.absa.co.za/axob/xwc/img/icn_showbalance_dotted_underline_repeat_home_green.png) repeat-x 0 34px;cursor:pointer;color:#00aeef;//position:relative;font-size:16px;max-width:245px;margin-right:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:top;}#page-home .home-top .text-small .account-balance{color:#00aeef;}#page-home .home-top .text-small .account-name:hover{color:#007eb6;}#page-home .home-top .text-small .arrow{display:inline-block;margin-bottom:5px;height:0;width:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid #ED1C24;cursor:pointer;-webkit-transform:rotate(0deg);-webkit-transition:-webkit-transform 0.4s ease-in-out;transform:rotate(0deg);transition:transform 0.4s ease-in-out;}#page-home .divider{position:relative;z-index:500;width:892px;margin:0 auto;height:4px;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/divider_horiz_blue_diagonal.png) repeat-x 0 0;}#page-home .home-menu{position:relative;margin-top:22px;}#page-home .home-menu li{-webkit-transition:background-color 0.1s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:background-color 0.1s ease-in-out;transition:all 0.2s ease-in-out;margin-left:0;margin-bottom:0;background:#fafafa;border:none;-webkit-border-radius:5px;border-radius:5px;float:left;background:transparent;width:273px;height:185px;display:block;margin:0;}#page-home .home-menu li:hover{background-color:#F4F4F4;//Clyde}#page-home .home-menu li:active{background-color:#e8f9ff;-webkit-transition:none;transition:none;}#page-home .home-menu li:nth-child(3n+1){margin-left:0;}#page-home .home-menu li button{position:relative;width:273px;height:185px;display:block;}#page-home .home-menu li button .icon{position:absolute;left:95px;top:20px;width:84px;height:82px;}#page-home .home-menu li button h2{position:absolute;top:107px;width:100%;color:#7F7F7F;font-size:20px;margin:0 0 11px;}#page-home .home-menu li.disabled button h2{position:absolute;top:107px;width:100%;color:#7F7F7F;font-size:20px;margin:0 0 11px;opacity:0.2;}#page-home .home-menu li button p{position:absolute;top:135px;left:0;padding:0 30px;width:100%;box-sizing:border-box;text-align:center;color:#555555;font-size:15px;display:block;line-height:20px;opacity:0;}#page-home .home-menu li button *{cursor:pointer;}#page-home .home-menu li.disabled button *{cursor:default;}#page-home .home-menu li:nth-child(3n+2) button{width:275px;}#page-home .home-menu li:hover,#page-home .home-menu li:active{border:none;box-shadow:none;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;background:#e8f9ff;color:#FFFFFF;}#page-home .home-menu li button:focus{border:none;box-shadow:none;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;background:#e8f9ff;color:#FFFFFF;}#page-home .home-menu li.disabled:hover,#page-home .home-menu li.disabled:active{border:none;box-shadow:none;background:#FFFFFF;}#page-home .home-menu li:hover button p,#page-home .home-menu li:active button p{opacity:1;}#page-home .home-menu li.disabled:hover button p,#page-home .home-menu li.disabled:active button p{opacity:0.2;}#page-home .home-menu li:active{-webkit-transition:none;transition:none;}#home-menu-btn-switch .home-menu-btn-switch{overflow:visible;font-size:16px;cursor:pointer;position:relative;width:auto;background:none;padding-bottom:2px;color:#ab2128;font-size:16px;margin-left:100px;float:right;padding-top:10px;float:right;}#home-menu-btn-switch .home-menu-btn-switch:before{width:100%;content:"";height:0.5px;position:absolute;top:30px;left:0;bottom:0;opacity:0;}#home-menu-btn-switch .home-menu-btn-switch:hover:before{opacity:1;}#home-menu-btn-switch .home-menu-btn-switch:before{background:#ab2128;}#home-menu-btn-switch .home-menu-btn-switch:after{content:"";position:absolute;left:-28px;top:5px;height:50px;width:25px;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icon_switch_notification.png) no-repeat 0 10%;}.home-menu-btn-payment .icon{position:relative;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -1148px;}.home-menu-btn-payment-disabled{cursor:default;}.home-menu-btn-payment-disabled .icon{position:relative;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -984px;}.home-menu-btn-payment:hover .icon,.home-menu-btn-payment:focus .icon{position:relative;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -1066px;}.home-menu-btn-payment-disabled:hover .icon{position:relative;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -984px;}.home-menu-btn-payees .icon{position:relative;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -656px;}.home-menu-btn-payees-disabled{cursor:default;}.home-menu-btn-payees-disabled .icon{position:relative;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -492px;}.home-menu-btn-payees:hover .icon,.home-menu-btn-payees:focus .icon{position:relative;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -574px;}.home-menu-btn-payees-disabled:hover .icon{position:relative;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -492px;}.home-menu-btn-move .icon{position:relative;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -410px;}.home-menu-btn-move-disabled{cursor:default;}.home-menu-btn-move-disabled .icon{position:relative;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -246px;}.home-menu-btn-move:hover .icon,.home-menu-btn-move:focus .icon{position:relative;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -328px;}.home-menu-btn-move-disabled:hover .icon{position:relative;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -246px;}.home-menu-btn-transactions .icon{position:relative;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -1640px;}.home-menu-btn-transactions-disabled{cursor:default;}.home-menu-btn-transactions-disabled .icon{position:relative;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -1476px;}.home-menu-btn-transactions:hover .icon,.home-menu-btn-transactions:focus .icon{position:relative;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -1558px;}.home-menu-btn-transactions-disabled:hover .icon{position:relative;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -1476px;}.home-menu-btn-cashsend .icon{position:relative;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -164px;}.home-menu-btn-cashsend-disabled{cursor:default;}.home-menu-btn-cashsend-disabled .icon{position:relative;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0 0;}.home-menu-btn-cashsend:hover .icon,.home-menu-btn-cashsend:focus .icon{position:relative;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -82px;}.home-menu-btn-cashsend-disabled:hover .icon{position:relative;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0 0;}.home-menu-btn-preferences .icon{position:relative;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -902px;}.home-menu-btn-preferences-disabled{cursor:default;}.home-menu-btn-preferences-disabled .icon{position:relative;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -738px;}.home-menu-btn-preferences:hover .icon,.home-menu-btn-preferences:focus .icon{position:relative;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -820px;}.home-menu-btn-preferences-disabled:hover .icon{position:relative;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -738px;}.home-menu-btn-prepaid .icon{position:relative;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -1394px;}.home-menu-btn-prepaid-disabled{cursor:default;}.home-menu-btn-prepaid-disabled .icon{position:relative;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -1230px;}.home-menu-btn-prepaid:hover .icon,.home-menu-btn-prepaid:focus .icon{position:relative;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -1312px;}.home-menu-btn-prepaid-disabled:hover .icon{position:relative;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -1230px;}#page-home .home-view-wrapper{position:relative;width:960px;height:456px;}#page-home .home-view-wrapper .home-view{position:absolute;top:0;left:0;width:960px;height:456px;}#page-home .home-view-wrapper .home-view .top{position:absolute;top:3px;height:18px;width:30px;}#page-home .home-view-wrapper .home-view .content{height:438px;margin-top:18px;}#page-home .home-view-wrapper .home-view .home-bottom{position:absolute;bottom:0;right:0;z-index:999;text-align:right;width:100%;}#page-home .home-view-wrapper .home-view .home-bottom p{color:#555555;margin:0 20px 12px 0;font-size:15px;}#page-home .home-view-wrapper .home-view.main{z-index:500;-webkit-transition:top 0.5s cubic-bezier(0.2,0,0.2,1);transition:top 0.5s cubic-bezier(0.2,0,0.2,1);}#page-home .home-view-wrapper .home-view.main .top{background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_white.png) no-repeat 0 0;}#page-home .home-view-wrapper .home-view.main .content{background:#fff;}.xwc-multiple-accounts .top{background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_grey.png) no-repeat 0 0;}.xwc-multiple-accounts .content{background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_bg.png) repeat 0 0;padding-top:30px;-webkit-box-shadow:inset 0 1px 0 0 #c9c9c9,inset 0 3px 0 0 #dbdbdb;box-shadow:inset 0 1px 0 0 #c9c9c9,inset 0 3px 0 0 #dbdbdb;}#page-home .home-view-wrapper .home-view.xwc-multiple-accounts{z-index:400;}#page-home .home-view-wrapper .home-view.xwc-multiple-accounts .top{background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_grey.png) no-repeat 0 0;}#page-home .home-view-wrapper .home-view.xwc-multiple-accounts .content{background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_bg.png) repeat 0 0;padding-top:30px;-webkit-box-shadow:inset 0 1px 0 0 #c9c9c9,inset 0 3px 0 0 #dbdbdb;box-shadow:inset 0 1px 0 0 #c9c9c9,inset 0 3px 0 0 #dbdbdb;}#page-home .home-view-wrapper .home-view.xwc-multiple-accounts .content .wrapper{width:820px;margin:0 auto;height:357px;opacity:0;-webkit-transform:translateY(30px);-webkit-transition:all 0.1s cubic-bezier(0.2,0,0.2,1);-webkit-transition-delay:.8s;transform:translateY(30px);transition:all 0.1s cubic-bezier(0.2,0,0.2,1);transition-delay:.8s;}#page-home .home-view-wrapper .home-view.xwc-multiple-accounts .content .close-button{position:absolute;right:10px;top:30px;opacity:0;-webkit-transform:scale(0);-webkit-transition:all 0.2s cubic-bezier(0.2,0,0.2,1);-webkit-transition-delay:.1s;transform:scale(0);transition:all 0.2s cubic-bezier(0.2,0,0.2,1);transition-delay:.1s;}#page-home .home-view-wrapper .home-view.xwc-multiple-accounts .content .close-button button{width:30px;height:30px;-webkit-border-radius:15px;border-radius:15px;background:#555555 url(https://ib.absa.co.za/axob/xwc/img/icn_clear_normal.png) no-repeat 0 0;-webkit-transform:scale(1);-webkit-transition:-webkit-transform 0.5s ease-in-out;transform:scale(1);transition:-webkit-transform 0.5s ease-in-out;cursor:pointer;}#page-home .home-view-wrapper .home-view.xwc-multiple-accounts .content .close-button button:hover{background-color:#4d4d4d;-webkit-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out;}#page-home .home-view-wrapper .home-view.xwc-multiple-accounts .content .close-button button:active{background-color:#454545;}#page-home.accounts-view .home-view-wrapper .home-view.main{top:456px;-webkit-transition:top 0.8s cubic-bezier(0.2,0,0.2,1);transition:top 0.8s cubic-bezier(0.2,0,0.2,1);}#page-home.accounts-view .home-view-wrapper .home-view.xwc-multiple-accounts .content .wrapper{opacity:1;-webkit-transform:translateY(0);-webkit-transition:all 0.7s cubic-bezier(0.2,0,0.2,1);-webkit-transition-delay:.1s;transform:translateY(0);transition:all 0.7s cubic-bezier(0.2,0,0.2,1);transition-delay:.1s;}#page-home.accounts-view .home-view-wrapper .home-view.xwc-multiple-accounts .content .close-button{opacity:1;-webkit-transform:scale(1);-webkit-transition:all 0.2s cubic-bezier(0.2,0,0.2,1);-webkit-transition-delay:.5s;transform:scale(1);transition:all 0.2s cubic-bezier(0.2,0,0.2,1);transition-delay:.5s;}#page-home.accounts-view .text-large .arrow{-webkit-transform:rotate(180deg);-webkit-transition:-webkit-transform 0.6s ease-in-out;transform:rotate(180deg);transition:transform 0.6s ease-in-out;}.multiple-accounts-overlay{position:absolute;background:#fff;opacity:0;visibility:hidden;width:960px;height:50px;top:0;left:0;z-index:666;-webkit-transition:visibility 0s linear 0.5s,opacity 0.5s linear;transition:visibility 0s linear 0.5s,opacity 0.5s linear;}.multiple-accounts-overlay.visible{visibility:visible;opacity:.9;-webkit-transition-delay:0s;transition-delay:0s;}#page-home.visible .home-top p,#page-home.visible .home-top h2,#page-home.visible .home-top .text-large > span:not(.accounts-open){}#page-home.visible.accounts-view .home-top p,#page-home.visible.accounts-view .home-top h2,#page-home.visible.accounts-view .home-top .text-large > span:not(.accounts-open){opacity:.1;}.xwc-multiple-accounts .top{background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_grey.png) no-repeat 0 0;}.xwc-multiple-accounts .content{background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_bg.png) repeat 0 0;padding-top:30px;-webkit-box-shadow:inset 0 1px 0 0 #c9c9c9,inset 0 3px 0 0 #dbdbdb;box-shadow:inset 0 1px 0 0 #c9c9c9,inset 0 3px 0 0 #dbdbdb;}@charset "UTF-8";@-webkit-keyframes Spinner{from{-webkit-transform:rotate(0);}to{-webkit-transform:rotate(360deg);}}@-webkit-keyframes ConnectedPop{0%{-webkit-transform:scale(1);}50%{-webkit-transform:scale(1.2);}100%{-webkit-transform:scale(1);}}@-webkit-keyframes FadeIn{from{opacity:0;}to{opacity:1;}}@keyframes Spinner{from{transform:rotate(0);}to{transform:rotate(360deg);}}@keyframes ConnectedPop{0%{transform:scale(1);}50%{transform:scale(1.2);}100%{transform:scale(1);}}@keyframes FadeIn{from{opacity:0;}to{opacity:1;}}#page-payment .xwc-stack-step label.noteHeader{color:#cc0000;font-weight:bold;}#page-payment .payment-date .xwc-ui-checkbox input + label{font-size:19px;}.xwc-ui-searchbox .xwc-ui-text.medium{width:400px;}.xwc-ui-searchbox .xwc-ui-text.medium input{width:330px;}.row .select span.ui-state-disabled{opacity:0.55;}.row .select span.ui-state-disabled .ui-icon{background:url(https://ib.absa.co.za/axob/xwc/img/icn_dropdown_arrow_grey.png) no-repeat 0 0;}#page-payment .institutionName{color:#555555;margin-left:180px;width:700px;}#page-payment .ui-selectmenu-menu #futureTimeList-menu.ui-menu{max-height:203px;overflow:auto;overflow-x:hidden;padding-bottom:1px;}#page-payment #futureTimeList-menu.ui-widget{font-family:ExpertSansLight,sans-serif;font-size:20px;}#page-payment #futureTimeList-menu.ui-widget-content{background:white;color:#2D2D2D;border:1px solid #C8C8C8;padding:4px 0;-webkit-border-radius:8px;-webkit-box-shadow:inset 0 0 0 4px #EEE;border-radius:8px;box-shadow:inset 0 0 0 4px #EEE;}#page-payment .dropdown-list .select{margin:2px 0px 0px 2px;}.xwc-flyout.error{top:-8px;left:380px;width:240px;}#page-payment #sourceAccountError.xwc-flyout.error{top:112px;left:380px;width:380px;}#page-payment .InstitutionReference.xwc-flyout.error,#page-payment .yourAccountInstitution.xwc-flyout.error{width:146px;}#page-payment .date-time-stamp{margin-top:32px;margin-left:70px;}#page-payment .payment-sent .message-det,#page-payment .payment-sent .beneficiary-det{clear:both;}.dropdown-list{margin-left:50px;margin-right:10px;width:820px;font-size:20px;float:left;height:42px;margin-top:5px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;}#page-payment .xwc-ui-select.dropdown-select{width:360px;}#page-payment .absaListedBeneficiary.xwc-flyout.error{top:55px;left:400px;width:220px;}#page-payment .absaListedBeneficiary.xwc-flyout.error .xwc-flyout-pointer.left{background:url(https://ib.absa.co.za/axob/xwc/img/icn_flap_error_top.png) no-repeat 0 0;width:22px;height:11px;top:-11px!important;left:15px!important;}#page-payment .absaListedBeneficiary .xwc-flyout-pointer.left{top:-11px;left:15px;}#page-payment input#branchCode,#page-payment input:focus#branchCode{line-height:47px;}#page-payment .step1 .institution-select .row.institution-details.hidingRow,#page-payment .row.hidingRow#absaListedBenSearchBox,#page-payment .institution-select .hidingRow.select-matched-institution#absaListedList{display:none;}#page-payment .step1 .xwc-institution-select{overflow:hidden;*zoom:1;display:table-cell;vertical-align:middle;height:170px;padding-left:45px;}#page-payment .step1 .xwc-institution-select h2{color:#555555;margin-bottom:10px;margin-left:47px;}#page-payment .step1 .xwc-institution-select > div{vertical-align:middle;display:table-cell;padding:5px;}#page-payment .step1 .xwc-institution-select .xwc-institutions{-webkit-border-radius:8px;border-radius:8px;border:2px solid #00aeef;-webkit-box-shadow:4px 5px 0 0 #e8e8e8;box-shadow:4px 5px 0 0 #e8e8e8;position:relative;width:854px;height:150px;}#page-payment .step1 .xwc-institution-select .xwc-institutions ul{max-height:150px;overflow-x:hidden;overflow-y:scroll;width:570px;}#page-payment .step1 .xwc-institution-select .xwc-institutions ul::-webkit-scrollbar{width:7px;}#page-payment .step1 .xwc-institution-select .xwc-institutions ul::-webkit-scrollbar-track{background-color:rgba(179,183,185,0.4);border-radius:3px;margin:10px 0;}#page-payment .step1 .xwc-institution-select .xwc-institutions ul::-webkit-scrollbar-thumb{background-color:#7d7d7d;border-radius:3px;min-height:50px;}#page-payment .step1 .xwc-institution-select .xwc-institutions ul::-webkit-scrollbar-thumb:active{background-color:#666;}#page-payment .step1 .xwc-institution-select .xwc-institutions ul::-webkit-scrollbar-button:start:decrement{width:5px;height:21px;background:url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_up_small.png) no-repeat -1px 0;display:block;border-top:10px solid white;border-bottom:4px solid white;}#page-payment .step1 .xwc-institution-select .xwc-institutions ul::-webkit-scrollbar-button:end:increment{position:relative;width:5px;height:21px;background:url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_dn_small.png) no-repeat -1px 0;display:block;border-bottom:10px solid white;border-top:4px solid white;}#page-payment .step1 .xwc-institution-select .xwc-institutions ul li{height:52px;width:854px;list-style-type:none;position:relative;cursor:pointer;}#page-payment .step1 .xwc-institution-select .xwc-institutions ul li::before{position:absolute;content:"";left:11px;top:0;width:832px;height:2px;background:url(https://ib.absa.co.za/axob/xwc/img/divider_opt_dot_grey.png) repeat-x 0 bottom;}#page-payment .step1 .xwc-institution-select .xwc-institutions ul li:first-of-type{height:50px;}#page-payment .step1 .xwc-institution-select .xwc-institutions ul li:first-of-type::before{display:none;}#page-payment .step1 .xwc-institution-select .xwc-institutions ul li button{-webkit-transition:background-color 0.1s ease-in-out;transition:background-color 0.1s ease-in-out;}#page-payment .step1 .xwc-institution-select .xwc-institutions ul li button:hover{background-color:#e8f9ff;}#page-payment .step1 .xwc-institution-select .xwc-institutions ul li button:active{background-color:#e8f9ff;-webkit-transition:none;transition:none;}#page-payment .step1 .xwc-institution-select .xwc-institutions ul li button .type{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px;cursor:pointer;line-height:50px;color:#555555;}#page-payment .step1 .xwc-institution-select .xwc-institutions ul li button .code{position:absolute;right:220px;top:0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px;cursor:pointer;line-height:50px;color:#555555;}#page-payment .step1 .xwc-institution-select .xwc-institutions ul li button .account{position:absolute;right:30px;top:0px;line-height:50px;font-size:18px;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;}#page-payment .step1 .xwc-institution-select .xwc-institutions ul li button{font-size:18px;font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;color:#555555;height:50px;line-height:50px;width:780px;padding-left:40px;margin-top:2px;text-align:left;}#page-payment .step1 .xwc-institution-select .xwc-institutions ul li:first-of-type button{-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;margin-top:0;}#page-payment .step1 .xwc-institution-select .xwc-institutions ul li:last-of-type button{-webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;}#page-payment .step1 .xwc-institution-select .xwc-institutions ul li.active::before,#page-payment .step1 .xwc-institution-select .xwc-institutions ul li.active + li::before{display:none;}#page-payment .step1 .xwc-institution-select .xwc-institutions ul li.active button{background-color:#00aeef;color:#fff;font-family:"ExpertSansRegular",sans-serif;font-weight:400;padding-bottom:2px;height:48px;}#page-payment .step1 .xwc-institution-select .accountNumber-label{margin-left:60px;font-size:16px;}#page-payment .step1 .xwc-institution-select .accountCode-label{margin-left:344px;font-size:16px;}#page-payment .step1 .xwc-institution-select .xwc-institutions ul li.active .amount{color:#fff;}#page-payment .step1 .xwc-institution-select .xwc-institutions ul li.active .code,#page-payment .step1 .xwc-institution-select .xwc-institutions ul li.active .account{color:#fff;}#page-payment .step1 .xwc-institution-select .xwc-institutions ul li.active .type{color:#fff;}#page-payment .step1 .xwc-institution-select .xwc-institutions ul li.prev button{padding-bottom:2px;}#page-payment .step1 .xwc-institution-select .xwc-institutions ul.scroller{width:846px;}#page-payment .step1 .xwc-institution-select .xwc-institutions ul.scroller li{width:838px;}#page-payment .step1 .xwc-institution-select .xwc-institutions ul.scroller li::before{width:798px;}#page-payment .step1 .xwc-institution-select .xwc-institutions ul.scroller li button{width:798px;}#page-payment .step1 .xwc-institution-select .xwc-institutions ul.scroller:first-of-type button{-webkit-border-top-right-radius:0;border-top-right-radius:0;}#page-payment .step1 .xwc-institution-select .xwc-institutions ul.scroller:last-of-type button{-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;}#page-payment .step1 .xwc-institution-select .xwc-institutions.move-from{margin-right:50px;}#page-payment .dropdown-list .srcacclabel{width:229px;height:50px;color:#555555;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;box-align:center;-moz-box-align:center;justify-content:flex-start;-ms-flex-align:center;-ms-flex-pack:left;align-items:center;}#page-payment .stack{z-index:0;}#page-payment .stack .xwc-stack-step.step6 > .wrapper,#page-payment .stack .xwc-stack-step.step6 .xwc-fragment,#page-payment .stack .xwc-stack-step.step6 .xwc-fragment.confirmation .payment-sent,#page-payment .stack .xwc-stack-step.step6 > .wrapper .content{height:250px !important;}.select-payee{margin-left:60px;margin-right:10px;margin-left:70px;width:820px;float:left;float:none;}.xwc-page > .header .header-action{color:#555555;cursor:pointer;background:url(https://ib.absa.co.za/axob/xwc/img/divider_vertical_4.png) no-repeat left 50%;margin-left:17px;height:59px;opacity:0;visibility:hidden;display:inline-block;-webkit-transition:visibility 0s linear 0.32s,opacity 0.32s ease-in-out;transition:visibility 0s linear 0.32s,opacity 0.32s ease-in-out;}.xwc-page > .header .header-action a{padding-left:55px;height:59px;font-size:18px;display:block;line-height:59px;}.xwc-page > div#xwc-page-content > .header .header-action{color:#555555;cursor:pointer;background:url(https://ib.absa.co.za/axob/xwc/img/divider_vertical_4.png) no-repeat left 50%;margin-left:17px;height:59px;opacity:0;visibility:hidden;display:inline-block;-webkit-transition:visibility 0s linear 0.32s,opacity 0.32s ease-in-out;transition:visibility 0s linear 0.32s,opacity 0.32s ease-in-out;}.xwc-page > div#xwc-page-content > .header .header-action a{padding-left:55px;height:59px;font-size:18px;display:block;line-height:59px;}#page-payment .row .label.highlight{color:#007eb6;}.xwc-page > div#xwc-page-content > .header .header-action.visible{opacity:1;visibility:visible;-webkit-transition-delay:0;transition-delay:0;}#page-payment .row.hidingRow,#page-payment .text-large.summary.hidingRow,#page-payment .checkboxs.hidingRow,#page-payment .date-print .select.hidingRow,#page-payment .payment-sent .beneficiary-det .hidingRow,#page-payment .progress .message.hidingRow{visibility:hidden;}#page-payment .row .input .xwc-ui-text .xwc-flyout.fax.error{left:270px;}#page-payment .row .input .xwc-ui-text .faxView{position:relative;width:200px;margin-left:10px;}.xwc-page > div#xwc-page-content > .header .header-action.start-over a{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_startover_small_normal.png) no-repeat 22px 15px;color:#ab2128;font-family:"ExpertSansBold",sans-serif;outline:none;}.xwc-page > div#xwc-page-content > .header .header-action.start-over a:hover{color:#ab2128;}.xwc-page > div#xwc-page-content > .header .header-action.back-to-transactions a{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_backarrow.png) no-repeat 22px 21px;color:#007eb6;padding-left:52px;}.xwc-page > div#xwc-page-content > .header .header-action.back-to-transactions a:hover{color:#006894;}.select-payee .search,.browse-payees .search{margin-left:230px;}#page-payment .choose-recipient .select-payee .toolbar{line-height:25px;margin-top:25px;}#page-payment .xwc-ui-searchbox .dropdown .name,#page-payment .xwc-ui-searchbox .dropdown .note{text-transform:uppercase;font-size:18px;}.select-payee .xwc-loading{border-right:4px solid white;}.select-payee .divider-horizontal{margin:28px 0;}.select-payee .options{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;width:820px;overflow:visible;}.select-notificationType button{cursor:pointer;border:1px solid #bcbcbc;font-weight:100;word-spacing:-1px;-webkit-transition:background-color 0.1s ease-in-out;background:#f8f8f8;transition:background-color 0.1s ease-in-out;position:relative;width:50px;height:42px;padding:0 19px;text-align:center;cursor:pointer;float:left;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;font-size:18px;color:#555555;}.select-notificationType .leftRadius{-webkit-border-radius:5px 0px 0px 5px;border-radius:5px 0px 0px 5px;}.select-notificationType .noRightBorder{border-right :0px;border-right-style :dotted;}.select-notificationType .rightRadius{-webkit-border-radius:0px 5px 5px 0px;border-radius:0px 5px 5px 0px;}.select-notificationType button:hover{background-color:#e8f9ff;}.select-notificationType button:focus{background-color:#e8f9ff;}.select-notificationType button.selected{background-color:#00aeef;color:#fff;}.select-notificationType button:active{background-color:#00aeef ;-webkit-transition:none;transition:none;}.select-payee .options button{cursor:pointer;border:2px solid #00aeef;-webkit-box-shadow:4px 5px 0 #e8e8e8;-webkit-border-radius:8px;-webkit-transition:background-color 0.1s ease-in-out;box-shadow:4px 5px 0 #e8e8e8;border-radius:8px;transition:background-color 0.1s ease-in-out;position:relative;width:260px;height:50px;padding:56px 0px 8px 0px;text-align:center;cursor:pointer;display:block;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;font-size:22px;color:#7F7F7F;}.select-payee .options button:focus{background-color:#fafafa;}.select-payee .options button:hover{background-color:#fafafa;}.select-payee .options button:active{background-color:#e8f9ff;-webkit-transition:none;transition:none;}.select-payee .options .button-browse-payees{margin-left:20px;-webkit-box-pack:end;}.select-payee .options .button-browse-payees{margin-left:20px;-webkit-box-pack:end;}.select-payee .options .button-listed-payees,.select-payee .options .button-cashsend-payee{margin-left:20px;-webkit-box-pack:end;}.select-payee .options .button-new-payee span,.select-payee .options .button-browse-payees span,.select-payee .options .button-cashsend-payee span,.select-payee .options .button-listed-payees span{position:absolute;top:20px;pointer-events:none;}.select-payee .options .button-new-payee span,.select-payee .options .button-cashsend-payee span{width:39px;height:33px;left:50%;margin-left:-16px;background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/Pay_someone_new-40px.png);background-repeat:no-repeat;pointer-events:none;}.select-payee .options .button-browse-payees span,.select-payee .options .button-listed-payees span{top:19px;height:37px;width:34px;background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_addressbook_med.png);left:50%;margin-left:-17px;background-repeat:no-repeat;pointer-events:none;}.select-payee .xwc-secondary-content p{margin-top:5px;}.select-payee .xwc-secondary-content .button-primary{padding:0 30px;position:absolute;right:20px;top:20px;}.select-payee .xwc-ui-searchbox.open{width:360px;}.select-payee .xwc-ui-searchbox.open .dropdown{width:358px;}.xwc-stack-step.action-close .container-right *,.xwc-stack-step.action-open .container-right *{-webkit-animation:none;animation:none;}.step1 > .wrapper{height:430px;z-index:10;}.step1.extended > .wrapper,.step1.extended > .wrapper > .content{height:490px !important;z-index:10;}#page-payment .step2 > .wrapper{height:370px;z-index:9;}.step2.confirm > .wrapper{height:430px;}#page-payment .step3 > .wrapper{height:310px;}.step3.confirm > .wrapper{height:370px;}#page-payment .step4 > .wrapper{height:249px;}#page-payment .step4.confirm > .wrapper{height:310px;}#page-payment .step5 > .wrapper{height:190px;}#page-payment .step5.confirm > .wrapper{height:250px;}#page-payment .step6 > .wrapper{height:250px;overflow:visible;}#page-payment .step5{position:relative;z-index:1;}#page-payment .step6{position:relative;z-index:2;overflow:visible;}#page-payment .step6 > .wrapper .content{overflow:visible;}.row{margin-left:50px;margin-right:10px;width:820px;float:left;height:45px;margin-top:15px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;}#page-payment .step2 .additionalInstitutionInfo .row{margin-top:35px;}#page-payment .row .label.instFirstLabel{height:20px;width:335px;}#page-payment .row .noFlexLabel{width:335px;font-size:20px;height:50px;display:inline-block;overflow:hidden;text-overflow:ellipsis;color:#555555;}#page-payment .row .label{width:230px;font-size:20px;height:45px;color:#555555;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;box-align:center;-moz-box-align:center;justify-content:flex-start;-ms-flex-align:center;align-items:center;}#page-payment .step1 .row > .input{width:590px;}#page-payment .step1 .row button.help-info{position:relative;top:-6px;left:5px;}#page-payment .input-help{display:inline-block;font-size:16px;color:#003366;padding-left:20px;}#page-payment .input .xwc-ui-text input{width:320px;}#page-payment .step1 .field .input .xwc-ui-text input{width:240px;}#page-payment .step1 .row #beneficiaryName.input .xwc-ui-searchbox{width:340px;}#page-payment .step1 .row #beneficiaryName.input .xwc-ui-searchbox .icon{visibility:hidden;}#page-payment .step1 .row #beneficiaryName.input .xwc-ui-searchbox .dropdown ul{width:330px;}#page-payment .step1 .row #beneficiaryName.input .xwc-ui-searchbox .dropdown li,#page-payment .step1 .row #beneficiaryName.input .xwc-ui-searchbox .dropdown li .wrap,#page-payment .step1 .row #beneficiaryName.input .xwc-ui-searchbox .dropdown li::before{width:298px;}#page-payment .step1 .row #beneficiaryName.input .xwc-ui-searchbox .dropdown ul.scroller{width:320px;}#page-payment .step1 .row #beneficiaryName.input .xwc-ui-searchbox .dropdown ul.scroller li{width:268px;}#page-payment .step1 .row #beneficiaryName.input .xwc-ui-searchbox .dropdown ul.scroller li::before{width:284px;}#page-payment .step1 .row .input .xwc-ui-sortcode input{width:62px;}#page-payment .step1 .return-link{position:absolute;top:19px;left:645px;width:250px;}#page-payment .step1 .return-link button{height:50px;line-height:50px;font-size:16px;color:#555555;}#page-payment .step1 .return-link button span{font-size:16px;cursor:pointer;position:relative;width:auto;background:none;padding-bottom:2px;color:#007eb6;}#page-payment .step1 .return-link button span::before{width:100%;content:"";height:1px;position:absolute;left:0;bottom:0;opacity:0;}#page-payment .step1 .return-link button span:hover::before{opacity:1;}#page-payment .step1 .return-link button span::before{background:#007eb6;}#page-payment .step1 .return-link .return-browse-payees{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_return_browse_payees.png) no-repeat 0 50%;padding-left:45px;}#page-payment .step1 .xwc-flyout.contextual{max-width:260px;}#page-payment .step1 #addBeneficiaryNoteHeader2.row{margin-top:94px;}#page-payment .step1 .row{height:auto;margin-top:12px;}#page-payment .step3 .row,#page-payment .step2 .row{height:45px;margin-top:15px;}.enter-amount{margin-left:280px;}.enter-amount h2{font-size:22px;color:#555555;margin-bottom:10px;}.beneficiary-details h2{font-size:26px;margin-bottom:20px;}.xwc-ui-text input{float:left;width:240px;}.enter-amount input{width:300px;}#page-payment .enter-amount .xwc-ui-text.amount{position:relative;height:100px;}#page-payment .enter-amount .xwc-ui-text.amount::before{font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;content:"R";position:absolute;left:-45px;top:21px;font-size:50px;color:#555555;width:60px;height:100px;}#page-payment .currency{color:#007eb6;font-size:30px;}.payment-date{overflow:hidden;*zoom:1;}#page-payment .payment-date .col1 .date-to.showBox{float:left;margin-left:50;line-height:1.4;width:350;-webkit-transition:background-color 0.1s ease-in-out;transition:background-color 0.1s ease-in-out;border:1px solid #cccccc;padding-right:6px;padding-left:2px;background-color:#ffffff;-webkit-border-radius:5px;border-radius:5px;margin-right:15px;}.payment-date h2{font-size:20px;color:#555555;margin-bottom:3px;}.payment-date .col1,.payment-date .col2{float:left;height:227px;}#page-payment .payment-date .col1{margin:10px 0 0 50px;width:430px;}#page-payment .payment-date a{position:inherit;top:-16px;}.payment-date .date{font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;}.step5 .payment-date .date .small{font-size:18px;color:#666666;margin:6px 0;font-family:"ExpertSansRegular",sans-serif;}.payment-date .col1 .checkboxs{}.payment-date .col2 .checkboxs{margin-top:7px;}#page-payment .xwc-ui-checkbox.iipConfirm input + label{width:inherit;padding:4px 0px 0px 48px;margin-right:2px;}#page-payment .xwc-ui-checkbox.acceptTC input + label{margin-right:0px;width:25px;height:23px;padding:7px 0px 0px 5px;margin:0px 10px 10px 0px;font-size:20px;vertical-align:top;}#page-payment .payment-date a:hover,#page-payment .review-details a:hover{text-decoration:underline;}#page-payment .payment-date a:focus,#page-payment .review-details a:focus{text-decoration:underline;outline:none;}.step5 .xwc-ui-checkbox input + a{height:23px;padding:7px 0px 5px 48px;font-size:20px;margin:10px 20px 10px 0;cursor:pointer;background:url(https://ib.absa.co.za/axob/xwc/img/icn_tick_allstates.png) no-repeat 0 0;position:relative;}#page-payment .date-print .button{position:relative;display:inline-block;width:50px;text-align:center;cursor:pointer;-webkit-box-shadow:none;box-shadow:none;-webkit-border-radius:8px;border-radius:8px;-webkit-transition:-webkit-box-shadow 0.1s ease-in-out;transition:box-shadow 0.1s ease-in-out;background:#ffffff;border:1px solid #c8c8c8;height:40px;font-family:"ExpertSansLight",sans-serif;line-height:40px;font-size:14px;color:#2d2d2d;vertical-align:top;}#page-payment .toolbar .date-print{float:left;margin-left:50;width:350;height:40px;-webkit-transition:background-color 0.1s ease-in-out;transition:background-color 0.1s ease-in-out;border:1px solid #cccccc;padding-right:6px;padding-left:2px;background-color:#ffffff;-webkit-border-radius:5px;border-radius:5px;}#page-payment .toolbar .date-print.disabled{background-color:#fafafa;}#page-payment .toolbar .date-print .date-range{height:50px;line-height:54px;text-align:center;color:#555555;font-size:18px;min-width:130px;opacity:1;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}#page-payment .toolbar .date-print .date-range.hidden{display:inline-block;opacity:0;}#page-payment .toolbar .date-print .print{vertical-align:middle;background:url(https://ib.absa.co.za/axob/xwc/img/divider_vertical_4.png) no-repeat 0 50%;padding:0 20px;margin-left:20px;}#page-payment .toolbar .date-print .print button{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_print_normal.png) no-repeat 0 0;width:20px;height:22px;display:inline-block;opacity:0.4;-webkit-filter:grayscale(1);pointer-events:none;}#page-payment .toolbar .date-print .print button:active{background-position:0 -22px;}#page-payment .toolbar .date-print .date-from{height:40px;line-height:40px;text-align:center;color:#555555;font-size:18px;min-width:130px;display:inline-block;opacity:1;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}#page-payment .toolbar .date-print .date-to{height:40px;line-height:40px;text-align:center;color:#555555;font-size:18px;min-width:130px;display:inline-block;opacity:1;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}#page-payment .toolbar .date-print .date-to.hidden{display:inline-block;opacity:0;}#page-payment .payment-date .col1 .date .date-picker-date.hasDatepicker{font-family:"ExpertSanslight",sans-serif;padding:1px;font-size:20px;}#page-payment .payment-date .col1 .date .date-picker-date{font-family:"ExpertSansRegular",sans-serif;font-weight:100;word-spacing:-1px;border:none;padding:2px;font-size:22px;width:185px;text-align:left;color:#555555;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;line-height:30px;cursor:pointer;vertical-align:text-bottom;}#page-payment .date-picker-date:hover{color:#00aeef;}#page-payment .date-picker-date:disabled{background-color:white;pointer-events:none;}#page-payment .date-picker-icon{display:inline;width:25px;height:25px;border:none;background-repeat:no-repeat;margin:4px 0 0 4px;cursor:pointer;}#page-payment .date-picker-icon:hover{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_calendar_normal_hover.png);background-repeat:no-repeat;-webkit-transition:none;transition:none;}#page-payment .payment-date .date .large .date-picker-icon:active{background-position:0 -25px;-webkit-transition:none;transition:none;}#page-payment > button.date-picker-date{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}#page-payment .ui-datepicker{background-color:#ffffff;border:1px solid #6dcff6;-webkit-box-shadow:inset 0 0 0 4px #c5ecfb,0 0 25px 3px rgba(0,0,0,0.15);-moz-box-shadow:inset 0 0 0 4px #c5ecfb,0 0 25px 3px rgba(0,0,0,0.15);box-shadow:inset 0 0 0 4px #c5ecfb,0 0 25px 3px rgba(0,0,0,0.15);padding:17px;}#page-payment .payment-date .date .large .date-picker-icon:active{background-position:0 -25px;-webkit-transition:none;}#page-payment .payment-date .date,#page-payment .payment-date .how-often,#page-payment .payment-date .last-payment{height:70px;padding-bottom:15px;}.payment-date.repeat-payment .col1{width:260px;}.payment-date .col1 .date .small{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}.payment-date.repeat-payment .col1 .date .small{font-size:18px;margin-bottom:0;}.payment-date .col1 .date .large > button.date-picker-date{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}.payment-date.repeat-payment .col1 .date .large > button.date-picker-date{font-size:30px;}#page-payment .payment-date .col2{background:url(https://ib.absa.co.za/axob/xwc/img/divider_vertical_5_repeat.png) repeat-y 4px 12px;padding:10px 0 0 40px;margin-bottom:20px;font-size:20px;width:430px;}#page-payment .iip-payment{font-size:18px;width:400px;}#page-payment .iip-payment .checkboxs{font-size:20px;}.payment-date .col2.visible{opacity:1;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}.payment-date.repeat-payment .col2{-webkit-transform:translateX(50px);transform:translateX(50px);}.payment-date.repeat-payment .col2.visible{-webkit-transform:translateX(0);-webkit-transition:all 0.2s cubic-bezier(0.2,0,0.2,1);transform:translateX(0);transition:all 0.2s cubic-bezier(0.2,0,0.2,1);}.payment-date.repeat-payment .col2{width:310px;}#page-payment .iip-payment label div{margin-top:0;height:62px;color:#777777;word-wrap:normal;width:372px;font-size:18px;}#page-payment .xwc-stack-step.step6{background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_100px_bg.png) repeat 0 0;}#page-payment .xwc-stack-step.step6 .xwc-fragment.review{background:#fff;}#page-payment .review-details{padding-left:50px;height:75px;padding-bottom:5px;margin-bottom:0px;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-box;-webkit-box-align:center;box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}#page-payment .review-details .check{font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;padding:0 40px 0 0;width:800px;font-size:15px;color:#666666;}.review-details .check.view-error{text-align:center;}.review-details .check.view-error p{background:url(https://ib.absa.co.za/axob/xwc/img/icn_alert_triangle_medium.png) no-repeat 50% 0;padding:55px 0 0 0;font-size:18px;line-height:20px;}#page-payment .review-details .check p{font-size:18px;line-height:15px;color:#ab2128;margin-bottom:3px;}.review-details .note{padding:0 0 25px 100px;width:340px;}.review-details .note h2{color:#555555;font-size:18px;margin-bottom:2px;}.review-details .xwc-ui-text input{width:339px;}.review-details .check.view-edit p:first-of-type{margin-bottom:15px;color:#555555;}#page-payment.edit.first-view .xwc-stack-step .header.view-edit{-webkit-transform:translateY(40px);-webkit-transition:-webkit-transform 0.32s ease-in-out;transform:translateY(40px);transition:transform 0.32s ease-in-out;}#page-payment.edit .xwc-stack-step .header.view-edit .step-number{-webkit-transition:-webkit-transform 0.32s ease-in-out;transition:transform 0.32s ease-in-out;}#page-payment.edit.first-view .xwc-stack-step .header.view-edit .step-number{-webkit-transform:translateY(-40px);-webkit-transition:-webkit-transform 0.32s ease-in-out;transform:translateY(-40px);transition:transform 0.32s ease-in-out;}#page-payment.edit.first-view .xwc-stack-step .title.proceed-payment{opacity:0;visibility:hidden;pointer-events:none;}#page-payment.edit .xwc-stack-step .title.proceed-payment{opacity:1;-webkit-transition:opacity 0.32s ease-in-out;-webkit-transition-delay:0.32s;transition:opacity 0.32s ease-in-out;transition-delay:0.32s;}#page-payment.edit .xwc-stack-step .review-details{-webkit-transition:padding-top 0.32s ease-in-out;transition:padding-top 0.32s ease-in-out;}#page-payment.edit.first-view .xwc-stack-step .review-details{padding-top:30px;-webkit-transition:padding-top 0.32s ease-in-out;transition:padding-top 0.32s ease-in-out;}#page-payment.edit.first-view .xwc-stack-step .header.view-edit{background-color:transparent;-webkit-transition:none;transition:none;}#page-payment.edit.first-view .xwc-stack-step.active > .wrapper .content .header .title.next,#page-payment.edit.first-view .xwc-stack-step.active > .wrapper .content .header .title.active{-webkit-transition:none;-webkit-transition-delay:0;transition:none;transition-delay:0;}#page-payment.edit.first-view .xwc-stack-step.active > .wrapper .content .header .title.next{opacity:0;}#page-payment.edit.first-view .xwc-stack-step.active > .wrapper .content .header .title.active{opacity:1;}.xwc-stack-step .proceed-payment{position:relative;height:50px;line-height:50px;padding:0 50px;width:860px;cursor:default;cursor:pointer;border:none;-webkit-box-shadow:none;box-shadow:none;background-color:#868686;color:#fff;font-size:28px;font-family:"ExpertSansLight",sans-serif;}.xwc-stack-step .proceed-payment.disabled{background-color:#ccc;}#page-payment .xwc-fragment.progress{position:relative;width:960px;height:190px;padding-top:40px;}#page-payment .step1 .xwc-fragment.progress{position:relative;width:960px;height:260px;padding-top:120px;}#page-payment .xwc-fragment.progress .spinner{margin:0 auto;}.xwc-fragment.progress .message{font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;text-align:center;margin-top:25px;color:#007eb6;font-size:22px;}#page-payment .step5 .xwc-fragment.progress,#page-payment .step6 .xwc-fragment.progress{background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_100px_bg.png) repeat 0 0;}.xwc-fragment.progress.active .spinner,.xwc-fragment.progress.active .message{opacity:0;}.xwc-fragment.progress.active.visible .spinner,.xwc-fragment.progress.active.visible .message{opacity:1;-webkit-transition:opacity 0.32s ease-in-out;-webkit-transition-delay:.8s;transition:opacity 0.32s ease-in-out;transition-delay:.8s;}.xwc-fragment.progress.active.visible.transition-out{opacity:1;clip:rect(1px,auto,auto,auto);-webkit-transition:clip 0.32s ease-in-out;transition:clip 0.32s ease-in-out;}.xwc-fragment.progress.active.visible.transition-out .spinner,.xwc-fragment.progress.active.visible.transition-out .message{opacity:0;-webkit-transition:opacity 0.32s ease-in-out;transition:opacity 0.32s ease-in-out;}.xwc-stack-step.step6 .xwc-fragment.confirmation{background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_100px_bg_v2.png) repeat 0 0;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent{position:relative;width:960px;height:250px;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .wrapper{position:relative;z-index:999999;background:#fff;padding:0 170px 0px 50px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:0 3px 0 0 #b9b9b9;height:190px;}.xwc-stack-step.step6 .xwc-fragment.confirmation .payment-sent .wrapper::before{content:"";position:absolute;top:-1px;left:0;background:white url(https://ib.absa.co.za/axob/xwc/img/divider_vertical_6.png) repeat-x 0 0;height:2px;width:100%;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .wrapper h2{font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;font-size:30px;color:#519123;font-size:28px;padding:20px 0 12px;float:left;}.xwc-stack-step.step6 .xwc-fragment.confirmation .payment-sent .wrapper .receipt-stamp{position:absolute;top:-35px;right:35px;width:137px;height:138px;background:url(https://ib.absa.co.za/axob/xwc/img/stamp_final_sprite_1.png) no-repeat 0px -276px;}#page-payment .input.xwc-ui-text .icon.absaListedBen{right:-120px;}#page-payment .xwc-ui-searchbox .dropdown ul.scroller li,#page-payment .xwc-ui-searchbox .dropdown li .wrap,#page-payment .xwc-ui-searchbox .dropdown ul.scroller li::before{width:480px;}#page-payment .xwc-stack-step.step6 .xwc-fragment.confirmation .payment-sent.pending .wrapper .error-sign{position:absolute;top:-35px;right:35px;width:137px;height:138px;background:url(https://ib.absa.co.za/axob/xwc/img/stamp_final_sprite_1.png) no-repeat 0px -138px;}.xwc-stack-step.step6 .xwc-fragment.confirmation .payment-sent.error .wrapper .error-sign{position:absolute;top:-35px;right:35px;width:137px;height:138px;background:url(https://ib.absa.co.za/axob/xwc/img/stamp_final_sprite_1.png) no-repeat 0px 0px;}#page-payment .payment-sent .icon{width:25px;height:25px;-webkit-border-radius:5px;border-radius:5px;background-repeat:no-repeat;background-position:50% 50%;float:left;margin-right:10px;}#page-payment .payment-sent .icon.error{background-image:url(https://ib.absa.co.za/axob/xwc/img/icn_error_small.png);}#page-payment .payment-sent .icon.warning{background-image:url(https://ib.absa.co.za/axob/xwc/img/icn-warn-small.png);}#page-payment .payment-sent .icon.info{background-image:url(https://ib.absa.co.za/axob/xwc/img/icn_error_small.png);}#page-payment .message-det p{margin-top:6px;margin-bottom:5px;font-size:14px;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent.error .wrapper h2{color:red;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent.pending .wrapper h2{color:#FFA500;}.xwc-stack-step.step6 .xwc-fragment.confirmation .payment-sent .wrapper .info{width:700px;top :-90px;overflow:hidden;*zoom:1;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .wrapper .info > div:nth-of-type(1){border-right:0px solid #ebebeb;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .wrapper .info > div:nth-of-type(2){padding-left:20px;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .wrapper .info > div:nth-of-type(3){width:100%;border:none;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .wrapper .info > div h4{font-family:"ExpertSansRegular",sans-serif;font-weight:400;text-transform:uppercase;font-size:12px;line-height:10px;margin-bottom:9px;color:#555555;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .wrapper .info > div .icon{float:left;margin:2px 18px 0 0;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .wrapper .info > div button{font-size:16px;cursor:pointer;position:relative;width:auto;background:none;padding-bottom:2px;color:#003366;font-size:18px;}.xwc-stack-step.step6 .xwc-fragment.confirmation .payment-sent .wrapper .info > div button::before{width:100%;content:"";height:1px;position:absolute;left:0;bottom:0;opacity:0;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .wrapper .info > div button:hover::before{opacity:1;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .wrapper .info > div button::before{background:#003366;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .wrapper .info > div strong{font-family:"ExpertSansRegular",sans-serif;font-weight:400;color:#555555;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .wrapper .info > div strong.payment-sent-name{text-transform:uppercase;font-size:18px;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .wrapper .info > div .balance{color:#666666;font-size:22px;font-family:"ExpertSansRegular",sans-serif;}.xwc-stack-step .xwc-fragment.confirmation .xwc-fragment.confirmation .payment-sent .wrapper .info > div .payment-sent-note{font-family:"ExpertSansRegular",sans-serif;font-weight:400;color:#555555;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .wrapper .info > div .payment-sent-note .no-reference{font-family:"ExpertSansRegularItalic",sans-serif;font-weight:400;color:#777777;}.xwc-stack-step.step6 .xwc-fragment.confirmation .payment-sent .wrapper.payment{height:120px;}.xwc-stack-step.step6 .xwc-fragment.confirmation .payment-sent .wrapper.payment .info > div:nth-of-type(1),.xwc-stack-step.step6 .xwc-fragment.confirmation .payment-sent .wrapper.payment .info > div:nth-of-type(2){height:115px;}.xwc-stack-step.step6 .xwc-fragment.confirmation .payment-sent .options{position:absolute;bottom:0;left:0;width:100%;height:190px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;box-align:center;-webkit-box-orient:horizontal;-webkit-box-pack:center;-webkit-box-align:end;-moz-box-align:end;justify-content:center;-ms-flex-align:end;-ms-flex-pack:center;align-items:flex-end;}.xwc-stack-step.step6 .xwc-fragment.confirmation .payment-sent .options .view-pay,.xwc-stack-step.step6 .xwc-fragment.confirmation .payment-sent .options .view-edit,.xwc-stack-step.step6 .xwc-fragment.confirmation .payment-sent .options .view-transfer{background:#fff;padding:0 20px;border-top-left-radius:10px;border-top-right-radius:10px;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay button,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-edit button,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-transfer button{position:relative;padding-left:30px;margin-left:35px;height:48px;line-height:48px;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay button span,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-edit button span,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-transfer button span,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .message-det button span{font-size:16px;cursor:pointer;position:relative;width:auto;background:none;padding-bottom:2px;color:#007eb6;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay button span::before,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-edit button span::before,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-transfer button span::before,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .message-det button span::before{width:100%;content:"";height:1px;position:absolute;left:0;bottom:0;opacity:0;}.xwc-stack-step.step6 .xwc-fragment.confirmation .payment-sent .options .view-pay button span:hover::before,.xwc-stack-step.step6 .xwc-fragment.confirmation .payment-sent .options .view-edit button span:hover::before,.xwc-stack-step.step6 .xwc-fragment.confirmation .payment-sent .options .view-transfer button span:hover::before,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .message-det button span:hover::before{opacity:1;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay button span::before,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-edit button span::before,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-transfer button span::before{background:#ab2128;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay button::before,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-edit button::before,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-transfer button::before{content:"";position:absolute;left:-20px;top:50%;margin-top:-10px;background:url(https://ib.absa.co.za/axob/xwc/img/divider_vertical_4.png) no-repeat 0 0;width:3px;height:22px;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay button:first-of-type,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-edit button:first-of-type,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-transfer button:first-of-type{margin-left:0;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay button:first-of-type::before,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-edit button:first-of-type::before,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-transfer button:first-of-type::before{display:none;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .back-home,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-edit .back-home,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-transfer .back-home{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_home-cyan.png) no-repeat 0 50%;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .back-home span,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-edit .back-home span,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-transfer .back-home span,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .message-det button span{color:#ab2128;font-family:"ExpertSansRegular",sans-serif;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .back-home span::before,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-edit .back-home span::before,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-transfer .back-home span::before,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .message-det button span::before{background-color:#ab2128;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .new-payment,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-edit .new-payment,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-transfer .new-payment{background:url(https://ib.absa.co.za/axob/xwc/img/icn_pound.png) no-repeat 0 50%;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .new-payment span,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-edit .new-payment span,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-transfer .new-payment span{color:#ffffff;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .new-payment span::before,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-edit .new-payment span::before,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-transfer .new-payment span::before{background-color:#9c5683;}#page-payment .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .print-receipt,#page-payment .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-transfer .print-receipt{cursor:pointer;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_print.png) no-repeat 0 50%;}#page-payment .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .pay-another{cursor:pointer;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_pay_ben_small.png) no-repeat 0 50%;}#page-payment .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .print-receipt span,#page-payment .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-edit .print-receipt span,#page-payment .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .pay-another span,#page-payment .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-transfer .print-receipt span{color:#ab2128;font-family:"ExpertSansRegular",sans-serif;}#page-payment .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .print-receipt span::before,#page-payment .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-edit .print-receipt span::before,#page-payment .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .pay-another span::before,#page-payment .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-transfer .print-receipt span::before{background-color:#ab2128;}#page-payment .xwc-stack-step.step6 .xwc-fragment.confirmation .payment-sent .options .view-pay .back-home span:hover,#page-payment .xwc-stack-step .xwc-fragment.confirmation .payment-sent .message-det #error-dialog{color:#ab2128;}#page-payment .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .error.print-receipt{cursor:default;background:url(https://ib.absa.co.za/axob/xwc/img/icn_print_inactive.png) no-repeat 0 50%;}#page-payment .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .error.print-receipt span{display:inline-block;cursor:default;color:#d9d9d9;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .error.print-receipt span::before{display:none;color:#d9d9d9;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .view-transactions,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-edit .view-transactions,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-transfer .view-transactions{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_backarrow.png) no-repeat 0 50%;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .view-transactions span,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-edit .view-transactions span,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-transfer .view-transactions span{color:#007eb6;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .view-transactions span::before,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-edit .view-transactions span::before,.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-transfer .view-transactions span::before{background-color:#007eb6;}#page-payment .xwc-fragment.confirmation.active{opacity:1;background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_100px_bg.png) repeat 0 0;}#page-payment .xwc-fragment.confirmation.active .wrapper,#page-money .xwc-fragment.confirmation.active .wrapper{opacity:0;-webkit-transform:rotateX(-90deg);-webkit-transform-origin:50% top;transform:rotateX(-90deg);transform-origin:50% top;}#page-payment .xwc-fragment.confirmation.active .wrapper .gradient-overlay,#page-money .xwc-fragment.confirmation.active .wrapper .gradient-overlay{position:absolute;top:0;left:0;width:960px;height:220px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;background:-webkit-gradient(linear,left top,left bottom,from(#cccccc),to(black));opacity:0.7;visibility:visible;}#page-payment .xwc-fragment.confirmation.active .wrapper .receipt-stamp,#page-money .xwc-fragment.confirmation.active .wrapper .receipt-stamp{opacity:0;}#page-payment .xwc-fragment.confirmation.active .options,#page-money .xwc-fragment.confirmation.active .options{-webkit-transform:translateY(48px);transform:translateY(48px);}#page-payment .xwc-fragment.confirmation.visible,#page-money .xwc-fragment.confirmation.visible{opacity:1;-webkit-transform-style:flat;transform-style:flat;background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_100px_bg_v2.png) repeat 0 0;-webkit-perspective:2000;-webkit-transition:opacity 0.4s ease-in-out 0.25s,background 1s ease-in-out 0.25s;perspective:2000;transition:opacity 0.4s ease-in-out 0.25s,background 1s ease-in-out 0.25s;}#page-payment .xwc-fragment.confirmation.visible .wrapper,#page-money .xwc-fragment.confirmation.visible .wrapper{opacity:1;-webkit-transform:rotateX(0deg);-webkit-transition:-webkit-transform 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s,opacity 0.2s ease-in-out 0.25s;transform:rotateX(0deg);transition:transform 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s,opacity 0.2s ease-in-out 0.25s;}#page-payment .xwc-fragment.confirmation.visible .wrapper .gradient-overlay,#page-money .xwc-fragment.confirmation.visible .wrapper .gradient-overlay{opacity:0;visibility:hidden;-webkit-transition:opacity 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s,visibility 0s linear 1s;transition:opacity 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s,visibility 0s linear 1s;}#page-payment .xwc-fragment.confirmation.visible .wrapper .receipt-stamp{opacity:1;-webkit-transition:opacity 0.4s ease-in-out 0.75s;transition:opacity 0.4s ease-in-out 0.75s;}#page-payment .xwc-fragment.confirmation.visible .options,#page-money .xwc-fragment.confirmation.visible .options{-webkit-transform:translateY(0);-webkit-transition:-webkit-transform 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s;transform:translateY(0);transition:transform 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s;}#page-money .xwc-fragment.confirmation.active .wrapper .gradient-overlay{height:235px;}#page-payment .view-pay,#page-payment.edit .view-edit,#page-money .view-pay,#page-money.edit .view-edit{display:block;}#page-payment .title.view-pay,#page-payment.edit .title.view-edit,#page-money .title.view-pay,#page-money.edit .title.view-edit{display:inline-block;}#page-payment .view-edit,#page-payment.edit .view-pay,#page-money .view-edit,#page-money.edit .view-pay{display:none;}#page-payment .check.view-transfer,#page-payment .check.view-edit{display:none;}#page-money .check.view-transfer{display:block;}#page-money .check.view-pay,#page-money .check.view-edit{display:none;}.xwc-stack-step.edit .confirm-changes{height:70px;}.xwc-stack-step.edit .confirm-changes button{float:left;width:auto;margin-top:10px;}@charset "UTF-8";@-webkit-keyframes Spinner{from{-webkit-transform:rotate(0);}to{-webkit-transform:rotate(360deg);}}@-webkit-keyframes ConnectedPop{0%{-webkit-transform:scale(1);}50%{-webkit-transform:scale(1.2);}100%{-webkit-transform:scale(1);}}@-webkit-keyframes FadeIn{from{opacity:0;}to{opacity:1;}}@keyframes Spinner{from{transform:rotate(0);}to{transform:rotate(360deg);}}@keyframes ConnectedPop{0%{transform:scale(1);}50%{transform:scale(1.2);}100%{transform:scale(1);}}@keyframes FadeIn{from{opacity:0;}to{opacity:1;}}#page-rewards .xwc-fragment.progress .spinner{margin:0 auto;}#page-rewards .airtime-note-note{font-size:14px;line-height:20px;position:relative;padding-top:0px;color:red;margin-left:-240px;}#page-rewards .airtime-discount{font-size:14px;line-height:20px;position:relative;padding-top:0px;color:#2d2d2d;margin-left:-240px;}#page-rewards #redeemProviderAllowed.dropdown-list{width:358px;margin-left:-280px;}#page-rewards .row.dropdown-list{margin-left:50px;}#page-rewards .large .ui-selectmenu-button{height:60px;}#page-rewards .large .select .ui-selectmenu-button span.ui-selectmenu-text{font-size:25px;padding-top:15px;}#page-rewards .dropdown-list.large{margin-left:0px;margin-right:10px;font-size:20px;float:left;margin-top:5px;}#page-rewards .ui-selectmenu-menu #redeemProviderList-menu.ui-menu,#page-rewards .ui-selectmenu-menu #redeemPartnerList-menu.ui-menu{max-height:203px;overflow:auto;overflow-x:hidden;padding-bottom:1px;padding:1px 6px 4px 8px;}#page-rewards #redeemProviderList-menu.ui-widget,#page-rewards #redeemPartnerList-menu.ui-widget{font-family:ExpertSansLight,sans-serif;font-size:20px;}#page-rewards #redeemProviderList-menu.ui-widget-content,#page-rewards #redeemPartnerList-menu.ui-widget-content{background:white;color:#2D2D2D;border:1px solid #C8C8C8;padding:4px 0;-webkit-border-radius:8px;-webkit-box-shadow:inset 0 0 0 4px #EEE;border-radius:8px;box-shadow:inset 0 0 0 4px #EEE;}#page-rewards .enter-amount .xwc-ui-text.amount::before{font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;content:"R";position:absolute;left:-300px;top:12px;font-size:20px;color:#555555;width:30px;height:40px;}#page-rewards input#amountToRedeem{font-size:20px;height:40px;margin-left:-280px;width:290px;}#page-rewards #redeemProviderList-menu.ui-menu li .wrap,#page-rewards #redeemPartnerList-menu.ui-menu li .wrap{padding:8px;}#page-rewards .enter-amount{width:290px;}#page-rewards .enter-amount h2{width:194px;display:inline-block;margin-left:2px;}#page-rewards .stack{z-index:1;}#page-rewards .step2 > .wrapper{height:370px;z-index:1;}#page-rewards .step3 > .wrapper{height:310px;overflow:visible;}#page-rewards .xwc-stack-step.step3 .xwc-fragment.review{background:#fff;}#page-rewards .stack .xwc-stack-step.step3 > .wrapper,#page-rewards .stack .xwc-stack-step.step3 .xwc-fragment,#page-rewards .stack .xwc-stack-step.step3 .xwc-fragment.confirmation .payment-sent,#page-rewards .stack .xwc-stack-step.step3 > .wrapper .content{height:430px !important;}#page-rewards .review-details.redeem{padding-left:50px;font-size:20px;height:240px;padding-bottom:23px;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-box;-webkit-box-align:center;box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}#page-rewards .step3{position:relative;z-index:1;overflow:visible;}#page-rewards .xwc-stack-step.step3 .xwc-fragment.confirmation .payment-sent .wrapper.payment{height:300px;}.xwc-stack-step.step3 .xwc-fragment.confirmation .payment-sent .wrapper.payment .info > div:nth-of-type(1),.xwc-stack-step.step3 .xwc-fragment.confirmation .payment-sent .wrapper.payment .info > div:nth-of-type(2){height:175px;}#page-rewards .message-det p{margin-top:6px;margin-bottom:5px;font-size:14px;}#page-rewards .step3 > .wrapper .content{overflow:visible;}#page-rewards .input .xwc-ui-text input{width:320px;}#page-rewards .row .label{width:210px;font-size:20px;height:45px;color:#555555;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;box-align:center;-moz-box-align:center;justify-content:flex-start;-ms-flex-align:center;-ms-flex-pack:left;align-items:flex-start;}#page-rewards .review-details .check span{font-family:"ExpertSansBold",sans-serif;font-weight:100;word-spacing:-1px;padding:0 40px 0 0;width:800px;font-size:14px;color:#ab2128;vertical-align:top;}#page-rewards .review-details .check p{font-size:20px;line-height:15px;color:#666666;margin-bottom:3px;}#page-rewards .hidingRow{visibility:hidden;}#page-rewards .xwc-ui-select.dropdown-select{width:360px;}#page-rewards .srcacclabel{font-size:20px;height:40px;color:#555555;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;box-align:center;-moz-box-align:center;justify-content:flex-start;-ms-flex-align:center;-ms-flex-pack:left;align-items:center;width:240px;text-align:center;}#page-rewards .dropdown-list .select{margin:0px 0px 0px 1px;}#page-rewards .select .ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;position:absolute;top:60%;}#page-rewards .ui-selectmenu-button{height:40px;}#page-rewards .step1 .row.dropdown-list{height:42px;}#page-rewards .step1 .xwc-flyout.contextual{max-width:260px;}#page-rewards .step1 .row{height:auto;margin-top:12px;}#page-rewards .step3 > .wrapper{height:310px;}#page-rewards .row .label.highlight{color:#007eb6;}#page-rewards .xwc-fragment.progress{position:relative;width:960px;height:190px;padding-top:40px;-webkit-box-shadow:inset 0 2px 0 #e8e8e8;box-shadow:inset 0 2px 0 #e8e8e8;}#page-rewards .step3 .xwc-fragment.progress{position:relative;width:960px;height:200px;padding-top:60px;-webkit-box-shadow:inset 0 2px 0 #e8e8e8;box-shadow:inset 0 2px 0 #e8e8e8;}#page-rewards .xwc-stack-step.step3{background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_100px_bg.png) repeat 0 0;}#page-rewards .xwc-stack-step.step3 .xwc-fragment.confirmation .payment-sent .wrapper::before{content:"";position:absolute;top:-1px;left:0;background:white url(https://ib.absa.co.za/axob/xwc/img/divider_vertical_6.png) repeat-x 0 0;height:2px;width:100%;}#page-rewards .xwc-stack-step.step3 .xwc-fragment.confirmation .payment-sent .wrapper .receipt-stamp{position:absolute;top:-35px;right:35px;width:137px;height:138px;background:url(https://ib.absa.co.za/axob/xwc/img/stamp_final_sprite_1.png) no-repeat 0px -276px;}#page-rewards .xwc-stack-step.step3 .xwc-fragment.confirmation .payment-sent.error .wrapper .error-sign{position:absolute;top:-35px;right:35px;width:137px;height:138px;background:url(https://ib.absa.co.za/axob/xwc/img/stamp_final_sprite_1.png) no-repeat 0px 0px;}#page-rewards .xwc-stack-step.step3 .xwc-fragment.confirmation .payment-sent.pending .wrapper .error-sign{position:absolute;top:-35px;right:35px;width:137px;height:138px;background:url(https://ib.absa.co.za/axob/xwc/img/stamp_final_sprite_1.png) no-repeat 0px -138px;}#page-rewards .xwc-stack-step.step3 .xwc-fragment.confirmation .payment-sent .wrapper .info > div button::before{width:100%;content:"";height:1px;position:absolute;left:0;bottom:0;opacity:0;}.xwc-stack-step.step3 .xwc-fragment.confirmation .payment-sent .wrapper .info{width:700px;top :-90px;overflow:hidden;*zoom:1;}#page-rewards .xwc-stack-step.step3 .xwc-fragment.confirmation .payment-sent .options{position:absolute;bottom:0;left:0;width:100%;height:50px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;box-align:center;-webkit-box-orient:horizontal;-webkit-box-pack:center;-webkit-box-align:end;-moz-box-align:end;justify-content:center;-ms-flex-align:end;-ms-flex-pack:center;align-items:flex-end;}#page-rewards .xwc-stack-step.step3 .xwc-fragment.confirmation .payment-sent .options .view-pay,#page-rewards .xwc-stack-step.step3 .xwc-fragment.confirmation .payment-sent .options .view-edit,#page-rewards .xwc-stack-step.step3 .xwc-fragment.confirmation .payment-sent .options .view-transfer{background:#fff;padding:0 20px;border-top-left-radius:10px;border-top-right-radius:10px;}#page-rewards .xwc-stack-step.step3 .xwc-fragment.confirmation .payment-sent .options .view-pay button span:hover::before,#page-rewards .xwc-stack-step.step3 .xwc-fragment.confirmation .payment-sent .options .view-edit button span:hover::before,#page-rewards .xwc-stack-step.step3 .xwc-fragment.confirmation .payment-sent .options .view-transfer button span:hover::before,#page-rewards .xwc-stack-step .xwc-fragment.confirmation .payment-sent .message-det button span:hover::before{opacity:1;}#page-rewards.edit.first-view .xwc-stack-step .header.view-edit{-webkit-transform:translateY(40px);-webkit-transition:-webkit-transform 0.32s ease-in-out;transform:translateY(40px);transition:transform 0.32s ease-in-out;}#page-rewards .payment-sent .icon{width:25px;height:25px;-webkit-border-radius:5px;border-radius:5px;background-repeat:no-repeat;background-position:50% 50%;float:left;margin-right:10px;}#page-rewards.edit .xwc-stack-step .header.view-edit .step-number{-webkit-transition:-webkit-transform 0.32s ease-in-out;transition:transform 0.32s ease-in-out;}#page-rewards.edit.first-view .xwc-stack-step .header.view-edit{background-color:transparent;-webkit-transition:none;transition:none;}#page-rewards.edit.first-view .xwc-stack-step .header.view-edit .step-number{-webkit-transform:translateY(-40px);-webkit-transition:-webkit-transform 0.32s ease-in-out;transform:translateY(-40px);transition:transform 0.32s ease-in-out;}#page-rewards.edit.first-view .xwc-stack-step .title.proceed-payment{opacity:0;visibility:hidden;pointer-events:none;}#page-rewards.edit .xwc-stack-step .title.proceed-payment{opacity:1;-webkit-transition:opacity 0.32s ease-in-out;-webkit-transition-delay:0.32s;transition:opacity 0.32s ease-in-out;transition-delay:0.32s;}#page-rewards .step3 .xwc-fragment.progress{background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_100px_bg.png) repeat 0 0;}.xwc-fragment.progress.active.visible.transition-out #page-rewards.edit .xwc-stack-step .review-details{-webkit-transition:padding-top 0.32s ease-in-out;transition:padding-top 0.32s ease-in-out;}#page-rewards.edit.first-view .xwc-stack-step.active > .wrapper .content .header .title.next,#page-rewards.edit.first-view .xwc-stack-step.active > .wrapper .content .header .title.active{-webkit-transition:none;-webkit-transition-delay:0;transition:none;transition-delay:0;}#page-rewards.edit.first-view .xwc-stack-step.active > .wrapper .content .header .title.next{opacity:0;}#page-rewards.edit.first-view .xwc-stack-step.active > .wrapper .content .header .title.active{opacity:1;}#page-rewards.edit.first-view .xwc-stack-step .review-details{padding-top:30px;-webkit-transition:padding-top 0.32s ease-in-out;transition:padding-top 0.32s ease-in-out;}#page-rewards .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .print-receipt{cursor:pointer;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_print.png) no-repeat 0 50%;}#page-rewards .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .pay-another{cursor:pointer;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/Rewards_Icon.png) no-repeat 0 50%;}#page-rewards .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .print-receipt span,#page-rewards .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-edit .print-receipt span,#page-rewards .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .pay-another span,#page-rewards .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-transfer .print-receipt span{color:#ab2128;font-family:"ExpertSansRegular",sans-serif;}#page-rewards .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .print-receipt span::before,#page-rewards .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-edit .print-receipt span::before,#page-rewards .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .pay-another span::before{background-color:#ab2128;}#page-rewards .xwc-stack-step.step3 .xwc-fragment.confirmation .payment-sent .options .view-pay .back-home span:hover,#page-rewards .xwc-stack-step .xwc-fragment.confirmation .payment-sent .message-det #error-dialog{color:#ab2128;}#page-rewards .xwc-fragment.confirmation.active{opacity:1;background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_100px_bg.png) repeat 0 0;}#page-rewards .xwc-fragment.confirmation.active .wrapper{opacity:0;-webkit-transform:rotateX(-90deg);-webkit-transform-origin:50% top;transform:rotateX(-90deg);transform-origin:50% top;}#page-rewards .xwc-fragment.confirmation.active .wrapper .gradient-overlay{position:absolute;top:0;left:0;width:960px;height:300px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;background:-webkit-gradient(linear,left top,left bottom,from(#cccccc),to(black));opacity:0.7;visibility:visible;}#page-rewards .xwc-fragment.confirmation.active .wrapper .receipt-stamp{opacity:0;}#page-rewards .xwc-fragment.confirmation.active .options{-webkit-transform:translateY(48px);transform:translateY(48px);}#page-rewards .xwc-fragment.confirmation.visible .wrapper{opacity:1;-webkit-transform:rotateX(0deg);-webkit-transition:-webkit-transform 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s,opacity 0.2s ease-in-out 0.25s;transform:rotateX(0deg);transition:transform 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s,opacity 0.2s ease-in-out 0.25s;}#page-rewards .xwc-fragment.confirmation.visible .wrapper .gradient-overlay{opacity:0;visibility:hidden;-webkit-transition:opacity 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s,visibility 0s linear 1s;transition:opacity 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s,visibility 0s linear 1s;}#page-rewards .xwc-fragment.confirmation.visible .wrapper .receipt-stamp{opacity:1;-webkit-transition:opacity 0.4s ease-in-out 0.75s;transition:opacity 0.4s ease-in-out 0.75s;}#page-rewards .xwc-fragment.confirmation.visible{opacity:1;-webkit-transform-style:flat;transform-style:flat;background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_100px_bg_v2.png) repeat 0 0;-webkit-perspective:2000;-webkit-transition:opacity 0.4s ease-in-out 0.25s,background 1s ease-in-out 0.25s;perspective:2000;transition:opacity 0.4s ease-in-out 0.25s,background 1s ease-in-out 0.25s;}#page-rewards .xwc-fragment.confirmation.visible .options{-webkit-transform:translateY(0);-webkit-transition:-webkit-transform 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s;transform:translateY(0);transition:transform 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s;}#page-rewards .review-details .view-pay ul li{list-style:outside disc;font-size:14px;}#page-rewards .date-time-stamp{margin-top:32px;margin-left:70px;}#page-rewards .review-details .view-pay ul{margin-left:18px;font-size:14px;}#page-rewards .view-pay,#page-rewards.edit .view-edit{display:block;}#page-rewards .title.view-pay,#page-rewards.edit .title.view-edit{display:inline-block;}#page-rewards .view-edit,#page-rewards.edit .view-pay{display:none;}#page-rewards .check.view-transfer,#page-rewards .check.view-edit{display:none;}#page-rewards .xwc-stack-step .xwc-fragment.confirmation .payment-sent .wrapper{height:300px;}#page-rewards .confirmation .review-details{padding-left:3px;height:131px;padding-bottom:23px;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-box;-webkit-box-align:center;box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}#page-rewards .confirmation .review-details li span{font-family:"ExpertSansBold",sans-serif;}#page-rewards .xwc-ui-searchbox .dropdown ul.scroller li,#page-rewards .xwc-ui-searchbox .dropdown li .wrap,#page-rewards .xwc-ui-searchbox .dropdown ul.scroller li::before{width:350px;}#page-rewards .dropdown ul,#page-rewards .dropdown.detached ul{margin:0;padding:0 0 0 4px;}#page-rewards .xwc-ui-searchbox .dropdown ul.scroller,.dropdown.detached.open ul.scroller{overflow-y:scroll;overflow-x:hidden;}#page-rewards .dropdown ul.scroller::-webkit-scrollbar-track,.dropdown.detached.open ul.scroller::-webkit-scrollbar-track{background-color:rgba(179,183,185,0.4);border-radius:5px;margin:3px 0;}#page-rewards .dropdown ul.scroller::-webkit-scrollbar-track-piece,.dropdown.detached ul.scroller::-webkit-scrollbar-track-piece{border-radius:5px;}#page-rewards .dropdown ul.scroller::-webkit-scrollbar,.dropdown.detached ul.scroller::-webkit-scrollbar{width:10px;margin-right:1px;}#page-rewards .dropdown ul.scroller::-webkit-scrollbar-button:start:decrement,#page-rewards .dropdown.detached ul.scroller::-webkit-scrollbar-button:start:decrement{width:10px;height:21px;margin-right:1px;background:url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_up.png) no-repeat -1px 0;display:block;border-top:10px solid white;border-bottom:4px solid white;}#page-rewards .dropdown ul.scroller::-webkit-scrollbar-button:end:increment{position:relative;width:10px;margin-right:1px;height:21px;background:url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_dn.png) no-repeat -1px 0;display:block;border-bottom:10px solid white;border-top:4px solid white;}#page-rewards .removeThisElement{display:none;}@charset "UTF-8";@-webkit-keyframes Spinner{from{-webkit-transform:rotate(0);}to{-webkit-transform:rotate(360deg);}}@-webkit-keyframes ConnectedPop{0%{-webkit-transform:scale(1);}50%{-webkit-transform:scale(1.2);}100%{-webkit-transform:scale(1);}}@-webkit-keyframes FadeIn{from{opacity:0;}to{opacity:1;}}@keyframes Spinner{from{transform:rotate(0);}to{transform:rotate(360deg);}}@keyframes ConnectedPop{0%{transform:scale(1);}50%{transform:scale(1.2);}100%{transform:scale(1);}}@keyframes FadeIn{from{opacity:0;}to{opacity:1;}}#page-prepaid .choose-recipient .select-payee .toolbar{line-height:25px;margin-top:25px;}#page-prepaid .row .input .xwc-ui-text .xwc-flyout.fax.error{left:270px;}#page-prepaid .xwc-fragment.progress .spinner{margin:0 auto;}#page-prepaid .row .information{font-family:"ExpertSansLight",sans-serif;font-weight:1infor00;word-spacing:-1px;padding:0 40px 0 0;width:800px;font-size:15px;color:#666666;}#page-prepaid .row .information p{font-size:18px;line-height:15px;color:#ab2128;margin-bottom:3px;}#page-prepaid .row .information ul li{list-style:outside disc;}#page-prepaid .row .information ul{margin-left:18px;}#page-prepaid .dropdown-list.large.hidden,#page-prepaid .enter-amount .search.hidden{display:none;}#page-prepaid .large .ui-selectmenu-button{height:60px;}#page-prepaid .large .select .ui-selectmenu-button span.ui-selectmenu-text{font-size:25px;padding-top:15px;}#page-prepaid .dropdown-list.large{margin-left:0px;margin-right:10px;font-size:20px;float:left;margin-top:5px;}#page-prepaid .ui-selectmenu-menu #amountList-menu.ui-menu{max-height:203px;overflow:auto;overflow-x:hidden;padding-bottom:1px;padding:1px 6px 4px 8px;}#page-prepaid #amountList-menu.ui-widget{font-family:ExpertSansLight,sans-serif;font-size:20px;}#page-prepaid input#amountToPay{font-size:25px;height:65px;width:270px}#page-prepaid #amountList-menu.ui-widget-content{background:white;color:#2D2D2D;border:1px solid #C8C8C8;padding:4px 0;-webkit-border-radius:8px;-webkit-box-shadow:inset 0 0 0 4px #EEE;border-radius:8px;box-shadow:inset 0 0 0 4px #EEE;}#page-prepaid #amountList-menu.ui-menu li .wrap{padding:8px;}#page-prepaid .enter-amount{margin-left:240px;width:450px;}#page-prepaid .enter-amount h2{width:194px;display:inline-block;margin-left:2px;}#page-prepaid #lastPrepaid{margin-top:80px;}#page-prepaid .stack{z-index:1;}#page-prepaid .step2 > .wrapper{height:370px;z-index:9;}#page-prepaid .step3 > .wrapper{height:310px;}#page-prepaid .step4 > .wrapper{overflow:visible;}#page-prepaid .xwc-stack-step.step4 .xwc-fragment.review{background:#fff;}#page-prepaid .stack .xwc-stack-step.step4 > .wrapper,#page-prepaid .stack .xwc-stack-step.step4 .xwc-fragment,#page-prepaid .stack .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent,#page-prepaid .stack .xwc-stack-step.step4 > .wrapper .content{height:371px !important;}#page-prepaid .review-details{padding-left:50px;height:177px;padding-bottom:23px;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-box;-webkit-box-align:center;box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}#page-prepaid .step3{position:relative;z-index:1;}#page-prepaid .step4{position:relative;z-index:2;overflow:visible;}#page-prepaid .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper.payment{height:300px;}.xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper.payment .info > div:nth-of-type(1),.xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper.payment .info > div:nth-of-type(2){height:175px;}#page-prepaid .message-det p{margin-top:6px;margin-bottom:5px;font-size:18px;}#page-prepaid .step4 > .wrapper .content{overflow:visible;}#page-prepaid .input .xwc-ui-text input{width:320px;}#page-prepaid .row .label{width:210px;font-size:20px;height:45px;color:#555555;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;box-align:center;-moz-box-align:center;justify-content:flex-start;-ms-flex-align:center;-ms-flex-pack:left;align-items:center;}#page-prepaid .review-details .check{font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;padding:0 40px 0 0;width:800px;font-size:15px;color:#666666;}#page-prepaid .review-details .check p{font-size:18px;line-height:15px;color:#ab2128;margin-bottom:3px;}#page-prepaid .hidingRow{visibility:hidden;}#page-prepaid .xwc-ui-select.dropdown-select{width:360px;}#page-prepaid .dropdown-list .srcacclabel{width:209px;height:50px;color:#555555;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;box-align:center;-moz-box-align:center;justify-content:flex-start;-ms-flex-align:center;-ms-flex-pack:left;align-items:center;}#page-prepaid .xwc-ui-select.dropdown-select{width:360px;}#page-prepaid .dropdown-list .select{margin:0px 0px 0px 1px;}#page-prepaid .ui-selectmenu-button{height:38px;}#page-prepaid .step1 .row.dropdown-list{height:42px;}#page-prepaid .step1 .xwc-flyout.contextual{max-width:260px;}#page-prepaid .step1 .row{height:auto;margin-top:12px;}#page-prepaid .step1 .xwc-ui-checkbox{margin-top:12px;}#page-prepaid .row .input .xwc-ui-text .faxView{position:relative;width:200px;margin-left:10px;}#page-prepaid .step3 > .wrapper{height:310px;}#page-prepaid .row .label.highlight{color:#007eb6;}#page-prepaid .enter-amount .xwc-ui-text.amount::before{font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;content:"R";position:absolute;left:-45px;top:6px;font-size:45px;color:#555555;width:60px;height:100px;}#page-prepaid .xwc-fragment.progress{position:relative;width:960px;height:190px;padding-top:40px;-webkit-box-shadow:inset 0 2px 0 #e8e8e8;box-shadow:inset 0 2px 0 #e8e8e8;}#page-prepaid .step3 .xwc-fragment.progress{position:relative;width:960px;height:200px;padding-top:60px;-webkit-box-shadow:inset 0 2px 0 #e8e8e8;box-shadow:inset 0 2px 0 #e8e8e8;}#page-prepaid .xwc-stack-step.step4 .xwc-fragment.confirmation{background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_100px_bg_v2.png) repeat 0 0;}#page-prepaid .xwc-stack-step.step4{background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_100px_bg.png) repeat 0 0;}#page-prepaid .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper::before{content:"";position:absolute;top:-1px;left:0;background:white url(https://ib.absa.co.za/axob/xwc/img/divider_vertical_6.png) repeat-x 0 0;height:2px;width:100%;}#page-prepaid .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .receipt-stamp{position:absolute;top:-35px;right:35px;width:137px;height:138px;background:url(https://ib.absa.co.za/axob/xwc/img/stamp_final_sprite_1.png) no-repeat 0px -276px;}#page-prepaid .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent.error .wrapper .error-sign{position:absolute;top:-35px;right:35px;width:137px;height:138px;background:url(https://ib.absa.co.za/axob/xwc/img/stamp_final_sprite_1.png) no-repeat 0px 0px;}#page-prepaid .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent.pending .wrapper .error-sign{position:absolute;top:-35px;right:35px;width:137px;height:138px;background:url(https://ib.absa.co.za/axob/xwc/img/stamp_final_sprite_1.png) no-repeat 0px -138px;}#page-prepaid .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .info > div button::before{width:100%;content:"";height:1px;position:absolute;left:0;bottom:0;opacity:0;}.xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .info{width:700px;top :-90px;overflow:hidden;*zoom:1;}#page-prepaid .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options{position:absolute;bottom:0;left:0;width:100%;height:50px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;box-align:center;-webkit-box-orient:horizontal;-webkit-box-pack:center;-webkit-box-align:end;-moz-box-align:end;justify-content:center;-ms-flex-align:end;-ms-flex-pack:center;align-items:flex-end;}#page-prepaid .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-pay,#page-prepaid .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-edit,#page-prepaid .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-transfer{background:#fff;padding:0 20px;border-top-left-radius:10px;border-top-right-radius:10px;}#page-prepaid .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-pay button span:hover::before,#page-prepaid .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-edit button span:hover::before,#page-prepaid .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-transfer button span:hover::before,#page-prepaid .xwc-stack-step .xwc4fragment.confirmation .payment-sent .message-det button span:hover::before{opacity:1;}#page-prepaid.edit.first-view .xwc-stack-step .header.view-edit{-webkit-transform:translateY(40px);-webkit-transition:-webkit-transform 0.32s ease-in-out;transform:translateY(40px);transition:transform 0.32s ease-in-out;}#page-prepaid .payment-sent .icon{width:25px;height:25px;-webkit-border-radius:5px;border-radius:5px;background-repeat:no-repeat;background-position:50% 50%;float:left;margin-right:10px;}#page-prepaid.edit .xwc-stack-step .header.view-edit .step-number{-webkit-transition:-webkit-transform 0.32s ease-in-out;transition:transform 0.32s ease-in-out;}#page-prepaid.edit.first-view .xwc-stack-step .header.view-edit{background-color:transparent;-webkit-transition:none;transition:none;}#page-prepaid.edit.first-view .xwc-stack-step .header.view-edit .step-number{-webkit-transform:translateY(-40px);-webkit-transition:-webkit-transform 0.32s ease-in-out;transform:translateY(-40px);transition:transform 0.32s ease-in-out;}#page-prepaid.edit.first-view .xwc-stack-step .title.proceed-payment{opacity:0;visibility:hidden;pointer-events:none;}#page-prepaid.edit .xwc-stack-step .title.proceed-payment{opacity:1;-webkit-transition:opacity 0.32s ease-in-out;-webkit-transition-delay:0.32s;transition:opacity 0.32s ease-in-out;transition-delay:0.32s;}#page-prepaid .step4 .xwc-fragment.progress{background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_100px_bg.png) repeat 0 0;}.xwc-fragment.progress.active.visible.transition-out #page-prepaid.edit .xwc-stack-step .review-details{-webkit-transition:padding-top 0.32s ease-in-out;transition:padding-top 0.32s ease-in-out;}#page-prepaid.edit.first-view .xwc-stack-step.active > .wrapper .content .header .title.next,#page-prepaid.edit.first-view .xwc-stack-step.active > .wrapper .content .header .title.active{-webkit-transition:none;-webkit-transition-delay:0;transition:none;transition-delay:0;}#page-prepaid.edit.first-view .xwc-stack-step.active > .wrapper .content .header .title.next{opacity:0;}#page-prepaid.edit.first-view .xwc-stack-step.active > .wrapper .content .header .title.active{opacity:1;}#page-prepaid.edit.first-view .xwc-stack-step .review-details{padding-top:30px;-webkit-transition:padding-top 0.32s ease-in-out;transition:padding-top 0.32s ease-in-out;}#page-prepaid .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .print-receipt{cursor:pointer;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_print.png) no-repeat 0 50%;}#page-prepaid .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .pay-another{cursor:pointer;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prepaid_small.png) no-repeat 0 50%;}#page-prepaid .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .print-receipt span,#page-prepaid .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-edit .print-receipt span,#page-prepaid .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .pay-another span,#page-prepaid .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-transfer .print-receipt span{color:#ab2128;font-family:"ExpertSansRegular",sans-serif;}#page-prepaid .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .print-receipt span::before,#page-prepaid .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-edit .print-receipt span::before,#page-prepaid .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .pay-another span::before{background-color:#ab2128;}#page-prepaid .xwc-stack-step.step6 .xwc-fragment.confirmation .payment-sent .options .view-pay .back-home span:hover,#page-prepaid .xwc-stack-step .xwc-fragment.confirmation .payment-sent .message-det #error-dialog{color:#ab2128;}#page-prepaid .xwc-fragment.confirmation.active{opacity:1;background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_100px_bg.png) repeat 0 0;}#page-prepaid .xwc-fragment.confirmation.active .wrapper{opacity:0;-webkit-transform:rotateX(-90deg);-webkit-transform-origin:50% top;transform:rotateX(-90deg);transform-origin:50% top;}#page-prepaid .xwc-fragment.confirmation.active .wrapper .gradient-overlay{position:absolute;top:0;left:0;width:960px;height:300px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;background:-webkit-gradient(linear,left top,left bottom,from(#cccccc),to(black));opacity:0.7;visibility:visible;}#page-prepaid .xwc-fragment.confirmation.active .wrapper .receipt-stamp{opacity:0;}#page-prepaid .xwc-fragment.confirmation.active .options{-webkit-transform:translateY(48px);transform:translateY(48px);}#page-prepaid .xwc-fragment.confirmation.visible .wrapper{opacity:1;-webkit-transform:rotateX(0deg);-webkit-transition:-webkit-transform 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s,opacity 0.2s ease-in-out 0.25s;transform:rotateX(0deg);transition:transform 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s,opacity 0.2s ease-in-out 0.25s;}#page-prepaid .xwc-fragment.confirmation.visible .wrapper .gradient-overlay{opacity:0;visibility:hidden;-webkit-transition:opacity 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s,visibility 0s linear 1s;transition:opacity 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s,visibility 0s linear 1s;}#page-prepaid .xwc-fragment.confirmation.visible .wrapper .receipt-stamp{opacity:1;-webkit-transition:opacity 0.4s ease-in-out 0.75s;transition:opacity 0.4s ease-in-out 0.75s;}#page-prepaid .xwc-fragment.confirmation.visible{opacity:1;-webkit-transform-style:flat;transform-style:flat;background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_100px_bg_v2.png) repeat 0 0;-webkit-perspective:2000;-webkit-transition:opacity 0.4s ease-in-out 0.25s,background 1s ease-in-out 0.25s;perspective:2000;transition:opacity 0.4s ease-in-out 0.25s,background 1s ease-in-out 0.25s;}#page-prepaid .xwc-fragment.confirmation.visible .options{-webkit-transform:translateY(0);-webkit-transition:-webkit-transform 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s;transform:translateY(0);transition:transform 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s;}#page-prepaid .review-details .view-pay ul li{list-style:outside disc;}#page-prepaid .payment-sent .message-det,#page-prepaid .payment-sent .beneficiary-det{clear:both;}#page-prepaid .payment-sent .beneficiary-det .hidingRow{visibility:hidden;}#page-prepaid .date-time-stamp{margin-top:32px;margin-left:70px;}#page-prepaid .review-details .view-pay ul{margin-left:18px;}#page-prepaid .view-pay,#page-prepaid.edit .view-edit{display:block;}#page-prepaid .title.view-pay,#page-prepaid.edit .title.view-edit{display:inline-block;}#page-prepaid .view-edit,#page-prepaid.edit .view-pay{display:none;}#page-prepaid .check.view-transfer,#page-prepaid .check.view-edit{display:none;}#page-prepaid .xwc-stack-step .xwc-fragment.confirmation .payment-sent .wrapper{height:300px;}#page-prepaid .confirmation .review-details{padding-left:3px;height:131px;padding-bottom:23px;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-box;-webkit-box-align:center;box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}#page-prepaid .confirmation .review-details li span{font-family:"ExpertSansBold",sans-serif;}#page-prepaid .xwc-ui-searchbox .dropdown ul.scroller li,#page-prepaid .xwc-ui-searchbox .dropdown li .wrap,#page-prepaid .xwc-ui-searchbox .dropdown ul.scroller li::before{width:350px;}#page-prepaid .dropdown ul,#page-prepaid .dropdown.detached ul{margin:0;padding:0 0 0 4px;}#page-prepaid .xwc-ui-searchbox .dropdown ul.scroller,.dropdown.detached.open ul.scroller{overflow-y:scroll;overflow-x:hidden;}#page-prepaid .dropdown ul.scroller::-webkit-scrollbar-track,.dropdown.detached.open ul.scroller::-webkit-scrollbar-track{background-color:rgba(179,183,185,0.4);border-radius:5px;margin:3px 0;}#page-prepaid .dropdown ul.scroller::-webkit-scrollbar-track-piece,.dropdown.detached ul.scroller::-webkit-scrollbar-track-piece{border-radius:5px;}#page-prepaid .dropdown ul.scroller::-webkit-scrollbar,.dropdown.detached ul.scroller::-webkit-scrollbar{width:10px;margin-right:1px;}#page-prepaid .dropdown ul.scroller::-webkit-scrollbar-button:start:decrement,#page-prepaid .dropdown.detached ul.scroller::-webkit-scrollbar-button:start:decrement{width:10px;height:21px;margin-right:1px;background:url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_up.png) no-repeat -1px 0;display:block;border-top:10px solid white;border-bottom:4px solid white;}#page-prepaid .dropdown ul.scroller::-webkit-scrollbar-button:end:increment{position:relative;width:10px;margin-right:1px;height:21px;background:url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_dn.png) no-repeat -1px 0;display:block;border-bottom:10px solid white;border-top:4px solid white;}#basic b{font-weight:bold;}@charset "UTF-8";@-webkit-keyframes Spinner{from{-webkit-transform:rotate(0);}to{-webkit-transform:rotate(360deg);}}@-webkit-keyframes ConnectedPop{0%{-webkit-transform:scale(1);}50%{-webkit-transform:scale(1.2);}100%{-webkit-transform:scale(1);}}@-webkit-keyframes FadeIn{from{opacity:0;}to{opacity:1;}}@keyframes Spinner{from{transform:rotate(0);}to{transform:rotate(360deg);}}@keyframes ConnectedPop{0%{transform:scale(1);}50%{transform:scale(1.2);}100%{transform:scale(1);}}@keyframes FadeIn{from{opacity:0;}to{opacity:1;}}#page-prepaidElectricityElectricity .choose-recipient .select-payee .toolbar{line-height:25px;margin-top:25px;}#page-prepaidElectricityElectricity .row .input .xwc-ui-text .xwc-flyout.fax.error{left:270px;}#page-prepaidElectricityElectricity .xwc-fragment.progress .spinner{margin:0 auto;}#page-prepaidElectricityElectricity .row .information{font-family:"ExpertSansLight",sans-serif;font-weight:1infor00;word-spacing:-1px;padding:0 40px 0 0;width:800px;font-size:15px;color:#666666;}#page-prepaidElectricityElectricity .row .information p{font-size:18px;line-height:15px;color:#ab2128;margin-bottom:3px;}#page-prepaidElectricityElectricity .row .information ul li{list-style:outside disc;}#page-prepaidElectricityElectricity .row .information ul{margin-left:18px;}#page-prepaidElectricityElectricity .dropdown-list.large.hidden,#page-prepaidElectricityElectricity .enter-amount .search.hidden{display:none;}#page-prepaidElectricityElectricity .large .ui-selectmenu-button{height:60px;}#page-prepaidElectricityElectricity .large .select .ui-selectmenu-button span.ui-selectmenu-text{font-size:25px;padding-top:15px;}#page-prepaidElectricity .dropdown-list.large{margin-left:0px;margin-right:10px;font-size:20px;float:left;margin-top:5px;}#page-prepaidElectricity .ui-selectmenu-menu #amountList-menu.ui-menu{max-height:203px;overflow:auto;overflow-x:hidden;padding-bottom:1px;padding:1px 6px 4px 8px;}#page-prepaidElectricity #amountList-menu.ui-widget{font-family:ExpertSansLight,sans-serif;font-size:20px;}#page-prepaidElectricity input#amountToPay{font-size:25px;height:65px;width:270px}#page-prepaidElectricity #amountList-menu.ui-widget-content{background:white;color:#2D2D2D;border:1px solid #C8C8C8;padding:4px 0;-webkit-border-radius:8px;-webkit-box-shadow:inset 0 0 0 4px #EEE;border-radius:8px;box-shadow:inset 0 0 0 4px #EEE;}#page-prepaidElectricity #amountList-menu.ui-menu li .wrap{padding:8px;}#page-prepaidElectricity .enter-amount{margin-left:240px;width:450px;}#page-prepaidElectricity .enter-amount h2{width:194px;display:inline-block;margin-left:2px;}#page-prepaidElectricity #lastPrepaid{margin-top:80px;}#page-prepaidElectricity .stack{z-index:1;}#page-prepaidElectricity .step2 > .wrapper{height:370px;z-index:9;}#page-prepaidElectricity .step3 > .wrapper{height:310px;}#page-prepaidElectricity .step4 > .wrapper{overflow:visible;}#page-prepaidElectricity .xwc-stack-step.step4 .xwc-fragment.review{background:#fff;}#page-prepaidElectricity .stack .xwc-stack-step.step4 > .wrapper,#page-prepaidElectricity .stack .xwc-stack-step.step4 .xwc-fragment,#page-prepaidElectricity .stack .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent,#page-prepaidElectricity .stack .xwc-stack-step.step4 > .wrapper .content{height:371px !important;}#page-prepaidElectricity .review-details{padding-left:50px;height:177px;padding-bottom:23px;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-box;-webkit-box-align:center;box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}#page-prepaidElectricity .step3{position:relative;z-index:1;}#page-prepaidElectricity .step4{position:relative;z-index:2;overflow:visible;}#page-prepaidElectricity .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper.payment{height:300px;}.xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper.payment .info > div:nth-of-type(1),.xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper.payment .info > div:nth-of-type(2){height:175px;}#page-prepaidElectricity .xwc-flyout.information.iconmsg{background:#e8f9ff url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_info.png) no-repeat 10% 10px;padding:50px 21px 50px 20px;}#page-prepaidElectricity .message-det .xwc-flyout.information span.header{font-family:"ExpertSansBold",sans-serif;font-size:16px;position:absolute;top:-3px;color:#29abe2;margin-left:-5px;opacity:1;}#page-prepaidElectricity .step4 .xwc-fragment.confirmation .message-det.dialogBox{width:870px;text-align:right;position:absolute;bottom:0;}#page-prepaidElectricity .message-det p{margin-top:6px;margin-bottom:5px;font-size:18px;}#page-prepaidElectricity .step4 > .wrapper .content{overflow:visible;}#page-prepaidElectricity .xwc-flyout.information .xwc-flyout-pointer.bottom{background:url(https://ib.absa.co.za/axob/xwc/img/icn_flap_misc_bottom.png) no-repeat 0 0;}#page-prepaidElectricity .input .xwc-ui-text input{width:320px;}#page-prepaidElectricity .row .label{width:210px;font-size:20px;height:45px;color:#555555;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;box-align:center;-moz-box-align:center;justify-content:flex-start;-ms-flex-align:center;-ms-flex-pack:left;align-items:center;}#page-prepaidElectricity .xwc-stack-step label.noteHeader{color:#cc0000;font-weight:bold;}#page-prepaidElectricity .row.thin{margin-top:8px;height:35px;}#electricityNote.row p{margin-bottom:0px;}#page-prepaidElectricity .row .label.textDisplay{height:45px;width:500px;}#page-prepaidElectricity .xwc-fragment.progress.active.visible .spinner,#page-prepaidElectricity .xwc-fragment.progress.active.visible .message{margin:auto;}#page-prepaidElectricity .review-details .check{font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;padding:5px 40px 0 0;width:800px;font-size:14px;color:#666666;}#page-prepaidElectricity .review-details .check p{font-size:18px;line-height:17px;color:#ab2128;margin-bottom:3px;}#page-prepaidElectricity .hidingRow{visibility:hidden;}#page-prepaidElectricity .xwc-ui-select.dropdown-select{width:360px;}#page-prepaidElectricity .dropdown-list .srcacclabel{width:209px;height:50px;color:#555555;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;box-align:center;-moz-box-align:center;justify-content:flex-start;-ms-flex-align:center;-ms-flex-pack:left;align-items:center;}#page-prepaidElectricity .xwc-ui-select.dropdown-select{width:360px;}#page-prepaidElectricity .dropdown-list .select{margin:0px 0px 0px 1px;}#page-prepaidElectricity .ui-selectmenu-button{height:38px;}#page-prepaidElectricity .step1 .row.dropdown-list{height:42px;}#page-prepaidElectricity .step1 .xwc-flyout.contextual{max-width:260px;}#page-prepaidElectricity .step1 .xwc-ui-checkbox{margin-top:12px;}#page-prepaidElectricity .row .input .xwc-ui-text .faxView{position:relative;width:200px;margin-left:10px;}#page-prepaidElectricity .step3 > .wrapper{height:310px;}#page-prepaidElectricity .row .label.highlight{color:#007eb6;}#page-prepaidElectricity .enter-amount .xwc-ui-text.amount::before{font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;content:"R";position:absolute;left:-45px;top:6px;font-size:45px;color:#555555;width:60px;height:100px;}#page-prepaidElectricity .xwc-fragment.progress{position:relative;width:960px;height:190px;padding-top:60px;-webkit-box-shadow:inset 0 2px 0 #e8e8e8;box-shadow:inset 0 2px 0 #e8e8e8;}#page-prepaidElectricity .step1 .xwc-fragment.progress p{display:none;}#page-prepaidElectricity .step1 .xwc-fragment.progress{position:absolute;padding-top:180px;}#page-prepaidElectricity .step3 .xwc-fragment.progress{position:relative;width:960px;height:200px;padding-top:120px;-webkit-box-shadow:inset 0 2px 0 #e8e8e8;box-shadow:inset 0 2px 0 #e8e8e8;}#page-prepaidElectricity .xwc-stack-step.step4 .xwc-fragment.confirmation{background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_100px_bg_v2.png) repeat 0 0;}#page-prepaidElectricity .xwc-stack-step.step4{background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_100px_bg.png) repeat 0 0;}#page-prepaidElectricity .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper::before{content:"";position:absolute;top:-1px;left:0;background:white url(https://ib.absa.co.za/axob/xwc/img/divider_vertical_6.png) repeat-x 0 0;height:2px;width:100%;}#page-prepaidElectricity .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .receipt-stamp{position:absolute;top:-35px;right:35px;width:137px;height:138px;background:url(https://ib.absa.co.za/axob/xwc/img/stamp_final_sprite_1.png) no-repeat 0px -276px;}#page-prepaidElectricity .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent.error .wrapper .error-sign{position:absolute;top:-35px;right:35px;width:137px;height:138px;background:url(https://ib.absa.co.za/axob/xwc/img/stamp_final_sprite_1.png) no-repeat 0px 0px;}#page-prepaidElectricity .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent.pending .wrapper .error-sign{position:absolute;top:-35px;right:35px;width:137px;height:138px;background:url(https://ib.absa.co.za/axob/xwc/img/stamp_final_sprite_1.png) no-repeat 0px -138px;}#page-prepaidElectricity .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .info > div button::before{width:100%;content:"";height:1px;position:absolute;left:0;bottom:0;opacity:0;}.xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .info{width:700px;top :-90px;overflow:hidden;*zoom:1;}#page-prepaidElectricity .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options{position:absolute;bottom:0;left:0;width:100%;height:50px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;box-align:center;-webkit-box-orient:horizontal;-webkit-box-pack:center;-webkit-box-align:end;-moz-box-align:end;justify-content:center;-ms-flex-align:end;-ms-flex-pack:center;align-items:flex-end;}#page-prepaidElectricity .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-pay,#page-prepaidElectricity .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-edit,#page-prepaidElectricity .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-transfer{background:#fff;padding:0 20px;border-top-left-radius:10px;border-top-right-radius:10px;}#page-prepaidElectricity .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-pay button span:hover::before,#page-prepaidElectricity .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-edit button span:hover::before,#page-prepaidElectricity .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-transfer button span:hover::before,#page-prepaidElectricity .xwc-stack-step .xwc4fragment.confirmation .payment-sent .message-det button span:hover::before{opacity:1;}#page-prepaidElectricity.edit.first-view .xwc-stack-step .header.view-edit{-webkit-transform:translateY(40px);-webkit-transition:-webkit-transform 0.32s ease-in-out;transform:translateY(40px);transition:transform 0.32s ease-in-out;}#page-prepaidElectricity .payment-sent .icon{width:25px;height:25px;-webkit-border-radius:5px;border-radius:5px;background-repeat:no-repeat;background-position:50% 50%;float:left;margin-right:10px;}#page-prepaidElectricity.edit .xwc-stack-step .header.view-edit .step-number{-webkit-transition:-webkit-transform 0.32s ease-in-out;transition:transform 0.32s ease-in-out;}#page-prepaidElectricity.edit.first-view .xwc-stack-step .header.view-edit{background-color:transparent;-webkit-transition:none;transition:none;}#page-prepaidElectricity.edit.first-view .xwc-stack-step .header.view-edit .step-number{-webkit-transform:translateY(-40px);-webkit-transition:-webkit-transform 0.32s ease-in-out;transform:translateY(-40px);transition:transform 0.32s ease-in-out;}#page-prepaidElectricity.edit.first-view .xwc-stack-step .title.proceed-payment{opacity:0;visibility:hidden;pointer-events:none;}#page-prepaidElectricity.edit .xwc-stack-step .title.proceed-payment{opacity:1;-webkit-transition:opacity 0.32s ease-in-out;-webkit-transition-delay:0.32s;transition:opacity 0.32s ease-in-out;transition-delay:0.32s;}#page-prepaidElectricity .step4 .xwc-fragment.progress{background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_100px_bg.png) repeat 0 0;}.xwc-fragment.progress.active.visible.transition-out #page-prepaidElectricity.edit .xwc-stack-step .review-details{-webkit-transition:padding-top 0.32s ease-in-out;transition:padding-top 0.32s ease-in-out;}#page-prepaidElectricity .row .input .xwc-ui-text .xwc-flyout.fax.error{left:270px;}#page-prepaidElectricity.edit.first-view .xwc-stack-step.active > .wrapper .content .header .title.next,#page-prepaidElectricity.edit.first-view .xwc-stack-step.active > .wrapper .content .header .title.active{-webkit-transition:none;-webkit-transition-delay:0;transition:none;transition-delay:0;}#page-prepaidElectricity.edit.first-view .xwc-stack-step.active > .wrapper .content .header .title.next{opacity:0;}#page-prepaidElectricity.edit.first-view .xwc-stack-step.active > .wrapper .content .header .title.active{opacity:1;}#page-prepaidElectricity.edit.first-view .xwc-stack-step .review-details{padding-top:30px;-webkit-transition:padding-top 0.32s ease-in-out;transition:padding-top 0.32s ease-in-out;}#page-prepaidElectricity .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .print-receipt{cursor:pointer;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_print.png) no-repeat 0 50%;}#page-prepaidElectricity .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .pay-another{cursor:pointer;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prepaid_small.png) no-repeat 0 50%;}#page-prepaidElectricity .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .print-receipt span,#page-prepaidElectricity .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-edit .print-receipt span,#page-prepaidElectricity .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .pay-another span,#page-prepaidElectricity .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-transfer .print-receipt span{color:#ab2128;font-family:"ExpertSansRegular",sans-serif;}#page-prepaidElectricity .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .print-receipt span::before,#page-prepaidElectricity .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-edit .print-receipt span::before,#page-prepaidElectricity .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .pay-another span::before{background-color:#ab2128;}#page-prepaidElectricity .xwc-stack-step.step6 .xwc-fragment.confirmation .payment-sent .options .view-pay .back-home span:hover,#page-prepaidElectricity .xwc-stack-step .xwc-fragment.confirmation .payment-sent .message-det #error-dialog{color:#ab2128;}#page-prepaidElectricity .xwc-fragment.confirmation.active{opacity:1;background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_100px_bg.png) repeat 0 0;}#page-prepaidElectricity .xwc-fragment.confirmation.active .wrapper{opacity:0;-webkit-transform:rotateX(-90deg);-webkit-transform-origin:50% top;transform:rotateX(-90deg);transform-origin:50% top;}#page-prepaidElectricity .xwc-fragment.confirmation.active .wrapper .gradient-overlay{position:absolute;top:0;left:0;width:960px;height:300px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;background:-webkit-gradient(linear,left top,left bottom,from(#cccccc),to(black));opacity:0.7;visibility:visible;}#page-prepaidElectricity .xwc-fragment.confirmation.active .wrapper .receipt-stamp{opacity:0;}#page-prepaidElectricity .xwc-fragment.confirmation.active .options{-webkit-transform:translateY(48px);transform:translateY(48px);}#page-prepaidElectricity .xwc-fragment.confirmation.visible .wrapper{opacity:1;-webkit-transform:rotateX(0deg);-webkit-transition:-webkit-transform 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s,opacity 0.2s ease-in-out 0.25s;transform:rotateX(0deg);transition:transform 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s,opacity 0.2s ease-in-out 0.25s;}#page-prepaidElectricity .xwc-fragment.confirmation.visible .wrapper .gradient-overlay{opacity:0;visibility:hidden;-webkit-transition:opacity 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s,visibility 0s linear 1s;transition:opacity 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s,visibility 0s linear 1s;}#page-prepaidElectricity .xwc-fragment.confirmation.visible .wrapper .receipt-stamp{opacity:1;-webkit-transition:opacity 0.4s ease-in-out 0.75s;transition:opacity 0.4s ease-in-out 0.75s;}#page-prepaidElectricity .xwc-fragment.confirmation.visible{opacity:1;-webkit-transform-style:flat;transform-style:flat;background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_100px_bg_v2.png) repeat 0 0;-webkit-perspective:2000;-webkit-transition:opacity 0.4s ease-in-out 0.25s,background 1s ease-in-out 0.25s;perspective:2000;transition:opacity 0.4s ease-in-out 0.25s,background 1s ease-in-out 0.25s;}#page-prepaidElectricity .xwc-fragment.confirmation.visible .options{-webkit-transform:translateY(0);-webkit-transition:-webkit-transform 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s;transform:translateY(0);transition:transform 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s;}#page-prepaidElectricity .review-details .view-pay ul li{list-style:outside disc;}#page-prepaidElectricity .payment-sent .message-det,#page-prepaidElectricity .payment-sent .beneficiary-det{clear:both;}#page-prepaidElectricity .payment-sent .beneficiary-det .hidingRow{visibility:hidden;}#page-prepaidElectricity .date-time-stamp{margin-top:32px;margin-left:70px;}#page-prepaidElectricity .review-details .view-pay ul{margin-left:18px;}#page-prepaidElectricity .view-pay,#page-prepaidElectricity.edit .view-edit{display:block;}#page-prepaidElectricity .title.view-pay,#page-prepaidElectricity.edit .title.view-edit{display:inline-block;}#page-prepaidElectricity .view-edit,#page-prepaidElectricity.edit .view-pay{display:none;}#page-prepaidElectricity .check.view-transfer,#page-prepaidElectricity .check.view-edit{display:none;}#page-prepaidElectricity .xwc-stack-step .xwc-fragment.confirmation .payment-sent .wrapper{height:300px;}#page-prepaidElectricity .confirmation .review-details{padding-left:3px;height:70px;padding-bottom:23px;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-box;-webkit-box-align:center;box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}#page-prepaidElectricity .confirmation .review-details li span{font-family:"ExpertSansBold",sans-serif;}#page-prepaidElectricity .xwc-ui-searchbox .dropdown ul.scroller li,#page-prepaidElectricity .xwc-ui-searchbox .dropdown li .wrap,#page-prepaidElectricity .xwc-ui-searchbox .dropdown ul.scroller li::before{width:350px;}#page-prepaidElectricity .dropdown ul,#page-prepaidElectricity .dropdown.detached ul{margin:0;padding:0 0 0 4px;}#page-prepaidElectricity .xwc-ui-searchbox .dropdown ul.scroller,.dropdown.detached.open ul.scroller{overflow-y:scroll;overflow-x:hidden;}#page-prepaidElectricity .dropdown ul.scroller::-webkit-scrollbar-track,.dropdown.detached.open ul.scroller::-webkit-scrollbar-track{background-color:rgba(179,183,185,0.4);border-radius:5px;margin:3px 0;}#page-prepaidElectricity .dropdown ul.scroller::-webkit-scrollbar-track-piece,.dropdown.detached ul.scroller::-webkit-scrollbar-track-piece{border-radius:5px;}#page-prepaidElectricity .dropdown ul.scroller::-webkit-scrollbar,.dropdown.detached ul.scroller::-webkit-scrollbar{width:10px;margin-right:1px;}#page-prepaidElectricity .dropdown ul.scroller::-webkit-scrollbar-button:start:decrement,#page-prepaidElectricity .dropdown.detached ul.scroller::-webkit-scrollbar-button:start:decrement{width:10px;height:21px;margin-right:1px;background:url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_up.png) no-repeat -1px 0;display:block;border-top:10px solid white;border-bottom:4px solid white;}#page-prepaidElectricity .dropdown ul.scroller::-webkit-scrollbar-button:end:increment{position:relative;width:10px;margin-right:1px;height:21px;background:url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_dn.png) no-repeat -1px 0;display:block;border-bottom:10px solid white;border-top:4px solid white;}@charset "UTF-8";.enter-large-amount{margin-left:280px;}.enter-large-amount h2{font-size:22px;color:#555555;margin-bottom:10px;}.enter-large-amount input{height:55px;font-size:35px;font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;line-height:50px;padding:0 0 0 30px;width:250px;-webkit-border-radius:10px;border-radius:10px;}#page-payment .enter-large-amount .xwc-ui-text.large-amount{position:relative;height:100px;}#page-payment .enter-large-amount .xwc-ui-text.large-amount:before{font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;content:"R";position:absolute;left:-45px;top:3px;font-size:45px;color:#555555;width:60px;height:100px;}#page-payment .row.margin-top{height:45px;margin-top:1px;width:890px;}#page-payment .margin-top .label.pin{width:250px;height:50px;margin-top:8px;}#page-payment .select.srcacclist{margin-left:50px;height:45px;margin-top:45px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;}#page-payment .srcacclist .srcacclabel{width:210px;font-size:20px;height:50px;margin-top:6px;}#page-payment .check.view-transfer{display:block;}.select-payee .large-search{margin-left:180px;}#page-payment .step1 .row.add-benef{visibility:visible;margin-top:40px;}#page-payment .step1 .row.benef-number{visibility:visible;}#page-payment .step1 .row.add-benef.hideadd{visibility:hidden;}#page-payment .step1 .row.benef-number.hidenum{visibility:hidden;}.xwc-ui-searchbox .xwc-ui-text.longer{width:470px;}.xwc-ui-searchbox .xwc-ui-text.longer input{width:396px;padding right:100px;}#page-payment .payment-date .col1.cashsend{width:370px;}#page-payment .cashsendtc label div{margin-top:3px;height:55px;color:#777777;width:410px;font-size:18px;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .wrapper .info.cashsend > div{border-top:none;border-bottom:none;width:70%;padding:11px 0;float:left;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .another-cashsend{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_cashsend.png) no-repeat 0 50%}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .another-cashsend span{color:#ab2128;font-family:"ExpertSansRegular",sans-serif;}.xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .success.print-receipt span:hover{color:#ab2128;}#page-payees .toolbar.longer{width:960px;margin-right:5px;margin-left:45px;}#page-payees .toolbar.longer .find-payee .filter{margin-right:80px;margin-left:10px;}#page-payees .toolbar.longer .find-payee .filter .search .xwc-ui-search,#page-payees .toolbar.longer .find-payee .filter .search .xwc-ui-search input{width:250px;}#page-payees .payee-details .header.smaller{height:30px;}#page-payees .payee-details .detail-list.lesser{width:535px;padding:0px 20px 0px 20px;height:370px;}#page-payees .payee-details .detail-list.lesser table{width:inherit;}#page-payees .payee-details .detail-list.lesser table tr td:first-of-type{width:180px;}#page-payees .payee-details .detail-list.lesser table tr td:last-of-type{width:200px;}.xwc-ui-text.smaller.pin input{height:25px;width:80px;float:left;}#page-payees .payee-details .options.smaller{margin-left:-20px;margin-top:20px;width:575px;height:40px;}#page-payees .payee-details .options .resend{line-height:28px;background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_cashsend_resend_sms.png);background-position:5px 50%;color:#d9d9d9;}#page-transactions .header{border-bottom:none;height:56px;}#page-transactions .header h2{padding-left:25px;}#page-transactions .xwc-tab-content .toolbar{padding-top:11px;height:150px;margin-right:0px;margin-left:30px;width:910px;}#page-transactions .xwc-tab-content.tab-uncleared .toolbar{padding-top:11px;height:100px;margin-right:0px;margin-left:30px;width:910px;}#page-transactions .xwc-tab-content.tab-archived-statements .toolbar{padding-top:11px;height:150px;margin-right:0px;margin-left:30px;width:910px;}#page-transactions .balances-display{padding-left:4px;width:858px;height:40px;display:inline-block;}#page-transactions .xwc-ui-searchbox,#page-transactions .xwc-ui-searchbox .xwc-ui-text #page-transactions .xwc-ui-searchbox .input input{background-color:#ffffff;height:40px;margin-left:56px;width:245px;}#page-transactions .tab-uncleared .xwc-ui-searchbox,#page-transactions .tab-uncleared .xwc-ui-searchbox .xwc-ui-text #page-transactions .tab-uncleared .xwc-ui-searchbox .input input{background-color:#ffffff;height:30px;margin-left:2px;display:inline-block;}#page-transactions .button-primary{background-color:#007eb6;height:40px;line-height:40px;margin-left:56px;}#page-transactions .button-primary:hover{background-color:#00395d;color:#FFFFFF;}#page-transactions .tab-uncleared .button-primary{background-color:#007eb6;height:40px;line-height:40px;margin-left:2px;display:inline-block;}#page-transactions .tab-archived-statements .button-primary{margin-left:282px;display:inline-block;}#page-transactions .divider-horizontal{width:860px;margin-top:4px;float:left;}#page-transactions .gradient{margin-right:50px;margin-left:28px;width:860px;float:left;}#page-transactions .xwc-tab-content-container{background:#fff;position:relative;z-index:1;width:936px;height:492px;border-left:1px solid #bdbdbd;border-right:1px solid #bdbdbd;border-bottom:1px solid #bdbdbd;border-top:1px solid #bdbdbd;margin-right:10px;margin-left:10px;}#page-transactions .xwc-tabs.horizontal li{width:210px;border-bottom:none;}#page-transactions li#uncleared-tab-button.tab-uncleared.rewards,#page-transactions li#archived-statements.tab-archived-statements.rewards{display:none;}#page-transactions .xwc-tabs.horizontal li button{font-size:18px;}#page-transactions .xwc-loading{background:#f5f5f5;}#page-transactions .statements .xwc-loading{height:290px;margin-top:157px;}#page-transactions .calendar-view,#page-transactions .list-view{clear:both;}#page-transactions{position:relative;height:600px;}#page-transactions .header{-webkit-box-shadow:none;box-shadow:none;}#page-transactions .to-xwc-ui-text{font-family:"ExpertSansBold",sans-serif;font-weight:500;color:#007eb6;height:40px;line-height:40px;display:inline-block;vertical-align:top;width:6px;margin-left:6px;}#page-transactions .xwc-fragment.statements .toolbar .xwc-ui-select .scroller{height:310px;}#page-transactions .xwc-ui-searchbox{display:inline;float:left;opacity:1;}#page-transactions .xwc-ui-searchbox input{width:170px;height:40px;text-transform:none;}#page-transactions .xwc-ui-searchbox .icon{top:12px;right:130px;}#page-transactions .xwc-ui-toggle{margin:10px 0 0 309px;}#page-transactions .date-print .button{position:relative;display:inline-block;width:50px;text-align:center;cursor:pointer;-webkit-box-shadow:none;box-shadow:none;-webkit-border-radius:8px;border-radius:8px;-webkit-transition:-webkit-box-shadow 0.1s ease-in-out;transition:box-shadow 0.1s ease-in-out;background:#ffffff;border:1px solid #c8c8c8;height:40px;font-family:"ExpertSansLight",sans-serif;line-height:40px;font-size:14px;color:#2d2d2d;vertical-align:top;}#page-transactions .toolbar .date-print{float:left;margin-left:50;width:350;height:40px;-webkit-transition:background-color 0.1s ease-in-out;transition:background-color 0.1s ease-in-out;border:1px solid #cccccc;padding-right:6px;padding-left:2px;background-color:#ffffff;-webkit-border-radius:5px;border-radius:5px;}#page-transactions .toolbar .date-print .date-range{height:50px;line-height:54px;text-align:center;color:#555555;font-size:18px;min-width:130px;opacity:1;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}#page-transactions .toolbar .date-print .date-range.hidden{display:inline-block;opacity:0;}#page-transactions .toolbar .date-print .print{vertical-align:middle;background:url(https://ib.absa.co.za/axob/xwc/img/divider_vertical_4.png) no-repeat 0 50%;padding:0 20px;margin-left:20px;}#page-transactions .toolbar .date-print .print button{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_print_normal.png) no-repeat 0 0;width:20px;height:22px;display:inline-block;opacity:0.4;-webkit-filter:grayscale(1);pointer-events:none;}#page-transactions .toolbar .date-print .print button:active{background-position:0 -22px;}#page-transactions .toolbar .date-print .date-from{height:40px;line-height:40px;text-align:center;color:#555555;font-size:18px;min-width:130px;display:inline-block;opacity:1;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}#page-transactions .toolbar .date-print .date-to{height:40px;line-height:40px;text-align:center;color:#555555;font-size:18px;min-width:130px;display:inline-block;opacity:1;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}#page-transactions .toolbar .date-print .date-from.hidden{display:inline-block;opacity:0;}#page-transactions .toolbar .date-print .date-to.hidden{display:inline-block;opacity:0;}#page-transactions .date-picker-date{font-family:"ExpertSansRegular",sans-serif;font-weight:100;word-spacing:-1px;border:none;padding:0;font-size:18px;width:104px;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;line-height:30px;vertical-align:text-bottom;background-color:#ffffff;}#page-transactions .date-picker-date:hover{color:#00aeef;}#page-transactions .date-picker-date:disabled:hover{color:#555555;}#page-transactions .date-picker-icon{display:inline;width:25px;height:25px;border:none;background-repeat:no-repeat;margin:4px 0 0 4px;cursor:pointer;}#page-transactions .date-picker-icon:hover{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_calendar_normal_hover.png);background-repeat:no-repeat;-webkit-transition:none;transition:none;}#page-transactions .date-picker-icon:active{background-position:0 -25px;-webkit-transition:none;transition:none;}#page-transactions > button.date-picker-date{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}#page-transactions .ui-datepicker{background-color:#ffffff;border:1px solid #6dcff6;-webkit-box-shadow:inset 0 0 0 4px #c5ecfb,0 0 25px 3px rgba(0,0,0,0.15);-moz-box-shadow:inset 0 0 0 4px #c5ecfb,0 0 25px 3px rgba(0,0,0,0.15);box-shadow:inset 0 0 0 4px #c5ecfb,0 0 25px 3px rgba(0,0,0,0.15);padding:17px;}#page-transactions .select.accounts{margin-bottom:10px;margin-right:0px;height:40px;width:400px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;}#page-transactions .select{position:relative;}#page-transactions .select span.select-show{font-family:"ExpertSansLight",sans-serif;font-weight:inherit;-webkit-font-smoothing:antialiased;margin-right:4px;}#page-transactions .select span.select-show span{margin-left:3px;}#page-transactions .accounts .xwc-ui-select{float:left;cursor:pointer;z-index:600;padding:0 10px;width:400px;word-spacing:-1px;overflow:hidden;height:40px;}#page-transactions .select .xwc-ui-select.transactions-filter{float:left;height:40px;width:170px;margin-left:50px;margin-right:4px;font-size:18px;}#page-transactions .select .xwc-ui-select.accounts-select{float:left;width:370px;height:40px;font-size:18px;margin-bottom:6px;}#page-transactions .select .xwc-ui-select option{float:left;cursor:pointer;font-family:"ExpertSansLight",sans-serif;z-index:600;padding:0 20px;word-spacing:-1px;overflow:hidden;width:300px;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;-webkit-box-shadow:inset 0 0 0 4px #eeeeee;border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:inset 0 0 0 4px #eeeeee;}#page-transactions .ui-front{z-index:401;}#page-transactions .xwc-ui-select.payments-filter.coming-soon{opacity:0.4;cursor:default;-webkit-filter:grayscale(1);}#page-transactions .xwc-ui-select.payments-filter.coming-soon .current{pointer-events:none;}#page-transactions .xwc-ui-select.payments-filter.coming-soon:hover{-webkit-box-shadow:none;box-shadow:none;}#page-transactions .xwc-ui-select .dropdown li .select-show,#page-transactions .xwc-transaction-list .footer .select-show{display:none;}#page-transactions .xwc-tabs{position:absolute;top:56px;right:103px;}#page-transactions .xwc-tab-content{position:relative;z-index:3;height:437px;border-bottom:1px solid #bdbdbd;background:#fafafa;padding-bottom:4px;-webkit-box-shadow:inset 0 1px 0 #bdbdbd;box-shadow:inset 0 1px 0 #bdbdbd;}#page-transactions .gradient.top{position:absolute;left:0;top:0;height:20px;z-index:400;width:100%;height:22px;width:866px;}#page-transactions .gradient.bottom{position:absolute;left:0;bottom:0;height:20px;z-index:400;width:100%;height:22px;width:866px;}#page-transactions .gradient.top{background:-webkit-gradient(linear,center top,center bottom,from(rgb(250,250,250)),to(rgba(250,250,250,0)));background:-moz-linear-gradient(center top,rgb(250,250,250),rgba(250,250,250,0));background:-webkit-linear-gradient(center top,rgb(250,250,250),rgba(250,250,250,0));background:-o-linear-gradient(center top,rgb(250,250,250),rgba(250,250,250,0));background:-ms-linear-gradient(center top rgb(250,250,250),rgba(250,250,250,0));background:linear-gradient(center top,rgb(250,250,250),rgba(250,250,250,0));top:161px;}#page-transactions .tab-uncleared .gradient.top,#page-transactions .tab-archived-statements .gradient.top{top:111px;}#page-transactions .gradient.bottom{background:-webkit-gradient(linear,center top,center bottom,from(rgba(250,250,250,0)),to(rgb(250,250,250)));background:-moz-linear-gradient(center top,rgba(250,250,250,0),rgb(250,250,250));background:-webkit-linear-gradient(center top,rgba(250,250,250,0),rgb(250,250,250));background:-o-linear-gradient(center top,rgba(250,250,250,0),rgb(250,250,250));background:-ms-linear-gradient(center top,rgba(250,250,250,0),rgb(250,250,250));background:linear-gradient(center top,rgba(250,250,250,0),rgb(250,250,250));}#page-transactions .tab-uncleared .gradient.bottom,#page-transactions .tab-archived-statements .gradient.bottom{background:-webkit-gradient(linear,center top,center bottom,from(rgba(250,250,250,0)),to(rgb(250,250,250)));background:-moz-linear-gradient(center top,rgba(250,250,250,0),rgb(250,250,250));background:-webkit-linear-gradient(center top,rgba(250,250,250,0),rgb(250,250,250));background:-o-linear-gradient(center top,rgba(250,250,250,0),rgb(250,250,250));background:-ms-linear-gradient(center top,rgba(250,250,250,0),rgb(250,250,250));background:linear-gradient(center top,rgba(250,250,250,0),rgb(250,250,250));}#page-transactions .xwc-fragment.list-view .gradient.top{top:4px;}#page-transactions .xwc-fragment.payments .xwc-fragment{height:414px;}#page-transactions .xwc-fragment.payments .xwc-fragment .gradient.top{top:4px;}#page-transactions .xwc-flyout.contextual.customStyle{max-width:350px;text-align:center;}#page-transactions .xwc-flyout.contextual.customStyle h3{margin-bottom:15px;}#page-transactions .xwc-flyout.contextual.customStyle p:last-of-type{margin-bottom:5px;}#page-transactions .xwc-fragment.calendar-view{height:413px;}#page-transactions .xwc-fragment.list-view{height:413px;}#page-transactions .view-tran,#page-transactions .view-archived-statements{background:#fff;padding:0 20px;border-top-left-radius:10px;border-top-right-radius:10px;width:800px;height:40px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;margin-left:auto;margin-right:auto;}#page-transactions .view-tran.budgets{width:840px;background:#fff;padding:0 20px;border-top-left-radius:10px;border-top-right-radius:10px;height:40px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;margin-left:auto;margin-right:auto;}#page-transactions .tab-uncleared .view-tran{width:200px;}#page-transactions .tab-archived-statements .view-archived-statements{width:710px;}#page-transactions .view-tran button{position:relative;padding-left:30px;margin-left:35px;height:40px;line-height:48px;cursor:pointer;}#page-transactions .view-tran button span{font-size:16px;position:relative;width:auto;background:none;padding-bottom:2px;cursor:pointer;}#page-transactions .view-tran.budgets button span{font-size:12px;}#page-transactions .view-tran button span:hover:before{opacity:1;}#page-transactions .view-tran button:before{content:"";position:absolute;left:-20px;top:50%;margin-top:-10px;background:url(https://ib.absa.co.za/axob/xwc/img/divider_vertical_4.png) no-repeat 0 0;width:3px;height:22px;}#page-transactions .view-tran button:first-of-type{margin-left:0;}#page-transactions .view-tran button:first-of-type:before{display:none;}#page-transactions .view-tran span{height:30px;display:inline-block;color:#ab2128;}#page-transactions .view-tran span:before{width:100%;content:"";height:1px;position:absolute;left:0;bottom:0;opacity:0;background:#ab2128;}#page-transactions .view-tran .download{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_download_small.png) no-repeat 0 75%;}#page-transactions .view-tran .accounts-back{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_back_to_accounts_small.png) no-repeat 0 75%;}#page-transactions .view-tran .print-receipt{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_print.png) no-repeat 0 75%;}#page-transactions .view-tran .print-stamped-receipt{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_print_stamped.png) no-repeat 0 75%;}#page-transactions .view-tran-dates{background:#fff;padding:0 20px;border-radius:10px;width:60px;display:inline-block;margin-left:auto;margin-right:auto;}#page-transactions .view-tran-dates button{position:relative;padding-left:30px;margin-left:35px;height:40px;line-height:48px;}#page-transactions .view-tran-dates button span{font-size:16px;cursor:pointer;position:relative;width:auto;background:none;padding-bottom:2px;color:#007eb6;}#page-transactions .view-tran-dates button span:before{width:100%;content:"";height:1px;position:absolute;left:0;bottom:0;opacity:0;background:#007eb6;}#page-transactions .view-tran-dates button span:hover:before{opacity:1;}#page-transactions .view-tran-dates button:before{content:"";position:absolute;left:-20px;top:50%;margin-top:-10px;background:url(https://ib.absa.co.za/axob/xwc/img/divider_vertical_4.png) no-repeat 0 0;width:3px;height:22px;}#page-transactions .view-tran-dates button:first-of-type{margin-left:0;}#page-transactions .view-tran-dates button:first-of-type:before{display:none;}#page-transactions .view-tran .datest{cursor:default;background:url(https://ib.absa.co.za/axob/xwc/img/icn_print_inactive.png) no-repeat 0 50%;}#page-transactions .view-tran .dates span{display:inline-block;cursor:default;color:#9c5683;}#page-transactions .view-tran .dates span:before{display:none;}.transactionsdownloadmessage{text-align:left;}.select.filetypes{height:40px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;}#page-transactions ul{margin-top:0px;}#page-transactions .xwc-accounts-select .archived-statements{overflow:hidden;*zoom:1;display:table-cell;vertical-align:middle;height:290px;padding-left:45px;}#page-transactions .xwc-accounts-select .xwc-accounts.archived-statements{margin-right:50px;}#page-transactions .view-archived-statements button{position:relative;padding-left:30px;margin-left:35px;height:40px;line-height:48px;cursor:pointer;}#page-transactions .view-archived-statements button span{font-size:16px;position:relative;width:auto;background:none;padding-bottom:2px;cursor:pointer;}#page-transactions .view-archived-statements button span:hover:before{opacity:1;}#page-transactions .view-archived-statements button:before{content:"";position:absolute;left:-20px;top:50%;margin-top:-10px;background:url(https://ib.absa.co.za/axob/xwc/img/divider_vertical_4.png) no-repeat 0 0;width:3px;height:22px;}#page-transactions .view-archived-statements button:first-of-type{margin-left:0;}#page-transactions .view-archived-statements button:first-of-type:before{display:none;}#page-transactions .view-archived-statements button.button-disabled{color:#bdbdbd;cursor:default;}#page-transactions .view-archived-statements span{height:30px;display:inline-block;color:#ab2128;}#page-transactions .view-archived-statements span:before{width:100%;content:"";height:1px;position:absolute;left:0;bottom:0;opacity:0;background:#ab2128;}#page-transactions .view-archived-statements .accounts-back{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_back_to_accounts_small.png) no-repeat 0 75%;}#page-transactions .view-tran .view-budget.invisible{display:none;}#page-transactions .view-tran .view-budget{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_view_blue.png) no-repeat 0 75%;font-size:16px;position:relative;width:auto;padding-bottom:2px;color:#ab2128;}#page-transactions .view-archived-statements .view-pdf{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_view_blue.png) no-repeat 0 75%;font-size:16px;position:relative;width:auto;padding-bottom:2px;color:#ab2128;}#page-transactions .view-archived-statements .send-pdf{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prepaid.png) no-repeat 0 75%;font-size:16px;position:relative;width:auto;padding-bottom:2px;color:#ab2128;}#page-transactions .statement-name-title,#page-transactions .statement-date-title{font-size:14px;height:30px;line-height:30px;top:6px;}#page-transactions .statement-name-title,#page-transactions .statement-name{left:25px;width:450px;}#page-transactions .statement-date-title,#page-transactions .statement-date{right:200px;width:150px;}#page-transactions .archived button{position:relative;z-index:2;height:64px;-webkit-transition:background-color 0.2s ease-in-out;-webkit-border-radius:7px;transition:background-color 0.2s ease-in-out;border-radius:7px;font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;width:858px;}#page-transactions .archived.selected button{background:#007eb6;}#page-transactions .archived .left,#page-transactions .archived .middle,#page-transactions .archived .right{position:absolute;width:135px;float:left;}.selectNotificationType button{border:1px solid #bcbcbc;font-weight:100;word-spacing:-1px;background:#f8f8f8;position:relative;width:85px;height:25px;padding:0 5px;text-align:center;cursor:pointer;float:left;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;font-size:14px;color:#555555;}.selectNotificationType .leftRadius{-webkit-border-radius:5px 0px 0px 5px;border-radius:5px 0px 0px 5px;}.selectNotificationType .rightRadius{-webkit-border-radius:0px 5px 5px 0px;border-radius:0px 5px 5px 0px;}.selectNotificationType button:hover{background-color:#e8f9ff;}.selectNotificationType button.selected{background-color:#00aeef;color:#fff;}.selectNotificationType button:active{background-color:#00aeef;-webkit-transition:none;transition:none;}.sendViaEmail.invisible,.sendViaFax.invisible,.sendToRecipient.invisible{display:none;}.sendvia table{margin-top:4px;margin-bottom:4px;align-items:center;}.sendvia table tr{font-size:14px;align-items:center;height:55px;}.sendvia table tr td:first-of-type{width:110px;}.sendvia table tr td:last-of-type{width:194px;color:#555555;}.sendvia table tr:last-of-type{background-image:none;}.xwc-flyout-send{padding:5px 5px 5px 5px;position:absolute;display:block;font-size:12px;line-height:10px;-webkit-border-radius:5px;border-radius:5px;z-index:700;visibility:visible;opacity:1;-webkit-transition:visibility 0s linear 0.2s,opacity 0.2s ease-in-out;-webkit-transition-delay:0s;transition:visibility 0s linear 0.2s,opacity 0.2s ease-in-out;transition-delay:0s;}.xwc-flyout-send.error{font-family:"ExpertSansBold",sans-serif;font-weight:inherit;-webkit-font-smoothing:antialiased;color:#fff;background-color:#f76c6c;border:1px solid #c36969;}.xwc-flyout-send.error .xwc-flyout-pointer.top{width:22px;height:11px;background:url(https://ib.absa.co.za/axob/xwc/img/icn_flap_error_top.png) no-repeat 0 0;}.xwc-flyout-send .xwc-flyout-pointer{position:absolute;}#page-transactions .select .ui-menu .ui-menu-item{font-size:18px;height:44px;}#page-transactions .select .ui-menu .ui-menu-item .wrap{height:24px;text-align:left;padding:4px;padding-left:10px;padding-right:20px;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}#page-transactions .xwc-transaction-box.archived{border:1px solid #bdbdbd;-webkit-box-shadow:0 0 0 0;box-shadow:0 0 0 0;display:inline-block;}#page-transactions .xwc-transaction-list.archived-statements-list .selected .summary,#page-transactions .xwc-transaction-box.archived.active.selected .summary div{background-color:#00aeef;-webkit-transition:none;transition:none;color:#fff;background-image:none;padding-top:0;}#page-transactions.active.visible .xwc-transaction-box{height:64px;}#page-transactions.active.visible .xwc-transaction-box.open{height:206px;}#page-transactions.active.visible .xwc-transaction-box.remove{height:0;border:none;padding:0;margin:0;}#page-transactions .xwc-transaction-list.archived-statements-list > ul{padding-top:0px;}#page-transactions .xwc-transaction-box .summary .name-vcenter{top:33px;font-size:14px;height:30px;left:18px;}#page-transactions .xwc-transaction-box .summary .name-vcenter:before{content:" ";display:inline-block;height:100%;vertical-align:middle;}#page-transactions .xwc-transaction-box .summary .name-vcenter :first-child{display:inline-block;vertical-align:middle;}#page-transactions .xwc-transaction-box .summary .account,#page-transactions .xwc-transaction-box .summary .account-title{right:500px;}#page-transactions .xwc-transaction-box .summary .earned,#page-transactions .xwc-transaction-box .summary .earned-title{right:350px;}#page-transactions .xwc-transaction-box .summary .tran-amount,#page-transactions .xwc-transaction-box .summary .tran-amount-title{right:200px;}#page-transactions .xwc-transaction-box .summary .rewards-balance,#page-transactions .xwc-transaction-box .summary .rewards-balance-title{right:50px;}#page-transactions .xwc-transaction-box .summary .account,#page-transactions .xwc-transaction-box .summary .earned,#page-transactions .xwc-transaction-box .summary .tran-amount,#page-transactions .xwc-transaction-box .summary .rewards-balance{font-size:14px;top:32px;}#page-transactions .xwc-transaction-box .summary .account-title,#page-transactions .xwc-transaction-box .summary .earned-title,#page-transactions .xwc-transaction-box .summary .tran-amount-title,#page-transactions .xwc-transaction-box .summary .rewards-balance-title{font-size:14px;top:8px;}#page-transactions .xwc-transaction-box .summary .amount,#page-transactions .xwc-transaction-box .summary .balance{top:32px;font-size:15px;}.xwc-modal-overlay .xwc-modal.transactions h2{padding:5px 5px 5px 5px;}#tran-hist-tab .view-tran button.print-stamped-receipt.invisible{display:none;}a:hover#viewStampStatementCharges,a:visited#viewStampStatementCharges{text-decoration:underline;}.xwc-page,.xwc-fragment{display:none;}.xwc-page.active,.xwc-fragment.active{display:block;opacity:0;}#content .xwc-page.active.visible{background-color:white;}.xwc-page.visible,.xwc-fragment.visible,.xwc-tab-content.visiblee{opacity:1;-webkit-transition:opacity 0.32s ease-in-out;transition:opacity 0.32s ease-in-out;}.xwc-page.transition-out,.xwc-fragment.transition-out,.xwc-tab-content.transition-out{opacity:0;-webkit-transition:opacity 0.32s ease-in-out;transition:opacity 0.32s ease-in-out;}.xwc-tab-content.transition-out{-webkit-transition:opacity 0.15s ease-in-out;transition:opacity 0.15s ease-in-out;}#page-home.xwc-page.active.visible,#page-home.xwc-page.active.rendered.visible,#page-payment.xwc-page.active.visible,#page-payment.xwc-page.active.rendered.visible,#page-money.xwc-page.active.visible,#page-money.xwc-page.active.rendered.visible,#page-accounts.xwc-page.active.visible,#page-accounts.xwc-page.active.rendered.visible,#page-transactions.xwc-page.active.visible,#page-transactions.xwc-page.active.rendered.visible,#page-payees.xwc-page.active.visible,#page-payees.xwc-page.active.rendered.visible,#page-preferences.xwc-page.active.visible,#page-preferences.xwc-page.active.rendered.visible,#page-changeLimits.xwc-page.active.visible,#page-changeLimits.xwc-page.active.rendered.visible,#page-bankingFees.xwc-page.active.visible,#page-bankingFees.xwc-page.active.rendered.visible,#page-linkdevices.xwc-page.active.visible,#page-linkdevices.xwc-page.active.rendered.visible,#page-manageChatBanking.xwc-page.active.visible,#page-manageChatBanking.xwc-page.active.rendered.visible,#page-serviceInformation.xwc-page.active.visible,#page-serviceInformation.xwc-page.active.rendered.visible,#page-changeSurephrase.xwc-page.active.visible,#page-changeSurephrase.xwc-page.active.rendered.visible,#page-changePrimaryAccount.xwc-page.active.visible,#page-changePrimaryAccount.xwc-page.active.rendered.visible,#page-changeLanguage.xwc-page.active.visible,#page-changeLanguage.xwc-page.active.rendered.visible,#page-profileSecurity.xwc-page.active.visible,#page-profileSecurity.xwc-page.active.rendered.visible,#page-taxCertificates.xwc-page.active.visible,#page-taxCertificates.xwc-page.active.rendered.visible,#page-help.xwc-page.active.visible,#page-help.xwc-page.active.rendered.visible{}#page-payment.xwc-page.active,#page-payment.xwc-page.active.visible.transition-out,#page-money.xwc-page.active,#page-money.xwc-page.active.visible.transition-out,#page-accounts.xwc-page.active,#page-accounts.xwc-page.active.visible.transition-out,#page-transactions.xwc-page.active,#page-transactions.xwc-page.active.visible.transition-out,#page-payees.xwc-page.active,#page-payees.xwc-page.active.visible.transition-out,#page-preferences.xwc-page.active,#page-preferences.xwc-page.active.visible.transition-out,#page-changeLimits.xwc-page.active,#page-changeLimits.xwc-page.active.visible.transition-out,#page-bankingFees.xwc-page.active,#page-bankingFees.xwc-page.active.visible.transition-out,#page-linkdevices.xwc-page.active,#page-linkdevices.xwc-page.active.visible.transition-out,#page-manageChatBanking.xwc-page.active,#page-manageChatBanking.xwc-page.active.visible.transition-out,#page-changeSurephrase.xwc-page.active,#page-changeSurephrase.xwc-page.active.visible.transition-out,#page-serviceInformation.xwc-page.active,#page-serviceInformation.xwc-page.active.visible.transition-out,#page-changeLanguage.xwc-page.active,#page-changeLanguage.xwc-page.active.visible.transition-out,#page-changePrimaryAccount.xwc-page.active,#page-changePrimaryAccount.xwc-page.active.visible.transition-out,#page-profileSecurity.xwc-page.active,#page-profileSecurity.xwc-page.active.visible.transition-out,#page-taxCertificates.xwc-page.active,#page-taxCertificates.xwc-page.active.visible.transition-out,#page-help.xwc-page.active,#page-help.xwc-page.active.visible.transition-out{}#page-home.xwc-page.active.rendered,#page-home.xwc-page.active.rendered.visible.transition-out{}#page-home.first-home-transition.xwc-page.active{}#page-home.first-home-transition.xwc-page.active.visible{}.xwc-app-full #page-login #page-first-time-login{-webkit-transition-delay:0.32s;transition-delay:0.32s;}.xwc-section{visibility:hidden;opacity:0;}.xwc-section.visible{visibility:visible;opacity:1;-webkit-transition:opacity 0.4s ease-in-out;transition:opacity 0.4s ease-in-out;}.content-overlay{opacity:0;visibility:hidden;position:absolute;z-index:666;top:50px;left:0;width:960px;height:550px;background:#fff;-webkit-transition:visibility 0s ease-in-out 0.2s,opacity 0.2s ease-in-out;transition:visibility 0s ease-in-out 0.2s,opacity 0.2s ease-in-out;}.xwc-app-content-disabled .content-overlay{visibility:visible;opacity:0.9;-webkit-transition-delay:0;transition-delay:0;}#page-payment.visible .select-payee.active.visible.transition-out{-webkit-transform:translateX(-200px);-webkit-transition:all 0.4s cubic-bezier(0.3,0,0.3,1);transform:translateX(-200px);transition:all 0.4s cubic-bezier(0.3,0,0.3,1);}#page-payment.active.visible .select-payee.active{-webkit-transform:translateX(-200px);transform:translateX(-200px);}#page-payment.active.visible .select-payee.visible{-webkit-transform:translateX(0);-webkit-transition:all 0.4s cubic-bezier(0.3,0,0.3,1);transform:translateX(0);transition:all 0.4s cubic-bezier(0.3,0,0.3,1);}#page-payment.visible .browse-payees.active .xwc-alpha-sort{-webkit-transform:translateY(60px);transform:translateY(60px);}#page-payment.visible .browse-payees.visible .xwc-alpha-sort{-webkit-transform:translateY(0);-webkit-transition:all 0.4s cubic-bezier(0.3,0,0.3,1);transform:translateY(0);transition:all 0.4s cubic-bezier(0.3,0,0.3,1);}#page-payment.visible .browse-payees.active .xwc-block-alpha-list{-webkit-transform:translateX(200px);transform:translateX(200px);}#page-payment.visible .browse-payees.visible .xwc-block-alpha-list{-webkit-transform:translateX(0);-webkit-transition:all 0.4s cubic-bezier(0.3,0,0.3,1);transform:translateX(0);transition:all 0.4s cubic-bezier(0.3,0,0.3,1);}#page-payment.visible .browse-payees.active.visible.transition-out .xwc-alpha-sort{-webkit-transform:translateY(60px);-webkit-transition:all 0.24s cubic-bezier(0.3,0,0.3,1);transform:translateY(60px);transition:all 0.24s cubic-bezier(0.3,0,0.3,1);}#page-payment.visible .browse-payees.active.visible.transition-out .xwc-block-alpha-list{-webkit-transform:translateX(200px);-webkit-transition:all 0.24s cubic-bezier(0.3,0,0.3,1);transform:translateX(200px);transition:all 0.24s cubic-bezier(0.3,0,0.3,1);}#page-payment.visible .provider-wizard.active .xwc-fragment .xwc-block-list{-webkit-transform:translateX(200px);transform:translateX(200px);}#page-payment.visible .provider-wizard.visible .xwc-fragment .xwc-block-list{-webkit-transform:translateX(0);-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.3,0,0.3,1);transform:translateX(0);transition:transform 0.4s cubic-bezier(0.3,0,0.3,1);}#page-payment.visible .provider-wizard.visible .xwc-fragment.active.visible.transition-out .xwc-block-list{-webkit-transform:translateX(-200px);-webkit-transition:all 0.24s cubic-bezier(0.3,0,0.3,1);transform:translateX(-200px);transition:all 0.24s cubic-bezier(0.3,0,0.3,1);}#page-payment.visible .provider-wizard.visible .xwc-fragment.active .xwc-block-list,#page-payment.visible .provider-wizard.visible .xwc-fragment.active .xwc-block-alpha-list{-webkit-transform:translateX(-200px);transform:translateX(-200px);}#page-payment.visible .provider-wizard.visible .xwc-fragment:last-of-type.active .xwc-block-list,#page-payment.visible .provider-wizard.visible .xwc-fragment:last-of-type.active .xwc-block-alpha-list{-webkit-transform:translateX(200px);transform:translateX(200px);}#page-payment.visible .provider-wizard.visible .xwc-fragment.active.visible .xwc-block-list,#page-payment.visible .provider-wizard.visible .xwc-fragment.active.visible .xwc-block-alpha-list{-webkit-transform:translateX(0);-webkit-transition:all 0.4s cubic-bezier(0.3,0,0.3,1);transform:translateX(0);transition:all 0.4s cubic-bezier(0.3,0,0.3,1);}#page-payment.visible .xwc-wizard .xwc-fragment + .xwc-fragment.active.visible.transition-out .xwc-block-list{-webkit-transform:translateX(200px);-webkit-transition:-webkit-transform 0.24s cubic-bezier(0.3,0,0.3,1);transform:translateX(200px);transition:transform 0.24s cubic-bezier(0.3,0,0.3,1);}#page-payment.visible .provider-wizard.active.visible.transition-out .xwc-fragment.active .xwc-block-list,#page-payment.visible .provider-wizard.active.visible.transition-out .xwc-fragment.active .xwc-block-alpha-list{-webkit-transform:translateX(200px);-webkit-transition:all 0.24s cubic-bezier(0.3,0,0.3,1);transform:translateX(200px);transition:all 0.24s cubic-bezier(0.3,0,0.3,1);}#page-transactions .xwc-tab-content.active,#page-transactions .xwc-tab-content.visible{opacity:1;}#page-transactions .xwc-tab-content.active > div:not(.xwc-loading),#page-transactions .xwc-tab-content.active .xwc-fragment.active.visible{opacity:0;}#page-transactions .xwc-tab-content.visible > div:not(.xwc-loading),#page-transactions .xwc-tab-content.visible .xwc-fragment.active.visible{opacity:1;-webkit-transition:opacity 0.15s ease-in-out;transition:opacity 0.15s ease-in-out;}#page-transactions .xwc-tab-content.active.visible.transition-out{opacity:1;clip:rect(1px,auto,auto,auto);-webkit-transition:clip 0.15s ease-in-out;transition:clip 0.15s ease-in-out;}#page-transactions .xwc-tab-content.active.visible.transition-out > div:not(.xwc-loading),#page-transactions .xwc-tab-content.active.visible.transition-out .xwc-fragment.active.visible{opacity:0;-webkit-transition:opacity 0.15s ease-in-out;transition:opacity 0.15s ease-in-out;}#page-transactions .xwc-tab-content.active.visible .xwc-fragment.active{opacity:0;}#page-transactions .xwc-tab-content.active.visible .xwc-fragment.visible{opacity:1;-webkit-transition:opacity 0.15s ease-in-out;transition:opacity 0.15s ease-in-out;}#page-transactions .xwc-tab-content.active.visible .xwc-fragment.transition-out{opacity:0;-webkit-transition:opacity 0.15s ease-in-out;transition:opacity 0.15s ease-in-out;}#page-transactions.visible .xwc-transaction-list.loaded .xwc-transaction-box{opacity:1;margin-top:0;-webkit-transition:margin-top 0.92s cubic-bezier(0.2,0,0.2,1),height 0.4s cubic-bezier(0,0,0.2,1),opacity 0.6s ease-in-out;transition:margin-top 0.92s cubic-bezier(0.2,0,0.2,1),height 0.4s cubic-bezier(0,0,0.2,1),opacity 0.6s ease-in-out;}#page-transactions.visible .xwc-transaction-list.loaded .xwc-transaction-box:nth-child(2),#page-transactions.visible .xwc-transaction-list.loaded .xwc-transaction-box:nth-child(2){-webkit-transition-delay:0.08s,0,0;transition-delay:0.08s,0,0;}#page-transactions.visible .xwc-transaction-list.loaded .xwc-transaction-box:nth-child(3),#page-transactions.visible .xwc-transaction-list.loaded .xwc-transaction-box:nth-child(3){-webkit-transition-delay:0.16s,0,0;transition-delay:0.16s,0,0;}#page-transactions .xwc-tab-content .xwc-fragment.calendar-view .xwc-calendar{opacity:0;-webkit-transform:translateY(50px);-webkit-transition:opacity 0.2s ease-in-out;transform:translateY(50px);transition:opacity 0.2s ease-in-out;}#page-transactions .xwc-tab-content .xwc-fragment.calendar-view .xwc-calendar.loaded{opacity:1;-webkit-transform:translateY(0);-webkit-transition:-webkit-transform 0.32s cubic-bezier(0.2,0,0.2,1),opacity 0.2s ease-in-out;-webkit-transition-delay:0.32s,0.2s;transform:translateY(0);transition:transform 0.32s cubic-bezier(0.2,0,0.2,1),opacity 0.2s ease-in-out;transition-delay:0.32s,0.2s;}#page-transactions .xwc-tab-content .xwc-fragment.calendar-view .xwc-calendar.loaded .calendar.hasDatepicker .ui-datepicker-prev{-webkit-animation:DatepickerPrev 0.32s 1;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:0.32s;animation:DatepickerPrev 0.32s 1;animation-fill-mode:forwards;animation-delay:0.32s;}#page-transactions .xwc-tab-content .xwc-fragment.calendar-view .xwc-calendar.loaded .calendar.hasDatepicker .ui-datepicker-next{-webkit-animation:DatepickerNext 0.32s 1;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:0.32s;animation:DatepickerNext 0.32s 1;animation-fill-mode:forwards;animation-delay:0.32s;}@-webkit-keyframes DatepickerPrev{from{margin-left:50px;}to{margin-left:0;}}@keyframes DatepickerPrev{from{margin-left:50px;}to{margin-left:0;}}@-webkit-keyframes DatepickerNext{from{margin-right:50px;}to{margin-right:0;}}@keyframes DatepickerNext{from{margin-right:50px;}to{margin-right:0;}}#page-payees.active.visible .payee-list .wrapper{margin-top:180px;-webkit-animation:PayeeListIn 0.92s 1;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:0.32s;animation:PayeeListIn 0.92s 1;animation-fill-mode:forwards;animation-delay:0.32s;}@-webkit-keyframes PayeeListIn{from{margin-top:180px;}to{margin-top:0;}}@keyframes PayeeListIn{from{margin-top:180px;}to{margin-top:0;}}#page-payment.first-view.active.edit{opacity:0;}#page-payment.first-view.active.edit.visible{opacity:1;-webkit-transition:margin-top 0.32s cubic-bezier(0,0,0.3,1),opacity 0.32s linear;transition:margin-top 0.32s cubic-bezier(0,0,0.3,1),opacity 0.32s linear;}#page-payment.first-view.active.edit.visible .xwc-stack-step .wrapper{-webkit-transition:none;transition:none;}#page-payment.first-view.active.edit.transition-out{opacity:0;-webkit-transition:margin-top 0.32s cubic-bezier(0.7,0,1,1),opacity 0.32s linear;transition:margin-top 0.32s cubic-bezier(0.7,0,1,1),opacity 0.32s linear;}.xwc-tab-content{display:none;}.xwc-tab-content.active{display:block;}@-webkit-keyframes Spinner{from{-webkit-transform:rotate(0);}to{-webkit-transform:rotate(360deg);}}@-webkit-keyframes ConnectedPop{0%{-webkit-transform:scale(1);}50%{-webkit-transform:scale(1.2);}100%{-webkit-transform:scale(1);}}@-webkit-keyframes FadeIn{from{opacity:0;}to{opacity:1;}}.xwc-calendar{clear:both;border-top:1px solid #c9c9c9;float:left;width:960px;position:relative;height:412px;}.xwc-calendar .calendar{height:412px;}.xwc-calendar .ui-datepicker-header{position:relative;height:50px;border-bottom:1px solid #c9c9c9;background:#fff;}.xwc-calendar .ui-datepicker-title{color:#2759a8;font-size:18px;line-height:50px;text-align:center;float:left;width:100%;font-size:22px;color:#003366;}.xwc-calendar .ui-datepicker-prev,.xwc-calendar .ui-datepicker-next{-webkit-transition:background-color 0.2s ease-in-out;-webkit-transition:background-color 0.2s ease-in-out;background-color:#007eb6;position:absolute;top:12px;width:25px;height:25px;-webkit-border-radius:12px;text-indent:-99999px;background-image:url(https://ib.absa.co.za/axob/xwc/img/icn_arrow_white_left.png);background-repeat:no-repeat;background-position:4px 50%;}.xwc-calendar .ui-datepicker-prev:active,.xwc-calendar .ui-datepicker-next:active{-webkit-transition:none;}.xwc-calendar .ui-datepicker-prev:active,.xwc-calendar .ui-datepicker-next:active{-webkit-transition:none;}.xwc-calendar .ui-datepicker-prev:hover,.xwc-calendar .ui-datepicker-next:hover{background-color:#0074a6;}.xwc-calendar .ui-datepicker-prev:active,.xwc-calendar .ui-datepicker-next:active{background-color:#006894;}.xwc-calendar .ui-datepicker-prev.ui-state-disabled,.xwc-calendar .ui-datepicker-next.ui-state-disabled{background-color:#e9e9e9;background-image:url(https://ib.absa.co.za/axob/xwc/img/icn_arrow_white_left_disabled.png);}.xwc-calendar .ui-datepicker-prev{left:353px;}.xwc-calendar .ui-datepicker-next{right:353px;-webkit-transform:rotate(-180deg);}.xwc-calendar .go-to-today{position:absolute;right:50px;top:10px;}.xwc-calendar .go-to-today button{-webkit-transition:background-color 0.1s ease-in-out;height:28px;line-height:28px;border:1px solid #c9c9c9;background-color:#fff;font-size:16px;color:#007eb6;font-family:"ExpertSansBold",sans-serif;font-weight:inherit;-webkit-font-smoothing:antialiased;-webkit-border-radius:5px;width:130px;}.xwc-calendar .go-to-today button:hover{background-color:#e8f9ff;}.xwc-calendar .go-to-today button:active{background-color:#e8f9ff;-webkit-transition:none;}.xwc-calendar table{border-collapse:separate;}.xwc-calendar table tbody{height:329px;}.xwc-calendar th,.xwc-calendar td{width:136px;text-align:center;border-right:1px solid #c9c9c9;border-top:1px solid #c9c9c9;border-collapse:collapse;}.xwc-calendar th{height:32px;border-top:none;background-color:#f4f4f4;border-right:1px solid #f4f4f4;font-family:"ExpertSansBold",sans-serif;font-weight:inherit;-webkit-font-smoothing:antialiased;}.xwc-calendar .ui-datepicker-week-end{width:136px;}.xwc-calendar th:nth-child(7),.xwc-calendar td:nth-child(7){border-right:none;}.xwc-calendar th:first-of-type,.xwc-calendar td:first-of-type{width:138px;}.xwc-calendar .has-4-rows tbody tr{height:84px;}.xwc-calendar .has-4-rows tbody tr:first-of-type{height:85px;}.xwc-calendar .has-5-rows tbody tr{height:66px;}.xwc-calendar .has-5-rows tbody tr:last-of-type{height:65px;}.xwc-calendar .has-6-rows tbody tr:last-of-type{height:57px;}.xwc-calendar .has-6-rows tbody tr{height:56px;}.xwc-calendar.open tbody tr,.xwc-calendar.open tbody tr:first-of-type,.xwc-calendar.open tbody tr:last-of-type{height:23px;}.xwc-calendar.open tbody tr.expanded{height:263px;}.xwc-calendar.open .has-5-rows tbody tr.expanded{height:237px;}.xwc-calendar.open .has-6-rows tbody tr.expanded{height:217px;}.xwc-calendar tbody tr{-webkit-transition:height 0.2s linear;}.xwc-calendar.open tbody tr:not(.expanded){-webkit-transition:height 0.2s linear;}.xwc-calendar td{position:relative;background-color:#fff;}.xwc-calendar td .ui-state-default{position:absolute;right:8px;top:2px;cursor:default;font-family:"ExpertSansBold",sans-serif;font-weight:inherit;-webkit-font-smoothing:antialiased;color:#2d2d2d;}.xwc-calendar .payment{position:absolute;left:8px;top:3px;text-align:left;height:50px;}.xwc-calendar .payment::-webkit-scrollbar{width:7px;}.xwc-calendar .payment::-webkit-scrollbar-track{background-color:rgba(179,183,185,0.4);border-radius:3px;margin:10px 0;}.xwc-calendar .payment::-webkit-scrollbar-thumb{background-color:#7d7d7d;border-radius:3px;min-height:50px;}.xwc-calendar .payment::-webkit-scrollbar-thumb:active{background-color:#666;}.xwc-calendar .payment.short{height:35px;}.xwc-calendar .payment li{font-size:14px;line-height:18px;height:16px;color:#003366;cursor:pointer;}.xwc-calendar .payment li button{font-size:14px;line-height:16px;height:16px;color:#003366;text-align:left;}.xwc-calendar .payment li button > span{white-space:nowrap;display:block;max-width:100px;overflow:hidden;text-overflow:ellipsis;cursor:pointer;}.xwc-calendar .payment li button:hover > span{text-decoration:underline;}.xwc-calendar .payment li button:hover:before{display:none;}.xwc-calendar .payment li button.active > span{color:#fff;max-width:108px;background:#003366;text-decoration:none;height:16px;color:#fff;-webkit-border-radius:3px;cursor:pointer;}.xwc-calendar .payment.past-item li button{color:#555555;}.xwc-calendar .payment li.removed{opacity:0;height:0;-webkit-transition:all 0.35s ease-in-out;}.xwc-calendar .more,.xwc-calendar .less,.xwc-calendar .items-placeholder{font-size:14px;color:#009896;cursor:pointer;position:absolute;bottom:0;left:8px;font-family:"ExpertSansBold",sans-serif;font-weight:inherit;-webkit-font-smoothing:antialiased;}.xwc-calendar .more:hover,.xwc-calendar .less:hover,.xwc-calendar .items-placeholder:hover{text-decoration:underline;}.xwc-calendar .more:after,.xwc-calendar .less:after{content:" ";background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_dropdown_arrow_sml.png) no-repeat 0 0;width:10px;height:5px;position:absolute;top:4px;margin-left:5px;}.xwc-calendar .less:after{-webkit-transform:rotate(180deg);}.xwc-calendar td.ui-state-disabled{background-color:#fff;}.xwc-calendar td.ui-datepicker-past-date,.xwc-calendar td.ui-datepicker-past-date.ui-state-disabled,.xwc-calendar td.ui-state-disabled.ui-datepicker-other-month{background-color:#f8f8f8;}.xwc-calendar .ui-datepicker-other-month .ui-state-default,.xwc-calendar td.ui-state-disabled .ui-state-default,.xwc-calendar td.ui-datepicker-week-end .ui-state-default,.xwc-calendar td.ui-datepicker-bank-holiday .ui-state-default{color:#a5a5a5;font-family:"ExpertSansRegular",sans-serif;font-weight:400;}.xwc-calendar .ui-datepicker-today{background-color:#c5ecfb;border:1px solid #4dbced;border-top:none;border-right:none;box-shadow:1px -1px 0 0 #4dbced;z-index:100;left:-1px;bottom:-1px;}.xwc-calendar .ui-datepicker-today .ui-state-default{color:#22799f;}.xwc-calendar .limit .payment li button{color:#e08c2b;}.xwc-calendar .limit .payment li.active button{background:#e08c2b;color:#fff;}.xwc-calendar .limit .payment li button:hover:before{background:#e08c2b;bottom:1px;}.xwc-calendar.open tr .payment{top:0;}.xwc-calendar.open tr .payment li{line-height:23px;}.xwc-calendar.open tr.expanded .payment{top:2px;width:120px;text-align:left;overflow-x:none;overflow-y:auto;height:85%;margin-bottom:50px;}.xwc-calendar .payment.scroller-mini{overflow-x:hidden;overflow-y:hidden;}.xwc-calendar .payment.scroller-mini::-webkit-scrollbar{width:7px;}.xwc-calendar .payment.scroller-mini::-webkit-scrollbar-track{background-color:rgba(179,183,185,0.4);border-radius:3px;margin:10px 0;}.xwc-calendar .payment.scroller-mini::-webkit-scrollbar-thumb{background-color:#7d7d7d;border-radius:3px;min-height:50px;}.xwc-calendar .payment.scroller-mini::-webkit-scrollbar-thumb:active{background-color:#666;}.xwc-calendar .payment.scroller-mini::-webkit-scrollbar-track{margin-top:20px;margin-bottom:0;}.xwc-calendar.open tr.expanded .payment li{line-height:16px;}.xwc-calendar.open .more:after{background-position:0 -5px;}.xwc-calendar .more{display:block;}.xwc-calendar .less{display:none;}.xwc-calendar .items-placeholder{display:none;}.xwc-calendar.open .more{display:none;}.xwc-calendar.open .less{display:none;}.xwc-calendar.open .items-placeholder{display:block;}.xwc-calendar.open .multi-items{display:none;}.xwc-calendar.open .expanded .less{display:block;}.xwc-calendar.open .expanded .items-placeholder{display:none;}.xwc-calendar.open .expanded .multi-items{display:block;}.xwc-flyout.payment-details{padding:22px 25px 6px 25px;width:310px;-webkit-transition:-webkit-transform 0.32s cubic-bezier(0.2,0,0.2,1);-webkit-transform:scaleX(1);-webkit-transform-origin:left top;}.xwc-flyout.payment-details.hidden{-webkit-transform:scaleX(0);-webkit-transition:-webkit-transform 0.32s linear 0.32s,visibility 0s linear 0.32s,opacity 0.32s linear;}.xwc-flyout.payment-details .xwc-flyout-content{-webkit-transition:opacity 0.32s ease-in-out 0.32s;}.xwc-flyout.payment-details .info{margin:0 0 12px;}.xwc-flyout.payment-details .info .name{display:block;color:#2d2d2d;font-family:"ExpertSansBold",sans-serif;font-weight:inherit;-webkit-font-smoothing:antialiased;font-size:22px;width:200px;line-height:24px;margin-bottom:15px;}.xwc-flyout.payment-details .info .amount{position:absolute;top:24px;right:22px;color:#2d2d2d;font-size:22px;}.xwc-flyout.payment-details .info .type{color:#777777;}.xwc-flyout.payment-details .info .type:first-letter{text-transform:uppercase;}.xwc-flyout.payment-details .info .reference{color:#2d2d2d;font-size:20px;line-height:28px;}.xwc-flyout.payment-details .info .reference span{color:#777777;}.xwc-flyout.payment-details .info .cannot-edit,.xwc-flyout.payment-details .info .complex{font-size:14px;color:#555555;line-height:16px;margin-top:10px;}.xwc-flyout.payment-details .info .cannot-edit button,.xwc-flyout.payment-details .info .complex button{color:#dc630a;font-size:14px;}.xwc-flyout.payment-details .info .cannot-edit button:before,.xwc-flyout.payment-details .info .complex button:before{background-color:#dc630a;}.xwc-flyout.payment-details .options.list{margin-bottom:0;}.xwc-flyout.payment-details .options li{background-image:url(https://ib.absa.co.za/axob/xwc/img/divider_opt_dot_grey.png);background-repeat:repeat-x;background-position:0 0;line-height:42px;}.xwc-flyout.payment-details .options li:first-of-type{background:none;}.xwc-flyout.payment-details .options li button{font-size:16px;cursor:pointer;position:relative;width:auto;background:none;padding-bottom:2px;color:#003366;}.xwc-flyout.payment-details .options li button:before{width:100%;content:"";height:1px;position:absolute;left:0;bottom:0;opacity:0;}.xwc-flyout.payment-details .options li button:hover:before{opacity:1;}.xwc-flyout.payment-details .options li button:before{background:#003366;}.xwc-flyout.payment-details .options .cancel div{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_cancel_normal.png) no-repeat 2px 50%;width:35px;height:42px;float:left;}.xwc-flyout.payment-details .options .edit div{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_edit_blue.png) no-repeat 2px 50%;width:35px;height:42px;float:left;}.xwc-flyout.payment-details .options{overflow:hidden;*zoom:1;background-image:url(https://ib.absa.co.za/axob/xwc/img/divider_opt_dot_grey.png);background-repeat:repeat-x;background-position:0 0;color:#2d2d2d;font-size:16px;margin-bottom:18px;padding-top:3px;}.xwc-flyout.payment-details .options.confirmation{margin-bottom:0;}.xwc-flyout.payment-details .options .message{margin:10px 0 13px;}.xwc-flyout.payment-details .options button{width:150px;margin-right:10px;padding:0;}.xwc-flyout.payment-details .options .edit button{color:#009896;}.xwc-flyout.payment-details .options .edit button:hover:before{background-color:#009896;}.xwc-flyout.payment-details .options .cancel button{color:#c03b3b;}.xwc-flyout.payment-details .options .cancel button:hover:before{background-color:#c03b3b;}.xwc-flyout.payment-details .options button:last-of-type{margin-right:0;}.xwc-flyout.payment-details .warning{position:relative;margin-bottom:20px;color:#636363;font-size:16px;background-image:url(https://ib.absa.co.za/axob/xwc/img/divider_opt_dot_grey.png);background-repeat:repeat-x;background-position:0 0;padding:15px 0 0 12px;}.xwc-flyout.payment-details .warning:before{position:absolute;left:0;top:16px;content:"*";color:#e08c2b;width:20px;height:20px;}.xwc-flyout.payment-details.payment-warning .name,.xwc-flyout.payment-details.payment-warning .amount{color:#e08c2b;}.xwc-flyout.payment-details button.yes{-webkit-transition:background-color 0.2s ease-in-out;background-color:#c03b3b;}.xwc-flyout.payment-details button.yes:active{-webkit-transition:none;}.xwc-flyout.payment-details button.yes:hover{background-color:#b33737;}.xwc-flyout.payment-details button.yes:active{background-color:#a63333;}.xwc-flyout.payment-details button.no{-webkit-transition:background-color 0.2s ease-in-out;background-color:#666666;}.xwc-flyout.payment-details button.no:active{-webkit-transition:none;}.xwc-flyout.payment-details button.no:hover{background-color:#4c4c4c;}.xwc-flyout.payment-details button.no:active{background-color:#4e4e4e;}.xwc-flyout.payment-details.cancelled .info{opacity:.3;}.xwc-flyout.payment-details.cancelled .options{margin-bottom:0;}.xwc-flyout.payment-details .options{display:none;}.xwc-flyout.payment-details .options.active{display:block;}.xwc-flyout.payment-details .options.cancel.active button{-webkit-animation:FadeIn 0.64s 1;}.xwc-flyout.payment-details .options.confirmation.active .message{-webkit-animation:FadeIn 0.64s 1;}p.fica-notification-message{text-align:left;}.fica-notification-message b{font-weight:bold;}.xwc-ui-checkbox.acceptrm input + label,.xwc-ui-checkbox.acceptrm input:checked + label{width:30px;height:23px;padding:7px 0px 0px 5px;margin:0px 18px 10px 0px;font-size:20px;margin-top:0px;}#FRM-checkboxError.xwc-flyout{padding:10px 10px;top:368px;left:220px;width:250px;}.xwc-modal-overlay .ficaIcon{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_fica_large_docs.png);background-repeat:no-repeat;height:150px;}.ficaImageColumn{width:150px;vertical-align:top;}#page-money .stack .xwc-stack-step.step4 > .wrapper,#page-money .stack .xwc-stack-step.step4 > .wrapper .content,#page-money .stack .xwc-stack-step.step4 .xwc-fragment,#page-money .stack .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent{height:370px !important;}#page-money .icon:not(.large){width:45px;height:45px;-webkit-border-radius:5px;border-radius:5px;background-repeat:no-repeat;background-position:50% 50%;background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_savings.png);}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .wrap div{text-align:center;font-size:18px;color:#999;padding:0 70px;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper p{padding-top:10px;margin-top:0px;margin-bottom:0px;clear:both;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .icon.tick{width:30px;height:30px;margin:22px auto 15px auto;-webkit-border-radius:15px;border-radius:15px;background:#479800 url(https://ib.absa.co.za/axob/xwc/img/icn_tick_success_small.png) no-repeat 50% 50%;opacity:1;float:left;margin-right:5px;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .icon.cross{width:30px;height:30px;margin:22px auto 15px auto;-webkit-border-radius:15px;border-radius:15px;background:#ab2128 url(https://ib.absa.co.za/axob/xwc/img/icn_cross_unsuccessful.png) no-repeat 50% 50%;opacity:1;float:left;margin-right:5px;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .icon{width:38px;height:20px;-webkit-border-radius:5px;border-radius:5px;background-repeat:no-repeat;background-position:50% 50%;background-color:#ffffff;float:left;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul li.active button .icon:not(.large){background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_savings_selected.png);}#page-money .icon:not(.large).Savings,#page-money .icon:not(.large).TermDeposit,#page-money .icon:not(.large).NoticeDeposit{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_savings.png);}#page-money .step1 .xwc-accounts-select .xwc-accounts ul li.active button .icon:not(.large).Savings,#page-money .step1 .xwc-accounts-select .xwc-accounts ul li.active button .icon:not(.large).TermDeposit,#page-money .step1 .xwc-accounts-select .xwc-accounts ul li.active button .icon:not(.large).NoticeDeposit{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_savings_selected.png);}#page-money .icon:not(.large).Current{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_chequeaccount.png);}#page-money .step1 .xwc-accounts-select .xwc-accounts ul li.active button .icon:not(.large).Current{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_chequeaccount_selected.png);}#page-money .icon:not(.large).CreditCard,#page-money .icon:not(.large).GarageCard{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_creditcard.png);}#page-money .step1 .xwc-accounts-select .xwc-accounts ul li.active button .icon:not(.large).CreditCard,#page-money .step1 .xwc-accounts-select .xwc-accounts ul li.active button .icon:not(.large).GarageCard{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_creditcard_selected.png);}#page-money .icon:not(.large).HomeLoan,#page-money .icon:not(.large).CorporatePropertyFinance{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_homeloan.png);}#page-money .step1 .xwc-accounts-select .xwc-accounts ul li.active button .icon:not(.large).HomeLoan,#page-money .step1 .xwc-accounts-select .xwc-accounts ul li.active button .icon:not(.large).CorporatePropertyFinance{background-image:url(https://ib.absa.co.za/axob/xwc/img/icn_prod_homeloan_selected.png);}#page-money .icon:not(.large).PersonalLoan,#page-money .icon:not(.large).PensionBackedLoan{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_personalloan.png);}#page-money .step1 .xwc-accounts-select .xwc-accounts ul li.active button .icon:not(.large).PersonalLoan,#page-money .step1 .xwc-accounts-select .xwc-accounts ul li.active button .icon:not(.large).PensionBackedLoan{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_personalloan_selected.png);}#page-money .icon:not(.large).AVAF{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_vehicleloan.png);}#page-money .step1 .xwc-accounts-select .xwc-accounts ul li.active button .icon:not(.large).AVAF{background-image:url(https://ib.absa.co.za/axob/xwc/img/icn_prod_vehicleloan_selected.png);}#page-money .step1 .help{color:#555555;margin-bottom:20px;padding-left:50px;}#page-money .step1 .help button{margin-left:5px;color:#dc630a;}#page-money .step1 .help button:hover:before{background-color:#dc630a;}#page-money .step1 .xwc-flyout.contextual{max-width:310px;}#page-money .step1 .xwc-accounts-select{overflow:hidden;*zoom:1;display:table-cell;vertical-align:middle;height:290px;padding-left:45px;}#page-money .step1 .xwc-accounts-select h2{color:#555555;margin-bottom:10px;}#page-money .step1 .xwc-accounts-select .from-available-label{margin-left:155px;font-size:16px;}#page-money .step1 .xwc-accounts-select .to-available-label{margin-left:182px;font-size:16px;}#page-money .step1 .xwc-accounts-select > div{vertical-align:middle;display:table-cell;padding:5px;}#page-money .step1 .xwc-accounts-select .xwc-accounts{-webkit-border-radius:8px;border-radius:8px;border:2px solid #00aeef;-webkit-box-shadow:4px 5px 0 0 #e8e8e8;box-shadow:4px 5px 0 0 #e8e8e8;position:relative;width:396px;height:250px;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul{max-height:246px;overflow-x:hidden;overflow-y:scroll;width:396px;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul::-webkit-scrollbar{width:7px;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul::-webkit-scrollbar-track{background-color:rgba(179,183,185,0.4);border-radius:3px;margin:10px 0;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul::-webkit-scrollbar-thumb{background-color:#7d7d7d;border-radius:3px;min-height:50px;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul::-webkit-scrollbar-thumb:active{background-color:#666;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul::-webkit-scrollbar-button:start:decrement{width:5px;height:21px;background:url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_up_small.png) no-repeat 0px -4px;display:block;border-top:10px solid white;border-bottom:4px solid white;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul::-webkit-scrollbar-button:end:increment{position:relative;width:5px;height:21px;background:url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_dn_small.png) no-repeat 0px -4px;display:block;border-bottom:10px solid white;border-top:4px solid white;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul li{height:62px;width:396px;list-style-type:none;position:relative;cursor:pointer;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul li:before{position:absolute;content:"";left:11px;top:0;width:374px;height:2px;background:url(https://ib.absa.co.za/axob/xwc/img/divider_opt_dot_grey.png) repeat-x 0 bottom;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul li:first-of-type{height:60px;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul li:first-of-type:before{display:none;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul li button{-webkit-transition:background-color 0.1s ease-in-out;transition:background-color 0.1s ease-in-out;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul li button:hover{background-color:#e8f9ff;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul li button:active{background-color:#e8f9ff;-webkit-transition:none;transition:none;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul li button .type{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;cursor:pointer;line-height:30px;color:#555555;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul li button .account{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;line-height:30px;font-size:16px;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul li button .accNameNoGroup{width:210px;display:inline-block;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul li button{font-size:18px;font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;color:#555555;height:60px;line-height:60px;width:330px;padding-left:66px;margin-top:2px;text-align:left;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul li button .icon{position:absolute;left:10px;top:10px;cursor:pointer;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul li button .amount{position:absolute;right:10px;line-height:60px;font-size:18px;color:#007eb6;pointer-events:none;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul li:first-of-type button{-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;margin-top:0;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul li.active:before,#page-money .step1 .xwc-accounts-select .xwc-accounts ul li.active + li:before{display:none;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul li.active button{background-color:#00aeef;color:#fff;font-family:"ExpertSansRegular",sans-serif;font-weight:400;padding-bottom:2px;height:58px;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul li.active .amount{color:#fff;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul li.active .account{color:#fff;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul li.active .type{color:#fff;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul li.prev button{padding-bottom:2px;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul.scroller{width:388px;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul.scroller li{width:380px;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul.scroller li:before{width:360px;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul.scroller li button{width:308px;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul.scroller:first-of-type button{-webkit-border-top-right-radius:0;border-top-right-radius:0;}#page-money .step1 .xwc-accounts-select .xwc-accounts ul.scroller:last-of-type button{-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;}#page-money .step1 .xwc-accounts-select .xwc-accounts.move-from{margin-right:50px;}#page-money .step1 .xwc-accounts-select .xwc-accounts.move-from:after{position:absolute;top:50%;right:-55px;content:" ";background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_transfer_arrow.png) no-repeat 0 0;width:40px;height:50px;margin-top:-25px;}#page-money .step1 .xwc-accounts-select .xwc-accounts.move-to .message .wrap,#page-money .step1 .xwc-accounts-select .xwc-accounts.move-from .message .wrap{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;box-align:center;-moz-box-align:center;justify-content:center;-ms-flex-align:center;-ms-flex-pack:center;align-items:center;-webkit-box-pack:center;height:100%;}#page-money .step1 .xwc-accounts-select .xwc-accounts.move-to .message .wrap div,#page-money .step1 .xwc-accounts-select .xwc-accounts.move-from .message .wrap div{text-align:center;font-size:18px;color:#999;padding:0 70px;width:256px;}#page-money .step1 .xwc-accounts-select .xwc-accounts .xwc-ui-scrollbar{width:381px;padding-right:10px;}#page-money .step1 .xwc-accounts-select .xwc-accounts .xwc-ui-scrollbar::-webkit-scrollbar-track{margin:5px 0;}#page-money .step1 .xwc-accounts-select .xwc-accounts .xwc-ui-scrollbar li{width:376px;}#page-money .step1 .xwc-accounts-select .xwc-accounts .xwc-ui-scrollbar li button{width:310px;}#page-money .step1 .xwc-accounts-select .xwc-accounts .xwc-ui-scrollbar li:first-of-type button{-webkit-border-top-right-radius:0;border-top-right-radius:0;}#page-money .step1 .xwc-accounts-select .xwc-accounts .xwc-ui-scrollbar li:last-of-type button{-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;}#page-money .step1 .xwc-accounts-select .xwc-accounts .xwc-ui-scrollbar li:before{width:360px;}#page-money .step1 .xwc-accounts-select.disabled .move-from{border:2px solid #dde5e8;box-shadow:none;}#page-money .step1 .xwc-accounts-select.disabled .move-from li{opacity:0.3;}#page-money .step1 .xwc-accounts-select.disabled .move-from button{cursor:default;}#page-money .step1 .xwc-accounts-select.disabled .move-to,#page-money .step1 .xwc-accounts-select.disabled .move-to .message.require,#page-money .step1 .xwc-accounts-select.disabled .move-to .message.limit{height:246px !important;}#page-money .step1 .xwc-accounts-select.disabled .move-to .message.require div,#page-money .step1 .xwc-accounts-select.disabled .move-to .message.limit div{color:#2d2d2d;padding:0 10px;}#page-money .step1 .content.xwc-loading{top:auto;bottom:0;height:380px;}#page-money .step1 .move-to .message.xwc-loading{margin:0 auto;-webkit-border-radius:10px;border-radius:10px;}#page-money .step1 .move-to .message.xwc-loading .wrap div{padding:0 !important;}#page-money .xwc-stack-step.step4 .transferring .wrapper{position:relative;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;}#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer{position:relative;z-index:2;padding-top:95px;width:50%;text-align:center;}#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .icon.large{width:137px;height:145px;margin:0 auto;background-repeat:no-repeat;background-position:50% 50%;-webkit-transform:scale(0);transform:scale(0);}#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .icon.large.Savings,#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .icon.large.TermDeposit,#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .icon.large.NoticeDeposit{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_savings_large.png);}#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .icon.large.Current{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_chequeaccount_large.png);}#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .icon.large.CreditCard,#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .icon.large.GarageCard{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_creditcard_large.png);}#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .icon.large.HomeLoan,#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .icon.large.CorporatePropertyFinance{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_homeloan_large.png);}#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .icon.large.PersonalLoan,#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .icon.large.PensionBackedLoan{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_personalloan_large.png);}#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .icon.large.AVAF{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_vehicleloan_large.png);}#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .type{font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;font-size:22px;margin:3px 0 6px;opacity:0;}#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .amount{font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;font-size:30px;color:#007eb6;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;justify-content:center;-ms-flex-pack:center;-webkit-box-pack:center;height:30px;line-height:30px;opacity:0;}#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .amount > span{display:block;width:18px;overflow:hidden;}#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .amount > span.dot{width:12px;}#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .amount > span:nth-last-child(7),#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .amount > span:nth-last-child(10),#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .amount > span:nth-last-child(13),#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .amount > span:nth-last-child(16){position:relative;padding-right:6px;}#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .amount > span:nth-last-child(7):before,#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .amount > span:nth-last-child(10):before,#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .amount > span:nth-last-child(13):before,#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .amount > span:nth-last-child(16):before{position:absolute;left:18px;content:",";}#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .amount .digit span{line-height:30px;position:relative;top:0;}#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .amount .digit.move-1 span{top:-30px;}#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .amount .digit.move-2 span{top:-60px;}#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .amount .digit.move-3 span{top:-90px;}#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .amount .digit.move-4 span{top:-120px;}#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .amount .digit.move-5 span{top:-150px;}#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .amount .digit.move-6 span{top:-180px;}#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .amount .digit.move-7 span{top:-210px;}#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .amount .digit.move-8 span{top:-240px;}#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .amount .digit.move-9 span{top:-270px;}#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .amount .digit.move-10 span{top:-300px;}#page-money .xwc-stack-step.step4 .transferring .wrapper .xwc-account-transfer .amount.invisible{display:none;}#page-money .xwc-stack-step.step4 .transferring .wrapper .transferring-bg{position:absolute;left:0;top:2px;z-index:1;height:368px;width:0;background:#e8f9ff url(https://ib.absa.co.za/axob/xwc/img/brand/absa/transferring-arrow-large.png) no-repeat right 50%;}#page-money .xwc-stack-step.step4 .transferring.visible .wrapper .xwc-account-transfer .icon{-webkit-transform:scale(1);-webkit-transition:-webkit-transform 0.4s ease-in-out;transform:scale(1);transition:transform 0.4s ease-in-out;}#page-money .xwc-stack-step.step4 .transferring.visible .wrapper .xwc-account-transfer .type,#page-money .xwc-stack-step.step4 .transferring.visible .wrapper .xwc-account-transfer .amount{opacity:1;-webkit-transition:opacity 0.4s ease-in-out;transition:opacity 0.4s ease-in-out;}#page-money .xwc-stack-step.step4 .transferring.visible .wrapper .xwc-account-transfer .amount .digit span{top:0 !important;color:transparent;-webkit-transition:top 2.4s cubic-bezier(0.2,0.8,0.2,1);-webkit-transition-delay:0.4s;transition:top 2.4s cubic-bezier(0.2,0.8,0.2,1);transition-delay:0.4s;}#page-money .xwc-stack-step.step4 .transferring.visible .wrapper .xwc-account-transfer .amount .digit span:nth-of-type(4){text-shadow:0 0 1px #007eb6;}#page-money .xwc-stack-step.step4 .transferring.visible .wrapper .xwc-account-transfer .amount .digit span:nth-of-type(5){text-shadow:0 0 1px #007eb6;}#page-money .xwc-stack-step.step4 .transferring.visible .wrapper .xwc-account-transfer .amount .digit span:nth-of-type(6){text-shadow:0 0 2px #007eb6;}#page-money .xwc-stack-step.step4 .transferring.visible .wrapper .xwc-account-transfer .amount .digit span:nth-of-type(7){text-shadow:0 0 2px #007eb6;}#page-money .xwc-stack-step.step4 .transferring.visible .wrapper .xwc-account-transfer .amount .digit span:nth-of-type(8){text-shadow:0 0 3px #007eb6;}#page-money .xwc-stack-step.step4 .transferring.visible .wrapper .xwc-account-transfer .amount .digit span:nth-of-type(9){text-shadow:0 0 4px #007eb6;}#page-money .xwc-stack-step.step4 .transferring.visible .wrapper .xwc-account-transfer .amount .digit span:nth-of-type(10){text-shadow:0 0 5px #007eb6;}#page-money .xwc-stack-step.step4 .transferring.visible .wrapper .xwc-account-transfer .amount .digit span:first-of-type,#page-money .xwc-stack-step.step4 .transferring.visible .wrapper .xwc-account-transfer .amount .digit span:nth-of-type(2),#page-money .xwc-stack-step.step4 .transferring.visible .wrapper .xwc-account-transfer .amount .digit span:nth-of-type(3),#page-money .xwc-stack-step.step4 .transferring.visible .wrapper .xwc-account-transfer .amount .digit span:last-of-type{color:#007eb6;text-shadow:none;}#page-money .xwc-stack-step.step4 .transferring.visible .wrapper .xwc-account-transfer .amount .digit:nth-of-type(2n+1) > span{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}#page-money .xwc-stack-step.step4 .transferring.visible .wrapper .xwc-account-transfer .amount .digit.remove-digit.digit-animate,#page-money .xwc-stack-step.step4 .transferring.visible .wrapper .xwc-account-transfer .amount .digit.add-digit.digit-animate{-webkit-transition-property:opacity,width,padding;-webkit-transition-duration:.6s;-webkit-transition-timing-function:ease-in-out;transition-property:opacity,width,padding;transition-duration:.6s;transition-timing-function:ease-in-out;}#page-money .xwc-stack-step.step4 .transferring.visible .wrapper .xwc-account-transfer .amount .digit.remove-digit{opacity:1;}#page-money .xwc-stack-step.step4 .transferring.visible .wrapper .xwc-account-transfer .amount .digit.remove-digit.digit-animate{opacity:0;width:0;padding:0;-webkit-transition-delay:0.3s,0.6s,0.6s;transition-delay:0.3s,0.6s,0.6s;}#page-money .xwc-stack-step.step4 .transferring.visible .wrapper .xwc-account-transfer .amount .digit.remove-digit.digit-animate:nth-of-type(2){-webkit-transition-delay:0.6s,0.9s,0.9s;transition-delay:0.6s,0.9s,0.9s;}#page-money .xwc-stack-step.step4 .transferring.visible .wrapper .xwc-account-transfer .amount .digit.remove-digit.digit-animate:nth-of-type(3){-webkit-transition-delay:0.9s,1.2s,1.2s;transition-delay:0.9s,1.2s,1.2s;}#page-money .xwc-stack-step.step4 .transferring.visible .wrapper .xwc-account-transfer .amount .digit.remove-digit.digit-animate:nth-of-type(4){-webkit-transition-delay:1.1s,1.4s,1.4s;transition-delay:1.1s,1.4s,1.4s;}#page-money .xwc-stack-step.step4 .transferring.visible .wrapper .xwc-account-transfer .amount .digit.remove-digit.digit-animate:nth-of-type(5){-webkit-transition-delay:1.2s,1.5s,1.5s;transition-delay:1.2s,1.5s,1.5s;}#page-money .xwc-stack-step.step4 .transferring.visible .wrapper .xwc-account-transfer .amount .digit.add-digit{opacity:0;width:0;padding:0;}#page-money .xwc-stack-step.step4 .transferring.visible .wrapper .xwc-account-transfer .amount .digit.add-digit.digit-animate{opacity:1;width:18px;-webkit-transition-delay:1.7s,1.2s,1.2s;transition-delay:1.7s,1.2s,1.2s;}#page-money .xwc-stack-step.step4 .transferring.visible .wrapper .xwc-account-transfer .amount .digit.add-digit.digit-animate + .add-digit.digit-animate{-webkit-transition-delay:1.4s,0.9s,0.9s;transition-delay:1.4s,0.9s,0.9s;}#page-money .xwc-stack-step.step4 .transferring.visible .wrapper .xwc-account-transfer .amount .digit.add-digit.digit-animate + .add-digit.digit-animate + .add-digit.digit-animate{-webkit-transition-delay:1.1s,0.6s,0.6s;transition-delay:1.1s,0.6s,0.6s;}#page-money .xwc-stack-step.step4 .transferring.visible .wrapper .xwc-account-transfer .amount .digit.add-digit.digit-animate + .add-digit.digit-animate + .add-digit.digit-animate + .add-digit.digit-animate{-webkit-transition-delay:0.9s,0.4s,0.4s;transition-delay:0.9s,0.4s,0.4s;}#page-money .xwc-stack-step.step4 .transferring.visible .wrapper .xwc-account-transfer .amount .digit.add-digit.digit-animate + .add-digit.digit-animate + .add-digit.digit-animate + .add-digit.digit-animate + .add-digit.digit-animate{-webkit-transition-delay:0.8s,0.3s,0.3s;transition-delay:0.8s,0.3s,0.3s;}#page-money .xwc-stack-step.step4 .transferring.visible .wrapper .transferring-bg{width:1017px;-webkit-transition:width 2.4s ease-out;-webkit-transition-delay:0.4s;transition:width 2.4s ease-out;transition-delay:0.4s;}#page-money .xwc-fragment.confirmation.active{opacity:1;background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_100px_bg.png) repeat 0 0;}#page-money .xwc-fragment.confirmation.active .wrapper{opacity:0;-webkit-transform:rotateX(-90deg);-webkit-transform-origin:50% top;transform:rotateX(-90deg);transform-origin:50% top;}#page-money .xwc-fragment.confirmation.active .wrapper .gradient-overlay{position:absolute;top:0;left:0;width:960px;height:220px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;background:-webkit-gradient(linear,left top,left bottom,from(#cccccc),to(black));opacity:0.7;visibility:visible;}#page-money .xwc-fragment.confirmation.active .wrapper .gradient-overlay{height:235px;}#page-money .xwc-fragment.confirmation.active .wrapper .receipt-stamp{opacity:0;}#page-money .xwc-fragment.confirmation.active .options{-webkit-transform:translateY(48px);transform:translateY(48px);}#page-money .xwc-fragment.confirmation.visible{opacity:1;-webkit-transform-style:flat;transform-style:flat;background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_100px_bg_v2.png) repeat 0 0;-webkit-perspective:2000;-webkit-transition:opacity 0.4s ease-in-out 0.25s,background 1s ease-in-out 0.25s;perspective:2000;transition:opacity 0.4s ease-in-out 0.25s,background 1s ease-in-out 0.25s;}#page-money .xwc-fragment.confirmation.visible .wrapper{opacity:1;-webkit-transform:rotateX(0deg);-webkit-transition:-webkit-transform 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s,opacity 0.2s ease-in-out 0.25s;transform:rotateX(0deg);transition:transform 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s,opacity 0.2s ease-in-out 0.25s;}#page-money .xwc-fragment.confirmation.visible .wrapper .gradient-overlay{opacity:0;visibility:hidden;-webkit-transition:opacity 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s,visibility 0s linear 1s;transition:opacity 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s,visibility 0s linear 1s;}#page-money .xwc-fragment.confirmation.visible .wrapper .receipt-stamp{opacity:1;-webkit-transition:opacity 0.4s ease-in-out 0.75s;transition:opacity 0.4s ease-in-out 0.75s;}#page-money .xwc-fragment.confirmation.visible .options{-webkit-transform:translateY(0);-webkit-transition:-webkit-transform 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s;transform:translateY(0);transition:transform 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s;}#page-money .view-pay,#page-money.edit .view-edit{display:block;}#page-money .title.view-pay,#page-money.edit .title.view-edit{display:inline-block;}#page-money .view-edit,#page-money.edit .view-pay{display:none;}#page-money .check.view-transfer{display:block;}#page-money .check.view-pay,#page-money .check.view-edit{display:none;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper.transfer .info > div:nth-of-type(1),#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper.transfer .info > div:nth-of-type(2){height:95px;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper.transfer .info > div:nth-of-type(3){height:75px;}#page-money .row{margin-left:50px;margin-right:10px;width:820px;float:left;height:50px;margin-top:20px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;}#page-money .step2 .row.transferamount{height:auto;}#page-money.xwc-page > div#xwc-page-content > .header .header-action{color:#009896;cursor:pointer;background:url(https://ib.absa.co.za/axob/xwc/img/divider_vertical_4.png) no-repeat left 50%;margin-left:17px;height:59px;opacity:0;visibility:hidden;display:inline-block;-webkit-transition:visibility 0s linear 0.32s,opacity 0.32s ease-in-out;transition:visibility 0s linear 0.32s,opacity 0.32s ease-in-out;}#page-money.xwc-page > div#xwc-page-content > .header .header-action a{padding-left:55px;height:59px;font-size:18px;display:block;line-height:59px;}#page-money.xwc-page > div#xwc-page-content > .header .header-action.visible{opacity:1;visibility:visible;-webkit-transition-delay:0;transition-delay:0;}#page-money.xwc-page > div#xwc-page-content > .header .header-action.start-over a{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_startover_small_normal.png) no-repeat 22px 15px;color:#ab2128;font-family:"ExpertSansBold",sans-serif;}#page-money.xwc-page > div#xwc-page-content > .header .header-action.start-over a:hover{color:#ab2128;}#page-money .xwc-stack-step.action-close .container-right *,#page-money .xwc-stack-step.action-open .container-right *{-webkit-animation:none;animation:none;}#page-money .step1 > .wrapper{height:430px;z-index:10;}#page-money .step1.extended > .wrapper,#page-money .step1.extended > .wrapper > .content{height:490px !important;z-index:10;}#page-money .step2 > .wrapper{height:370px;z-index:9;}#page-money .step2.confirm > .wrapper{height:431px;}#page-money .step3 > .wrapper{height:310px;}#page-money .step3.confirm > .wrapper{height:372px;}#page-money .step4 > .wrapper{height:310px;overflow:visible;}}#page-money .step3{position:relative;z-index:1;}#page-money .step4{position:relative;z-index:2;overflow:visible;}#page-money .step4 > .wrapper .content{overflow:visible;}#page-money .step2 .enter-amount{margin-left:235px;}#page-money .step2 .enter-amount h2{font-size:22px;color:#555555;margin-bottom:10px;}#page-money .xwc-ui-text input{float:left;width:310px;}#page-money .step2 .enter-amount input{float:left;width:300px;}#page-money .step2 .enter-amount .xwc-ui-text.amount{position:relative;}#page-money .step2 .enter-amount .xwc-ui-text.amount:before{font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;content:"R";position:absolute;left:-45px;top:15px;font-size:50px;color:#555555;width:60px;height:110px;}#page-money .step3 .payment-date{overflow:hidden;*zoom:1;}#page-money .step3 .payment-date h2{font-size:20px;color:#2d2d2d;margin-bottom:3px;}#page-money .step3 .payment-date .col1,#page-money .step3 .payment-date .col2,#page-money .step3 .payment-date .col3{float:left;height:227px;}#page-money .step3 .payment-date .col1{margin:0 0 0 50px;width:860px;}#page-money .step3 .payment-date .date{font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;}#page-money .step3 .payment-date .date .small{font-size:24px;color:#666666;margin:6px 0;font-family:"ExpertSansRegular",sans-serif;}#page-money .step3 .payment-date .col1 .radios{margin-top:-5px;}#page-money .step3 .payment-date .col1 .date .large .date-picker-date{font-family:"ExpertSansRegular",sans-serif;font-weight:100;word-spacing:-1px;border:none;padding:0;font-size:35px;color:#666666;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:auto;float:left;line-height:55px;}#page-money .step3 .payment-date .col1 .date .large .date-picker-date:hover{color:#666666;}#page-money .step3 .payment-date .date .large .date-picker-icon{display:inline;width:33px;height:25px;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_calendar_normal.png) no-repeat 0 0;margin:4px 0 0 14px;}#page-money .step3 .payment-date .date .large .date-picker-icon:active{background-position:0 -25px;-webkit-transition:none;transition:none;}#page-money .step3 .payment-date .date,#page-money .step3 .payment-date .how-often,#page-money .step3 .payment-date .last-payment{height:110px;}#page-money .step3 .payment-date.repeat-payment .col1{width:260px;}#page-money .step3 .payment-date .col1 .date .small{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}#page-money .step3 .payment-date.repeat-payment .col1 .date .small{font-size:18px;margin-bottom:0;}#page-money .step3 .payment-date .col1 .date .large > button.date-picker-date{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}#page-money .step3 .payment-date.repeat-payment .col1 .date .large > button.date-picker-date{font-size:30px;}#page-money .step3 .payment-date .col2,#page-money .step3 .payment-date .col3{background:url(https://ib.absa.co.za/axob/xwc/img/divider_vertical_5_repeat.png) repeat-y 4px 12px;padding:0 0 0 40px;margin-bottom:20px;}#page-money .step3 .payment-date .col2.visible,#page-money .step3 .payment-date .col3.visible{opacity:1;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}#page-money .step3 .payment-date.repeat-payment .col2,#page-money .step3 .payment-date.repeat-payment .col3{-webkit-transform:translateX(50px);transform:translateX(50px);}#page-money .step3 .payment-date.repeat-payment .col2.visible,#page-money .step3 .payment-date.repeat-payment .col3.visible{-webkit-transform:translateX(0);-webkit-transition:all 0.2s cubic-bezier(0.2,0,0.2,1);transform:translateX(0);transition:all 0.2s cubic-bezier(0.2,0,0.2,1);}#page-money .step3 .payment-date.repeat-payment .col3.visible{-webkit-transition-delay:0.1s;transition-delay:0.1s;}#page-money .step3 .payment-date.repeat-payment .col2{width:310px;}#page-money .step3 .payment-date.repeat-payment .col3{width:200px;}#page-money .xwc-ui-radio-set.payment-duration label div{font-size:16px;margin-top:0;color:#777777;word-wrap:normal;width:262px;line-height:18px;}#page-money .review-details{padding-left:50px;height:177px;padding-bottom:23px;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-box;-webkit-box-align:center;box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}#page-money .reference-details{padding-left:50px;padding-top:55px;height:108px;padding-bottom:23px;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}#page-money .review-details .check{font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;padding:0 40px 0 0;font-size:20px;color:#555555;}#page-money .review-details .check.view-error{text-align:center;}#page-money .review-details .check p{font-size:20px;line-height:24px;color:#555555;}#page-money .review-details .note{padding:0 0 25px 100px;width:340px;}#page-money .review-details .note h2{color:#555555;font-size:18px;margin-bottom:2px;}#page-money .reference-details .to-acc-reference{padding-left:40px;}#page-money .reference-details h2{color:#555555;font-size:18px;margin-bottom:2px;}#page-money .review-details .xwc-ui-text input{width:339px;}#page-money .reference-details .xwc-ui-text input{width:339px;}#page-money .review-details .check.view-edit p:first-of-type{margin-bottom:15px;color:#2d2d2d;}#page-money .xwc-stack-step .proceed-payment{position:relative;height:50px;line-height:50px;padding:0 50px;width:860px;cursor:default;cursor:pointer;border:none;-webkit-box-shadow:none;box-shadow:none;background-color:#868686;color:#fff;font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;font-size:28px;}#page-money .xwc-stack-step .proceed-payment.disabled{background-color:#ccc;}#page-money .xwc-fragment.progress{position:relative;width:960px;height:230px;padding-top:110px;-webkit-box-shadow:inset 0 2px 0 #e8e8e8;box-shadow:inset 0 2px 0 #e8e8e8;}#page-money .xwc-fragment.progress .spinner{margin:0 auto;}#page-money .xwc-fragment.progress .message{font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;text-align:center;margin-top:25px;color:#007eb6;font-size:22px;}#page-money .xwc-fragment.progress.active .spinner,#page-money .xwc-fragment.progress.active .message{opacity:0;}#page-money .xwc-fragment.progress.active.visible .spinner,#page-money .xwc-fragment.progress.active.visible .message{opacity:1;-webkit-transition:opacity 0.32s ease-in-out;-webkit-transition-delay:.8s;transition:opacity 0.32s ease-in-out;transition-delay:.8s;}#page-money .xwc-fragment.progress.active.visible.transition-out{opacity:1;clip:rect(1px,auto,auto,auto);-webkit-transition:clip 0.32s ease-in-out;transition:clip 0.32s ease-in-out;}#page-money .xwc-fragment.progress.active.visible.transition-out .spinner,#page-money .xwc-fragment.progress.active.visible.transition-out .message{opacity:0;-webkit-transition:opacity 0.32s ease-in-out;transition:opacity 0.32s ease-in-out;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation{background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_100px_bg_v2.png) repeat 0 0;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent{position:relative;width:960px;height:310px;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper{position:relative;z-index:999999;background:#fff;padding:0 155px 0 50px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:0 3px 0 0 #b9b9b9;height:240px}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper:before{content:"";position:absolute;top:-1px;left:0;background:white url(https://ib.absa.co.za/axob/xwc/img/divider_vertical_6.png) repeat-x 0 0;height:2px;width:100%;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .tran-status-msg{font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;color:#519123;font-size:28px;padding:20px 0 12px;display:inline-block;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .tran-status-msg.error{color:red;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .receipt-stamp{position:absolute;top:-35px;right:35px;width:137px;height:138px;background:url(https://ib.absa.co.za/axob/xwc/img/stamp_final_sprite_1.png) no-repeat 0px -276px;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .receipt-stamp.unsuccessful{background:url(https://ib.absa.co.za/axob/xwc/img/stamp_final_sprite_1.png) no-repeat 0px 0px;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .info{width:860px;overflow:hidden;*zoom:1;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .info > div{border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;width:50%;padding:11px 0;box-sizing:border-box;float:left;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .info > div:nth-of-type(1){border-right:1px solid #ebebeb;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .info > div:nth-of-type(2){padding-left:20px;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .info > div:nth-of-type(3){width:100%;border:none;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .info > div{font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;font-size:18px;line-height:22px;color:#555555;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .info > div h4{font-family:"ExpertSansRegular",sans-serif;font-weight:400;text-transform:uppercase;font-size:12px;line-height:10px;margin-bottom:9px;color:#555555;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .info > div .icon{float:left;margin:2px 18px 0 0;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .info > div button{font-size:16px;cursor:pointer;position:relative;width:auto;background:none;padding-bottom:2px;color:#003366;font-size:18px;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .info > div button:before{width:100%;content:"";height:1px;position:absolute;left:0;bottom:0;opacity:0;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .info > div button:hover:before{opacity:1;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .info > div button:before{background:#003366;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .info > div strong{font-family:"ExpertSansRegular",sans-serif;font-weight:400;color:#555555;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .info > div strong.payment-sent-name{text-transform:uppercase;font-size:18px;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .info > div .balance{color:#666666;font-size:22px;font-family:"ExpertSansRegular",sans-serif;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .info > div .payment-sent-note{font-family:"ExpertSansRegular",sans-serif;font-weight:400;color:#2d2d2d;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .info > div .payment-sent-note .no-reference{font-family:"ExpertSansRegularItalic",sans-serif;font-weight:400;color:#777777;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options{position:absolute;bottom:0;left:0;width:100%;height:310px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;box-align:center;-webkit-box-orient:horizontal;-webkit-box-pack:center;-webkit-box-align:end;-moz-box-align:end;justify-content:center;-ms-flex-align:end;-ms-flex-pack:center;align-items:flex-end;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-pay,#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-transfer{background:#fff;padding:0 20px;border-top-left-radius:10px;border-top-right-radius:10px;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-pay button,#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-transfer button{position:relative;padding-left:30px;margin-left:35px;height:48px;line-height:48px;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-pay button span,#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-transfer button span{font-size:16px;cursor:pointer;position:relative;width:auto;background:none;padding-bottom:2px;color:#007eb6;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-pay button span:before,#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-transfer button span:before{width:100%;content:"";height:1px;position:absolute;left:0;bottom:0;opacity:0;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-pay button span:hover:before,#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-transfer button span:hover:before{opacity:1;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-pay button span:before,#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-transfer button span:before{background:#007eb6;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-pay button:before,#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-transfer button:before{content:"";position:absolute;left:-20px;top:50%;margin-top:-10px;background:url(https://ib.absa.co.za/axob/xwc/img/divider_vertical_4.png) no-repeat 0 0;width:3px;height:22px;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-pay button:first-of-type,#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-transfer button:first-of-type{margin-left:0;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-pay button:first-of-type:before,#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-transfer button:first-of-type:before{display:none;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-pay .back-home,#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-transfer .back-home{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_home-cyan.png) no-repeat 0 50%;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-pay .back-home span,#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-pay .transfer-another span,#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-pay .print-receipt span,#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-transfer .back-home span{color:#ab2128;font-family:"ExpertSansRegular",sans-serif;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-pay .back-home span:hover{color:#ab2128;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-pay .back-home span:before,#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-pay .print-receipt span:before,#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-pay .transfer-another span:before,#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-transfer .back-home span:before{background-color:#ab2128;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-pay .new-payment,#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-transfer .new-payment{background:url(https://ib.absa.co.za/axob/xwc/img/icn_pound.png) no-repeat 0 50%;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-pay .new-payment span,#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-transfer .new-payment span{color:#9c5683;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-pay .new-payment span:before,#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-transfer .new-payment span:before{background-color:#9c5683;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-pay .print-receipt,#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-transfer .print-receipt{cursor:pointer;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_print.png) no-repeat 0 50%;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-pay .transfer-another{cursor:pointer;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_movemoney_sml.png) no-repeat 0 50%;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-pay .view-transactions,#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-transfer .view-transactions{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_backarrow.png) no-repeat 0 50%;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-pay .view-transactions span,#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-transfer .view-transactions span{color:#007eb6;}#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-pay .view-transactions span:before,#page-money .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-transfer .view-transactions span:before{background-color:#007eb6;}#page-money .xwc-stack-step.edit .confirm-changes{height:70px;}#page-money .xwc-stack-step.edit .confirm-changes button{float:left;width:auto;margin-top:10px;}#page-money .row .label{width:235px;font-size:20px;height:50px;color:#555555;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;box-align:center;-moz-box-align:center;justify-content:left;-ms-flex-align:center;-ms-flex-pack:center;align-items:center;}#page-money .row .label.optional{width:100px;font-size:16px;padding-left:18px;}#page-money .xwc-flyout.error{top:-2px;left:370px;width:270px;}#page-money .page-money-amountToTransfer.xwc-flyout.error{top:0px;}#page-money .page-money-fromAccRef.xwc-flyout.error{top:-7px;}#page-money .date-time-stamp{margin-top:31px;margin-left:70px;}#page-payees.active.visible{height:600px;width:960px;}#page-payees .payee-main{width:540px;float:left;padding:0 0 0 50px;position:relative;z-index:20;}#page-payees .payee-list-wrap{margin-right:0px;margin-left:50;width:370px;float:left;margin:0;width:370px;}#page-payees .xwc-fragment{height:490px;}#page-payees .toolbar{padding:5px 0 2px 0;width:960px;float:left;}#page-payees .toolbar button{overflow:visible;font-size:16px;cursor:pointer;position:relative;width:auto;background:none;padding-bottom:2px;color:#ab2128;font-size:16px;margin-left:100px;float:right;padding-top:5px;}#page-payees .toolbar button:before{width:100%;content:"";height:1px;position:absolute;top:36px;left:0;bottom:0;opacity:0;}#page-payees .toolbar button:hover:before{opacity:1;}#page-payees .toolbar button:before{background:#ab2128;}#page-payees .toolbar button:after{content:"";position:absolute;left:-28px;top:0;height:50px;width:25px;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/Pay_someone_new-22px.png) no-repeat 0 50%;}#page-payees .toolbar .find-payee{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-moz-box-pack:start;-ms-flex-pack:start;}#page-payees .toolbar .find-payee .filter{margin-right:70px;margin-left:30px;}#page-payees .toolbar .find-payee .filter .xwc-ui-select{width:220px;}#page-payees .toolbar .find-payee .search .xwc-ui-search{-webkit-box-shadow:none;box-shadow:none;}#page-payees .toolbar .find-payee .search .xwc-ui-search,#page-payees .toolbar .find-payee .search .xwc-ui-search input{width:304px;}#page-payees .toolbar .xwc-ui-select .dropdown{width:218px;}#page-payees .toolbar .xwc-ui-select .dropdown ul.scroller{width:auto;overflow-y:auto;}#page-payees .toolbar .xwc-ui-select .dropdown ul.scroller li{width:178px;}#page-payees .toolbar .xwc-ui-select .dropdown ul.scroller li::before{width:178px;}#page-payees .header h2.payee-manage,#page-payees.edit .header h2.payee-edit,#page-payees.add .header h2.payee-add{opacity:1;-webkit-transition:opacity 0.5s ease-in-out;-webkit-transition-delay:.5s;transition:opacity 0.5s ease-in-out;transition-delay:.5s;}#page-payees .content{clear:both;width:100%;border-top:1px solid #c9c9c9;overflow:visible;*zoom:1;}#page-payees .content .message{font-family:"ExpertSansBold",sans-serif;font-weight:100;word-spacing:-1px;font-size:18px;color:#479800;padding-bottom:5px;}#page-payees .content .message.hidden{display:none;}#page-payees .payee-main{height:382px;padding-top:38px;}#page-payees .payee-details-wrap{height:430px;width:580px;float:left;}#page-payees .payee-list-wrap{padding:0 0 0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:419px;position:relative;}#page-payees .payee-list-wrap h2{position:relative;text-align:left;}#page-payees .payee-list .gradient-top{position:absolute;left:0;top:0;z-index:400;width:100%;background:-webkit-gradient(linear,center top,center bottom,from(#fbfbfb),to(rgba(251,251,251,0)));width:316px;left:15px;top:4px;height:6px;}#page-payees .payee-list .gradient-bottom{position:absolute;left:0;bottom:0;z-index:400;width:100%;background:-webkit-gradient(linear,center top,center bottom,from(rgba(251,251,251,0)),to(#fffffb));width:304px;left:15px;height:16px;}#page-payees .xwc-alpha-list li,#page-payees .xwc-alpha-list + .overlay .active{-webkit-border-radius:0;border-radius:0;}#page-payees .xwc-ui-select .dropdown li strong.select-show{display:none;}#page-payees .payee-details .header{height:60px;}#page-payees .payee-details .resend-header,#page-payees .payee-details .futureDatedPayment-header{height:30px;}#page-payees .payee-details .header .text-large,#page-payees .payee-details .resend-header .text-large,#page-payees .payee-details .futureDatedPayment-header .text-large{color:#015172;width:490px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:20px;text-transform:uppercase;margin-top:10px;margin-bottom:3px;height:24px;}#page-payees .payee-details .header .sub-title{color:#555555;margin-top:2px;text-transform:uppercase;}#page-payees .payee-details .detail-list{border:2px solid #c8c8c8;width:520px;padding:0px 20px 0px 35px;background-color:#fafafa;height:347px;}#page-payees .payee-details .resend-detail-list,#page-payees .payee-details .futureDatedPayment-detail-list{border:2px solid #c8c8c8;width:520px;padding:0px 20px 0px 35px;background-color:#fafafa;height:347px;}#page-payees .payee-details .transaction-list{border:2px solid #c8c8c8;width:555px;padding:0 10px;background-color:#fafafa;height:347px;}#page-payees .payee-details .resend-detail-list table{margin-top:4px;margin-bottom:4px;height:260px;align-items:center;}#page-payees .payee-details .detail-list table{margin-top:4px;margin-bottom:5px;height:300px;align-items:center;}#page-payees .payee-details .futureDatedPayment-detail-list table{margin-top:4px;margin-bottom:4px;height:275px;align-items:center;font-size:14px;}#page-payees .payee-details .futureDatedPayment-detail-list table.medium{margin-top:4px;margin-bottom:4px;height:265px;align-items:center;font-size:14px;}#page-payees .payee-details .detail-list table tr{font-size:14px;background:#fafafa;}#page-payees .payee-details .detail-list table tr td:first-of-type,#page-payees .payee-details .resend-detail-list table tr td:first-of-type,#page-payees .payee-details .futureDatedPayment-detail-list table tr td:first-of-type{width:200px;}#page-payees .payee-details .detail-list table tr td:last-of-type{width:230px;color:#555555;}#page-payees .payee-details .resend-detail-list table tr td:last-of-type #page-payees .payee-details .futureDatedPayment-detail-list table tr td:last-of-type{width:280px;color:#555555;}#page-payees .payee-details .detail-list table tr:last-of-type,#page-payees .payee-details .resend-detail-list table tr:last-of-type,#page-payees .payee-details .futureDatedPayment-detail-list table tr:last-of-type{background-image:none;}#page-payees .payee-details .options,#page-payees .payee-details .options-futureDatedPayment-detail{height:44px;padding:6px;border-top:1px solid #d9d9d9;box-sizing:border-box;display:inline-block;margin-top:-5px;width:575px;background-color:white;margin-left:-35px;text-align:center;}#page-payees .payee-details .options-resend,#page-payees .payee-details .options-futureDatedPayment-list,#page-payees .payee-details .options-prepaid{height:44px;padding:6px;border-top:1px solid #d9d9d9;box-sizing:border-box;display:inline-block;margin-top:15px;width:575px;background-color:white;margin-left:-10px;text-align:center;}#page-payees .payee-details .successLine{padding:5px;border-top:1px solid #d9d9d9;box-sizing:border-box;display:inline-block;margin-top:10px;width:560px;background-color:white;margin-left:-35px;height:49px;}#page-payees .payee-details .successLine.invisible{display:none;}#page-payees .payee-details .options.payment{margin-left:-10px;}#page-payees .payee-details .options.hidden{display:none;}#page-payees .payee-details .options li,#page-payees .payee-details .options-resend li,#page-payees .payee-details .options-prepaid li,#page-payees .payee-details .options-futureDatedPayment-list li,#page-payees .payee-details .options-futureDatedPayment-detail li{background-repeat:no-repeat;background-position:0 50%;display:inline-block;padding:0 10px 0 35px;position:relative;height:28px;}#page-payees .payee-details .options li:before,#page-payees .payee-details .options-resend li:before,#page-payees .payee-details .options-prepaid li:before,#page-payees .payee-details .options-futureDatedPayment-list li:before,#page-payees .payee-details .options-futureDatedPayment-detail li:before{content:"";position:absolute;left:0;top:50%;margin-top:-10px;background:url(https://ib.absa.co.za/axob/xwc/img/divider_vertical_4.png) no-repeat 0 0;width:3px;height:22px;}#page-payees .payee-details .options li:first-of-type:before,#page-payees .payee-details .options-resend li:first-of-type:before,#page-payees .payee-details .options-prepaid li:first-of-type:before,#page-payees .payee-details .options-futureDatedPayment-list li:first-of-type:before,#page-payees .payee-details .options-futureDatedPayment-detail li:first-of-type:before{display:none;}#page-payees .payee-details .options li:nth-child(4):before{display:none;}#page-payees .payee-details .options li button,#page-payees .payee-details .options-resend li button,#page-payees .payee-details .options-prepaid li button,#page-payees .payee-details .options-futureDatedPayment-list li button,#page-payees .payee-details .options-futureDatedPayment-detail li button{font-size:14px;cursor:pointer;position:relative;width:auto;background:none;padding-bottom:2px;color:#ab2128;padding-top:5px;}#page-payees .payee-details .options li button:before,#page-payees .payee-details .options-resend li button:before,#page-payees .payee-details .options-prepaid li button:before,#page-payees .payee-details .options-futureDatedPayment-list li button:before,#page-payees .payee-details .options-futureDatedPayment-detail li button:before{width:100%;content:"";height:1px;position:absolute;left:0;bottom:0;opacity:0;}#page-payees .payee-details .options li button:hover:before{opacity:1;}#page-payees .payee-details .options li button:before,#page-payees .payee-details .options-resend li button:hover:before,#page-payees .payee-details .options-prepaid li button:hover:before,#page-payees .payee-details .options-futureDatedPayment-list li button:hover:before,#page-payees .payee-details .options-futureDatedPayment-detail li button:hover:before{background:#ab2128;}#page-payees .payee-details .options li button.disabled,#page-payees .payee-details .options-resend li button.disabled,#page-payees .payee-details .options-prepaid li button.disabled,#page-payees .payee-details .options-futureDatedPayment-list li button.disabled,#page-payees .payee-details .options-futureDatedPayment-detail li button.disabled{color:#D9D9D9;cursor:default;}#page-payees .payee-details .options li button.disabled:hover:before,#page-payees .payee-details .options-resend li button.disabled:hover:before,#page-payees .payee-details .options-prepaid li button.disabled:hover:before,#page-payees .payee-details .options-futureDatedPayment-list li button.disabled:hover:before,#page-payees .payee-details .options-futureDatedPayment-detail li button.disabled:hover:before{display:none;}#page-payees .payee-details .change{margin-left:-35px;margin-right:-35px;}#page-payees .payee-details .options .edit{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_edit_blue.png);background-position:21px 50%;padding:0 11px 0 52px;}#page-payees .payee-details .options .add{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icon_add_switching_beneficiary.png);background-position:21px 50%;padding:0 11px 0 52px;}#page-payees .payee-details .options .save{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icon_save.png);background-position:21px 50%;padding:0 11px 0 52px;}#page-payees .payee-details .options .startAgain{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_startover_small_normal.png);background-position:21px 50%;padding:0 11px 0 52px;}#page-payees .payee-details .options-futureDatedPayment-list .viewFutureDatedPayment,#page-payees .payee-details .options-futureDatedPayment-detail .viewFutureDatedPayment,#page-payees .payee-details .options-prepaid .viewNoticeOfPurchase{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_view_blue.png);background-position:21px 50%;padding:0 11px 0 52px;}#page-payees .payee-details .options .edit.hidden,#page-payees .payee-details .options .delete.hidden,#page-payees .payee-details .options .add.hidden,#page-payees .payee-details .options .save.hidden,#page-payees .payee-details .options .new-payment.hidden,#page-payees .payee-details .options .change.hidden{display:none;}#page-payees .payee-details .options .delete{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_delete_blue.png);background-position:21px 50%;padding:0 11px 0 52px;}#page-payees .payee-details .options-futureDatedPayment-list .deleteFutureDatedPayment,#page-payees .payee-details .options-futureDatedPayment-detail .deleteFutureDatedPayment{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_delete_blue.png);background-position:21px 50%;padding:0 11px 0 52px;}#page-payees .payee-details .options .change{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_edit_blue.png);background-position:21px 50%;padding:0 11px 0 52px;}#page-payees .payee-details .options-futureDatedPayment-list .editFutureDatedPayment,#page-payees .payee-details .options-futureDatedPayment-detail .editFutureDatedPayment{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_edit_blue.png);background-position:21px 50%;padding:0 11px 0 52px;}#page-payees .payee-details .options .new-payment{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_pay_ben_small.png);background-position:21px 50%;padding:0 11px 0 50px;}#page-payees .payee-details .options .send-cashSend{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_cashsend.png);background-position:21px 50%;padding:0 11px 0 50px;}#page-payees .payee-details .options .purchase-prepaid{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prepaid.png);background-position:21px 50%;padding:0 11px 0 50px;}#page-payees .payee-details .options-resend .resendToMe,#page-payees .payee-details .options-prepaid .resendNoticeOfPurchase{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_resend_notification_me.png);background-position:21px 50%;background-repeat:no-repeat;padding:0 11px 0 52px;}#page-payees .payee-details .options-resend .resendToMe.disabled,#page-payees .payee-details .options-prepaid .resendNoticeOfPurchase.disabled{background-image:url(https://ib.absa.co.za/axob/xwc/img/icn_resend_notification_me_inactive.png);background-position:21px 50%;background-repeat:no-repeat;padding:0 11px 0 52px;}#page-payees .payee-details .options-resend .resendToBeneficiary{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_resend_notification_ben.png);background-position:21px 50%;background-repeat:no-repeat;padding:0 11px 0 52px;}#page-payees .payee-details .options-resend .resendToBeneficiary.disabled{background-image:url(https://ib.absa.co.za/axob/xwc/img/icn_resend_notification_ben_inactive.png);background-position:21px 50%;background-repeat:no-repeat;padding:0 11px 0 52px;}#page-payees .payee-details .options-resend .resendToBeneficiary.invisible{display:none;}#page-payees .payee-details .options-resend.invisible{display:none;}#page-payees .payee-details .message .done{background-position:21px 50%;padding:0 0 0 50px;}#page-payees .payee-details .options .new-payment button{color:#ab2128;}#page-payees .payee-details .options .new-payment button:hover:before{background-color:#ab2128;}#page-payees .payee-form li{overflow:hidden;*zoom:1;margin-bottom:20px;}#page-payees .payee-form li .label{float:left;width:180px;font-size:20px;height:52px;line-height:52px;}#page-payees .payee-form li .input{float:left;}#page-payees .payee-form .options{position:absolute;left:230px;bottom:21px;}#page-payees .payee-form .options button{width:115px;margin-right:10px;padding:0;}#page-payees .payee-form .options .button-secondary{-webkit-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out;background-color:#666666;}#page-payees .payee-form .options .button-secondary:active{-webkit-transition:none;transition:none;}#page-payees .payee-form .options .button-secondary:hover{background-color:#4c4c4c;}#page-payees .payee-form .options .button-secondary:active{background-color:#4e4e4e;}#page-payees .payee-form .xwc-ui-text{position:absolute;}#page-payees .payee-form .xwc-flyout-content{width:260px;}#page-payees .payee-form .xwc-flyout-change-content{width:260px;}#page-payees .payee-form .sortcode .xwc-flyout-content{width:210px;}#page-payees .xwc-flyout-change{z-index:600;}#page-payees .toolbar .search{opacity:1;-webkit-transition:opacity 0.4s ease-in-out;-webkit-transition-delay:0.4s;transition:opacity 0.4s ease-in-out;transition-delay:0.4s;margin-left:50px;margin-right:20px;}#page-payees.editing .toolbar .search{opacity:0.1;pointer-events:none;-webkit-transition:opacity 0.24s ease-in-out;transition:opacity 0.24s ease-in-out;}#page-payees #payees-btn-add-new-payee{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;-webkit-transition:-webkit-transform 0.24s ease-in-out,opacity 0.4s ease-in-out;-webkit-transition-delay:0.4s;transition:-webkit-transform 0.24s ease-in-out,opacity 0.4s ease-in-out;transition-delay:0.4s;}#page-payees.editing #payees-btn-add-new-payee{-webkit-transform:translateX(-250px);transform:translateX(-250px);opacity:0;-webkit-transition:-webkit-transform 0.4s ease-in-out,opacity 0.24s ease-in-out;transition:-webkit-transform 0.4s ease-in-out,opacity 0.24s ease-in-out;}#page-payees .xwc-ui-search.open input{-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;}#page-payees .stack .xwc-loading.active.visible{top:60px;}#page-payees .xwc-tabs.horizontal li{-webkit-transition:none;transition:none;position:relative;z-index:0;border:1px solid #bdbdbd;border-top-right-radius:9px 15px;border-top-left-radius:9px 15px;width:165px;height:36px;line-height:36px;}#page-payees .xwc-tabs.horizontal li#detail-tab{width:150px;}#page-payees .xwc-tabs.horizontal li button{font-family:"ExpertSansRegular",sans-serif;font-weight:400;font-size:13px;text-align:center;width:100%;color:#007eb6;height:35px;}#page-payees .xwc-tabs.horizontal li:before,#page-payees .xwc-tabs.horizontal li:after{content:"";position:absolute;bottom:0;width:14px;height:31px;border:1px solid #bdbdbd;border-top:none;}#page-payees .xwc-tabs.horizontal li:before{left:-18px;border-bottom-right-radius:20px;border-left:none;transform:rotate(18deg);}#page-payees .xwc-tabs.horizontal li:after{right:-18px;border-bottom-left-radius:40px 40px;border-right:none;transform:rotate(-18deg);}#page-payees .xwc-tabs.horizontal li.tab-beneficiary-detail.selected,#page-payees .xwc-tabs.horizontal li.tab-beneficiary-transactions.selected,#page-payees .xwc-tabs.horizontal li.tab-beneficiary-futureDatedPayments.selected{z-index:3;background:#fafafa;-webkit-transition:none;transition:none;border-bottom:none;}#page-payees .xwc-tabs.horizontal li.tab-beneficiary-detail.selected button,#page-payees .xwc-tabs.horizontal li.tab-beneficiary-transactions.selected button,#page-payees .xwc-tabs.horizontal li.tab-beneficiary-futureDatedPayments.selected button{font-family:"ExpertSansBold",sans-serif;font-weight:inherit;-webkit-font-smoothing:antialiased;color:#2d2d2d;cursor:default;}#page-payees .xwc-tabs.horizontal li.tab-beneficiary-detail.selected:before,#page-payees .xwc-tabs.horizontal li.tab-beneficiary-transactions.selected:before,#page-payees .xwc-tabs.horizontal li.tab-beneficiary-futureDatedPayments.selected:before{-webkit-box-shadow:1px 0 0 0 #fafafa,6px 0 0 0 #fafafa,14px 0 0 0 #fafafa;box-shadow:1px 0 0 0 #fafafa,6px 0 0 0 #fafafa,14px 0 0 0 #fafafa;}#page-payees .xwc-tabs.horizontal li.tab-beneficiary-detail.selected:after,#page-payees .xwc-tabs.horizontal li.tab-beneficiary-transactions.selected:after,#page-payees .xwc-tabs.horizontal li.tab-beneficiary-futureDatedPayments.selected:after{-webkit-box-shadow:-1px 0 0 0 #fafafa,-6px 0 0 0 #fafafa,-14px 0 0 0 #fafafa;box-shadow:-1px 0 0 0 #fafafa,-6px 0 0 0 #fafafa,-14px 0 0 0 #fafafa;}#page-payees .xwc-tabs.horizontal li.tab-beneficiary-detail.selected:hover:before,#page-payees .xwc-tabs.horizontal li.tab-beneficiary-detail.selected:active:before,#page-payees .xwc-tabs.horizontal li.tab-beneficiary-transactions.selected:hover:before,#page-payees .xwc-tabs.horizontal li.tab-beneficiary-transactions.selected:active:before,#page-payees .xwc-tabs.horizontal li.tab-beneficiary-futureDatedPayments.selected:hover:before,#page-payees .xwc-tabs.horizontal li.tab-beneficiary-futureDatedPayments.selected:active:before{-webkit-box-shadow:1px 0 0 0 #fafafa,6px 0 0 0 #fafafa,14px 0 0 0 #fafafa;box-shadow:1px 0 0 0 #fafafa,6px 0 0 0 #fafafa,14px 0 0 0 #fafafa;}#page-payees .xwc-tabs.horizontal li.tab-beneficiary-detail.selected:hover:after,#page-payees .xwc-tabs.horizontal li.tab-beneficiary-detail.selected:active:after,#page-payees .xwc-tabs.horizontal li.tab-beneficiary-transactions.selected:hover:after,#page-payees .xwc-tabs.horizontal li.tab-beneficiary-transactions.selected:active:after,#page-payees .xwc-tabs.horizontal li.tab-beneficiary-futureDatedPayments.selected:hover:after,#page-payees .xwc-tabs.horizontal li.tab-beneficiary-futureDatedPayments.selected:active:after{-webkit-box-shadow:-1px 0 0 0 #fafafa,-6px 0 0 0 #fafafa,-14px 0 0 0 #fafafa;box-shadow:-1px 0 0 0 #fafafa,-6px 0 0 0 #fafafa,-14px 0 0 0 #fafafa;}#page-payees .xwc-tab-content-container{position:relative;z-index:1;width:560px;}#page-payees .xwc-tab-content.active,#page-payees .xwc-tab-content.visible{opacity:1;}#page-payees .xwc-alpha-list .wrapper ul.scroller{width:340px;max-height:399px;}#page-payees .xwc-alpha-list .wrapper ul.scroller{overflow-y:scroll;overflow-x:hidden;}#page-payees .xwc-alpha-list .wrapper ul{width:350px;}#page-payees .xwc-alpha-list .wrapper ul{margin:0;padding:0 0 0 4px;}#page-payees .xwc-alpha-list h2,#page-payees .xwc-alpha-list li{width:310px;padding:0 0px;padding-bottom:5px;display:block;}#page-payees .xwc-alpha-list li .first-of-type{background-image:none;padding-top:0;}#page-payees .xwc-alpha-list li > div:last-of-type,#page-payees .xwc-alpha-list + .overlay .active > div:last-of-type{text-align:right;width:308px;}#page-payees .xwc-alpha-list .wrapper{padding:10px 0 10px;}#page-payees .xwc-transaction-list{margin-right:0px;margin-left:0px;margin-bottom:0px;margin-top:10px;float:left;width:565px;overflow-x:hidden;position:relative;height:265px;}#page-payees .xwc-transaction-list-cashsend,#page-payees .xwc-transaction-list-prepaid{margin-right:0px;margin-left:0px;margin-bottom:10px;margin-top:10px;float:left;width:565px;overflow-x:hidden;position:relative;height:324px;}#page-payees .xwc-transaction-no-results{margin-right:0px;margin-left:0px;margin-bottom:0px;margin-top:10px;float:left;width:565px;overflow-x:hidden;position:relative;height:325px;}#page-payees .xwc-transaction-list ul li{height:50px;width:545px;list-style-type:none;position:relative;cursor:pointer;}#page-payees .xwc-transaction-box,#page-payees .xwc-transaction-box-cashsend,#page-payees .xwc-transaction-box-prepaid,#page-payees .xwc-futureDatedPayment-item{cursor:pointer;border:1px solid #c8c8c8;-webkit-box-shadow:0 0 0 0;-webkit-border-radius:8px;box-shadow:0 0 0 0;border-radius:8px;margin-bottom:5px;margin-right:20px;cursor:pointer;background-color:#fff;overflow:hidden;width:545px;display:block;height:60px;}#page-payees .xwc-transaction-box button,#page-payees .xwc-transaction-box-cashsend button,#page-payees .xwc-transaction-box-prepaid button,#page-payees .xwc-futureDatedPayment-item button{position:relative;z-index:2;height:60px;background:#fff;-webkit-transition:background-color 0.2s ease-in-out;-webkit-border-radius:7px;transition:background-color 0.2s ease-in-out;border-radius:7px;font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;color:#555555;width:545px;}#page-payees .xwc-transaction-box .reference,#page-payees .xwc-transaction-box .status,#page-payees .xwc-transaction-box .amount,#page-payees .xwc-futureDatedPayment-item .account,#page-payees .xwc-futureDatedPayment-item .reference,#page-payees .xwc-futureDatedPayment-item .amount,#page-payees .xwc-transaction-box-cashsend .reference,#page-payees .xwc-transaction-box-cashsend .status,#page-payees .xwc-transaction-box-cashsend .amount,#page-payees .xwc-transaction-box-prepaid .account,#page-payees .xwc-transaction-box-prepaid .status,#page-payees .xwc-transaction-box-prepaid .amount{width:140px;float:left;}#page-payees .xwc-transaction-box .date,#page-payees .xwc-futureDatedPayment-item .date,#page-payees .xwc-transaction-box-cashsend .date,#page-payees .xwc-transaction-box-prepaid .date{width:120px;float:left;}#page-payees .xwc-transaction-box .amount-title,#page-payees .xwc-transaction-box .date-title,#page-payees .xwc-transaction-box .name-title,#page-payees .xwc-transaction-box .result-title,#page-payees .xwc-transaction-box .status-title,#page-payees .xwc-transaction-box-cashsend .amount-title,#page-payees .xwc-transaction-box-cashsend .date-title,#page-payees .xwc-transaction-box-cashsend .name-title,#page-payees .xwc-transaction-box-cashsend .result-title,#page-payees .xwc-transaction-box-prepaid .amount-title,#page-payees .xwc-transaction-box-prepaid .date-title,#page-payees .xwc-transaction-box-prepaid .name-title,#page-payees .xwc-transaction-box-prepaid .result-title,#page-payees .xwc-futureDatedPayment-item .amount-title,#page-payees .xwc-futureDatedPayment-item .date-title,#page-payees .xwc-futureDatedPayment-item .name-title,#page-payees .xwc-futureDatedPayment-item .result-title{line-height:30px;}#page-payees .select.beneficiaryTypes{height:40px;margin-top:3px;display:flex;}#page-payees .transaction-list li.active button{background-color:#00aeef;-webkit-transition:none;transition:none;color:#fff;background-image:none;padding-top:0;}#page-payees .review-details .add{height:38px;padding-bottom:23px;margin-bottom:150px;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-box;-webkit-box-align:center;box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}#page-payees .review-details .add p{font-size:20px;line-height:24px;color:#555555;margin-top:30px;}#page-payees .xwc-stack-step.step3.final .xwc-fragment.confirmation .payment-sent .wrapper:before,#page-payees .xwc-stack-step.step2.final .xwc-fragment.confirmation .payment-sent .wrapper:before{content:"";position:absolute;top:-2px;left:0;background:white url(https://ib.absa.co.za/axob/xwc/img/divider_vertical_6.png) repeat-x 0 0;height:2px;width:100%;}#page-payees .xwc-stack-step.step3.final .xwc-fragment.confirmation .payment-sent .options,#page-payees .xwc-stack-step.step2.final .xwc-fragment.confirmation .payment-sent .options{position:absolute;bottom:0;left:0;width:100%;height:251px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;box-align:center;-webkit-box-orient:horizontal;-webkit-box-pack:center;-webkit-box-align:end;-moz-box-align:end;justify-content:center;-ms-flex-align:end;-ms-flex-pack:center;align-items:flex-end;}#page-payees .stack .xwc-stack-step.step3.final > .wrapper,#page-payees .stack .xwc-stack-step.step3.final > .wrapper .content,#page-payees .stack .xwc-stack-step.step3.final .xwc-fragment,#page-payees .stack .xwc-stack-step.step3.final .xwc-fragment.confirmation .payment-sent{height:430px;}#page-payees .stack .xwc-stack-step.step2.final > .wrapper,#page-payees .stack .xwc-stack-step.step2.final > .wrapper .content,#page-payees .stack .xwc-stack-step.step2.final .xwc-fragment,#page-payees .stack .xwc-stack-step.step2.final .xwc-fragment.confirmation .payment-sent{height:490px;}#page-payees .xwc-stack-step.step3.final .xwc-fragment.confirmation .payment-sent .options .view-pay,#page-payees .xwc-stack-step.step3.final .xwc-fragment.confirmation .payment-sent .options .view-edit,#page-payees .xwc-stack-step.step3.final .xwc-fragment.confirmation .payment-sent .options .view-transfer{background:#fff;padding:0 20px;border-top-left-radius:10px;border-top-right-radius:10px;}#page-payees .xwc-stack-step.step2.final .xwc-fragment.confirmation .payment-sent .options .view-pay,#page-payees .xwc-stack-step.step2.final .xwc-fragment.confirmation .payment-sent .options .view-edit,#page-payees .xwc-stack-step.step2.final .xwc-fragment.confirmation .payment-sent .options .view-transfer{background:#fff;padding:0 20px;border-top-left-radius:10px;border-top-right-radius:10px;}#page-payees .xwc-stack-step .xwc-fragment.confirmation .payment-sent .wrapper{position:relative;z-index:999999;background:#fff;padding:0 50px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:0 3px 0 0 #b9b9b9;height:180px;}#page-payees .xwc-stack-step.step4.final .xwc-fragment.confirmation .payment-sent .wrapper .receipt-stamp,#page-payees .xwc-stack-step.step3.final .xwc-fragment.confirmation .payment-sent .wrapper .receipt-stamp,#page-payees .xwc-stack-step.step2.final .xwc-fragment.confirmation .payment-sent .wrapper .receipt-stamp{position:absolute;top:-35px;right:35px;width:137px;height:138px;background:url(https://ib.absa.co.za/axob/xwc/img/stamp_final_sprite_1.png) no-repeat 0px -276px;}#page-payees .stack .xwc-stack-step.disabled > .wrapper .summary{background:#fff;-webkit-transition:background 0.32s ease-in-out;transition:background 0.32s ease-in-out;}#page-payees.xwc-page > div#xwc-page-content > .header .header-action{color:#009896;cursor:pointer;background:url(https://ib.absa.co.za/axob/xwc/img/divider_vertical_4.png) no-repeat left 50%;margin-left:17px;height:59px;opacity:0;visibility:hidden;display:inline-block;-webkit-transition:visibility 0s linear 0.32s,opacity 0.32s ease-in-out;transition:visibility 0s linear 0.32s,opacity 0.32s ease-in-out;}#page-payees.xwc-page > div#xwc-page-content > .header .header-action.start-over a{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_startover_small_normal.png) no-repeat 22px 15px;color:#ab2128;font-family:"ExpertSansBold",sans-serif;}#page-payees.xwc-page > div#xwc-page-content > .header .header-action a{padding-left:55px;height:59px;font-size:18px;display:block;line-height:59px;}#page-payees .step1 > .wrapper{height:430px;z-index:2;}#page-payees .step2 > .wrapper{height:370px;}#page-payees .step2 .row{height:auto;margin-top:25px;}#page-payees .row .label{width:235px;font-size:20px;height:50px;color:#555555;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;box-align:center;-moz-box-align:center;justify-content:flex-start;-ms-flex-align:center;align-items:center;}#page-payees .step3.final > .wrapper,#page-payees .step2.final > .wrapper{height:248px;overflow:visible;}#page-payees .step3 .row{height:auto;margin-top:45px;}#page-payees .step3.final,#page-payees .step2.final{position:relative;z-index:2;overflow:visible;}#page-payees .step3 > .wrapper .content{overflow:visible;}#page-payees .view-pay,#page-payees.edit .view-edit{display:block;}#page-payees .review-details.addCashSend,#page-payees .review-details.addElectricityPrepaid{padding-left:50px;height:240px;padding-bottom:23px;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-box;-webkit-box-align:center;box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}#page-payees .review-details.addPrepaid{padding-left:50px;height:290px;padding-bottom:23px;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-box;-webkit-box-align:center;box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}#page-payees .review-details .check{width:800px;font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;padding:0 40px 0 0;font-size:20px;color:#555555;}#page-payees .check.view-transfer{display:block;}#page-payees .review-details .check p{font-size:20px;line-height:24px;color:#555555;}#page-payees .step1 .xwc-fragment.progress .spinner{margin:0 auto;margin-top:140px;}#page-payees .step1 .xwc-fragment.progress p{display:none;}#page-payees .step1 .xwc-fragment.progress{position:absolute;}#page-payees .step4 .xwc-fragment.progress .spinner{margin:0 auto;}#page-payees .xwc-fragment.progress .message{font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;text-align:center;margin-top:25px;color:#007eb6;font-size:22px;}#page-payees .xwc-fragment.confirmation.visible .options{-webkit-transform:translateY(0);-webkit-transition:-webkit-transform 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s;transform:translateY(0);transition:transform 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s;}#page-payees .xwc-stack-step.step3.final .xwc-fragment.confirmation,#page-payees .xwc-stack-step.step2.final .xwc-fragment.confirmation{background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_100px_bg_v2.png) repeat 0 0;}#page-payees .xwc-fragment.confirmation.visible{opacity:1;-webkit-transform-style:flat;transform-style:flat;background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_100px_bg_v2.png) repeat 0 0;-webkit-perspective:2000;-webkit-transition:opacity 0.4s ease-in-out 0.25s,background 1s ease-in-out 0.25s;perspective:2000;transition:opacity 0.4s ease-in-out 0.25s,background 1s ease-in-out 0.25s;}#page-payees .xwc-fragment.confirmation.active{opacity:1;background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_100px_bg.png) repeat 0 0;}#page-payees .step3.final > .wrapper .content,#page-payees .step2.final > .wrapper .content{overflow:visible;}#page-payees .xwc-stack-step.step3.final .xwc-fragment.confirmation .payment-sent,#page-payees .xwc-stack-step.step2.final .xwc-fragment.confirmation .payment-sent{position:relative;width:960px;height:310px;}#page-payees .xwc-fragment.confirmation.active .wrapper{opacity:0;-webkit-transform:rotateX(-90deg);-webkit-transform-origin:50% top;transform:rotateX(-90deg);transform-origin:50% top;}#page-payees .xwc-fragment.confirmation.visible .wrapper{opacity:1;-webkit-transform:rotateX(0deg);-webkit-transition:-webkit-transform 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s,opacity 0.2s ease-in-out 0.25s;transform:rotateX(0deg);transition:transform 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s,opacity 0.2s ease-in-out 0.25s;}#page-payees .xwc-fragment.confirmation.visible .wrapper .gradient-overlay{opacity:0;visibility:hidden;-webkit-transition:opacity 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s,visibility 0s linear 1s;transition:opacity 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s,visibility 0s linear 1s;}#page-payees .xwc-fragment.confirmation.active .wrapper .gradient-overlay{height:235px;}#page-payees .xwc-alpha-list{width:340px;height:419px;overflow-y:hidden;overflow-x:hidden;margin-top:10px;}#page-payees .icon.tick{width:25px;height:25px;margin:0 auto 15px auto;-webkit-border-radius:15px;border-radius:15px;background:#479800 url(https://ib.absa.co.za/axob/xwc/img/icn_tick_success_small.png) no-repeat 50% 50%;opacity:1;float:left;margin-right:5px;}#page-payees .date-time-stamp{font-family:"ExpertSansRegular",sans-serif;word-spacing:-1px;border:none;padding:0;font-size:16px;color:#555555;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:auto;float:left;}#page-payees .select-notificationType-change button{cursor:pointer;border:1px solid #bcbcbc;font-weight:100;word-spacing:-1px;background:#f8f8f8;position:relative;width:58px;height:25px;padding:0 5px;text-align:center;cursor:pointer;float:left;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;font-size:14px;color:#555555;}#page-payees .select-notificationType-change button.button-disabled{cursor:pointer;border:1px solid #bcbcbc;font-weight:100;word-spacing:-1px;-webkit-transition:background-color 0.1s ease-in-out;background:#e9e9e9;transition:background-color 0.1s ease-in-out;position:relative;width:58px;height:25px;padding:0 5px;text-align:center;cursor:pointer;float:left;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;font-size:14px;color:#bdbdbd;}#page-payees .select-notificationType-change .leftRadius{-webkit-border-radius:5px 0px 0px 5px;border-radius:5px 0px 0px 5px;}#page-payees .select-notificationType-change .noRightBorder{border-right:0px;border-right-style:dotted;}#page-payees .select-notificationType-change .rightRadius{-webkit-border-radius:0px 5px 5px 0px;border-radius:0px 5px 5px 0px;}#page-payees .select-notificationType-change button.selected,#page-payees .select-notificationType-change button.selected:hover{background-color:#00aeef;color:#fff;}#page-payees .select-notificationType-change button:hover{background-color:#e8f9ff;}#page-payees .select-notificationType-change button:active{background-color:#00aeef;-webkit-transition:none;transition:none;}#page-payees .beneficiaryCellphone.invisible,#page-payees .beneficiaryEmail.invisible,#page-payees .beneficiaryFax.invisible,#page-payees .beneficiaryRecipient.invisible{display:none;}#page-payees .xwc-flyout-change{padding:5px 5px 5px 5px;position:absolute;display:block;font-size:12px;line-height:10px;-webkit-border-radius:5px;border-radius:5px;z-index:700;visibility:visible;opacity:1;-webkit-transition:visibility 0s linear 0.2s,opacity 0.2s ease-in-out;-webkit-transition-delay:0s;transition:visibility 0s linear 0.2s,opacity 0.2s ease-in-out;transition-delay:0s;}#page-payees .xwc-flyout-change.error{font-family:"ExpertSansBold",sans-serif;font-weight:inherit;-webkit-font-smoothing:antialiased;color:#fff;background-color:#f76c6c;border:1px solid #c36969;}#page-payees .xwc-flyout-change.error .xwc-flyout-pointer.top{width:22px;height:11px;background:url(https://ib.absa.co.za/axob/xwc/img/icn_flap_error_top.png) no-repeat 0 0;}#page-payees .xwc-flyout-change .xwc-flyout-pointer{position:absolute;}#page-payees .noMatch a,#page-payees .noBenFound a,#page-payees .benListError a{padding-left:65px;height:55px;font-size:16px;display:block;line-height:55px;text-align:left;color:#2d2d2d;}#page-payees .noMatch a,#page-payees .noBenFound a{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_warning.png) no-repeat 22px 15px;font-family:"ExpertSansRegular",sans-serif;}#page-payees .benListError a{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_error.png) no-repeat 22px 15px;font-family:"ExpertSansRegular",sans-serif;}#page-payees .noMatch,#page-payees .noBenFound,#page-payees .benListError{opacity:1;visibility:visible;-webkit-transition-delay:0;transition-delay:0;}#page-payees .xwc-transaction-box button .text-large,#page-payees .xwc-transaction-box-cashsend button .text-large,#page-payees .xwc-transaction-box-prepaid button .text-large,#page-payees .xwc-futureDatedPayment-item button .text-large{left:64px;top:20px;color:#2d2d2d;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}#page-payees .transaction-list li.active button .text-large{background-color:#00aeef;-webkit-transition:none;transition:none;color:#fff;background-image:none;padding-top:0;}#page-payees .xwc-transaction-box button .no-tran-icon,#page-payees .xwc-transaction-box-cashsend button .no-tran-icon,#page-payees .xwc-transaction-box-prepaid button .no-tran-icon,#page-payees .xwc-futureDatedPayment-item button .no-tran-icon{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_warning.png);position:absolute;left:10px;top:0px;width:45px;height:60px;border-radius:5px;background-repeat:no-repeat;background-position:50% 50%;}#page-payees .has-payees.invisible{display:none;}#page-payees .no-payees.visible{display:block;}#page-payees .no-payees.invisible{display:none;}#page-payees .payees-errors.invisible{display:none;}#page-payees .payees-errors.visible{display:block;}#page-payees .xwc-stack-step.step3 .xwc-fragment.confirmation .payment-sent .wrapper .tran-status-msg{font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;color:#479800;font-size:28px;padding:20px 0 12px;}#page-payees .xwc-stack-step.step3 .xwc-fragment.confirmation .payment-sent .wrapper .icon.tick{width:30px;height:30px;margin:22px auto 15px auto;-webkit-border-radius:15px;border-radius:15px;background:#479800 url(https://ib.absa.co.za/axob/xwc/img/icn_tick_success_small.png) no-repeat 50% 50%;opacity:1;float:left;margin-right:5px;}#page-payees .xwc-stack-step.step3 .xwc-fragment.confirmation .payment-sent .wrapper .tran-status-msg.error{color:#ab2128;}#page-payees .xwc-stack-step.step3 .xwc-fragment.confirmation .payment-sent .wrapper .tran-status-msg{font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;color:#479800;font-size:28px;padding:20px 0 12px;}#page-payees .view-pay,#page-payees.edit .view-edit{display:block;}#page-payees .xwc-stack-step.step3 .xwc-fragment.confirmation .payment-sent .wrapper .icon.cross{width:30px;height:30px;margin:22px auto 15px auto;-webkit-border-radius:15px;border-radius:15px;background:#ab2128 url(https://ib.absa.co.za/axob/xwc/img/icn_cross_unsuccessful.png) no-repeat 50% 50%;opacity:1;float:left;margin-right:5px;}#page-payees .xwc-stack-step.step3 .xwc-fragment.confirmation .payment-sent .wrapper .icon.error{background-image:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prod_error.png);}#page-payees .xwc-stack-step.step3 .xwc-fragment.confirmation .payment-sent .wrapper .icon{width:38px;height:20px;-webkit-border-radius:5px;border-radius:5px;background-repeat:no-repeat;background-position:50% 50%;background-color:#ffffff;float:left;}#page-payees .xwc-stack-step.step3.final .xwc-fragment.confirmation .payment-sent .wrapper p,#page-payees .xwc-stack-step.step2.final .xwc-fragment.confirmation .payment-sent .wrapper p{padding-top:15px;margin-top:0px;margin-bottom:0px;}#page-payees .xwc-stack-step.step2 > .wrapper .summary.onConfirm{-webkit-transition:background-color 0.1s ease-in-out;transition:background-color 0.1s ease-in-out;padding:0 50px;width:860px;position:absolute;top:-60px;height:60px;line-height:60px;color:#555555;background:#f8f8f8;z-index:10;font-size:24px;cursor:pointer;}#page-payees.xwc-page > div#xwc-page-content > .header .header-action.visible{opacity:1;visibility:visible;-webkit-transition-delay:0;transition-delay:0;}#page-payees .step3 > .wrapper{height:310px;}#page-payees .step3 .row,#page-payees .step2 .row{height:45px;margin-top:15px;}#page-payees .additionalInstitutionInfo .row{margin-top:35px;}#page-payees .row .label.instFirstLabel{height:20px;width:335px;}#page-payees .row .noFlexLabel{width:335px;font-size:20px;height:50px;display:inline-block;overflow:hidden;text-overflow:ellipsis;color:#555555;}#page-payees .row .label{width:230px;font-size:20px;height:45px;color:#555555;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;box-align:center;-moz-box-align:center;justify-content:flex-start;-ms-flex-align:center;align-items:center;}#page-payees .input .xwc-ui-text input{width:320px;}#page-payees .review-details.addOwnDefined{padding-left:50px;height:180px;padding-bottom:23px;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-box;-webkit-box-align:center;box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}#page-payees .xwc-stack-step.step4.final .xwc-fragment.confirmation{background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_100px_bg_v2.png) repeat 0 0;}#page-payees .stack .xwc-stack-step.step4.final > .wrapper,#page-payees .stack .xwc-stack-step.step4.final > .wrapper .content,#page-payees .stack .xwc-stack-step.step4.final .xwc-fragment,#page-payees .stack .xwc-stack-step.step4.final .xwc-fragment.confirmation .payment-sent{height:370px;}#page-payees .xwc-stack-step.step4.final .xwc-fragment.confirmation .payment-sent{position:relative;width:960px;height:310px;}#page-payees .xwc-stack-step.step4.final .xwc-fragment.confirmation .payment-sent .wrapper:before{content:"";position:absolute;top:-2px;left:0;background:white url(https://ib.absa.co.za/axob/xwc/img/divider_vertical_6.png) repeat-x 0 0;height:2px;width:100%;}#page-payees .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .icon.tick{width:30px;height:30px;margin:22px auto 15px auto;-webkit-border-radius:15px;border-radius:15px;background:#479800 url(https://ib.absa.co.za/axob/xwc/img/icn_tick_success_small.png) no-repeat 50% 50%;opacity:1;float:left;margin-right:5px;}#page-payees .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .icon{width:38px;height:20px;-webkit-border-radius:5px;border-radius:5px;background-repeat:no-repeat;background-position:50% 50%;background-color:#ffffff;float:left;}#page-payees .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .tran-status-msg{font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;color:#479800;font-size:28px;padding:20px 0 12px;}#page-payees .xwc-stack-step.step4.final .xwc-fragment.confirmation .payment-sent .options .view-pay,#page-payees .xwc-stack-step.step4.final .xwc-fragment.confirmation .payment-sent .options .view-edit,#page-payees .xwc-stack-step.step4.final .xwc-fragment.confirmation .payment-sent .options .view-transfer{background:#fff;padding:0 20px;border-top-left-radius:10px;border-top-right-radius:10px;}#page-payees .xwc-stack-step.step4.final .xwc-fragment.confirmation .payment-sent .options{position:absolute;bottom:0;left:0;width:100%;height:251px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;box-align:center;-webkit-box-orient:horizontal;-webkit-box-pack:center;-webkit-box-align:end;-moz-box-align:end;justify-content:center;-ms-flex-align:end;-ms-flex-pack:center;align-items:flex-end;}#page-payees .row.hidingRow,#page-payees .checkboxs.hidingRow{visibility:hidden;}#page-payees .dropdown-list .srcacclabel{width:229px;height:50px;color:#555555;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;box-align:center;-moz-box-align:center;justify-content:left;-ms-flex-align:center;-ms-flex-pack:center;align-items:center;}#page-payees .step4.final{position:relative;z-index:2;overflow:visible;}#page-payees .step4.final > .wrapper{overflow:visible;}#page-payees .input.xwc-ui-text .icon.absaListedBen{right:-160px;}#page-payees .absaListedBeneficiary.xwc-flyout.error{top:55px;left:400px;width:220px;}#page-payees .absaListedBeneficiary.xwc-flyout.error .xwc-flyout-pointer.left{background:url(https://ib.absa.co.za/axob/xwc/img/icn_flap_error_top.png) no-repeat 0 0;width:22px;height:11px;top:-11px!important;left:15px!important;}#page-payees .absaListedBeneficiary .xwc-flyout-pointer.left{top:-11px;left:15px;}#page-payees .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .wrapper .tran-status-msg{font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;color:#519123;font-size:28px;padding:20px 0 12px;}#page-payees .payment-sent .message-det{clear:both;}#page-payees .date-time-stamp{margin-top:32px;margin-left:70px;}#page-payees .InstitutionReference.xwc-flyout.error,#page-payees .yourAccountInstitution.xwc-flyout.error{width:146px;}#page-payees .step1 .institution-select .row.institution-details.hidingRow,#page-payees .row.hidingRow#absaListedBenSearchBox,#page-payees .institution-select .hidingRow.select-matched-institution#absaListedList{display:none;}#page-payees .step1 .xwc-institution-select{overflow:hidden;*zoom:1;display:table-cell;vertical-align:middle;height:170px;padding-left:45px;}#page-payees .step1 .xwc-institution-select h2{color:#555555;margin-bottom:10px;margin-left:47px;}#page-payees .step1 .xwc-institution-select > div{vertical-align:middle;display:table-cell;padding:5px;}#page-payees .step1 .xwc-institution-select .xwc-institutions{-webkit-border-radius:8px;border-radius:8px;border:2px solid #00aeef;-webkit-box-shadow:4px 5px 0 0 #e8e8e8;box-shadow:4px 5px 0 0 #e8e8e8;position:relative;width:854px;height:150px;}#page-payees .step1 .xwc-institution-select .xwc-institutions ul{max-height:150px;overflow-x:hidden;overflow-y:scroll;width:570px;}#page-payees .step1 .xwc-institution-select .xwc-institutions ul::-webkit-scrollbar{width:7px;}#page-payees .step1 .xwc-institution-select .xwc-institutions ul::-webkit-scrollbar-track{background-color:rgba(179,183,185,0.4);border-radius:3px;margin:10px 0;}#page-payees .step1 .xwc-institution-select .xwc-institutions ul::-webkit-scrollbar-thumb{background-color:#7d7d7d;border-radius:3px;min-height:50px;}#page-payees .step1 .xwc-institution-select .xwc-institutions ul::-webkit-scrollbar-thumb:active{background-color:#666;}#page-payees .step1 .xwc-institution-select .xwc-institutions ul::-webkit-scrollbar-button:start:decrement{width:5px;height:21px;background:url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_up_small.png) no-repeat -1px 0;display:block;border-top:10px solid white;border-bottom:4px solid white;}#page-payees .step1 .xwc-institution-select .xwc-institutions ul::-webkit-scrollbar-button:end:increment{position:relative;width:5px;height:21px;background:url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_dn_small.png) no-repeat -1px 0;display:block;border-bottom:10px solid white;border-top:4px solid white;}#page-payees .step1 .xwc-institution-select .xwc-institutions ul li{height:52px;width:854px;list-style-type:none;position:relative;cursor:pointer;}#page-payees .step1 .xwc-institution-select .xwc-institutions ul li:before{position:absolute;content:"";left:11px;top:0;width:832px;height:2px;background:url(https://ib.absa.co.za/axob/xwc/img/divider_opt_dot_grey.png) repeat-x 0 bottom;}#page-payees .step1 .xwc-institution-select .xwc-institutions ul li:first-of-type{height:50px;}#page-payees .step1 .xwc-institution-select .xwc-institutions ul li:first-of-type:before{display:none;}#page-payees .step1 .xwc-institution-select .xwc-institutions ul li button{-webkit-transition:background-color 0.1s ease-in-out;transition:background-color 0.1s ease-in-out;}#page-payees .step1 .xwc-institution-select .xwc-institutions ul li button:hover{background-color:#e8f9ff;}#page-payees .step1 .xwc-institution-select .xwc-institutions ul li button:active{background-color:#e8f9ff;-webkit-transition:none;transition:none;}#page-payees .step1 .xwc-institution-select .xwc-institutions ul li button .type{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px;cursor:pointer;line-height:50px;color:#555555;}#page-payees .step1 .xwc-institution-select .xwc-institutions ul li button .code{position:absolute;right:220px;top:0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px;cursor:pointer;line-height:50px;color:#555555;}#page-payees .step1 .xwc-institution-select .xwc-institutions ul li button .account{position:absolute;right:30px;top:0px;line-height:50px;font-size:18px;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;}#page-payees .step1 .xwc-institution-select .xwc-institutions ul li button{font-size:18px;font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;color:#555555;height:50px;line-height:50px;width:780px;padding-left:40px;margin-top:2px;text-align:left;}#page-payees .step1 .xwc-institution-select .xwc-institutions ul li:first-of-type button{-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;border-top-left-radius:6px;border-top-right-radius:6px;margin-top:0;}#page-payees .step1 .xwc-institution-select .xwc-institutions ul li:last-of-type button{-webkit-border-bottom-left-radius:6px;-webkit-border-bottom-right-radius:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px;}#page-payees .step1 .xwc-institution-select .xwc-institutions ul li.active:before,#page-payees .step1 .xwc-institution-select .xwc-institutions ul li.active + li:before{display:none;}#page-payees .step1 .xwc-institution-select .xwc-institutions ul li.active button{background-color:#00aeef;color:#fff;font-family:"ExpertSansRegular",sans-serif;font-weight:400;padding-bottom:2px;height:48px;}#page-payees .step1 .xwc-institution-select .accountNumber-label{margin-left:60px;font-size:16px;}#page-payees .step1 .xwc-institution-select .accountCode-label{margin-left:344px;font-size:16px;}#page-payees .step1 .xwc-institution-select .xwc-institutions ul li.active .amount{color:#fff;}#page-payees .step1 .xwc-institution-select .xwc-institutions ul li.active .code,#page-payees .step1 .xwc-institution-select .xwc-institutions ul li.active .account{color:#fff;}#page-payees .step1 .xwc-institution-select .xwc-institutions ul li.active .type{color:#fff;}#page-payees .step1 .xwc-institution-select .xwc-institutions ul li.prev button{padding-bottom:2px;}#page-payees .step1 .xwc-institution-select .xwc-institutions ul.scroller{width:846px;}#page-payees .step1 .xwc-institution-select .xwc-institutions ul.scroller li{width:838px;}#page-payees .step1 .xwc-institution-select .xwc-institutions ul.scroller li:before{width:798px;}#page-payees .step1 .xwc-institution-select .xwc-institutions ul.scroller li button{width:798px;}#page-payees .step1 .xwc-institution-select .xwc-institutions ul.scroller:first-of-type button{-webkit-border-top-right-radius:0;border-top-right-radius:0;}#page-payees .step1 .xwc-institution-select .xwc-institutions ul.scroller:last-of-type button{-webkit-border-bottom-right-radius:0;border-bottom-right-radius:0;}#page-payees .step1 .xwc-institution-select .xwc-institutions.move-from{margin-right:50px;}#page-payees .xwc-ui-searchbox .dropdown ul.scroller li,#page-payees .xwc-ui-searchbox .dropdown li .wrap,#page-payees .xwc-ui-searchbox .dropdown ul.scroller li:before{width:480px;}#page-payees .xwc-ui-searchbox .xwc-ui-text.manageBeneficiarySearch input,#page-payees .xwc-ui-searchbox .xwc-ui-text.addAbsaListedBeneficiarySearch input,#page-payees .xwc-ui-searchbox .xwc-ui-text.searchTransactions input{padding-right:30px;}#page-payees .xwc-ui-searchbox .xwc-ui-text.manageBeneficiarySearch,#page-payees .xwc-ui-searchbox .xwc-ui-text.addAbsaListedBeneficiarySearch,#page-payees .xwc-ui-searchbox .xwc-ui-text.searchTransactions{width:305px;}#page-payees .xwc-ui-searchbox .dropdown .name,#page-payees .xwc-ui-searchbox .dropdown .note{text-transform:uppercase;font-size:18px;}#page-payees .invisible{display:none;}#page-payees .button-new-payee:focus,#page-payees .button-listed-payees:focus,#page-payees .button-new-cashsend-payee:focus,#page-payees .button-new-prepaid-payee:focus{background-color:#e8f9ff;}#page-payees .xwc-alpha-list li.active,#page-payees .xwc-alpha-list + .overlay .active.active{background-color:#00aeef;-webkit-transition:none;transition:none;color:#fff;background-image:none;padding-top:0;}#page-payees .xwc-alpha-list li.active div,#page-payees .xwc-alpha-list + .overlay .active div{color:#fff;}#page-payees .resend-caption{margin-bottom:10px;padding-top:10px;font-size:18px;margin-left:-20px;}#page-payees .futureDatedPayment-caption{margin-bottom:10px;padding-top:10px;font-size:16px;margin-left:-20px;}#page-payees .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-pay .print-receipt,#page-payees .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-transfer .print-receipt,#page-payees .xwc-stack-step.step3 .xwc-fragment.confirmation .payment-sent .options .view-pay .print-receipt,#page-payees .xwc-stack-step.step3 .xwc-fragment.confirmation .payment-sent .options .view-transfer .print-receipt,#page-payees .xwc-stack-step.step2 .xwc-fragment.confirmation .payment-sent .options .view-pay .print-receipt,#page-payees .xwc-stack-step.step2 .xwc-fragment.confirmation .payment-sent .options .view-transfer .print-receipt{cursor:pointer;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_print.png) no-repeat 0 50%;}#page-payees .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .print-receipt span,#page-payees .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-edit .print-receipt span,#page-payees .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-transfer .print-receipt span,#page-payees .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .beneficiary-addAnother span,#page-payees .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-edit .beneficiary-addAnother span,#page-payees .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-transfer .beneficiary-addAnother span,#page-payees .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .beneficiary-payNow span,#page-payees .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-edit .beneficiary-payNow span,#page-payees .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-transfer .beneficiary-payNow span{color:#ab2128;font-family:"ExpertSansRegular",sans-serif;}#page-payees .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-pay .beneficiary-addAnother,#page-payees .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-transfer .beneficiary-addAnother,#page-payees .xwc-stack-step.step3 .xwc-fragment.confirmation .payment-sent .options .view-pay .beneficiary-addAnother,#page-payees .xwc-stack-step.step3 .xwc-fragment.confirmation .payment-sent .options .view-transfer .beneficiary-addAnother,#page-payees .xwc-stack-step.step2 .xwc-fragment.confirmation .payment-sent .options .view-pay .beneficiary-addAnother,#page-payees .xwc-stack-step.step2 .xwc-fragment.confirmation .payment-sent .options .view-transfer .beneficiary-addAnother{cursor:pointer;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/Pay_someone_new-22px.png) no-repeat 0 50%;}#page-payees .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-pay .beneficiary-payNow,#page-payees .xwc-stack-step.step4 .xwc-fragment.confirmation .payment-sent .options .view-transfer .beneficiary-payNow{cursor:pointer;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_pay_ben_small.png) no-repeat 0 50%;}#page-payees .xwc-stack-step.step3 .xwc-fragment.confirmation .payment-sent .options .view-pay .beneficiary-payNow,#page-payees .xwc-stack-step.step3 .xwc-fragment.confirmation .payment-sent .options .view-transfer .beneficiary-payNow{cursor:pointer;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_cashsend.png) no-repeat 0 50%;}#page-payees .xwc-stack-step.step2 .xwc-fragment.confirmation .payment-sent .options .view-pay .beneficiary-payNow,#page-payees .xwc-stack-step.step2 .xwc-fragment.confirmation .payment-sent .options .view-transfer .beneficiary-payNow{cursor:pointer;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_prepaid.png) no-repeat 0 50%;}#page-payees .payment-date .col1{width:430px;height:0px;}#page-payees .payment-date a{margin-left:-53px;position:relative;top:-16px;}#page-payees .payment-date .date .small{font-size:18px;color:#666666;font-family:"ExpertSansRegular",sans-serif;border:1px solid #cccccc;padding-right:6px;padding-left:6px;background-color:#ffffff;}#page-payees .payment-date .date .small.disabled{background-color:#fff;}#page-payees .payment-date .col1 .date .date-picker-date{font-family:"ExpertSansRegular",sans-serif;font-weight:100;word-spacing:-1px;border:none;font-size:14px;width:157px;height:26px;text-align:left;color:#555555;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;line-height:30px;cursor:pointer;vertical-align:top;background-color:#ffffff;}#page-payees .payment-date .col1 .date .date-picker-date.disabled{background-color:#fff;color:#dbdbdb;}#page-payees .date-picker-date:hover{color:#00aeef;}#page-payees .date-picker-date:disabled{background-color:#fafafa;pointer-events:none;}#page-payees .date-picker-icon{display:inline;width:20px;height:20px;border:none;background-repeat:no-repeat;margin:4px 0 0 4px;cursor:pointer;}#page-payees .date-picker-icon.disabled{display:none;width:20px;height:20px;border:none;background-repeat:no-repeat;margin:4px 0 0 4px;cursor:pointer;}#page-payees .date-picker-icon:hover{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_calendar_normal_hover.png);background-repeat:no-repeat;-webkit-transition:none;transition:none;}#page-payees .payment-date .date .large .date-picker-icon:active{background-position:0 -25px;-webkit-transition:none;transition:none;}#page-payees > button.date-picker-date{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}#page-payees .ui-datepicker{background-color:#ffffff;border:1px solid #6dcff6;-webkit-box-shadow:inset 0 0 0 4px #c5ecfb,0 0 25px 3px rgba(0,0,0,0.15);-moz-box-shadow:inset 0 0 0 4px #c5ecfb,0 0 25px 3px rgba(0,0,0,0.15);box-shadow:inset 0 0 0 4px #c5ecfb,0 0 25px 3px rgba(0,0,0,0.15);padding:17px;}#page-payees .payment-date{overflow:hidden;height:30px;}#page-payees .payment-day{overflow:hidden;height:10px;}#page-payees .payment-date .date{font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;width:500px;}#page-payment .select .ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:4px;padding-left:10px;padding-right:25px;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}#page-payees .select .ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:4px;padding-left:10px;padding-right:20px;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}#page-payees .beneficiaryTypes .ui-selectmenu-button span.ui-selectmenu-text{padding:8px;font-size:18px;}#page-payees .date .select .ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:4px;padding-left:10px;padding-right:20px;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;}#page-payees .xwc-tabs.horizontal{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;float:right;margin-right:70px;}#page-payees .payee-details .futureDatedPayment-detail-list table.small{margin-top:4px;margin-bottom:4px;height:30px;align-items:center;font-size:14px;}#page-payees .date .select .ui-state-default,#page-payees .date .select .ui-widget-content .ui-state-default,#page-payees .date .select .ui-widget-header .ui-state-default{border:1px solid #cccccc;background:white;font-weight:normal;color:#2D2D2D;width:150px !important;}#page-payees .change .button-navigation-cancel,#page-payees .resend .button-navigation-cancel,#page-payees .options-futureDatedPayment .button-navigation-cancel,#page-payees .change .button-navigation-next,#page-payees .resend .button-navigation-next,#page-payees .options-futureDatedPayment .button-navigation-next{height:35px;line-height:35px;padding:0 15px;}#page-payees .ui-selectmenu-menu #futureTimeList-menu.ui-menu{max-height:203px;overflow:auto;overflow-x:hidden;padding-bottom:1px;}#page-payees #futureTimeList-menu.ui-widget-content{background:white;color:#2D2D2D;border:1px solid #C8C8C8;padding:4px 0;-webkit-border-radius:8px;-webkit-box-shadow:inset 0 0 0 4px #EEE;border-radius:8px;box-shadow:inset 0 0 0 4px #EEE;}#page-payees #futureTimeList-menu.ui-widget{font-family:ExpertSansLight,sans-serif;font-size:20px;}#page-payees .row .input .xwc-ui-text .faxView{position:relative;width:200px;margin-left:10px;}#page-payees .beneficiaryPreSelect{background:#fff;border:2px solid #00aeef;-webkit-border-radius:8px;border-radius:8px;padding:180px 10px 180px 10px;margin:20px 10px 20px 10px;text-align:center;color:#999;}#page-payees .beneficiaryPreSwitch{background:#fff;border:2px solid #00aeef;-webkit-border-radius:8px;border-radius:8px;padding:180px 10px 245px 10px;margin:20px 10px 20px 10px;text-align:center;color:#999;}#page-payees .row .input .xwc-ui-text .xwc-flyout.fax.error{left:270px;}#page-payees input#branchCode,#page-payees input:focus#branchCode{line-height:47px;}#page-payees input#mngt-searchRegularBeneficiary,#page-payees input#mngt-searchCashSendBeneficiary,#page-payees input#mngt-searchPrepaidBeneficiary{font-size:18px;}#page-payees .beneficiaryTypes .ui-menu-item .wrap{font-size:18px;}div#switchAbsaListedBenIcon.icon{position:absolute;top:4px;right:30px;width:20px;height:20px;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/mag_glass_cyan.png) no-repeat 0 0;}div#switchSearchIcon.icon{position:absolute;top:3px;right:85px;width:20px;height:20px;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/mag_glass_cyan.png) no-repeat 0 0;}#switchAccountTypes{width:280px;height:28px;font-size:14px;}.select.switchAccountTypes .ui-selectmenu-text{font-size:14px;}.switchInstitutionSearch.ui-autocomplete-input,#switchInstitutionSearch .xwc-ui-searchbox .xwc-ui-text input{width:230px;height:28px;font-size:14px;}#switchBeneficiary tr td:first-of-type{width:540px !important;}.input.xwc-ui-text .icon.absaListedBen{top:5px;right:30px;}#switchBeneficiary .xwc-ui-searchbox .spinner{top:0px;}.xwc-page.xwc-out-of-band{margin-top:0;}.xwc-modal-overlay .xwc-modal.xwc-out-of-band h2{font-size:20px;}.xwc-modal-overlay .xwc-modal.xwc-out-of-band .row{margin-right:32px;width:370px;float:right;height:45px;margin-top:25px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;}.xwc-modal-overlay .xwc-modal.xwc-out-of-band .content .xwc-buttons-panel.otpPanel{margin:0px 0px 0px 0px;position:absolute;bottom:0;right:0;}.xwc-modal-overlay .xwc-modal.xwc-out-of-band .content .xwc-buttons-panel.sureCheckPanel{margin:0px 0px 0px 0px;position:absolute;bottom:0;right:80px;}.xwc-modal-overlay .xwc-modal.xwc-out-of-band .row.responseMessageRow.sureCheckRespMsgRow.surecheckv2{text-align:left;margin-top:10px;}.xwc-modal-overlay .xwc-modal.xwc-out-of-band .row.responseMessageRow.sureCheckRespMsgRow{margin-left:0px;width:450px;text-align:center;color:red;height:50px;}.xwc-modal-overlay .xwc-modal.xwc-out-of-band .row.responseMessageRow.otpRespMsgRow{margin-left:0px;width:450px;text-align:center;color:red;height:60px;}.xwc-modal-overlay .xwc-modal.xwc-out-of-band .row.timerRow.surecheckv2{display:block;}.xwc-modal-overlay .xwc-modal.xwc-out-of-band .row.timerRow{margin-left:0px;width:450px;text-align:center;height:55px;}.xwc-modal-overlay .xwc-modal.xwc-out-of-band .content .process-main .row .importantInfo{text-align:left;color:#555555;font-family:"ExpertSansBold",sans-serif;font-weight:inherit;-webkit-font-smoothing:antialiased;}.xwc-modal-overlay .xwc-modal.xwc-out-of-band .content .process-main .row .importantInfo ul{font-family:"ExpertSansLight",sans-serif;font-size:14px;margin-top:0px;list-style-type:disc;margin-left:15px;}.xwc-modal-overlay .xwc-modal.xwc-out-of-band .content .process-main .row .importantInfo li{list-style:disc outside none;}.xwc-modal-overlay .xwc-modal.xwc-out-of-band .row.importantInfoRow.surecheckv2{margin-top:42px;}.xwc-modal-overlay .xwc-modal.xwc-out-of-band .row.importantInfoRow{margin-left:0px;width:480px;margin-right:2px;margin-top:20px;}.button-securitynotification-reset{color:#fff;-webkit-border-radius:5px;border-radius:5px;text-align:center;font-size:20px;cursor:pointer;height:45px;float:right;line-height:45px;padding:0 25px;-webkit-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out;background-color:#666666;margin-right:15px;width:60px;}.button-securitynotification-reset:hover,.button-securitynotification-resend:hover,.button-securitynotification-cancel:hover{background-color:#00395d;color:#FFFFFF;}.button-securitynotification-reset:focus,.button-securitynotification-resend:focus,.button-securitynotification-cancel:focus{background-color:#00395d;color:#FFFFFF;}.button-securitynotification-resend{color:#fff;-webkit-border-radius:5px;border-radius:5px;text-align:center;font-size:20px;cursor:pointer;height:45px;float:right;line-height:45px;padding:0 25px;-webkit-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out;background-color:#666666;margin-right:15px;width:135px;}.button-securitynotification-cancel{color:#fff;-webkit-border-radius:5px;border-radius:5px;text-align:center;font-size:20px;cursor:pointer;height:45px;float:right;line-height:45px;padding:0 25px;-webkit-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out;background-color:#666666;margin-right:15px;width:85px;}.button-securitynotification-noSmart{color:#fff;-webkit-border-radius:5px;border-radius:5px;text-align:center;font-size:20px;cursor:pointer;height:45px;float:right;line-height:45px;padding:0 25px;-webkit-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out;background-color:#666666;margin-right:15px;width:280px;}.button-securitynotification-continue{color:#fff;-webkit-border-radius:5px;border-radius:5px;text-align:center;font-size:20px;cursor:pointer;height:45px;float:right;line-height:45px;padding:0 25px;-webkit-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out;background-color:#007eb6;margin-right:15px;width:95px;}.button-securitynotification-reset.button-disabled:hover,.button-securitynotification-resend.button-disabled:hover,.button-securitynotification-cancel.button-disabled:hover,.button-securitynotification-continue.button-disabled:hover{background-color:#e9e9e9;color:#bdbdbd;}.button-securitynotification-continue:hover,.button-securitynotification-continue:focus{background-color:#00395d;color:#FFFFFF;}.xwc-out-of-band{position:relative;top:62px;z-index:999999;display:none;}.xwc-out-of-band .wrapper{width:796px;height:435px;padding:0 12px 12px;margin:0 auto;position:relative;}.xwc-out-of-band .wrapper .logo{background:white url(https://ib.absa.co.za/axob/xwc/img/logo_placeholder_dc_oob.png) no-repeat 50% 32px;width:100%;height:80px;}.xwc-out-of-band .wrapper .fragments{position:relative;background:#fff;height:434px;}.xwc-out-of-band .wrapper .fragments .cancel-verification{position:absolute;right:0;bottom:-62px;}.xwc-out-of-band .wrapper .fragments .cancel-verification button{position:relative;color:#fff;font-size:16px;height:50px;line-height:50px;padding-left:42px;}.xwc-out-of-band .wrapper .fragments .cancel-verification button span{-webkit-transition:background-color 0.2s ease-in-out;background-color:#b95699;background-image:url(https://ib.absa.co.za/axob/xwc/img/icn_clear_normal.png);background-position:50% 50%;background-repeat:0 0;width:32px;height:32px;-webkit-border-radius:16px;position:absolute;left:0;top:9px;cursor:pointer;}.xwc-out-of-band .wrapper .fragments .cancel-verification button span:active{-webkit-transition:none;}.xwc-out-of-band .wrapper .fragments .cancel-verification button span:active{background-color:#853d6d;}.xwc-out-of-band .wrapper .fragments .cancel-verification button:active span{background-color:#853d6d;-webkit-transition:none;}.xwc-out-of-band .wrapper .fragments .xwc-fragment{position:relative;background-color:#fff;width:796px;height:434px;text-align:center;}.xwc-out-of-band .wrapper .fragments .xwc-fragment h2{font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;color:#b95699;font-size:20px;}.xwc-out-of-band .wrapper .fragments .xwc-fragment p{font-size:16px;}.xwc-out-of-band .wrapper .fragments .xwc-fragment .number{font-family:"ExpertSansBold",sans-serif;font-weight:inherit;-webkit-font-smoothing:antialiased;letter-spacing:0.28em;}.xwc-out-of-band .wrapper .fragments .xwc-fragment .number .first{margin-right:5px;}.xwc-out-of-band .wrapper .fragments .xwc-fragment .number .first,.xwc-out-of-band .wrapper .fragments .xwc-fragment .number .last{letter-spacing:0.05em;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.send-code .notice{font-size:18px;line-height:23px;padding-top:13px;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.send-code .process-info{font-family:"ExpertSansRegular",sans-serif;font-weight:400;padding-top:177px;background:url(https://ib.absa.co.za/axob/xwc/img/oob-illustration.png) no-repeat 50% 21px;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.send-code .process-info div:nth-of-type(1) button{font-size:16px;cursor:pointer;position:relative;width:auto;background:none;padding-bottom:2px;color:#b95699;font-size:12px;margin-left:2px;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.send-code .process-info div:nth-of-type(1) button:before{width:100%;content:"";height:1px;position:absolute;left:0;bottom:0;opacity:0;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.send-code .process-info div:nth-of-type(1) button:hover:before{opacity:1;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.send-code .process-info div:nth-of-type(1) button:before{background:#b95699;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.send-code .process-info div:nth-of-type(2){padding:22px 0 40px;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.send-code .send-code{text-align:center;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.send-code .send-code span{color:#fff;-webkit-border-radius:5px;text-align:center;font-size:20px;cursor:pointer;height:50px;float:left;line-height:50px;padding:0 25px;-webkit-transition:background-color 0.2s ease-in-out;background-color:#b95699;display:inline-block;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.send-code .send-code span:active{-webkit-transition:none;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.send-code .send-code span:active{background-color:#853d6d;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.enter-code .box-wrapper{display:-webkit-box;height:inherit;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.enter-code .box-wrapper .notice{width:310px;padding:0 0 0 0;color:#555555;height:inherit;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.enter-code .box-wrapper .notice.otp p{margin-bottom:0;width:230px;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.enter-code .box-wrapper .notice.sureCheck p{margin-bottom:0;width:210px;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.enter-code .box-wrapper .notice .info{padding-top:260px;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/oob-snm-phone-and-arrow.png) no-repeat 52px 0px;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.enter-code .box-wrapper .notice.sureCheck2 .info{padding-top:260px;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/phone.png) no-repeat 52px 0px;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.enter-code .box-wrapper .notice.email .info{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/oob-snm-email-and-arrow.png) no-repeat 52px 0px;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.enter-code .box-wrapper .notice .info .xwc-out-of-band-counter{position:relative;width:230px;}.xwc-out-of-band .wrapper .fragments .xwc-fragment .box-wrapper .xwc-out-of-band-counter .counter .time.surecheck2{left:0px;top:2px;}.xwc-out-of-band .wrapper .fragments .xwc-fragment .box-wrapper .xwc-out-of-band-counter .counter .time{position:relative;left:15px;top:5px;font-family:"ExpertSansBold",sans-serif;font-weight:inherit;-webkit-font-smoothing:antialiased;font-size:24px;background:url(https://ib.absa.co.za/axob/xwc/img/oob-clock.png) no-repeat 0 5px;padding:0 0 0 30px;}.xwc-out-of-band .wrapper .fragments .xwc-fragment .box-wrapper .xwc-out-of-band-counter .counter span{padding-left:35px;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.enter-code .box-wrapper .notice .info .xwc-out-of-band-counter .new-code{width:240px;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.enter-code .box-wrapper .notice .info .xwc-out-of-band-counter .new-code button{font-size:16px;cursor:pointer;position:relative;width:auto;background:none;padding-bottom:2px;color:#b95699;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.enter-code .box-wrapper .notice .info .xwc-out-of-band-counter .new-code button:before{width:100%;content:"";height:1px;position:absolute;left:0;bottom:0;opacity:0;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.enter-code .box-wrapper .notice .info .xwc-out-of-band-counter .new-code button:hover:before{opacity:1;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.enter-code .box-wrapper .notice .info .xwc-out-of-band-counter .new-code button:before{background:#b95699;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.enter-code .box-wrapper .process-main{width:480px;height:inherit;position:absolute;right:0;top:0;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.enter-code .box-wrapper .process-main > p{margin-bottom:12px;color:#555555;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.enter-code .box-wrapper .process-main .details{padding:17px 0 14px 0;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;margin-bottom:28px;width:360px;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.enter-code .box-wrapper .process-main .details h2{font-size:24px;margin-bottom:10px;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.enter-code .box-wrapper .process-main .details div{display:inline-block;font-size:18px;color:#777777;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.enter-code .box-wrapper .process-main .details div span{color:#555555;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.enter-code .box-wrapper .process-main .details div:last-of-type{margin-left:15px;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.enter-code .box-wrapper .process-main .verification-message{width:450px;padding-top:30px;color:#555555;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.enter-code .box-wrapper .process-main .verification-message span{font-family:"ExpertSansBold",sans-serif;font-weight:inherit;-webkit-font-smoothing:antialiased;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.errors .box-wrapper{display:-webkit-box;-webkit-box-orient:vertical;-webkit-box-pack:center;height:390px;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.errors .box-wrapper .warning-icon{width:93px;height:85px;background:url(https://ib.absa.co.za/axob/xwc/img/icn_warning_triangle.png) no-repeat 0 0;margin:0 auto 20px auto;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.errors .box-wrapper h2{color:#c03b3b;margin-bottom:30px;font-size:22px;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.errors .box-wrapper p{font-size:16px;line-height:20px;width:500px;margin:0 auto 20px auto;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.errors .box-wrapper .send-new-code{text-align:center;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.errors .box-wrapper .send-new-code span{color:#fff;-webkit-border-radius:5px;text-align:center;font-size:20px;cursor:pointer;height:50px;float:left;line-height:50px;padding:0 25px;-webkit-transition:background-color 0.2s ease-in-out;background-color:#b95699;display:inline-block;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.errors .box-wrapper .send-new-code span:active{-webkit-transition:none;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.errors .box-wrapper .send-new-code span:active{background-color:#853d6d;}.xwc-out-of-band .wrapper .fragments .xwc-fragment.errors .box-wrapper .helpdesk{font-family:"ExpertSansBold",sans-serif;font-weight:inherit;-webkit-font-smoothing:antialiased;}.xwc-out-of-band .xwc-flyout-out-of-band-mobile{width:350px;}.xwc-out-of-band .xwc-flyout-out-of-band-mobile .xwc-flyout-close{background-color:#888;}.xwc-out-of-band .xwc-flyout-out-of-band-mobile .xwc-flyout-close:hover{background-color:#777;}.xwc-out-of-band .verification-code-flyout{width:257px;}.xwc-out-of-band.active{display:block;opacity:0;visibility:hidden;}.xwc-out-of-band.active .wrapper{-webkit-transform:translateY(-200px);-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.2,0,0.2,1);}.xwc-out-of-band.active .wrapper .fragments .xwc-fragment .cancel-verification{opacity:0;}.xwc-out-of-band.visible{opacity:1;visibility:visible;-webkit-transition:opacity 0.4s ease-in-out;}.xwc-out-of-band.visible .wrapper{-webkit-transform:translateY(0);-webkit-transition:-webkit-transform 0.64s cubic-bezier(0.2,0,0.2,1);-webkit-transition-delay:.08s;}.xwc-out-of-band.visible .wrapper .fragments .xwc-fragment .cancel-verification{opacity:1;-webkit-transition:opacity 0.2s ease-in-out;-webkit-transition-delay:.72s;}.xwc-out-of-band.visible .wrapper .fragments .xwc-fragment.visible{-webkit-transition-duration:.2s;}.xwc-out-of-band.transition-out{opacity:0;-webkit-transition:opacity 0.64s ease-in-out;}.xwc-out-of-band.transition-out .wrapper{opacity:0;-webkit-transform:translateY(-200px);-webkit-transition:all 0.32s cubic-bezier(0.2,0,0.2,1);}.xwc-ui-verification-code .digit.done,.xwc-ui-verification-code .digit.done + .digit,.xwc-ui-verification-code .digit:first-of-type{border:1px solid #e281c3;background-color:#fbf0f7;color:#fbf0f7;-webkit-box-shadow:inset 0 0 0 4px #edcbe2;font-family:"ExpertSansRegular",sans-serif;font-weight:400;}.xwc-ui-verification-code .digit span{color:#b95699;background:none;text-align:center;}.xwc-ui-verification-code .container-right{margin-left:20px;}.xwc-ui-verification-code .container-right div.validation-icon-progress{background:url(https://ib.absa.co.za/axob/xwc/img/oob-spinner.png) no-repeat 0 0;width:33px;height:33px;}.xwc-ui-verification-code.checking .digit.done,.xwc-ui-verification-code.checking .digit.done + .digit,.xwc-ui-verification-code.checking .digit:first-of-type{border:1px solid #e6e6e6;background-color:#fff;color:#555555;-webkit-box-shadow:inset 0 0 0 4px #f7f7f7;font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;cursor:text;}.xwc-ui-verification-code.checking .digit span{color:#c9c9c9;}.xwc-modal.xwc-out-of-band .xwc-flyout.error{top:-8px;left:300px;width:240px;}.xwc-flyout.help{padding:0;width:898px;height:516px;}.xwc-flyout.help .xwc-flyout-content{margin:4px;height:508px;width:890px;display:block;font-size:0;}.xwc-flyout.help .xwc-flyout-close{z-index:500;background-color:var(color-primary);}.xwc-flyout.help .content,.xwc-flyout.help .title{display:-webkit-box;}.xwc-flyout.help #help-menu{width:330px;height:508px;display:inline-block;vertical-align:top;}.xwc-flyout.help .xwc-tabs.vertical{width:330px;height:508px;border-right:1px solid #c9c9c9;display:inline-block;}.xwc-flyout.help .xwc-tabs.vertical li.selected{font-family:"ExpertSansBold",sans-serif;font-weight:inherit;-webkit-font-smoothing:antialiased;color:#FFFFFF;background-color:#007EB6;position:relative;}.xwc-flyout.help .xwc-tabs.vertical li.selected:after{content:"";position:absolute;top:50%;right:-10px;height:18px;width:18px;z-index:0;background-color:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);margin:-9px 0 0 0;box-shadow:inset 5px 0 0 0 #e8e8e8,inset 0 -5px 0 0 #e8e8e8;border-left:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;}.xwc-flyout.help .xwc-tabs.vertical .selected button:after{display:none;}.xwc-flyout.help .xwc-tabs.vertical button{height:60px;width:300px;text-align:left;padding:0 15px 0 15px;font-size:18px;}.xwc-flyout.help .xwc-tab-content-container{width:500px;height:500px;background-color:#fff;padding:4px 10px 4px 30px;box-shadow:inset 4px 0 0 0 #e8e8e8;display:inline-block;}.xwc-flyout.help .xwc-tab-content-container .gradient-top{position:absolute;height:20px;z-index:400;width:100%;background:-webkit-gradient(linear,center top,center bottom,from(#fbfbfb),to(rgba(251,251,251,0)));top:4px;left:350px;width:530px;pointer-events:none;}.xwc-flyout.help .xwc-tab-content-container .gradient-bottom{position:absolute;height:20px;z-index:400;width:100%;background:-webkit-gradient(linear,center top,center bottom,from(rgba(251,251,251,0)),to(#fffffb));bottom:4px;left:350px;width:530px;pointer-events:none;}.xwc-flyout.help .xwc-tab-content{background-color:#fff;overflow-y:auto;overflow-x:hidden;height:486px;width:510px;}.xwc-flyout.help .xwc-tab-content::-webkit-scrollbar{width:10px;}.xwc-flyout.help .xwc-tab-content::-webkit-scrollbar-track{background-color:rgba(179,183,185,0.4);border-radius:5px;margin:10px 0;}.xwc-flyout.help .xwc-tab-content::-webkit-scrollbar-track-piece{border-radius:5px;}.xwc-flyout.help .xwc-tab-content::-webkit-scrollbar-thumb{background-color:#7d7d7d;border-radius:5px;min-height:50px;}.xwc-flyout.help .xwc-tab-content::-webkit-scrollbar-button:start:decrement{width:10px;height:21px;background:url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_up.png) no-repeat -1px 0;display:block;border-top:10px solid white;border-bottom:4px solid white;}.xwc-flyout.help .xwc-tab-content::-webkit-scrollbar-button:end:increment{position:relative;width:10px;height:21px;background:url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_dn.png) no-repeat -1px 0;display:block;border-bottom:10px solid white;border-top:4px solid white;}.xwc-flyout.help .xwc-tab-content::-webkit-scrollbar-button:start:increment,#page-help .xwc-tab-content::-webkit-scrollbar-button:end:decrement{display:none !important;}.xwc-flyout.help.xwc-tab-content::-webkit-scrollbar-button:start:decrement:active,#page-help .xwc-tab-content::-webkit-scrollbar-button:end:increment:active,#page-help .xwc-tab-content::-webkit-scrollbar-thumb:active{background-position:-1px -7px;}.xwc-flyout.help .faq-wrapper{width:490px;padding-bottom:30px;}.xwc-flyout.help .faq-wrapper .faq-questions{margin:20px 0 15px;font-size:18px;}.xwc-flyout.help .faq-wrapper .faq-questions ul li{list-style-type:disc;list-style-image:initial;list-style-position:inside;list-style:disc;margin-left:20px;color:#007EB6;}.xwc-flyout.help .faq-wrapper .faq-questions li a{font-size:18px;color:#007EB6;}.xwc-flyout.help .faq-wrapper .faq-questions li a:hover{border-bottom:1px solid #007eb6;}.xwc-flyout.help .faq-wrapper .faq-questions ul.bullets li{list-style-type:disc;list-style-image:none;list-style-position:inside;list-style:disc;color:#007EB6;}.xwc-flyout.help .faq-wrapper .faq-questions p{color:#007EB6;font-size:20px;font-weight:bold;}.xwc-flyout.help .faq-wrapper .faq-answers{font-size:18px;}.xwc-flyout.help .faq-wrapper .faq-answers > section{position:relative;padding:25px 0;background:url(https://ib.absa.co.za/axob/xwc/img/divider_horiz_grey_diagonal.png) repeat-x 0 0;font-size:16px;}.xwc-flyout.help .faq-wrapper .faq-answers > section h2{font-size:18px;margin-bottom:7px;}.xwc-flyout.help .faq-wrapper .faq-answers > section p{color:#555555;margin:0;line-height:20px;font-size:16px;}.xwc-flyout.help .faq-wrapper .faq-answers ul li{list-style-type:disc;list-style-image:initial;list-style-position:inside;list-style:disc;margin-left:20px;color:#555555;font-size:16px;}.xwc-flyout.help .faq-wrapper .faq-answers > section button{font-size:16px;cursor:pointer;position:relative;width:auto;background:none;padding-bottom:2px;color:#009896;position:absolute;bottom:-13px;right:0;z-index:2;height:20px;line-height:20px;background:#fff;border-left:11px solid white;display:none;}.xwc-flyout.help .faq-wrapper .faq-answers > section button:before{width:100%;content:"";height:1px;position:absolute;left:0;bottom:0;opacity:0;}.xwc-flyout.help .faq-wrapper .faq-answers > section button:hover:before{opacity:1;}.xwc-flyout.help .faq-wrapper .faq-answers > section button:before{background:#009896;}.xwc-flyout.help .faq-wrapper .faq-answers section:nth-of-type(2n+2) button{display:block;}.xwc-flyout.help .faq-wrapper .faq-answers ol li{margin-left:22px;color:#555555;font-size:16px;list-style-type:decimal;}.xwc-flyout.help .faq-wrapper .faq-answers b{font-weight:bold;}#page-first-time-login,.xwc-app-full.xwc-app-chromeless #page-login{margin-top:0;text-align:left;width:auto;}#page-login .xwc-fragment.terms-and-conditions,#page-first-time-login .xwc-fragment{padding:12px;width:936px;height:576px;background-color:#007eb6;}#page-login .xwc-fragment.terms-and-conditions .content,#page-first-time-login .xwc-fragment .content{position:relative;background-color:#fff;-webkit-border-radius:5px;padding:90px 37px 0 37px;box-sizing:border-box;}#page-login .xwc-fragment.terms-and-conditions .content .title,#page-first-time-login .xwc-fragment .content .title{font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;position:relative;text-align:center;font-size:22px;margin-bottom:28px;}#page-login .xwc-fragment.terms-and-conditions .content .title strong,#page-first-time-login .xwc-fragment .content .title strong{color:#555555;}#page-login .xwc-fragment.terms-and-conditions.change-passcode .content,#page-first-time-login .xwc-fragment.change-passcode .content{height:538px;}#page-first-time-login.transition-out{opacity:1;clip:rect(1px,auto,auto,auto);-webkit-transition:clip 0.9s ease-in-out;}#page-first-time-login.transition-out .xwc-fragment.change-passcode.active.visible{opacity:1;}#page-first-time-login.transition-out .xwc-fragment.change-passcode.active.visible .content *,#page-first-time-login.transition-out .xwc-fragment.change-passcode.active.visible footer{opacity:0;-webkit-transition:opacity 0.4s ease-in-out;}#page-first-time-login.transition-out .xwc-fragment.change-passcode.active.visible .content{height:576px;-webkit-transition:height 0.5s ease-in-out;-webkit-transition-delay:.4s;}.xwc-flyout-first-time-help{width:270px;}.change-passcode .section{position:relative;border:1px solid #83d3f1;background-color:#f0fafe;-webkit-border-radius:8px;-webkit-transition:all 0.3s ease-in-out;}.change-passcode .section p{position:absolute;left:31px;width:340px;color:#555555;font-size:20px;line-height:24px;-webkit-transition:all 0.3s ease-in-out;}.change-passcode .section p:nth-of-type(2){top:80px;}.change-passcode .section .warning{font-family:"ExpertSansBold",sans-serif;font-weight:inherit;-webkit-font-smoothing:antialiased;position:absolute;left:24px;bottom:7px;height:34px;line-height:34px;color:#c03b3b;padding-left:40px;background:url(https://ib.absa.co.za/axob/xwc/img/icn_alert_triangle.png) no-repeat 0 0;opacity:0;}.change-passcode .section .xwc-ui-passcode{margin-bottom:9px;}.change-passcode .section .xwc-ui-passcode:last-of-type{margin:0;}.change-passcode .section .xwc-ui-passcode .digit{-webkit-transition:all 0.3s ease-in-out;}.change-passcode .section .xwc-ui-passcode .container-right{float:left;margin-left:10px;}.change-passcode .section .xwc-ui-passcode .container-right > div{margin-top:9px;}.change-passcode .section.xwc-change-passcode-new .passcode-new-first{margin-bottom:9px;}.change-passcode .section.xwc-change-passcode-new .passcode-new-first p{display:none;top:30px;width:320px;}.change-passcode .section.xwc-change-passcode-new .passcode-new-first .xwc-ui-passcode{margin-bottom:0;}.change-passcode .section.xwc-change-passcode-new .passcode-new-confirm p{display:none;top:97px;width:460px;}.change-passcode .section.disabled{border:1px solid #ebebeb;background-color:#fdfdfd;}.change-passcode .section.disabled p{color:#bababa;}.change-passcode .section.disabled .xwc-ui-passcode .digit{border:1px solid #e6e6e6;background-color:#fff;color:#555555;-webkit-box-shadow:inset 0 0 0 4px #f7f7f7;font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;cursor:text;}.change-passcode .section.complete{border:1px solid #bcbcbc;background-color:#fafafa;}.change-passcode .section.complete .xwc-ui-passcode .digit{font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;height:50px;border:1px solid #bcbcbc;background-color:#fff;-webkit-border-radius:5px;-webkit-box-shadow:inset 0 0 0 4px #dbdbdb;padding:0 19px;font-size:20px;color:#555;float:left;-webkit-border-radius:8px;position:relative;width:50px;margin-right:9px;padding:0;float:left;}.change-passcode .section.complete .xwc-ui-passcode .digit:focus{border:1px solid #6dcff6;background-color:#f5fcff;color:#007eb6;-webkit-box-shadow:inset 0 0 0 4px #c5ecfb;font-family:"ExpertSansRegular",sans-serif;font-weight:400;}.change-passcode .section.complete .xwc-ui-passcode .digit.error{border:1px solid #efa6a6;background-color:#fff5f5;color:#c03b3b;-webkit-box-shadow:inset 0 0 0 4px #fed5d5;font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;}.change-passcode .section.complete .xwc-ui-passcode .digit:disabled,.change-passcode .section.complete .xwc-ui-passcode .digit.disabled{border:1px solid #e6e6e6;background-color:#fff;color:#555555;-webkit-box-shadow:inset 0 0 0 4px #f7f7f7;font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;cursor:text;}.change-passcode .section.complete .xwc-ui-passcode .digit:last-of-type{margin-right:0;}.change-passcode .section.disabled .passcode-new-confirm.disabled .xwc-ui-passcode .digit{border:1px solid #e6e6e6;background-color:#fff;color:#555555;-webkit-box-shadow:inset 0 0 0 4px #f7f7f7;font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;cursor:text;}.change-passcode .section.error .warning{opacity:1;-webkit-transition:all 0.3s ease-in-out;}.change-passcode .section .passcode-new-confirm.disabled p{color:#b0b7b9;}.change-passcode .section .passcode-new-confirm.disabled .xwc-ui-passcode .digit{border:1px solid #e0e7ea;background-color:#f5fcfe;-webkit-box-shadow:inset 0 0 0 4px #eaf1f3;}.change-passcode .start,.change-passcode .change{position:relative;z-index:2;color:#fff;-webkit-border-radius:5px;text-align:center;font-size:20px;cursor:pointer;height:50px;float:left;line-height:50px;padding:0 25px;-webkit-transition:background-color 0.2s ease-in-out;background-color:#007eb6;float:none;display:block;margin:30px auto 0 auto;width:180px;opacity:1;-webkit-transition:all 0.2s ease-in-out;-webkit-transition-delay:0.2s;}.change-passcode .start:active,.change-passcode .change:active{-webkit-transition:none;}.change-passcode .start:hover,.change-passcode .change:hover{background-color:#0074a6;}.change-passcode .start:active,.change-passcode .change:active{background-color:#006894;}.change-passcode .start.disabled,.change-passcode .change.disabled{-webkit-transition:background-color 0.2s ease-in-out;background-color:#e9e9e9;color:#bdbdbd;box-shadow:0 0 0 1px #d9d9d9;cursor:default;-webkit-transition:all 0.2s ease-in-out;}.change-passcode .start.disabled:active,.change-passcode .change.disabled:active{-webkit-transition:none;}.change-passcode .setting-spinner{position:absolute;left:0;z-index:1;width:100%;text-align:center;color:#007eb6;line-height:18px;opacity:0;-webkit-transition:opacity 0.2s ease-in-out;display:-webkit-box;-webkit-box-align:center;-webkit-box-orient:vertical;}.change-passcode .setting-spinner .spinner{margin-bottom:5px;}.change-passcode.setting-passcode .section,.change-passcode .setting-passcode .section{-webkit-filter:grayscale(1);opacity:.3;-webkit-transition:all 0.3s ease-in-out;}.change-passcode.setting-passcode .start,.change-passcode.setting-passcode .change,.change-passcode .setting-passcode .start,.change-passcode .setting-passcode .change{opacity:0;-webkit-transition-delay:0;}.change-passcode.setting-passcode .setting-spinner,.change-passcode .setting-passcode .setting-spinner{opacity:1;-webkit-transition:all 0.3s ease-in-out;-webkit-transition-delay:0.2s;}#page-first-time-login .section{padding:20px 0 19px 484px;}#page-first-time-login .section.passcode-temp{padding-bottom:9px;margin-bottom:20px;}#page-first-time-login .section.passcode-temp p{top:22px;}#page-first-time-login .section.passcode-temp .xwc-ui-passcode .digit span{background:none;text-align:center;box-shadow:none;}#page-first-time-login .section.passcode-temp .show-reset{display:none;}#page-first-time-login .section.xwc-change-passcode-new .show-first-time{display:block;}#page-first-time-login .setting-spinner{top:451px;}#page-settings .section{padding:20px 0 19px 234px;}#page-settings .section.passcode-existing{margin-bottom:20px;}#page-settings .section.passcode-existing p{left:20px;top:33px;}#page-settings .section.xwc-change-passcode-new .show-settings{display:block;left:20px;}#page-settings .setting-spinner{top:300px;}#page-login.reset-passcode #page-first-time-login .passcode-temp .show-first-time{display:none;}#page-login.reset-passcode #page-first-time-login .passcode-temp .show-reset{display:block;}@-webkit-keyframes Spinner{from{-webkit-transform:rotate(0);}to{-webkit-transform:rotate(360deg);}}@-webkit-keyframes ConnectedPop{0%{-webkit-transform:scale(1);}50%{-webkit-transform:scale(1.2);}100%{-webkit-transform:scale(1);}}@-webkit-keyframes FadeIn{from{opacity:0;}to{opacity:1;}}.xwc-flyout-tooltip-stack-step{width:210px;right:50px !important;left:auto !important;top:auto !important;bottom:75px !important;}@charset "UTF-8";/*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden */ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s;}@-webkit-keyframes bounce{0%,20%,53%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}@keyframes bounce{0%,20%,53%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;}@-webkit-keyframes flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}@keyframes flash{0%,50%,100%{opacity:1;}25%,75%{opacity:0;}}.flash{-webkit-animation-name:flash;animation-name:flash;}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05);}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}.pulse{-webkit-animation-name:pulse;animation-name:pulse;}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1);}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1);}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1);}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1);}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1);}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1);}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1);}50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1);}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1);}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1);}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand;}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);}}.shake{-webkit-animation-name:shake;animation-name:shake;}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg);}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg);}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg);}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg);}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg);}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg);}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg);}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg);}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing;}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}.tada{-webkit-animation-name:tada;animation-name:tada;}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none;}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);}100%{-webkit-transform:none;transform:none;}}@keyframes wobble{0%{-webkit-transform:none;transform:none;}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);}100%{-webkit-transform:none;transform:none;}}.wobble{-webkit-animation-name:wobble;animation-name:wobble;}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03);}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97);}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}@keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03);}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97);}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s;}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0);}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);}100%{-webkit-transform:none;transform:none;}}@keyframes bounceInDown{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0);}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0);}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);}100%{-webkit-transform:none;transform:none;}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown;}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0);}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0);}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0);}100%{-webkit-transform:none;transform:none;}}@keyframes bounceInLeft{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0);}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0);}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0);}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0);}100%{-webkit-transform:none;transform:none;}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0);}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0);}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0);}100%{-webkit-transform:none;transform:none;}}@keyframes bounceInRight{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0);}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0);}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0);}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0);}100%{-webkit-transform:none;transform:none;}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight;}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0);}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0);}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}@keyframes bounceInUp{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0);}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0);}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp;}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9);}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s;}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0);}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown;}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft;}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0);}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0);}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight;}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0);}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp;}@-webkit-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate(0,-50px);transform:translate(0,-50px);}100%{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate(0,-50px);transform:translate(0,-50px);}100%{opacity:1;-webkit-transform:none;transform:none;}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}100%{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}100%{opacity:1;-webkit-transform:none;transform:none;}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig;}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}100%{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}100%{opacity:1;-webkit-transform:none;transform:none;}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}100%{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}100%{opacity:1;-webkit-transform:none;transform:none;}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig;}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}100%{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}100%{opacity:1;-webkit-transform:none;transform:none;}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}100%{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}100%{opacity:1;-webkit-transform:none;transform:none;}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig;}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate(0,50px);transform:translate(0,50px);}100%{opacity:1;margin-top:0px;-webkit-transform:none;transform:none;}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate(0,50px);transform:translate(0,50px);}100%{opacity:1;margin-top:0px;-webkit-transform:none;transform:none;}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}100%{opacity:1;-webkit-transform:none;transform:none;}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}100%{opacity:1;-webkit-transform:none;transform:none;}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig;}@-webkit-keyframes fadeOut{0%{opacity:1;}100%{opacity:0;}}@keyframes fadeOut{0%{opacity:1;}100%{opacity:0;}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;}@-webkit-keyframes fadeOutDown{0%{opacity:1;}100%{opacity:0;-webkit-transform:translate(0,50px);transform:translate(0,50px);}}@keyframes fadeOutDown{0%{opacity:1;}100%{opacity:0;-webkit-transform:translate(0,50px);transform:translate(0,50px);}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown;}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}}@keyframes fadeOutDownBig{0%{opacity:1;}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0);}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig;}@-webkit-keyframes fadeOutLeft{0%{opacity:1;}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}}@keyframes fadeOutLeft{0%{opacity:1;}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}}@keyframes fadeOutLeftBig{0%{opacity:1;}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0);}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig;}@-webkit-keyframes fadeOutRight{0%{opacity:1;}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}}@keyframes fadeOutRight{0%{opacity:1;}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}}@keyframes fadeOutRightBig{0%{opacity:1;}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0);}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig;}@-webkit-keyframes fadeOutUp{0%{opacity:1;}100%{opacity:0;-webkit-transform:translate(0,-50px);transform:translate(0,-50px);}}@keyframes fadeOutUp{0%{opacity:1;}100%{opacity:0;-webkit-transform:translate(0,-50px);transform:translate(0,-50px);}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}}@keyframes fadeOutUpBig{0%{opacity:1;}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0);}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig;}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip;}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0;}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1;}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg);}100%{-webkit-transform:perspective(400px);transform:perspective(400px);}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0;}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1;}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg);}100%{-webkit-transform:perspective(400px);transform:perspective(400px);}}.flipInX{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX;}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0;}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1;}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg);}100%{-webkit-transform:perspective(400px);transform:perspective(400px);}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0;}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1;}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg);}100%{-webkit-transform:perspective(400px);transform:perspective(400px);}}.flipInY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY;}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px);}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1;}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0;}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px);}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1;}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0;}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible !important;backface-visibility:visible !important;}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px);}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1;}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0;}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px);}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1;}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0;}}.flipOutY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s;}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1;}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1;}100%{-webkit-transform:none;transform:none;opacity:1;}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1;}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1;}100%{-webkit-transform:none;transform:none;opacity:1;}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}@-webkit-keyframes lightSpeedOut{0%{opacity:1;}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0;}}@keyframes lightSpeedOut{0%{opacity:1;}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0;}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0;}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1;}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0;}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1;}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0;}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0;}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1;}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0;}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1;}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0;}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0;}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0;}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0;}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0;}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0;}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0;}}.hinge{-webkit-animation-name:hinge;animation-name:hinge;}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);}100%{opacity:1;-webkit-transform:none;transform:none;}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);}100%{opacity:1;-webkit-transform:none;transform:none;}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn;}@-webkit-keyframes rollOut{0%{opacity:1;}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);}}@keyframes rollOut{0%{opacity:1;}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut;}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}50%{opacity:1;}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}50%{opacity:1;}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown;}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft;}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight;}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp;}@-webkit-keyframes zoomOut{0%{opacity:1;}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}100%{opacity:0;}}@keyframes zoomOut{0%{opacity:1;}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}100%{opacity:0;}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut;}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0);}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center;}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0);}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center;}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center;}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center;}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible;}100%{-webkit-transform:translateY(0);transform:translateY(0);}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible;}100%{-webkit-transform:translateY(0);transform:translateY(0);}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown;}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible;}100%{-webkit-transform:translateX(0);transform:translateX(0);}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible;}100%{-webkit-transform:translateX(0);transform:translateX(0);}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft;}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible;}100%{-webkit-transform:translateX(0);transform:translateX(0);}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible;}100%{-webkit-transform:translateX(0);transform:translateX(0);}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight;}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible;}100%{-webkit-transform:translateY(0);transform:translateY(0);}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible;}100%{-webkit-transform:translateY(0);transform:translateY(0);}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp;}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0);}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0);}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown;}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0);}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%);}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0);}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%);}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft;}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0);}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%);}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0);}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%);}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight;}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0);}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%);}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0);}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%);}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp;}#page-settings .section{padding:20px 0 19px 234px;}#page-settings .section.language-existing{margin-bottom:20px;}.change-language .section{position:relative;border:1px solid #bcbcbc;background-color:#fafafa;-webkit-border-radius:8px;border-radius:8px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;height:120px;}.change-language .section p{position:absolute;left:31px;width:340px;color:#555555;font-size:20px;line-height:24px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;margin-top:45px;}.change-language .section p:nth-of-type(2){top:80px;}.select.availablelanguages{margin-left:220px;height:45px;margin-top:38px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;}.change-language .start,.change-language .change{position:relative;z-index:2;color:#fff;-webkit-border-radius:5px;border-radius:5px;text-align:center;font-size:20px;cursor:pointer;height:50px;float:left;line-height:50px;padding:0 25px;-webkit-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out;background-color:#007eb6;float:none;display:inline;margin:0 auto 0 auto;width:180px;opacity:1;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-transition-delay:0.2s;transition-delay:0.2s;}.change-language .start:active,.change-language .change:active{-webkit-transition:none;transition:none;}.change-language .start:hover,.change-language .change:hover,.change-language .change:focus{background-color:#00395d;color:#FFFFFF;}.change-language .start:active,.change-language .change:active{background-color:#00395d;color:#FFFFFF;}.change-language .start.disabled,.change-language .change.disabled{-webkit-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out;background-color:#e9e9e9;color:#bdbdbd;box-shadow:0 0 0 1px #d9d9d9;cursor:default;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}#page-changeLanguage .xwc-buttons-panel{margin-top:50px;text-align:center;}#page-changeLanguage li > div{top:0;height:25px;padding:10px 10px 10px 10px;vertical-align:middle;}#page-changeLanguage .availablelanguages-select-button{width:200px;}.tax-certificate .section{position:relative;border:1px solid #bcbcbc;background-color:#fafafa;-webkit-border-radius:8px;border-radius:8px;-webkit-transition:all 0.3s ease-in-out;ransition:all 0.3s ease-in-out;height:200px;}.tax-certificate .section p{position:absolute;left:31px;width:150px;color:#555555;font-size:20px;line-height:24px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;margin-top:50px;font-size :16px;}.tax-certificate .section p:nth-of-type(2){top:80px;}.select.availableYear,.select.availableTaxCertificateType{margin-left:200px;height:45px;margin-top:38px;font-size :16px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;}.tax-certificate .start,.tax-certificate .change{position:relative;z-index:2;color:#fff;-webkit-border-radius:5px;border-radius:5px;text-align:center;font-size:20px;cursor:pointer;height:50px;float:left;line-height:50px;padding:0 25px;-webkit-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out;background-color:#007eb6;float:none;display:inline;margin:0 auto 0 auto;width:180px;opacity:1;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-transition-delay:0.2s;transition-delay:0.2s;}.tax-certificate .start:active,.tax-certificate .change:active{-webkit-transition:none;transition:none;}.tax-certificate .start:hover,.tax-certificate .change:hover,.tax-certificate .change:focus{background-color:#00395d;color:#FFFFFF;}.tax-certificate .start:active,.tax-certificate .change:active{background-color:#00395d;color:#FFFFFF;}.tax-certificate .start.disabled,.tax-certificate .change.disabled{-webkit-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out;background-color:#e9e9e9;color:#bdbdbd;box-shadow:0 0 0 1px #d9d9d9;cursor:default;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}#page-taxCertificates .xwc-ui-select{width:320px;font-size:16px;}#page-taxCertificates .select .ui-selectmenu-button{font-size:16px;padding-top:8px;}#page-taxCertificates .xwc-buttons-panel{margin-top:50px;text-align:center;}#page-taxCertificates li > div{top:0;height:20px;padding:10px 10px 10px 10px;vertical-align:middle;font-size:16px;}#page-taxCertificates .availableYear-select-button,#page-taxCertificates .availableTaxcertificateType-select-button{width:200px;}button.keypad-trigger{width:25px;padding:0px;}img.keypad-trigger{margin:2px;vertical-align:middle;}.keypad-popup,.keypad-inline,.keypad-key,.keypad-special{font-family:Arial,Helvetica,sans-serif;font-size:14px;}.keypad-popup{display:none;z-index:10;margin:0;padding:0;background-color:#fff;color:#000;border:1px solid #888;-moz-border-radius:0.25em;-webkit-border-radius:0.25em;border-radius:0.25em;}.keypad-keyentry{display:none;}.keypad-inline{background-color:#fff;border:1px solid #888;-moz-border-radius:0.25em;-webkit-border-radius:0.25em;border-radius:0.25em;}.keypad-disabled{position:absolute;z-index:100;background-color:white;opacity:0.5;filter:alpha(opacity=50);}.keypad-rtl{direction:rtl;}.keypad-prompt{clear:both;text-align:center;}.keypad-prompt.ui-widget-header{margin:0.125em;}.keypad-row{width:100%;}.keypad-space{display:inline-block;margin:0.125em;width:2em;}.keypad-half-space{display:inline-block;margin:0.125em 0.0625em;width:1em;}.keypad-key,.keypad-special{margin:0.125em;padding:0em;width:2em;background-color:#f4f4f4;-moz-border-radius:0.25em;-webkit-border-radius:0.25em;border-radius:0.25em;text-align:center;cursor:pointer;}.keypad-key[disabled]{border:0.125em outset;}.keypad-key-down{}.keypad-special{width:4.25em;}.keypad-spacebar{width:13.25em;}.keypad-tab{width:2em;}.keypad-clear,.keypad-back,.keypad-close,.keypad-shift{color:#fff;font-weight:bold;}.keypad-clear{background-color:#a00;}.keypad-back{background-color:#00a;}.keypad-close{background-color:#0a0;}.keypad-shift{background-color:#0aa;}.sub-options li{-webkit-transition:background-color 0.1s ease-in-out;-webkit-transition:all 0.2s ease-in-out;transition:background-color 0.1s ease-in-out;transition:all 0.2s ease-in-out;margin-left:0;margin-bottom:0;background:#fafafa;border:none;-webkit-border-radius:5px;border-radius:5px;float:left;background:transparent;width:273px;height:185px;display:block;margin:0;}.sub-options li:hover,.sub-options li:focus{background-color:#F4F4F4;}.sub-options li:active{background-color:#e8f9ff;-webkit-transition:none;transition:none;}.sub-options li:nth-child(3n+1){margin-left:0;}.sub-options li button{position:relative;width:273px;height:185px;display:block;}.sub-options li button .icon{position:absolute;left:95px;top:20px;width:84px;height:82px;}.sub-options li button h2{position:absolute;top:107px;width:100%;color:#7F7F7F;font-size:20px;margin:0 0 11px;}.sub-options li.disabled button h2{position:absolute;top:107px;width:100%;color:#7F7F7F;font-size:20px;margin:0 0 11px;opacity:0.2;}.sub-options li button p{position:absolute;top:135px;left:0;padding:0 30px;width:100%;box-sizing:border-box;text-align:center;color:#555555;font-size:15px;display:block;line-height:20px;opacity:0;}.sub-options li button *{cursor:pointer;}.sub-options li.disabled button *{cursor:default;}.sub-options li:nth-child(3n+2) button{width:275px;}.sub-options li:hover,.sub-options li button:focus,.sub-options li:active{border:none;box-shadow:none;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;background:#e8f9ff;}.sub-options li.disabled:hover,.sub-options li.disabled:focus,.sub-options li.disabled:active{border:none;box-shadow:none;background:#FFFFFF;}.sub-options li:hover button p,.sub-options li:active button p{opacity:1;}.sub-options li.disabled:hover button p,.sub-options li.disabled:active button p{opacity:0.2;}.sub-options li:active{-webkit-transition:none;transition:none;}.button-new-payee .icon{position:absolute;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -2132px;}.button-new-payee:hover .icon,.button-new-payee:focus .icon{position:absolute;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -2050px;}.button-new-prepaid .icon{position:absolute;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -2296px;}.button-new-prepaid:hover .icon,.button-new-prepaid:focus .icon{position:absolute;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -2214px;}.button-buy-voucher .icon{position:absolute;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -2460px;}.button-buy-voucher:hover .icon,.button-buy-voucher:focus .icon{position:absolute;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -2378px;}.button-browse-prepaid .icon{position:absolute;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -1394px;}.button-browse-prepaid:hover .icon,.button-browse-prepaid:focus .icon{position:absolute;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -1312px;}.button-browse-prepaid-disabled:hover .icon{position:absolute;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -1230px;}.button-browse-prepaid-disabled .icon{position:absolute;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -1230px;}.button-browse-payees .icon{position:absolute;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -1148px;}.button-browse-payees-disabled{cursor:default;}.button-browse-payees-disabled .icon{position:absolute;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -984px;}.button-browse-payees:hover .icon,.button-browse-payees:focus .icon{position:absolute;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -1066px;}.button-browse-payees-disabled:hover .icon{position:absolute;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -984px;}.button-listed-payees .icon{position:absolute;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -2624px;}.button-listed-payees:hover .icon,.button-listed-payees:focus .icon{position:absolute;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -2541px;}.button-new-cashsend-payee .icon{position:absolute;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -1804px;}.button-new-cashsend-payee:hover .icon{position:absolute;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -1722px;}.button-new-prepaid-payee .icon{position:absolute;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -2296px;}.button-new-prepaid-payee:hover .icon{position:absolute;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -2214px;}.button-browse-cashsend-payees .icon{position:absolute;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -164px;}.button-browse-cashsend-payees-disabled{cursor:default;}.button-browse-cashsend-payees-disabled .icon{position:absolute;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px 0px;}.button-browse-cashsend-payees:hover .icon{position:absolute;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -82px;}.button-browse-cashsend-payees-disabled:hover .icon{position:absolute;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px 0px;}.button-browse-unredeemed .icon{position:absolute;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -1968px;}.button-browse-unredeemed:hover .icon{position:absolute;opacity:0.99;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/home_menu_icons_v4.png) no-repeat 0px -1886px;}p.generic-modal-message{text-align:justify;}.generic-modal-message a:hover{text-decoration:underline;color:#d21a1a;}.generic-modal-message b{font-weight:bold;}.xwc-ui-checkbox.acceptgenericmodal input + label,.xwc-ui-checkbox.acceptgenericmodal input:checked + label{width:30px;height:23px;padding:7px 0px 0px 5px;margin:0px 18px 10px 0px;font-size:20px;margin-top:0px;}#GENERICMODAL-checkboxError.xwc-flyout{padding:10px 10px;top:368px;left:220px;width:250px;}.xwc-modal-overlay .genericmodalIcon{vertical-align:top;}.xwc-modal-overlay .genericmodalImage{vertical-align:bottom;}.genericmodalIconColumn{vertical-align:top;}.genericmodalImageColumn{vertical-align:bottom;padding-left:15px;}#genericmodal-dialogue-secondary.button-secondary.hidden{display:none;}#genericmodal-dialogue-third.button-secondary.hidden{display:none;}.genericmodalImageMiddleDivider{padding:0 25px 0 25px;}.genericmodalImageRightDivider{padding-right:25px;border-style:solid;border-width:0px 1px 0px 0px;border-color:gray;'}.genericmodalImageLeftDivider{padding-left:25px;border-style:solid;border-width:0px 0px 0px 1px;border-color:gray;'}#genericmodalIcon.genericmodalIcon.icon{width:44px;height:44px;margin:0 15px 0 0;-webkit-border-radius:22px;border-radius:22px;background:#479800 url(https://ib.absa.co.za/axob/xwc/img/icn_tick_login.png) no-repeat 50% 50%;opacity:1;position:inherit;}p.second-factor-message{text-align:justify;}.second-factor-message a:hover{text-decoration:underline;color:#d21a1a;}.second-factor-message b{font-weight:bold;}.xwc-ui-checkbox.acceptsecondfactor input + label,.xwc-ui-checkbox.acceptsecondfactor input:checked + label{width:30px;height:23px;padding:7px 0px 0px 5px;margin:0px 18px 10px 0px;font-size:20px;margin-top:0px;}#SECONDFACTOR-checkboxError.xwc-flyout{padding:10px 10px;top:368px;left:220px;width:250px;}.xwc-modal-overlay .secondfactorIcon{vertical-align:top;}.xwc-modal-overlay .secondfactorImage{vertical-align:bottom;}.secondfactorIconColumn{vertical-align:top;}.secondfactorImageColumn{vertical-align:bottom;padding-left:15px;}#secondfactor-dialogue-secondary.button-secondary.hidden{display:none;}#secondfactor-dialogue-third.button-secondary.hidden{display:none;}.secondfactorImageMiddleDivider{padding:0 25px 0 25px;}.secondfactorImageRightDivider{padding-right:25px;border-style:solid;border-width:0px 1px 0px 0px;border-color:gray;'}.secondfactorImageLeftDivider{padding-left:25px;border-style:solid;border-width:0px 0px 0px 1px;border-color:gray;'}#secondfactorIcon.secondfactorIcon.icon{width:44px;height:44px;margin:0 15px 0 0;-webkit-border-radius:22px;border-radius:22px;background:#479800 url(https://ib.absa.co.za/axob/xwc/img/icn_tick_login.png) no-repeat 50% 50%;opacity:1;position:inherit;}/*! jQuery UI - v1.11.0 - 2014-06-26 * http://jqueryui.com * Includes:core.css,accordion.css,autocomplete.css,button.css,datepicker.css,dialog.css,draggable.css,menu.css,progressbar.css,resizable.css,selectable.css,selectmenu.css,slider.css,sortable.css,spinner.css,tabs.css,tooltip.css,theme.css * To view and modify this theme,visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px * Copyright 2014 jQuery Foundation and other contributors;Licensed MIT */ .ui-helper-hidden{display:none;}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse;}.ui-helper-clearfix:after{clear:both;}.ui-helper-clearfix{min-height:0;}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0);}.ui-front{z-index:100;}.ui-state-disabled{cursor:default !important;}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%;}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;min-height:0;font-size:100%;}.ui-accordion .ui-accordion-icons{padding-left:2.2em;}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em;}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px;}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto;}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default;}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible;}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none;}.ui-button-icon-only{width:2.2em;}button.ui-button-icon-only{width:2.4em;}.ui-button-icons-only{width:3.4em;}button.ui-button-icons-only{width:3.7em;}.ui-button .ui-button-text{display:block;line-height:normal;}.ui-button-text-only .ui-button-text{padding:.4em 1em;}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px;}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em;}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em;}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em;}input.ui-button{padding:.4em 1em;}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px;}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px;}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em;}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em;}.ui-buttonset{margin-right:7px;}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em;}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0;}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none;}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0;}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em;}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px;}.ui-datepicker .ui-datepicker-prev{left:2px;}.ui-datepicker .ui-datepicker-next{right:2px;}.ui-datepicker .ui-datepicker-prev-hover{left:1px;}.ui-datepicker .ui-datepicker-next-hover{right:1px;}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px;}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center;}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0;}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%;}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em;}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0;}.ui-datepicker td{border:0;padding:1px;}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none;}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0;}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible;}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left;}.ui-datepicker.ui-datepicker-multi{width:auto;}.ui-datepicker-multi .ui-datepicker-group{float:left;}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em;}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%;}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%;}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%;}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0;}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left;}.ui-datepicker-row-break{clear:both;width:100%;font-size:0;}.ui-datepicker-rtl{direction:rtl;}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto;}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto;}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto;}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto;}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right;}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left;}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right;}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px;}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0;}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative;}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis;}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px;}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto;}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em;}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right;}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer;}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px;}.ui-draggable .ui-dialog-titlebar{cursor:move;}.ui-draggable-handle{-ms-touch-action:none;touch-action:none;}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:none;}.ui-menu .ui-menu{position:absolute;}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0;}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px;}.ui-menu-icons{position:relative;}.ui-menu-icons .ui-menu-item{padding-left:2em;}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0;}.ui-menu .ui-menu-icon{left:auto;right:0;}.ui-progressbar{height:2em;text-align:left;overflow:hidden;}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%;}.ui-progressbar .ui-progressbar-overlay{background:url(../libs/jquery-ui-1.11.0/images/animated-overlay.gif);height:100%;filter:alpha(opacity=25);opacity:0.25;}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none;}.ui-resizable{position:relative;}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none;}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none;}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0;}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0;}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%;}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%;}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px;}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px;}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px;}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px;}.ui-selectable{-ms-touch-action:none;touch-action:none;}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black;}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none;}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px;}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0;}.ui-selectmenu-open{display:block;}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer;}.ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;margin-top:-8px;position:absolute;top:50%;}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:0.4em 2.1em 0.4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.ui-slider{position:relative;text-align:left;}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none;}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0;}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit;}.ui-slider-horizontal{height:.8em;}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em;}.ui-slider-horizontal .ui-slider-range{top:0;height:100%;}.ui-slider-horizontal .ui-slider-range-min{left:0;}.ui-slider-horizontal .ui-slider-range-max{right:0;}.ui-slider-vertical{width:.8em;height:100px;}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em;}.ui-slider-vertical .ui-slider-range{left:0;width:100%;}.ui-slider-vertical .ui-slider-range-min{bottom:0;}.ui-slider-vertical .ui-slider-range-max{top:0;}.ui-sortable-handle{-ms-touch-action:none;touch-action:none;}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle;}.ui-spinner-input{border:none;background:none;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px;}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0;}.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none;}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0;}.ui-spinner-up{top:0;}.ui-spinner-down{bottom:0;}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px;}.ui-tabs{position:relative;padding:.2em;}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0;}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap;}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none;}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px;}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text;}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer;}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none;}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa;}body .ui-tooltip{border-width:2px;}.ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em;}.ui-widget .ui-widget{font-size:1em;}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em;}.ui-widget-content{border:1px solid #dddddd;background:#eeeeee url(../libs/jquery-ui-1.11.0/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;color:#333333;}.ui-widget-content a{color:#333333;}.ui-widget-header{border:1px solid #e78f08;background:#f6a828 url(../libs/jquery-ui-1.11.0/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;color:#ffffff;font-weight:bold;}.ui-widget-header a{color:#ffffff;}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #cccccc;background:#f6f6f6 url(../libs/jquery-ui-1.11.0/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;font-weight:bold;color:#1c94c4;}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#1c94c4;text-decoration:none;}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{font-weight:bold;}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited{text-decoration:none;}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #00aeef;background:#ffffff ;font-weight:bold;color:#eb8f00;}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#eb8f00;text-decoration:none;}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#868686;}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900 url(../libs/jquery-ui-1.11.0/images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;color:#ffffff;}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#ffffff;}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#ffffff;}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold;}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal;}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35);}.ui-icon{width:16px;height:16px;}.ui-icon,.ui-widget-content .ui-icon{background-image:url(../libs/jquery-ui-1.11.0/images/ui-icons_222222_256x240.png);}.ui-widget-header .ui-icon{background-image:url(../libs/jquery-ui-1.11.0/images/ui-icons_ffffff_256x240.png);}.ui-state-default .ui-icon{background-image:url(../libs/jquery-ui-1.11.0/images/ui-icons_ef8c08_256x240.png);}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(../libs/jquery-ui-1.11.0/images/ui-icons_ef8c08_256x240.png);}.ui-state-active .ui-icon{background-image:url(../libs/jquery-ui-1.11.0/images/ui-icons_ef8c08_256x240.png);}.ui-state-highlight .ui-icon{background-image:url(../libs/jquery-ui-1.11.0/images/ui-icons_228ef1_256x240.png);}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(../libs/jquery-ui-1.11.0/images/ui-icons_ffd27a_256x240.png);}.ui-icon-blank{background-position:16px 16px;}.ui-icon-carat-1-n{background-position:0 0;}.ui-icon-carat-1-ne{background-position:-16px 0;}.ui-icon-carat-1-e{background-position:-32px 0;}.ui-icon-carat-1-se{background-position:-48px 0;}.ui-icon-carat-1-s{background-position:-64px 0;}.ui-icon-carat-1-sw{background-position:-80px 0;}.ui-icon-carat-1-w{background-position:-96px 0;}.ui-icon-carat-1-nw{background-position:-112px 0;}.ui-icon-carat-2-n-s{background-position:-128px 0;}.ui-icon-carat-2-e-w{background-position:-144px 0;}.ui-icon-triangle-1-n{background-position:0 -16px;}.ui-icon-triangle-1-ne{background-position:-16px -16px;}.ui-icon-triangle-1-e{background-position:-32px -16px;}.ui-icon-triangle-1-se{background-position:-48px -16px;}.ui-icon-triangle-1-s{background-position:-64px -16px;}.ui-icon-triangle-1-sw{background-position:-80px -16px;}.ui-icon-triangle-1-w{background-position:-96px -16px;}.ui-icon-triangle-1-nw{background-position:-112px -16px;}.ui-icon-triangle-2-n-s{background-position:-128px -16px;}.ui-icon-triangle-2-e-w{background-position:-144px -16px;}.ui-icon-arrow-1-n{background-position:0 -32px;}.ui-icon-arrow-1-ne{background-position:-16px -32px;}.ui-icon-arrow-1-e{background-position:-32px -32px;}.ui-icon-arrow-1-se{background-position:-48px -32px;}.ui-icon-arrow-1-s{background-position:-64px -32px;}.ui-icon-arrow-1-sw{background-position:-80px -32px;}.ui-icon-arrow-1-w{background-position:-96px -32px;}.ui-icon-arrow-1-nw{background-position:-112px -32px;}.ui-icon-arrow-2-n-s{background-position:-128px -32px;}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px;}.ui-icon-arrow-2-e-w{background-position:-160px -32px;}.ui-icon-arrow-2-se-nw{background-position:-176px -32px;}.ui-icon-arrowstop-1-n{background-position:-192px -32px;}.ui-icon-arrowstop-1-e{background-position:-208px -32px;}.ui-icon-arrowstop-1-s{background-position:-224px -32px;}.ui-icon-arrowstop-1-w{background-position:-240px -32px;}.ui-icon-arrowthick-1-n{background-position:0 -48px;}.ui-icon-arrowthick-1-ne{background-position:-16px -48px;}.ui-icon-arrowthick-1-e{background-position:-32px -48px;}.ui-icon-arrowthick-1-se{background-position:-48px -48px;}.ui-icon-arrowthick-1-s{background-position:-64px -48px;}.ui-icon-arrowthick-1-sw{background-position:-80px -48px;}.ui-icon-arrowthick-1-w{background-position:-96px -48px;}.ui-icon-arrowthick-1-nw{background-position:-112px -48px;}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px;}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px;}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px;}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px;}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px;}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px;}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px;}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px;}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px;}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px;}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px;}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px;}.ui-icon-arrowreturn-1-w{background-position:-64px -64px;}.ui-icon-arrowreturn-1-n{background-position:-80px -64px;}.ui-icon-arrowreturn-1-e{background-position:-96px -64px;}.ui-icon-arrowreturn-1-s{background-position:-112px -64px;}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px;}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px;}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px;}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px;}.ui-icon-arrow-4{background-position:0 -80px;}.ui-icon-arrow-4-diag{background-position:-16px -80px;}.ui-icon-extlink{background-position:-32px -80px;}.ui-icon-newwin{background-position:-48px -80px;}.ui-icon-refresh{background-position:-64px -80px;}.ui-icon-shuffle{background-position:-80px -80px;}.ui-icon-transfer-e-w{background-position:-96px -80px;}.ui-icon-transferthick-e-w{background-position:-112px -80px;}.ui-icon-folder-collapsed{background-position:0 -96px;}.ui-icon-folder-open{background-position:-16px -96px;}.ui-icon-document{background-position:-32px -96px;}.ui-icon-document-b{background-position:-48px -96px;}.ui-icon-note{background-position:-64px -96px;}.ui-icon-mail-closed{background-position:-80px -96px;}.ui-icon-mail-open{background-position:-96px -96px;}.ui-icon-suitcase{background-position:-112px -96px;}.ui-icon-comment{background-position:-128px -96px;}.ui-icon-person{background-position:-144px -96px;}.ui-icon-print{background-position:-160px -96px;}.ui-icon-trash{background-position:-176px -96px;}.ui-icon-locked{background-position:-192px -96px;}.ui-icon-unlocked{background-position:-208px -96px;}.ui-icon-bookmark{background-position:-224px -96px;}.ui-icon-tag{background-position:-240px -96px;}.ui-icon-home{background-position:0 -112px;}.ui-icon-flag{background-position:-16px -112px;}.ui-icon-calendar{background-position:-32px -112px;}.ui-icon-cart{background-position:-48px -112px;}.ui-icon-pencil{background-position:-64px -112px;}.ui-icon-clock{background-position:-80px -112px;}.ui-icon-disk{background-position:-96px -112px;}.ui-icon-calculator{background-position:-112px -112px;}.ui-icon-zoomin{background-position:-128px -112px;}.ui-icon-zoomout{background-position:-144px -112px;}.ui-icon-search{background-position:-160px -112px;}.ui-icon-wrench{background-position:-176px -112px;}.ui-icon-gear{background-position:-192px -112px;}.ui-icon-heart{background-position:-208px -112px;}.ui-icon-star{background-position:-224px -112px;}.ui-icon-link{background-position:-240px -112px;}.ui-icon-cancel{background-position:0 -128px;}.ui-icon-plus{background-position:-16px -128px;}.ui-icon-plusthick{background-position:-32px -128px;}.ui-icon-minus{background-position:-48px -128px;}.ui-icon-minusthick{background-position:-64px -128px;}.ui-icon-close{background-position:-80px -128px;}.ui-icon-closethick{background-position:-96px -128px;}.ui-icon-key{background-position:-112px -128px;}.ui-icon-lightbulb{background-position:-128px -128px;}.ui-icon-scissors{background-position:-144px -128px;}.ui-icon-clipboard{background-position:-160px -128px;}.ui-icon-copy{background-position:-176px -128px;}.ui-icon-contact{background-position:-192px -128px;}.ui-icon-image{background-position:-208px -128px;}.ui-icon-video{background-position:-224px -128px;}.ui-icon-script{background-position:-240px -128px;}.ui-icon-alert{background-position:0 -144px;}.ui-icon-info{background-position:-16px -144px;}.ui-icon-notice{background-position:-32px -144px;}.ui-icon-help{background-position:-48px -144px;}.ui-icon-check{background-position:-64px -144px;}.ui-icon-bullet{background-position:-80px -144px;}.ui-icon-radio-on{background-position:-96px -144px;}.ui-icon-radio-off{background-position:-112px -144px;}.ui-icon-pin-w{background-position:-128px -144px;}.ui-icon-pin-s{background-position:-144px -144px;}.ui-icon-play{background-position:0 -160px;}.ui-icon-pause{background-position:-16px -160px;}.ui-icon-seek-next{background-position:-32px -160px;}.ui-icon-seek-prev{background-position:-48px -160px;}.ui-icon-seek-end{background-position:-64px -160px;}.ui-icon-seek-start{background-position:-80px -160px;}.ui-icon-seek-first{background-position:-80px -160px;}.ui-icon-stop{background-position:-96px -160px;}.ui-icon-eject{background-position:-112px -160px;}.ui-icon-volume-off{background-position:-128px -160px;}.ui-icon-volume-on{background-position:-144px -160px;}.ui-icon-power{background-position:0 -176px;}.ui-icon-signal-diag{background-position:-16px -176px;}.ui-icon-signal{background-position:-32px -176px;}.ui-icon-battery-0{background-position:-48px -176px;}.ui-icon-battery-1{background-position:-64px -176px;}.ui-icon-battery-2{background-position:-80px -176px;}.ui-icon-battery-3{background-position:-96px -176px;}.ui-icon-circle-plus{background-position:0 -192px;}.ui-icon-circle-minus{background-position:-16px -192px;}.ui-icon-circle-close{background-position:-32px -192px;}.ui-icon-circle-triangle-e{background-position:-48px -192px;}.ui-icon-circle-triangle-s{background-position:-64px -192px;}.ui-icon-circle-triangle-w{background-position:-80px -192px;}.ui-icon-circle-triangle-n{background-position:-96px -192px;}.ui-icon-circle-arrow-e{background-position:-112px -192px;}.ui-icon-circle-arrow-s{background-position:-128px -192px;}.ui-icon-circle-arrow-w{background-position:-144px -192px;}.ui-icon-circle-arrow-n{background-position:-160px -192px;}.ui-icon-circle-zoomin{background-position:-176px -192px;}.ui-icon-circle-zoomout{background-position:-192px -192px;}.ui-icon-circle-check{background-position:-208px -192px;}.ui-icon-circlesmall-plus{background-position:0 -208px;}.ui-icon-circlesmall-minus{background-position:-16px -208px;}.ui-icon-circlesmall-close{background-position:-32px -208px;}.ui-icon-squaresmall-plus{background-position:-48px -208px;}.ui-icon-squaresmall-minus{background-position:-64px -208px;}.ui-icon-squaresmall-close{background-position:-80px -208px;}.ui-icon-grip-dotted-vertical{background-position:0 -224px;}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px;}.ui-icon-grip-solid-vertical{background-position:-32px -224px;}.ui-icon-grip-solid-horizontal{background-position:-48px -224px;}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px;}.ui-icon-grip-diagonal-se{background-position:-80px -224px;}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px;}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px;}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px;}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px;}.ui-widget-overlay{background:#666666 url(../libs/jquery-ui-1.11.0/images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat;opacity:.5;filter:Alpha(Opacity=50);}.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000000 url(../libs/jquery-ui-1.11.0/images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px;}@charset "UTF-8";@-webkit-keyframes Spinner{from{-webkit-transform:rotate(0);}to{-webkit-transform:rotate(360deg);}}@-webkit-keyframes ConnectedPop{0%{-webkit-transform:scale(1);}50%{-webkit-transform:scale(1.2);}100%{-webkit-transform:scale(1);}}@-webkit-keyframes FadeIn{from{opacity:0;}to{opacity:1;}}@keyframes Spinner{from{transform:rotate(0);}to{transform:rotate(360deg);}}@keyframes ConnectedPop{0%{transform:scale(1);}50%{transform:scale(1.2);}100%{transform:scale(1);}}@keyframes FadeIn{from{opacity:0;}to{opacity:1;}}#page-creditcardbudgets{position:relative;height:600px;}#page-creditcardbudgets ul{margin-top:0px;}#page-creditcardbudgets ul.budgets-list{padding-top:0px;}#page-creditcardbudgets .header{border-bottom:none;height:56px;-webkit-box-shadow:none;box-shadow:none;}#page-creditcardbudgets .header h2{padding-left:25px;}#page-creditcardbudgets .ui-front{z-index:401;}#page-creditcardbudgets .xwc-ui-toggle{margin:10px 0 0 309px;}#page-creditcardbudgets .xwc-loading{background:#f5f5f5;}#page-creditcardbudgets .budgetSummary .xwc-loading{height:290px;margin-top:157px;}#page-creditcardbudgets .xwc-tab-content-container{background:#fff;position:relative;z-index:1;width:936px;height:492px;border-left:1px solid #bdbdbd;border-right:1px solid #bdbdbd;border-bottom:1px solid #bdbdbd;border-top:1px solid #bdbdbd;margin-right:10px;margin-left:10px;}#page-creditcardbudgets .xwc-tab-content{position:relative;z-index:3;height:437px;border-bottom:1px solid #bdbdbd;background:#fafafa;padding-bottom:4px;-webkit-box-shadow:inset 0 1px 0 #bdbdbd;box-shadow:inset 0 1px 0 #bdbdbd;}#page-creditcardbudgets .xwc-tab-content.budgetSummary .toolbar{padding-top:11px;height:100px;margin-right:0px;margin-left:30px;width:910px;}#page-creditcardbudgets .xwc-tab-content.budgetHistory .toolbar{padding-top:21px;margin-right:0px;margin-left:30px;width:910px;}#page-creditcardbudgets .xwc-tab-content.budgetSummary .balances-display{padding-left:4px;width:858px;height:40px;display:inline-block;}#page-creditcardbudgets .xwc-tab-content.budgetHistory .balances-display{display:none;}#page-creditcardbudgets .xwc-tab-content.budgetHistory{height:440px;}#page-creditcardbudgets .button-primary{background-color:#007eb6;height:40px;line-height:40px;margin-left:56px;}#page-creditcardbudgets .budgetHistory .button-primary{background-color:#007eb6;height:40px;line-height:40px;margin-left:2px;display:inline-block;}#page-creditcardbudgets .divider-horizontal{width:860px;margin-top:4px;float:left;}#page-creditcardbudgets .gradient{margin-right:50px;margin-left:28px;width:860px;float:left;}#page-creditcardbudgets .gradient.top{position:absolute;left:0;top:0;height:20px;z-index:400;width:100%;height:16px;width:866px;}#page-creditcardbudgets .budgetHistory .gradient.top{top:80px;}#page-creditcardbudgets .gradient.top{background:-webkit-gradient(linear,center top,center bottom,from(rgb(250,250,250)),to(rgba(250,250,250,0)));background:-moz-linear-gradient(center top,rgb(250,250,250),rgba(250,250,250,0));background:-webkit-linear-gradient(center top,rgb(250,250,250),rgba(250,250,250,0));background:-o-linear-gradient(center top,rgb(250,250,250),rgba(250,250,250,0));background:-ms-linear-gradient(center top rgb(250,250,250),rgba(250,250,250,0));background:linear-gradient(center top,rgb(250,250,250),rgba(250,250,250,0));top:105px;}#page-creditcardbudgets .gradient.bottom{position:absolute;left:0;bottom:0;height:20px;z-index:400;width:100%;height:22px;width:866px;}#page-creditcardbudgets .gradient.bottom{background:-webkit-gradient(linear,center top,center bottom,from(rgba(250,250,250,0)),to(rgb(250,250,250)));background:-moz-linear-gradient(center top,rgba(250,250,250,0),rgb(250,250,250));background:-webkit-linear-gradient(center top,rgba(250,250,250,0),rgb(250,250,250));background:-o-linear-gradient(center top,rgba(250,250,250,0),rgb(250,250,250));background:-ms-linear-gradient(center top,rgba(250,250,250,0),rgb(250,250,250));background:linear-gradient(center top,rgba(250,250,250,0),rgb(250,250,250));}#page-creditcardbudgets .budgetHistory .gradient.bottom{background:-webkit-gradient(linear,center top,center bottom,from(rgba(250,250,250,0)),to(rgb(250,250,250)));background:-moz-linear-gradient(center top,rgba(250,250,250,0),rgb(250,250,250));background:-webkit-linear-gradient(center top,rgba(250,250,250,0),rgb(250,250,250));background:-o-linear-gradient(center top,rgba(250,250,250,0),rgb(250,250,250));background:-ms-linear-gradient(center top,rgba(250,250,250,0),rgb(250,250,250));background:linear-gradient(center top,rgba(250,250,250,0),rgb(250,250,250));}#page-creditcardbudgets .xwc-tabs{position:absolute;top:56px;right:103px;}#page-creditcardbudgets .xwc-tabs.horizontal li{width:215px;border-bottom:none;}#page-creditcardbudgets .xwc-tabs.horizontal li button{font-size:18px;}#page-creditcardbudgets .xwc-tabs.horizontal li.tab-budget-summary.selected button,#page-creditcardbudgets .xwc-tabs.horizontal li.tab-budget-history.selected button{font-family:"ExpertSansBold",sans-serif;font-weight:inherit;-webkit-font-smoothing:antialiased;color:#2d2d2d;cursor:default;}#page-creditcardbudgets .xwc-tabs.horizontal li.tab-budget-summary.selected,#page-creditcardbudgets .xwc-tabs.horizontal li.tab-budget-history.selected{z-index:3;background:#fafafa;transition:none;}#page-creditcardbudgets .xwc-tabs.horizontal li.tab-budget-summary.selected:before,#page-creditcardbudgets .xwc-tabs.horizontal li.tab-budget-history.selected:before{-webkit-box-shadow:1px 0 0 0 #fafafa,6px 0 0 0 #fafafa,14px 0 0 0 #fafafa;box-shadow:1px 0 0 0 #fafafa,6px 0 0 0 #fafafa,14px 0 0 0 #fafafa;}#page-creditcardbudgets .xwc-tabs.horizontal li.tab-budget-summary.selected:after,#page-creditcardbudgets .xwc-tabs.horizontal li.tab-budget-history.selected:after{-webkit-box-shadow:-1px 0 0 0 #fafafa,-6px 0 0 0 #fafafa,-14px 0 0 0 #fafafa;box-shadow:-1px 0 0 0 #fafafa,-6px 0 0 0 #fafafa,-14px 0 0 0 #fafafa;}#page-creditcardbudgets #budgetHistoryTab.tab-budget-history.hiding{display:none;}#page-creditcardbudgets .select{position:relative;}#page-creditcardbudgets .select.accounts,#page-creditcardbudgets .select.transactions{margin-bottom:10px;margin-right:0px;height:40px;width:400px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;}#page-creditcardbudgets .select.transactions{width:600px;}#page-creditcardbudgets .select span.select-show{font-family:"ExpertSansLight",sans-serif;font-weight:inherit;-webkit-font-smoothing:antialiased;margin-right:4px;}#page-creditcardbudgets .select span.select-show span{margin-left:3px;}#page-creditcardbudgets .accounts .xwc-ui-select,#page-creditcardbudgets .transactions .xwc-ui-select{float:left;cursor:pointer;z-index:600;padding:0 10px;width:400px;word-spacing:-1px;overflow:hidden;height:40px;}#page-creditcardbudgets .select .xwc-ui-select.transactions-filter{float:left;height:40px;width:170px;margin-left:50px;margin-right:4px;font-size:18px;}#page-creditcardbudgets .select .xwc-ui-select.ccaccounts-select,#page-creditcardbudgets .select .xwc-ui-select.budgetTransactions-select{float:left;width:370px;height:40px;font-size:18px;margin-bottom:6px;}#page-creditcardbudgets .select .xwc-ui-select option{float:left;cursor:pointer;font-family:"ExpertSansLight",sans-serif;z-index:600;padding:0 20px;word-spacing:-1px;overflow:hidden;width:300px;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;-webkit-box-shadow:inset 0 0 0 4px #eeeeee;border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:inset 0 0 0 4px #eeeeee;}#page-creditcardbudgets .xwc-ui-select .dropdown li .select-show{display:none;}#page-creditcardbudgets .view-budget-summary,#page-creditcardbudgets .view-budget-history{background:#fff;padding:0 20px;border-top-left-radius:10px;border-top-right-radius:10px;height:40px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;margin-left:auto;margin-right:auto;}#page-creditcardbudgets .view-budget-summary{width:650px;}#page-creditcardbudgets .view-budget-history{width:400px;}#page-creditcardbudgets .view-budget-summary button,#page-creditcardbudgets .view-budget-history button{position:relative;padding-left:30px;margin-left:30px;height:40px;line-height:48px;cursor:pointer;}#page-creditcardbudgets .view-budget-summary button span,#page-creditcardbudgets .view-budget-history button span{font-size:16px;position:relative;width:auto;background:none;padding-bottom:2px;cursor:pointer;}#page-creditcardbudgets .view-budget-summary button span:hover:before,#page-creditcardbudgets .view-budget-history button span:hover:before{opacity:1;}#page-creditcardbudgets .view-budget-summary button:before,#page-creditcardbudgets .view-budget-history button:before{content:"";position:absolute;left:-20px;top:50%;margin-top:-10px;background:url(https://ib.absa.co.za/axob/xwc/img/divider_vertical_4.png) no-repeat 0 0;width:3px;height:22px;}#page-creditcardbudgets .view-budget-summary button:first-of-type,#page-creditcardbudgets .view-budget-history button:first-of-type{margin-left:0;}#page-creditcardbudgets .view-budget-summary button:first-of-type:before,#page-creditcardbudgets .view-budget-history button:first-of-type:before{display:none;}#page-creditcardbudgets .view-budget-summary button.button-disabled,#page-creditcardbudgets .view-budget-history button.button-disabled{color:#bdbdbd;cursor:default;}#page-creditcardbudgets .view-budget-summary .settle{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_pay_ben_small.png) no-repeat 0 75%;font-size:15px;position:relative;width:auto;padding-bottom:2px;color:#ab2128;}#page-creditcardbudgets .view-budget-summary span:before,#page-creditcardbudgets .view-budget-history span:before,#page-creditcardbudgets .view-pay span:before{width:100%;content:"";height:1px;position:absolute;left:0;bottom:0;opacity:0;background:#ab2128;}#page-creditcardbudgets .view-budget-summary .download{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_download_small.png) no-repeat 0 75%;}#page-creditcardbudgets .view-budget-summary .accounts-back,#page-creditcardbudgets .view-budget-history .accounts-back,#page-creditcardbudgets .view-budget-history .budgets-back{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_back_to_accounts_small.png) no-repeat 0 75%;height:40px;width:150px;font-family:"ExpertSansRegular",sans-serif;font-weight:400;}#page-creditcardbudgets .view-budget-summary .view-history{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_view_blue.png) no-repeat 0 75%;height:40px;width:160px;color:#ab2128;font-family:"ExpertSansRegular",sans-serif;font-weight:400;font-size:16px;position:relative;padding-bottom:2px;cursor:pointer;}#page-creditcardbudgets .view-budget-summary .view-straight{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_view_blue.png) no-repeat 0 75%;height:40px;width:200px;color:#ab2128;font-family:"ExpertSansRegular",sans-serif;font-weight:400;padding-left:30px;text-align:left;}#page-creditcardbudgets .view-budget-summary .print-receipt{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_print.png) no-repeat 0 75%;}#page-creditcardbudgets .view-budget-summary button.button-disabled,#page-creditcardbudgets .view-budget-history button.button-disabled{color:#bdbdbd;cursor:default;}#page-creditcardbudgets .view-budget-summary span,#page-creditcardbudgets .view-budget-history span,#page-creditcardbudgets .view-pay span{height:30px;display:inline-block;color:#ab2128;}#page-creditcardbudgets .budget-number-title,#page-creditcardbudgets .transaction-date-title,#page-creditcardbudgets .originator-title,#page-creditcardbudgets .purchaseamount-title,#page-creditcardbudgets .interestrate-title,#page-creditcardbudgets .repaymentterms-title,#page-creditcardbudgets .monthlyinstalment-title,#page-creditcardbudgets .amountoutstanding-title,#page-creditcardbudgets .statement-date-title{font-size:14px;height:30px;top:6px;}#page-creditcardbudgets .history-date-title,#page-creditcardbudgets .adhocpayment-title,#page-creditcardbudgets .interest-title,#page-creditcardbudgets .historymonthlyinstalment-title,#page-creditcardbudgets .historybalance-title{font-size:15px;height:30px;top:7px;}#page-creditcardbudgets .budget-number,#page-creditcardbudgets .transaction-date,#page-creditcardbudgets .history-date,#page-creditcardbudgets .purchaseamount,#page-creditcardbudgets .adhocpayment,#page-creditcardbudgets .interestrate,#page-creditcardbudgets .interest,#page-creditcardbudgets .repaymentterms,#page-creditcardbudgets .monthlyinstalment,#page-creditcardbudgets .historybalance,#page-creditcardbudgets .historymonthlyinstalment,#page-creditcardbudgets .amountoutstanding,#page-creditcardbudgets .statement-date{top:43px;font-size:14px;}#page-creditcardbudgets .budget-number-title,#page-creditcardbudgets .budget-number{left:10px;width:50px;text-align:center;}#page-creditcardbudgets .transaction-date-title,#page-creditcardbudgets .transaction-date{left:90px;width:100px;text-align:center;}#page-creditcardbudgets .history-date-title,#page-creditcardbudgets .history-date{width:100px;text-align:center;}#page-creditcardbudgets .originator-title{left:190px;width:200px;text-align:center;}#page-creditcardbudgets .purchaseamount-title,#page-creditcardbudgets .purchaseamount{left:390px;width:100px;text-align:center;}#page-creditcardbudgets .adhocpayment-title,#page-creditcardbudgets .adhocpayment{left:150px;width:200px;text-align:center;}#page-creditcardbudgets .interest-title,#page-creditcardbudgets .interest{left:350px;width:100px;text-align:center;}#page-creditcardbudgets .interestrate-title,#page-creditcardbudgets .interestrate{left:490px;width:50px;text-align:center;}#page-creditcardbudgets .repaymentterms-title,#page-creditcardbudgets .repaymentterms{left:560px;width:80px;text-align:center;}#page-creditcardbudgets .monthlyinstalment-title,#page-creditcardbudgets .monthlyinstalment{left:640px;width:100px;text-align:center;}#page-creditcardbudgets .historymonthlyinstalment-title,#page-creditcardbudgets .historymonthlyinstalment{left:540px;width:200px;text-align:center;}#page-creditcardbudgets .amountoutstanding-title,#page-creditcardbudgets .amountoutstanding{left:750px;width:100px;text-align:center;}#page-creditcardbudgets .historybalance-title,#page-creditcardbudgets .historybalance{left:700px;width:200px;text-align:center;}#page-creditcardbudgets .budgetSummary button{position:relative;z-index:2;height:64px;-webkit-transition:background-color 0.2s ease-in-out;-webkit-border-radius:7px;transition:background-color 0.2s ease-in-out;border-radius:7px;font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;width:858px;}#page-creditcardbudgets .budgetSummary.selected button{background:#007eb6;}#page-creditcardbudgets .budgetSummary .left,#page-creditcardbudgets .budgetSummary .middle,#page-creditcardbudgets .budgetSummary .right{position:absolute;width:135px;float:left;}#page-creditcardbudgets .select .ui-menu .ui-menu-item{font-size:18px;height:44px;}#page-creditcardbudgets .select .ui-menu .ui-menu-item .wrap,#page-creditcardbudgets .stack .ui-menu .ui-menu-item .wrap{height:24px;text-align:left;padding:4px;padding-left:10px;padding-right:20px;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}#page-creditcardbudgets .xwc-transaction-box .summary .originator{top:36px;font-size:13px;height:30px;left:190px;}#page-creditcardbudgets .xwc-transaction-box .summary .originator:before{content:" ";display:inline-block;height:100%;vertical-align:middle;}#page-creditcardbudgets .xwc-transaction-box .summary .originator :first-child{display:inline-block;vertical-align:middle;}#page-creditcardbudgets .xwc-transaction-box.budgetSummary,#page-creditcardbudgets .xwc-transaction-box.budgetHistory{border:1px solid #bdbdbd;-webkit-box-shadow:0 0 0 0;box-shadow:0 0 0 0;display:inline-block;}#page-creditcardbudgets .xwc-transaction-box.budgetSummary.active.selected .summary div{background-color:#00aeef;-webkit-transition:none;transition:none;color:#fff;background-image:none;padding-top:0;}#page-creditcardbudgets.active.visible .xwc-transaction-box{height:64px;}#page-creditcardbudgets.active.visible .xwc-transaction-box.open{height:206px;}#page-creditcardbudgets.active.visible .xwc-transaction-box.remove{height:0;border:none;padding:0;margin:0;}#page-creditcardbudgets .xwc-transaction-box .summary .name-vcenter{top:33px;font-size:14px;height:30px;left:18px;}#page-creditcardbudgets .xwc-transaction-box .summary .name-vcenter:before{content:" ";display:inline-block;height:100%;vertical-align:middle;}#page-creditcardbudgets .xwc-transaction-box .summary .name-vcenter :first-child{display:inline-block;vertical-align:middle;}#page-creditcardbudgets .xwc-transaction-list.budget-list > ul{padding-top:0px;}#page-creditcardbudgets .xwc-transaction-list .footer .select-show{display:none;}#page-creditcardbudgets .xwc-transaction-list.budget-list .selected .summary{background-color:#00aeef;-webkit-transition:none;transition:none;color:#fff;background-image:none;padding-top:0;}#page-creditcardbudgets #budget-summary-list{height:315px;}#page-creditcardbudgets #history-transaction-list{height:343px;padding-top:20px;margin-bottom:3px;}#page-creditcardbudgets .row .label{width:210px;font-size:20px;height:45px;color:#555555;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;box-align:center;-moz-box-align:center;justify-content:flex-start;-ms-flex-align:center;-ms-flex-pack:left;align-items:flex-start;}#page-creditcardbudgets .hidingRow{visibility:hidden;}#page-creditcardbudgets .xwc-ui-select.dropdown-select{width:360px;}#page-creditcardbudgets .large .ui-selectmenu-button{height:60px;}#page-creditcardbudgets .large .select .ui-selectmenu-button span.ui-selectmenu-text{font-size:25px;padding-top:15px;}#page-creditcardbudgets .select .ui-selectmenu-button span.ui-icon{right:0.5em;left:auto;position:absolute;top:60%;}#page-creditcardbudgets .ui-selectmenu-button{height:40px;}#page-creditcardbudgets #budgetTransactions-select-button{font-size:16px;line-height:2.2;height:30px;}#page-creditcardbudgets .xwc-fragment.budgetsSummary .toolbar .xwc-ui-select .scroller{height:310px;}#page-creditcardbudgets .xwc-fragment.list-view{height:413px;}#page-creditcardbudgets .xwc-fragment.list-view .gradient.top{top:4px;}#page-creditcardbudgets .xwc-fragment.calendar-view{height:413px;}#page-creditcardbudgets .xwc-fragment.payments .xwc-fragment{height:414px;}#page-creditcardbudgets .xwc-fragment.payments .xwc-fragment .gradient.top{top:4px;}#page-creditcardbudgets .xwc-fragment.progress .spinner{margin:0 auto;}#page-creditcardbudgets .xwc-fragment.progress{position:relative;width:960px;height:190px;padding-top:40px;-webkit-box-shadow:inset 0 2px 0 #e8e8e8;box-shadow:inset 0 2px 0 #e8e8e8;}#page-creditcardbudgets .xwc-flyout.contextual.customStyle{max-width:350px;text-align:center;}#page-creditcardbudgets .xwc-flyout.contextual.customStyle h3{margin-bottom:15px;}#page-creditcardbudgets .xwc-flyout.contextual.customStyle p:last-of-type{margin-bottom:5px;}#page-creditcardbudgets .srcacclabel{font-size:20px;height:40px;color:#555555;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;box-align:center;-moz-box-align:center;justify-content:flex-start;-ms-flex-align:center;-ms-flex-pack:left;align-items:center;width:240px;text-align:center;}#page-creditcardbudgets .dropdown-list.large{margin-left:0px;margin-right:10px;font-size:20px;float:left;margin-top:5px;}#page-creditcardbudgets .dropdown-list .select{margin:0px 0px 0px 1px;}#page-creditcardbudgets .row.dropdown-list{margin-left:50px;}#page-creditcardbudgets .step1 .row.dropdown-list{height:42px;}#page-creditcardbudgets .step1 .xwc-flyout.contextual{max-width:260px;}#page-creditcardbudgets .step1 .row{height:auto;margin-top:12px;}#page-creditcardbudgets .row .label.highlight{color:#007eb6;}#page-creditcardbudgets .xwc-stack-step.step5 .xwc-fragment.confirmation .payment-sent .wrapper .info{width:700px;top :-90px;overflow:hidden;*zoom:1;}#page-creditcardbudgets .xwc-ui-searchbox .dropdown ul.scroller li,#page-creditcardbudgets .xwc-ui-searchbox .dropdown li .wrap,#page-creditcardbudgets .xwc-ui-searchbox .dropdown ul.scroller li::before{width:350px;}#page-creditcardbudgets .dropdown ul,#page-creditcardbudgets .dropdown.detached ul{margin:0;padding:0 0 0 4px;}#page-creditcardbudgets .xwc-ui-searchbox .dropdown ul.scroller,.dropdown.detached.open ul.scroller{overflow-y:scroll;overflow-x:hidden;}#page-creditcardbudgets .dropdown ul.scroller::-webkit-scrollbar-track,.dropdown.detached.open ul.scroller::-webkit-scrollbar-track{background-color:rgba(179,183,185,0.4);border-radius:5px;margin:3px 0;}#page-creditcardbudgets .dropdown ul.scroller::-webkit-scrollbar-track-piece,.dropdown.detached ul.scroller::-webkit-scrollbar-track-piece{border-radius:5px;}#page-creditcardbudgets .dropdown ul.scroller::-webkit-scrollbar,.dropdown.detached ul.scroller::-webkit-scrollbar{width:10px;margin-right:1px;}#page-creditcardbudgets .dropdown ul.scroller::-webkit-scrollbar-button:start:decrement,#page-creditcardbudgets .dropdown.detached ul.scroller::-webkit-scrollbar-button:start:decrement{width:10px;height:21px;margin-right:1px;background:url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_up.png) no-repeat -1px 0;display:block;border-top:10px solid white;border-bottom:4px solid white;}#page-creditcardbudgets .dropdown ul.scroller::-webkit-scrollbar-button:end:increment{position:relative;width:10px;margin-right:1px;height:21px;background:url(https://ib.absa.co.za/axob/xwc/img/icn_scroll_arrows_dn.png) no-repeat -1px 0;display:block;border-bottom:10px solid white;border-top:4px solid white;}#page-creditcardbudgets .removeThisElement{display:none;}#page-creditcardbudgets .xwc-stack-step.step5 .xwc-fragment.confirmation .payment-sent .wrapper.payment .info > div:nth-of-type(1),#page-creditcardbudgets .xwc-stack-step.step5 .xwc-fragment.confirmation .payment-sent .wrapper.payment .info > div:nth-of-type(2){height:175px;}#page-creditcardbudgets .step5 > .wrapper .content{overflow:visible;}#page-creditcardbudgets .input .xwc-ui-text input{width:320px;}#page-creditcardbudgets .review-details .check span{font-family:"ExpertSansBold",sans-serif;font-weight:100;word-spacing:-1px;padding:0 40px 0 0;width:800px;font-size:14px;color:#ab2128;vertical-align:top;}#page-creditcardbudgets .review-details .check p{font-size:20px;line-height:15px;color:#666666;margin-bottom:3px;}#page-creditcardbudgets .step5 > .wrapper{height:310px;}#page-creditcardbudgets .step5 .xwc-fragment.progress{position:relative;width:960px;height:200px;padding-top:60px;-webkit-box-shadow:inset 0 2px 0 #e8e8e8;box-shadow:inset 0 2px 0 #e8e8e8;}#page-creditcardbudgets .xwc-stack-step.step5{background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_100px_bg.png) repeat 0 0;}#page-creditcardbudgets .xwc-stack-step.step5 .xwc-fragment.confirmation .payment-sent .wrapper::before{content:"";position:absolute;top:-1px;left:0;background:white url(https://ib.absa.co.za/axob/xwc/img/divider_vertical_6.png) repeat-x 0 0;height:2px;width:100%;}#page-creditcardbudgets .xwc-stack-step.step5 .xwc-fragment.confirmation .payment-sent .wrapper .receipt-stamp{position:absolute;top:-35px;right:35px;width:137px;height:138px;background:url(https://ib.absa.co.za/axob/xwc/img/stamp_final_sprite_1.png) no-repeat 0px -276px;}#page-creditcardbudgets .xwc-stack-step.step5 .xwc-fragment.confirmation .payment-sent.error .wrapper .error-sign{position:absolute;top:-35px;right:35px;width:137px;height:138px;background:url(https://ib.absa.co.za/axob/xwc/img/stamp_final_sprite_1.png) no-repeat 0px 0px;}#page-creditcardbudgets .xwc-stack-step.step5 .xwc-fragment.confirmation .payment-sent.pending .wrapper .error-sign{position:absolute;top:-35px;right:35px;width:137px;height:138px;background:url(https://ib.absa.co.za/axob/xwc/img/stamp_final_sprite_1.png) no-repeat 0px -138px;}#page-creditcardbudgets .xwc-stack-step.step5 .xwc-fragment.confirmation .payment-sent .wrapper .info > div button::before{width:100%;content:"";height:1px;position:absolute;left:0;bottom:0;opacity:0;}#page-creditcardbudgets .xwc-stack-step.step5 .xwc-fragment.confirmation .payment-sent .options{position:absolute;bottom:0;left:0;width:100%;height:50px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;box-align:center;-webkit-box-orient:horizontal;-webkit-box-pack:center;-webkit-box-align:end;-moz-box-align:end;justify-content:center;-ms-flex-align:end;-ms-flex-pack:center;align-items:flex-end;}#page-creditcardbudgets .xwc-stack-step.step5 .xwc-fragment.confirmation .payment-sent .options .view-pay,#page-creditcardbudgets .xwc-stack-step.step5 .xwc-fragment.confirmation .payment-sent .options .view-edit,#page-creditcardbudgets .xwc-stack-step.step5 .xwc-fragment.confirmation .payment-sent .options .view-transfer{background:#fff;padding:0 20px;border-top-left-radius:10px;border-top-right-radius:10px;}#page-creditcardbudgets .xwc-stack-step.step5 .xwc-fragment.confirmation .payment-sent .options .view-pay button span:hover::before,#page-creditcardbudgets .xwc-stack-step.step5 .xwc-fragment.confirmation .payment-sent .options .view-edit button span:hover::before,#page-creditcardbudgets .xwc-stack-step.step5 .xwc-fragment.confirmation .payment-sent .options .view-transfer button span:hover::before,#page-creditcardbudgets .xwc-stack-step .xwc-fragment.confirmation .payment-sent .message-det button span:hover::before{opacity:1;}#page-creditcardbudgets.edit.first-view .xwc-stack-step .header.view-edit{-webkit-transform:translateY(40px);-webkit-transition:-webkit-transform 0.32s ease-in-out;transform:translateY(40px);transition:transform 0.32s ease-in-out;}#page-creditcardbudgets .payment-sent .icon{width:25px;height:25px;-webkit-border-radius:5px;border-radius:5px;background-repeat:no-repeat;background-position:50% 50%;float:left;margin-right:10px;}#page-creditcardbudgets.edit .xwc-stack-step .header.view-edit .step-number{-webkit-transition:-webkit-transform 0.32s ease-in-out;transition:transform 0.32s ease-in-out;}#page-creditcardbudgets.edit.first-view .xwc-stack-step .header.view-edit{background-color:transparent;-webkit-transition:none;transition:none;}#page-creditcardbudgets.edit.first-view .xwc-stack-step .header.view-edit .step-number{-webkit-transform:translateY(-40px);-webkit-transition:-webkit-transform 0.32s ease-in-out;transform:translateY(-40px);transition:transform 0.32s ease-in-out;}#page-creditcardbudgets.edit.first-view .xwc-stack-step .title.proceed-payment{opacity:0;visibility:hidden;pointer-events:none;}#page-creditcardbudgets.edit .xwc-stack-step .title.proceed-payment{opacity:1;-webkit-transition:opacity 0.32s ease-in-out;-webkit-transition-delay:0.32s;transition:opacity 0.32s ease-in-out;transition-delay:0.32s;}#page-creditcardbudgets .step5 .xwc-fragment.progress{background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_100px_bg.png) repeat 0 0;}.xwc-fragment.progress.active.visible.transition-out #page-creditcardbudgets .xwc-stack-step .review-details{-webkit-transition:padding-top 0.32s ease-in-out;transition:padding-top 0.32s ease-in-out;}#page-creditcardbudgets.edit.first-view .xwc-stack-step.active > .wrapper .content .header .title.next,#page-creditcardbudgets.edit.first-view .xwc-stack-step.active > .wrapper .content .header .title.active{-webkit-transition:none;-webkit-transition-delay:0;transition:none;transition-delay:0;}#page-creditcardbudgets.edit.first-view .xwc-stack-step .review-details{padding-top:30px;-webkit-transition:padding-top 0.32s ease-in-out;transition:padding-top 0.32s ease-in-out;}#page-creditcardbudgets .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .print-receipt{cursor:pointer;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_print.png) no-repeat 0 50%;}#page-creditcardbudgets .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .pay-another{cursor:pointer;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/Rewards_Icon.png) no-repeat 0 50%;}#page-creditcardbudgets .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .print-receipt span,#page-creditcardbudgets .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-edit .print-receipt span,#page-creditcardbudgets .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .pay-another span,#page-creditcardbudgets .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-transfer .print-receipt span{color:#ab2128;font-family:"ExpertSansRegular",sans-serif;}#page-creditcardbudgets .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .print-receipt span::before,#page-creditcardbudgets .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-edit .print-receipt span::before,#page-creditcardbudgets .xwc-stack-step .xwc-fragment.confirmation .payment-sent .options .view-pay .pay-another span::before{background-color:#ab2128;}#page-creditcardbudgets .xwc-stack-step.step5 .xwc-fragment.confirmation .payment-sent .options .view-pay .back-home span:hover,#page-creditcardbudgets .xwc-stack-step .xwc-fragment.confirmation .payment-sent .message-det #error-dialog{color:#ab2128;}#page-creditcardbudgets .xwc-fragment.confirmation.active{opacity:1;background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_100px_bg.png) repeat 0 0;}#page-creditcardbudgets .xwc-fragment.confirmation.active .wrapper{opacity:0;-webkit-transform:rotateX(-90deg);-webkit-transform-origin:50% top;transform:rotateX(-90deg);transform-origin:50% top;}#page-creditcardbudgets .xwc-fragment.confirmation.active .wrapper .gradient-overlay{position:absolute;top:0;left:0;width:960px;height:300px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;background:-webkit-gradient(linear,left top,left bottom,from(#cccccc),to(black));opacity:0.7;visibility:visible;}#page-creditcardbudgets .xwc-fragment.confirmation.active .wrapper .receipt-stamp{opacity:0;}#page-creditcardbudgets .xwc-fragment.confirmation.active .options{-webkit-transform:translateY(48px);transform:translateY(48px);}#page-creditcardbudgets .xwc-fragment.confirmation.visible .wrapper{opacity:1;-webkit-transform:rotateX(0deg);-webkit-transition:-webkit-transform 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s,opacity 0.2s ease-in-out 0.25s;transform:rotateX(0deg);transition:transform 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s,opacity 0.2s ease-in-out 0.25s;}#page-creditcardbudgets .xwc-fragment.confirmation.visible .wrapper .gradient-overlay{opacity:0;visibility:hidden;-webkit-transition:opacity 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s,visibility 0s linear 1s;transition:opacity 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s,visibility 0s linear 1s;}#page-creditcardbudgets .xwc-fragment.confirmation.visible .wrapper .receipt-stamp{opacity:1;-webkit-transition:opacity 0.4s ease-in-out 0.75s;transition:opacity 0.4s ease-in-out 0.75s;}#page-creditcardbudgets .xwc-fragment.confirmation.visible{opacity:1;-webkit-transform-style:flat;transform-style:flat;background:url(https://ib.absa.co.za/axob/xwc/img/accounts_overview_flap_100px_bg_v2.png) repeat 0 0;-webkit-perspective:2000;-webkit-transition:opacity 0.4s ease-in-out 0.25s,background 1s ease-in-out 0.25s;perspective:2000;transition:opacity 0.4s ease-in-out 0.25s,background 1s ease-in-out 0.25s;}#page-creditcardbudgets .xwc-fragment.confirmation.visible .options{-webkit-transform:translateY(0);-webkit-transition:-webkit-transform 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s;transform:translateY(0);transition:transform 0.75s cubic-bezier(0.2,0,0.2,1) 0.25s;}#page-creditcardbudgets .review-details .view-pay ul li{list-style:outside disc;font-size:14px;}#page-creditcardbudgets .date-time-stamp{margin-top:32px;margin-left:70px;}#page-creditcardbudgets .review-details .view-pay ul{margin-left:18px;font-size:14px;}#page-creditcardbudgets .view-pay .accounts-back{background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_back_to_accounts_small.png) no-repeat 0 50%;}#page-creditcardbudgets .view-pay,#page-creditcardbudgets.edit .view-edit{display:block;}#page-creditcardbudgets .title.view-pay,#page-creditcardbudgets.edit .title.view-edit{display:inline-block;}#page-creditcardbudgets .view-edit,#page-creditcardbudgets.edit .view-pay{display:none;}#page-creditcardbudgets .check.view-transfer,#page-creditcardbudgets .check.view-edit{display:none;}#page-creditcardbudgets .xwc-stack-step .xwc-fragment.confirmation .payment-sent .wrapper{height:200px;}#page-creditcardbudgets .confirmation .review-details{padding-left:3px;height:131px;padding-bottom:23px;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-box;-webkit-box-align:center;box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}#page-creditcardbudgets .enter-amount .xwc-ui-text.amount::before{font-family:"ExpertSansLight",sans-serif;font-weight:100;word-spacing:-1px;content:"R";position:absolute;left:-45px;top:10px;font-size:50px;color:#555555;width:60px;height:100px;}#page-creditcardbudgets .enter-amount{width:290px;}#page-creditcardbudgets .enter-amount h2{width:194px;display:inline-block;margin-left:2px;}#page-creditcardbudgets .stack{z-index:0;}#page-creditcardbudgets .step2 > .wrapper{height:371px;z-index:9;}#page-creditcardbudgets .step3 > .wrapper{height:310px;}#page-creditcardbudgets .step4 > .wrapper{height:250px;}#page-creditcardbudgets .step5 > .wrapper{height:190px;overflow:visible;}#page-creditcardbudgets .xwc-stack-step.step5 .xwc-fragment.review{background:#fff;}#page-creditcardbudgets .stack .xwc-stack-step.step5 > .wrapper,#page-creditcardbudgets .stack .xwc-stack-step.step5 .xwc-fragment,#page-creditcardbudgets .stack .xwc-stack-step.step5 .xwc-fragment.confirmation .payment-sent,#page-creditcardbudgets .stack .xwc-stack-step.step5 > .wrapper .content{height:190px !important;}#page-creditcardbudgets .review-details.redeem{padding-left:50px;font-size:20px;height:110px;padding-bottom:23px;display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-box;-webkit-box-align:center;box-align:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;}#page-creditcardbudgets .step5{position:relative;z-index:2;overflow:visible;}#page-creditcardbudgets .step4{position:relative;z-index:1;}#page-creditcardbudgets .xwc-stack-step.step5 .xwc-fragment.confirmation .payment-sent .wrapper.payment{height:300px;}#page-creditcardbudgets .xwc-stack-step .xwc-fragment.confirmation .payment-sent{position:relative;width:960px;height:310px;}#page-creditcardbudgets .ui-selectmenu-menu #repaymentTermsList-menu.ui-menu,#page-creditcardbudgets .ui-selectmenu-menu #budgetPlanList-menu.ui-menu,#page-creditcardbudgets .ui-selectmenu-menu #creditCardAccountList-menu.ui-menu{max-height:203px;overflow:auto;overflow-x:hidden;padding-bottom:1px;padding:1px 6px 4px 8px;}#page-creditcardbudgets #repaymentTermsList-menu.ui-widget,#page-creditcardbudgets #budgetPlanList-menu.ui-widget,#page-creditcardbudgets #creditCardAccountList-menu.ui-widget{font-family:ExpertSansLight,sans-serif;font-size:20px;}#page-creditcardbudgets #repaymentTermsList-menu.ui-widget-content,#page-creditcardbudgets #budgetPlanList-menu.ui-widget-content,#page-creditcardbudgets #creditCardAccountList-menu.ui-widget-content{background:white;color:#2D2D2D;border:1px solid #C8C8C8;padding:4px 0;-webkit-border-radius:8px;-webkit-box-shadow:inset 0 0 0 4px #EEE;border-radius:8px;box-shadow:inset 0 0 0 4px #EEE;}#page-creditcardbudgets #repaymentTermsList-menu.ui-menu li .wrap,#page-creditcardbudgets #budgetPlanList-menu.ui-menu li .wrap,#page-creditcardbudgets #creditCardAccountList-menu.ui-menu li .wrap{padding:8px;}#accountVerificationOverlay{width:850px;}input#futureDatedPaymentTransactionAmount{width:148px;}#account-verification{color:#cc0000;text-decoration:underline;padding-left:9px;font-size:18px;float:right;margin-top:-40px;margin-right:80px;}#account-verification-manage-beneficiaries{color:#cc0000;text-decoration:underline;padding-left:30px;font-size:14px;margin-top:0;margin-right:0;float:right;}#account-verification-future-dated{color:#cc0000;text-decoration:underline;padding-left:9px;font-size:12px;margin-top:5px;margin-right:0;float:right;}#account-verification-add-beneficiary{color:#cc0000;text-decoration:underline;padding-left:30px;font-size:18px;float:right;height:45px !important;margin-top:-40px;margin-right:80px;}.account-verification-labels{width:45%;background-color:white;text-align:left;padding-top:15px;}.verificationtable{width:850px;}.verificationtable-td-col1{vertical-align:top;width:480px;}.verificationtable-td-col2{vertical-align:top;width:360px;}.verificationtable-col1-rows{width:200px;padding-bottom:5px;font-size:16px;padding-top:5px;vertical-align:middle;}.verificationtable-col2-rows{width:280px;float:right;padding-bottom:0.2em;font-size:14px;}.verificationtable-col1{font-size:16px;padding-left:30px;padding-bottom:10px;padding-top:6px;vertical-align:middle;}.verificationtable-col2{padding-left:70px;}.verificationtable-select{width:280px;height:26px;border-radius:5px;font-size:14px;}.verificationNotices > li{font-size:12px;text-align:left;}.verificationWarnings .verificationWarningsList{color:#2d2d2d;list-style-type:disc;margin-left:15px;}.verificationWarnings > li{font-size:12px;text-align:left;}.verificationNoticesList{color:#2d2d2d;list-style-type:disc;margin-left:15px;}.verificationheader-td-col2{padding-left:30px;padding-bottom:13px;padding-bottom:18px;}.verificationNotices .verificationNoteHeader{color:#cc0000;font-weight:bold;font-size:12px;text-align:left;line-height:28px;}.verificationWarnings .verificationWarningsHeader{color:#cc0000;font-weight:bold;font-size:12px;text-align:left;}ul.verificationNotices,ul.verificationWarnings{margin-top:5px !important;margin-bottom:-10px;}#acceptVerificationTC .xwc-ui-checkbox input + label,#acceptVerificationTC .xwc-ui-checkbox input:checked + label,#obtainedConsent .xwc-ui-checkbox input + label,#obtainedConsent .xwc-ui-checkbox input:checked + label{margin-right:0px;width:25px;height:23px;padding:7px 0px 0px 5px;margin:0px 18px 5px 0px;vertical-align:top;font-size:14px;float:left;top:4px;}#AVS-checkbox input:checked + label,#AVS-consent-checkbox input:checked + label{background-position:0 -60px;}#acceptVerificationTC .xwc-ui-checkbox .accepttctext,#obtainedConsent .xwc-ui-checkbox .accepttctext{vertical-align:-webkit-baseline-middle;font-size:14px;line-height:16px;}.printVerification{padding-left:40px;cursor:pointer;background:url(https://ib.absa.co.za/axob/xwc/img/brand/absa/icn_print.png) no-repeat 0 50%;background-position:1px top;color:#cc0000;text-decoration:underline;margin-top:25px;font-size:medium;}.verificationSuccess{text-align:right;color:green;font-weight:bolder;font-size:16px;}.verificationUnverified{text-align:right;font-size:16px;font-weight:bolder;}.verificationError{text-align:right;color:#cc0000;font-weight:bolder;font-size:16px;}.verificationtable .xwc-flyout{padding:3px;}.verificationtable .xwc-flyout.error{top:0px;left:290px;width:280px;}.verificationtable .xwc-flyout .xwc-flyout-content{margin-left:5px;font-size:14px;}#verificationSuccessDialog .xwc-fragment{text-align:center;margin-top:10px;}.serviceRequest{color:orange;font-size:22px;}.verificationSuccessIcon{width:44px;height:44px;margin:0 auto 5px auto;-webkit-border-radius:22px;border-radius:22px;background:#479800 url(https://ib.absa.co.za/axob/xwc/img/icn_tick_login.png) no-repeat 50% 50%;}.verificationUnsuccessfulIcon{width:44px;height:44px;margin:0 auto 5px auto;-webkit-border-radius:22px;border-radius:22px;background:#cc0000 url(https://ib.absa.co.za/axob/xwc/img/icn_cross_unsuccessful.png) no-repeat 50% 50%;}.verificationTransactionDoubt{width:44px;height:44px;margin:0 auto 5px auto;background:url(https://ib.absa.co.za/axob/xwc/img/Stamp-Rounded-Pending.png) no-repeat 50% 50%;background-size:100%;}.confirmToSubmitLabel{color:#007eb6;font-size:22px;}#verificationSuccessDialog .title,#verificationUnsuccessfulDialog .title,#verificationTransactionDoubtDialog .title{font-family:"ExpertSansLight",sans-serif;font-weight:bold;word-spacing:-1px;font-size:20px;}#verificationSuccessDialog .title{color:#479800;}#verificationUnsuccessfulDialog .title{color:#cc0000;}#verificationTransactionDoubtDialog .title{color:orange;}#verificationSuccessDialog .message,#verificationUnsuccessfulDialog .message,#verificationTransactionDoubtDialog .message{font-family:"ExpertSansRegular",sans-serif;word-spacing:-1px;border:none;padding:0;font-size:16px;color:#666666;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:auto;}#verificationTransactionDoubtDialog .doubtmessage{font-weight:bold;font-size:14px;color:orange;}#acceptVerificationTC{text-align:left;}.verificationTransactionSuccessDialog{font-weight:bold;font-size:14px;color:#479800;}.verificationTransactionUnsuccessfulDialog{font-weight:bold;font-size:14px;color:#cc0000;}#verificationSuccessDialog .xwc-fragment.visible .icon{opacity:1;-webkit-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out;-webkit-transition-delay:.2s;transition-delay:.2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}.select.availableTypes,.select.availableAccountTypes{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;height:33px;}.verificationAccountType .start,.verificationAccountType .change,.verificationBeneficiaryType .start,.verificationBeneficiaryType .change{position:relative;z-index:2;color:#fff;-webkit-border-radius:5px;border-radius:5px;text-align:center;font-size:20px;cursor:pointer;height:50px;float:left;line-height:50px;padding:0 25px;-webkit-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out;background-color:#007eb6;float:none;display:inline;margin:0 auto 0 auto;width:180px;opacity:1;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-transition-delay:0.2s;transition-delay:0.2s;}.verificationAccountType .start:active,.verificationAccountType .change:active,.verificationBeneficiaryType .start:active,.verificationBeneficiaryType .change:active{-webkit-transition:none;transition:none;}.verificationAccountType .start:hover,.verificationAccountType .change:hover,.verificationAccountType .change:focus,.verificationBeneficiaryType .start:hover,.verificationBeneficiaryType .change:hover,.verificationBeneficiaryType .change:focus{background-color:#00395d;color:#FFFFFF;}.verificationAccountType .start:active,.verificationAccountType .change:active,.verificationBeneficiaryType .start:active,.verificationBeneficiaryType .change:active{background-color:#00395d;color:#FFFFFF;}.verificationAccountType .start.disabled,.verificationAccountType .change.disabled,.verificationBeneficiaryType .start.disabled,.verificationBeneficiaryType .change.disabled{-webkit-transition:background-color 0.2s ease-in-out;transition:background-color 0.2s ease-in-out;background-color:#e9e9e9;color:#bdbdbd;box-shadow:0 0 0 1px #d9d9d9;cursor:default;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}.select.availableTypes .ui-selectmenu-text,.select.availableAccountTypes .ui-selectmenu-text{font-size:14px;}#verificationProcessDialog .xwc-ui-text input{padding:0 10px 0 10px;width:258px;height:33px;}#verificationProcessDialog a:hover,#verificationProcessDialog a:visited{text-decoration:underline;}.verificationLink-clicked{text-decoration:underline !important;color:#cc0000;}#verificationPrimaryButtons .xwc-buttons-panel{margin-top :10px;margin-bottom :10px;}div#consentBoxes{height:70px;padding-bottom:5px;}div#verificationSuccessButtons,div#verificationUnSuccessfulButtons{margin-top:10px;}