@charset "utf-8";
/* CSS Document */

/*********** Custom jquery mobile css ***************/ 
body, input, select, textarea, button, .ui-btn {
  font-family: Arial, Helvetica, sans-serif;
}

/* Custom styles */
	/* Header */
	.ui-page-theme-a .headerBrastelCard .ui-btn {
		background:none !important;
		border-color:transparent !important;
		box-shadow:none;
		border-radius:0;
	}
	.headerBrastelCard .ui-icon-language-menu:after {
		background-size:30px;
	}
	.headerBrastelCard.ui-bar-a .ui-icon-language-menu:after {
		background-image:url(../jquery/images/icon-custom-64-lang-white.svg);
	}
	.headerBrastelCard.ui-bar-c .ui-icon-language-menu:after {
		background-image:url(../jquery/images/icon-custom-64-lang-blue.svg);
	}
	
	
	.headerBrastelCard .ui-icon-bars-four:after {
		background-image:url(../jquery/images/icon-custom-64-menu-blue.svg?ver=05);
		background-size:26px;
	}
	.headerBrastelCard .ui-btn-a:after {
		width:30px;
		height:30px;
		margin-top:-15px;
		margin-left:-15px;
		border-radius:0;
	}
	.vie .headerBrastelCard.ui-header .ui-title {
		font-size:1em;
		line-height:1.85em;
	}
	.headerBrastelCard.ui-header .ui-title {
		font-size:1.2em;
		margin:0 28%;
	}
	.headerBrastelCard .ui-btn-icon-notext {
		height:2.5em;
		width:2.5em;
	}
	/*.ui-page-theme-a .headerBrastelCard.ui-bar-inherit {
		background-color:#FFE600;
		border-color:#FFE600;
		-webkit-box-shadow:none;
		box-shadow: none;
		transition: box-shadow 0.2s;
	}
	.ui-page-theme-a .headerBrastelCard.ui-bar-inherit.shadow {
		-webkit-box-shadow: 0 0 6px 2px rgba(0,0,0,0.3);
		box-shadow: 0 0 6px 2px rgba(0,0,0,0.3);
		transition: box-shadow 0.2s;
	}*/
	
	.ui-page-theme-a .headerBrastelCard {
		-webkit-box-shadow:none;
		box-shadow: none;
		transition: box-shadow 0.2s;
	}
	.ui-page-theme-a .headerBrastelCard.shadow {
		-webkit-box-shadow: 0 0 6px 2px rgba(0,0,0,0.3);
		box-shadow: 0 0 6px 2px rgba(0,0,0,0.3);
		transition: box-shadow 0.2s;
	}
	
	
	.headerBrastelCard .ui-btn-icon-notext:after {
		background-color: transparent !important;
	}
	/* Page bg */
	.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
		background-color:#FFF;
	}
	/* Links */
	.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a,
	.ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited {
		color:#005FB0;
	}
	.ui-page-theme-a a:hover, html .ui-bar-a a:hover, html .ui-body-a a:hover, html body .ui-group-theme-a a:hover {
		color:#0280e3;
	}
	/* Form elements */
		/* Radio buttons (list) */
		.ui-page-theme-a .ui-radio-on:after, html .ui-bar-a .ui-radio-on:after, html .ui-body-a .ui-radio-on:after, html body .ui-group-theme-a .ui-radio-on:after, .ui-btn.ui-radio-on.ui-btn-a:after {
			border-color:#0055A5;
		}
		/* Radio buttons (Y/N), switch */
		.ui-page-theme-a .ui-btn.ui-btn-active, html .ui-bar-a .ui-btn.ui-btn-active, html .ui-body-a .ui-btn.ui-btn-active, html body .ui-group-theme-a .ui-btn.ui-btn-active, html head + body .ui-btn.ui-btn-a.ui-btn-active, .ui-page-theme-a .ui-checkbox-on:after, html .ui-bar-a .ui-checkbox-on:after, html .ui-body-a .ui-checkbox-on:after, html body .ui-group-theme-a .ui-checkbox-on:after, .ui-btn.ui-checkbox-on.ui-btn-a:after, .ui-page-theme-a .ui-flipswitch-active, html .ui-bar-a .ui-flipswitch-active, html .ui-body-a .ui-flipswitch-active, html body .ui-group-theme-a .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-a.ui-flipswitch-active, .ui-page-theme-a .ui-slider-track .ui-btn-active, html .ui-bar-a .ui-slider-track .ui-btn-active, html .ui-body-a .ui-slider-track .ui-btn-active, html body .ui-group-theme-a .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-a .ui-btn-active {
			background-color:#0055A5 !important;
			border-color:#0055A5 !important;
		}


@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.ui-icon-myapp-settings {
		background-image:url(../jquery/images/icon-custom-36-world-white.png) !important;
		background-size: 18px 18px;
	}
}
/****************************************************/
/* Set max width for better viewing on desktop devices */
	div[data-role="page"].pageContents {
		background: #eee;
	}
	.headerBrastelCard {
		max-width: 600px;
		margin: 0 auto;
	}
	div[data-role="main"].ui-content {
		max-width: 568px;
		margin: 0 auto;
		/*height: 100vh;
		margin-bottom: -85px;*/
		background: #fff;
	}
	.adjuster {
		/*padding-bottom: 85px;*/
	}
	@media (min-width: 28em) {
		.ui-field-contain>label, .ui-field-contain .ui-controlgroup-label, .ui-field-contain>.ui-rangeslider>label, .ui-field-contain>label~[class*=ui-], .ui-field-contain .ui-controlgroup-controls {
			float: none;
			width: 100%;
		}
		.ui-field-contain>label, .ui-field-contain .ui-controlgroup-label, .ui-field-contain>.ui-rangeslider>label {
			margin: 0 0 .4em;
		}
	}

