/* ==========================================================================
   Login
   ========================================================================== */
/* line 10, ../../scss/core/Login.scss */
.a-Page--login,
.a-Page--simpleWizard,
.a-Dialog-about {
  background-color: #DEE1E3;
  background-image: linear-gradient(rgba(0, 0, 0, 0.05) 1px, rgba(0, 0, 0, 0) 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.05) 1px, rgba(0, 0, 0, 0) 1px), linear-gradient(rgba(0, 0, 0, 0.035) 1px, rgba(0, 0, 0, 0) 1px), linear-gradient(90deg, rgba(0, 0, 0, 0.035) 1px, rgba(0, 0, 0, 0) 1px);
  background-size: 96px 96px, 96px 96px, 24px 24px, 24px 24px;
  background-position: -1px -1px;
  min-width: 0;
}

/* line 30, ../../scss/core/Login.scss */
.a-Login-slide {
  background-color: transparent;
  min-height: 100vh;
  position: relative;
}

/* line 40, ../../scss/core/Login.scss */
.a-Login-slide--secondary {
  background-color: rgba(255, 255, 255, 0.7);
}

/* Login Region
   ========================================================================== */
@-webkit-keyframes loginFade {
  from {
    -webkit-transform: translateY(48px) scale(0.75);
    opacity: .0;
  }
  to {
    -webkit-transform: translateY(0) scale(1);
    opacity: 1;
  }
}
@keyframes loginFade {
  from {
    -webkit-transform: translateY(48px) scale(0.75);
            transform: translateY(48px) scale(0.75);
    opacity: .0;
  }
  to {
    -webkit-transform: translateY(0) scale(1);
            transform: translateY(0) scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-32px);
            transform: translateY(-32px);
  }
  60% {
    -webkit-transform: translateY(-16px);
            transform: translateY(-16px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-32px);
            transform: translateY(-32px);
  }
  60% {
    -webkit-transform: translateY(-16px);
            transform: translateY(-16px);
  }
}
/* line 98, ../../scss/core/Login.scss */
.a-Login-container {
  position: relative;
  z-index: 800;
  width: 420px;
  margin: 40px auto;
  opacity: 0;
  /* make things invisible upon start */
  -webkit-animation: loginFade ease-in-out 1;
  animation: loginFade ease-in-out 1;
  -webkit-animation-fill-mode: forwards;
  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  animation-fill-mode: forwards;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
}

/* line 117, ../../scss/core/Login.scss */
.a-Login-region {
  background-color: #FFF;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  overflow: hidden;
}

/* line 124, ../../scss/core/Login.scss */
.a-Login-header {
  padding: 16px;
}

/* line 127, ../../scss/core/Login.scss */
.a-Login-title,
.a-Login-subTitle,
.a-Login-text {
  font-weight: normal;
  line-height: 1;
  text-align: center;
  color: #404040;
}

/* line 135, ../../scss/core/Login.scss */
.a-Login-title {
  font-size: 24px;
  font-weight: 200;
  margin: 16px 0;
}

/* line 140, ../../scss/core/Login.scss */
.a-Login-subTitle {
  font-weight: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 32px;
  margin: 0 0 16px 0;
}
/* line 146, ../../scss/core/Login.scss */
.a-Login-subTitle .a-Icon {
  width: 32px;
  height: 32px;
  border-radius: 100%;
  box-shadow: 0 0 0 1px #A0A0A0 inset;
  color: #A0A0A0;
}
/* line 152, ../../scss/core/Login.scss */
.a-Login-subTitle .a-Icon:before {
  font-size: 32px;
}

/* line 157, ../../scss/core/Login.scss */
.a-Login-text {
  margin: 0 0 16px 0;
  font-size: 14px;
  color: #707070;
  line-height: 20px;
}

/* line 165, ../../scss/core/Login.scss */
.a-Login-text--notFoundMessage,
.a-Login-text--workspaceRequest {
  color: #606060;
  border-radius: 2px;
  background-color: #F8F8F8;
  border: 1px solid #F0F0F0;
}

