@import "https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i";
@import "https://fonts.googleapis.com/css?family=Montserrat:400,700";
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700,300);
@import url('https://fonts.googleapis.com/css?family=Roboto:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i');
@font-face{font-family:fontelloiagente;src:url(../fonts/fontello/font/fontelloiagente.eot);src:url(../fonts/fontello/font/fontelloiagente.eot) format("embedded-opentype"),url(../fonts/fontello/font/fontelloiagente.woff2) format("woff2"),url(../fonts/fontello/font/fontelloiagente.woff) format("woff"),url(../fonts/fontello/font/fontelloiagente.ttf) format("truetype"),url(../fonts/fontello/font/fontelloiagente.svg#fontelloiagente) format("svg");font-weight:400;font-style:normal}
[class*=" icon-"]:before, [class^=icon-]:before {font-family: fontelloiagente;font-style: normal;font-weight: 400;speak: none;display: inline-block;text-decoration: inherit;width: 1em;margin-right: .2em;text-align: center;font-variant: normal;text-transform: none;line-height: 1em;margin-left: .2em;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-17:before {content: "\e813";}
.icon-02:before {content: "\e801";}

/**=======**/
body{padding: 0px!important; margin: 0px!important;}
*{box-sizing: border-box;}
#auth-screen{background-color: #079fd1;font-family: 'Roboto', Arial, sans-serif;}
#auth-screen .header{
    background: #00b0ea;
    padding-top: 64px;
    padding-bottom: 49px;
    /*height:100%;*/
}

#auth-screen .header.smaller{ padding: 0px;}

.header-left-doodle{max-width: 370px;display: inline-block;width: 100%;}
.header.smaller .logo {max-width: 360px!important;}

.header.with-background{
  background-image: url('/assets/img/fnd_top_01@3x.png');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
#auth-screen h1{
  font-size: 30px;
  color: #fff;
  font-family: Roboto;
  font-weight: normal;
}
.welcome-message{margin-top: 37px; margin-bottom: 31px; color: #fff;}
.forgotten-password-message{margin-top: 25px; margin-bottom: 25px; color: #fff;}
.smaller-logo-container { width: 27%;}
.central-logo-container {width: 46%;}
.to-site-anchor-container {width: 27%;}
.to-site-anchor-container a{
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-family: Source Sans Pro,sans-serif;
    font-weight: 600;
    font-size: 15px;
}
.central-logo-container img { max-width: 427px;width: 100%;}
.smaller-logo-container, .central-logo-container, .to-site-anchor-container {display: inline-block;vertical-align: middle; text-align: center}
.main-container {text-align: center;}
.geral{min-height: calc(100% - 181px);}
.form-input-container input { width: 100%; padding: 17px 21px;font-size: 16px;}
.form-input-container { max-width: 452px; display: block; margin: 0 auto; position: relative; padding-bottom: 14px;}
.password-input-container { display: block; margin: 0 auto; position: relative; padding-bottom: 14px;}
.show-password-button { position: absolute; width: 25px; right: 15px; top: 18px;}
.form-anchors-container { max-width: 364px; margin: 3px auto 39px auto;}
.password-recover-link-container {text-align:left;}
.submit-container {text-align: right;}
.password-recover-link-container{ width: 42%; }
.password-recover-link-container a { font-size: 14px; color: #fff; text-decoration: underline;}
.submit-container{ width:58%; }
.password-recover-link-container, .submit-container{vertical-align: middle;display: inline-block;}
.yet-to-register-link-container {padding-top: 27px;}
.hide{display: none!important}
.access{
  font-family: Roboto;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  outline: none;
  border: none;
  border-radius: 36px;
  width: 100%;
  padding: 19px 0px;
  background-color: #3dbc16;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.31);
}

.footer {
  background-color: #048db9;
  width: 100%;
  margin-top: 40px;
}
.footer-content{
  padding: 37px 0px;
  margin: 0 auto;
  max-width: 880px;
  color: #ffffff;
}
.footer-column-border { border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; margin-left: 25px; margin-right: 20px; padding: 0px 15px; }
.footer-first-row{ font-size: 12px; font-weight: bolder; margin-bottom: 15px; }
.footer-lighter-text{ font-size: 10px; margin-bottom: 6px; }
.footer-bolder-text{ font-size: 18px; font-weight: bolder; }
.footer-link{ color: #ffffff; text-decoration: none}
.footer-link:hover{ color: #ffffff; text-decoration: none; }

.inblock{float:none;display: inline-block;}
.vertical-align-top{vertical-align: top;}
.vertical-align-middle{ vertical-align: middle;}
.vertical-align-bottom{ vertical-align: bottom;}
.text-center{ text-align: center;  }

.yet-to-register-link {
    width: 100%;
    border: 1px solid #fff;
    border-radius: 36px;
    display: inline-block;
    padding: 12px 0px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}
.cancel-container, .send-container{ display: inline-block; vertical-align: middle; }
.cancel-container{ padding-right: 13px; }

.cancel-button, .cancel-button:hover{
  border-radius: 36px;
  background-color: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.11);
  border: solid 1px #b2b2b2;
  text-decoration: none;
  color: #696969;
  font-size: 14px;
  padding: 15px 40px;
}

.send-button, .send-button:hover{
  border-radius: 36px;
  background-color: #3dbc16;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.11);
  text-decoration: none;
  color: #ffffff;
  font-size: 14px;
  padding: 15px 49px;
  outline: none;
  border: none;
}

.resend-button, .resend-button:hover{
  border-radius: 36px;
  background-color: #3dbc16;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.11);
  text-decoration: none;
  color: #ffffff;
  font-size: 14px;
  padding: 15px 24px;
  outline: none;
  border: none;
}

.forgotten-password-ctas{
  margin-top: 11px;
}

.recovery-link-recipient{
  border-radius: 3px;
  background: #367ba4;
  font-size: 19px;
  font-weight: bold;
  padding: 12px 52px;
  color: #ffffff;
  display: inline-block;
}
.observation{
 font-size: 12px;
 color: #ffffff;
 margin-top: 22px;
}

.password-change-form {
    text-align: center;
}

.password-change-form input {
    display: inline-block;
}

.password-change-labeled-form-row input, .password-change-form-row input {
    width: 100%;
    padding: 17px;;
}

.password-change-labeled-form-row, .password-change-form-row {
    margin-bottom: 17px;
    text-align: left;
    display: inline-block;
    width: 100%;
    max-width: 490px;
}

.password-change-labeled-form-row label{
    color: #fff;
    font-size: 14px;
    display: block;
    margin-bottom: 15px;
}
.password-change-cta-container{
  max-width: 490px;
  width: 100%;
  text-align: right;
  display: block;
  margin: 0 auto;
}
.password-change-cta{
  padding: 15px 49px;
  border-radius: 36px;
  background-color: #3dbc16;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.31);
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  outline: none;
  border: none;
}
.doodle{
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 300px;
  margin-top: 60px;
}
.to-login, .to-login:hover{
  font-size: 14px;
  color: #ffffff;
  padding: 15px 42px;
  border-radius: 36px;
  background-color: #3dbc16;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.31);
  text-decoration: none;
}
.quarter-column{
  display: inline-block;
  width: 25%;
  vertical-align: top}
.label{
  text-align: right;
  color:#ffffff;
  width: 100%;
  display: inline-block;
  padding-right: 20px;
  font-size: 14px;
  font-weight: bold;
}
.center-column{ display: inline-block; width: 50%; vertical-align: top;}

.center-column.medium{ text-align: left;}

.quarter-column.middle, .center-column.middle{ vertical-align: middle; }

.account-form{max-width: 1280px; width: 100%; margin: 0 auto;}
.account-form-input { width: 100%; font-size: 16px; padding: 17px; }
.account-form-minor-input { width: calc(50% - 17px); font-size: 16px; padding: 17px; margin-right: 17px; }
.account-form-average-input { width: 60%; font-size: 16px; padding: 17px; text-align: left; }
.account-form-average-input-radio { width: 5%; font-size: 16px; padding: 0px; text-align: left; }
.account-form-submit {
  width: calc(50% - 17px);
  margin-left: 17px;
  border-radius: 36px;
  background-color: #3dbc16;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.31);
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  padding: 17px 0px;
  outline: none;
  border: none;
}
.account-form-select {background: #ffffff;width: 100%;padding: 16px;}
.account-form-row { margin-bottom: 16px;}
.account-form-row-bloc { padding-top: 50px;}
.account-form-row-text { margin-top: -13px;}
.account-form-row-tooltip { margin-top: 13px;}
.account-form-radio { margin-right: 12px;}


.text-left{text-align: left;}
.account-form-radio-label{margin-right: 23px;color: #ffffff;}

.parsley-errors-list.filled {
  margin-top: 10px;
  margin-bottom: 0;
  padding: 15px 20px;
  position: relative;
  background-color: #eb6357;
  color: #ffffff;
}
.parsley-errors-list.filled:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: -6px;
  left: 20px;
  content: '';
  display: block;
  width: 0;
  height: 0;
  -moz-transform: scale(0.9999);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #eb6357;
}
.parsley-errors-list.filled > li {
  list-style: none;text-align: left;
}
input.parsley-error { border-radius: 3px; background-color: #ffe8e8; border: solid 1px #ff2323; }

#account-creation-modal .mail-ico { width: 82px; margin-bottom: 22px; }
#account-creation-modal .header-text { margin: 0px; font-size: 25px; font-weight: lighter; margin-bottom: 16px; }
#account-creation-modal .attention-text { display: block; font-size: 20px; font-weight: bold; }
#account-creation-modal .light-text { margin-top: 18px; display: block; font-weight: lighter; font-size: 14px; }
#account-creation-modal .contact { color: #ffffff; font-size: 18px; font-weight: bold; }
#account-creation-modal .left-cta-container, .right-cta-container {width: 50%; display: inline-block; vertical-align: middle; }
#account-creation-modal .modal-ctas { margin-top: 40px; margin-bottom: 28px;}
#account-creation-modal .left-cta-container a,
#account-creation-modal .right-cta-container a{
    border-radius: 36px;
    border: solid 1px #ffffff;
    width: 240px;
    display: inline-block;
    padding: 12px;
    text-decoration: none;
    font-size: 14px;
}

#account-creation-modal .left-cta-container a{ background-color: #f8fdff; color: #079fd1; }
#account-creation-modal .right-cta-container a{ background-color: transparent; color: #ffffff; }

.help-text{
    font-size: 10px;
    color: #c8f1ff;
    text-align: left;
    margin-top: 13px;
    width: calc(100% - 30px);
    display: inline-block;
    vertical-align: middle;
}
.help-text.underlined{
  text-decoration: underline;
}
.help-container {
    text-align: right;
    padding-right: 20px;
    margin-top: 13px;
    display: inline-block;
    width: 25px;
    vertical-align: middle;
}

.help-mark {
    color: #ffffff;
    text-decoration: none;
    width: 16px;
    height: 16px;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    display: inline-block;
}
.tooltip-row{width: 100%; display: block; text-align: center;margin-top: -5px;}
.tooltip-cont{background: #09769a; padding: 15px; position: relative;width: 50%;display: inline-block;margin-bottom: 18px;}
.tooltip-cont:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: -6px;
    left: 2px;
    content: '';
    display: block;
    width: 0;
    height: 0;
    -moz-transform: scale(0.9999);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid #09769a;
}
.tooltip-text{
    font-size: 11px;
    color: #fff;
    text-align: left;
    line-height: 1.73;
}
.tooltip-row .mdi.mdi-close {
    position: absolute;
    top: 5px;
    right: 5px;
}
/** ==========================[STYLE PLACEHOLDERS] ============================================================ */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */color: #9c9c9c; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #9c9c9c; opacity:  1; }
::-moz-placeholder { /* Mozilla Firefox 19+ */color: #9c9c9c;opacity:  1;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #9c9c9c;}
::-ms-input-placeholder { /* Microsoft Edge */ color: #9c9c9c;}
::placeholder { /* Most modern browsers support this now. */color: #9c9c9c;}
/** ==========================[HOVERS AND MDQUERIES] ========================================================== */
.help-mark .help-img-hover {display: none;}
.help-mark:hover .help-img-hover {display: inline-block;}
.help-mark:hover .help-img {display: none;}

.access, .send-button, .back-to-login, .go-on-with-new-email, .account-form-submit, .to-login{ cursor: pointer; }

.access:hover,
.send-button:hover,
.account-form-submit:hover,
.to-login:hover,
.password-change-cta:hover,
.resend-button:hover{
  background-color: #5ce332;
}

.access:active,
.send-button:active,
.account-form-submit:active,
.to-login:active,
.password-change-cta:active,
.resend-button:active{
  cursor: pointer; background-color: #329d12;
}

.yet-to-register-link:hover,
.go-on-with-new-email:hover{
  background-color: #ffffff; color: #079fd1;
}

.yet-to-register-link:active,
.go-on-with-new-email:active{
  background-color: #d8d8d8; color: #079fd1;
}

.cancel-button:hover{ background-color: #dbf6ff; }
.cancel-button:active{ background-color: #c8c8c8; }

.back-to-login:hover{ background-color: #079fd1; }
.back-to-login:active{ background-color: #08769a; }

#user_password_error.parsley-errors-list, #recovery_password_error.parsley-errors-list {
    font-size: 12px;
    margin-top: 20px;
}

@media (max-width: 600px) {
  .footer-column{
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
  }
  .post-footer-column{
    display: block;
    margin-bottom: 10px;
  }
  .account-form-row-bloc {

  }
  .quarter-column {
    display: block;
    width: 100vw;
  }
  .label {
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: center;
  }
  .center-column {
    width: 90%;
  }
  .account-form-minor-input {
    margin-bottom: 15px;
    width: 100%
  }
}

/*------------------------------------------------------------------
  [Alerts]
*/.alert {
  padding: 18px;
  margin-bottom: 18px;
  border: 1px solid transparent;
  border-radius: 2px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 38px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #34a853;
  border-color: #34a853;
  color: #ffffff;
}
.alert-success hr {
  border-top-color: #2e9549;
}
.alert-success .alert-link {
  color: #e6e6e6;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #ffffff;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #e6e6e6;
}
.alert-warning {
  background-color: #fbbc05;
  border-color: #fbbc05;
  color: #ffffff;
}
.alert-warning hr {
  border-top-color: #e3aa04;
}
.alert-warning .alert-link {
  color: #e6e6e6;
}
.alert-danger {
  background-color: #ea4335;
  border-color: #ea4335;
  color: #ffffff;
}
.alert-danger hr {
  border-top-color: #e82e1e;
}
.alert-danger .alert-link {
  color: #e6e6e6;
}