/* _settings.scss - SASS global variables */
/* _mixins.scss - common mixins */
/* _common.scss - common classes, global settings for HTML elements */
/* HTML GLOBAL SETTINGS */
html, body {
  height: 100%; }

html {
  overflow: hidden; }

body {
  font-family: "MDW_Regular", Helvetica, Arial, sans-serif; }

a {
  text-decoration: none; }

ul {
  padding: 0; }

p, div, span {
  line-height: 1.6; }
  @media only screen and (min-width: 768px) {
    p, div, span {
      line-height: 1.4; } }

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus {
  border-color: #006293;
  background-color: white;
  outline: none; }

input[type="text"]::-ms-clear {
  display: none; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea {
  border: 1px solid #d9d9d9;
  -webkit-appearance: none;
  border-radius: 0; }

input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0; }

*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

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

/* COMMON CSS CLASSES */
.mdw-center-sprite-parent {
  position: relative !important;
  height: 100%; }
  .mdw-center-sprite-parent .mdw-center-sprite-13 {
    width: 13px;
    height: 13px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -6.5px;
    margin-left: -6.5px; }
  .mdw-center-sprite-parent .mdw-center-sprite-18 {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    margin-left: -9px; }
  .mdw-center-sprite-parent .mdw-center-sprite-26 {
    width: 26px;
    height: 26px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px; }

.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.mdw-button, .container input[type="submit"] {
  background-color: #4aa8ff;
  border: 1px solid #1e7eaa;
  cursor: pointer; }

.button-disabled, .mdw-button.disabled, .container input.disabled[type="submit"] {
  background-color: #92d0ec !important;
  border-color: #8ebed4 !important;
  cursor: default !important; }

.clearfix {
  *zoom: 1; }

.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden; }

body {
  height: auto; }

.container {
  min-width: 300px;
  max-width: 600px;
  margin: 0 auto;
  color: #989898; }
  .container section {
    margin: 0 23px; }
    @media only screen and (min-width: 768px) {
      .container section {
        margin: 0 46px; } }
  .container .inner-container {
    margin-bottom: 20px; }
  .container #message,
  .container #errorDetails {
    text-align: center; }
  .container #spinner {
    height: 150px;
    position: relative; }
.container .logo {
    width: 200px;
    height: 36px;
    margin: 32px auto 32px auto;
    background-size: auto 100%;
    display: block;
}
@media only screen and (min-width: 768px) {
    .container .logo {
        width: 400px;
        height: 72px;
        margin: 64px auto 64px auto;} }
@media only screen and (max-height: 300px) {
    .container .logo {
        margin: 10px auto 10px auto; } }
.container input {
    width: 100%;
    height: 30px;
    font-size: 16px;
    color: black; }
    @media only screen and (min-width: 768px) {
      .container input {
        height: 48px;
        font-size: 20px; } }
    .container input[type="text"], .container input[type="password"], .container input[type="email"] {
      padding-left: 8px;
      padding-right: 8px; }
      @media only screen and (min-width: 768px) {
        .container input[type="text"], .container input[type="password"], .container input[type="email"] {
          padding-left: 14px;
          padding-right: 14px; } }
    .container input[type="submit"] {
      color: white; }
      .container input[type="submit"][disabled="disabled"] {
        background-color: #989898;
        border-color: black; }
  .container table {
    width: 100%;
    table-layout: fixed; }
    .container table #btn-createAccount-cell {
      vertical-align: top;
      margin-top: 4px; }
  .container .field-validation-error {
    color: #ee3f40; }
  .container .input-validation-error {
    border-color: #ee3f40; }
  .container .validation-summary {
    color: #ee3f40; }
    .container .validation-summary ul {
      list-style: none; }
  .container .mdwCheckBox__container .mdwCheckBox .mdwCheckBox__label {
    font-size: 12px; }
    @media only screen and (min-width: 768px) {
      .container .mdwCheckBox__container .mdwCheckBox .mdwCheckBox__label {
        font-size: 16px; } }

.form-background {
  background: rgba(255, 255, 255, 0.85);
  padding: 18px 18px 9px; }

.lang-links-panel {
  float: right;
  margin-top: 20px;
  margin-bottom: 5px; }
  @media only screen and (max-width: 768px) and (min-height: 385px) {
    .lang-links-panel {
      position: fixed;
      right: 23px;
      bottom: 0; } }
  @media only screen and (min-width: 768px) and (min-height: 600px) {
    .lang-links-panel {
      position: fixed;
      right: 10px;
      bottom: 0; } }
  .lang-links-panel .lang-link-container {
    float: left;
    margin-right: 10px; }
    .lang-links-panel .lang-link-container:last-child {
      margin-right: 0; }
    .lang-links-panel .lang-link-container .lang-icon {
      width: 26px;
      height: 26px; }
      .lang-links-panel .lang-link-container .lang-icon.not-selected {
        opacity: .2; }
      .lang-links-panel .lang-link-container .lang-icon:hover {
        opacity: 1; }