/* Minification failed. Returning unminified contents.
(9,33992): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(9,40445): run-time error CSS1038: Expected hex color, found '#FFFF'
(9,43711): run-time error CSS1039: Token not allowed after unary operator: '-slate-grey'
(9,72359): run-time error CSS1035: Expected colon, found '20px'
 */
@charset "UTF-8";

/*! normalize.css v1.1.0 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

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

[hidden] {
    display: none
}

@font-face {
    font-family: 'Lato-Black';
    src: url('../fonts/lato-black-webfont.ttf') format('truetype'), url('../fonts/lato-black-webfont.eot') format('eot'), url('../fonts/lato-black-webfont.woff2') format('woff2'), url('../fonts/lato-black-webfont.eot?#iefix') format('eot'), url('../fonts/lato-black-webfont.woff') format('woff')
}

@font-face {
    font-family: 'Lato-Bold';
    src: url('../fonts/lato-bold-webfont.ttf') format('truetype'), url('../fonts/lato-bold-webfont.woff') format('woff'), url('../fonts/lato-bold-webfont.woff2') format('woff2'), url('../fonts/lato-bold-webfont.eot') format('eot'), url('../fonts/lato-bold-webfont.eot?#iefix') format('eot')
}

@font-face {
    font-family: 'Lato-Medium';
    src: url('../fonts/lato-medium-webfont.ttf') format('truetype'), url('../fonts/lato-medium-webfont.eot') format('eot'), url('../fonts/lato-medium-webfont.woff') format('woff'), url('../fonts/lato-medium-webfont.woff2') format('woff2')
}

@font-face {
    font-family: 'Lato-Regular';
    src: url('../fonts/lato-regular-webfont.ttf') format('truetype'), url('../fonts/lato-regular-webfont.woff') format('woff'), url('../fonts/lato-regular-webfont.woff2') format('woff2'), url('../fonts/lato-regular-webfont.eot') format('eot'), url('../fonts/lato-regular-webfont.eot?#iefix') format('eot')
}

@font-face {
    font-family: 'Lato-Light';
    src: url('../fonts/lato-light-webfont.ttf') format('truetype'), url('../fonts/lato-light-webfont.eot') format('eot'), url('../fonts/lato-light-webfont.woff') format('woff'), url('../fonts/lato-light-webfont.woff2') format('woff2')
}

@font-face {
    font-family: 'Lato-Thin';
    src: url('../fonts/lato-thin-webfont.ttf') format('truetype'), url('../fonts/lato-thin-webfont.eot') format('eot'), url('../fonts/lato-thin-webfont.woff') format('woff'), url('../fonts/lato-thin-webfont.woff2') format('woff2')
}

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

html,
button,
input,
select,
textarea {
    font-family: Lato-Regular, sans-serif
}

body {
    margin: 0
}

a:focus {
    outline: thin dotted
}

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

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

h2 {
    font-size: 24px;
    margin: .83em 0
}

h3 {
    font-size: 22px;
    margin: 1em 0
}

h4 {
    font-size: 20px;
    margin: 1.33em 0
}

h5 {
    font-size: 18px;
    margin: 1.67em 0
}

h6 {
    font-size: 16px;
    margin: 2.33em 0
}

.heading1 {
    font-family: Lato-Bold, sans-serif;
    font-size: 26px;
    color: #1D252C
}

.heading2 {
    font-family: Lato-Bold, sans-serif;
    font-size: 24px;
    color: #1D252C
}

.heading3 {
    font-family: Lato-Bold, sans-serif;
    font-size: 22px;
    color: #1D252C
}

.heading4 {
    font-family: Lato-Bold, sans-serif;
    font-size: 20px;
    color: #1D252C
}

.bodytext1 {
    font-family: Lato-Regular, sans-serif;
    font-size: 18px;
    color: #666
}

.bodytext2 {
    font-family: Lato-Regular, sans-serif;
    font-size: 16px;
    color: #666
}

.bodytext3 {
    font-family: Lato-Regular, sans-serif;
    font-size: 14px;
    color: #666
}

.bodytext4 {
    font-family: Lato-Regular, sans-serif;
    font-size: 12px;
    color: #666
}

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

b,
strong {
    font-weight: bold
}

blockquote {
    margin: 1em 40px
}

dfn {
    font-style: italic
}

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

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

p,
pre {
    margin: 10px 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: none
}

q:before,
q:after {
    content: '';
    content: none
}

small {
    font-size: 80%
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

dl,
menu,
ol,
ul {
    margin: 0;
    padding: 0
}

dd {
    margin: 0 0 0 40px
}

menu,
ol,
ul {
    padding: 0 0 0 40px
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

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

figure {
    margin: 0
}

form {
    margin: 0;
    padding: 0
}

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

legend {
    border: 0;
    padding: 0;
    white-space: normal;
    *margin-left: -7px
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button,
input {
    line-height: normal
}

button,
select {
    text-transform: none
}

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

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

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px
}

input[type="search"] {
    -webkit-appearance: textfield
}

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

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

textarea {
    overflow: auto;
    vertical-align: top
}

.width5 {
    width: 5% !important
}

.width25 {
    width: 25% !important
}

.width30 {
    width: 30% !important
}

.width40 {
    width: 40% !important
}

.width45 {
    width: 45% !important
}

.li-extended {
    max-height: 90px !important
}

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

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
    outline: 0 !important
}

textarea:focus,
input:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important
}

html,
button,
input,
select,
textarea {
    color: #666;
    outline: 0
}

body {
    font-size: 1em;
    line-height: 1.4;
    color: #1D252C
}

a,
.span-backbutton-dr {
    color: #D23A06;
    text-decoration: none;
    font-family: Lato-Bold;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 15px
}

a:hover,
.span-backbutton-dr:hover {
    color: #FC4C02;
    text-decoration: none
}

.aLink {
    color: #00a2e2;
    cursor: pointer;
    text-decoration: underline
}

.aLink:hover {
    color: #00a2e2;
    text-decoration: none
}

label {
    cursor: pointer;
    font-size: 14px;
    font-family: Lato-Bold;
    color: #1D252C
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

img {
    vertical-align: middle;
    max-width: 100%
}

.lt-ie9 img {
    max-width: none
}

img[data-src] {
    opacity: 0;
    -webkit-transition: opacity .1s ease-in;
    -moz-transition: opacity .1s ease-in false;
    -o-transition: opacity .1s ease-in false;
    transition: opacity .1s ease-in
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

.chromeframe {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%
}

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

.faded {
    opacity: 0 !important
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

.clearfix:before,
.module .form-heading:before,
.module .form-heading:first-child:before,
.tabs:before,
.dataTables_wrapper .dataTables_paginate:before,
ul.big-numbers-narrow:before,
.row:before,
.module:before,
.module .form ul li:before,
label.account:before,
label.account>span:before,
label.radio:before,
label.radio>span:before,
.module-promo:before,
.module-header:before,
.module-account-overview .padding-light:before,
.module-account-overview h2+p:before,
.module-account-detail .info-box:before,
.module-messages .padding ul.messages:before,
.message-content:before,
.module-steps .details:before,
.module-steps .details li.radio label:before,
.module-login .padding form ul.step-1 li:before,
.module-logout:before,
.module-user-banner:before,
.module-heading:before,
.landing .banner:before,
body.landing header.module:before,
.landing .banner .questions .container:before,
.landing .extras:before,
.landing footer .padding:before,
.clearfix:after,
.module .form-heading:after,
.module .form-heading:first-child:after,
.tabs:after,
.dataTables_wrapper .dataTables_paginate:after,
ul.big-numbers-narrow:after,
.row:after,
.module:after,
.module .form ul li:after,
label.account:after,
label.account>span:after,
label.radio:after,
label.radio>span:after,
.module-promo:after,
.module-header:after,
.module-account-overview .padding-light:after,
.module-account-overview h2+p:after,
.module-account-detail .info-box:after,
.module-messages .padding ul.messages:after,
.message-content:after,
.module-steps .details:after,
.module-steps .details li.radio label:after,
.module-login .padding form ul.step-1 li:after,
.module-logout:after,
.module-user-banner:after,
.module-heading:after,
.landing .banner:after,
body.landing header.module:after,
.landing .banner .questions .container:after,
.landing .extras:after,
.landing footer .padding:after {
    content: " ";
    display: table
}

.clearfix:after,
.module .form-heading:after,
.module .form-heading:first-child:after,
.tabs:after,
.dataTables_wrapper .dataTables_paginate:after,
ul.big-numbers-narrow:after,
.row:after,
.module:after,
.module .form ul li:after,
label.account:after,
label.account>span:after,
.module-promo:after,
.module-header:after,
.module-account-overview .padding-light:after,
.module-account-overview h2+p:after,
.module-account-detail .info-box:after,
.module-messages .padding ul.messages:after,
.message-content:after,
.module-steps .details:after,
.module-steps .details li.radio label:after,
.module-login .padding form ul.step-1 li:after,
.module-logout:after,
.module-user-banner:after,
.module-heading:after,
.landing .banner:after,
body.landing header.module:after,
.landing .banner .questions .container:after,
.landing .extras:after,
.landing footer .padding:after {
    clear: both
}

.clearfix,
.module .form-heading,
.module .form-heading:first-child,
.tabs,
.dataTables_wrapper .dataTables_paginate,
ul.big-numbers-narrow,
.row,
.module,
.module .form ul li,
label.account,
label.account>span,
.module-promo,
.module-header,
.module-account-overview .padding-light,
.module-account-overview h2+p,
.module-account-overview h2+p+p,
.module-account-detail .info-box,
.module-messages .padding ul.messages,
.message-content,
.module-steps .details,
.module-steps .details li.radio label,
.module-login .padding form ul.step-1 li,
.module-logout,
.module-user-banner,
.module-heading,
.landing .banner,
body.landing header.module,
.landing .banner .questions .container,
.landing .extras,
.landing footer .padding {
    *zoom: 1;
    clear: both
}

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr,
    img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}

.icon-arrow-ext-alt {
    background-image: url(../img/icons.png);
    background-position: -276px -228px;
    width: 17px;
    height: 17px
}

.icon-arrow-ext {
    background-image: url(../img/icons.png);
    background-position: -244px -214px;
    width: 17px;
    height: 17px
}

.icon-arrow-ext2 {
    background-image: url(../img/icons.png);
    background-position: -74px -263px;
    width: 17px;
    height: 17px
}

.btn-prev-blue {
    color: #00a2e2;
    background-color: #00a2e2
}

.icon-arrow-left-alt,
body .module .btn-prev:hover div:after,
body .module .btn-prev:hover span:after,
body .module .btn-prev.hovered div:after,
body .module .btn-prev.hovered span:after {
    background-image: url(../img/icons.png);
    background-position: -194px -234px;
    width: 22px;
    height: 22px
}

.icon-arrow-left-tw1,
ul.arrows-curly li:first-child:before {
    background-image: url(../img/icons.png);
    background-position: -37px -263px;
    width: 36px;
    height: 20px
}

.icon-arrow-left-tw2,
ul.arrows-curly li:before {
    background-image: url(../img/icons.png);
    background-position: 0 -263px;
    width: 36px;
    height: 20px
}

.icon-arrow-left2,
body .module .btn-prev div:after,
body .module .btn-prev span:after {
    background-image: url(../img/icons.png);
    background-position: -276px -161px;
    width: 22px;
    height: 22px
}

.icon-arrow-right-alt-big,
.landing .button-large span:after {
    background-image: url(../img/icons.png);
    background-position: -174px -197px;
    width: 31px;
    height: 30px
}

.icon-arrow-right-narrow-alt {
    background-image: url(../img/icons.png);
    background-position: -147px -263px;
    width: 19px;
    height: 14px
}

.icon-arrow-right-narrow-small,
.more:after {
    background-image: url(../img/icons.png);
    background-position: -155px -93px;
    width: 14px;
    height: 9px
}

.icon-arrow-right-narrow {
    background-image: url(../img/icons.png);
    background-position: -127px -263px;
    width: 19px;
    height: 14px
}

.icon-arrow-right-narrow2 {
    background-image: url(../img/icons.png);
    background-position: -107px -263px;
    width: 19px;
    height: 14px
}

.icon-arrow-right2,
body .module .btn-next div:after,
body .module .btn-next span:after {
    background-image: url(../img/icons.png);
    background-position: -276px -46px;
    width: 22px;
    height: 22px
}

.icon-arrows-right-narrow,
.module-steps .step-1.nav-arrow:after {
    background-image: url(../img/icons.png);
    background-position: 0 -234px;
    width: 43px;
    height: 28px
}

.icon-arrows-right-small,
.module-quick-payment .padding .selects .col-from:after {
    background-image: url(../img/icons.png);
    background-position: -276px -246px;
    width: 20px;
    height: 16px
}

.icon-arrows-right,
.module h2.heading-transfer:before {
    background-image: url(../img/icons.png);
    background-position: -44px -234px;
    width: 31px;
    height: 24px
}

.icon-calc,
.module h3.heading-calc:before {
    background-image: url(../img/icons.png);
    background-position: -205px -155px;
    width: 38px;
    height: 37px
}

.icon-present,
.module h3.heading-present:before {
    background-image: url(../img/icons/present.png);
    width: 34px;
    height: 40px;
    background-repeat: no-repeat
}

.icon-hands,
.module h3.heading-hands:before {
    background-image: url(../img/icons/hands.png);
    width: 34px;
    height: 40px;
    background-repeat: no-repeat
}

.module-account .icon-ppsn {
    background-image: url(../img/icons/hand.png);
    width: 34px;
    height: 40px;
    background-repeat: no-repeat;
    display: inline-block;
    float: left;
    margin-right: 15px
}

.icon-creditcard,
.module h3.heading-creditcard:before {
    background-image: url(../img/icons/credit_card.png);
    width: 34px;
    height: 40px;
    background-repeat: no-repeat
}

.icon-calendar {
    background-image: url(../img/icons.png);
    background-position: -151px -234px;
    width: 19px;
    height: 24px
}

.icon-close-alt,
body .module .btn-close:hover div:after,
body .module .btn-close:hover span:after,
body .module .btn-close.hovered div:after,
body .module .btn-close.hovered span:after {
    background-image: none;
    background-position: 0 0;
    width: 0;
    height: 0
}

.icon-close-square-alt,
.module .form ul li.active .col a.close {
    background-image: url(../img/icons.png);
    background-position: -181px -130px;
    width: 13px;
    height: 12px
}

.icon-close-square,
.module .form ul li .col a.close {
    background-image: url(../img/icons.png);
    background-position: -262px -214px;
    width: 13px;
    height: 12px
}

.icon-close,
body .module .btn-close div:after,
body .module .btn-close span:after {
    background-image: none;
    background-position: 0 0;
    width: 0;
    height: 0
}

.icon-dot-grey {
    background-image: url(../img/icons.png);
    background-position: -92px -263px;
    width: 14px;
    height: 14px
}

.icon-download-alt,
body .module .btn-download:hover div:after,
body .module .btn-download:hover span:after,
body .module .btn-download.hovered div:after,
body .module .btn-download.hovered span:after {
    background-image: url(../img/icons.png);
    background-position: -276px -115px;
    width: 22px;
    height: 22px
}

.icon-download,
body .module .btn-download div:after,
body .module .btn-download span:after {
    background-image: url(../img/icons.png);
    background-position: -276px -23px;
    width: 22px;
    height: 22px
}

.icon-error-big,
.module-error .error-content:before {
    background-image: url(../img/icons/n-error2.png);
    width: 50px;
    height: 43px
}

.icon-error-small,
label.error:before,
.inline-error:before {
    background-image: url(../img/icons.png);
    background-position: -244px -111px;
    width: 24px;
    height: 25px
}

.icon-exclamation-big,
.module h3.heading-error:before,
.module .changedestinationform-success h3.heading-error:before {
    background-image: url(../img/icons/n-error2.png);
    content: '';
    display: inline-block;
    width: 50px;
    height: 43px
}

.icon-exclamation,
.module h3.heading-excl:before {
    background-image: url(../img/icons.png);
    background-position: -35px -197px;
    width: 34px;
    height: 36px
}

.icon-exclamation,
.module h4.heading-excl:before {
    background-image: url(../img/icons.png);
    background-position: -35px -197px;
    width: 34px;
    height: 36px
}

.icon-exclamation,
.module h5.heading-excl:before {
    background-image: url(../img/icons.png);
    background-position: -35px -197px;
    width: 34px;
    height: 36px
}

.icon-globe-alt,
label.account.globe.active:after {
    background-image: url(../img/icons.png);
    background-position: -206px -197px;
    width: 31px;
    height: 29px
}

.icon-globe,
label.account.globe:after {
    background-image: url(../img/icons.png);
    background-position: -244px 0;
    width: 31px;
    height: 29px
}

.icon-hand,
.module h3.heading-apply:before {
    background-image: url(../img/icons.png);
    background-position: -205px -117px;
    width: 34px;
    height: 37px
}

.icon-house-alt,
body.landing header.module nav ul li.active a i.icon-house,
body.landing header.module nav ul li:hover a i.icon-house {
    background-image: url(../img/icons.png);
    background-position: -276px -206px;
    width: 21px;
    height: 21px
}

.icon-house {
    background-image: url(../img/icons.png);
    background-position: -276px -184px;
    width: 21px;
    height: 21px
}

.icon-info-medium,
.module h3.heading-info:before,
.info-medium:before,
.module .box-info:before {
    background-image: url(../img/icons/info-black-24dp.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center
}

.icon-info-small,
.info-small:before {
    background-image: url(../img/icons/info-black-24dp.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center
}

.info-small-maturity:before {
    background-image: url(../img/icons/info-black-24dp.png);
    width: 24px;
    height: 24px;
    background-repeat: no-repeat
}

.icon-info,
.info:before {
    background-image: url(../img/icons.png);
    background-position: -240px -234px;
    width: 22px;
    height: 22px
}

.icon-info2-alt,
.module .form ul .icon-info2:hover,
.module .form ul .info2:hover:before,
.tooltip .icon-info2:hover,
.tooltip .info2:hover:before {
    background-image: url(../img/info-black2.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px
}

.icon-info2-alt2,
.module .form ul li.active .icon-info2:hover,
.module .form ul li.active .info2:hover:before,
.info-alt:before {
    background-image: url(../img/info-black2.png);
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    background-size: 14px, 14px
}

.icon-info2,
.info2:before {
    background-image: url(../img/info-black2.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px
}

.icon-info2[data-tooltip],
.icon-info2[data-tooltip]:hover,
.module .form ul .icon-info2[data-tooltip]:hover,
.icon-info2[data-tooltip]:before,
.icon-info2[data-tooltip]:hover:before,
.module .form ul .icon-info2[data-tooltip]:hover:before,
.module .form ul li.active .icon-info2[data-tooltip]:hover {
    background-image: url(../img/info-red.png);
    width: 16px;
    height: 16px
}

.icon-lock-medium {
    background-image: url(../img/icons.png);
    background-position: -141px -197px;
    width: 32px;
    height: 34px
}

.icon-lock-small,
.lock-small:before {
    background-image: url(../img/icons.png);
    background-position: -244px -137px;
    width: 22px;
    height: 25px
}

.icon-lock,
.module-login .lock {
    background-image: url(../img/icons.png);
    background-position: 0 0;
    width: 104px;
    height: 104px
}

.icon-message,
.module h3.heading-msg:before {
    background-image: url(../img/icons.png);
    background-position: -106px -197px;
    width: 34px;
    height: 35px
}

.icon-minus-alt,
body .module .btn-less div:after,
body .module .btn-less span:after,
body .module .btn-less:hover div:after,
body .module .btn-less:hover span:after,
body .module .btn-less.hovered div:after,
body .module .btn-less.hovered span:after {
    background-image: url(../img/icons.png);
    background-position: -217px -234px;
    width: 22px;
    height: 22px
}

.icon-mobile,
.module h3.heading-top-up:before {
    background-image: url(../img/icons.png);
    background-position: -70px -197px;
    width: 35px;
    height: 36px
}

.icon-network-three-blk,
.module-mobile-topup .networks li .icon-network-three,
.module-mobile-topup .networks li label.item.active .icon-network-three,
.module-mobile-topup .networks li label.item:hover .icon-network-three {
    background-image: url(../img/icons.png);
    background-position: -117px -158px;
    width: 38px;
    height: 38px
}

.icon-network-three,
.module-mobile-topup .networks li label.item.active .icon-network-three,
.module-mobile-topup .networks li label.item:hover .icon-network-three {
    background-image: url(../img/icons.png);
    background-position: -78px -158px;
    width: 38px;
    height: 38px
}

.icon-network-meteor-blk,
.module-mobile-topup .networks li .icon-network-meteor,
.module-mobile-topup .networks li label.item.active .icon-network-meteor,
.module-mobile-topup .networks li label.item:hover .icon-network-meteor {
    background-image: url(../img/icons.png);
    background-position: -39px -158px;
    width: 38px;
    height: 38px
}

.icon-network-meteor,
.module-mobile-topup .networks li label.item.active .icon-network-meteor,
.module-mobile-topup .networks li label.item:hover .icon-network-meteor {
    background-image: url(../img/icons.png);
    background-position: -205px -78px;
    width: 38px;
    height: 38px
}

.icon-network-o2-blk,
.module-mobile-topup .networks li .icon-network-o2,
.module-mobile-topup .networks li label.item.active .icon-network-o2,
.module-mobile-topup .networks li label.item:hover .icon-network-o2 {
    background-image: url(../img/icons.png);
    background-position: -142px -105px;
    width: 38px;
    height: 38px
}

.icon-network-o2,
.module-mobile-topup .networks li label.item.active .icon-network-o2,
.module-mobile-topup .networks li label.item:hover .icon-network-o2 {
    background-image: url(../img/icons.png);
    background-position: -105px -54px;
    width: 38px;
    height: 38px
}

.icon-network-tesco-blk,
.module-mobile-topup .networks li .icon-network-tesco,
.module-mobile-topup .networks li label.item.active .icon-network-tesco,
.module-mobile-topup .networks li label.item:hover .icon-network-tesco {
    background-image: url(../img/icons.png);
    background-position: -205px -39px;
    width: 38px;
    height: 38px
}

.icon-network-tesco,
.module-mobile-topup .networks li label.item.active .icon-network-tesco,
.module-mobile-topup .networks li label.item:hover .icon-network-tesco {
    background-image: url(../img/icons.png);
    background-position: -205px 0;
    width: 38px;
    height: 38px
}

.icon-network-vodafone-blk,
.module-mobile-topup .networks li .icon-network-vodafone,
.module-mobile-topup .networks li label.item.active .icon-network-vodafone,
.module-mobile-topup .networks li label.item:hover .icon-network-vodafone {
    background-image: url(../img/icons.png);
    background-position: -156px -158px;
    width: 38px;
    height: 38px
}

.icon-network-vodafone,
.module-mobile-topup .networks li label.item.active .icon-network-vodafone,
.module-mobile-topup .networks li label.item:hover .icon-network-vodafone {
    background-image: url(../img/icons.png);
    background-position: 0 -158px;
    width: 38px;
    height: 38px
}

.icon-phone-big,
.phone-big:before,
.module-logout .small-box:before {
    background-image: url(../img/icons/contact_centre.png);
    height: 16px;
    width: 16px;
    background-size: 16px;
    margin-top: 2px
}

.icon-phone,
.module h3.heading-phone:before {
    background-image: url(../img/icons.png);
    background-position: -104px -105px;
    width: 37px;
    height: 38px
}

.icon-plus-alt,
body .module .btn-more:hover div:after,
body .module .btn-more:hover span:after,
body .module .btn-more.hovered div:after,
body .module .btn-more.hovered span:after {
    background-image: url(../img/icons.png);
    background-position: -276px 0;
    width: 22px;
    box-shadow: none;
    height: 22px
}

.btn.btn-more2.icon-left {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="none"><path d="M7 0H4V4H0V7H4V11H7V7H11V4H7V0Z" fill="%23D23A06"/></svg>');
    background-repeat: no-repeat;
    background-position-x: 15px;
    background-position-y: center
}

.btn.btn-more2.icon-left:hover {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11" fill="none"><path d="M7 0H4V4H0V7H4V11H7V7H11V4H7V0Z" fill="%23FC4C02"/></svg>')
}

.icon-plus,
body .module .btn-more div:after,
body .module .btn-more span:after,
body .module .btn-more2 div:after,
body .module .btn-more2 span:after {
    background-image: url(../img/icons.png);
    background-position: -171px -234px;
    width: 22px;
    height: 22px
}

.icon-plus2,
body .module .btn-more2:hover div:after,
body .module .btn-more2:hover span:after,
body .module .btn-more2.hovered div:after,
body .module .btn-more2.hovered span:after,
body .module .btn-more2.transparent div:after,
body .module .btn-more2.transparent span:after {
    background-image: url(../img/icons.png);
    background-position: -276px -92px;
    width: 22px;
    height: 22px
}

.icon-print-alt,
body .module .btn-print:hover div:after,
body .module .btn-print:hover span:after,
body .module .btn-print.hovered div:after,
body .module .btn-print.hovered span:after {
    background-image: url(../img/icons.png);
    background-position: -76px -234px;
    width: 24px;
    height: 24px
}

.icon-print,
body .module .btn-print div:after,
body .module .btn-print span:after {
    background-image: url(../img/icons.png);
    background-position: -101px -234px;
    width: 24px;
    height: 24px
}

.icon-question,
.module h3.heading-help:before {
    background-image: url(../img/icons.png);
    background-position: 0 -197px;
    width: 34px;
    height: 36px
}

.icon-success-big,
.module h3.heading-success:before,
.module .changedestinationform-success h3.heading-success:before {
    background-image: url(../img/icons/n-success2.png);
    content: '';
    display: inline-block;
    width: 43px;
    height: 43px
}

.icon-success {
    background-image: url(../img/icons.png);
    background-position: -244px -30px;
    width: 28px;
    height: 28px
}

.icon-twitter {
    background-image: url(../img/icons/x.png);
    background-size: 16px;
    width: 16px;
    height: 16px;
    margin: -3px 0 0 0
}

.icon-location {
    background-image: url(../img/icons/location.png);
    width: 16px;
    height: 16px;
    margin: -3px 0 0 0
}

.icon-help {
    background-image: url(../img/icons/help.png);
    width: 16px;
    height: 16px;
    margin: -3px 0 0 0
}

.icon-help-and-info {
    background-image: url(../img/icons/help_and_info.png);
    width: 20px;
    height: 20px;
    margin: -3px 0 0 0
}

.icon-call {
    background-image: url(../img/icons/call.png);
    width: 16px;
    height: 16px;
    margin: -3px 0 0 0
}

.icon-footer-logo {
    background-image: url(../img/icons/logo-footer.png);
    background-repeat: no-repeat;
    width: 49px;
    height: 26px;
    margin: 33.5px 0 0 0
}

.bg-icon-arrow-down-alt {
    background-image: url(../img/bg-icons.png);
    background-position: 0 10px;
    width: 14px;
    height: 11px
}

.bg-icon-arrow-down,
.arrow-down:after {
    background-image: url(../img/bg-icons.png);
    background-position: 0 10px;
    width: 25px;
    height: 11px
}

.bg-icon-arrow-up-alt {
    background-image: url(../img/bg-icons.png);
    background-position: 0 -52px;
    width: 14px;
    height: 11px
}

.bg-icon-arrow-up {
    background-image: url(../img/bg-icons.png);
    background-position: 0 -83px;
    width: 25px;
    height: 11px
}

[class^="icon-"],
.icon {
    display: inline-block;
    border: 0;
    overflow: hidden;
    vertical-align: middle
}

[class^="icon-"]:before,
.icon:before {
    vertical-align: bottom;
    display: inline-block;
    content: ''
}

[class^="bg-icon-"],
.bg-icon,
span.customSelectWrap span.customSelect,
span.customSelectWrap.alt span.customSelect,
span.customSelectWrap.alt span.customSelect.customSelectFocus,
span.customSelectWrap.alt.customValue span.customSelect {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M11.06 5.72668L8 8.78002L4.94 5.72668L4 6.66668L8 10.6667L12 6.66668L11.06 5.72668Z" fill="%23343F41"/></svg>');
    background-repeat: no-repeat;
    padding-right: 10px
}

.module-logout .change-bg [class^="bg-icon-"] {
    background-image: url(../img/bg-icons2.png);
    background-repeat: no-repeat;
    background-position-x: right
}

.redesigned span.customSelectWrap span.customSelect {
    background-image: url(../img/icons/expand-more.png);
    background-repeat: no-repeat;
    background-position: right 12px top 13px
}

.redesigned span.customSelectWrap span.customSelect.customSelectOpen {
    background-image: url(../img/icons/expand-less.png);
    background-repeat: no-repeat;
    background-position: right 12px top 13px
}

.customSelect.customSelectFocus.customSelectOpen {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M11.06 10.2733L8 7.21998L4.94 10.2733L4 9.33332L8 5.33332L12 9.33332L11.06 10.2733Z" fill="%23D23A06"/></svg>') !important;
    background-repeat: no-repeat;
    background-position: right 5px top 13px;
    background-color: #FFF;
    border: 1px solid #D23A06 !important
}

.icon-top:before {
    top: 0;
    margin-top: 0
}

.icon-bottom:after {
    top: auto !important;
    bottom: 0 !important;
    margin-top: 0 !important
}

.module h1,
.module h2,
.module h3,
.module h4,
.module h5,
.module h6 {
    font-family: Lato-Bold, Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: normal
}

.module h1.light,
.module h2.light,
.module h3.light,
.module h4.light,
.module h5.light,
.module h6.light {
    font-family: Lato-Regular, Helvetica, Arial, sans-serif;
    font-weight: 100
}

.module h1.normal,
.module h2.normal,
.module h2[class^="heading-"].normal,
.module h2.heading.normal,
.module h3[class^="heading-"].normal,
.module h3.heading.normal,
.module h3.normal,
.module h4.normal,
.module h5.normal,
.module h6.normal {
    font-family: Lato-Bold, Helvetica, Arial, sans-serif;
    font-weight: 300
}

.module h1.bold,
.module .headline-duo h1,
.module .module-heading h1,
.module-heading .module h1,
.module .landing .banner h1,
.landing .banner .module h1,
.module h2.bold,
.module h2[class^="heading-"],
.module h2.heading,
.module h3.bold,
.module h3[class^="heading-"],
.module h3.heading,
.module h4.bold,
.module h5.bold,
.module ul.arrows-curly li h5,
ul.arrows-curly li .module h5,
.module .module-mobile-topup h5,
.module-mobile-topup .module h5,
.module h6.bold {
    font-family: Lato-Bold, Helvetica, Arial, sans-serif;
    font-weight: 700
}

.module h1 a,
.module h2 a,
.module h3 a,
.module h4 a,
.module h5 a,
.module h6 a {
    color: #666
}

.module h1.number,
.module h2.number,
.module h3.number,
.module h4.number,
.module h5.number,
.module h6.number {
    position: relative;
    padding: 80px 0 0 0
}

.module h1.number img,
.module h2.number img,
.module h3.number img,
.module h4.number img,
.module h5.number img,
.module h6.number img {
    position: absolute;
    left: 50%;
    margin-left: -32px;
    top: -5px
}

.module h1,
.module h2,
.module h3,
.module h4 {
    color: #1D252C
}

.module h1 {
    font-size: 26px;
    margin: 20px 0
}

.module h2 {
    font-size: 24px;
    margin: 0 0 20px 0
}

.module h3 {
    /* font-size:22px; */
    margin: 0 0 10px 0
}

.module h4 {
    font-size: 20px;
    margin: 0 0 10px 0
}

.module h5 {
    font-size: 18px;
    margin: 0 0 4px 0
}

.module h6 {
    font-size: 16px;
    margin: 0 0 4px 0
}

.module .form-heading,
.module .form-heading:first-child {
    color: #1D252C;
    padding: 20px 30px 15px 30px;
    margin: 0;
    font-family: Lato-Regular, Helvetica, Arial, sans-serif;
    font-weight: 700;
    border-radius: 8px 8px 0 0;
    background-color: inherit
}

.personal-settings-module .form-heading:first-child,
.module-update-personal-details .form-heading:first-child {
    border-bottom: 0;
    background-color: #FFF;
    font-size: 26px
}

.module .form-heading span,
.module .form-heading:first-child span {
    color: #1D252C;
    font-family: Lato-Regular, Helvetica, Arial, sans-serif
}

.module .form-heading.two-lines span,
.module .form-heading:first-child.two-lines span {
    display: block;
    font-size: 14px;
    padding-top: 10px;
    font-weight: 500;
    color: #888
}

.module .form-heading.two-lines span a,
.module .form-heading:first-child.two-lines span a {
    color: #00a2e2
}

.module .form-heading.no-radius,
.module .form-heading:first-child.no-radius {
    border-radius: 0
}

.module .padding .form-heading:first-child {
    margin-top: -20px
}

.module .headline-duo .col3 {
    padding-right: 15px
}

.module .headline-duo h1 {
    font-size: 1.9em;
    color: #1D252C;
    margin: 0 0 10px 0
}

.module .headline-duo p {
    margin-top: 0;
    font-size: 1.15em;
    font-family: Lato-Regular, Helvetica, Arial, sans-serif;
    font-weight: 400
}

.module h2[class^="heading-"],
.module h2.heading {
    padding-right: 40px;
    position: relative;
    color: #1D252C;
    display: inline-block
}

.module h2[class^="heading-"]:before,
.module h2.heading:before {
    content: ' ';
    display: inline-block;
    position: absolute;
    right: 0;
    top: -8px
}

.module h2[class^="heading-"] a,
.module h2.heading a {
    color: #1D252C
}

.module h2.heading-transfer:before {
    top: 1px
}

.module h2.heading-general {
    padding-right: 0
}

.module h2.heading-general:before {
    display: none
}

.module h2.heading-general a {
    display: inline-block;
    padding-right: 40px
}

.module h2.heading-general a:before {
    content: ' ';
    top: 7px;
    right: 13px;
    display: inline-block;
    position: absolute
}

.module h3[class^="heading-"],
.module h3.heading {
    position: relative;
    color: #1D252C
}

.module h3[class^="heading-"]+p:not(.align-heading),
.module h3.heading+p:not(.align-heading) {
    margin-top: 20px
}

.module h3[class^="heading-"] a,
.module h3.heading a {
    color: #1D252C
}

.module h3[class^="heading-"]:before,
.module h3.heading:before {
    content: ' ';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 70%;
    margin-top: -21px
}

.module h3[class^="heading-"]:not(.heading-success):not(.heading-sms):not(.heading-error):not(.heading-info):before {
    display: none
}

.module h3.heading-clean {
    padding-left: 0
}

.module h3.heading-success {
    padding-left: 60px;
    margin-bottom: 20px
}

.module h3.heading-success:before {
    margin-top: -26px
}

.module h3.heading-error {
    padding-left: 60px;
    margin-bottom: 20px
}

.module h3.heading-error:before {
    margin-top: -26px
}

body .module-cardupdates-success-error .box-important,
body .module-error-success .box-important {
    padding-left: 119px;
    padding-top: 15px;
    min-width: 530px;
    max-width: 660px;
    width: auto
}

body .module-cardupdates-success-error .box-important {
    background: #FFF6F2;
    border: 1px solid #D23A06
}

body .module-cardupdates-success-error .heading-error,
body .module-cardupdates-success-error .heading-success,
body .module-error-success .heading-error,
body .module-error-success .heading-success {
    padding-left: 0;
    margin-bottom: -18px
}

body .module-cardupdates-success-error .heading-error::before,
body .module-cardupdates-success-error .heading-success::before,
body .module-error-success .heading-error::before,
body .module-error-success .heading-success::before {
    content: '';
    display: block;
    position: relative;
    left: -79px;
    top: 45px
}

body .module-cardupdates-success-error .heading-success::before,
body .module-error-success .heading-success::before {
    background: url(../img/icons/n-success2.png) no-repeat;
    width: 43px;
    height: 43px
}

body .module-cardupdates-success-error .heading-error::before,
body .module-error-success .heading-error::before {
    background: url(../img/icons/n-error2.png) no-repeat;
    width: 50px;
    height: 43px
}

body .module-cardupdates-success-error .box-important p,
body .module-error-success .box-important p {
    color: #888
}

body .module-cardupdates-success-error .padding footer.full-width,
body .module-error-success .padding footer.full-width {
    min-width: 530px;
    max-width: 660px;
    margin: 0 auto;
    right: 0
}

