* {
  margin: 0;
  padding: 0;
  list-style: none;
  outline: none;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  * input:-webkit-autofill,
  * input:-webkit-autofill:hover,
  * input:-webkit-autofill:focus
textarea:-webkit-autofill,
  * textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
  * select:-webkit-autofill,
  * select:-webkit-autofill:hover,
  * select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    transition: background-color 5000s ease-in-out 0s !important;
    background-color: transparent !important; }
  * input:-internal-autofill-previewed, * input:-internal-autofill-selected, * textarea:-internal-autofill-previewed, * textarea:-internal-autofill-selected, * select:-internal-autofill-previewed, * select:-internal-autofill-selected {
    background-color: #ffffff !important; }

html,
body {
  height: 100%; }

.grid {
  width: 100%;
  max-width: 75em;
  margin: 0 auto; }

input:invalid {
  box-shadow: none; }

@font-face {
  font-family: 'Open Sans Bold';
  src: url("/static/fonts/open-sans/OpenSans-Bold.eot");
  /* IE9 Compat Modes */
  src: url("/static/fonts/open-sans/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("/static/fonts/open-sans/OpenSans-Bold.woff2") format("woff2"), url("/static/fonts/open-sans/OpenSans-Bold.woff") format("woff"), url("/static/fonts/open-sans/OpenSans-Bold.ttf") format("truetype"), url("/static/fonts/open-sans/OpenSans-Bold.svg#svgFontName") format("svg");
  /* Legacy iOS */ }

@font-face {
  font-family: 'Open Sans Extra Bold';
  src: url("/static/fonts/open-sans/OpenSans-ExtraBold.eot");
  /* IE9 Compat Modes */
  src: url("/static/fonts/open-sans/OpenSans-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/static/fonts/open-sans/OpenSans-ExtraBold.woff2") format("woff2"), url("/static/fonts/open-sans/OpenSans-ExtraBold.woff") format("woff"), url("/static/fonts/open-sans/OpenSans-ExtraBold.ttf") format("truetype"), url("/static/fonts/open-sans/OpenSans-ExtraBold.svg#svgFontName") format("svg");
  /* Legacy iOS */ }

@font-face {
  font-family: 'Open Sans';
  src: url("/static/fonts/open-sans/OpenSans-Regular.eot");
  /* IE9 Compat Modes */
  src: url("/static/fonts/open-sans/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("/static/fonts/open-sans/OpenSans-Regular.woff2") format("woff2"), url("/static/fonts/open-sans/OpenSans-Regular.woff") format("woff"), url("/static/fonts/open-sans/OpenSans-Regular.ttf") format("truetype"), url("/static/fonts/open-sans/OpenSans-Regular.svg#svgFontName") format("svg");
  /* Legacy iOS */ }

@font-face {
  font-family: 'Open Sans Semi Bold';
  src: url("/static/fonts/open-sans/OpenSans-SemiBold.eot");
  /* IE9 Compat Modes */
  src: url("/static/fonts/open-sans/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("/static/fonts/open-sans/OpenSans-SemiBold.woff2") format("woff2"), url("/static/fonts/open-sans/OpenSans-SemiBold.woff") format("woff"), url("/static/fonts/open-sans/OpenSans-SemiBold.ttf") format("truetype"), url("/static/fonts/open-sans/OpenSans-SemiBold.svg#svgFontName") format("svg");
  /* Legacy iOS */ }

.efect-label {
  top: -10px !important;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.75);
  background: #7743eb !important; }

.label-error {
  border: 1px solid red !important;
  background-color: rgba(255, 0, 0, 0.16) !important; }

.msg-form {
  display: none;
  margin-top: 3em;
  font-size: 12px;
  text-align: center;
  color: #faa840; }

.show-msg-form {
  display: block; }

.efect-label-login {
  top: -10px !important;
  font-size: 12px;
  color: rgba(159, 159, 159, 0.75);
  background: white !important; }

#notifications {
  margin-bottom: -64px; }

.topo-login {
  display: flex;
  align-items: center;
  width: 100%;
  height: 50vh;
  justify-content: center;
  background: url("/static/img/signin/topo-parceiros-promo.png") no-repeat top center/cover; }
  .topo-login__logo {
    overflow: hidden;
    width: 17.5em;
    height: 2.5em;
    margin-top: -150px;
    text-align: center;
    text-indent: -9999px;
    background: url("/static/img/signin/logo-parceiros-promo-white.svg") no-repeat center center; }
  @media (max-width: 38.75em) {
    .topo-login {
      height: 20em;
      align-items: baseline; }
      .topo-login__logo {
        margin-top: 25px; } }

.area-login {
  height: calc(50vh - 40px);
  border: 1px solid transparent; }
  .area-login__box {
    position: relative;
    display: block;
    width: 100%;
    max-width: 21.9375em;
    margin: -190px auto;
    padding: 2.0625em;
    background: #ffffff;
    border-radius: 28px;
    box-shadow: 0 3px 95px 0 rgba(0, 0, 0, 0.16); }
    .area-login__box--title {
      text-align: center;
      font-family: "Open Sans Extra Bold", sans-serif;
      line-height: 1.2;
      color: #464646; }
    @media (max-width: 21.875em) {
      .area-login__box {
        max-width: 100%;
        border-radius: 0; } }
  .area-login__campo {
    position: relative;
    display: block;
    width: 100%;
    max-width: 28rem;
    height: 50px;
    margin: 2.1875em auto;
    padding: .8em 1em;
    font-family: "Open Sans", sans-serif;
    color: #9f9f9f;
    border: 1px solid #9f9f9f;
    border-radius: 8px;
    background: transparent; }
    .area-login__campo::-webkit-input-placeholder {
      /* Chrome/Opera/Safari */
      color: #9f9f9f; }
    .area-login__campo::-moz-placeholder {
      /* Firefox 19+ */
      color: #9f9f9f; }
    .area-login__campo:-ms-input-placeholder {
      /* IE 10+ */
      color: #9f9f9f; }
    .area-login__campo:-moz-placeholder {
      /* Firefox 18- */
      color: #9f9f9f; }
    .area-login__campo input {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      padding: .8em 3.3em .8em 1em;
      text-align: center;
      font-size: 1em;
      color: #9f9f9f;
      background: transparent; }
    .area-login__campo label {
      position: absolute;
      top: 12px;
      padding: 0 .5em;
      background: rgba(119, 67, 235, 0);
      transition: all 0.08s ease;
      -moz-transition: all 0.08s ease;
      -webkit-transition: all 0.08s ease; }
      .area-login__campo label span {
        font-style: italic;
        color: rgba(255, 255, 255, 0.4); }
    @media (max-width: 46.25em) {
      .area-login__campo {
        max-width: 100%; } }
  .area-login__informacoes {
    margin-bottom: 1.8em;
    text-align: center; }
    .area-login__informacoes li {
      font-family: "Open Sans", sans-serif;
      font-size: .75em;
      line-height: 1.83;
      color: #5f5f5f; }
      .area-login__informacoes li a {
        color: #3100ff; }
  @media (max-width: 38.75em) {
    .area-login {
      height: 20em; } }

.btn-enter {
  position: absolute;
  bottom: -1.75em;
  left: 50%;
  display: block;
  width: 12.375em;
  margin-left: -6.1875em;
  padding: 1em 0;
  text-transform: uppercase;
  font-size: 1em;
  font-family: "Open Sans Extra Bold", sans-serif;
  letter-spacing: 1px;
  color: #ffffff;
  border-radius: 27px;
  cursor: pointer;
  box-shadow: 0 1px 20px 0 #5800ff;
  background: -moz-linear-gradient(230deg, #7811e0, #5800ff);
  background: -webkit-linear-gradient(230deg, #7811e0, #5800ff);
  background: linear-gradient(230deg, #7811e0, #5800ff); }

.area-eye {
  position: absolute;
  right: 1em;
  display: block;
  width: 24px;
  height: 20px;
  cursor: pointer; }

.eye-hide {
  background: url("/static/img/signin/eye-hide.svg") no-repeat center center/cover; }

.eye-show {
  background: url("/static/img/signin/eye-visible.svg") no-repeat center center/27px; }

footer {
  display: flex;
  align-items: center;
  height: 2.5em;
  font-family: "Open Sans", sans-serif;
  font-size: 1em;
  color: #ffffff;
  background: #7256de; }
  footer .grid {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  footer a {
    text-decoration: none;
    color: #ffffff; }
    footer a:hover, footer a:focus {
      color: #faa840;
      text-decoration: underline; }
  @media (max-width: 76.875em) {
    footer {
      padding: 0 1em; } }
  @media (max-width: 25em) {
    footer {
      height: auto;
      padding: 1em; }
      footer .grid {
        flex-direction: column; } }