html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

body {
	line-height: 1
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote::before,
blockquote::after,
q::before,
q::after {
	content: "";
	content: none
}

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

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}
}

@-webkit-keyframes fadeInUpDelayed {
	0%,
	50% {
		opacity: 0;
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInUpDelayed {
	0%,
	50% {
		opacity: 0;
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@-webkit-keyframes fadeInUpShake {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}
	25% {
		opacity: 1;
		-webkit-transform: translateX(8px);
		transform: translateX(8px)
	}
	50% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}
	75% {
		-webkit-transform: translateX(3px);
		transform: translateX(3px)
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fadeInUpShake {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}
	25% {
		opacity: 1;
		-webkit-transform: translateX(8px);
		transform: translateX(8px)
	}
	50% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}
	75% {
		-webkit-transform: translateX(3px);
		transform: translateX(3px)
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

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

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

@-webkit-keyframes bounceRight {
	0%,
	100% {
		left: 0
	}
	25% {
		left: .5em
	}
}

@keyframes bounceRight {
	0%,
	100% {
		left: 0
	}
	25% {
		left: .5em
	}
}

@-webkit-keyframes bounceRightTransform {
	0%,
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	25% {
		-webkit-transform: translateX(5px);
		transform: translateX(5px)
	}
}

@keyframes bounceRightTransform {
	0%,
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	25% {
		-webkit-transform: translateX(5px);
		transform: translateX(5px)
	}
}

@-webkit-keyframes bounceLeft {
	0%,
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	25% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}
}

@keyframes bounceLeft {
	0%,
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	25% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}
}

@keyframes fadeInUpDelayed {
	0%,
	50% {
		opacity: 0;
		-webkit-transform: translateY(10px);
		transform: translateY(10px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInUpShake {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}
	25% {
		opacity: 1;
		-webkit-transform: translateX(8px);
		transform: translateX(8px)
	}
	50% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}
	75% {
		-webkit-transform: translateX(3px);
		transform: translateX(3px)
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

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

@keyframes bounceRight {
	0%,
	100% {
		left: 0
	}
	25% {
		left: .5em
	}
}

@keyframes bounceRightTransform {
	0%,
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	25% {
		-webkit-transform: translateX(5px);
		transform: translateX(5px)
	}
}

@keyframes bounceLeft {
	0%,
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	25% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}
}

html,
body {
	border: 0;
	height: 100%;
	letter-spacing: .05em;
	line-height: 1.3;
	margin: 0;
	min-height: 150px;
	padding: 0;
	-webkit-text-size-adjust: none;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	width: 100%
}

body {
	background: rgba(0, 0, 0, 0);
	font-family: arial, helvetica, verdana;
	font-size: 10px;
	min-height: 150px;
	min-width: 320px;
	overflow: hidden
}

* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

#loader {
	background-color: #fff;
	/*border: 1px solid #bbb;*/
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	height: 100%;
	/*position: absolute;*/
	width: 100%;
	z-index: 9999
}

#loader.removing {
	-webkit-animation: fadeOut 150ms ease-out;
	animation: fadeOut 150ms ease-out;
	opacity: 0
}

#loader .loader_wrapper {
	padding-bottom: 10px;
	text-align: center;
	vertical-align: middle
}

#loader .loader_wrapper .spinner_wrapper {
	padding-bottom: 10px
}

#loader .loader_wrapper .spinner_wrapper img.spinner {
	-webkit-animation: spin 1500ms infinite linear;
	animation: spin 1500ms infinite linear;
	height: 40px;
	width: 40px
}

#loader .loader_wrapper .text_wrapper {
	display: inline-block;
	text-align: left
}

#loader .loader_wrapper .text_wrapper h1,
#loader .loader_wrapper .text_wrapper h2 {
	color: #000;
	font-size: 14px;
	line-height: 1.6
}

#loader .loader_wrapper .text_wrapper *[lang=no] {
	font-weight: bold
}

*:focus,
.content.text:focus,
.scroller:focus,
.content.text a:focus,
.content.policy_page a:focus,
.content.important .message a:focus,
.content.info .message a:focus,
.content.error .message a:focus,
button.link:focus,
button:focus,
.document-list__document__download-button:not([disabled]):focus,
button.button[data-variant=primary]:not(:disabled):active,
button.button[data-variant=primary]:not(:disabled):focus,
button.button[data-variant=secondary]:not(:disabled):active,
button.button[data-variant=secondary]:not(:disabled):focus,
button.buttonIcon:not([disabled]):focus,
.default-focus,
.reset-focus {
	border-color: #0078bd;
	outline: none;
	outline-offset: -2px
}

*:focus::-moz-focus-inner,
.content.text:focus::-moz-focus-inner,
.scroller:focus::-moz-focus-inner,
.content.text a:focus::-moz-focus-inner,
.content.policy_page a:focus::-moz-focus-inner,
.content.important .message a:focus::-moz-focus-inner,
.content.info .message a:focus::-moz-focus-inner,
.content.error .message a:focus::-moz-focus-inner,
button.link:focus::-moz-focus-inner,
.document-list__document__download-button:not([disabled]):focus::-moz-focus-inner,
button.button[data-variant=primary]:not(:disabled):active::-moz-focus-inner,
button.button[data-variant=primary]:not(:disabled):focus::-moz-focus-inner,
button.button[data-variant=secondary]:not(:disabled):active::-moz-focus-inner,
button.button[data-variant=secondary]:not(:disabled):focus::-moz-focus-inner,
button.buttonIcon:not([disabled]):focus::-moz-focus-inner,
.default-focus::-moz-focus-inner,
.reset-focus::-moz-focus-inner {
	border: 0
}

.document-list__document__download-button:not([disabled]):focus,
button.button[data-variant=primary]:not(:disabled):active,
button.button[data-variant=primary]:not(:disabled):focus,
button.button[data-variant=secondary]:not(:disabled):active,
button.button[data-variant=secondary]:not(:disabled):focus,
button.buttonIcon:not([disabled]):focus,
.default-focus {
	-webkit-box-shadow: 0 0 0 1px #0078bd;
	box-shadow: 0 0 0 1px #0078bd
}

button,
input {
	-webkit-transform: rotateZ(0deg);
	transform: rotateZ(0deg)
}

button {
	background-image: none;
	cursor: pointer;
	font-family: arial, helvetica, verdana;
	line-height: normal
}

button[disabled] {
	cursor: default
}

button::-moz-focus-inner {
	border: 0
}

button>* {
	display: inline-block
}

input {
	font-family: arial, helvetica, verdana;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-user-modify: read-write-plaintext-only
}

input::-ms-clear,
input::-ms-reveal {
	display: none
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0
}

input:invalid {
	-moz-box-shadow: none
}

input:-moz-submit-invalid,
input:-moz-ui-invalid {
	box-shadow: none
}

.content.text a,
.content.policy_page a,
.content.important .message a,
.content.info .message a,
.content.error .message a,
button.link {
	border: 0;
	border-bottom: 1px solid #0078bd;
	color: #0078bd;
	margin: 0 0 0 -1px;
	padding: 0 2px 2px;
	text-decoration: none
}

.content.text a[disabled],
.content.policy_page a[disabled],
.content.important .message a[disabled],
.content.info .message a[disabled],
.content.error .message a[disabled],
button[disabled].link,
.content.text a.disabled,
.content.policy_page a.disabled,
.content.important .message a.disabled,
.content.info .message a.disabled,
.content.error .message a.disabled,
button.disabled.link {
	border-color: rgba(0, 0, 0, 0);
	color: #555
}

.content.text a:hover:not([disabled]),
.content.policy_page a:hover:not([disabled]),
.content.important .message a:hover:not([disabled]),
.content.info .message a:hover:not([disabled]),
.content.error .message a:hover:not([disabled]),
button.link:hover:not([disabled]) {
	border-color: rgba(0, 120, 189, .5)
}

.content.text a:focus,
.content.policy_page a:focus,
.content.important .message a:focus,
.content.info .message a:focus,
.content.error .message a:focus,
button.link:focus {
	-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0078bd;
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0078bd
}

span[class^=skype_pnh_container] {
	display: none !important
}

span[class^=skype_pnh_print_container] {
	display: inline !important
}

.full_width {
	width: 100%
}

.full_h {
	height: 100%
}

.input_wrapper .input>.wrp,
.full_width_height {
	height: 100%;
	width: 100%
}

.table {
	display: table
}

.table>* {
	display: table-cell
}

.table>.row {
	display: table-row
}

.table>.row>* {
	display: table-cell
}

.center {
	text-align: center;
	vertical-align: middle
}

.center_vertical {
	vertical-align: middle
}

.left {
	text-align: left
}

.right {
	text-align: right
}

.scroller {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto
}

.scroller:focus {
	-webkit-box-shadow: 0 0 0 2px #0078bd inset;
	box-shadow: 0 0 0 2px #0078bd inset
}

.inline_break>* {
	display: inline-block
}

.live_region {
	-webkit-transform: rotateZ(0deg);
	transform: rotateZ(0deg)
}

.visible-hidden {
	clip: rect(0 0 0 0);
	height: 1px;
	left: auto;
	overflow: hidden;
	position: absolute;
	top: -999999em;
	width: 1px
}

.block_vertical_center,
.block_vertical_center::before,
.block_vertical_center>* {
	display: inline-block;
	vertical-align: middle
}

.block_vertical_center::before {
	content: "";
	height: 100%;
	margin: 0;
	padding: 0;
	width: 0
}