body .module-cardupdates-success-error .padding footer.full-width .col12,
body .module-error-success .padding footer.full-width .col12 {
    margin: 30px auto 10px auto
}

body .module-update-contact-details .padding footer.full-width .col12 .btn,
body .module-cardupdates-success-error .padding footer.full-width .col12 .btn,
body .module-error-success .padding footer.full-width .col12 .btn {
    display: inline-block
}

body .module-cardupdates-success-error .alone,
body .module-error-success .padding .alone {
    margin-bottom: 10px;
    margin-top: 24px
}

body .module-activate-card .box-important-activate-card {
    text-align: left;
    margin-top: 0;
    background: #FFDACB;
    border: 1px solid #DAD7D3
}

body .module-activate-card .box-important-activate-card .heading-info::before {
    content: ' ';
    display: block;
    position: absolute;
    margin-top: -19px;
    background: url(../img//icons/info-black-24dp.png) no-repeat;
    background-position: center;
    background-size: 16px
}

body .module-activate-card .box-important-activate-card .heading-info {
    padding-left: 35px;
    font-size: 16px
}

body .module-activate-card .box-important-activate-card .heading-info+p {
    margin-top: 15px
}

body .module-activate-card .heading-error,
body .module-activate-card .heading-success {
    padding-left: 90px
}

body .module-activate-card .heading-error::before,
body .module-activate-card .heading-success::before {
    content: '';
    display: block;
    left: 10px;
    top: 20px
}

body .module-activate-card .heading-success::before {
    background: url(../img/icons/n-success2.png) no-repeat;
    width: 43px;
    height: 43px
}

body .module-activate-card .heading-error::before {
    background: url(../img/icons/n-error2.png) no-repeat;
    width: 50px;
    height: 43px
}

body .module-activate-card #divResult>div.box.space-top {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 10px;
    padding-left: 30px;
    margin-top: 15px;
    border-radius: 8px;
    background: #FFDACB;
    border: 1px solid #DAD7D3
}

body .module-activate-card #divResult>.box-important {
    max-width: 600px;
    margin-left: 20%
}

body .module.module-activate-card footer.full-width {
    margin-left: 20%
}

body .module-activate-card footer a {
    float: left
}

.grey {
    color: #646464
}

.error-msg,
.success-msg {
    padding: 15px 5px
}

.error-msg span,
.success-msg span {
    font-weight: bold
}

.error-msg {
    background-color: #ff9090
}

.success-msg {
    background-color: #bfb
}

.expand-area,
.module-account-detail .custom-date {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height .3s ease-in-out;
    -moz-transition: max-height .3s ease-in-out false;
    -o-transition: max-height .3s ease-in-out false;
    transition: max-height .3s ease-in-out
}

.lt-ie9 .expand-area,
.lt-ie9 .module-account-detail .custom-date,
.module-account-detail .lt-ie9 .custom-date {
    display: none
}

.expanded .expand-area,
.expanded .module-account-detail .custom-date,
.module-account-detail .expanded .custom-date {
    display: block;
    max-height: 5000px;
    overflow: visible
}

.expanded .expand-area.safe,
.expanded .module-account-detail .safe.custom-date,
.module-account-detail .expanded .safe.custom-date {
    overflow: hidden
}

.expanded .expand-hide {
    display: inline-block !important
}

.expanded .expand-show {
    display: none !important
}

.expanded .trigger {
    background-color: #f60;
    color: white
}

.expand-hide {
    display: none !important
}

i.expand-show,
i.expand-hide {
    display: inline-block;
    float: right;
    height: 25px;
    position: relative;
    margin-top: -2px
}

i.expand-show.expand-hide,
i.expand-hide.expand-hide {
    margin-top: -5px
}

.csstransitions.csstransforms i.expand-show,
.csstransitions.csstransforms i.expand-hide {
    -webkit-transform: rotate(0deg) translate3d(0, 0, 0);
    -moz-transform: rotate(0deg) translate3d(0, 0, 0);
    -ms-transform: rotate(0deg) translate3d(0, 0, 0);
    -o-transform: rotate(0deg) translate3d(0, 0, 0);
    transform: rotate(0deg) translate3d(0, 0, 0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    -webkit-transition-duration: .1s;
    -moz-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -webkit-transform-origin: 7px center;
    -moz-transform-origin: 7px center;
    -ms-transform-origin: 7px center;
    -o-transform-origin: 7px center;
    transform-origin: 7px center
}

.csstransitions.csstransforms .expanded i.expand-hide {
    display: none !important
}

.csstransitions.csstransforms .expanded i.expand-show {
    display: inline-block !important;
    -webkit-transform: rotate(180deg) translate3d(0, 0, 0);
    -moz-transform: rotate(180deg) translate3d(0, 0, 0);
    -ms-transform: rotate(180deg) translate3d(0, 0, 0);
    -o-transform: rotate(180deg) translate3d(0, 0, 0);
    transform: rotate(180deg) translate3d(0, 0, 0)
}

.tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    z-index: 2
}

.tabs li {
    float: left;
    margin-right: 10px
}

.tabs li a {
    padding: 7px 10px 3px 10px;
    border: 1px solid #ccc;
    border-radius: 5px 5px 0 0;
    display: block;
    font-weight: bold;
    text-decoration: none;
    background: #bbb;
    outline: 0
}

.tabs li.active a {
    background: white;
    border-bottom-color: transparent
}

table {
    width: 100%;
    border: 0
}

table td,
table th {
    padding: 9px 4px 7px;
    position: relative;
    background-color: transparent
}

table td.desc,
table th.desc {
    width: 40%;
    word-wrap: break-word;
    word-break: break-all;
    word-break: break-word
}

table th.currency,
table td.currency {
    text-align: right;
    white-space: nowrap
}

table th.ratestable {
    background-color: cornflowerblue
}

table td.ratestable {
    background-color: transparent
}

table th {
    text-align: left;
    text-transform: uppercase;
    color: #9a9a9a;
    font-size: .85em;
    white-space: nowrap
}

table td {
    border-top: 1px solid #DAD7D3
}

table tr:first-child td {
    border-top: 0
}

table tr.active td {
    background-color: rgba(0, 0, 0, 0.04);
    cursor: pointer
}

table tr.separator td {
    background-color: rgba(0, 0, 0, 0.02);
    text-align: left;
    cursor: default
}

table.header-big th {
    padding: 19.5px 4px
}

table td.date {
    min-width: 100px
}

table.full tr td:first-child,
table.full tr th:first-child {
    padding-left: 30px
}

table.full tr td:last-child,
table.full tr th:last-child {
    padding-right: 30px
}

table.full tr td.last-child,
table.full tr th.last-child {
    padding-right: 30px
}

.dataTable tr {
    border-left: 5px solid transparent
}

.dataTable tr:hover {
    border-left-color: rgba(0, 0, 0, 0.04)
}

.dataTable tr.active:hover,
.dataTable table tr.unread:hover,
table .dataTable tr.unread:hover,
.dataTable tr.active,
.dataTable table tr.unread,
table .dataTable tr.unread {
    border-left: 5px solid #f60
}

.cardupdates-table {
    margin-top: 26px;
    background-color: #FFF;
    border: 1px solid #EBEBEB
}

.cardupdates-table td {
    max-width: 300px;
    min-width: 300px;
    border: 0;
    padding-top: 15px;
    padding-bottom: 15px
}

.cardupdates-table tr:hover td {
    background-color: #FFF
}

.cardupdates-table tr:first-of-type td {
    padding-top: 30px
}

.cardupdates-table tr:last-of-type td {
    padding-bottom: 30px
}

.cardupdates-table tr td:nth-of-type(1) {
    font-size: 16px;
    text-align: end;
    padding-right: 15px;
    max-width: 300px;
    min-width: 300px
}

.cardupdates-table tr td:nth-of-type(2) {
    font-size: 18px;
    font-family: 'Lato-Bold';
    max-width: 350px;
    min-width: 350px
}

.module-reissue-pin-step2 .cardupdates-table {
    background: #FFF
}

.savAppTaxSummary-table td {
    border-top-style: none;
    max-width: 500px;
    min-width: 100px;
    text-align: center;
    cursor: default
}

.savAppTaxRates-table td {
    border-top-style: none;
    max-width: 100px;
    min-width: 0;
    text-align: left;
    cursor: default
}

.dataTables_wrapper {
    width: 100%
}

.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .first.paginate_button,
.dataTables_wrapper .last.paginate_button {
    width: 0;
    height: 0;
    position: absolute;
    left: -99999px
}

.dataTables_wrapper .DTTT_container {
    float: right
}

.no-flash .dataTables_wrapper .DTTT_container {
    display: none !important
}

.dataTables_wrapper .DTTT_container .DTTT_button {
    position: relative;
    display: inline-block;
    padding: 0 20px;
    border-left: 1px solid #ccc
}

.dataTables_wrapper .DTTT_container .DTTT_button:last-child,
.dataTables_wrapper .DTTT_container .DTTT_button.last-child {
    padding-right: 0
}

.dataTables_wrapper .DTTT_container .DTTT_button:first-child {
    border-left: 0
}

.lt-ie9 .dataTables_wrapper .DTTT_container {
    margin-right: -20px
}

.dataTables_wrapper .dataTables_paginate {
    border-radius: 0 0 5px 5px;
    background: #f7f8fa;
    width: 100%;
    height: 56px;
    margin-top: 20px;
    border-top: 1px solid #ccc
}

.dataTables_wrapper .dataTables_paginate>div,
.dataTables_wrapper .dataTables_paginate>span {
    display: block;
    width: 33.33%;
    min-width: 33.33%;
    float: left;
    position: relative;
    z-index: 1
}

.dataTables_wrapper .dataTables_paginate>span {
    width: 33.34%;
    z-index: 2
}

.dataTables_wrapper .dataTables_paginate a {
    cursor: pointer
}

.dataTables_wrapper .dataTables_paginate span {
    text-align: center
}

.dataTables_wrapper .dataTables_paginate span a {
    outline: 0;
    display: inline-block;
    width: 20%;
    position: relative;
    z-index: 2;
    height: 55px;
    line-height: 54px;
    border: 0;
    border-radius: 0;
    font-size: .9em;
    color: #666;
    border-right: 1px solid #ccc;
    background: #f7f8fa
}

.dataTables_wrapper .dataTables_paginate span a:first-child {
    border-left: 1px solid #ccc
}

.dataTables_wrapper .dataTables_paginate span a.paginate_active {
    background: white;
    font-weight: bold;
    color: #222;
    top: -1px
}

.dataTables_wrapper .dataTables_paginate span a:hover {
    background: white
}

.dataTables_wrapper .dataTables_paginate .btn {
    border-left: none;
    border-right: 0
}

.dataTables_wrapper .dataTables_paginate .btn-next {
    border-radius: 0 0 5px 0;
    position: relative;
    z-index: 1
}

.csscalc .dataTables_wrapper .dataTables_paginate .btn-next {
    width: calc(100% + 1px);
    position: absolute;
    right: 0
}

.dataTables_wrapper .dataTables_paginate .btn-prev {
    border-radius: 0 0 0 5px
}

.dataTables_wrapper .dataTables_paginate .paginate_button_disabled {
    display: none
}

.module-action-table {
    overflow: hidden
}

.module-action-table>footer {
    margin-top: 30px
}

ul li {
    line-height: 1.3
}

ul li a+p {
    margin-top: 10px
}

ul.unstyled,
ul.arrows,
ul.arrows-hovered,
ul.arrows-ext-hovered,
ul.arrows-curly,
ul.slash,
ul.vline,
ul.vline-medium,
ul.static,
ul.boxes,
ul.scroll,
ul.big-numbers,
ul.big-numbers-narrow,
.module .form ul,
.landing .extras ul,
.landing .links .col3 ul {
    list-style: none;
    margin: 0;
    padding: 0
}

ul.unstyled li,
ul.arrows li,
ul.arrows-hovered li,
ul.arrows-ext-hovered li,
ul.arrows-curly li,
ul.slash li,
ul.vline li,
ul.vline-medium li,
ul.static li,
ul.boxes li,
ul.scroll li,
ul.big-numbers li,
ul.big-numbers-narrow li,
.module .form ul li,
.landing .extras ul li,
.landing .links .col3 ul li {
    margin: 0;
    padding: 0
}

ul.step-1 a {
    font-size: 12px;
    display: block;
    margin-left: 80px;
    margin-right: 22px
}

ul.arrows,
ul.arrows-hovered,
ul.arrows-ext-hovered {
    margin-top: 20px
}

ul.arrows li,
ul.arrows-hovered li,
ul.arrows-ext-hovered li {
    margin-left: 20px;
    padding-top: 8px;
    position: relative;
    list-style: disc
}

ul.arrows li:first-child,
ul.arrows-hovered li:first-child,
ul.arrows-ext-hovered li:first-child {
    padding-top: 0
}

ul.arrows li:before,
ul.arrows-hovered li:before,
ul.arrows-ext-hovered li:before {
    display: inline-block;
    position: absolute;
    left: 5px;
    margin-top: 3px
}

ul.arrows li p,
ul.arrows-hovered li p,
ul.arrows-ext-hovered li p {
    padding-left: 40px
}

ul.arrows-ext-hovered li {
    padding-left: 0
}

ul.arrows-ext-hovered li:before {
    display: none
}

ul.arrows-ext-hovered li a {
    padding-left: 40px;
    display: inline-block;
    font-weight: bold;
    font-size: 1.1em
}

ul.arrows-ext-hovered li a:before {
    display: inline-block;
    content: ' ';
    position: absolute;
    left: 5px;
    margin-top: 3px
}

ul.arrows-curly {
    margin-top: 20px
}

ul.arrows-curly li {
    padding-left: 40px;
    padding-top: 10px;
    position: relative;
    display: block
}

ul.arrows-curly li h5 {
    font-size: 1.2em;
    margin: 0 0 5px 0
}

ul.arrows-curly li:first-child {
    padding-top: 0
}

ul.arrows-curly li:before {
    display: inline-block;
    content: ' ';
    position: absolute;
    left: -5px;
    margin-top: 0
}

ul.slash li {
    float: left;
    padding-left: 20px;
    position: relative
}

ul.slash li:before {
    content: '/';
    position: absolute;
    left: 9px;
    top: 1px
}

ul.slash li:first-child {
    padding-left: 0
}

ul.slash li:first-child:before {
    display: none
}

ul.vline li {
    float: left;
    padding: 0 10px;
    position: relative;
    border-left: 1px solid #ccc;
    line-height: 1.4
}

ul.vline li:first-child {
    padding-left: 0;
    border-left: none
}

ul.vline li:last-child {
    padding-right: 0
}

ul.vline-medium li {
    padding-bottom: 10px
}

ul.vline-medium li:last-child {
    padding-bottom: 0
}

ul.static {
    font-size: 1.1em
}

ul.static.static-left li .key {
    width: 30%
}

ul.static.static-left li .value {
    width: 70%
}

ul.static.static-right li .key {
    width: 70%
}

ul.static.static-right li .value {
    width: 30%
}

ul.static li {
    display: block;
    margin-bottom: 36px;
    overflow: hidden
}

ul.static li:last-child {
    margin-bottom: 0
}

ul.static li.separator {
    border-bottom: 1px solid #F8EEE3;
    padding-bottom: 36px
}

ul.static li .key {
    text-align: right;
    font-family: Lato-Regular;
    font-size: 16px;
    color: #666;
    padding-right: 10px;
    width: 50%;
    float: left
}

ul.static li .value {
    padding-left: 10px;
    font-family: Lato-Bold;
    font-size: 18px;
    color: #1D252C;
    width: 50%;
    float: left;
    word-break: normal
}

ul.static li .value p {
    font-weight: normal;
    color: #000;
    word-break: normal;
    font-family: Lato-Bold;
    line-height: 20px
}

ul.static li .value .warning {
    color: #e82222;
    font-weight: normal;
    word-break: normal;
    display: block;
    padding-bottom: 5px
}

ul.static li h4 {
    text-align: center
}

ul.static li h3,
ul.static li h4,
ul.static li h5 {
    color: #1D252C
}

ul.static li aside {
    display: none
}

ul.static li i {
    margin-left: 10px;
    position: absolute;
    margin-top: -5px
}

ul.static li.row .col2,
ul.static li.row .col5 {
    color: #1D252C;
    text-align: center;
    font-weight: bold
}

ul.static li .bold,
ul.static li .module-mobile-topup h5,
.module-mobile-topup ul.static li h5,
ul.static li .module-logout .padding ul,
.module-logout .padding ul.static li ul,
ul.static li .module-logout ul.arrows,
.module-logout ul.static li ul.arrows,
ul.static li .module-logout ul.arrows-hovered,
.module-logout ul.static li ul.arrows-hovered,
ul.static li .module-logout ul.arrows-ext-hovered,
.module-logout ul.static li ul.arrows-ext-hovered,
ul.static li .module-logout .small-box a,
.module-logout .small-box ul.static li a,
ul.static li .module-heading h1,
.module-heading ul.static li h1,
ul.static li .landing .banner h1,
.landing .banner ul.static li h1 {
    color: #1D252C
}

ul.static.no-highlight li .value {
    font-weight: normal;
    color: #666
}

ul.static.simple-highlight li .key {
    line-height: 1.8em;
    margin-top: 1px
}

ul.static.simple-highlight li .key>span {
    margin-top: -2px
}

ul.static.simple-highlight li .value {
    font-weight: bold;
    font-size: 1.2em;
    color: #666
}

.box-settings ul.static li .key,
.box-form ul.static li .key,
.box-infos ul.static li .key {
    margin-top: 1px
}

.personal-settings-module .box-settings ul.static li .key {
    font-size: 14px;
    text-align: left
}

.personal-settings-module .box-settings ul.static li .value {
    font-size: 14px
}

.full-width li .key,
.module .padding .form-heading li .key,
body .module .full-width-padding li .key,
.module .padding .form fieldset li .key,
.module .padding .form>ul.hints li .key,
.padding .module .box-settings li .key,
.padding .module .box-form li .key,
.padding .module .box-infos li .key,
.full-width li .value,
.module .padding .form-heading li .value,
body .module .full-width-padding li .value,
.module .padding .form fieldset li .value,
.module .padding .form>ul.hints li .value,
.padding .module .box-settings li .value,
.padding .module .box-form li .value,
.padding .module .box-infos li .value {
    padding-left: 20px;
    padding-right: 20px
}

ul.boxes li {
    float: left;
    width: 33.333%;
    border-left: 1px solid white;
    border-right: 1px solid white;
    background-color: #f7f8fa;
    padding: 10px;
    text-align: center
}

ul.boxes li a,
ul.boxes li span {
    width: 100%;
    display: inline-block;
    padding-top: 10px
}

ul.scroll {
    padding-right: 3px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 485px
}

.touch ul.scroll {
    overflow-y: scroll
}

.touch ul.scroll {
    padding-right: 0
}

ul.scroll label.account {
    margin-left: 0;
    margin-right: 0
}

ul.scroll.scroll-bigger {
    max-height: 690px
}

ol {
    padding-left: 25px
}

ol li {
    margin-bottom: 10px
}

ul.big-numbers li,
ul.big-numbers-narrow li {
    padding: 15px 15px 15px 90px;
    min-height: 88px;
    background-color: #f7f8fa;
    margin-top: 2px;
    position: relative
}

ul.big-numbers li>img,
ul.big-numbers-narrow li>img {
    position: absolute;
    top: 15px;
    left: 10px
}

ul.spaces {
    margin-left: 0;
    padding-left: 0;
    list-style-position: inside
}

ul.spaces li {
    margin-top: 5px
}

ul.spaces li:first-child {
    margin-top: 0
}

ul li::first-letter,
ol li::first-letter {
    text-transform: uppercase
}

.terms-and-conditions ul li::first-letter,
.terms-and-conditions ol li::first-letter {
    text-transform: none
}

