.customer-account-login {
  /*.form-create-account {
        &.form.create.account {
            margin: 0;
            border: 0;

            > .fieldset {
                @media (max-width: 1031px) {
                    width: 49%;
                }
                @media (max-width: 767px) {
                    width: 100%;
                    padding: unset;
                }

                &.create.info {
                    padding-left: 0;
                }
                &.create.account {
                    padding-right: 0;
                }
            }



        }

        .legend {
            span {
                font-family: Helvetica,Arial,sans-serif;
                font-size: 1.6em;
                font-weight: 700;
                text-transform: capitalize;
                color: black;
            }
        }
        .field {
            .label {
                font-size: 0.85em;
                text-transform: uppercase;
                font-weight: 400;
                color: black;
                padding: 0;

                &[for='captcha_user_create'] {
                    white-space: normal;
                    width: 100%;

                    @media (max-width: 767px) {
                        display: block;
                    }

                }
            }
            &.newsletter .label {
                text-transform: capitalize;
                vertical-align: bottom;
            }
            .control {
                //position: relative;
                border: 1px solid #000;
                margin: 7px 0 14px;
                width: 100%;
                height: 50px;

                input[type=text], input[type=email], input[type=password] {
                    height: 100%;
                    border: 0;
                }
            }
            &.captcha {
                &.required {
                    position: relative;
                    //overflow: hidden;
                }

                .control.captcha {
                    //width: 60%;
                    //float: right;
                    //border-left: 0;
                    //width: 100%;
                    position: relative;
                    float: none;

                    input {
                        position: absolute;
                        background: none;
                    }
                }
                .nested {
                    //width: 40%;
                    float: left;

                    @media (max-width: 390px) {
                        float: unset;
                    }

                    img {
                        margin: 0 auto;

                        @media (max-width: 390px) {
                            display: inline-block;
                        }
                    }
                    button.captcha-reload {
                        position: absolute;
                        !*top: -5px;*!
                        bottom: -50%;
                        right: 0;
                        border: 1px solid #cccccc;


                        @media (max-width: 767px) {
                            position: relative;
                            //display: inline-block;
                            bottom: unset;
                            width: 100%;
                            //padding: 0;
                            //vertical-align: bottom;
                            //border: 0;


                            //&:before {
                            //    font-family: 'icons-blank-theme';
                            //    font-size: 4em;
                            //    content: '\e603';
                            //}

                        }
                        @media (max-width: 390px) {
                            position: absolute;
                            width: auto;
                            border: 0;
                            background: rgba(255,255,255,0);

                        }
                        @media (max-width: 258px) {
                            //bottom: -30px;
                            //width: 100%;
                        }

                        span {
                            @media (max-width: 390px) {
                                display: inline-block;

                            }
                            p {
                                display: inline-block;
                                margin: 0 auto;

                                @media (max-width: 390px) {
                                    display: none
                                }
                            }
                            &:after {
                                @media (max-width: 767px) {
                                    font-family: 'icons-blank-theme';
                                    font-size: 4em;
                                    content: '\e603';
                                    position: absolute;
                                }
                                @media (max-width: 390px) {
                                    font-size: 6em;
                                    right: 0;
                                }
                                @media (max-width: 275px) {
                                    right: -15px;
                                }
                                @media (max-width: 258px) {
                                    font-size: 5em;
                                }
                            }
                        }
                    }
                }
            }

            &.password, &.confirmation {
                position: relative;

                .control {
                    position: unset;

                    #password-error, #password-confirmation-error {
                        color: #ca0000;
                        font-size: 11px;
                        font-weight: lighter;
                        margin: 2px 0 2px -2px;
                        padding-left: 2px;
                        background: #FFF;
                        position: relative;
                        z-index: 1;
                    }

                    #password-strength-meter-container {
                        position: absolute;
                        right: 0;
                        top: -5px;

                        #password-strength-meter {
                            background-color: unset;
                            font-size: 0.8em;
                            padding-right: 0;
                        }

                        // use colors to indicate strength
                        &.password-weak span {
                            color: red;
                        }
                        &.password-medium span {
                            color: green;
                        }
                        &.password-strong span {
                            color: green;
                            font-weight: bold;
                        }
                    }
                }

            }
        }

        .actions-toolbar {
            clear: unset;
            display: flex;

            .primary {
                margin: 0 auto;

                button.submit {
                    color: #fff;
                    background: #000;
                    cursor: pointer;
                    border: none;
                    text-transform: uppercase;
                    font-family: Helvetica,Arial,sans-serif;
                    font-size: .75em;
                    outline: 0;

                    span {
                        font-weight: 300;
                    }
                }
            }
            .secondary {
                display: none;
            }
        }

    }*/
}
.customer-account-login .page-title {
  padding: 23px 15px;
  border-bottom: 1px solid #cecdcd;
  text-indent: unset;
}
@media (max-width: 767px) {
  .customer-account-login .page-title {
    padding: 20px 0;
  }
}
.customer-account-login .page-title span {
  font-size: 1.35em;
  text-transform: uppercase;
  letter-spacing: 0;
  text-align: left;
  font-weight: 700;
  line-height: normal;
}
@media (max-width: 767px) {
  .customer-account-login .page-title span {
    margin: 0;
    display: block;
    text-align: center;
  }
}
@media (max-width: 520px) {
  .customer-account-login .page-title span {
    font-size: 1.15em;
  }
}
@media (max-width: 431px) {
  .customer-account-login .page-title span {
    font-size: 1em;
  }
}
.customer-account-login .column.main .login-container {
  margin: 30px 0;
}
.customer-account-login .column.main .login-container > block {
  width: 49%;
  display: inline-block;
  float: none;
  vertical-align: top;
}
.customer-account-login .column.main .login-container .block .block-title {
  margin: 1.2em 0 0.8em;
}
@media (min-width: 768px) {
  .customer-account-login .column.main .login-container .block .block-title {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .customer-account-login .column.main .login-container .block .block-title {
    padding: 0 10px;
    text-align: center;
  }
}
.customer-account-login .column.main .login-container .block .block-title span {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1.5em;
  font-weight: normal;
  text-transform: capitalize;
  color: black;
}
@media (max-width: 767px) {
  .customer-account-login .column.main .login-container .block .block-title span {
    font-size: 1.2em;
    border-bottom: 1px solid;
    font-weight: 600;
  }
}
@media (max-width: 306px) {
  .customer-account-login .column.main .login-container .block .block-title span {
    font-size: 1.1em;
  }
}
.customer-account-login .column.main .login-container .block .block-content {
  border: 0;
  min-height: 100px;
  /* reward points messaging */
}
@media (min-width: 768px) {
  .customer-account-login .column.main .login-container .block .block-content {
    padding: 0;
  }
}
@media (max-width: 767px) {
  .customer-account-login .column.main .login-container .block .block-content {
    padding: 5px 10px;
  }
}
@media (max-width: 382px) {
  .customer-account-login .column.main .login-container .block .block-content {
    min-height: 100px;
  }
}
.customer-account-login .column.main .login-container .block .block-content *:not(input) {
  color: unset;
}
@media (max-width: 382px) {
  .customer-account-login .column.main .login-container .block .block-content[aria-labelledby='block-amazon-login-heading'] {
    margin: 15px 0 0;
    padding: 0 !important;
  }
}
.customer-account-login .column.main .login-container .block .block-content .actions-toolbar {
  margin: 0;
}
.customer-account-login .column.main .login-container .block .block-content .actions-toolbar div.primary {
  width: 100%;
  display: block;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .customer-account-login .column.main .login-container .block .block-content .actions-toolbar div.primary {
    text-align: center;
  }
}
.customer-account-login .column.main .login-container .block .block-content .actions-toolbar div.primary button,
.customer-account-login .column.main .login-container .block .block-content .actions-toolbar div.primary a {
  margin: 0;
  padding: .5em 2em .25em;
  float: right;
}
@media (max-width: 767px) {
  .customer-account-login .column.main .login-container .block .block-content .actions-toolbar div.primary button,
  .customer-account-login .column.main .login-container .block .block-content .actions-toolbar div.primary a {
    float: none;
    padding: 1em 4em .75em;
  }
}
@media (max-width: 382px) {
  .customer-account-login .column.main .login-container .block .block-content .actions-toolbar div.primary button,
  .customer-account-login .column.main .login-container .block .block-content .actions-toolbar div.primary a {
    float: none;
    margin: 0 auto;
    display: block;
    width: 100%;
  }
}
.customer-account-login .column.main .login-container .block .block-content .actions-toolbar div.primary button span,
.customer-account-login .column.main .login-container .block .block-content .actions-toolbar div.primary a span {
  font-weight: unset;
  line-height: 1.5em;
}
@media (max-width: 767px) {
  .customer-account-login .column.main .login-container .block .block-content .actions-toolbar div.primary button span,
  .customer-account-login .column.main .login-container .block .block-content .actions-toolbar div.primary a span {
    font-size: 2em;
  }
}
@media (max-width: 382px) {
  .customer-account-login .column.main .login-container .block .block-content .actions-toolbar div.primary button span,
  .customer-account-login .column.main .login-container .block .block-content .actions-toolbar div.primary a span {
    font-size: 1.5em;
  }
}
.customer-account-login .column.main .login-container .block .block-content .actions-toolbar div.primary a.action.create {
  padding: 1em 4em .75em;
  letter-spacing: 2px;
}
.customer-account-login .column.main .login-container .block .block-content .actions-toolbar div.primary a.action.create span {
  font-size: 2em;
}
@media (max-width: 382px) {
  .customer-account-login .column.main .login-container .block .block-content .actions-toolbar div.primary a.action.create span {
    font-size: 1.5em;
  }
}
.customer-account-login .column.main .login-container .block .block-content .actions-toolbar .secondary {
  line-height: normal;
  margin: 15px 0 30px;
}
@media (max-width: 767px) {
  .customer-account-login .column.main .login-container .block .block-content .actions-toolbar .secondary {
    margin-bottom: 15px;
    margin-top: 0;
  }
}
.customer-account-login .column.main .login-container .block .block-content .actions-toolbar .secondary a {
  margin: 0;
  text-transform: lowercase;
  font-size: .7em;
}
.customer-account-login .column.main .login-container .block .block-content .rewardpoints-earn--login {
  width: 75%;
  margin: 0 0 10px 0;
}
.customer-account-login .column.main .login-container .block .block-content .rewardpoints-earn--login a:before {
  position: relative;
  z-index: 1;
  content: url(../../images/rewardpoints/point.png);
}
@media screen and (max-width: 767px) {
  .customer-account-login .column.main .login-container .block .block-content .rewardpoints-earn--login {
    float: none;
    margin-top: 20px;
    width: 100%;
    text-align: center;
  }
}
.customer-account-login .column.main .login-container .block .block-content fieldset.fieldset {
  position: relative;
}
.customer-account-login .column.main .login-container .block .block-content fieldset.fieldset > div {
  width: 94%;
}
.customer-account-login .column.main .login-container .block .block-content fieldset.fieldset > div.field.password {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .customer-account-login .column.main .login-container .block .block-content fieldset.fieldset > div {
    width: 100%;
  }
}
.customer-account-login .column.main .login-container .block .block-content fieldset.fieldset.login:after {
  display: none;
}
.customer-account-login .column.main .login-container .block .block-content p {
  font-size: 12px;
  font-weight: 400;
  margin: 0 0 .85em;
}
.customer-account-login .column.main .login-container .block .block-content label {
  text-transform: uppercase;
  font-size: .85em;
  font-weight: 400;
  padding: 0;
}
.customer-account-login .column.main .login-container .block .block-content label span:before {
  content: '*';
}
.customer-account-login .column.main .login-container .block .block-content ul {
  padding-left: 1.1em !important;
  padding-right: 1.3em;
  font-size: .75em;
  font-family: Helvetica,Arial,sans-serif;
  margin-bottom: 30px;
}
@media (max-width: 1212px) {
  .customer-account-login .column.main .login-container .block .block-content ul {
    margin-bottom: 15px;
  }
}
@media (max-width: 1031px) {
  .customer-account-login .column.main .login-container .block .block-content ul {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .customer-account-login .column.main .login-container .block .block-content ul {
    width: fit-content;
    margin: 0 auto;
    white-space: nowrap;
  }
}
.customer-account-login .column.main .login-container .block .block-content ul li {
  padding-bottom: 1.5em;
  list-style-type: disc !important;
  width: 94%;
  font-weight: 300;
  font-size: 1.15em;
}
.customer-account-login .column.main .login-container .block .block-content[aria-labelledby='block-new-customer-heading'] .actions-toolbar .primary {
  float: left;
}
@media (max-width: 767px) {
  .customer-account-login .column.main .login-container .block .block-content[aria-labelledby='block-new-customer-heading'] .actions-toolbar .primary {
    float: none;
  }
}
.customer-account-login .column.main .login-container .block.block-new-customer {
  float: right;
  clear: none;
}
.customer-account-login .column.main .login-container .block-amazon-login {
  float: left;
  margin-top: -20px;
  /*@media (max-width: 382px) {
                    text-align: center;
                }*/
}
@media (max-width: 767px) {
  .customer-account-login .column.main .login-container .block-amazon-login {
    float: none;
    margin: 5px 0;
    text-align: center;
  }
}
.customer-account-login .column.main .login-container .block-amazon-login .block-content {
  min-height: unset;
}
@media (max-width: 767px) {
  .customer-account-login .column.main .login-container .block-amazon-login .primary .amazon-button-container {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .customer-account-login .column.main .login-container .block-amazon-login .primary .amazon-button-container .amazon-button-container__cell {
    display: block;
  }
  .customer-account-login .column.main .login-container .block-amazon-login .primary .amazon-button-container .amazon-button-container__cell .amazonpay-button-inner-image {
    margin: 0 auto;
    margin-top: 10px;
  }
}
.customer-account-login .column.main .login-container .block-amazon-login .primary .amazon-button-container .amazon-button-container__cell .login-with-amazon {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .customer-account-login .column.main .login-container .block-amazon-login .primary .amazon-button-container .amazon-button-container__cell .login-with-amazon {
    margin-top: 10px;
  }
}
.customer-account-login .column.main .login-container .block-amazon-login .primary .amazon-button-container .amazon-button-container__cell:before {
  content: '- OR -';
  font-weight: bold;
}
.customer-account-login .column.main .login-container .block-amazon-login .primary .amazon-button-container .amazon-or {
  display: none;
}