/*.pageContents.ui-page {display:none;}*/
body.Kantan.settei #loadingPage {background-color:white;}
#loadingPage {/*position:absolute; z-index:10; top:50%; left:50%; margin-left:-24px; margin-top:-24px;*/
	position:absolute; width:100vw; height:100%; top:0; background-color:rgba(255,255,255,0.9); z-index:10000; display:none;
}
.headerBrastelCard img.noInlineSVG {display:none; height:30px;}
.no-flexbox .headerBrastelCard svg,
.no-inlinesvg .headerBrastelCard svg {display:none !important;}
.no-flexbox .headerBrastelCard img.noInlineSVG.noMenu,
.no-inlinesvg .headerBrastelCard img.noInlineSVG.noMenu,
.headerBrastelCard img.noInlineSVG.noMenu,
.headerBrastelCard img.headerNoMenuSPC {display:block; position:absolute; top:6px; right:6px;}
h1 img.noInlineSVG.withMenu,
h1 .headerSPC {margin:-6px 0em -7px; vertical-align:middle;}
.no-flexbox h1 img.noInlineSVG.withMenu,
.no-inlinesvg h1 img.noInlineSVG.withMenu {display:inline;}
div.ui-input-text {background-color:#FFF;}
input {text-align:center;}
button {position:relative;}
.formSpacer {height:10px;}
form {position:relative;}
.accessCodeWrapper {padding:7px 10px; margin-bottom:20px;}
#HaveSPC {margin-left:20px;}
table.accessCode {width:100%;}
table.accessCode td,
table.accessCode td input {text-align:center;}
table.accessCode td.accessCode {width:60%; padding:0 0.5em 0 0;}
table.accessCode td.PIN {width:40%;}
.rus table.accessCode td.accessCode,
.esp table.accessCode td.accessCode {width:53%;}
.rus table.accessCode td.PIN,
.esp table.accessCode td.PIN {width:47%;}
#SIPPwd,
.errorMsg {display:none;}
.loading {position:absolute; bottom:53px; left:50%; margin:0 0 0 -24px; z-index:100000; display:none;}
.loading.withNoBackBtn {bottom:-4px;}
.loading.changePIN {bottom:-2px;}
.errorMsg {position:relative; margin-bottom:15px; overflow:auto; min-height:22px;}
.errorMsg .alert-icon:after {left:20px; background-color:#D70005;}
.errorMsg .msg span {display:block; width:70%; float:left; padding-left:44px; color:#D70005;}
div.title {margin:-1em -1em 0.5em; color:#0055A5;/*#005FB0;*//*#0280e3;*/ padding:0.8em 0; background-color:#f2f2f2; position:relative; overflow:auto;}
.title .carat-icon:after {left:20px;}
.title .msg {display:inline-block; border-left:1px solid #0055A5; padding-left:10px; position:absolute; left:40px;}
.title .msg.no-border {border-left: none; left: 0;}
#autoRchgNotAvailable {font-weight:bold; display:none;}
.confirmRow {overflow:auto; margin-bottom:10px; padding:0 0 10px 0; border-bottom:1px solid #CCC;}
.confirmRow div:first-child {margin-right:10px; float:left}
.confirmRow div {float:right;}
.currSym.aft {display:none;}
.jpn .currSym.bef,
.kor .currSym.bef {display: none;}
.jpn .currSym.aft,
.kor .currSym.aft {display: inline;}

/* Main menu (with icons) */
.ui-panel-inner .main-menu {margin:0 -1em;} /* menu in sliding panel */
.ui-panel-inner .main-menu a span {font-size:0.7em;}
.main-menu {margin:0 -1em 0;}
.main-menu a {display:block; text-align:center; padding:0.8em 0; border-radius:7px; text-decoration:none;}
.main-menu a img {display:inline-block; width:60%; max-width:130px;}
.main-menu a span {color:#595857; font-size:0.85em; margin-top:0.5em; font-weight:normal; display:block; text-align:center;}
.main-menu a:hover {background-color:#F2F2F2;}
legend.withParagraphs span.p:first-child {margin:0;}
legend.withParagraphs span.p {display:block; margin:0.5em 0;}

/* Privacy policy */
.privacyPolicy .heading {font-weight:bold;}
.privacyPolicy iframe {border:1px solid rgba(0,0,0,.15); width:100%; height:240px;}

span.logoHolder img {height:30px; margin-right:10px; vertical-align:middle;}

.ui-corner-all {
	border-radius:.3125em;
}
.custom-corners .ui-bar {
	border-top-left-radius:inherit;
	border-top-right-radius:inherit;
}
.custom-corners .ui-body {
	border-bottom-left-radius:inherit;
	border-bottom-right-radius:inherit;
}

/* Common styles */
.centered {
	text-align: center;
}
.custom-checkbox {
	margin: 1.5rem 0;
	align-items: center;
	display: flex;
}
.custom-checkbox.i-agree-box {
	display: none;
	margin: 0 0 3rem;
}
.custom-checkbox .ui-checkbox {
	margin: 0 1em;
}
.custom-checkbox .ui-checkbox input {
	position: relative;
	left: 0;
	top: 0;
	margin: 0;
}