body .module .btn {
    font-family: Lato-Black, arial;
    font-size: 14px;
    font-style: normal;
    letter-spacing: .2px;
    border: 0;
    border-radius: 4px;
    background-color: #FF703E;
    margin: auto;
    position: relative;
    color: #1D252C;
    display: table;
    padding: 12px 32px 11px 32px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.btn.full {
    width: auto
}

body .module .btn span,
body .module .btn div,
a.rate-submit {
    display: block;
    position: relative;
    line-height: 1.2em;
    vertical-align: middle
}

body .module .btn span:after,
body .module .btn div:after {
    content: ' ';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -11px;
    display: none
}

body .module .btn.no-space span {
    padding-right: 0
}

body .module .btn.icon-left span,
body .module .btn.icon-left div {
    padding-right: 0;
    padding-left: 0
}

body .module .btn.icon-left span:after,
body .module .btn.icon-left div:after {
    left: 0;
    right: auto
}

body .module .btn.icon-left.no-space span {
    padding-left: 0
}

body .module .btn.bordered {
    border: 2px solid #ccc;
    border-radius: 3px;
    color: #00a2e2;
    font-weight: bold;
    padding-top: 0
}

body .module .btn.bordered.btn-wide {
    height: 40px;
    line-height: 38px;
    padding-left: 40px;
    padding-right: 40px
}

body .module .btn.bordered.btn-wide+p.info-small {
    width: 220px
}

body .module .btn:hover {
    box-shadow: 4px 4px 8px 0 #DAD7D3;
    text-decoration: none;
    background-color: #FC4C02;
    border-color: #FC4C02;
    color: #1D252C
}

body .module .btn:disabled,
body .module .alt-btn.btn-dynamic:disabled {
    text-decoration: none;
    background-color: #F8EEE3;
    border-color: #F8EEE3;
    color: #FF703E
}

body .module .btn[disabled]:hover,
body .module .alt-btn.btn-dynamic[disabled]:hover {
    box-shadow: none
}

body .module .btn-nohover:hover {
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    color: white
}

body .module .btn.transparent {
    background-color: transparent;
    color: inherit
}

body .module .btn.transparent:hover {
    background-color: transparent;
    color: inherit
}

body .module .btn.link {
    background-color: transparent;
    color: #D23A06
}

body .module .btn.link:hover {
    color: #FC4C02;
    box-shadow: none
}

body .module .btn.big {
    font-size: 1.3em;
    height: 68px;
    line-height: 68px;
    padding: 0 30px 3px 30px
}

body .module .btn.big span {
    width: 100%
}

body .module .alt-btn {
    border-radius: 3px;
    border: 2px solid #ccc;
    font-weight: bold;
    padding: 9px 40px;
    color: #00a2e2;
    display: inline-block;
    text-align: center;
    line-height: 1.4;
    background: transparent;
    height: 40px
}

body .module .alt-btn:hover {
    color: #1f155e
}

body .module .alt-btn.disabled,
body .module .alt-btn.disabled:hover {
    color: #ccc !important
}

body .module .alt-btn.btn-dynamic {
    line-height: 40px;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
    background-color: #FF703E;
    color: #1D252C;
    border-radius: 4px;
    border: 0
}

body .module .alt-btn.btn-dynamic:hover {
    box-shadow: 4px 4px 8px 0 #DAD7D3;
    background-color: #FC4C02;
    color: #1D252C;
    border: 0
}

body .personal-settings-module .alt-btn.btn-dynamic {
    width: 233px;
    height: 40px
}

body .module .alt-btn.btn-dynamic span {
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px
}

body .module .btn-secondary {
    line-height: initial;
    background-color: transparent;
    color: #D23A06;
    border: solid 1px #D23A06;
    display: inline;
    height: 40px
}

body .module .btn-secondary:hover {
    line-height: initial;
    display: inline;
    color: #D23A06;
    height: 40px;
    background-color: #F8EEE3;
    box-shadow: none
}

body .module .btn-secondary:disabled,
body .module .btn-secondary[disabled]:hover {
    background-color: transparent;
    border: 1px solid #FFDACB;
    color: #FDA580
}

a.terms-title:after {
    background: url("../img/icons/e5-plus.svg");
    content: ' ';
    background-repeat: no-repeat;
    display: inline-block;
    height: 22px;
    width: 22px;
    background-position-y: 14px;
    margin-left: 10px
}

.expanded a.terms-title:after {
    background: url("../img/icons/e5-minus.svg");
    content: ' ';
    background-repeat: no-repeat;
    display: inline-block;
    height: 22px;
    width: 22px;
    background-position-y: 13px;
    margin-left: 10px
}

body .module.module-postal .btn {
    margin: 0;
    margin-left: 30px
}

.btn-tertiary,
.btn-tertiary.terms-title {
    color: #000;
    font-family: Lato-Regular;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 17px
}

.btn-tertiary.btn-tertiary-link {
    font-family: Lato-Black;
    color: #D23A06;
    padding-right: 30px
}

.btn-tertiary.btn-tertiary-link.plus {
    background-position: right
}

.btn-tertiary.btn-tertiary-link.minus-e5 {
    background-position: right
}

.plus-account-detail {
    width: 40px
}

.plus-account-detail:hover {
    cursor: pointer
}

.account-detail-label {
    width: 400px;
    border: 0;
    font-size: 16px;
    color: #1D252C;
    font-family: Lato-Medium;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 19px
}

.account-detail-label.account-detail-amount {
    width: 50px
}

.account-detail-info {
    font-size: 12px
}

.account-detail-row {
    width: 400px;
    float: left;
    height: 28px;
    background-color: white;
    cursor: pointer
}

.account-detail-card-usage-rewards-row {
    display: table-row;
    cursor: default;
    width: 400px;
    background-color: white
}

.account-detail-card-usage-rewards-row .no-result {
    display: block;
    margin: 10px;
    padding-left: 30px;
    width: 500px
}

.account-detail-card-usage-rewards-row .result {
    display: block;
    padding-left: 30px
}

.account-detail-card-usage-rewards-row .result table {
    width: 370px;
    height: 11px
}

.account-detail-card-usage-rewards-row .result table td:nth-child(1) {
    padding-left: 30px;
    border-top: 0;
    width: 300px;
    cursor: default;
    background-color: white
}

.account-detail-card-usage-rewards-row .result table td:nth-child(2) {
    border-top: 0;
    width: 70px;
    cursor: default;
    background-color: white;
    text-align: right
}

.padding .account-detail-card-usage-rewards-row .result p {
    padding-left: 11px;
    width: 500px;
    margin-top: 15px;
    margin-bottom: 15px
}

.account-detail-total-due-row {
    font-weight: bold;
    font-size: 20px;
    font-family: Lato-Bold;
    cursor: default;
    background-color: white;
    border-top: 4px;
    border-collapse: separate;
    margin-bottom: 7px;
    margin-top: 28px;
    position: relative;
    top: 20px
}

.account-detail-total-due-text-column {
    width: 400px;
    cursor: default;
    background-color: white;
    border-top: 1px solid #F8EEE3
}

.account-detail-total-due-amount-column {
    width: 50px;
    cursor: default;
    background-color: white;
    border-top: 1px solid #F8EEE3
}

.account-detail-content {
    display: none;
    background-color: white
}

.account-detail-table {
    padding-top: 10px;
    margin-bottom: 50px !important;
    border-collapse: separate
}

.account-detail-spend-and-save {
    width: 300px;
    background-color: #FFDACB;
    border-radius: 4px;
    padding-top: 21px;
    padding-bottom: 21px;
    color: #222;
    font-family: Lato-Medium;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 22px;
    float: right;
    text-align: center
}

table.account-detail-table tr:hover td {
    background-color: white
}

.changedestinationform p {
    font-size: 14px;
    font-family: Lato-Bold
}

.changedestinationform .destination-account-name {
    font-weight: bold;
    padding-top: 3px;
    font-family: Lato-Bold;
    font-size: 16px
}

.changedestinationform button.btn-submit {
    float: left;
    margin-top: 20px
}

.changedestinationform .select-input {
    width: 360px
}

.changedestinationform-success a.btn-submit {
    margin-top: 20px
}

.module .changedestinationform-success .box-important {
    background: #FFF6F2;
    border: 1px solid #D23A06
}

.module-sub-nav.module-rewards-tab nav ul li:nth-last-child(1):before {
    content: ' ';
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    bottom: -5px;
    left: 0;
    background: #ebebeb
}

.module-rewards-cashback h2 {
    margin-bottom: 10px
}

.module-rewards-cashback .img-div-availed {
    float: inherit;
    padding-right: 25px;
    padding-left: 20px
}

.module-rewards-cashback .img-div-not-availed {
    float: inherit;
    padding-right: 25px;
    padding-left: 20px
}

.module-rewards-cashback .rate {
    font-family: Lato-Bold;
    font-size: 12px;
    background-color: #E4EAF0;
    width: 50px;
    height: 20px;
    margin: auto;
    color: black;
    margin-top: 10px;
    text-align: center
}

.module-rewards-cashback img {
    margin: auto
}

.module-discuss-options .info-small-maturity span {
    position: relative;
    bottom: 6px
}

.module-discuss-options .info-small span {
    position: relative;
    bottom: 8px
}

.module-discuss-options .info-medium {
    margin: 0
}

.relative-pos {
    position: relative
}

body .module.module-apply-online footer.full-width .col12 .btn {
    display: inline
}

.module-apply-online .info-more {
    font-size: 12px;
    font-family: Lato-Regular;
    color: #666
}

.module-apply-online ul.info-more {
    font-family: Lato-Bold
}

.module-apply-online .sub-heading-info {
    color: #444
}

body .module .btn-secondary.disabled:hover {
    background-color: transparent
}

body .module .btn-tertiary.disabled:hover {
    color: #FDA580;
    border: 1px solid #FFDACB
}

.select-input {
    height: 40px;
    background: #F4F4F4;
    color: #343F41;
    font-size: 12px;
    font-family: Lato-Bold;
    border: 0
}

.module-rewards .select-input {
    background: #F8EEE3;
    color: #6E7376
}

.module-rewards .select-input:focus {
    border: 1px solid #D23A06;
    background: #FFF;
    color: #1D252C
}

.select-input .option {
    height: 40px;
    border: 1px solid #1D252C;
    color: #343F41;
    font-size: 12px;
    font-family: Lato-Bold;
    background: #FFF
}

.module.module-sign-up-multiple label.before-checkbox-label {
    font-size: 14px;
    font-family: 'Lato-Medium';
    color: #666
}

.module.module-sign-up-multiple .form {
    padding-top: 13px
}

.module-sign-up-multiple .form footer {
    margin-top: 40px
}

.module-sign-up-multiple .box {
    background: white;
    border: 1px solid #DAD7D3;
    border-radius: 8px
}

.module.module-sign-up-multiple .box h3 {
    font-size: 24px;
    font-family: 'Lato-Bold';
    margin-bottom: 20px
}

.cssanimations body .module .submiting.show-spinner .btn-submit[disabled] div:after,
.cssanimations body .module .submiting.show-spinner .btn-submit[disabled] span:after {
    display: none
}

.cssanimations body .module .submiting.show-spinner .btn-submit[disabled] span:before,
.cssanimations body .module .submiting.show-spinner .btn-submit[disabled] div:before {
    content: ' ';
    position: absolute;
    height: 18px;
    width: 18px;
    border: 2px dotted #f60;
    border-radius: 50%;
    right: 0;
    top: 50%;
    margin-top: -11px;
    display: inline-block;
    -webkit-animation-name: rotate;
    -moz-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.cssanimations body .module .submiting.show-spinner .btn-submit[disabled]:hover div:before,
.cssanimations body .module .submiting.show-spinner .btn-submit[disabled]:hover span:before,
.cssanimations body .module .submiting.show-spinner .btn-submit[disabled].hovered div:before,
.cssanimations body .module .submiting.show-spinner .btn-submit[disabled].hovered span:before {
    border-color: white
}

.no-cssanimations body .module .submiting.show-spinner .btn-submit[disabled] {
    -ms-filter: "alpha(opacity=70)";
    filter: alpha(opacity=70);
    opacity: .7
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

body .left {
    float: left
}

body .right {
    float: right
}

.text-left {
    text-align: left
}

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

.text-right {
    text-align: right
}

.text-right-important {
    text-align: right !important
}

.text-center {
    text-align: center
}

.bold,
.module-mobile-topup h5,
.module-logout .padding ul,
.module-logout ul.arrows,
.module-logout ul.arrows-hovered,
.module-logout ul.arrows-ext-hovered,
.module-logout .small-box a,
.module-heading h1,
.landing .banner h1 {
    font-weight: bold
}

.visually-hidden {
    display: none !important
}

.row {
    display: block;
    width: 100%;
    *min-width: 100%;
    clear: both
}

.plus {
    background: url("../img/icons/e5-plus.svg");
    background-repeat: no-repeat;
    background-position: 0 center;
    width: 40px;
    border: 0
}

.minus-e5 {
    background: url("../img/icons/e5-minus.svg");
    background-repeat: no-repeat;
    background-position: 0 center;
    width: 40px;
    border: 0
}

.full {
    width: 100%
}

.narrow {
    width: 530px;
    margin: 0 auto
}

.col-m8 .narrow {
    width: auto
}

.narrow-for-review {
    width: 700px;
    margin: 0 auto
}

.block {
    display: block
}

.inline {
    display: inline
}

.unstyled,
ul.static,
.module .form ul,
.landing .extras ul,
.landing .links .col3 ul {
    margin: 30px 0 30px 0;
    padding: 0;
    font-size: 1em
}

.TaxRatesPadding {
    display: block;
    margin: 7px;
    margin-top: 25px
}

.padding {
    display: block;
    margin: 30px
}

.padding.continuous-footer {
    margin-bottom: 0
}

.keep-space-bottom {
    margin-bottom: 10px !important
}

.padding-light {
    margin: 20px 30px
}

.forced-paddings .padding {
    margin: 0;
    padding: 30px
}

.forced-paddings .padding-light {
    margin: 0;
    padding: 20px 30px
}

.no-padding-top {
    padding-top: 0 !important
}

.no-padding-right {
    padding-right: 0 !important
}

.no-padding-bottom {
    padding-bottom: 0 !important
}

.no-padding-left {
    padding-left: 0 !important
}

.no-margin-top {
    margin-top: 0 !important
}

.no-margin-right {
    margin-right: 0 !important
}

.no-margin-bottom {
    margin-bottom: 0 !important
}

.no-margin-left {
    margin-left: 0 !important
}

body .module .padding-left,
body .module.padding-left {
    padding-left: 30px
}

body .module .padding-right,
body .module.padding-right {
    padding-right: 30px
}

body .module .padding-left-half,
body .module.padding-left-half {
    padding-left: 15px
}

body .module .padding-right-half,
body .module.padding-right-half {
    padding-right: 15px
}

body .module .full-width,
body .module .padding .form-heading,
body .module .full-width-padding,
body .module .padding .form fieldset,
body .module .padding .form>ul.hints,
body .padding .module .box-settings,
.padding body .module .box-settings,
body .padding .module .box-form,
.padding body .module .box-form,
body .padding .module .box-infos,
.padding body .module .box-infos {
    position: relative;
    margin-left: -60px;
    right: -30px;
    zoom: 1;
    width: auto;
    display: block
}

body .module .full-width-padding {
    padding: 0 30px
}

body .module footer.full-width {
    margin-left: 0;
    right: 0
}

body .module footer.full-width .btn {
    display: inline-block
}

body .module footer.full-width .col12 .btn {
    display: table
}

body .module footer.full-width .col6:first-of-type .btn {
    float: left;
    margin-left: 0
}

body .module footer.full-width .col6:last-of-type .btn {
    float: right;
    margin-right: 0
}

.module-change-email .box:nth-of-type(2) ul li::before {
    content: initial
}

.module-change-email .box:nth-of-type(2) {
    margin-bottom: 22px;
    background-color: #fff
}

.min-box {
    min-height: 500px
}

.neg-top {
    position: relative;
    margin-top: -1px;
    z-index: 1
}

.full-height,
.module .box-settings.justify .row>div,
.module .justify.box-form .row>div,
.module .justify.box-infos .row>div,
.box-infos .row>div {
    margin-bottom: -1470px !important;
    padding-bottom: 1500px !important
}

.scroll {
    overflow-y: scroll
}

.expanded .terms-title .expand-hide {
    display: inline !important
}

.terms {
    font-size: .9em;
    color: #9a9a9a;
    text-align: justify
}

.expanded .terms {
    max-height: 2000px
}

.terms>:first-child {
    margin-top: 20px
}

.terms h1,
.terms h2,
.terms h3,
.terms h4,
.terms h5,
.terms h6 {
    color: #9a9a9a
}

.disable-hover,
.disable-hover * {
    pointer-events: none !important
}

.hr {
    font-size: .9em;
    position: relative;
    text-align: center;
    z-index: 2;
    margin: 20px 0
}

.hr span {
    background: #FFF6F2;
    padding: 2px 15px;
    z-index: 2;
    position: relative
}

.hr:before {
    position: absolute;
    width: 100%;
    border-top: 1px solid #e6e6e6;
    content: ' ';
    left: 0;
    top: 50%;
    z-index: 1
}

.module-need-help .hr {
    text-align: left
}

.module-need-help .hr span {
    padding: 2px 0
}

.module-need-help .hr:before {
    border: 0
}

.module {
    font-size: 14px;
    position: relative;
    margin-bottom: 20px;
    background: #FFF;
    border-radius: 8px;
    box-shadow: 0 0 15px 0 rgba(199, 199, 199, 0.2)
}

.module>a>img {
    border-radius: 5px
}

.module.module-clean {
    background: transparent;
    border-radius: 0;
    box-shadow: none
}

.module.module-selected {
    border-left: 5px solid #f60
}

.module.module-selected .padding {
    margin-left: 25px
}

.module.module-selected .full-width,
.module.module-selected .padding .form-heading,
body .module.module-selected .full-width-padding,
.module.module-selected .padding .form fieldset,
.module.module-selected .padding .form>ul.hints,
.padding .module.module-selected .box-settings,
.padding .module.module-selected .box-form,
.padding .module.module-selected .box-infos {
    border-left: 5px solid #f60
}

.module.has-footer {
    position: relative;
    padding-bottom: 55px
}

.module.has-footer footer,
.module.has-footer footer.last-child {
    position: absolute;
    bottom: 0;
    margin: 0;
    left: 0;
    width: 100%
}

.module.has-footer footer:last-child {
    position: absolute;
    bottom: 0;
    margin: 0;
    left: 0;
    width: 100%
}

.module hr {
    margin: 0
}

.module .hidden-radio input[type="radio"] {
    position: absolute;
    left: -9999px
}

input[type="checkbox"].hidden-checkbox,
.hidden-radio input[type="radio"],
.module .hidden-checkbox input[type="checkbox"],
input[type="radio"].hidden-radio {
    -webkit-appearance: none !important;
    background: none !important;
    position: absolute !important;
    left: -9999px !important
}

.module .personaliselabeltext {
    text-align: left !important
}

.module .personalisetrimage {
    text-align: left
}

.module .personalisetdimage {
    border-color: white;
    border-width: 0
}

.module .personalisetrimagecenter {
    text-align: center
}

.module .personaliseimage {
    width: 85%
}

.module .personaliseimagecenter {
    width: 25%;
    text-align: center
}

.module .tab {
    display: none
}

.module .tab.active {
    display: block
}

.module .margin-top,
.module .box-settings>.row>div p.margin-top,
.module .box-form>.row>div p.margin-top,
.module .box-infos>.row>div p.margin-top {
    margin-top: 20px
}

.module .margin-top-half {
    margin-top: 10px
}

.module .margin-bottom {
    margin-bottom: 20px
}

.module .margin-left {
    margin-left: 20px
}

.module .margin-right {
    margin-right: 20px
}

.module>[class^="btn"] {
    border-radius: 5px
}

.module .space-top {
    margin-top: 30px
}

.module .space-bottom {
    margin-bottom: 30px
}

.module .space-left {
    margin-left: 30px
}

.module .space-right {
    margin-right: 30px
}

.padding>*:first-child {
    margin-top: 0;
    padding-top: 0
}

.padding>*:not(.preserve):last-child,
.padding>ul:not(.preserve) li:last-child>*:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.padding>ul:not(.preserve):last-child li:last-child>*:last-child {
    margin-bottom: inherit;
    padding-bottom: inherit
}

.padding p:last-child {
    margin-bottom: 0
}

.padding h4+p,
.padding h5+p,
.padding h6+p {
    margin-top: 0
}

.module footer,
.module header {
    position: relative;
    border-radius: 0 0 5px 5px
}

.module footer {
    margin-bottom: 30px
}

.module footer>div,
.module header>div {
    position: relative
}

.module footer>div:first-child>*:not(.btn),
.module header>div:first-child>* {
    border-left: none;
    border-radius: 0 0 0 5px
}

.module footer>div:last-child>*,
.module header>div:last-child>* {
    border-radius: 0 0 5px 0
}

.module footer>div:first-child:last-child>*,
.module header>div:first-child:last-child>* {
    border-radius: 0 0 5px 5px
}

.module footer>div:first-child>.btn,
.module header>div:first-child>.btn,
.module footer>div:last-child>.btn,
.module header>div:last-child>.btn,
.module footer>div:first-child:last-child>.btn,
.module header>div:first-child:last-child>.btn {
    border-radius: 4px
}

.module footer .block,
.module header .btn,
.module header .block {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc
}

.module footer .btn:hover,
.module header .btn:hover {
    border-color: #f60
}

.module footer [class*="-alt"],
.module header [class*="-alt"] {
    border-color: #f60
}

.module footer.alt .btn,
.module header.alt .btn {
    border-width: 2px
}

.module footer.no-radius>div>*,
.module header.no-radius>div>* {
    border-radius: 0 !important
}

.module header {
    border-radius: 5px 5px 0 0
}

.module header>div {
    position: relative
}

.module header>div:first-child>* {
    border-left: none;
    border-radius: 5px 0 0 0
}

.module header>div:last-child>* {
    border-radius: 0 5px 0 0
}

.module header>div:first-child:last-child>* {
    border-radius: 5px 5px 0 0
}

.module header.full-width,
.module .padding header.form-heading,
body .module header.full-width-padding,
.padding .module header.box-settings,
.padding .module header.box-form,
.padding .module header.box-infos {
    bottom: auto;
    top: -30px
}

.module header .btn,
.module header .block {
    border-top: 0;
    border-bottom: 1px solid #ccc
}

.module header .btn:hover {
    border-color: #f60
}

.module header [class*="-alt"] {
    border-color: #f60
}

.module .expanded footer:first-child>div:first-child>*,
.module .expanded footer:first-child>div:last-child>* {
    border-radius: 0
}

.disabled {
    opacity: .5 !important;
    cursor: default !important
}

.disabled * {
    cursor: default !important
}

.static-footer {
    padding-bottom: 25px
}

.static-footer footer {
    position: absolute
}

.full-size>* {
    width: 100% !important
}

.border-top {
    border-top: 1px solid #F8EEE3
}

.border-bottom {
    border-bottom: 1px solid #F8EEE3
}

a {
    text-decoration: none
}

a.tel {
    color: #1D252C;
    font-size: 14px
}

a.tel:hover {
    text-decoration: none;
    cursor: default
}

a.link-big {
    font-size: 1.2em
}

a.alt {
    color: #666
}

a.sec {
    color: #f60
}

.italic {
    font-style: italic
}

ul li .tel {
    font-size: 1em
}

span.gutter {
    padding: 0 2px
}

.align-heading {
    padding-left: 40px
}

.text-alt {
    color: #9a9a9a
}

.text-alt:hover {
    color: #9a9a9a
}

.semi-heading {
    margin-top: 0;
    font-size: 1.2em;
    line-height: 1.15em
}

.arrow {
    position: relative;
    padding-right: 25px;
    font-size: 14px;
    font-weight: bold;
    display: inline
}

.arrow:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 0
}

.arrow.icon-left {
    padding-right: 0;
    display: inline-block
}

.arrow.icon-left:after {
    right: auto;
    left: 0;
    top: 3px;
    margin-top: 0
}

div.col.module-saving-application-description footer>div.col6.border-top {
    display: none
}

div.row.sticky-parent>div.col-m8.gutter-m-right-half>div>div:nth-child(7)>footer>div.col6 {
    width: 100%
}

.arrow-ext {
    position: relative;
    padding-right: 25px
}

.arrow-ext:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 0
}

p label+input {
    margin-left: 5px
}

.phone-big {
    position: relative;
    padding-left: 60px
}

.phone-big:before {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -27px;
    left: 0
}

.no-wrap {
    white-space: nowrap !important
}

.underline {
    text-decoration: underline
}

.break-word {
    word-wrap: break-word;
    word-break: break-all;
    word-break: break-word
}

.warning-text {
    color: #e82222 !important
}

input[type="text"],
input:not(.MuiInputBase-input)[type="password"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="submit"],
textarea {
    font-family: Lato-Bold;
    border: 0;
    height: 40px;
    width: 360px;
    font-size: 12px;
    color: #343F41;
    background-color: #F8EEE3;
    line-height: normal;
    padding: 13px 0 12px 16px;
    text-align: left;
    border-radius: 4px;
    border: 1px solid #979C9F;
    vertical-align: middle;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
    outline: 0;
    box-shadow: none;
    resize: none
}

input[type="text"]::selection,
input:not(.MuiInputBase-input)[type="password"]::selection,
input[type="number"]::selection,
input[type="tel"]::selection,
input[type="email"]::selection,
input[type="submit"]::selection,
textarea::selection {
    color: #343F41;
    background-color: #F4F4F4;
    background: #F4F4F4;
    border: 1px solid #1D252C
}

.lt-ie9 input[type="text"],
.lt-ie9 input:not(.MuiInputBase-input)[type="password"],
.lt-ie9 input[type="number"],
.lt-ie9 input[type="tel"],
.lt-ie9 input[type="email"],
.lt-ie9 input[type="submit"],
.lt-ie9 textarea {
    padding-top: 10px
}

.android input[type="text"],
.android input:not(.MuiInputBase-input)[type="password"],
.android input[type="number"],
.android input[type="tel"],
.android input[type="email"],
.android input[type="submit"],
.android textarea {
    padding-top: 9px
}

.module-selected input[type="text"],
.module-selected input:not(.MuiInputBase-input)[type="password"],
.module-selected input[type="number"],
.module-selected input[type="tel"],
.module-selected input[type="email"],
.module-selected input[type="submit"],
.module-selected textarea {
    border-color: transparent
}

input[type="text"]:focus,
input:not(.MuiInputBase-input)[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="submit"]:focus,
textarea:focus {
    background-color: #FFF;
    border: 1px solid #D23A06;
    color: #343F41
}

input[type="text"]:active,
input:not(.MuiInputBase-input)[type="password"]:active,
input[type="number"]:active,
input[type="tel"]:active,
input[type="email"]:active,
input[type="submit"]:active,
textarea:active {
    background-color: #F4F4F4;
    color: #343F41
}

input[type="text"].error,
input:not(.MuiInputBase-input)[type="password"].error,
input[type="number"].error,
input[type="tel"].error,
input[type="email"].error,
input[type="submit"].error,
textarea.error {
    border: 1px solid;
    border-color: #C70B14
}

input[type="text"][disabled],
input:not(.MuiInputBase-input)[type="password"][disabled],
input[type="number"][disabled],
input[type="tel"][disabled],
input[type="email"][disabled],
input[type="submit"][disabled],
textarea[disabled] {
    opacity: .6
}

input[type="text"].small,
input:not(.MuiInputBase-input)[type="password"].small,
input[type="number"].small,
input[type="tel"].small,
input[type="email"].small,
input[type="submit"].small,
textarea.small {
    height: 25px;
    padding: 0 10px;
    font-size: .9em
}

.lt-ie9 input[type="text"].small,
.lt-ie9 input:not(.MuiInputBase-input)[type="password"].small,
.lt-ie9 input[type="number"].small,
.lt-ie9 input[type="tel"].small,
.lt-ie9 input[type="email"].small,
.lt-ie9 input[type="submit"].small,
.lt-ie9 textarea.small {
    padding-top: 2px
}

.lt-ie9 input[type="text"].large,
.lt-ie9 input:not(.MuiInputBase-input)[type="password"].large,
.lt-ie9 input[type="number"].large,
.lt-ie9 input[type="tel"].large,
.lt-ie9 input[type="email"].large,
.lt-ie9 input[type="submit"].large,
.lt-ie9 textarea.large {
    padding-top: 20px
}

input[type="text"].date-picker,
input:not(.MuiInputBase-input)[type="password"].date-picker,
input[type="number"].date-picker,
input[type="tel"].date-picker,
input[type="email"].date-picker,
input[type="submit"].date-picker,
textarea.date-picker {
    padding-right: 40px;
    background: url(../img/calendar2.png) no-repeat right center;
    background-size: 14px;
    background-position-x: 97%
}

input[type="text"].date-picker-small,
input:not(.MuiInputBase-input)[type="password"].date-picker-small,
input[type="number"].date-picker-small,
input[type="tel"].date-picker-small,
input[type="email"].date-picker-small,
input[type="submit"].date-picker-small,
textarea.date-picker-small {
    padding-right: 23px;
    width: 10px !important;
    font-size: 0;
    color: #eee;
    cursor: pointer
}

input[type="text"]::-ms-clear,
input:not(.MuiInputBase-input)[type="password"]::-ms-clear,
input[type="number"]::-ms-clear,
input[type="tel"]::-ms-clear,
input[type="email"]::-ms-clear,
input[type="submit"]::-ms-clear,
textarea::-ms-clear {
    display: none
}

.module .form ul li .col input[type="text"],
.module .form ul li .col input:not(.MuiInputBase-input)[type="password"],
.module .form ul li .col input[type="number"],
.module .form ul li .col input[type="tel"],
.module .form ul li .col input[type="email"],
.module .form ul li .col input[type="submit"],
.module .form ul li .col textarea {
    display: block
}

.module .form ul li .col:first-child input[type="text"],
.module .form ul li .col:first-child input:not(.MuiInputBase-input)[type="password"],
.module .form ul li .col:first-child input[type="number"],
.module .form ul li .col:first-child input[type="tel"],
.module .form ul li .col:first-child input[type="email"],
.module .form ul li .col:first-child input[type="submit"],
.module .form ul li .col:first-child textarea {
    margin-top: 10px
}

.module .form ul li .col .fixed-placeholder {
    display: block
}

.module .form ul li .col .fixed-placeholder span {
    top: 10px
}

select.styled,
select.hasCustomSelect {
    height: 40px;
    opacity: .001;
    cursor: pointer
}

input[type="radio"] {
    -webkit-appearance: none;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M17.5 9C17.5 13.6945 13.6937 17.5 9 17.5C4.30544 17.5 0.5 13.6946 0.5 9C0.5 4.30544 4.30544 0.5 9 0.5C13.6937 0.5 17.5 4.30548 17.5 9Z" stroke="%23D23A06" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat;
    width: 18px;
    height: 18px
}

input[type="radio"]:checked {
    -webkit-appearance: none;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M17.5 9C17.5 13.6945 13.6937 17.5 9 17.5C4.30544 17.5 0.5 13.6946 0.5 9C0.5 4.30544 4.30544 0.5 9 0.5C13.6937 0.5 17.5 4.30548 17.5 9Z" stroke="%23D23A06" stroke-linecap="round" stroke-linejoin="round"/><circle cx="8.99912" cy="9.00009" r="6.09677" fill="%23D23A06"/></svg>') no-repeat;
    width: 18px;
    height: 18px
}

input[type="checkbox"] {
    -webkit-appearance: none;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M2 1H16C16.5477 1 17 1.45228 17 2V16C17 16.5477 16.5477 17 16 17H2C1.45228 17 1 16.5477 1 16V2C1 1.45228 1.45228 1 2 1Z" fill="white" stroke="%23979C9F" stroke-width="2"/></svg>') no-repeat;
    width: 18px;
    height: 18px
}

input[type="checkbox"]:checked {
    -webkit-appearance: none;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 0H2C0.89 0 0 0.9 0 2V16C0 17.1 0.89 18 2 18H16C17.11 18 18 17.1 18 16V2C18 0.9 17.11 0 16 0ZM7 14L2 9L3.41 7.59L7 11.17L14.59 3.58L16 5L7 14Z" fill="%23D23A06"/></svg>') no-repeat;
    width: 18px;
    height: 18px
}

.touch input[type="checkbox"] {
    min-height: 25px;
    min-width: 25px
}

input[type="checkbox"].error {
    outline: 1px solid #C70B14 !important;
    border-color: #C70B14 !important
}

.module .input-daterange input {
    text-align: left
}

.password {
    -webkit-text-security: disc;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: moz-none;
    -ms-user-select: none;
    user-select: none
}

input::-webkit-input-placeholder {
    color: #343F41;
    font-size: 12px;
    font-family: Lato-Regular
}

input:-moz-placeholder {
    color: #343F41;
    font-size: 12px;
    font-family: Lato-Regular
}

input::-moz-placeholder {
    color: #343F41;
    font-size: 12px;
    font-family: Lato-Regular
}

input:-ms-input-placeholder {
    color: #343F41;
    font-size: 12px;
    font-family: Lato-Regular
}

.module .form {
    padding-top: 30px
}

.module .form>:first-child {
    margin-top: 0
}

.module .form>:last-child,
.module .form>p:last-of-type {
    margin-bottom: 0
}

.module .form ul li .col:first-child,
.module .form ul li .col+.col+.col {
    padding-left: 20px;
    padding-right: 20px
}

.module .form fieldset {
    position: relative;
    padding-top: 50px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border: 2px solid transparent;
    overflow: hidden
}

.module .form fieldset.active {
    border: 2px solid #D23A06
}

.module .form fieldset legend {
    position: relative;
    top: 0
}

.module .form fieldset legend>span {
    display: inline;
    white-space: nowrap;
    position: absolute;
    width: 100%;
    padding-left: 30px;
    top: 15px;
    font-size: 1.3em;
    color: #1D252C;
    font-family: Lato-Regular, Helvetica, Arial, sans-serif;
    font-weight: 400
}

.lt-ie9 .module .form fieldset legend>span {
    top: -35px
}

.module .form fieldset legend>span>span {
    color: #666
}

.module .form fieldset ul li .col:first-child {
    width: 30%
}

.module .form fieldset ul li .col+.col {
    width: 44%;
    padding: 10px 0;
    line-height: 40px
}

.module .form fieldset ul li .col+.col:last-child {
    width: 25%
}

.module .form fieldset ul li .col+.col.last-child {
    width: 25%
}

.module .form fieldset ul.simple li .col {
    width: 50%
}

.module .form ul.normalizer {
    margin-top: 10px
}

.module .form ul li {
    position: relative;
    margin-bottom: 10px;
    max-height: 60px
}

.module .form ul li.big {
    max-height: none
}

.module .form ul li.iframe {
    max-height: none
}

.module .form ul li.heading {
    margin-bottom: 0
}

.module .form ul li.heading>div {
    padding: 10px 0;
    line-height: 40px
}

.module .form ul li.heading>div label {
    text-align: center
}

.module .form ul li.heading>div:first-child label {
    text-align: right
}

.module .form ul li.sub-heading {
    padding: 10px 30px
}

.module .form ul li.heading label,
.module .form ul li>div label {
    text-align: right;
    width: 100%;
    display: inline-block;
    color: #1D252C;
    line-height: 1.4em;
    vertical-align: middle
}

.module-login .form ul li>div label.error {
    display: block;
    margin-top: 0
}

.module .form ul li.heading label span,
.module .form ul li>div label span {
    display: block;
    padding-top: 2px;
    font-size: .85em;
    color: #666;
    line-height: 1.2em
}

.module .form ul li.heading label.static,
.module .form ul li>div label.static {
    color: #666;
    text-align: left;
    cursor: default
}

.module .form ul li .helptext>span {
    line-height: normal;
    display: block;
    margin-top: -7px
}

.module .form ul li .helptext>span .tel {
    font-size: 1em
}

.module .form ul li>div {
    padding: 0;
    line-height: 60px
}

.module .form ul li>div:first-child.long-text label {
    line-height: 1.2em;
    margin-top: -2px
}

.module .form ul li.paddings>div {
    padding: 10px 0;
    line-height: 40px
}

.module .form ul li .date-picker-small {
    margin-top: -2px
}

.module .form ul li .col+.col {
    padding: 10px 0;
    line-height: 40px
}

.module .form ul li .col {
    position: relative;
    float: left;
    width: 33.333%
}

.module .form ul li .col .image-wrap {
    float: right;
    margin-right: 20px;
    margin-left: 10px
}

.module .form ul li .col .col6:first-child {
    padding-right: 10px
}

.module .form ul li .col .col6:last-child {
    padding-left: 10px
}

.module .form ul li .col .col6.last-child {
    padding-left: 10px
}

.module .form ul li .col a {
    margin-top: 20px;
    line-height: 1em;
    height: 30px
}

.module .form ul li .col a span {
    white-space: normal
}

.module .form ul li .col a.alt-btn {
    margin: 0;
    line-height: 40px;
    height: 40px;
    padding: 0 10px;
    position: relative;
    display: inline-block
}

.module .form ul li .col a.alt-btn span {
    display: inline-block;
    line-height: 15px;
    margin-bottom: 4px;
    vertical-align: middle;
    overflow: hidden;
    zoom: 1
}

.module .form ul li .col a.close {
    position: absolute;
    display: block;
    right: 0;
    top: 5px
}

.module .form ul li .col .dynamic-inputs input {
    margin-top: 10px
}

.module .form ul li .col aside+a.alt-btn {
    font-size: .8em;
    padding: 0;
    width: 80px
}

.module .form ul li input[type="text"],
.module .form ul li input[type="number"],
.module .form ul li input[type="tel"],
.module .form ul li input:not(.MuiInputBase-input)[type="password"],
.module .form ul li input[type="email"],
.module .form ul li textarea,
.module .form ul li .customSelectWrap {
    width: 100%
}

.module .form ul li .label-radio,
.module .form ul li.heading label.label-radio,
.module .form ul li>div label.label-radio {
    margin-bottom: 10px
}

.module .form ul .icon-info2,
.module .form ul .info2:before {
    margin-left: -10px;
    cursor: pointer
}

.module .form ul.simple li {
    padding-bottom: 0
}

.module .form ul.simple li>div {
    margin-bottom: 0
}

.module .form ul.simple li>div input[type="text"],
.module .form ul.simple li>div input[type="number"],
.module .form ul.simple li>div input[type="tel"],
.module .form ul.simple li>div input:not(.MuiInputBase-input)[type="password"],
.module .form ul.simple li>div input[type="email"],
.module .form ul.simple li>div textarea,
.module .form ul.simple li>div .customSelectWrap {
    width: auto
}

.module .form ul.simple li>div:first-child {
    padding-right: 10px
}

.module .form ul.simple li>div:last-child {
    padding-left: 10px
}

.module .form ul.simple li>div.last-child {
    padding-left: 10px
}

.module .form ul.single li {
    padding: 0;
    margin: 0
}

.module .form ul.single li>div {
    line-height: 30px;
    padding: 1px 0
}

.module .form ul.single .btn {
    margin: 0
}

.module .form ul aside {
    display: none
}

.fixed-placeholder {
    position: relative
}

.fixed-placeholder input,
.fixed-placeholder textarea {
    padding-left: 25px !important;
    z-index: 1
}

.fixed-placeholder span {
    display: block;
    z-index: 2;
    width: 25px;
    position: absolute;
    left: 2px;
    top: 0;
    margin-top: 1px;
    color: #999;
    font-size: 1.35em;
    text-align: center;
    height: 22px;
    background: white;
    line-height: normal !important
}

.fixed-placeholder.alt span {
    background-color: #666
}

.fixed-placeholder.focus span,
.fixed-placeholder.focus.alt span,
.fixed-placeholder.customValue span {
    background-color: white
}

.module .form>ul li:last-child,
.module .form ul li.no-focus,
.module .form ul li.no-focus .label-radio:last-child {
    margin-bottom: 0
}

.module .form ul li.no-focus .label-radio.last-child,
.module .form ul li.no-focus,
.module .form>ul li.last-child {
    margin-bottom: 0
}

.tooltip aside {
    display: none
}

label.error,
.inline-error {
    line-height: 15px;
    color: #C70B14 !important;
    font-family: Lato-Regular !important;
    font-size: 12px !important;
    margin-top: 8px
}

.lt-ie9 label.error,
.lt-ie9 .inline-error {
    min-height: 20px;
    padding-bottom: 5px
}

label.error:before,
.inline-error:before {
    position: absolute !important;
    left: 10px;
    top: 50%;
    margin-top: -14px
}

.long-errors label.error:before,
.long-errors .inline-error:before {
    top: 0;
    margin-top: 15px
}

.hide-errors label.error,
.hide-errors .inline-error {
    display: none !important
}

.inline-error {
    display: block
}

.inline-error:after {
    display: none
}

.hide-errors .inline-error {
    display: block !important
}

.inline-error:first-child {
    margin-top: 0
}

.inline-error:last-child {
    margin-bottom: 0
}

label.error a,
form li.active a {
    color: #fff;
    text-decoration: underline
}

body .module .form label.error {
    text-align: left
}

label.label-radio,
.module .form ul li.heading label.label-radio,
.module .form ul li>div label.label-radio {
    height: 40px;
    line-height: 40px;
    position: relative;
    background-color: #f7f8fa;
    border: 2px solid #f7f8fa;
    border-radius: 3px;
    padding: 0 10px 0 32px;
    display: block;
    text-align: left
}

.active label.label-radio,
.active .module .form ul li.heading label.label-radio,
.module .form ul li.heading .active label.label-radio,
.active .module .form ul li>div label.label-radio,
.module .form ul li>div .active label.label-radio {
    background-color: #eee;
    border: 2px solid #eee
}

label.label-radio.active,
.module .form ul li.heading label.active.label-radio,
.module .form ul li>div label.active.label-radio {
    font-weight: bold;
    border: 2px solid #00a2e2
}

label.label-radio input,
.module .form ul li.heading label.label-radio input,
.module .form ul li>div label.label-radio input {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -7px;
    cursor: pointer
}

label.label-radio span,
.module .form ul li.heading label.label-radio span,
.module .form ul li>div label.label-radio span {
    display: inline-block;
    line-height: 15px;
    margin-bottom: 4px;
    vertical-align: middle;
    overflow: hidden;
    zoom: 1;
    font-size: 1em;
    padding-top: 0
}

.lt-ie9 label.label-radio span,
.lt-ie9 .module .form ul li.heading label.label-radio span,
.module .form ul li.heading .lt-ie9 label.label-radio span,
.lt-ie9 .module .form ul li>div label.label-radio span,
.module .form ul li>div .lt-ie9 label.label-radio span {
    margin-bottom: 8px
}

label.account {
    position: relative;
    border-radius: 4px;
    background: white;
    margin-bottom: 10px;
    padding: 15px 20px;
    display: block;
    border: 1px solid #CCC;
    padding-left: 55px;
    display: inline-block;
    min-width: 280px
}

label.radio {
    position: relative;
    margin-bottom: 10px;
    padding: 15px 20px;
    display: block;
    padding-left: 55px;
    display: inline-block;
    min-width: 280px;
    border: 0
}

label.account>span {
    display: block;
    font-weight: bold;
    font-size: .9em;
    padding-top: 2px;
    width: 100%;
    margin-right: 10px;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    text-wrap: unrestricted;
    overflow-wrap: break-word
}

label.account>span>span {
    display: block;
    float: left;
    padding-right: 4px
}

label.account>span.long {
    margin-bottom: 5px
}

label.account:before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M2 1H16C16.5477 1 17 1.45228 17 2V16C17 16.5477 16.5477 17 16 17H2C1.45228 17 1 16.5477 1 16V2C1 1.45228 1.45228 1 2 1Z" fill="white" stroke="%23979C9F" stroke-width="2"/></svg>') no-repeat !important;
    position: absolute !important;
    left: 20px !important;
    top: 15px !important;
    width: 20px !important;
    height: 20px !important
}

label.radio input[type="radio"],
label.account input[type="checkbox"] {
    -webkit-appearance: none !important;
    appearance: none;
    background-color: inherit;
    margin: 0
}

label.radio:before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M17.5 9C17.5 13.6945 13.6937 17.5 9 17.5C4.30544 17.5 0.5 13.6946 0.5 9C0.5 4.30544 4.30544 0.5 9 0.5C13.6937 0.5 17.5 4.30548 17.5 9Z" stroke="%23D23A06" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat !important;
    position: absolute !important;
    left: 20px !important;
    top: 15px !important;
    width: 18px !important;
    height: 18px !important
}

label.account.active {
    background: #FFF7F0;
    border: 1px solid #FF6C00
}

label.account.active:before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 0H2C0.89 0 0 0.9 0 2V16C0 17.1 0.89 18 2 18H16C17.11 18 18 17.1 18 16V2C18 0.9 17.11 0 16 0ZM7 14L2 9L3.41 7.59L7 11.17L14.59 3.58L16 5L7 14Z" fill="%23D23A06"/></svg>') no-repeat !important;
    position: absolute !important;
    left: 20px !important;
    top: 15px !important;
    width: 18px !important;
    height: 18px !important
}

label.radio.active:before {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M17.5 9C17.5 13.6945 13.6937 17.5 9 17.5C4.30544 17.5 0.5 13.6946 0.5 9C0.5 4.30544 4.30544 0.5 9 0.5C13.6937 0.5 17.5 4.30548 17.5 9Z" stroke="%23D23A06" stroke-linecap="round" stroke-linejoin="round"/><circle cx="8.99912" cy="9.00009" r="6.09677" fill="%23D23A06"/></svg>') no-repeat !important;
    position: absolute !important;
    left: 20px !important;
    top: 15px !important;
    width: 18px !important;
    height: 18px !important
}

label.account.globe {
    padding-right: 50px
}

label.account.globe:after {
    content: ' ';
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -14px
}

.label-wrap {
    position: relative
}

.absolute-label {
    position: absolute;
    width: 400px !important;
    text-align: right !important;
    left: -420px;
    color: #1D252C;
    top: 50%;
    margin-top: -15px;
    line-height: 3 !important
}

.info {
    padding-left: 30px;
    position: relative
}

.info:before {
    content: ' ';
    position: absolute;
    left: 0;
    top: -2px
}

.info>:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.info-small,
.info-small-maturity {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 10px;
    background: #FFDACB;
    border-radius: 3px;
    padding-left: 40px;
    position: relative;
    line-height: 18px;
    border: 1px solid #DAD7D3
}

.info-small:before,
.info-small-maturity:before {
    content: ' ';
    position: absolute;
    left: 8px;
    top: 12px
}

.module-spend-and-save-info.info-small:before {
    content: ' ';
    position: absolute;
    left: 25px;
    top: 25px;
    margin-top: -12px
}

.module-spend-and-save-info.info-small h3 {
    padding-left: 20px;
    font-family: Lato-Bold;
    font-size: 16px
}

.module-spend-and-save-info.info-small:last-child {
    padding-bottom: 16px
}

.info-small>:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.personal-settings-module .info-small {
    width: 233px
}

.info-medium {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 10px;
    background: #E4EAF0;
    border-radius: 8px;
    padding-left: 30px;
    position: relative;
    line-height: 18px
}

.info-medium:before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px
}

.info-medium>:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.info-alt {
    padding-left: 30px;
    position: relative
}

.info-alt:before {
    content: ' ';
    position: absolute;
    left: 20px
}

.info-alt>:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.info2 {
    padding-left: 30px;
    position: relative;
    overflow: hidden
}

.info2:before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 0
}

.info2>:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.lock-small {
    position: relative;
    padding-left: 30px;
    text-decoration: underline;
    color: #1D252C
}

.lock-small:before {
    content: ' ';
    position: absolute;
    left: 0;
    top: -4px
}

.lock-small>:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.more {
    color: #666;
    padding-right: 18px;
    display: inline-block;
    position: relative;
    font-weight: bold
}

.more:after {
    content: ' ';
    display: block;
    position: absolute;
    right: 0;
    top: 5px
}

.more>:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.arrow-down {
    position: relative;
    padding-right: 25px
}

.arrow-down:after {
    content: ' ';
    margin-left: 10px;
    position: absolute;
    display: inline-block;
    height: 30px
}

.arrow-down>:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.footer-notice,
.footer-notice-alt {
    z-index: 2;
    color: #444;
    background-color: #FFDACB;
    width: 50%;
    font-size: 14px;
    font-family: Lato-Regular;
    padding: 20px 20px 20px 46px !important;
    pointer-events: none;
    border: 1px #DAD7D3;
    border-radius: 3px
}

.footer-notice-alt {
    color: #666;
    width: 43%;
    margin-top: -14px
}

.module-promo {
    margin-top: 30px;
    padding: 2px
}

.module-promo>img {
    border-radius: 2px
}

.module .box-settings,
.module .box-form,
.module .box-infos,
.module .box-info {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 20px
}

.box {
    background-color: #FFDACB;
    border: 1px solid #DAD7D3;
    border-radius: 4px;
    padding: 20px
}

.box.box-adobe {
    padding: 30px
}

.module-do-more .box {
    background: #FFDACB;
    border: 1px solid #DAD7D3
}

.box h3 {
    font-size: 16px
}

.box h3.heading-info::before {
    content: ' ';
    display: block;
    background: url(../img/icons/info-black-24dp.png) no-repeat;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    margin: 2px 10px 0 0;
    float: left;
    position: initial
}

.box .align-heading {
    padding-left: 0
}

.box p {
    line-height: 20px;
    margin: 10px 0
}

.box ul {
    margin-top: 14px
}

.box ul li {
    list-style: none;
    padding: 0
}

.box ul li::before {
    content: '·';
    font-size: 30px;
    vertical-align: middle;
    line-height: 32px;
    position: initial;
    margin: -10px 10px 0 0
}

.module-update-personal-details-confirm .box {
    padding-left: 0;
    background-color: #FFF
}

.module-update-personal-details-confirm .box ul li::before {
    content: '';
    font-size: 55px;
    vertical-align: middle;
    line-height: 32px;
    position: initial;
    margin: 0
}

.module-update-personal-details-confirm .box ul {
    font-size: 20px;
    font-family: Lato-Bold;
    color: #1D252C
}

.module-card-maintenance li div.row:before {
    content: '';
    display: none
}

.module-product-home h2 {
    border: 1px solid #F8EEE3
}

.module-product-home .row img,
.module-product-home [pageType="Apply Online"] img {
    width: 100px
}

.module-product-home a[pageSubcategory="Regular Saver"]:first-of-type,
.module-product-home a[pageSubcategory="Instant Access"]:first-of-type,
.module-product-home a[pageSubcategory="40 Day Notice"]:first-of-type {
    padding-right: 10px
}

.module-do-more ul li {
    list-style: none;
    margin-left: 0
}

.module-do-more ul.arrows li {
    list-style: disc;
    margin-left: 30px;
    font-size: 14px;
    font-family: Lato-Bold
}

.module-do-more .padding .box {
    padding-bottom: 10px
}

.module-do-more .col3 img {
    margin-top: -20px
}

.module-change-internet-password .padding .form-heading:first-child,
.module-update-personal-details .padding .form-heading:first-child,
.module-update-personal-details-confirm .padding .form-heading:first-child {
    background-color: white;
    margin-top: -20px;
    margin-bottom: -20px;
    border-bottom: 0
}

.module-change-internet-password footer,
.module-update-personal-details footer {
    padding: 25px 0 0 0
}

.module-change-internet-password footer>div:first-child>.btn,
.module-update-personal-details footer>div:first-child>.btn,
.module-update-personal-details-confirm footer>div:first-child>.btn {
    float: left;
    margin-left: 31px;
    border: solid 1px
}

.module-change-internet-password footer .btn-submit,
.module-update-personal-details footer .btn-submit,
.module-update-personal-details-confirm footer .btn-submit {
    float: right;
    margin-right: 30px
}

body .module.module-change-internet-password .form>ul.hints {
    background-color: #FFF
}

.module-change-internet-password .form ul li .col:first-child,
.module-update-personal-details .form ul li .col:first-child {
    width: 20%
}

.form ul li .col:nth-child(2) {
    width: 360px
}

.module .box>:last-child,
.module .box-settings>:last-child,
.module .box-form>:last-child,
.module .box-infos>:last-child,
.module .box-info>:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.personal-settings-module .box-settings {
    border: 0
}

.personal-settings-module :not(.no-border).box-settings:after {
    content: '';
    height: 1px;
    width: 830px;
    margin: auto;
    display: table;
    border-bottom: 1px solid #ebebeb
}

.module .box>:last-child,
.module .box-settings>:last-child,
.module .box-form>:last-child,
.module .box-infos>:last-child,
.module .box-info>:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.module .box>.last-child,
.module .box-settings>.last-child,
.module .box-form>.last-child,
.module .box-infos>.last-child,
.module .box-info>.last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.module .box>:first-child,
.module .box-settings>:first-child,
.module .box-form>:first-child,
.module .box-infos>:first-child,
.module .box-info>:first-child {
    margin-top: 0;
    padding-top: 0
}

