/* App Style */
html{ -ms-text-size-adjust:100%; }
body{ margin:0; }
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{ display:block; }
audio:not([controls]){ display:none; height:0; }
[hidden],template{ display:none; }
a:active,a:hover{ outline:0; }
abbr[title]{ border-bottom:1px dotted; }
small{ font-size:80%; }
sub,sup{ font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup{ top:-.5em; }
sub{ bottom:-.25em; }
svg:not(:root){ overflow:hidden; }
pre{ overflow:auto; }
code,kbd,pre,samp{ font-family:monospace, monospace; font-size:1em; }
button{ overflow:visible; }
button,select{ text-transform:none; }
button,input[type="reset"],input[type="submit"]{ cursor:pointer; }
button[disabled],html input[disabled]{ cursor:default; }
fieldset{ border:1px solid #c0c0c0; margin:0 2px; padding:.35em .625em .75em; }
legend{ border:0; padding:0; }
textarea{ overflow:auto; }
optgroup{ font-weight:bold; }
table{ border-collapse:collapse; border-spacing:0; }
td,th{ padding:0; }
*,*:after,*:before{ box-sizing:border-box; }
body,html{ height:100%; font-size:87.5%; }
img{ -ms-interpolation-mode:bicubic; }
html{ -ms-touch-action:manipulation; touch-action:manipulation; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; text-size-adjust:100%; }
body{ background-color:#ffffff; position:relative; overflow:hidden; font-style:normal; font-weight:normal; font-family:"Segoe UI", "Roboto Light", Helvetica, Arial, sans-serif-light, sans-serif; }
[data-rtl]{ direction:rtl !important; unicode-bidi:embed !important; }
a{ cursor:pointer; color:#4e96ea; text-decoration:none; }
a:active,a:hover,a:hover:active{ color:#7ab0f0; outline:0; }
a:visited{ color:#4e96ea; }
button{ outline:0; }
#feature-detection{ display:block; position:absolute; top:0; left:0; right:0; bottom:0; padding:20px; z-index:99999; background-color:#082343; color:#ffffff; text-align:center; font-size:1.25rem; }
#feature-detection h4{ margin-bottom:20px; }
#feature-detection a{ white-space:nowrap; }
#feature-detection p:after{ content:""; display:block; height:120px; width:100%; background-image:url("../images/splash.png"); background-position:50%; background-size:contain; background-repeat:no-repeat; }
button,button[type=submit],input[type=button],input[type=reset],input[type=submit]{ border-style:solid; margin:0; min-width:120px; padding:4px 8px 5px; border-width:2px; background-clip:border-box; border-radius:0; -ms-touch-action:manipulation; touch-action:manipulation; -webkit-appearance:none; font-size:15px; font-weight:400; line-height:1.333; }
.win-textarea,input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{ -ms-user-select:element; border-style:solid; border-width:2px; border-radius:0; margin:8px 0; padding:3px 6px 5px 10px; width:296px; min-width:64px; min-height:2em; background-clip:border-box; box-sizing:border-box; outline:0; font-size:15px; font-weight:400; line-height:1.333; }
input::-ms-value{ margin:0; padding:0; }
.win-textarea,textarea{ resize:none; overflow-y:auto; }
input[type=checkbox],input[type=radio]{ -webkit-transform:scale(1.6) translateX(0); -ms-transform:scale(1.6) translateX(0); transform:scale(1.6) translateX(0); margin:6px; }
h1,h2,h3,h4,h5,h6{ margin-top:0; margin-bottom:0; }
button:before{ display:inline-block; }
input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{ width:100%; margin:0; height:2rem; border:2px solid rgba(0, 0, 0, .27); font-size:1rem; }
select{ -webkit-appearance:none !important; -moz-appearance:none !important; background-color:#ffffff; background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+"); background-repeat:no-repeat; background-position:100%; font-family:inherit; font-size:.875rem; line-height:normal; padding:0 .25em; height:2.25em; }
select option{ padding:.75em; }
select::-ms-expand{ display:none; }
.win-contentdialog .win-contentdialog-dialog{ padding:10px; min-height:160px; }
.win-contentdialog .win-contentdialog-commands.custom-button-fix{ margin:0; margin-top:0; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; }
.win-contentdialog .win-contentdialog-commands.custom-button-fix > button{ white-space:normal; -webkit-flex:1 1 calc(50% - 10px); -ms-flex:1 1 calc(50% - 10px); flex:1 1 calc(50% - 10px); margin:10px 5px 0; }
.win-contentdialog .win-contentdialog-scroller{ max-height:360px; }
.wrap{ height:100%; padding:2px;}
.container{ background-size:100%; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; height:100%; width:100%; border:2px solid #0c3667;}
::-moz-selection{ background-color:#0c3667; color:#ffffff; }
::selection{ background-color:#0c3667; color:#ffffff; }
option:checked,option:checked:hover,select:focus::-ms-value,select:focus option:checked:hover{ background-color:#ffffff; }
button,input[type=button],input[type=reset],input[type=submit]{ border-width:1px; }
.hide,[data-hide="true"],[data-show="false"]{ display:none !important; }
.loading{ position:absolute; top:0; left:0; height:100%; width:100%; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:center !important; -ms-flex-pack:center !important; justify-content:center !important; -webkit-align-items:center !important; -ms-flex-align:center !important; align-items:center !important; z-index:99999; }
.loading label{ padding:20px; color:#0c3667; font-weight:700; }
.loading label .win-ring { display:inline-block; margin-right:.625rem; vertical-align:-50%; height:40px; width:40px; background:url("../images/loading.gif") no-repeat center center; }

.splash{ position:fixed; height:100vh; width:100vw; top:0; left:0; z-index:99999; background-color:#0c3667; }
.splash-logo{ background-image:url("../images/splash.png"); background-position:center 15%; background-size:90% auto; background-repeat:no-repeat; height:100%; width:100%; max-width:480px; margin:0 auto; }
.overlay{ position:absolute; top:0; left:0; height:100%; width:100%; background-color:#ffffff; opacity:.9; z-index:7000; }
.win-contentdialog{ z-index:7000 !important; }
.win-contentdialog-dialog{ position:relative; }
.main{ overflow:auto; -webkit-flex:1 0 auto; -ms-flex:1 0 auto; flex:1 0 auto; height:calc(100% - 86px); }

header{ padding:5px 5px 5px 0; background-color:#0c3667; color:#ffffff; -webkit-flex:0 1 42px; -ms-flex:0 1 42px; flex:0 1 42px; min-height:42px; max-height:42px; }
header > div{ display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; }
header .logo{ -webkit-flex:0 0 68px; -ms-flex:0 0 68px; flex:0 0 68px; min-width:68px; }
header .login-logo a{ display:block; width:100%; height:28px; padding:2px; }
header h1{ font-size:1rem; padding:0; margin:0; -webkit-flex:2 0 25%; -ms-flex:2 0 25%; flex:2 0 25%; min-width:25%; overflow:hidden; text-overflow:ellipsis; }
header h1 span{ display:inline-block; white-space:nowrap; line-height:1.5em; }

.form fieldset{ margin:0; padding:0 0 .75em; border:none;}
.form fieldset ul{ display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; list-style-type:none; margin:0; padding:0; }
@media only screen and (max-width:50em){ .form fieldset ul.verify-form button{ margin-right:10px; }
.form fieldset ul.code-form li{ -webkit-flex:0 1 50%; -ms-flex:0 1 50%; flex:0 1 50%; }
.form fieldset ul.code-form li button{ margin-left:10px; } }
.form fieldset ul.verify-form button{ margin-bottom:10px; }
.form fieldset ul.documents-list{ padding:10px 20px; display:block; }
.form fieldset ul.documents-list li{ padding:5px 20px 5px 0; display:inline-block; font-size:.875rem; }
.form fieldset li{ -webkit-flex:0 1 100%; -ms-flex:0 1 100%; flex:0 1 100%; margin:0; padding:.5625em 0 0; }
.form fieldset li > div .help{ display:block; -webkit-flex:0 1 100%; -ms-flex:0 1 100%; flex:0 1 100%; font-size:.75rem; padding:5px; }
.form fieldset li > div label a{ font-size:1rem; -webkit-flex:0 1 auto; -ms-flex:0 1 auto; flex:0 1 auto; }
.form fieldset li .notifications-check,.form fieldset li .radio-check{ display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-align-items:center; -ms-flex-align:center; align-items:center; }
.form fieldset li .notifications-check > div,.form fieldset li .radio-check > div{ -webkit-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; padding:0 8px 5px; }
.form fieldset li .notifications-check > span,.form fieldset li .radio-check > span{ -webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; display:-webkit-flex; display:-ms-flexbox; display:flex; padding:0 5px; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-align-items:flex-start; -ms-flex-align:flex-start; align-items:flex-start; }
.form fieldset li .notifications-check > span.validation-header,.form fieldset li .radio-check > span.validation-header{ display:block; -webkit-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; padding-bottom:10px; }
.form fieldset li .fatca-answer.notifications-check span,.form fieldset li .radio-check.fatca-answer span{ -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; padding-top:0; }
.form fieldset li .notifications-check input[type="checkbox"],.form fieldset li .notifications-check input[type="radio"],.form fieldset li .radio-check input[type="checkbox"],.form fieldset li .radio-check input[type="radio"]{ -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; min-width:1rem; }
.form fieldset li .notifications-check input[type="checkbox"] + label,.form fieldset li .notifications-check input[type="radio"] + label,.form fieldset li .radio-check input[type="checkbox"] + label,.form fieldset li .radio-check input[type="radio"] + label{ display:block; -webkit-flex:1 0 50%; -ms-flex:1 0 50%; flex:1 0 50%; line-height:1.25em; padding: .25em .5em .5em; margin-bottom:0; }
.form fieldset li .notifications-check input[type="checkbox"] + label.paypal-logo,.form fieldset li .notifications-check input[type="radio"] + label.paypal-logo,.form fieldset li .radio-check input[type="checkbox"] + label.paypal-logo,.form fieldset li .radio-check input[type="radio"] + label.paypal-logo{ width:auto; }
.form fieldset li .notifications-check input[type="checkbox"] + label.paypal-logo span:before,.form fieldset li .notifications-check input[type="radio"] + label.paypal-logo span:before,.form fieldset li .radio-check input[type="checkbox"] + label.paypal-logo span:before,.form fieldset li .radio-check input[type="radio"] + label.paypal-logo span:before{ padding-left:.25em; }
.form fieldset li .notifications-check small,.form fieldset li .radio-check small{ min-width:100%; -webkit-flex:0 0 100%; -ms-flex:0 0 100%; flex:0 0 100%; }
.form fieldset li .double-input span{ display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; padding:0; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; }
.form fieldset li .double-input input[type="text"],.form fieldset li .double-input select{ margin:0; width:100%; }
.form fieldset li .double-input input[type="text"]:first-child,.form fieldset li .double-input select:first-child{ margin-bottom:10px; }
.form fieldset li .double-input small{ -webkit-flex:0 1 100%; -ms-flex:0 1 100%; flex:0 1 100%; }
.form fieldset li .notifications-check label{ -webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; padding:0 5px; }
.form fieldset li .notifications-check label.single{ -webkit-flex:0 1 100%; -ms-flex:0 1 100%; flex:0 1 100%; }
.form fieldset li .notifications-check span{ padding:0 3px; }
.form fieldset li .text-with-link a{ display:inline-block; white-space:nowrap; }
.form fieldset li .radio-line{ border-top:1px solid #cccccc; }
.form fieldset li .radio-line span{ display:block; padding:5px 0 10px; }
.form fieldset li .radio-line label{ display:inline-block; line-height:1.25em; padding-left:.5em; vertical-align:25%; margin-bottom:0; }
.form fieldset li .has-prefix span{ display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-wrap:nowrap; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; }
.form fieldset li .has-prefix.has-select span{ -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start; }
.form fieldset li .has-prefix small{ -webkit-flex:0 1 100%; -ms-flex:0 1 100%; flex:0 1 100%; }
.form fieldset li .has-prefix .prefix{ display:block; line-height:1.25em; font-size:1.25rem; border-style:solid; text-align:center; border-width:2px 0 2px 2px; border-color:rgba(0, 0, 0, .27); color:#7a7a7a; width:8rem; padding:0; }
.form fieldset li .has-prefix .prefix:before{ -ms-interpolation-mode:bicubic; content:""; display:block; }
.form .plaintext{ padding:0 10px; }
.form .plaintext p{ margin:0; padding:0 0 10px; }
.form .legend,.form legend{ padding:10px; margin:0; font-size:1rem; font-weight:400; color:#3d6491; width:100%; }
@media only screen and (max-width:50em){ .form .legend,.form legend{ padding:0; } }
.form .legend span,.form legend span{ display:block; }
.form .legend .legend-heading,.form .legend .legend-title,.form legend .legend-heading,.form legend .legend-title{ font-weight:700; }
.form .legend .legend-title,.form legend .legend-title{ font-size:1.125rem; }
.form .legend .legend-heading,.form legend .legend-heading{ padding-top:10px; }
.form button{ color:#0c3667; background-color:rgba(255, 255, 255, .7); border-color:#0c3667; }
.form button:active{ color:white; background-color:#0c3667; border-color:#145aac; }
.form button:disabled{ color:rgba(128, 128, 128, .5); background-color:rgba(255, 255, 255, .5); border-color:rgba(128, 128, 128, .5); }
.form label{ display:inline-block; margin-bottom:.5em; cursor:pointer; }
.form input[type=file]{ min-width:0; width:100%; margin:0; }
.form .status{ display:inline-block; padding-right:10px; }
.form .status-alert{ color:#a40000; }
.form .status-warning{ color:#f57900; }
.form .status-pending{ color:#0c3667; }
.form input[type=email],.form input[type=number],.form input[type=password],.form input[type=search],.form input[type=tel],.form input[type=text],.form input[type=url],.form select,.form textarea{ width:100%; margin:0; border:2px solid rgba(0, 0, 0, .27); height: 46px; }
.form small{ display:none; background-color:#a40000; color:#ffffff; padding:0 5px 5px; }
.form label small{ background-color:#ffffff; color:#a40000; margin-bottom:0; }
.form input.invalid:required + label small,.form input.invalid:required + small,.form select.invalid:required + small,.form textarea.invalid:required + small{ display:block; }
.form input.invalid:required{ border-color:#a40000; }
.form .invalid + small,.form .invalid small,.form input.invalid + button + small,.form input.invalid + label + small,.form input.invalid + small,.form select.invalid + small,.form textarea.invalid + small{ display:block; }
.form input.invalid{ border-color:#a40000; }
.form input.valid,.form input.valid:focus,.form input.valid:hover{ border-color:#4e9a06; }
.form input.hide + small,.form input[data-hide="true"] + small,.form select.hide + small,.form select[data-hide="true"] + small{ display:none !important; }
.form div.invalid,.form span.invalid{ width:100%; }
.form .side-text{ text-align:right; padding:0 0 .5em; }
.form .is-notice-only label{ cursor:default; }

/* Login Layout */
.header-login{ width:100%; }
.header-login .login-logo { min-width:115px; }
.header-login .login-logo a svg { height:30px; width: 115px; }
.header-login .login-logo a svg path,
.header-login .login-logo a svg polygon { fill: white; }
.header-login .login-logo span { display: none; }
.header-login .language-login{ padding:0 1.25em 0 .25em; }
.header-login h1 { display:none; }
.wrap-login{ min-height:0; }
.wrap-login .container{ position:static; width:100%; left:initial; top:initial; }
.wrap-login .main{ height:calc(100% - 52px); }
.wrap-login footer{ display:none; }
@media only screen and (min-width:50.063em){ .wrap-login footer{ display:block; } }
.login-heading,.login-heading h2,.login-section,.login .form-actions{ display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; }

.login-form .input-svg{ position:relative; }
.login-form .input-svg > svg{ width:30px; height:30px; position:absolute; top:8px; left:8px; opacity:.2; }
.login-form .input-svg > svg.pass-svg{ width:25px; height:25px; top:10px; left:11px; }
.login-form .input-svg input{ padding: .6875rem 44px; height: 46px; }
.login-form .input-svg input::-ms-clear,.login-form .input-svg input::-ms-reveal { display:none ;}
.login-form .input-svg button.icon { border: none; background: transparent; position: absolute; right: 10px; top: 7px; font-size: 20px; min-width: 24px; height:24px; color:#b6b6b6; opacity:.2; }
.login-heading > div,.login-heading h2 > div,.login-section > div,.login .form-actions > div{ padding-right:.9735rem; padding-left:.9735rem; }
.login-content,.login-wrap{ height:100%; width:100%; }
.login-wrap{ width:100%; height:100%; overflow-x:hidden; overflow-y:auto; padding:.3125em; -ms-overflow-style:scrollbar; }
.login-section{ max-width:36em; width:100%; margin:0 auto; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; }
.login h1{ text-align:center; font-size:2rem; font-weight:700; margin:0 .25em 0 0; line-height:1.25; color:#0c3667; font-family:"Play", sans-serif; font-style: italic; }
.login-heading{ -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; }
.login-heading h2{ -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; -webkit-order:2; -ms-flex-order:2; order:2; -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; }
.login-heading button{ -webkit-flex:1 0 auto; -ms-flex:1 0 auto; flex:1 0 auto; -webkit-order:1; -ms-flex-order:1; order:1; margin-bottom:1em; }
.login h2{ color:#0c3667; font-size:.9375rem; font-weight:400; }
.login h2:before{ font-size:1.25rem; }
.login h2 span{ display:inline-block; padding:0 .5em; vertical-align:20%; }
.login fieldset li > div{ padding:0; }
.login label,.login label a{ font-size:.875rem !important; }
.login .form-actions{ -webkit-align-items:center; -ms-flex-align:center; align-items:center; padding-left:0; padding-right:0;}
.login .form-actions button{ -webkit-flex:0 1 100%; -ms-flex:0 1 100%; flex:0 1 100%; width:100%; margin-bottom:.75em; min-height:42px;}
.login .form-actions .action{ -webkit-flex:1 0 100%; -ms-flex:1 0 100%; flex:1 0 100%; text-align:center; }
.login .login-button{ background-color:#0c3667; border-color:#0c3667; border-radius:5px; color:white; -webkit-flex:0 1 100%; -ms-flex:0 1 100%; flex:0 1 100%; font-size:1rem; padding:.75em 4em; font-weight:600; }
.login .login-button:hover{ color:white; background-color:#145aac; border-color:rgba(12, 54, 103, .7); }
.login .login-button:active{ color:white; background-color:#145aac; border-color:#145aac; }
.login .login-button:disabled{ background-color:rgba(202, 202, 202, .4); border-color:rgba(0, 0, 0, .08); color:rgba(0, 0, 0, .4); }
.login-captcha{ display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; }

@media only screen and (min-width:50.063em) { .login .social-account { margin:0 auto; } }
.login .social-account h4 { display:flex; align-items:center; font-weight:normal; font-size:1rem; color:#a5a5a5; text-align:center; padding:1rem 0 1.5625rem; }
.login .social-account h4:before, .login .social-account h4:after { content:' '; flex:1 1 auto; background:#a5a5a5; height:1px; }
.login .social-account h4 span { flex:0 1 auto; padding:0 10px; }
.login .social-account div { display:flex; justify-content:center; padding-bottom:1rem; }
.login .social-account div button { flex: 0 1 50%; padding:.625rem 5px; border:1px solid #a5a5a5; }
.login .social-account div button:first-child { margin-right:10px; }
.login .social-account div button svg { margin:0 5px; width:30px; height:30px; vertical-align:-50%; }

.forgot-password h2{ text-align:center; margin-bottom:.25em; color:#0c3667; font-size:1rem; }
.demo-real h2,.demo-real h3{ text-align:center; margin-bottom:.25em; color:#0c3667; }
.demo-real h2{ font-size:1.25rem; font-weight:400; }
.demo-real h3{ font-weight:400; font-size:1.5rem; }
.demo-real-buttons{ padding:1rem 0; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; }
.demo-real-buttons button{ color:#0c3667; background-color:rgba(255, 255, 255, .7); border-color:#0c3667; -webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; margin:0 1% 1rem; text-align:left; padding:1rem .75rem; min-height:6rem; }
.demo-real-buttons button:active{ color:white; background-color:#0c3667; border-color:#145aac; }
.demo-real-buttons button:disabled{ color:rgba(128, 128, 128, .5); background-color:rgba(255, 255, 255, .5); border-color:rgba(128, 128, 128, .5); }
.demo-real-buttons button > span{ display:-webkit-flex; display:-ms-flexbox; display:flex; }
.demo-real-buttons button > span:before{ font-size:3rem; padding:0 .75rem; -webkit-flex:0 1 auto; -ms-flex:0 1 auto; flex:0 1 auto; min-width:4.5rem; }
.demo-real-buttons button > span span{ vertical-align:20%; display:block; -webkit-flex:0 1 auto; -ms-flex:0 1 auto; flex:0 1 auto; padding:0 .5em; }
.demo-real-buttons button > span strong{ font-size:1.125em; }
.demo-real-buttons button > span em{ display:block; font-size:.875rem; font-style:normal; }
.demo-real,.register-new-user{ display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; height:100%; }
.risk-warning{ width:100%; max-width:64em; margin:0 auto; min-height:3em; font-size:.875rem; padding:2rem 1rem 1rem; text-align:center; }
.risk-warning-bottom { color:#0c3667; margin:0; padding:0 0 .25em; text-align:center; line-height:1.25; }
.risk-warning .portuguese-warning{ -webkit-align-items:center; -ms-flex-align:center; align-items:center; }
.risk-warning .portuguese-warning-text{ padding:10px; color:#000000; border:2px solid #000000; margin-bottom:10px; line-height:1; }
.risk-warning .portuguese-warning-text strong{ display:block; font-size:.875rem; }
.risk-warning .portuguese-warning-text span{ font-size:.75rem; font-weight:bold; }
.risk-warning .portuguese-warning-image{ padding:0 5px; }
.risk-warning .portuguese-warning-image img{ max-width:100%; height:auto; display:inline-block; vertical-align:middle; }
.regulation-footer{ font-size:.75rem; }
.regulation-footer > div{ padding-bottom:1em; text-align:center; }
.regulation-footer > div a{ display:inline-block; line-height:1.6; }
.regulation-footer > div a:after{ content:"|"; display:inline-block; padding:0 .5em; color:#cccccc; }
.regulation-footer > div a:last-child:after{ display:none; }
.regulation-footer p{ padding:0 0 1em; line-height:1.3; color:#8c8c8c; }

.regulation-more-button {background:none; border:1px solid #0c3667; border-radius:13px; min-width:29px; min-height:26px; margin:0; padding:0;}
.regulation-more-button:after {content:"?"; font-size:1.5rem;}
.risk-warning.more-regulation-content {max-width:100%;}
.more-regulation-content {padding:1rem; display:none; position:absolute; left:0; bottom:0; width:100%;}
.more-regulation-content .wrapper {background:#fff; padding:.25rem 1rem 1rem; -webkit-box-shadow: 0 0 10px 1px rgba(10,50,100,0.3); -moz-box-shadow: 0 0 10px 1px rgba(10,50,100,0.3); box-shadow: 0 0 10px 1px rgba(10,50,100,0.3); }
.more-regulation-content .button-wrapper {text-align:right; padding-bottom:.5rem;}
.more-regulation-content .regulation-more-close {background:none; border:none; color:#0c3667; font-size:.9375rem; margin:0; padding:0; min-height: 2rem; min-width:0;}

.alert-box,.notification{ display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between; padding:10px 10px 14px;  margin-top:1em; text-align:center; background-color:#0c3667; color:#ffffff; }
.alert-box a,.notification a{ color:#ffffff; }
.alert-box.success,.success.notification{ background-color:#4e9a06; }
.alert-box.alert,.alert.notification{ background-color:#a40000; }
.alert-box.info,.info.notification{ background-color:#0c3667; }
.alert-box.warning,.warning.notification{ background-color:#f57900; }

/* Languages Style */
.lang_bg .login-mode button h2{ font-size:1.5rem; }
.lang_bg .funds h2{ font-size:1.5rem; }
.lang_el .login-title-mode{ font-size:1.875rem; }
.lang_el .login-type-title > div h2{ font-size:1.375rem; }
.lang_el .login-type-title > div h2:before{ font-size:2rem; }
.lang_hu .login-mode button h2{ font-size:1.375rem; }
.lang_hr .login-mode button h2{ font-size:1.5rem; }
.lang_lt .login-mode button h2{ font-size:1.5rem; }
.lang_mt .login-mode button h2{ font-size:1.25rem; }
.lang_ru .login h1 { font-size:1.75rem; }

/* Welcome Page */
.welcome-page .container { background: none; background-color: #0c3667; }
.welcome-page .login-section { max-width:29.625em; }
.welcome-page .login-register { text-align:center; }
.welcome-page .login-logo { display:none; }
.welcome-page .login-logo a { display:none; }
.welcome-page .welcome-logo { display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; width:100%; max-height:54px; margin-bottom:2.5em;}
.welcome-page .welcome-logo a { flex:0 1 230px; display:block; width:100%; height:56px; padding:2px; background-image:url("../images/plus500-logo.png"); background-repeat:no-repeat; background-size:100%; }
.welcome-page .login h1 { color:#fff; padding-bottom:0;}
.welcome-page .login h2 { color:#fff; padding-bottom:.875em; font-weight:400; font-size:1.5em; padding-bottom:1.5em;}
.welcome-page .login h3 { color:#7eb4ff; font-weight:400; font-size:1.25em; padding-bottom:.75em; }
.welcome-page .login ul { list-style:none; margin:0; padding:0; font-size:1.375em; color:#ffffff; }
.welcome-page .login ul li {border-top:1px solid #44658a; padding:.6875em 0 .75em;}
@media only screen and (max-height:40em) {
    .welcome-page header { min-height:22px; max-height: 22px; } 
    .welcome-page .login h3, .welcome-page .login ul, .welcome-page .login ul li { display:none; }   
    .welcome-page .welcome-logo { margin-bottom:.75em; }
}
.welcome-footer { padding:0 1em; position:absolute; left:0; bottom:1.125em; width:100%; text-align:center; }
.welcome-footer small { font-size:1.25em; color:#7eb4ff; }
.welcome-page .login .login-button { background-color:#3389ff; color:#ffffff; font-size:1.75em; font-weight:400; padding:.5em; margin-top:.25em; width:100%; }
.more-regulation-tooltip-overlay { position:absolute; top:0; left:0; height:100%; width:100%; background-color:rgba(0, 0, 0, .5); display:none;}

/* for 900px min width and 550px max-height window size */
@media only screen and (min-width:52rem) and (max-height:34.375rem) {
    .container { flex-direction:row; }
    header { flex:0 1 40%; min-height:initial; max-height:none; }
    .header-login .login-logo { min-width:190px; }
    header .login-logo a { height:60px; margin-top:1rem; }
    header > div { flex-direction:column; }
    .header-login .login-logo a svg { height:50px; width: 190px; }
    .header-login h1 { display:block; text-align:center; font-size:2rem; font-family:"Play", sans-serif; font-weight:normal; font-style:italic; overflow:visible; }
    .form fieldset { padding:0; }
    .login .form-actions { padding-top:.5625rem; }
    .login h1 { display:none; }
    .main { flex:0 1 auto; height:auto; }
    .login h1.side-logo { display:none; }
    .login-form .input-svg svg { top:2px; }
    .login-form .input-svg svg.pass-svg { top:4px; }
    .login-form .input-svg button.icon { top:1px; }
    .login-form .input-svg input { height:34px; }
    .login .login-button { padding:.5em 4em; }
    .login .form-actions button { min-height:21px; }
    .risk-warning { padding:1rem 1rem 1rem; }
}