/* line 172, ../../scss/core/Login.scss */
.a-Login-text--notFoundMessage,
.a-Login-text--workspaceRequest {
  padding: 24px 32px;
  margin: 24px 8px;
  text-align: left;
}

/* line 178, ../../scss/core/Login.scss */
.a-MediaList + .a-Login-text--workspaceRequest {
  padding: 12px 0;
  margin: 12px 8px 16px 8px;
  background-color: transparent;
  border-width: 0;
}

/* line 184, ../../scss/core/Login.scss */
.a-Login-text--large {
  font-size: 16px;
  line-height: 24px;
}

/* line 188, ../../scss/core/Login.scss */
.a-Login-logo {
  width: 96px;
  height: 96px;
  display: block;
  margin: 16px auto -24px auto;
  background-size: 100%;
}

/* line 196, ../../scss/core/Login.scss */
.a-Login-body {
  padding: 0 16px;
}
/* line 198, ../../scss/core/Login.scss */
.a-Login-body .icon-login-workspace .a-Icon.a-Login-iconLabel:before {
  content: "\e0f6";
}
/* line 201, ../../scss/core/Login.scss */
.a-Login-body .icon-login-username .a-Icon.a-Login-iconLabel:before {
  content: "\e0f5";
}
/* line 204, ../../scss/core/Login.scss */
.a-Login-body .icon-login-email .a-Icon.a-Login-iconLabel:before {
  content: "\e03a";
}
/* line 207, ../../scss/core/Login.scss */
.a-Login-body .icon-login-password .a-Icon.a-Login-iconLabel:before {
  content: "\e08f";
}
/* line 210, ../../scss/core/Login.scss */
.a-Login-body .a-Form-inputContainer {
  padding-bottom: 16px;
  position: relative;
}
/* line 214, ../../scss/core/Login.scss */
.a-Login-body small {
  font-size: 1.1rem;
  line-height: 2.0rem;
  color: #707070;
  display: block;
}
/* line 220, ../../scss/core/Login.scss */
.a-Login-body input.text_field,
.a-Login-body input.password {
  font-size: 18px;
  padding: 11px 11px 11px 48px;
  height: 48px;
  line-height: 24px;
  width: 100%;
}
/* line 227, ../../scss/core/Login.scss */
.a-Login-body input.text_field:required:valid ~ .a-Login-iconValidation,
.a-Login-body input.password:required:valid ~ .a-Login-iconValidation {
  opacity: 1;
}
/* line 230, ../../scss/core/Login.scss */
.a-Login-body input.text_field::-webkit-input-placeholder,
.a-Login-body input.password::-webkit-input-placeholder {
  font-weight: 300;
  color: rgba(0, 0, 0, 0.5);
  text-transform: lowercase;
}
/* line 235, ../../scss/core/Login.scss */
.a-Login-body input.text_field::-moz-placeholder,
.a-Login-body input.password::-moz-placeholder {
  font-weight: 300;
  opacity: .5;
  text-transform: lowercase;
  color: #000;
}
/* line 241, ../../scss/core/Login.scss */
.a-Login-body input.text_field:-ms-input-placeholder,
.a-Login-body input.password:-ms-input-placeholder {
  font-weight: 300;
  opacity: .5;
  text-transform: lowercase;
  color: #000;
}

/* line 250, ../../scss/core/Login.scss */
.a-Login-inputIcon,
.a-Login-iconLabel {
  position: absolute;
  width: 32px;
  height: 32px;
  margin: 8px;
  overflow: hidden;
  color: #707070;
}
/* line 257, ../../scss/core/Login.scss */
.a-Login-inputIcon:before,
.a-Login-iconLabel:before {
  font-size: 32px;
}

/* line 265, ../../scss/core/Login.scss */
.ie9 .a-Login-iconLabel,
.lt-ie9 .a-Login-iconLabel {
  font-size: 14px;
  line-height: 24px;
  position: static;
  margin: 0;
  width: auto;
  height: auto;
}
/* line 272, ../../scss/core/Login.scss */
.ie9 .a-Login-iconLabel:before,
.lt-ie9 .a-Login-iconLabel:before {
  display: none;
}
/* line 276, ../../scss/core/Login.scss */
.ie9 .a-Login-body input.text_field,
.ie9 .a-Login-body input.password,
.lt-ie9 .a-Login-body input.text_field,
.lt-ie9 .a-Login-body input.password {
  padding-left: 11px;
}