.module .box p:last-child,
.module .box-settings p:last-child,
.module .box-form p:last-child,
.module .box-infos p:last-child,
.module .box-info p:last-child {
    margin-bottom: 0
}

.module .box p+h3,
.module .box-settings p+h3,
.module .box-form p+h3,
.module .box-infos p+h3,
.module .box-info p+h3,
.module .box ul+h3,
.module .box-settings ul+h3,
.module .box-form ul+h3,
.module .box-infos ul+h3,
.module .box-info ul+h3 {
    margin-top: 20px
}

.module .box-settings ul,
.module .box-form ul,
.module .box-infos ul,
.module .box-info ul {
    margin-top: 0;
    list-style-position: outside;
    padding-left: 15px
}

.module .box.has-footer,
.module .has-footer.box-settings,
.module .has-footer.box-form,
.module .has-footer.box-infos,
.module .has-footer.box-info {
    position: relative;
    padding-bottom: 95px
}

.module .box.has-footer footer,
.module .has-footer.box-settings footer,
.module .has-footer.box-form footer,
.module .has-footer.box-infos footer,
.module .has-footer.box-info footer,
.module .box.has-footer footer.last-child,
.module .has-footer.box-settings footer.last-child,
.module .has-footer.box-form footer.last-child,
.module .has-footer.box-infos footer.last-child,
.module .has-footer.box-info footer.last-child {
    position: absolute;
    bottom: 0;
    margin: 0;
    left: 0;
    width: 100%
}

.module .box.has-footer footer:last-child,
.module .has-footer.box-settings footer:last-child,
.module .has-footer.box-form footer:last-child,
.module .has-footer.box-infos footer:last-child,
.module .has-footer.box-info footer:last-child {
    position: absolute;
    bottom: 0;
    margin: 0;
    left: 0;
    width: 100%
}

.module .box.has-footer footer:last-child {
    bottom: 27px;
    left: 27px
}

.module .box .image-wrap,
.module .box-settings .image-wrap,
.module .box-form .image-wrap,
.module .box-infos .image-wrap,
.module .box-info .image-wrap {
    padding-left: 30px
}

.module .box .notice,
.module .box-settings .notice,
.module .box-form .notice,
.module .box-infos .notice,
.module .box-info .notice {
    color: #9a9a9a;
    font-size: .9em;
    margin: 30px 0 0 0;
    padding: 10px 0 0 0;
    border-top: 1px solid #ccc
}

.module .box .notice a,
.module .box-settings .notice a,
.module .box-form .notice a,
.module .box-infos .notice a,
.module .box-info .notice a {
    color: #9a9a9a;
    font-size: 1em
}

.module .box .notice a:hover,
.module .box-settings .notice a:hover,
.module .box-form .notice a:hover,
.module .box-infos .notice a:hover,
.module .box-info .notice a:hover {
    text-decoration: underline
}

.module .box .notice p:first-child,
.module .box-settings .notice p:first-child,
.module .box-form .notice p:first-child,
.module .box-infos .notice p:first-child,
.module .box-info .notice p:first-child {
    margin-top: 10px
}

.module .box .notice h1,
.module .box-settings .notice h1,
.module .box-form .notice h1,
.module .box-infos .notice h1,
.module .box-info .notice h1,
.module .box .notice h2,
.module .box-settings .notice h2,
.module .box-form .notice h2,
.module .box-infos .notice h2,
.module .box-info .notice h2,
.module .box .notice h3,
.module .box-settings .notice h3,
.module .box-form .notice h3,
.module .box-infos .notice h3,
.module .box-info .notice h3,
.module .box .notice h4,
.module .box-settings .notice h4,
.module .box-form .notice h4,
.module .box-infos .notice h4,
.module .box-info .notice h4,
.module .box .notice h5,
.module .box-settings .notice h5,
.module .box-form .notice h5,
.module .box-infos .notice h5,
.module .box-info .notice h5,
.module .box .notice h6,
.module .box-settings .notice h6,
.module .box-form .notice h6,
.module .box-infos .notice h6,
.module .box-info .notice h6 {
    color: #9a9a9a
}

.module .box h5,
.module .box-settings h5,
.module .box-form h5,
.module .box-infos h5,
.module .box-info h5 {
    margin-bottom: 7px
}

.module .box input[type="checkbox"],
.module .box-settings input[type="checkbox"],
.module .box-form input[type="checkbox"],
.module .box-infos input[type="checkbox"],
.module .box-info input[type="checkbox"] {
    margin-left: 17px
}

.module .box .col4>*:last-child,
.module .box-settings .col4>*:last-child,
.module .box-form .col4>*:last-child,
.module .box-infos .col4>*:last-child,
.module .box-info .col4>*:last-child {
    margin-bottom: 0
}

.module .box .col4>.last-child,
.module .box-settings .col4>.last-child,
.module .box-form .col4>.last-child,
.module .box-infos .col4>.last-child,
.module .box-info .col4>.last-child {
    margin-bottom: 0
}

.terms-validation input[type="checkbox"] {
    margin-left: 17px
}

.module .box-important {
    padding: 30px;
    border-radius: 8px;
    border: 1px solid #D23A06;
    background: #FFDACB;
    color: #343F41
}

.box.space-top.switch-to-statements {
    background: #FFDACB
}

.module.module-action-table .box-important.alone.narrow,
.module.module-activate-card .box-important.text-center.space-top,
.module.module-add-payee .box-important.alone.narrow,
.module .box-important.alone.narrow.order-cheque-result,
.module.module-termloan-approved .box-important.alone.narrow.term-loan-approved,
.module.module-termloan-aml .box-important.alone.narrow.term-loan-aml,
.module.module-termloan-cachsecured .box-important.alone.narrow.term-loan-cashsecured,
.module.module-termloan-ppsn .box-important.alone.narrow.term-loan-ppsn,
.module.module-termloan-dedutctaccount .box-important.alone.narrow.term-loan-dedutctaccount,
.module.module-termloan-referral .box-important.alone.narrow.termloan-referral,
.module.module-termloan-decline .box-important.alone.narrow.termloan-decline,
.box-important.alone.narrow.acceptable-docs,
.module.module-termloan-anycombi .box-important.alone.narrow.termloan-anycombi {
    background: #FFF6F2
}

.nickname-confirm-screen,
.data-confirm-screen {
    background: 0
}

.col12.cheque-button-padding {
    padding-top: 20px
}

.nickname-confirm-screen ul.static li .key,
.data-confirm-screen ul.static li .key {
    text-align: unset
}

.nickname-confirm-screen ul.static li .value,
.data-confirm-screen ul.static li .value {
    padding-left: unset
}

.nickname-confirm-screen ul.static li:before,
.data-confirm-screen ul.static li:before {
    content: ''
}

.module .box-important-white {
    padding: 30px;
    border-radius: 5px;
    border: 2px solid #f60;
    background: #fff;
    color: #1D252C
}

.module .box-important .sms {
    margin-top: 20px
}

.module .box-important .sms>div:first-child {
    line-height: 60px;
    height: 60px
}

.module .box-important .sms div:first-child label {
    font-weight: bold;
    padding-right: 10px;
    display: inline-block;
    font-size: 14px;
    line-height: 1em;
    text-align: right;
    width: 100%;
    vertical-align: middle
}

.module-error-success .box-important {
    padding: 30px;
    border-radius: 8px;
    border: 1px solid #D23A06;
    background: #FFF6F2;
    color: #343F41
}

.module .box-important .sms input {
    display: inline-block;
    margin-top: 10px;
    width: 173px;
    border: 1px solid #CBCBCB;
    background-color: #FFF
}

.module .box-important .sms input:focus {
    border-color: #D23A06
}

.module .box-important .notice {
    color: #666;
    margin: 20px 0 0 0;
    padding: 10px 0 0 0
}

.module .box-important .notice a:not(.tel) {
    font-family: Lato-Black
}

.module .box-important .notice a:not(.tel):hover {
    color: #FF6C00
}

.module .box-important .notice h3,
.module .box-important .notice h4 {
    padding-top: 5px
}

.module .box-important .notice p:first-child {
    margin-top: 10px
}

.module .box-important>*:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.module .box-important.text-center h3 {
    display: inline-block;
    margin-bottom: 0
}

.module .box-important p:last-child {
    margin-bottom: 0
}

.module .box-settings,
.module .box-form,
.module .box-infos {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    margin-top: 0;
    padding: 0
}

.personal-settings-module .box-settings {
    padding-left: 200px;
    padding-right: 200px
}

.module .box-settings .key>span,
.module .box-form .key>span,
.module .box-infos .key>span {
    display: block;
    padding-top: 2px;
    font-size: .85em;
    line-height: 1.2em
}

.module .box-settings.no-border,
.module .no-border.box-form,
.module .no-border.box-infos {
    border-bottom: 0;
    padding-bottom: 0
}

.module .box-settings .password,
.module .box-form .password,
.module .box-infos .password {
    font-size: 28px;
    line-height: 18px;
    color: #000
}

.module .box-settings .alt-btn,
.module .box-form .alt-btn,
.module .box-infos .alt-btn {
    margin-top: 0;
    margin-bottom: 10px;
    padding: 10px;
    width: 100%
}

.module .box-settings>.row>div,
.module .box-form>.row>div,
.module .box-infos>.row>div {
    padding: 30px
}

.module .box-settings>.row>div p,
.module .box-form>.row>div p,
.module .box-infos>.row>div p {
    margin-top: 0;
    clear: both
}

.module .box-settings .tel,
.module .box-form .tel,
.module .box-infos .tel {
    font-size: 1em
}

.module .box-settings.justify,
.module .justify.box-form,
.module .justify.box-infos {
    overflow: hidden;
    position: relative
}

.module .box-settings.justify .row>div,
.module .justify.box-form .row>div,
.module .justify.box-infos .row>div {
    border-right: 1px solid #ccc
}

.module .box-settings.justify .row>div:last-child,
.module .justify.box-form .row>div:last-child,
.module .justify.box-infos .row>div:last-child {
    border-right: 0
}

.module .box-settings.justify .row>div.last-child,
.module .justify.box-form .row>div.last-child,
.module .justify.box-infos .row>div.last-child {
    border-right: 0
}

.module .box-settings.justify .row>div.no-padding,
.module .justify.box-form .row>div.no-padding,
.module .justify.box-infos .row>div.no-padding {
    padding: 0
}

.module .box-settings.justify .row>div>.row,
.module .justify.box-form .row>div>.row,
.module .justify.box-infos .row>div>.row {
    border-top: 1px solid #ccc;
    padding: 30px
}

.module .box-settings.justify .row>div>.row:first-child,
.module .justify.box-form .row>div>.row:first-child,
.module .justify.box-infos .row>div>.row:first-child {
    border-top: 0
}

.module .box-settings.justify .row>div>.row:last-child,
.module .justify.box-form .row>div>.row:last-child,
.module .justify.box-infos .row>div>.row:last-child {
    padding-bottom: 0
}

.module .box-settings.justify .row>div>.row.last-child,
.module .justify.box-form .row>div>.row.last-child,
.module .justify.box-infos .row>div>.row.last-child {
    padding-bottom: 0
}

.module .box-settings.justify a.arrow,
.module .justify.box-form a.arrow,
.module .justify.box-infos a.arrow,
.module .box-settings.justify a.arrow-ext,
.module .justify.box-form a.arrow-ext,
.module .justify.box-infos a.arrow-ext {
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 20px;
    display: inline-block
}

.module .box-settings .col4,
.module .box-form .col4,
.module .box-infos .col4 {
    position: relative
}

.module .box-settings .col4 .triangle,
.module .box-form .col4 .triangle,
.module .box-infos .col4 .triangle {
    position: absolute;
    right: -30px;
    top: 45px;
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 15px;
    border-left-color: #ccc
}

.module .box-settings .col4 .triangle:before,
.module .box-form .col4 .triangle:before,
.module .box-infos .col4 .triangle:before {
    content: ' ';
    position: absolute;
    height: 0;
    width: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 14.5px;
    border-left-color: white;
    top: -14px;
    left: -15px
}

.box-form .row .col8 ul li .key {
    line-height: 40px
}

.box-form .row .col8 ul li .key label {
    line-height: 1.4em;
    vertical-align: middle;
    display: inline-block
}

.box-form .row .col8 ul li .value input,
.box-form .row .col8 ul li .value .customSelectWrap,
.box-form .row .col8 ul li .value textarea {
    width: 100%
}

.box-form .row .col8 ul li .value .customSelectWrap {
    font-weight: normal
}

.module .box-info {
    position: relative;
    padding: 28px 30px;
    min-height: 70px;
    background-color: #FFDACB;
    border: 1px solid #DAD7D3
}

.module .box-info:before {
    content: none
}

.module .box-info>h3 {
    font-size: 16px
}

.module .box-info>h3:before,
.module .box-info>h4:before,
.module.module-rollover-step1 .box-info.line-info:before {
    content: ' ';
    display: block;
    background: url(../img/icons/info-black-24dp.png) no-repeat;
    background-size: 16px 16px;
    width: 16px;
    height: 16px;
    margin: 2px 10px 0 0;
    float: left;
    position: initial
}

.module.module-rollover-step2 .box.narrow {
    width: 840px;
    background-color: white;
    border: 1px solid #ebebeb;
    border-radius: 0
}

.module.module-rollover-step2 .box ul li::before {
    content: ''
}

.module.module-rollover-step2 ul.static li .key {
    width: 45%
}

.module.module-rollover-step2 .checkboxsection {
    margin-top: 33px;
    padding-left: 28px
}

.module.module-rollover-step2 .checkboxsection:first-child {
    margin-bottom: 29px
}

.module-rollover-step2 ol {
    margin-bottom: 22px
}

.module-rollover-step2 ol li {
    margin-top: 19px;
    margin-bottom: 0
}

.module-rollover-step2 ol li label {
    font-family: 'Lato-Medium';
    color: #666
}

.box-infos {
    overflow: hidden;
    position: relative
}

.box-infos .static {
    min-height: 70px
}

.box-infos .row>div {
    padding-right: 30px
}

.box-infos .row>div h3 {
    font-size: 1.6em;
    line-height: 1.1em
}

.box-infos .row>div ul.boxes li {
    min-height: 120px
}

.box-infos .row>div ul.boxes li img {
    min-height: 60px;
    margin: 0 0 10px 0
}

.box-infos .row>div ul.boxes li a {
    width: 50px;
    font-size: .8em
}

.box-infos .row.grid {
    border-top: 1px solid #ccc
}

.box-infos .row.grid:first-child {
    border-top: 0
}

.box-infos .row.grid img {
    display: inline-block;
    margin: 0 10px 10px 0
}

.box-infos .row.grid>div {
    border-left: 1px solid #ccc
}

.box-infos .row.grid>div:first-child {
    border-left: none
}

.box-infos .boxes {
    margin-top: 20px
}

.alone {
    margin-top: 90px;
    margin-bottom: 90px
}

.padding .alone {
    margin-bottom: 60px
}

.zoom {
    font-size: 14px;
    color: #444;
    line-height: 20px
}

.zoom.module {
    border: 1px solid #D23A06;
    border-radius: 8px;
    box-sizing: border-box
}

.zoom .text-center {
    text-align: left
}

.zoom.module.no-border {
    border: 0
}

.zoom.module .vertical-cta {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -11px
}

.highlight {
    padding: 10px;
    background-color: #f7f8fa
}

.highlight p:first-child {
    margin-top: 0
}

.highlight a {
    color: #1D252C;
    font-weight: bold;
    font-size: 1em
}

.validation-summary-errors {
    padding: 5px;
    border-radius: 5px;
    color: #333;
    margin-top: 90px;
    width: 490px;
    margin: 0 auto
}

.validation-summary-errors ul li {
    font-size: .8em;
    text-align: left;
    font-weight: 400
}

/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
    padding: 4px;
    border-radius: 4px;
    direction: ltr
}

.datepicker.datepicker-orient-top {
    margin-top: 7px
}

.datepicker.datepicker-orient-bottom {
    margin-top: -2px
}

.datepicker-inline {
    width: 220px
}

.datepicker.datepicker-rtl {
    direction: rtl
}

.datepicker.datepicker-rtl table tr td span {
    float: right
}

.datepicker-dropdown {
    top: 0;
    left: 0
}

.datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute
}

.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-top: 0;
    position: absolute
}

.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px
}

.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px
}

.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px
}

.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px
}

.datepicker-dropdown.datepicker-orient-top:before {
    top: -7px
}

.datepicker-dropdown.datepicker-orient-top:after {
    top: -6px
}

.datepicker-dropdown.datepicker-orient-bottom:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999
}

.datepicker-dropdown.datepicker-orient-bottom:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #fff
}

.datepicker>div {
    display: none
}

.datepicker.days div.datepicker-days {
    display: block
}

.datepicker.months div.datepicker-months {
    display: block
}

.datepicker.years div.datepicker-years {
    display: block
}

.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.datepicker table tr td,
.datepicker table tr th {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: 0
}

.datepicker table tr:hover td,
.datepicker table tr:hover th {
    background: transparent
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
    background: #eee;
    cursor: pointer
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #999
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: 0;
    color: #999;
    cursor: default
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    color: #000;
    background-color: #ffdb99;
    border-color: #ffb733
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:focus,
.datepicker table tr td.today:hover:focus,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
    color: #000;
    background-color: #F60;
    border-color: #F60
}

.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
    background-image: none
}

.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.today,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today.disabled,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover.disabled:hover,
.datepicker table tr td.today.disabled.disabled:hover,
.datepicker table tr td.today.disabled:hover.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
.datepicker table tr td.today:hover[disabled]:hover,
.datepicker table tr td.today.disabled[disabled]:hover,
.datepicker table tr td.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today:hover:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today:hover.disabled:focus,
.datepicker table tr td.today.disabled.disabled:focus,
.datepicker table tr td.today.disabled:hover.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today:hover[disabled]:focus,
.datepicker table tr td.today.disabled[disabled]:focus,
.datepicker table tr td.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today:hover.disabled:active,
.datepicker table tr td.today.disabled.disabled:active,
.datepicker table tr td.today.disabled:hover.disabled:active,
.datepicker table tr td.today[disabled]:active,
.datepicker table tr td.today:hover[disabled]:active,
.datepicker table tr td.today.disabled[disabled]:active,
.datepicker table tr td.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.today:active,
fieldset[disabled] .datepicker table tr td.today:hover:active,
fieldset[disabled] .datepicker table tr td.today.disabled:active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today:hover.disabled.active,
.datepicker table tr td.today.disabled.disabled.active,
.datepicker table tr td.today.disabled:hover.disabled.active,
.datepicker table tr td.today[disabled].active,
.datepicker table tr td.today:hover[disabled].active,
.datepicker table tr td.today.disabled[disabled].active,
.datepicker table tr td.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.today.active,
fieldset[disabled] .datepicker table tr td.today:hover.active,
fieldset[disabled] .datepicker table tr td.today.disabled.active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
    background-color: #F60;
    border-color: #F60
}

.datepicker table tr td.today:hover:hover {
    color: #000
}

.datepicker table tr td.today.active:hover {
    color: #fff
}

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
    background: #eee;
    border-radius: 0
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
    color: #000;
    background-color: #f7ca77;
    border-color: #f1a417;
    border-radius: 0
}

.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:hover:focus,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
    color: #000;
    background-color: #F60;
    border-color: #F60
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
    background-image: none
}

.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.range.today,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover.disabled:hover,
.datepicker table tr td.range.today.disabled.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
.datepicker table tr td.range.today:hover[disabled]:hover,
.datepicker table tr td.range.today.disabled[disabled]:hover,
.datepicker table tr td.range.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today:hover.disabled:focus,
.datepicker table tr td.range.today.disabled.disabled:focus,
.datepicker table tr td.range.today.disabled:hover.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
.datepicker table tr td.range.today:hover[disabled]:focus,
.datepicker table tr td.range.today.disabled[disabled]:focus,
.datepicker table tr td.range.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today:hover.disabled:active,
.datepicker table tr td.range.today.disabled.disabled:active,
.datepicker table tr td.range.today.disabled:hover.disabled:active,
.datepicker table tr td.range.today[disabled]:active,
.datepicker table tr td.range.today:hover[disabled]:active,
.datepicker table tr td.range.today.disabled[disabled]:active,
.datepicker table tr td.range.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.range.today:active,
fieldset[disabled] .datepicker table tr td.range.today:hover:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today:hover.disabled.active,
.datepicker table tr td.range.today.disabled.disabled.active,
.datepicker table tr td.range.today.disabled:hover.disabled.active,
.datepicker table tr td.range.today[disabled].active,
.datepicker table tr td.range.today:hover[disabled].active,
.datepicker table tr td.range.today.disabled[disabled].active,
.datepicker table tr td.range.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.range.today.active,
fieldset[disabled] .datepicker table tr td.range.today:hover.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
    background-color: #F60;
    border-color: #F60
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
    color: #fff;
    background-color: #999;
    border-color: #555;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected:hover:focus,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
    color: #fff;
    background-color: #F60;
    border-color: #F60
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
    background-image: none
}

.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.selected,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover.disabled:hover,
.datepicker table tr td.selected.disabled.disabled:hover,
.datepicker table tr td.selected.disabled:hover.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected:hover[disabled]:hover,
.datepicker table tr td.selected.disabled[disabled]:hover,
.datepicker table tr td.selected.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected:hover:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected:hover.disabled:focus,
.datepicker table tr td.selected.disabled.disabled:focus,
.datepicker table tr td.selected.disabled:hover.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected:hover[disabled]:focus,
.datepicker table tr td.selected.disabled[disabled]:focus,
.datepicker table tr td.selected.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected:hover:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected:hover.disabled:active,
.datepicker table tr td.selected.disabled.disabled:active,
.datepicker table tr td.selected.disabled:hover.disabled:active,
.datepicker table tr td.selected[disabled]:active,
.datepicker table tr td.selected:hover[disabled]:active,
.datepicker table tr td.selected.disabled[disabled]:active,
.datepicker table tr td.selected.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.selected:active,
fieldset[disabled] .datepicker table tr td.selected:hover:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected:hover.disabled.active,
.datepicker table tr td.selected.disabled.disabled.active,
.datepicker table tr td.selected.disabled:hover.disabled.active,
.datepicker table tr td.selected[disabled].active,
.datepicker table tr td.selected:hover[disabled].active,
.datepicker table tr td.selected.disabled[disabled].active,
.datepicker table tr td.selected.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.selected.active,
fieldset[disabled] .datepicker table tr td.selected:hover.active,
fieldset[disabled] .datepicker table tr td.selected.disabled.active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
    background-color: #F60;
    border-color: #F60
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    color: #fff;
    background-color: #F60;
    border-color: #F60
}

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    background-image: none
}

.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.active,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.disabled,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover.disabled:hover,
.datepicker table tr td.active.disabled.disabled:hover,
.datepicker table tr td.active.disabled:hover.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active:hover[disabled]:hover,
.datepicker table tr td.active.disabled[disabled]:hover,
.datepicker table tr td.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active:hover:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active:hover.disabled:focus,
.datepicker table tr td.active.disabled.disabled:focus,
.datepicker table tr td.active.disabled:hover.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active:hover[disabled]:focus,
.datepicker table tr td.active.disabled[disabled]:focus,
.datepicker table tr td.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active:hover.disabled:active,
.datepicker table tr td.active.disabled.disabled:active,
.datepicker table tr td.active.disabled:hover.disabled:active,
.datepicker table tr td.active[disabled]:active,
.datepicker table tr td.active:hover[disabled]:active,
.datepicker table tr td.active.disabled[disabled]:active,
.datepicker table tr td.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.active:active,
fieldset[disabled] .datepicker table tr td.active:hover:active,
fieldset[disabled] .datepicker table tr td.active.disabled:active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active:hover.disabled.active,
.datepicker table tr td.active.disabled.disabled.active,
.datepicker table tr td.active.disabled:hover.disabled.active,
.datepicker table tr td.active[disabled].active,
.datepicker table tr td.active:hover[disabled].active,
.datepicker table tr td.active.disabled[disabled].active,
.datepicker table tr td.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.active.active,
fieldset[disabled] .datepicker table tr td.active:hover.active,
fieldset[disabled] .datepicker table tr td.active.disabled.active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
    background-color: #F60;
    border-color: #F60
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 40px;
    line-height: 40px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px
}

.datepicker table tr td span:hover {
    background: #eee
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: 0;
    color: #999;
    cursor: default
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
    color: #fff;
    background-color: #F60;
    border-color: #F60
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
    background-image: none
}

.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td span.active,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active:hover.disabled:active,
.datepicker table tr td span.active.disabled.disabled:active,
.datepicker table tr td span.active.disabled:hover.disabled:active,
.datepicker table tr td span.active[disabled]:active,
.datepicker table tr td span.active:hover[disabled]:active,
.datepicker table tr td span.active.disabled[disabled]:active,
.datepicker table tr td span.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td span.active:active,
fieldset[disabled] .datepicker table tr td span.active:hover:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active:hover.disabled.active,
.datepicker table tr td span.active.disabled.disabled.active,
.datepicker table tr td span.active.disabled:hover.disabled.active,
.datepicker table tr td span.active[disabled].active,
.datepicker table tr td span.active:hover[disabled].active,
.datepicker table tr td span.active.disabled[disabled].active,
.datepicker table tr td span.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td span.active.active,
fieldset[disabled] .datepicker table tr td span.active:hover.active,
fieldset[disabled] .datepicker table tr td span.active.disabled.active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
    background-color: #F60;
    border-color: #F60
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
    color: #999
}

.datepicker th.datepicker-switch {
    width: 145px
}

.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
    cursor: pointer
}

.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
    background: #eee
}

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle
}

.datepicker thead tr:first-child th.cw {
    cursor: default;
    background-color: transparent
}

.input-group.date .input-group-addon i {
    cursor: pointer;
    width: 16px;
    height: 16px
}

.input-daterange input {
    text-align: center
}

.input-daterange input:first-child {
    border-radius: 3px 0 0 3px
}

.input-daterange input:last-child {
    border-radius: 0 3px 3px 0
}

.input-daterange .input-group-addon {
    width: auto;
    min-width: 16px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    vertical-align: middle;
    background-color: #eee;
    border: solid #ccc;
    border-width: 1px 0;
    margin-left: -5px;
    margin-right: -5px
}

.datepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    color: #1D252C;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.428571429
}

.datepicker.dropdown-menu th,
.datepicker.dropdown-menu td {
    padding: 4px 5px
}

.dataTables_wrapper {
    position: relative;
    clear: both;
    zoom: 1
}

.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: white
}

.dataTables_length {
    width: 40%;
    float: left
}

.dataTables_filter {
    width: 50%;
    float: right;
    text-align: right
}

.dataTables_paginate {
    float: left !important;
    text-align: left !important
}

.dataTables_wrapper .dataTables_paginate {
    text-align: left !important
}

.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
    height: 19px;
    float: left;
    cursor: pointer;
    *cursor: hand;
    color: #111 !important
}

.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
    text-decoration: none !important
}

.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
    outline: 0
}

.paginate_disabled_previous,
.paginate_disabled_next {
    color: #666 !important
}

.paginate_disabled_previous,
.paginate_enabled_previous {
    padding-left: 23px
}

.paginate_disabled_next,
.paginate_enabled_next {
    padding-right: 23px;
    margin-left: 10px
}

.paginate_disabled_previous {
    background: url("../images/back_disabled.png") no-repeat top left
}

.paginate_enabled_previous {
    background: url("../images/back_enabled.png") no-repeat top left
}

.paginate_enabled_previous:hover {
    background: url("../images/back_enabled_hover.png") no-repeat top left
}

.paginate_disabled_next {
    background: url("../images/forward_disabled.png") no-repeat top right
}

.paginate_enabled_next {
    background: url("../images/forward_enabled.png") no-repeat top right
}

.paginate_enabled_next:hover {
    background: url("../images/forward_enabled_hover.png") no-repeat top right
}

table.display {
    margin: 0 auto;
    clear: both;
    width: 100%
}

table.display thead th {
    padding: 3px 18px 3px 10px;
    border-bottom: 1px solid black;
    font-weight: bold;
    cursor: pointer;
    * cursor: hand
}

table.display tfoot th {
    padding: 3px 18px 3px 10px;
    border-top: 1px solid black;
    font-weight: bold
}

table.display tr.heading2 td {
    border-bottom: 1px solid #aaa
}

table.display td {
    padding: 3px 10px
}

table.display td.center {
    text-align: center
}

.sorting_asc {
    background: url("../images/sort_asc.png") no-repeat center right
}

.sorting_desc {
    background: url("../images/sort_desc.png") no-repeat center right
}

.sorting {
    background: url("../images/sort_both.png") no-repeat center right
}

.sorting_asc_disabled {
    background: url("../images/sort_asc_disabled.png") no-repeat center right
}

.sorting_desc_disabled {
    background: url("../images/sort_desc_disabled.png") no-repeat center right
}

table.display thead th:active,
table.display thead td:active {
    outline: 0
}

table.display tr.odd.gradeA {
    background-color: #dfd
}

table.display tr.even.gradeA {
    background-color: #efe
}

table.display tr.odd.gradeC {
    background-color: #ddf
}

table.display tr.even.gradeC {
    background-color: #eef
}

table.display tr.odd.gradeX {
    background-color: #fdd
}

table.display tr.even.gradeX {
    background-color: #fee
}

table.display tr.odd.gradeU {
    background-color: #ddd
}

table.display tr.even.gradeU {
    background-color: #eee
}

.dataTables_scroll {
    clear: both
}

.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch
}

.top,
.bottom {
    padding: 15px;
    background-color: #F5F5F5;
    border: 1px solid #CCC
}

.top .dataTables_info {
    float: none
}

.clear {
    clear: both
}

.dataTables_empty {
    text-align: center
}

tfoot input {
    margin: .5em 0;
    width: 100%;
    color: #444
}

tfoot input.search_init {
    color: #999
}

td.group {
    background-color: #d1cfd0;
    border-bottom: 2px solid #A19B9E;
    border-top: 2px solid #A19B9E
}

td.details {
    background-color: #d1cfd0;
    border: 2px solid #A19B9E
}

.example_alt_pagination div.dataTables_info {
    width: 40%
}

.paging_full_numbers {
    width: 400px;
    height: 22px;
    line-height: 22px
}

.paging_full_numbers a:active {
    outline: 0
}

.paging_full_numbers a:hover {
    text-decoration: none
}

table.display tr.even.row_selected td {
    background-color: #B0BED9
}

table.display tr.odd.row_selected td {
    background-color: #9FAFD1
}

tr.odd td.sorting_1 {
    background-color: #D3D6FF
}

tr.odd td.sorting_2 {
    background-color: #DADCFF
}

tr.odd td.sorting_3 {
    background-color: #E0E2FF
}

tr.even td.sorting_1 {
    background-color: #EAEBFF
}

tr.even td.sorting_2 {
    background-color: #F2F3FF
}

tr.even td.sorting_3 {
    background-color: #F9F9FF
}

tr.odd.gradeA td.sorting_1 {
    background-color: #c4ffc4
}

tr.odd.gradeA td.sorting_2 {
    background-color: #d1ffd1
}

tr.odd.gradeA td.sorting_3 {
    background-color: #d1ffd1
}

tr.even.gradeA td.sorting_1 {
    background-color: #d5ffd5
}

tr.even.gradeA td.sorting_2 {
    background-color: #e2ffe2
}

tr.even.gradeA td.sorting_3 {
    background-color: #e2ffe2
}

tr.odd.gradeC td.sorting_1 {
    background-color: #c4c4ff
}

tr.odd.gradeC td.sorting_2 {
    background-color: #d1d1ff
}

tr.odd.gradeC td.sorting_3 {
    background-color: #d1d1ff
}

tr.even.gradeC td.sorting_1 {
    background-color: #d5d5ff
}

tr.even.gradeC td.sorting_2 {
    background-color: #e2e2ff
}

tr.even.gradeC td.sorting_3 {
    background-color: #e2e2ff
}

tr.odd.gradeX td.sorting_1 {
    background-color: #ffc4c4
}

tr.odd.gradeX td.sorting_2 {
    background-color: #ffd1d1
}

tr.odd.gradeX td.sorting_3 {
    background-color: #ffd1d1
}

tr.even.gradeX td.sorting_1 {
    background-color: #ffd5d5
}

tr.even.gradeX td.sorting_2 {
    background-color: #ffe2e2
}

tr.even.gradeX td.sorting_3 {
    background-color: #ffe2e2
}

tr.odd.gradeU td.sorting_1 {
    background-color: #c4c4c4
}

tr.odd.gradeU td.sorting_2 {
    background-color: #d1d1d1
}

tr.odd.gradeU td.sorting_3 {
    background-color: #d1d1d1
}

tr.even.gradeU td.sorting_1 {
    background-color: #d5d5d5
}

tr.even.gradeU td.sorting_2 {
    background-color: #e2e2e2
}

tr.even.gradeU td.sorting_3 {
    background-color: #e2e2e2
}

.ex_highlight #example tbody tr.even:hover,
#example tbody tr.even td.highlighted {
    background-color: #ECFFB3
}

.ex_highlight #example tbody tr.odd:hover,
#example tbody tr.odd td.highlighted {
    background-color: #E6FF99
}

.ex_highlight_row #example tr.even:hover {
    background-color: #ECFFB3
}

.ex_highlight_row #example tr.even:hover td.sorting_1 {
    background-color: #DDFF75
}

.ex_highlight_row #example tr.even:hover td.sorting_2 {
    background-color: #E7FF9E
}

.ex_highlight_row #example tr.even:hover td.sorting_3 {
    background-color: #E2FF89
}

.ex_highlight_row #example tr.odd:hover {
    background-color: #E6FF99
}

.ex_highlight_row #example tr.odd:hover td.sorting_1 {
    background-color: #D6FF5C
}

.ex_highlight_row #example tr.odd:hover td.sorting_2 {
    background-color: #E0FF84
}

.ex_highlight_row #example tr.odd:hover td.sorting_3 {
    background-color: #DBFF70
}

table.KeyTable td {
    border: 3px solid transparent
}

table.KeyTable td.focus {
    border: 3px solid #36F
}

table.display tr.gradeA {
    background-color: #efe
}

table.display tr.gradeC {
    background-color: #ddf
}

table.display tr.gradeX {
    background-color: #fdd
}

table.display tr.gradeU {
    background-color: #ddd
}

span.customSelectWrap {
    position: relative;
    display: inline-block;
    line-height: 40px !important
}

span.customSelectWrap select {
    width: 100% !important;
    left: 0;
    top: 0
}

.redesigned span.customSelectWrap select {
    font-family: Lato-Bold;
    color: #1D252C
}

span.customSelectWrap option {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #1D252C;
    padding-top: 10px
}

span.customSelectWrap span.customSelect {
    width: 100% !important;
    height: 40px;
    line-height: 40px;
    border-radius: 3px;
    background-color: #F8EEE3;
    color: #1D252C;
    text-align: left;
    padding-right: 35px;
    cursor: pointer;
    background-position: right 5px top 13px;
    vertical-align: middle
}

.redesigned span.customSelectWrap span.customSelect {
    border-radius: 4px;
    background-color: #F8EEE3;
    background-position: right 12px top 13px;
    color: #1D252C;
    font-size: 12px
}

span.customSelectWrap span.customSelect .customSelectInner {
    padding: 0 10px;
    line-height: 15px;
    overflow: hidden;
    max-height: 30px;
    vertical-align: middle;
    zoom: 1;
    margin-bottom: 4px;
    color: #666;
    width: 100% !important
}

.redesigned span.customSelectWrap span.customSelect .customSelectInner {
    color: #1D252C;
    font-family: Lato-Bold
}

.module-selected span.customSelectWrap span.customSelect {
    border-color: transparent
}

span.customSelectWrap span.customSelect.customSelectFocus {
    border-color: #00a2e2
}

.redesigned span.customSelectWrap span.customSelect.customSelectFocus {
    border: 1px solid #444;
    color: #1D252C;
    background-color: white
}

span.customSelectWrap.error span.customSelect {
    border-color: #e82222;
    vertical-align: middle
}

span.customSelectWrap .hasCustomSelect {
    height: 40px !important
}

