%PDF-
%PDF-
Mini Shell
Mini Shell
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
}
Zerion Mini Shell 1.0