/* line 282, ../../scss/core/Login.scss */
.a-Login-iconValidation {
  position: absolute;
  top: 0;
  right: 8px;
  margin: 12px;
  background: #53D769;
  border-radius: 100%;
  padding: 4px;
  width: 24px;
  height: 24px;
  color: #FFF;
  opacity: 0;
  transition: opacity .2s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  z-index: 0;
}

/* line 299, ../../scss/core/Login.scss */
.a-Login-buttons {
  padding: 0 24px;
}
/* line 301, ../../scss/core/Login.scss */
.a-Login-buttons .a-Button {
  display: block;
  width: 100%;
}
/* line 305, ../../scss/core/Login.scss */
.a-Login-buttons .a-Button + .a-Button {
  margin-top: 8px;
}
/* line 308, ../../scss/core/Login.scss */
.a-Login-buttons .a-Button--large {
  padding: 16px 24px;
  font-size: 16px;
  line-height: 16px;
}
/* line 313, ../../scss/core/Login.scss */
.a-Login-buttons .a-Button + .a-Button {
  margin-left: 0;
}
/* line 316, ../../scss/core/Login.scss */
.a-Login-buttons .a-Button--noUI {
  margin-top: 8px;
}

/* line 321, ../../scss/core/Login.scss */
.a-Login-links {
  padding: 12px 24px;
  font-size: 11px;
  text-align: center;
  color: #707070;
}
/* line 326, ../../scss/core/Login.scss */
.a-Login-links > a {
  color: #707070;
  margin: 0 8px;
}

/* line 331, ../../scss/core/Login.scss */
.a-Login-links--languages {
  border-top: 1px solid #F0F0F0;
  background: #F8F8F8;
}

/* line 336, ../../scss/core/Login.scss */
.a-Login-alert {
  position: relative;
  border-top: 3px solid;
  padding: 16px;
  color: #404040;
}

/* line 344, ../../scss/core/Login.scss */
.a-Login-alert:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-width: 6px;
  margin-left: -6px;
}

/* line 356, ../../scss/core/Login.scss */
.a-Login-alert h2 {
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  color: #404040;
  margin: 0;
}

/* line 363, ../../scss/core/Login.scss */
.a-Login-alertDesc {
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  color: #707070;
  color: rgba(0, 0, 0, 0.75);
}

/* line 370, ../../scss/core/Login.scss */
.a-Login-alert--standalone {
  width: 420px;
  padding: 8px 16px;
  margin: 0 auto;
  margin-bottom: 16px;
  border-radius: 2px;
  overflow: hidden;
  background-color: #fff !important;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
}
/* line 379, ../../scss/core/Login.scss */
.a-Login-alert--standalone:after {
  display: none;
}

/* line 384, ../../scss/core/Login.scss */
.a-Login-message {
  margin: 24px 0;
  background-color: #FFF1C7;
  border-radius: 2px;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
  padding: 12px;
  color: #404040;
  font-size: 14px;
  line-height: 20px;
}

/* line 398, ../../scss/core/Login.scss */
.a-Login-alert--notice {
  background-color: #fff1cc;
  border-color: #FFCB3D;
}
/* line 401, ../../scss/core/Login.scss */
.a-Login-alert--notice:after {
  border-top-color: #fff1cc;
}

/* line 409, ../../scss/core/Login.scss */
.a-Login-alert--error {
  background-color: #FBE7E4;
  border-color: #E55947;
}
/* line 412, ../../scss/core/Login.scss */
.a-Login-alert--error:after {
  border-top-color: #FBE7E4;
}
/* line 415, ../../scss/core/Login.scss */
.a-Login-alert--error .a-Login-alertTitle {
  color: #E03520;
}

/* line 420, ../../scss/core/Login.scss */
.a-Login-alert + .a-Login-alert {
  margin-top: -24px;
}

/* line 427, ../../scss/core/Login.scss */
.a-Login-social {
  padding: 0 16px;
}