span.customSelectWrap.block span.customSelect,
span.customSelectWrap.block span.customSelect .customSelectInner {
    width: 100% !important
}

span.customSelectWrap.alt.error span.customSelect {
    border-color: #e82222
}

span.customSelectWrap.transparent span.customSelect {
    background-color: transparent;
    border-color: transparent;
    color: #1D252C;
    padding-right: 25px;
    border: 1px solid #FFFF !important
}

span.customSelectWrap.bold span.customSelect {
    font-weight: bold
}

.error span.customSelectWrap span.customSelect {
    border-color: #e82222
}

.qtip {
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 240px;
    min-width: 80px;
    font-size: 12px;
    direction: ltr;
    box-shadow: none;
    padding: 0;
    right: 10px;
    text-align: left
}

.qtip aside {
    line-height: 1.5em;
    display: inline-block !important;
    vertical-align: middle
}

.qtip-content {
    position: relative;
    padding: 5px 9px;
    overflow: hidden;
    text-align: left;
    word-wrap: break-word;
    line-height: 1.4em;
    display: block !important;
    vertical-align: middle;
    word-break: break-word
}

.qtip-content>* {
    word-break: break-word
}

.qtip-content a {
    font-size: 12px
}

.no-touch .qtip-content {
    display: inline-block !important
}

.qtip-close {
    margin: 0;
    display: block;
    font-weight: bold;
    cursor: pointer;
    text-align: left;
    padding-left: 10px;
    line-height: normal;
    padding-bottom: 10px
}

.qtip-close span {
    display: none !important
}

.qtip-close:after {
    content: 'close this note';
    color: #00a2e2 !important;
    cursor: pointer;
    margin-bottom: 5px
}

.qtip-default {
    border-radius: 4px;
    margin-right: 10px;
    background-color: #FFDACB;
    color: #1D252C;
    min-height: 40px;
    line-height: 40px;
    border: 1px solid #DAD7D3;
    font-size: 12px
}

.qtip-default.active {
    border-color: #DAD7D3
}

.touch .qtip-default {
    min-height: 30px;
    line-height: 30px
}

.qtip .qtip-tip {
    top: 65% !important;
    position: absolute !important;
    margin: 0 auto;
    z-index: 10 !important;
    width: 0 !important;
    height: 0 !important;
    border-top: 14px none transparent !important;
    border-bottom: 14px none transparent !important;
    border-right: 14px none #ccc !important
}

.qtip .qtip-tip .inner {
    width: 0 !important;
    height: 0 !important;
    border-top: 12px solid transparent !important;
    border-bottom: 12px solid transparent !important;
    border-right: 12px solid #FFDACB !important;
    position: absolute !important;
    right: -15px !important;
    top: -12px !important;
    z-index: 20 !important
}

.qtip.orientation-bottom .qtip-tip {
    border-top: 8px solid transparent !important;
    border-bottom: 14px solid #ccc !important;
    border-right: 14px solid transparent !important;
    border-left: 14px solid transparent !important
}

.qtip.orientation-bottom .qtip-tip .inner {
    border-top: 0 solid transparent !important;
    border-bottom: 12px solid white !important;
    border-right: 12px solid transparent !important;
    border-left: 12px solid transparent !important;
    right: -12px !important;
    top: 3px !important;
    z-index: 20 !important;
    left: auto !important;
    display: none !important
}

.qtip.orientation-bottom .qtip-tip .inner .inner,
.qtip.orientation-bottom .qtip-tip .inner .inner:first-child {
    display: none !important
}

.qtip.orientation-bottom .qtip-tip .inner:first-child {
    display: block !important
}

.qtip.orientation-left .qtip-tip {
    border-top: 14px solid transparent !important;
    border-bottom: 14px solid transparent !important;
    border-right: 0 solid transparent !important;
    border-left: 14px solid #ccc !important
}

.qtip.orientation-left .qtip-tip .inner {
    border-top: 12px solid transparent !important;
    border-bottom: 12px solid transparent !important;
    border-right: 0 solid transparent !important;
    border-left: 12px solid white !important;
    position: absolute !important;
    left: -15px !important;
    top: -12px !important;
    z-index: 20 !important
}

.qtip.active .qtip-tip {
    border-right-color: #00a2e2 !important
}

x:-o-prefocus,
.qtip .qtip-tip {
    visibility: hidden
}

.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas {
    display: none !important
}

html {
    height: 100%
}

body {
    background: var(--slate-grey, #1D252C);
    height: 100%;
    font-family: Lato-Regular, Arial, sans-serif;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: none
}

body.site {
    background: 0;
    background-color: #FFF6F2
}

p {
    margin: 15px 0;
    line-height: 1.7
}

.bg-overlay #wrap {
    background: #d3d3d3;
    background-image: url("../img/bg-overlay.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

body:before {
    content: "";
    height: 100%;
    float: left;
    width: 0;
    margin-top: -32767px
}

#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%
}

.centered {
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left
}

.small .centered {
    width: 680px
}

#main {
    padding-bottom: 240px
}

.gutter-right>div {
    margin-right: 20px
}

.gutter-left>div {
    margin-left: 20px
}

.gutter-right-half>div {
    margin-right: 10px
}

.gutter-left-half>div {
    margin-left: 10px
}

.gutter-top>div {
    margin-top: 20px
}

.gutter-bottom>div {
    margin-bottom: 20px
}

.gutter-top-half>div {
    margin-top: 10px
}

.gutter-bottom-half>div {
    margin-bottom: 10px
}

.gutter-right-o>div {
    margin-right: 20px
}

.gutter-left-o>div {
    margin-left: 20px
}

.gutter-right-half-o>div {
    margin-right: 10px
}

.gutter-left-half-o>div {
    margin-left: 10px
}

.gutter-top-o>div {
    margin-top: 20px
}

.gutter-bottom-o>div {
    margin-bottom: 20px
}

.gutter-top-half-o>div {
    margin-top: 10px
}

.gutter-bottom-half-o>div {
    margin-bottom: 10px
}

.block-small {
    display: block
}

.hide-small {
    display: none !important
}

.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11 {
    float: left;
    margin-left: 0
}

.col1 {
    width: 8.3333333333%
}

.col2 {
    width: 16.6666666667%
}

.col3 {
    width: 25%
}

.col4 {
    width: 33.3333333333%
}

.col5 {
    width: 41.6666666667%
}

.col6 {
    width: 50%
}

.col7 {
    width: 58.3333333333%
}

.col8 {
    width: 66.6666666667%
}

.col9 {
    width: 75%
}

.col10 {
    width: 83.3333333333%
}

.col11 {
    width: 91.6666666667%
}

.col12 {
    width: 100%
}

.col-o1,
.col-o2,
.col-o3,
.col-o4,
.col-o5,
.col-o6,
.col-o7,
.col-o8,
.col-o9,
.col-o10,
.col-o11 {
    float: left;
    margin-left: 0
}

.col-o1 {
    width: 8.3333333333%
}

.touch .no-print-col-1 {
    width: 8.3333333333%
}

.col-o2 {
    width: 16.6666666667%
}

.touch .no-print-col-2 {
    width: 16.6666666667%
}

.col-o3 {
    width: 25%
}

.touch .no-print-col-3 {
    width: 25%
}

.col-o4 {
    width: 33.3333333333%
}

.touch .no-print-col-4 {
    width: 33.3333333333%
}

.touch .no-print-col-4-review {
    width: 22.2%
}

.col-o5 {
    width: 41.6666666667%
}

.touch .no-print-col-5 {
    width: 41.6666666667%
}

.col-o6 {
    width: 50%
}

.touch .no-print-col-6 {
    width: 50%
}

.col-o7 {
    width: 58.3333333333%
}

.touch .no-print-col-7 {
    width: 58.3333333333%
}

.col-o8 {
    width: 66.6666666667%
}

.touch .no-print-col-8 {
    width: 66.6666666667%
}

.col-o9 {
    width: 75%
}

.touch .no-print-col-9 {
    width: 75%
}

.col-o10 {
    width: 83.3333333333%
}

.touch .no-print-col-10 {
    width: 83.3333333333%
}

.col-o11 {
    width: 91.6666666667%
}

.touch .no-print-col-11 {
    width: 91.6666666667%
}

.col-o12 {
    width: 100%
}

.touch .no-print-col-12 {
    width: 100%
}

.col1-for-review,
.col2-for-review,
.col3-for-review {
    float: left;
    margin-left: 0
}

.col1-for-review {
    width: 13.2%
}

.col2-for-review {
    width: 15.6666666667%
}

.col3-for-review {
    width: 23.7%
}

.sticky-parent .module {
    overflow: hidden
}

.fade {
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out false;
    -o-transition: opacity .3s ease-in-out false;
    transition: opacity .3s ease-in-out
}

.faded {
    opacity: 0
}

.no-csstransitions .faded {
    display: none !important
}

.touch .print-col {
    display: none
}

.module-header {
    background-color: #1D252C;
    border-radius: 0;
    border-bottom: 1px solid #343F41;
    box-shadow: 0 2px 11px rgba(50, 50, 50, 0.05);
    height: 82px
}

.module-header .logo,
.module-header .logo-small {
    display: block;
    float: left;
    margin: 18px 0 18px 24px
}

.module-header nav {
    background-color: #1D252C;
    float: right;
    height: 82px;
    margin-left: 0
}

.module-header nav ul li {
    float: left;
    position: relative;
    height: 85px
}

.module-header nav ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 17px;
    font-weight: 500;
    letter-spacing: 0;
    height: 82px;
    padding: 25px 25px;
    font-size: 14px;
    background-color: #1D252C;
    color: rgba(255, 255, 255, 0.9);
    font-family: Lato-Medium, Helvetica, Arial, sans-serif;
    text-align: center;
    max-width: 110px
}

.module-header nav ul li.active a,
.module-header nav ul li.active:hover a {
    background: #FF703E;
    border-color: #FF703E;
    font-family: Lato-Black, Helvetica, Arial, sans-serif;
    color: #1D252C
}

.module-header nav ul li:hover a {
    background-color: #343F41;
    color: #FFF;
    text-decoration: none
}

.module-header nav ul li:last-child a {
    border-color: transparent
}

.module-header .welcome {
    color: #DAD7D3;
    margin-top: 30px;
    display: inline-block;
    position: relative;
    margin-left: -105px;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 19px
}

.module-footer,
body .module-footer {
    border-radius: 0;
    margin: -107px 0 0 0;
    height: 107px;
    box-shadow: none
}

.module-footer.module-footer-larger {
    width: 100%;
    height: 125px
}

.module-footer .logo,
body .module-footer .logo {
    margin-top: 20px
}

.module-footer ul,
body .module-footer ul {
    margin-top: 10px;
    font-size: 1.2em
}

.module-footer ul a,
body .module-footer ul a {
    font-size: 12px
}

.module-footer p,
body .module-footer p {
    color: #343F41;
    margin: 5px 0 0 0;
    font-size: 12px;
    text-align: left
}

body .module-footer p.label {
    color: #1D252C;
    font-size: 14px;
    font-family: Lato-Bold
}

body .module-footer p .module-footer p .tel,
body .module-footer p .tel {
    font-size: 12px
}

.module-footer .footer-content,
body .module-footer .footer-content {
    margin: 0;
    padding: 0;
    border-left: none
}

body .module-footer a {
    font-size: 12px
}

.module-quick-payment {
    background: #474747;
    color: white
}

.module-quick-payment .padding h2 {
    color: white;
    margin: 8px 0 0 0
}

.module-quick-payment .padding label.error {
    padding-top: 13px;
    padding-bottom: 10px
}

.module-quick-payment .padding .payment-type,
.module-quick-payment .padding .col6 {
    height: 40px
}

.module-quick-payment .padding .selects {
    margin: 30px 0 0 0
}

.module-quick-payment .padding .selects .col-from .styled,
.module-quick-payment .padding .selects .col-to .styled {
    margin-right: 10px;
    display: block
}

.module-quick-payment .padding .selects .col-from {
    position: relative
}

.module-quick-payment .padding .selects .col-from:after {
    content: ' ';
    position: absolute;
    right: 10px;
    top: 12px
}

.module-quick-payment .padding .selects .col-from .styled {
    margin-right: 40px
}

.module-quick-payment .padding .selects .col-amount {
    text-align: right;
    padding-left: 5px
}

.module-quick-payment .padding .selects .col-amount input {
    width: 100%
}

.module-quick-payment .padding .msg {
    background: #595959;
    bottom: -30px;
    border-radius: 0 0 5px 5px;
    right: -29px;
    margin-left: -59px
}

.module-quick-payment .padding .msg a {
    color: white;
    display: inline-block;
    white-space: nowrap;
    margin: 18px 0 0 25px
}

.module-quick-payment .padding .msg .qp-msg {
    margin: 15px 0 0 25px;
    opacity: 1;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out false;
    -o-transition: opacity .5s ease-in-out false;
    transition: opacity .5s ease-in-out
}

.module-quick-payment .padding .msg .qp-msg input {
    background: white;
    height: 22px
}

.module-quick-payment .padding .msg .qp-msg label.error {
    margin-bottom: 15px
}

.module-quick-payment .padding .submit {
    text-align: right
}

.module-account h2,
.module-credit-card h2 {
    margin: 0
}

.module-account p,
.module-credit-card p {
    margin: 2px 0
}

.module-account p a,
.module-credit-card p a {
    color: #666
}

.module-account .funds,
.module-credit-card .funds {
    text-align: right;
    color: #9a9a9a
}

.module-account .funds span,
.module-credit-card .funds span {
    padding-left: 20px;
    display: inline-block;
    font-family: Lato-Regular, Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #666
}

.module-account .funds .fund-1,
.module-credit-card .funds .fund-1 {
    font-size: 2em;
    color: #222
}

.module-account .funds .fund-2,
.module-credit-card .funds .fund-2 {
    font-size: 1.5em;
    position: relative;
    top: -1px
}

.module-account .details,
.module-credit-card .details {
    padding-top: 6px;
    color: #9a9a9a;
    text-align: right
}

.module-account h2.heading-general,
.module-credit-card h2.heading-general {
    display: block
}

.module-account h2.heading-general+p {
    color: #888
}

.module-account h2.heading-general a,
.module-credit-card h2.heading-general a {
    display: inline;
    padding-right: 0;
    position: relative
}

.module-account h2.heading-general a:before,
.module-credit-card h2.heading-general a:before {
    right: -27px;
    top: auto;
    bottom: 5px
}

.module-account-overview {
    padding-bottom: 10px
}

.module-account-overview>.row>p:first-of-type {
    padding-bottom: 10px
}

.module-account-overview .col6 {
    width: auto
}

.module-account-overview h2.heading {
    max-height: 27px;
    overflow: hidden;
    display: block;
    float: left
}

.module-account-overview h2.heading span.customSelectWrap {
    height: auto;
    line-height: normal;
    display: block !important;
    float: left
}

.module-account-overview h2.heading span.customSelectWrap span.customSelect {
    border-left: 0;
    height: auto;
    line-height: normal;
    border: 0;
    background-position: right 9px;
    display: block !important;
    float: left
}

.module-account-overview h2.heading span.customSelectWrap span.customSelect .customSelectInner {
    padding-left: 0;
    line-height: normal;
    margin: 0;
    display: block !important;
    float: left
}

.module-account-overview h2.heading span.customSelectWrap .hasCustomSelect {
    font-size: .7em !important;
    height: 30px !important
}

.module-account-overview h2+p,
.module-account-overview h2+p+p {
    margin-top: -2px;
    margin-bottom: 0;
    color: #9a9a9a
}

.module-account-overview h4 {
    font-size: 1.5em
}

.module-account-overview .main-balances {
    text-align: right;
    float: right
}

.module-account-overview .main-balances ul {
    display: inline-block;
    white-space: nowrap;
    margin-right: -15px
}

.module-account-overview .main-balances ul li {
    padding: 0 15px;
    position: relative
}

.module-account-overview .main-balances ul li h2,
.module-account-overview .main-balances ul li h4 {
    margin: 0;
    height: 30px;
    position: relative
}

.module-account-overview .main-balances ul li h2 {
    top: -5px;
    font-size: 24px;
    font-family: Lato-Black, Lato-Bold;
    color: #1D252C
}

.module-account-overview .main-balances ul li h4 {
    font-size: 20px
}

.module-account-overview .main-balances ul li span {
    display: block;
    color: #888;
    font-size: 16px;
    margin-top: 0
}

.module-account-overview .links {
    border-top: 1px solid #EBEBEB
}

.module-account-overview .links ul {
    padding-top: 8px;
    padding-bottom: 8px;
    width: 100%;
    border-bottom: 1px solid #ccc
}

.module-account-overview .links ul li {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 20px;
    padding-left: 0;
    position: relative;
    border-left: none
}

.module-account-overview .links ul li:after {
    position: absolute;
    content: ' ';
    display: block;
    top: 0;
    bottom: 0;
    right: 10px;
    border-right: 1px solid #ccc
}

.module-account-overview .links ul li:last-child:after {
    display: none
}

.module-account-overview .links ul li.last-child:after {
    display: none
}

.module-account-overview .links ul li span {
    color: #1D252C
}

.module-account-overview .links ul p:first-of-type,
.module-account-overview .links.dr-panel-padding p:first-of-type {
    font-family: Lato-Bold;
    font-size: 16px;
    color: #1D252C
}

.module-account-overview .links ul p:first-of-type b,
.module-account-overview .links.dr-panel-padding p:first-of-type b {
    font-family: Lato-Regular;
    font-size: 14px;
    color: #888;
    font-weight: normal
}

.module-account-overview .links ul p:first-of-type b:not(:first-child),
.module-account-overview .links.dr-panel-padding p:first-of-type b:not(:first-child) {
    padding-left: 40px
}

.module-account-overview .links button {
    width: 100%
}

.module-account-overview.no-cta .links ul {
    border-bottom: 0
}

.module-account-detail {
    overflow: hidden
}

.module-account-detail header .block {
    padding: 8px 0 0 30px
}

.module-account-detail .block label,
.module-account-detail .block .customSelectWrap {
    float: left;
    display: block
}

.module-account-detail .block label {
    padding-top: 13px
}

.module-account-detail .filters .border {
    border-bottom: 1px solid #ccc
}

.module-account-detail .filters ul li {
    margin-top: 7px;
    height: 40px;
    line-height: 40px
}

.module-account-detail .filters ul li label {
    width: 140px;
    position: relative;
    display: inline-block;
    margin-right: 20px;
    padding-left: 20px;
    line-height: normal
}

.module-account-detail .filters ul li label input {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0
}

.module-account-detail .filters ul li input.desc {
    width: 289px
}

.module-account-detail .filters ul li input.currency {
    width: 120px
}

.module-account-detail .filters ul li:first-child label {
    padding-left: 0
}

.module-account-detail .filters ul li .join {
    display: inline-block;
    padding: 0 10px
}

.module-account-detail .custom-date div.col-l6 {
    padding: 5px 0;
    margin: 0
}

.module-account-detail .custom-date label {
    padding-right: 15px
}

.module-account-detail .custom-date label.error {
    margin-left: 50px;
    width: 200px
}

.module-account-detail .custom-date .input-daterange div+div label.error {
    margin-left: 35px
}

.module-account-detail .custom-date input {
    width: 200px
}

.module-account-detail .custom-date.open {
    max-height: 500px;
    border-bottom: 1px solid #ccc
}

.lt-ie9 .module-account-detail .custom-date.open {
    display: block
}

.module-account-detail .info-box {
    padding: 20px 50px 20px 30px;
    border-bottom: 1px solid #ccc
}

.module-account-detail .info-box .dataTables_info {
    width: 50%;
    float: left;
    font-weight: bold
}

.module-account-detail .info-box .exports {
    width: 50%;
    float: right
}

.module-account-detail .info-box .exports ul {
    float: right
}

.module-account-detail .tooltip {
    position: absolute;
    right: 20px;
    margin-top: 15px;
    z-index: 20
}

.module-messages .padding {
    margin-bottom: 2px
}

.module-messages .padding ul.messages li {
    padding: 0 2px
}

.module-messages .padding ul.messages li a {
    display: block;
    padding: 10px 30px;
    background: #f7f8fa;
    color: #1D252C;
    margin-top: 2px
}

.module-messages .padding ul.messages li a .time {
    padding-top: 3px;
    text-align: right;
    float: right;
    font-size: .9em;
    text-transform: capitalize
}

.module-messages .padding ul.messages li.unread a {
    color: #1D252C;
    border-left: 3px solid #f60;
    font-weight: bold
}

.module-messages .padding ul.messages li.unread a .time {
    font-weight: normal;
    color: #1D252C
}

.module-messages .padding ul.messages li:hover a {
    text-decoration: none;
    background: #F3F4F5
}

.message-content>:last-child {
    margin-bottom: 0
}

.message-content h1,
.message-content h2,
.message-content h3,
.message-content h4,
.message-content h5,
.message-content h6 {
    color: #666
}

.module-mobile-topup label {
    font-weight: bold;
    display: block
}

.module-mobile-topup .inline-error {
    margin-top: 10px
}

.module-mobile-topup .networks {
    margin: 0;
    position: relative;
    float: left;
    width: 100%
}

.module-mobile-topup .networks.error {
    padding-bottom: 55px;
    position: relative
}

.module-mobile-topup .networks li {
    float: left;
    text-align: center;
    width: 18%;
    padding: 0;
    outline: 0;
    margin: 0 0 0 2.5%;
    display: block
}

.module-mobile-topup .networks li:first-child {
    margin-left: 0
}

.module-mobile-topup .networks li label.item {
    font-weight: normal;
    display: block;
    text-align: center;
    border: 2px solid #ccc;
    height: 40px;
    padding-top: 1px;
    border-radius: 5px
}

.module-mobile-topup .networks li label.item i {
    height: 36px;
    margin-top: -2px
}

.module-mobile-topup .networks li label.item span {
    display: none;
    position: absolute;
    width: 18%;
    text-align: center;
    padding-top: 5px;
    font-size: .7em
}

.module-mobile-topup .networks li label.item label.error {
    position: absolute !important;
    min-width: 200px;
    bottom: -2px
}

.module-mobile-topup .networks li label.item.active,
.module-mobile-topup .networks li label.item:hover {
    border-color: #00a2e2
}

.module-mobile-topup .networks li label.item.active span,
.module-mobile-topup .networks li label.item:hover span {
    display: block
}

.touch .module-mobile-topup .networks li label.item:hover {
    border-color: #ccc
}

.touch .module-mobile-topup .networks li label.item:hover.active {
    border-color: #00a2e2
}

.module-mobile-topup h5 {
    font-size: 1em
}

.module-mobile-topup .subtitle span {
    font-size: .9em;
    color: #666;
    font-weight: normal
}

.module-mobile-topup .subtitle span:before {
    content: '('
}

.module-mobile-topup .subtitle span:after {
    content: ')'
}

.module-mobile-topup .mtu h5 {
    margin-left: 10%
}

.module-mobile-topup .mtu p {
    line-height: 1.4;
    margin-top: 6px
}

.module-mobile-topup .mobile-number {
    margin-top: 15px
}

.module-mobile-topup .mobile-number input {
    width: 100%
}

.module-mobile-topup .small-space {
    margin-top: 20px
}

.module-mobile-topup .mtu-amount,
.module-mobile-topup .mtu-account,
.module-mobile-topup .mtu p {
    width: 90%;
    margin-left: 10%
}

.applyonlinezoom>li {
    width: 50% !important
}

.module-sub-nav,
.module-breadcrumb {
    margin-bottom: 20px;
    color: #222;
    border-bottom: 1px;
    border-color: #ebebeb
}

.module-sub-nav nav ul,
.module-breadcrumb nav ul {
    width: 100%;
    position: relative
}

.module-sub-nav nav ul li,
.module-breadcrumb nav ul li {
    float: left;
    width: 20%;
    height: 85px;
    line-height: 85px
}

.module-sub-nav.module-rewards-tab nav ul li {
    line-height: 20px;
    width: 30%
}

.module-sub-nav nav ul li a,
.module-breadcrumb nav ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 6px;
    height: 100%;
    font-family: Lato-Bold;
    font-size: 16px;
    line-height: 1.1em;
    position: relative;
    text-align: center;
    color: #222
}

.module-sub-nav nav ul li p {
    margin: 0;
    padding: 0;
    height: auto;
    text-align: left;
    padding-top: 16px;
    line-height: 20px;
    width: 50%;
    font-family: 'Lato-Bold';
    font-size: 16px
}

.module-sub-nav nav ul li p+span {
    margin: 0;
    padding: 0;
    height: 20px;
    padding-bottom: 10px;
    text-align: left;
    line-height: 20px;
    width: 50%;
    color: #888
}

.module-sub-nav nav ul li:hover a,
.module-sub-nav nav ul li:hover p,
.module-breadcrumb nav ul li:hover a {
    color: #FC4C02
}

.module-sub-nav nav ul li a span,
.module-breadcrumb nav ul li a span {
    display: block;
    font-family: Lato-Bold;
    color: #222;
    font-size: 16px;
    padding: 5px 0
}

.module-sub-nav nav ul li:hover a span,
.module-breadcrumb nav ul li:hover a span {
    color: #FC4C02
}

.module-sub-nav nav ul li.disabled:hover a,
.module-breadcrumb nav ul li.disabled:hover a {
    background-color: transparent
}

.module-sub-nav nav ul li a:before,
.module-sub-nav nav ul li:nth-last-child(1):after {
    content: ' ';
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.module-sub-nav nav ul li.active a,
.module-sub-nav nav ul li.active p,
.module-breadcrumb nav ul li.active a {
    color: #D23A06
}

.module-sub-nav nav ul li.active a span,
.module-breadcrumb nav ul li.active a span {
    color: #D23A06
}

.module-sub-nav nav ul li.active a:before,
.module-breadcrumb nav ul li.active a:before,
.module-sub-nav nav ul li.active:nth-last-child(1):before {
    height: 3px;
    bottom: -3px;
    background: #D23A06
}

.module-sub-nav.module-rewards-tab nav ul li.active:nth-last-child(1):before {
    width: 30%
}

.module-sub-nav nav.items-4 ul li,
.module-breadcrumb nav.items-4 ul li {
    width: 25%;
    height: 70px;
    line-height: 70px
}

.module-sub-nav nav.items-3 ul li,
.module-breadcrumb nav.items-3 ul li {
    width: 33.33%;
    height: 70px;
    line-height: 70px
}

.module-sub-nav nav.items-2 ul li,
.module-breadcrumb nav.items-2 ul li {
    width: 50%;
    height: 70px;
    line-height: 70px
}

.module-breadcrumb nav ul li {
    height: 60px;
    line-height: 60px
}

.module-breadcrumb nav ul li a {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: none
}

.module-breadcrumb nav ul li:first-child a {
    border-radius: 0;
    border-left: 1px solid #ccc
}

.module-breadcrumb nav ul li:last-child a {
    border-radius: 0
}

.module-steps {
    position: relative
}

.module-steps h2 {
    color: #1D252C
}

.module-steps form {
    overflow: hidden
}

.module-steps .step-1 {
    position: relative;
    border-right: 1px solid #EBEBEB
}

.module-steps .step-1.nav-arrow:after {
    content: ' ';
    background-color: white;
    position: absolute;
    right: -16px;
    top: 30px
}

.module-steps .step-1,
.module-steps .step-2 {
    margin-bottom: -1500px;
    padding-bottom: 1500px
}

.module-steps .step-1 input[type="text"],
.module-steps .step-1 input[type="tel"],
.module-steps .step-2 input[type="text"],
.module-steps .step-2 input[type="tel"] {
    width: 100%
}

.module-steps .step-2 #amountInput p:nth-of-type(1) {
    margin-bottom: 3px
}

.module-steps .step-2 #amountInput p:nth-of-type(2) {
    margin-top: 3px
}

.module-steps .step-2 .info-small {
    padding-top: 16px;
    padding-bottom: 16px
}

.module-steps .step-3 {
    border-top: 2px solid #ccc;
    opacity: 1;
    -webkit-transition: opacity .1s ease-in-out;
    -moz-transition: opacity .1s ease-in-out false;
    -o-transition: opacity .1s ease-in-out false;
    transition: opacity .1s ease-in-out
}

.module-steps .accounts {
    overflow: hidden
}

.module-steps .accounts .btn {
    margin-top: 20px;
    display: block
}

.module-steps .details {
    position: relative
}

.module-steps .details li {
    min-height: 40px
}

.module-steps .details li.amount {
    width: 50%;
    float: left;
    position: relative;
    padding: 0 20px 0 0
}

.module-steps .details li.amount input {
    width: 100%
}

.module-steps .details li.amount p {
    padding-top: 5px;
    margin-bottom: 5px
}

.module-steps .details li.radio {
    width: 25%;
    float: left
}

.module-steps .details li.radio label {
    margin-left: 10px;
    display: block
}

.module-steps .details li.date-wrap {
    width: 40%;
    float: right;
    margin-top: 13px
}

.module-steps .details li input.text {
    width: 100%
}

.module-steps .details li.note {
    clear: both;
    padding-top: 10px
}

.module-steps .details li textarea {
    width: 100%;
    height: 50px;
    margin-top: 5px
}

.module-steps .details.swift li.amount {
    width: 100%;
    padding-right: 0
}

.module-steps footer.alt-footer .btn {
    width: 50%;
    float: left;
    border-radius: 0 0 5px 0
}

.module-steps footer.alt-footer .btn.full {
    border-radius: 0 0 5px 5px
}

.module-steps footer.alt-footer .fake {
    border-radius: 0 0 0 5px
}

.module-steps .step-1 ul li label.account.active,
.module-steps .step-1 ul li label.account {
    background: 0;
    border: 0;
    text-transform: uppercase
}

.module-steps .step-1 .padding h2 {
    margin-bottom: 8px
}

.module-steps .step-1 ul {
    margin-left: -16px
}

.module-steps .step-3 footer .btn-secondary {
    display: inline-block;
    margin-left: 30px
}

.module-login {
    position: relative;
    margin: 40px 0;
    background-color: #FFF6F2
}

.module-login .lock {
    position: absolute;
    display: none;
    left: 50%;
    top: -40px;
    margin-left: -52px
}

.module-login .padding h1 {
    margin: 28px 0 28px 0;
    font-size: 20px;
    font-weight: 500;
    text-align: center
}

.module-login .padding h1 span {
    font-size: 27px;
    color: #1D252C;
    font-weight: 600
}

.module-login .padding h1+.form-heading {
    border-radius: 0;
    border-top: 1px solid #ccc
}

.module-login .padding h3 {
    color: #1D252C
}

.module-login .padding footer.full-width,
.module-login .module .padding footer.form-heading,
.module .module-login .padding footer.form-heading,
.module-login .padding body .module footer.full-width-padding,
body .module .module-login .padding footer.full-width-padding,
.module-login .padding .module footer.box-settings,
.module-login .padding .module footer.box-form,
.module-login .padding .module footer.box-infos {
    background-color: inherit;
    padding: 2px;
    font-size: 1.4em
}

.module-login .padding form ul {
    display: block;
    width: 100%
}

.module-login .padding form ul.step-1 li label {
    display: block
}

.module-login .padding form ul.step-1 li label span {
    display: block;
    font-family: Lato-Regular;
    font-size: 12px
}

.module-login .padding form ul.step-1 li label.error {
    font-size: 1em;
    width: 200px;
    margin-left: 10px
}

.module-login .padding form ul.step-1 li input {
    margin-left: 10px;
    width: 218px
}

.module-login .padding form ul li {
    display: block;
    color: #1D252C;
    padding: 0 0 15px 0
}

.module-login .padding form ul li .one-line label {
    height: 40px;
    padding-top: 11px
}

.module-login .padding form ul.step-2 {
    margin-top: 20px
}

.module-login .padding form ul.step-2 li input {
    width: 60px;
    padding: 13px 0 12px 0;
    text-align: center;
    font-size: 2em
}

.lt-ie9 .module-login .padding form ul.step-2 li input {
    font-size: 1.3em
}

.module-login .padding form ul.step-2 li label {
    padding-bottom: 10px;
    font-size: .9em;
    display: block
}

.module-login .padding form ul.step-2 li.digit-1 label {
    padding-right: 15px
}

.module-login form ul.step-2 li label.error {
    width: 303px;
    margin-left: 127px;
    text-align: center
}

.module-login .padding form ul.step-2 li.digit-3 label {
    padding-left: 15px
}

.module-login .padding form ul.step-2 li input:focus {
    border-color: #D23A06
}

.module-login>.padding>form>ul>li>div:nth-of-type(3) {
    width: auto
}

.module-login-pan.module-sca-setup ul.step-2 li.digit-1 label.error {
    margin-left: 106px
}

.module-login .module-error {
    background-color: #FFF6F2
}

.module-logout {
    margin: 0 0 20px 0
}

.module-logout .padding h1 {
    font-size: 2em;
    color: #1D252C;
    margin-top: 0;
    padding-top: 0
}

.module-logout .padding ul {
    margin-top: 10px
}

.module-logout .padding .expand-area p:last-child,
.module-logout .padding .module-account-detail .custom-date p:last-child,
.module-account-detail .module-logout .padding .custom-date p:last-child {
    padding-bottom: 30px
}

.module-logout .padding .expand-area p.last-child,
.module-logout .padding .module-account-detail .custom-date p.last-child,
.module-account-detail .module-logout .padding .custom-date p.last-child {
    padding-bottom: 30px
}

.module-logout ul.arrows,
.module-logout ul.arrows-hovered,
.module-logout ul.arrows-ext-hovered {
    color: #1D252C
}

.module-logout footer {
    bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    font-size: 1.4em
}

.module-logout .slim {
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.module-logout .heading-help {
    cursor: pointer;
    margin: 0;
    top: 2px
}

.module-logout .change-bg {
    padding: 20px 30px;
    background-color: transparent;
    border-bottom: 1px solid transparent;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out false;
    -o-transition: all .5s ease-in-out false;
    transition: all .5s ease-in-out;
    background: #F8EEE3
}

.module-logout.expanded .change-bg {
    border-bottom: 1px solid #e4e4e4;
    border-radius: 5px 5px 0 0;
    background: #F8EEE3
}

.module-logout.intend-logout {
    margin-top: 30px
}

.module-logout .padding-light p:first-child {
    margin-top: 0
}

.module-logout .bigger {
    font-size: 1.2em;
    margin-bottom: 20px
}

.module-logout .small-box {
    padding: 15px 12px 14px 44px;
    background-color: #FFDACB;
    margin-top: 20px;
    position: relative;
    margin-bottom: 20px;
    font-size: 14px;
    color: #1D252C;
    line-height: 15px;
    text-align: left
}

.module-logout .small-box a {
    color: #1D252C
}

.module-logout .small-box:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 16px;
    top: 12px
}

.module-login-pan label.error {
    width: 303px;
    margin-left: 150px;
    text-align: center
}

.module-statements-not-verified .module-login-pan label.error {
    margin-left: 104px
}

.module.module-statements-not-verified .module-sca-setup,
.module.module-statements-not-verified .module-login-pan {
    width: 600px;
    margin: auto
}

.module-login-pan .digit-2 label.error,
.module-login-pan .digit-3 label.error {
    display: none !important
}

body .module-password-change {
    margin: 0 auto;
    width: 680px
}

.module-login.module-login-pan.module-sca-setup {
    background-color: inherit
}

.module .module-login-pan {
    margin: 0;
    background-color: inherit
}

.module .module-login-pan h1 {
    margin-top: -35px
}

.module .module-login-pan>div>h3 {
    font-size: 14px
}

.module .module-login-pan ul li label {
    color: #666
}

.module-login-pan form ul>div {
    width: 500px;
    margin: 0 auto
}

.module-password-change .module-login-pan label.error {
    margin-left: 105px
}

.module-login-pan .box-important {
    margin-top: 12px;
    padding-bottom: 15px
}

.module-login-pan .box-important .heading-sms {
    font-size: 16px
}

.module-login-pan .box-important .heading-sms::before {
    content: ' ';
    background: url(../img/icons/sms.png) no-repeat;
    display: block;
    width: 12px;
    height: 19px;
    float: left;
    position: initial;
    margin: 0 10px 0 3px
}

.module-login-pan .box-important p:first-of-type {
    line-height: 34px;
    margin-top: 0
}

.module-login-pan .box-important .sms>.col6:first-of-type {
    width: 40%
}

.module-login-pan .box-important .sms>.col6:first-of-type label {
    width: initial
}

