hr {
border: 0;
height: 1px;
padding: 0;
background: #4194cb;
}
/*Colors*//* Reset CSS */
a,
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
button,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
outline: none;
background-color: transparent;
}
a ol,
abbr ol,
address ol,
article ol,
aside ol,
audio ol,
b ol,
blockquote ol,
body ol,
button ol,
canvas ol,
caption ol,
cite ol,
code ol,
dd ol,
del ol,
details ol,
dfn ol,
dialog ol,
div ol,
dl ol,
dt ol,
em ol,
fieldset ol,
figcaption ol,
figure ol,
footer ol,
form ol,
h1 ol,
h2 ol,
h3 ol,
h4 ol,
h5 ol,
h6 ol,
header ol,
hgroup ol,
html ol,
i ol,
iframe ol,
img ol,
ins ol,
kbd ol,
label ol,
legend ol,
li ol,
mark ol,
menu ol,
nav ol,
object ol,
ol ol,
p ol,
pre ol,
q ol,
samp ol,
section ol,
small ol,
span ol,
strong ol,
sub ol,
summary ol,
sup ol,
table ol,
tbody ol,
td ol,
tfoot ol,
th ol,
thead ol,
time ol,
tr ol,
ul ol,
var ol,
video ol,
a ul,
abbr ul,
address ul,
article ul,
aside ul,
audio ul,
b ul,
blockquote ul,
body ul,
button ul,
canvas ul,
caption ul,
cite ul,
code ul,
dd ul,
del ul,
details ul,
dfn ul,
dialog ul,
div ul,
dl ul,
dt ul,
em ul,
fieldset ul,
figcaption ul,
figure ul,
footer ul,
form ul,
h1 ul,
h2 ul,
h3 ul,
h4 ul,
h5 ul,
h6 ul,
header ul,
hgroup ul,
html ul,
i ul,
iframe ul,
img ul,
ins ul,
kbd ul,
label ul,
legend ul,
li ul,
mark ul,
menu ul,
nav ul,
object ul,
ol ul,
p ul,
pre ul,
q ul,
samp ul,
section ul,
small ul,
span ul,
strong ul,
sub ul,
summary ul,
sup ul,
table ul,
tbody ul,
td ul,
tfoot ul,
th ul,
thead ul,
time ul,
tr ul,
ul ul,
var ul,
video ul {
list-style: none;
}
*:focus,
*:active,
*:hover {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
outline: none;
}
html,
body {
width: 100%;
height: 100%;
font: 100%;
margin: 0px;
padding: 0px;
-webkit-text-size-adjust: none;
}
/*input[type="text"], input[type="password"] {
-webkit-user-modify: read-write-plaintext-only;
}
textarea {
-webkit-user-modify: read-write-plaintext-only;
}*/
#content {
font-family: 'DxRg';
overflow: hidden;
margin: 0 auto;
}
#content #background {
position: absolute;
width: 100%;
height: 100%;
z-index: -2;
background-repeat: no-repeat;
background-size: cover;
background-color: #006AC3;
}
@media only screen {
}
@media only screen and (orientation: portrait) {
.bmo-phone #content #background {
background-image: url(bkgrd_720x1280.png);
}
}
@media only screen and (orientation: landscape) {
.bmo-phone #content #background {
background-image: url(bkgrd_1280x720.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px) and (max-aspect-ratio: 4/3) {
.bmo-phone #content #background {
background-image: url(bkgrd_320x480.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px) and (min-aspect-ratio: 4/3) {
.bmo-phone #content #background {
background-image: url(bkgrd_480x320.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 480px) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 480px) and (max-aspect-ratio: 4/3) {
.bmo-phone #content #background {
background-image: url(bkgrd_480x800.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 480px) and (min-aspect-ratio: 4/3) {
.bmo-phone #content #background {
background-image: url(bkgrd_800x480.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 96dpi) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-aspect-ratio: 4/3), (min-resolution: 96dpi) and (max-aspect-ratio: 4/3) {
.bmo-phone #content #background {
background-image: url(bkgrd_480x800.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-aspect-ratio: 4/3), (min-resolution: 96dpi) and (min-aspect-ratio: 4/3) {
.bmo-phone #content #background {
background-image: url(bkgrd_800x480.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 320px) and (max-device-width: 480px) and (max-device-height: 480px) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 320px) and (max-device-width: 480px) and (max-device-height: 480px) and (max-aspect-ratio: 4/3) {
.bmo-phone #content #background {
background-image: url(bkgrd_640x960.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 320px) and (max-device-width: 480px) and (max-device-height: 480px) and (min-aspect-ratio: 4/3) {
.bmo-phone #content #background {
background-image: url(bkgrd_960x640.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 320px) and (min-device-height: 480px) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 320px) and (min-device-height: 480px) and (orientation: portrait) {
.bmo-phone #content #background {
background-image: url(bkgrd_640x1136.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 320px) and (min-device-height: 480px) and (orientation: landscape) {
.bmo-phone #content #background {
background-image: url(bkgrd_1136x640.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 340px) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 340px) and (max-aspect-ratio: 4/3) {
.bmo-phone #content #background {
background-image: url(bkgrd_720x1280.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 340px) and (min-aspect-ratio: 4/3) {
.bmo-phone #content #background {
background-image: url(bkgrd_1280x720.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 384px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 342px) and (orientation: portrait), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 569px) and (orientation: landscape) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 384px) and (max-aspect-ratio: 4/3), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 342px) and (orientation: portrait) and (max-aspect-ratio: 4/3), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 569px) and (orientation: landscape) and (max-aspect-ratio: 4/3) {
.bmo-phone #content #background {
background-image: url(bkgrd_768x1280.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 384px) and (min-aspect-ratio: 4/3), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 342px) and (orientation: portrait) and (min-aspect-ratio: 4/3), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 569px) and (orientation: landscape) and (min-aspect-ratio: 4/3) {
.bmo-phone #content #background {
background-image: url(bkgrd_1280x768.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (device-height: 360px) and (device-width: 360px) {
.bmo-phone #content #background {
background-image: url(bkgrd_720x720.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), (min-resolution: 288dpi) and (orientation: portrait) {
.bmo-phone #content #background {
background-image: url(bkgrd_1080x1920.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), (min-resolution: 288dpi) and (orientation: landscape) {
.bmo-phone #content #background {
background-image: url(bkgrd_1920x1080.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet #content #background {
background-image: url(bkgrd_1024x1024.jpg);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet #content #background {
background-image: url(bkgrd_2048x2048.jpg);
}
}
#content #marketing-background {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
}
.bmo-tablet #content #marketing-background {
background-size: cover;
background-repeat: no-repeat;
background-color: transparent;
background-position: center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet #content #marketing-background {
background-image: url(bkgrd_marketing.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet #content #marketing-background {
background-image: url(bkgrd_marketing.png);
}
}
#splashScreen {
background-repeat: no-repeat;
background-size: cover;
background-color: #0079c1;
-webkit-transition: opacity, 500ms, ease-in-out;
-moz-transition: opacity, 500ms, ease-in-out;
-o-transition: opacity, 500ms, ease-in-out;
transition: opacity, 500ms, ease-in-out;
position: absolute;
height: 100%;
width: 100%;
z-index: 2147483647;
opacity: 1;
display: none;
}
@media only screen {
}
@media only screen and (orientation: portrait) {
.bmo-phone #splashScreen {
background-image: url(bkgrd_720x1280.png);
}
}
@media only screen and (orientation: landscape) {
.bmo-phone #splashScreen {
background-image: url(bkgrd_1280x720.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px) and (max-aspect-ratio: 4/3) {
.bmo-phone #splashScreen {
background-image: url(bkgrd_320x480.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px) and (min-aspect-ratio: 4/3) {
.bmo-phone #splashScreen {
background-image: url(bkgrd_480x320.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 480px) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 480px) and (max-aspect-ratio: 4/3) {
.bmo-phone #splashScreen {
background-image: url(bkgrd_480x800.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 480px) and (min-aspect-ratio: 4/3) {
.bmo-phone #splashScreen {
background-image: url(bkgrd_800x480.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 96dpi) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-aspect-ratio: 4/3), (min-resolution: 96dpi) and (max-aspect-ratio: 4/3) {
.bmo-phone #splashScreen {
background-image: url(bkgrd_480x800.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-aspect-ratio: 4/3), (min-resolution: 96dpi) and (min-aspect-ratio: 4/3) {
.bmo-phone #splashScreen {
background-image: url(bkgrd_800x480.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 320px) and (max-device-width: 480px) and (max-device-height: 480px) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 320px) and (max-device-width: 480px) and (max-device-height: 480px) and (max-aspect-ratio: 4/3) {
.bmo-phone #splashScreen {
background-image: url(bkgrd_640x960.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 320px) and (max-device-width: 480px) and (max-device-height: 480px) and (min-aspect-ratio: 4/3) {
.bmo-phone #splashScreen {
background-image: url(bkgrd_960x640.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 320px) and (min-device-height: 480px) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 320px) and (min-device-height: 480px) and (orientation: portrait) {
.bmo-phone #splashScreen {
background-image: url(bkgrd_640x1136.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 320px) and (min-device-height: 480px) and (orientation: landscape) {
.bmo-phone #splashScreen {
background-image: url(bkgrd_1136x640.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 340px) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 340px) and (max-aspect-ratio: 4/3) {
.bmo-phone #splashScreen {
background-image: url(bkgrd_720x1280.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 340px) and (min-aspect-ratio: 4/3) {
.bmo-phone #splashScreen {
background-image: url(bkgrd_1280x720.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 384px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 342px) and (orientation: portrait), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 569px) and (orientation: landscape) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 384px) and (max-aspect-ratio: 4/3), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 342px) and (orientation: portrait) and (max-aspect-ratio: 4/3), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 569px) and (orientation: landscape) and (max-aspect-ratio: 4/3) {
.bmo-phone #splashScreen {
background-image: url(bkgrd_768x1280.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 384px) and (min-aspect-ratio: 4/3), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 342px) and (orientation: portrait) and (min-aspect-ratio: 4/3), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 569px) and (orientation: landscape) and (min-aspect-ratio: 4/3) {
.bmo-phone #splashScreen {
background-image: url(bkgrd_1280x768.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (device-height: 360px) and (device-width: 360px) {
.bmo-phone #splashScreen {
background-image: url(bkgrd_720x720.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), (min-resolution: 288dpi) and (orientation: portrait) {
.bmo-phone #splashScreen {
background-image: url(bkgrd_1080x1920.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), (min-resolution: 288dpi) and (orientation: landscape) {
.bmo-phone #splashScreen {
background-image: url(bkgrd_1920x1080.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet #splashScreen {
background-image: url(bkgrd_1024x1024.jpg);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet #splashScreen {
background-image: url(bkgrd_2048x2048.jpg);
}
}
#splashScreen .logo-container {
top: 50%;
left: 50%;
position: absolute;
margin-top: -39px;
margin-left: -110px;
}
.browserCheckError {
display: none;
}
.noScript {
padding-top: 50px;
}
.noScript .errorInScreen {
-webkit-box-shadow: none;
box-shadow: none;
}
.focusedBlue {
background-color: #004d7a;
}
.pressedState {
background-color: rgba(0, 0, 0, 0.2);
}
.pressedState1 {
background-color: #d9d9d9;
}
.focusedState {
background-color: #b3b3b3;
}
.marginTopSpacer10 {
margin-top: 10px;
}
.marginTopSpacer15 {
margin-top: 15px;
}
.marginTopSpacer20 {
margin: 20px 0 0 0;
}
.marginTopSpacer30 {
margin: 30px 0 0 0;
}
.marginBottomSpacer10 {
margin-bottom: 10px;
}
.marginBottomSpacer15 {
margin-bottom: 15px;
}
.marginBottomSpacer20 {
margin: 0 0 20px 0;
}
.marginBottomSpacer30 {
margin: 0 0 30px 0;
}
.lineBreak {
clear: both;
}
.btn_base {
-webkit-border-radius: 4px;
border-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 100%;
margin: 0px;
padding: 2px 0px;
}
.btn_pri_default {
-webkit-border-radius: 4px;
border-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 100%;
margin: 0px;
padding: 2px 0px;
}
.bmo-phone .btn_pri_default {
font-family: 'DXBD';
font-size: 16px;
font-weight: none;
color: #00000;
line-height: 18px;
border: 1px solid #188FCF;
background-color: #188FCF;
background: -webkit-linear-gradient(top, #188FCF, #188FCF 78%, #188FCF 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #188FCF), color-stop(78%, #188FCF), color-stop(100%, #188FCF));
background: -ms-linear-gradient(top, #188FCF, #188FCF 78%, #188FCF 100%);
background: -o-linear-gradient(top, #188FCF, #188FCF 78%, #188FCF 100%);
background: linear-gradient(top, #188FCF, #188FCF 78%, #188FCF 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorBlue5', endColorstr='@btnPriDefColor1', GradientType=0);
}
.bmo-tablet .btn_pri_default {
font-family: 'DXBD';
font-size: 18px;
color: #ffffff;
background: none;
filter: none;
background-color: #66afda;
border: none;
}
.bmo-tablet .btn_pri_default sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-phone .btn_pri_default:focus {
background-color: #0079c1;
border-style: none;
border: none;
}
.bmo-tablet .btn_pri_default:focus {
background: none;
filter: none;
background-color: #ffffff;
border: 3px solid #d6d6d6;
}
.bmo-tablet .btn_pri_default:focus {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
border: 3px solid #d6d6d6;
}
.bmo-tablet .btn_pri_default:focus sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-phone .btn_pri_default:active {
background-color: #298fd9;
background: -webkit-gradient(linear, left top, left bottom, color-stop(22%, #298fd9), color-stop(100%, #58baea));
background: -webkit-linear-gradient(top, #298fd9 22%, #58baea 100%);
background: -o-linear-gradient(top, #298fd9 22%, #58baea 100%);
background: -ms-linear-gradient(top, #298fd9 22%, #58baea 100%);
background: linear-gradient(to bottom, #298fd9 22%, #58baea 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@btnPriDefColor3', endColorstr='@colorBlue5', GradientType=0);
}
.bmo-tablet .btn_pri_default:active {
background: none;
filter: none;
background-color: #ffffff;
border: 3px solid #d6d6d6;
}
.bmo-tablet .btn_pri_default:active {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
border: 3px solid #d6d6d6;
}
.bmo-tablet .btn_pri_default:active sup {
font-size: 12px;
margin-left: 2px;
}
.btn_pri_default_sml_text {
-webkit-border-radius: 4px;
border-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 100%;
margin: 0px;
padding: 2px 0px;
}
.bmo-phone .btn_pri_default_sml_text {
font-family: 'DXBD';
font-size: 14px;
line-height: 16px;
color: #ffffff;
border: 1px solid #43a3e0;
background-color: #58baea;
background: -webkit-linear-gradient(top, #58baea, #298fd9 78%, #47a8e3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #58baea), color-stop(78%, #298fd9), color-stop(100%, #47a8e3));
background: -ms-linear-gradient(top, #58baea, #298fd9 78%, #47a8e3 100%);
background: -o-linear-gradient(top, #58baea, #298fd9 78%, #47a8e3 100%);
background: linear-gradient(top, #58baea, #298fd9 78%, #47a8e3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorBlue5', endColorstr='@btnPriDefColor1', GradientType=0);
}
.bmo-tablet .btn_pri_default_sml_text {
font-family: 'DXBD';
font-size: 18px;
color: #ffffff;
background: none;
filter: none;
background-color: #66afda;
border: none;
}
.bmo-tablet .btn_pri_default_sml_text sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-phone .btn_pri_default_sml_text:focus {
background-color: #0079c1;
border-style: none;
border: none;
}
.bmo-tablet .btn_pri_default_sml_text:focus {
background: none;
filter: none;
background-color: #ffffff;
border: 3px solid #d6d6d6;
}
.bmo-tablet .btn_pri_default_sml_text:focus {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
border: 3px solid #d6d6d6;
}
.bmo-tablet .btn_pri_default_sml_text:focus sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-phone .btn_pri_default_sml_text:active {
background-color: #298fd9;
background: -webkit-gradient(linear, left top, left bottom, color-stop(22%, #298fd9), color-stop(100%, #58baea));
background: -webkit-linear-gradient(top, #298fd9 22%, #58baea 100%);
background: -o-linear-gradient(top, #298fd9 22%, #58baea 100%);
background: -ms-linear-gradient(top, #298fd9 22%, #58baea 100%);
background: linear-gradient(to bottom, #298fd9 22%, #58baea 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@btnPriDefColor3', endColorstr='@colorBlue5', GradientType=0);
}
.bmo-tablet .btn_pri_default_sml_text:active {
background: none;
filter: none;
background-color: #ffffff;
border: 3px solid #d6d6d6;
}
.bmo-tablet .btn_pri_default_sml_text:active {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
border: 3px solid #d6d6d6;
}
.bmo-tablet .btn_pri_default_sml_text:active sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-phone .btn_pri_default_sml_text:press {
background-color: #298fd9;
background: -webkit-gradient(linear, left top, left bottom, color-stop(22%, #298fd9), color-stop(100%, #58baea));
background: -webkit-linear-gradient(top, #298fd9 22%, #58baea 100%);
background: -o-linear-gradient(top, #298fd9 22%, #58baea 100%);
background: -ms-linear-gradient(top, #298fd9 22%, #58baea 100%);
background: linear-gradient(to bottom, #298fd9 22%, #58baea 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@btnPriDefColor3', endColorstr='@colorBlue5', GradientType=0);
}
.bmo-tablet .btn_pri_default_sml_text:press {
background: none;
filter: none;
background-color: #ffffff;
border: 3px solid #d6d6d6;
}
.bmo-phone .btn_pri_focus {
background-color: #0079c1;
border-style: none;
border: none;
}
.bmo-tablet .btn_pri_focus {
background: none;
filter: none;
background-color: #ffffff;
border: 3px solid #d6d6d6;
}
.bmo-phone .btn_pri_press {
background-color: #298fd9;
background: -webkit-gradient(linear, left top, left bottom, color-stop(22%, #298fd9), color-stop(100%, #58baea));
background: -webkit-linear-gradient(top, #298fd9 22%, #58baea 100%);
background: -o-linear-gradient(top, #298fd9 22%, #58baea 100%);
background: -ms-linear-gradient(top, #298fd9 22%, #58baea 100%);
background: linear-gradient(to bottom, #298fd9 22%, #58baea 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@btnPriDefColor3', endColorstr='@colorBlue5', GradientType=0);
}
.bmo-tablet .btn_pri_press {
background: none;
filter: none;
background-color: #ffffff;
border: 3px solid #d6d6d6;
}
.btn_pri_inactive {
-webkit-border-radius: 4px;
border-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 100%;
margin: 0px;
padding: 2px 0px;
}
.bmo-phone .btn_pri_inactive {
font-family: 'DXBD';
font-size: 18px;
color: #ffffff;
border: 1px solid #6ab6e6;
background-color: #aadbf4;
background: -webkit-linear-gradient(top, #aadbf4, #96c8eb 78%, #aadbf4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aadbf4), color-stop(78%, #96c8eb), color-stop(100%, #aadbf4));
background: -ms-linear-gradient(top, #aadbf4, #96c8eb 78%, #aadbf4 100%);
background: -o-linear-gradient(top, #aadbf4, #96c8eb 78%, #aadbf4 100%);
background: linear-gradient(top, #aadbf4, #96c8eb 78%, #aadbf4 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@btnPriColor', endColorstr='@btnPriColor', GradientType=0);
}
.bmo-tablet .btn_pri_inactive {
font-family: 'DXBD';
font-size: 18px;
color: #999999;
background: none;
filter: none;
background-color: #d6d6d6;
border: none;
}
.bmo-tablet .btn_pri_inactive sup {
font-size: 12px;
margin-left: 2px;
}
.btn_pri_inactive_sml_text {
-webkit-border-radius: 4px;
border-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 100%;
margin: 0px;
padding: 2px 0px;
}
.bmo-phone .btn_pri_inactive_sml_text {
font-family: 'DXBD';
font-size: 14px;
line-height: 16px;
color: #ffffff;
border: 1px solid #6ab6e6;
background-color: #aadbf4;
background: -webkit-linear-gradient(top, #aadbf4, #96c8eb 78%, #aadbf4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aadbf4), color-stop(78%, #96c8eb), color-stop(100%, #aadbf4));
background: -ms-linear-gradient(top, #aadbf4, #96c8eb 78%, #aadbf4 100%);
background: -o-linear-gradient(top, #aadbf4, #96c8eb 78%, #aadbf4 100%);
background: linear-gradient(top, #aadbf4, #96c8eb 78%, #aadbf4 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@btnPriColor', endColorstr='@btnPriColor', GradientType=0);
}
.bmo-tablet .btn_pri_inactive_sml_text {
font-family: 'DXBD';
font-size: 18px;
color: #999999;
background: none;
filter: none;
background-color: #d6d6d6;
border: none;
}
.bmo-tablet .btn_pri_inactive_sml_text sup {
font-size: 12px;
margin-left: 2px;
}
.btn_sec_default {
-webkit-border-radius: 4px;
border-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 100%;
margin: 0px;
padding: 2px 0px;
}
.bmo-phone .btn_sec_default {
font-family: 'DXBD';
font-size: 15px;
line-height: 16px;
color: #0079c1;
margin: 0px;
padding: 2px 0px;
border: 1px solid #ffffff;
background-color: #ffffff;
background: -webkit-linear-gradient(#ffffff, #d5d5d5 78%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(78%, #d5d5d5), color-stop(100%, #ffffff));
background: -ms-linear-gradient(#ffffff, #d5d5d5 78%, #ffffff 100%);
background: -o-linear-gradient(#ffffff, #d5d5d5 78%, #ffffff 100%);
background: linear-gradient(#ffffff, #d5d5d5 78%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorWhite', endColorstr='@colorWhite', GradientType=0);
}
.bmo-tablet .btn_sec_default {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
background: none;
filter: none;
background-color: #d6d6d6;
border: none;
}
.bmo-tablet .btn_sec_default sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-phone .btn_sec_default:focus {
background: #ffffff;
}
.bmo-tablet .btn_sec_default:focus {
background: none;
filter: none;
background-color: #ffffff;
border: none;
border: 3px solid #d6d6d6;
}
.bmo-tablet .btn_sec_default:focus {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
border: 3px solid #d6d6d6;
}
.bmo-tablet .btn_sec_default:focus sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-phone .btn_sec_default:active {
background-color: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(#d5d5d5), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(top, #d5d5d5, #ffffff 100%);
background: -o-linear-gradient(top, #d5d5d5, #ffffff 100%);
background: -ms-linear-gradient(top, #d5d5d5, #ffffff 100%);
background: linear-gradient(top, #d5d5d5, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@btnsecpress', endColorstr='@colorWhite', GradientType=0);
}
.bmo-tablet .btn_sec_default:active {
background: none;
filter: none;
background-color: #ffffff;
border: none;
border: 3px solid #d6d6d6;
}
.bmo-tablet .btn_sec_default:active {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
border: 3px solid #d6d6d6;
}
.bmo-tablet .btn_sec_default:active sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-phone .btn_sec_focus {
background: #ffffff;
}
.bmo-tablet .btn_sec_focus {
background: none;
filter: none;
background-color: #ffffff;
border: none;
border: 3px solid #d6d6d6;
}
.bmo-phone .btn_sec_press {
background-color: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(#d5d5d5), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(top, #d5d5d5, #ffffff 100%);
background: -o-linear-gradient(top, #d5d5d5, #ffffff 100%);
background: -ms-linear-gradient(top, #d5d5d5, #ffffff 100%);
background: linear-gradient(top, #d5d5d5, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@btnsecpress', endColorstr='@colorWhite', GradientType=0);
}
.bmo-tablet .btn_sec_press {
background: none;
filter: none;
background-color: #ffffff;
border: none;
border: 3px solid #d6d6d6;
}
.btn_sec_inactive {
-webkit-border-radius: 4px;
border-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 100%;
margin: 0px;
padding: 2px 0px;
}
.bmo-phone .btn_sec_inactive {
font-family: 'DXBD';
font-size: 14px;
line-height: 16px;
color: #73c3eb;
padding: 5px 0px 5px;
border: 1px solid #ffffff;
background-color: #ffffff;
background: -webkit-linear-gradient(top, #ffffff, #eaeaea 78%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(#ffffff), color-stop(100%, #eaeaea));
background: -ms-linear-gradient(top, #ffffff, #eaeaea 78%, #ffffff 100%);
background: -o-linear-gradient(top, #ffffff, #eaeaea 78%, #ffffff 100%);
background: linear-gradient(top, #ffffff, #eaeaea 78%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorWhite', endColorstr='@colorWhite', GradientType=0);
}
.bmo-tablet .btn_sec_inactive {
font-family: 'DXBD';
font-size: 18px;
color: #999999;
background: none;
filter: none;
background-color: #d6d6d6;
border: none;
}
.bmo-tablet .btn_sec_inactive sup {
font-size: 12px;
margin-left: 2px;
}
.btn_popUpSec_default {
-webkit-border-radius: 4px;
border-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 100%;
margin: 0px;
padding: 2px 0px;
}
.bmo-phone .btn_popUpSec_default {
font-family: 'DXBD';
font-size: 15px;
color: #0079c1;
border: 1px solid #dddddd;
background-color: #ffffff;
background: -webkit-linear-gradient(#ffffff, #d5d5d5 78%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(78%, #d5d5d5), color-stop(100%, #ffffff));
background: -ms-linear-gradient(#ffffff, #d5d5d5 78%, #ffffff 100%);
background: -o-linear-gradient(#ffffff, #d5d5d5 78%, #ffffff 100%);
background: linear-gradient(#ffffff, #d5d5d5 78%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorWhite', endColorstr='@colorWhite', GradientType=0);
}
.bmo-tablet .btn_popUpSec_default {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
background: none;
filter: none;
background-color: #d6d6d6;
border: none;
}
.bmo-tablet .btn_popUpSec_default sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-phone .btn_popUpSec_default:focus {
background-color: #dddddd;
}
.bmo-tablet .btn_popUpSec_default:focus {
background: none;
filter: none;
background-color: #ffffff;
border: none;
}
.bmo-tablet .btn_popUpSec_default:focus {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
border: 3px solid #d6d6d6;
}
.bmo-tablet .btn_popUpSec_default:focus sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-phone .btn_popUpSec_default:active {
border: 1px solid #dddddd;
background-color: #ffffff;
background: -webkit-linear-gradient(top, #ffffff, #eaeaea 78%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(#ffffff), color-stop(100%, #eaeaea));
background: -ms-linear-gradient(top, #ffffff, #eaeaea 78%, #ffffff 100%);
background: -o-linear-gradient(top, #ffffff, #eaeaea 78%, #ffffff 100%);
background: linear-gradient(top, #ffffff, #eaeaea 78%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorWhite', endColorstr='@colorWhite', GradientType=0);
}
.bmo-tablet .btn_popUpSec_default:active {
background: none;
filter: none;
background-color: #ffffff;
border: none;
}
.bmo-tablet .btn_popUpSec_default:active {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
border: 3px solid #d6d6d6;
}
.bmo-tablet .btn_popUpSec_default:active sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-phone .btn_popUpSec_focus {
background-color: #dddddd;
}
.bmo-tablet .btn_popUpSec_focus {
background: none;
filter: none;
background-color: #ffffff;
border: none;
}
.bmo-phone .btn_popUpSec_press {
border: 1px solid #dddddd;
background-color: #ffffff;
background: -webkit-linear-gradient(top, #ffffff, #eaeaea 78%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(#ffffff), color-stop(100%, #eaeaea));
background: -ms-linear-gradient(top, #ffffff, #eaeaea 78%, #ffffff 100%);
background: -o-linear-gradient(top, #ffffff, #eaeaea 78%, #ffffff 100%);
background: linear-gradient(top, #ffffff, #eaeaea 78%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorWhite', endColorstr='@colorWhite', GradientType=0);
}
.bmo-tablet .btn_popUpSec_press {
background: none;
filter: none;
background-color: #ffffff;
border: none;
}
.bmo-phone .btn_popUpSec_inactive {
border: 1px solid #dddddd;
background-color: #ffffff;
background: -webkit-linear-gradient(#ffffff, #eaeaea 78%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(78%, #eaeaea), color-stop(100%, #ffffff));
background: -ms-linear-gradient(#ffffff, #eaeaea 78%, #ffffff 100%);
background: -o-linear-gradient(#ffffff, #eaeaea 78%, #ffffff 100%);
background: linear-gradient(#ffffff, #eaeaea 78%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorWhite', endColorstr='@colorWhite', GradientType=0);
}
.bmo-tablet .btn_popUpSec_inactive {
font-family: 'DXBD';
font-size: 18px;
color: #999999;
background: none;
filter: none;
background-color: #d6d6d6;
border: none;
}
.bmo-tablet .btn_popUpSec_inactive sup {
font-size: 12px;
margin-left: 2px;
}
.btn_contact_default {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 100%;
margin: 0px;
padding: 2px 0px;
background-color: #ffffff;
opacity: 0.7;
-webkit-border-radius: 4px;
border-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-style: none;
font-family: 'DXBD';
font-size: 15px;
color: #0079c1;
padding: 5px 0px 5px;
}
.btn_contact_default:focus {
background-color: #ffffff;
border-style: none;
font-family: 'DXBD';
font-size: 15px;
color: #0079c1;
padding: 5px 0px 5px;
}
.btn_contact_default:active {
background-color: rgba(255, 255, 255, 0.7);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.7)), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, #ffffff 100%);
background: -o-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, #ffffff 100%);
background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, #ffffff 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@whitergb', endColorstr='@whitergba1', GradientType=0);
-webkit-border-radius: 4px;
border-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border: 1px solid #ffffff;
font-family: 'DXBD';
font-size: 15px;
color: #0079c1;
padding: 5px 0px 5px;
}
.btn_contact_focus {
background-color: #ffffff;
border-style: none;
font-family: 'DXBD';
font-size: 15px;
color: #0079c1;
padding: 5px 0px 5px;
}
.BtnColorMenu {
background-color: #58baea;
background: -webkit-linear-gradient(top, #58baea, #298fd9 78%, #47a8e3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #58baea), color-stop(78%, #298fd9), color-stop(100%, #47a8e3));
background: -ms-linear-gradient(top, #58baea, #298fd9 78%, #47a8e3 100%);
background: -o-linear-gradient(top, #58baea, #298fd9 78%, #47a8e3 100%);
background: linear-gradient(top, #58baea, #298fd9 78%, #47a8e3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorBlue5', endColorstr='@btnPriDefColor1', GradientType=0);
}
.blue_1_bmo {
background-color: #0079c1;
}
.gradient_error {
background-color: #e8f3f9;
background: -webkit-gradient(linear, left top, left bottom, color-stop(#e8f3f9), color-stop(100%, #9cd1ed));
background: -webkit-linear-gradient(top, #e8f3f9, #9cd1ed 100%);
background: -o-linear-gradient(top, #e8f3f9, #9cd1ed 100%);
background: -ms-linear-gradient(top, #e8f3f9, #9cd1ed 100%);
background-: linear-gradient(top, #e8f3f9, #9cd1ed 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gradienterror1', endColorstr='@gradienterror', GradientType=0);
border-style: none;
border: none;
}
.gradient_bkgrd_grey {
background-color: #f0f0f0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(#f0f0f0), color-stop(100%, #cccccc));
background: -o-linear-gradient(top, #f0f0f0, #cccccc 100%);
background: -ms-linear-gradient(top, #f0f0f0, #cccccc 100%);
background: linear-gradient(top, #f0f0f0, #cccccc 100%);
border-style: none;
}
.gradient_bkgrd_app {
background-color: #ffffff;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
background: -webkit-linear-gradient(left, #ffffff 0%, #e6e6e6 100%);
background: -o-linear-gradient(left, #ffffff 0%, #e6e6e6 100%);
background: -ms-linear-gradient(left, #ffffff 0%, #e6e6e6 100%);
background: linear-gradient(to right, #ffffff 0%, #e6e6e6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorWhite', endColorstr='@gradientgrey2', GradientType=1);
border-style: none;
border: 1px solid #ffffff;
}
.gradient_bkgrd_label {
background-color: #ffffff;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
background: -webkit-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: -o-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: -ms-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: linear-gradient(to right, #ffffff 0%, #f0f0f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorWhite', endColorstr='@gradientgrey', GradientType=1);
border-style: none;
}
.bmo-tablet .gradient_bkgrd_label {
background: none;
filter: none;
background-color: #dfdfdf;
}
.gradinet_navHeader {
background-color: #666666;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666666), color-stop(100%, #333333));
background: -webkit-linear-gradient(top, #666666 0%, #333333 100%);
background: -o-linear-gradient(top, #666666 0%, #333333 100%);
background: -ms-linear-gradient(top, #666666 0%, #333333 100%);
background: linear-gradient(to bottom, #666666 0%, #333333 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorgrey5', endColorstr='@colorGrey1', GradientType=0);
}
.gradient_navHeader_press {
background-color: #333333;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #666666));
background: -webkit-linear-gradient(top, #333333 0%, #666666 100%);
background: -o-linear-gradient(top, #333333 0%, #666666 100%);
background: -ms-linear-gradient(top, #333333 0%, #666666 100%);
background: linear-gradient(to bottom, #333333 0%, #666666 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorGrey1', endColorstr=' @colorgrey5', GradientType=0);
}
.nav_bkgrd_default {
background: #505050;
}
.nav_bkgrd_on {
background: #282828;
}
.nav_bkgrd_focus {
background: #7d7d7d;
}
.nav_bkgrd_press {
background-color: #282828;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #282828), color-stop(100%, #404040));
background: -webkit-linear-gradient(top, #282828 0%, #404040 100%);
background: -o-linear-gradient(top, #282828 0%, #404040 100%);
background: -ms-linear-gradient(top, #282828 0%, #404040 100%);
background: linear-gradient(to bottom, #282828 0%, #404040 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@nav_bkgrd_on', endColorstr='@nav_divider', GradientType=0);
}
.nav_divider {
background: #404040;
}
.colorSwitchBgRight {
color: #ffffff;
background-image: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#999999));
background-image: linear-gradient(to bottom, #999999 0%, #999999 100%);
}
.colorSwitchBgLeft {
color: white;
background-image: -webkit-gradient(linear, left top, left bottom, from(#58baea), to(#58baea));
background-image: linear-gradient(to bottom, #58baea 0%, #58baea 100%);
}
.tips_gradient {
background-color: #e5e5e5;
background: -webkit-linear-gradient(top, #e5e5e5, #e5e5e5 62%, #c0c0c0 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(62%, #e5e5e5), color-stop(100%, #c0c0c0));
background: -ms-linear-gradient(top, #e5e5e5, #e5e5e5 62%, #c0c0c0 100%);
background: -o-linear-gradient(top, #e5e5e5, #e5e5e5 62%, #c0c0c0 100%);
background: linear-gradient(top, #e5e5e5, #e5e5e5 62%, #c0c0c0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@tipColor', endColorstr='@hintColor', GradientType=0);
}
.warningbox {
background-color: rgba(0, 0, 0, 0.8);
}
.bmo-phone .pageContent {
margin: 15px 10px;
}
.bmo-tablet .pageContent {
margin: 30px 100px;
}
.bmo-tablet .pageContent.less-indent {
margin-left: 35px;
margin-right: 35px;
}
.bmo-tablet .pageContent.no-margin-top {
margin-top: 0px;
}
.pageContent .whiteBackground {
padding: 10px;
background-color: #ffffff;
}
.pageContent .blueBackground {
padding: 15px 10px 15px 10px;
background-color: rgba(0, 0, 0, 0.7);
}
.greyBackground {
background-color: #dcdcdc;
}
.greyBackground .selectList {
margin-top: 15px;
}
.no-data-message {
padding: 20px;
text-align: center;
}
.no-data-message-white {
padding: 20px;
text-align: center;
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.no-data-message-black {
padding: 20px;
text-align: center;
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #000000;
}
.selectListWrapp {
margin-top: 15px;
margin-bottom: 30px;
}
.twoButtonLayout {
margin-top: 15px;
width: 100%;
height: 100%;
min-height: 30px;
text-align: center;
}
.twoButtonLayout > div {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-pack: center;
box-pacl: center;
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
align-items: stretch;
}
.twoButtonLayout > div .layoutLeft {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
min-height: 36px;
width: 47%;
height: auto;
padding-right: 5px;
}
.twoButtonLayout > div .layoutLeft .btn {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
height: auto !important;
width: 100%;
padding: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
}
.bmo-phone .twoButtonLayout > div .layoutLeft .btn.hidden {
display: none!important;
}
.bmo-tablet .twoButtonLayout > div .layoutLeft .btn {
height: auto;
}
.bmo-phone .twoButtonLayout > div .layoutLeft {
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.bmo-tablet .twoButtonLayout > div .layoutLeft {
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
align-items: stretch;
min-height: 40px;
}
.bmo-tablet .twoButtonLayout > div .layoutLeft {
padding-right: 7.5px;
}
.hide-left.twoButtonLayout > div .layoutLeft {
display: none;
}
.hide-right.twoButtonLayout > div .layoutLeft {
margin: 0 25%;
padding-left: 0px;
padding-right: 0px;
}
.twoButtonLayout > div .layoutRight {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
min-height: 36px;
width: 47%;
padding-left: 5px;
}
.twoButtonLayout > div .layoutRight .btn {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
height: auto !important;
width: 100%;
padding: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
}
.bmo-phone .twoButtonLayout > div .layoutRight .btn.hidden {
display: none!important;
}
.bmo-tablet .twoButtonLayout > div .layoutRight .btn {
height: auto;
}
.bmo-phone .twoButtonLayout > div .layoutRight {
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.bmo-tablet .twoButtonLayout > div .layoutRight {
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
align-items: stretch;
min-height: 40px;
}
.bmo-tablet .twoButtonLayout > div .layoutRight {
padding-left: 7.5px;
}
.hide-left.twoButtonLayout > div .layoutRight {
margin: 0 25%;
padding-left: 0px;
padding-right: 0px;
}
.hide-right.twoButtonLayout > div .layoutRight {
display: none;
}
.twoButtonLayout.btnLayout {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
min-height: 36px;
width: 47%;
}
.twoButtonLayout.btnLayout .btn {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
height: auto !important;
width: 100%;
padding: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
}
.bmo-phone .twoButtonLayout.btnLayout .btn.hidden {
display: none!important;
}
.bmo-tablet .twoButtonLayout.btnLayout .btn {
height: auto;
}
.bmo-phone .twoButtonLayout.btnLayout {
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.bmo-tablet .twoButtonLayout.btnLayout {
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
align-items: stretch;
min-height: 40px;
}
.bmo-tablet .pageContent .twoButtonLayout {
margin: 30px auto;
width: auto;
}
.bmo-tablet .twoButtonLayout {
margin: 30px 13%;
width: auto;
}
.bmo-tablet .oneButtonLayout {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
-ms-justify-content: space-around;
-ms-flex-pack: space-around;
justify-content: space-around;
-webkit-box-pack: space-around;
box-pacl: space-around;
margin-top: 15px;
width: 100%;
}
.bmo-tablet .oneButtonLayout > button {
min-height: 36px;
width: 45%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-height: 40px;
}
.bmo-phone .oneButtonLayout {
display: table;
margin-top: 15px;
margin-bottom: 0px;
margin-left: 27.5%;
margin-right: 27.5%;
width: 45%;
height: 100%;
min-height: 30px;
}
.bmo-phone .oneButtonLayout.absoluteParent {
margin-left: 0px;
margin-right: 0px;
}
.bmo-phone .oneButtonLayout .btnMiddle {
display: table-cell;
min-height: 24px;
width: 100%;
vertical-align: middle;
padding: 5px 0px;
}
.bmo-phone .oneButtonLayout .btnMiddle.hidden {
display: none!important;
}
.two-column-layout {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.two-column-layout > div {
width: 100%;
}
.two-column-layout > div:nth-child(1) {
margin: 0;
margin-right: 7.5px;
}
.two-column-layout > div:last-child {
margin: 0;
margin-left: 7.5px;
}
.field-container > *:last-child {
border-bottom: none;
}
.blueDivider {
border-bottom: 1px solid #338cc2;
}
.blueDividerThick {
border-bottom: 6px solid #338cc2;
}
.header-shadow {
position: absolute;
width: 100%;
z-index: 2;
-webkit-box-shadow: 0px 10px 10px -10px #4e4e4e inset;
box-shadow: 0px 10px 10px -10px #4e4e4e inset;
height: 10px;
}
.account-details-shadow {
-webkit-box-shadow: 0px 8px 5px -5px #b4b4b4;
box-shadow: 0px 8px 5px -5px #b4b4b4;
}
.mblOverlayHidden *,
.mblOverlayHidden {
display: none;
}
.E88e1c52f9b7d1e692f00 {
height: 100% !important;
width: 100% !important;
}
.mblOverlay.overlay {
top: 0 !important;
}
.mblSimpleDialogCover {
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
.phantom_click_protector {
background-color: transparent;
position: absolute;
width: 100%;
height: 100%;
z-index: 2001;
}
.flexboxView {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.flexboxGrowContainer {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: 0px;
}
.bmo-phone .iframe-container {
position: relative;
height: 100%;
}
.bmo-tablet .iframe-container {
position: absolute;
width: 100%;
height: 100%;
}
.bmo-phone .iframe-container > .iframe-header {
top: 0;
position: absolute;
width: 100%;
z-index: 10;
}
.bmo-tablet .iframe-container .scroll-wrapper {
position: absolute;
top: 45px;
bottom: 0px;
left: 0px;
right: 0px;
}
.iOS7-header-padding.bmo-tablet .iframe-container .scroll-wrapper {
top: 65px;
}
.bmo-tablet .iframe-container .scroll-wrapper iframe[name="iFrameExternal"] {
padding-top: 0px;
height: 101%;
}
.iframe-container iframe {
height: 100%;
width: 100%;
border-width: 0;
top: 0;
left: 0;
position: absolute;
padding-top: 45px;
box-sizing: border-box;
}
.iframe-container iframe.no-padding {
padding: 0;
top: 45px;
}
.iframe-container form {
display: none;
}
.iframe-container.flexboxView > .iframe-header {
position: static;
}
.iframe-container.flexboxView iframe {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: 0px;
padding: 0px;
position: static;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.grey_4 {
background: none;
filter: none;
background-color: #f0f0f0;
}
.grey_5 {
background: none;
filter: none;
background-color: #dfdfdf;
}
.offscreenVoiceOver {
position: fixed;
left: 1500px;
top: 500px;
opacity: 0.0;
}
.Eb7bc8269199bd9bc120 {
opacity: 0.0;
height: 0px;
}
.Eb7bc8269199bd9bc12 {
opacity: 0.0;
}
.leftBackButtonGroup {
padding-left: 0px;
margin-left: 40px;
padding-left: 8px;
}
.leftMostBackButtonGroup {
padding-left: 8px;
}
.androidWordSpacingFix {
word-spacing: 0.17rem;
}
.androidWordSpacingFix input,
.androidWordSpacingFix button,
.androidWordSpacingFix textarea {
word-spacing: 0.17rem;
}
#tablet .toggle_on {
font-family: 'DXBD';
font-size: 15px;
color: #163043;
}
#tablet .toggle_on sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .toggle_off {
font-family: 'DxRg';
font-size: 15px;
color: #ffffff;
}
#tablet .toggle_off sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .field_1_hint {
font-family: 'DXBD';
font-size: 16px;
color: #999999;
}
#tablet .field_1_hint sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .field_1_active {
font-family: 'DXBD';
font-size: 16px;
color: #000000;
}
#tablet .field_1_active sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .field_2_hint {
font-family: 'DXBD';
font-size: 15px;
color: #999999;
}
#tablet .field_2_hint sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .field_2_active {
font-family: 'DXBD';
font-size: 15px;
color: #000000;
}
#tablet .field_2_active sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .link_1_active {
font-family: 'DXMD';
font-size: 15px;
color: #ffffff;
}
#tablet .link_1_active sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .link_1_press {
font-family: 'DXMD';
font-size: 15px;
color: #bedceb;
text-decoration: underline;
}
#tablet .link_1_press sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .link_2_active {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #bedceb;
text-decoration: underline;
}
#tablet .link_2_active sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .link_2_press {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #ffffff;
text-decoration: underline;
}
#tablet .link_2_press sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .link_3_active {
font-family: 'DxRg';
font-size: 15px;
color: #0079c1;
}
#tablet .link_3_active sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .link_3_press {
font-family: 'DxRg';
font-size: 15px;
color: #0079c1;
text-decoration: underline;
}
#tablet .link_3_press sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .link_4_active {
font-family: 'DXBD';
font-size: 15px;
line-height: 20px;
color: #bedceb;
text-decoration: underline;
}
#tablet .link_4_active sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .link_4_press {
font-family: 'DXBD';
font-size: 15px;
line-height: 20px;
color: #ffffff;
text-decoration: underline;
}
#tablet .link_4_press sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .link_5_active {
font-family: 'DxRg';
font-size: 15px;
color: #ffffff;
text-decoration: underline;
}
#tablet .link_5_active sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .link_5_press {
font-family: 'DxRg';
font-size: 15px;
color: #bedceb;
text-decoration: underline;
}
#tablet .link_5_press sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .link_6_active {
font-family: 'DxRg';
font-size: 15px;
color: #bedceb;
text-decoration: none;
}
#tablet .link_6_active sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .link_6_press {
font-family: 'DxRg';
font-size: 15px;
color: #bedceb;
text-decoration: underline;
}
#tablet .link_6_press sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .link_7_active {
font-family: 'DxRg';
font-size: 15px;
color: #0079c1;
}
#tablet .link_7_active sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .link_7_press {
font-family: 'DxRg';
font-size: 15px;
color: #0079c1;
}
#tablet .link_7_press sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .ad_title {
font-family: 'DXMD';
font-size: 18px;
line-height: 16px;
color: #ffffff;
}
#tablet .ad_title sup {
font-size: 12px;
margin-left: 2px;
}
#tablet .ad_text {
font-family: 'DxRg';
font-size: 14px;
line-height: 16px;
color: #ffffff;
}
#tablet .ad_text sup {
font-size: 9px;
margin-left: 2px;
}
#tablet .btn_pri_default {
font-family: 'DXBD';
font-size: 18px;
color: #ffffff;
}
#tablet .btn_pri_default sup {
font-size: 12px;
margin-left: 2px;
}
#tablet .btn_pri_press {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
border: 3px solid #d6d6d6;
}
#tablet .btn_pri_press sup {
font-size: 12px;
margin-left: 2px;
}
#tablet .btn_pri_inactive {
font-family: 'DXBD';
font-size: 18px;
color: #999999;
}
#tablet .btn_pri_inactive sup {
font-size: 12px;
margin-left: 2px;
}
#tablet .btn_sec_default {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
}
#tablet .btn_sec_default sup {
font-size: 12px;
margin-left: 2px;
}
#tablet .btn_sec_press {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
border: 3px solid #d6d6d6;
}
#tablet .btn_sec_press sup {
font-size: 12px;
margin-left: 2px;
}
#tablet .btn_sec_inactive {
font-family: 'DXBD';
font-size: 18px;
color: #999999;
}
#tablet .btn_sec_inactive sup {
font-size: 12px;
margin-left: 2px;
}
#tablet .title_1 {
font-family: 'DXBD';
font-size: 15px;
color: #0079c1;
}
#tablet .title_1 sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .title_2 {
font-family: 'DXBD';
font-size: 18px;
color: #000000;
}
#tablet .title_2 sup {
font-size: 12px;
margin-left: 2px;
}
#tablet .title_3 {
font-family: 'DXMD';
font-size: 16px;
color: #000000;
}
#tablet .title_3 sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .title_4 {
font-family: 'DXBD';
font-size: 17px;
color: #ffffff;
}
#tablet .title_4 sup {
font-size: 11px;
margin-left: 2px;
}
#tablet .title_5 {
font-family: 'DXBD';
font-size: 17px;
color: #000000;
}
#tablet .title_5 sup {
font-size: 11px;
margin-left: 2px;
}
#tablet .title_6 {
font-family: 'DXBD';
font-size: 15px;
color: #ffffff;
}
#tablet .title_6 sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .title_7 {
font-family: 'DXBD';
font-size: 21px;
color: #ffffff;
}
#tablet .title_7 sup {
font-size: 14px;
margin-left: 2px;
}
#tablet .title_8 {
font-family: 'DXMD';
font-size: 16px;
color: #0079c1;
}
#tablet .title_8 sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .title_9 {
font-family: 'DXMD';
font-size: 22px;
color: #000000;
}
#tablet .title_9 sup {
font-size: 14px;
margin-left: 2px;
}
#tablet .text_1_wht {
font-family: 'DXBD';
font-size: 13px;
color: #ffffff;
}
#tablet .text_1_wht sup {
font-size: 8px;
margin-left: 2px;
}
#tablet .text_2_wht {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #ffffff;
}
#tablet .text_2_wht sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .text_3_wht {
font-family: 'DXBD';
font-size: 15px;
line-height: 20px;
color: #ffffff;
}
#tablet .text_3_wht sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .text_4_wht {
font-family: 'DxRg';
font-size: 15px;
color: #ffffff;
}
#tablet .text_4_wht sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .text_5_wht {
font-family: 'DxRg';
font-size: 14px;
color: #ffffff;
}
#tablet .text_5_wht sup {
font-size: 9px;
margin-left: 2px;
}
#tablet .text_6_wht {
font-family: 'DXBD';
font-size: 27px;
line-height: 30px;
color: #ffffff;
}
#tablet .text_6_wht sup {
font-size: 18px;
margin-left: 2px;
}
#tablet .text_7_wht {
font-family: 'DxRg';
font-size: 27px;
line-height: 30px;
color: #ffffff;
}
#tablet .text_7_wht sup {
font-size: 18px;
margin-left: 2px;
}
#tablet .text_8_wht {
font-family: 'DxRg';
font-size: 30px;
color: #ffffff;
}
#tablet .text_8_wht sup {
font-size: 20px;
margin-left: 2px;
}
#tablet .text_1_blu {
font-family: 'DXBD';
font-size: 15px;
color: #0079c1;
}
#tablet .text_1_blu sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .text_2_blu {
font-family: 'DXBD';
font-size: 17px;
color: #0079c1;
}
#tablet .text_2_blu sup {
font-size: 11px;
margin-left: 2px;
}
#tablet .text_3_blu {
font-family: 'DXMD';
font-size: 15px;
line-height: 20px;
color: #0079c1;
}
#tablet .text_3_blu sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .text_1_blk {
font-family: 'DXBD';
font-size: 13px;
color: #505050;
}
#tablet .text_1_blk sup {
font-size: 8px;
margin-left: 2px;
}
#tablet .text_2_blk {
font-family: 'DXMD';
font-size: 13px;
color: #505050;
}
#tablet .text_2_blk sup {
font-size: 8px;
margin-left: 2px;
}
#tablet .text_3_blk {
font-family: 'DXBD';
font-size: 13px;
color: #000000;
}
#tablet .text_3_blk sup {
font-size: 8px;
margin-left: 2px;
}
#tablet .text_4_blk {
font-family: 'DxRg';
font-size: 15px;
line-height: 17px;
color: #000000;
}
#tablet .text_4_blk sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .text_5_blk {
font-family: 'DxRg';
font-size: 16px;
color: #000000;
}
#tablet .text_5_blk sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .text_6_blk {
font-family: 'DxRg';
font-size: 21px;
color: #000000;
}
#tablet .text_7_blk {
font-family: 'DXBD';
font-size: 21px;
color: #000000;
}
#tablet .text_7_blk sup {
font-size: 14px;
margin-left: 2px;
}
#tablet .text_8_blk {
font-family: 'DxRg';
font-size: 15px;
line-height: 18px;
color: #000000;
}
#tablet .text_8_blk sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .text_9_blk {
font-family: 'DXBD';
font-size: 15px;
line-height: 18px;
color: #000000;
}
#tablet .text_9_blk sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .text_10_blk {
font-family: 'DXMD';
font-size: 14px;
color: #000000;
}
#tablet .text_10_blk sup {
font-size: 9px;
margin-left: 2px;
}
#tablet .text_11_blk {
font-family: 'DxRg';
font-size: 14px;
color: #000000;
}
#tablet .text_11_blk sup {
font-size: 9px;
margin-left: 2px;
}
#tablet .text_12_blk {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #000000;
}
#tablet .text_12_blk sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .text_13_blk {
font-family: 'DXMD';
font-size: 15px;
line-height: 20px;
color: #000000;
}
#tablet .text_13_blk sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .text_14_blk {
font-family: 'DxRg';
font-size: 12px;
color: #000000;
}
#tablet .text_14_blk sup {
font-size: 8px;
margin-left: 2px;
}
#tablet .text_15_blk {
font-family: 'DXBD';
font-size: 13px;
color: #000000;
}
#tablet .text_15_blk sup {
font-size: 8px;
margin-left: 2px;
}
#tablet .text_16_blk {
font-family: 'DXBD';
font-size: 15px;
line-height: 17px;
color: #000000;
}
#tablet .text_16_blk sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .text_17_blk {
font-family: 'DxRg';
font-size: 13px;
color: #000000;
}
#tablet .text_17_blk sup {
font-size: 8px;
margin-left: 2px;
}
#tablet .error_top {
font-family: 'DXBD';
font-size: 15px;
line-height: 20px;
color: #ffffff;
}
#tablet .error_top sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .acct_sectionTitle {
font-family: 'DXMD';
font-size: 22px;
color: #ffffff;
}
#tablet .acct_sectionTitle sup {
font-size: 14px;
margin-left: 2px;
}
#tablet .acct_welcome {
font-family: 'DxRg';
font-size: 18px;
color: #ffffff;
}
#tablet .acct_welcome sup {
font-size: 12px;
margin-left: 2px;
}
#tablet .acct_username {
font-family: 'DXBD';
font-size: 27px;
color: #ffffff;
}
#tablet .acct_username sup {
font-size: 18px;
margin-left: 2px;
}
#tablet .acct_signInStatus {
font-family: 'DxRg';
font-size: 13px;
color: #ffffff;
}
#tablet .acct_signInStatus sup {
font-size: 8px;
margin-left: 2px;
}
#tablet .acct_name {
font-family: 'DxRg';
font-size: 16px;
color: #ffffff;
}
#tablet .acct_name sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .acct_number {
font-family: 'DxRg';
font-size: 14px;
color: #ffffff;
}
#tablet .acct_number sup {
font-size: 9px;
margin-left: 2px;
}
#tablet .acct_balance {
font-family: 'DXBD';
font-size: 22px;
color: #ffffff;
}
#tablet .acct_balance sup {
font-size: 14px;
margin-left: 2px;
}
#tablet .acct_currency {
font-family: 'DxRg';
font-size: 14px;
color: #ffffff;
}
#tablet .acct_currency sup {
font-size: 9px;
margin-left: 2px;
}
#tablet .tab_selected_1 {
font-family: 'DXBD';
font-size: 15px;
color: #000000;
}
#tablet .tab_selected_1 sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .tab_selected_2 {
font-family: 'DXBD';
font-size: 15px;
color: #ffffff;
}
#tablet .tab_selected_2 sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .tab_unselected {
font-family: 'DXBD';
font-size: 15px;
color: #0079c1;
}
#tablet .tab_unselected sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .step_on {
font-family: 'DxRg';
font-size: 14px;
color: #ffffff;
}
#tablet .step_on sup {
font-size: 9px;
margin-left: 2px;
}
#tablet .step_off {
font-family: 'DxRg';
font-size: 14px;
color: #bedceb;
}
#tablet .step_off sup {
font-size: 9px;
margin-left: 2px;
}
#tablet .step_number_on {
font-family: 'DXBD';
font-size: 17px;
color: #0079c1;
}
#tablet .step_number_on sup {
font-size: 11px;
margin-left: 2px;
}
#tablet .step_number_off {
font-family: 'DXBD';
font-size: 17px;
color: #bedceb;
}
#tablet .step_number_off sup {
font-size: 11px;
margin-left: 2px;
}
#tablet .nav_title {
font-family: 'DxRg';
font-size: 21px;
color: #cccccc;
}
#tablet .nav_title sup {
font-size: 14px;
margin-left: 2px;
}
#tablet .nav_name {
font-family: 'DxRg';
font-size: 13px;
line-height: 12px;
color: #cccccc;
}
#tablet .nav_name sup {
font-size: 8px;
margin-left: 2px;
}
#tablet .nav_section {
font-family: 'DXBD';
font-size: 13px;
color: #cccccc;
}
#tablet .nav_section sup {
font-size: 8px;
margin-left: 2px;
}
#tablet .nav_item {
font-family: 'DxRg';
font-size: 15px;
color: #ffffff;
}
#tablet .nav_item sup {
font-size: 10px;
margin-left: 2px;
}
#tablet .cal_days {
font-family: 'DXBD';
font-size: 14px;
color: #000000;
}
#tablet .cal_days sup {
font-size: 9px;
margin-left: 2px;
}
#tablet .cal_header {
font-family: 'DXBD';
font-size: 20px;
color: #ffffff;
}
#tablet .cal_header sup {
font-size: 13px;
margin-left: 2px;
}
#tablet .cal_press {
font-family: 'DXBD';
font-size: 20px;
color: #ffffff;
}
#tablet .cal_press sup {
font-size: 13px;
margin-left: 2px;
}
#tablet .cal_current {
font-family: 'DXBD';
font-size: 20px;
color: #0079c1;
}
#tablet .cal_current sup {
font-size: 13px;
margin-left: 2px;
}
#tablet .cal_avail {
font-family: 'DXBD';
font-size: 20px;
color: #000000;
}
#tablet .cal_avail sup {
font-size: 13px;
margin-left: 2px;
}
#tablet .cal_focus {
font-family: 'DXBD';
font-size: 20px;
color: #000000;
}
#tablet .cal_focus sup {
font-size: 13px;
margin-left: 2px;
}
#tablet .cal_inactive {
font-family: 'DXBD';
font-size: 20px;
color: #cccccc;
}
#tablet .cal_inactive sup {
font-size: 13px;
margin-left: 2px;
}
#tablet .cal_link {
font-family: 'DXBD';
font-size: 13px;
color: #ffffff;
}
#tablet .cal_link sup {
font-size: 8px;
margin-left: 2px;
}
#tablet .cal_link_focus {
font-family: 'DXBD';
font-size: 13px;
color: #cccccc;
text-decoration: underline;
}
#tablet .cal_link_focus sup {
font-size: 8px;
margin-left: 2px;
}
#tablet .cal_link_press {
font-family: 'DXBD';
font-size: 13px;
color: #ffffff;
text-decoration: underline;
}
#tablet .cal_link_press sup {
font-size: 8px;
margin-left: 2px;
}
#tablet .tips_title {
font-family: 'DXBD';
font-size: 18px;
color: #ffffff;
}
#tablet .tips_title sup {
font-size: 12px;
margin-left: 2px;
}
#tablet .tips_text {
font-family: 'DxRg';
font-size: 15px;
line-height: 19px;
color: #ffffff;
}
#tablet .tips_text sup {
font-size: 10px;
margin-left: 2px;
}
@font-face {
font-family: "DxRg";
src: url('Z5b0dd41e04846120.woff') format("woff"), url('Sb31c8d25fdf3e43c.ttf') format("truetype");
font-style: normal;
}
.webFont {
font-family: 'DxRg';
}
@font-face {
font-family: 'DXBD';
src: url('O924c56d9741edc00.woff') format("woff"), url('O6e0d78b53222eb7f.ttf') format('truetype');
font-style: normal;
}
.webFontbold {
font-family: 'DXBD';
}
@font-face {
font-family: 'DXMD';
src: url('Rd00f7f517f73dbc6.woff') format("woff"), url('Cede74b108d9234fe.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'DxLt';
src: url('K9ee1cfd1d4d8cdf7.eot');
src: url('K9ee1cfd1d4d8cdf7.eot?#iefix') format('embedded-opentype'), url('Bc862edc05dcbf144.woff') format('woff'), url('Z70743d6c6c42b92f.ttf') format('truetype'), url('dax-light-webfont.svg#dax_lightregular') format('svg');
font-weight: normal;
font-style: normal;
}
.webFontMid {
font-family: 'DXMD';
}
.field_1_hint {
font-family: 'DXBD';
font-size: 15px;
color: #999999;
}
.field_1_active {
font-family: 'DXBD';
font-size: 15px;
color: #000000;
}
.field_2_hint {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #999999;
}
.field_2_active {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #000000;
}
.link_1_active {
font-family: 'DXBD';
font-size: 15px;
color: #ffffff;
}
.link_1_focus {
font-family: 'DXBD';
font-size: 15px;
color: #cccccc;
}
.link_1_press {
font-family: 'DXBD';
font-size: 15px;
color: #bedceb;
}
.link_2_active {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #bedceb;
}
.link_2_focus {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #cccccc;
}
.link_2_press {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.link_3_active {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #0079c1;
}
.link_3_focus {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #999999;
}
.link_3_press {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #0079c1;
}
.link_4_active {
font-family: 'DXBD';
font-size: 15px;
line-height: 18px;
color: #0079c1;
}
.link_4_focus {
font-family: 'DXBD';
font-size: 15px;
line-height: 18px;
color: #999999;
}
.link_4_press {
font-family: 'DXBD';
font-size: 15px;
line-height: 18px;
color: #0079c1;
}
.title_1 {
font-family: 'DXBD';
font-size: 16px;
color: #ffffff;
}
.title_2 {
font-family: 'DXBD';
font-size: 16px;
color: #0079c1;
}
.title_3 {
font-family: 'DXBD';
font-size: 16px;
color: #505050;
}
.title_3_unbold {
font-family: 'DxRg';
font-size: 16px;
color: #505050;
}
.text_1_wht {
font-family: 'DXBD';
font-size: 14px;
color: #ffffff;
}
.text_2_wht {
font-family: 'DxRg';
font-size: 14px;
color: #ffffff;
}
.text_3_wht {
font-family: 'DxRg';
font-size: 14px;
line-height: 16px;
color: #ffffff;
}
.text_4_wht {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.text_5_wht {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.text_6_wht {
font-family: 'DXBD';
font-size: 15px;
color: #ffffff;
}
.text_7_wht {
font-family: 'DxRg';
font-size: 16px;
color: #ffffff;
}
.text_8_wht {
font-family: 'DxRg';
font-size: 18px;
line-height: 18px;
color: #ffffff;
}
.text_9_wht {
font-family: 'DXBD';
font-size: 18px;
line-height: 18px;
color: #ffffff;
}
.text_10_wht {
font-family: 'DXBD';
font-size: 12px;
color: #ffffff;
}
.text_1_blk {
font-family: 'DxRg';
font-size: 14px;
line-height: 16px;
color: #000000;
}
.text_2_blk {
font-family: 'DXBD';
font-size: 14px;
line-height: 16px;
color: #000000;
}
.text_3_blk {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #000000;
}
.text_4_blk {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #000000;
}
.text_5_blk {
font-family: 'DxRg';
font-size: 15px;
line-height: 18px;
color: #000000;
}
.text_6_blk {
font-family: 'DXBD';
font-size: 15px;
line-height: 18px;
color: #000000;
}
.text_7_blk {
font-family: 'DXBD';
font-size: 12px;
color: #000000;
}
.text_8_blk {
font-family: 'DxRg';
font-size: 15px;
color: #000000;
}
.carousel_1_reg {
font-family: 'DxRg';
font-size: 14px;
line-height: 16px;
color: #ffffff;
}
.carousel_2_bld {
font-family: 'DXBD';
font-size: 14px;
line-height: 16px;
color: #ffffff;
}
.carousel_3_amt {
font-family: 'DXMD';
font-size: 30px;
color: #ffffff;
}
.carousel_4_cred {
color: #ffffff;
font-family: 'DXMD';
font-size: 22px;
}
.btn_lrg_pri_default {
font-family: 'DXBD';
font-size: 18px;
color: #ffffff;
line-height: 18px;
}
.btn_lrg_pri_focus {
font-family: 'DXBD';
font-size: 18px;
color: #ffffff;
}
.btn_lrg_pri_press {
font-family: 'DXBD';
font-size: 18px;
color: #ffffff;
}
.btn_lrg_pri_inactive {
font-family: 'DXBD';
font-size: 18px;
color: #ffffff;
}
.btn_contact_default1 {
font-family: 'DXBD';
font-size: 15px;
color: #0079c1;
padding: 5px 0px 5px;
}
.btn_contact_focus1 {
font-family: 'DXBD';
font-size: 15px;
color: #0079c1;
padding: 5px 0px 5px;
}
.btn_contact_press1 {
font-family: 'DXBD';
font-size: 15px;
color: #0079c1;
padding: 5px 0px 5px;
}
.btn_sml_pri_default {
font-family: 'DXBD';
font-size: 14px;
line-height: 16px;
color: #ffffff;
}
.btn_sml_pri_focus {
font-family: 'DXBD';
font-size: 14px;
line-height: 16px;
color: #ffffff;
}
.btn_sml_pri_press {
font-family: 'DXBD';
font-size: 14px;
line-height: 16px;
color: #ffffff;
}
.btn_sml_pri_inactive {
font-family: 'DXBD';
font-size: 14px;
line-height: 16px;
color: #ffffff;
}
.btn_sml_sec_default {
font-family: 'DXBD';
font-size: 15px;
line-height: 16px;
color: #0079c1;
}
.btn_sml_sec_focus {
font-family: 'DXBD';
font-size: 14px;
line-height: 16px;
color: #0079c1;
}
.btn_sml_sec_press {
font-family: 'DXBD';
font-size: 14px;
line-height: 16px;
color: #0079c1;
}
.btn_sml_sec_inactive {
font-family: 'DXBD';
font-size: 14px;
line-height: 16px;
color: #73c3eb;
padding: 5px 0px 5px;
}
.btn_popUpSec_default_small {
font-family: 'DXBD';
font-size: 15px;
color: #0079c1;
}
.error_top {
font-family: 'DXBD';
font-size: 14px;
line-height: 16px;
color: #000000;
}
.nav_title {
font-family: 'DxRg';
font-size: 21px;
color: #cccccc;
}
.nav_name {
font-family: 'DxRg';
font-size: 14px;
line-height: 12px;
color: #cccccc;
}
.nav_section {
font-family: 'DXBD';
font-size: 14px;
color: #cccccc;
}
.nav_item {
font-family: 'DxRg';
font-size: 15px;
color: #ffffff;
}
.acct_title {
font-family: 'DxRg';
font-size: 18px;
line-height: 17px;
color: #ffffff;
}
.acct_sectionAmt {
font-family: 'DxRg';
font-size: 15px;
line-height: 15px;
color: #ffffff;
}
.acct_name {
font-family: 'DXBD';
color: #000000;
font-size: 14px;
line-height: 17px;
}
.acct_amt {
font-family: 'DXBD';
font-size: 15px;
color: #0079c1;
}
.acct_amt_currency {
font-family: 'DXBD';
font-size: 11px;
line-height: 11px;
color: #0079c1;
}
.acct_number {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #505050;
}
.acct_funds {
font-family: 'DxRg';
font-size: 14px;
color: #000000;
}
.acct_funds_currency {
font-family: 'DxRg';
font-size: 11px;
line-height: 11px;
color: #000000;
}
.acct_currency_style {
font-family: 'DxRg';
font-size: 12px;
color: #000000;
}
.acct_currency_1 {
font-family: 'DXBD';
font-size: 11px;
line-height: 17px;
color: #000000;
}
.acct_currency_2 {
font-family: 'DxRg';
font-size: 12px;
color: #ffffff;
}
.cal_days {
font-family: 'DXBD';
font-size: 13px;
color: #000000;
}
.cal_press {
font-family: 'DXBD';
font-size: 20px;
color: #0079c1;
}
.cal_current {
font-family: 'DXBD';
font-size: 20px;
color: #ffffff;
}
.cal_avail {
font-family: 'DXBD';
font-size: 20px;
color: #000000;
}
.cal_focus {
font-family: 'DXBD';
font-size: 20px;
color: #000000;
}
.cal_inactive {
font-family: 'DXBD';
font-size: 20px;
color: #cccccc;
}
.cal_inactive_wkend {
font-family: 'DXBD';
font-size: 20px;
color: #cccccc;
}
.cal_link {
font-family: 'DXBD';
font-size: 14px;
color: #ffffff;
}
.cal_link_focus {
font-family: 'DXBD';
font-size: 14px;
color: #cccccc;
}
.cal_link_press {
font-family: 'DXBD';
font-size: 14px;
color: #ffffff;
}
.step_on {
font-family: 'DxRg';
color: #ffffff;
}
.bmo-phone .step_on {
font-size: 13px;
}
.bmo-tablet .step_on {
font-size: 14px;
}
.step_off {
font-family: 'DxRg';
color: #bedceb;
}
.bmo-phone .step_off {
font-size: 13px;
}
.bmo-tablet .step_off {
font-size: 14px;
}
.step_number_on {
font-family: 'DXBD';
color: #0079c1;
font-size: 14px;
}
.step_number_off {
font-family: 'DXBD';
color: #bedceb;
font-size: 14px;
}
.tab_selected {
font-family: 'DXBD';
font-size: 14px;
color: #000000;
}
.tab_unselected {
font-family: 'DXBD';
font-size: 14px;
color: #0079c1;
}
.tipsTitle {
font-family: 'DXBD';
font-size: 18px;
color: #ffffff;
}
.tipsSubtitle {
font-family: 'DXBD';
font-size: 21px;
color: #7d7d7d;
}
.tipsSubtitleLandscape {
font-family: 'DXBD';
font-size: 18px;
color: #7d7d7d;
}
.tipsText {
font-family: 'DxRg';
font-size: 15px;
color: #ffffff;
line-height: 19px;
}
.tipsTextLandscape {
font-family: 'DxRg';
font-size: 14px;
color: #000000;
line-height: 17px;
}
.tipsTextBottom {
font-family: 'DxRg';
font-size: 13px;
color: #000000;
}
.dialogBoxTitle {
font-family: 'DxRg';
font-size: 18px;
line-height: 17px;
color: #0079c1;
}
.segment_1_on {
font-family: 'DXBD';
font-size: 16px;
color: #163043;
}
.segment_1_off {
font-family: 'DxRg';
font-size: 16px;
color: #ffffff;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-ms-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeout {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes fadeout {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-ms-keyframes fadeout {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
/* Mixins for compatibility. */
.inline-flex {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: inline-flex;
}
.inline-flex.hidden {
display: none;
}
.flexbox {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.flexbox.hidden {
display: none;
}
.flex-direction-column {
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.flex-direction-row {
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.backface {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}
/* Common theme overwrites for out of box dojo widgets ex. colours */
/* overridding dojo's defaults classes */
.mblBackground {
background-color: transparent;
}
.hidden {
display: none!important;
}
.mblTextBox.error {
border-color: red;
}
.mblTextBox.default {
border-color: none;
}
.mblButton {
padding: 0;
border-style: none;
-webkit-border-radius: 0;
border-radius: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-image: none;
-webkit-appearance: none;
}
.mblHeading .mblToolBarButton {
float: right;
-webkit-box-shadow: none;
box-shadow: none;
}
.T158e01cb5bf26329cb2d9 {
display: none;
}
.mblToolBarButton {
text-shadow: none;
background-color: none;
background-image: none;
-webkit-border-radius: 0;
border-radius: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
-webkit-appearance: none;
}
.mblToolBarButton:active {
background-color: transparent;
}
.bmo-tablet .mblToolBarButton {
font-weight: normal;
}
.mblColorDefault {
background-color: transparent;
background-image: none;
border-style: none;
}
.mblColorDefaultSel {
background-color: transparent;
}
.mblTextBox {
height: 40px;
border-width: none;
border-style: inset;
font-family: none;
-webkit-border-radius: 0;
border-radius: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
.mblHeading {
height: 45px;
background-image: none;
border-style: none;
background-color: transparent;
white-space: nowrap;
text-shadow: none;
font-family: 'DxRg';
font-size: 0px;
font-weight: normal;
}
.mblRoundRect {
margin: 0;
padding: 0;
border-style: none;
-webkit-border-radius: 0px;
border-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.mblRoundRect {
background-color: transparent;
}
.mblListItem {
font-weight: normal;
padding: 0px;
list-style-type: none;
border-style: none;
border-bottom: 0px;
}
.Ub8cb6b698d7688d8ec0 .mblListItem:last-child {
border-style: none;
}
.mblListItem:last-child {
border-style: none;
}
.Ub8cb6b698d7688d8ec0 {
background-color: transparent;
background-image: none;
}
.mblListItemLabel {
color: #ffffff;
background-color: transparent;
background-image: none;
}
.mblListItemChecked {
color: transparent;
background-image: none;
}
.mblListItemRightIcon {
background-image: none;
background-color: transparent;
}
.mblDomButtonCheck > div {
border-color: none;
border-style: none;
}
.mblDomButtonDarkBlueCheck > div {
border-color: none;
border-style: none;
color: none;
color: transparent;
background-image: none;
background-color: transparent;
}
.mblDomButtonDarkBlueCheck > div,
.mblDomButtonCheck > div {
border-color: none;
background-image: none;
background-color: transparent;
}
.Ub8cb6b698d7688d8ec0 {
background-image: none;
background-color: transparent;
}
.mblListItem.mblVariableHeight {
padding: 0;
background-color: transparent;
}
.listItemHistory .lstLblItems {
border-bottom: 0px;
}
.mblDomButtonCheckboxOff {
border-style: none;
background-image: none;
background-color: transparent;
}
.mblDomButtonCheckboxOff > div {
border-style: none;
background-image: none;
background-color: transparent;
}
.mblDomButtonCheckboxOff > div > div {
border-style: none;
background-image: none;
background-color: transparent;
}
.mblDomButtonCheckboxOn {
border-style: none;
background-image: none;
background-color: transparent;
}
.mblDomButtonCheckboxOn > div {
background-image: none;
border-style: none;
background-color: transparent;
}
.mblDomButtonCheckboxOn > div > div {
background-image: none;
border-style: none;
-webkit-border-radius: 0px;
border-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
background-color: transparent;
}
.mblDomButtonBlueCircleMinus > div {
background-image: none;
border-style: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.mblDomButtonBlueCircleMinus > div > div {
border-style: none;
background-image: none;
background-color: transparent;
}
.mblDomButtonBlueCircleMinus > div > div > div {
background-color: transparent;
}
.mblDomButtonBlueCirclePlus > div {
border-style: none;
background-image: none;
background-color: transparent;
position: relative;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-shadow: 0px 0px 0px transparent;
box-shadow: 0px 0px 0px transparent;
top: 0px;
left: 0px;
width: 25px;
height: 25px;
border: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.mblDomButtonBlueCirclePlus {
border-style: none;
background-image: none;
background-color: transparent;
}
.mblDomButtonBlueCirclePlus > div > div {
border-style: none;
background-image: none;
background-color: transparent;
}
.mblDomButtonBlueCirclePlus > div > div > div {
border-style: none;
background-image: none;
background-color: transparent;
}
.mblDomButtonBlueCirclePlus > div > div > div > div {
border-style: none;
background-image: none;
background-color: transparent;
}
.mblCarousel .mblCarouselHeaderBar {
background-color: transparent;
height: 0px;
}
.mblTabBar {
padding: 0px;
border-style: none;
border: 0px;
}
.mblTabBarSegmentedControl {
background-image: none;
text-shadow: none;
background-color: transparent;
border-style: none;
}
.bmo-phone .mblTabBarSegmentedControl .mblTabBarButton {
margin: 0;
line-height: 37px;
background-image: none;
text-shadow: none;
background-color: transparent;
border-style: none;
border-width: 0px;
font-weight: normal;
}
.bmo-phone .mblTabBarSegmentedControl .mblTabBarButton:last-child {
border-style: none;
font-weight: normal;
-webkit-border-radius: 0px;
border-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border: 0px;
}
.bmo-tablet .mblTabBarSegmentedControl .mblTabBarButton,
.bmo-tablet .mblTabBarSegmentedControl .mblTabBarButtonSelected {
-webkit-border-radius: 0px;
border-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
margin: 0;
background-image: none;
text-shadow: none;
background-color: transparent;
border-style: none;
border-width: 0px;
font-weight: normal;
height: inherit;
width: 50%;
line-height: 44px;
height: 44px;
}
.bmo-tablet .mblTabBarSegmentedControl .mblTabBarButton b,
.bmo-tablet .mblTabBarSegmentedControl .mblTabBarButtonSelected b {
font-weight: normal;
}
.bmo-tablet .mblTabBarSegmentedControl .mblTabBarButton:first-child,
.bmo-tablet .mblTabBarSegmentedControl .mblTabBarButtonSelected:first-child,
.bmo-tablet .mblTabBarSegmentedControl .mblTabBarButton:last-child,
.bmo-tablet .mblTabBarSegmentedControl .mblTabBarButtonSelected:last-child {
-webkit-border-radius: 0px;
border-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border: none;
}
.bmo-phone .accountDetailBA .mblTabBarSegmentedControl .mblTabBarButton:first-child {
border-style: none;
font-weight: normal;
-webkit-border-radius: 0px;
border-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border: 0px;
}
.bmo-phone .accountDetailBA ul {
text-shadow: none;
border-style: none;
}
.mblView {
margin: 0;
border-style: none;
border-width: 0px;
}
.mblListItemSelected {
background-image: none;
background-color: transparent;
}
.mblEdgeToEdgeCategory {
background-image: none;
background-color: transparent;
border-style: none;
border-bottom: 0px;
text-shadow: none;
font-weight: normal;
line-height: 0px;
}
.mblCheckBox {
-webkit-transform: translateY(0em);
transform: translateY(0em);
border: 0px ;
border-style: none;
-webkit-border-radius: 0px;
border-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.mblCheckBox:checked::after {
margin: 0px;
padding: 0px;
border-width: 0px;
border-style: none;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.mblSearchBox {
padding: 0 5px;
}
.mblSearchBox::-webkit-search-results-decoration {
-webkit-user-select: none;
margin-right: 5px;
}
/* Imports of all individual less files from each flow/view */
.filterByDateContent {
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
}
.accountDetailBA {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: 0px;
height: 100%;
}
.accountDetailBA .date_field {
-webkit-box-shadow: 0px 8px 5px -5px #b4b4b4;
box-shadow: 0px 8px 5px -5px #b4b4b4;
}
.accountDetailBA .dgrid-content {
height: auto;
}
.bmo-phone .accountDetail .accountDetailBA .detailList .total-holds .mblListItemLabel {
font-family: 'DXBD';
font-size: 14px;
line-height: 16px;
color: #000000;
}
.bmo-tablet .accountDetail .accountDetailBA .detailList .total-holds .mblListItemLabel {
font-family: 'DXBD';
font-size: 15px;
line-height: 17px;
color: #000000;
}
.bmo-tablet .accountDetail .accountDetailBA .detailList .total-holds .mblListItemLabel sup {
font-size: 10px;
margin-left: 2px;
}
.accountDetailLOC {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: 0px;
}
.accountDetail .accountDetailLOC .content .content-tab {
margin-bottom: 45px;
padding-bottom: 0px;
}
.accountDetail .accountDetailLOC .content .use_flex .content-tab {
padding-bottom: 45px;
margin-bottom: 0px;
}
.accountDetailLOC .dgrid-content {
height: auto;
}
.accountDetailMC {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: 0px;
height: 100%;
}
.accountDetail .accountDetailMC .content .content-tab {
margin-bottom: 45px;
padding-bottom: 0px;
}
.accountDetail .accountDetailMC .content .use_flex .content-tab {
padding-bottom: 45px;
margin-bottom: 0px;
}
.accountDetailMC .dgrid-content {
height: auto;
}
.accountDetailMTG {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: 0px;
height: 100%;
position: relative;
}
.accountDetail .accountDetailMTG .errInScreen {
margin-bottom: 0px;
padding-bottom: 0px;
}
.accountDetail .accountDetailMTG .errInScreen .errorInScreen {
margin: 15px 10px;
}
.accountDetail .accountDetailMTG .use_flex .errInScreen {
padding-bottom: 0px;
margin-bottom: 0px;
}
.accordion-shadow {
-webkit-box-shadow: 0px 10px 10px -10px #4e4e4e inset;
box-shadow: 0px 10px 10px -10px #4e4e4e inset;
content: '';
display: block;
width: 100%;
z-index: 2;
height: 10px;
}
.mblAccordion.default {
border: none;
}
.mblAccordion.default .mblAccordionPane {
background-color: #f0f0f0;
}
.mblAccordion.default .mblAccordionPane .two-column-layout {
margin: 30px 35px;
}
.mblAccordion.default .anchor {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
background-color: #ffffff;
height: 44px;
margin-top: 6px;
}
.mblAccordion.default .anchor .icon {
flex: 0 0 70px;
}
.mblAccordion.default .anchor .text-left {
flex: 1 1 200px;
font-family: 'DXBD';
font-size: 17px;
color: #0079c1;
text-align: left;
}
.mblAccordion.default .anchor .text-center {
flex: 1 1 auto;
}
.mblAccordion.default .anchor .text-right {
display: none!important;
}
.mblAccordion.default .anchor .button-delete {
color: #000000;
flex: 0 0 90px;
}
.mblAccordion.accounts {
border: none;
color: black;
}
.mblAccordion.accounts > div:last-child,
.mblAccordion.accounts ul:last-child {
border: none;
}
.mblAccordion.accounts .mblAccordionPane {
background-color: #ffffff;
padding: 0px 30px 0px 10px;
}
.mblAccordion.accounts .mblAccordionPane .two-column-layout {
margin: 30px 35px;
}
.mblAccordion.accounts .anchor {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
background-color: transparent;
min-height: 50px;
margin: 0px 30px 0px 10px;
border-bottom: 1px solid #c0c0c0;
}
.mblAccordion.accounts .anchor .icon {
flex: 0 0 auto;
margin-right: 9px;
}
.mblAccordion.accounts .anchor .groupHeadTitle {
font-family: 'DxRg';
font-size: 21px;
color: #000000;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.mblAccordion.accounts .anchor .category-total {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-webkit-flex: 0 0 45%;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
align-items: flex-end;
}
.mblAccordion.accounts .anchor .category-total .balance {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: baseline;
-moz-align-items: baseline;
-ms-align-items: baseline;
align-items: baseline;
}
.mblAccordion.accounts .anchor .category-total .balance .currency {
font-family: 'DXBD';
font-size: 12px;
color: #000000;
}
.mblAccordion.accounts .anchor .category-total .balance .amount {
font-family: 'DXBD';
font-size: 21px;
color: #000000;
margin-left: 5px;
}
.mblAccordion.accounts .anchor .button-delete {
display: none!important;
}
.mblAccordion.accounts .selected > a {
border: none;
}
.mblAccordion.accounts .mblAccordionTitleLast {
border: none;
}
.bmo-tablet .mblAccordion.billpayment {
border: none;
background-color: transparent;
}
.bmo-tablet .mblAccordion.billpayment > div:last-child,
.bmo-tablet .mblAccordion.billpayment ul:last-child {
border: none;
}
.bmo-tablet .mblAccordion.billpayment .mblAccordionPane {
background: none;
filter: none;
background-color: #f0f0f0;
}
.bmo-tablet .mblAccordion.billpayment .mblAccordionPane::before {
-webkit-box-shadow: 0px 10px 10px -10px #4e4e4e inset;
box-shadow: 0px 10px 10px -10px #4e4e4e inset;
content: '';
display: block;
width: 100%;
z-index: 2;
height: 10px;
}
.bmo-tablet .mblAccordion.billpayment .billPaymentTitle {
margin-top: 6px;
}
.bmo-tablet .mblAccordion.billpayment .anchor {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
background-color: #ffffff;
height: 44px;
position: relative;
}
.bmo-tablet .mblAccordion.billpayment .anchor .checkmark-icon,
.bmo-tablet .mblAccordion.billpayment .anchor .checkmark-icon + div {
margin-left: 10px;
}
.bmo-tablet .mblAccordion.billpayment .anchor .checkmark-icon.hidden + div {
margin-left: 37px;
}
.bmo-tablet .mblAccordion.billpayment .anchor .text-left {
font-family: 'DXBD';
font-size: 17px;
color: #0079c1;
text-align: left;
margin-left: 5px;
margin-right: 5px;
}
.bmo-tablet .mblAccordion.billpayment .anchor .text-left sup {
font-size: 11px;
margin-left: 2px;
}
.bmo-tablet .mblAccordion.billpayment .anchor .text-center {
font-family: 'DXMD';
font-size: 14px;
color: #000000;
}
.bmo-tablet .mblAccordion.billpayment .anchor .text-center sup {
font-size: 9px;
margin-left: 2px;
}
.bmo-tablet .mblAccordion.billpayment .anchor .text-center .fromAccountName,
.bmo-tablet .mblAccordion.billpayment .anchor .text-center .toAccountName,
.bmo-tablet .mblAccordion.billpayment .anchor .text-center .amount,
.bmo-tablet .mblAccordion.billpayment .anchor .text-center .date {
margin-left: 10px;
border-left: 1px solid #000000;
padding-left: 10px;
}
.bmo-tablet .mblAccordion.billpayment .anchor .text-center .toAccountName {
white-space: pre;
}
.bmo-tablet .mblAccordion.billpayment .anchor .text-right {
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
-ms-flex-pack: flex-end;
justify-content: flex-end;
-webkit-box-pack: flex-end;
box-pacl: flex-end;
}
.bmo-tablet .mblAccordion.billpayment .anchor .button-delete {
position: absolute;
right: 15px;
height: 40px;
width: 40px;
padding: 8.5px 10px;
}
.bmo-tablet .mblAccordion.billpayment .anchor .button-delete > .icon {
background-position-x: -30px;
background-position-y: -540px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 20px;
height: 23px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .mblAccordion.billpayment .anchor .button-delete > .icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .mblAccordion.billpayment .anchor .button-delete > .icon {
background-image: url(sprites-tablet.png);
}
}
.bmo-tablet .mblAccordion.billpayment .mblAccordionTitleLast {
border: none;
color: black;
}
.bmo-tablet .mblAccordion.billpayment .mblAccordionTitleLast.selected {
border-bottom: 1px solid #c0c0c0;
}
.mblAccordion.travelNotification {
border: none;
}
.mblAccordion.travelNotification .travelNotificationTitle {
margin-top: 6px;
}
.mblAccordion.travelNotification .mblAccordionPane {
background-color: #f0f0f0;
}
.mblAccordion.travelNotification .mblAccordionPane::before {
-webkit-box-shadow: 0px 10px 10px -10px #4e4e4e inset;
box-shadow: 0px 10px 10px -10px #4e4e4e inset;
content: '';
display: block;
width: 100%;
z-index: 2;
height: 10px;
}
.mblAccordion.travelNotification .anchor {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
height: 44px;
background-color: #ffffff;
padding: 0 35px 0 0;
}
.mblAccordion.travelNotification .anchor .icon {
-webkit-box-flex: 0;
-webkit-flex: 0 0 35px;
-ms-flex: 0 0 35px;
flex: 0 0 35px;
width: 35px;
}
.mblAccordion.travelNotification .anchor .icon .checkmark-icon {
margin: 0 auto;
}
.mblAccordion.travelNotification .anchor .title {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-align-items: baseline;
-moz-align-items: baseline;
-ms-align-items: baseline;
align-items: baseline;
}
.mblAccordion.travelNotification .anchor .title .label {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
font-family: 'DXBD';
font-size: 17px;
color: #0079c1;
}
.mblAccordion.travelNotification .anchor .title .location {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
font-family: 'DXMD';
font-size: 14px;
color: #000000;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
@media only screen {
}
@media only screen and (orientation: portrait) {
.mblAccordion.travelNotification .anchor .title .location {
max-width: 290px;
}
}
@media only screen and (orientation: landscape) {
.mblAccordion.travelNotification .anchor .title .location {
max-width: 590px;
}
}
.mblAccordion.travelNotification .anchor .title .location::before {
font-family: 'DxRg';
content: "|";
font-size: 14px;
margin: 0 15px;
}
.mblAccordion.travelNotification .anchor .title .date {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
font-family: 'DXMD';
font-size: 14px;
color: #000000;
}
.mblAccordion.travelNotification .anchor .title .date::before {
font-family: 'DxRg';
content: "|";
font-size: 14px;
margin: 0 15px;
}
.mblAccordion.travelNotification .anchor .button-delete {
height: 40px;
width: 40px;
padding: 8.5px 10px;
}
.mblAccordion.travelNotification .anchor .button-delete > .icon {
background-position-x: -30px;
background-position-y: -540px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 20px;
height: 23px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.mblAccordion.travelNotification .anchor .button-delete > .icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.mblAccordion.travelNotification .anchor .button-delete > .icon {
background-image: url(sprites-tablet.png);
}
}
.mblAccordion.linkAccounts {
border: none;
}
.mblAccordion.linkAccounts .linkAccountsTitle {
margin-top: 6px;
}
.mblAccordion.linkAccounts .mblAccordionPane {
background-color: #f0f0f0;
}
.mblAccordion.linkAccounts .mblAccordionPane::before {
-webkit-box-shadow: 0px 10px 10px -10px #4e4e4e inset;
box-shadow: 0px 10px 10px -10px #4e4e4e inset;
content: '';
display: block;
width: 100%;
z-index: 2;
height: 10px;
}
.mblAccordion.linkAccounts .anchor {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
height: 44px;
background-color: #ffffff;
padding: 0 35px;
}
.mblAccordion.linkAccounts .anchor .title {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-align-items: baseline;
-moz-align-items: baseline;
-ms-align-items: baseline;
align-items: baseline;
}
.mblAccordion.linkAccounts .anchor .title .label {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
font-family: 'DXBD';
font-size: 17px;
color: #0079c1;
}
.mblAccordion.linkAccounts .anchor .title .account-number {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
font-family: 'DXMD';
font-size: 14px;
color: #000000;
}
.mblAccordion.linkAccounts .anchor .title .account-number::before {
font-family: 'DxRg';
content: "|";
font-size: 14px;
margin: 0 15px;
}
.mblAccordion.linkAccounts .anchor .title .update-text {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
font-family: 'DXMD';
font-size: 14px;
color: #000000;
}
.mblAccordion.linkAccounts .anchor .title .update-text::before {
font-family: 'DxRg';
content: "|";
font-size: 14px;
margin: 0 15px;
}
.mblAccordion.linkAccounts .anchor .button-delete {
height: 40px;
width: 40px;
padding: 8.5px 10px;
}
.mblAccordion.linkAccounts .anchor .button-delete > .icon {
background-position-x: -30px;
background-position-y: -540px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 20px;
height: 23px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.mblAccordion.linkAccounts .anchor .button-delete > .icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.mblAccordion.linkAccounts .anchor .button-delete > .icon {
background-image: url(sprites-tablet.png);
}
}
.mblCarousel.bijitCarousel {
height: auto;
}
.mblCarousel.bijitCarousel .mblCarouselHeaderBar {
padding: 0px;
margin: 0px;
display: none;
}
.mblCarousel.bijitCarousel.carousel_android_tweak .mblSwapView {
-webkit-transform: none !important;
-webkit-transform-style: flat !important;
}
.selectCarousel {
display: table;
border-bottom: 1px solid #dcdcdc;
width: 100%;
}
.selectCarousel:last-child {
border-bottom: 0px;
}
.selectCarousel > div {
display: table-row;
}
.selectCarousel .selectCarouselLbl {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #000000;
display: table-cell;
vertical-align: middle;
text-align: left;
width: 25%;
height: 100%;
padding: 0px 10px 0px 10px;
background-color: #ffffff;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
background: -webkit-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: -o-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: -ms-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: linear-gradient(to right, #ffffff 0%, #f0f0f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorWhite', endColorstr='@gradientgrey', GradientType=1);
border-style: none;
}
.bmo-tablet .selectCarousel .selectCarouselLbl {
background: none;
filter: none;
background-color: #dfdfdf;
}
.selectCarousel .selectCarouselFld.mblCarousel {
background-color: #ffffff;
width: 75%;
display: table-cell;
}
.breadcrumbs {
text-align: center;
margin: 15px 0px 15px 0px;
clear: both;
}
.bmo-tablet .breadcrumbs {
margin: 30px 0px 30px 0px;
}
.breadcrumbs .center_container {
display: inline-block;
overflow: hidden;
}
.breadcrumbs .breadcrumbs_button:first-of-type .divider:first-of-type,
.breadcrumbs .breadcrumbs_button:last-of-type .divider:last-of-type {
visibility: hidden;
}
.breadcrumbs_button {
float: left;
}
.breadcrumbs_button .button {
font-family: 'DXBD';
color: #bedceb;
font-size: 14px;
float: left;
overflow: hidden;
text-align: center;
vertical-align: middle;
background-color: #005587;
border-top: 1px solid #003554;
}
.bmo-phone .breadcrumbs_button .button {
line-height: 23px;
width: 24px;
height: 23px;
}
.bmo-tablet .breadcrumbs_button .button {
line-height: 29px;
width: 30px;
height: 29px;
}
.bmo-phone .breadcrumbs_button .button {
-webkit-border-radius: 12px;
border-radius: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-bottom-left-radius: 12px;
border-bottom-right-radius: 12px;
}
.bmo-tablet .breadcrumbs_button .button {
-webkit-border-radius: 15px;
border-radius: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.breadcrumbs_button .divider {
float: left;
width: 18px;
height: 1px;
background-color: #005587;
border-top: 1px solid #003554;
}
.bmo-phone .breadcrumbs_button .divider {
margin-top: 11px;
}
.bmo-tablet .breadcrumbs_button .divider {
margin-top: 14px;
}
.breadcrumbs_button span {
font-family: 'DxRg';
color: #bedceb;
clear: both;
display: block;
text-align: center;
padding-top: 4px;
}
.bmo-phone .breadcrumbs_button span {
font-size: 13px;
}
.bmo-tablet .breadcrumbs_button span {
font-size: 14px;
}
.bmo-tablet .breadcrumbs_button .button {
font-family: 'DXBD';
font-size: 17px;
color: #bedceb;
}
.bmo-tablet .breadcrumbs_button .button sup {
font-size: 11px;
margin-left: 2px;
}
.bmo-tablet .breadcrumbs_button span {
font-family: 'DxRg';
font-size: 14px;
color: #bedceb;
}
.bmo-tablet .breadcrumbs_button span sup {
font-size: 9px;
margin-left: 2px;
}
.breadcrumbs_button.active .button {
font-family: 'DXBD';
color: #0079c1;
font-size: 14px;
background-color: #ffffff;
border-top: #e6e6e6;
}
.breadcrumbs_button.active span {
font-family: 'DxRg';
color: #ffffff;
}
.bmo-phone .breadcrumbs_button.active span {
font-size: 13px;
}
.bmo-tablet .breadcrumbs_button.active span {
font-size: 14px;
}
.bmo-tablet .breadcrumbs_button.active .button {
font-family: 'DXBD';
font-size: 17px;
color: #0079c1;
}
.bmo-tablet .breadcrumbs_button.active .button sup {
font-size: 11px;
margin-left: 2px;
}
.bmo-tablet .breadcrumbs_button.active span {
font-family: 'DxRg';
font-size: 14px;
color: #ffffff;
}
.bmo-tablet .breadcrumbs_button.active span sup {
font-size: 9px;
margin-left: 2px;
}
.calendarDialog.mblSimpleDialogDecoration {
border-width: 0px;
background-color: transparent;
}
.calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration {
width: 320px;
padding: 0px;
}
.calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container {
border: 1px solid black;
background-color: white;
}
.calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .prevMonthCal {
position: absolute;
margin-bottom: -20px;
margin-left: -150px;
width: 35%;
float: left;
}
.calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .nextMonthCal {
position: absolute;
margin-bottom: -20px;
margin-left: 50px;
width: 35%;
float: right;
}
.calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .prevYearCal {
position: absolute;
margin-top: -20px;
margin-left: -100px;
width: 25%;
float: left;
}
.calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .nextYearCal {
position: absolute;
margin-top: -20px;
margin-right: -50px;
width: 25%;
float: right;
}
.calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .mblSimpleDialogTitle {
width: 100%;
margin: 0px;
padding: 0px;
border-bottom: 0px solid #000000;
background-color: #000000;
vertical-align: middle;
text-align: center;
}
.calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .mblSimpleDialogTitle .mblHeading {
height: 40px;
line-height: 40px;
width: 100%;
}
.calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .mblSimpleDialogTitle .mblHeading .mblToolBarButton {
font-family: 'DXBD';
font-size: 14px;
color: #ffffff;
border: none;
margin: 0px;
line-height: inherit;
height: auto;
background-color: transparent;
}
.calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .mblSimpleDialogTitle .mblHeading .mblToolBarButton.btnCloseCal {
color: transparent;
padding: 9px 10px 10px;
}
.bmo-phone .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .mblSimpleDialogTitle .mblHeading .mblToolBarButton.btnCloseCal .icon {
background-position-x: -90px;
background-position-y: -440px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 21px;
height: 21px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .mblSimpleDialogTitle .mblHeading .mblToolBarButton.btnCloseCal .icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .mblSimpleDialogTitle .mblHeading .mblToolBarButton.btnCloseCal .icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .mblSimpleDialogTitle .mblHeading .mblToolBarButton.btnCloseCal .icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .mblSimpleDialogTitle .mblHeading .mblToolBarButton.btnCloseCal .icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .mblSimpleDialogTitle .mblHeading .mblToolBarButton.btnCloseCal .icon {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .mblSimpleDialogTitle .mblHeading .mblToolBarButton.btnCloseCal .icon {
background-position-x: -90px;
background-position-y: -480px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 21px;
height: 21px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .mblSimpleDialogTitle .mblHeading .mblToolBarButton.btnCloseCal .icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .mblSimpleDialogTitle .mblHeading .mblToolBarButton.btnCloseCal .icon {
background-image: url(sprites-tablet.png);
}
}
.bmo-phone .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .mblSimpleDialogTitle .mblHeading .mblToolBarButton.btnCloseCal {
float: left;
}
.bmo-tablet .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .mblSimpleDialogTitle .mblHeading .mblToolBarButton.btnCloseCal {
float: right;
}
.calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .mblSimpleDialogTitle .mblHeading .mblToolBarButton.btnDoneCal {
float: right;
}
.calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .mblSimpleDialogTitle .mblHeading .Z3982562b45731e3e92 {
font-family: 'DXBD';
font-size: 16px;
color: #ffffff;
display: inline;
}
.calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer {
width: 100%;
}
.calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarMonthContainer {
line-height: 35px;
height: 35px;
background-color: #0079c1;
vertical-align: middle;
font-family: 'DXBD';
font-size: 20px;
color: #ffffff;
}
.calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarMonthContainer .dijitCalendarArrow {
width: 28px;
color: transparent;
}
.calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarMonthContainer .dijitCalendarArrow .dijitA11ySideArrow {
display: inline-block;
}
.bmo-phone .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarMonthContainer .dijitCalendarArrow .dijitCalendarDecrease + .dijitA11ySideArrow {
background-position-x: -90px;
background-position-y: -560px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 12px;
height: 21px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarMonthContainer .dijitCalendarArrow .dijitCalendarDecrease + .dijitA11ySideArrow {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarMonthContainer .dijitCalendarArrow .dijitCalendarDecrease + .dijitA11ySideArrow {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarMonthContainer .dijitCalendarArrow .dijitCalendarDecrease + .dijitA11ySideArrow {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarMonthContainer .dijitCalendarArrow .dijitCalendarDecrease + .dijitA11ySideArrow {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarMonthContainer .dijitCalendarArrow .dijitCalendarDecrease + .dijitA11ySideArrow {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarMonthContainer .dijitCalendarArrow .dijitCalendarDecrease + .dijitA11ySideArrow {
background-position-x: -90px;
background-position-y: -570px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 13px;
height: 22px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarMonthContainer .dijitCalendarArrow .dijitCalendarDecrease + .dijitA11ySideArrow {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarMonthContainer .dijitCalendarArrow .dijitCalendarDecrease + .dijitA11ySideArrow {
background-image: url(sprites-tablet.png);
}
}
.bmo-phone .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarMonthContainer .dijitCalendarArrow .dijitCalendarIncrease + .dijitA11ySideArrow {
background-position-x: -110px;
background-position-y: -560px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 12px;
height: 21px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarMonthContainer .dijitCalendarArrow .dijitCalendarIncrease + .dijitA11ySideArrow {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarMonthContainer .dijitCalendarArrow .dijitCalendarIncrease + .dijitA11ySideArrow {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarMonthContainer .dijitCalendarArrow .dijitCalendarIncrease + .dijitA11ySideArrow {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarMonthContainer .dijitCalendarArrow .dijitCalendarIncrease + .dijitA11ySideArrow {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarMonthContainer .dijitCalendarArrow .dijitCalendarIncrease + .dijitA11ySideArrow {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarMonthContainer .dijitCalendarArrow .dijitCalendarIncrease + .dijitA11ySideArrow {
background-position-x: -110px;
background-position-y: -570px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 13px;
height: 22px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarMonthContainer .dijitCalendarArrow .dijitCalendarIncrease + .dijitA11ySideArrow {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarMonthContainer .dijitCalendarArrow .dijitCalendarIncrease + .dijitA11ySideArrow {
background-image: url(sprites-tablet.png);
}
}
.calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarDayLabelTemplate {
font-family: 'DXBD';
font-size: 13px;
color: #000000;
line-height: 20px;
height: 20px;
width: 14%;
}
.calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarDateTemplate {
line-height: 40px;
height: 40px;
border-right: 1px solid #dcdcdc;
}
.calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarDateTemplate:last-child {
border-right: 0px;
}
.calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarDateTemplate.dijitCalendarEnabledDate {
font-family: 'DXBD';
font-size: 20px;
color: #000000;
background-color: transparent;
}
.calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarDateTemplate.dijitCalendarSelectedDate {
font-family: 'DXBD';
font-size: 20px;
color: #0079c1;
}
.calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarDateTemplate.dijitCalendarCurrentDate {
font-family: 'DXBD';
font-size: 20px;
color: #ffffff;
background-color: #0079c1;
}
.calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarDateTemplate.dijitCalendarDisabledDate {
font-family: 'DXBD';
font-size: 20px;
color: #cccccc;
text-decoration: none;
}
.calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarDateTemplate.dijitCalendarPreviousMonth,
.calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarDateTemplate.dijitCalendarPreviousMonth.dijitCalendarDisabledDate,
.calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarDateTemplate.dijitCalendarNextMonth,
.calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarDateTemplate.dijitCalendarNextMonth.dijitCalendarDisabledDate {
font-family: 'DXBD';
font-size: 20px;
color: #cccccc;
text-decoration: none;
}
.calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarYearContainer .dijitCalendarYearLabel {
line-height: 35px;
height: 35px;
background-color: #000000;
vertical-align: middle;
}
.calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarYearContainer .dijitCalendarYearLabel .dijitCalendarSelectedYear {
font-family: 'DXBD';
font-size: 16px;
color: #ffffff;
}
.calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarYearContainer .dijitCalendarYearLabel .dijitCalendarPreviousYear,
.calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarYearContainer .dijitCalendarYearLabel .dijitCalendarNextYear {
font-family: 'DXBD';
font-size: 14px;
color: #ffffff;
margin: 0px 20px 0px 20px;
}
.bmo-tablet .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container {
border: none;
}
.bmo-tablet .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .mblSimpleDialogTitle {
background-color: white;
}
.bmo-tablet .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .mblSimpleDialogTitle .mblHeading .Z3982562b45731e3e92 {
color: #0079c1;
}
.bmo-tablet .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarYearLabel {
background-color: #0079c1;
}
.bmo-tablet .calendarDialog.mblSimpleDialog.mblSimpleDialogDecoration .calendar_container .dijitCalendarContainer .dijitCalendarMonthContainer .dijitCalendarArrow .dijitA11ySideArrow {
margin-top: 5px;
padding-left: 5px;
}
.chequeModal {
-webkit-border-radius: 5px;
border-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.chequeModal.mblSimpleDialogDecoration {
border: none;
}
.chequeModal.mblSimpleDialog {
width: 570px;
padding: 0px;
}
.chequeModal.mblSimpleDialog .btn {
float: right;
margin-top: 15px;
margin-right: 15px;
}
.bmo-phone .chequeModal.mblSimpleDialog .btn {
background-position-x: -90px;
background-position-y: -470px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 21px;
height: 22px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .chequeModal.mblSimpleDialog .btn {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .chequeModal.mblSimpleDialog .btn {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .chequeModal.mblSimpleDialog .btn {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .chequeModal.mblSimpleDialog .btn {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .chequeModal.mblSimpleDialog .btn {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .chequeModal.mblSimpleDialog .btn {
background-position-x: -90px;
background-position-y: -479px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 21px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .chequeModal.mblSimpleDialog .btn {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .chequeModal.mblSimpleDialog .btn {
background-image: url(sprites-tablet.png);
}
}
.chequeModal.mblSimpleDialog .header .title {
display: inline;
padding-top: 35px;
padding-left: 35px;
padding-bottom: 20px;
float: left;
font-family: 'DXMD';
}
@myfontsize 3;
.chequeModal.mblSimpleDialog .header .title-value {
display: inline;
padding-top: 35px;
float: left;
font-family: 'DXMD';
}
@myfontsize 3;
.chequeModal.mblSimpleDialog .pictures {
padding: 0 35px 20px;
}
.chequeModal.mblSimpleDialog .pictures .picture-title {
float: left;
display: none;
}
.chequeModal.mblSimpleDialog .pictures .front-picture {
width: 100%;
max-width: 500px;
max-height: 200px;
padding-bottom: 20px;
overflow: hidden;
}
.chequeModal.mblSimpleDialog .pictures .back-picture {
width: 100%;
max-width: 500px;
max-height: 200px;
overflow: hidden;
}
.chequeModal.mblSimpleDialog .footer {
text-align: left;
padding-left: 35px;
padding-bottom: 35px;
}
.chequeModal.mblSimpleDialog .footer .description,
.chequeModal.mblSimpleDialog .footer .amount {
padding-top: 20px;
}
.chequeModal.mblSimpleDialog .footer .date,
.chequeModal.mblSimpleDialog .footer .description,
.chequeModal.mblSimpleDialog .footer .amount {
font-size: 15px;
line-height: 19px;
color: #000000;
font-family: 'DxRg';
}
.chequeModal.mblSimpleDialog .footer > div {
font-size: 15px;
line-height: 19px;
color: #000000;
font-family: 'DXBD';
}
.currencyToggle > div {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
align-items: stretch;
}
.currencyToggle > div .lbl {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100px;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
height: auto;
min-height: 40px;
padding: 10px 15px;
background-color: #ffffff;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
background: -webkit-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: -o-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: -ms-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: linear-gradient(to right, #ffffff 0%, #f0f0f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorWhite', endColorstr='@gradientgrey', GradientType=1);
border-style: none;
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #000000;
text-align: left;
}
.bmo-tablet .currencyToggle > div .lbl {
background: none;
filter: none;
background-color: #dfdfdf;
}
.currencyToggle > div .fld {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
height: auto;
background: #ffffff;
}
.currencyToggle > div .fld .btn-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
margin: 0px auto;
}
.currencyToggle > div .fld .btn-wrapper .btn {
border: 1px solid #0078BC;
padding-left: 30px;
padding-right: 30px;
font-size: 14px;
font-family: DXBD;
color: #0078BC;
min-height: 30px;
}
.currencyToggle > div .fld .btn-wrapper .btn.left {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.currencyToggle > div .fld .btn-wrapper .btn.right {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.currencyToggle > div .fld .btn-wrapper .btn.selected {
color: #ffffff;
background: #0078BC;
}
.bmo-phone .dataField .label {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #000000;
}
.bmo-tablet .dataField .label {
font-family: 'DxRg';
font-size: 15px;
line-height: 18px;
color: #000000;
}
.bmo-tablet .dataField .label sup {
font-size: 10px;
margin-left: 2px;
}
.dataField .line1 {
text-overflow: ellipsis;
overflow: hidden;
}
.allow-wrap.dataField .line1 {
white-space: pre-wrap;
}
.bmo-phone .dataField .line1 {
white-space: nowrap;
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #000000;
}
.bmo-tablet .dataField .line1 {
white-space: pre;
font-family: 'DXBD';
font-size: 15px;
line-height: 18px;
color: #000000;
}
.bmo-tablet .dataField .line1 sup {
font-size: 10px;
margin-left: 2px;
}
.dataField .lblLine2Container {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-size: 0;
}
.bmo-phone .dataField .lblLine2Container .lblLine2 {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #000000;
}
.bmo-tablet .dataField .lblLine2Container .lblLine2 {
font-family: 'DXBD';
font-size: 15px;
line-height: 18px;
color: #000000;
}
.bmo-tablet .dataField .lblLine2Container .lblLine2 sup {
font-size: 10px;
margin-left: 2px;
}
.dataField .lblLine2Container .lblLine2Sub {
line-height: 17px;
}
.bmo-phone .dataField .lblLine2Container .lblLine2Sub {
font-family: 'DXBD';
font-size: 12px;
color: #000000;
}
.bmo-tablet .dataField .lblLine2Container .lblLine2Sub {
font-family: 'DXBD';
font-size: 13px;
color: #000000;
padding-left: 3px;
}
.bmo-tablet .dataField .lblLine2Container .lblLine2Sub sup {
font-size: 8px;
margin-left: 2px;
}
.dataField .hrDivider {
border-bottom: 1px solid #dcdcdc;
margin-top: 10px;
margin-bottom: 10px;
}
.date_field {
border-bottom: 1px solid #dcdcdc;
}
.bmo-phone .date_field input::-webkit-input-placeholder {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #999999;
}
.bmo-tablet .date_field input::-webkit-input-placeholder {
font-family: 'DXBD';
font-size: 15px;
color: #999999;
}
.bmo-tablet .date_field input::-webkit-input-placeholder sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-phone .date_field input:-ms-input-placeholder {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #999999;
}
.bmo-tablet .date_field input:-ms-input-placeholder {
font-family: 'DXBD';
font-size: 15px;
color: #999999;
}
.bmo-tablet .date_field input:-ms-input-placeholder sup {
font-size: 10px;
margin-left: 2px;
}
.date_field input[type="text"],
.date_field input[type="password"],
.date_field input[type="tel"],
.date_field input[type="email"],
.date_field input[type="search"] {
-webkit-box-shadow: none;
box-shadow: none;
line-height: 19px;
width: 100%;
height: 100%;
border-width: 0px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
}
.date_field input[type="text"].error,
.date_field input[type="password"].error,
.date_field input[type="tel"].error,
.date_field input[type="email"].error,
.date_field input[type="search"].error {
border: 2px solid #c81414;
padding: 0px 8px 0px 8px;
}
.bmo-phone .date_field input[type="text"],
.bmo-phone .date_field input[type="password"],
.bmo-phone .date_field input[type="tel"],
.bmo-phone .date_field input[type="email"],
.bmo-phone .date_field input[type="search"] {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #000000;
padding: 0px 10px;
}
.bmo-tablet .date_field input[type="text"],
.bmo-tablet .date_field input[type="password"],
.bmo-tablet .date_field input[type="tel"],
.bmo-tablet .date_field input[type="email"],
.bmo-tablet .date_field input[type="search"] {
font-family: 'DXBD';
font-size: 15px;
color: #000000;
padding: 0 15px;
}
.bmo-tablet .date_field input[type="text"] sup,
.bmo-tablet .date_field input[type="password"] sup,
.bmo-tablet .date_field input[type="tel"] sup,
.bmo-tablet .date_field input[type="email"] sup,
.bmo-tablet .date_field input[type="search"] sup {
font-size: 10px;
margin-left: 2px;
}
.date_field .lbl {
background-color: #ffffff;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
background: -webkit-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: -o-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: -ms-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: linear-gradient(to right, #ffffff 0%, #f0f0f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorWhite', endColorstr='@gradientgrey', GradientType=1);
border-style: none;
text-align: left;
}
.bmo-tablet .date_field .lbl {
background: none;
filter: none;
background-color: #dfdfdf;
}
.date_field .fld {
background: #ffffff;
-webkit-appearance: none;
}
.date_field.bmo-phone {
height: 51px;
display: table;
width: 100%;
}
.date_field.bmo-phone.hidden {
display: none;
}
.date_field.bmo-phone:last-child {
border-bottom: 0px;
}
.date_field.bmo-phone > div {
display: table-row;
}
.date_field.bmo-phone .lbl {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #000000;
display: table-cell;
vertical-align: middle;
width: 80px;
height: 100%;
padding: 10px;
}
.date_field.bmo-phone .fld {
display: table-cell;
height: 100%;
vertical-align: middle;
padding: 2px;
}
.date_field.bmo-tablet {
height: auto;
min-height: 44px;
display: block;
}
.date_field.bmo-tablet > div {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
align-items: stretch;
min-height: inherit;
}
.date_field.bmo-tablet > div .lbl {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100px;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
font-family: 'DxRg';
font-size: 15px;
line-height: 17px;
color: #000000;
height: auto;
min-height: inherit;
align-items: center;
padding: 10px 15px;
background: none;
filter: none;
background-color: #dfdfdf;
}
.date_field.bmo-tablet > div .lbl sup {
font-size: 10px;
margin-left: 2px;
}
.date_field.bmo-tablet > div .fld {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: auto;
min-height: inherit;
padding: 0;
}
.date_field.bmo-tablet > div .fld > * {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0;
-ms-flex: 1 0 0;
flex: 1 0 0;
}
.date_field.bmo-tablet > div .fld .input_wrapper {
width: 100%;
}
.date_field .txt {
vertical-align: middle;
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #000000;
width: 100%;
height: 100%;
border-width: 0px;
padding: 0px 10px 0px 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
}
.date_field .txt.placeholder {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #999999;
}
.date_field .cal_btn {
color: transparent;
}
.bmo-phone .date_field .cal_btn {
background-position-x: -150px;
background-position-y: -531px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 27px;
height: 24px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .date_field .cal_btn {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .date_field .cal_btn {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .date_field .cal_btn {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .date_field .cal_btn {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .date_field .cal_btn {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .date_field .cal_btn {
background-position-x: 0px;
background-position-y: -540px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 22px;
height: 23px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .date_field .cal_btn {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .date_field .cal_btn {
background-image: url(sprites-tablet.png);
}
}
.date_field.bmo-phone {
height: 45px;
}
.date_field.bmo-phone .btn {
line-height: 45px;
float: right;
padding: 0 10px;
vertical-align: middle;
}
.date_field.bmo-phone .txt {
line-height: 45px !important;
}
.date_field.bmo-tablet .btn {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
height: auto;
padding: 0 15px;
background-color: #ffffff;
}
.date_field.bmo-tablet .fld > div {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
.date_field.bmo-tablet .txt {
font-family: 'DXBD';
font-size: 15px;
color: #000000;
}
.date_field.bmo-tablet .txt sup {
font-size: 10px;
margin-left: 2px;
}
.date_field.bmo-tablet .txt.placeholder {
font-family: 'DXBD';
font-size: 15px;
color: #999999;
}
.date_field.bmo-tablet .txt.placeholder sup {
font-size: 10px;
margin-left: 2px;
}
.dialog-box.mblSimpleDialog {
max-width: 400px;
width: 80%;
padding: 15px 10px;
border-style: none;
z-index: 3000;
}
.dialog-box .title {
font-family: 'DxRg';
font-size: 18px;
line-height: 17px;
color: #0079c1;
}
.dialog-box .message {
font-family: 'DxRg';
font-size: 15px;
line-height: 18px;
color: #000000;
padding: 0px 10px;
}
.dialog-box .twoButtonLayout {
width: initial;
}
.bmo-tablet .dialog-box .twoButtonLayout {
margin-bottom: 15px;
}
.bmo-tablet .dialog-box-survey {
-webkit-border-radius: 4px;
border-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.bmo-tablet .dialog-box-survey .close-button {
z-index: 100;
position: absolute;
top: -20px;
right: -20px;
}
.bmo-tablet .dialog-box-survey .close-button:active {
background-color: rgba(0, 0, 0, 0.2);
}
.bmo-tablet .dialog-box-survey .thank-you {
position: relative;
top: 250px;
}
.bmo-tablet .dialog-box-survey .bold-text {
font-family: 'DXBD';
}
.bmo-tablet .dialog-box-survey.mblSimpleDialog {
max-width: 475px;
width: 80%;
padding: 35px;
border-style: none;
z-index: 3000;
}
.bmo-tablet .dialog-box-survey .title {
font-family: 'DXMD';
font-size: 16px;
color: #0079c1;
}
.bmo-tablet .dialog-box-survey .title sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .dialog-box-survey .message,
.bmo-tablet .dialog-box-survey .lblMessage,
.bmo-tablet .dialog-box-survey .title {
text-align: left;
}
.bmo-tablet .dialog-box-survey .message {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #000000;
}
.bmo-tablet .dialog-box-survey .message sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .dialog-box-survey .starRating {
padding: 20px 0;
}
.bmo-tablet .dialog-box-survey .starRating ul {
margin: 0 auto;
height: 42px;
width: 365px;
}
.bmo-tablet .dialog-box-survey .starRating .lblMessage {
padding-bottom: 20px;
}
.bmo-tablet .dialog-box-survey .starRating .lblMessage,
.bmo-tablet .dialog-box-survey .zeroToTenRating .lblMessage {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #000000;
}
.bmo-tablet .dialog-box-survey .starRating .lblMessage sup,
.bmo-tablet .dialog-box-survey .zeroToTenRating .lblMessage sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .dialog-box-survey .starsScale li:first-child {
margin-left: 35px;
}
.bmo-tablet .dialog-box-survey .starsScale li:last-child {
margin-left: 0;
}
.bmo-tablet .dialog-box-survey .starsScale li {
display: inline-block;
float: right;
}
.bmo-tablet .dialog-box-survey .starsScale .selectedStar {
background-position-x: -720px;
background-position-y: -440px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 45px;
height: 45px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .dialog-box-survey .starsScale .selectedStar {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .dialog-box-survey .starsScale .selectedStar {
background-image: url(sprites-tablet.png);
}
}
.bmo-tablet .dialog-box-survey .starsScale .selectedStar ~ .icon_survey_star_off {
background-position-x: -720px;
background-position-y: -440px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 45px;
height: 45px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .dialog-box-survey .starsScale .selectedStar ~ .icon_survey_star_off {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .dialog-box-survey .starsScale .selectedStar ~ .icon_survey_star_off {
background-image: url(sprites-tablet.png);
}
}
.bmo-tablet .dialog-box-survey .zeroToTenRating ul {
margin-bottom: 10px;
}
.bmo-tablet .dialog-box-survey .zeroToTenRating ul > li {
margin-left: 7px;
}
.bmo-tablet .dialog-box-survey .zeroToTenRating .rating {
padding: 30px 0;
}
.bmo-tablet .dialog-box-survey .zeroToTenRating .rating .zeroToTen {
height: 75px;
}
.bmo-tablet .dialog-box-survey .buttons {
padding: 15px 110px 0 110px;
}
.bmo-tablet .dialog-box-survey .buttons button {
width: 100%;
height: 34px;
font-size: 18px;
}
.bmo-tablet .dialog-box-survey .text_field_large {
height: 150px;
border: 1px solid #dcdcdc;
}
.bmo-tablet .dialog-box-survey .text_field_large .lbl {
vertical-align: text-top;
padding-top: 17px;
}
.bmo-tablet .dialog-box-survey ul,
.bmo-tablet .dialog-box-survey .zeroToTenLabels {
font-family: 'DxRg';
font-size: 12px;
color: #000000;
}
.bmo-tablet .dialog-box-survey ul sup,
.bmo-tablet .dialog-box-survey .zeroToTenLabels sup {
font-size: 8px;
margin-left: 2px;
}
.bmo-tablet .dialog-box-survey ul li {
display: inline-block;
margin-left: 35px;
}
.bmo-tablet .dialog-box-survey ul li:first-child {
margin-left: 0;
}
.bmo-tablet .dialog-box-survey .zeroToTenLabels {
padding: 0 10px;
}
.bmo-tablet .dialog-box-survey .zeroToTenLabels .label1 {
float: left;
text-align: left;
width: 100px;
}
.bmo-tablet .dialog-box-survey .zeroToTenLabels .label3 {
float: right;
width: 115px;
text-align: right;
}
.donutChart {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: 0px;
position: relative;
margin-bottom: 30px;
}
.donutChart .chart {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: 0px;
}
.donutChart .spentTextBox {
position: absolute;
top: 30px;
right: 385px;
text-align: right;
}
.donutChart .spentTextBox .spentText {
color: #000000;
font-size: 13px;
padding-bottom: 5px;
}
.donutChart .spentTextBox .spentAmount {
color: #666666;
font-size: 18px;
font-family: 'DXBD';
}
.donutChart .availableTextBox {
position: absolute;
top: 30px;
left: 385px;
text-align: left;
}
.donutChart .availableTextBox .availableText {
font-size: 13px;
color: #000000;
padding-bottom: 5px;
}
.donutChart .availableTextBox .availableAmount {
color: #0079c1;
font-family: 'DXBD';
font-size: 18px;
}
.donutChart .limitTextBox {
position: absolute;
top: 260px;
left: 270px;
text-align: center;
vertical-align: middle;
color: #000000;
font-family: 'DXBD';
}
.donutChart .limitTextBox .limitText {
padding-bottom: 5px;
font-size: 18px;
}
.donutChart .limitTextBox .limitAmount {
font-size: 30px;
}
.donutChart .notice {
font-size: 16px;
line-height: 18px;
color: #666666;
position: absolute;
bottom: 30px;
text-align: center;
padding: 0 60px;
}
.doubleLineSelectField {
display: table;
border-bottom: 1px solid #dcdcdc;
width: 100%;
}
.doubleLineSelectField > div {
display: table-row;
height: inherit;
}
.doubleLineSelectField .lbl {
display: table-cell;
vertical-align: middle;
text-align: left;
width: 74px;
height: 100%;
padding: 10px;
background-color: #ffffff;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
background: -webkit-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: -o-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: -ms-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: linear-gradient(to right, #ffffff 0%, #f0f0f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorWhite', endColorstr='@gradientgrey', GradientType=1);
border-style: none;
}
.bmo-tablet .doubleLineSelectField .lbl {
background: none;
filter: none;
background-color: #dfdfdf;
}
.bmo-tablet .doubleLineSelectField .lbl {
font-family: 'DxRg';
font-size: 15px;
line-height: 17px;
color: #000000;
padding: 10px 15px;
}
.bmo-tablet .doubleLineSelectField .lbl sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-phone .doubleLineSelectField .lbl {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #000000;
padding: 10px;
}
.doubleLineSelectField .fld {
background-color: #ffffff;
display: table-cell;
height: inherit;
}
.bmo-phone .doubleLineSelectField .fld {
padding-left: 10px;
}
.bmo-tablet .doubleLineSelectField .fld {
padding-left: 15px;
}
.doubleLineSelectField .fld > div {
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
}
.doubleLineSelectField .fld > div > div {
display: table-row;
}
.doubleLineSelectField .fld > div.hidden {
display: none!important;
}
.doubleLineSelectField .fld .line1 {
display: table-cell;
vertical-align: bottom;
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #000000;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.doubleLineSelectField .fld .line2 {
display: table-cell;
vertical-align: top;
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #000000;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.doubleLineSelectField .chevronContainer {
width: 18px;
display: table-cell;
vertical-align: middle;
background-color: #ffffff;
}
.bmo-phone .doubleLineSelectField .chevronContainer .chevron {
background-position-x: -150px;
background-position-y: -500px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 8px;
height: 17px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .doubleLineSelectField .chevronContainer .chevron {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .doubleLineSelectField .chevronContainer .chevron {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .doubleLineSelectField .chevronContainer .chevron {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .doubleLineSelectField .chevronContainer .chevron {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .doubleLineSelectField .chevronContainer .chevron {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .doubleLineSelectField .chevronContainer .chevron {
background-position-x: -150px;
background-position-y: -510px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 10px;
height: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .doubleLineSelectField .chevronContainer .chevron {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .doubleLineSelectField .chevronContainer .chevron {
background-image: url(sprites-tablet.png);
}
}
.bmo-phone .doubleLineSelectField {
height: 50px;
}
.bmo-tablet .doubleLineSelectField {
height: 50px;
}
.fragmentAccountDetails {
text-align: center;
padding: 10px 0px 10px 0px;
height: 90px;
line-height: 90px;
}
.fragmentAccountDetails > div {
vertical-align: middle;
display: inline-block;
line-height: normal;
overflow: hidden;
width: 100%;
}
.fragmentAccountDetails .productName {
font-family: 'DXBD';
font-size: 14px;
line-height: 16px;
color: #ffffff;
}
.fragmentAccountDetails .accountNumber {
font-family: 'DxRg';
font-size: 14px;
line-height: 16px;
color: #ffffff;
}
.fragmentAccountDetails .amount {
font-family: 'DXMD';
font-size: 30px;
color: #ffffff;
}
.fragmentAccountDetails .currency {
color: #ffffff;
font-family: 'DXMD';
font-size: 22px;
}
@media (min-width: 480px) {
.fragmentAccountDetails {
/* Landscape configuration. */
height: 45px;
line-height: normal;
}
.fragmentAccountDetails > div {
height: 100%;
line-height: 45px;
}
.fragmentAccountDetails .infoContainer {
vertical-align: middle;
display: inline-block;
width: 50%;
line-height: normal;
}
}
.fragmentDoubleLine {
display: table;
table-layout: fixed;
border-bottom: 1px solid #dcdcdc;
width: 100%;
height: 100%;
}
.fragmentDoubleLine > div {
display: table-row;
height: 50%;
}
.fragmentDoubleLine:last-child {
border-bottom: 0px;
}
.fragmentDoubleLine .lblLine1 {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #000000;
display: table-cell;
vertical-align: bottom;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.fragmentDoubleLine .lblLine2Container {
display: table-cell;
vertical-align: top;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 0;
}
.fragmentDoubleLine .lblLine2Container .lblLine2 {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #000000;
}
.fragmentDoubleLine .lblLine2Container .lblLine2Sub {
font-family: 'DXBD';
font-size: 11px;
line-height: 17px;
color: #000000;
margin-left: 3px;
}
.fragmentPlaceholder {
display: table;
width: 100%;
height: 100%;
}
.fragmentPlaceholder > div {
display: table-row;
}
.fragmentPlaceholder .lblPlaceholder {
display: table-cell;
vertical-align: middle;
}
.bmo-phone .fragmentPlaceholder .lblPlaceholder {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #999999;
}
.bmo-tablet .fragmentPlaceholder .lblPlaceholder {
font-family: 'DXBD';
font-size: 15px;
color: #999999;
}
.bmo-tablet .fragmentPlaceholder .lblPlaceholder sup {
font-size: 10px;
margin-left: 2px;
}
.fragmentSingleLine {
display: table;
table-layout: fixed;
border-bottom: 1px solid #dcdcdc;
width: 100%;
height: 100%;
}
.fragmentSingleLine > div {
display: table-row;
height: 100%;
}
.fragmentSingleLine:last-child {
border-bottom: 0px;
}
.fragmentSingleLine .lblLine1 {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #000000;
display: table-cell;
vertical-align: middle;
overflow: hidden;
text-overflow: ellipsis;
}
.bmo-phone .fragmentSingleLine .lblLine1 {
white-space: nowrap;
padding-top: 4px;
}
.bmo-tablet .fragmentSingleLine .lblLine1 {
white-space: pre;
}
.fragmentToolTip {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
-webkit-justify-content: center;
-ms-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-pack: center;
box-pacl: center;
}
.fragmentToolTip .wrapper > .title {
margin: 10px 15px;
text-align: center;
font-family: 'DXBD';
font-size: 18px;
color: #ffffff;
}
.fragmentToolTip .wrapper > .image-wrapper > .image {
margin: 0px auto;
}
.fragmentToolTip .wrapper > .description {
margin: 10px 10%;
text-align: center;
font-family: 'DxRg';
font-size: 15px;
color: #ffffff;
line-height: 19px;
}
.bmo-tablet .fragmentToolTip .wrapper {
width: 100%;
height: 566px;
}
.bmo-tablet .fragmentToolTip .wrapper > .title {
font-family: 'DXBD';
font-size: 21px;
color: #ffffff;
margin: 10px 15px 20px;
text-align: center;
}
.bmo-tablet .fragmentToolTip .wrapper > .image-wrapper {
background-color: #001a2b;
width: 100%;
padding-top: 10px;
}
.bmo-tablet .fragmentToolTip .wrapper > .image-wrapper > .image {
margin: 10px auto 0;
}
.bmo-tablet .fragmentToolTip .wrapper > .description {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #ffffff;
margin: 20px 10%;
text-align: center;
}
.header-account-summary {
margin-left: 10px;
padding-bottom: 10px;
padding-top: 15px;
border-bottom: 1px solid #338cc2;
}
.header-account-summary > div {
display: table;
}
.header-account-summary > div > div {
display: table-row;
}
.header-account-summary > div > div > div,
.header-account-summary > div > div > button {
display: table-cell;
vertical-align: bottom;
}
.header-account-summary > div > div > div .icon,
.header-account-summary > div > div > button .icon {
margin-bottom: 3px;
margin-right: 5px;
}
.header-account-summary > div > div > div .icon.header-bank-icon,
.header-account-summary > div > div > button .icon.header-bank-icon {
background-position-x: -180px;
background-position-y: -440px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 20px;
height: 16px;
}
@media only screen and (min-resolution: 96dpi) {
.header-account-summary > div > div > div .icon.header-bank-icon,
.header-account-summary > div > div > button .icon.header-bank-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.header-account-summary > div > div > div .icon.header-bank-icon,
.header-account-summary > div > div > button .icon.header-bank-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.header-account-summary > div > div > div .icon.header-bank-icon,
.header-account-summary > div > div > button .icon.header-bank-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.header-account-summary > div > div > div .icon.header-bank-icon,
.header-account-summary > div > div > button .icon.header-bank-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.header-account-summary > div > div > div .icon.header-bank-icon,
.header-account-summary > div > div > button .icon.header-bank-icon {
background-image: url(R77899qw8.png);
}
}
.header-account-summary > div > div > div .icon.header-creditcard-icon,
.header-account-summary > div > div > button .icon.header-creditcard-icon {
background-position-x: -180px;
background-position-y: -460px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 20px;
height: 16px;
}
@media only screen and (min-resolution: 96dpi) {
.header-account-summary > div > div > div .icon.header-creditcard-icon,
.header-account-summary > div > div > button .icon.header-creditcard-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.header-account-summary > div > div > div .icon.header-creditcard-icon,
.header-account-summary > div > div > button .icon.header-creditcard-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.header-account-summary > div > div > div .icon.header-creditcard-icon,
.header-account-summary > div > div > button .icon.header-creditcard-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.header-account-summary > div > div > div .icon.header-creditcard-icon,
.header-account-summary > div > div > button .icon.header-creditcard-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.header-account-summary > div > div > div .icon.header-creditcard-icon,
.header-account-summary > div > div > button .icon.header-creditcard-icon {
background-image: url(R77899qw8.png);
}
}
.header-account-summary > div > div > div .icon.header-loans-icon,
.header-account-summary > div > div > button .icon.header-loans-icon {
background-position-x: -180px;
background-position-y: -480px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 20px;
height: 16px;
}
@media only screen and (min-resolution: 96dpi) {
.header-account-summary > div > div > div .icon.header-loans-icon,
.header-account-summary > div > div > button .icon.header-loans-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.header-account-summary > div > div > div .icon.header-loans-icon,
.header-account-summary > div > div > button .icon.header-loans-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.header-account-summary > div > div > div .icon.header-loans-icon,
.header-account-summary > div > div > button .icon.header-loans-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.header-account-summary > div > div > div .icon.header-loans-icon,
.header-account-summary > div > div > button .icon.header-loans-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.header-account-summary > div > div > div .icon.header-loans-icon,
.header-account-summary > div > div > button .icon.header-loans-icon {
background-image: url(R77899qw8.png);
}
}
.header-account-summary > div > div > div .icon.header-investments-icon,
.header-account-summary > div > div > button .icon.header-investments-icon {
background-position-x: -180px;
background-position-y: -500px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 20px;
height: 16px;
}
@media only screen and (min-resolution: 96dpi) {
.header-account-summary > div > div > div .icon.header-investments-icon,
.header-account-summary > div > div > button .icon.header-investments-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.header-account-summary > div > div > div .icon.header-investments-icon,
.header-account-summary > div > div > button .icon.header-investments-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.header-account-summary > div > div > div .icon.header-investments-icon,
.header-account-summary > div > div > button .icon.header-investments-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.header-account-summary > div > div > div .icon.header-investments-icon,
.header-account-summary > div > div > button .icon.header-investments-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.header-account-summary > div > div > div .icon.header-investments-icon,
.header-account-summary > div > div > button .icon.header-investments-icon {
background-image: url(R77899qw8.png);
}
}
.header-account-summary > div > div > div .twisty,
.header-account-summary > div > div > button .twisty {
margin: 0px 10px 3px 7px;
}
.header-account-summary > div > div > div .twisty.twisty-collapsed,
.header-account-summary > div > div > button .twisty.twisty-collapsed {
background-position-x: -230px;
background-position-y: -440px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 12px;
height: 8px;
}
@media only screen and (min-resolution: 96dpi) {
.header-account-summary > div > div > div .twisty.twisty-collapsed,
.header-account-summary > div > div > button .twisty.twisty-collapsed {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.header-account-summary > div > div > div .twisty.twisty-collapsed,
.header-account-summary > div > div > button .twisty.twisty-collapsed {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.header-account-summary > div > div > div .twisty.twisty-collapsed,
.header-account-summary > div > div > button .twisty.twisty-collapsed {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.header-account-summary > div > div > div .twisty.twisty-collapsed,
.header-account-summary > div > div > button .twisty.twisty-collapsed {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.header-account-summary > div > div > div .twisty.twisty-collapsed,
.header-account-summary > div > div > button .twisty.twisty-collapsed {
background-image: url(R77899qw8.png);
}
}
.header-account-summary > div > div > div .twisty.twisty-expanded,
.header-account-summary > div > div > button .twisty.twisty-expanded {
background-position-x: -210px;
background-position-y: -440px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 12px;
height: 8px;
}
@media only screen and (min-resolution: 96dpi) {
.header-account-summary > div > div > div .twisty.twisty-expanded,
.header-account-summary > div > div > button .twisty.twisty-expanded {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.header-account-summary > div > div > div .twisty.twisty-expanded,
.header-account-summary > div > div > button .twisty.twisty-expanded {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.header-account-summary > div > div > div .twisty.twisty-expanded,
.header-account-summary > div > div > button .twisty.twisty-expanded {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.header-account-summary > div > div > div .twisty.twisty-expanded,
.header-account-summary > div > div > button .twisty.twisty-expanded {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.header-account-summary > div > div > div .twisty.twisty-expanded,
.header-account-summary > div > div > button .twisty.twisty-expanded {
background-image: url(R77899qw8.png);
}
}
.header-account-summary > div > div > div.category,
.header-account-summary > div > div > button.category {
font-family: 'DxRg';
font-size: 18px;
line-height: 17px;
color: #ffffff;
width: 50%;
}
.header-account-summary > div > div > div.balance,
.header-account-summary > div > div > button.balance {
font-family: 'DxRg';
font-size: 15px;
line-height: 15px;
color: #ffffff;
width: 50%;
text-align: right;
}
.header-account-summary > div > div > div.balance .currency,
.header-account-summary > div > div > button.balance .currency {
font-family: 'DxRg';
font-size: 12px;
color: #ffffff;
}
.header-account-summary > div > div > div.balance.balance-hidden,
.header-account-summary > div > div > button.balance.balance-hidden {
visibility: hidden;
}
.header-account-summary > div > div > div.twisty_button,
.header-account-summary > div > div > button.twisty_button {
border: 0;
background-color: transparent;
height: 100%;
}
.headerConfirmation {
width: 100%;
display: table;
table-layout: fixed;
}
.headerConfirmation > div {
display: table-row;
}
.headerConfirmation .title {
display: table-cell;
vertical-align: middle;
}
.bmo-tablet .headerConfirmation .title .bold {
font-family: 'DXBD';
font-size: 27px;
line-height: 30px;
color: #ffffff;
}
.bmo-tablet .headerConfirmation .title .bold sup {
font-size: 18px;
margin-left: 2px;
}
.bmo-phone .headerConfirmation .title {
font-family: 'DxRg';
font-size: 18px;
line-height: 18px;
color: #ffffff;
line-height: 22px;
}
.bmo-tablet .headerConfirmation .title {
font-family: 'DxRg';
font-size: 27px;
line-height: 30px;
color: #ffffff;
padding-left: 10px;
}
.bmo-tablet .headerConfirmation .title sup {
font-size: 18px;
margin-left: 2px;
}
.headerConfirmation .icon-billpayment {
display: table-cell;
}
.bmo-phone .headerConfirmation .icon-billpayment {
background-position-x: -110px;
background-position-y: 0px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 85px;
height: 78px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .headerConfirmation .icon-billpayment {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .headerConfirmation .icon-billpayment {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .headerConfirmation .icon-billpayment {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .headerConfirmation .icon-billpayment {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .headerConfirmation .icon-billpayment {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .headerConfirmation .icon-billpayment {
background-position-x: -135px;
background-position-y: -105px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 100px;
height: 90px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .headerConfirmation .icon-billpayment {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .headerConfirmation .icon-billpayment {
background-image: url(sprites-tablet.png);
}
}
.headerConfirmation .icon-cancelpayment {
display: table-cell;
}
.bmo-phone .headerConfirmation .icon-cancelpayment {
background-position-x: -110px;
background-position-y: -100px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 85px;
height: 78px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .headerConfirmation .icon-cancelpayment {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .headerConfirmation .icon-cancelpayment {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .headerConfirmation .icon-cancelpayment {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .headerConfirmation .icon-cancelpayment {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .headerConfirmation .icon-cancelpayment {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .headerConfirmation .icon-cancelpayment {
background-position-x: -135px;
background-position-y: -5px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 100px;
height: 90px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .headerConfirmation .icon-cancelpayment {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .headerConfirmation .icon-cancelpayment {
background-image: url(sprites-tablet.png);
}
}
.headerConfirmation .icon-travel {
display: table-cell;
}
.bmo-phone .headerConfirmation .icon-travel {
background-position-x: -110px;
background-position-y: -200px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 85px;
height: 78px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .headerConfirmation .icon-travel {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .headerConfirmation .icon-travel {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .headerConfirmation .icon-travel {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .headerConfirmation .icon-travel {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .headerConfirmation .icon-travel {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .headerConfirmation .icon-travel {
background-position-x: -135px;
background-position-y: -205px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 100px;
height: 90px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .headerConfirmation .icon-travel {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .headerConfirmation .icon-travel {
background-image: url(sprites-tablet.png);
}
}
.headerConfirmation .icon-emt {
display: table-cell;
}
.bmo-phone .headerConfirmation .icon-emt {
background-position-x: 0px;
background-position-y: -100px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 95px;
height: 78px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .headerConfirmation .icon-emt {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .headerConfirmation .icon-emt {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .headerConfirmation .icon-emt {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .headerConfirmation .icon-emt {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .headerConfirmation .icon-emt {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .headerConfirmation .icon-emt {
background-position-x: 0px;
background-position-y: -105px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 105px;
height: 90px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .headerConfirmation .icon-emt {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .headerConfirmation .icon-emt {
background-image: url(sprites-tablet.png);
}
}
.headerConfirmation .icon-cancelemt {
display: table-cell;
}
.bmo-phone .headerConfirmation .icon-cancelemt {
background-position-x: 0px;
background-position-y: -200px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 95px;
height: 78px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .headerConfirmation .icon-cancelemt {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .headerConfirmation .icon-cancelemt {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .headerConfirmation .icon-cancelemt {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .headerConfirmation .icon-cancelemt {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .headerConfirmation .icon-cancelemt {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .headerConfirmation .icon-cancelemt {
background-position-x: 0px;
background-position-y: -205px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 105px;
height: 90px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .headerConfirmation .icon-cancelemt {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .headerConfirmation .icon-cancelemt {
background-image: url(sprites-tablet.png);
}
}
.headerConfirmation .icon-receiveemt {
display: table-cell;
}
.bmo-phone .headerConfirmation .icon-receiveemt {
background-position-x: -10px;
background-position-y: -300px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 85px;
height: 78px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .headerConfirmation .icon-receiveemt {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .headerConfirmation .icon-receiveemt {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .headerConfirmation .icon-receiveemt {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .headerConfirmation .icon-receiveemt {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .headerConfirmation .icon-receiveemt {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .headerConfirmation .icon-receiveemt {
background-position-x: -10px;
background-position-y: -310px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 100px;
height: 90px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .headerConfirmation .icon-receiveemt {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .headerConfirmation .icon-receiveemt {
background-image: url(sprites-tablet.png);
}
}
.headerConfirmation .icon-transfer {
display: table-cell;
}
.bmo-phone .headerConfirmation .icon-transfer {
background-position-x: -10px;
background-position-y: 0px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 85px;
height: 78px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .headerConfirmation .icon-transfer {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .headerConfirmation .icon-transfer {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .headerConfirmation .icon-transfer {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .headerConfirmation .icon-transfer {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .headerConfirmation .icon-transfer {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .headerConfirmation .icon-transfer {
background-position-x: -10px;
background-position-y: 0px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 100px;
height: 100px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .headerConfirmation .icon-transfer {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .headerConfirmation .icon-transfer {
background-image: url(sprites-tablet.png);
}
}
.headerConfirmation .icon-applepay {
display: table-cell;
}
.bmo-phone .headerConfirmation .icon-applepay {
background-position-x: -109px;
background-position-y: -300px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 85px;
height: 78px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .headerConfirmation .icon-applepay {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .headerConfirmation .icon-applepay {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .headerConfirmation .icon-applepay {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .headerConfirmation .icon-applepay {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .headerConfirmation .icon-applepay {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .headerConfirmation .icon-applepay {
background-position-x: -135px;
background-position-y: -310px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 100px;
height: 90px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .headerConfirmation .icon-applepay {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .headerConfirmation .icon-applepay {
background-image: url(sprites-tablet.png);
}
}
.headerOverlay {
background-color: #ffffff;
height: 45px;
}
.iOS7-header-padding .headerOverlay {
padding-top: 20px;
}
.headerOverlay .btn_close {
z-index: 100;
position: absolute;
height: 45px;
width: 45px;
text-align: center;
}
.headerOverlay .btn_close:active {
background-color: rgba(0, 0, 0, 0.2);
}
.bmo-phone .headerOverlay .btn_close {
left: 0px;
}
.bmo-tablet .headerOverlay .btn_close {
right: 0px;
}
.headerOverlay .icon_close {
display: block;
margin: 11px 10px 10px;
padding: 0px;
border: none;
}
.bmo-phone .headerOverlay .icon_close {
background-position-x: -90px;
background-position-y: -470px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 21px;
height: 22px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .headerOverlay .icon_close {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .headerOverlay .icon_close {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .headerOverlay .icon_close {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .headerOverlay .icon_close {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .headerOverlay .icon_close {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .headerOverlay .icon_close {
background-position-x: -90px;
background-position-y: -479px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 21px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .headerOverlay .icon_close {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .headerOverlay .icon_close {
background-image: url(sprites-tablet.png);
}
}
.headerOverlay .title {
position: absolute;
height: 45px;
line-height: 45px;
width: 100%;
text-align: center;
}
.bmo-phone .headerOverlay .title {
font-family: 'DXBD';
font-size: 16px;
color: #0079c1;
}
.bmo-tablet .headerOverlay .title {
font-family: 'DXBD';
font-size: 15px;
color: #0079c1;
}
.bmo-tablet .headerOverlay .title sup {
font-size: 10px;
margin-left: 2px;
}
.headerPostSignOn .white-heading-post {
background-color: #ffffff;
height: 45px;
line-height: 45px;
}
.headerPostSignOn .white-heading-post .button-right-blue {
background-position-x: 0px;
background-position-y: 0px;
background-repeat: no-repeat;
background-color: transparent;
width: 50px;
height: 45px;
background-size: 50px 45px;
border: 0px;
cursor: pointer;
float: right;
font-size: 0em;
margin: 0px;
padding: 0px;
z-index: 100;
}
@media only screen and (min-resolution: 96dpi) {
.headerPostSignOn .white-heading-post .button-right-blue {
background-image: url(Seua7888adaa31.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.headerPostSignOn .white-heading-post .button-right-blue {
background-image: url(Seua7888adaa31.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.headerPostSignOn .white-heading-post .button-right-blue {
background-image: url(Seua7888adaa31.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.headerPostSignOn .white-heading-post .button-right-blue {
background-image: url(D8778ada88a.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.headerPostSignOn .white-heading-post .button-right-blue {
background-image: url(Seua7888adaa31.png);
}
}
.headerPostSignOn .white-heading-post .button-right-blue:active {
background-color: rgba(0, 0, 0, 0.2);
}
.headerPostSignOn .white-heading-post .btn-back-blue {
background-position-x: 0px;
background-position-y: 0px;
background-repeat: no-repeat;
background-color: transparent;
width: 40px;
height: 45px;
background-size: 40px 45px;
border: 0px;
cursor: pointer;
float: left;
font-size: 0em;
margin: 0px;
padding: 0px;
z-index: 100;
}
@media only screen and (min-resolution: 96dpi) {
.headerPostSignOn .white-heading-post .btn-back-blue {
background-image: url(btn_back_blu.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.headerPostSignOn .white-heading-post .btn-back-blue {
background-image: url(btn_back_blu.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.headerPostSignOn .white-heading-post .btn-back-blue {
background-image: url(btn_back_blu.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.headerPostSignOn .white-heading-post .btn-back-blue {
background-image: url(btn_back_blu@2x.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.headerPostSignOn .white-heading-post .btn-back-blue {
background-image: url(btn_back_blu.png);
}
}
.headerPostSignOn .white-heading-post .btn-back-blue:active {
background-color: rgba(0, 0, 0, 0.2);
}
.headerPostSignOn .white-heading-post .headingDivTitle {
font-family: 'DXBD';
font-size: 16px;
color: #0079c1;
display: inline-block;
height: 45px;
left: 0em;
position: absolute;
text-align: center;
width: 100%;
}
.headerPreSignOn .button-right1 {
margin: 0px;
padding: 0px;
background-position-x: 0px;
background-position-y: 0px;
background-repeat: no-repeat;
background-color: transparent;
width: 50px;
height: 45px;
background-size: 50px 45px;
float: right;
border: 0px;
}
@media only screen and (min-resolution: 96dpi) {
.headerPreSignOn .button-right1 {
background-image: url(Yey7q78yw8q8qqw.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.headerPreSignOn .button-right1 {
background-image: url(Yey7q78yw8q8qqw.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.headerPreSignOn .button-right1 {
background-image: url(Yey7q78yw8q8qqw.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.headerPreSignOn .button-right1 {
background-image: url(W8568575438511.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.headerPreSignOn .button-right1 {
background-image: url(Yey7q78yw8q8qqw.png);
}
}
.headerPreSignOn .button-right1:active {
background-color: rgba(0, 0, 0, 0.2);
}
.headerPreSignOn .button-divider {
background-color: #73c3eb;
float: right;
margin: 10px 0px;
width: 1px;
height: 23px;
}
.headerPreSignOn .button-right2 {
margin: 0px;
height: 45px;
line-height: 45px;
font-family: 'DXBD';
font-size: 14px;
color: #ffffff;
border: 0px;
}
.headerPreSignOn .button-right2:active {
background-color: rgba(0, 0, 0, 0.2);
}
.headerPreSignOn .button-left {
background-position-x: 0px;
background-position-y: 0px;
background-repeat: no-repeat;
background-color: transparent;
width: 40px;
background-size: 40px 45px;
margin: 0px;
height: 45px;
width: auto;
line-height: 45px;
font-family: 'DXBD';
font-size: 14px;
color: #ffffff;
padding: 0px 20px 0px 37px;
border: none;
}
@media only screen and (min-resolution: 96dpi) {
.headerPreSignOn .button-left {
background-image: url(btn_back_wht.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.headerPreSignOn .button-left {
background-image: url(btn_back_wht.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.headerPreSignOn .button-left {
background-image: url(btn_back_wht.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.headerPreSignOn .button-left {
background-image: url(btn_back_wht@2x.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.headerPreSignOn .button-left {
background-image: url(btn_back_wht.png);
}
}
.headerPreSignOn .button-left:active {
background-color: rgba(0, 0, 0, 0.2);
}
.iOS7-header-padding .headerPreSignOn .header {
padding-top: 20px;
}
.header-presignon-white .heading-white-presign {
background-color: #ffffff;
}
.header-presignon-white .heading-white-presign .button-right-blue {
background-position-x: 0px;
background-position-y: 0px;
background-repeat: no-repeat;
background-color: transparent;
width: 50px;
height: 45px;
background-size: 50px 45px;
border: 0px;
cursor: pointer;
float: right;
font-size: 0em;
margin: 0px;
padding: 0px;
}
@media only screen and (min-resolution: 96dpi) {
.header-presignon-white .heading-white-presign .button-right-blue {
background-image: url(Seua7888adaa31.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.header-presignon-white .heading-white-presign .button-right-blue {
background-image: url(Seua7888adaa31.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.header-presignon-white .heading-white-presign .button-right-blue {
background-image: url(Seua7888adaa31.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.header-presignon-white .heading-white-presign .button-right-blue {
background-image: url(D8778ada88a.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.header-presignon-white .heading-white-presign .button-right-blue {
background-image: url(Seua7888adaa31.png);
}
}
.header-presignon-white .heading-white-presign .button-right-blue:active {
background-color: rgba(0, 0, 0, 0.2);
}
.bmo-tablet .header-presignon-white .heading-white-presign .button-right-blue {
float: left;
}
.header-presignon-white .heading-white-presign .btn-back-blue {
background-position-x: 0px;
background-position-y: 0px;
background-repeat: no-repeat;
background-color: transparent;
width: 40px;
height: 45px;
background-size: 40px 45px;
border: 0px;
cursor: pointer;
float: left;
font-size: 0em;
margin: 0px;
padding: 0px;
}
@media only screen and (min-resolution: 96dpi) {
.header-presignon-white .heading-white-presign .btn-back-blue {
background-image: url(btn_back_blu.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.header-presignon-white .heading-white-presign .btn-back-blue {
background-image: url(btn_back_blu.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.header-presignon-white .heading-white-presign .btn-back-blue {
background-image: url(btn_back_blu.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.header-presignon-white .heading-white-presign .btn-back-blue {
background-image: url(btn_back_blu@2x.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.header-presignon-white .heading-white-presign .btn-back-blue {
background-image: url(btn_back_blu.png);
}
}
.header-presignon-white .heading-white-presign .btn-back-blue:active {
background-color: rgba(0, 0, 0, 0.2);
}
.header-presignon-white .heading-white-presign .bmoTitleLogo {
display: inline-block;
margin: 0px -41px;
position: absolute;
right: 50%;
}
.header-secondary {
position: relative;
width: 100%;
min-height: 35px;
display: table;
}
.header-secondary .hidden {
display: none!important;
}
.header-secondary > div {
display: table-row;
}
.header-secondary > div > div {
display: table-cell;
vertical-align: middle;
}
.header-secondary > div > div.title {
font-family: 'DXBD';
font-size: 16px;
color: #ffffff;
line-height: 16px;
width: 100%;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}
.header-secondary > div > div.title > span {
display: inline-block;
position: relative;
}
.header-secondary > div > div.buttons {
width: 100%;
cursor: pointer;
text-align: right;
}
.header-secondary > div > div.buttons .divider {
background-color: #73c3eb;
width: 1px;
height: 18px;
}
.header-secondary > div > div.buttons .button {
font-family: 'DXBD';
font-size: 14px;
color: #ffffff;
padding: 9px 10px;
}
.header-secondary > div > div.buttons .button:active {
background-color: rgba(0, 0, 0, 0.2);
}
.header-secondary > div > div.buttons .button:focus {
background-color: #004d7a;
}
.header-secondary > div > div.buttons > div {
display: table;
float: right;
}
.header-secondary > div > div.buttons > div > div {
display: table-row;
}
.header-secondary > div > div.buttons > div > div > div {
display: table-cell;
vertical-align: middle;
}
.bmo-tablet .header-skinny-nav .errorBanner {
padding-left: 44px;
}
.bmo-tablet .errorBanner {
width: 74%;
margin: 0 auto;
}
.bmo-tablet .errorBanner.overlay {
left: 13%;
}
.bmo-tablet .errorBanner > div {
display: table;
padding: 10px 0px 10px 10px;
background-color: #c5e3f4;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.bmo-tablet .errorBanner > div > div {
display: table-row;
}
.bmo-tablet .errorBanner > div > div > div {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.bmo-phone .errorBanner {
width: 100%;
background-color: #e8f3f9;
background: -webkit-gradient(linear, left top, left bottom, color-stop(#e8f3f9), color-stop(100%, #9cd1ed));
background: -webkit-linear-gradient(top, #e8f3f9, #9cd1ed 100%);
background: -o-linear-gradient(top, #e8f3f9, #9cd1ed 100%);
background: -ms-linear-gradient(top, #e8f3f9, #9cd1ed 100%);
background-: linear-gradient(top, #e8f3f9, #9cd1ed 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gradienterror1', endColorstr='@gradienterror', GradientType=0);
border-style: none;
border: none;
}
.bmo-phone .errorBanner > div {
display: table;
padding: 10px 0px 10px 10px;
}
.bmo-phone .errorBanner > div > div {
display: table-row;
}
.bmo-phone .errorBanner > div > div > div {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.errorBanner.hidden {
display: none!important;
}
.errorBanner.overlay {
position: absolute;
z-index: 100;
top: 0;
}
.iOS7-header-padding .errorBanner.overlay {
top: 20px;
}
.errorBanner.overlay-content {
position: absolute;
z-index: 100;
top: 44px;
left: 0;
right: 0;
}
.iOS7-header-padding .errorBanner.overlay-content {
top: 64px;
}
.errorBanner .mblListItem {
min-height: 21px;
}
.errorBanner .mblDomButtonInfo > div {
float: left;
margin: 0px;
padding: 0px;
border: none;
}
.bmo-phone .errorBanner .mblDomButtonInfo > div {
background-position-x: -60px;
background-position-y: -560px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 21px;
height: 21px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .errorBanner .mblDomButtonInfo > div {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .errorBanner .mblDomButtonInfo > div {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .errorBanner .mblDomButtonInfo > div {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .errorBanner .mblDomButtonInfo > div {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .errorBanner .mblDomButtonInfo > div {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .errorBanner .mblDomButtonInfo > div {
background-position-x: -60px;
background-position-y: -570px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 21px;
height: 21px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .errorBanner .mblDomButtonInfo > div {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .errorBanner .mblDomButtonInfo > div {
background-image: url(sprites-tablet.png);
}
}
.errorBanner .mblDomButtonWarning > div {
float: left;
margin: 0px;
padding: 0px;
border: none;
}
.bmo-phone .errorBanner .mblDomButtonWarning > div {
background-position-x: 0px;
background-position-y: -560px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 21px;
height: 21px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .errorBanner .mblDomButtonWarning > div {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .errorBanner .mblDomButtonWarning > div {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .errorBanner .mblDomButtonWarning > div {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .errorBanner .mblDomButtonWarning > div {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .errorBanner .mblDomButtonWarning > div {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .errorBanner .mblDomButtonWarning > div {
background-position-x: 0px;
background-position-y: -570px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 21px;
height: 21px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .errorBanner .mblDomButtonWarning > div {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .errorBanner .mblDomButtonWarning > div {
background-image: url(sprites-tablet.png);
}
}
.bmo-phone .errorBanner .mblListItem {
background-color: transparent;
}
.errorBanner .mblListItem .mblListItemLabel {
font-family: 'DXBD';
font-size: 14px;
line-height: 16px;
color: #000000;
line-height: 18px;
}
.errorBanner .btn_close {
z-index: 100;
position: absolute;
height: 41px;
width: 41px;
}
.errorBanner .btn_close:active {
background-color: rgba(0, 0, 0, 0.2);
}
.errorBanner .icon_close {
float: right;
display: block;
margin: 10px;
padding: 0px;
border: none;
}
.bmo-phone .errorBanner .icon_close {
background-position-x: -30px;
background-position-y: -560px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 21px;
height: 21px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .errorBanner .icon_close {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .errorBanner .icon_close {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .errorBanner .icon_close {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .errorBanner .icon_close {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .errorBanner .icon_close {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .errorBanner .icon_close {
background-position-x: -30px;
background-position-y: -570px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 21px;
height: 21px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .errorBanner .icon_close {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .errorBanner .icon_close {
background-image: url(sprites-tablet.png);
}
}
.errorInScreen {
font-family: 'DxRg';
font-size: 15px;
line-height: 18px;
color: #000000;
text-align: center;
background-color: #ffffff;
padding: 15px 10px 20px 10px;
}
.errorInScreen.hidden {
display: none!important;
}
.no-shadow .errorInScreen {
-webkit-box-shadow: none;
box-shadow: none;
}
.select-screen .errorInScreen {
margin-top: 15px;
-webkit-box-shadow: none;
box-shadow: none;
}
.errorInScreen .errIcon {
margin: 0 auto;
padding: 0px;
border: none;
}
.bmo-phone .errorInScreen .errIcon.info {
background-position-x: -200px;
background-position-y: -205px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 75px;
height: 75px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .errorInScreen .errIcon.info {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .errorInScreen .errIcon.info {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .errorInScreen .errIcon.info {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .errorInScreen .errIcon.info {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .errorInScreen .errIcon.info {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .errorInScreen .errIcon.info {
background-position-x: -250px;
background-position-y: -200px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 94px;
height: 94px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .errorInScreen .errIcon.info {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .errorInScreen .errIcon.info {
background-image: url(sprites-tablet.png);
}
}
.bmo-phone .errorInScreen .errIcon.outage {
background-position-x: -200px;
background-position-y: -5px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 75px;
height: 75px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .errorInScreen .errIcon.outage {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .errorInScreen .errIcon.outage {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .errorInScreen .errIcon.outage {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .errorInScreen .errIcon.outage {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .errorInScreen .errIcon.outage {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .errorInScreen .errIcon.outage {
background-position-x: -250px;
background-position-y: 0px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 94px;
height: 94px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .errorInScreen .errIcon.outage {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .errorInScreen .errIcon.outage {
background-image: url(sprites-tablet.png);
}
}
.bmo-phone .errorInScreen .errIcon.warning {
background-position-x: -200px;
background-position-y: -105px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 75px;
height: 75px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .errorInScreen .errIcon.warning {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .errorInScreen .errIcon.warning {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .errorInScreen .errIcon.warning {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .errorInScreen .errIcon.warning {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .errorInScreen .errIcon.warning {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .errorInScreen .errIcon.warning {
background-position-x: -250px;
background-position-y: -100px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 94px;
height: 94px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .errorInScreen .errIcon.warning {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .errorInScreen .errIcon.warning {
background-image: url(sprites-tablet.png);
}
}
.errorInScreen .errIcon.question {
background-position-x: -200px;
background-position-y: -305px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 75px;
height: 75px;
}
@media only screen and (min-resolution: 96dpi) {
.errorInScreen .errIcon.question {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.errorInScreen .errIcon.question {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.errorInScreen .errIcon.question {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.errorInScreen .errIcon.question {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.errorInScreen .errIcon.question {
background-image: url(R77899qw8.png);
}
}
.errorInScreen .errMsg {
margin-top: 15px;
word-wrap: break-word;
}
.errorInScreen .errMsg a {
word-break: break-all;
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #0079c1;
}
.errorInScreen .errMsg a:link,
.errorInScreen .errMsg a:visited,
.errorInScreen .errMsg a:active {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #0079c1;
}
.bmo-phone .errorInScreen {
-webkit-box-shadow: 0px 8px 5px -5px #b4b4b4;
box-shadow: 0px 8px 5px -5px #b4b4b4;
}
.listAccountSummary {
width: 100%;
}
.listAccountSummary .Ub8cb6b698d7688d8ec0 {
margin-left: 10px;
}
.listAccountSummary .Ub8cb6b698d7688d8ec0 .mblListItem.mblVariableHeight {
border-bottom: 1px solid #338cc2;
background-color: #ffffff;
}
.listAccountSummary .Ub8cb6b698d7688d8ec0 .mblListItem.mblVariableHeight:last-child {
border-bottom: 0px;
}
.listAccountSummary .no-account-text {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
border-bottom: 1px solid #338cc2;
margin-left: 10px;
padding: 15px 15px 15px 30px;
}
.listAccountSummary .no-account-text .appointment {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #bedceb;
text-decoration: underline;
cursor: pointer;
}
.list_item_account {
background-color: #ffffff;
border-bottom: 1px solid #dcdcdc;
padding: 10px 0px 10px 10px;
}
.list_item_account:focus {
background-color: #b3b3b3;
}
.list_item_account:active {
background-color: #d9d9d9;
}
.list_item_account .item_container {
margin-right: 40px;
overflow: hidden;
}
.list_item_account .account_name {
font-family: 'DXBD';
color: #000000;
font-size: 14px;
line-height: 17px;
}
.list_item_account .account_number,
.list_item_account .balance,
.list_item_account .available_funds {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #505050;
}
.list_item_account .amount_container {
float: right;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: inline-flex;
-webkit-flex-flow: row nowrap;
-moz-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
align-items: flex-end;
}
.list_item_account .amount_container.hidden {
display: none;
}
.list_item_account .amount_container .amount_wrapper {
position: absolute;
right: 40px;
}
.list_item_account .balance {
margin-top: 5px;
}
.list_item_account .balance .balance_amount,
.list_item_account .balance .balance_currency {
font-family: 'DXBD';
font-size: 15px;
color: #0079c1;
}
.list_item_account .balance .balance_currency {
padding-left: 3px;
padding-bottom: 2px;
font-family: 'DXBD';
font-size: 11px;
line-height: 11px;
color: #0079c1;
}
.list_item_account .available_funds .available_funds_amount,
.list_item_account .available_funds .available_funds_currency {
font-family: 'DxRg';
font-size: 14px;
color: #000000;
}
.list_item_account .available_funds .available_funds_currency {
padding-left: 3px;
padding-bottom: 2px;
font-family: 'DxRg';
font-size: 11px;
line-height: 11px;
color: #000000;
}
.listItemDestinationDetail {
padding: 10px;
border-bottom: 1px solid #dcdcdc;
background-color: #ffffff;
}
.bmo-phone .listItemDestinationDetail .lineText1 {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #000000;
}
.bmo-tablet .listItemDestinationDetail .lineText1 {
font-family: 'DXBD';
font-size: 15px;
line-height: 18px;
color: #000000;
}
.bmo-tablet .listItemDestinationDetail .lineText1 sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-phone .listItemDestinationDetail .lineText2,
.bmo-phone .listItemDestinationDetail .lineText3 {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #000000;
}
.bmo-tablet .listItemDestinationDetail .lineText2,
.bmo-tablet .listItemDestinationDetail .lineText3 {
font-family: 'DxRg';
font-size: 15px;
line-height: 18px;
color: #000000;
}
.bmo-tablet .listItemDestinationDetail .lineText2 sup,
.bmo-tablet .listItemDestinationDetail .lineText3 sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-phone .listItemTravelDestination .txt {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.bmo-tablet .listItemTravelDestination .txt {
font-family: 'DXBD';
font-size: 15px;
line-height: 20px;
color: #ffffff;
}
.bmo-tablet .listItemTravelDestination .txt sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-phone .listItemTravelDestination .bold-txt {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.bmo-tablet .listItemTravelDestination .bold-txt {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #ffffff;
}
.bmo-tablet .listItemTravelDestination .bold-txt sup {
font-size: 10px;
margin-left: 2px;
}
.listItemAccountSummary.active {
background-color: rgba(0, 0, 0, 0.2);
}
.listItemAccountSummary .twistyContainer {
float: left;
left: 0;
}
.listItemAccountSummary .twistyContainer .twisty {
float: left;
background-color: transparent;
padding: 21px 10px;
margin: 0px;
}
.listItemAccountSummary .twistyContainer .twisty .expanded {
background-position-x: -210px;
background-position-y: -460px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 12px;
height: 10px;
}
@media only screen and (min-resolution: 96dpi) {
.listItemAccountSummary .twistyContainer .twisty .expanded {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.listItemAccountSummary .twistyContainer .twisty .expanded {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.listItemAccountSummary .twistyContainer .twisty .expanded {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.listItemAccountSummary .twistyContainer .twisty .expanded {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.listItemAccountSummary .twistyContainer .twisty .expanded {
background-image: url(R77899qw8.png);
}
}
.listItemAccountSummary .twistyContainer .twisty .collapsed {
background-position-x: -230px;
background-position-y: -460px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 12px;
height: 10px;
}
@media only screen and (min-resolution: 96dpi) {
.listItemAccountSummary .twistyContainer .twisty .collapsed {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.listItemAccountSummary .twistyContainer .twisty .collapsed {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.listItemAccountSummary .twistyContainer .twisty .collapsed {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.listItemAccountSummary .twistyContainer .twisty .collapsed {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.listItemAccountSummary .twistyContainer .twisty .collapsed {
background-image: url(R77899qw8.png);
}
}
.listItemAccountSummary .chevronContainer {
position: absolute;
float: right;
right: 0;
height: 100%;
width: 15px;
}
.listItemAccountSummary .chevronContainer.enabled {
background-color: #73c3eb;
}
.listItemAccountSummary .chevronContainer.enabled .chevron {
display: block;
}
.listItemAccountSummary .chevronContainer.disabled {
background-color: #b9e1f5;
}
.listItemAccountSummary .chevronContainer.disabled .chevron {
display: none;
}
.listItemAccountSummary .chevronContainer .chevron {
background-position-x: -205px;
background-position-y: -480px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 12px;
height: 10px;
position: absolute;
top: 44%;
}
@media only screen and (min-resolution: 96dpi) {
.listItemAccountSummary .chevronContainer .chevron {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.listItemAccountSummary .chevronContainer .chevron {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.listItemAccountSummary .chevronContainer .chevron {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.listItemAccountSummary .chevronContainer .chevron {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.listItemAccountSummary .chevronContainer .chevron {
background-image: url(R77899qw8.png);
}
}
.listItemAccountSummary .accountContainer {
overflow: hidden;
padding-right: 30px;
padding-top: 15px;
padding-bottom: 15px;
}
.listItemAccountSummary .accountContainer .accountName {
display: table;
width: 100%;
}
.listItemAccountSummary .accountContainer .accountName > div {
display: table-row;
}
.listItemAccountSummary .accountContainer .accountName > div > div {
display: table-cell;
vertical-align: middle;
}
.listItemAccountSummary .accountContainer .accountName .name {
font-family: 'DXBD';
color: #000000;
font-size: 14px;
line-height: 17px;
width: 50%;
}
.listItemAccountSummary .accountContainer .accountName .name.expanded {
width: 100%;
}
.listItemAccountSummary .accountContainer .accountName .balanceContainer {
text-align: right;
width: 50%;
}
.listItemAccountSummary .accountContainer .accountName .balanceContainer.hidden {
display: none!important;
}
.listItemAccountSummary .accountContainer .accountName .balanceContainer .amountHeader {
font-family: 'DXBD';
font-size: 15px;
color: #0079c1;
}
.listItemAccountSummary .accountContainer .accountName .balanceContainer .currencyHeader {
font-family: 'DxRg';
font-size: 12px;
color: #000000;
}
.listItemAccountSummary .accountContainer .accountInfo {
display: table;
width: 100%;
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #505050;
}
.listItemAccountSummary .accountContainer .accountInfo > div {
display: table-row;
}
.listItemAccountSummary .accountContainer .accountInfo > div > div {
display: table-cell;
}
.listItemAccountSummary .accountContainer .accountInfo .accountNumber {
padding-bottom: 10px;
white-space: nowrap;
}
.listItemAccountSummary .accountContainer .accountInfo .label {
width: 50%;
}
.listItemAccountSummary .accountContainer .accountInfo .amountContainer {
text-align: right;
width: 50%;
}
.listItemAccountSummary .accountContainer .accountInfo .amountContainer .amount {
font-family: 'DXBD';
font-size: 15px;
color: #0079c1;
}
.listItemAccountSummary .accountContainer .accountInfo .amountContainer .funds {
font-family: 'DxRg';
font-size: 14px;
color: #000000;
}
.listItemAccountSummary .accountContainer .accountInfo .amountContainer .currency {
font-family: 'DxRg';
font-size: 12px;
color: #000000;
}
.listItemAccountSummary .accountContainer .accountInfo.hidden {
display: none!important;
}
.bmo-tablet .listItemContact {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
border-bottom: 1px solid #dcdcdc;
padding: 10px 0;
}
.bmo-phone .listItemContact {
width: auto;
height: auto;
}
.bmo-phone .listItemContact .listItemWrap {
background-color: white;
padding: 0px 10px;
}
.bmo-phone .listItemContact .listItemWrap .lstInsdWrapp {
border-bottom: 1px solid #dcdcdc;
position: relative;
}
.bmo-phone .listItemContact .listItemWrap .label {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #000000;
width: 60%;
display: inline-block;
padding: 10px 0px;
}
.bmo-phone .listItemContact .listItemWrap .link {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #0079c1;
display: inline-block;
position: absolute;
top: 10px;
right: 0px;
text-decoration: none;
}
.bmo-phone .listItemContact .listItemWrap .text {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #000000;
display: inline-block;
position: absolute;
top: 10px;
right: 0px;
}
.bmo-tablet .listItemContact .label {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
text-align: left;
font-family: 'DxRg';
font-size: 15px;
line-height: 17px;
color: #000000;
}
.bmo-tablet .listItemContact .label sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .listItemContact .link {
font-family: 'DxRg';
font-size: 15px;
color: #0079c1;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
text-decoration: none;
text-align: right;
}
.bmo-tablet .listItemContact .link sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .listItemContact .text {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
text-align: right;
font-family: 'DxRg';
font-size: 15px;
line-height: 17px;
color: #000000;
}
.bmo-tablet .listItemContact .text sup {
font-size: 10px;
margin-left: 2px;
}
.listItemContact:last-child {
border-bottom: none;
}
.historyList .mblListItem {
border-bottom: 1px solid #dcdcdc;
}
.historyList .mblListItem:last-child {
border-bottom: 0px;
}
.historyList .mblEdgeToEdgeCategory {
margin: 0px;
padding: 0px;
overflow: visible;
line-height: normal;
height: 100%;
}
.listItemHistory .dateHead {
font-family: 'DXBD';
font-size: 16px;
color: #ffffff;
margin-top: 15px;
margin-bottom: 10px;
}
.listItemHistory .lstLblItems {
height: 100%;
background-color: white;
padding: 10px;
}
.listItemHistory .lstLblItems:focus {
background-color: #b3b3b3;
}
.listItemHistory .lstLblItems:active {
background-color: #d9d9d9;
}
.listItemHistory .lstLblItems .line {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding-right: 20px;
}
.listItemHistory .lstLblItems .line .line1Left {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.bmo-phone .listItemHistory .lstLblItems .line .line1Left {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #000000;
}
.bmo-tablet .listItemHistory .lstLblItems .line .line1Left {
font-family: 'DXBD';
font-size: 15px;
line-height: 18px;
color: #000000;
}
.bmo-tablet .listItemHistory .lstLblItems .line .line1Left sup {
font-size: 10px;
margin-left: 2px;
}
.listItemHistory .lstLblItems .line .line1Right {
text-align: right;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.bmo-phone .listItemHistory .lstLblItems .line .line1Right {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #000000;
}
.bmo-tablet .listItemHistory .lstLblItems .line .line1Right {
font-family: 'DXBD';
font-size: 15px;
line-height: 18px;
color: #000000;
}
.bmo-tablet .listItemHistory .lstLblItems .line .line1Right sup {
font-size: 10px;
margin-left: 2px;
}
.listItemHistory .lstLblItems .line .line2Left {
word-wrap: break-word;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.bmo-phone .listItemHistory .lstLblItems .line .line2Left {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #000000;
}
.bmo-tablet .listItemHistory .lstLblItems .line .line2Left {
font-family: 'DxRg';
font-size: 15px;
line-height: 18px;
color: #000000;
}
.bmo-tablet .listItemHistory .lstLblItems .line .line2Left sup {
font-size: 10px;
margin-left: 2px;
}
.listItemHistory .lstLblItems .line .line2Right {
text-align: right;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.bmo-phone .listItemHistory .lstLblItems .line .line2Right {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #000000;
}
.bmo-phone .listItemHistory .lstLblItems .line .line2Right.link {
color: #0079c1;
}
.bmo-tablet .listItemHistory .lstLblItems .line .line2Right {
font-family: 'DxRg';
font-size: 15px;
line-height: 18px;
color: #000000;
}
.bmo-tablet .listItemHistory .lstLblItems .line .line2Right sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .listItemHistory .lstLblItems .line .line2Right.link {
color: #0079c1;
}
.listItemHistory .chevIcnCont {
width: 20px;
height: 100%;
float: right;
}
.listItemHistory .chevIcnCont .chevIcon {
position: absolute;
right: 10px;
top: 50%;
margin-top: -10px;
}
.bmo-phone .listItemHistory .chevIcnCont .chevIcon {
background-position-x: -150px;
background-position-y: -500px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 8px;
height: 17px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .listItemHistory .chevIcnCont .chevIcon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .listItemHistory .chevIcnCont .chevIcon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .listItemHistory .chevIcnCont .chevIcon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .listItemHistory .chevIcnCont .chevIcon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .listItemHistory .chevIcnCont .chevIcon {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .listItemHistory .chevIcnCont .chevIcon {
background-position-x: -150px;
background-position-y: -510px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 10px;
height: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .listItemHistory .chevIcnCont .chevIcon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .listItemHistory .chevIcnCont .chevIcon {
background-image: url(sprites-tablet.png);
}
}
.clickable .listItemHistory .line {
padding-right: 10px;
}
.listItemPayees {
background-color: #ffffff;
border-bottom: 1px solid #dcdcdc;
position: relative;
padding: 10px 25px 10px 10px;
}
.listItemPayees:focus {
background-color: #b3b3b3;
}
.listItemPayees:active {
background-color: #d9d9d9;
}
.listItemPayees .payeeName {
text-overflow: ellipsis;
overflow: hidden;
}
.bmo-phone .listItemPayees .payeeName {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #000000;
white-space: nowrap;
}
.bmo-tablet .listItemPayees .payeeName {
font-family: 'DXBD';
font-size: 15px;
line-height: 18px;
color: #000000;
white-space: pre;
}
.bmo-tablet .listItemPayees .payeeName sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-phone .listItemPayees .payeeAccNum {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #000000;
}
.bmo-tablet .listItemPayees .payeeAccNum {
font-family: 'DxRg';
font-size: 15px;
line-height: 18px;
color: #000000;
}
.bmo-tablet .listItemPayees .payeeAccNum sup {
font-size: 10px;
margin-left: 2px;
}
.listItemRecipient {
background-color: #ffffff;
border-bottom: 1px solid #dcdcdc;
position: relative;
padding: 10px 25px 10px 10px;
}
.listItemRecipient:focus {
background-color: #b3b3b3;
}
.listItemRecipient:active {
background-color: #d9d9d9;
}
.listItemRecipient .recipientName {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.bmo-phone .listItemRecipient .recipientName {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #000000;
}
.bmo-tablet .listItemRecipient .recipientName {
font-family: 'DXBD';
font-size: 15px;
line-height: 18px;
color: #000000;
}
.bmo-tablet .listItemRecipient .recipientName sup {
font-size: 10px;
margin-left: 2px;
}
.listItemRecipient .recipientEmail {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.bmo-phone .listItemRecipient .recipientEmail {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #000000;
}
.bmo-tablet .listItemRecipient .recipientEmail {
font-family: 'DxRg';
font-size: 15px;
line-height: 18px;
color: #000000;
}
.bmo-tablet .listItemRecipient .recipientEmail sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-phone .listItemRecipient .recipientLang {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #000000;
}
.bmo-tablet .listItemRecipient .recipientLang {
font-family: 'DxRg';
font-size: 15px;
line-height: 18px;
color: #000000;
}
.bmo-tablet .listItemRecipient .recipientLang sup {
font-size: 10px;
margin-left: 2px;
}
.list_item_templated .mblListItemRightIcon {
z-index: 1;
margin-right: 10px;
}
.bmo-phone .list_item_templated .mblDomButtonCheck {
background-position-x: -150px;
background-position-y: -472px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 19px;
height: 15px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .list_item_templated .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .list_item_templated .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .list_item_templated .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .list_item_templated .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .list_item_templated .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .list_item_templated .mblDomButtonCheck {
background-position-x: -150px;
background-position-y: -480px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 20px;
height: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .list_item_templated .mblDomButtonCheck {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .list_item_templated .mblDomButtonCheck {
background-image: url(sprites-tablet.png);
}
}
.bmo-phone .list_item_templated.alt_style .mblDomButtonCheck {
background-position-x: -150px;
background-position-y: -442px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 19px;
height: 15px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .list_item_templated.alt_style .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .list_item_templated.alt_style .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .list_item_templated.alt_style .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .list_item_templated.alt_style .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .list_item_templated.alt_style .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .list_item_templated.alt_style .mblDomButtonCheck {
background-position-x: -150px;
background-position-y: -450px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 20px;
height: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .list_item_templated.alt_style .mblDomButtonCheck {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .list_item_templated.alt_style .mblDomButtonCheck {
background-image: url(sprites-tablet.png);
}
}
.list_item_templated .mblDomButtonArrow * {
display: none;
}
.bmo-phone .list_item_templated .mblDomButtonArrow {
background-position-x: -150px;
background-position-y: -500px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 8px;
height: 17px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .list_item_templated .mblDomButtonArrow {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .list_item_templated .mblDomButtonArrow {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .list_item_templated .mblDomButtonArrow {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .list_item_templated .mblDomButtonArrow {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .list_item_templated .mblDomButtonArrow {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .list_item_templated .mblDomButtonArrow {
background-position-x: -150px;
background-position-y: -510px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 10px;
height: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .list_item_templated .mblDomButtonArrow {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .list_item_templated .mblDomButtonArrow {
background-image: url(sprites-tablet.png);
}
}
.ListItemWithCheckBox {
border-bottom: 1px solid #dcdcdc;
overflow: visible;
}
.ListItemWithCheckBox:last-child {
border: none;
}
.ListItemWithCheckBox .listItemBox {
padding: 10px;
}
.ListItemWithCheckBox .listItemBox .cardNameTxt {
display: inline-block;
width: 85%;
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #000000;
}
.ListItemWithCheckBox .listItemBox .numCardTxt {
display: inline-block;
width: 85%;
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #000000;
}
.ListItemWithCheckBox .listItemBox .cardLocationTxt {
display: none;
width: 85%;
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #000000;
}
.ListItemWithCheckBox .listItemBoxCheckboxOnLeft {
padding: 10px;
}
.ListItemWithCheckBox .listItemBoxCheckboxOnLeft .cardNameTxt {
display: inline-block;
width: 100%;
margin-left: 44px;
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #000000;
}
.ListItemWithCheckBox .listItemBoxCheckboxOnLeft .numCardTxt {
display: inline-block;
width: 100%;
margin-left: 44px;
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #000000;
}
.ListItemWithCheckBox .listItemBoxCheckboxOnLeft .cardLocationTxt {
display: none;
width: 100%;
margin-left: 44px;
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #000000;
}
.ListItemWithCheckBox .listItemBox .mblCheckBox {
-webkit-background-clip: content-box;
background-clip: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
position: absolute;
top: 50%;
right: 0px;
margin-top: -32px;
margin-right: -20px;
border: 20px solid transparent;
padding: 0px;
}
.bmo-phone .ListItemWithCheckBox .listItemBox .mblCheckBox {
background-position-x: -30px;
background-position-y: -440px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 24px;
height: 24px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .ListItemWithCheckBox .listItemBox .mblCheckBox {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .ListItemWithCheckBox .listItemBox .mblCheckBox {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .ListItemWithCheckBox .listItemBox .mblCheckBox {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .ListItemWithCheckBox .listItemBox .mblCheckBox {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .ListItemWithCheckBox .listItemBox .mblCheckBox {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .ListItemWithCheckBox .listItemBox .mblCheckBox {
background-position-x: -30px;
background-position-y: -451px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 24px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .ListItemWithCheckBox .listItemBox .mblCheckBox {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .ListItemWithCheckBox .listItemBox .mblCheckBox {
background-image: url(sprites-tablet.png);
}
}
.ListItemWithCheckBox .listItemBox .mblCheckBox.mblCheckBoxChecked::after {
position: absolute;
left: 0px;
border-width: 0px;
border-color: transparent;
}
.bmo-phone .ListItemWithCheckBox .listItemBox .mblCheckBox.mblCheckBoxChecked::after {
background-position-x: -30px;
background-position-y: -530px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 24px;
height: 24px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .ListItemWithCheckBox .listItemBox .mblCheckBox.mblCheckBoxChecked::after {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .ListItemWithCheckBox .listItemBox .mblCheckBox.mblCheckBoxChecked::after {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .ListItemWithCheckBox .listItemBox .mblCheckBox.mblCheckBoxChecked::after {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .ListItemWithCheckBox .listItemBox .mblCheckBox.mblCheckBoxChecked::after {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .ListItemWithCheckBox .listItemBox .mblCheckBox.mblCheckBoxChecked::after {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .ListItemWithCheckBox .listItemBox .mblCheckBox.mblCheckBoxChecked::after {
background-position-x: -30px;
background-position-y: -511px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 24px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .ListItemWithCheckBox .listItemBox .mblCheckBox.mblCheckBoxChecked::after {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .ListItemWithCheckBox .listItemBox .mblCheckBox.mblCheckBoxChecked::after {
background-image: url(sprites-tablet.png);
}
}
.ListItemWithCheckBox .listItemBoxCheckboxOnLeft .mblCheckBox {
-webkit-background-clip: content-box;
background-clip: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
position: absolute;
top: 50%;
left: 0px;
margin-top: -32px;
margin-left: -20px;
border: 20px solid transparent;
padding: 0px;
}
.bmo-phone .ListItemWithCheckBox .listItemBoxCheckboxOnLeft .mblCheckBox {
background-position-x: -30px;
background-position-y: -440px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 24px;
height: 24px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .ListItemWithCheckBox .listItemBoxCheckboxOnLeft .mblCheckBox {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .ListItemWithCheckBox .listItemBoxCheckboxOnLeft .mblCheckBox {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .ListItemWithCheckBox .listItemBoxCheckboxOnLeft .mblCheckBox {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .ListItemWithCheckBox .listItemBoxCheckboxOnLeft .mblCheckBox {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .ListItemWithCheckBox .listItemBoxCheckboxOnLeft .mblCheckBox {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .ListItemWithCheckBox .listItemBoxCheckboxOnLeft .mblCheckBox {
background-position-x: -30px;
background-position-y: -451px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 24px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .ListItemWithCheckBox .listItemBoxCheckboxOnLeft .mblCheckBox {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .ListItemWithCheckBox .listItemBoxCheckboxOnLeft .mblCheckBox {
background-image: url(sprites-tablet.png);
}
}
.ListItemWithCheckBox .listItemBoxCheckboxOnLeft .mblCheckBox.mblCheckBoxChecked::after {
position: absolute;
left: 0px;
border-width: 0px;
border-color: transparent;
}
.bmo-phone .ListItemWithCheckBox .listItemBoxCheckboxOnLeft .mblCheckBox.mblCheckBoxChecked::after {
background-position-x: -30px;
background-position-y: -530px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 24px;
height: 24px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .ListItemWithCheckBox .listItemBoxCheckboxOnLeft .mblCheckBox.mblCheckBoxChecked::after {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .ListItemWithCheckBox .listItemBoxCheckboxOnLeft .mblCheckBox.mblCheckBoxChecked::after {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .ListItemWithCheckBox .listItemBoxCheckboxOnLeft .mblCheckBox.mblCheckBoxChecked::after {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .ListItemWithCheckBox .listItemBoxCheckboxOnLeft .mblCheckBox.mblCheckBoxChecked::after {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .ListItemWithCheckBox .listItemBoxCheckboxOnLeft .mblCheckBox.mblCheckBoxChecked::after {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .ListItemWithCheckBox .listItemBoxCheckboxOnLeft .mblCheckBox.mblCheckBoxChecked::after {
background-position-x: -30px;
background-position-y: -511px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 24px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .ListItemWithCheckBox .listItemBoxCheckboxOnLeft .mblCheckBox.mblCheckBoxChecked::after {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .ListItemWithCheckBox .listItemBoxCheckboxOnLeft .mblCheckBox.mblCheckBoxChecked::after {
background-image: url(sprites-tablet.png);
}
}
.list_item_lite {
vertical-align: middle;
padding: 0 10px 0 10px;
background-color: #ffffff;
border-bottom: 1px solid #dcdcdc;
}
.list_item_lite .check {
display: none;
}
.list_item_lite.checked .check {
display: block;
margin-top: 12px;
float: right;
vertical-align: middle;
}
.bmo-phone .list_item_lite.checked .check {
background-position-x: -150px;
background-position-y: -442px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 19px;
height: 15px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .list_item_lite.checked .check {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .list_item_lite.checked .check {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .list_item_lite.checked .check {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .list_item_lite.checked .check {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .list_item_lite.checked .check {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .list_item_lite.checked .check {
background-position-x: -150px;
background-position-y: -450px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 20px;
height: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .list_item_lite.checked .check {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .list_item_lite.checked .check {
background-image: url(sprites-tablet.png);
}
}
.list_item_lite:active {
background-color: rgba(0, 0, 0, 0.2);
}
.bmo-phone .list_item_lite {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #000000;
height: 40px;
line-height: 40px;
}
.bmo-tablet .list_item_lite {
font-family: 'DxRg';
font-size: 15px;
line-height: 18px;
color: #000000;
height: 44px;
line-height: 44px;
}
.bmo-tablet .list_item_lite sup {
font-size: 10px;
margin-left: 2px;
}
.listItemBNames {
background-color: #ffffff;
border-bottom: 1px solid #dcdcdc;
position: relative;
padding: 10px 25px 10px 10px;
}
.listItemBNames:focus {
background-color: #b3b3b3;
}
.listItemBNames:active {
background-color: #d9d9d9;
}
.listItemBNames .bname {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.bmo-phone .listItemBNames .bname {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #000000;
}
.bmo-tablet .listItemBNames .bname {
font-family: 'DXBD';
font-size: 15px;
line-height: 18px;
color: #000000;
}
.bmo-tablet .listItemBNames .bname sup {
font-size: 10px;
margin-left: 2px;
}
.selectField {
display: table;
border-bottom: 1px solid #dcdcdc;
width: 100%;
}
.selectField > div {
display: table-row;
}
.selectField .lbl {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #000000;
display: table-cell;
vertical-align: middle;
text-align: left;
width: 80px;
height: 100%;
padding: 10px;
background-color: #ffffff;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
background: -webkit-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: -o-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: -ms-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: linear-gradient(to right, #ffffff 0%, #f0f0f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorWhite', endColorstr='@gradientgrey', GradientType=1);
border-style: none;
}
.bmo-tablet .selectField .lbl {
background: none;
filter: none;
background-color: #dfdfdf;
}
.selectField .fld.mblCarousel {
background-color: #ffffff;
display: table-cell;
}
.selectField .fld.mblCarousel .mblCarouselSlot {
height: 50px;
padding-left: 10px;
padding-right: 10px;
}
.selectField .chevronContainer {
display: table-cell;
vertical-align: middle;
background-color: #ffffff;
width: 15px;
}
.bmo-phone .selectField .chevronContainer .chevron {
background-position-x: -150px;
background-position-y: -500px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 8px;
height: 17px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .selectField .chevronContainer .chevron {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .selectField .chevronContainer .chevron {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .selectField .chevronContainer .chevron {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .selectField .chevronContainer .chevron {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .selectField .chevronContainer .chevron {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .selectField .chevronContainer .chevron {
background-position-x: -150px;
background-position-y: -510px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 10px;
height: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .selectField .chevronContainer .chevron {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .selectField .chevronContainer .chevron {
background-image: url(sprites-tablet.png);
}
}
.mblSidePane {
width: 16em;
height: 100%;
top: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
-webkit-transform: translate3d(0, 0, 0);
}
.animateTransform {
-moz-transition: -moz-transform 0.2s ease-out;
-webkit-transition: -webkit-transform 0.2s ease-out;
-ms-transition: -mstransform 0.2s ease-out;
transition: transform 0.2s ease-out;
}
.mblSidePaneStart {
-moz-transition: left 0.2s ease-out;
-webkit-transition: left 0.2s ease-out;
-ms-transition: left 0.2s ease-out;
transition: left 0.2s ease-out;
}
.bmo-phone .mblSidePaneStart {
border-right: solid black 1px;
}
.mblSidePaneEnd {
-moz-transition: right 0.2s ease-out;
-webkit-transition: right 0.2s ease-out;
-ms-transition: right 0.2s ease-out;
transition: right 0.2s ease-out;
border-left: solid black 1px;
}
.noSelect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mblSidePaneStartPushHiddenPane {
-webkit-transform: translate3d(-16em, 0px, 0px);
transform: translate3d(-16em, 0px, 0px);
-moz-transition: -moz-transform 0.2s ease-out;
-webkit-transition: -webkit-transform 0.2s ease-out;
-ms-transition: -mstransform 0.2s ease-out;
transition: transform 0.2s ease-out;
}
.mblSidePaneStartPushVisiblePane {
display: "";
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
-moz-transition: -moz-transform 0.2s ease-out;
-webkit-transition: -webkit-transform 0.2s ease-out;
-ms-transition: -mstransform 0.2s ease-out;
transition: transform 0.2s ease-out;
}
.mblSidePaneStartPushHiddenWrapper {
-webkit-transform: translate3d(16em, 0px, 0px);
transform: translate3d(16em, 0px, 0px);
-moz-transition: -moz-transform 0.2s ease-out;
-webkit-transition: -webkit-transform 0.2s ease-out;
-ms-transition: -mstransform 0.2s ease-out;
transition: transform 0.2s ease-out;
}
.mblSidePaneStartPushVisibleWrapper {
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(px, 0px, 0px);
-moz-transition: -moz-transform 0.2s ease-out;
-webkit-transition: -webkit-transform 0.2s ease-out;
-ms-transition: -mstransform 0.2s ease-out;
transition: transform 0.2s ease-out;
}
.mblSidePaneEndPushHiddenPane {
right: 0;
-webkit-transform: translate3d(16em, 0px, 0px);
transform: translate3d(16em, 0px, 0px);
-moz-transition: -moz-transform 0.2s ease-out;
-webkit-transition: -webkit-transform 0.2s ease-out;
-ms-transition: -mstransform 0.2s ease-out;
transition: transform 0.2s ease-out;
}
.mblSidePaneEndPushVisiblePane {
display: block;
right: 0;
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
-moz-transition: -moz-transform 0.2s ease-out;
-webkit-transition: -webkit-transform 0.2s ease-out;
-ms-transition: -mstransform 0.2s ease-out;
transition: transform 0.2s ease-out;
}
.mblSidePaneEndPushHiddenWrapper {
-webkit-transform: translate3d(-16em, 0px, 0px);
transform: translate3d(-16em, 0px, 0px);
-moz-transition: -moz-transform 0.2s ease-out;
-webkit-transition: -webkit-transform 0.2s ease-out;
-ms-transition: -mstransform 0.2s ease-out;
transition: transform 0.2s ease-out;
}
.Yddde8e1de1167565f6 {
-webkit-transform: translate3d(0px, 0px, 0px);
transform: translate3d(0px, 0px, 0px);
-moz-transition: -moz-transform 0.2s ease-out;
-webkit-transition: -webkit-transform 0.2s ease-out;
-ms-transition: -mstransform 0.2s ease-out;
transition: transform 0.2s ease-out;
}
.mblSidePaneEndRevealVisiblePane,
.mblSidePaneEndRevealHiddenPane {
right: 0;
}
.TabSwitch .TabSwitchInner {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: inline-flex;
-webkit-flex-flow: row nowrap;
-moz-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 260px;
width: 100%;
}
.TabSwitch .TabSwitchInner.hidden {
display: none;
}
.TabSwitch .TabSwitchInner .TabSwitchItem {
display: block;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-pack: center;
box-pacl: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-transition: none;
-ms-transition: none;
transition: none;
border-left: none;
padding: 4px 15px;
margin: 0px;
width: 50%;
overflow-x: hidden;
text-align: center;
color: #0079c1;
background-color: #ffffff;
cursor: pointer;
border: solid 1px #0079c1;
border-radius: 4px;
margin-top: 1px;
margin-bottom: 1px;
}
.TabSwitch .TabSwitchInner .TabSwitchItem.hidden {
display: none;
}
.TabSwitch .TabSwitchInner .TabSwitchLeft {
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-right-width: 0px;
margin-left: 10px;
}
.TabSwitch .TabSwitchInner .TabSwitchRight {
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-left-width: 0px;
margin-right: 6px;
}
.TabSwitch .TabSwitchInner .TabSwitchText {
font-size: 18px;
padding: 0.25em 2em;
}
.TabSwitch .TabSwitchInner .TabSwitchSelected {
color: #ffffff;
background-color: #0079c1;
}
.text_field {
border-bottom: 1px solid #dcdcdc;
}
.bmo-phone .text_field input::-webkit-input-placeholder {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #999999;
}
.bmo-tablet .text_field input::-webkit-input-placeholder {
font-family: 'DXBD';
font-size: 15px;
color: #999999;
}
.bmo-tablet .text_field input::-webkit-input-placeholder sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-phone .text_field input:-ms-input-placeholder {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #999999;
}
.bmo-tablet .text_field input:-ms-input-placeholder {
font-family: 'DXBD';
font-size: 15px;
color: #999999;
}
.bmo-tablet .text_field input:-ms-input-placeholder sup {
font-size: 10px;
margin-left: 2px;
}
.text_field input[type="text"],
.text_field input[type="password"],
.text_field input[type="tel"],
.text_field input[type="email"],
.text_field input[type="search"] {
-webkit-box-shadow: none;
box-shadow: none;
line-height: 19px;
width: 100%;
height: 100%;
border-width: 0px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
}
.text_field input[type="text"].error,
.text_field input[type="password"].error,
.text_field input[type="tel"].error,
.text_field input[type="email"].error,
.text_field input[type="search"].error {
border: 2px solid #c81414;
padding: 0px 8px 0px 8px;
}
.bmo-phone .text_field input[type="text"],
.bmo-phone .text_field input[type="password"],
.bmo-phone .text_field input[type="tel"],
.bmo-phone .text_field input[type="email"],
.bmo-phone .text_field input[type="search"] {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #000000;
padding: 0px 10px;
}
.bmo-tablet .text_field input[type="text"],
.bmo-tablet .text_field input[type="password"],
.bmo-tablet .text_field input[type="tel"],
.bmo-tablet .text_field input[type="email"],
.bmo-tablet .text_field input[type="search"] {
font-family: 'DXBD';
font-size: 15px;
color: #000000;
padding: 0 15px;
}
.bmo-tablet .text_field input[type="text"] sup,
.bmo-tablet .text_field input[type="password"] sup,
.bmo-tablet .text_field input[type="tel"] sup,
.bmo-tablet .text_field input[type="email"] sup,
.bmo-tablet .text_field input[type="search"] sup {
font-size: 10px;
margin-left: 2px;
}
.text_field .lbl {
background-color: #ffffff;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
background: -webkit-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: -o-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: -ms-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: linear-gradient(to right, #ffffff 0%, #f0f0f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorWhite', endColorstr='@gradientgrey', GradientType=1);
border-style: none;
text-align: left;
}
.bmo-tablet .text_field .lbl {
background: none;
filter: none;
background-color: #dfdfdf;
}
.text_field .fld {
background: #ffffff;
-webkit-appearance: none;
}
.text_field.bmo-phone {
height: 51px;
display: table;
width: 100%;
}
.text_field.bmo-phone.hidden {
display: none;
}
.text_field.bmo-phone:last-child {
border-bottom: 0px;
}
.text_field.bmo-phone > div {
display: table-row;
}
.text_field.bmo-phone .lbl {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #000000;
display: table-cell;
vertical-align: middle;
width: 80px;
height: 100%;
padding: 10px;
}
.text_field.bmo-phone .fld {
display: table-cell;
height: 100%;
vertical-align: middle;
padding: 2px;
}
.text_field.bmo-tablet {
height: auto;
min-height: 44px;
display: block;
}
.text_field.bmo-tablet > div {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
align-items: stretch;
min-height: inherit;
}
.text_field.bmo-tablet > div .lbl {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100px;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
font-family: 'DxRg';
font-size: 15px;
line-height: 17px;
color: #000000;
height: auto;
min-height: inherit;
align-items: center;
padding: 10px 15px;
background: none;
filter: none;
background-color: #dfdfdf;
}
.text_field.bmo-tablet > div .lbl sup {
font-size: 10px;
margin-left: 2px;
}
.text_field.bmo-tablet > div .fld {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: auto;
min-height: inherit;
padding: 0;
}
.text_field.bmo-tablet > div .fld > * {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0;
-ms-flex: 1 0 0;
flex: 1 0 0;
}
.text_field.bmo-tablet > div .fld .input_wrapper {
width: 100%;
}
.text_field_large {
height: 51px;
display: table;
width: 100%;
border-bottom: 1px solid #dcdcdc;
}
.text_field_large:last-child {
border-bottom: 0px;
}
.text_field_large > div {
display: table-row;
}
.text_field_large .lbl {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #000000;
display: table-cell;
vertical-align: middle;
text-align: left;
width: 80px;
height: 100%;
padding: 10px;
background-color: #ffffff;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
background: -webkit-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: -o-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: -ms-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: linear-gradient(to right, #ffffff 0%, #f0f0f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorWhite', endColorstr='@gradientgrey', GradientType=1);
border-style: none;
min-width: 72px;
}
.bmo-tablet .text_field_large .lbl {
background: none;
filter: none;
background-color: #dfdfdf;
}
.text_field_large .fld {
background: #ffffff;
display: table-cell;
height: 100%;
vertical-align: middle;
-webkit-appearance: none;
}
.text_field_large textarea {
resize: none;
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #000000;
line-height: 19px;
width: 100%;
height: 100%;
border-width: 0px;
padding: 12.5px 10px 0px 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
}
.text_field_large textarea::-webkit-scrollbar {
display: none;
}
.text_field_large textarea .error {
border: 2px solid #c81414;
padding: 0px 8px 0px 8px;
}
.text_field_large textarea::-webkit-input-placeholder {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #999999;
}
.text_field_large textarea:-ms-input-placeholder {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #999999;
}
.atm_text_field {
border-bottom: 1px solid #dcdcdc;
}
.bmo-phone .atm_text_field input::-webkit-input-placeholder {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #999999;
}
.bmo-tablet .atm_text_field input::-webkit-input-placeholder {
font-family: 'DXBD';
font-size: 15px;
color: #999999;
}
.bmo-tablet .atm_text_field input::-webkit-input-placeholder sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-phone .atm_text_field input:-ms-input-placeholder {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #999999;
}
.bmo-tablet .atm_text_field input:-ms-input-placeholder {
font-family: 'DXBD';
font-size: 15px;
color: #999999;
}
.bmo-tablet .atm_text_field input:-ms-input-placeholder sup {
font-size: 10px;
margin-left: 2px;
}
.atm_text_field input[type="text"],
.atm_text_field input[type="password"],
.atm_text_field input[type="tel"],
.atm_text_field input[type="email"],
.atm_text_field input[type="search"] {
-webkit-box-shadow: none;
box-shadow: none;
line-height: 19px;
width: 100%;
height: 100%;
border-width: 0px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
}
.atm_text_field input[type="text"].error,
.atm_text_field input[type="password"].error,
.atm_text_field input[type="tel"].error,
.atm_text_field input[type="email"].error,
.atm_text_field input[type="search"].error {
border: 2px solid #c81414;
padding: 0px 8px 0px 8px;
}
.bmo-phone .atm_text_field input[type="text"],
.bmo-phone .atm_text_field input[type="password"],
.bmo-phone .atm_text_field input[type="tel"],
.bmo-phone .atm_text_field input[type="email"],
.bmo-phone .atm_text_field input[type="search"] {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #000000;
padding: 0px 10px;
}
.bmo-tablet .atm_text_field input[type="text"],
.bmo-tablet .atm_text_field input[type="password"],
.bmo-tablet .atm_text_field input[type="tel"],
.bmo-tablet .atm_text_field input[type="email"],
.bmo-tablet .atm_text_field input[type="search"] {
font-family: 'DXBD';
font-size: 15px;
color: #000000;
padding: 0 15px;
}
.bmo-tablet .atm_text_field input[type="text"] sup,
.bmo-tablet .atm_text_field input[type="password"] sup,
.bmo-tablet .atm_text_field input[type="tel"] sup,
.bmo-tablet .atm_text_field input[type="email"] sup,
.bmo-tablet .atm_text_field input[type="search"] sup {
font-size: 10px;
margin-left: 2px;
}
.atm_text_field .lbl {
background-color: #ffffff;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
background: -webkit-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: -o-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: -ms-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: linear-gradient(to right, #ffffff 0%, #f0f0f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorWhite', endColorstr='@gradientgrey', GradientType=1);
border-style: none;
text-align: left;
}
.bmo-tablet .atm_text_field .lbl {
background: none;
filter: none;
background-color: #dfdfdf;
}
.atm_text_field .fld {
background: #ffffff;
-webkit-appearance: none;
}
.atm_text_field.bmo-phone {
height: 51px;
display: table;
width: 100%;
}
.atm_text_field.bmo-phone.hidden {
display: none;
}
.atm_text_field.bmo-phone:last-child {
border-bottom: 0px;
}
.atm_text_field.bmo-phone > div {
display: table-row;
}
.atm_text_field.bmo-phone .lbl {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #000000;
display: table-cell;
vertical-align: middle;
width: 80px;
height: 100%;
padding: 10px;
}
.atm_text_field.bmo-phone .fld {
display: table-cell;
height: 100%;
vertical-align: middle;
padding: 2px;
}
.atm_text_field.bmo-tablet {
height: auto;
min-height: 44px;
display: block;
}
.atm_text_field.bmo-tablet > div {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
align-items: stretch;
min-height: inherit;
}
.atm_text_field.bmo-tablet > div .lbl {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100px;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
font-family: 'DxRg';
font-size: 15px;
line-height: 17px;
color: #000000;
height: auto;
min-height: inherit;
align-items: center;
padding: 10px 15px;
background: none;
filter: none;
background-color: #dfdfdf;
}
.atm_text_field.bmo-tablet > div .lbl sup {
font-size: 10px;
margin-left: 2px;
}
.atm_text_field.bmo-tablet > div .fld {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: auto;
min-height: inherit;
padding: 0;
}
.atm_text_field.bmo-tablet > div .fld > * {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0;
-ms-flex: 1 0 0;
flex: 1 0 0;
}
.atm_text_field.bmo-tablet > div .fld .input_wrapper {
width: 100%;
}
.atm_text_field .fld {
vertical-align: top;
}
.atm_text_field .input_wrapper {
position: relative;
height: 100%;
}
.atm_text_field .input_wrapper input[type="text"],
.atm_text_field .input_wrapper input[type="tel"] {
text-align: right;
background: transparent;
padding: 0px 8px 0px 8px;
}
.atm_text_field .input_wrapper input[type="text"].android_legacy,
.atm_text_field .input_wrapper input[type="tel"].android_legacy {
position: absolute;
z-index: 2;
opacity: 0;
outline: none;
}
.atm_text_field .input_wrapper input[type="text"].android_legacy.offset,
.atm_text_field .input_wrapper input[type="tel"].android_legacy.offset {
left: -10000px;
}
.atm_text_field .input_wrapper input::-webkit-input-placeholder {
text-align: left;
}
.atm_text_field .input_wrapper input:-ms-input-placeholder {
text-align: left;
}
.atm_text_field .input_wrapper .display_wrapper {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #000000;
height: 49px;
line-height: 49px;
vertical-align: middle;
text-align: right;
padding: 0px 8px 0px 10px;
}
.atm_text_field .input_wrapper .display_wrapper.placeholder {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #999999;
text-align: left;
line-height: 49px;
}
.atm_text_field .input_wrapper .display_wrapper .display {
border-right: 2px solid transparent;
}
.atm_text_field .input_wrapper .display_wrapper .display.blink {
-webkit-animation: blink-right-border 1s infinite;
-webkit-animation-timing-function: steps(2);
}
.atm_text_field.bmo-tablet .input_wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1 0 0;
-ms-flex: 1 0 0;
flex: 1 0 0;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.atm_text_field.bmo-tablet .input_wrapper > input[type="text"],
.atm_text_field.bmo-tablet .input_wrapper > input[type="tel"] {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0;
-ms-flex: 1 0 0;
flex: 1 0 0;
}
@-webkit-keyframes blink-right-border {
0% {
border-right-color: black;
}
49% {
border-right-color: black;
}
50% {
border-right-color: transparent;
}
100% {
border-right-color: transparent;
}
}
.mblRadioButton.cmn_radio_button,
.mblRadioButton.cmn_radio_buttonSelected,
.mblRadioButton.cmn_radio_buttonChecked,
.mblRadioButton.cmn_radio_button:checked {
margin: 0px 10px 0px 10px;
-webkit-border-radius: 0px;
border-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-width: 0px;
display: inline-block;
padding: 0px;
vertical-align: middle;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.bmo-phone .mblRadioButton.cmn_radio_button,
.bmo-phone .mblRadioButton.cmn_radio_buttonSelected,
.bmo-phone .mblRadioButton.cmn_radio_buttonChecked,
.bmo-phone .mblRadioButton.cmn_radio_button:checked {
background-position-x: -60px;
background-position-y: -440px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 23px;
height: 23px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .mblRadioButton.cmn_radio_button,
.bmo-phone .mblRadioButton.cmn_radio_buttonSelected,
.bmo-phone .mblRadioButton.cmn_radio_buttonChecked,
.bmo-phone .mblRadioButton.cmn_radio_button:checked {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .mblRadioButton.cmn_radio_button,
.bmo-phone .mblRadioButton.cmn_radio_buttonSelected,
.bmo-phone .mblRadioButton.cmn_radio_buttonChecked,
.bmo-phone .mblRadioButton.cmn_radio_button:checked {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .mblRadioButton.cmn_radio_button,
.bmo-phone .mblRadioButton.cmn_radio_buttonSelected,
.bmo-phone .mblRadioButton.cmn_radio_buttonChecked,
.bmo-phone .mblRadioButton.cmn_radio_button:checked {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .mblRadioButton.cmn_radio_button,
.bmo-phone .mblRadioButton.cmn_radio_buttonSelected,
.bmo-phone .mblRadioButton.cmn_radio_buttonChecked,
.bmo-phone .mblRadioButton.cmn_radio_button:checked {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .mblRadioButton.cmn_radio_button,
.bmo-phone .mblRadioButton.cmn_radio_buttonSelected,
.bmo-phone .mblRadioButton.cmn_radio_buttonChecked,
.bmo-phone .mblRadioButton.cmn_radio_button:checked {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .mblRadioButton.cmn_radio_button,
.bmo-tablet .mblRadioButton.cmn_radio_buttonSelected,
.bmo-tablet .mblRadioButton.cmn_radio_buttonChecked,
.bmo-tablet .mblRadioButton.cmn_radio_button:checked {
background-position-x: -58px;
background-position-y: -450px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 25px;
height: 25px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .mblRadioButton.cmn_radio_button,
.bmo-tablet .mblRadioButton.cmn_radio_buttonSelected,
.bmo-tablet .mblRadioButton.cmn_radio_buttonChecked,
.bmo-tablet .mblRadioButton.cmn_radio_button:checked {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .mblRadioButton.cmn_radio_button,
.bmo-tablet .mblRadioButton.cmn_radio_buttonSelected,
.bmo-tablet .mblRadioButton.cmn_radio_buttonChecked,
.bmo-tablet .mblRadioButton.cmn_radio_button:checked {
background-image: url(sprites-tablet.png);
}
}
.mblRadioButton.cmn_radio_button::after,
.mblRadioButton.cmn_radio_button:checked::after {
background-image: none;
border: 0px none transparent;
}
.mblRadioButton.cmn_radio_button.cmn_radio_buttonChecked::after,
.mblRadioButton.cmn_radio_button.cmn_radio_buttonSelected::after {
display: inline-block;
margin: 0px 0px 0px -4px;
border-width: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.bmo-phone .mblRadioButton.cmn_radio_button.cmn_radio_buttonChecked::after,
.bmo-phone .mblRadioButton.cmn_radio_button.cmn_radio_buttonSelected::after {
background-position-x: -60px;
background-position-y: -530px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 23px;
height: 23px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .mblRadioButton.cmn_radio_button.cmn_radio_buttonChecked::after,
.bmo-phone .mblRadioButton.cmn_radio_button.cmn_radio_buttonSelected::after {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .mblRadioButton.cmn_radio_button.cmn_radio_buttonChecked::after,
.bmo-phone .mblRadioButton.cmn_radio_button.cmn_radio_buttonSelected::after {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .mblRadioButton.cmn_radio_button.cmn_radio_buttonChecked::after,
.bmo-phone .mblRadioButton.cmn_radio_button.cmn_radio_buttonSelected::after {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .mblRadioButton.cmn_radio_button.cmn_radio_buttonChecked::after,
.bmo-phone .mblRadioButton.cmn_radio_button.cmn_radio_buttonSelected::after {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .mblRadioButton.cmn_radio_button.cmn_radio_buttonChecked::after,
.bmo-phone .mblRadioButton.cmn_radio_button.cmn_radio_buttonSelected::after {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .mblRadioButton.cmn_radio_button.cmn_radio_buttonChecked::after,
.bmo-tablet .mblRadioButton.cmn_radio_button.cmn_radio_buttonSelected::after {
background-position-x: -58px;
background-position-y: -510px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 25px;
height: 25px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .mblRadioButton.cmn_radio_button.cmn_radio_buttonChecked::after,
.bmo-tablet .mblRadioButton.cmn_radio_button.cmn_radio_buttonSelected::after {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .mblRadioButton.cmn_radio_button.cmn_radio_buttonChecked::after,
.bmo-tablet .mblRadioButton.cmn_radio_button.cmn_radio_buttonSelected::after {
background-image: url(sprites-tablet.png);
}
}
.spinner_modal .glass-panel-overlay {
background-repeat: no-repeat;
background-size: cover;
background-color: #0079c1;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2000;
}
@media only screen {
}
@media only screen and (orientation: portrait) {
.bmo-phone .spinner_modal .glass-panel-overlay {
background-image: url(bkgrd_720x1280.png);
}
}
@media only screen and (orientation: landscape) {
.bmo-phone .spinner_modal .glass-panel-overlay {
background-image: url(bkgrd_1280x720.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px) and (max-aspect-ratio: 4/3) {
.bmo-phone .spinner_modal .glass-panel-overlay {
background-image: url(bkgrd_320x480.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px) and (min-aspect-ratio: 4/3) {
.bmo-phone .spinner_modal .glass-panel-overlay {
background-image: url(bkgrd_480x320.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 480px) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 480px) and (max-aspect-ratio: 4/3) {
.bmo-phone .spinner_modal .glass-panel-overlay {
background-image: url(bkgrd_480x800.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 480px) and (min-aspect-ratio: 4/3) {
.bmo-phone .spinner_modal .glass-panel-overlay {
background-image: url(bkgrd_800x480.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 96dpi) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-aspect-ratio: 4/3), (min-resolution: 96dpi) and (max-aspect-ratio: 4/3) {
.bmo-phone .spinner_modal .glass-panel-overlay {
background-image: url(bkgrd_480x800.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-aspect-ratio: 4/3), (min-resolution: 96dpi) and (min-aspect-ratio: 4/3) {
.bmo-phone .spinner_modal .glass-panel-overlay {
background-image: url(bkgrd_800x480.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 320px) and (max-device-width: 480px) and (max-device-height: 480px) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 320px) and (max-device-width: 480px) and (max-device-height: 480px) and (max-aspect-ratio: 4/3) {
.bmo-phone .spinner_modal .glass-panel-overlay {
background-image: url(bkgrd_640x960.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 320px) and (max-device-width: 480px) and (max-device-height: 480px) and (min-aspect-ratio: 4/3) {
.bmo-phone .spinner_modal .glass-panel-overlay {
background-image: url(bkgrd_960x640.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 320px) and (min-device-height: 480px) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 320px) and (min-device-height: 480px) and (orientation: portrait) {
.bmo-phone .spinner_modal .glass-panel-overlay {
background-image: url(bkgrd_640x1136.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 320px) and (min-device-height: 480px) and (orientation: landscape) {
.bmo-phone .spinner_modal .glass-panel-overlay {
background-image: url(bkgrd_1136x640.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 340px) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 340px) and (max-aspect-ratio: 4/3) {
.bmo-phone .spinner_modal .glass-panel-overlay {
background-image: url(bkgrd_720x1280.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 340px) and (min-aspect-ratio: 4/3) {
.bmo-phone .spinner_modal .glass-panel-overlay {
background-image: url(bkgrd_1280x720.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 384px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 342px) and (orientation: portrait), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 569px) and (orientation: landscape) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 384px) and (max-aspect-ratio: 4/3), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 342px) and (orientation: portrait) and (max-aspect-ratio: 4/3), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 569px) and (orientation: landscape) and (max-aspect-ratio: 4/3) {
.bmo-phone .spinner_modal .glass-panel-overlay {
background-image: url(bkgrd_768x1280.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 384px) and (min-aspect-ratio: 4/3), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 342px) and (orientation: portrait) and (min-aspect-ratio: 4/3), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 569px) and (orientation: landscape) and (min-aspect-ratio: 4/3) {
.bmo-phone .spinner_modal .glass-panel-overlay {
background-image: url(bkgrd_1280x768.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (device-height: 360px) and (device-width: 360px) {
.bmo-phone .spinner_modal .glass-panel-overlay {
background-image: url(bkgrd_720x720.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), (min-resolution: 288dpi) and (orientation: portrait) {
.bmo-phone .spinner_modal .glass-panel-overlay {
background-image: url(bkgrd_1080x1920.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), (min-resolution: 288dpi) and (orientation: landscape) {
.bmo-phone .spinner_modal .glass-panel-overlay {
background-image: url(bkgrd_1920x1080.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .spinner_modal .glass-panel-overlay {
background-image: url(bkgrd_1024x1024.jpg);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .spinner_modal .glass-panel-overlay {
background-image: url(bkgrd_2048x2048.jpg);
}
}
.spinner_modal .glass-panel-overlay .indicator-wrapper {
width: 100%;
height: 100px;
position: relative;
top: 50%;
text-align: center;
margin-top: -50px;
}
.spinner_modal .glass-panel-overlay .indicator-wrapper .indicator {
animation: 1s rotate linear infinite;
-webkit-animation: 1s rotate linear infinite;
margin: 0px auto;
}
.spinner_modal .spinnerLabel {
margin-top: 20px;
color: #ffffff;
}
.spinner_modal ~ * {
visibility: hidden;
}
.spinnerInline {
height: 100%;
left: 0;
right: 0;
position: absolute;
text-align: center;
}
.spinnerInline .loading-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: inherit;
display: block;
z-index: 101;
background-color: rgba(0, 0, 0, 0.5);
}
.spinnerInline .loading-overlay .indicator-wrapper {
width: 100%;
height: 100px;
top: 50%;
bottom: 50%;
vertical-align: middle;
text-align: center;
margin-top: -50px;
}
.bmo-phone .spinnerInline .loading-overlay .indicator-wrapper {
position: relative;
}
.bmo-tablet .spinnerInline .loading-overlay .indicator-wrapper {
position: absolute;
}
.spinnerInline .loading-overlay .indicator-wrapper .indicator {
animation: 1s rotate linear infinite;
-webkit-animation: 1s rotate linear infinite;
margin: 0px auto;
}
.bmo-phone .bmo-tablet.spinnerInline .loading-overlay .indicator-wrapper .indicator {
width: 30px;
height: 30px;
background-image: url(loading-blueBkgrd.png);
background-size: 30px 30px;
background-repeat: no-repeat;
background-color: transparent;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .bmo-tablet.spinnerInline .loading-overlay .indicator-wrapper .indicator {
background-image: url(loading-blueBkgrd.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .bmo-tablet.spinnerInline .loading-overlay .indicator-wrapper .indicator {
background-image: url(loading-blueBkgrd.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .bmo-tablet.spinnerInline .loading-overlay .indicator-wrapper .indicator {
background-image: url(loading-blueBkgrd.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .bmo-tablet.spinnerInline .loading-overlay .indicator-wrapper .indicator {
background-image: url(loading-blueBkgrd@2x.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .bmo-tablet.spinnerInline .loading-overlay .indicator-wrapper .indicator {
background-image: url(loading-blueBkgrd.png);
}
}
.bmo-tablet .bmo-tablet.spinnerInline .loading-overlay .indicator-wrapper .indicator {
width: 48px;
height: 48px;
background-image: url(loading_wht.png);
background-size: 48px 48px;
background-repeat: no-repeat;
background-color: transparent;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .bmo-tablet.spinnerInline .loading-overlay .indicator-wrapper .indicator {
background-image: url(loading_wht.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .bmo-tablet.spinnerInline .loading-overlay .indicator-wrapper .indicator {
background-image: url(loading_wht@2x.png);
}
}
.bmo-phone .bmo-phone.spinnerInline .loading-overlay .indicator-wrapper .indicator {
width: 30px;
height: 30px;
background-image: url(loading-greyBkgrd.png);
background-size: 30px 30px;
background-repeat: no-repeat;
background-color: transparent;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .bmo-phone.spinnerInline .loading-overlay .indicator-wrapper .indicator {
background-image: url(loading-greyBkgrd.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .bmo-phone.spinnerInline .loading-overlay .indicator-wrapper .indicator {
background-image: url(loading-greyBkgrd.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .bmo-phone.spinnerInline .loading-overlay .indicator-wrapper .indicator {
background-image: url(loading-greyBkgrd.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .bmo-phone.spinnerInline .loading-overlay .indicator-wrapper .indicator {
background-image: url(loading-greyBkgrd@2x.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .bmo-phone.spinnerInline .loading-overlay .indicator-wrapper .indicator {
background-image: url(loading-greyBkgrd.png);
}
}
.bmo-tablet .bmo-phone.spinnerInline .loading-overlay .indicator-wrapper .indicator {
width: 48px;
height: 48px;
background-image: url(loading_wht.png);
background-size: 48px 48px;
background-repeat: no-repeat;
background-color: transparent;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .bmo-phone.spinnerInline .loading-overlay .indicator-wrapper .indicator {
background-image: url(loading_wht.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .bmo-phone.spinnerInline .loading-overlay .indicator-wrapper .indicator {
background-image: url(loading_wht@2x.png);
}
}
.singleLineSelectField {
display: table;
border-bottom: 1px solid #dcdcdc;
width: 100%;
}
.singleLineSelectField > div {
display: table-row;
height: inherit;
}
.singleLineSelectField .lbl {
background-color: #ffffff;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
background: -webkit-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: -o-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: -ms-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: linear-gradient(to right, #ffffff 0%, #f0f0f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorWhite', endColorstr='@gradientgrey', GradientType=1);
border-style: none;
display: table-cell;
vertical-align: middle;
text-align: left;
height: 100%;
}
.bmo-tablet .singleLineSelectField .lbl {
background: none;
filter: none;
background-color: #dfdfdf;
}
.bmo-tablet .singleLineSelectField .lbl {
table-layout: fixed;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: 'DxRg';
font-size: 15px;
line-height: 17px;
color: #000000;
padding: 10px 15px;
width: 100px;
}
.bmo-tablet .singleLineSelectField .lbl sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-phone .singleLineSelectField .lbl {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #000000;
padding: 10px;
width: 80px;
}
.singleLineSelectField .fld {
background-color: #ffffff;
display: table-cell;
height: inherit;
}
.bmo-phone .singleLineSelectField .fld {
padding-left: 10px;
}
.bmo-tablet .singleLineSelectField .fld {
padding-left: 15px;
}
.singleLineSelectField .fld > div {
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
}
.singleLineSelectField .fld > div > div {
display: table-row;
}
.singleLineSelectField .fld > div.hidden {
display: none!important;
}
.singleLineSelectField .fld .line1 {
display: table-cell;
vertical-align: middle;
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #000000;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.singleLineSelectField .chevronContainer {
width: 18px;
display: table-cell;
vertical-align: middle;
background-color: #ffffff;
}
.bmo-phone .singleLineSelectField .chevronContainer .chevron {
background-position-x: -150px;
background-position-y: -500px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 8px;
height: 17px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .singleLineSelectField .chevronContainer .chevron {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .singleLineSelectField .chevronContainer .chevron {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .singleLineSelectField .chevronContainer .chevron {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .singleLineSelectField .chevronContainer .chevron {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .singleLineSelectField .chevronContainer .chevron {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .singleLineSelectField .chevronContainer .chevron {
background-position-x: -150px;
background-position-y: -510px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 10px;
height: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .singleLineSelectField .chevronContainer .chevron {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .singleLineSelectField .chevronContainer .chevron {
background-image: url(sprites-tablet.png);
}
}
.singleLineSelectField .txt {
display: table-cell;
vertical-align: middle;
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #000000;
}
.singleLineSelectField .txt.placeholder {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #999999;
}
.bmo-phone .singleLineSelectField {
height: 50px;
}
.bmo-tablet .singleLineSelectField {
height: 44px;
}
.L5781fd7fcf8831999 {
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
.L5781fd7fcf8831999.lock {
overflow: hidden;
position: relative;
}
.L5781fd7fcf8831999.hide_scrollbar::-webkit-scrollbar {
display: none;
}
.L5781fd7fcf8831999 .offset {
position: absolute;
width: 100%;
}
.scrollable.use_flex {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: 0px;
}
.styled-text-block {
display: inline;
}
.on_demand_list_expand_sticky .sticky_header {
position: absolute;
width: 100%;
z-index: 2;
padding-top: 15px;
}
.on_demand_list_expand_sticky .dgrid-scroller {
margin-top: 0;
}
.toaster {
-webkit-transition: visibility 0.3s, opacity 0.3s linear;
-moz-transition: visibility 0.3s, opacity 0.3s linear;
-o-transition: visibility 0.3s, opacity 0.3s linear;
transition: visibility 0.3s, opacity 0.3s linear;
-webkit-border-radius: 6px;
border-radius: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
-webkit-box-shadow: 0px 0px 20px 2px #4e4e4e;
box-shadow: 0px 0px 20px 2px #4e4e4e;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-pack: center;
box-pacl: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: 'DxRg';
color: #ffffff;
border: 2px solid #ffffff;
position: absolute;
background-color: #000000;
opacity: 1;
visibility: visible;
z-index: 2000;
}
.toaster.toaster-hidden {
visibility: hidden;
opacity: 0;
}
.toaster .content {
text-align: center;
}
.bmo-phone .toaster {
font-size: 14px;
left: 1%;
bottom: 1%;
width: 98%;
}
.bmo-phone .toaster .content {
padding: 10px;
}
.bmo-tablet .toaster {
font-size: 15px;
left: 25%;
bottom: 30px;
width: 50%;
}
.bmo-tablet .toaster .content {
padding: 20px;
}
.messageBanner {
width: 100%;
position: absolute;
left: 0px;
bottom: 0px;
}
.messageBanner > div {
width: 100%;
display: table;
text-align: center;
}
.messageBanner > div > div {
display: table-row;
text-align: center;
}
.messageBanner > div > div > div {
display: table-cell;
vertical-align: middle;
}
.messageBanner.hidden {
display: none!important;
}
.messageBanner .messageText {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
padding: 0px;
text-align: center;
word-wrap: break-word;
}
.messageFlexBox.use_flex {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.app-toggle > ul {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-border-radius: 5px;
border-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-style: solid;
border-width: 1px;
border-color: #ffffff;
margin: 15px 0;
height: 40px;
}
.app-toggle > ul > li {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0px;
-ms-flex: 1 0 0px;
flex: 1 0 0px;
font-family: 'DxRg';
font-size: 15px;
color: #ffffff;
height: auto;
text-align: center;
line-height: 40px;
}
.app-toggle > ul > li sup {
font-size: 10px;
margin-left: 2px;
}
.app-toggle > ul > li.selected {
font-family: 'DXBD';
font-size: 15px;
color: #163043;
background-color: #ffffff;
}
.app-toggle > ul > li.selected sup {
font-size: 10px;
margin-left: 2px;
}
.app-toggle > ul > li:nth-child(2) {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-pack: center;
box-pacl: center;
}
.app-toggle > ul > li:nth-child(2) sup {
margin-top: -5px;
}
.banner-ad.bottom-right {
position: absolute;
bottom: 0px;
right: 0px;
}
.banner-ad iframe {
display: block;
height: 115px;
width: 355px;
overflow: hidden;
}
.banner-ad iframe.hidden {
display: none!important;
}
.switch {
/* Normal Track */
/* Checked Track (Blue) */
/* Big Track */
/* Normal Knob */
/* Checked Knob (Blue Style) */
/* Big Knob */
/* Checked Big Knob (Blue Style) */
}
.switch input[type="checkbox"] {
position: absolute;
width: 200px;
height: 20px;
opacity: 0;
margin: 0px;
padding: 0px;
}
.switch input[type="checkbox"].bigswitch {
width: 51px;
height: 31px;
}
.switch input[type="checkbox"].ios-switch + div {
vertical-align: middle;
width: 40px;
height: 20px;
border-radius: 999px;
background-color: white;
-webkit-transition-duration: .4s;
-webkit-transition-property: background-color, box-shadow;
display: inline-block;
}
.switch input[type="checkbox"].ios-switch:checked + div {
width: 40px;
background-position: 0 0;
background-color: #66afda;
}
.switch input[type="checkbox"].bigswitch.ios-switch + div {
width: 51px;
height: 31px;
}
.switch input[type="checkbox"].ios-switch + div > div {
float: left;
width: 18px;
height: 18px;
border-radius: inherit;
background: #ffffff;
-webkit-transition-timing-function: cubic-bezier(0.54, 1.85, 0.5, 1);
-webkit-transition-duration: 0.4s;
-webkit-transition-property: transform, background-color, box-shadow;
-moz-transition-timing-function: cubic-bezier(0.54, 1.85, 0.5, 1);
-moz-transition-duration: 0.4s;
-moz-transition-property: transform, background-color;
box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.4), 0px 0px 0 1px rgba(225, 225, 225, 0.8);
pointer-events: none;
margin-top: 1px;
margin-left: 1px;
}
.switch input[type="checkbox"].ios-switch:checked + div > div {
-webkit-transform: translate3d(19px, 0, 0);
-moz-transform: translate3d(20px, 0, 0);
background-color: #ffffff;
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3), 0px 0px 0 1px #0850ac;
}
.switch input[type="checkbox"].bigswitch.ios-switch + div > div {
width: 29px;
height: 29px;
margin-top: 1px;
margin-left: 1px;
}
.switch input[type="checkbox"].bigswitch.ios-switch:checked + div > div {
-webkit-transform: translate3d(21px, 0, 0);
-moz-transform: translate3d(16px, 0, 0);
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3), 0px 0px 0 1px #3b89ec;
}
.switch .switch-label {
font-family: 'DxRg';
font-size: 14px;
color: #ffffff;
height: 25px;
vertical-align: middle;
margin-left: 10px;
}
.switch .switch-label sup {
font-size: 9px;
margin-left: 2px;
}
.listItemSavedCard {
background-color: transparent;
}
.listItemSavedCard .nickname {
font-family: 'DXBD';
font-size: 14px;
line-height: 16px;
color: #000000;
text-align: left;
display: block;
}
.edit-mode .listItemSavedCard .nickname {
-webkit-box-flex: 0;
-webkit-flex: 0 0 130px;
-ms-flex: 0 0 130px;
flex: 0 0 130px;
}
.select-mode .listItemSavedCard .nickname {
-webkit-box-flex: 0;
-webkit-flex: 0 0 80px;
-ms-flex: 0 0 80px;
flex: 0 0 80px;
}
.listItemSavedCard .card-number {
font-family: 'DXBD';
font-size: 14px;
line-height: 16px;
color: #000000;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: block;
}
.edit-mode .listItemSavedCard .card-number {
text-align: left;
}
.select-mode .listItemSavedCard .card-number {
text-align: right;
}
.listItemSavedCard .label {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 44px;
padding-right: 40px;
padding-left: 10px;
}
.edit-mode .listItemSavedCard .label {
border-bottom: 1px solid #dcdcdc;
}
.select-mode .listItemSavedCard .label {
border-top: 1px solid #dcdcdc;
}
.listItemSavedCard .button {
z-index: 1;
position: relative;
float: left;
padding: 10px 10px 0px 20px;
}
.select-mode .listItemSavedCard .button {
display: none!important;
}
.listItemSavedCard .button .icon {
background-position-x: 0px;
background-position-y: -450px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 24px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.listItemSavedCard .button .icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.listItemSavedCard .button .icon {
background-image: url(sprites-tablet.png);
}
}
.listItemSavedCard .button .icon .selected {
background-position-x: 0px;
background-position-y: -510px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 24px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.listItemSavedCard .button .icon .selected {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.listItemSavedCard .button .icon .selected {
background-image: url(sprites-tablet.png);
}
}
.listItemSavedCard .mblListItemRightIcon {
z-index: 3;
margin-top: 12px;
position: absolute;
right: 0;
top: 0;
}
.edit-mode .listItemSavedCard:first-child .label {
border-top: 1px solid #dcdcdc;
}
.travelNotificationForm.mblAccordionPane .two-column-layout {
margin: 20px 35px 30px 35px;
}
.travelNotificationForm.mblAccordionPane .two-column-layout .field-container > div {
margin-bottom: 10px;
border-bottom: none;
}
.travelNotificationForm.mblAccordionPane .two-column-layout .field-container > div:last-child {
margin-bottom: 0;
}
.bmo-tablet.bmo-fr-ca .travelNotificationForm.mblAccordionPane .two-column-layout .field-container > div {
min-height: 54px;
height: 54px;
max-height: 54px;
}
.bmo-tablet.bmo-en-ca .travelNotificationForm.mblAccordionPane .two-column-layout .field-container > div {
min-height: 44px;
height: 44px;
max-height: 44px;
}
.checkBoxField {
width: 50%;
border-bottom: 1px solid #c0c0c0;
padding: 10px 0;
}
.checkBoxField > div .checkbox {
display: inline-block;
margin: 0 10px;
}
.bmo-phone .checkBoxField > div .checkbox {
background-position-x: -30px;
background-position-y: -440px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 24px;
height: 24px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .checkBoxField > div .checkbox {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .checkBoxField > div .checkbox {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .checkBoxField > div .checkbox {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .checkBoxField > div .checkbox {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .checkBoxField > div .checkbox {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .checkBoxField > div .checkbox {
background-position-x: -30px;
background-position-y: -451px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 24px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .checkBoxField > div .checkbox {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .checkBoxField > div .checkbox {
background-image: url(sprites-tablet.png);
}
}
.bmo-phone .checkBoxField > div .checkbox.checked {
background-position-x: -30px;
background-position-y: -530px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 24px;
height: 24px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .checkBoxField > div .checkbox.checked {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .checkBoxField > div .checkbox.checked {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .checkBoxField > div .checkbox.checked {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .checkBoxField > div .checkbox.checked {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .checkBoxField > div .checkbox.checked {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .checkBoxField > div .checkbox.checked {
background-position-x: -30px;
background-position-y: -511px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 24px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .checkBoxField > div .checkbox.checked {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .checkBoxField > div .checkbox.checked {
background-image: url(sprites-tablet.png);
}
}
.checkBoxField > div .label {
display: inline-block;
}
.checkBoxField > div .label .line1 {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #000000;
}
.checkBoxField > div .label .line2 {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #000000;
}
.checkBoxField:last-child,
.checkBoxField:nth-last-child(2):nth-child(odd) {
border: 0;
}
.drop-down {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 1;
visibility: visible;
/* .transition(visibility @duration, opacity @duration @timing); */
}
.drop-down .pane {
position: absolute;
margin: 0;
z-index: 100;
height: auto;
max-height: 300px;
/*
transform: scale(1);
transition: transform @duration @timing;
-webkit-transform: scale(1);
-webkit-transition: -webkit-transform @duration @timing;
*/
}
.drop-down .pane + .shadow {
z-index: 99;
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
top: 0;
left: 0;
}
.drop-down .pane .pointer {
background-color: #fff;
width: 20px;
height: 20px;
position: absolute;
right: 12px;
-webkit-border-radius: 3px;
border-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
transform: rotate(40deg) translate(0, -10%);
-webkit-transform: rotate(45deg) translate(0, -10%);
z-index: -5;
}
.drop-down .pane .pointer.pointerUp {
top: -5px;
}
.drop-down .pane .pointer.pointerDown {
bottom: -10px;
}
.drop-down .pane .offScreenClose {
position: fixed;
left: 1500px;
top: 500px;
}
.drop-down .pane .content {
max-height: 300px;
height: inherit;
overflow: hidden;
-webkit-border-radius: 3px;
border-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
background-color: #ffffff;
}
.drop-down .pane .content .scrollable.use_flex {
max-height: 300px;
height: auto;
}
.drop-down.drop-down-hidden {
display: block;
visibility: hidden;
opacity: 0;
z-index: -1;
/*
.transition(visibility @duration, opacity @duration @timing);
.pane {
transform: scale(@startSize);
-webkit-transform: scale(@startSize);
}
*/
}
.selectDropDownField {
border-bottom: 1px solid #dcdcdc;
}
.selectDropDownField .carousel {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: column;
-moz-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
width: 100%;
position: relative;
}
.selectDropDownField .carousel .lbl {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row;
-moz-flex-flow: row;
-ms-flex-flow: row;
flex-flow: row;
background-color: #ffffff;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
background: -webkit-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: -o-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: -ms-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: linear-gradient(to right, #ffffff 0%, #f0f0f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorWhite', endColorstr='@gradientgrey', GradientType=1);
border-style: none;
min-height: 40px;
}
.bmo-tablet .selectDropDownField .carousel .lbl {
background: none;
filter: none;
background-color: #dfdfdf;
}
.selectDropDownField .carousel .lbl .txt {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: column;
-moz-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
-webkit-justify-content: center;
-ms-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-pack: center;
box-pacl: center;
font-family: 'DxRg';
font-size: 15px;
line-height: 17px;
color: #000000;
padding: 0 15px;
}
.selectDropDownField .carousel .lbl .txt sup {
font-size: 10px;
margin-left: 2px;
}
.selectDropDownField .carousel .lbl .button {
-webkit-box-flex: 0;
-webkit-flex: 0 1 50%;
-ms-flex: 0 1 50%;
flex: 0 1 50%;
font-family: 'DxRg';
font-size: 15px;
color: #0079c1;
font-family: 'DXBD';
text-align: right;
padding: 0 15px 0 10px;
}
.selectDropDownField .carousel .lbl .button sup {
font-size: 10px;
margin-left: 2px;
}
.selectDropDownField .carousel .lbl .button:active {
font-family: 'DxRg';
font-size: 15px;
color: #0079c1;
text-decoration: underline;
font-family: 'DXBD';
}
.selectDropDownField .carousel .lbl .button:active sup {
font-size: 10px;
margin-left: 2px;
}
.selectDropDownField .carousel .fld {
background-color: #ffffff;
position: relative;
}
.selectDropDownField .carousel .fld > .mblCarousel {
height: 52px;
}
.selectDropDownField .carousel .fld > .mblCarousel .mblCarouselSlot {
height: 52px;
padding-left: 15px;
padding-right: 15px;
}
.selectDropDownField .carousel .icon {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-pack: center;
box-pacl: center;
height: 100%;
width: 40px;
position: absolute;
right: 0;
bottom: 0;
background-color: #ffffff;
}
.selectDropDownField .carousel .icon > div {
background-position-x: -60px;
background-position-y: -540px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 19px;
height: 19px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.selectDropDownField .carousel .icon > div {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.selectDropDownField .carousel .icon > div {
background-image: url(sprites-tablet.png);
}
}
.selectDropDownField .carousel.left-label {
-webkit-flex-flow: row;
-moz-flex-flow: row;
-ms-flex-flow: row;
flex-flow: row;
}
.selectDropDownField .carousel.left-label .lbl {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100px;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.selectDropDownField .carousel.left-label .fld {
-webkit-box-flex: 0;
-webkit-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.selectDropDownField .carousel.left-label .fld > .mblCarousel {
height: 44px;
}
.selectDropDownField .carousel.left-label .fld > .mblCarousel .mblCarouselSlot {
height: 44px;
padding-left: 15px;
padding-right: 15px;
}
.selectDropDownField.drop-down {
border: none;
}
.selectDropDownField.drop-down .drop-down-list {
-webkit-border-radius: 3px;
border-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
overflow: hidden;
}
.selectDropDownField.drop-down .drop-down-list * {
background-color: transparent;
}
.selectDropDownField .errInScreen {
-webkit-border-radius: 3px;
border-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
overflow: hidden;
}
.makePaymentForm {
margin: 20px 35px 30px 35px;
}
.makePaymentForm .column-layout {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-pack: center;
box-pacl: center;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.makePaymentForm .column-layout > div {
width: 48%;
margin: 0 30px;
}
.makePaymentForm .column-layout > div:nth-child(1) {
margin: 0;
margin-right: 15px;
}
.makePaymentForm .column-layout > div:last-child {
margin: 0;
margin-left: 15px;
}
.makePaymentForm .column-layout > div > div:nth-child(1) {
margin-bottom: 10px;
}
.makePaymentForm .column-layout > div .selectDropDownField,
.makePaymentForm .column-layout > div .atm_text_field,
.makePaymentForm .column-layout > div .date_field {
border-bottom: none;
}
.billSummary .fixMargin {
margin-left: -6px;
}
.billSummary:last-child {
margin-right: 0;
}
.scroller {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-overflow-scrolling: touch;
-webkit-transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
}
@media (orientation: portrait) {
.scroller {
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
white-space: no-wrap;
overflow-x: scroll;
}
.scroller .header {
display: none;
}
}
@media (orientation: landscape) {
.scroller {
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
overflow-y: scroll;
}
.scroller .header {
display: block;
}
}
.scroller .scrollItem {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
-ms-justify-content: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
-webkit-box-pack: flex-start;
box-pacl: flex-start;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #ffffff;
}
.scroller .scrollItem.selected {
background-color: rgba(0, 53, 87, 0.8);
position: relative;
}
.scroller .scrollItem.selected .itemIcon {
background-position-x: -200px;
background-position-y: -470px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 11px;
height: 11px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.scroller .scrollItem.selected .itemIcon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.scroller .scrollItem.selected .itemIcon {
background-image: url(sprites-tablet.png);
}
}
.scroller .scrollItem > div {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
margin-left: 35px;
margin-right: 35px;
}
.scroller .scrollItem .itemIcon {
position: absolute;
right: 20px;
top: 50%;
width: 15px;
height: 15px;
margin-right: 0;
margin-top: -5px;
}
@media (orientation: portrait) {
.scroller .scrollItem {
-webkit-box-flex: 0;
-webkit-flex: 0 0 260px;
-ms-flex: 0 0 260px;
flex: 0 0 260px;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
height: 150px;
background-color: #0079c1;
}
.scroller .scrollItem.selected .itemIcon {
right: 50%;
top: 90%;
background-position-x: -220px;
background-position-y: -489px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 12px;
height: 10px;
}
}
@media (orientation: portrait) and only screen and (-webkit-min-device-pixel-ratio: 1) {
.scroller .scrollItem.selected .itemIcon .arrow_1_expanded {
background-image: url(sprites-tablet.png);
}
}
@media (orientation: portrait) and only screen and (-webkit-min-device-pixel-ratio: 2) {
.scroller .scrollItem.selected .itemIcon .arrow_1_expanded {
background-image: url(sprites-tablet.png);
}
}
@media (orientation: landscape) {
.scroller .scrollItem {
-webkit-box-flex: 0;
-webkit-flex: 0 0 150px;
-ms-flex: 0 0 150px;
flex: 0 0 150px;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
height: auto;
width: 260px;
background-color: transparent;
}
}
.scroller .scrollItem.account .name {
font-family: 'DxRg';
font-size: 16px;
color: #ffffff;
line-height: 19px;
}
.scroller .scrollItem.account .name sup {
font-size: 10px;
margin-left: 2px;
}
.scroller .scrollItem.account .number {
font-family: 'DxRg';
font-size: 14px;
color: #ffffff;
}
.scroller .scrollItem.account .number sup {
font-size: 9px;
margin-left: 2px;
}
.scroller .scrollItem.account .balance {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: baseline;
-moz-align-items: baseline;
-ms-align-items: baseline;
align-items: baseline;
margin-top: 5px;
}
.scroller .scrollItem.account .balance .amount {
font-family: 'DXBD';
font-size: 22px;
color: #ffffff;
margin-right: 5px;
}
.scroller .scrollItem.account .balance .amount sup {
font-size: 14px;
margin-left: 2px;
}
.scroller .scrollItem.account .balance .indicator {
font-family: 'DxRg';
font-size: 14px;
color: #ffffff;
}
.scroller .scrollItem.account .balance .indicator sup {
font-size: 9px;
margin-left: 2px;
}
@media (orientation: portrait) {
.scroller .scrollItem.account {
border-left: 1px solid #4194cb;
}
.scroller .scrollItem.account:first-child {
border: none;
}
}
@media (orientation: landscape) {
.scroller .scrollItem.account {
border-bottom: 1px solid #4194cb;
}
}
.scroller .scrollItem.group .groupedByUser {
font-family: 'DxRg';
font-size: 16px;
color: #ffffff;
line-height: 19px;
}
.scroller .scrollItem.group .groupedByUser sup {
font-size: 10px;
margin-left: 2px;
}
.scroller .scrollItem.group .groupHeadTitle {
font-family: 'DxRg';
font-size: 14px;
color: #ffffff;
}
.scroller .scrollItem.group .groupHeadTitle sup {
font-size: 9px;
margin-left: 2px;
}
.scroller .scrollItem.group .balance {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: baseline;
-moz-align-items: baseline;
-ms-align-items: baseline;
align-items: baseline;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 5px;
}
.scroller .scrollItem.group .balance .amount {
font-family: 'DXBD';
font-size: 22px;
color: #ffffff;
margin-right: 2px;
}
.scroller .scrollItem.group .balance .amount sup {
font-size: 14px;
margin-left: 2px;
}
@media (orientation: portrait) {
.scroller .scrollItem.group {
border-left: 1px solid #4194cb;
}
.scroller .scrollItem.group:first-child {
border: none;
}
}
@media (orientation: landscape) {
.scroller .scrollItem.group {
border-bottom: 1px solid #4194cb;
}
}
.scroller .scrollItem.welcome .label {
font-family: 'DxRg';
font-size: 18px;
color: #ffffff;
}
.scroller .scrollItem.welcome .label sup {
font-size: 12px;
margin-left: 2px;
}
.scroller .scrollItem.welcome .name {
font-family: 'DXBD';
font-size: 27px;
color: #ffffff;
line-height: 30px;
}
.scroller .scrollItem.welcome .name sup {
font-size: 18px;
margin-left: 2px;
}
.scroller .scrollItem.welcome .lastSignIn {
margin-top: 5px;
}
.scroller .scrollItem.welcome .lastSignIn .label,
.scroller .scrollItem.welcome .lastSignIn .date {
font-family: 'DxRg';
font-size: 13px;
color: #ffffff;
}
.scroller .scrollItem.welcome .lastSignIn .label sup,
.scroller .scrollItem.welcome .lastSignIn .date sup {
font-size: 8px;
margin-left: 2px;
}
.scroller .scrollItem.category {
border-bottom: 2px solid #4194cb;
}
.scroller .scrollItem.category .name {
font-family: 'DXMD';
font-size: 22px;
color: #ffffff;
}
.scroller .scrollItem.category .name sup {
font-size: 14px;
margin-left: 2px;
}
@media (orientation: portrait) {
.scroller .scrollItem.category {
display: none;
}
}
@media (orientation: landscape) {
.scroller .scrollItem.category {
-webkit-box-flex: 0;
-webkit-flex: 0 0 75px;
-ms-flex: 0 0 75px;
flex: 0 0 75px;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
align-items: flex-end;
padding-bottom: 10px;
}
}
.listItemAccountSummaryTablet {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
-ms-flex-pack: flex-end;
justify-content: flex-end;
-webkit-box-pack: flex-end;
box-pacl: flex-end;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
min-height: 50px;
border-bottom: 1px solid #c0c0c0;
}
.listItemAccountSummaryTablet .account-details {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-pack: center;
box-pacl: center;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-webkit-flex: 0 1 45%;
-ms-flex: 0 1 45%;
flex: 0 1 45%;
padding-left: 20px;
}
.listItemAccountSummaryTablet .account-details .name {
font-family: 'DxRg';
font-size: 16px;
color: #000000;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
line-height: 18px;
}
.listItemAccountSummaryTablet .account-details .name sup {
font-size: 10px;
margin-left: 2px;
}
.listItemAccountSummaryTablet .account-details .namewidthios10 {
width: 270px !important;
}
.listItemAccountSummaryTablet .account-details .number {
font-family: 'DxRg';
font-size: 13px;
color: #000000;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
line-height: 18px;
}
.listItemAccountSummaryTablet .account-details .number sup {
font-size: 8px;
margin-left: 2px;
}
.listItemAccountSummaryTablet .balance {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-pack: center;
box-pacl: center;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
align-items: flex-end;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1 0 50%;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
}
.listItemAccountSummaryTablet .balance .amountCAD,
.listItemAccountSummaryTablet .balance .amountUSD {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: baseline;
-moz-align-items: baseline;
-ms-align-items: baseline;
align-items: baseline;
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
-ms-flex-pack: flex-end;
justify-content: flex-end;
-webkit-box-pack: flex-end;
box-pacl: flex-end;
margin-top: 2px;
}
.listItemAccountSummaryTablet .balance .amountCAD .currency,
.listItemAccountSummaryTablet .balance .amountUSD .currency {
display: inline-block;
}
.listItemAccountSummaryTablet .balance .amountCAD .amount,
.listItemAccountSummaryTablet .balance .amountUSD .amount {
font-family: 'DxRg';
display: inline-block;
font-size: 18px;
line-height: 18px;
color: #000000;
margin-left: 5px;
margin-right: 10px;
}
.listItemAccountSummaryTablet .balance .amountCAD .amount.isUpdate,
.listItemAccountSummaryTablet .balance .amountUSD .amount.isUpdate {
color: #0079c1;
text-decoration: underline;
}
.listItemAccountSummaryTablet .balance .amountCAD .currency,
.listItemAccountSummaryTablet .balance .amountUSD .currency {
font-family: 'DxRg';
display: inline-block;
font-size: 10px;
line-height: 10px;
color: #000000;
}
.listItemAccountSummaryTablet .chevron {
-webkit-box-flex: 0;
-webkit-flex: 0 0 10px;
-ms-flex: 0 0 10px;
flex: 0 0 10px;
background-position-x: -170px;
background-position-y: -499px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 20px;
height: 40px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.listItemAccountSummaryTablet .chevron {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.listItemAccountSummaryTablet .chevron {
background-image: url(sprites-tablet.png);
}
}
.bmo-tablet .header-skinny-nav ~ * {
margin-left: 44px;
}
.bmo-tablet .header-skinny-nav + .historyTabbs {
padding-left: 0!important;
}
.bmo-tablet .header-skinny-nav ~ .fullScreenErrorContainer {
margin-left: inherit;
}
.headerTablet .header {
background-color: white;
height: 44px;
}
.headerTablet .header .left-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
position: absolute;
left: 0px;
top: 0px;
width: 40%;
}
.headerTablet .header .left-buttons .button {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
-ms-justify-content: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
-webkit-box-pack: flex-start;
box-pacl: flex-start;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
min-width: 44px;
height: 44px;
z-index: 100;
}
.headerTablet .header .left-buttons .button:active {
background-color: rgba(0, 0, 0, 0.2);
}
.iOS7-header-padding .headerTablet .header .left-buttons {
margin-top: 20px;
}
.headerTablet .header .left-buttons .menu-button {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
-ms-justify-content: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
-webkit-box-pack: flex-start;
box-pacl: flex-start;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
min-width: 44px;
height: 44px;
z-index: 100;
position: absolute;
}
.headerTablet .header .left-buttons .menu-button:active {
background-color: rgba(0, 0, 0, 0.2);
}
.headerTablet .header .left-buttons .menu-button .icon {
background-position-x: -40px;
background-position-y: -410px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 24px;
height: 15px;
margin: 14.5px 12px 14.5px 8px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.headerTablet .header .left-buttons .menu-button .icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.headerTablet .header .left-buttons .menu-button .icon {
background-image: url(sprites-tablet.png);
}
}
.headerTablet .header .left-buttons .divider {
display: none;
}
.headerTablet .header .left-buttons.has-menu.has-back .divider {
display: block;
background-color: #c0c0c0;
width: 2px;
margin-right: 6px;
margin-left: -4px;
float: left;
}
.headerTablet .header .left-buttons .back-button {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
-ms-justify-content: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
-webkit-box-pack: flex-start;
box-pacl: flex-start;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
min-width: 44px;
height: 44px;
z-index: 100;
padding-right: 8px;
position: absolute;
}
.headerTablet .header .left-buttons .back-button:active {
background-color: rgba(0, 0, 0, 0.2);
}
.headerTablet .header .left-buttons .back-button .icon {
-moz-align-self: center;
-webkit-align-self: center;
-ms-align-self: center;
-ms-flex-pack: center;
align-self: center;
background-position-x: -31px;
background-position-y: -429px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 12px;
height: 18px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.headerTablet .header .left-buttons .back-button .icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.headerTablet .header .left-buttons .back-button .icon {
background-image: url(sprites-tablet.png);
}
}
.headerTablet .header .left-buttons .back-button .label {
-moz-align-self: center;
-webkit-align-self: center;
-ms-align-self: center;
-ms-flex-pack: center;
align-self: center;
font-family: 'DXBD';
font-size: 16px;
color: #0079c1;
margin-left: 4px;
}
.headerTablet .header .title {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-pack: center;
box-pacl: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
font-family: 'DXBD';
font-size: 15px;
color: #0079c1;
height: 100%;
}
.headerTablet .header .title sup {
font-size: 10px;
margin-left: 2px;
}
.iOS7-header-padding .headerTablet .header {
padding-top: 20px;
}
.dgrid .ui-icon {
display: none;
background-image: none;
}
.dgrid.dgrid-grid {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
border-style: none;
height: auto;
}
.dgrid.dgrid-grid.hidden {
display: none!important;
}
.dgrid.dgrid-grid div.dgrid-scroller {
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.dgrid.dgrid-grid div.dgrid-scroller div.dgrid-content {
height: auto;
background-color: #ffffff;
margin-bottom: 25px;
}
.dgrid.dgrid-grid div.dgrid-scroller div.dgrid-content .dgrid-cell {
font-family: 'DxRg';
font-size: 15px;
color: #000000;
border: none;
}
.dgrid.dgrid-grid div.dgrid-scroller div.dgrid-content .dgrid-cell.field-txnAmount,
.dgrid.dgrid-grid div.dgrid-scroller div.dgrid-content .dgrid-cell.field-amount,
.dgrid.dgrid-grid div.dgrid-scroller div.dgrid-content .dgrid-cell.field-balance {
text-align: right;
}
.dgrid.dgrid-grid div.dgrid-header {
border: none;
background-color: #dfdfdf;
height: 44px;
}
.dgrid.dgrid-grid div.dgrid-header th {
font-weight: normal;
}
.dgrid.dgrid-grid div.dgrid-header .dgrid-cell {
font-family: 'DXBD';
font-size: 13px;
color: #000000;
line-height: 44px;
border: none;
border-right: 1px solid #ffffff;
}
.dgrid.dgrid-grid div.dgrid-header .dgrid-cell sup {
font-size: 8px;
margin-left: 2px;
}
.dgrid.dgrid-grid div.dgrid-header .dgrid-cell:last-child {
border: none;
}
.dgrid.dgrid-grid div.dgrid-header .column-header {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
.dgrid.dgrid-grid div.dgrid-header .column-header .sort-arrow-icon {
margin-left: 10px;
}
.dgrid.dgrid-grid div.dgrid-header .column-header .sort-arrow-icon.ascending {
background-position-x: -240px;
background-position-y: -490px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 12px;
height: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.dgrid.dgrid-grid div.dgrid-header .column-header .sort-arrow-icon.ascending {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.dgrid.dgrid-grid div.dgrid-header .column-header .sort-arrow-icon.ascending {
background-image: url(sprites-tablet.png);
}
}
.dgrid.dgrid-grid div.dgrid-header .column-header .sort-arrow-icon.descending {
background-position-x: -260px;
background-position-y: -490px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 12px;
height: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.dgrid.dgrid-grid div.dgrid-header .column-header .sort-arrow-icon.descending {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.dgrid.dgrid-grid div.dgrid-header .column-header .sort-arrow-icon.descending {
background-image: url(sprites-tablet.png);
}
}
.dgrid.dgrid-grid div.dgrid-scroller {
margin-top: 44px !important;
margin-bottom: 0px !important;
}
.dgrid.dgrid-grid div.dgrid-header-scroller {
height: 44px !important;
}
.dgrid.dgrid-grid .dgrid-cell {
height: 44px;
vertical-align: middle;
}
.dgrid.dgrid-grid .dgrid-cell.dgrid-cell-padding {
padding: 0 15px;
}
.dgrid.dgrid-grid .dgrid-cell > a {
font-family: 'DxRg';
font-size: 15px;
color: #0079c1;
}
.dgrid.dgrid-grid .dgrid-cell > a sup {
font-size: 10px;
margin-left: 2px;
}
.dgrid.dgrid-grid .dgrid-cell > a:link {
font-family: 'DxRg';
font-size: 15px;
color: #0079c1;
}
.dgrid.dgrid-grid .dgrid-cell > a:link sup {
font-size: 10px;
margin-left: 2px;
}
.dgrid.dgrid-grid .dgrid-cell > a:visited {
font-family: 'DxRg';
font-size: 15px;
color: #0079c1;
}
.dgrid.dgrid-grid .dgrid-cell > a:visited sup {
font-size: 10px;
margin-left: 2px;
}
.dgrid.dgrid-grid .dgrid-cell > a:hover {
font-family: 'DxRg';
font-size: 15px;
color: #0079c1;
}
.dgrid.dgrid-grid .dgrid-cell > a:hover sup {
font-size: 10px;
margin-left: 2px;
}
.dgrid.dgrid-grid .dgrid-cell > a:active {
font-family: 'DxRg';
font-size: 15px;
color: #0079c1;
}
.dgrid.dgrid-grid .dgrid-cell > a:active sup {
font-size: 10px;
margin-left: 2px;
}
.dgrid.dgrid-grid .dgrid-cell > a.available {
border-bottom: 1px solid #0079c1;
}
.dgrid.dgrid-grid .dgrid-cell > a.not-yet-available {
border-bottom: 1px dotted #0079c1;
}
.dgrid.dgrid-grid .dgrid-row:before {
display: block;
content: '';
border-bottom: 1px solid #c0c0c0;
margin: 0 15px;
height: 0px;
}
.dgrid.dgrid-grid .dgrid-row:nth-child(2):before {
display: none;
}
.dgrid.dgrid-grid .dgrid-column-txnDate {
width: 22%;
}
.dgrid.dgrid-grid .dgrid-column-descr {
width: 34%;
}
.dgrid.dgrid-grid .dgrid-column-txnAmount,
.dgrid.dgrid-grid .dgrid-column-amount,
.dgrid.dgrid-grid .dgrid-column-balance {
width: 22%;
}
.dgrid.dgrid-list {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
border-style: none;
height: auto;
}
.dgrid.dgrid-list.hidden {
display: none!important;
}
.dgrid.dgrid-list div.dgrid-content {
height: auto;
}
.dgrid.dgrid-list div.dgrid-content > :nth-last-child(2) {
padding-bottom: 65px;
}
.skinnyNav {
width: 44px;
height: 100%;
background-color: #282828;
position: absolute;
z-index: 100;
top: 44px;
}
.iOS7-header-padding .skinnyNav {
top: 64px;
}
.skinnyNav .menuButton {
width: 100%;
height: 60px;
border-bottom: 1px solid #494949;
color: white;
text-align: center;
line-height: 60px;
cursor: pointer;
z-index: 100;
}
.skinnyNav .actsButton {
background-position-x: -600px;
background-position-y: -250px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 44px;
height: 44px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.skinnyNav .actsButton {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.skinnyNav .actsButton {
background-image: url(sprites-tablet.png);
}
}
.skinnyNav .actsButton.selected {
background-position-x: -650px;
background-position-y: -250px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 44px;
height: 44px;
background-color: black;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.skinnyNav .actsButton.selected {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.skinnyNav .actsButton.selected {
background-image: url(sprites-tablet.png);
}
}
.skinnyNav .actsButton:active {
background-position-x: -650px;
background-position-y: -250px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 44px;
height: 44px;
background-color: black;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.skinnyNav .actsButton:active {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.skinnyNav .actsButton:active {
background-image: url(sprites-tablet.png);
}
}
.skinnyNav .transfersButton {
background-position-x: -600px;
background-position-y: -295px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 44px;
height: 44px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.skinnyNav .transfersButton {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.skinnyNav .transfersButton {
background-image: url(sprites-tablet.png);
}
}
.skinnyNav .transfersButton.selected {
background-position-x: -650px;
background-position-y: -295px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 44px;
height: 44px;
background-color: black;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.skinnyNav .transfersButton.selected {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.skinnyNav .transfersButton.selected {
background-image: url(sprites-tablet.png);
}
}
.skinnyNav .transfersButton:active {
background-position-x: -650px;
background-position-y: -295px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 44px;
height: 44px;
background-color: black;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.skinnyNav .transfersButton:active {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.skinnyNav .transfersButton:active {
background-image: url(sprites-tablet.png);
}
}
.skinnyNav .paymentsButton {
background-position-x: -600px;
background-position-y: -340px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 44px;
height: 44px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.skinnyNav .paymentsButton {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.skinnyNav .paymentsButton {
background-image: url(sprites-tablet.png);
}
}
.skinnyNav .paymentsButton.selected {
background-position-x: -650px;
background-position-y: -340px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 44px;
height: 44px;
background-color: black;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.skinnyNav .paymentsButton.selected {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.skinnyNav .paymentsButton.selected {
background-image: url(sprites-tablet.png);
}
}
.skinnyNav .paymentsButton:active {
background-position-x: -650px;
background-position-y: -340px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 44px;
height: 44px;
background-color: black;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.skinnyNav .paymentsButton:active {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.skinnyNav .paymentsButton:active {
background-image: url(sprites-tablet.png);
}
}
.skinnyNav .eTransfersButton {
background-position-x: -600px;
background-position-y: -385px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 44px;
height: 44px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.skinnyNav .eTransfersButton {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.skinnyNav .eTransfersButton {
background-image: url(sprites-tablet.png);
}
}
.skinnyNav .eTransfersButton.selected {
background-position-x: -650px;
background-position-y: -385px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 44px;
height: 44px;
background-color: black;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.skinnyNav .eTransfersButton.selected {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.skinnyNav .eTransfersButton.selected {
background-image: url(sprites-tablet.png);
}
}
.skinnyNav .eTransfersButton:active {
background-position-x: -650px;
background-position-y: -385px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 44px;
height: 44px;
background-color: black;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.skinnyNav .eTransfersButton:active {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.skinnyNav .eTransfersButton:active {
background-image: url(sprites-tablet.png);
}
}
.skinnyNav .financesButton {
background-position-x: -600px;
background-position-y: -430px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 44px;
height: 44px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.skinnyNav .financesButton {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.skinnyNav .financesButton {
background-image: url(sprites-tablet.png);
}
}
.skinnyNav .financesButton.selected {
background-position-x: -650px;
background-position-y: -430px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 44px;
height: 44px;
background-color: black;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.skinnyNav .financesButton.selected {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.skinnyNav .financesButton.selected {
background-image: url(sprites-tablet.png);
}
}
.skinnyNav .financesButton:active {
background-position-x: -650px;
background-position-y: -430px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 44px;
height: 44px;
background-color: black;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.skinnyNav .financesButton:active {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.skinnyNav .financesButton:active {
background-image: url(sprites-tablet.png);
}
}
.skinnyNav .mblListItem:last-child {
border: none;
}
.accountDetailIN {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: 0px;
}
.accountDetailIN .title {
font-family: 'DXBD';
font-size: 15px;
line-height: 18px;
color: #000000;
margin-bottom: 10px;
}
.accountDetailIN .title sup {
font-size: 10px;
margin-left: 2px;
}
.accountDetailIN .description {
font-family: 'DxRg';
font-size: 15px;
line-height: 17px;
color: #000000;
margin-top: 20px;
}
.accountDetailIN .description sup {
font-size: 10px;
margin-left: 2px;
}
.accountDetailIN .descriptionBelow {
font-family: 'DxRg';
font-size: 15px;
line-height: 17px;
color: #000000;
position: absolute;
bottom: 30px;
right: 80px;
width: 60%;
}
.accountDetailIN .descriptionBelow sup {
font-size: 10px;
margin-left: 2px;
}
.accountDetailIN .accounts-list {
background-color: #ffffff;
margin-bottom: 10px;
}
.accountDetailIN .accounts-list .listItemAccountIN {
padding: 20px 0;
margin: 0 20px;
}
.listItemProvinces {
background-color: #ffffff;
border-bottom: 1px solid #dcdcdc;
position: relative;
padding: 10px 25px 10px 10px;
}
.listItemProvinces:focus {
background-color: #b3b3b3;
}
.listItemProvinces:active {
background-color: #d9d9d9;
}
.listItemProvinces .province {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.bmo-phone .listItemProvinces .province {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #000000;
}
.bmo-tablet .listItemProvinces .province {
font-family: 'DXBD';
font-size: 15px;
line-height: 18px;
color: #000000;
}
.bmo-tablet .listItemProvinces .province sup {
font-size: 10px;
margin-left: 2px;
}
.listItemAccountIN {
border-bottom: 1px solid #c0c0c0;
}
.listItemAccountIN .listItem {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
font-family: 'DxRg';
font-size: 15px;
line-height: 17px;
color: #000000;
/*.balance {
.flexbox;
.flex-direction-column;
.flex-align(flex-end);
.flex(1, 1, 0);
&.isUpdate {
color: #0079c1;
text-decoration: underline;
}
}*/
}
.listItemAccountIN .listItem sup {
font-size: 10px;
margin-left: 2px;
}
.listItemAccountIN .listItem .label {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.listItemAccountIN .listItem .label .name {
font-family: 'DXBD';
font-size: 15px;
line-height: 18px;
color: #000000;
}
.listItemAccountIN .listItem .label .name sup {
font-size: 10px;
margin-left: 2px;
}
.listItemAccountIN .listItem .balance {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-pack: center;
box-pacl: center;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
align-items: flex-end;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.listItemAccountIN .listItem .balance .amountCAD,
.listItemAccountIN .listItem .balance .amountUSD {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: baseline;
-moz-align-items: baseline;
-ms-align-items: baseline;
align-items: baseline;
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
-ms-flex-pack: flex-end;
justify-content: flex-end;
-webkit-box-pack: flex-end;
box-pacl: flex-end;
margin-top: 2px;
}
.listItemAccountIN .listItem .balance .amountCAD .currency,
.listItemAccountIN .listItem .balance .amountUSD .currency {
display: inline-block;
}
.listItemAccountIN .listItem .balance .amountCAD .amount,
.listItemAccountIN .listItem .balance .amountUSD .amount {
font-family: 'DxRg';
display: inline-block;
margin-left: 5px;
margin-right: 10px;
}
.listItemAccountIN .listItem .balance .amountCAD .amount.isUpdate,
.listItemAccountIN .listItem .balance .amountUSD .amount.isUpdate {
color: #0079c1;
text-decoration: underline;
}
.listItemAccountIN .listItem .balance .amountCAD .currency,
.listItemAccountIN .listItem .balance .amountUSD .currency {
font-family: 'DxRg';
display: inline-block;
font-size: 10px;
line-height: 10px;
color: #000000;
}
.listItemAccountIN:last-child {
border: none;
}
.headerSecondaryTablet {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
-ms-flex-pack: flex-end;
justify-content: flex-end;
-webkit-box-pack: flex-end;
box-pacl: flex-end;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
align-items: flex-end;
margin-bottom: 15px;
}
.headerSecondaryTablet .button {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-moz-align-self: flex-end;
-webkit-align-self: flex-end;
-ms-align-self: flex-end;
-ms-flex-pack: flex-end;
align-self: flex-end;
height: inherit;
line-height: normal;
}
.headerSecondaryTablet .button-wrapper {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-moz-align-self: flex-end;
-webkit-align-self: flex-end;
-ms-align-self: flex-end;
-ms-flex-pack: flex-end;
align-self: flex-end;
height: inherit;
line-height: normal;
}
.headerSecondaryTablet .button-wrapper .button2 {
font-family: 'DxRg';
font-size: 15px;
color: #ffffff;
text-decoration: underline;
text-decoration: none;
height: inherit;
line-height: normal;
}
.headerSecondaryTablet .button-wrapper .button2 sup {
font-size: 10px;
margin-left: 2px;
}
.headerSecondaryTablet .button-wrapper .button2:active {
font-family: 'DxRg';
font-size: 15px;
color: #bedceb;
text-decoration: underline;
}
.headerSecondaryTablet .button-wrapper .button2:active sup {
font-size: 10px;
margin-left: 2px;
}
.headerSecondaryTablet .button-wrapper::after {
font-family: 'DxRg';
font-size: 15px;
color: #ffffff;
text-decoration: underline;
text-decoration: none;
content: "|";
margin: 0 10px 0 6px;
}
.headerSecondaryTablet .button-wrapper::after sup {
font-size: 10px;
margin-left: 2px;
}
.headerSecondaryTablet .button1 {
-webkit-box-flex: 0;
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-moz-align-self: flex-end;
-webkit-align-self: flex-end;
-ms-align-self: flex-end;
-ms-flex-pack: flex-end;
align-self: flex-end;
height: inherit;
line-height: normal;
font-family: 'DxRg';
font-size: 15px;
color: #ffffff;
text-decoration: underline;
text-decoration: none;
}
.headerSecondaryTablet .button1 sup {
font-size: 10px;
margin-left: 2px;
}
.headerSecondaryTablet .button1:active {
font-family: 'DxRg';
font-size: 15px;
color: #bedceb;
text-decoration: underline;
}
.headerSecondaryTablet .button1:active sup {
font-size: 10px;
margin-left: 2px;
}
.headerSecondaryTablet .title {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
font-family: 'DXBD';
font-size: 17px;
color: #ffffff;
text-align: left;
}
.headerSecondaryTablet .title sup {
font-size: 11px;
margin-left: 2px;
}
.linkAccountAddForm .pageContent .add-form .field-container {
margin-bottom: 10px;
}
.linkAccountAddForm .pageContent .add-form .field-container .lbl {
-webkit-box-flex: 0;
-webkit-flex: 0 0 175px;
-ms-flex: 0 0 175px;
flex: 0 0 175px;
}
.linkAccountAddForm .pageContent .add-form .checkbox-field {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
margin-left: -10px;
min-height: 40px;
}
.linkAccountAddForm .pageContent .add-form .checkbox-field .checkbox {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding: 10px 10px;
}
.bmo-phone .linkAccountAddForm .pageContent .add-form .checkbox-field .checkbox .icon {
background-position-x: -30px;
background-position-y: -440px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 24px;
height: 24px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .linkAccountAddForm .pageContent .add-form .checkbox-field .checkbox .icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .linkAccountAddForm .pageContent .add-form .checkbox-field .checkbox .icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .linkAccountAddForm .pageContent .add-form .checkbox-field .checkbox .icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .linkAccountAddForm .pageContent .add-form .checkbox-field .checkbox .icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .linkAccountAddForm .pageContent .add-form .checkbox-field .checkbox .icon {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .linkAccountAddForm .pageContent .add-form .checkbox-field .checkbox .icon {
background-position-x: -30px;
background-position-y: -451px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 24px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .linkAccountAddForm .pageContent .add-form .checkbox-field .checkbox .icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .linkAccountAddForm .pageContent .add-form .checkbox-field .checkbox .icon {
background-image: url(sprites-tablet.png);
}
}
.bmo-phone .linkAccountAddForm .pageContent .add-form .checkbox-field .checkbox.checked .icon {
background-position-x: -30px;
background-position-y: -530px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 24px;
height: 24px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .linkAccountAddForm .pageContent .add-form .checkbox-field .checkbox.checked .icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .linkAccountAddForm .pageContent .add-form .checkbox-field .checkbox.checked .icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .linkAccountAddForm .pageContent .add-form .checkbox-field .checkbox.checked .icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .linkAccountAddForm .pageContent .add-form .checkbox-field .checkbox.checked .icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .linkAccountAddForm .pageContent .add-form .checkbox-field .checkbox.checked .icon {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .linkAccountAddForm .pageContent .add-form .checkbox-field .checkbox.checked .icon {
background-position-x: -30px;
background-position-y: -511px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 24px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .linkAccountAddForm .pageContent .add-form .checkbox-field .checkbox.checked .icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .linkAccountAddForm .pageContent .add-form .checkbox-field .checkbox.checked .icon {
background-image: url(sprites-tablet.png);
}
}
.linkAccountAddForm .pageContent .add-form .checkbox-field .terms-label {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
font-family: 'DxRg';
font-size: 15px;
line-height: 17px;
color: #000000;
}
.linkAccountAddForm .pageContent .add-form .checkbox-field .terms-label sup {
font-size: 10px;
margin-left: 2px;
}
.linkAccountAddForm .pageContent .add-form .checkbox-field .terms-label > div {
display: inline-block;
}
.linkAccountAddForm .pageContent .add-form .checkbox-field .terms-label .terms-link {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #0079c1;
text-decoration: underline;
}
.linkAccountAddForm .pageContent .update-form .field-container .lbl {
-webkit-box-flex: 0;
-webkit-flex: 0 0 175px;
-ms-flex: 0 0 175px;
flex: 0 0 175px;
}
.linkAccountAddForm .pageContent .update-form .update-text {
font-family: 'DxRg';
font-size: 15px;
line-height: 17px;
color: #000000;
}
.linkAccountAddForm .pageContent .update-form .update-text sup {
font-size: 10px;
margin-left: 2px;
}
.listItemAccountType {
border-bottom: 1px solid #dcdcdc;
}
.listItemAccountType .listItem {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
background-color: #ffffff;
height: 44px;
}
.listItemAccountType .listItem .accountType {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #000000;
padding: 0 10px;
}
.listItemAccountType:last-child {
border: none;
}
.noAccountsMessage div {
padding: 20px 30px;
font-family: 'DxRg';
font-size: 16px;
color: #000000;
}
.noAccountsMessage div sup {
font-size: 10px;
margin-left: 2px;
}
.noAccountsMessage div a {
font-family: 'DxRg';
font-size: 16px;
color: #0079c1;
}
.noAccountsMessage div a:active {
text-decoration: underline;
}
.noAccountsMessage div a:focus {
text-decoration: underline;
}
.statementsList {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: 0px;
}
.statementsList .statements-content {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: 0px;
}
.statementsList .statements-content .consolidated-section {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #000000;
padding: 20px;
background-color: #dfdfdf;
}
.statementsList .statements-content .consolidated-section > div {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.statementsList .statements-content .consolidated-section sup {
font-size: 10px;
margin-left: 2px;
}
.statementsList .statements-content .consolidated-section .bold {
font-family: 'DXMD';
font-size: 15px;
line-height: 20px;
color: #000000;
}
.statementsList .statements-content .consolidated-section .bold sup {
font-size: 10px;
margin-left: 2px;
}
.statementsList .statements-content .description {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #000000;
}
.statementsList .statements-content .description sup {
font-size: 10px;
margin-left: 2px;
}
.statementsList .statements-content .section-header {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
background-color: #dfdfdf;
height: 40px;
}
.statementsList .statements-content .section-header .label {
font-family: 'DXBD';
font-size: 13px;
color: #000000;
padding: 0 10px;
}
.statementsList .statements-content .section-header .label sup {
font-size: 8px;
margin-left: 2px;
}
.statementsList .statements-content .section-header .icon {
background-position-x: -260px;
background-position-y: -490px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 12px;
height: 10px;
margin-top: 2px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.statementsList .statements-content .section-header .icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.statementsList .statements-content .section-header .icon {
background-image: url(sprites-tablet.png);
}
}
.ascending .statementsList .statements-content .section-header .icon {
background-position-x: -240px;
background-position-y: -490px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 12px;
height: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.ascending .statementsList .statements-content .section-header .icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.ascending .statementsList .statements-content .section-header .icon {
background-image: url(sprites-tablet.png);
}
}
.statementsList .statements-content .statements-list {
margin-bottom: 20px;
background-color: #ffffff;
}
.statementsList .statements-content .statements-list .list_item_lite {
font-family: 'DxRg';
font-size: 15px;
color: #0079c1;
height: 44px;
line-height: 44px;
margin: 0 10px;
padding: 0;
}
.statementsList .statements-content .statements-list .list_item_lite sup {
font-size: 10px;
margin-left: 2px;
}
.statementsList .statements-content .statements-list .list_item_lite:active {
background-color: transparent;
font-family: 'DxRg';
font-size: 15px;
color: #0079c1;
text-decoration: underline;
}
.statementsList .statements-content .statements-list .list_item_lite:active sup {
font-size: 10px;
margin-left: 2px;
}
.statementsList .statements-content .statements-list .list_item_lite:focus {
background-color: transparent;
font-family: 'DxRg';
font-size: 15px;
color: #0079c1;
text-decoration: underline;
}
.statementsList .statements-content .statements-list .list_item_lite:focus sup {
font-size: 10px;
margin-left: 2px;
}
.statementsList .statements-content .statements-list .list_item_lite:last-child {
border: none;
}
.statementsList .statements-content .statements-drop-down {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin-bottom: 20px;
}
.statementsList .statements-content .statements-drop-down .lbl {
font-family: 'DXMD';
font-size: 15px;
line-height: 20px;
color: #000000;
}
.statementsList .statements-content .statements-drop-down .lbl sup {
font-size: 10px;
margin-left: 2px;
}
.statementsList .statements-content .statements-drop-down .fld {
margin: 0 10px;
}
.statementsList .statements-content .statements-drop-down .fld .fld-label {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
padding: 0 10px;
}
.statementsList .statements-content .statements-drop-down .fld .fld-label .txt {
font-family: 'DXMD';
font-size: 15px;
line-height: 20px;
color: #0079c1;
padding-right: 20px;
}
.statementsList .statements-content .statements-drop-down .fld .fld-label .txt sup {
font-size: 10px;
margin-left: 2px;
}
.statementsList .statements-content .statements-drop-down .fld .fld-label .chevron {
margin-top: 4px;
background-position-x: -260px;
background-position-y: -470px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 11px;
height: 11px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.statementsList .statements-content .statements-drop-down .fld .fld-label .chevron {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.statementsList .statements-content .statements-drop-down .fld .fld-label .chevron {
background-image: url(sprites-tablet.png);
}
}
.statementsList .statements-content .statements-drop-down .fld .border {
height: 4px;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
.statementsListDropDown.drop-down {
border: none;
}
.statementsListDropDown.drop-down .drop-down-list {
-webkit-border-radius: 3px;
border-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
overflow: hidden;
}
.statementsListDropDown.drop-down .drop-down-list * {
background-color: transparent;
}
.textFieldExpanding {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.textFieldExpanding .lbl {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100px;
-ms-flex: 0 0 100px;
flex: 0 0 100px;
font-family: 'DxRg';
font-size: 15px;
line-height: 17px;
color: #000000;
background-color: #ffffff;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
background: -webkit-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: -o-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: -ms-linear-gradient(left, #ffffff 0%, #f0f0f0 100%);
background: linear-gradient(to right, #ffffff 0%, #f0f0f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorWhite', endColorstr='@gradientgrey', GradientType=1);
border-style: none;
height: auto;
min-height: inherit;
padding: 10px 15px;
}
.textFieldExpanding .lbl sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .textFieldExpanding .lbl {
background: none;
filter: none;
background-color: #dfdfdf;
}
.textFieldExpanding .fld {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-justify-content: center;
-ms-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-pack: center;
box-pacl: center;
background: #ffffff;
}
.textFieldExpanding .fld textarea {
font-family: 'DXBD';
font-size: 15px;
color: #000000;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 20px;
resize: none;
width: 100%;
border-width: 0px;
padding: 10px 15px;
margin: 0px;
-webkit-appearance: none;
}
.textFieldExpanding .fld textarea sup {
font-size: 10px;
margin-left: 2px;
}
.textFieldExpanding .fld textarea::-webkit-scrollbar {
display: none;
}
.textFieldExpanding .fld textarea.error {
border: 2px solid #c81414;
padding: 0px 8px 0px 8px;
}
.textFieldExpanding .fld textarea::-webkit-input-placeholder {
font-family: 'DXBD';
font-size: 15px;
color: #999999;
}
.textFieldExpanding .fld textarea::-webkit-input-placeholder sup {
font-size: 10px;
margin-left: 2px;
}
.textFieldExpanding .fld textarea:-ms-input-placeholder {
font-family: 'DXBD';
font-size: 15px;
color: #999999;
}
.textFieldExpanding .fld textarea:-ms-input-placeholder sup {
font-size: 10px;
margin-left: 2px;
}
.lineChart {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: 0px;
margin-bottom: 30px;
}
.lineChart .chart {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: 0px;
}
.line-chart-indicator {
font-family: 'DxRg';
-webkit-border-radius: 3px;
border-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
font-size: 12px;
color: #ffffff;
background-color: #00416B;
padding: 8px 16px;
position: absolute;
}
.bmo-tablet .billConfirmSummary .bold-text {
font-family: 'DXBD';
font-size: 15px;
line-height: 20px;
color: #ffffff;
}
.bmo-tablet .billConfirmSummary .bold-text sup {
font-size: 10px;
margin-left: 2px;
}
.accountDetailGEN {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: 0px;
}
.accountDetailGEN .accountItem {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
background-color: #FFFFFF;
padding: 20px;
}
.accountDetailGEN .accountItem .label {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0;
-ms-flex: 1 1 0;
flex: 1 1 0;
}
.accountDetailGEN .accountItem .label .name {
font-family: 'DXBD';
font-size: 15px;
line-height: 18px;
color: #000000;
}
.accountDetailGEN .accountItem .label .name sup {
font-size: 10px;
margin-left: 2px;
}
.accountDetailGEN .accountItem .balance {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-pack: center;
box-pacl: center;
-webkit-align-items: flex-end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
align-items: flex-end;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1 0 50%;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
}
.accountDetailGEN .accountItem .balance .amountCAD,
.accountDetailGEN .accountItem .balance .amountUSD {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: baseline;
-moz-align-items: baseline;
-ms-align-items: baseline;
align-items: baseline;
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
-ms-flex-pack: flex-end;
justify-content: flex-end;
-webkit-box-pack: flex-end;
box-pacl: flex-end;
margin-top: 2px;
}
.accountDetailGEN .accountItem .balance .amountCAD .currency,
.accountDetailGEN .accountItem .balance .amountUSD .currency {
display: inline-block;
}
.accountDetailGEN .accountItem .balance .amountCAD .amount,
.accountDetailGEN .accountItem .balance .amountUSD .amount {
font-family: 'DxRg';
display: inline-block;
margin-left: 5px;
margin-right: 10px;
}
.accountDetailGEN .accountItem .balance .amountCAD .amount.isUpdate,
.accountDetailGEN .accountItem .balance .amountUSD .amount.isUpdate {
color: #0079c1;
text-decoration: underline;
}
.accountDetailGEN .accountItem .balance .amountCAD .currency,
.accountDetailGEN .accountItem .balance .amountUSD .currency {
font-family: 'DxRg';
display: inline-block;
font-size: 10px;
line-height: 10px;
color: #000000;
}
.selectItem {
background: #ffffff;
margin: 15px 15px 0;
}
.selectItem + .selectItem {
margin-top: 0;
border-top: 1px solid #dcdcdc;
}
.selectItem .contentWrapper {
padding: 10px;
display: table;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.selectItem .contentWrapper .sectionIconContainer {
display: table-cell;
vertical-align: middle;
width: 10%;
}
.selectItem .contentWrapper .sectionIconContainer .sectionIcon {
display: block;
}
.selectItem .contentWrapper .sectionTitle {
font-family: 'DxRg';
font-size: 16px;
color: #505050;
display: table-cell;
vertical-align: middle;
padding: 10px;
width: 85%;
}
.selectItem .contentWrapper .sectionTitle b {
font-family: 'DXBD';
font-size: 16px;
color: #505050;
}
.selectItem .contentWrapper .chevronContainer {
display: table-cell;
vertical-align: middle;
background-color: #ffffff;
width: 5%;
}
.bmo-phone .selectItem .contentWrapper .chevronContainer .chevron {
background-position-x: -150px;
background-position-y: -500px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 8px;
height: 17px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .selectItem .contentWrapper .chevronContainer .chevron {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .selectItem .contentWrapper .chevronContainer .chevron {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .selectItem .contentWrapper .chevronContainer .chevron {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .selectItem .contentWrapper .chevronContainer .chevron {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .selectItem .contentWrapper .chevronContainer .chevron {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .selectItem .contentWrapper .chevronContainer .chevron {
background-position-x: -150px;
background-position-y: -510px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 10px;
height: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .selectItem .contentWrapper .chevronContainer .chevron {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .selectItem .contentWrapper .chevronContainer .chevron {
background-image: url(sprites-tablet.png);
}
}
.listItemLME {
margin-left: 10px;
height: auto;
position: relative;
overflow: hidden;
}
.listItemLME.accountsummary {
background-color: #F0F0F0 !important;
color: #000000;
}
.listItemLME.confirmationbanner {
background: rgba(0, 0, 0, 0.7);
color: #FFFFFF;
margin-top: 2%;
margin-left: 0px;
}
.bmo-phone .listItemLME .lme_banner_container {
width: 100%;
display: block;
}
.bmo-phone .listItemLME .lme_banner_container .chevronContainer {
float: right;
width: 15px;
height: 100%;
right: 0px;
background-color: #00436c;
position: absolute;
}
.bmo-phone .listItemLME .lme_banner_container .chevronContainer .chevron {
background-position-x: -205px;
background-position-y: -480px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 12px;
height: 10px;
position: absolute;
top: 44%;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .listItemLME .lme_banner_container .chevronContainer .chevron {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .listItemLME .lme_banner_container .chevronContainer .chevron {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .listItemLME .lme_banner_container .chevronContainer .chevron {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .listItemLME .lme_banner_container .chevronContainer .chevron {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .listItemLME .lme_banner_container .chevronContainer .chevron {
background-image: url(R77899qw8.png);
}
}
.bmo-phone .listItemLME .lme_banner_container .chevronContainer.chevronConfirmation {
background: transparent;
}
.bmo-phone .listItemLME .lme_banner_container .lmeBannerContent {
float: left;
padding-top: 15px;
padding-right: 30px;
padding-bottom: 15px;
padding-left: 32px;
font-size: 14px;
font-family: 'DxRg';
font-weight: normal;
line-height: 17px;
}
.bmo-tablet .listItemLME .lmeBannerContent {
left: 0px;
width: 96%;
font-family: 'DxRg';
font-size: 14px;
font-weight: normal;
line-height: 17px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 10px;
padding-right: 30px;
}
.bmo-tablet .listItemLME .chevronContainer {
right: 0;
float: right;
width: 20px;
}
.bmo-tablet .listItemLME .chevronContainer .chevron {
background-position-x: -170px;
background-position-y: -499px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 10px;
-ms-flex: 0 0 10px;
flex: 0 0 10px;
background-position-x: -162px;
background-position-y: -496px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 20px;
height: 40px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .listItemLME .chevronContainer .chevron {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .listItemLME .chevronContainer .chevron {
background-image: url(sprites-tablet.png);
}
}
.bmo-tablet .listItemLME .chevronContainer .chevron-white {
background-position-y: -570px;
background-position-y: -556px;
-webkit-box-flex: 0;
-webkit-flex: 0 0 10px;
-ms-flex: 0 0 10px;
flex: 0 0 10px;
background-position-x: -110px;
background-position-y: -557px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 20px;
height: 40px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .listItemLME .chevronContainer .chevron-white {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .listItemLME .chevronContainer .chevron-white {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .listItemLME .chevronContainer .chevron-white {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .listItemLME .chevronContainer .chevron-white {
background-image: url(sprites-tablet.png);
}
}
.bmo-tablet .listItemLME .chevronConfirmation {
margin-right: 0px;
padding-right: 10px;
padding-bottom: 7px;
}
.ListItemMobilepayActivation span::before {
content: " ";
}
.ListItemMobilepayActivation span:first-child::before,
.ListItemMobilepayActivation span:last-child::before,
.ListItemMobilepayActivation span.no-space::before {
content: none;
}
.ListItemMobilepayActivation .text {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.ListItemMobilepayActivation .bold-text {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.bmo-tablet .actTablet {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.bmo-tablet .actTablet > .main-content {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
}
.bmo-tablet .actTablet > .main-content > .content {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: #e9e9e9;
}
.bmo-tablet .actTablet > .main-content > .content .account-overview {
-webkit-box-flex: 1;
-webkit-flex: 1 1 0;
-ms-flex: 1 1 0;
flex: 1 1 0;
height: auto;
background-color: #f0f0f0;
}
.bmo-tablet .actTablet > .main-content > .content .account-overview .overview {
padding: 30px 35px;
}
.bmo-tablet .actTablet > .main-content > .content .account-overview .mblAccordion {
margin-top: 10px;
}
.bmo-tablet .actTablet > .main-content > .content .account-overview .header {
font-family: 'DXBD';
font-size: 18px;
color: #000000;
}
@media (orientation: portrait) {
.bmo-tablet .actTablet > .main-content {
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media (orientation: landscape) {
.bmo-tablet .actTablet > .main-content {
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
}
.bmo-tablet .actFilter {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
background-color: #e9e9e9;
}
.bmo-tablet .actFilter .section-header {
font-family: 'DXBD';
font-size: 14px;
color: #ffffff;
background-color: #0079c1;
text-align: center;
padding: 10px;
}
.bmo-tablet .actFilter .mblTabBarSegmentedControl .mblTabBarButton {
font-family: 'DXBD';
font-size: 14px;
color: #0079c1;
background-color: #ffffff;
}
.bmo-tablet .actFilter .mblTabBarSegmentedControl .mblTabBarButton:active {
background-color: rgba(0, 0, 0, 0.2);
}
.bmo-tablet .actFilter .mblTabBarSegmentedControl .mblTabBarButtonSelected {
font-family: 'DXBD';
font-size: 14px;
color: #000000;
background-color: #e9e9e9;
}
.actSummary {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.actSummary .viewAccount {
padding-bottom: 15px;
}
.actInfo {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
background-color: #e9e9e9;
}
.actInfo .mblCarousel.bijitCarousel {
min-height: 110px;
}
@media (min-width: 480px) {
.actInfo .mblCarousel.bijitCarousel {
min-height: 65px;
}
}
.accountDetailCarousel {
background-color: #0079c1;
}
.accountDetailCarousel .mblCarouselPages {
height: 100%;
}
.accountDetailCarousel .mblCarouselPages .mblView {
height: 100%;
}
.accountDetailCarousel .mblCarouselPages .mblView .mblCarouselSlot {
height: 100%;
}
.accountDetail {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: 0px;
}
.bmo-phone .accountDetail .tabControl {
width: 100%;
background-color: #e9e9e9;
height: 35px;
margin-bottom: 10px;
}
.bmo-phone .accountDetail .tabControl .mblTabBarSegmentedControl,
.bmo-phone .accountDetail .tabControl .mblTabBarButton {
font-family: 'DXBD';
font-size: 14px;
color: #0079c1;
background-color: #ffffff;
height: 35px;
line-height: 35px;
}
.bmo-phone .accountDetail .tabControl .mblTabBarSegmentedControl:active,
.bmo-phone .accountDetail .tabControl .mblTabBarButton:active {
background-color: rgba(0, 0, 0, 0.2);
}
.bmo-phone .accountDetail .tabControl .mblTabBarSegmentedControl,
.bmo-phone .accountDetail .tabControl .mblTabBarButtonSelected {
font-family: 'DXBD';
font-size: 14px;
color: #000000;
background-color: #e9e9e9;
height: 35px;
}
.bmo-phone .accountDetail .errInScreen {
margin-bottom: 30px;
padding-bottom: 0px;
}
.bmo-phone .accountDetail .errInScreen .errorInScreen {
margin: 15px 10px;
}
.bmo-phone .accountDetail .use_flex .errInScreen {
padding-bottom: 30px;
margin-bottom: 0px;
}
.bmo-tablet .accountDetail .options {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
-webkit-box-pack: space-between;
box-pacl: space-between;
margin: 0 25px 0 35px;
height: 60px;
}
.bmo-tablet .accountDetail .options button.filter {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
height: 40px;
padding-top: 8px;
}
.bmo-tablet .accountDetail .options button.filter:active {
background-color: rgba(0, 0, 0, 0.2);
}
.bmo-tablet .accountDetail .options button.filter:focus {
background-color: rgba(0, 0, 0, 0.2);
}
.bmo-tablet .accountDetail .options button.filter > * {
margin-right: 6px;
display: inline-block;
line-height: 20px;
}
.bmo-tablet .accountDetail .options button.filter > .label {
font-family: 'DXBD';
font-size: 13px;
color: #505050;
}
.bmo-tablet .accountDetail .options button.filter > .label sup {
font-size: 8px;
margin-left: 2px;
}
.bmo-tablet .accountDetail .options button.filter > .value {
font-family: 'DXMD';
font-size: 13px;
color: #505050;
}
.bmo-tablet .accountDetail .options button.filter > .value sup {
font-size: 8px;
margin-left: 2px;
}
.bmo-tablet .accountDetail .options button.filter > .chevron {
background-position-x: -170px;
background-position-y: -510px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 10px;
height: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .accountDetail .options button.filter > .chevron {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .accountDetail .options button.filter > .chevron {
background-image: url(sprites-tablet.png);
}
}
.bmo-tablet .accountDetail .options .title {
font-family: 'DXMD';
font-size: 22px;
color: #000000;
}
.bmo-tablet .accountDetail .options .title sup {
font-size: 14px;
margin-left: 2px;
}
.bmo-tablet .accountDetail .options .view-toggles {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
margin-top: 8px;
}
.bmo-tablet .accountDetail .options .view-toggles > .label {
font-family: 'DXBD';
font-size: 13px;
color: #505050;
margin-right: 5px;
}
.bmo-tablet .accountDetail .options .view-toggles > .label sup {
font-size: 8px;
margin-left: 2px;
}
.bmo-tablet .accountDetail .options .view-toggles > .button-table {
background-position-x: -360px;
background-position-y: -400px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 47px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .accountDetail .options .view-toggles > .button-table {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .accountDetail .options .view-toggles > .button-table {
background-image: url(sprites-tablet.png);
}
}
.bmo-tablet .accountDetail .options .view-toggles > .button-table.selected {
background-position-x: -360px;
background-position-y: -430px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 47px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .accountDetail .options .view-toggles > .button-table.selected {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .accountDetail .options .view-toggles > .button-table.selected {
background-image: url(sprites-tablet.png);
}
}
.bmo-tablet .accountDetail .options .view-toggles > .button-table:focus {
background-position-x: -360px;
background-position-y: -430px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 47px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .accountDetail .options .view-toggles > .button-table:focus {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .accountDetail .options .view-toggles > .button-table:focus {
background-image: url(sprites-tablet.png);
}
}
.bmo-tablet .accountDetail .options .view-toggles > .button-graph {
background-position-x: -410px;
background-position-y: -400px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 47px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .accountDetail .options .view-toggles > .button-graph {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .accountDetail .options .view-toggles > .button-graph {
background-image: url(sprites-tablet.png);
}
}
.bmo-tablet .accountDetail .options .view-toggles > .button-graph.selected {
background-position-x: -410px;
background-position-y: -430px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 47px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .accountDetail .options .view-toggles > .button-graph.selected {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .accountDetail .options .view-toggles > .button-graph.selected {
background-image: url(sprites-tablet.png);
}
}
.bmo-tablet .accountDetail .options .view-toggles > .button-graph:focus {
background-position-x: -410px;
background-position-y: -430px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 47px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .accountDetail .options .view-toggles > .button-graph:focus {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .accountDetail .options .view-toggles > .button-graph:focus {
background-image: url(sprites-tablet.png);
}
}
.bmo-tablet .accountDetail .options .view-toggles > .button-statement {
background-position-x: -460px;
background-position-y: -400px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 47px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .accountDetail .options .view-toggles > .button-statement {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .accountDetail .options .view-toggles > .button-statement {
background-image: url(sprites-tablet.png);
}
}
.bmo-tablet .accountDetail .options .view-toggles > .button-statement.selected {
background-position-x: -460px;
background-position-y: -430px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 47px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .accountDetail .options .view-toggles > .button-statement.selected {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .accountDetail .options .view-toggles > .button-statement.selected {
background-image: url(sprites-tablet.png);
}
}
.bmo-tablet .accountDetail .options .view-toggles > .button-statement:focus {
background-position-x: -460px;
background-position-y: -430px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 47px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .accountDetail .options .view-toggles > .button-statement:focus {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .accountDetail .options .view-toggles > .button-statement:focus {
background-image: url(sprites-tablet.png);
}
}
.bmo-tablet .accountDetail .graph-view,
.bmo-tablet .accountDetail .list-view {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: 0px;
margin: 0 35px;
}
.bmo-tablet .accountDetail .statements-view {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: 0px;
margin: 0 35px;
}
.bmo-tablet .accountDetail .errInScreen {
padding: 30px 25%;
}
.bmo-tablet .accountDetail table.dgrid-row-table th.dgrid-sortable > .column-header {
color: #0079c1;
}
.accountDetail .mblTabBarSegmentedControl .mblTabBarButton {
font-family: 'DXBD';
font-size: 14px;
color: #0079c1;
background-color: #ffffff;
}
.accountDetail .mblTabBarSegmentedControl .mblTabBarButton:active {
background-color: rgba(0, 0, 0, 0.2);
}
.accountDetail .mblTabBarSegmentedControl .mblTabBarButtonSelected {
font-family: 'DXBD';
font-size: 14px;
color: #000000;
background-color: #e9e9e9;
}
.bmo-tablet .accountDetail .mblTabBarSegmentedControl::before {
-webkit-box-shadow: 0px 10px 10px -10px #4e4e4e inset;
box-shadow: 0px 10px 10px -10px #4e4e4e inset;
position: absolute;
display: block;
content: '';
width: 100%;
z-index: 2;
height: 10px;
}
.accountDetail .tabView {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: 0px;
background-color: #e9e9e9;
}
.bmo-phone .accountDetail .tabView {
height: 100%;
}
.accountDetail .sticky_header {
font-family: 'DXBD';
font-size: 16px;
color: #505050;
background-color: #e9e9e9;
margin-left: 10px;
}
.accountDetail .transactions .header {
font-family: 'DXBD';
font-size: 16px;
color: #505050;
background-color: #e9e9e9;
margin-top: 15px;
padding-bottom: 10px;
margin-left: 10px;
}
.accountDetail .transactions .wrapper {
margin-left: 10px;
margin-right: 10px;
background-color: #ffffff;
-webkit-box-shadow: 0px 8px 5px -5px #b4b4b4;
box-shadow: 0px 8px 5px -5px #b4b4b4;
}
.accountDetail .transactions .wrapper .rowWrapper {
margin-left: 10px;
margin-right: 10px;
width: auto;
height: auto;
}
.accountDetail .transactions .wrapper .rowWrapper .row {
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #dcdcdc;
}
.accountDetail .transactions .wrapper .rowWrapper .row .description {
font-family: 'DxRg';
font-size: 14px;
line-height: 16px;
color: #000000;
width: 50%;
white-space: normal;
position: relative;
min-height: 16px;
word-wrap: break-word;
}
.accountDetail .transactions .wrapper .rowWrapper .row .txnAmount {
font-family: 'DXBD';
font-size: 14px;
line-height: 16px;
color: #000000;
float: right;
text-align: right;
}
.accountDetail .transactions .wrapper .rowWrapper .row.rowLast {
border-style: none;
border-bottom: 0px;
}
.accountDetail .content {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: 0px;
height: 100%;
}
.accountDetail .content .content-tab {
margin-bottom: 15px;
padding-bottom: 0px;
}
.bmo-phone .accountDetail .content .content-tab {
margin-left: 10px;
margin-right: 10px;
}
.bmo-tablet .accountDetail .content .content-tab {
margin-left: 100px;
margin-right: 100px;
}
.accountDetail .content .content-tab .detailList {
width: 100%;
height: 100%;
background-color: #ffffff;
}
.accountDetail .content .content-tab .detailList li {
border-bottom: 1px solid #dcdcdc;
line-height: normal;
height: auto;
margin: 0px 10px;
}
.bmo-phone .accountDetail .content .content-tab .detailList li {
padding: 10px 0px;
}
.bmo-tablet .accountDetail .content .content-tab .detailList li {
padding: 12px 0px;
}
.accountDetail .content .content-tab .detailList li:last-child {
border: none;
}
.bmo-phone .accountDetail .content .content-tab .detailList {
-webkit-box-shadow: 0px 8px 5px -5px #b4b4b4;
box-shadow: 0px 8px 5px -5px #b4b4b4;
}
.accountDetail .content .content-tab .sectionHeader {
font-family: 'DXBD';
font-size: 16px;
color: #505050;
background-color: #e9e9e9;
padding-bottom: 10px;
}
.bmo-phone .accountDetail .content .content-tab .sectionHeader {
margin-top: 15px;
}
.bmo-tablet .accountDetail .content .content-tab .sectionHeader {
margin-top: 25px;
}
.accountDetail .content .use_flex .content-tab {
padding-bottom: 15px;
margin-bottom: 0px;
}
.bmo-phone .accountDetail .dgrid {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
border-style: none;
height: auto;
}
.bmo-phone .accountDetail .dgrid.hidden {
display: none!important;
}
.bmo-phone .accountDetail .dgrid div.dgrid-content > :nth-last-child(2) {
padding-bottom: 65px;
}
.bmo-phone .accountDetail .detailContent {
margin-left: 10px;
margin-right: 10px;
padding-bottom: 15px;
}
.bmo-phone .accountDetail .detailList {
width: 100%;
height: 100%;
background-color: #ffffff;
-webkit-box-shadow: 0px 8px 5px -5px #b4b4b4;
box-shadow: 0px 8px 5px -5px #b4b4b4;
}
.accountDetail .detailList .mblListItem .mblListItemLabel {
margin-top: 0px;
margin-bottom: 0px;
white-space: normal;
width: 50%;
line-height: normal;
float: left;
}
.bmo-phone .accountDetail .detailList .mblListItem .mblListItemLabel {
font-family: 'DxRg';
font-size: 14px;
line-height: 16px;
color: #000000;
}
.bmo-tablet .accountDetail .detailList .mblListItem .mblListItemLabel {
font-family: 'DxRg';
font-size: 15px;
line-height: 17px;
color: #000000;
}
.bmo-tablet .accountDetail .detailList .mblListItem .mblListItemLabel sup {
font-size: 10px;
margin-left: 2px;
}
.accountDetail .detailList .mblListItem .mblListItemRightText {
margin-top: 0px;
width: 47%;
text-align: right;
}
.bmo-phone .accountDetail .detailList .mblListItem .mblListItemRightText {
font-family: 'DXBD';
font-size: 14px;
line-height: 16px;
color: #000000;
}
.bmo-tablet .accountDetail .detailList .mblListItem .mblListItemRightText {
font-family: 'DXBD';
font-size: 15px;
line-height: 17px;
color: #000000;
}
.bmo-tablet .accountDetail .detailList .mblListItem .mblListItemRightText sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-phone .accountDetail .detailList li {
border-bottom: 1px solid #dcdcdc;
line-height: normal;
height: auto;
padding: 10px 0px;
margin: 0px 10px;
}
.bmo-phone .accountDetail .detailList li:last-child {
border: none;
}
.bmo-phone .accountDetail .detailList .mblListItemLabel {
font-family: 'DxRg';
font-size: 14px;
line-height: 16px;
color: #000000;
margin-top: 0px;
margin-bottom: 0px;
white-space: normal;
width: 50%;
line-height: normal;
}
.bmo-phone .accountDetail .detailList .mblListItemRightText {
font-family: 'DXBD';
font-size: 14px;
line-height: 16px;
color: #000000;
margin-top: 0px;
width: 47%;
text-align: right;
}
.bmo-phone .accountDetail .sectionHeader {
font-family: 'DXBD';
font-size: 16px;
color: #505050;
background-color: #e9e9e9;
margin-top: 15px;
padding-bottom: 10px;
}
.accountDetail .sectionMessage {
height: 100%;
background-color: #ffffff;
padding: 10px;
}
.bmo-phone .accountDetail .sectionMessage {
font-family: 'DxRg';
font-size: 14px;
line-height: 16px;
color: #000000;
-webkit-box-shadow: 0px 8px 5px -5px #b4b4b4;
box-shadow: 0px 8px 5px -5px #b4b4b4;
}
.bmo-tablet .accountDetail .sectionMessage {
font-family: 'DxRg';
font-size: 15px;
line-height: 17px;
color: #000000;
}
.bmo-tablet .accountDetail .sectionMessage sup {
font-size: 10px;
margin-left: 2px;
}
.accountDetail .addressContent {
padding: 10px;
background-color: #ffffff;
}
.bmo-phone .accountDetail .addressContent {
font-family: 'DxRg';
font-size: 14px;
line-height: 16px;
color: #000000;
}
.bmo-tablet .accountDetail .addressContent {
font-family: 'DxRg';
font-size: 15px;
line-height: 17px;
color: #000000;
}
.bmo-tablet .accountDetail .addressContent sup {
font-size: 10px;
margin-left: 2px;
}
.accountDetail .filterHandle {
background-color: #0079c1;
width: 100%;
height: 30px;
}
.accountDetail .filterHandle:active {
background-color: #006099;
}
.accountDetail .filterHandle:focus {
background-color: #004d7a;
}
.accountDetail .filterButton {
float: left;
height: 30px;
padding-left: 10px;
line-height: 30px;
}
.accountDetail .filterHandleBottom {
background-color: #0079c1;
width: 100%;
height: 30px;
position: absolute;
bottom: 0;
z-index: 100;
}
.accountDetail .filterHandleBottom:active {
background-color: #006099;
}
.accountDetail .filterHandleBottom:focus {
background-color: #004d7a;
}
.accountDetail .filterHandleBottom:active {
background-color: #006099;
}
.accountDetail .filterHandleBottom:focus {
background-color: #004d7a;
}
.accountDetail .iconFilterOpen {
background-position-x: -230px;
background-position-y: -480px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 10px;
height: 10px;
position: relative;
left: 5px;
top: 13px;
float: left;
}
@media only screen and (min-resolution: 96dpi) {
.accountDetail .iconFilterOpen {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.accountDetail .iconFilterOpen {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.accountDetail .iconFilterOpen {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.accountDetail .iconFilterOpen {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.accountDetail .iconFilterOpen {
background-image: url(R77899qw8.png);
}
}
.accountDetail .iconFilterClose {
background-position-x: -250px;
background-position-y: -480px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 10px;
height: 10px;
position: relative;
left: 5px;
top: 13px;
float: left;
}
@media only screen and (min-resolution: 96dpi) {
.accountDetail .iconFilterClose {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.accountDetail .iconFilterClose {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.accountDetail .iconFilterClose {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.accountDetail .iconFilterClose {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.accountDetail .iconFilterClose {
background-image: url(R77899qw8.png);
}
}
.accountDetail .filterOverlay {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
background-color: #e9e9e9;
height: 100%;
width: 100%;
}
.accountDetail .filterList,
.actFilter .filterList {
color: #000000;
padding: 15px 10px;
width: auto;
}
.accountDetail .filterList .mblListItemChecked,
.actFilter .filterList .mblListItemChecked,
.accountDetail .filterList .mblListItem,
.actFilter .filterList .mblListItem {
height: 40px;
background-color: #ffffff;
border-bottom: 1px solid #dcdcdc;
}
.accountDetail .filterList .mblListItemChecked:focus,
.actFilter .filterList .mblListItemChecked:focus,
.accountDetail .filterList .mblListItem:focus,
.actFilter .filterList .mblListItem:focus {
background-color: #b3b3b3;
}
.accountDetail .filterList .mblListItemChecked:active,
.actFilter .filterList .mblListItemChecked:active,
.accountDetail .filterList .mblListItem:active,
.actFilter .filterList .mblListItem:active {
background-color: rgba(0, 0, 0, 0.2);
}
.accountDetail .filterList .mblListItemChecked:last-child,
.actFilter .filterList .mblListItemChecked:last-child,
.accountDetail .filterList .mblListItem:last-child,
.actFilter .filterList .mblListItem:last-child {
border: none;
}
.accountDetail .filterList .mblListItemChecked .mblListItemRightIcon,
.actFilter .filterList .mblListItemChecked .mblListItemRightIcon,
.accountDetail .filterList .mblListItem .mblListItemRightIcon,
.actFilter .filterList .mblListItem .mblListItemRightIcon {
margin-top: 11px;
}
.accountDetail .filterList .mblListItemChecked .mblListItemRightIcon .mblDomButtonCheck,
.actFilter .filterList .mblListItemChecked .mblListItemRightIcon .mblDomButtonCheck,
.accountDetail .filterList .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.actFilter .filterList .mblListItem .mblListItemRightIcon .mblDomButtonCheck {
margin-right: 20px;
}
.bmo-phone .accountDetail .filterList .mblListItemChecked .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .actFilter .filterList .mblListItemChecked .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .accountDetail .filterList .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .actFilter .filterList .mblListItem .mblListItemRightIcon .mblDomButtonCheck {
background-position-x: -150px;
background-position-y: -442px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 19px;
height: 15px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .accountDetail .filterList .mblListItemChecked .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .actFilter .filterList .mblListItemChecked .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .accountDetail .filterList .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .actFilter .filterList .mblListItem .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .accountDetail .filterList .mblListItemChecked .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .actFilter .filterList .mblListItemChecked .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .accountDetail .filterList .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .actFilter .filterList .mblListItem .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .accountDetail .filterList .mblListItemChecked .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .actFilter .filterList .mblListItemChecked .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .accountDetail .filterList .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .actFilter .filterList .mblListItem .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .accountDetail .filterList .mblListItemChecked .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .actFilter .filterList .mblListItemChecked .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .accountDetail .filterList .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .actFilter .filterList .mblListItem .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .accountDetail .filterList .mblListItemChecked .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .actFilter .filterList .mblListItemChecked .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .accountDetail .filterList .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .actFilter .filterList .mblListItem .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .accountDetail .filterList .mblListItemChecked .mblListItemRightIcon .mblDomButtonCheck,
.bmo-tablet .actFilter .filterList .mblListItemChecked .mblListItemRightIcon .mblDomButtonCheck,
.bmo-tablet .accountDetail .filterList .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-tablet .actFilter .filterList .mblListItem .mblListItemRightIcon .mblDomButtonCheck {
background-position-x: -150px;
background-position-y: -450px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 20px;
height: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .accountDetail .filterList .mblListItemChecked .mblListItemRightIcon .mblDomButtonCheck,
.bmo-tablet .actFilter .filterList .mblListItemChecked .mblListItemRightIcon .mblDomButtonCheck,
.bmo-tablet .accountDetail .filterList .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-tablet .actFilter .filterList .mblListItem .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .accountDetail .filterList .mblListItemChecked .mblListItemRightIcon .mblDomButtonCheck,
.bmo-tablet .actFilter .filterList .mblListItemChecked .mblListItemRightIcon .mblDomButtonCheck,
.bmo-tablet .accountDetail .filterList .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-tablet .actFilter .filterList .mblListItem .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(sprites-tablet.png);
}
}
.accountDetail .filterList .mblListItemChecked .mblListItemLabel,
.actFilter .filterList .mblListItemChecked .mblListItemLabel,
.accountDetail .filterList .mblListItem .mblListItemLabel,
.actFilter .filterList .mblListItem .mblListItemLabel {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #000000;
line-height: 40px;
height: 40px;
float: left;
padding-left: 10px;
}
.billHistoryCancel {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.bmo-tablet .billHistoryCancel .pageContent .text {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #ffffff;
}
.bmo-tablet .billHistoryCancel .pageContent .text sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .billHistoryCancel .pageContent .text .cancel-message :nth-child(4) {
white-space: pre;
}
.bmo-phone .billHistoryCancel .pageContent .text {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.billHistoryCancel .pageContent .lblToAccount {
white-space: pre;
}
.bmo-tablet .billHistoryCancel .pageContent .bold-text {
font-family: 'DXBD';
font-size: 15px;
line-height: 20px;
color: #ffffff;
}
.bmo-tablet .billHistoryCancel .pageContent .bold-text sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-phone .billHistoryCancel .pageContent .bold-text {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.billHistoryList {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.billHistoryList .mblTabBarButton {
background-color: #ffffff;
}
.billHistoryList .mblTabBarButton:active {
background-color: #d9d9d9;
}
.billHistoryList .mblTabBarButtonSelected {
background-color: #0079c1;
}
.bmo-phone .billHistoryList .mblTabBarButton {
font-family: 'DXBD';
font-size: 14px;
color: #0079c1;
}
.bmo-phone .billHistoryList .mblTabBarButtonSelected {
font-family: 'DXBD';
font-size: 14px;
color: #000000;
color: #ffffff;
}
.bmo-tablet .billHistoryList .mblTabBarButton {
font-family: 'DXBD';
font-size: 15px;
color: #0079c1;
background-color: #ffffff;
}
.bmo-tablet .billHistoryList .mblTabBarButton sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .billHistoryList .mblTabBarButtonSelected {
font-family: 'DXBD';
font-size: 15px;
color: #ffffff;
background-color: #0079c1;
}
.bmo-tablet .billHistoryList .mblTabBarButtonSelected sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-phone .historyTabbs {
background-color: #0073b7;
margin: 0px;
width: 100%;
height: 40px;
}
.bmo-phone .historyTabbs .mblTabBarSegmentedControl .mblTabBarButton {
background-color: #0079c1;
}
.bmo-phone .historyTabbs .mblTabBarButton {
height: 35px;
background-color: #ffffff;
border: 0px;
width: 50%;
font-family: 'DXBD';
font-size: 14px;
color: #000000;
line-height: 38px;
color: #0079c1;
}
.bmo-phone .historyTabbs .mblTabBarButton:active {
background-color: #d9d9d9;
}
.bmo-phone .historyTabbs .mblTabBarButton:first-child {
-webkit-border-radius: 0px;
border-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border: 0px;
}
.bmo-phone .historyTabbs .mblTabBarButtonSelected {
background-color: #0073b7;
font-family: 'DXBD';
font-size: 14px;
color: #0079c1;
color: #ffffff;
}
.billPayPayeeSelect div {
display: inline-block;
}
.billPayAccountSelect div {
display: inline-block;
}
.pageContent .marginTopSpacer15 .oneButtonLayout {
margin-left: 25%;
margin-right: 25%;
width: 50%;
}
.bmo-tablet .billPaySetUp .pageContent {
color: #ffffff;
margin: auto 0;
}
.bmo-tablet .billPaySetUp .pageContent .twoButtonLayout {
margin: 30px 13%;
}
.bmo-tablet .billPaySetUp .pageContent .twoButtonLayout button {
webkit-border-radius: 3px;
border-radius: 3px;
}
.bmo-tablet .billPaySetUp .pageContent .twoButtonLayout .btnAnotherBill {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
}
.bmo-tablet .billPaySetUp .pageContent .twoButtonLayout .btnAnotherBill sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-tablet .billPaySetUp .pageContent .twoButtonLayout .btnAnotherBill:active {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
border: 3px solid #d6d6d6;
}
.bmo-tablet .billPaySetUp .pageContent .twoButtonLayout .btnAnotherBill:active sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-tablet .billPaySetUp .pageContent .twoButtonLayout .btnAnotherBill:disabled {
font-family: 'DXBD';
font-size: 18px;
color: #999999;
}
.bmo-tablet .billPaySetUp .pageContent .twoButtonLayout .btnAnotherBill:disabled sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-tablet .billPaySetUp .pageContent .twoButtonLayout .btnNextBillPaySetUp {
font-family: 'DXBD';
font-size: 18px;
color: #ffffff;
}
.bmo-tablet .billPaySetUp .pageContent .twoButtonLayout .btnNextBillPaySetUp sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-tablet .billPaySetUp .pageContent .twoButtonLayout .btnNextBillPaySetUp:active {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
border: 3px solid #d6d6d6;
}
.bmo-tablet .billPaySetUp .pageContent .twoButtonLayout .btnNextBillPaySetUp:active sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-tablet .billPaySetUp .pageContent .twoButtonLayout .btnNextBillPaySetUp:disabled {
font-family: 'DXBD';
font-size: 18px;
color: #999999;
}
.bmo-tablet .billPaySetUp .pageContent .twoButtonLayout .btnNextBillPaySetUp:disabled sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-tablet .billPaySetUp .pageContent .emailUpdate {
margin-left: 35px;
margin-bottom: 30px;
}
.bmo-tablet .billPaySetUp .pageContent .emailUpdate p {
margin: auto auto 10px 0;
}
.bmo-tablet .billPaySetUp .pageContent .emailUpdate .text_field {
width: 75%;
height: 36px;
display: inline-block;
margin-right: 10px;
}
.bmo-tablet .billPaySetUp .pageContent .emailUpdate button {
text-decoration: underline;
height: inherit;
}
.bmo-tablet .billPaySetUp .pageContent .emailUpdate .emailCancelBtn {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #bedceb;
text-decoration: underline;
}
.bmo-tablet .billPaySetUp .pageContent .emailUpdate .emailCancelBtn sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .billPaySetUp .pageContent .emailUpdate .emailCancelBtn:active {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #ffffff;
text-decoration: underline;
}
.bmo-tablet .billPaySetUp .pageContent .emailUpdate .emailCancelBtn:active sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .billPaySetUp .pageContent .emailUpdate .emailSaveBtn,
.bmo-tablet .billPaySetUp .pageContent .emailUpdate .emailEditBtn {
font-family: 'DXBD';
font-size: 15px;
line-height: 20px;
color: #bedceb;
text-decoration: underline;
padding-right: 10px;
margin-right: 5px;
}
.bmo-tablet .billPaySetUp .pageContent .emailUpdate .emailSaveBtn sup,
.bmo-tablet .billPaySetUp .pageContent .emailUpdate .emailEditBtn sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .billPaySetUp .pageContent .emailUpdate .emailSaveBtn {
line-height: 18px;
border-right: 1px solid #ffffff;
}
.bmo-tablet .billPaySetUp .pageContent .emailUpdate .emailSaveBtn:active,
.bmo-tablet .billPaySetUp .pageContent .emailUpdate .emailEditBtn:active {
font-family: 'DXBD';
font-size: 15px;
line-height: 20px;
color: #ffffff;
text-decoration: underline;
}
.bmo-tablet .billPaySetUp .pageContent .emailUpdate .emailSaveBtn:active sup,
.bmo-tablet .billPaySetUp .pageContent .emailUpdate .emailEditBtn:active sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .billPaySetUp .pageContent .emailUpdate hr {
margin: 30px 35px auto 0;
}
.bmo-tablet .billPaySetUp .pageContent .paymentsTotal {
font-family: 'DxRg';
font-size: 18px;
margin-left: 35px;
}
.bmo-tablet .billPaySetUp .pageContent .paymentsTotal span {
font-family: 'DXBD';
}
.bmo-tablet .billPaySetUp .pageContent p {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #ffffff;
margin: 30px 35px;
}
.bmo-tablet .billPaySetUp .pageContent p sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .billPaySetUp .pageContent p button {
height: inherit;
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #bedceb;
text-decoration: underline;
}
.bmo-tablet .billPaySetUp .pageContent p button sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .billPaySetUp .pageContent p button:active {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #ffffff;
text-decoration: underline;
}
.bmo-tablet .billPaySetUp .pageContent p button:active sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .billPaySetUp .pageContent hr {
margin: 0 35px 30px 35px;
}
.bmo-tablet .billPayVerify .header-secondary-tablet {
margin: 0 35px 5px 35px;
padding: 0;
}
.bmo-tablet .billPayVerify .header-secondary-tablet .title {
font-family: 'DXBD';
font-size: 17px;
color: #ffffff;
}
.bmo-tablet .billPayVerify .header-secondary-tablet .title sup {
font-size: 11px;
margin-left: 2px;
}
.bmo-tablet .billPayVerify .pageContent {
margin: 0 35px;
}
.bmo-tablet .billPayVerify .pageContent .twoButtonLayout {
margin: 30px 13%;
}
.bmo-tablet .billPayVerify .pageContent .twoButtonLayout button {
webkit-border-radius: 3px;
border-radius: 3px;
}
.bmo-tablet .billPayVerify .pageContent .twoButtonLayout .btnCancelBillPayVerify {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
}
.bmo-tablet .billPayVerify .pageContent .twoButtonLayout .btnCancelBillPayVerify sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-tablet .billPayVerify .pageContent .twoButtonLayout .btnCancelBillPayVerify:active {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
border: 3px solid #d6d6d6;
}
.bmo-tablet .billPayVerify .pageContent .twoButtonLayout .btnCancelBillPayVerify:active sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-tablet .billPayVerify .pageContent .twoButtonLayout .btnCancelBillPayVerify:disabled {
font-family: 'DXBD';
font-size: 18px;
color: #999999;
}
.bmo-tablet .billPayVerify .pageContent .twoButtonLayout .btnCancelBillPayVerify:disabled sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-tablet .billPayVerify .pageContent .twoButtonLayout .btnNextBillPayVerify {
font-family: 'DXBD';
font-size: 18px;
color: #ffffff;
}
.bmo-tablet .billPayVerify .pageContent .twoButtonLayout .btnNextBillPayVerify sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-tablet .billPayVerify .pageContent .twoButtonLayout .btnNextBillPayVerify:active {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
border: 3px solid #d6d6d6;
}
.bmo-tablet .billPayVerify .pageContent .twoButtonLayout .btnNextBillPayVerify:active sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-tablet .billPayVerify .pageContent .twoButtonLayout .btnNextBillPayVerify:disabled {
font-family: 'DXBD';
font-size: 18px;
color: #999999;
}
.bmo-tablet .billPayVerify .pageContent .twoButtonLayout .btnNextBillPayVerify:disabled sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-tablet .billPayVerify .pageContent .billSummaries {
width: 100%;
}
.bmo-tablet .billPayVerify .pageContent .billSummaries .billSummariesContent .break {
margin-left: -6px;
}
.bmo-tablet .billPayVerify .pageContent .billSummaries .billSummariesContent .billSummary.billSummary_1 {
width: 100%;
}
@media (orientation: portrait) {
.bmo-tablet .billPayVerify .pageContent .billSummaries .billSummariesContent .billSummary.billSummary_2 {
width: 48.8%;
}
}
@media (orientation: landscape) {
.bmo-tablet .billPayVerify .pageContent .billSummaries .billSummariesContent .billSummary.billSummary_2 {
width: 49%;
}
}
.bmo-tablet .billPayVerify .pageContent .billSummaries .billSummariesContent .billSummary.billSummary_3 {
/* Use the default 32% width */
}
@media (orientation: portrait) {
.bmo-tablet .billPayVerify .pageContent .billSummaries .billSummariesContent .billSummary.billSummary_3 {
width: 31.7%;
}
}
@media (orientation: landscape) {
.bmo-tablet .billPayVerify .pageContent .billSummaries .billSummariesContent .billSummary.billSummary_3 {
width: 32.2%;
}
}
@media (orientation: portrait) {
.bmo-tablet .billPayVerify .pageContent .billSummaries .billSummariesContent .billSummary.billSummary_4 {
width: 47.6%;
}
}
@media (orientation: landscape) {
.bmo-tablet .billPayVerify .pageContent .billSummaries .billSummariesContent .billSummary.billSummary_4 {
width: 48.3%;
}
}
@media (orientation: portrait) {
.bmo-tablet .billPayVerify .pageContent .billSummaries .billSummariesContent .billSummary.billSummary_5 {
width: 30.9%;
}
}
@media (orientation: landscape) {
.bmo-tablet .billPayVerify .pageContent .billSummaries .billSummariesContent .billSummary.billSummary_5 {
width: 31.6%;
}
}
.bmo-tablet .billPayVerify .pageContent .billSummaries .billSummariesContent .billSummary {
display: inline-block;
width: 32%;
margin-right: 15px;
text-align: left;
padding: 0;
margin-top: 10px;
}
.bmo-tablet .billPayVerify .pageContent .billSummaries .billSummariesContent .billSummary .billSummaryHeader {
padding: 15px 0 15px 15px;
border-bottom: 4px solid #e0e0e0;
font-family: 'DXBD';
font-size: 17px;
color: #000000;
line-height: 18px;
}
.bmo-tablet .billPayVerify .pageContent .billSummaries .billSummariesContent .billSummary .billSummaryHeader sup {
font-size: 11px;
margin-left: 2px;
}
.bmo-tablet .billPayVerify .pageContent .billSummaries .billSummariesContent .billSummary .billSummaryContent {
padding: 12px 15px 12px 15px;
}
.bmo-tablet .billPayVerify .pageContent .billSummaries .billSummariesContent .billSummary .billSummaryContent .dataField .label,
.bmo-tablet .billPayVerify .pageContent .billSummaries .billSummariesContent .billSummary .billSummaryContent .dataField .line1 {
font-family: 'DxRg';
font-size: 15px;
line-height: 18px;
color: #000000;
}
.bmo-tablet .billPayVerify .pageContent .billSummaries .billSummariesContent .billSummary .billSummaryContent .dataField .label sup,
.bmo-tablet .billPayVerify .pageContent .billSummaries .billSummariesContent .billSummary .billSummaryContent .dataField .line1 sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .billPayVerify .pageContent .billSummaries .billSummariesContent .billSummary .billSummaryContent .dataField .line1 {
font-family: 'DXBD';
font-size: 15px;
line-height: 18px;
color: #000000;
}
.bmo-tablet .billPayVerify .pageContent .billSummaries .billSummariesContent .billSummary .billSummaryContent .dataField .line1 sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .billPayVerify .pageContent .billSummaries .billSummariesContent .billSummary .billSummaryContent .dataField .hrDivider {
border-bottom: 1px solid #e0e0e0;
}
.bmo-tablet .billPayVerify .pageContent .billSummaries .billSummariesContent .billSummary:last-child {
margin-right: 0;
}
.bmo-tablet .billPayVerify .pageContent .alertNotify {
font-family: 'DxRg';
font-size: 15px;
color: #ffffff;
text-align: center;
margin-top: 30px;
}
.bmo-tablet .billPayVerify .pageContent .alertNotify sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .billPayVerify .pageContent .alertNotify strong {
font-family: 'DXBD';
font-size: 15px;
line-height: 20px;
color: #ffffff;
}
.bmo-tablet .billPayVerify .pageContent .alertNotify strong sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .billPayFinish .pageContent {
margin: auto 100px;
}
.bmo-tablet .billPayFinish .pageContent .twoButtonLayout button {
webkit-border-radius: 3px;
border-radius: 3px;
}
.bmo-tablet .billPayFinish .pageContent .twoButtonLayout .btnPayAnotherBill {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
}
.bmo-tablet .billPayFinish .pageContent .twoButtonLayout .btnPayAnotherBill sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-tablet .billPayFinish .pageContent .twoButtonLayout .btnPayAnotherBill:active {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
border: 3px solid #d6d6d6;
}
.bmo-tablet .billPayFinish .pageContent .twoButtonLayout .btnPayAnotherBill:active sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-tablet .billPayFinish .pageContent .twoButtonLayout .btnPayAnotherBill:disabled {
font-family: 'DXBD';
font-size: 18px;
color: #999999;
}
.bmo-tablet .billPayFinish .pageContent .twoButtonLayout .btnPayAnotherBill:disabled sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-tablet .billPayFinish .pageContent .twoButtonLayout .btnViewAccounts {
font-family: 'DXBD';
font-size: 18px;
color: #ffffff;
}
.bmo-tablet .billPayFinish .pageContent .twoButtonLayout .btnViewAccounts sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-tablet .billPayFinish .pageContent .twoButtonLayout .btnViewAccounts:active {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
border: 3px solid #d6d6d6;
}
.bmo-tablet .billPayFinish .pageContent .twoButtonLayout .btnViewAccounts:active sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-tablet .billPayFinish .pageContent .twoButtonLayout .btnViewAccounts:disabled {
font-family: 'DXBD';
font-size: 18px;
color: #999999;
}
.bmo-tablet .billPayFinish .pageContent .twoButtonLayout .btnViewAccounts:disabled sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-tablet .billPayFinish .pageContent .blueDivider {
border-bottom: 1px solid #4194cb;
}
.bmo-tablet .billPayFinish .pageContent .headerConfirmation {
line-height: 80px;
}
.bmo-tablet .billPayFinish .pageContent .billConfirmSummary {
color: #ffffff;
}
.bmo-tablet .billPayFinish .pageContent .billConfirmSummary .lblErrorMessage span:first-child {
white-space: pre;
}
.bmo-tablet .billPayFinish .pageContent .billConfirmSummary .payConfirmBillHeader {
font-family: 'DXBD';
font-size: 21px;
color: #ffffff;
line-height: 20px;
}
.bmo-tablet .billPayFinish .pageContent .billConfirmSummary .payConfirmBillHeader sup {
font-size: 14px;
margin-left: 2px;
}
.bmo-tablet .billPayFinish .pageContent .billConfirmSummary .payConfirmBillHeader ~ span {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #ffffff;
}
.bmo-tablet .billPayFinish .pageContent .billConfirmSummary .payConfirmBillHeader ~ span sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .billPayFinish .pageContent .billConfirmSummary .payConfirmBillHeader ~ span span.bold-text {
font-family: 'DXBD';
font-size: 15px;
line-height: 20px;
color: #ffffff;
}
.bmo-tablet .billPayFinish .pageContent .billConfirmSummary .payConfirmBillHeader ~ span span.bold-text sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .billPayFinish .pageContent .billConfirmSummary .payConfirmBillHeader ~ span span.bold-text.lblPayTo {
white-space: pre;
}
.bmo-tablet .billPayFinish .pageContent .billConfirmSummary .payConfirmBillAction {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #ffffff;
margin-top: 10px;
display: block;
}
.bmo-tablet .billPayFinish .pageContent .billConfirmSummary .payConfirmBillAction sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .billPayFinish .pageContent .billConfirmSummary .payConfirmBillAction span:first-child ~ span {
margin-right: 5px;
}
.bmo-tablet .billPayFinish .pageContent .billConfirmSummary .payConfirmBillAction button {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #bedceb;
text-decoration: underline;
margin-left: 5px;
}
.bmo-tablet .billPayFinish .pageContent .billConfirmSummary .payConfirmBillAction button sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .billPayFinish .pageContent .billConfirmSummary .payConfirmBillAction button:active {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #ffffff;
text-decoration: underline;
}
.bmo-tablet .billPayFinish .pageContent .billConfirmSummary .payConfirmBillAction button:active sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .billPayFinish .pageContent .billConfirmSummary .refNum {
margin-right: 10px;
}
.bmo-tablet .billPayFinish .pageContent .billConfirmSummary .cancelBtn {
margin-left: 10px;
}
.bmo-tablet .billPayFinish .pageContent .futureFundsWarning {
padding-top: 15px;
}
.billPaySelectAlertEmail .tipsMessage {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
text-align: center;
}
.line1wrap {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #000000;
text-overflow: ellipsis;
overflow: hidden;
white-space: normal;
}
.billPaySetupView .scrollable.use_flex {
-webkit-box-flex: 7;
-webkit-flex: 7 7 0px;
-ms-flex: 7 7 0px;
flex: 7 7 0px;
}
.billPayeesAdd .tipsMessage,
.billPayeesEdit .tipsMessage {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
text-align: center;
}
.bmo-tablet .bill_payees_manage .buttonContainer,
.bmo-tablet .billPayeesView .buttonContainer,
.bmo-tablet .billPayeesEdit .buttonContainer,
.bmo-tablet .billPayeesAdd .buttonContainer {
margin: 30px 100px 5px 160px;
text-align: right;
}
.bmo-tablet .billPayeesEdit .pageContent div.text_field:first-child,
.bmo-tablet .billPayeesAdd .pageContent div.text_field:first-child,
.bmo-tablet .bill_payees_search .pageContent div.text_field:first-child {
margin-top: 0;
}
.bmo-tablet .billPayeesEdit .pageContent div.text_field,
.bmo-tablet .billPayeesAdd .pageContent div.text_field,
.bmo-tablet .bill_payees_search .pageContent div.text_field {
margin-top: 15px;
}
.bmo-tablet .bill_payees_manage .pageContent .lstPayees {
padding-bottom: 30px;
}
.bmo-tablet .billPayeesView .dataField .label {
font-family: 'DXBD';
font-size: 15px;
line-height: 18px;
color: #000000;
}
.bmo-tablet .billPayeesView .dataField .label sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .billPayeesView .dataField .line1 {
font-family: 'DxRg';
font-size: 15px;
line-height: 18px;
color: #000000;
}
.bmo-tablet .billPayeesView .dataField .line1 sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-phone .bill_payees_search .pageContent {
margin-bottom: 0px;
}
.bill_payees_search .pageContent .search_heading {
font-family: 'DXBD';
font-size: 16px;
color: #ffffff;
margin-bottom: 10px;
}
.bill_payees_search .search_field {
border-width: 0px;
width: 100%;
height: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 10px;
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #000000;
-webkit-appearance: none;
-webkit-user-select: text;
}
.bmo-phone .bill_payees_search .search_field {
line-height: 19px;
}
.bill_payees_search .search_field::-webkit-search-results-decoration {
display: none;
}
.bill_payees_search .search_field::-webkit-search-cancel-button {
-webkit-user-select: none;
}
.bill_payees_search .search_text_bold {
font-family: 'DXBD';
font-size: 14px;
line-height: 16px;
color: #000000;
}
.bill_payees_search .input_fields {
margin-bottom: 10px;
}
.bill_payees_search .result_container {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: 0px;
}
.bill_payees_search .result_container .result_label {
font-family: 'DXBD';
font-size: 16px;
color: #ffffff;
margin-bottom: 10px;
}
.bill_payees_search .result_container .mblListItem,
.bill_payees_search .result_container .mblListItem.mblListItemSelected {
height: auto;
background-color: #ffffff;
border-bottom: 1px solid #dcdcdc;
}
.bill_payees_search .result_container .mblListItem .mblListItemLabel,
.bill_payees_search .result_container .mblListItem.mblListItemSelected .mblListItemLabel {
font-family: 'DxRg';
font-size: 14px;
line-height: 16px;
color: #000000;
padding: 10px;
}
.bill_payees_search .result_container .mblListItem .mblListItemRightIcon,
.bill_payees_search .result_container .mblListItem.mblListItemSelected .mblListItemRightIcon {
margin: 10px 10px 10px 0px;
}
.bmo-phone .bill_payees_search .result_container .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .bill_payees_search .result_container .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-position-x: -150px;
background-position-y: -442px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 19px;
height: 15px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .bill_payees_search .result_container .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .bill_payees_search .result_container .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .bill_payees_search .result_container .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .bill_payees_search .result_container .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .bill_payees_search .result_container .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .bill_payees_search .result_container .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .bill_payees_search .result_container .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .bill_payees_search .result_container .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .bill_payees_search .result_container .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .bill_payees_search .result_container .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .bill_payees_search .result_container .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-tablet .bill_payees_search .result_container .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-position-x: -150px;
background-position-y: -450px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 20px;
height: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .bill_payees_search .result_container .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-tablet .bill_payees_search .result_container .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .bill_payees_search .result_container .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-tablet .bill_payees_search .result_container .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(sprites-tablet.png);
}
}
.bill_payees_search .loading_container {
font-family: 'DxRg';
font-size: 16px;
color: #ffffff;
margin-top: 25px;
}
.bill_payees_search .loading_container .wrapper {
width: 100%;
position: relative;
}
.bill_payees_search .loading_container .wrapper .indicator {
animation: 1s rotate linear infinite;
-webkit-animation: 1s rotate linear infinite;
margin: 0px auto;
}
.bmo-phone .bill_payees_search .loading_container .wrapper .indicator {
width: 30px;
height: 30px;
background-image: url(loading-blueBkgrd.png);
background-size: 30px 30px;
background-repeat: no-repeat;
background-color: transparent;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .bill_payees_search .loading_container .wrapper .indicator {
background-image: url(loading-blueBkgrd.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .bill_payees_search .loading_container .wrapper .indicator {
background-image: url(loading-blueBkgrd.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .bill_payees_search .loading_container .wrapper .indicator {
background-image: url(loading-blueBkgrd.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .bill_payees_search .loading_container .wrapper .indicator {
background-image: url(loading-blueBkgrd@2x.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .bill_payees_search .loading_container .wrapper .indicator {
background-image: url(loading-blueBkgrd.png);
}
}
.bmo-tablet .bill_payees_search .loading_container .wrapper .indicator {
width: 48px;
height: 48px;
background-image: url(loading_wht.png);
background-size: 48px 48px;
background-repeat: no-repeat;
background-color: transparent;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .bill_payees_search .loading_container .wrapper .indicator {
background-image: url(loading_wht.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .bill_payees_search .loading_container .wrapper .indicator {
background-image: url(loading_wht@2x.png);
}
}
.bill_payees_search .loading_container .label {
margin-top: 20px;
text-align: center;
}
.bill_payees_search .error-msg {
font-family: 'DxRg';
font-size: 14px;
color: #ffffff;
text-align: center;
margin: 20px 0;
}
.bmo-tablet .bill_payees_search .pageContent .search_heading {
font-family: 'DXBD';
font-size: 17px;
color: #ffffff;
}
.bmo-tablet .bill_payees_search .pageContent .search_heading sup {
font-size: 11px;
margin-left: 2px;
}
.bmo-tablet .bill_payees_search .search_field {
font-family: 'DxRg';
font-size: 15px;
line-height: 17px;
color: #000000;
}
.bmo-tablet .bill_payees_search .search_field sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .bill_payees_search .search_text_bold {
font-family: 'DXMD';
font-size: 13px;
color: #505050;
}
.bmo-tablet .bill_payees_search .search_text_bold sup {
font-size: 8px;
margin-left: 2px;
}
.bmo-tablet .bill_payees_search .result_container .result_label {
font-family: 'DXBD';
font-size: 17px;
color: #ffffff;
}
.bmo-tablet .bill_payees_search .result_container .result_label sup {
font-size: 11px;
margin-left: 2px;
}
.bmo-tablet .bill_payees_search .result_container .mblListItem .mblListItemLabel,
.bmo-tablet .bill_payees_search .result_container .mblListItem.mblListItemSelected .mblListItemLabel {
font-family: 'DxRg';
font-size: 15px;
line-height: 18px;
color: #000000;
}
.bmo-tablet .bill_payees_search .result_container .mblListItem .mblListItemLabel sup,
.bmo-tablet .bill_payees_search .result_container .mblListItem.mblListItemSelected .mblListItemLabel sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .bill_payees_search .result_container .mblListItem .search_text_bold,
.bmo-tablet .bill_payees_search .result_container .mblListItem.mblListItemSelected .search_text_bold {
font-family: 'DXBD';
font-size: 15px;
line-height: 18px;
color: #000000;
}
.bmo-tablet .bill_payees_search .result_container .mblListItem .search_text_bold sup,
.bmo-tablet .bill_payees_search .result_container .mblListItem.mblListItemSelected .search_text_bold sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .bill_payees_search .error-msg {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #ffffff;
}
.bmo-tablet .bill_payees_search .error-msg sup {
font-size: 10px;
margin-left: 2px;
}
.bill_payee_select_prov .mblListItem,
.bill_payee_select_prov .mblListItem.mblListItemSelected {
height: 40px;
background-color: #ffffff;
border-bottom: 1px solid #dcdcdc;
}
.bill_payee_select_prov .mblListItem:active,
.bill_payee_select_prov .mblListItem.mblListItemSelected:active {
background-color: rgba(0, 0, 0, 0.2);
}
.bill_payee_select_prov .mblListItem .mblListItemLabel,
.bill_payee_select_prov .mblListItem.mblListItemSelected .mblListItemLabel {
font-family: 'DxRg';
font-size: 14px;
line-height: 16px;
color: #000000;
padding-left: 10px;
line-height: 40px;
}
.bill_payee_select_prov .mblListItem .mblListItemRightIcon,
.bill_payee_select_prov .mblListItem.mblListItemSelected .mblListItemRightIcon {
margin-right: 10px;
}
.bmo-phone .bill_payee_select_prov .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .bill_payee_select_prov .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-position-x: -150px;
background-position-y: -442px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 19px;
height: 15px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .bill_payee_select_prov .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .bill_payee_select_prov .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .bill_payee_select_prov .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .bill_payee_select_prov .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .bill_payee_select_prov .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .bill_payee_select_prov .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .bill_payee_select_prov .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .bill_payee_select_prov .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .bill_payee_select_prov .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .bill_payee_select_prov .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .bill_payee_select_prov .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-tablet .bill_payee_select_prov .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-position-x: -150px;
background-position-y: -450px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 20px;
height: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .bill_payee_select_prov .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-tablet .bill_payee_select_prov .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .bill_payee_select_prov .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-tablet .bill_payee_select_prov .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(sprites-tablet.png);
}
}
.bmo-tablet .drop_down_select_prov .pane .content {
max-height: none;
height: inherit;
}
.bmo-tablet .drop_down_select_prov .pane .content .scrollable.use_flex {
max-height: none;
height: auto;
}
.contactUs {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.bmo-phone .contactUs .contactHeader {
font-family: 'DXBD';
font-size: 16px;
color: #ffffff;
padding: 15px 0px 10px 10px;
}
.bmo-tablet .contactUs .contactHeader {
font-family: 'DXBD';
font-size: 17px;
color: #ffffff;
padding: 30px 0px 10px 0px;
}
.bmo-tablet .contactUs .contactHeader sup {
font-size: 11px;
margin-left: 2px;
}
.contactUs .section {
background-color: white;
padding: 0 10px;
}
.bmo-phone .contactUs .section {
margin: 0 10px;
}
.contactUs .contactSocial {
text-align: center;
margin: 30px 0 0;
}
.contactUs .contactSocial img {
margin-left: 6px;
height: 30px;
cursor: pointer;
}
.contactUs .contactSocial img:first-child {
margin-left: 0;
}
.contactUs .txtFeedWrapp {
text-align: center;
padding: 25px 10px;
}
.contactUs .txtFeedWrapp .cntFeedBAck {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
text-align: center;
}
.contactUs .txtFeedWrapp .emailFeedBack {
text-decoration: underline;
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
color: #bedceb;
cursor: pointer;
text-align: center;
}
.contactUs .version-label {
font-family: 'DxRg';
font-size: 13px;
color: #ffffff;
width: 100%;
text-align: center;
}
.bmo-phone .contactUs .version-label {
margin-bottom: 20px;
}
.emtCancelSetUp {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.emtCancelSetUp .selectDropDownField .carousel.left-label .lbl {
-webkit-box-flex: 0;
-webkit-flex: 0 0 102px;
-ms-flex: 0 0 102px;
flex: 0 0 102px;
}
.emtCancelSetUp .selectDropDownField .carousel.left-label .fld {
-webkit-box-flex: 0;
-webkit-flex: 0 1 100%;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
.emtCancelSetUp .selectDropDownField .carousel.left-label .fld > .mblCarousel {
height: 52px;
}
.emtCancelSetUp .selectDropDownField .carousel.left-label .fld > .mblCarousel .mblCarouselSlot {
height: 52px;
}
.emtCancelSetUp .textFieldExpanding .lbl {
-webkit-box-flex: 0;
-webkit-flex: 0 0 102px;
-ms-flex: 0 0 102px;
flex: 0 0 102px;
}
.emtCancelVerify {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.bmo-tablet .emtCancelVerify .pageContent .title {
font-family: 'DXBD';
font-size: 15px;
color: #ffffff;
}
.bmo-tablet .emtCancelVerify .pageContent .title sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-phone .emtCancelVerify .pageContent .title {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.emtCancelFinish {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.bmo-tablet .emtCancelFinish .pageContent .text {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #ffffff;
}
.bmo-tablet .emtCancelFinish .pageContent .text sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-phone .emtCancelFinish .pageContent .text {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.bmo-tablet .emtCancelFinish .pageContent .bold-text {
font-family: 'DXBD';
font-size: 15px;
line-height: 20px;
color: #ffffff;
}
.bmo-tablet .emtCancelFinish .pageContent .bold-text sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .emtCancelFinish .pageContent .bold-text .lblName {
white-space: pre;
}
.bmo-phone .emtCancelFinish .pageContent .bold-text {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.solidBG {
margin: 10px;
padding: 10px;
background-color: white;
}
.emtReceiveSecurity {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.emtReceiveSecurity .text_field.bmo-tablet .lbl,
.emtReceiveSecurity .selectDropDownField .carousel.left-label .lbl {
-webkit-box-flex: 0;
-webkit-flex: 0 0 150px;
-ms-flex: 0 0 150px;
flex: 0 0 150px;
}
.emtReceiveFinish {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.bmo-tablet .emtReceiveFinish .pageContent .text {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #ffffff;
}
.bmo-tablet .emtReceiveFinish .pageContent .text sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-phone .emtReceiveFinish .pageContent .text {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.bmo-tablet .emtReceiveFinish .pageContent .bold-text {
font-family: 'DXBD';
font-size: 15px;
line-height: 20px;
color: #ffffff;
}
.bmo-tablet .emtReceiveFinish .pageContent .bold-text sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-phone .emtReceiveFinish .pageContent .bold-text {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.emt_recipients_add_edit .text_field.selection_container .fld {
background-color: #ffffff;
overflow: hidden;
}
.bmo-phone .emt_recipients_add_edit .text_field.selection_container .fld .lang_option {
float: left;
width: 50%;
height: 23px;
line-height: 23px;
}
.bmo-phone .emt_recipients_add_edit .text_field.selection_container .fld .lang_option label {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #000000;
margin-left: -5px;
vertical-align: middle;
}
.bmo-tablet .emt_recipients_add_edit .text_field.selection_container .fld {
-webkit-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.bmo-tablet .emt_recipients_add_edit .text_field.selection_container .fld .lang_option {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
width: 50%;
}
.bmo-tablet .emt_recipients_add_edit .text_field.selection_container .fld .lang_option label {
margin-left: -5px;
font-family: 'DxRg';
font-size: 15px;
line-height: 17px;
color: #000000;
}
.bmo-tablet .emt_recipients_add_edit .text_field.selection_container .fld .lang_option label sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .emt_recipients_add_edit .text_field.selection_container .fld .lang_option input[type="radio"] {
margin-left: 15px;
}
.emt_recipients_view {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.emt_recipients_view .headerSecondaryTablet {
margin-top: 30px;
margin-left: 100px;
margin-right: 100px;
}
.emt_recipients_view .pageContent {
background-color: #ffffff;
padding: 10px 0px 10px 0px;
}
.emt_recipients_view .pageContent .bmo-tablet {
margin-top: 0px;
}
.emt_recipients_view .pageContent > div {
margin: 0px 10px 0px 10px;
}
.emt_recipients_view .pageContent > div:last-child {
border-bottom: 0px;
}
.bmo-phone .emt_recipients_view .label {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #000000;
}
.bmo-phone .emt_recipients_view .data {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #000000;
}
.bmo-phone .emt_register .email-label {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
margin: 15px 10px 10px 10px;
}
.bmo-tablet .emt_register .email-label {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #ffffff;
margin-bottom: 10px;
}
.emt_register .information-label {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
background-color: rgba(0, 0, 0, 0.7);
}
.bmo-tablet .emt_register .information-label {
padding: 10px;
margin-bottom: 10px;
}
.bmo-phone .emt_register .information-label {
margin: 10px;
padding: 10px;
}
.emt_register .note {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
margin: 10px 0px;
}
.emt_register .boldMessageText {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.emt_register sup {
font-size: 8px;
line-height: 8px;
}
.emt_register .selbnametxt {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
margin-bottom: 10px;
}
.emt_register .legalname {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #ffffff;
margin-bottom: 10px;
}
.emt_register_select_bname .mblListItem,
.emt_register_select_bname .mblListItem.mblListItemSelected {
height: 40px;
background-color: #ffffff;
border-bottom: 1px solid #dcdcdc;
}
.emt_register_select_bname .mblListItem:active,
.emt_register_select_bname .mblListItem.mblListItemSelected:active {
background-color: rgba(0, 0, 0, 0.2);
}
.emt_register_select_bname .mblListItem .mblListItemLabel,
.emt_register_select_bname .mblListItem.mblListItemSelected .mblListItemLabel {
font-family: 'DxRg';
font-size: 14px;
line-height: 16px;
color: #000000;
padding-left: 10px;
line-height: 40px;
}
.emt_register_select_bname .mblListItem .mblListItemRightIcon,
.emt_register_select_bname .mblListItem.mblListItemSelected .mblListItemRightIcon {
margin-right: 10px;
}
.bmo-phone .emt_register_select_bname .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .emt_register_select_bname .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-position-x: -150px;
background-position-y: -442px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 19px;
height: 15px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .emt_register_select_bname .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .emt_register_select_bname .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .emt_register_select_bname .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .emt_register_select_bname .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .emt_register_select_bname .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .emt_register_select_bname .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .emt_register_select_bname .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .emt_register_select_bname .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .emt_register_select_bname .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .emt_register_select_bname .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .emt_register_select_bname .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-tablet .emt_register_select_bname .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-position-x: -150px;
background-position-y: -450px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 20px;
height: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .emt_register_select_bname .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-tablet .emt_register_select_bname .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .emt_register_select_bname .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-tablet .emt_register_select_bname .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(sprites-tablet.png);
}
}
.emtSendSetUp .lbl {
min-width: 80px;
}
.emtSendSetUp .note {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
margin: 10px 0px;
}
.emtSendSetUp .email-label {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #ffffff;
margin-bottom: 10px;
}
.emtSendSetUp .input_fields {
width: 73%;
}
.bmo-tablet .emtSendSetUp .two-column-layout > div > div:nth-child(n + 1) {
margin-top: 15px;
}
.bmo-tablet .emtSendSetUp .oneButtonLayout {
margin-top: 30px;
}
.bmo-tablet .emtSendSetUp .wu-label {
font-family: 'DxRg';
text-align: center;
font-size: 14px;
color: #ffffff;
margin-top: 45px;
}
.emtSendVerify {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.bmo-tablet .emtSendVerify .pageContent .title {
font-family: 'DXBD';
font-size: 15px;
color: #ffffff;
}
.bmo-tablet .emtSendVerify .pageContent .title sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-phone .emtSendVerify .pageContent .title {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.emtSendSecurity {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.bmo-tablet .emtSendSecurity .pageContent .title {
font-family: 'DXBD';
font-size: 15px;
color: #ffffff;
}
.bmo-tablet .emtSendSecurity .pageContent .title sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-phone .emtSendSecurity .pageContent .title {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.emtSendSecurity .text_field.bmo-tablet .lbl,
.emtSendSecurity .textFieldExpanding .lbl {
-webkit-box-flex: 0;
-webkit-flex: 0 0 150px;
-ms-flex: 0 0 150px;
flex: 0 0 150px;
}
.emtSendFinish {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.bmo-tablet .emtSendFinish .pageContent .text {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #ffffff;
}
.bmo-tablet .emtSendFinish .pageContent .text sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-phone .emtSendFinish .pageContent .text {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.bmo-tablet .emtSendFinish .pageContent .bold-text {
font-family: 'DXBD';
font-size: 15px;
line-height: 20px;
color: #ffffff;
}
.bmo-tablet .emtSendFinish .pageContent .bold-text sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-phone .emtSendFinish .pageContent .bold-text {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.bmo-phone .selectSendList .mblDomButtonCheck {
background-position-x: -150px;
background-position-y: -442px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 19px;
height: 15px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .selectSendList .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .selectSendList .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .selectSendList .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .selectSendList .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .selectSendList .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .selectSendList .mblDomButtonCheck {
background-position-x: -150px;
background-position-y: -450px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 20px;
height: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .selectSendList .mblDomButtonCheck {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .selectSendList .mblDomButtonCheck {
background-image: url(sprites-tablet.png);
}
}
.emtSendChangeEmail .note {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
margin: 10px 0px;
padding-top: 10px;
}
.emtSendChangeEmail .legalname {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #ffffff;
margin: 5px 0px;
}
.emt_send_select_bname .mblListItem,
.emt_send_select_bname .mblListItem.mblListItemSelected {
height: 40px;
background-color: #ffffff;
border-bottom: 1px solid #dcdcdc;
}
.emt_send_select_bname .mblListItem:active,
.emt_send_select_bname .mblListItem.mblListItemSelected:active {
background-color: rgba(0, 0, 0, 0.2);
}
.emt_send_select_bname .mblListItem .mblListItemLabel,
.emt_send_select_bname .mblListItem.mblListItemSelected .mblListItemLabel {
font-family: 'DxRg';
font-size: 14px;
line-height: 16px;
color: #000000;
padding-left: 10px;
line-height: 40px;
}
.emt_send_select_bname .mblListItem .mblListItemRightIcon,
.emt_send_select_bname .mblListItem.mblListItemSelected .mblListItemRightIcon {
margin-right: 10px;
}
.bmo-phone .emt_send_select_bname .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .emt_send_select_bname .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-position-x: -150px;
background-position-y: -442px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 19px;
height: 15px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .emt_send_select_bname .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .emt_send_select_bname .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .emt_send_select_bname .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .emt_send_select_bname .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .emt_send_select_bname .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .emt_send_select_bname .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .emt_send_select_bname .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .emt_send_select_bname .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .emt_send_select_bname .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .emt_send_select_bname .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .emt_send_select_bname .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-tablet .emt_send_select_bname .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-position-x: -150px;
background-position-y: -450px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 20px;
height: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .emt_send_select_bname .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-tablet .emt_send_select_bname .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .emt_send_select_bname .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-tablet .emt_send_select_bname .mblListItem.mblListItemSelected .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(sprites-tablet.png);
}
}
.touch_id_reg .touch_id_def_font {
color: #000000;
font-family: 'DxRg';
font-size: 14px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.touch_id_reg .touch_id_def_font {
font-size: 16px;
}
}
.touch_id_reg .touch_id_def_bold {
color: #000000;
font-family: 'DXBD';
font-size: 14px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.touch_id_reg .touch_id_def_bold {
font-size: 16px;
}
}
.touch_id_reg .touch_id_btn_font {
font-size: 15px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.touch_id_reg .touch_id_btn_font {
font-size: 17px;
}
}
.touch_id_reg .touch_id_logo {
width: 92px;
height: 92px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 92px 92px;
border: none;
margin: 0 auto;
padding: 0px;
}
@media only screen {
}
@media only screen and (min-resolution: 96dpi) {
.touch_id_reg .touch_id_logo {
background-image: url(touchid_logo.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.touch_id_reg .touch_id_logo {
background-image: url(touchid_logo.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.touch_id_reg .touch_id_logo {
background-image: url(touchid_logo.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.touch_id_reg .touch_id_logo {
background-image: url(touchid_logo.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.touch_id_reg .touch_id_logo {
background-image: url(touchid_logo.png);
}
}
.touch_id_reg .touch_id_terms_and_conditions {
-webkit-box-shadow: none;
box-shadow: none;
color: #000000;
font-family: 'DxRg';
font-size: 14px;
-webkit-box-shadow: 0px 8px 5px -5px #b4b4b4;
box-shadow: 0px 8px 5px -5px #b4b4b4;
text-align: left;
background-color: #ffffff;
padding: 15px 20px 20px 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.touch_id_reg .touch_id_terms_and_conditions {
font-size: 16px;
}
}
.select-screen .touch_id_reg .touch_id_terms_and_conditions {
margin-top: 10px;
}
.touch_id_reg .touch_id_terms_and_conditions .touch_id_copy {
margin-top: 10px;
word-wrap: break-word;
}
.touch_id_reg .touch_id_terms_and_conditions .touch_id_copy a {
word-break: break-all;
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #0079c1;
}
.touch_id_reg .touch_id_terms_and_conditions .touch_id_copy a:link,
.touch_id_reg .touch_id_terms_and_conditions .touch_id_copy a:visited,
.touch_id_reg .touch_id_terms_and_conditions .touch_id_copy a:active {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #0079c1;
}
.touch_id_reg .touch_id_terms_and_conditions .touch_id_copy .touch_id_tnc_bold {
color: #000000;
font-family: 'DXBD';
font-size: 14px;
margin-top: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.touch_id_reg .touch_id_terms_and_conditions .touch_id_copy .touch_id_tnc_bold {
font-size: 16px;
}
}
.touch_id_reg .touch_id_terms_and_conditions .touch_id_copy .touch_id_tnc_item {
list-style-type: disc;
list-style-position: inside;
margin-top: 10px;
}
.touch_id_reg .touch_id_terms_and_conditions .touch_id_copy .middlerow {
overflow: hidden;
padding-top: 10px;
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: inline-flex;
-webkit-flex-flow: row nowrap;
-moz-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
-webkit-box-pack: space-between;
box-pacl: space-between;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.touch_id_reg .touch_id_terms_and_conditions .touch_id_copy .middlerow.hidden {
display: none;
}
.touch_id_reg .touch_id_terms_and_conditions .touch_id_copy .middlerow .switchWrapper {
-webkit-border-radius: 55px;
border-radius: 55px;
border-top-left-radius: 55px;
border-top-right-radius: 55px;
border-bottom-left-radius: 55px;
border-bottom-right-radius: 55px;
margin-bottom: 15px;
margin-top: 10px;
}
.touch_id_reg .touch_id_terms_and_conditions .touch_id_copy .middlerow .ios10buttonwidth {
max-width: 150px;
}
.touch_id_reg .touch_id_terms_and_conditions .touch_id_copy .middlerow .switchDesc {
margin-bottom: 15px;
padding-left: 0px;
}
.touch_id_reg .touch_id_btn_main_on {
-webkit-border-radius: 4px;
border-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 100%;
margin: 0px;
padding: 2px 0px;
font-size: 15px;
cursor: pointer;
}
.bmo-phone .touch_id_reg .touch_id_btn_main_on {
font-family: 'DXBD';
font-size: 15px;
line-height: 16px;
color: #0079c1;
margin: 0px;
padding: 2px 0px;
border: 1px solid #ffffff;
background-color: #ffffff;
background: -webkit-linear-gradient(#ffffff, #d5d5d5 78%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(78%, #d5d5d5), color-stop(100%, #ffffff));
background: -ms-linear-gradient(#ffffff, #d5d5d5 78%, #ffffff 100%);
background: -o-linear-gradient(#ffffff, #d5d5d5 78%, #ffffff 100%);
background: linear-gradient(#ffffff, #d5d5d5 78%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorWhite', endColorstr='@colorWhite', GradientType=0);
}
.bmo-tablet .touch_id_reg .touch_id_btn_main_on {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
background: none;
filter: none;
background-color: #d6d6d6;
border: none;
}
.bmo-tablet .touch_id_reg .touch_id_btn_main_on sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-phone .touch_id_reg .touch_id_btn_main_on:focus {
background: #ffffff;
}
.bmo-tablet .touch_id_reg .touch_id_btn_main_on:focus {
background: none;
filter: none;
background-color: #ffffff;
border: none;
border: 3px solid #d6d6d6;
}
.bmo-tablet .touch_id_reg .touch_id_btn_main_on:focus {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
border: 3px solid #d6d6d6;
}
.bmo-tablet .touch_id_reg .touch_id_btn_main_on:focus sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-phone .touch_id_reg .touch_id_btn_main_on:active {
background-color: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(#d5d5d5), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(top, #d5d5d5, #ffffff 100%);
background: -o-linear-gradient(top, #d5d5d5, #ffffff 100%);
background: -ms-linear-gradient(top, #d5d5d5, #ffffff 100%);
background: linear-gradient(top, #d5d5d5, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@btnsecpress', endColorstr='@colorWhite', GradientType=0);
}
.bmo-tablet .touch_id_reg .touch_id_btn_main_on:active {
background: none;
filter: none;
background-color: #ffffff;
border: none;
border: 3px solid #d6d6d6;
}
.bmo-tablet .touch_id_reg .touch_id_btn_main_on:active {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
border: 3px solid #d6d6d6;
}
.bmo-tablet .touch_id_reg .touch_id_btn_main_on:active sup {
font-size: 12px;
margin-left: 2px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.touch_id_reg .touch_id_btn_main_on {
font-size: 17px;
}
}
.touch_id_reg .touch_id_btn_main_off {
-webkit-border-radius: 4px;
border-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 100%;
margin: 0px;
padding: 2px 0px;
font-size: 15px;
cursor: not-allowed;
}
.bmo-phone .touch_id_reg .touch_id_btn_main_off {
font-family: 'DXBD';
font-size: 14px;
line-height: 16px;
color: #73c3eb;
padding: 5px 0px 5px;
border: 1px solid #ffffff;
background-color: #ffffff;
background: -webkit-linear-gradient(top, #ffffff, #eaeaea 78%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(#ffffff), color-stop(100%, #eaeaea));
background: -ms-linear-gradient(top, #ffffff, #eaeaea 78%, #ffffff 100%);
background: -o-linear-gradient(top, #ffffff, #eaeaea 78%, #ffffff 100%);
background: linear-gradient(top, #ffffff, #eaeaea 78%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorWhite', endColorstr='@colorWhite', GradientType=0);
}
.bmo-tablet .touch_id_reg .touch_id_btn_main_off {
font-family: 'DXBD';
font-size: 18px;
color: #999999;
background: none;
filter: none;
background-color: #d6d6d6;
border: none;
}
.bmo-tablet .touch_id_reg .touch_id_btn_main_off sup {
font-size: 12px;
margin-left: 2px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.touch_id_reg .touch_id_btn_main_off {
font-size: 17px;
}
}
.touch_id_reg .oneButtonLayout {
text-align: center;
}
.touch_id_reg .oneButtonLayout .touch_id_btn_ask_later {
color: #000000;
font-family: 'DxRg';
font-size: 14px;
color: #ffffff;
cursor: pointer;
text-decoration: underline;
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.touch_id_reg .oneButtonLayout .touch_id_btn_ask_later {
font-size: 16px;
}
}
.touch_id_reg .touch_id_tnc_link {
color: #000000;
font-family: 'DxRg';
font-size: 14px;
color: #0079c1;
cursor: pointer;
text-decoration: underline;
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.touch_id_reg .touch_id_tnc_link {
font-size: 16px;
}
}
.touch_id_image {
width: 92px;
height: 92px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 92px 92px;
border: none;
}
@media only screen {
}
@media only screen and (min-resolution: 96dpi) {
.touch_id_image {
background-image: url(touchid_logo.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.touch_id_image {
background-image: url(touchid_logo.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.touch_id_image {
background-image: url(touchid_logo.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.touch_id_image {
background-image: url(touchid_logo.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.touch_id_image {
background-image: url(touchid_logo.png);
}
}
.bmo-tablet .locator .header-skinny-nav ~ * {
margin-left: 0px;
padding-left: 44px;
}
.drop-down.card-list {
-webkit-border-radius: 3px;
border-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
overflow: hidden;
}
.drop-down.card-list .pane .content .scrollable.use_flex {
max-height: 260px;
}
.drop-down.card-list .header {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
-ms-flex-pack: flex-end;
justify-content: flex-end;
-webkit-box-pack: flex-end;
box-pacl: flex-end;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
height: 40px;
}
.drop-down.card-list .header .edit-button {
font-family: 'DxRg';
font-size: 16px;
color: #0079c1;
padding: 10px;
display: inline-block;
}
.drop-down.menu .menu-item {
font-family: 'DxRg';
text-align: center;
color: #0079c1;
font-size: 20px;
border-bottom: 1px solid #c0c0c0;
line-height: 44px;
height: 44px;
}
.drop-down.menu .menu-item:active {
background-color: rgba(0, 0, 0, 0.2);
}
.drop-down.menu .menu-item:focus {
background-color: rgba(0, 0, 0, 0.2);
}
.drop-down.menu .menu-item:last-child {
border-bottom: 0;
}
.saved-card-list {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-ms-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-pack: center;
box-pacl: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1000;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 1;
visibility: visible;
-webkit-transition: visibility 0.2s, opacity 0.2s ease-out;
-moz-transition: visibility 0.2s, opacity 0.2s ease-out;
-o-transition: visibility 0.2s, opacity 0.2s ease-out;
transition: visibility 0.2s, opacity 0.2s ease-out;
}
.saved-card-list .pane {
-webkit-border-radius: 4px;
border-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
width: 480px;
background-color: #ffffff;
overflow: hidden;
transform: scale(1);
transition: transform 0.2s ease-out;
-webkit-transform: scale(1);
-webkit-transition: -webkit-transform 0.2s ease-out;
}
.saved-card-list .pane .mblListItem {
height: auto;
}
.saved-card-list .pane .mblListItemRightIcon {
margin-top: 14px;
}
.bmo-tablet .saved-card-list .pane .mblListItemRightIcon {
margin-right: 13px;
}
.saved-card-list .pane .header {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
-webkit-box-pack: space-between;
box-pacl: space-between;
}
.saved-card-list .pane .header > div {
display: inline-block;
}
.saved-card-list .pane .header > div.title {
font-family: 'DXBD';
font-size: 16px;
margin-left: 10px;
line-height: 44px;
}
.saved-card-list .pane .header > div.close-button {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-pack: center;
box-pacl: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
width: 44px;
height: 44px;
}
.saved-card-list .pane .footer {
display: block;
}
.saved-card-list .pane .footer .oneButtonLayout {
margin: 15px 0;
}
.saved-card-list.saved-card-list-hidden {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
visibility: hidden;
opacity: 0;
-webkit-transition: visibility 0.2s, opacity 0.2s ease-out;
-moz-transition: visibility 0.2s, opacity 0.2s ease-out;
-o-transition: visibility 0.2s, opacity 0.2s ease-out;
transition: visibility 0.2s, opacity 0.2s ease-out;
}
.saved-card-list.saved-card-list-hidden .pane {
transform: scale(0.5);
-webkit-transform: scale(0.5);
}
.lgnEnterCard input[type=tel],
.lgnEnterCard input[type=password],
.lgnEnterCard input[type=text] {
font-family: 'DXBD';
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-bottom: 0px;
padding-left: 10px;
height: 40px;
width: 100%;
font-size: 15px;
line-height: 20px;
}
.bmo-tablet .lgnEnterCard input[type=tel],
.bmo-tablet .lgnEnterCard input[type=password],
.bmo-tablet .lgnEnterCard input[type=text] {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
border-style: none;
}
.lgnEnterCard .remembermycard {
float: left;
margin-top: 7px;
margin-left: 10px;
font-family: 'DxRg';
font-size: 14px;
line-height: 16px;
color: #ffffff;
display: inline;
}
.lgnEnterCard .remembermycard:focus {
outline: none;
}
.lgnEnterCard .cardnumber {
padding-left: 10px;
margin-bottom: 10px;
margin-top: 30px;
}
.lgnEnterCard .middlerow {
overflow: hidden;
width: 100%;
}
.lgnEnterCard .forgotPassword {
text-decoration: underline;
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #bedceb;
cursor: pointer;
text-align: center;
padding: 10px;
}
.lgnEnterCard .maintitle {
display: block;
margin: 10px auto 0;
}
.lgnEnterCard .selected-card {
display: table;
position: relative;
background-color: #ffffff;
width: 100%;
height: 40px;
margin-bottom: 10px;
font-family: 'DXBD';
font-size: 15px;
color: #000000;
}
.lgnEnterCard .selected-card:focus {
background-color: #b3b3b3;
}
.lgnEnterCard .selected-card:active {
background-color: #d9d9d9;
}
.lgnEnterCard .selected-card .selected-card-numbers {
padding-left: 10px;
display: table-cell;
vertical-align: middle;
padding-top: 10px;
padding-bottom: 10px;
}
.lgnEnterCard .selected-card .select-card-icon {
top: 30%;
position: absolute;
right: 5px;
}
.bmo-phone .lgnEnterCard .selected-card .select-card-icon {
background-position-x: -150px;
background-position-y: -500px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 8px;
height: 17px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .lgnEnterCard .selected-card .select-card-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .lgnEnterCard .selected-card .select-card-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .lgnEnterCard .selected-card .select-card-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .lgnEnterCard .selected-card .select-card-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .lgnEnterCard .selected-card .select-card-icon {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .lgnEnterCard .selected-card .select-card-icon {
background-position-x: -150px;
background-position-y: -510px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 10px;
height: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .lgnEnterCard .selected-card .select-card-icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .lgnEnterCard .selected-card .select-card-icon {
background-image: url(sprites-tablet.png);
}
}
.bmo-tablet .lgnEnterCard .maintitle {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin: 0;
-webkit-justify-content: center;
-ms-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-pack: center;
box-pacl: center;
}
.bmo-tablet .lgnEnterCard .main-content .bubble {
position: absolute;
background-color: rgba(0, 24, 39, 0.9);
padding: 30px 50px;
width: 385px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.bmo-tablet .lgnEnterCard .main-content .bubble input[type="text"],
.bmo-tablet .lgnEnterCard .main-content .bubble input[type="password"],
.bmo-tablet .lgnEnterCard .main-content .bubble input[type="tel"] {
margin: 0 0 15px 0;
font-size: 16px;
}
.bmo-tablet .lgnEnterCard .main-content .bubble .footer-links {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-pack: center;
box-pacl: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
margin-bottom: 18px;
}
.bmo-tablet .lgnEnterCard .main-content .bubble .footer-links > div {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-around;
-ms-justify-content: space-around;
-ms-flex-pack: space-around;
justify-content: space-around;
-webkit-box-pack: space-around;
box-pacl: space-around;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
padding: 0 10px;
font-family: 'DxRg';
font-size: 14px;
line-height: 16px;
color: #ffffff;
height: 40px;
}
.bmo-tablet .lgnEnterCard .main-content .bubble .footer-links > div.menu-button {
width: 25px;
}
.bmo-tablet .lgnEnterCard .main-content .bubble .footer-links > div.menu-button > div {
background-color: white;
border-radius: 50%;
width: 5px;
height: 5px;
}
.bmo-tablet .lgnEnterCard .main-content .bubble .app-toggle {
margin-top: 30px;
margin-bottom: 30px;
margin: 30px 11.25px;
}
.bmo-tablet .lgnEnterCard .main-content .bubble .switch {
margin: 0 0 15px 0;
}
.bmo-tablet .lgnEnterCard .main-content .bubble .btn_full_width {
margin: 0 0 18px 0;
height: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.bmo-tablet .lgnEnterCard .main-content .bubble .btn_test {
height: 34px;
width: 100%;
margin-bottom: 10px;
}
.bmo-tablet .lgnEnterCard .main-content .bubble .selected-card {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
margin-bottom: 15px;
padding: 0 10px;
width: auto;
}
.bmo-tablet .lgnEnterCard .main-content .bubble .selected-card .selected-card-numbers {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
padding: 0;
display: block;
}
.bmo-tablet .lgnEnterCard .main-content .bubble .selected-card .icon {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.bmo-tablet .lgnEnterCard .main-content .bubble .selected-card .icon > div {
background-position-x: -60px;
background-position-y: -540px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 19px;
height: 19px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .lgnEnterCard .main-content .bubble .selected-card .icon > div {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .lgnEnterCard .main-content .bubble .selected-card .icon > div {
background-image: url(sprites-tablet.png);
}
}
.bmo-tablet .lgnEnterCard .main-content .bubble .useanother-insert {
margin: 0 auto 16px;
}
.bmo-tablet .lgnEnterCard .main-content .bubble .useanother-insert .use-another {
font-family: 'DxRg';
font-size: 15px;
color: #ffffff;
border-bottom: 1px solid #ffffff;
}
@media (orientation: portrait) {
.bmo-tablet .lgnEnterCard .main-content .bubble {
top: 202px;
left: 191.5px;
}
}
@media (orientation: landscape) {
.bmo-tablet .lgnEnterCard .main-content .bubble {
top: 75px;
left: 210px;
}
}
.bmo-tablet .lgnEnterCard .main-content .btn_pri_default,
.bmo-tablet .lgnEnterCard .main-content .btn_pri_default_sml_text {
background-color: #3394cd;
}
.bmo-tablet .lgnEnterCard .main-content .btn_pri_default:focus,
.bmo-tablet .lgnEnterCard .main-content .btn_pri_default_sml_text:focus {
background-color: #ffffff;
}
.bmo-tablet .lgnEnterCard .main-content .btn_pri_default:active,
.bmo-tablet .lgnEnterCard .main-content .btn_pri_default_sml_text:active {
background-color: #ffffff;
}
.bmo-tablet .lgnEnterCard .background {
position: absolute;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-image: url(bg.png);
}
.lgnEnterSecurity .wrapper {
font-family: 'DxRg';
width: 71.875%;
margin-left: 14.0625%;
margin-right: 14.0625%;
padding-bottom: 30px;
color: #ffffff;
}
.lgnEnterSecurity .securemessage {
margin-top: 15px;
margin-bottom: 10px;
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.lgnEnterSecurity .dojoFormValue {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
margin-bottom: 10px;
}
.lgnEnterSecurity .securequestion {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #ffffff;
margin-bottom: 5px;
}
.lgnEnterSecurity .remmemberdevice {
float: right;
margin-bottom: 0px;
font-size: 15px;
width: 60%;
height: 40px;
font-family: 'DxRg';
}
.lgnEnterSecurity .middlerow {
overflow: hidden;
padding-top: 10px;
width: 100%;
}
.lgnEnterSecurity .remmemberdivice {
margin-bottom: 15px;
padding-left: 10px;
overflow: hidden;
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.lgnEnterSecurity input[type=text] {
font-family: 'DXBD';
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 40px;
width: 100%;
font-size: 15px;
padding-left: 10px;
line-height: 20px;
}
.lgnEnterSecurity input[type=text]:focus {
outline: none;
}
.bmo-tablet .lgnEnterSecurity input[type=text] {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
border-style: none;
line-height: 22px;
}
.lgnEnterSecurity .remembercardmessage {
padding-top: 10px;
font-size: 15px;
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.bmo-tablet .lgnEnterSecurity .content {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #ffffff;
padding: 30px 13%;
}
.bmo-tablet .lgnEnterSecurity .content sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .lgnEnterSecurity .content button {
height: 40px;
width: 50%;
display: block;
margin: 0 auto;
box-sizing: border-box;
}
.bmo-tablet .lgnEnterSecurity .content .securemessage {
margin: 0 0 20px 0;
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #ffffff;
}
.bmo-tablet .lgnEnterSecurity .content .securemessage sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .lgnEnterSecurity .content .securequestion {
font-family: 'DXBD';
font-size: 15px;
line-height: 20px;
color: #ffffff;
margin: 0;
}
.bmo-tablet .lgnEnterSecurity .content .securequestion sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .lgnEnterSecurity .content .question {
margin: 0 0 20px 0;
}
.bmo-tablet .lgnEnterSecurity .content .response {
font-family: 'DXBD';
font-size: 16px;
color: #000000;
margin: 0 0 30px 0;
}
.bmo-tablet .lgnEnterSecurity .content .response sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .lgnEnterSecurity .content .remembercardmessage {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #ffffff;
padding: 0;
margin: 0 0 30px 0;
}
.bmo-tablet .lgnEnterSecurity .content .remembercardmessage sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .lgnEnterSecurity .content .switch {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #ffffff;
}
.bmo-tablet .lgnEnterSecurity .content .switch sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .lgnEnterSecurity .content .blueDivider {
margin: 0 0 20px 0;
}
.bmo-tablet .lgnEnterSecurity .content .feedback {
text-align: center;
}
.bmo-tablet .lgnEnterSecurity .content .feedback .email {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #bedceb;
text-decoration: underline;
cursor: pointer;
text-align: center;
}
.btn_full_width {
width: 100%;
height: 34px;
}
.txt_error {
outline-color: #c81414;
outline-style: solid;
outline-width: 2px;
}
.bmo-tablet .txt_error {
outline-offset: 0px;
}
.lgnEnterCard .nickname {
margin-bottom: 10px;
}
.lgnEnterCard .pass {
margin-bottom: 10px;
}
.lgnEnterCard .wrapper {
font-family: 'DxRg';
width: 71.875%;
margin-left: 14.0625%;
margin-right: 71.875%;
height: auto;
padding-bottom: 45px;
}
.lgnEnterCard .bottomwrapper {
margin-bottom: 45px;
margin-left: 14.0625%;
width: 71.875%;
}
.lgnEnterCard .btn_findus {
width: 45%;
-webkit-border-radius: 4px;
border-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 100%;
margin: 0px;
padding: 2px 0px;
margin-top: 15px !important;
margin-right: 10px;
height: 33px;
padding: 0px;
line-height: 33px;
}
.bmo-phone .lgnEnterCard .btn_findus {
font-family: 'DXBD';
font-size: 15px;
line-height: 16px;
color: #0079c1;
margin: 0px;
padding: 2px 0px;
border: 1px solid #ffffff;
background-color: #ffffff;
background: -webkit-linear-gradient(#ffffff, #d5d5d5 78%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(78%, #d5d5d5), color-stop(100%, #ffffff));
background: -ms-linear-gradient(#ffffff, #d5d5d5 78%, #ffffff 100%);
background: -o-linear-gradient(#ffffff, #d5d5d5 78%, #ffffff 100%);
background: linear-gradient(#ffffff, #d5d5d5 78%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorWhite', endColorstr='@colorWhite', GradientType=0);
}
.bmo-tablet .lgnEnterCard .btn_findus {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
background: none;
filter: none;
background-color: #d6d6d6;
border: none;
}
.bmo-tablet .lgnEnterCard .btn_findus sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-phone .lgnEnterCard .btn_findus:focus {
background: #ffffff;
}
.bmo-tablet .lgnEnterCard .btn_findus:focus {
background: none;
filter: none;
background-color: #ffffff;
border: none;
border: 3px solid #d6d6d6;
}
.bmo-tablet .lgnEnterCard .btn_findus:focus {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
border: 3px solid #d6d6d6;
}
.bmo-tablet .lgnEnterCard .btn_findus:focus sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-phone .lgnEnterCard .btn_findus:active {
background-color: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(#d5d5d5), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(top, #d5d5d5, #ffffff 100%);
background: -o-linear-gradient(top, #d5d5d5, #ffffff 100%);
background: -ms-linear-gradient(top, #d5d5d5, #ffffff 100%);
background: linear-gradient(top, #d5d5d5, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@btnsecpress', endColorstr='@colorWhite', GradientType=0);
}
.bmo-tablet .lgnEnterCard .btn_findus:active {
background: none;
filter: none;
background-color: #ffffff;
border: none;
border: 3px solid #d6d6d6;
}
.bmo-tablet .lgnEnterCard .btn_findus:active {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
border: 3px solid #d6d6d6;
}
.bmo-tablet .lgnEnterCard .btn_findus:active sup {
font-size: 12px;
margin-left: 2px;
}
.lgnEnterCard .btn_contactus {
width: 45%;
-webkit-border-radius: 4px;
border-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 100%;
margin: 0px;
padding: 2px 0px;
float: right;
height: 33px;
margin-top: 15px !important;
padding: 0px;
line-height: 33px;
}
.bmo-phone .lgnEnterCard .btn_contactus {
font-family: 'DXBD';
font-size: 15px;
line-height: 16px;
color: #0079c1;
margin: 0px;
padding: 2px 0px;
border: 1px solid #ffffff;
background-color: #ffffff;
background: -webkit-linear-gradient(#ffffff, #d5d5d5 78%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(78%, #d5d5d5), color-stop(100%, #ffffff));
background: -ms-linear-gradient(#ffffff, #d5d5d5 78%, #ffffff 100%);
background: -o-linear-gradient(#ffffff, #d5d5d5 78%, #ffffff 100%);
background: linear-gradient(#ffffff, #d5d5d5 78%, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorWhite', endColorstr='@colorWhite', GradientType=0);
}
.bmo-tablet .lgnEnterCard .btn_contactus {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
background: none;
filter: none;
background-color: #d6d6d6;
border: none;
}
.bmo-tablet .lgnEnterCard .btn_contactus sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-phone .lgnEnterCard .btn_contactus:focus {
background: #ffffff;
}
.bmo-tablet .lgnEnterCard .btn_contactus:focus {
background: none;
filter: none;
background-color: #ffffff;
border: none;
border: 3px solid #d6d6d6;
}
.bmo-tablet .lgnEnterCard .btn_contactus:focus {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
border: 3px solid #d6d6d6;
}
.bmo-tablet .lgnEnterCard .btn_contactus:focus sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-phone .lgnEnterCard .btn_contactus:active {
background-color: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(#d5d5d5), color-stop(100%, #ffffff));
background: -webkit-linear-gradient(top, #d5d5d5, #ffffff 100%);
background: -o-linear-gradient(top, #d5d5d5, #ffffff 100%);
background: -ms-linear-gradient(top, #d5d5d5, #ffffff 100%);
background: linear-gradient(top, #d5d5d5, #ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@btnsecpress', endColorstr='@colorWhite', GradientType=0);
}
.bmo-tablet .lgnEnterCard .btn_contactus:active {
background: none;
filter: none;
background-color: #ffffff;
border: none;
border: 3px solid #d6d6d6;
}
.bmo-tablet .lgnEnterCard .btn_contactus:active {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
border: 3px solid #d6d6d6;
}
.bmo-tablet .lgnEnterCard .btn_contactus:active sup {
font-size: 12px;
margin-left: 2px;
}
.lgnEnterCard .maximumcards {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
padding: 10px;
text-align: left;
background-color: rgba(0, 0, 0, 0.8);
}
.lgnEnterCard .maximumcards b {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #ffffff;
text-align: left;
}
.bmo-phone .lgnEnterCard .maximumcards {
margin-bottom: 15px;
}
.bmo-tablet .lgnEnterCard .maximumcards {
margin-bottom: 3px;
}
.lgnEnterCard .removecard {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #bedceb;
width: auto;
background-color: transparent;
text-decoration: underline;
}
.bmo-tablet .lgnEnterCard .removecard {
height: initial;
}
.lgnEnterCard .use-another {
font-family: 'DXBD';
font-size: 15px;
color: #ffffff;
border-bottom: 2px solid #0079c1;
}
.lgnEnterCard .useanother-insert {
width: 100%;
text-align: center;
margin: 15px auto 0px;
}
.lgnEnterCard .selectcard-signin {
font-family: 'DXBD';
color: #ffffff;
font-size: 15px;
margin-bottom: 10px;
margin-top: 30px;
}
.lgnEnterCard .hrline .hrlineImg {
background-position-x: -300px;
background-position-y: -600px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 280px;
height: 2px;
margin: 0 auto;
}
@media only screen and (min-resolution: 96dpi) {
.lgnEnterCard .hrline .hrlineImg {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.lgnEnterCard .hrline .hrlineImg {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.lgnEnterCard .hrline .hrlineImg {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.lgnEnterCard .hrline .hrlineImg {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.lgnEnterCard .hrline .hrlineImg {
background-image: url(R77899qw8.png);
}
}
@media screen and (orientation: landscape) {
.lgnEnterCard .hrline .hrlineImg {
display: none;
}
}
.bmo-tablet .lgnEnterPassword .tcMainScrollArea {
height: 100%;
}
.lgnEnterPassword .wrapper {
font-family: 'DxRg';
width: 71.875%;
margin-left: 14.0625%;
margin-right: 71.875%;
}
.bmo-tablet .lgnEnterPassword .wrapper {
text-align: center;
}
.lgnEnterPassword .incorrectpass {
font-family: 'DxRg';
width: 100%;
height: 45px;
color: #ffffff;
font-size: 15px;
margin-top: 15px;
}
.lgnEnterPassword input[type=password] {
font-family: 'DXBD';
-webkit-box-shadow: none;
box-shadow: none;
height: 40px;
width: 100%;
font-size: 15px;
margin-top: 25px;
margin-bottom: 10px;
padding-left: 10px;
}
.lgnEnterPassword input[type=password]:focus {
outline: none;
}
.bmo-tablet .lgnEnterPassword input[type=password] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
border-style: none;
}
.bmo-tablet .lgnEnterPassword .wrapper {
text-align: center;
}
.bmo-tablet .lgnEnterPassword .textfield-device {
width: 71.875%;
line-height: 18px;
}
.bmo-tablet .lgnEnterPassword hr {
margin: 20px 0 30px 0;
border: 0;
height: 1px;
padding: 0;
background: #338cc2;
}
.lgnSelectCard .select-card-list {
width: 92%;
margin: 0 auto 55px;
}
.lgnSelectCard .select-card-list .mblListItem {
border-bottom: 1px solid #338cc2;
background-image: none;
height: 40px;
background-color: transparent;
line-height: 40px;
}
.lgnSelectCard .select-card-list .mblListItem:last-child {
border-style: none;
}
.lgnSelectCard .select-card-list .mblListItemRightText {
font-family: 'DxRg';
font-size: 16px;
color: #ffffff;
line-height: 40px;
margin-top: 0px;
margin-right: 10px;
}
.lgnSelectCard .mblListItemChecked {
background-color: transparent;
background-image: none;
}
.lgnSelectCard .bottom-div {
position: absolute;
bottom: 0;
width: 100%;
height: 40px;
background-color: rgba(0, 0, 0, 0.8);
}
.lgnSelectCard .delete-button {
-webkit-border-radius: 4px;
border-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 100%;
margin: 0px;
padding: 2px 0px;
width: 33.33333%;
height: 30px;
font-size: 15px;
margin: 2px 33.33333%;
}
.bmo-phone .lgnSelectCard .delete-button {
font-family: 'DXBD';
font-size: 18px;
color: #ffffff;
line-height: 18px;
border: 1px solid #43a3e0;
background-color: #58baea;
background: -webkit-linear-gradient(top, #58baea, #298fd9 78%, #47a8e3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #58baea), color-stop(78%, #298fd9), color-stop(100%, #47a8e3));
background: -ms-linear-gradient(top, #58baea, #298fd9 78%, #47a8e3 100%);
background: -o-linear-gradient(top, #58baea, #298fd9 78%, #47a8e3 100%);
background: linear-gradient(top, #58baea, #298fd9 78%, #47a8e3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorBlue5', endColorstr='@btnPriDefColor1', GradientType=0);
}
.bmo-tablet .lgnSelectCard .delete-button {
font-family: 'DXBD';
font-size: 18px;
color: #ffffff;
background: none;
filter: none;
background-color: #66afda;
border: none;
}
.bmo-tablet .lgnSelectCard .delete-button sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-phone .lgnSelectCard .delete-button:focus {
background-color: #0079c1;
border-style: none;
border: none;
}
.bmo-tablet .lgnSelectCard .delete-button:focus {
background: none;
filter: none;
background-color: #ffffff;
border: 3px solid #d6d6d6;
}
.bmo-tablet .lgnSelectCard .delete-button:focus {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
border: 3px solid #d6d6d6;
}
.bmo-tablet .lgnSelectCard .delete-button:focus sup {
font-size: 12px;
margin-left: 2px;
}
.bmo-phone .lgnSelectCard .delete-button:active {
background-color: #298fd9;
background: -webkit-gradient(linear, left top, left bottom, color-stop(22%, #298fd9), color-stop(100%, #58baea));
background: -webkit-linear-gradient(top, #298fd9 22%, #58baea 100%);
background: -o-linear-gradient(top, #298fd9 22%, #58baea 100%);
background: -ms-linear-gradient(top, #298fd9 22%, #58baea 100%);
background: linear-gradient(to bottom, #298fd9 22%, #58baea 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@btnPriDefColor3', endColorstr='@colorBlue5', GradientType=0);
}
.bmo-tablet .lgnSelectCard .delete-button:active {
background: none;
filter: none;
background-color: #ffffff;
border: 3px solid #d6d6d6;
}
.bmo-tablet .lgnSelectCard .delete-button:active {
font-family: 'DXBD';
font-size: 18px;
color: #0079c1;
border: 3px solid #d6d6d6;
}
.bmo-tablet .lgnSelectCard .delete-button:active sup {
font-size: 12px;
margin-left: 2px;
}
.lgnSelectCard .deleteInactive {
-webkit-border-radius: 4px;
border-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 100%;
margin: 0px;
padding: 2px 0px;
width: 33.33333%;
height: 30px;
font-size: 15px;
margin: 2px 33.33333%;
}
.bmo-phone .lgnSelectCard .deleteInactive {
font-family: 'DXBD';
font-size: 18px;
color: #ffffff;
border: 1px solid #6ab6e6;
background-color: #aadbf4;
background: -webkit-linear-gradient(top, #aadbf4, #96c8eb 78%, #aadbf4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aadbf4), color-stop(78%, #96c8eb), color-stop(100%, #aadbf4));
background: -ms-linear-gradient(top, #aadbf4, #96c8eb 78%, #aadbf4 100%);
background: -o-linear-gradient(top, #aadbf4, #96c8eb 78%, #aadbf4 100%);
background: linear-gradient(top, #aadbf4, #96c8eb 78%, #aadbf4 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@btnPriColor', endColorstr='@btnPriColor', GradientType=0);
}
.bmo-tablet .lgnSelectCard .deleteInactive {
font-family: 'DXBD';
font-size: 18px;
color: #999999;
background: none;
filter: none;
background-color: #d6d6d6;
border: none;
}
.bmo-tablet .lgnSelectCard .deleteInactive sup {
font-size: 12px;
margin-left: 2px;
}
.lgnSelectCard .mblDomButtonCheck {
float: left;
height: 30px;
}
.lgnSelectCard .mblListItemChecked .mblListItemRightIcon {
margin-right: 14.0625%;
margin-top: 10px;
}
.mblTextBox {
height: 40px;
}
.tittlesignin-login .label-sign-in {
background-color: #ffffff;
}
.lgnSelectCard .select-mode .mblListItemIcon {
display: none;
}
.lgnSelectCard .select-mode .mblListItemRightIcon {
background-image: none;
background-color: transparent;
margin-right: 40px;
}
.lgnSelectCard .select-mode .mblDomButtonCheckboxOn {
margin-left: 11px;
margin-top: 6px;
}
.bmo-phone .lgnSelectCard .select-mode .mblDomButtonCheckboxOn {
background-position-x: -150px;
background-position-y: -472px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 19px;
height: 15px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .lgnSelectCard .select-mode .mblDomButtonCheckboxOn {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .lgnSelectCard .select-mode .mblDomButtonCheckboxOn {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .lgnSelectCard .select-mode .mblDomButtonCheckboxOn {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .lgnSelectCard .select-mode .mblDomButtonCheckboxOn {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .lgnSelectCard .select-mode .mblDomButtonCheckboxOn {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .lgnSelectCard .select-mode .mblDomButtonCheckboxOn {
background-position-x: -150px;
background-position-y: -480px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 20px;
height: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .lgnSelectCard .select-mode .mblDomButtonCheckboxOn {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .lgnSelectCard .select-mode .mblDomButtonCheckboxOn {
background-image: url(sprites-tablet.png);
}
}
.lgnSelectCard .select-mode .mblDomButtonBlueCirclePlus > div {
background-position-x: 0px;
background-position-y: -440px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 29px;
height: 29px;
}
@media only screen and (min-resolution: 96dpi) {
.lgnSelectCard .select-mode .mblDomButtonBlueCirclePlus > div {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.lgnSelectCard .select-mode .mblDomButtonBlueCirclePlus > div {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.lgnSelectCard .select-mode .mblDomButtonBlueCirclePlus > div {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.lgnSelectCard .select-mode .mblDomButtonBlueCirclePlus > div {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.lgnSelectCard .select-mode .mblDomButtonBlueCirclePlus > div {
background-image: url(R77899qw8.png);
}
}
.lgnSelectCard .select-mode .mblDomButtonBlueCircleMinus > div {
background-position-x: 0px;
background-position-y: -440px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 29px;
height: 29px;
}
@media only screen and (min-resolution: 96dpi) {
.lgnSelectCard .select-mode .mblDomButtonBlueCircleMinus > div {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.lgnSelectCard .select-mode .mblDomButtonBlueCircleMinus > div {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.lgnSelectCard .select-mode .mblDomButtonBlueCircleMinus > div {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.lgnSelectCard .select-mode .mblDomButtonBlueCircleMinus > div {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.lgnSelectCard .select-mode .mblDomButtonBlueCircleMinus > div {
background-image: url(R77899qw8.png);
}
}
.lgnSelectCard .edit-mode .mblListItemIcon {
margin: 8px 5px 0px 0px;
display: block;
background-position-x: 0px;
background-position-y: -440px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 29px;
height: 29px;
}
@media only screen and (min-resolution: 96dpi) {
.lgnSelectCard .edit-mode .mblListItemIcon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.lgnSelectCard .edit-mode .mblListItemIcon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.lgnSelectCard .edit-mode .mblListItemIcon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.lgnSelectCard .edit-mode .mblListItemIcon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.lgnSelectCard .edit-mode .mblListItemIcon {
background-image: url(R77899qw8.png);
}
}
.lgnSelectCard .edit-mode .mblListItemIcon:focus {
background-position-x: 0px;
background-position-y: -470px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 29px;
height: 29px;
}
@media only screen and (min-resolution: 96dpi) {
.lgnSelectCard .edit-mode .mblListItemIcon:focus {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.lgnSelectCard .edit-mode .mblListItemIcon:focus {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.lgnSelectCard .edit-mode .mblListItemIcon:focus {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.lgnSelectCard .edit-mode .mblListItemIcon:focus {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.lgnSelectCard .edit-mode .mblListItemIcon:focus {
background-image: url(R77899qw8.png);
}
}
.lgnSelectCard .edit-mode .mblListItemRightIcon {
margin-right: 10px;
margin-left: 5px;
}
.lgnSelectCard .edit-mode .mblDomButtonCheckboxOn {
margin-top: 6px;
margin-right: 12px;
}
.bmo-phone .lgnSelectCard .edit-mode .mblDomButtonCheckboxOn {
background-position-x: -150px;
background-position-y: -472px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 19px;
height: 15px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .lgnSelectCard .edit-mode .mblDomButtonCheckboxOn {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .lgnSelectCard .edit-mode .mblDomButtonCheckboxOn {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .lgnSelectCard .edit-mode .mblDomButtonCheckboxOn {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .lgnSelectCard .edit-mode .mblDomButtonCheckboxOn {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .lgnSelectCard .edit-mode .mblDomButtonCheckboxOn {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .lgnSelectCard .edit-mode .mblDomButtonCheckboxOn {
background-position-x: -150px;
background-position-y: -480px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 20px;
height: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .lgnSelectCard .edit-mode .mblDomButtonCheckboxOn {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .lgnSelectCard .edit-mode .mblDomButtonCheckboxOn {
background-image: url(sprites-tablet.png);
}
}
.lgnSelectCard .edit-mode .mblDomButtonBlueCirclePlus > div {
background-position-x: 0px;
background-position-y: -530px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 29px;
height: 29px;
top: 0;
left: 0;
}
@media only screen and (min-resolution: 96dpi) {
.lgnSelectCard .edit-mode .mblDomButtonBlueCirclePlus > div {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.lgnSelectCard .edit-mode .mblDomButtonBlueCirclePlus > div {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.lgnSelectCard .edit-mode .mblDomButtonBlueCirclePlus > div {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.lgnSelectCard .edit-mode .mblDomButtonBlueCirclePlus > div {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.lgnSelectCard .edit-mode .mblDomButtonBlueCirclePlus > div {
background-image: url(R77899qw8.png);
}
}
.lgnEnterCard .switchWrapper,
.lgnEnterSecurity .switchWrapper {
-webkit-border-radius: 55px;
border-radius: 55px;
border-top-left-radius: 55px;
border-top-right-radius: 55px;
border-bottom-left-radius: 55px;
border-bottom-right-radius: 55px;
display: inline;
float: left;
width: 77px;
height: 27px;
overflow: hidden;
margin-bottom: 15px;
}
.lgnEnterCard .mblSwitch,
.lgnEnterSecurity .mblSwitch {
display: inline;
float: left;
width: 77px;
margin-bottom: 15px;
overflow: hidden;
background-image: none;
background-color: transparent;
}
.mblSwRoundShape1 .mblSwitchKnob {
width: 27px;
height: 27px;
background-position-x: 0px;
background-position-y: 0px;
background-image: url(knob.png);
background-size: 27px 27px;
background-repeat: no-repeat;
background-color: transparent;
-webkit-border-radius: 14px;
border-radius: 14px;
border-top-left-radius: 14px;
border-top-right-radius: 14px;
border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
}
@media only screen and (min-resolution: 96dpi) {
.mblSwRoundShape1 .mblSwitchKnob {
background-image: url(knob.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.mblSwRoundShape1 .mblSwitchKnob {
background-image: url(knob.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.mblSwRoundShape1 .mblSwitchKnob {
background-image: url(knob.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.mblSwRoundShape1 .mblSwitchKnob {
background-image: url(knob@2x.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.mblSwRoundShape1 .mblSwitchKnob {
background-image: url(knob.png);
}
}
.mblSwRoundShape1 .mblSwitchBg {
-webkit-border-radius: 14px;
border-radius: 14px;
border-top-left-radius: 14px;
border-top-right-radius: 14px;
border-bottom-left-radius: 14px;
border-bottom-right-radius: 14px;
}
.mblSwitchBgRight {
color: #ffffff;
background-image: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#999999));
background-image: linear-gradient(to bottom, #999999 0%, #999999 100%);
}
.mblSwitchBgLeft {
color: white;
background-image: -webkit-gradient(linear, left top, left bottom, from(#58baea), to(#58baea));
background-image: linear-gradient(to bottom, #58baea 0%, #58baea 100%);
}
.mblSwitchText {
width: 100%;
font-family: 'DxRg';
line-height: 27px;
}
.samsung-padding {
padding-left: 5px;
}
.trfFundsSetUp {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.trfFundsSetUp .curr_select_container .fld {
background-color: #ffffff;
overflow: hidden;
}
.trfFundsSetUp .curr_select_container .fld .curr_option {
float: left;
height: 23px;
width: 50%;
}
.trfFundsSetUp .curr_select_container .fld .curr_option .curr_button_left {
margin-left: 1em;
}
.trfFundsSetUp .curr_select_container .fld .curr_option .curr_button_left input[type=radio] {
display: none;
margin: 10px;
}
.trfFundsSetUp .curr_select_container .fld .curr_option .curr_button_left input[type=radio] + label {
font-family: 'DXBD';
font-size: 15px;
line-height: 16px;
color: #0079c1;
background-color: #ffffff;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
border: 1px solid #0079c1;
display: inline-block;
line-height: 17px;
padding: 4px 0px;
text-align: center;
vertical-align: middle;
width: 100%;
}
.trfFundsSetUp .curr_select_container .fld .curr_option .curr_button_left input[type=radio]:checked + label {
font-family: 'DXBD';
font-size: 14px;
line-height: 16px;
color: #ffffff;
background-color: #0079c1;
background-image: none;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
border: 1px solid #0079c1;
display: inline-block;
line-height: 17px;
padding: 4px 0px;
text-align: center;
vertical-align: middle;
width: 100%;
}
.trfFundsSetUp .curr_select_container .fld .curr_option .curr_button_right {
margin-right: 1em;
}
.trfFundsSetUp .curr_select_container .fld .curr_option .curr_button_right input[type=radio] {
display: none;
margin: 10px;
}
.trfFundsSetUp .curr_select_container .fld .curr_option .curr_button_right input[type=radio] + label {
font-family: 'DXBD';
font-size: 15px;
line-height: 16px;
color: #0079c1;
background-color: #ffffff;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
border: 1px solid #0079c1;
display: inline-block;
line-height: 17px;
padding: 4px 0px;
text-align: center;
vertical-align: middle;
width: 100%;
}
.trfFundsSetUp .curr_select_container .fld .curr_option .curr_button_right input[type=radio]:checked + label {
font-family: 'DXBD';
font-size: 14px;
line-height: 16px;
color: #ffffff;
background-color: #0079c1;
background-image: none;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
border: 1px solid #0079c1;
display: inline-block;
line-height: 17px;
padding: 4px 0px;
text-align: center;
vertical-align: middle;
width: 100%;
}
.trfFundsSetUp .curr_message_container > div {
display: table;
width: 100%;
}
.trfFundsSetUp .curr_message_container > div > div {
display: table-row;
text-align: left;
}
.trfFundsSetUp .curr_message_container > div > div > div {
display: table-cell;
vertical-align: middle;
}
.trfFundsSetUp .curr_message_container > div .curr_message_text {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
padding: 1em 1em 0em;
text-align: center;
word-wrap: break-word;
}
.trfFundsSetUp .curr_warning_container > div {
display: table;
width: 100%;
}
.trfFundsSetUp .curr_warning_container > div > div {
display: table-row;
text-align: left;
}
.trfFundsSetUp .curr_warning_container > div > div > div {
display: table-cell;
vertical-align: middle;
}
.trfFundsSetUp .curr_warning_container > div .curr_warning_text {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
padding: 1em 1em 0em;
text-align: left;
word-wrap: break-word;
}
.bmo-tablet .trfFundsSetUp .curr_message_container {
margin: 30px auto;
text-align: center;
}
.bmo-tablet .trfFundsSetUp .curr_message_container > div > div {
display: inline-block;
margin-left: 10px;
margin-right: 10px;
}
.bmo-tablet .trfFundsSetUp .curr_message_container > div .curr_message_text {
padding: 0;
}
.bmo-tablet .trfFundsSetUp .curr_warning_container > div .curr_warning_text {
text-align: center;
}
.bmo-tablet .trfFundsSetUp .twoButtonLayout {
margin: 30px 65px;
}
.trfFundsFinish {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.trfFundsFinish .confirmation-text span::before {
content: " ";
}
.trfFundsFinish .confirmation-text span:first-child::before,
.trfFundsFinish .confirmation-text span:last-child::before,
.trfFundsFinish .confirmation-text span.no-space::before {
content: none;
}
.bmo-tablet .trfFundsFinish .text {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #ffffff;
}
.bmo-tablet .trfFundsFinish .text sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-phone .trfFundsFinish .text {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.bmo-tablet .trfFundsFinish .bold-text {
font-family: 'DXBD';
font-size: 15px;
line-height: 20px;
color: #ffffff;
}
.bmo-tablet .trfFundsFinish .bold-text sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-phone .trfFundsFinish .bold-text {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.pageContent .setUpFooter {
margin: 20px 0px;
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.pageContent .setUpFooter > a {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #0079c1;
}
.trvSetUp {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.trvSetUp .checkBox {
background-color: #ffffff;
padding: 0px 10px;
}
.trvSetUp .checkBox .listItemBox {
padding: 10px 0px;
}
.bmo-phone .trvSetUp .setUpFooter {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
margin: 20px 0px;
}
.bmo-phone .trvSetUp .setUpFooter > a {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #0079c1;
}
.bmo-tablet .trvSetUp .setUpFooter {
text-align: center;
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #ffffff;
margin: 20px 35px;
}
.bmo-tablet .trvSetUp .setUpFooter sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .trvSetUp .setUpFooter > a {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #bedceb;
text-decoration: underline;
text-decoration: none;
}
.bmo-tablet .trvSetUp .setUpFooter > a sup {
font-size: 10px;
margin-left: 2px;
}
.trvSetUp .travelTitle {
font-family: 'DXBD';
font-size: 16px;
color: #ffffff;
}
.bmo-phone .trvSetUp .travelTitle {
margin-bottom: 10px;
}
.bmo-tablet .trvSetUp .travelTitle {
margin-bottom: 15px;
margin-left: 35px;
}
.trvSetUp .destinationDetail {
font-family: 'DXBD';
font-size: 16px;
color: #ffffff;
}
.bmo-phone .trvSetUp .destinationDetail {
margin: 15px 0px;
}
.bmo-tablet .trvSetUp .destinationDetail {
margin-top: 30px;
margin-bottom: 15px;
margin-left: 35px;
}
.bmo-tablet .trvSetUp .credit-cards {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: wrap;
-moz-flex-flow: wrap;
-ms-flex-flow: wrap;
flex-flow: wrap;
-webkit-justify-content: flex-start;
-ms-justify-content: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
-webkit-box-pack: flex-start;
box-pacl: flex-start;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
background-color: #ffffff;
margin: 0 35px;
}
.trvVerify {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.bmo-phone .trvVerify .travelTitle {
font-family: 'DXBD';
font-size: 16px;
color: #ffffff;
margin-bottom: 10px;
}
.bmo-tablet .trvVerify .travelTitle {
font-family: 'DXBD';
font-size: 15px;
color: #ffffff;
margin-bottom: 15px;
}
.bmo-tablet .trvVerify .travelTitle sup {
font-size: 10px;
margin-left: 2px;
}
.trvVerify .travel-subtitle {
background-color: #ffffff;
}
.bmo-phone .trvVerify .travel-subtitle {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #000000;
padding: 10px 10px 0px 10px;
}
.bmo-tablet .trvVerify .travel-subtitle {
font-family: 'DxRg';
font-size: 15px;
line-height: 18px;
color: #000000;
padding: 12px 10px 0px 12px;
}
.bmo-tablet .trvVerify .travel-subtitle sup {
font-size: 10px;
margin-left: 2px;
}
.trvVerify .verify-list-container {
background-color: #ffffff;
}
.trvVerify .verify-list-container .verify-list {
border-bottom: 1px solid #dcdcdc;
}
.trvVerify .verify-list-container .verify-list.no-divider {
border-bottom: none;
}
.bmo-phone .trvVerify .verify-list-container .verify-list > .mblListItem {
padding: 0px 5px 10px 5px;
}
.bmo-tablet .trvVerify .verify-list-container .verify-list > .mblListItem {
padding: 0px 0px 10px 0px;
}
.trvVerify .verify-list-container .verify-list .listItemDestinationDetail {
padding: 0px;
border: none;
}
.bmo-phone .trvVerify .verify-list-container {
padding: 0px 5px;
}
.bmo-tablet .trvVerify .verify-list-container {
padding: 0px 12px;
}
.trvSelectCountry .search-wrapper {
background-color: #dcdcdc;
padding: 10px 15px;
}
.trvSelectCountry .search-wrapper input[type=search] {
height: 30px;
-webkit-appearance: none;
}
.bmo-phone .trvSelectCountry .search-wrapper input[type=search] {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #000000;
}
.bmo-tablet .trvSelectCountry .search-wrapper input[type=search] {
font-family: 'DXBD';
font-size: 15px;
color: #000000;
line-height: 18px;
}
.bmo-tablet .trvSelectCountry .search-wrapper input[type=search] sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-phone .trvSelectCountry .search-wrapper input::-webkit-input-placeholder {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #999999;
}
.bmo-tablet .trvSelectCountry .search-wrapper input::-webkit-input-placeholder {
font-family: 'DXBD';
font-size: 15px;
color: #999999;
line-height: 18px;
}
.bmo-tablet .trvSelectCountry .search-wrapper input::-webkit-input-placeholder sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-phone .trvSelectCountry .search-wrapper input:-ms-input-placeholder {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #999999;
}
.bmo-tablet .trvSelectCountry .search-wrapper input:-ms-input-placeholder {
font-family: 'DXBD';
font-size: 15px;
color: #999999;
line-height: 18px;
}
.bmo-tablet .trvSelectCountry .search-wrapper input:-ms-input-placeholder sup {
font-size: 10px;
margin-left: 2px;
}
.trvSelectCountry,
.trvSelectProvince {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.trvSelectCountry .destinationList .mblListItem,
.trvSelectProvince .destinationList .mblListItem {
height: 40px;
background-color: #ffffff;
border-bottom: 1px solid #dcdcdc;
}
.trvSelectCountry .destinationList .mblListItem:active,
.trvSelectProvince .destinationList .mblListItem:active {
background-color: rgba(0, 0, 0, 0.2);
}
.trvSelectCountry .destinationList .mblListItem:last-child,
.trvSelectProvince .destinationList .mblListItem:last-child {
border: none;
}
.trvSelectCountry .destinationList .mblListItem .mblListItemLabel,
.trvSelectProvince .destinationList .mblListItem .mblListItemLabel {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #000000;
padding-left: 10px;
line-height: 40px;
}
.trvSelectCountry .destinationList .mblListItem .mblListItemRightIcon,
.trvSelectProvince .destinationList .mblListItem .mblListItemRightIcon {
margin-top: 13px;
margin-right: 10px;
}
.bmo-phone .trvSelectCountry .destinationList .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .trvSelectProvince .destinationList .mblListItem .mblListItemRightIcon .mblDomButtonCheck {
background-position-x: -150px;
background-position-y: -442px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 19px;
height: 15px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .trvSelectCountry .destinationList .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .trvSelectProvince .destinationList .mblListItem .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .trvSelectCountry .destinationList .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .trvSelectProvince .destinationList .mblListItem .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .trvSelectCountry .destinationList .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .trvSelectProvince .destinationList .mblListItem .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .trvSelectCountry .destinationList .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .trvSelectProvince .destinationList .mblListItem .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .trvSelectCountry .destinationList .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-phone .trvSelectProvince .destinationList .mblListItem .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .trvSelectCountry .destinationList .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-tablet .trvSelectProvince .destinationList .mblListItem .mblListItemRightIcon .mblDomButtonCheck {
background-position-x: -150px;
background-position-y: -450px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 20px;
height: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .trvSelectCountry .destinationList .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-tablet .trvSelectProvince .destinationList .mblListItem .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .trvSelectCountry .destinationList .mblListItem .mblListItemRightIcon .mblDomButtonCheck,
.bmo-tablet .trvSelectProvince .destinationList .mblListItem .mblListItemRightIcon .mblDomButtonCheck {
background-image: url(sprites-tablet.png);
}
}
.trvFinish {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.trvFinish .succesMsg {
margin-top: 10px;
border-top: 1px solid #338cc2;
padding: 15px 0px;
}
.bmo-phone .trvFinish .succesMsg {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.bmo-phone .trvFinish .succesMsg > span + span {
font-family: 'DXBD';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.bmo-tablet .trvFinish .succesMsg {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #ffffff;
}
.bmo-tablet .trvFinish .succesMsg sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .trvFinish .succesMsg > span + span {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #ffffff;
}
.bmo-tablet .trvFinish .succesMsg > span + span sup {
font-size: 10px;
margin-left: 2px;
}
.trvFinish .dateMsg {
margin-bottom: 15px;
}
.bmo-phone .trvFinish .dateMsg {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.bmo-tablet .trvFinish .dateMsg {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #ffffff;
}
.bmo-tablet .trvFinish .dateMsg sup {
font-size: 10px;
margin-left: 2px;
}
.trvFinish .callMsg {
margin-bottom: 15px;
}
.trvFinish .callMsg > a {
display: inline-block;
}
.bmo-phone .trvFinish .callMsg > a:link,
.bmo-phone .trvFinish .callMsg > a:visited {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #bedceb;
}
.bmo-phone .trvFinish .callMsg > a:hover,
.bmo-phone .trvFinish .callMsg > a:active {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.bmo-phone .trvFinish .callMsg > a:link,
.bmo-phone .trvFinish .callMsg > a:visited,
.bmo-phone .trvFinish .callMsg > a:hover,
.bmo-phone .trvFinish .callMsg > a:active,
.bmo-phone .trvFinish .callMsg > a:focus {
text-decoration: none;
}
.bmo-tablet .trvFinish .callMsg > a:link,
.bmo-tablet .trvFinish .callMsg > a:visited {
font-family: 'DxRg';
font-size: 15px;
color: #bedceb;
text-decoration: none;
}
.bmo-tablet .trvFinish .callMsg > a:link sup,
.bmo-tablet .trvFinish .callMsg > a:visited sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .trvFinish .callMsg > a:hover,
.bmo-tablet .trvFinish .callMsg > a:active {
font-family: 'DxRg';
font-size: 15px;
color: #bedceb;
text-decoration: underline;
}
.bmo-tablet .trvFinish .callMsg > a:hover sup,
.bmo-tablet .trvFinish .callMsg > a:active sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .trvFinish .callMsg > a:link,
.bmo-tablet .trvFinish .callMsg > a:visited,
.bmo-tablet .trvFinish .callMsg > a:hover,
.bmo-tablet .trvFinish .callMsg > a:active,
.bmo-tablet .trvFinish .callMsg > a:focus {
text-decoration: none;
}
.bmo-phone .trvFinish .callMsg {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.bmo-tablet .trvFinish .callMsg {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #ffffff;
}
.bmo-tablet .trvFinish .callMsg sup {
font-size: 10px;
margin-left: 2px;
}
.trvFinish .reference {
margin-bottom: 15px;
}
.bmo-phone .trvFinish .reference {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.bmo-tablet .trvFinish .reference {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #ffffff;
}
.bmo-tablet .trvFinish .reference sup {
font-size: 10px;
margin-left: 2px;
}
.trvFinish .blueBackground a {
display: inline-block;
}
.bmo-phone .trvFinish .blueBackground a:link,
.bmo-phone .trvFinish .blueBackground a:visited {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #bedceb;
}
.bmo-phone .trvFinish .blueBackground a:hover,
.bmo-phone .trvFinish .blueBackground a:active {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.bmo-phone .trvFinish .blueBackground a:link,
.bmo-phone .trvFinish .blueBackground a:visited,
.bmo-phone .trvFinish .blueBackground a:hover,
.bmo-phone .trvFinish .blueBackground a:active,
.bmo-phone .trvFinish .blueBackground a:focus {
text-decoration: none;
}
.bmo-tablet .trvFinish .blueBackground a:link,
.bmo-tablet .trvFinish .blueBackground a:visited {
font-family: 'DXBD';
font-size: 15px;
line-height: 20px;
color: #bedceb;
text-decoration: underline;
}
.bmo-tablet .trvFinish .blueBackground a:link sup,
.bmo-tablet .trvFinish .blueBackground a:visited sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .trvFinish .blueBackground a:hover,
.bmo-tablet .trvFinish .blueBackground a:active {
font-family: 'DXBD';
font-size: 15px;
line-height: 20px;
color: #ffffff;
text-decoration: underline;
}
.bmo-tablet .trvFinish .blueBackground a:hover sup,
.bmo-tablet .trvFinish .blueBackground a:active sup {
font-size: 10px;
margin-left: 2px;
}
.bmo-tablet .trvFinish .blueBackground a:link,
.bmo-tablet .trvFinish .blueBackground a:visited,
.bmo-tablet .trvFinish .blueBackground a:hover,
.bmo-tablet .trvFinish .blueBackground a:active,
.bmo-tablet .trvFinish .blueBackground a:focus {
text-decoration: none;
}
.bmo-phone .trvFinish .blueBackground {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #ffffff;
}
.bmo-tablet .trvFinish .blueBackground {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #ffffff;
}
.bmo-tablet .trvFinish .blueBackground sup {
font-size: 10px;
margin-left: 2px;
}
.trvNoCreditCard {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
text-align: center;
}
.trvNoCreditCard .whiteBackground {
padding: 15px 10px;
background-color: #ffffff;
}
.trvNoCreditCard .icon {
margin: 0 auto;
padding: 0px;
border: none;
}
.bmo-phone .trvNoCreditCard .icon {
background-position-x: -200px;
background-position-y: -205px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 75px;
height: 75px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .trvNoCreditCard .icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .trvNoCreditCard .icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .trvNoCreditCard .icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .trvNoCreditCard .icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .trvNoCreditCard .icon {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .trvNoCreditCard .icon {
background-position-x: -250px;
background-position-y: -200px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 94px;
height: 94px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .trvNoCreditCard .icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .trvNoCreditCard .icon {
background-image: url(sprites-tablet.png);
}
}
.trvNoCreditCard .title {
font-family: 'DXBD';
font-size: 15px;
line-height: 18px;
color: #000000;
}
.trvNoCreditCard .text {
font-family: 'DxRg';
font-size: 15px;
line-height: 18px;
color: #000000;
}
.trvNoCreditCard .hyperlink {
font-family: 'DxRg';
font-size: 14px;
line-height: 17px;
color: #0079c1;
text-decoration: none;
}
.shadowRotate {
-webkit-transform: rotate(7deg);
transform: rotate(7deg);
}
.appMenu {
font-family: 'DxRg';
background-color: #505050;
height: 100%;
}
.appMenu .mblSidePane {
z-index: 2;
background: #505050;
}
.appMenu .mblSidePane .menu-list-item {
font-family: 'DxRg';
font-size: 15px;
color: #ffffff;
}
.appMenu .menu-list-item li {
font-family: 'DxRg';
font-size: 15px;
color: #ffffff;
background: #505050;
height: 37px;
border-bottom: 1px solid #404040;
padding-left: 15px;
}
.appMenu .menu-list-item li:link {
background: #505050;
}
.appMenu .menu-list-item li:focus {
background: #7d7d7d;
}
.appMenu .menu-list-item li:active {
background-color: #282828;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #282828), color-stop(100%, #404040));
background: -webkit-linear-gradient(top, #282828 0%, #404040 100%);
background: -o-linear-gradient(top, #282828 0%, #404040 100%);
background: -ms-linear-gradient(top, #282828 0%, #404040 100%);
background: linear-gradient(to bottom, #282828 0%, #404040 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@nav_bkgrd_on', endColorstr='@nav_divider', GradientType=0);
}
.appMenu .menu-list-item li:last-child {
border: none;
margin-bottom: 40px;
}
.appMenu .menu-list-item li.mblEdgeToEdgeCategory {
background: none;
}
.appMenu .menu-list-item li sup {
font-size: 10px;
margin-left: 2px;
}
.menu-item-icon {
float: right;
width: 10px;
}
.appMenu .menu-list-item .stateOn > .menu-item-icon {
background-position-x: -131px;
background-position-y: -440px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 10px;
height: 37px;
}
@media only screen and (min-resolution: 96dpi) {
.appMenu .menu-list-item .stateOn > .menu-item-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.appMenu .menu-list-item .stateOn > .menu-item-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.appMenu .menu-list-item .stateOn > .menu-item-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.appMenu .menu-list-item .stateOn > .menu-item-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.appMenu .menu-list-item .stateOn > .menu-item-icon {
background-image: url(R77899qw8.png);
}
}
.appMenu .menu-list-item .stateOn {
background: #282828;
}
.appMenu .header {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
background-color: #666666;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666666), color-stop(100%, #333333));
background: -webkit-linear-gradient(top, #666666 0%, #333333 100%);
background: -o-linear-gradient(top, #666666 0%, #333333 100%);
background: -ms-linear-gradient(top, #666666 0%, #333333 100%);
background: linear-gradient(to bottom, #666666 0%, #333333 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorgrey5', endColorstr='@colorGrey1', GradientType=0);
height: 45px;
z-index: 2;
display: table;
width: 100%;
}
.iOS7-header-padding .appMenu .header {
padding-top: 20px;
}
.appMenu .header > div {
display: table-row;
height: 100%;
}
.appMenu .header > div > div {
display: table-cell;
vertical-align: middle;
height: 100%;
}
.appMenu .header > div > div:nth-child(1) {
width: 41px;
}
.appMenu .header > div > div:nth-child(2) {
width: 100%;
text-align: left;
}
.appMenu .header > div > div:nth-child(3) {
width: auto;
padding-right: 10px;
}
.appMenu .header > div > div.name {
font-family: 'DxRg';
font-size: 14px;
line-height: 12px;
color: #cccccc;
padding-left: 10px;
}
.appMenu .header > div > div.title {
font-family: 'DxRg';
font-size: 21px;
color: #cccccc;
padding-left: 10px;
}
.appMenu .header .btn_close {
background-position-x: 0px;
background-position-y: 0px;
background-repeat: no-repeat;
width: 41px;
height: 45px;
background-size: 41px 45px;
margin: 0px;
padding: 0px;
border: none;
background-color: transparent;
vertical-align: middle;
}
@media only screen and (min-resolution: 96dpi) {
.appMenu .header .btn_close {
background-image: url(btn_close_nav.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.appMenu .header .btn_close {
background-image: url(btn_close_nav.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.appMenu .header .btn_close {
background-image: url(btn_close_nav.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.appMenu .header .btn_close {
background-image: url(btn_close_nav@2x.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.appMenu .header .btn_close {
background-image: url(btn_close_nav.png);
}
}
.appMenu .header .btn_close:active {
background-position-x: 0px;
background-position-y: 0px;
background-repeat: no-repeat;
background-color: transparent;
width: 41px;
height: 45px;
background-size: 41px 45px;
}
@media only screen and (min-resolution: 96dpi) {
.appMenu .header .btn_close:active {
background-image: url(btn_close_nav_on.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.appMenu .header .btn_close:active {
background-image: url(btn_close_nav_on.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.appMenu .header .btn_close:active {
background-image: url(btn_close_nav_on.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.appMenu .header .btn_close:active {
background-image: url(btn_close_nav_on@2x.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.appMenu .header .btn_close:active {
background-image: url(btn_close_nav_on.png);
}
}
.appMenu .header .btn_sign_out {
-webkit-border-radius: 4px;
border-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
font-family: 'DxRg';
font-size: 14px;
color: #ffffff;
width: 100%;
margin: 0px;
padding: 6px 10px;
white-space: nowrap;
border: 1px solid #43a3e0;
background-color: #58baea;
background: -webkit-linear-gradient(top, #58baea, #298fd9 78%, #47a8e3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #58baea), color-stop(78%, #298fd9), color-stop(100%, #47a8e3));
background: -ms-linear-gradient(top, #58baea, #298fd9 78%, #47a8e3 100%);
background: -o-linear-gradient(top, #58baea, #298fd9 78%, #47a8e3 100%);
background: linear-gradient(top, #58baea, #298fd9 78%, #47a8e3 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@colorBlue5', endColorstr='@btnPriDefColor1', GradientType=0);
font-family: 'DXBD';
}
.bmo-phone .appMenu .header .btn_sign_out:active {
background-color: #298fd9;
background: -webkit-gradient(linear, left top, left bottom, color-stop(22%, #298fd9), color-stop(100%, #58baea));
background: -webkit-linear-gradient(top, #298fd9 22%, #58baea 100%);
background: -o-linear-gradient(top, #298fd9 22%, #58baea 100%);
background: -ms-linear-gradient(top, #298fd9 22%, #58baea 100%);
background: linear-gradient(to bottom, #298fd9 22%, #58baea 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@btnPriDefColor3', endColorstr='@colorBlue5', GradientType=0);
}
.bmo-tablet .appMenu .header .btn_sign_out:active {
background: none;
filter: none;
background-color: #ffffff;
border: 3px solid #d6d6d6;
}
.bmo-tablet .appMenu > div .header {
background: #ffffff;
}
.bmo-tablet .appMenu > div .header > div > div:nth-child(1) {
width: 0;
}
.bmo-tablet .appMenu > div .header > div > div:nth-child(2) {
width: 80px;
padding-left: 15px;
}
.bmo-tablet .appMenu > div .header > div > div:nth-child(3) {
width: auto;
padding-right: 15px;
text-align: right;
color: #333333;
}
.bmo-tablet .appMenu > div .header .btn_close {
display: none;
}
.bmo-tablet .appMenu > div .header .btn_sign_out {
border: none;
background: transparent;
background-color: #58baea;
}
.bmo-tablet .appMenu > div .header .btn_sign_out:active {
font-size: 14px;
background-color: #ffffff;
border: 3px solid #d6d6d6;
color: #0079c1;
padding: 2px 6px;
font-weight: normal;
}
.bmo-tablet .appMenu > div .header .shadowWrapper {
overflow: hidden;
width: 5px;
position: relative;
}
.bmo-tablet .appMenu > div .header .shadowWrapper .headerShadow {
height: 45px;
width: 10px;
z-index: -999;
overflow: hidden;
margin-right: -4px;
-webkit-transform: rotate(7deg);
transform: rotate(7deg);
-webkit-box-shadow: inset -9px 0 5px -5px #999999;
box-shadow: inset -9px 0 5px -5px #999999;
}
.bmo-tablet .appMenu > div .menuShadow {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 10px;
-webkit-box-shadow: inset -9px 0 7px -7px #262525;
box-shadow: inset -9px 0 7px -7px #262525;
}
.appMenu .mblScrollablePane {
border-left: none;
border-style: none;
background-color: #505050;
width: 100%;
}
.childcolormenu {
background-color: #333333;
height: 21px;
font-size: 14px;
font-color: #cccccc;
line-height: 20px;
font-family: 'DXBD';
}
.appMenu .secondary-menu li {
font-family: 'DxRg';
height: 37px;
font-size: 15px;
color: #ffffff;
line-height: 37px;
}
.appMenu .secondary-menu li:nth-child(3) {
background-color: #333333;
height: 21px;
font-size: 14px;
font-color: #cccccc;
line-height: 20px;
font-family: 'DXBD';
}
.appMenu .secondary-menu li:nth-child(7) {
background-color: #333333;
height: 21px;
font-size: 14px;
font-color: #cccccc;
line-height: 20px;
font-family: 'DXBD';
}
.appMenu .secondary-menu li:nth-child(11) {
background-color: #333333;
height: 21px;
font-size: 14px;
font-color: #cccccc;
line-height: 20px;
font-family: 'DXBD';
}
.appMenu .cover {
width: 4000px;
height: 100%;
position: absolute;
z-index: 9;
}
.appMenu .cover1 {
width: 4000px;
height: 100%;
position: absolute;
z-index: 9;
top: 45px;
}
.iOS7-header-padding .appMenu .cover1 {
top: 65px;
}
.mblSidePaneStart .appMenu .cover1 {
left: 100%;
}
.mblSidePaneEnd .appMenu .cover1 {
right: 100%;
}
.appMenu .cover2 {
width: 4000px;
height: 100%;
position: absolute;
z-index: 9;
}
.mblSidePaneStart .appMenu .cover2 {
left: 116%;
}
.mblSidePaneEnd .appMenu .cover2 {
right: 118%;
}
.appMenuSidePanel {
z-index: 1;
border-left: none;
}
.overlay .helpTooltips {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
background-color: #003557;
}
.overlay .helpTooltips .header {
top: 0;
width: 100%;
z-index: 100;
}
.bmo-phone .overlay .helpTooltips .header {
position: fixed;
}
.bmo-tablet .overlay .helpTooltips .header {
position: absolute;
text-align: right;
}
.iOS7-header-padding .overlay .helpTooltips .header {
padding-top: 20px;
}
.overlay .helpTooltips .header .close-button {
padding: 10px 15px;
text-align: center;
color: white;
}
.bmo-phone .overlay .helpTooltips .header .close-button {
float: right;
}
.bmo-tablet .overlay .helpTooltips .header .close-button {
display: inline-block;
}
.overlay .helpTooltips .footer {
position: fixed;
bottom: 15px;
width: 100%;
}
.overlay .helpTooltips .footer .indicator {
text-align: center;
}
.overlay .helpTooltips .footer .indicator > div {
margin: 0px auto;
display: inline-block;
width: 10px;
height: 10px;
-webkit-border-radius: 50%;
border-radius: 50%;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
background-color: #ffffff;
}
.overlay .helpTooltips .footer .indicator > div.active {
background-color: #73c3eb;
}
.overlay .helpTooltips.hidden {
display: none!important;
}
.bmo-tablet .overlay .divFrame {
height: 100%;
}
.overlay iframe[name="iFrameExternal"] {
height: 100%;
}
.iOS7-header-padding .overlay iframe[name="iFrameExternal"] {
padding-top: 65px;
}
.overlay.hide_sibling ~ * {
display: none;
}
.overlay .LMEOfferContainer {
bottom: 0px;
background-color: #FFF;
}
.fullScreenError {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.fullScreenError .errorInScreen {
-webkit-box-shadow: none;
box-shadow: none;
}
.bmo-phone .maintenance .hrline {
margin-top: 30px;
width: 100%;
}
.bmo-phone .maintenance .hrline .hrlineImg {
background-position-x: -300px;
background-position-y: -600px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 280px;
height: 2px;
margin: 0 auto;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .maintenance .hrline .hrlineImg {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .maintenance .hrline .hrlineImg {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .maintenance .hrline .hrlineImg {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .maintenance .hrline .hrlineImg {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .maintenance .hrline .hrlineImg {
background-image: url(R77899qw8.png);
}
}
.bmo-phone .maintenance .twoButtonLayout > div .layoutRight .btn {
min-height: 34px;
}
.bmo-phone .maintenance .twoButtonLayout > div .layoutLeft .btn {
min-height: 34px;
}
.bmo-phone .maintenance .errorInScreen {
-webkit-box-shadow: none;
box-shadow: none;
}
.bmo-tablet .maintenance .maintitle {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin: 0;
-webkit-justify-content: center;
-ms-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-pack: center;
box-pacl: center;
}
.bmo-tablet .maintenance .main-content {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1 1 0px;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
}
.bmo-tablet .maintenance .main-content .bubble {
margin-top: -55px;
background-color: rgba(0, 24, 39, 0.9);
padding: 57px 60px;
width: 385px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.bmo-tablet .maintenance .main-content .bubble .app-toggle {
margin-top: 35px;
margin-bottom: 35px;
}
.bmo-tablet .maintenance .main-content .errorInScreen {
-webkit-box-shadow: none;
box-shadow: none;
padding: 0 0 35px 0;
background-color: transparent;
color: #ffffff;
}
@media (orientation: portrait) {
.bmo-tablet .maintenance .main-content {
-webkit-justify-content: center;
-ms-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-pack: center;
box-pacl: center;
}
}
@media (orientation: landscape) {
.bmo-tablet .maintenance .main-content {
-webkit-justify-content: flex-start;
-ms-justify-content: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
-webkit-box-pack: flex-start;
box-pacl: flex-start;
padding-left: 210px;
}
}
.moneyLogic {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.55, #00436c), color-stop(0.45, #f0f0f0));
background: -webkit-linear-gradient(#00436c 55%, #f0f0f0 45%);
background: -moz-linear-gradient(#00436c 55%, #f0f0f0 45%);
background: -o-linear-gradient(#00436c 55%, #f0f0f0 45%);
background: linear-gradient(#00436c 55%, #f0f0f0 45%);
}
.moneyLogic .navigation {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding: 0 10px;
height: 44px;
background-color: #0079c1;
}
.moneyLogic .navigation > button {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0;
-ms-flex: 1 0 0;
flex: 1 0 0;
font-family: 'DxRg';
font-size: 14px;
color: #ffffff;
padding: 0 10px;
}
.moneyLogic .navigation > button.selected {
font-family: 'DXBD';
background-color: #00436c;
}
.linkAccounts {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.linkAccounts .text {
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #ffffff;
margin: 0 35px;
}
.linkAccounts .text sup {
font-size: 10px;
margin-left: 2px;
}
.linkAccounts .mblAccordion.linkAccounts {
margin-top: 35px;
}
.linkAccounts .oneButtonLayout {
margin-bottom: 15px;
}
.termsModal {
-webkit-border-radius: 4px;
border-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
width: 535px;
padding-left: 25px;
padding-right: 25px;
border: none;
text-align: left;
}
.termsModal .header {
margin: 10px 0px;
}
.termsModal .header > div {
display: inline-block;
}
.termsModal .header > div.title {
font-family: 'DXBD';
font-size: 17px;
color: #0079c1;
line-height: 44px;
}
.termsModal .header > div.title sup {
font-size: 11px;
margin-left: 2px;
}
.termsModal .header > div.close-button {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
-ms-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-pack: center;
box-pacl: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
float: right;
width: 44px;
height: 44px;
margin-top: -10px;
margin-right: -20px;
}
.termsModal .header > div.close-button:active {
background-color: rgba(0, 0, 0, 0.2);
}
.termsModal .heading {
font-family: 'DXBD';
font-size: 17px;
color: #000000;
}
.termsModal .heading sup {
font-size: 11px;
margin-left: 2px;
}
.termsModal .text {
padding-top: 5px;
padding-bottom: 20px;
font-family: 'DxRg';
font-size: 15px;
line-height: 20px;
color: #000000;
}
.termsModal .text sup {
font-size: 10px;
margin-left: 2px;
}
.investorLine {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.investorLine .title {
font-family: 'DXBD';
font-size: 15px;
color: #ffffff;
margin-bottom: 10px;
}
.investorLine .title sup {
font-size: 10px;
margin-left: 2px;
}
.investorLine .title sup {
font-size: 10px;
margin-left: 2px;
}
.investorLine .list {
background-color: #ffffff;
margin-bottom: 10px;
}
.investorLine .list .listItemAccountIN {
padding: 20px 10px 20px 20px;
}
.investorLine .list .listItemAccountIN .balance {
padding-right: 10px;
}
.acqAccounts .introSection {
font-family: 'DxRg';
font-size: 14px;
color: #ffffff;
margin: 15px 15px 0;
}
.acqAccounts .addBankAccount .sectionIcon {
background-position-x: -555px;
background-position-y: 0px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 85px;
height: 78px;
}
@media only screen and (min-resolution: 96dpi) {
.acqAccounts .addBankAccount .sectionIcon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.acqAccounts .addBankAccount .sectionIcon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.acqAccounts .addBankAccount .sectionIcon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.acqAccounts .addBankAccount .sectionIcon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.acqAccounts .addBankAccount .sectionIcon {
background-image: url(R77899qw8.png);
}
}
.acqAccounts .applyCreditCard .sectionIcon {
background-position-x: -555px;
background-position-y: -100px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 85px;
height: 78px;
}
@media only screen and (min-resolution: 96dpi) {
.acqAccounts .applyCreditCard .sectionIcon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.acqAccounts .applyCreditCard .sectionIcon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.acqAccounts .applyCreditCard .sectionIcon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.acqAccounts .applyCreditCard .sectionIcon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.acqAccounts .applyCreditCard .sectionIcon {
background-image: url(R77899qw8.png);
}
}
.mpayActivate .pageContent .mpayActivateTitle {
font-family: 'DXBD';
font-size: 16px;
color: #ffffff;
margin-bottom: 10px;
}
.mpayActivate .pageContent .checkBox {
background-color: #ffffff;
padding: 0px 10px;
}
.mpayActivate .pageContent .listItemBox {
padding: 10px 0px;
}
.bg-image {
background-repeat: no-repeat;
background-size: cover;
background-color: #0079c1;
}
@media only screen {
}
@media only screen and (orientation: portrait) {
.bmo-phone .bg-image {
background-image: url(bkgrd_720x1280.png);
}
}
@media only screen and (orientation: landscape) {
.bmo-phone .bg-image {
background-image: url(bkgrd_1280x720.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px) and (max-aspect-ratio: 4/3) {
.bmo-phone .bg-image {
background-image: url(bkgrd_320x480.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 480px) and (min-aspect-ratio: 4/3) {
.bmo-phone .bg-image {
background-image: url(bkgrd_480x320.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 480px) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 480px) and (max-aspect-ratio: 4/3) {
.bmo-phone .bg-image {
background-image: url(bkgrd_480x800.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (min-device-width: 480px) and (min-aspect-ratio: 4/3) {
.bmo-phone .bg-image {
background-image: url(bkgrd_800x480.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 96dpi) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-aspect-ratio: 4/3), (min-resolution: 96dpi) and (max-aspect-ratio: 4/3) {
.bmo-phone .bg-image {
background-image: url(bkgrd_480x800.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-aspect-ratio: 4/3), (min-resolution: 96dpi) and (min-aspect-ratio: 4/3) {
.bmo-phone .bg-image {
background-image: url(bkgrd_800x480.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 320px) and (max-device-width: 480px) and (max-device-height: 480px) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 320px) and (max-device-width: 480px) and (max-device-height: 480px) and (max-aspect-ratio: 4/3) {
.bmo-phone .bg-image {
background-image: url(bkgrd_640x960.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 320px) and (max-device-width: 480px) and (max-device-height: 480px) and (min-aspect-ratio: 4/3) {
.bmo-phone .bg-image {
background-image: url(bkgrd_960x640.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 320px) and (min-device-height: 480px) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 320px) and (min-device-height: 480px) and (orientation: portrait) {
.bmo-phone .bg-image {
background-image: url(bkgrd_640x1136.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 320px) and (min-device-height: 480px) and (orientation: landscape) {
.bmo-phone .bg-image {
background-image: url(bkgrd_1136x640.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 340px) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 340px) and (max-aspect-ratio: 4/3) {
.bmo-phone .bg-image {
background-image: url(bkgrd_720x1280.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 340px) and (min-aspect-ratio: 4/3) {
.bmo-phone .bg-image {
background-image: url(bkgrd_1280x720.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 384px), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 342px) and (orientation: portrait), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 569px) and (orientation: landscape) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 384px) and (max-aspect-ratio: 4/3), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 342px) and (orientation: portrait) and (max-aspect-ratio: 4/3), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 569px) and (orientation: landscape) and (max-aspect-ratio: 4/3) {
.bmo-phone .bg-image {
background-image: url(bkgrd_768x1280.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 384px) and (min-aspect-ratio: 4/3), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 342px) and (orientation: portrait) and (min-aspect-ratio: 4/3), only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 569px) and (orientation: landscape) and (min-aspect-ratio: 4/3) {
.bmo-phone .bg-image {
background-image: url(bkgrd_1280x768.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (device-height: 360px) and (device-width: 360px) {
.bmo-phone .bg-image {
background-image: url(bkgrd_720x720.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait), (min-resolution: 288dpi) and (orientation: portrait) {
.bmo-phone .bg-image {
background-image: url(bkgrd_1080x1920.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape), (min-resolution: 288dpi) and (orientation: landscape) {
.bmo-phone .bg-image {
background-image: url(bkgrd_1920x1080.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .bg-image {
background-image: url(bkgrd_1024x1024.jpg);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .bg-image {
background-image: url(bkgrd_2048x2048.jpg);
}
}
.marketing-bg-image {
background-size: cover;
background-repeat: no-repeat;
background-color: transparent;
background-position: center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.marketing-bg-image {
background-image: url(bkgrd_marketing.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.marketing-bg-image {
background-image: url(bkgrd_marketing.png);
}
}
.icon_survey_0_off {
background-position-x: -360px;
background-position-y: -500px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 36px;
height: 37px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_survey_0_off {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_survey_0_off {
background-image: url(sprites-tablet.png);
}
}
.icon_survey_1_off {
background-position-x: -400px;
background-position-y: -500px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 36px;
height: 37px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_survey_1_off {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_survey_1_off {
background-image: url(sprites-tablet.png);
}
}
.icon_survey_2_off {
background-position-x: -440px;
background-position-y: -500px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 36px;
height: 37px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_survey_2_off {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_survey_2_off {
background-image: url(sprites-tablet.png);
}
}
.icon_survey_3_off {
background-position-x: -480px;
background-position-y: -500px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 36px;
height: 37px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_survey_3_off {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_survey_3_off {
background-image: url(sprites-tablet.png);
}
}
.icon_survey_4_off {
background-position-x: -520px;
background-position-y: -500px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 36px;
height: 37px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_survey_4_off {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_survey_4_off {
background-image: url(sprites-tablet.png);
}
}
.icon_survey_5_off {
background-position-x: -560px;
background-position-y: -500px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 36px;
height: 37px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_survey_5_off {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_survey_5_off {
background-image: url(sprites-tablet.png);
}
}
.icon_survey_6_off {
background-position-x: -600px;
background-position-y: -500px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 36px;
height: 37px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_survey_6_off {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_survey_6_off {
background-image: url(sprites-tablet.png);
}
}
.icon_survey_7_off {
background-position-x: -640px;
background-position-y: -500px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 36px;
height: 37px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_survey_7_off {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_survey_7_off {
background-image: url(sprites-tablet.png);
}
}
.icon_survey_8_off {
background-position-x: -680px;
background-position-y: -500px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 36px;
height: 37px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_survey_8_off {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_survey_8_off {
background-image: url(sprites-tablet.png);
}
}
.icon_survey_9_off {
background-position-x: -720px;
background-position-y: -500px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 36px;
height: 37px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_survey_9_off {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_survey_9_off {
background-image: url(sprites-tablet.png);
}
}
.icon_survey_10_off {
background-position-x: -760px;
background-position-y: -500px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 36px;
height: 37px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_survey_10_off {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_survey_10_off {
background-image: url(sprites-tablet.png);
}
}
.icon_survey_0_on {
background-position-x: -360px;
background-position-y: -540px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 36px;
height: 37px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_survey_0_on {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_survey_0_on {
background-image: url(sprites-tablet.png);
}
}
.icon_survey_1_on {
background-position-x: -400px;
background-position-y: -540px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 36px;
height: 37px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_survey_1_on {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_survey_1_on {
background-image: url(sprites-tablet.png);
}
}
.icon_survey_2_on {
background-position-x: -440px;
background-position-y: -540px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 36px;
height: 37px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_survey_2_on {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_survey_2_on {
background-image: url(sprites-tablet.png);
}
}
.icon_survey_3_on {
background-position-x: -480px;
background-position-y: -540px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 36px;
height: 37px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_survey_3_on {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_survey_3_on {
background-image: url(sprites-tablet.png);
}
}
.icon_survey_4_on {
background-position-x: -520px;
background-position-y: -540px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 36px;
height: 37px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_survey_4_on {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_survey_4_on {
background-image: url(sprites-tablet.png);
}
}
.icon_survey_5_on {
background-position-x: -560px;
background-position-y: -540px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 36px;
height: 37px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_survey_5_on {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_survey_5_on {
background-image: url(sprites-tablet.png);
}
}
.icon_survey_6_on {
background-position-x: -600px;
background-position-y: -540px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 36px;
height: 37px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_survey_6_on {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_survey_6_on {
background-image: url(sprites-tablet.png);
}
}
.icon_survey_7_on {
background-position-x: -640px;
background-position-y: -540px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 36px;
height: 37px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_survey_7_on {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_survey_7_on {
background-image: url(sprites-tablet.png);
}
}
.icon_survey_8_on {
background-position-x: -680px;
background-position-y: -540px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 36px;
height: 37px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_survey_8_on {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_survey_8_on {
background-image: url(sprites-tablet.png);
}
}
.icon_survey_9_on {
background-position-x: -720px;
background-position-y: -540px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 36px;
height: 37px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_survey_9_on {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_survey_9_on {
background-image: url(sprites-tablet.png);
}
}
.icon_survey_10_on {
background-position-x: -760px;
background-position-y: -540px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 36px;
height: 37px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_survey_10_on {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_survey_10_on {
background-image: url(sprites-tablet.png);
}
}
.icon_survey_star_off {
background-position-x: -720px;
background-position-y: -390px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 45px;
height: 45px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_survey_star_off {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_survey_star_off {
background-image: url(sprites-tablet.png);
}
}
.icon_survey_star_on {
background-position-x: -720px;
background-position-y: -440px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 45px;
height: 45px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_survey_star_on {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_survey_star_on {
background-image: url(sprites-tablet.png);
}
}
.logo_en {
background-position-x: -360px;
background-position-y: -150px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 175px;
height: 65px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.logo_en {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.logo_en {
background-image: url(sprites-tablet.png);
}
}
.logo_fr {
background-position-x: -362px;
background-position-y: -235px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 179px;
height: 68px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.logo_fr {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.logo_fr {
background-image: url(sprites-tablet.png);
}
}
.btn_list_default {
background-position-x: 0px;
background-position-y: -450px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 24px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.btn_list_default {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.btn_list_default {
background-image: url(sprites-tablet.png);
}
}
.btn_list_press {
background-position-x: 0px;
background-position-y: -480px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 24px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.btn_list_press {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.btn_list_press {
background-image: url(sprites-tablet.png);
}
}
.btn_list_selected {
background-position-x: 0px;
background-position-y: -510px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 24px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.btn_list_selected {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.btn_list_selected {
background-image: url(sprites-tablet.png);
}
}
.btn_menu_blu {
background-position-x: -40px;
background-position-y: -410px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 24px;
height: 15px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.btn_menu_blu {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.btn_menu_blu {
background-image: url(sprites-tablet.png);
}
}
.btn_back_blu {
background-position-x: -31px;
background-position-y: -429px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 12px;
height: 18px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.btn_back_blu {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.btn_back_blu {
background-image: url(sprites-tablet.png);
}
}
.bankAccount-icon {
background-position-x: -555px;
background-position-y: 0px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 85px;
height: 78px;
}
@media only screen and (min-resolution: 96dpi) {
.bankAccount-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bankAccount-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bankAccount-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bankAccount-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bankAccount-icon {
background-image: url(R77899qw8.png);
}
}
.creditCard-icon {
background-position-x: -555px;
background-position-y: -100px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 85px;
height: 78px;
}
@media only screen and (min-resolution: 96dpi) {
.creditCard-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.creditCard-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.creditCard-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.creditCard-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.creditCard-icon {
background-image: url(R77899qw8.png);
}
}
.icon_chevron_left {
background-position-x: -130px;
background-position-y: -510px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 10px;
height: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_chevron_left {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_chevron_left {
background-image: url(sprites-tablet.png);
}
}
.arrow_1_expanded {
background-position-x: -220px;
background-position-y: -489px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 12px;
height: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.arrow_1_expanded {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.arrow_1_expanded {
background-image: url(sprites-tablet.png);
}
}
.arrow_2_collapsed {
background-position-x: -240px;
background-position-y: -490px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 12px;
height: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.arrow_2_collapsed {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.arrow_2_collapsed {
background-image: url(sprites-tablet.png);
}
}
.arrow_2_expanded {
background-position-x: -260px;
background-position-y: -490px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 12px;
height: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.arrow_2_expanded {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.arrow_2_expanded {
background-image: url(sprites-tablet.png);
}
}
.arrow_3_collapsed {
background-position-x: -240px;
background-position-y: -470px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 11px;
height: 11px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.arrow_3_collapsed {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.arrow_3_collapsed {
background-image: url(sprites-tablet.png);
}
}
.arrow_3_expanded {
background-position-x: -260px;
background-position-y: -470px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 11px;
height: 11px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.arrow_3_expanded {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.arrow_3_expanded {
background-image: url(sprites-tablet.png);
}
}
.arrow_wht_left {
background-position-x: -200px;
background-position-y: -470px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 11px;
height: 11px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.arrow_wht_left {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.arrow_wht_left {
background-image: url(sprites-tablet.png);
}
}
.icon_table_off {
background-position-x: -360px;
background-position-y: -400px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 47px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_table_off {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_table_off {
background-image: url(sprites-tablet.png);
}
}
.icon_table_on {
background-position-x: -360px;
background-position-y: -430px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 47px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_table_on {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_table_on {
background-image: url(sprites-tablet.png);
}
}
.icon_graph_off {
background-position-x: -410px;
background-position-y: -400px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 47px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_graph_off {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_graph_off {
background-image: url(sprites-tablet.png);
}
}
.icon_graph_on {
background-position-x: -410px;
background-position-y: -430px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 47px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_graph_on {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_graph_on {
background-image: url(sprites-tablet.png);
}
}
.icon_estatement_off {
background-position-x: -460px;
background-position-y: -400px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 47px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_estatement_off {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_estatement_off {
background-image: url(sprites-tablet.png);
}
}
.icon_estatement_on {
background-position-x: -460px;
background-position-y: -430px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 47px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_estatement_on {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_estatement_on {
background-image: url(sprites-tablet.png);
}
}
.icon_trash {
background-position-x: -30px;
background-position-y: -540px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 20px;
height: 23px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_trash {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_trash {
background-image: url(sprites-tablet.png);
}
}
.icon_dropdownArrow {
background-position-x: -60px;
background-position-y: -540px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 19px;
height: 19px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_dropdownArrow {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_dropdownArrow {
background-image: url(sprites-tablet.png);
}
}
.nav_acts_on {
background-position-x: -650px;
background-position-y: -250px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 44px;
height: 44px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.nav_acts_on {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.nav_acts_on {
background-image: url(sprites-tablet.png);
}
}
.nav_acts_off {
background-position-x: -600px;
background-position-y: -250px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 44px;
height: 44px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.nav_acts_off {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.nav_acts_off {
background-image: url(sprites-tablet.png);
}
}
.nav_transfers_on {
background-position-x: -650px;
background-position-y: -295px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 44px;
height: 44px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.nav_transfers_on {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.nav_transfers_on {
background-image: url(sprites-tablet.png);
}
}
.nav_transfers_off {
background-position-x: -600px;
background-position-y: -295px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 44px;
height: 44px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.nav_transfers_off {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.nav_transfers_off {
background-image: url(sprites-tablet.png);
}
}
.nav_payments_on {
background-position-x: -650px;
background-position-y: -340px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 44px;
height: 44px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.nav_payments_on {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.nav_payments_on {
background-image: url(sprites-tablet.png);
}
}
.nav_payments_off {
background-position-x: -600px;
background-position-y: -340px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 44px;
height: 44px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.nav_payments_off {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.nav_payments_off {
background-image: url(sprites-tablet.png);
}
}
.nav_eTransfers_on {
background-position-x: -650px;
background-position-y: -385px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 44px;
height: 44px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.nav_eTransfers_on {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.nav_eTransfers_on {
background-image: url(sprites-tablet.png);
}
}
.nav_eTransfers_off {
background-position-x: -600px;
background-position-y: -385px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 44px;
height: 44px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.nav_eTransfers_off {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.nav_eTransfers_off {
background-image: url(sprites-tablet.png);
}
}
.nav_finances_on {
background-position-x: -650px;
background-position-y: -430px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 44px;
height: 44px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.nav_finances_on {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.nav_finances_on {
background-image: url(sprites-tablet.png);
}
}
.nav_finances_off {
background-position-x: -600px;
background-position-y: -430px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 44px;
height: 44px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.nav_finances_off {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.nav_finances_off {
background-image: url(sprites-tablet.png);
}
}
.icon_chevron_left_gry {
background-position-x: -170px;
background-position-y: -510px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 10px;
height: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_chevron_left_gry {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_chevron_left_gry {
background-image: url(sprites-tablet.png);
}
}
.splashscreen-logo-en {
background-position-x: -300px;
background-position-y: -5px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 220px;
height: 78px;
}
@media only screen and (min-resolution: 96dpi) {
.splashscreen-logo-en {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.splashscreen-logo-en {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.splashscreen-logo-en {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.splashscreen-logo-en {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.splashscreen-logo-en {
background-image: url(R77899qw8.png);
}
}
.splashscreen-logo-fr {
background-position-x: -300px;
background-position-y: -105px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 220px;
height: 78px;
}
@media only screen and (min-resolution: 96dpi) {
.splashscreen-logo-fr {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.splashscreen-logo-fr {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.splashscreen-logo-fr {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.splashscreen-logo-fr {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.splashscreen-logo-fr {
background-image: url(R77899qw8.png);
}
}
.splashscreen-tagline-en {
background-position-x: -300px;
background-position-y: -200px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 220px;
height: 78px;
}
@media only screen and (min-resolution: 96dpi) {
.splashscreen-tagline-en {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.splashscreen-tagline-en {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.splashscreen-tagline-en {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.splashscreen-tagline-en {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.splashscreen-tagline-en {
background-image: url(R77899qw8.png);
}
}
.splashscreen-tagline-fr {
background-position-x: -300px;
background-position-y: -300px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 220px;
height: 78px;
}
@media only screen and (min-resolution: 96dpi) {
.splashscreen-tagline-fr {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.splashscreen-tagline-fr {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.splashscreen-tagline-fr {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.splashscreen-tagline-fr {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.splashscreen-tagline-fr {
background-image: url(R77899qw8.png);
}
}
.bmo-phone .header-close-button {
background-position-x: -90px;
background-position-y: -470px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 21px;
height: 22px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .header-close-button {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .header-close-button {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .header-close-button {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .header-close-button {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .header-close-button {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .header-close-button {
background-position-x: -90px;
background-position-y: -479px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 21px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .header-close-button {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .header-close-button {
background-image: url(sprites-tablet.png);
}
}
.bmo-phone .calendar-close-button {
background-position-x: -90px;
background-position-y: -440px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 21px;
height: 21px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .calendar-close-button {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .calendar-close-button {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .calendar-close-button {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .calendar-close-button {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .calendar-close-button {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .calendar-close-button {
background-position-x: -90px;
background-position-y: -480px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 21px;
height: 21px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .calendar-close-button {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .calendar-close-button {
background-image: url(sprites-tablet.png);
}
}
.bmo-phone .calendar-left-arrow {
background-position-x: -90px;
background-position-y: -560px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 12px;
height: 21px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .calendar-left-arrow {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .calendar-left-arrow {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .calendar-left-arrow {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .calendar-left-arrow {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .calendar-left-arrow {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .calendar-left-arrow {
background-position-x: -90px;
background-position-y: -570px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 13px;
height: 22px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .calendar-left-arrow {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .calendar-left-arrow {
background-image: url(sprites-tablet.png);
}
}
.bmo-phone .calendar-right-arrow {
background-position-x: -110px;
background-position-y: -560px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 12px;
height: 21px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .calendar-right-arrow {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .calendar-right-arrow {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .calendar-right-arrow {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .calendar-right-arrow {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .calendar-right-arrow {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .calendar-right-arrow {
background-position-x: -110px;
background-position-y: -570px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 13px;
height: 22px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .calendar-right-arrow {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .calendar-right-arrow {
background-image: url(sprites-tablet.png);
}
}
.bmo-phone .calendar-icon {
background-position-x: -150px;
background-position-y: -531px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 27px;
height: 24px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .calendar-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .calendar-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .calendar-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .calendar-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .calendar-icon {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .calendar-icon {
background-position-x: 0px;
background-position-y: -540px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 22px;
height: 23px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .calendar-icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .calendar-icon {
background-image: url(sprites-tablet.png);
}
}
.bmo-phone .chevron-icon {
background-position-x: -150px;
background-position-y: -500px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 8px;
height: 17px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .chevron-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .chevron-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .chevron-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .chevron-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .chevron-icon {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .chevron-icon {
background-position-x: -150px;
background-position-y: -510px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 10px;
height: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .chevron-icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .chevron-icon {
background-image: url(sprites-tablet.png);
}
}
.bmo-phone .banner-warning-icon {
background-position-x: -60px;
background-position-y: -560px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 21px;
height: 21px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .banner-warning-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .banner-warning-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .banner-warning-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .banner-warning-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .banner-warning-icon {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .banner-warning-icon {
background-position-x: -60px;
background-position-y: -570px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 21px;
height: 21px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .banner-warning-icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .banner-warning-icon {
background-image: url(sprites-tablet.png);
}
}
.bmo-phone .banner-error-icon {
background-position-x: 0px;
background-position-y: -560px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 21px;
height: 21px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .banner-error-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .banner-error-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .banner-error-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .banner-error-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .banner-error-icon {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .banner-error-icon {
background-position-x: 0px;
background-position-y: -570px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 21px;
height: 21px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .banner-error-icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .banner-error-icon {
background-image: url(sprites-tablet.png);
}
}
.bmo-phone .banner-close-icon {
background-position-x: -30px;
background-position-y: -560px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 21px;
height: 21px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .banner-close-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .banner-close-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .banner-close-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .banner-close-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .banner-close-icon {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .banner-close-icon {
background-position-x: -30px;
background-position-y: -570px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 21px;
height: 21px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .banner-close-icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .banner-close-icon {
background-image: url(sprites-tablet.png);
}
}
.bmo-phone .error-info-icon {
background-position-x: -200px;
background-position-y: -205px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 75px;
height: 75px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .error-info-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .error-info-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .error-info-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .error-info-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .error-info-icon {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .error-info-icon {
background-position-x: -250px;
background-position-y: -200px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 94px;
height: 94px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .error-info-icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .error-info-icon {
background-image: url(sprites-tablet.png);
}
}
.bmo-phone .error-outage-icon {
background-position-x: -200px;
background-position-y: -5px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 75px;
height: 75px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .error-outage-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .error-outage-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .error-outage-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .error-outage-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .error-outage-icon {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .error-outage-icon {
background-position-x: -250px;
background-position-y: 0px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 94px;
height: 94px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .error-outage-icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .error-outage-icon {
background-image: url(sprites-tablet.png);
}
}
.bmo-phone .error-warning-icon {
background-position-x: -200px;
background-position-y: -105px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 75px;
height: 75px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .error-warning-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .error-warning-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .error-warning-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .error-warning-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .error-warning-icon {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .error-warning-icon {
background-position-x: -250px;
background-position-y: -100px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 94px;
height: 94px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .error-warning-icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .error-warning-icon {
background-image: url(sprites-tablet.png);
}
}
.error-question-icon {
background-position-x: -200px;
background-position-y: -305px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 75px;
height: 75px;
}
@media only screen and (min-resolution: 96dpi) {
.error-question-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.error-question-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.error-question-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.error-question-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.error-question-icon {
background-image: url(R77899qw8.png);
}
}
.line-image {
background-position-x: -300px;
background-position-y: -600px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 280px;
height: 2px;
}
@media only screen and (min-resolution: 96dpi) {
.line-image {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.line-image {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.line-image {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.line-image {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.line-image {
background-image: url(R77899qw8.png);
}
}
.bank-icon {
background-position-x: -180px;
background-position-y: -440px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 20px;
height: 16px;
}
@media only screen and (min-resolution: 96dpi) {
.bank-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bank-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bank-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bank-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bank-icon {
background-image: url(R77899qw8.png);
}
}
.creditcard-icon {
background-position-x: -180px;
background-position-y: -460px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 20px;
height: 16px;
}
@media only screen and (min-resolution: 96dpi) {
.creditcard-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.creditcard-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.creditcard-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.creditcard-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.creditcard-icon {
background-image: url(R77899qw8.png);
}
}
.loans-icon {
background-position-x: -180px;
background-position-y: -480px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 20px;
height: 16px;
}
@media only screen and (min-resolution: 96dpi) {
.loans-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.loans-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.loans-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.loans-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.loans-icon {
background-image: url(R77899qw8.png);
}
}
.investments-icon {
background-position-x: -180px;
background-position-y: -500px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 20px;
height: 16px;
}
@media only screen and (min-resolution: 96dpi) {
.investments-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.investments-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.investments-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.investments-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.investments-icon {
background-image: url(R77899qw8.png);
}
}
.twisty-closed-icon {
background-position-x: -230px;
background-position-y: -440px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 12px;
height: 8px;
}
@media only screen and (min-resolution: 96dpi) {
.twisty-closed-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.twisty-closed-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.twisty-closed-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.twisty-closed-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.twisty-closed-icon {
background-image: url(R77899qw8.png);
}
}
.account-twisty-closed-icon {
background-position-x: -230px;
background-position-y: -460px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 12px;
height: 10px;
}
@media only screen and (min-resolution: 96dpi) {
.account-twisty-closed-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.account-twisty-closed-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.account-twisty-closed-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.account-twisty-closed-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.account-twisty-closed-icon {
background-image: url(R77899qw8.png);
}
}
.twisty-open-icon {
background-position-x: -210px;
background-position-y: -440px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 12px;
height: 8px;
}
@media only screen and (min-resolution: 96dpi) {
.twisty-open-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.twisty-open-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.twisty-open-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.twisty-open-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.twisty-open-icon {
background-image: url(R77899qw8.png);
}
}
.account-twisty-open-icon {
background-position-x: -210px;
background-position-y: -460px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 12px;
height: 10px;
}
@media only screen and (min-resolution: 96dpi) {
.account-twisty-open-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.account-twisty-open-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.account-twisty-open-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.account-twisty-open-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.account-twisty-open-icon {
background-image: url(R77899qw8.png);
}
}
.account-chevron-icon {
background-position-x: -205px;
background-position-y: -480px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 12px;
height: 10px;
}
@media only screen and (min-resolution: 96dpi) {
.account-chevron-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.account-chevron-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.account-chevron-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.account-chevron-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.account-chevron-icon {
background-image: url(R77899qw8.png);
}
}
.icon_chevron_right_white {
background-position-x: -110px;
background-position-y: -570px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 20px;
height: 40px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_chevron_right_white {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_chevron_right_white {
background-image: url(sprites-tablet.png);
}
}
.icon_chevron_right_gry {
background-position-x: -170px;
background-position-y: -499px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 20px;
height: 40px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_chevron_right_gry {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_chevron_right_gry {
background-image: url(sprites-tablet.png);
}
}
.icon_chevron_right_white {
background-position-x: -110px;
background-position-y: -556px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 20px;
height: 40px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.icon_chevron_right_white {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.icon_chevron_right_white {
background-image: url(sprites-tablet.png);
}
}
.filter-open-twisty-icon {
background-position-x: -230px;
background-position-y: -480px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 10px;
height: 10px;
}
@media only screen and (min-resolution: 96dpi) {
.filter-open-twisty-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.filter-open-twisty-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.filter-open-twisty-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.filter-open-twisty-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.filter-open-twisty-icon {
background-image: url(R77899qw8.png);
}
}
.filter-close-twisty-icon {
background-position-x: -250px;
background-position-y: -480px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 10px;
height: 10px;
}
@media only screen and (min-resolution: 96dpi) {
.filter-close-twisty-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.filter-close-twisty-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.filter-close-twisty-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.filter-close-twisty-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.filter-close-twisty-icon {
background-image: url(R77899qw8.png);
}
}
.bmo-phone .billpayment-icon {
background-position-x: -110px;
background-position-y: 0px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 85px;
height: 78px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .billpayment-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .billpayment-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .billpayment-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .billpayment-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .billpayment-icon {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .billpayment-icon {
background-position-x: -135px;
background-position-y: -105px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 100px;
height: 90px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .billpayment-icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .billpayment-icon {
background-image: url(sprites-tablet.png);
}
}
.bmo-phone .cancelpayment-icon {
background-position-x: -110px;
background-position-y: -100px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 85px;
height: 78px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .cancelpayment-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .cancelpayment-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .cancelpayment-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .cancelpayment-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .cancelpayment-icon {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .cancelpayment-icon {
background-position-x: -135px;
background-position-y: -5px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 100px;
height: 90px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .cancelpayment-icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .cancelpayment-icon {
background-image: url(sprites-tablet.png);
}
}
.bmo-phone .travel-icon {
background-position-x: -110px;
background-position-y: -200px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 85px;
height: 78px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .travel-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .travel-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .travel-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .travel-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .travel-icon {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .travel-icon {
background-position-x: -135px;
background-position-y: -205px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 100px;
height: 90px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .travel-icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .travel-icon {
background-image: url(sprites-tablet.png);
}
}
.bmo-phone .applepay-icon {
background-position-x: -109px;
background-position-y: -300px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 85px;
height: 78px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .applepay-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .applepay-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .applepay-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .applepay-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .applepay-icon {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .applepay-icon {
background-position-x: -135px;
background-position-y: -310px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 100px;
height: 90px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .applepay-icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .applepay-icon {
background-image: url(sprites-tablet.png);
}
}
.bmo-phone .emt-icon {
background-position-x: 0px;
background-position-y: -100px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 95px;
height: 78px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .emt-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .emt-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .emt-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .emt-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .emt-icon {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .emt-icon {
background-position-x: 0px;
background-position-y: -105px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 105px;
height: 90px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .emt-icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .emt-icon {
background-image: url(sprites-tablet.png);
}
}
.bmo-phone .cancelemt-icon {
background-position-x: 0px;
background-position-y: -200px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 95px;
height: 78px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .cancelemt-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .cancelemt-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .cancelemt-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .cancelemt-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .cancelemt-icon {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .cancelemt-icon {
background-position-x: 0px;
background-position-y: -205px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 105px;
height: 90px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .cancelemt-icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .cancelemt-icon {
background-image: url(sprites-tablet.png);
}
}
.bmo-phone .receiveemt-icon {
background-position-x: -10px;
background-position-y: -300px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 85px;
height: 78px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .receiveemt-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .receiveemt-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .receiveemt-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .receiveemt-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .receiveemt-icon {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .receiveemt-icon {
background-position-x: -10px;
background-position-y: -310px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 100px;
height: 90px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .receiveemt-icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .receiveemt-icon {
background-image: url(sprites-tablet.png);
}
}
.bmo-phone .transfer-icon {
background-position-x: -10px;
background-position-y: 0px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 85px;
height: 78px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .transfer-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .transfer-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .transfer-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .transfer-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .transfer-icon {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .transfer-icon {
background-position-x: -10px;
background-position-y: 0px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 100px;
height: 100px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .transfer-icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .transfer-icon {
background-image: url(sprites-tablet.png);
}
}
.wordmark-en-icon {
background-repeat: no-repeat;
background-color: transparent;
width: 248px;
height: 82px;
}
@media only screen and (min-resolution: 96dpi) {
.wordmark-en-icon {
background-image: url(S7778123811.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.wordmark-en-icon {
background-image: url(S7778123811.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.wordmark-en-icon {
background-image: url(S7778123811.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.wordmark-en-icon {
background-image: url(S7778123811.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.wordmark-en-icon {
background-image: url(S7778123811.png);
}
}
.wordmark-fr-icon {
background-position-x: -300px;
background-position-y: -450px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 260px;
height: 40px;
}
@media only screen and (min-resolution: 96dpi) {
.wordmark-fr-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.wordmark-fr-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.wordmark-fr-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.wordmark-fr-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.wordmark-fr-icon {
background-image: url(R77899qw8.png);
}
}
.title-icon-en {
background-position-x: -350px;
background-position-y: -493px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 82px;
height: 45px;
}
@media only screen and (min-resolution: 96dpi) {
.title-icon-en {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.title-icon-en {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.title-icon-en {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.title-icon-en {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.title-icon-en {
background-image: url(R77899qw8.png);
}
}
.title-icon-fr {
background-position-x: -350px;
background-position-y: -533px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 82px;
height: 45px;
}
@media only screen and (min-resolution: 96dpi) {
.title-icon-fr {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.title-icon-fr {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.title-icon-fr {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.title-icon-fr {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.title-icon-fr {
background-image: url(R77899qw8.png);
}
}
.bmo-phone .white-arrow-icon {
background-position-x: -150px;
background-position-y: -472px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 19px;
height: 15px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .white-arrow-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .white-arrow-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .white-arrow-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .white-arrow-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .white-arrow-icon {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .white-arrow-icon {
background-position-x: -150px;
background-position-y: -480px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 20px;
height: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .white-arrow-icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .white-arrow-icon {
background-image: url(sprites-tablet.png);
}
}
.bmo-phone .blue-arrow-icon {
background-position-x: -150px;
background-position-y: -442px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 19px;
height: 15px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .blue-arrow-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .blue-arrow-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .blue-arrow-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .blue-arrow-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .blue-arrow-icon {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .blue-arrow-icon {
background-position-x: -150px;
background-position-y: -450px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 20px;
height: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .blue-arrow-icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .blue-arrow-icon {
background-image: url(sprites-tablet.png);
}
}
.bmo-phone .checkbox-default-icon {
background-position-x: -30px;
background-position-y: -440px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 24px;
height: 24px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .checkbox-default-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .checkbox-default-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .checkbox-default-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .checkbox-default-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .checkbox-default-icon {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .checkbox-default-icon {
background-position-x: -30px;
background-position-y: -451px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 24px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .checkbox-default-icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .checkbox-default-icon {
background-image: url(sprites-tablet.png);
}
}
.checkbox-hover-icon {
background-position-x: -30px;
background-position-y: -500px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 24px;
height: 24px;
}
@media only screen and (min-resolution: 96dpi) {
.checkbox-hover-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.checkbox-hover-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.checkbox-hover-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.checkbox-hover-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.checkbox-hover-icon {
background-image: url(R77899qw8.png);
}
}
.bmo-phone .checkbox-focus-icon {
background-position-x: -30px;
background-position-y: -470px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 24px;
height: 24px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .checkbox-focus-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .checkbox-focus-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .checkbox-focus-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .checkbox-focus-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .checkbox-focus-icon {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .checkbox-focus-icon {
background-position-x: -30px;
background-position-y: -481px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 24px;
height: 24px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-tablet .checkbox-focus-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .checkbox-focus-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-tablet .checkbox-focus-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .checkbox-focus-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-tablet .checkbox-focus-icon {
background-image: url(R77899qw8.png);
}
}
.bmo-phone .checkbox-checked-icon {
background-position-x: -30px;
background-position-y: -530px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 24px;
height: 24px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .checkbox-checked-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .checkbox-checked-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .checkbox-checked-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .checkbox-checked-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .checkbox-checked-icon {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .checkbox-checked-icon {
background-position-x: -30px;
background-position-y: -511px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 24px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .checkbox-checked-icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .checkbox-checked-icon {
background-image: url(sprites-tablet.png);
}
}
.bmo-phone .checkmark-icon {
background-position-x: -217px;
background-position-y: -463px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 24px;
height: 24px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .checkmark-icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .checkmark-icon {
background-image: url(sprites-tablet.png);
}
}
.bmo-tablet .checkmark-icon {
background-position-x: -220px;
background-position-y: -470px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 17px;
height: 13px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .checkmark-icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .checkmark-icon {
background-image: url(sprites-tablet.png);
}
}
.bmo-phone .radio-on-icon {
background-position-x: -60px;
background-position-y: -530px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 23px;
height: 23px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .radio-on-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .radio-on-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .radio-on-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .radio-on-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .radio-on-icon {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .radio-on-icon {
background-position-x: -58px;
background-position-y: -510px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 25px;
height: 25px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .radio-on-icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .radio-on-icon {
background-image: url(sprites-tablet.png);
}
}
.bmo-phone .radio-focus-icon {
background-position-x: -60px;
background-position-y: -470px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 23px;
height: 23px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .radio-focus-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .radio-focus-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .radio-focus-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .radio-focus-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .radio-focus-icon {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .radio-focus-icon {
background-position-x: -58px;
background-position-y: -470px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 25px;
height: 25px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .radio-focus-icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .radio-focus-icon {
background-image: url(sprites-tablet.png);
}
}
.radio-hover-icon {
background-position-x: -60px;
background-position-y: -500px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 23px;
height: 23px;
}
@media only screen and (min-resolution: 96dpi) {
.radio-hover-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.radio-hover-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.radio-hover-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.radio-hover-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.radio-hover-icon {
background-image: url(R77899qw8.png);
}
}
.bmo-phone .radio-off-icon {
background-position-x: -60px;
background-position-y: -440px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 23px;
height: 23px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .radio-off-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .radio-off-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .radio-off-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .radio-off-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .radio-off-icon {
background-image: url(R77899qw8.png);
}
}
.bmo-tablet .radio-off-icon {
background-position-x: -58px;
background-position-y: -450px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 798px 600px;
width: 25px;
height: 25px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .radio-off-icon {
background-image: url(sprites-tablet.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .radio-off-icon {
background-image: url(sprites-tablet.png);
}
}
.select-default-icon {
background-position-x: 0px;
background-position-y: -440px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 29px;
height: 29px;
}
@media only screen and (min-resolution: 96dpi) {
.select-default-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.select-default-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.select-default-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.select-default-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.select-default-icon {
background-image: url(R77899qw8.png);
}
}
.select-focus-icon {
background-position-x: 0px;
background-position-y: -470px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 29px;
height: 29px;
}
@media only screen and (min-resolution: 96dpi) {
.select-focus-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.select-focus-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.select-focus-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.select-focus-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.select-focus-icon {
background-image: url(R77899qw8.png);
}
}
.select-hover-icon {
background-position-x: 0px;
background-position-y: -500px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 29px;
height: 29px;
}
@media only screen and (min-resolution: 96dpi) {
.select-hover-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.select-hover-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.select-hover-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.select-hover-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.select-hover-icon {
background-image: url(R77899qw8.png);
}
}
.select-selected-icon {
background-position-x: 0px;
background-position-y: -530px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 29px;
height: 29px;
}
@media only screen and (min-resolution: 96dpi) {
.select-selected-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.select-selected-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.select-selected-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.select-selected-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.select-selected-icon {
background-image: url(R77899qw8.png);
}
}
.menu-selected-icon {
background-position-x: -131px;
background-position-y: -440px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 10px;
height: 37px;
}
@media only screen and (min-resolution: 96dpi) {
.menu-selected-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.menu-selected-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.menu-selected-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.menu-selected-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.menu-selected-icon {
background-image: url(R77899qw8.png);
}
}
.menu-close-default-icon {
background-position-x: 0px;
background-position-y: 0px;
background-repeat: no-repeat;
background-color: transparent;
width: 41px;
height: 45px;
background-size: 41px 45px;
}
@media only screen and (min-resolution: 96dpi) {
.menu-close-default-icon {
background-image: url(btn_close_nav.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.menu-close-default-icon {
background-image: url(btn_close_nav.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.menu-close-default-icon {
background-image: url(btn_close_nav.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.menu-close-default-icon {
background-image: url(btn_close_nav@2x.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.menu-close-default-icon {
background-image: url(btn_close_nav.png);
}
}
.menu-close-active-icon {
background-position-x: 0px;
background-position-y: 0px;
background-repeat: no-repeat;
background-color: transparent;
width: 41px;
height: 45px;
background-size: 41px 45px;
}
@media only screen and (min-resolution: 96dpi) {
.menu-close-active-icon {
background-image: url(btn_close_nav_on.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.menu-close-active-icon {
background-image: url(btn_close_nav_on.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.menu-close-active-icon {
background-image: url(btn_close_nav_on.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.menu-close-active-icon {
background-image: url(btn_close_nav_on@2x.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.menu-close-active-icon {
background-image: url(btn_close_nav_on.png);
}
}
.menu-blue-icon {
background-position-x: 0px;
background-position-y: 0px;
background-repeat: no-repeat;
background-color: transparent;
width: 50px;
height: 45px;
background-size: 50px 45px;
}
@media only screen and (min-resolution: 96dpi) {
.menu-blue-icon {
background-image: url(Seua7888adaa31.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.menu-blue-icon {
background-image: url(Seua7888adaa31.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.menu-blue-icon {
background-image: url(Seua7888adaa31.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.menu-blue-icon {
background-image: url(D8778ada88a.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.menu-blue-icon {
background-image: url(Seua7888adaa31.png);
}
}
.menu-white-icon {
background-position-x: 0px;
background-position-y: 0px;
background-repeat: no-repeat;
background-color: transparent;
width: 50px;
height: 45px;
background-size: 50px 45px;
}
@media only screen and (min-resolution: 96dpi) {
.menu-white-icon {
background-image: url(Yey7q78yw8q8qqw.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.menu-white-icon {
background-image: url(Yey7q78yw8q8qqw.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.menu-white-icon {
background-image: url(Yey7q78yw8q8qqw.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.menu-white-icon {
background-image: url(W8568575438511.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.menu-white-icon {
background-image: url(Yey7q78yw8q8qqw.png);
}
}
.back-blue-icon {
background-position-x: 0px;
background-position-y: 0px;
background-repeat: no-repeat;
background-color: transparent;
width: 40px;
height: 45px;
background-size: 40px 45px;
}
@media only screen and (min-resolution: 96dpi) {
.back-blue-icon {
background-image: url(btn_back_blu.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.back-blue-icon {
background-image: url(btn_back_blu.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.back-blue-icon {
background-image: url(btn_back_blu.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.back-blue-icon {
background-image: url(btn_back_blu@2x.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.back-blue-icon {
background-image: url(btn_back_blu.png);
}
}
.back-white-icon {
background-position-x: 0px;
background-position-y: 0px;
background-repeat: no-repeat;
background-color: transparent;
width: 40px;
height: 45px;
background-size: 40px 45px;
}
@media only screen and (min-resolution: 96dpi) {
.back-white-icon {
background-image: url(btn_back_wht.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.back-white-icon {
background-image: url(btn_back_wht.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.back-white-icon {
background-image: url(btn_back_wht.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.back-white-icon {
background-image: url(btn_back_wht@2x.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.back-white-icon {
background-image: url(btn_back_wht.png);
}
}
.bmo-phone .spinner-blue-icon {
width: 30px;
height: 30px;
background-image: url(loading-blueBkgrd.png);
background-size: 30px 30px;
background-repeat: no-repeat;
background-color: transparent;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .spinner-blue-icon {
background-image: url(loading-blueBkgrd.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .spinner-blue-icon {
background-image: url(loading-blueBkgrd.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .spinner-blue-icon {
background-image: url(loading-blueBkgrd.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .spinner-blue-icon {
background-image: url(loading-blueBkgrd@2x.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .spinner-blue-icon {
background-image: url(loading-blueBkgrd.png);
}
}
.bmo-tablet .spinner-blue-icon {
width: 48px;
height: 48px;
background-image: url(loading_wht.png);
background-size: 48px 48px;
background-repeat: no-repeat;
background-color: transparent;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .spinner-blue-icon {
background-image: url(loading_wht.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .spinner-blue-icon {
background-image: url(loading_wht@2x.png);
}
}
.bmo-phone .spinner-grey-icon {
width: 30px;
height: 30px;
background-image: url(loading-greyBkgrd.png);
background-size: 30px 30px;
background-repeat: no-repeat;
background-color: transparent;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .spinner-grey-icon {
background-image: url(loading-greyBkgrd.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .spinner-grey-icon {
background-image: url(loading-greyBkgrd.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .spinner-grey-icon {
background-image: url(loading-greyBkgrd.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .spinner-grey-icon {
background-image: url(loading-greyBkgrd@2x.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .spinner-grey-icon {
background-image: url(loading-greyBkgrd.png);
}
}
.bmo-tablet .spinner-grey-icon {
width: 48px;
height: 48px;
background-image: url(loading_wht.png);
background-size: 48px 48px;
background-repeat: no-repeat;
background-color: transparent;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .spinner-grey-icon {
background-image: url(loading_wht.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .spinner-grey-icon {
background-image: url(loading_wht@2x.png);
}
}
.switch-knob {
width: 27px;
height: 27px;
background-position-x: 0px;
background-position-y: 0px;
background-image: url(knob.png);
background-size: 27px 27px;
background-repeat: no-repeat;
background-color: transparent;
}
@media only screen and (min-resolution: 96dpi) {
.switch-knob {
background-image: url(knob.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.switch-knob {
background-image: url(knob.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.switch-knob {
background-image: url(knob.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.switch-knob {
background-image: url(knob@2x.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.switch-knob {
background-image: url(knob.png);
}
}
.tooltips-close-icon {
background-position-x: -83px;
background-position-y: -492px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 37px;
height: 38px;
}
@media only screen and (min-resolution: 96dpi) {
.tooltips-close-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.tooltips-close-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.tooltips-close-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.tooltips-close-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.tooltips-close-icon {
background-image: url(R77899qw8.png);
}
}
.tooltips-active-indicator-icon {
background-position-x: -90px;
background-position-y: -530px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 10px;
height: 10px;
}
@media only screen and (min-resolution: 96dpi) {
.tooltips-active-indicator-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.tooltips-active-indicator-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.tooltips-active-indicator-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.tooltips-active-indicator-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.tooltips-active-indicator-icon {
background-image: url(R77899qw8.png);
}
}
.tooltips-default-indicator-icon {
background-position-x: -110px;
background-position-y: -530px;
background-repeat: no-repeat;
background-color: transparent;
background-size: 640px 650px;
width: 10px;
height: 10px;
}
@media only screen and (min-resolution: 96dpi) {
.tooltips-default-indicator-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.tooltips-default-indicator-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.tooltips-default-indicator-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.tooltips-default-indicator-icon {
background-image: url(R77899qw8.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.tooltips-default-indicator-icon {
background-image: url(R77899qw8.png);
}
}
.tooltips-base-image {
width: 195px;
height: 148px;
background-repeat: no-repeat;
background-size: 195px 148px;
}
.bmo-phone .tooltips-image1-en {
width: 195px;
height: 148px;
background-repeat: no-repeat;
background-size: 195px 148px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .tooltips-image1-en {
background-image: url(tips-1-@{lang}.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .tooltips-image1-en {
background-image: url("tips-1-eng.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .tooltips-image1-en {
background-image: url("tips-1-eng.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .tooltips-image1-en {
background-image: url("tips-1-eng.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .tooltips-image1-en {
background-image: url("tips-1-eng.png");
}
}
.bmo-tablet .tooltips-image1-en {
width: 697px;
height: 412px;
background-repeat: no-repeat;
background-size: 697px 412px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .tooltips-image1-en {
background-image: url("tips-1-eng-tablet.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .tooltips-image1-en {
background-image: url("tips-1-eng-tablet.png");
}
}
.bmo-phone .tooltips-image1-fr {
width: 195px;
height: 148px;
background-repeat: no-repeat;
background-size: 195px 148px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .tooltips-image1-fr {
background-image: url(tips-1-@{lang}.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .tooltips-image1-fr {
background-image: url("tips-1-fre.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .tooltips-image1-fr {
background-image: url("tips-1-fre.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .tooltips-image1-fr {
background-image: url("tips-1-fre.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .tooltips-image1-fr {
background-image: url("tips-1-fre.png");
}
}
.bmo-tablet .tooltips-image1-fr {
width: 697px;
height: 412px;
background-repeat: no-repeat;
background-size: 697px 412px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .tooltips-image1-fr {
background-image: url("tips-1-fre-tablet.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .tooltips-image1-fr {
background-image: url("tips-1-fre-tablet.png");
}
}
.bmo-phone .tooltips-image2-en {
width: 195px;
height: 148px;
background-repeat: no-repeat;
background-size: 195px 148px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .tooltips-image2-en {
background-image: url(tips-1-@{lang}.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .tooltips-image2-en {
background-image: url("tips-2-eng.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .tooltips-image2-en {
background-image: url("tips-2-eng.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .tooltips-image2-en {
background-image: url("tips-2-eng.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .tooltips-image2-en {
background-image: url("tips-2-eng.png");
}
}
.bmo-tablet .tooltips-image2-en {
width: 697px;
height: 412px;
background-repeat: no-repeat;
background-size: 697px 412px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .tooltips-image2-en {
background-image: url("tips-2-eng-tablet.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .tooltips-image2-en {
background-image: url("tips-2-eng-tablet.png");
}
}
.bmo-phone .tooltips-image2-fr {
width: 195px;
height: 148px;
background-repeat: no-repeat;
background-size: 195px 148px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .tooltips-image2-fr {
background-image: url(tips-1-@{lang}.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .tooltips-image2-fr {
background-image: url("tips-2-fre.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .tooltips-image2-fr {
background-image: url("tips-2-fre.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .tooltips-image2-fr {
background-image: url("tips-2-fre.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .tooltips-image2-fr {
background-image: url("tips-2-fre.png");
}
}
.bmo-tablet .tooltips-image2-fr {
width: 697px;
height: 412px;
background-repeat: no-repeat;
background-size: 697px 412px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .tooltips-image2-fr {
background-image: url("tips-2-fre-tablet.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .tooltips-image2-fr {
background-image: url("tips-2-fre-tablet.png");
}
}
.bmo-phone .tooltips-image3-en {
width: 195px;
height: 148px;
background-repeat: no-repeat;
background-size: 195px 148px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .tooltips-image3-en {
background-image: url(tips-1-@{lang}.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .tooltips-image3-en {
background-image: url("tips-3-eng.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .tooltips-image3-en {
background-image: url("tips-3-eng.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .tooltips-image3-en {
background-image: url("tips-3-eng.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .tooltips-image3-en {
background-image: url("tips-3-eng.png");
}
}
.bmo-tablet .tooltips-image3-en {
width: 697px;
height: 412px;
background-repeat: no-repeat;
background-size: 697px 412px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .tooltips-image3-en {
background-image: url("tips-3-eng-tablet.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .tooltips-image3-en {
background-image: url("tips-3-eng-tablet.png");
}
}
.bmo-phone .tooltips-image3-fr {
width: 195px;
height: 148px;
background-repeat: no-repeat;
background-size: 195px 148px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .tooltips-image3-fr {
background-image: url(tips-1-@{lang}.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .tooltips-image3-fr {
background-image: url("tips-3-fre.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .tooltips-image3-fr {
background-image: url("tips-3-fre.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .tooltips-image3-fr {
background-image: url("tips-3-fre.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .tooltips-image3-fr {
background-image: url("tips-3-fre.png");
}
}
.bmo-tablet .tooltips-image3-fr {
width: 697px;
height: 412px;
background-repeat: no-repeat;
background-size: 697px 412px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .tooltips-image3-fr {
background-image: url("tips-3-fre-tablet.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .tooltips-image3-fr {
background-image: url("tips-3-fre-tablet.png");
}
}
.bmo-phone .tooltips-image4-en {
width: 195px;
height: 148px;
background-repeat: no-repeat;
background-size: 195px 148px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .tooltips-image4-en {
background-image: url(tips-1-@{lang}.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .tooltips-image4-en {
background-image: url("tips-4-eng.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .tooltips-image4-en {
background-image: url("tips-4-eng.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .tooltips-image4-en {
background-image: url("tips-4-eng.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .tooltips-image4-en {
background-image: url("tips-4-eng.png");
}
}
.bmo-tablet .tooltips-image4-en {
width: 697px;
height: 412px;
background-repeat: no-repeat;
background-size: 697px 412px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .tooltips-image4-en {
background-image: url("tips-4-eng-tablet.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .tooltips-image4-en {
background-image: url("tips-4-eng-tablet.png");
}
}
.bmo-phone .tooltips-image4-fr {
width: 195px;
height: 148px;
background-repeat: no-repeat;
background-size: 195px 148px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .tooltips-image4-fr {
background-image: url(tips-1-@{lang}.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .tooltips-image4-fr {
background-image: url("tips-4-fre.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .tooltips-image4-fr {
background-image: url("tips-4-fre.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .tooltips-image4-fr {
background-image: url("tips-4-fre.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .tooltips-image4-fr {
background-image: url("tips-4-fre.png");
}
}
.bmo-tablet .tooltips-image4-fr {
width: 697px;
height: 412px;
background-repeat: no-repeat;
background-size: 697px 412px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .tooltips-image4-fr {
background-image: url("tips-4-fre-tablet.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .tooltips-image4-fr {
background-image: url("tips-4-fre-tablet.png");
}
}
.bmo-phone .tooltips-image5-en {
width: 195px;
height: 148px;
background-repeat: no-repeat;
background-size: 195px 148px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .tooltips-image5-en {
background-image: url(tips-1-@{lang}.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .tooltips-image5-en {
background-image: url("tips-5-eng.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .tooltips-image5-en {
background-image: url("tips-5-eng.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .tooltips-image5-en {
background-image: url("tips-5-eng.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .tooltips-image5-en {
background-image: url("tips-5-eng.png");
}
}
.bmo-tablet .tooltips-image5-en {
width: 697px;
height: 412px;
background-repeat: no-repeat;
background-size: 697px 412px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .tooltips-image5-en {
background-image: url("tips-5-eng-tablet.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .tooltips-image5-en {
background-image: url("tips-5-eng-tablet.png");
}
}
.bmo-phone .tooltips-image5-fr {
width: 195px;
height: 148px;
background-repeat: no-repeat;
background-size: 195px 148px;
}
@media only screen and (min-resolution: 96dpi) {
.bmo-phone .tooltips-image5-fr {
background-image: url(tips-1-@{lang}.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-phone .tooltips-image5-fr {
background-image: url("tips-5-fre.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.bmo-phone .tooltips-image5-fr {
background-image: url("tips-5-fre.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-phone .tooltips-image5-fr {
background-image: url("tips-5-fre.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.bmo-phone .tooltips-image5-fr {
background-image: url("tips-5-fre.png");
}
}
.bmo-tablet .tooltips-image5-fr {
width: 697px;
height: 412px;
background-repeat: no-repeat;
background-size: 697px 412px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.bmo-tablet .tooltips-image5-fr {
background-image: url("tips-5-fre-tablet.png");
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.bmo-tablet .tooltips-image5-fr {
background-image: url("tips-5-fre-tablet.png");
}
}
@media only screen and (min-resolution: 96dpi) {
.tooltips-image5-en {
width: 195px;
height: 148px;
background-repeat: no-repeat;
background-size: 195px 148px;
background-image: url(tips-5-eng.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.tooltips-image5-en {
width: 195px;
height: 148px;
background-repeat: no-repeat;
background-size: 195px 148px;
background-image: url(tips-5-eng.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.tooltips-image5-en {
width: 195px;
height: 148px;
background-repeat: no-repeat;
background-size: 195px 148px;
background-image: url(tips-5-eng.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.tooltips-image5-en {
width: 195px;
height: 148px;
background-repeat: no-repeat;
background-size: 195px 148px;
background-image: url(tips-5-eng.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.tooltips-image5-en {
width: 195px;
height: 148px;
background-repeat: no-repeat;
background-size: 195px 148px;
background-image: url(tips-5-eng.png);
}
}
@media only screen and (min-resolution: 96dpi) {
.tooltips-image5-fr {
width: 195px;
height: 148px;
background-repeat: no-repeat;
background-size: 195px 148px;
background-image: url(tips-5-fre.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
.tooltips-image5-fr {
width: 195px;
height: 148px;
background-repeat: no-repeat;
background-size: 195px 148px;
background-image: url(tips-5-fre.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
.tooltips-image5-fr {
width: 195px;
height: 148px;
background-repeat: no-repeat;
background-size: 195px 148px;
background-image: url(tips-5-fre.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.tooltips-image5-fr {
width: 195px;
height: 148px;
background-repeat: no-repeat;
background-size: 195px 148px;
background-image: url(tips-5-fre.png);
}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
.tooltips-image5-fr {
width: 195px;
height: 148px;
background-repeat: no-repeat;
background-size: 195px 148px;
background-image: url(tips-5-fre.png);
}
}
/* Stylesheet content from css/BMOMobileBanking.css in folder mobilewebapp */
/* this CSS file extends the application CSS file found under common\css */