/* line 430, ../../scss/core/Login.scss */
.a-Login-socialLinks {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  table-layout: fixed;
  width: 100%;
}

/* line 438, ../../scss/core/Login.scss */
.a-Login-socialLinks-item {
  display: table-cell;
  text-align: center;
}

/* line 442, ../../scss/core/Login.scss */
.a-Login-socialLinks-link {
  display: block;
  opacity: .5;
  transition: opacity .2s;
}
/* line 446, ../../scss/core/Login.scss */
.a-Login-socialLinks-link:hover {
  opacity: 1;
}

/* line 450, ../../scss/core/Login.scss */
.a-Login-social .a-Icon {
  width: 36px;
  height: 36px;
  padding: 2px;
  background-color: #fff;
  border-radius: 100%;
}
/* line 456, ../../scss/core/Login.scss */
.a-Login-social .a-Icon:before {
  font-size: 32px;
}
/* line 459, ../../scss/core/Login.scss */
.a-Login-social .a-Icon.icon-facebook {
  color: #3b5998;
}
/* line 462, ../../scss/core/Login.scss */
.a-Login-social .a-Icon.icon-twitter {
  color: #00aced;
}
/* line 465, ../../scss/core/Login.scss */
.a-Login-social .a-Icon.icon-gplus {
  color: #dd4b39;
}
/* line 468, ../../scss/core/Login.scss */
.a-Login-social .a-Icon.icon-linkedin {
  color: #007bb6;
}

/* line 477, ../../scss/core/Login.scss */
.a-Login-secondaryContent {
  max-width: 960px;
  margin: 0 auto;
  padding: 64px 0;
}

/* line 487, ../../scss/core/Login.scss */
.a-Login-body .a-MediaList {
  margin: 16px 8px;
  max-height: 230px;
  overflow: auto;
  border: 1px solid #F0F0F0;
  border-radius: 2px;
  background: linear-gradient(#f8f8f8 30%, rgba(248, 248, 248, 0)), linear-gradient(rgba(248, 248, 248, 0), #f8f8f8 70%) 0 100%, linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0)), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05)) 0 100%;
  background-repeat: no-repeat;
  background-color: #F8F8F8;
  background-size: 100% 12px, 100% 12px, 100% 6px, 100% 6px;
  /* Opera doesn't support this in the shorthand */
  background-attachment: local, local, scroll, scroll;
}
/* line 513, ../../scss/core/Login.scss */
.a-Login-body .a-MediaList .a-MediaList-badge {
  background-color: transparent;
  color: #606060;
}
/* line 517, ../../scss/core/Login.scss */
.a-Login-body .a-MediaList .a-MediaList-badgeWrap {
  white-space: nowrap;
}

/* line 525, ../../scss/core/Login.scss */
.a-Login-infoRegion {
  padding: 16px;
}

/* line 528, ../../scss/core/Login.scss */
.a-Login-infoRegion-header {
  padding: 0 16px;
}

/* line 532, ../../scss/core/Login.scss */
.a-Login-infoRegion-title {
  font-size: 24px;
  font-weight: 200;
  line-height: 32px;
  margin: 0 0 24px 0;
}

/* Slide Down Indicator
   ========================================================================== */
/* line 541, ../../scss/core/Login.scss */
.a-Login-slideNav {
  position: absolute;
  left: 50%;
  margin-left: -24px;
  width: 48px;
  text-align: center;
  text-decoration: none;
}
@media only screen and (max-height: 760px) {
  /* line 541, ../../scss/core/Login.scss */
  .a-Login-slideNav {
    left: 100%;
    margin-left: -64px;
  }
}

/* line 553, ../../scss/core/Login.scss */
.a-Login-slideNav--down {
  -webkit-animation: bounce 2s 1;
  animation: bounce 2s 1;
  -webkit-transform: translate3d(0, 0, 0);
}

/* line 559, ../../scss/core/Login.scss */
.a-Login-slideNavLink {
  display: block;
  width: 48px;
  height: 48px;
  padding: 8px;
}

/* line 565, ../../scss/core/Login.scss */
.a-Login-slideNavLink .a-Icon {
  display: block;
  width: 32px;
  height: 32px;
}

/* line 570, ../../scss/core/Login.scss */
.a-Login-slideNavLink .a-Icon:before {
  font-size: 32px;
}

/* line 573, ../../scss/core/Login.scss */
.a-Login-slideNavLink {
  border-radius: 100%;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.15);
  color: #FFF;
  transition: transform .2s, background-color .2s;
  transition: -webkit-transform .2s, background-color .2s;
}
/* line 581, ../../scss/core/Login.scss */
.a-Login-slideNavLink:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.45);
}
/* line 585, ../../scss/core/Login.scss */
.a-Login-slideNavLink:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
  background-color: rgba(0, 0, 0, 0.45);
}