.module-login-pan .box-important .sms>.col6:last-of-type label.error {
    display: inline-block;
    margin-left: 0;
    width: auto;
    text-align: inherit
}

.module-login-pan .box-important .sms input.error {
    border-color: #D62828
}

body .module-login-pan form>footer.full-width {
    margin: 24px 0 0 0;
    right: 0
}

body .module-login-pan footer>.col6:first-of-type .btn {
    float: left
}

body .module-password-change .module-login-pan footer>.col6:first-of-type .btn {
    margin-left: 12px
}

body .module-login-pan footer>.col6:last-of-type .btn {
    float: right
}

body .module-password-change .module-login-pan footer>.col6:last-of-type .btn {
    margin-right: 12px
}

body .module-login-pan footer>.col12 .btn {
    float: none
}

body .module-login-pan.module-sca-setup footer.narrow {
    margin-top: 30px;
    padding-top: 0
}

body .module-login-pan.module-sca-setup footer .btn,
body .module-login-pan.module-sca-setup footer button {
    margin-left: 0;
    margin-right: 0
}

body .module-login-pan.module-sca-setup footer .col12 .btn {
    border: 0;
    margin: auto
}

body .module-login-pan.module-sca-setup.push footer {
    padding-top: 0
}

.module-need-help,
.module-protect-yourself {
    background-color: #FFF6F2
}

.module-need-help .padding ul {
    margin-top: 20px
}

.module-need-help .padding ul li {
    list-style: none;
    padding-left: 0;
    margin-left: 0
}

.module-need-help .padding ul a {
    font-size: 12px
}

.module-need-help .padding ul a:before {
    margin-top: 3px
}

.module-need-help .padding a {
    font-weight: bold
}

.module-need-help .padding .tel {
    margin: 10px 0
}

.module-protect-yourself .padding a {
    font-weight: bold;
    font-size: 12px
}

.module-need-help .padding p,
.module-protect-yourself .padding p,
.module-need-help .padding .tel,
.module-protect-yourself .padding .tel,
.module-protect-yourself .padding ul {
    font-size: 12px;
    font-family: Lato-Regular;
    font-weight: 400
}

.module-user-banner {
    margin: 18px 0 35px 0
}

.module-user-banner ul {
    float: right
}

.module-user-banner ul a.sec {
    font-weight: bold
}

.module-user-banner ul.vline li:first-child {
    font-weight: 900;
    color: #1D252C
}

.module-last-logon a {
    font-weight: bold;
    font-size: 1em
}

.module-error {
    margin: 20px 0;
    border: 1px solid #C70B14;
    border-radius: 8px;
    background-color: #FFF6F2;
    text-align: center;
    font-weight: bold;
    color: #1D252C;
    font-size: 1em;
    opacity: 1;
    margin-bottom: 30px;
    margin-top: 10px;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out false;
    -o-transition: opacity .2s ease-in-out false;
    transition: opacity .2s ease-in-out
}

.module-error .error-content {
    padding-left: 60px;
    position: relative;
    display: inline-block;
    font-family: Lato-Regular;
    font-size: 14px;
    line-height 20px;
    text-align: left;
    color: #888
}

.module-error .error-content:before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 12%;
    margin-top: -26px
}

.module-error .error-content .notice {
    font-weight: normal;
    font-size: .8em
}

.module-error .error-content p {
    font-family: Lato-Bold;
    line-height: 29px;
    font-size: 24px;
    color: #1D252C;
    margin: 0;
    margin-left: 40px;
    margin-bottom: 5px
}

.module-error .error-content li {
    font-size: 14px;
    line-height: 20px;
    margin-left: 40px;
    display: block;
    color: #666;
    font-family: Lato-Regular;
    font-size: 12px
}

.module-error .padding {
    margin: 28.5px 86.5px 28.5px 36.5px
}

.module-error .error-content .Errorlist li.ListA {
    font-family: Lato-Regular;
    display: list-item;
    color: #FC4C02;
    list-style-type: disc
}

.module-error .error-content .Errorlist li.ListB {
    font-family: Lato-Regular;
    display: list-item;
    list-style-type: disc
}

.module-error .error-content .Errorlist span {
    font-family: Lato-Regular;
    color: #1D252C
}

.module-error .error-content .Errorlist li.ListA::marker {
    font-family: Lato-Regular;
    display: list-item;
    color: #FC4C02;
    list-style-type: disc;
    font-size: 20px
}

.module-error .error-content .Errorlist li.ListB::marker {
    font-family: Lato-Regular;
    display: list-item;
    list-style-type: disc;
    font-size: 20px
}

.module-error .error-content .Errorlist ul {
    padding: 0 0 0 15px
}

.module-error .error-content .Errorlist ul.ListA {
    margin-left: -40px
}

.module-quick-add h3 {
    cursor: pointer;
    position: relative;
    margin: 0
}

.module-quick-add .filters .padding {
    padding-top: 0
}

.module-quick-add ul.hints {
    list-style: none;
    padding: 0
}

.module-quick-add table td {
    border: 0;
    word-break: break-word
}

.module-quick-add table td:last-child,
.module-quick-add table td.last-child {
    text-align: right
}

.module-quick-add table td .plus {
    color: green
}

.module-quick-add table td .minus {
    color: #e82222
}

.module-quick-add table td+td {
    width: 30%;
    min-width: 70px;
    white-space: nowrap;
    text-align: right
}

.module-quick-add table tfoot td {
    border-top: 2px solid #ccc;
    color: #1D252C;
    font-weight: bold
}

.module-quick-add table td.total {
    position: relative
}

.module-quick-add table td.total>div {
    position: absolute;
    width: 150px;
    right: 0;
    top: 9px;
    text-align: right
}

.module-quick-add footer {
    height: 55px;
    overflow: hidden;
    border-top: 1px solid #CCC
}

.module-quick-add footer .btn {
    border-top: 0
}

.module-quick-add .download object {
    border-radius: 0 !important;
    border-left: 1px solid #CCC;
    margin: 0;
    padding: 0;
    margin-top: 1px
}

.ie.flash .module-quick-add footer {
    border-radius: 0
}

.ie.flash .module-quick-add footer .btn {
    border-radius: 0
}

.expanded .filters.expand-area,
.expanded .module-account-detail .filters.custom-date,
.module-account-detail .expanded .filters.custom-date {
    max-height: 1500px
}

.touch .module-quick-add .filters footer .download,
.lt-ie10.no-flash .module-quick-add .filters footer .download {
    display: none
}

.touch .module-quick-add .filters footer div:first-child,
.lt-ie10.no-flash .module-quick-add .filters footer div:first-child {
    width: 100%
}

.touch .module-quick-add .filters footer div:first-child>*,
.lt-ie10.no-flash .module-quick-add .filters footer div:first-child>* {
    border-radius: 0 0 5px 5px
}

.module-dashboard-maturity.fixed-footer a.arrow {
    position: absolute;
    top: 70px;
    margin-right: 30px;
    font-size: 1.2em;
    right: 0;
    font-weight: lighter
}

.module-dashboard-maturity.fixed-footer a.arrow:after {
    right: 3px
}

.module-dashboard-backbutton {
    font-size: .8em;
    position: relative;
    margin: 8px 0 25px 0;
    background: transparent;
    border-radius: 5px;
    box-shadow: none
}

.span-backbutton {
    color: #f60
}

.module-dashboard.fixed-footer {
    padding-bottom: 50px
}

.module-dashboard.fixed-footer a.arrow {
    position: absolute;
    bottom: 15px;
    margin-right: 30px;
    font-size: 14px;
    left: 30px
}

.module-dashboard.fixed-footer a.arrow:after {
    right: 3px
}

.module-dashboard .apps a {
    display: block;
    text-align: center;
    width: 46%;
    float: left;
    margin-right: 2%;
    margin-left: 2%
}

.module-dashboard .apps a img {
    margin-top: 0;
    width: 105px;
    height: 30px
}

.module-dashboard .apps a+a+a {
    margin-top: 20px
}

.module-cookie,
#wrap .module-cookie {
    margin-bottom: 0;
    border-bottom: 1px solid #ccc;
    background-color: #f7f8fa;
    border-radius: 0
}

.module-cookie .centered,
#wrap .module-cookie .centered {
    position: relative;
    font-size: .9em;
    width: auto
}

.module-cookie .centered .padding-light,
#wrap .module-cookie .centered .padding-light {
    margin-top: 10px;
    margin-bottom: 10px
}

.module-cookie .centered p,
#wrap .module-cookie .centered p {
    margin: 0
}

.module-heading,
.landing .banner {
    padding: 2px;
    overflow: hidden
}

.module-heading:before,
.landing .banner:before {
    position: absolute;
    content: ' ';
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    z-index: 1;
    display: block;
    border-radius: 5px;
    opacity: .4;
    filter: alpha(opacity=40);
    filter: alpha(opacity=40)
}

.module-heading:after,
.landing .banner:after {
    position: absolute;
    content: ' ';
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    z-index: 2;
    display: block
}

.module-heading .padding,
.landing .banner .padding {
    position: relative;
    z-index: 3
}

.module-heading h1,
.landing .banner h1 {
    color: #f60;
    margin: 10px 0 5px 0;
    font-size: 2.4em
}

.module-heading p,
.landing .banner p {
    font-family: Lato-Regular, Helvetica, Arial, sans-serif;
    font-weight: 400;
    margin: 8px 0 0 0;
    font-size: 1.3em;
    line-height: 1.5
}

html {
    background-image: none
}

.no-cssgradients body.landing,
.no-cssgradients body.landing #wrap {
    background: #ababab url("../img/body_gradient.png") repeat-x top left
}

body.landing {
    min-width: 980px;
    background-image: none;
    background-color: #ababab;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0e0e0), color-stop(100%, #ababab));
    background-image: -webkit-linear-gradient(#e0e0e0, #ababab);
    background-image: linear-gradient(#e0e0e0, #ababab)
}

body.landing #wrap {
    background-color: #ababab;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e0e0e0), color-stop(100%, #ababab));
    background-image: -webkit-linear-gradient(#e0e0e0, #ababab);
    background-image: linear-gradient(#e0e0e0, #ababab)
}

body.landing .module {
    border-radius: 10px
}

body.landing #main {
    padding-bottom: 0
}

body.landing .module {
    margin-bottom: 5px
}

body.landing header.module {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

body.landing header.module .padding {
    margin: 20px
}

body.landing header.module .logo {
    float: left;
    margin-left: 20px
}

body.landing header.module .contacts,
body.landing header.module .helps {
    float: right;
    margin-bottom: 15px
}

body.landing header.module .helps li {
    line-height: 1.7
}

body.landing header.module .contacts a {
    color: #f35903;
    font-weight: bold
}

body.landing header.module .contacts a i {
    vertical-align: text-bottom
}

body.landing header.module .contacts .twitter a,
body.landing header.module .helps a {
    color: #666;
    font-weight: normal
}

body.landing header.module .contacts .twitter a:hover,
body.landing header.module .helps a:hover {
    text-decoration: underline
}

body.landing header.module input {
    height: 22px;
    padding: 1px 5px
}

body.landing header.module input[type="search"] {
    width: 125px;
    border: 1px solid #a9a9a9
}

body.landing header.module input[type="submit"] {
    height: 24px;
    margin-top: -6px;
    margin-left: 3px;
    color: white;
    font-weight: bold;
    font-size: 1.1em;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 1px 1px 3px 0 rgba(50, 50, 50, 0.75);
    box-shadow: 1px 1px 3px 0 rgba(50, 50, 50, 0.75);
    border: 0;
    background-color: #ababab;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dbdbdb), color-stop(100%, #ababab));
    background-image: -webkit-linear-gradient(#dbdbdb, #ababab);
    background-image: linear-gradient(#dbdbdb, #ababab)
}

body.landing header.module input[type="submit"]:hover {
    background-color: #f36d21;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eb6026), color-stop(100%, #f36d21));
    background-image: -webkit-linear-gradient(#eb6026, #f36d21);
    background-image: linear-gradient(#eb6026, #f36d21)
}

.lt-ie9 body.landing header.module input[type="submit"] {
    margin-top: 0;
    height: 22px
}

body.landing header.module .nav {
    margin-top: 10px
}

body.landing header.module nav {
    float: left;
    border-radius: 5px;
    border: 2px solid #dee0df;
    overflow: hidden
}

body.landing header.module nav ul {
    float: left
}

body.landing header.module nav ul li {
    float: left;
    border-left: 1px solid #f48b47
}

body.landing header.module nav ul li a {
    display: block;
    padding: 8px 27px 7px 27px;
    color: white;
    font-weight: bold;
    font-size: 1.3em;
    font-weight: bold;
    background-color: #f46c20;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f46c20), color-stop(100%, #ce5028));
    background-image: -webkit-linear-gradient(#f46c20, #ce5028);
    background-image: linear-gradient(#f46c20, #ce5028);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#f46c20', endColorstr='#ce5028');
    border-left: 1px solid #bb4903
}

body.landing header.module nav ul li.active a,
body.landing header.module nav ul li:hover a {
    background-color: white;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f0f0f0));
    background-image: -webkit-linear-gradient(white, #f0f0f0);
    background-image: linear-gradient(white, #f0f0f0);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#f0f0f0');
    border-color: #fff;
    color: #f35903
}

body.landing header.module nav ul li:first-child,
body.landing header.module nav ul li:first-child a {
    border-left: none
}

body.landing header.module .online-banking {
    float: right;
    padding: 9px 18px 3px 18px;
    border-radius: 5px;
    background-color: #e0e0e0;
    color: #666;
    font-size: 1.3em;
    font-weight: bold;
    position: relative;
    display: block;
    margin-left: 5px
}

body.landing header.module .online-banking i {
    margin-right: 10px;
    position: relative;
    top: -2px
}

.landing .banner {
    position: relative;
    border: 0;
    margin: 2px
}

.landing .banner .container p,
.landing .banner .container ul {
    font-size: 1.2em;
    line-height: 1.7
}

.landing .banner .container ul {
    margin: 10px 0 20px 0
}

.landing .banner .container .tel {
    font-size: 1em
}

.landing .banner .left-container h4 {
    margin-top: 11px
}

.landing .banner:before {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    opacity: .5;
    filter: alpha(opacity=50);
    filter: alpha(opacity=50)
}

.landing .banner h2 {
    color: #f96800;
    font-family: Lato-Bold, Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 2.5em
}

.landing .banner h2 span {
    color: #1D252C;
    font-family: Lato-Regular, Helvetica, Arial, sans-serif;
    font-weight: 400
}

.landing .banner h2 span.small {
    display: block;
    font-size: .8em
}

.landing .banner h4 {
    font-size: 1.3em;
    line-height: 1.5;
    position: relative;
    color: #666
}

.landing .banner h4 img {
    position: absolute;
    right: 40px
}

.landing .banner .button-large {
    margin-top: 35px
}

.landing .banner .questions {
    margin-top: 50px
}

.landing .banner .questions .container {
    background: white;
    -webkit-box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.25);
    box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.25);
    border-radius: 5px;
    padding: 17px 20px 3px 20px;
    width: 98%
}

.landing .banner .questions .container h3 {
    cursor: pointer
}

.landing .banner .questions .container article {
    margin-bottom: 17px
}

.landing .button-large {
    color: white;
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
    padding: 28px 50px 22px 50px;
    border-radius: 5px;
    background-color: #ff7604;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff7604), color-stop(100%, #ff5a01));
    background-image: -webkit-linear-gradient(#ff7604, #ff5a01);
    background-image: linear-gradient(#ff7604, #ff5a01);
    -webkit-box-shadow: 0 3px 0 0 #C94D07;
    -moz-box-shadow: 0 3px 0 0 #C94D07;
    box-shadow: 0 3px 0 0 #C94D07;
    text-align: center;
    display: inline-block
}

.landing .button-large:hover {
    background-color: #ff7604;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff7604), color-stop(100%, #ff6800));
    background-image: -webkit-linear-gradient(#ff7604, #ff6800);
    background-image: linear-gradient(#ff7604, #ff6800)
}

.landing .button-large span {
    display: inline-block;
    position: relative;
    padding-right: 40px
}

.landing .button-large span:after {
    content: ' ';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -14px
}

.landing .extras {
    margin: 30px 30px 30px 10px
}

.landing .extras ul li {
    width: 25%;
    float: left;
    padding-left: 20px
}

.landing .extras ul li aside {
    border: 2px solid #dfdfdf;
    border-radius: 5px;
    position: relative;
    padding-bottom: 35px;
    height: 205px
}

.landing .extras ul li aside h4 {
    height: 70px;
    padding: 14px 112px 20px 20px;
    font-family: Lato-Bold, Arial;
    font-weight: bold;
    font-size: 1.2em;
    background-color: #efefef;
    position: relative;
    line-height: 1.4
}

.landing .extras ul li aside h4 img {
    position: absolute;
    top: 0;
    right: 0;
    border-top-right-radius: 3px
}

.landing .extras ul li aside p {
    padding: 0 20px
}

.landing .extras ul li aside a {
    position: absolute;
    bottom: 15px;
    left: 20px
}

.landing .links {
    border-top: 1px solid #e1e1e1;
    background: #f4f4f4;
    -webkit-box-shadow: inset 0 8px 28px -14px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 8px 28px -14px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 8px 28px -14px rgba(0, 0, 0, 0.3);
    padding: 30px 30px 30px 10px;
    border-radius: 0 0 10px 10px
}

.landing .links .col3 {
    padding-left: 30px;
    position: relative
}

.landing .links .col3:before {
    position: absolute;
    content: ' ';
    height: 100%;
    left: 8px;
    top: 0;
    bottom: 0;
    border-right: 1px solid #e0e0e0
}

.landing .links .col3:first-child {
    padding-left: 15px
}

.landing .links .col3:first-child:before {
    display: none
}

.landing .links .col3 h5 {
    font-family: Lato-Bold, 'Arial';
    font-weight: bold;
    color: #a9a8a4;
    font-size: 1.3em;
    letter-spacing: 0;
    margin-bottom: 7px
}

.landing .links .col3 ul li {
    line-height: 1.3
}

.landing .links .col3 ul li:before {
    content: '» ';
    color: #f25e40
}

.landing .links .col3 ul a {
    color: #f25e40;
    font-size: .85em
}

.landing .links .col3 ul a:hover {
    text-decoration: underline
}

.landing footer .padding {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: .8em
}

.landing footer .padding p {
    margin: 0
}

.landing footer .padding a {
    color: #666
}

.landing footer .padding a:hover {
    text-decoration: underline
}

.landing footer .padding ul {
    margin-top: 10px
}

.landing footer .padding ul li {
    border-color: #666;
    line-height: 1;
    padding: 0 5px
}

.landing footer .padding ul li:first-child {
    padding-left: 0
}

.landing footer .padding .apps {
    float: right
}

.landing footer .padding .apps img {
    margin-left: 20px
}

@media only screen and (max-width: 1024px) {
    .module .repayment-table {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .module .repayment-table .btn {
        margin-top: 20px !important;
        float: right
    }

    .text-wrap-line-height ul li>div label {
        line-height: 1.00em !important
    }

    .info-icon>.info-small:before {
        top: 15% !important
    }

    .module .form ul li .col .info-icon>.info-small:before {
        margin-left: 0 !important
    }

    .touch .no-print-col-4-review {
        width: 20.7% !important
    }
}

@media only screen and (max-width: 744px) {
    .col-com1 {
        width: 18% !important;
        margin-left: 2px;
        float: left
    }

    .col-com2 {
        width: 18% !important;
        margin-left: 12px;
        float: left
    }

    .col-com3 {
        width: 16% !important;
        margin-left: 12px;
        float: left
    }
}

@media only screen and (min-width: 768px) {
    .module .repayment-table {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .module .repayment-table .btn {
        margin-top: 5px !important;
        float: right
    }

    .info-icon>.info-small:before {
        top: 30% !important
    }

    .module .form ul li .col .info-icon>.info-small:before {
        margin-left: 0 !important
    }
}

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

    .gutter-right-o>div,
    .gutter-left-o>div,
    .gutter-right-half-o>div,
    .gutter-left-half-o>div,
    .gutter-top-o>div,
    .gutter-bottom-o>div,
    .gutter-top-half-o>div,
    .gutter-bottom-half-o>div {
        margin: inherit
    }

    .gutter-m-right>div {
        margin-right: 20px
    }

    .gutter-m-left>div {
        margin-left: 20px
    }

    .gutter-m-right-half>div {
        margin-right: 10px
    }

    .gutter-m-left-half>div {
        margin-left: 10px
    }

    .gutter-m-top>div {
        margin-top: 20px
    }

    .gutter-m-bottom>div {
        margin-bottom: 20px
    }

    .gutter-m-top-half>div {
        margin-top: 10px
    }

    .gutter-m-bottom-half>div {
        margin-bottom: 10px
    }

    .gutter-m-right-o>div {
        margin-right: 20px
    }

    .gutter-m-left-o>div {
        margin-left: 20px
    }

    .gutter-m-right-half-o>div {
        margin-right: 10px
    }

    .gutter-m-left-half-o>div {
        margin-left: 10px
    }

    .gutter-m-top-o>div {
        margin-top: 20px
    }

    .gutter-m-bottom-o>div {
        margin-bottom: 20px
    }

    .gutter-m-top-half-o>div {
        margin-top: 10px
    }

    .gutter-m-bottom-half-o>div {
        margin-bottom: 10px
    }

    .block-small {
        display: inline
    }

    .block-medium {
        display: block
    }

    .hide-medium {
        display: none !important
    }

    .hide-small {
        display: block !important
    }

    .col-o1,
    .col-o2,
    .col-o3,
    .col-o4,
    .col-o5,
    .col-o6,
    .col-o7,
    .col-o8,
    .col-o9,
    .col-o10,
    .col-o11 {
        float: none;
        margin: inherit;
        width: auto
    }

    .col-m1,
    .col-m2,
    .col-m3,
    .col-m4,
    .col-m5,
    .col-m6,
    .col-m7,
    .col-m8,
    .col-m9,
    .col-m10,
    .col-m11 {
        float: left;
        margin-left: 0
    }

    .col-m1 {
        width: 8.3333333333%
    }

    body.small .col-m1 {
        width: auto;
        float: none
    }

    .col-m2 {
        width: 16.6666666667%
    }

    body.small .col-m2 {
        width: auto;
        float: none
    }

    .col-m3 {
        width: 25%
    }

    body.small .col-m3 {
        width: auto;
        float: none
    }

    .col-m4 {
        width: 33.3333333333%
    }

    body.small .col-m4 {
        width: auto;
        float: none
    }

    .col-m5 {
        width: 41.6666666667%
    }

    body.small .col-m5 {
        width: auto;
        float: none
    }

    .col-m6 {
        width: 50%
    }

    body.small .col-m6 {
        width: auto;
        float: none
    }

    .col-m7 {
        width: 58.3333333333%
    }

    body.small .col-m7 {
        width: auto;
        float: none
    }

    .col-m8 {
        width: 66.6666666667%
    }

    body.small .col-m8 {
        width: auto;
        float: none
    }

    .col-m9 {
        width: 75%
    }

    body.small .col-m9 {
        width: auto;
        float: none
    }

    .col-m10 {
        width: 83.3333333333%
    }

    body.small .col-m10 {
        width: auto;
        float: none
    }

    .col-m11 {
        width: 91.6666666667%
    }

    body.small .col-m11 {
        width: auto;
        float: none
    }

    .col-m12 {
        width: 100%
    }

    body.small .col-m12 {
        width: auto;
        float: none
    }

    .col-om1,
    .col-om2,
    .col-om3,
    .col-om4,
    .col-om5,
    .col-om6,
    .col-om7,
    .col-om8,
    .col-om9,
    .col-om10,
    .col-om11 {
        float: left;
        margin-left: 0
    }

    .col-om1 {
        width: 8.3333333333%
    }

    .col-om2 {
        width: 16.6666666667%
    }

    .col-om3 {
        width: 25%
    }

    .col-om4 {
        width: 33.3333333333%
    }

    .col-om5 {
        width: 41.6666666667%
    }

    .col-om6 {
        width: 50%
    }

    .col-om7 {
        width: 58.3333333333%
    }

    .col-om8 {
        width: 66.6666666667%
    }

    .col-om9 {
        width: 75%
    }

    .col-om10 {
        width: 83.3333333333%
    }

    .col-om11 {
        width: 91.6666666667%
    }

    .col-om12 {
        width: 100%
    }

    .module .form fieldset ul li .col:first-child {
        width: 33%
    }

    .module .form fieldset ul li .col+.col {
        width: 35%
    }

    .module .form fieldset ul li .col+.col:last-child {
        width: 30%
    }

    .module .form fieldset ul li .col+.col.last-child {
        width: 30%
    }

    .module .form ul li>div.long-text:first-child label {
        line-height: 1.4em;
        margin-top: 0
    }

    .module .form ul li .col a.close {
        right: -5px
    }

    .module .form ul li .col aside+a.alt-btn {
        margin-left: 10px;
        font-size: 1em;
        width: auto;
        padding: 0 10px;
        position: absolute
    }

    body .module .box-settings .alt-btn,
    body .module .box-form .alt-btn,
    body .module .box-infos .alt-btn {
        padding: 10px 20px
    }

    body .module .box-settings .alt-btn.btn-dynamic,
    body .module .box-form .alt-btn.btn-dynamic,
    body .module .box-infos .alt-btn.btn-dynamic {
        padding-top: 0;
        padding-bottom: 0
    }

    .box-infos .static {
        min-height: 55px
    }

    .box-infos ul.boxes li {
        min-height: 0
    }

    .box-infos .row>div ul.boxes li a {
        width: 70px;
        font-size: 1em
    }

    ul.big-numbers-narrow li {
        float: left;
        width: 32.3%;
        margin-left: 1%
    }

    ul.big-numbers-narrow li:first-child {
        width: 33.3%;
        margin-left: 0
    }

    label.account>div>span:nth-child(5n) {
        clear: both
    }

    ul.vline-medium li {
        float: left;
        padding: 0 10px;
        position: relative;
        border-left: 1px solid #ccc
    }

    ul.vline-medium li:first-child {
        padding-left: 0;
        border-left: none
    }

    ul.vline-medium li:last-child {
        padding-right: 0
    }

    .action-table td ul.vline-medium {
        float: right
    }

    .sticky-parent {
        position: relative
    }

    .csspositionsticky .scroll-sticky {
        position: -webkit-sticky;
        position: -moz-sticky;
        position: -ms-sticky;
        position: -o-sticky;
        top: 20px
    }

    .no-csspositionsticky .sticky-sidebar .sticky {
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        position: fixed;
        top: 20px
    }

    .no-csspositionsticky .sticky-sidebar-limit .sticky {
        position: absolute;
        bottom: 0;
        right: auto;
        top: auto
    }

    .module h1.number,
    .module h2.number,
    .module h3.number,
    .module h4.number,
    .module h5.number,
    .module h6.number {
        position: relative;
        padding: 5px 0 0 80px;
        min-height: 70px
    }

    .module h1.number img,
    .module h2.number img,
    .module h3.number img,
    .module h4.number img,
    .module h5.number img,
    .module h6.number img {
        left: 0;
        top: -5px;
        margin-left: 0
    }

    .module-header nav ul li a {
        padding-left: 15px;
        padding-right: 15px;
        max-width: 150px
    }

    .module-footer .vertical {
        padding-top: 8px
    }

    .module-footer .numb strong {
        font-size: 1.4em
    }

    .module-footer .hours span {
        font-size: 1em
    }

    .module-footer .social {
        font-size: 1em
    }

    .module-quick-payment {
        margin-right: 20px
    }

    .module-quick-payment .pay-to li label {
        width: 105px
    }

    .module-quick-payment .padding .payment-type {
        margin-left: 10%;
        width: 90%
    }

    .module-account-overview .main-balances ul {
        margin-right: -30px
    }

    .module-account-overview .main-balances ul li {
        padding-left: 30px;
        padding-right: 30px
    }

    .module-account-overview .links {
        position: relative
    }

    .module-account-overview .links ul {
        width: 70%;
        border-bottom: 0
    }

    .module-account-overview .links ul li {
        position: relative
    }

    .module-account-overview .links button {
        width: auto;
        float: right;
        position: absolute;
        top: 28px;
        right: 28px
    }

    .module-account-overview.small-btn button {
        width: 130px
    }

    .module-account-detail .custom-date div.col-l6 label {
        width: 40px;
        padding-right: 0;
        display: inline-block
    }

    .module-account-detail .custom-date div.col-l6 label.error {
        display: block;
        margin-left: 44px;
        width: 200px
    }

    .module-account-detail .custom-date .input-daterange div+div label.error {
        margin-left: 44px
    }

    .module-account-detail .info-box .dataTables_info {
        width: 40%
    }

    .module-account-detail .filters ul li input.desc {
        width: 251px
    }

    .module-account-detail .filters ul li input.currency {
        width: 110px
    }

    .module-account-detail .filters ul li .join {
        padding: 0
    }

    .module-mobile-topup .networks {
        margin-bottom: 10px;
        float: none;
        width: auto
    }

    .module-mobile-topup .networks li {
        width: 30%;
        margin: 0 0 20px 5%
    }

    .module-mobile-topup .networks li:nth-child(3n+4) {
        margin-left: 0
    }

    .module-mobile-topup .networks li label.item span {
        width: 30%
    }

    .module-mobile-topup .networks li label.item label.error {
        width: 100%;
        bottom: 17px
    }

    .module-mobile-topup .mtu h5 {
        margin-left: 0
    }

    .module-mobile-topup .mtu.small-space {
        margin-top: 0
    }

    .module-mobile-topup .subtitle span {
        font-size: 1em;
        padding: 5px 0 10px;
        display: block
    }

    .module-mobile-topup .subtitle span:before,
    .module-mobile-topup .subtitle span:after {
        content: ''
    }

    .module-mobile-topup .from {
        margin-top: 10px
    }

    .module-mobile-topup .mtu-amount,
    .module-mobile-topup .mtu-account,
    .module-mobile-topup .mtu p {
        width: 100%;
        margin-left: 0
    }

    .module-sub-nav nav ul li,
    .module-breadcrumb nav ul li {
        height: 75px;
        line-height: 75px
    }

    .module-breadcrumb nav ul li {
        height: 60px;
        line-height: 60px
    }

    .module-steps form {
        position: relative
    }

    .module-steps .step-2 {
        border-right: 1px solid #EBEBEB
    }

    .module-steps .step-3 {
        min-height: 330px;
        border-top: 0;
        padding-bottom: 100px
    }

    .module-steps .accounts {
        overflow: visible
    }

    .module-steps .details li {
        margin-bottom: 10px
    }

    .module-steps .details li.amount {
        width: 100%;
        padding: 0;
        float: none
    }

    .module-steps .details li.amount p {
        position: relative;
        margin: 20px 0
    }

    .module-steps .details li.radio {
        width: 100%;
        margin-bottom: 10px
    }

    .module-steps .details li.radio label {
        margin: 0
    }

    .module-steps .details li.date-wrap {
        width: 100%;
        float: none
    }

    .module-steps .details li.date-wrap input {
        width: 100%
    }

    .module-steps .details li input.text {
        width: 100%
    }

    .module-steps .details li textarea {
        height: 105px
    }

    .module-steps footer {
        position: absolute;
        width: 33.34%;
        bottom: 0
    }

    .module-steps footer>div:first-child .btn {
        border-bottom-left-radius: 0
    }

    .module-steps footer.alt-footer .btn {
        width: 100%;
        border-left: none;
        border-radius: 0 0 5px 0
    }

    .module-steps footer.alt-footer .btn.full {
        border-radius: 0 0 5px 0
    }

    .module-steps footer.alt-footer .fake {
        border: 0;
        background: 0;
        position: absolute;
        top: -60px;
        font-size: .9em
    }

    .module-steps footer.alt-footer .fake:hover {
        background: 0;
        color: #666
    }

    .module-steps footer.alt-footer .fake.btn-next:hover span:after {
        background-position: -276px -46px
    }

    .module-steps footer.alt-footer .fake.btn-prev:hover span:after {
        background-position: -276px -161px
    }

    .module-dashboard.fixed-footer {
        padding-bottom: 30px
    }

    .module-dashboard.fixed-footer a.arrow {
        left: auto
    }

    .module-dashboard.fixed-footer a.arrow:after {
        right: 0
    }

    .module-dashboard .apps a+a+a {
        margin-top: 10px
    }

    .module-dashboard.no-margin-bottom {
        min-height: 355px
    }

    .module-heading h1,
    .landing .banner h1 {
        font-size: 2.7em
    }

    .module-heading p,
    .landing .banner p {
        font-size: 1.6em;
        line-height: 1.4
    }

    #menuRowAO module module-sub-nav {
        width: 750px !important
    }
}

.module-conf-text-alert .box {
    background: 0;
    margin: 20px 0;
    width: auto
}

.module-conf-text-alert .box ul li {
    margin-bottom: 25px
}

.module-conf-text-alert .box ul li::before {
    content: none
}

.module-conf-text-alert .box ul li .key {
    width: 150px;
    text-align: left
}

.module-conf-text-alert .box ul li:first-of-type .value {
    text-transform: uppercase
}

.module-conf-text-alert-1 .box {
    margin-bottom: 30px
}

body .module-conf-text-alert-1 .box>.heading-info {
    padding-top: 8px
}

@media all and (max-width: 800px) {
    .drawdown-widget-paragraph {
        width: 400px
    }
}

.drawdown-text {
    margin-left: 25px;
    padding-left: 50px
}

.drawdown-zoom {
    font-size: .95em !important
}

@media all and (max-width: 767px) {
    .selectorbutton {
        bottom: 26px !important
    }
}

@media all and (max-width: 1024px) and (min-width :767px) {
    .drawdown-text {
        margin-left: 15px !important;
        padding-left: 0
    }
}

@media all and (min-width: 980px) {

    .gutter-m-right-o>div,
    .gutter-m-left-o>div,
    .gutter-m-right-half-o>div,
    .gutter-m-left-half-o>div,
    .gutter-m-top-o>div,
    .gutter-m-bottom-o>div,
    .gutter-m-top-half-o>div,
    .gutter-m-bottom-half-o>div {
        margin: inherit
    }

    .gutter-l-right>div {
        margin-right: 20px
    }

    .gutter-l-left>div {
        margin-left: 20px
    }

    .gutter-l-right-half>div {
        margin-right: 10px
    }

    .gutter-l-left-half>div {
        margin-left: 10px
    }

    .gutter-l-top>div {
        margin-top: 20px
    }

    .gutter-l-bottom>div {
        margin-bottom: 20px
    }

    .gutter-l-top-half>div {
        margin-top: 10px
    }

    .gutter-l-bottom-half>div {
        margin-bottom: 10px
    }

    .block-medium {
        display: inline
    }

    .block-large {
        display: block
    }

    .hide-medium {
        display: block !important
    }

    .hide-large {
        display: none !important
    }

    .col-om1,
    .col-om2,
    .col-om3,
    .col-om4,
    .col-om5,
    .col-om6,
    .col-om7,
    .col-om8,
    .col-om9,
    .col-om10,
    .col-om11 {
        float: none;
        margin: inherit;
        width: auto
    }

    .col-l1,
    .col-l2,
    .col-l3,
    .col-l4,
    .col-l5,
    .col-l6,
    .col-l7,
    .col-l8,
    .col-l9,
    .col-l10,
    .col-l11 {
        float: left;
        margin-left: 0
    }

    .col-l1 {
        width: 8.3333333333%
    }

    body.small .col-l1,
    body.medium .col-l1 {
        width: auto;
        float: none
    }

    .col-l2 {
        width: 16.6666666667%
    }

    body.small .col-l2,
    body.medium .col-l2 {
        width: auto;
        float: none
    }

    .col-l3 {
        width: 25%
    }

    body.small .col-l3,
    body.medium .col-l3 {
        width: auto;
        float: none
    }

    .col-l4 {
        width: 33.3333333333%
    }

    body.small .col-l4,
    body.medium .col-l4 {
        width: auto;
        float: none
    }

    .col-l5 {
        width: 41.6666666667%
    }

    body.small .col-l5,
    body.medium .col-l5 {
        width: auto;
        float: none
    }

    .col-l6 {
        width: 50%
    }

    body.small .col-l6,
    body.medium .col-l6 {
        width: auto;
        float: none
    }

    .col-l7 {
        width: 58.3333333333%
    }

    body.small .col-l7,
    body.medium .col-l7 {
        width: auto;
        float: none
    }

    .col-l8 {
        width: 66.6666666667%
    }

    body.small .col-l8,
    body.medium .col-l8 {
        width: auto;
        float: none
    }

    .col-l9 {
        width: 75%
    }

    body.small .col-l9,
    body.medium .col-l9 {
        width: auto;
        float: none
    }

    .col-l10 {
        width: 83.3333333333%
    }

    body.small .col-l10,
    body.medium .col-l10 {
        width: auto;
        float: none
    }

    .col-l11 {
        width: 91.6666666667%
    }

    body.small .col-l11,
    body.medium .col-l11 {
        width: auto;
        float: none
    }

    .col-l12 {
        width: 100%
    }

    body.small .col-l12,
    body.medium .col-l12 {
        width: auto;
        float: none
    }

    #main {
        padding-bottom: 190px
    }

    body.small #main {
        padding-bottom: 240px
    }

    .centered {
        width: 1366px
    }

    .box-infos .row .col4 h3 {
        display: inline-block;
        width: 64%;
        padding-left: 10px
    }

    .box-infos .row .col4 h3.long {
        top: 13px;
        position: relative
    }

    .box-infos .row.grid .col4>img,
    .box-infos .row.grid .col4>a>img {
        max-width: 33%;
        max-height: 80px;
        margin-right: 0
    }

    .box-infos .static {
        min-height: 0
    }

    .box-infos .row>div ul.boxes li a {
        width: auto
    }

    .module-header {
        min-width: 980px
    }

    .module-header nav ul li a {
        width: 100%;
        padding-block: 35px;
        padding-left: 50px;
        padding-right: 50px;
        max-width: none
    }

    .module-header nav ul li:last-child a {
        border-color: #d4d4d4
    }

    .module-footer {
        margin: 10px 0 0 0;
        padding: 10px 0 0 0;
        height: 107px;
        vertical-align: middle;
        background-color: #FFF
    }

    .module-quick-payment {
        margin-right: 20px
    }

    .module-quick-payment .pay-to li label {
        width: 120px
    }

    .module-quick-payment .padding .payment-type {
        margin-left: 0;
        width: 100%
    }

    .module-account-overview .links button {
        padding-left: 30px
    }

    .module-account-overview .links.small-btn button {
        width: auto
    }

    .module-account-overview .links ul {
        width: 80%
    }

    .module-account-detail .custom-date div.col-l6 label {
        width: auto;
        padding-right: 15px
    }

    .module-account-detail .custom-date div.col-l6 label.error {
        display: block;
        margin-left: 50px;
        width: 200px
    }

    .module-account-detail .custom-date .input-daterange div+div label.error {
        margin-left: 35px
    }

    .module-account-detail .filters ul li input.desc {
        width: 289px
    }

    .module-account-detail .filters ul li input.currency {
        width: 120px
    }

    .module-account-detail .filters ul li .join {
        padding: 0 10px
    }

    .module-mobile-topup .networks {
        margin: 5px 0 30px 0
    }

    .module-mobile-topup .networks li {
        width: 18%;
        margin: 0 0 0 2.5%
    }

    .module-mobile-topup .networks li:nth-child(3n+4) {
        margin-left: 2.5%
    }

    .module-mobile-topup .networks li label.item span {
        width: 18%
    }

    .module-mobile-topup .networks li label.item label.error {
        bottom: -2px
    }

    .module-mobile-topup .mtu-amount {
        width: 90%
    }

    .module-mobile-topup .from {
        margin-top: 0
    }

    .module-sub-nav nav ul li,
    .module-breadcrumb nav ul li {
        height: 70px;
        line-height: 70px
    }

    .module-breadcrumb nav ul li {
        height: 55px;
        line-height: 55px
    }

    .row .module-sub-nav.module-details-tab nav ul li {
        width: 11%
    }

    .module-steps .details li.radio {
        width: 50%;
        float: left;
        margin-bottom: 20px
    }

    .module-steps .details li.radio.radio-now label {
        margin-left: 0;
        margin-right: 10px
    }

    .module-dashboard.no-margin-bottom {
        min-height: 260px
    }

    .module-dashboard .apps a+a+a {
        margin-top: 20px
    }

    .module-cookie .centered,
    #wrap .module-cookie .centered {
        width: 980px
    }

    .landing .module-cookie {
        margin: 0 auto;
        width: 960px
    }
}

#menuRowAO .applyonlinezoom>li {
    width: auto !important
}

#menuRowAO a {
    padding: 20px 26px 20px 26px
}

@media print {

    .module-header,
    .module-footer,
    footer,
    header,
    .module-user-banner,
    .module-sub-nav,
    .module-breadcrumb,
    .module-account-overview .btn,
    .module-breadcrumb,
    .lock-small,
    .btn,
    .alt-btn,
    .module-error,
    .module.zoom,
    .row.full-width.msg,
    .module .padding .row.msg.form-heading,
    body .module .row.msg.full-width-padding,
    .module .padding .form fieldset.row.msg,
    .module .padding .form>ul.row.msg.hints,
    .padding .module .row.msg.box-settings,
    .padding .module .row.msg.box-form,
    .padding .module .row.msg.box-infos,
    .notice,
    .row.sms {
        display: none !important
    }

    *:after,
    *:before {
        background: transparent !important;
        border-color: black !important;
        border-width: 1px !important
    }

    * {
        border-color: black !important;
        border-width: 1px !important
    }

    .module .box-info {
        padding: 20px !important
    }

    .module h3[class^="heading-"],
    .module h3.heading,
    .info-small,
    .align-heading,
    .phone-big,
    .inline-error {
        padding-left: 0 !important
    }

    label.error {
        padding-left: 15px !important;
        background-color: #5E5E5E !important
    }

    label.error:after {
        border-left: 7px solid transparent !important;
        border-right: 7px solid transparent !important;
        border-bottom: 7px solid #5E5E5E !important
    }

    .arrow,
    .arrow-ext {
        padding-right: 0 !important
    }

    ul.arrows,
    ul.arrows-hovered,
    ul.arrows-ext-hovered,
    ul.arrows-hovered,
    ul.arrows-curly,
    ul.arrows-ext-hovered {
        padding-left: 0 !important
    }

    ul.arrows li,
    ul.arrows-hovered li,
    ul.arrows-ext-hovered li,
    ul.arrows li a,
    ul.arrows-hovered li a,
    ul.arrows-ext-hovered li a,
    ul.arrows li p,
    ul.arrows-hovered li p,
    ul.arrows-ext-hovered li p,
    ul.arrows-hovered li,
    ul.arrows-hovered li a,
    ul.arrows-hovered li p,
    ul.arrows-curly li,
    ul.arrows-curly li a,
    ul.arrows-curly li p,
    ul.arrows-ext-hovered li,
    ul.arrows-ext-hovered li a,
    ul.arrows-ext-hovered li p {
        padding-left: 0 !important
    }

    ul.arrows,
    ul.arrows-hovered,
    ul.arrows-ext-hovered,
    ul.arrows-hovered,
    ul.arrows-ext-hovered {
        list-style: disc !important;
        padding-left: 20px !important
    }

    fieldset {
        border: none !important
    }
}

h3.intro-heading {
    padding-bottom: 30px
}

table.center-content {
    border-collapse: separate
}

table.center-content,
.center-content {
    width: 78%;
    margin-left: auto;
    margin-right: auto
}

table.center-content-dsg,
.center-content-dsg {
    width: 100%
}

table.center-content thead tr td {
    background-color: #000;
    color: white;
    cursor: default;
    font-weight: bold
}

table.center-content tbody tr td {
    cursor: default;
    color: black;
    width: 35%;
    border: 1px solid black
}

table.center-content tbody tr:hover td {
    background-color: inherit
}

table.center-content tbody tr td:first-child {
    background-color: #FFF6F2
}

table.center-content tbody tr td.contact-info {
    padding-bottom: 30px
}

div.center-content {
    padding-bottom: 30px
}

div.center-content h4 {
    padding: 5px
}

div.center-content h3 {
    padding-top: 35px;
    padding-bottom: 10px
}

.module .saver-padding-top {
    margin-top: 30px
}

.blue-text {
    color: #000080
}

.black-text {
    color: black
}

.grey-text {
    color: #666
}

h3.spacer {
    padding-bottom: 20px
}

.incomeSubFont {
    font-size: 11px
}

.module .repayment-table {
    padding-top: 20px;
    padding-bottom: 20px
}

.module .repayment-table .btn {
    margin-top: 70px;
    float: right
}

div.align-arrows {
    padding-left: 3px;
    padding-top: 25px;
    display: table
}

div.align-arrows input {
    display: table-cell
}

div.align-arrows label {
    padding-left: 20px;
    font-weight: bold;
    display: table-cell
}

.module .form ul li .col span.fixed-placeholder.currency+a.close {
    right: -20px;
    z-index: 1
}

.module .form ul li .col .col7:first-child {
    padding-right: 15px
}

.module .form ul li .col .no-input {
    padding-top: 2px
}

.module .form ul li .col .no-input+p {
    margin-top: 0;
    margin-bottom: 10px
}

.module .form ul li.active .col .info-small {
    color: #fff
}

.module .form ul li .col .info-small {
    margin-left: 10px;
    margin-top: 0
}

.bck-White {
    background-color: white !important
}

.col-com {
    width: 98% !important
}

.col-com1 {
    width: 20%;
    margin-left: 2px;
    float: left
}

.module.module-add.module-termsloan-verify-address .box.space-top .info-medium.icon-top {
    background: #FFDACB
}

.col-com1 span.customSelectWrap.styled.error,
.col-com2 span.customSelectWrap.styled.error {
    line-height: 60px !important
}

.col-com1 span.customSelectWrap.styled.error label.error,
.col-com2 span.customSelectWrap.styled.error label.error {
    margin-top: 0
}

.col-com2 {
    width: 20%;
    margin-left: 12px;
    float: left
}

.col-com3 {
    width: 17.5%;
    margin-left: 12px;
    float: left
}

.col6-intp {
    width: 50%;
    float: left;
    margin-left: 20%
}

.col12-intp {
    float: left;
    margin-left: 20%
}

.col12-inststep1 {
    position: relative;
    float: left;
    width: 100%;
    margin-left: -60%
}

#panel1 {
    width: 80%;
    margin-left: 15%
}

#panel2 {
    width: 80%;
    margin-left: 15%
}

#panel3 {
    width: 80%;
    margin-left: 15%
}

#panel4 {
    width: 80%;
    margin-left: 15%
}

#tblPTSBCommitments tr {
    vertical-align: top
}

#tblPTSBCommitments th {
    border-radius: unset
}