.scroll_indicator {
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), color-stop(50%, #fbfbfb), to(rgba(251, 251, 251, 0))), radial-gradient(farthest-side at 50% 0%, #cccccc, rgba(204, 204, 204, 0)), radial-gradient(farthest-side at 50% 100%, #cccccc, rgba(204, 204, 204, 0));
	background: linear-gradient(#fbfbfb 0%, #fbfbfb 50%, rgba(251, 251, 251, 0) 100%), radial-gradient(farthest-side at 50% 0%, #cccccc, rgba(204, 204, 204, 0)), radial-gradient(farthest-side at 50% 100%, #cccccc, rgba(204, 204, 204, 0));
	background-attachment: local, scroll, scroll;
	background-origin: padding-box;
	background-position: top, top, bottom;
	background-repeat: no-repeat;
	background-size: 100% 18px, 100% 9px, 100% 9px;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto
}

.scroll_indicator::before,
.scroll_indicator::after {
	content: "";
	display: block;
	height: 0;
	position: absolute
}

.scroll_indicator .block_vertical_center>* {
	position: relative;
	z-index: 1
}

.scroll_indicator .block_vertical_center::after {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(251, 251, 251, 0)), color-stop(50%, #fbfbfb), to(#fbfbfb)) center bottom no-repeat;
	background: linear-gradient(rgba(251, 251, 251, 0) 0%, #fbfbfb 50%, #fbfbfb 100%) center bottom no-repeat;
	background-size: 100% 18px;
	content: "";
	display: block;
	height: 18px;
	margin-top: -18px;
	position: relative;
	width: 100%;
	z-index: 0
}

.scroll_indicator2 {
	background: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 50% 0/100% 9px no-repeat, radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 50% 100%/100% 9px no-repeat;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto
}

.scroll_indicator2>* {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #fbfbfb), to(rgba(255, 255, 255, 0))) 50% 0/100% 40px no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, #fbfbfb)) 50% 100%/100% 40px no-repeat;
	background: linear-gradient(#fbfbfb 30%, rgba(255, 255, 255, 0)) 50% 0/100% 40px no-repeat, linear-gradient(rgba(255, 255, 255, 0), #fbfbfb 70%) 50% 100%/100% 40px no-repeat;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 100%
}

.scroll_indicator2:focus {
	outline: 2px solid #0078bd
}

.grid {
	display: table;
	width: 100%
}

.grid>.grid__cell {
	display: table-cell;
	vertical-align: middle
}

.layout {
	background-color: #fbfbfb;
	border: 1px solid #bbb;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	position: relative;
	width: 100%
}

.layout>header,
.layout>main,
.layout>footer {
	position: absolute;
	width: 100%
}

.layout>header {
	border-bottom: 1px solid #bbb;
	left: 0;
	line-height: 1;
	top: 0
}

.layout>main {
	bottom: 46px;
	left: 0;
	right: 0;
	top: 46px
}

@media only screen and (max-height: 250px) {
	.layout>main {
		bottom: 31px;
		top: 31px
	}
}

.layout>main.no-footer {
	bottom: 0
}

.layout>main .container {
	position: relative
}

.layout>main>.viewport {
	height: 100%;
	width: 100%
}

.layout>main>.viewport .lm_view {
	width: 100%
}

.layout>main>.viewport .lm_view>*[data-container] {
	width: 100%
}

.layout>footer {
	border-top: 1px solid #bbb;
	bottom: 0;
	left: 0;
	-webkit-transition: all 150ms ease-out;
	transition: all 150ms ease-out
}

.layout>footer.hide {
	height: 0;
	opacity: 0;
	overflow: hidden
}

.layout>footer .lm_view:not(.lm_animate) {
	-webkit-transition: none;
	transition: none
}

.layout__header,
.layout__footer {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: table;
	height: 46px;
	padding: 0 5px
}

@media only screen and (max-height: 250px) {
	.layout__header,
	.layout__footer {
		height: 31px
	}
}

.layout__header__viewport,
.layout__footer__viewport {
	display: table-cell;
	vertical-align: middle
}

.layout__header__viewport--left,
.layout__footer__viewport--left {
	width: 99%
}

.layout__header__viewport--right,
.layout__footer__viewport--right {
	text-align: right
}

.layout .header-footer__wrapper {
	display: table
}

.layout .header-footer__container {
	display: table-cell;
	vertical-align: middle
}

.layout .header-footer__container--fill {
	height: 100%;
	width: 99%
}

.layout .viewport.animate {
	overflow: hidden;
	position: absolute
}

.layout .viewport.animate .lm_animate {
	-webkit-transition: all 200ms ease-out;
	transition: all 200ms ease-out
}

.layout .viewport.animate .lm_view {
	position: absolute;
	z-index: 10
}

.layout .viewport.animate .lm_view.lm_left {
	display: block;
	-webkit-transform: translate(-20%, 0);
	transform: translate(-20%, 0);
	z-index: 0
}

.layout .viewport.animate .lm_view.lm_right {
	display: block;
	-webkit-transform: translate(20%, 0);
	transform: translate(20%, 0);
	z-index: 0
}

.layout .viewport.animate .lm_view.lm_gone {
	display: none
}

.layout .viewport .lm_view,
.layout .viewport .view {
	height: 38%;
	left: 0;
	top: 0
}

.layout .viewport .lm_view.lm_left,
.layout .viewport .lm_view.lm_right,
.layout .viewport .view.lm_left,
.layout .viewport .view.lm_right {
	display: none
}

.layout .viewport .lm_view.lm_left,
.layout .viewport .lm_view.lm_right,
.layout .viewport .lm_view.vt,
.layout .viewport .lm_view.vb,
.layout .viewport .view.lm_left,
.layout .viewport .view.lm_right,
.layout .viewport .view.vt,
.layout .viewport .view.vb {
	opacity: 0
}

.layout .viewport .lm_view.vt,
.layout .viewport .view.vt {
	-webkit-transform: translate(0, -100%);
	transform: translate(0, -100%)
}

.layout .viewport .lm_view.vb,
.layout .viewport .view.vb {
	-webkit-transform: translate(0, 100%);
	transform: translate(0, 100%)
}

.layout .viewport .lm_view.padding,
.layout .viewport .view.padding {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px 15px
}

@media only screen and (max-height: 250px) {
	.layout .viewport .lm_view.padding,
	.layout .viewport .view.padding {
		padding: 0 10px
	}
}

.layout .viewport .lm_view.padding.scroll_indicator2,
.layout .viewport .view.padding.scroll_indicator2 {
	padding: 0 10px
}

.layout .viewport .lm_view.padding.scroll_indicator2>*,
.layout .viewport .view.padding.scroll_indicator2>* {
	padding-bottom: 15px
}

.layout.page {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10000;
	-webkit-animation: fadeInUp 150ms ease-out;
	animation: fadeInUp 150ms ease-out
}

.layout.page.remove_anim {
	opacity: 0;
	-webkit-animation: fadeOut 100ms linear;
	animation: fadeOut 100ms linear
}

.input_wrapper {
	bottom: 0;
	display: inline-block;
	left: 0;
	position: absolute;
	right: 60px;
	top: 0
}

.input_wrapper .label {
	background: #fff;
	border: 1px solid #bbb;
	border-radius: 3px;
	bottom: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0
}

.input_wrapper .label.active {
	border-color: #0078bd;
	-webkit-box-shadow: 0 0 0 1px #0078bd;
	box-shadow: 0 0 0 1px #0078bd
}

.input_wrapper .label.error {
	border-color: #cd0920;
	-webkit-box-shadow: 0 0 0 1px #cd0920;
	box-shadow: 0 0 0 1px #cd0920
}

.input_wrapper .label.disabled {
	background-color: #efefef
}

.input_wrapper .label[data-validate="1"],
.input_wrapper .label[data-validate=password_invalid] {
	background-color: #f7f1f1
}

.input_wrapper .label[data-validate="1"] .input,
.input_wrapper .label[data-validate=password_invalid] .input,
.input_wrapper .label[data-validate="2"] .input,
.input_wrapper .label[data-validate=password_ongoing] .input,
.input_wrapper .label[data-validate="3"] .input,
.input_wrapper .label[data-validate=password_valid] .input {
	padding-right: 35px
}

.live_region {
	clip: rect(0, 0, 0, 0);
	overflow: hidden;
	position: absolute
}

.content.broadcast {
	font-size: 16px;
	margin: auto;
	max-width: 450px;
	padding: 10px 10px 0
}

.content.broadcast .message {
	text-align: left
}

.content.broadcast h2 {
	color: #0078bd;
	font-weight: bold
}

.content.broadcast h2,
.content.broadcast p {
	line-height: 1.4;
	margin: 0 0 .5em;
	word-break: break-word
}

button.link {
	background: none;
	font-size: 14px
}

@media only screen and (max-width: 395px) {
	button.link {
		font-size: 13px
	}
}

button.link[data-variant=secondary] {
	border-color: #555;
	color: #555;
	font-size: 12px;
	padding: 0
}

@media only screen and (max-width: 395px) {
	button.link[data-variant=secondary] {
		font-size: 11px
	}
}

button.link .icon img {
	margin-left: 5px;
	vertical-align: 3px
}

.content.important,
.content.info,
.content.error {
	line-height: normal;
	margin: auto;
	max-width: 350px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center
}

@media only screen and (max-height: 200px) {
	.content.important,
	.content.info,
	.content.error {
		padding-bottom: 5px;
		padding-top: 5px
	}
}

.content.important .message,
.content.info .message,
.content.error .message {
	color: #000;
	display: inline-block;
	font-size: 16px;
	text-align: left
}

@media only screen and (max-height: 250px) {
	.content.important .message,
	.content.info .message,
	.content.error .message {
		font-size: 14px
	}
	.content.important .message .smaller,
	.content.info .message .smaller,
	.content.error .message .smaller {
		font-size: 13px
	}
}

.content.important .message p:first-child,
.content.info .message p:first-child,
.content.error .message p:first-child {
	font-weight: bold
}

.content.important .message>*,
.content.info .message>*,
.content.error .message>* {
	line-height: 1.2;
	padding: 5px
}

.content.important .message h1,
.content.important .message h2,
.content.info .message h1,
.content.info .message h2,
.content.error .message h1,
.content.error .message h2 {
	font-weight: bold
}

.content.important .message+.link_wrapper,
.content.info .message+.link_wrapper,
.content.error .message+.link_wrapper {
	padding: 5px 5px 0 5px
}

.content.important .message+.link_wrapper button,
.content.info .message+.link_wrapper button,
.content.error .message+.link_wrapper button {
	letter-spacing: inherit
}

.content.important .message .smaller,
.content.info .message .smaller,
.content.error .message .smaller {
	font-size: 15px
}

.content.important .message code,
.content.info .message code,
.content.error .message code {
	font-family: monospace;
	font-weight: bold
}

.content.important .link,
.content.info .link,
.content.error .link {
	font-size: 16px
}

.content.important .call_to_action,
.content.info .call_to_action,
.content.error .call_to_action {
	padding-top: 1em;
	text-align: center
}

.content.important .call_to_action button,
.content.info .call_to_action button,
.content.error .call_to_action button {
	height: 40px;
	max-width: 55px
}

.content.important .description,
.content.info .description,
.content.error .description {
	color: #000;
	margin: auto;
	text-align: left;
	padding: 5px
}

.content.certificate_view .tabs_wrapper {
	height: 45px
}

.content.certificate_view .tabs_wrapper .tabs_container {
	border-bottom: 1px solid #bbb
}

.content.certificate_view .tabs_wrapper .tabs_container .tabs {
	display: table;
	margin: auto
}

.content.certificate_view .tabs_wrapper .tabs_container .tabs .tab {
	background: none;
	border: 0;
	color: #000;
	display: table-cell;
	margin: 0;
	padding: 0 5px;
	text-decoration: none;
	vertical-align: middle;
	width: 140px
}

.content.certificate_view .tabs_wrapper .tabs_container .tabs .tab>span {
	border: solid rgba(0, 0, 0, 0);
	border-width: 4px 0;
	color: #0078bd;
	display: block;
	font-size: 16px;
	line-height: 36px;
	padding: 0 1px
}

.content.certificate_view .tabs_wrapper .tabs_container .tabs .tab[disabled] {
	cursor: default
}

.content.certificate_view .tabs_wrapper .tabs_container .tabs .tab.active>span {
	border-bottom-color: #0078bd;
	color: inherit;
	font-weight: bold
}

.content.certificate_view .tabs_wrapper .tabs_container .tabs .tab:hover:not([disabled])>span {
	border-bottom-color: #0078bd
}

.content.certificate_view .tabs_wrapper .tabs_container .tabs .tab:focus {
	-webkit-box-shadow: 0 0 0 2px #0078bd inset;
	box-shadow: 0 0 0 2px #0078bd inset
}

.content.certificate_view .contents_wrapper {
	background: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 50% 0/100% 9px no-repeat, radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 50% 100%/100% 9px no-repeat;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
	border: 0;
	bottom: 0;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	left: 0;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
	position: absolute;
	right: 0;
	top: 45px
}

.content.certificate_view .contents_wrapper>* {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #fbfbfb), to(rgba(255, 255, 255, 0))) 50% 0/100% 40px no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, #fbfbfb)) 50% 100%/100% 40px no-repeat;
	background: linear-gradient(#fbfbfb 30%, rgba(255, 255, 255, 0)) 50% 0/100% 40px no-repeat, linear-gradient(rgba(255, 255, 255, 0), #fbfbfb 70%) 50% 100%/100% 40px no-repeat;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 100%
}

@media screen and (min-width: 400px) {
	.content.certificate_view .contents_wrapper {
		background-position: 50% 0, 50% 100%;
		background-size: 400px 9px, 400px 9px
	}
}

.content.certificate_view .contents_wrapper:focus {
	outline: 2px solid #0078bd
}

.content.certificate_view .contents_wrapper .contents {
	margin: auto;
	max-width: 400px;
	width: 100%
}

.content.certificate_view .contents_wrapper .contents .content {
	color: #000;
	padding: 10px
}

.content.certificate_view .contents_wrapper .contents .content:not(.active) {
	display: none
}

.content.certificate_view .contents_wrapper .contents .content .data {
	padding: 0 8px
}

.content.certificate_view .contents_wrapper .contents .content .data .title {
	font-size: 12px;
	line-height: 1.2;
	padding: 4px 0
}

.content.certificate_view .contents_wrapper .contents .content .data .value {
	font-size: 14px;
	line-height: 1.2;
	white-space: pre-wrap;
	word-break: break-word
}

.content.certificate_view .contents_wrapper .contents .content .data .value>div>span:first-child {
	display: inline-block;
	width: 3em
}

.content.certificate_view .contents_wrapper .contents .content .data+.data {
	padding-top: 10px
}

.button_icon_wrapper {
	display: inline-block;
	vertical-align: middle
}

button.buttonIcon {
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #bbb;
	border-radius: 3px;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	color: #555;
	font-size: 10px;
	height: 31px;
	margin: 0;
	min-width: 21px;
	padding: 1px 6px;
	vertical-align: middle;
	white-space: nowrap
}

button.buttonIcon>* {
	vertical-align: middle
}

button.buttonIcon span {
	font-family: inherit;
	font-size: 14px;
	line-height: 1em;
	margin-bottom: 1px;
	padding-left: 2px;
	padding-right: 4px
}

button.buttonIcon .label {
	margin-right: 2px
}

button.buttonIcon.noOutline {
	border-color: rgba(0, 0, 0, 0)
}

button.buttonIcon.hidden {
	display: none
}

button.buttonIcon:not([disabled]):active,
button.buttonIcon:not([disabled])[aria-expanded=true] {
	background-color: #eee;
	border-color: #999;
	outline: medium none
}

button.buttonIcon:not([disabled]):hover {
	background-color: #fff;
	border-color: #999
}

button.buttonIcon:not([disabled]):focus {
	border-color: #0078bd
}

button.buttonIcon[data-variant=close],
button.buttonIcon[data-variant=call_to_action] {
	background-color: #0078bd;
	border: 0;
	font-size: 10px
}

button.buttonIcon[data-variant=close]:disabled,
button.buttonIcon[data-variant=call_to_action]:disabled {
	background-color: #0078bd
}

button.buttonIcon[data-variant=close]:not(:disabled):hover,
button.buttonIcon[data-variant=call_to_action]:not(:disabled):hover {
	background-color: #0078bd
}

button.buttonIcon[data-variant=close]:not(:disabled):focus,
button.buttonIcon[data-variant=call_to_action]:not(:disabled):focus {
	-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0078bd;
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0078bd
}

button.buttonIcon[data-variant=call_to_action] {
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	width: 55px
}

button.buttonIcon[data-variant=call_to_action] img {
	opacity: .5;
	position: relative;
	-webkit-transition: opacity 150ms linear;
	transition: opacity 150ms linear
}

button.buttonIcon[data-variant=call_to_action]:not([aria-disabled]) img {
	-webkit-animation: bounceRight 500ms;
	animation: bounceRight 500ms;
	opacity: 1
}

button.buttonIcon[data-variant=call_to_action].spinning img {
	-webkit-animation: spin 1s infinite linear;
	animation: spin 1s infinite linear;
	opacity: 1
}

main button.buttonIcon[data-variant=call_to_action] {
	height: 40px
}

main button.buttonIcon[data-variant=call_to_action][aria-disabled],
main button.buttonIcon[data-variant=call_to_action][disabled] {
	cursor: default
}

button.buttonIcon[data-variant=close_secondary],
button.buttonIcon[data-variant=close] {
	border-radius: 50%;
	height: 30px;
	padding: 0;
	width: 30px
}

@media only screen and (max-height: 250px) {
	button.buttonIcon[data-variant=close_secondary],
	button.buttonIcon[data-variant=close] {
		height: 26px;
		width: 26px
	}
}

@media only screen and (min-width: 396px) {
	button.buttonIcon[data-variant=close_secondary]:not(: focus) {
		border-color: #555
	}
}

button.buttonIcon[data-variant=close_secondary]:hover:not([disabled]):not(:focus) {
	border-color: #555
}

@media only screen and (max-height: 250px) {
	footer button.buttonIcon,
	header button.buttonIcon {
		border-color: rgba(0, 0, 0, 0);
		height: 24px
	}
	footer button.buttonIcon img,
	header button.buttonIcon img {
		vertical-align: middle
	}
}

@media only screen and (max-width: 395px) {
	footer button.buttonIcon .label,
	header button.buttonIcon .label {
		display: none
	}
}

.call_to_action_wrapper {
	padding-top: 5px;
	text-align: center;
	vertical-align: bottom
}

.document_footer_confirm {
	height: 100%;
	width: 100%
}

.document_footer_confirm .confirm_text {
	font-size: 16px;
	line-height: 1.4;
	vertical-align: middle
}

@media only screen and (max-height: 250px) {
	.document_footer_confirm .confirm_text {
		font-size: 14px
	}
}

@media screen and (max-width: 450px) {
	.document_footer_confirm .confirm_text {
		line-height: 1.2
	}
}

.document_footer_confirm .confirm_button {
	text-align: right;
	vertical-align: middle
}

@media only screen and (max-height: 250px) {
	.document_footer_confirm .confirm_button button[data-variant=call_to_action] {
		height: 32px
	}
}

.checkbox_wrapper {
	position: relative
}

.checkbox_wrapper label {
	cursor: pointer;
	display: block;
	line-height: 1.2;
	padding: 0 0 0 28px;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	word-break: break-word
}

.checkbox_wrapper input[type=checkbox] {
	clip: rect(0, 0, 0, 0);
	clip: rect(0 0 0 0);
	opacity: 0;
	position: absolute
}

.checkbox_wrapper input[type=checkbox]+label::before {
	border: 2px solid #0078bd;
	border-radius: 3px;
	content: "";
	height: 16px;
	left: 0;
	position: absolute;
	top: 0;
	width: 16px
}

.checkbox_wrapper input[type=checkbox]:checked+label::before {
	background-color: #0078bd
}

.checkbox_wrapper input[type=checkbox]:focus+label::before {
	-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0078bd;
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0078bd
}

.checkbox_wrapper input[type=checkbox]:checked+label::after {
	background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjAiIGlkPSJMYXllcl8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNiAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMi45NDgsNi4zOTJjMC44MTktMC44NDEsMS40MjQtMC42MSwxLjYyNy0wLjUwMWMwLjQ4MywwLjI1OCwwLjg4MywwLjg3MywwLjc4NywyLjA5Ng0KCUM1LjI2Niw5LjIwOSw1Ljg5NCw5LjE2MSw2LjI0OCw4LjgyMmMwLjA2OS0wLjA2NiwzLjI4NC0zLjI2Nyw0Ljk5LTQuOTI1YzEuNzA2LTEuNjU4LDIuMTc0LTEuMzM2LDIuNDc5LTEuMDc5DQoJYzAuMzA2LDAuMjU3LDAuMTkzLDEuNDMzLTAuMzU0LDIuMTI1Yy0wLjU0NywwLjY5My02LjE0Miw2LjU2LTcuMTc5LDcuNDM4Yy0wLjQ1OCwwLjM4Ny0wLjk5OSwwLjgyMS0xLjU3OCwwLjc1Ng0KCWMtMC41OC0wLjA2NC0xLjMzNi0wLjQxOC0xLjczOS0xLjMxOWMtMC4zNzQtMC44MzctMC41OTYtMi4wNjEtMC41OC0zLjA3NUMyLjMwNCw3LjcyOSwyLjM2OCw2Ljk4OCwyLjk0OCw2LjM5MnoiLz4NCjwvc3ZnPg==") 50% 50% no-repeat;
	background-size: contain;
	content: "";
	height: 20px;
	left: 0;
	position: absolute;
	top: 0;
	width: 20px
}

.checkbox_wrapper input[type=checkbox]:disabled+label {
	cursor: default;
	opacity: .5
}

.checkbox_wrapper .infobubble_wrapper {
	position: absolute;
	top: 0
}

.infobubble_wrapper {
	position: relative
}

.infobubble_wrapper.remove_anim {
	opacity: 0;
	-webkit-transition: opacity 50ms linear;
	transition: opacity 50ms linear
}

.infobubble_wrapper .infobubble_container {
	left: 0;
	position: absolute;
	right: 0;
	z-index: 1000
}

.infobubble_wrapper .infobubble_container .infobubble {
	background-color: #fff;
	border: 1px solid #bbb;
	border-radius: 3px;
	display: table;
	width: 100%
}

.infobubble_wrapper .arrow {
	height: 0;
	left: 30%;
	margin-top: -1px;
	position: absolute;
	top: 100%;
	width: 0;
	z-index: 1
}

.infobubble_wrapper .arrow .border {
	border: 6px solid #bbb;
	margin-left: -6px
}

.infobubble_wrapper .arrow .fill {
	border: 4px solid #fff8f8;
	margin-left: -4px
}

.infobubble_wrapper .arrow .border,
.infobubble_wrapper .arrow .fill {
	border-bottom-width: 0;
	border-left-color: rgba(0, 0, 0, 0);
	border-right-color: rgba(0, 0, 0, 0);
	left: 0;
	position: absolute;
	top: 0
}

.infobubble_wrapper .wrapper {
	font-size: 12px;
	line-height: 12px;
	padding: 5px;
	white-space: nowrap
}

@media only screen and (max-height: 200px) {
	.infobubble_wrapper .wrapper {
		padding: 2px 5px
	}
}

.infobubble_wrapper .wrapper img.icon {
	vertical-align: middle
}

@media only screen and (max-height: 200px) {
	.infobubble_wrapper .wrapper img.icon {
		height: 14px
	}
}

.infobubble_wrapper .wrapper .text {
	margin-left: 4px;
	vertical-align: middle
}

.infobubble_wrapper[data-position~=top] {
	-webkit-animation: fadeInUpShake 150ms linear;
	animation: fadeInUpShake 150ms linear
}

.infobubble_wrapper[data-position~=top] .infobubble_container {
	bottom: 6px
}

@media only screen and (max-height: 200px) {
	.infobubble_wrapper[data-position~=top] .infobubble_container {
		bottom: 2px
	}
}

.infobubble_wrapper[data-position~=bottom] .infobubble_container {
	top: 4px
}

.infobubble_wrapper[data-position~=bottom] .infobubble_container .infobubble .arrow {
	margin-top: 1px;
	top: 0
}

.infobubble_wrapper[data-position~=bottom] .infobubble_container .infobubble .arrow .border {
	border-bottom-width: 7px;
	border-top-width: 0;
	top: -7px
}

.infobubble_wrapper[data-position~=bottom] .infobubble_container .infobubble .arrow .fill {
	border-bottom-width: 5px;
	border-top-width: 0;
	top: -5px
}

.infobubble_wrapper[data-type=checkbox] .infobubble_container .infobubble .arrow {
	left: 10px
}

.document_footer_understanding {
	height: 100%
}

.document_footer_understanding .checkbox_wrapper input[type=checkbox]+label {
	display: inline-block;
	font-size: 14px;
	white-space: nowrap
}

@media only screen and (max-width: 395px) {
	.document_footer_understanding .checkbox_wrapper input[type=checkbox]+label {
		font-size: 12px
	}
}

.document_footer_understanding .checkbox_wrapper input[type=checkbox]+label::before,
.document_footer_understanding .checkbox_wrapper input[type=checkbox]+label::after {
	top: -2px
}

@media only screen and (max-width: 395px) {
	.document_footer_understanding .checkbox_wrapper input[type=checkbox]+label::before,
	.document_footer_understanding .checkbox_wrapper input[type=checkbox]+label::after {
		top: -3px
	}
}

.document_presentation {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.document_presentation .document_body {
	bottom: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	left: 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	position: absolute;
	right: 0;
	top: 0
}

.document_presentation .document_body:focus {
	outline: 2px solid #0078bd
}

.document_presentation .document_body .content.document {
	color: #000
}

.document_presentation .document_footer {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0
}

.document_presentation .document_footer .document_footer_toolbar_wrapper,
.document_presentation .document_footer .document_footer_understanding_wrapper,
.document_presentation .document_footer .document_footer_confirm_wrapper {
	border-top: 1px solid #bbb;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 10px
}

.document_presentation .document_footer .document_footer_toolbar_wrapper {
	height: 45px
}

@media only screen and (max-height: 250px) {
	.document_presentation .document_footer .document_footer_toolbar_wrapper {
		height: 35px
	}
}

.document_presentation .document_footer .document_footer_understanding_wrapper {
	height: 45px
}

@media only screen and (max-height: 250px) {
	.document_presentation .document_footer .document_footer_understanding_wrapper {
		height: 35px
	}
}

.document_presentation[data-document-footer-toolbar] .document_body {
	bottom: 45px
}

@media only screen and (max-height: 250px) {
	.document_presentation[data-document-footer-toolbar] .document_body {
		bottom: 35px
	}
}

.document_presentation[data-document-footer-toolbar] .document_footer {
	height: 45px
}

@media only screen and (max-height: 250px) {
	.document_presentation[data-document-footer-toolbar] .document_footer {
		height: 35px
	}
}

.document_presentation[data-document-footer-understanding] .document_body {
	bottom: 45px
}

@media only screen and (max-height: 250px) {
	.document_presentation[data-document-footer-understanding] .document_body {
		bottom: 35px
	}
}

.document_presentation[data-document-footer-understanding] .document_footer {
	height: 45px
}

@media only screen and (max-height: 250px) {
	.document_presentation[data-document-footer-understanding] .document_footer {
		height: 35px
	}
}

.document_presentation[data-document-footer-toolbar][data-document-footer-understanding] .document_body {
	bottom: 90px
}

@media only screen and (max-height: 250px) {
	.document_presentation[data-document-footer-toolbar][data-document-footer-understanding] .document_body {
		bottom: 70px
	}
}

.document_presentation[data-document-footer-toolbar][data-document-footer-understanding] .document_footer {
	height: 90px
}

@media only screen and (max-height: 250px) {
	.document_presentation[data-document-footer-toolbar][data-document-footer-understanding] .document_footer {
		height: 70px
	}
}

.content.document.txt {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	line-height: 1.4;
	padding: 10px;
	white-space: pre-wrap;
	word-wrap: break-word
}

.content.document.txt::after {
	content: "";
	display: none;
	display: inline-block \9;
	width: 100%
}

.document_presentation[data-type=txt] .document_body {
	background: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 50% 0/100% 9px no-repeat, radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 50% 100%/100% 9px no-repeat;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto
}

.document_presentation[data-type=txt] .document_body>* {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #fbfbfb), to(rgba(255, 255, 255, 0))) 50% 0/100% 40px no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, #fbfbfb)) 50% 100%/100% 40px no-repeat;
	background: linear-gradient(#fbfbfb 30%, rgba(255, 255, 255, 0)) 50% 0/100% 40px no-repeat, linear-gradient(rgba(255, 255, 255, 0), #fbfbfb 70%) 50% 100%/100% 40px no-repeat;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 100%
}

.content.document.pdf .pages {
	background: #fbfbfb;
	text-align: center
}

.content.document.pdf .pages[data-currentpageindex="1"] .page_wrapper:nth-child(40n+1) .page {
	border-color: #333
}

.content.document.pdf .pages[data-currentpageindex="2"] .page_wrapper:nth-child(40n+3) .page {
	border-color: #333
}

.content.document.pdf .pages[data-currentpageindex="3"] .page_wrapper:nth-child(40n+5) .page {
	border-color: #333
}

.content.document.pdf .pages[data-currentpageindex="4"] .page_wrapper:nth-child(40n+7) .page {
	border-color: #333
}

.content.document.pdf .pages[data-currentpageindex="5"] .page_wrapper:nth-child(40n+9) .page {
	border-color: #333
}

.content.document.pdf .pages[data-currentpageindex="6"] .page_wrapper:nth-child(40n+11) .page {
	border-color: #333
}

.content.document.pdf .pages[data-currentpageindex="7"] .page_wrapper:nth-child(40n+13) .page {
	border-color: #333
}

.content.document.pdf .pages[data-currentpageindex="8"] .page_wrapper:nth-child(40n+15) .page {
	border-color: #333
}

.content.document.pdf .pages[data-currentpageindex="9"] .page_wrapper:nth-child(40n+17) .page {
	border-color: #333
}

.content.document.pdf .pages[data-currentpageindex="10"] .page_wrapper:nth-child(40n+19) .page {
	border-color: #333
}

.content.document.pdf .pages[data-currentpageindex="11"] .page_wrapper:nth-child(40n+21) .page {
	border-color: #333
}

.content.document.pdf .pages[data-currentpageindex="12"] .page_wrapper:nth-child(40n+23) .page {
	border-color: #333
}

.content.document.pdf .pages[data-currentpageindex="13"] .page_wrapper:nth-child(40n+25) .page {
	border-color: #333
}

.content.document.pdf .pages[data-currentpageindex="14"] .page_wrapper:nth-child(40n+27) .page {
	border-color: #333
}

.content.document.pdf .pages[data-currentpageindex="15"] .page_wrapper:nth-child(40n+29) .page {
	border-color: #333
}

.content.document.pdf .pages[data-currentpageindex="16"] .page_wrapper:nth-child(40n+31) .page {
	border-color: #333
}

.content.document.pdf .pages[data-currentpageindex="17"] .page_wrapper:nth-child(40n+33) .page {
	border-color: #333
}

.content.document.pdf .pages[data-currentpageindex="18"] .page_wrapper:nth-child(40n+35) .page {
	border-color: #333
}

.content.document.pdf .pages[data-currentpageindex="19"] .page_wrapper:nth-child(40n+37) .page {
	border-color: #333
}

.content.document.pdf .pages[data-currentpageindex="20"] .page_wrapper:nth-child(40n+39) .page {
	border-color: #333
}

.content.document.pdf .pages[data-currentpageindex="21"] .page_wrapper:nth-child(40n+41) .page {
	border-color: #333
}

.content.document.pdf .pages .page_wrapper {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	margin: 8px 8px 0
}

.content.document.pdf .pages .page_wrapper:last-of-type {
	margin-bottom: 8px
}

.content.document.pdf .pages .page_wrapper .page {
	background-color: #fff;
	border: 1px solid #ccc;
	margin: auto;
	position: relative
}

.content.document.pdf .pages .page_wrapper .page img.document_page {
	-webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, .2);
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, .2);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	opacity: 0;
	-webkit-transition: opacity 150ms linear;
	transition: opacity 150ms linear;
	width: 100%
}

.content.document.pdf .pages .page_wrapper .page img.document_page.loaded {
	opacity: 1
}

.content.document.pdf .pages .page_wrapper .page .loading_wrapper {
	left: 0;
	position: absolute;
	right: 0;
	text-align: center;
	top: 50%;
	width: 100%
}

.content.document.pdf .pages .page_wrapper .page .loading_wrapper img.loading {
	-webkit-animation: spin 1500ms infinite linear;
	animation: spin 1500ms infinite linear;
	height: 20px;
	margin-top: -10px;
	width: 20px
}

.document_zoom_controller button {
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #bbb;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #000;
	display: inline-block;
	margin: 0;
	padding: 0;
	vertical-align: top
}

.document_zoom_controller button:not([disabled]):hover {
	background-color: #fff
}

.document_zoom_controller button:not([disabled]):hover:not(:focus) {
	border-color: #999
}

.document_zoom_controller button:not([disabled]).active,
.document_zoom_controller button:not([disabled]):active {
	background-color: #eee
}

.document_zoom_controller button:not([disabled]).active:not(:focus),
.document_zoom_controller button:not([disabled]):active:not(:focus) {
	border-color: #999;
	outline: medium none
}

.document_zoom_controller button:not([disabled]):focus {
	border-color: #0078bd
}

.document_zoom_controller button.overview {
	height: 35px;
	width: 35px
}

@media only screen and (max-height: 250px) {
	.document_zoom_controller button.overview {
		height: 28px;
		width: 28px
	}
}

.document_zoom_controller button.overview,
.document_zoom_controller button.overview * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block
}

.document_zoom_controller button.overview>* {
	height: 100%;
	padding: 2px;
	width: 100%
}

.document_zoom_controller button.overview .overview_page {
	background: #fff;
	border: 1px solid #555;
	position: relative
}

.document_zoom_controller button.overview .overview_viewport {
	background: #0078bd;
	bottom: 0;
	left: 0;
	margin: 1px;
	min-height: 2px;
	min-width: 2px;
	position: absolute;
	right: 0;
	top: 0
}

.document_zoom_controller button.overview:focus {
	-webkit-box-shadow: 0 0 0 1px #0078bd inset;
	box-shadow: 0 0 0 1px #0078bd inset
}

.document_zoom_controller button.reduce,
.document_zoom_controller button.enlarge {
	height: 35px;
	width: 44px
}

@media only screen and (max-height: 250px) {
	.document_zoom_controller button.reduce,
	.document_zoom_controller button.enlarge {
		height: 28px;
		width: 37px
	}
}

.document_zoom_controller button.reduce img,
.document_zoom_controller button.enlarge img {
	vertical-align: middle
}

.document_zoom_controller button.reduce {
	border-bottom-left-radius: 3px;
	border-right: 0;
	border-top-left-radius: 3px
}

.document_zoom_controller button.reduce:focus {
	-webkit-box-shadow: 0 0 0 1px #0078bd inset, -1px 0 0 1px #0078bd inset;
	box-shadow: 0 0 0 1px #0078bd inset, -1px 0 0 1px #0078bd inset
}

.document_zoom_controller button.enlarge {
	border-bottom-right-radius: 3px;
	border-left: 0;
	border-top-right-radius: 3px
}

.document_zoom_controller button.enlarge:focus {
	-webkit-box-shadow: 0 0 0 1px #0078bd inset, 1px 0 0 1px #0078bd inset;
	box-shadow: 0 0 0 1px #0078bd inset, 1px 0 0 1px #0078bd inset
}

.document_footer_toolbar {
	height: 100%
}

.document_footer_toolbar .table>* {
	white-space: nowrap;
	width: 50%
}

.document_footer_toolbar .page_count_wrapper {
	font-size: 14px;
	width: 1%
}

.content.document.xml {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 100%;
	padding: 0;
	-webkit-transform-origin: left top;
	transform-origin: left top;
	width: 100%
}

.content.document.xml iframe {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	height: 100%;
	width: 100%
}

.content.document.xml .wrapper {
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
	padding-bottom: 1px;
	padding-top: 1px;
	-webkit-transform-origin: left top;
	transform-origin: left top
}

.content.histories {
	font-size: 16px;
	margin: auto;
	max-width: 450px;
	padding: 14px 4px
}

.content.histories .history {
	position: relative
}

.content.histories .history+.history {
	padding-top: 20px
}

.content.histories .history .icon_wrapper {
	position: absolute
}

.content.histories .history .title {
	font-weight: bold;
	margin-left: 28px
}

.content.histories .history .date {
	margin-left: 28px
}

.content.histories .history .merchant {
	margin-left: 28px
}

.content.histories .history .error {
	margin-left: 28px
}

button.button[data-variant=primary],
button.button[data-variant=secondary] {
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #bbb;
	border-radius: 3px;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	color: #555;
	font-family: inherit;
	font-size: 14px;
	font-weight: bold;
	height: 35px;
	line-height: 1em;
	margin: 0 0 1px;
	min-width: 80px;
	padding: 0 6px;
	vertical-align: middle;
	white-space: nowrap
}

button.button[data-variant=primary] {
	background-color: #0078bd;
	border: 1px solid rgba(0, 0, 0, 0);
	color: #fff;
	-webkit-transition: 100ms opacity ease-in-out;
	transition: 100ms opacity ease-in-out
}

button.button[data-variant=primary][aria-disabled],
button.button[data-variant=primary]:disabled {
	opacity: .5
}

button.button[data-variant=primary]:not(:disabled):active,
button.button[data-variant=primary]:not(:disabled):focus {
	border-color: rgba(0, 0, 0, 0);
	-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0078bd;
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0078bd
}

.content.info .buttons-wrapper {
	margin-top: 5px
}

.content.info .buttons-wrapper>* {
	display: inline-block;
	vertical-align: top
}

.content.info .buttons-wrapper>*:not(:first-child) {
	margin-left: 15px
}

.content.policy_page {
	color: #000;
	font-size: 16px;
	line-height: 1.4;
	margin: auto;
	max-width: 400px;
	padding: 15px 10px 0
}

.content.policy_page p+p {
	padding-top: 15px
}

.title_wrapper {
	height: 45px;
	margin: 0 5px 0 5px;
	position: relative
}

@media only screen and (max-height: 250px) {
	.title_wrapper {
		height: 30px
	}
}

.title_wrapper__container {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.title_wrapper__headline {
	color: #555;
	display: inline-block;
	height: 100%;
	line-height: 1.2;
	max-width: 100%
}

.title_wrapper__headline:focus {
	-webkit-box-shadow: 0 -3px 0 0 #666 inset;
	box-shadow: 0 -3px 0 0 #666 inset
}

@media only screen and (max-height: 250px) {
	.title_wrapper__headline:focus {
		-webkit-box-shadow: 0 -2px 0 0 #666 inset;
		box-shadow: 0 -2px 0 0 #666 inset
	}
}

.title_wrapper__headline__title {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	font-size: 18px;
	padding-top: 14px
}

@supports(-moz-appearance: none) {
	.title_wrapper__headline__title {
		padding-top: 13px
	}
}

@media only screen and (max-height: 250px) {
	.title_wrapper__headline__title {
		font-size: 16px;
		padding-top: 7px
	}
	@supports(-moz-appearance: none) {
		.title_wrapper__headline__title {
			padding-top: 6px
		}
	}
}

.title_wrapper__headline__subtitle {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block
}

.title_wrapper__headline.double .title_wrapper__headline__title {
	font-size: 12px;
	padding-top: 10px
}

@supports(-moz-appearance: none) {
	.title_wrapper__headline.double .title_wrapper__headline__title {
		padding-top: 9px
	}
}

@media only screen and (max-height: 250px) {
	.title_wrapper__headline.double .title_wrapper__headline__title {
		font-size: 10px;
		padding-top: 3px
	}
	@supports(-moz-appearance: none) {
		.title_wrapper__headline.double .title_wrapper__headline__title {
			padding-top: 2px
		}
	}
}

.title_wrapper__headline.double .title_wrapper__headline__subtitle {
	font-size: 14px
}

@media only screen and (max-height: 250px) {
	.title_wrapper__headline.double .title_wrapper__headline__subtitle {
		font-size: 12px
	}
}

.header-footer__container button[data-variant=back][aria-disabled],
.header-footer__container button[data-variant=back][disabled] {
	opacity: .5
}

.popover_contents.broadcast .item {
	background: 0;
	border: 0;
	letter-spacing: .5px;
	line-height: 1.3;
	margin: 0;
	padding: 3px 7px;
	text-align: left;
	width: 100%
}

.popover_contents.broadcast .item:not(:disabled):focus {
	background-color: #e9f1f4;
	-webkit-box-shadow: 0 0 0 2px #0078bd inset;
	box-shadow: 0 0 0 2px #0078bd inset
}

.popover_contents.broadcast .item:not(:disabled):hover {
	background-color: #e9f1f4
}

.popover_contents.broadcast .title,
.popover_contents.broadcast .ingress {
	display: block;
	margin-right: 25px
}

.popover_contents.broadcast .title {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #000;
	display: block;
	font-weight: bold
}

.popover_contents.broadcast .title p {
	font-size: 12px;
	white-space: nowrap
}

.popover_contents.broadcast .ingress {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px;
	height: 15px;
	white-space: nowrap
}

.popover_contents.broadcast img {
	position: absolute;
	right: 8px;
	top: 9px
}

.popover_wrapper {
	max-width: 450px;
	position: fixed;
	right: 5px;
	z-index: 5000
}

.popover_wrapper.remove_anim {
	-webkit-animation: fadeOut 150ms ease-out;
	animation: fadeOut 150ms ease-out;
	opacity: 0
}

.popover_wrapper .arrow_box {
	background-color: #fff;
	border: 1px solid #bbb;
	border-radius: 3px
}

.popover_wrapper .arrow_box .arrow {
	height: 0;
	position: absolute;
	width: 0
}

.popover_wrapper .arrow_box .arrow .border {
	border: 7px solid #bbb;
	margin-left: -7px
}

@media only screen and (max-height: 250px) {
	.popover_wrapper .arrow_box .arrow .border {
		border-width: 5px;
		margin-left: -5px
	}
}

.popover_wrapper .arrow_box .arrow .fill {
	border: 5px solid #fff;
	margin-left: -5px
}

@media only screen and (max-height: 250px) {
	.popover_wrapper .arrow_box .arrow .fill {
		border-width: 3px;
		margin-left: -3px
	}
}

.popover_wrapper .arrow_box .arrow .border,
.popover_wrapper .arrow_box .arrow .fill {
	border-left-color: rgba(0, 0, 0, 0);
	border-right-color: rgba(0, 0, 0, 0);
	left: 0;
	position: absolute;
	top: 0
}

.popover_wrapper .wrapper {
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
	box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
	position: relative;
	text-align: left
}

.popover_wrapper .wrapper .header {
	background-color: #eee;
	border-bottom: 1px solid #bbb;
	border-radius: 2px 2px 0 0;
	color: #555;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	padding: 0 7px
}

.popover_wrapper .wrapper .button_close {
	margin: 1px;
	position: absolute;
	right: 0;
	top: 0;
	width: 35px
}

.popover_wrapper .wrapper .button_close button {
	height: 24px
}

.popover_wrapper[data-position~=left] {
	left: 5px
}

.popover_wrapper[data-position~=left] .popover.arrow_box .arrow {
	left: 18.5px
}

.popover_wrapper[data-position~=right] {
	right: 5px
}

.popover_wrapper[data-position~=right] .popover.arrow_box .arrow {
	right: 18.5px
}

.popover_wrapper[data-position~=bottom] {
	-webkit-animation: fadeInUp 150ms ease-out;
	animation: fadeInUp 150ms ease-out;
	bottom: 46px
}

@media only screen and (max-height: 250px) {
	.popover_wrapper[data-position~=bottom] {
		bottom: 31px
	}
}

.popover_wrapper[data-position~=bottom] .popover.arrow_box .arrow {
	margin-top: -1px;
	top: 100%;
	z-index: 1
}

.popover_wrapper[data-position~=bottom] .popover.arrow_box .arrow .border,
.popover_wrapper[data-position~=bottom] .popover.arrow_box .arrow .fill {
	border-bottom-width: 0
}

.popover_wrapper[data-position~=top] {
	-webkit-animation: fadeInDown 150ms ease-out;
	animation: fadeInDown 150ms ease-out;
	top: 46px
}

@media only screen and (max-height: 250px) {
	.popover_wrapper[data-position~=top] {
		top: 31px
	}
}

.popover_wrapper[data-position~=top] .popover.arrow_box .arrow {
	margin-top: 1px;
	top: 0
}

@media only screen and (max-height: 250px) {
	.popover_wrapper[data-position~=top] .popover.arrow_box .arrow {
		margin-top: 3px
	}
}

.popover_wrapper[data-position~=top] .popover.arrow_box .arrow .border {
	border-top-width: 0;
	top: -7px
}

.popover_wrapper[data-position~=top] .popover.arrow_box .arrow .fill {
	border-top-width: 0;
	top: -5px;
	z-index: 1
}

@media only screen and (max-width: 395px) {
	.popover_wrapper[data-position~=fill] {
		max-width: 308px
	}
}

@media only screen and (min-width: 396px) {
	.popover_wrapper[data-position~=fill] {
		max-width: 383px
	}
}

.popover_contents {
	width: 100%
}

.popover_contents .menu_item {
	background: none;
	border: 0;
	display: block;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%
}

.popover_contents .menu_item[disabled] {
	color: #999
}

.popover_contents .menu_item:not(:disabled) {
	cursor: pointer
}

.popover_contents .menu_item:not(:disabled):hover {
	background-color: #e9f1f4
}

.popover_contents .menu_item:not(:disabled):focus {
	background-color: #e9f1f4;
	-webkit-box-shadow: 0 0 0 2px #0078bd inset;
	box-shadow: 0 0 0 2px #0078bd inset
}

.popover_contents .menu_item:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px
}

.popover_contents .menu_item:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px
}

.popover_contents .menu_item>* {
	display: block
}

.popover_contents .menu_item.hidden {
	display: none
}

.header-footer__container label.buttonLabel {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin-right: 10px;
	vertical-align: middle;
	white-space: nowrap
}

@media only screen and (max-height: 250px) {
	.header-footer__container label.buttonLabel {
		font-size: 12px
	}
}

@media only screen and (max-width: 395px) {
	.header-footer__container label.buttonLabel {
		font-size: 12px
	}
}

.header-footer__container button.buttonIcon[data-variant=call_to_action] {
	min-height: 35px;
	width: 53px
}

@media only screen and (max-height: 250px) {
	.header-footer__container button.buttonIcon[data-variant=call_to_action] {
		min-height: inherit;
		width: 40px
	}
	.header-footer__container button.buttonIcon[data-variant=call_to_action] img {
		height: auto;
		max-height: 15px;
		max-width: 19px
	}
}

.popover_contents.certificates button {
	color: #000;
	font-size: 12px;
	line-height: 35px;
	position: relative
}

.popover_contents.certificates button>* {
	padding: 0 10px
}

.popover_contents.certificates button .text {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-right: 25px
}

.popover_contents.certificates button .icon {
	display: inline;
	margin-top: 6px;
	position: absolute;
	right: 0
}

.popover_contents.certificates button+button {
	border-top: 1px solid #bbb;
	line-height: 34px
}

.signature {
	color: #555;
	height: 30px;
	margin: 0 5px 0 5px;
	position: relative
}

.signature__container {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

.signature .title {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 12px
}

@media only screen and (max-height: 250px) {
	.signature .title {
		font-size: 11px
	}
}

.signature .title::after {
	content: ":"
}

.signature .text {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px
}

@media only screen and (max-height: 250px) {
	.signature .text {
		font-size: 13px
	}
}

.popover_contents.history {
	position: relative
}

.popover_contents.history button {
	background: 0;
	border: 0;
	font-size: 12px;
	line-height: 1.2;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%
}

.popover_contents.history button>div {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 32px 10px 8px;
	width: 100%
}

@media only screen and (max-height: 200px) {
	.popover_contents.history button>div {
		padding-bottom: 8px;
		padding-top: 8px
	}
}

.popover_contents.history button:not(:disabled):hover {
	background-color: #e9f1f4
}

.popover_contents.history button:not(:disabled):focus {
	background-color: #e9f1f4;
	-webkit-box-shadow: 0 0 0 2px #0078bd inset;
	box-shadow: 0 0 0 2px #0078bd inset
}

.popover_contents.history button .read_more_wrapper {
	position: absolute;
	right: 8px;
	top: 9px
}

@media only screen and (max-height: 250px) {
	.popover_contents.history button .read_more_wrapper[data-histories="1"] {
		top: 16px
	}
}

.popover_contents.history button .read_more_wrapper[data-histories="2"] {
	top: 16px
}

@media only screen and (max-height: 250px) {
	.popover_contents.history button .read_more_wrapper[data-histories="2"] {
		top: 32px
	}
}

.popover_contents.history .history_item {
	display: block;
	line-height: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.popover_contents.history .history_item .icon_date_wrapper {
	display: inline
}

@media only screen and (max-height: 250px) {
	.popover_contents.history .history_item .icon_date_wrapper {
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: block
	}
}

.popover_contents.history .history_item .icon_wrapper {
	padding-right: 5px
}

.popover_contents.history .history_item .icon_wrapper img {
	cursor: pointer;
	vertical-align: text-top
}

.popover_contents.history .history_item .date {
	font-weight: bold
}

.popover_contents.history .history_item .date::after {
	content: ", ";
	font-weight: normal
}

.popover_contents.history .history_item .error_merchant_wrapper {
	display: inline
}

@media only screen and (max-height: 250px) {
	.popover_contents.history .history_item .error_merchant_wrapper {
		display: block;
		overflow: hidden;
		padding-left: 21px;
		text-overflow: ellipsis;
		white-space: nowrap
	}
}

.popover_contents.history .history_item .error::after {
	content: ", ";
	font-weight: normal
}

.logo_wrapper .img_wrapper {
	height: 17px;
	margin-left: 5px;
	margin-right: 5px;
	position: relative;
	width: 92px
}

.logo_wrapper .img_wrapper img {
	height: 17px;
	position: absolute;
	width: 92px
}

@supports(-moz-appearance: none) {
	.logo_wrapper .img_wrapper img {
		padding-bottom: 1px
	}
}

.logo_wrapper.crop .img_wrapper {
	width: 22px
}

.logo_wrapper.crop .img_wrapper img {
	clip: rect(0, 22px, 17px, 0)
}

.popover_contents.menu {
	min-width: 180px
}

.popover_contents.menu button {
	color: #000;
	font-size: 14px;
	line-height: 44px;
	padding: 0 12px
}

@media only screen and (max-height: 250px) {
	.popover_contents.menu button {
		line-height: 35px
	}
}

.popover_contents.menu button+button {
	border-top: 1px solid #bbb;
	line-height: 43px
}

@media only screen and (max-height: 250px) {
	.popover_contents.menu button+button {
		line-height: 34px
	}
}

@media only screen and (min-width: 396px) {
	.popover_wrapper[data-popover=menu][data-position~=right] .arrow_box .arrow {
		right: 37px
	}
}

.row.form {
	display: block;
	height: 40px;
	position: relative;
	width: 100%
}

@media only screen and (max-height: 250px) {
	.row.form {
		height: 35px
	}
}

.row.form.multiple {
	height: 78px
}

@media only screen and (max-height: 250px) {
	.row.form.multiple {
		height: 66px
	}
}

@media only screen and (max-height: 200px) {
	.row.form.multiple {
		height: 46px
	}
}

.row.form>.button_icon_wrapper {
	display: block;
	height: 100%;
	white-space: nowrap;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 55px
}

.row.form>.button_icon_wrapper::after {
	content: "";
	display: inline-block;
	height: inherit;
	vertical-align: middle;
	width: 0
}

.row.form>.button_icon_wrapper>* {
	display: inline-block;
	white-space: normal
}

.row.form>.button_icon_wrapper button {
	display: inline-block;
	height: 100%;
	max-height: 40px;
	vertical-align: middle;
	white-space: normal;
	width: 100%
}

button.help {
	background: rgba(0, 0, 0, 0);
	border: 0;
	border-radius: 100%;
	display: inline-block;
	height: 18px;
	padding: 0;
	position: absolute;
	right: -22px;
	top: 2px;
	width: 18px
}

@media only screen and (max-height: 200px) {
	button.help {
		max-height: 16px;
		max-width: 16px
	}
}

button.help:hover:not([disabled]) {
	-webkit-box-shadow: 0 0 0 2px rgba(0, 120, 189, .5);
	box-shadow: 0 0 0 2px rgba(0, 120, 189, .5)
}

button.help:hover:not([disabled]):focus {
	-webkit-box-shadow: 0 0 0 2px #0078bd, 0 0 0 2px rgba(0, 120, 189, .5);
	box-shadow: 0 0 0 2px #0078bd, 0 0 0 2px rgba(0, 120, 189, .5)
}

button.help:focus {
	-webkit-box-shadow: 0 0 0 2px #0078bd;
	box-shadow: 0 0 0 2px #0078bd
}

button.help>img {
	left: 0;
	position: absolute;
	top: 0
}

@media only screen and (max-height: 200px) {
	button.help>img {
		max-height: 16px;
		max-width: 16px
	}
}

form.content_wrapper button.help {
	top: 1px
}

.row.label {
	color: #000;
	display: inline-block;
	padding-bottom: 5px;
	padding-left: 10px;
	position: relative
}

@media only screen and (max-height: 200px) {
	.row.label {
		padding-bottom: 2px
	}
}

.row.label label {
	font-size: 18px
}

@media only screen and (max-height: 250px) {
	.row.label label {
		font-size: 16px
	}
}

@media only screen and (max-height: 200px) {
	.row.label label {
		font-size: 14px
	}
}

.row.message {
	color: #555;
	font-size: 14px;
	max-width: 280px;
	padding-left: 10px;
	padding-top: 5px;
	position: relative
}

@media only screen and (max-width: 395px) {
	.row.message {
		max-width: 230px
	}
}

@media only screen and (max-height: 250px) {
	.row.message {
		font-size: 13px
	}
}

@media only screen and (max-height: 200px) {
	.row.message {
		font-size: 12px;
		padding-top: 2px
	}
}

.row.message[data-variant=secondary] {
	padding-top: 0
}

.row.message>.text {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

@media only screen and (max-height: 250px) {
	.row.message button {
		font-size: 13px
	}
}

@media only screen and (max-height: 200px) {
	.row.message button {
		font-size: 12px
	}
}

.input_wrapper .input {
	height: 100%;
	left: 0;
	position: absolute;
	right: 0
}

.input_wrapper .input.placeholder {
	position: relative
}

.input_wrapper .input>.wrp {
	position: relative
}

.input_wrapper .input:first-child {
	padding-left: 5px
}

.input_wrapper .input.disabled {
	background-color: #efefef
}

.input_wrapper .input.disabled+.icon {
	background-color: #efefef
}

.input_wrapper .input .placeholder,
.input_wrapper .input input {
	background: rgba(0, 0, 0, 0);
	border: 0;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	color: #000;
	display: block;
	font-size: 18px;
	height: 100%;
	left: 0;
	letter-spacing: .1em;
	margin: 0;
	outline: 0;
	padding: 0;
	padding-right: 1px;
	position: absolute;
	top: 0;
	vertical-align: middle;
	width: 100%;
	zoom: 1
}

@media only screen and (max-width: 334px) {
	.input_wrapper .input .placeholder,
	.input_wrapper .input input {
		font-size: 16px
	}
}

.input_wrapper .input .placeholder:focus,
.input_wrapper .input input:focus {
	-webkit-box-shadow: none;
	box-shadow: none
}

.input_wrapper .input .placeholder {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #767676;
	display: block;
	height: auto;
	line-height: 38px;
	z-index: 1
}

@media only screen and (max-height: 250px) {
	.input_wrapper .input .placeholder {
		line-height: 33px
	}
}

.input_wrapper .input input {
	background-color: rgba(255, 255, 255, .001);
	z-index: 10
}

.input_wrapper .input input:focus:not(.hasValue)+.placeholder {
	display: block
}

.input_wrapper .input input.hideCaret {
	left: -1000px
}

.input_wrapper .input input.hasValue+.placeholder {
	display: none
}

.input_wrapper .input input:disabled+.placeholder {
	background-color: #efefef
}

.input_wrapper .label .icon {
	display: block;
	height: 100%;
	overflow: hidden;
	position: absolute;
	text-align: center;
	white-space: nowrap;
	width: 40px;
	z-index: 100
}

.input_wrapper .label .icon::after {
	content: "";
	display: inline-block;
	height: inherit;
	vertical-align: middle;
	width: 0
}

.input_wrapper .label .icon div {
	display: inline-block;
	white-space: normal;
	width: 100%
}

.input_wrapper .label .icon div img {
	vertical-align: middle;
	z-index: 100
}

.input_wrapper .label .icon+.input {
	left: 40px
}

.input_wrapper.multiple {
	border: 1px solid #bbb;
	border-radius: 3px
}

.input_wrapper.multiple.active {
	border-color: #0078bd;
	-webkit-box-shadow: 0 0 0 1px #0078bd;
	box-shadow: 0 0 0 1px #0078bd
}

.input_wrapper.multiple.active .label+.label {
	border-color: #0078bd
}

.input_wrapper.multiple.error {
	border-color: #cd0920;
	-webkit-box-shadow: 0 0 0 1px #cd0920;
	box-shadow: 0 0 0 1px #cd0920
}

.input_wrapper.multiple.error .label+.label {
	border-color: #cd0920
}

.input_wrapper.multiple .label {
	border: 0;
	border-radius: 2px;
	height: 38px
}

@media only screen and (max-height: 250px) {
	.input_wrapper.multiple .label {
		height: 32px
	}
}

@media only screen and (max-height: 200px) {
	.input_wrapper.multiple .label {
		height: 22px
	}
	.input_wrapper.multiple .label input,
	.input_wrapper.multiple .label input+.placeholder {
		line-height: 22px
	}
}

.input_wrapper.multiple .label .icon {
	right: 0
}

.input_wrapper.multiple .label+.label {
	border-radius: 0 0 3px 3px;
	border-top: 1px solid #bbb;
	top: 38px
}

@media only screen and (max-height: 250px) {
	.input_wrapper.multiple .label+.label {
		top: 32px
	}
}

@media only screen and (max-height: 200px) {
	.input_wrapper.multiple .label+.label {
		top: 22px
	}
}

.content_wrapper {
	margin: auto;
	max-width: 350px;
	width: 100%
}

.content_wrapper.broad {
	max-width: 750px;
	padding: 10px 0
}

@media only screen and (max-height: 250px) {
	.content_wrapper.broad {
		padding: 5px 0
	}
}

@media only screen and (max-height: 200px) {
	form.content_wrapper {
		position: relative
	}
}

.dialog {
	display: table;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-align: center;
	top: 0;
	vertical-align: middle;
	width: 100%;
	z-index: 10000
}

.dialog.remove_anim {
	-webkit-animation: fadeOut 150ms ease-out;
	animation: fadeOut 150ms ease-out;
	opacity: 0
}

.dialog .wrapper {
	overflow: hidden
}

.dialog .wrapper.row {
	display: table-row
}

.dialog .wrapper.cell {
	-webkit-animation: fadeIn 100ms ease-in;
	animation: fadeIn 100ms ease-in;
	background-color: rgba(0, 0, 0, .15);
	display: table-cell;
	overflow: hidden;
	vertical-align: middle
}

.dialog .wrapper.center {
	-webkit-animation: fadeInUpDelayed 150ms ease-out;
	animation: fadeInUpDelayed 150ms ease-out;
	background-color: #fff;
	border: 5px solid rgba(0, 0, 0, .6);
	border-radius: 2px;
	display: block;
	margin: auto;
	max-width: 350px;
	overflow: hidden;
	position: relative;
	width: 90%
}

.dialog h2.headline {
	background-color: #eee;
	border-bottom: 1px solid #bbb;
	color: #555;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	padding-left: 5px;
	text-align: left
}

.dialog h2.headline span {
	display: inline-block;
	height: 100%
}

.dialog h2.headline:focus span {
	-webkit-box-shadow: 0 -3px 0 0 #666 inset;
	box-shadow: 0 -3px 0 0 #666 inset
}

.dialog .button_close {
	position: absolute;
	right: 0;
	top: 0
}

.dialog .button_close button[data-variant=dialog_close] {
	height: 26px;
	margin: 1px;
	padding: 0 5px
}

.dialog .button_close button[data-variant=dialog_close] span {
	font-size: 12px
}

.content.text {
	color: #000;
	font-size: 14px;
	line-height: 1.4;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
	padding: 15px 20px;
	text-align: left
}

.content.text:focus {
	-webkit-box-shadow: 0 0 0 2px #0078bd inset;
	box-shadow: 0 0 0 2px #0078bd inset
}

.content.text p+p {
	margin-top: 1em
}

.content.text h3 {
	font-weight: bold;
	margin: 5px 0
}

@media only screen and (max-height: 200px) {
	.lm_view[data-type=changepassword] .checkbox_wrapper {
		height: auto;
		top: 2px
	}
	.lm_view[data-type=changepassword] .checkbox_wrapper label::before {
		height: 14px;
		width: 14px
	}
	.lm_view[data-type=changepassword] .checkbox_wrapper label::after {
		max-height: 18px;
		max-width: 18px
	}
}

.content_wrapper .checkbox_wrapper {
	color: #000;
	font-size: 14px;
	height: 28px;
	position: relative;
	top: 15px
}

@media only screen and (max-height: 250px) {
	.content_wrapper .checkbox_wrapper {
		top: 10px
	}
}

.content_wrapper .checkbox_wrapper label {
	line-height: 1.5
}

.document-list-download {
	display: none;
	margin: 0 20px
}

.document-list-download .grid__cell {
	padding-right: 6px;
	padding-top: 10px;
	text-align: right
}

.document-list-download.visible {
	display: block
}

.document-list-download button.link {
	font-size: 12px
}

.document-list-header {
	margin: 0 20px
}

.document-list-header .container {
	border-bottom: 1px solid #bbb;
	padding: 0
}

.document-list-header .container>* {
	display: inline-block;
	position: relative;
	vertical-align: middle
}

.document-list-header h2 {
	border-bottom: 3px solid rgba(0, 0, 0, 0);
	font-size: 18px;
	margin-bottom: -1px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	white-space: nowrap
}

@media only screen and (max-height: 250px) {
	.document-list-header h2 {
		font-size: 16px
	}
}

@media only screen and (max-height: 200px) {
	.document-list-header h2 {
		font-size: 14px
	}
}

.document-list-header h2:focus {
	border-color: #555
}

.document-list-header h2 img {
	padding-left: 8px;
	vertical-align: middle
}

.document-list-header .help_wrapper button.help {
	right: -16px
}

.document-list {
	letter-spacing: normal;
	margin: 0 20px
}

.document-list__document {
	border-bottom: 1px solid #bbb;
	white-space: nowrap
}

.document-list__document__main-container {
	width: 99%
}

.document-list__document__show-button {
	background: rgba(0, 0, 0, 0);
	border: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #0078bd;
	display: block;
	font-size: 16px;
	height: 38px;
	margin: 0;
	padding: 0 6px;
	position: relative;
	text-align: left;
	width: 100%
}

@media only screen and (max-height: 250px) {
	.document-list__document__show-button {
		height: 36px
	}
}

.document-list__document__show-button[disabled] {
	border-color: rgba(0, 0, 0, 0);
	color: #555
}

.document-list__document__show-button[disabled] .document-list__document__icon .document-list__document__icon__container:not([data-icon-type=spinner]) .document-list__document__icon__image {
	opacity: .5
}

.document-list__document__show-button[disabled] .document-list__document__label__text {
	border-color: rgba(0, 0, 0, 0);
	text-decoration: none
}

.document-list__document__show-button:not([disabled]):active,
.document-list__document__show-button:not([disabled]):focus {
	-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0078bd;
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0078bd
}

.document-list__document__show-button:not([disabled]):hover .document-list__document__label__text {
	border-bottom-color: rgba(0, 120, 189, .5)
}

.document-list__document__show-button .document-list__document__label__text {
	border: 1px solid rgba(0, 0, 0, 0);
	border-bottom-color: #0078bd
}

.document-list__document__label.grid__cell {
	width: 99%
}

.document-list__document__label:not(.grid__cell) {
	display: block
}

.document-list__document__label__container {
	position: relative
}

.document-list__document__label__text {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	left: 0;
	line-height: 1.4em;
	padding: 0 2px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.document-list__document__icon__container {
	display: inline-block;
	margin-left: 10px;
	text-align: center;
	width: 44px
}

.document-list__document__icon__container[data-icon-type=c2a_button] {
	background: #0078bd;
	border-radius: 3px;
	-webkit-transition: all 500ms linear;
	transition: all 500ms linear
}

.document-list__document__icon__container[data-icon-type=c2a_button] .document-list__document__icon__image {
	padding: 5px 0 4px;
	vertical-align: middle
}

@media only screen and (max-height: 250px) {
	.document-list__document__icon__container[data-icon-type=c2a_button] .document-list__document__icon__image {
		height: auto;
		max-height: 15px;
		max-width: 19px;
		padding: 6px 0;
		width: auto
	}
}

.document-list__document__icon__container[data-icon-type=check_mark] .document-list__document__icon__image {
	color: #2cb239;
	vertical-align: middle
}

.document-list__document__icon__container[data-icon-type=spinner] .document-list__document__icon__image {
	-webkit-animation: spin 1500ms infinite linear;
	animation: spin 1500ms infinite linear
}

.document-list__document__icon__container[data-icon-type=spinner] .gif_spinner,
.document-list__document__icon__container[data-icon-type=spinner] .document-list__document__icon__image {
	height: 20px;
	margin-top: 3px;
	width: 20px
}

.document-list__document__icon__image {
	-webkit-transition: opacity 150ms linear;
	transition: opacity 150ms linear
}

.document-list__document__download-button {
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #bbb;
	border-radius: 3px;
	margin: 0 6px 0 10px;
	padding: 2px 8px;
	-webkit-transition: opacity 150ms linear;
	transition: opacity 150ms linear;
	white-space: nowrap
}

.document-list__document__download-button[disabled] {
	opacity: .5
}

.document-list__document__download-button:not([disabled]):hover {
	background-color: #fff
}

.document-list__document__download-button:not([disabled]):hover:not(:focus) {
	border-color: #999
}

.document-list__document__download-button:not([disabled]):active {
	background-color: #eee
}

.document-list__document__download-button:not([disabled]):active:not(:focus) {
	border-color: #999;
	outline: medium none
}

.document-list__document__download-button:not([disabled]):focus {
	border-color: #0078bd
}

.document-list__document__download-button__icon {
	height: 16px
}

.content_layout .content {
	position: absolute
}

.content_layout .content.header {
	height: 45px;
	left: 0;
	top: 0;
	width: 100%
}

@media only screen and (max-height: 250px) {
	.content_layout .content.header {
		height: 35px
	}
}

.content_layout .content.footer {
	bottom: 0;
	height: 45px;
	left: 0;
	width: 100%
}

@media only screen and (max-height: 250px) {
	.content_layout .content.footer {
		height: 35px
	}
}

.content_layout .content.body {
	bottom: 0;
	left: 0;
	right: 0;
	top: 0
}

.content_layout:not([data-has-header]) .content.header {
	display: none
}

.content_layout:not([data-has-footer]) .content.footer {
	display: none
}

.content_layout[data-has-header] .content.body {
	top: 45px
}

@media only screen and (max-height: 250px) {
	.content_layout[data-has-header] .content.body {
		top: 35px
	}
}

.content_layout[data-has-footer] .content.body {
	bottom: 45px
}

@media only screen and (max-height: 250px) {
	.content_layout[data-has-footer] .content.body {
		bottom: 35px
	}
}

.description_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 8px
}

@media only screen and (max-height: 250px) {
	.description_list {
		gap: 4px
	}
}

.description_list.horizontal {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.description_list>* {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.description_list dt {
	font-size: 12px;
	line-height: 1.2
}

@media only screen and (max-height: 250px) {
	.description_list dt {
		font-size: 11px
	}
}

.description_list dd {
	font-size: 14px;
	line-height: 1.2
}

@media only screen and (max-height: 250px) {
	.description_list dd {
		font-size: 13px
	}
}

.description_list dd.monospace {
	font-family: monospace
}

.row.info {
	color: #555;
	font-size: 12px;
	padding-left: 10px;
	padding-top: 3px
}

@media only screen and (max-height: 200px) {
	.row.info {
		padding-top: 1px
	}
}

.content.idle_screen {
	color: #000;
	padding: 0
}

.content.idle_screen .table {
	width: 100%
}

.content.idle_screen .title-reference-wrapper {
	padding: 0 10px;
	vertical-align: bottom;
	word-break: break-word
}

.content.idle_screen .title-reference-wrapper .label {
	display: inline-block;
	position: relative
}

.content.idle_screen .title-reference-wrapper h2 {
	font-size: 18px;
	line-height: 1.3
}

@media only screen and (max-height: 200px) {
	.content.idle_screen .title-reference-wrapper h2 {
		font-size: 16px
	}
}

.content.idle_screen .reference span {
	color: #0078bd;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
	text-transform: uppercase
}

@media only screen and (max-height: 200px) {
	.content.idle_screen .reference span {
		font-size: 16px
	}
}

.content.idle_screen .instructions {
	border-top: 1px solid #bbb;
	font-size: 14px;
	margin-top: 5px;
	padding: 8px 10px 0
}

@media only screen and (max-height: 200px) {
	.content.idle_screen .instructions {
		margin-top: 0;
		padding-top: 0
	}
}

.content.idle_screen .instructions span {
	white-space: pre-wrap
}

.content.idle_screen .illustration,
.content.idle_screen .illustration .icon {
	height: 50px;
	max-height: 50px;
	max-width: 30px;
	width: 30px
}

@media only screen and (max-height: 200px) {
	.content.idle_screen .illustration,
	.content.idle_screen .illustration .icon {
		height: 30px;
		max-height: 30px;
		max-width: 18px;
		vertical-align: middle;
		width: 18px
	}
}

.content.idle_screen .illustration>.wrapper {
	display: block;
	height: 100%;
	position: relative;
	width: 100%
}

@media only screen and (max-height: 200px) {
	.content.idle_screen .illustration>.wrapper {
		height: auto
	}
}

.content.idle_screen .illustration .spinner {
	-webkit-animation: spin 2000ms linear infinite;
	animation: spin 2000ms linear infinite;
	left: 5px;
	max-height: 20px;
	max-width: 20px;
	position: absolute;
	top: 15px
}

@media only screen and (max-height: 200px) {
	.content.idle_screen .illustration .spinner {
		left: 2px;
		max-height: 14px;
		max-width: 14px;
		top: 8px
	}
}

.content.idle_screen .illustration[data-type=smartotp] .icon {
	display: none
}

.content.idle_screen .illustration[data-type=smartotp] .spinner {
	left: 0;
	max-height: 23px;
	max-width: 23px;
	top: 26px
}

@media only screen and (max-height: 200px) {
	.content.idle_screen .illustration[data-type=smartotp] .spinner {
		left: 0;
		max-height: 20px;
		max-width: 20px;
		top: -6px
	}
}

.content.loading_documents .loader_wrapper {
	text-align: center;
	vertical-align: middle
}

.content.loading_documents .loader_wrapper .spinner_wrapper {
	padding-bottom: 10px
}

.content.loading_documents .loader_wrapper .spinner_wrapper img {
	-webkit-animation: spin 1500ms infinite linear;
	animation: spin 1500ms infinite linear;
	min-height: 40px;
	min-width: 40px
}

.content.loading_documents .loader_wrapper .text_wrapper {
	display: inline-block;
	text-align: left
}

.content.loading_documents .loader_wrapper .text_wrapper h2 {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.6
}

.tab-list_wrapper {
	border-bottom: 1px solid #bbb;
	text-align: center
}

.tab-list_wrapper .tab-list {
	display: inline-block;
	white-space: nowrap
}

.tab-list_wrapper .tab-list .tab {
	background: none;
	border: 0;
	color: #000;
	display: inline-block;
	margin: 0;
	padding: 0 5px;
	text-decoration: none;
	vertical-align: middle;
	width: 140px
}

@media only screen and (max-width: 395px) {
	.tab-list_wrapper .tab-list .tab {
		width: 130px
	}
}

.tab-list_wrapper .tab-list .tab>span {
	border: 3px solid rgba(0, 0, 0, 0);
	border-width: 4px 0;
	color: #0078bd;
	display: block;
	font-size: 16px;
	line-height: 27px;
	padding: 0 1px
}

@media only screen and (max-height: 250px) {
	.tab-list_wrapper .tab-list .tab>span {
		line-height: 22px
	}
}

.tab-list_wrapper .tab-list .tab.active>span {
	border-bottom-color: #0078bd;
	color: inherit;
	font-weight: bold
}

.tab-list_wrapper .tab-list .tab:not([disabled]):hover:not(.active)>span {
	border-bottom-color: #0078bd
}

.tab-list_wrapper .tab-list .tab:not([disabled]):active,
.tab-list_wrapper .tab-list .tab:not([disabled]):focus {
	-webkit-box-shadow: 0 0 0 2px #0078bd inset;
	box-shadow: 0 0 0 2px #0078bd inset
}

.tab-list_wrapper .tab-list .tab[aria-disabled],
.tab-list_wrapper .tab-list .tab[disabled] {
	cursor: default
}

.tab-list_wrapper .tab-list .tab[aria-disabled] span,
.tab-list_wrapper .tab-list .tab[disabled] span {
	color: #000
}

.content-list {
	letter-spacing: normal
}

.content-list ul {
	display: none
}

.content-list ul.active {
	display: inherit
}

.content-list ul li {
	border-bottom: 1px solid #bbb;
	white-space: nowrap
}

.content-list ul li button {
	background: rgba(0, 0, 0, 0);
	border: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #0078bd;
	display: block;
	font-size: 16px;
	height: 39px;
	margin: 0;
	padding: 8px 6px 4px 6px;
	position: relative;
	text-align: left;
	width: 100%
}

@media only screen and (max-height: 250px) {
	.content-list ul li button {
		height: 30px;
		padding-top: 4px
	}
}

.content-list ul li button>* {
	vertical-align: middle
}

.content-list ul li button .label {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	margin-right: 2px;
	padding: 2px
}

.content-list ul li button .support {
	position: absolute;
	right: 6px;
	text-align: center;
	top: 6px;
	width: 44px
}

@media only screen and (max-height: 250px) {
	.content-list ul li button .support {
		top: 5px
	}
}

.content-list ul li button .unused {
	background: #0078bd;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	display: inline-block;
	font-size: 8px;
	line-height: 23px;
	text-align: center;
	text-transform: uppercase;
	width: 23px
}

.content-list ul li button[disabled] {
	border-color: rgba(0, 0, 0, 0);
	color: #555
}

.content-list ul li button[disabled] img {
	-webkit-transition: opacity 150ms linear;
	transition: opacity 150ms linear
}

.content-list ul li button[disabled] img:not(.spinner) {
	opacity: .5
}

.content-list ul li button[disabled] .label {
	border-color: rgba(0, 0, 0, 0);
	text-decoration: none
}

.content-list ul li button:not([disabled]):active,
.content-list ul li button:not([disabled]):focus {
	-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0078bd;
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px #0078bd;
	z-index: 1
}

.content-list ul li button:not([disabled]):hover {
	background-color: #e9f1f4
}

.content-list ul li button:not([disabled]):hover .support img {
	-webkit-animation: bounceRightTransform 150ms;
	animation: bounceRightTransform 150ms
}

.content-list ul li[data-icon-type=arrow] button {
	padding-right: 35px
}

.content-list ul li[data-icon-type=arrow] button .support {
	width: 24px
}

.content-list ul li[data-icon-type=arrow] button .support img {
	padding-top: 5px;
	vertical-align: middle
}

@media only screen and (max-height: 250px) {
	.content-list ul li[data-icon-type=arrow] button .support img {
		height: auto;
		max-height: 15px;
		max-width: 19px;
		padding: 2px 0;
		width: auto
	}
}

.content-list ul li[data-icon-type=arrow][data-is-unused] button {
	padding-right: 65px
}

.lm_view[data-type=otp_list] .content-header {
	margin: 0 20px
}

.lm_view[data-type=otp_list] .content-header .inner {
	border-bottom: 1px solid #bbb;
	padding: 0
}

.lm_view[data-type=otp_list] .content-header .inner>* {
	display: inline-block;
	position: relative;
	vertical-align: middle
}

.lm_view[data-type=otp_list] .content-header .inner h2 {
	border-bottom: 3px solid rgba(0, 0, 0, 0);
	font-size: 18px;
	margin-bottom: -1px;
	padding: 0 10px 2px;
	position: relative;
	white-space: nowrap
}

@media only screen and (max-height: 250px) {
	.lm_view[data-type=otp_list] .content-header .inner h2 {
		font-size: 16px
	}
}

@media only screen and (max-height: 200px) {
	.lm_view[data-type=otp_list] .content-header .inner h2 {
		font-size: 14px
	}
}

.lm_view[data-type=otp_list] .content-header .inner h2:focus {
	border-color: #555
}

.lm_view[data-type=otp_list] .content-header .inner h2::after {
	content: ":"
}

.lm_view[data-type=otp_list] .content-body {
	margin: 0 20px
}

.input_spinner {
	display: inline-block;
	height: 100%;
	position: absolute;
	right: 0
}

.input_spinner>* {
	display: table;
	height: 100%
}

.input_spinner>*>* {
	display: table-cell;
	padding-right: 5px;
	vertical-align: middle
}

.input_spinner .spinner {
	-webkit-animation: spin 1000ms infinite linear;
	animation: spin 1000ms infinite linear;
	height: 20px;
	width: 20px
}

@media only screen and (max-height: 200px) {
	.row.footer.resizable>*:nth-child(1),
	.row.footer.resizable>*:nth-child(2) {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		white-space: nowrap;
		width: 100%
	}
	.row.footer.resizable>*:nth-child(1)>*,
	.row.footer.resizable>*:nth-child(2)>* {
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: block
	}
	.row.footer.resizable>*:nth-child(1) {
		max-width: calc(100% - 145px);
		padding-top: 3px
	}
	.row.footer.resizable>*:nth-child(2) {
		max-width: 145px;
		padding: 3px 60px 0 0;
		text-align: right
	}
	.row.footer.resizable>*:nth-child(3) {
		display: none
	}
}

.input_button_wrapper {
	background: rgba(0, 0, 0, 0);
	background-size: 100% auto;
	border: 0;
	bottom: 0;
	display: inline-block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 40px
}

.input_button_wrapper button.input_button {
	background: rgba(0, 0, 0, 0);
	border: 0;
	border-radius: 2px 0 0 2px;
	height: 100%;
	overflow: hidden;
	padding: 0;
	white-space: nowrap;
	width: 100%
}

.input_button_wrapper button.input_button::after {
	content: "";
	display: inline-block;
	height: inherit;
	vertical-align: middle;
	width: 0
}

.input_button_wrapper button.input_button:focus {
	-webkit-box-shadow: inset 0 0 0 2px #0078bd;
	box-shadow: inset 0 0 0 2px #0078bd
}

.input_button_wrapper button.input_button>* {
	display: inline-block;
	white-space: nowrap
}

.input_button_wrapper button.input_button img {
	vertical-align: middle
}

.input_button_wrapper button.input_button .right {
	margin-left: 5px
}

.input_wrapper .input_button_wrapper+.input {
	left: 40px
}

.content.list {
	background: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 50% 0/100% 9px no-repeat, radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 50% 100%/100% 9px no-repeat;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto
}

.content.list>* {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #fbfbfb), to(rgba(255, 255, 255, 0))) 50% 0/100% 40px no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, #fbfbfb)) 50% 100%/100% 40px no-repeat;
	background: linear-gradient(#fbfbfb 30%, rgba(255, 255, 255, 0)) 50% 0/100% 40px no-repeat, linear-gradient(rgba(255, 255, 255, 0), #fbfbfb 70%) 50% 100%/100% 40px no-repeat;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 100%
}

.content.list .list {
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
	width: 100%
}

.content.list .list .item {
	color: #000;
	display: block;
	font-size: 16px;
	line-height: 44px;
	overflow: hidden;
	padding: 0 0 0 38px;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap
}

@media only screen and (max-height: 250px) {
	.content.list .list .item {
		line-height: 35px
	}
}

.content.list .list .item:not(.disabled) {
	cursor: pointer
}

.content.list .list .item:not(.disabled):hover {
	background-color: #e9f1f4
}

.content.list .list .item:not(.disabled):focus {
	-webkit-box-shadow: 0 0 0 2px #0078bd inset;
	box-shadow: 0 0 0 2px #0078bd inset
}

.content.list .list .item:not(:last-child) {
	border-bottom: 1px solid #c6cacb
}

.content.list .list .item::before {
	border: 1px solid #0078bd;
	border-radius: 100%;
	content: "";
	height: 14px;
	left: 0;
	margin-left: 10px;
	margin-top: -7px;
	position: absolute;
	top: 50%;
	width: 14px
}

.content.list .list .item.active {
	background-color: #e9f1f4
}

.content.list .list .item.active::before {
	border: 7px solid #0078bd;
	height: 5px;
	margin-left: 8.4px;
	margin-top: -9px;
	width: 5px
}

.renew_certificate_view {
	color: #000;
	font-size: 16px;
	margin: auto;
	max-width: 400px;
	padding: 15px 10px
}

.renew_certificate_view .contact {
	font-size: 14px;
	margin-top: 10px
}

.renew_certificate_view .certificate .data {
	display: inline-block;
	margin: 10px 8px 0
}

.renew_certificate_view .certificate .data.full {
	display: block
}

.renew_certificate_view .certificate h2 {
	font-size: 12px;
	line-height: 1.2;
	padding: 4px 0
}

.renew_certificate_view .certificate .text {
	font-size: 14px;
	line-height: 1.2;
	word-break: break-word
}

.renew_certificate_view .buttons-wrapper {
	margin-top: 15px;
	text-align: center
}

.renew_certificate_view .buttons-wrapper>* {
	display: inline-block;
	vertical-align: top
}

.renew_certificate_view .buttons-wrapper>*:not(:first-child) {
	margin-left: 15px
}

.terms_condition_view {
	color: #000;
	font-size: 16px;
	line-height: 1.4;
	margin: auto;
	max-width: 400px;
	padding: 15px 10px
}

.terms_condition_view h2 {
	color: #000;
	font-weight: bold;
	line-height: 1.6;
	padding-bottom: 10px
}

.terms_condition_view p+p {
	padding-top: 15px
}

.terms_condition_view .reject-description {
	font-size: 14px;
	padding-top: 10px
}

.terms_condition_view .read-more-wrapper {
	padding-top: 10px
}

.terms_condition_view .accept-terms-wrapper {
	padding-top: 15px
}

.terms_condition_view .buttons-wrapper {
	padding-top: 10px;
	text-align: center
}

.terms_condition_view .buttons-wrapper>* {
	display: inline-block;
	vertical-align: top
}

.terms_condition_view .buttons-wrapper>*:not(:first-child) {
	margin-left: 15px
}