/* line 591, ../../scss/core/Login.scss */
.a-Login-slideNav--down {
  bottom: 24px;
}
/* line 593, ../../scss/core/Login.scss */
.a-Login-slideNav--down .a-Login-slideNavLink:hover {
  -webkit-transform: translateY(8px);
      -ms-transform: translateY(8px);
          transform: translateY(8px);
}

/* line 597, ../../scss/core/Login.scss */
.a-Login-slideNav--up {
  bottom: 12px;
}
/* line 599, ../../scss/core/Login.scss */
.a-Login-slideNav--up .a-Login-slideNavLink:hover {
  -webkit-transform: translateY(-8px);
      -ms-transform: translateY(-8px);
          transform: translateY(-8px);
}

/* Internet Explorer Styles
   ========================================================================== */
/* line 610, ../../scss/core/Login.scss */
.lt-ie9 .a-Login-container,
.ie10 .a-Login-container,
.ie9 .a-Login-container {
  opacity: 1;
}
/* line 613, ../../scss/core/Login.scss */
.lt-ie9 .u-Layout--centerVertically,
.ie10 .u-Layout--centerVertically,
.ie9 .u-Layout--centerVertically {
  display: block;
  height: 90vh;
  width: 100%;
  -ms-flex-preferred-size: auto;
}
/* line 618, ../../scss/core/Login.scss */
.lt-ie9 .u-Layout--centerVertically .a-Login-container,
.ie10 .u-Layout--centerVertically .a-Login-container,
.ie9 .u-Layout--centerVertically .a-Login-container {
  display: block;
  margin-top: 50px;
  vertical-align: middle;
}
/* line 623, ../../scss/core/Login.scss */
.lt-ie9 .u-Layout--centerVertically .a-Login-container > div,
.ie10 .u-Layout--centerVertically .a-Login-container > div,
.ie9 .u-Layout--centerVertically .a-Login-container > div {
  width: 420px;
  margin: 0 auto;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  /* line 610, ../../scss/core/Login.scss */
  .a-Login-container {
    opacity: 1;
  }

  /* line 613, ../../scss/core/Login.scss */
  .u-Layout--centerVertically {
    display: block;
    height: 90vh;
    width: 100%;
    -ms-flex-preferred-size: auto;
  }
  /* line 618, ../../scss/core/Login.scss */
  .u-Layout--centerVertically .a-Login-container {
    display: block;
    margin-top: 50px;
    vertical-align: middle;
  }
  /* line 623, ../../scss/core/Login.scss */
  .u-Layout--centerVertically .a-Login-container > div {
    width: 420px;
    margin: 0 auto;
  }

  /* line 640, ../../scss/core/Login.scss */
  .a-Page--login .u-Layout--centerVertically {
    margin-top: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
/* line 651, ../../scss/core/Login.scss */
.ie10 .a-Page--login .u-Layout--centerVertically {
  margin-top: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media only screen and (max-height: 760px) {
  /* line 687, ../../scss/core/Login.scss */
  .a-Login-logo {
    margin-top: 0;
    margin-bottom: 0;
  }

  /* line 691, ../../scss/core/Login.scss */
  .a-Login-title {
    margin-top: 0;
    margin-bottom: 16px;
  }

  /* line 695, ../../scss/core/Login.scss */
  .a-Login-header {
    padding-bottom: 0;
  }

  /* line 698, ../../scss/core/Login.scss */
  .a-Login-body .a-MediaList {
    max-height: 140px;
  }
}