.not-available {
    text-align: center
}

.subst-dropdown {
    margin-left: 11px;
    line-height: 1.4em;
    padding-top: 5px
}

.drawdown-widget {
    float: left;
    padding-right: 5px;
    background-image: url(../img/icons.png);
    background-position: -51px -105px;
    width: 52px;
    height: 50px;
    margin-left: 15px;
    padding-left: 15px
}

.interstitial-page {
    display: none
}

.box-loading {
    font-size: 1.3em;
    margin-bottom: 60px
}

.show-interstitial.submiting {
    display: none
}

.show-interstitial.submiting+.interstitial-page {
    display: block
}

.loading-spinner {
    margin: 84px auto;
    font-size: 13px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: spinner 1.1s infinite ease;
    animation: spinner 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

@-webkit-keyframes spinner {

    0%,
    100% {
        box-shadow: 0 -2.6em 0 0 rgba(252, 76, 2, 1), 1.3em -2.3em 0 -0.34em rgba(255, 102, 0, 0.34), 2.3em -1.3em 0 -0.33em rgba(255, 102, 0, 0.34), 2.6em 0 0 -0.25em rgba(255, 102, 0, 0.3), 2.3em 1.3em 0 -0.2em rgba(255, 102, 0, 0.3), 1.3em 2.3em 0 -0.17em rgba(255, 102, 0, 0.3), 0em 2.6em 0 -0.14em rgba(255, 102, 0, 0.3), -1.3em 2.3em 0 -0.13em rgba(255, 102, 0, 0.55), -2.3em 1.3em 0 -0.11em rgba(255, 102, 0, 0.7), -2.6em 0 0 -0.1em rgba(255, 102, 0, 0.7), -2.3em -1.3em 0 -0.09em rgba(252, 76, 2, 1), -1.3em -2.3em 0 -0.08em rgba(252, 76, 2, 1)
    }

    8.3% {
        box-shadow: 0 -2.6em 0 -0.08em rgba(252, 76, 2, 1), 1.3em -2.3em 0 0 rgba(252, 76, 2, 1), 2.3em -1.3em 0 -0.34em rgba(255, 102, 0, 0.34), 2.6em 0 0 -0.33em rgba(255, 102, 0, 0.34), 2.3em 1.3em 0 -0.25em rgba(255, 102, 0, 0.3), 1.3em 2.3em 0 -0.2em rgba(255, 102, 0, 0.3), 0em 2.6em 0 -0.17em rgba(255, 102, 0, 0.3), -1.3em 2.3em 0 -0.14em rgba(255, 102, 0, 0.3), -2.3em 1.3em 0 -0.13em rgba(255, 102, 0, 0.55), -2.6em 0 0 -0.11em rgba(255, 102, 0, 0.7), -2.3em -1.3em 0 -0.1em rgba(255, 102, 0, 0.7), -1.3em -2.3em 0 -0.09em rgba(252, 76, 2, 1)
    }

    16.6% {
        box-shadow: 0 -2.6em 0 -0.09em rgba(252, 76, 2, 1), 1.3em -2.3em 0 -0.08em rgba(252, 76, 2, 1), 2.3em -1.3em 0 0 rgba(252, 76, 2, 1), 2.6em 0 0 -0.34em rgba(255, 102, 0, 0.34), 2.3em 1.3em 0 -0.33em rgba(255, 102, 0, 0.34), 1.3em 2.3em 0 -0.25em rgba(255, 102, 0, 0.3), 0em 2.6em 0 -0.2em rgba(255, 102, 0, 0.3), -1.3em 2.3em 0 -0.17em rgba(255, 102, 0, 0.3), -2.3em 1.3em 0 -0.14em rgba(255, 102, 0, 0.3), -2.6em 0 0 -0.13em rgba(255, 102, 0, 0.55), -2.3em -1.3em 0 -0.11em rgba(255, 102, 0, 0.7), -1.3em -2.3em 0 -0.1em rgba(255, 102, 0, 0.7)
    }

    35% {
        box-shadow: 0 -2.6em 0 -0.1em rgba(255, 102, 0, 0.7), 1.3em -2.3em 0 -0.09em rgba(252, 76, 2, 1), 2.3em -1.3em 0 -0.08em rgba(252, 76, 2, 1), 2.6em 0 0 0 rgba(252, 76, 2, 1), 2.3em 1.3em 0 -0.34em rgba(255, 102, 0, 0.34), 1.3em 2.3em 0 -0.33em rgba(255, 102, 0, 0.34), 0em 2.6em 0 -0.25em rgba(255, 102, 0, 0.3), -1.3em 2.3em 0 -0.2em rgba(255, 102, 0, 0.3), -2.3em 1.3em 0 -0.17em rgba(255, 102, 0, 0.3), -2.6em 0 0 -0.14em rgba(255, 102, 0, 0.3), -2.3em -1.3em 0 -0.13em rgba(255, 102, 0, 0.55), -1.3em -2.3em 0 -0.11em rgba(255, 102, 0, 0.7)
    }

    33.3% {
        box-shadow: 0 -2.6em 0 -0.11em rgba(255, 102, 0, 0.7), 1.3em -2.3em 0 -0.1em rgba(255, 102, 0, 0.7), 2.3em -1.3em 0 -0.09em rgba(252, 76, 2, 1), 2.6em 0 0 -0.08em rgba(252, 76, 2, 1), 2.3em 1.3em 0 0 rgba(252, 76, 2, 1), 1.3em 2.3em 0 -0.34em rgba(255, 102, 0, 0.34), 0em 2.6em 0 -0.33em rgba(255, 102, 0, 0.34), -1.3em 2.3em 0 -0.25em rgba(255, 102, 0, 0.3), -2.3em 1.3em 0 -0.2em rgba(255, 102, 0, 0.3), -2.6em 0 0 -0.17em rgba(255, 102, 0, 0.3), -2.3em -1.3em 0 -0.14em rgba(255, 102, 0, 0.3), -1.3em -2.3em 0 -0.13em rgba(255, 102, 0, 0.55)
    }

    41.6% {
        box-shadow: 0 -2.6em 0 -0.13em rgba(255, 102, 0, 0.55), 1.3em -2.3em 0 -0.11em rgba(255, 102, 0, 0.7), 2.3em -1.3em 0 -0.1em rgba(255, 102, 0, 0.7), 2.6em 0 0 -0.09em rgba(252, 76, 2, 1), 2.3em 1.3em 0 -0.08em rgba(252, 76, 2, 1), 1.3em 2.3em 0 0 rgba(252, 76, 2, 1), 0em 2.6em 0 -0.34em rgba(255, 102, 0, 0.34), -1.3em 2.3em 0 -0.33em rgba(255, 102, 0, 0.34), -2.3em 1.3em 0 -0.25em rgba(255, 102, 0, 0.3), -2.6em 0 0 -0.2em rgba(255, 102, 0, 0.3), -2.3em -1.3em 0 -0.17em rgba(255, 102, 0, 0.3), -1.3em -2.3em 0 -0.14em rgba(255, 102, 0, 0.3)
    }

    50% {
        box-shadow: 0 -2.6em 0 -0.14em rgba(255, 102, 0, 0.3), 1.3em -2.3em 0 -0.13em rgba(255, 102, 0, 0.55), 2.3em -1.3em 0 -0.11em rgba(255, 102, 0, 0.7), 2.6em 0 0 -0.1em rgba(255, 102, 0, 0.7), 2.3em 1.3em 0 -0.09em rgba(252, 76, 2, 1), 1.3em 2.3em 0 -0.08em rgba(252, 76, 2, 1), 0em 2.6em 0 0 rgba(252, 76, 2, 1), -1.3em 2.3em 0 -0.34em rgba(255, 102, 0, 0.34), -2.3em 1.3em 0 -0.33em rgba(255, 102, 0, 0.34), -2.6em 0 0 -0.25em rgba(255, 102, 0, 0.3), -2.3em -1.3em 0 -0.2em rgba(255, 102, 0, 0.3), -1.3em -2.3em 0 -0.17em rgba(255, 102, 0, 0.3)
    }

    58.3% {
        box-shadow: 0 -2.6em 0 -0.17em rgba(255, 102, 0, 0.3), 1.3em -2.3em 0 -0.14em rgba(255, 102, 0, 0.3), 2.3em -1.3em 0 -0.13em rgba(255, 102, 0, 0.55), 2.6em 0 0 -0.11em rgba(255, 102, 0, 0.7), 2.3em 1.3em 0 -0.1em rgba(255, 102, 0, 0.7), 1.3em 2.3em 0 -0.09em rgba(252, 76, 2, 1), 0em 2.6em 0 -0.08em rgba(252, 76, 2, 1), -1.3em 2.3em 0 0 rgba(252, 76, 2, 1), -2.3em 1.3em 0 -0.34em rgba(255, 102, 0, 0.34), -2.6em 0 0 -0.33em rgba(255, 102, 0, 0.34), -2.3em -1.3em 0 -0.25em rgba(255, 102, 0, 0.3), -1.3em -2.3em 0 -0.2em rgba(255, 102, 0, 0.3)
    }

    66.6% {
        box-shadow: 0 -2.6em 0 -0.2em rgba(255, 102, 0, 0.3), 1.3em -2.3em 0 -0.17em rgba(255, 102, 0, 0.3), 2.3em -1.3em 0 -0.14em rgba(255, 102, 0, 0.3), 2.6em 0 0 -0.13em rgba(255, 102, 0, 0.55), 2.3em 1.3em 0 -0.11em rgba(255, 102, 0, 0.7), 1.3em 2.3em 0 -0.1em rgba(255, 102, 0, 0.7), 0em 2.6em 0 -0.09em rgba(252, 76, 2, 1), -1.3em 2.3em 0 -0.08em rgba(252, 76, 2, 1), -2.3em 1.3em 0 0 rgba(252, 76, 2, 1), -2.6em 0 0 -0.34em rgba(255, 102, 0, 0.34), -2.3em -1.3em 0 -0.33em rgba(255, 102, 0, 0.34), -1.3em -2.3em 0 -0.25em rgba(255, 102, 0, 0.3)
    }

    75% {
        box-shadow: 0 -2.6em 0 -0.25em rgba(255, 102, 0, 0.3), 1.3em -2.3em 0 -0.2em rgba(255, 102, 0, 0.3), 2.3em -1.3em 0 -0.17em rgba(255, 102, 0, 0.3), 2.6em 0 0 -0.14em rgba(255, 102, 0, 0.3), 2.3em 1.3em 0 -0.13em rgba(255, 102, 0, 0.55), 1.3em 2.3em 0 -0.11em rgba(255, 102, 0, 0.7), 0em 2.6em 0 -0.1em rgba(255, 102, 0, 0.7), -1.3em 2.3em 0 -0.09em rgba(252, 76, 2, 1), -2.3em 1.3em 0 -0.08em rgba(252, 76, 2, 1), -2.6em 0 0 0 rgba(252, 76, 2, 1), -2.3em -1.3em 0 -0.34em rgba(255, 102, 0, 0.34), -1.3em -2.3em 0 -0.33em rgba(255, 102, 0, 0.34)
    }

    83.3% {
        box-shadow: 0 -2.6em 0 -0.33em rgba(255, 102, 0, 0.34), 1.3em -2.3em 0 -0.25em rgba(255, 102, 0, 0.3), 2.3em -1.3em 0 -0.2em rgba(255, 102, 0, 0.3), 2.6em 0 0 -0.17em rgba(255, 102, 0, 0.3), 2.3em 1.3em 0 -0.14em rgba(255, 102, 0, 0.3), 1.3em 2.3em 0 -0.13em rgba(255, 102, 0, 0.55), 0em 2.6em 0 -0.11em rgba(255, 102, 0, 0.7), -1.3em 2.3em 0 -0.1em rgba(255, 102, 0, 0.7), -2.3em 1.3em 0 -0.09em rgba(252, 76, 2, 1), -2.6em 0 0 -0.08em rgba(252, 76, 2, 1), -2.3em -1.3em 0 0 rgba(252, 76, 2, 1), -1.3em -2.3em 0 -0.34em rgba(255, 102, 0, 0.34)
    }

    91.6% {
        box-shadow: 0 -2.6em 0 -0.34em rgba(255, 102, 0, 0.34), 1.3em -2.3em 0 -0.33em rgba(255, 102, 0, 0.34), 2.3em -1.3em 0 -0.25em rgba(255, 102, 0, 0.3), 2.6em 0 0 -0.2em rgba(255, 102, 0, 0.3), 2.3em 1.3em 0 -0.17em rgba(255, 102, 0, 0.3), 1.3em 2.3em 0 -0.14em rgba(255, 102, 0, 0.3), 0em 2.6em 0 -0.13em rgba(255, 102, 0, 0.55), -1.3em 2.3em 0 -0.11em rgba(255, 102, 0, 0.7), -2.3em 1.3em 0 -0.1em rgba(255, 102, 0, 0.7), -2.6em 0 0 -0.09em rgba(252, 76, 2, 1), -2.3em -1.3em 0 -0.08em rgba(252, 76, 2, 1), -1.3em -2.3em 0 0 rgba(252, 76, 2, 1)
    }
}

@keyframes spinner {

    0%,
    100% {
        box-shadow: 0 -2.6em 0 0 rgba(252, 76, 2, 1), 1.3em -2.3em 0 -0.34em rgba(255, 102, 0, 0.34), 2.3em -1.3em 0 -0.33em rgba(255, 102, 0, 0.34), 2.6em 0 0 -0.25em rgba(255, 102, 0, 0.3), 2.3em 1.3em 0 -0.2em rgba(255, 102, 0, 0.3), 1.3em 2.3em 0 -0.17em rgba(255, 102, 0, 0.3), 0em 2.6em 0 -0.14em rgba(255, 102, 0, 0.3), -1.3em 2.3em 0 -0.13em rgba(255, 102, 0, 0.55), -2.3em 1.3em 0 -0.11em rgba(255, 102, 0, 0.7), -2.6em 0 0 -0.1em rgba(255, 102, 0, 0.7), -2.3em -1.3em 0 -0.09em rgba(252, 76, 2, 1), -1.3em -2.3em 0 -0.08em rgba(252, 76, 2, 1)
    }

    8.3% {
        box-shadow: 0 -2.6em 0 -0.08em rgba(252, 76, 2, 1), 1.3em -2.3em 0 0 rgba(252, 76, 2, 1), 2.3em -1.3em 0 -0.34em rgba(255, 102, 0, 0.34), 2.6em 0 0 -0.33em rgba(255, 102, 0, 0.34), 2.3em 1.3em 0 -0.25em rgba(255, 102, 0, 0.3), 1.3em 2.3em 0 -0.2em rgba(255, 102, 0, 0.3), 0em 2.6em 0 -0.17em rgba(255, 102, 0, 0.3), -1.3em 2.3em 0 -0.14em rgba(255, 102, 0, 0.3), -2.3em 1.3em 0 -0.13em rgba(255, 102, 0, 0.55), -2.6em 0 0 -0.11em rgba(255, 102, 0, 0.7), -2.3em -1.3em 0 -0.1em rgba(255, 102, 0, 0.7), -1.3em -2.3em 0 -0.09em rgba(252, 76, 2, 1)
    }

    16.6% {
        box-shadow: 0 -2.6em 0 -0.09em rgba(252, 76, 2, 1), 1.3em -2.3em 0 -0.08em rgba(252, 76, 2, 1), 2.3em -1.3em 0 0 rgba(252, 76, 2, 1), 2.6em 0 0 -0.34em rgba(255, 102, 0, 0.34), 2.3em 1.3em 0 -0.33em rgba(255, 102, 0, 0.34), 1.3em 2.3em 0 -0.25em rgba(255, 102, 0, 0.3), 0em 2.6em 0 -0.2em rgba(255, 102, 0, 0.3), -1.3em 2.3em 0 -0.17em rgba(255, 102, 0, 0.3), -2.3em 1.3em 0 -0.14em rgba(255, 102, 0, 0.3), -2.6em 0 0 -0.13em rgba(255, 102, 0, 0.55), -2.3em -1.3em 0 -0.11em rgba(255, 102, 0, 0.7), -1.3em -2.3em 0 -0.1em rgba(255, 102, 0, 0.7)
    }

    35% {
        box-shadow: 0 -2.6em 0 -0.1em rgba(255, 102, 0, 0.7), 1.3em -2.3em 0 -0.09em rgba(252, 76, 2, 1), 2.3em -1.3em 0 -0.08em rgba(252, 76, 2, 1), 2.6em 0 0 0 rgba(252, 76, 2, 1), 2.3em 1.3em 0 -0.34em rgba(255, 102, 0, 0.34), 1.3em 2.3em 0 -0.33em rgba(255, 102, 0, 0.34), 0em 2.6em 0 -0.25em rgba(255, 102, 0, 0.3), -1.3em 2.3em 0 -0.2em rgba(255, 102, 0, 0.3), -2.3em 1.3em 0 -0.17em rgba(255, 102, 0, 0.3), -2.6em 0 0 -0.14em rgba(255, 102, 0, 0.3), -2.3em -1.3em 0 -0.13em rgba(255, 102, 0, 0.55), -1.3em -2.3em 0 -0.11em rgba(255, 102, 0, 0.7)
    }

    33.3% {
        box-shadow: 0 -2.6em 0 -0.11em rgba(255, 102, 0, 0.7), 1.3em -2.3em 0 -0.1em rgba(255, 102, 0, 0.7), 2.3em -1.3em 0 -0.09em rgba(252, 76, 2, 1), 2.6em 0 0 -0.08em rgba(252, 76, 2, 1), 2.3em 1.3em 0 0 rgba(252, 76, 2, 1), 1.3em 2.3em 0 -0.34em rgba(255, 102, 0, 0.34), 0em 2.6em 0 -0.33em rgba(255, 102, 0, 0.34), -1.3em 2.3em 0 -0.25em rgba(255, 102, 0, 0.3), -2.3em 1.3em 0 -0.2em rgba(255, 102, 0, 0.3), -2.6em 0 0 -0.17em rgba(255, 102, 0, 0.3), -2.3em -1.3em 0 -0.14em rgba(255, 102, 0, 0.3), -1.3em -2.3em 0 -0.13em rgba(255, 102, 0, 0.55)
    }

    41.6% {
        box-shadow: 0 -2.6em 0 -0.13em rgba(255, 102, 0, 0.55), 1.3em -2.3em 0 -0.11em rgba(255, 102, 0, 0.7), 2.3em -1.3em 0 -0.1em rgba(255, 102, 0, 0.7), 2.6em 0 0 -0.09em rgba(252, 76, 2, 1), 2.3em 1.3em 0 -0.08em rgba(252, 76, 2, 1), 1.3em 2.3em 0 0 rgba(252, 76, 2, 1), 0em 2.6em 0 -0.34em rgba(255, 102, 0, 0.34), -1.3em 2.3em 0 -0.33em rgba(255, 102, 0, 0.34), -2.3em 1.3em 0 -0.25em rgba(255, 102, 0, 0.3), -2.6em 0 0 -0.2em rgba(255, 102, 0, 0.3), -2.3em -1.3em 0 -0.17em rgba(255, 102, 0, 0.3), -1.3em -2.3em 0 -0.14em rgba(255, 102, 0, 0.3)
    }

    50% {
        box-shadow: 0 -2.6em 0 -0.14em rgba(255, 102, 0, 0.3), 1.3em -2.3em 0 -0.13em rgba(255, 102, 0, 0.55), 2.3em -1.3em 0 -0.11em rgba(255, 102, 0, 0.7), 2.6em 0 0 -0.1em rgba(255, 102, 0, 0.7), 2.3em 1.3em 0 -0.09em rgba(252, 76, 2, 1), 1.3em 2.3em 0 -0.08em rgba(252, 76, 2, 1), 0em 2.6em 0 0 rgba(252, 76, 2, 1), -1.3em 2.3em 0 -0.34em rgba(255, 102, 0, 0.34), -2.3em 1.3em 0 -0.33em rgba(255, 102, 0, 0.34), -2.6em 0 0 -0.25em rgba(255, 102, 0, 0.3), -2.3em -1.3em 0 -0.2em rgba(255, 102, 0, 0.3), -1.3em -2.3em 0 -0.17em rgba(255, 102, 0, 0.3)
    }

    58.3% {
        box-shadow: 0 -2.6em 0 -0.17em rgba(255, 102, 0, 0.3), 1.3em -2.3em 0 -0.14em rgba(255, 102, 0, 0.3), 2.3em -1.3em 0 -0.13em rgba(255, 102, 0, 0.55), 2.6em 0 0 -0.11em rgba(255, 102, 0, 0.7), 2.3em 1.3em 0 -0.1em rgba(255, 102, 0, 0.7), 1.3em 2.3em 0 -0.09em rgba(252, 76, 2, 1), 0em 2.6em 0 -0.08em rgba(252, 76, 2, 1), -1.3em 2.3em 0 0 rgba(252, 76, 2, 1), -2.3em 1.3em 0 -0.34em rgba(255, 102, 0, 0.34), -2.6em 0 0 -0.33em rgba(255, 102, 0, 0.34), -2.3em -1.3em 0 -0.25em rgba(255, 102, 0, 0.3), -1.3em -2.3em 0 -0.2em rgba(255, 102, 0, 0.3)
    }

    66.6% {
        box-shadow: 0 -2.6em 0 -0.2em rgba(255, 102, 0, 0.3), 1.3em -2.3em 0 -0.17em rgba(255, 102, 0, 0.3), 2.3em -1.3em 0 -0.14em rgba(255, 102, 0, 0.3), 2.6em 0 0 -0.13em rgba(255, 102, 0, 0.55), 2.3em 1.3em 0 -0.11em rgba(255, 102, 0, 0.7), 1.3em 2.3em 0 -0.1em rgba(255, 102, 0, 0.7), 0em 2.6em 0 -0.09em rgba(252, 76, 2, 1), -1.3em 2.3em 0 -0.08em rgba(252, 76, 2, 1), -2.3em 1.3em 0 0 rgba(252, 76, 2, 1), -2.6em 0 0 -0.34em rgba(255, 102, 0, 0.34), -2.3em -1.3em 0 -0.33em rgba(255, 102, 0, 0.34), -1.3em -2.3em 0 -0.25em rgba(255, 102, 0, 0.3)
    }

    75% {
        box-shadow: 0 -2.6em 0 -0.25em rgba(255, 102, 0, 0.3), 1.3em -2.3em 0 -0.2em rgba(255, 102, 0, 0.3), 2.3em -1.3em 0 -0.17em rgba(255, 102, 0, 0.3), 2.6em 0 0 -0.14em rgba(255, 102, 0, 0.3), 2.3em 1.3em 0 -0.13em rgba(255, 102, 0, 0.55), 1.3em 2.3em 0 -0.11em rgba(255, 102, 0, 0.7), 0em 2.6em 0 -0.1em rgba(255, 102, 0, 0.7), -1.3em 2.3em 0 -0.09em rgba(252, 76, 2, 1), -2.3em 1.3em 0 -0.08em rgba(252, 76, 2, 1), -2.6em 0 0 0 rgba(252, 76, 2, 1), -2.3em -1.3em 0 -0.34em rgba(255, 102, 0, 0.34), -1.3em -2.3em 0 -0.33em rgba(255, 102, 0, 0.34)
    }

    83.3% {
        box-shadow: 0 -2.6em 0 -0.33em rgba(255, 102, 0, 0.34), 1.3em -2.3em 0 -0.25em rgba(255, 102, 0, 0.3), 2.3em -1.3em 0 -0.2em rgba(255, 102, 0, 0.3), 2.6em 0 0 -0.17em rgba(255, 102, 0, 0.3), 2.3em 1.3em 0 -0.14em rgba(255, 102, 0, 0.3), 1.3em 2.3em 0 -0.13em rgba(255, 102, 0, 0.55), 0em 2.6em 0 -0.11em rgba(255, 102, 0, 0.7), -1.3em 2.3em 0 -0.1em rgba(255, 102, 0, 0.7), -2.3em 1.3em 0 -0.09em rgba(252, 76, 2, 1), -2.6em 0 0 -0.08em rgba(252, 76, 2, 1), -2.3em -1.3em 0 0 rgba(252, 76, 2, 1), -1.3em -2.3em 0 -0.34em rgba(255, 102, 0, 0.34)
    }

    91.6% {
        box-shadow: 0 -2.6em 0 -0.34em rgba(255, 102, 0, 0.34), 1.3em -2.3em 0 -0.33em rgba(255, 102, 0, 0.34), 2.3em -1.3em 0 -0.25em rgba(255, 102, 0, 0.3), 2.6em 0 0 -0.2em rgba(255, 102, 0, 0.3), 2.3em 1.3em 0 -0.17em rgba(255, 102, 0, 0.3), 1.3em 2.3em 0 -0.14em rgba(255, 102, 0, 0.3), 0em 2.6em 0 -0.13em rgba(255, 102, 0, 0.55), -1.3em 2.3em 0 -0.11em rgba(255, 102, 0, 0.7), -2.3em 1.3em 0 -0.1em rgba(255, 102, 0, 0.7), -2.6em 0 0 -0.09em rgba(252, 76, 2, 1), -2.3em -1.3em 0 -0.08em rgba(252, 76, 2, 1), -1.3em -2.3em 0 0 rgba(252, 76, 2, 1)
    }
}

.selectorbutton {
    float: right;
    bottom: 210px
}

.userselect_none {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.rewards_bubble_text1 {
    position: absolute;
    color: #f60;
    font-size: medium;
    position: absolute;
    left: 80%;
    transform: translate(-50%, -50%)
}

.rewards_bubble_text2 {
    position: absolute;
    color: #f60;
    font-size: medium;
    position: absolute;
    left: 80%;
    transform: translate(-50%, -50%)
}

.rewards_bubble_text3 {
    position: absolute;
    color: #f60;
    font-size: medium;
    position: absolute;
    left: 80%;
    transform: translate(-50%, -50%)
}

.height_bubble_text1 {
    top: 83px
}

.height_bubble_text2 {
    top: 103px
}

.height_bubble_text3 {
    top: 127px;
    font-weight: bold
}

.tile {
    border-color: #F60;
    border-width: 2px;
    border-style: solid;
    height: 300px
}

.bottomright {
    position: absolute;
    bottom: 38px;
    right: 0
}

@media only screen and (max-width: 650px) {
    .tile {
        height: 380px
    }

    .bottomright {
        bottom: 50px
    }
}

.info-highlight-orange {
    color: #D23A06;
    font-weight: 700
}

.info-highlight-red {
    color: #C70B14;
    font-weight: 700
}

.icon-exclamation,
h5.heading-excl:before {
    background-image: url(../img/icons.png);
    background-position: -35px -197px;
    width: 34px;
    height: 36px
}

module-dashboard-maturity.fixed-footer a.arrow {
    position: absolute;
    margin-right: 30px;
    font-size: 1.2em;
    left: 30px;
    padding-left: 10%
}

.ratestable {
    border-collapse: collapse;
    width: 100%;
    text-align: center
}

.ratestable td {
    text-align: center;
    padding: 8px;
    background-color: transparent;
    text-align: left
}

.ratestable th {
    text-align: left;
    padding: 8px;
    background-color: #4da6ff;
    color: #fff;
    text-transform: none;
    border: 2px
}

.orange {
    color: #f60
}

.btn-prev .btn-nohover:hover {
    background-color: transparent
}

.dr-tab-list {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 617px
}

.dr-tab-list li {
    float: left;
    width: 200px;
    margin-right: 8px
}

.dr-tab-list li:last-child {
    margin-right: 0;
    padding-bottom: 10px !important
}

.dr-tab-list li p {
    border-radius: 4px;
    text-align: center;
    background: #fff;
    border: 1px solid #DAD7D3;
    display: block;
    text-decoration: none;
    padding: 10px;
    height: 140px;
    margin: 0;
    padding-top: 24px;
    color: #343F41;
    font-family: 'Lato-Bold';
    font-size: 16px
}

.dr-tab-list li p span {
    background: #F8EEE3;
    border-radius: 50%;
    height: 36px;
    width: 36px;
    margin: auto;
    display: block;
    margin-bottom: 4px;
    line-height: 29px;
    margin-bottom: 28px;
    font-size: 16px;
    text-align: center;
    font-family: 'Lato-Bold';
    padding-top: 3px;
    color: #1D252C
}

.dr-tab-list li.active p {
    background: #D23A06;
    color: #F8EEE3;
    position: relative
}

.dr-tab-list li.active p span {
    color: #D23A06;
    background: #F8EEE3;
    margin-bottom: 28px
}

.dr-tab-list li.complete p {
    background: #fff;
    position: relative;
    color: #6E7376
}

.dr-tab-list li.complete p span {
    background-image: url(../img/icons/n-success2.png);
    background-position: center;
    height: 36px;
    width: 36px;
    margin-bottom: 28px
}

.dr-tab-list li.active p:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #D23A06;
    border-width: 8px;
    margin-left: -8px
}

.dr-tab-list li.active p:before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    background: #D23A06;
    height: 5px;
    border-radius: 0 0 3px 3px
}

