/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_custom_yamaha/cartridge/client/default/scss/login.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* @import "base/components/formFields"; */
.container-card {
  max-width: 54.125rem;
  margin: 0 auto; }

.reset-password-form .input-email, .reset-password-form .send-email-btn, .reset-password-form .send-again, .reset-password-form .back-login {
  max-width: 360px;
  margin: 0 auto; }

.login-page, .resetpwd-page {
  margin-top: 24px;
  margin-bottom: 3rem; }
  @media (min-width: 768px) {
    .login-page, .resetpwd-page {
      margin-top: 32px; } }
  @media (min-width: 1440px) {
    .login-page, .resetpwd-page {
      margin-top: 40px;
      min-height: 600px; } }
  .login-page .card, .resetpwd-page .card {
    border: none;
    padding: 1.5rem;
    margin-bottom: 0; }
    .login-page .card .card-header, .resetpwd-page .card .card-header {
      padding: 0;
      padding-bottom: 32px;
      margin-bottom: 32px; }
      @media (min-width: 1440px) {
        .login-page .card .card-header, .resetpwd-page .card .card-header {
          padding-bottom: 24px;
          margin-bottom: 24px; } }
    .login-page .card .card-body, .resetpwd-page .card .card-body {
      padding: 0; }
      .login-page .card .card-body .description, .resetpwd-page .card .card-body .description {
        color: #808080;
        font-size: 16px;
        line-height: 24px; }
    @media (min-width: 768px) {
      .login-page .card, .resetpwd-page .card {
        padding: 2rem; } }
  .login-page .label-submit, .resetpwd-page .label-submit {
    color: #121212;
    font-size: 14px;
    line-height: 20px; }
  .login-page .button-submit, .resetpwd-page .button-submit {
    width: 100%; }
    .login-page .button-submit button, .resetpwd-page .button-submit button {
      width: 100%; }
    @media (min-width: 768px) {
      .login-page .button-submit button, .resetpwd-page .button-submit button {
        width: auto;
        margin-left: auto; } }
  .login-page .login-form-nav.container, .resetpwd-page .login-form-nav.container {
    max-width: 100%;
    margin: 0 auto; }
    @media (min-width: 768px) {
      .login-page .login-form-nav.container, .resetpwd-page .login-form-nav.container {
        max-width: 626px; } }
    .login-page .login-form-nav.container .verify-email-component, .login-page .login-form-nav.container .login-component, .login-page .login-form-nav.container .new-password-form, .resetpwd-page .login-form-nav.container .verify-email-component, .resetpwd-page .login-form-nav.container .login-component, .resetpwd-page .login-form-nav.container .new-password-form {
      max-width: 360px;
      margin: 0 auto; }
  .login-page .login-form-nav .tab-pane, .resetpwd-page .login-form-nav .tab-pane {
    margin-top: 1em; }
  .login-page .login-form-nav .title-section i, .resetpwd-page .login-form-nav .title-section i {
    font-size: 33px; }
  .login-page .login-form-nav .title-section-icon, .resetpwd-page .login-form-nav .title-section-icon {
    margin-bottom: 21px; }
    @media (min-width: 768px) {
      .login-page .login-form-nav .title-section-icon, .resetpwd-page .login-form-nav .title-section-icon {
        margin-bottom: 29px; } }
  @media (min-width: 768px) {
    .login-page .login-form-nav .cta-checkout, .resetpwd-page .login-form-nav .cta-checkout {
      min-width: 360px; } }
  .login-page .login .error-message-form, .resetpwd-page .login .error-message-form {
    padding: 0.625em;
    background-color: #E40038;
    color: #fff;
    border-radius: 0.188em; }

.registration-page .privacy-policy {
  margin-top: 1rem; }

.equal-height .card {
  width: 100%; }

.track-order-header {
  font-size: 1.75rem; }

.registration-company-selection .nav.nav-tabs {
  border: none; }

.registration-company-selection .tab-content {
  position: relative; }
  .registration-company-selection .tab-content .user-business-fields {
    margin-top: 28px;
    background: #F7F7F5;
    border-radius: 6px;
    padding: 24px; }
    .registration-company-selection .tab-content .user-business-fields:before {
      position: absolute;
      content: "";
      top: -15px;
      left: 20px;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 15px solid #F7F7F5; }
    .registration-company-selection .tab-content .user-business-fields:last-child:before {
      left: 20px;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-bottom: 15px solid #F7F7F5; }

.verify-box .resend-link {
  color: #808080;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px; }


/*# sourceMappingURL=login.css.map*/