.dr-form-heading-centered.two-lines span,
.dr-form-heading-centered:first-child.two-lines span {
    display: block;
    font-size: 24px;
    padding-top: 5px;
    font-weight: 500;
    text-align: center
}

.dr-form-heading-centered.two-lines span a,
.dr-form-heading-centered:first-child.two-lines span a {
    color: #00a2e2;
    text-align: center
}

.dr-form-heading-centered.no-radius,
.dr-form-heading-centered:first-child.no-radius {
    border-radius: 0;
    text-align: center
}

.module .dr-form-heading-centered,
.module .dr-form-heading-centered:first-child {
    color: #1D252C;
    margin: 0;
    font-family: Lato-Bold, Helvetica, Arial, sans-serif;
    font-weight: 700;
    border-radius: 5px 5px 0 0;
    text-align: center;
    padding-bottom: 24px
}

h2.dr-form-heading.two-lines::before {
    content: '';
    display: block;
    border: .1px solid #DAD7D3;
    margin: auto;
    margin-bottom: 26px
}

.dr-form-heading.two-lines span,
.dr-form-heading:first-child.two-lines span {
    display: block;
    font-size: 14px;
    padding-top: 5px;
    color: #888;
    font-family: 'Lato-Regular'
}

.dr-form-heading.two-lines span a,
.dr-form-heading:first-child.two-lines span a {
    color: #00a2e2;
    text-align: center
}

.dr-form-heading.no-radius,
.dr-form-heading:first-child.no-radius {
    border-radius: 0;
    text-align: center
}

.module .dr-form-heading,
.module .dr-form-heading:first-child {
    color: #1D252C;
    padding: 20px 30px 15px 30px;
    margin: 0;
    font-family: Lato-Bold, Helvetica, Arial, sans-serif;
    font-weight: 700
}

.checkedStatus {
    list-style: none
}

.module .box-important .padding-bottom {
    padding-bottom: 3% !important
}

.iconn-arrow-back {
    background-image: url(../img/icons.png);
    background-position: -276px -69px;
    width: 22px;
    height: 22px;
    transform: rotateY(180deg)
}

.module-rate-outer {
    font-family: Lato-Regular, Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #666;
    border: 1px solid #EBEBEB;
    border-radius: 5px;
    padding-top: 22px
}

.module-rate-inner {
    padding: 5% 5% 4% 4%;
    display: inline-block;
    font-family: Lato-Regular, Helvetica, Arial, sans-serif;
    font-weight: 400;
    color: #666
}

body .module .module-rate-inner+div.col12 {
    padding-bottom: 25px
}

.module-rate-inner+div.col12>.btn {
    margin-left: 25px
}

.module-rate-inner .info-medium {
    font-family: 'Lato-Bold';
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 0;
    padding: 30px 30px 10px 30px;
    background-color: #E4EAF0;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.module-rate-inner .info-medium+p {
    margin-top: 0;
    padding: 0 30px 25px 30px;
    background-color: #E4EAF0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    line-height: 17px
}

.module-rate-inner .info-medium::before {
    content: ' ';
    display: block;
    background: url(../img/icons/info-black-24dp.png) no-repeat;
    background-size: 16px 16px;
    width: 16px;
    height: 90px;
    margin: 2px 10px 0 0;
    float: left;
    position: initial
}

.module-rate-inner h3.bold {
    font-size: 16px;
    padding: 12px 0 6px 0
}

.module-rate-inner ul.arrows {
    font-size: 12px;
    font-family: 'Lato-Bold';
    color: #1D252C
}

.module-rollower-period>div:first-of-type p {
    padding: 8px 0
}

.module-rollower-period>.box-info {
    margin: 0 30px
}

.stick {
    position: fixed;
    top: 0
}

.discuss-height {
    height: 290px
}

.padding-side {
    margin: -2% 5% -2% 5%
}

.dr-align-list-right {
    text-align: left;
    margin-left: 49% !important
}

#dr-sticky-box {
    position: relative !important;
    height: 200px !important
}

.dr-floating-panel-heading {
    border-bottom: 1px solid #ccc;
    padding: 15px 0 15px 50px;
    font-weight: bold !important;
    border-radius: 5px 5px 0 0;
    background-color: #f7f8fa
}

.info-medium:before {
    left: 5px !important
}

.dr-panel-padding {
    padding: 1% 1% 1% 3% !important
}

.padding-bottom {
    padding-bottom: 3% !important
}

.info-highlight-black {
    color: black;
    font-weight: 700
}

.min-width {
    min-width: 495px !important
}

.module-rate-inner-grey {
    height: auto;
    background-color: #e4e4e4;
    padding: 1% 0 3% 7%;
    border-radius: 0 0 5px 5px
}

.dr-bottom-link {
    position: absolute;
    bottom: 15px
}

.dr-arrow-bold {
    font-weight: bold !important
}

.dr-pad-left {
    padding-left: 40px
}

.temp-inline-position {
    display: inline !important
}

@media all and (max-width: 1000px) {
    .module-rate-inner-grey {
        height: 55px;
        background-color: #e4e4e4;
        border-radius: 0 0 5px 5px
    }

    .col8-min-width {
        min-width: 100% !important
    }

    #dr-sticky-box {
        display: none
    }

    .padding-side {
        margin: 0 31px 0 31px
    }
}

.hideNumber {
    list-style-type: none
}

.checkboxsection label.error {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 5px
}

.alignTable {
    display: table
}

.alignTableCell {
    display: table-cell
}

.addPadding {
    padding-left: 5px
}

#DocumentUpload .row>div {
    margin-bottom: 10px !important;
    padding-bottom: 0 !important
}

#DocumentUpload .box-infos {
    padding-bottom: 20px;
    border: 0
}

#DocumentUpload .row .boxinfo {
    border: 2px solid #f60;
    border-radius: 5px;
    margin-top: 50px;
    padding-bottom: 25px !important
}

#DocumentUpload .box-infos .box-important {
    padding-bottom: 20px !important
}

#DocumentUpload .footerrow {
    padding: 0 16% 25px 16%
}

#DocumentUpload .footerrow>div {
    margin-bottom: 0 !important
}

#DocumentUpload .footerrow .btn-submit {
    margin-left: auto;
    margin-right: 10px
}

.file-label {
    height: 55px;
    line-height: 52px;
    border: #ccc 2px solid;
    border-radius: 5px;
    padding-left: 5px;
    margin-left: 15px
}

.file-input-label {
    border-radius: 5px
}

ul.icon-left li:before {
    left: 0 !important
}

.terms-and-conditions .footer-notice {
    display: block;
    padding: 12px 0 12px 0 !important;
    margin-top: -20px;
    text-align: center;
    width: 100%
}

.terms-and-conditions footer {
    margin-top: 20px
}

.terms-and-conditions .info-alt:before {
    display: block;
    top: 13.5px
}

.module [id^=spendAndSaveDiv] .padding .info-small {
    padding-top: 16px
}

table.action-table {
    margin-top: 20px;
    box-sizing: border-box;
    border-radius: 8px;
    background-color: #FFF;
    box-shadow: 0 0 0 1px #DAD7D3
}

table.action-table thead {
    background-color: #FFF6F2
}

table.action-table th {
    text-transform: none;
    color: #444;
    font-family: Lato-Bold;
    font-size: 14px;
    width: 14px
}

table.action-table th:first-child {
    border-top-left-radius: 8px;
    padding-left: 20px
}

table.action-table td:first-child {
    padding-left: 20px
}

.module [id^=spendAndSaveDiv] table th:first-child,
.module [id^=spendAndSaveDiv] table td:first-child {
    padding-left: 4px
}

table.action-table thead th:last-child {
    border-top-right-radius: 8px
}

table.action-table thead th:last-child,
table.action-table tbody td:last-child {
    padding-right: 22px
}

table.action-table tr:not([id]) {
    height: 49px
}

table.action-table tr[id] {
    font-size: 14px;
    color: #888;
    line-height: 27px
}

table.action-table:not(.no-hover) tbody tr:hover,
table.action-table:not(.no-hover) tbody tr:hover th,
table.action-table:not(.no-hover) tbody tr:hover td {
    background-color: #F8EEE3;
    cursor: pointer
}

table.action-table.no-hover tbody tr:hover,
table.action-table.no-hover tbody tr:hover th,
table.action-table.no-hover tbody tr:hover td {
    background-color: rgba(0, 0, 0, 0);
    cursor: default
}

table.action-table tr[id] td {
    border-top: 0;
    padding-top: 0;
    padding-bottom: 15px
}

table.action-table tbody tr {
    font-size: 16px
}

table.action-table tbody tr:not([id]) th {
    display: inline-block;
    margin-left: 26px;
    margin-top: 17px
}

#dr-sticky-box h3.dr-floating-panel-heading::before {
    content: none
}

#dr-sticky-box h3.dr-floating-panel-heading {
    background-color: #fff;
    border-bottom: 0;
    padding: 28px 28px 0 28px
}

#dr-sticky-box ul li {
    margin-left: 0
}

#dr-sticky-box ul li::marker {
    content: none
}

.module-do-more-tiles {
    width: 100%
}

.module-activate-card .box {
    border: 1px solid #DAD7D3;
    border-radius: 0;
    background-color: #FFF
}

.module-activate-card .box .alt-btn {
    color: #1D252C;
    background-color: #FF703E;
    border: 0;
    border-radius: 4px;
    padding: 12px 32px 11px 32px
}

.module-activate-card .box .alt-btn:hover {
    box-shadow: 4px 4px 8px 0 #DAD7D3;
    background-color: #FC4C02;
    color: #1D252C;
    border: 0
}

.module-activate-card .box ul li::before {
    content: none
}

.module-activate-card footer>div {
    padding-top: 25px
}

.module-statements .form-heading.two-lines {
    padding-top: 30px;
    padding-bottom: 25px;
    border-bottom: solid 1px #EBEBEB
}

.module-statements .row .box {
    border: 1px solid #EBEBEB;
    border-radius: 4px;
    background-color: #FFF
}

.module-statements .row .box h3:first-of-type {
    font-size: 24px;
    padding: 8px 0
}

.module .box.has-footer footer .col12 .btn {
    float: left
}

body .module-sub-nav.module-details-tab ul li {
    width: 16%
}

.module-loststolencard-dostep1 div.box.space-top,
.module-loststolencard-confstep2 div.box.space-top {
    margin-top: 10px
}

.module-loststolencard-dostep1 .align-heading p.bold {
    font-weight: normal
}

.module-loststolencard-dostep1 form.form {
    padding-top: 0
}

.module-loststolencard-dostep1 form>div.row {
    padding-bottom: 30px
}

.module-loststolencard-dostep1 form>div.row>div:nth-of-type(1) {
    padding: 45px 60px 0 0;
    width: auto
}

.module-cardupdates-success-error .box.space-top:first-of-type p.bold,
.module-loststolencard-confstep2 .box.space-top:first-of-type p.bold {
    font-weight: normal
}

.module-loststolencard-confstep2 footer.full-width {
    padding-top: 38px
}

.module-loststolencard-confstep2 .cardupdates-table {
    margin-top: 26px;
    background-color: #FFF;
    border: 1px solid #EBEBEB
}

.module-loststolencard-confstep2 .form-heading+.box.space-top {
    margin-bottom: 25px
}

.module.module-cardupdates-success-error footer {
    margin-top: 25px
}

.module-withdraw-with-penalty .form-heading+p {
    margin: 10px 0 3px 0;
    font-family: 'Lato-Bold'
}

.module-withdraw-with-penalty .box-info>h4 {
    font-size: 16px;
    font-family: 'Lato-Regular'
}

.module-withdraw-with-penalty .box-info>p {
    padding-left: 25px
}

body .module-withdraw-with-penalty div.padding footer.full-width,
body .module-withdraw-with-penalty-post div.padding footer.full-width {
    margin: 30px 0 0 0;
    max-width: none
}

body .module-withdraw-with-penalty div.padding footer.full-width>.col12 {
    min-width: 530px;
    max-width: 660px;
    margin-top: 10px
}

.module-withdraw-with-penalty-post footer .col4:first-of-type {
    display: inline-block;
    float: none
}

.module-withdraw-with-penalty-post footer .col4:nth-of-type(2) {
    display: inline-block;
    float: left;
    width: auto
}

.module-withdraw-with-penalty-post footer .col4:last-of-type {
    float: right;
    width: auto
}

.module-withdraw-with-penalty-post footer .btn-prev:not(.btn-secondary) {
    padding: 12px 15px;
    display: inline-block;
    width: auto
}

.zoom.module.notice-reminder-panel .vertical-cta {
    top: 46px;
    right: 28px
}

.notice-reminder-panel .info-small {
    margin-top: 10px;
    margin-bottom: 8px;
    width: 100%
}

.module-display-notice-on-account>.padding>.form-heading:first-child {
    margin-top: -10px
}

.module-display-notice-on-account>.padding>.box.space-top {
    margin-top: 10px
}

.module-display-notice-on-account>.padding>p:nth-of-type(1) {
    font-family: Lato-Bold;
    margin: 20px 0 5px 0
}

.module-display-notice-on-account>.padding>p:nth-of-type(2) {
    padding-top: 15px
}

.module-display-notice-on-account>.padding>.row .col5 {
    width: auto
}

span.fixed-placeholder.currency>span {
    background-color: rgba(1, 1, 1, 0);
    font-size: 14px
}

.module-display-notice-on-account>.padding>.full-width {
    margin-left: 0;
    right: 0
}

.module-withdraw-with-penalty-post .box-important-white {
    margin-top: 10px;
    border: 1px solid #EBEBEB;
    border-radius: 4px
}

.module-withdraw-with-penalty-post .box-important-white>.space-top {
    margin: 0;
    right: 0
}

.module-withdraw-with-penalty-post .box-important-white>.row {
    border: 1px solid #D23A06;
    border-radius: 4px;
    padding: 18px 24px
}

.module-withdraw-with-penalty-post .box-important-white>.row h3 {
    font-size: 14px;
    font-family: 'Lato-Regular';
    font-weight: normal;
    margin: 0
}

span.fixed-placeholder.currency label.error {
    display: block
}

.module-end-noticeperiod-early .box {
    margin-top: 10px;
    padding: 30px 28px;
    border: 1px solid #EBEBEB;
    border-radius: 4px;
    background-color: #FFF
}

.module-end-noticeperiod-early .box>h3 {
    font-size: 24px
}

.module-end-noticeperiod-early .box .space-top {
    margin-top: 20px
}

.module-end-noticeperiod-early .box h3.heading-excl {
    border: 1px solid #C70B14;
    border-radius: 4px;
    padding: 17px 24px;
    font-size: 14px
}

.module-end-noticeperiod-early .box-info {
    margin-top: 25px;
    padding: 30px 30px 20px 30px;
    background: #FFDACB;
    border: 1px solid #DAD7D3
}

.module-end-noticeperiod-early .box-info h4 {
    font-size: 16px;
    font-family: 'Lato-Regular'
}

.module-end-noticeperiod-early .box-info p {
    padding-left: 25px
}

.module-end-noticeperiod-early footer {
    margin-top: 40px
}

.module-end-noticeperiod-early .box-important {
    background: #FFF6F2
}

body .module-withdraw-with-penalty-succ footer.full-width {
    width: 530px;
    margin: 30px auto;
    right: unset
}

.module-withdraw-with-penalty-succ footer.full-width .col12 .btn {
    float: left
}

.module-withdraw-with-penalty-succ .box-important {
    background: #FFF6F2;
    border: 1px solid #D23A06
}

.module-det-sign-up1 footer {
    margin-top: 30px
}

.module-det-sign-up1 label.error {
    margin-left: 40px
}

#main>div:nth-child(5)>div>div>form>div>div.left.terms-validation>label.error {
    margin-left: 15px
}

.module-det-sign-up1 form.space-top {
    margin-top: 15px
}

body .module-two-factor+footer.full-width {
    margin: 30px auto;
    width: 530px
}

body .module-two-factor label.error {
    display: block
}

body div.module.module-pdf-reader {
    background: #FFF;
    border-radius: 8px;
    box-shadow: 0 0 15px 0 rgba(199, 199, 199, 0.2)
}

body div.module-pdf-reader>p::before {
    content: none
}

body div.module-pdf-reader>p {
    background: #FFF;
    font-size: 16px;
    font-family: 'Lato-Bold';
    color: #1D252C;
    margin: 0;
    padding: 27px
}

body .module.module-pdf-reader>p>a {
    padding-top: 40px;
    display: block;
    font-size: 14px
}

.module-view-statements>.padding>.row {
    margin: 20px 0;
    right: 0
}

.module-view-statements>.padding .box-info>p {
    padding-left: 25px
}

.module-view-statements>.padding .action-table .sub-header th {
    margin: 0;
    padding: 16px 30px;
    border: 0
}

.module-view-statements>.padding .action-table td.text-right ul {
    display: inline-block
}

.module-view-statements>.padding .action-table .sub-header:hover,
.module-view-statements>.padding .action-table .sub-header:hover th {
    background-color: transparent;
    cursor: default
}

.module-two-factor.alone {
    margin: 20px auto
}

.module-two-factor.alone+footer .col12 .btn {
    float: left
}

.module-text-alerts>div.row {
    margin: 0 30px;
    width: initial
}

.module-text-alerts .action-table {
    margin-top: 0
}

.module-text-alerts .action-table thead tr th:first-of-type {
    width: 50%
}

.module-text-alerts-det>div.row {
    margin: 0 30px;
    width: initial
}

.module-text-alerts-det.module-action-table .action-table tbody tr td:last-of-type ul {
    float: right
}

.module-text-alerts-det footer .col6:first-of-type a {
    float: left;
    margin-left: 30px
}

.module-text-alerts-det footer .col6:last-of-type a {
    float: right;
    margin-right: 30px
}

.module-notification-banner {
    display: flex;
    align-items: center;
    height: 64px;
    background-color: #FFDACB;
    color: #1D252C;
    font-size: 14px;
    border: 1px solid
}

.module-notification-banner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    background-color: #FFDACB;
    color: #1D252C;
    font-size: 14px;
    border: 1px solid #000;
    box-sizing: border-box;
    padding: 0 60px;
    text-align: center;
}

.module-notification-banner p {
    padding: 5px;
    margin: 0
}

.module-notification-banner a {
    opacity: .8;
    font-family: Lato-Bold;
    padding: 0 8px;
    text-decoration: underline
}

.module-notification-banner a:hover {
    opacity: 1
}

.module-notification-banner .btn-close {
    position: absolute;
    right: 20px;
    top: 0;
    margin: auto 0;
    width: 20px;
    height: 20px;
    opacity: .7;
}

.module-notification-banner .btn-close::before,
.module-notification-banner .btn-close::after {
    content: ' ';
    position: absolute;
    left: 15px;
    height: 15px;
    width: 2px;
    background-color: #D23A06
}

.module-notification-banner .btn-close::before {
    transform: rotate(45deg)
}

.module-notification-banner .btn-close::after {
    transform: rotate(-45deg)
}

.module-saving-application-description footer .btn {
    margin-top: 30px
}

.module-saving-application-description .footer-notice-alt {
    display: block;
    width: 100%;
    margin-top: 10px
}

.module-termsloan-selector-guide form ul li .col:nth-of-type(3),
.module-saving-application-step1 form ul li .col:nth-of-type(3) {
    width: auto
}

.module-saving-application-step1 form footer>div {
    margin-top: 25px
}

.module-saving-application-description .footer-notice-alt::before {
    top: 17px;
    left: 12px
}

.module-conf-deposit-info-sheet2 form footer {
    margin-top: 30px
}

.module-conf-deposit-info-sheet2 form label.error {
    display: block;
    padding-left: 42px;
    margin-top: 5px
}

.module-conf-deposit-info-sheet2 form label:first-of-type {
    padding-left: 10px
}

.module-conf-deposit-info-sheet2 form input[type=checkbox] {
    margin-top: 3px
}

.module-conf-deposit-info-sheet2 form .box h3 {
    padding-bottom: 8px
}

.module-termloan-conffulfilmentstep2 .box ul li::before,
.module-termsloan-selector-guide #available-products .box ul li::before,
.module-conf-apply-step4 .box ul li::before,
.module-conf-apply-step3 .box ul li::before {
    content: none
}

.module-conf-apply-step3 footer {
    margin-top: 30px
}

.module-termsloan-selector-guide #available-products .box,
.module-conf-apply-step4 .box,
.module-conf-apply-step3 .box {
    background: 0;
    border: 1px solid #DAD7D3
}

#main>form>div>div.module.module-conf-apply-step3>div>div.box.narrow.space-top>ul.static>li:nth-child(7)>h4 {
    text-align: left
}

.module-termsloan-verify-address .box .icon-top::before {
    top: 10px;
    left: -3px !important
}

.module-termsloan-verify-address footer {
    margin-top: 30px
}

.module-termsloan-selector-guide #available-products .btn {
    height: 40px
}

.module-termsloan-selector-guide #available-products .repayment-table .col-m8 {
    float: none
}

.module-termsloan-selector-guide form li.active a {
    color: #D23A06;
    text-decoration: none
}

.module-termsloan-selector-guide form li.active a:hover {
    color: #FC4C02;
    text-decoration: none
}

.module-termloan-step1 .form ul li.active .col .info-small {
    color: #666
}

.module-termloanapp-desc footer>div {
    width: auto
}

.module-termloanapp-desc footer>div:nth-of-type(1) {
    float: none;
    display: inline-block;
    margin: 0 5px
}

.module-termloanapp-desc footer>div:nth-of-type(2) {
    float: left;
    margin-right: 5px
}

.module-termloanapp-desc footer>div:last-of-type {
    float: right
}

.module-termloan-step1 .box.space-top {
    margin-top: 10px
}

.module-termloan-step1 .form fieldset.active {
    background-color: white;
    border: 0
}

.module-termloan-step1 .form footer {
    margin-top: 30px
}

.module-termloan-step1 footer>div {
    width: auto;
    margin: 0 5px
}

.module-termloan-step1 footer>div:first-of-type {
    float: none;
    display: inline-block
}

.module-termloan-step1 footer>div:nth-of-type(2) {
    float: left;
    margin-left: 0
}

.module-termloan-step1 footer>div:last-of-type {
    float: right;
    margin-right: 0
}

.module-termloan-step1 .form ul.single .btn.link:hover,
.module-termloan-step1 .form ul.single .btn.link {
    padding-left: 32px
}

.module-termloan-step1 form ul.single .col.add-outgoing {
    float: none;
    margin: auto;
    padding-left: 0
}

.module-termloan-step2 ul li::before {
    content: none
}

.module-termloan-conffulfilmentstep2 .padding .box:first-of-type,
.module-termloan-step2>.padding>.box {
    background: 0;
    border: 1px solid #EBEBEB
}

.module-termloan-step2 .box-important .heading-info {
    padding-left: 30px
}

.module-termloan-step2 .box-important .heading-info::before {
    top: 23px
}

.module-termloan-step2 .box-important label {
    padding-left: 10px
}

.module-termloan-step2 .box-important label.error {
    padding-left: 25px
}

.module-termloan-step2 .box-important input[type=checkbox] {
    top: 2px;
    position: relative
}

#main>div.row.sticky-parent>div.col-m4.gutter-m-left-half.scroll-sticky>div>div.module.hide-small>div>p.no-margin-bottom {
    padding-bottom: 15px
}

#main>div:nth-child(3)>div>div>div>div.col9.col-m10.padding-left>h1,
#main>div:nth-child(4)>div>div>div>div.col9.col-m10.padding-left>h1 {
    font-size: 1.9em;
    color: #1D252C;
    margin: 0 0 10px 0
}

#main>div:nth-child(3)>div>div>div>div.col9.col-m10.padding-left>p,
#main>div:nth-child(4)>div>div>div>div.col9.col-m10.padding-left>p {
    margin-top: 0;
    font-size: 1.15em;
    font-family: Lato-Regular, Helvetica, Arial, sans-serif;
    font-weight: 400
}

div.col.module-saving-application-description>div>div>div:nth-child(9)>footer>div:nth-child(2) {
    width: 100%
}

.module-termloan-step2 footer {
    margin-top: 30px
}

.module-termloan-step2 footer div {
    width: auto
}

#anchor2>div.module-rate-inner>p.info-medium,
#anchor3>div.module-rate-inner>p.info-medium,
#anchor1>div.module-rate-inner>p.info-medium,
#anchor4>div.module-rate-inner>p.info-medium,
#anchor5>div.module-rate-inner>p.info-medium {
    background-color: #FFDACB;
    border-top: 1px solid #DAD7D3;
    border-right: 1px solid #DAD7D3;
    border-left: 1px solid #DAD7D3
}

#anchor2>div.module-rate-inner>p.info-medium+p,
#anchor3>div.module-rate-inner>p.info-medium+p,
#anchor1>div.module-rate-inner>p.info-medium+p,
#anchor4>div.module-rate-inner>p.info-medium+p,
#anchor5>div.module-rate-inner>p.info-medium+p {
    background-color: #FFDACB;
    border-bottom: 1px solid #DAD7D3;
    border-right: 1px solid #DAD7D3;
    border-left: 1px solid #DAD7D3
}

.module-termloan-step2 footer div:nth-of-type(1),
.module-termloan-step2 footer div:nth-of-type(2) {
    padding: 10px;
    float: none;
    display: inline-block
}

.module-termloan-step2 footer div:nth-of-type(3),
.module-termloan-step2 footer div:nth-of-type(4) {
    margin: 0 5px
}

.module-termloan-step2 footer div:nth-of-type(3) {
    margin-left: 0
}

.module-termloan-step2 footer div:last-of-type {
    float: right
}

div.module.module-activate-card footer.row.full-width.activate-card {
    margin-left: unset
}

.module-termloan-fulfilmentstep1 form ul:first-of-type li {
    position: relative
}

.module-termloan-fulfilmentstep1 form ul:first-of-type li div.key {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.module-termloan-fulfilmentstep1 form ul:first-of-type li div.value {
    float: right
}

.module-termloan-fulfilmentstep1 form ul li div.value p {
    font-size: 14px;
    font-family: 'Lato-Medium'
}

.module-termloan-fulfilmentstep1 form .box-info {
    margin-bottom: 30px
}

.module-termloan-fulfilmentstep1 form input[type=checkbox] {
    vertical-align: middle
}

.module-termloan-fulfilmentstep1 form label[for=repayment-authorisation] {
    padding: 10px
}

#main>div.col.module-saving-application-description>div>div>div:nth-child(9)>div.box-important.space-top>div.align-heading {
    padding-left: unset
}

.module-termloan-fulfilmentstep1 form label[for=repayment-authorisation].error {
    padding: 0
}

.module-termloan-fulfilmentstep1 ul.static li .value {
    font-size: 16px
}

.module-termloan-conffulfilmentstep2 form .padding .info-small,
.module-termloan-fulfilmentstep1 form .padding .info-small {
    padding-bottom: 16px
}

.module-termloan-conffulfilmentstep2 form>div>div>input[type=checkbox] {
    vertical-align: middle
}

.module-termloan-conffulfilmentstep2 form footer,
.module-termloan-fulfilmentstep1 form footer {
    padding: 0 30px
}

.module-termloan-conffulfilmentstep2 label.error {
    display: block
}

.module-termloan-conffulfilmentstep2 .box:first-of-type {
    padding-top: 10px
}

.module-termloan-conffulfilmentstep2 .padding .padding>p:first-of-type {
    margin: 25px 5px
}

.module-termloan-conffulfilmentstep2 form>div>div>label {
    padding-left: 12px
}

.module-termloan-subfulfilment4 footer>div {
    width: 530px;
    margin: 30px auto 0 auto
}

.module-termloan-subfulfilment4 .box-important {
    background-color: #FFF6F2
}

.module-termloan-subfulfilment4 footer .btn-submit {
    margin: 0 auto
}

body .module-termloan-anycombi .padding footer.full-width,
.module-termloan-approved .padding footer.full-width,
.module-acceptable-docs .padding footer.full-width,
.module-termloan-ppsn .padding footer.full-width,
.module-termloan-aml .padding footer.full-width,
.module-termloan-decline footer>div,
.module-termloan-referral footer>div,
.module-termloan-dedutctaccount footer>div,
.module-termloan-cachsecured footer>div {
    width: 530px;
    margin: 0 auto
}

.module-reissuepin-success-error .box-important {
    background: #FFF6F2
}

.module-application-approved .box-important,
.module-document-upload .box-important,
.module-structure-document .box-important,
.module-nonstructure-document .box-important {
    background-color: #FFF6F2
}

.module-application-approved #secci-error {
    display: block
}

.module-application-approved footer {
    padding-top: 30px
}

.module-application-approved footer .btn-secondary,
.module-application-approved footer .btn-secondary:hover {
    display: inline-block
}

.module-application-approved footer .btn-submit {
    margin-right: 0
}

.module-document-upload .box-important [type=radio] {
    vertical-align: middle;
    margin-right: 8px
}

.module-document-upload .footerrow .btn-secondary,
.module-document-upload .footerrow .btn-secondary:hover,
.module-structure-document .footerrow .btn-secondary,
.module-structure-document .footerrow .btn-secondary:hover {
    display: inline-block;
    margin-left: 10px
}

.module-document-upload .btn.file-input-label {
    width: auto
}

.module-document-upload .file-label {
    height: 40px;
    align-items: center;
    display: inline-flex
}

.module-structure-document .box-infos,
.module-nonstructure-document .box-infos {
    margin-top: 25px
}

.module-structure-document .footerrow .btn-next {
    margin-left: auto;
    margin-right: 10px
}

.module-requestinterestcertificate .form>p:last-of-type,
.module-requestinterestcertificate .form>div:last-of-type {
    margin-bottom: 28px
}

.module-requestinterestcertificate .box-important {
    background-color: #FFF6F2
}

.module-requestinterestcertificate .box-important .heading-error {
    padding-left: 70px
}

.module-requestinterestcertificate .info-small:before {
    top: 13px
}

.module-requestinterestcertificate .info-small>p {
    margin-top: 0;
    margin-bottom: 10px
}

.module-requestinterestcertificate .info-small>p:last-of-type {
    margin-bottom: 0
}

.module-view-aisp-cisp .module-sub-nav li a {
    display: flex;
    align-items: center;
    justify-content: center
}

.module-view-aisp-cisp .module-account {
    padding: 20px;
    margin-right: 0
}

.module-view-aisp-cisp .action-table {
    width: 100%;
    table-layout: fixed;
    overflow-x: auto;
    white-space: normal;
    border: 0;
    border-radius: 8px 8px 0 0
}

.module-view-aisp-cisp table.dataTable.no-footer {
    border: 0
}

.module-view-aisp-cisp .action-table thead {
    background-color: #F8EEE3
}

.module-view-aisp-cisp .dataTables_wrapper {
    margin-top: 20px;
    box-shadow: 0 0 0 1px #DAD7D3;
    border-radius: 8px
}

.module-view-aisp-cisp .dataTables_wrapper .dataTables_info {
    padding-left: 15px;
    padding-top: 18px
}

.module-view-aisp-cisp .dataTables_wrapper .dataTables_paginate {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    display: flex;
    align-items: center;
    padding-top: 0;
    margin-top: 15px;
    background-color: #F8EEE3
}

.module-view-aisp-cisp .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #D23A06 !important
}

.module-view-aisp-cisp .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border-color: transparent;
    color: #FC4C02 !important;
    background: 0
}

.module-view-aisp-cisp .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.module-view-aisp-cisp .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    color: #D23A06 !important
}

.module-view-aisp-cisp #table-container .action-table th {
    white-space: normal;
    border-bottom: 0
}

.module-view-aisp-cisp #table-container table.action-table tr.odd {
    background-color: transparent
}

.module-view-aisp-cisp #table-container table.action-table tr.even {
    background-color: #FFF6F2
}

.module-view-aisp-cisp #table-container .action-table th.sorting_asc,
.module-view-aisp-cisp #table-container .action-table th.sorting_desc {
    background-color: #FFDACB
}

.module-view-aisp-cisp #table-container .action-table td[class*="sorting_"] {
    background-color: transparent
}

.module-view-aisp-cisp #table-container .action-table tbody tr:hover {
    background-color: #F8EEE3
}

.module-view-aisp-cisp #table-container .dataTable tbody tr {
    background-color: transparent
}

.module-confirm-revoke footer .btn,
.module-confirm-revoke footer .btn:hover {
    display: inline-block
}

.module-confirm-revoke footer .btn-submit {
    float: right
}

.module.module-cheque-search .box-important {
    background-color: #FFF6F2
}

.module-savingapplication-subapplystep5 .box-important {
    background-color: #FFF6F2
}

.module-deposit-info-sheet {
    background-color: #FFF6F2
}

.module-account.module-rewards-cashback+.module {
    background: 0;
    box-shadow: none;
    margin-top: 13px
}

.personal-settings-module+.module {
    background: 0;
    box-shadow: none;
    margin-top: -5px
}

.module-do-more>.module.col12 {
    background: 0;
    margin-top: 30px;
    box-shadow: none
}

.module-termsloan-selector-guide footer .col {
    position: relative;
    float: left;
    width: 33.333%;
    padding-left: 20px;
    padding-right: 20px
}

.module-termsloan-selector-guide footer {
    margin-left: -60px !important;
    right: -30px !important
}

.module-termsloan-selector-guide footer .col12 {
    position: relative;
    float: left;
    width: 360px !important
}