// Login
.account-login .content {
    min-height: 242px; // Height of the larger side
}

// Captcha
.captcha-image {
    position: relative;
    width: 258px;
}
.captcha-note {
    clear: left;
    padding-top: 5px;
}
.captcha-image .captcha-img {
    border-radius: $input-border-radius;
    border: 1px solid $input-border-color;
    width: 100%;
}
.registered-users .captcha-image {
    margin: 0;
}


@-webkit-keyframes captcha-rotate {
    0% { -webkit-transform: rotate(0); }
    0% { -webkit-transform: rotate(-360deg); }
}
@-moz-keyframes captcha-rotate {
    0% { -moz-transform: rotate(0); }
    0% { -moz-transform: rotate(-360deg); }
}
@keyframes captcha-rotate {
    0% { transform: rotate(0); }
    0% { transform: rotate(-360deg); }
}

// General Account Box
.box-account {
    //@extend .panel;
    padding: 15px;
    border-color: $card-border-color;

    .box-head {
        //@extend .panel-heading;
        margin: -15px -15px 15px;
        @include clearfix();
        border-color: $card-border-color;
        background-color: $card-bg;
        color: theme-color(primary);

        h2 {
            float: left;
            //@extend .panel-title;
        }

        a {
            float: right;
        }
    }

    @include media-breakpoint-down (sm) {
        width: 100%;
        overflow-y: hidden;
        overflow-x: scroll;
    }
}

// Dashboard
.dashboard {
    .box .box-title {
        @include clearfix();
        padding: 0 0 ($line-height-base / 2);
        margin: 0 0 ($line-height-base / 2);
        border-bottom: 1px solid $card-border-color;

        text-align: right;

        h3,
        h4 {
            margin: 0;
            float: left;
            font-size: $font-size-lg;
        }
    }

    // Fix for the spacing when a box is nested in a column set.
    .col2-set > .box > .box-title {
        margin-left: ($grid-gutter-width / 2);
        margin-right: ($grid-gutter-width / 2);
    }
}

// Recent orders
.dashboard .box-recent {

    .data-table {
        margin-bottom: 0;
    }
}

// Account information
.dashboard .box-info {
    p,
    address {
        margin: 0;
    }
    .box {
        margin-bottom: ($line-height-base * 1.5);
    }
}

// Block: Reviews
.dashboard .box-reviews {
    ol {
        margin-bottom: 0;
    }
    .number {
        float: left;
    }
    .details {
        margin-left: 20px;
    }
    li.item {
        @include clearfix();
        margin-bottom: ($line-height-base / 2);

        &:last-child {
            margin-bottom: 0;
        }
    }
    .ratings {
        margin-top: ($line-height-base / 4);
    }
}

/* Block: Tags */
.dashboard .box-tags {
    .number {
        float: left;
    }
    .details {
        margin-left: 20px;
    }
    li.item {
        margin-bottom: ($line-height-base / 2);

        &:last-child {
            margin-bottom: 0;
        }
    }
    .tags {
        strong,
        ul,
        ul li {
            display: inline;
        }
    }
}

// Address Book
.addresses-list {
    h2 {
        font-size: $font-size-lg;
    }
    h3 {
        margin-top: 0;
        font-size: $font-size-base;
    }
    address {
        margin: 0 0 3px;
    }
    p {
        margin: 0;
    }
    .link-remove {
        color: theme-color(danger);
    }
    .separator {
        margin: 0 3px;
    }

    li.item {
        //@extend .panel;
        padding: 15px;
        border-color: $card-border-color;

        h3 {
            margin: -15px -15px 15px;
            //@extend .panel-heading;
            border-color: $card-border-color;
            background-color: $card-bg;
            color: theme-color(primary);
        }
    }
    li.empty {
        background: none;
        border: 0;
        padding: 0;
    }
    .addresses-additional li.item {

    }
}

// Order View
.order-info {
    margin-bottom: ($line-height-base / 2);
    border-bottom: 1px solid $hr-border-color;

    dd {
        padding-left: 10px;
    }

    li {
        display: inline;
        margin: 0 3px;

        &:first-child {
            margin-left: 0;
        }

        &:last-child {
            margin-right: 0;
        }
    }
    .current {
        font-weight: bold;
    }
}

.order-date {
    margin-bottom: ($line-height-base / 2);
}

.order-info-box {
    //@extend .panel;
    margin-left: 0;
    margin-right: 0;
    border-color: $card-border-color;
    padding-top: 15px;

    .box {
        margin-bottom: 15px;
    }

    h2 {
        margin-top: 0;
        font-size: $font-size-base;
    }

    address {
        margin-bottom: 0;
    }
}

.order-items {
    h2 {
        font-size: $font-size-lg;
    }
    h3 {
        font-size: $font-size-sm;
    }

    .order-links {
        text-align: right;
    }
}

.order-additional {
    margin: ($line-height-base / 2) 0;
}

// Order Gift Message
.gift-message {
    //@extend .panel;
    padding: 15px;
    border-color: $card-border-color;

    dt {
        padding-left: 10px;

        strong {
            display: block;
            margin-left: -10px;
        }
    }
    dd {
        margin-top: ($line-height-base / 2);
    }
}

// Inside the table
.gift-message-row .gift-message {
    padding: 0;
    margin: 0;
    border: 0;
}

// Order Comments
.order-about {
    //@extend .panel;
    padding: 15px;
    border-color: $card-border-color;

    dd {
        margin-bottom: ($line-height-base / 2);
        padding-left: 10px;

        &:last-child {
            margin-bottom: 0;
        }
    }
}

// My Wishlist
.my-wishlist {
    textarea {
        @extend .form-control;
        height: auto;
    }

    /*    .price-box {
            margin-bottom: ($line-height-base / 4);
        }*/

    .add-to-cart-alt {
        /*        input.input-text {
                    margin-bottom: ($line-height-base / 4);
                }*/
        .qty {
            width: 36px;
            text-align: center;
        }
    }

    .btn-cart {
        display: block;
        margin-bottom: ($line-height-base / 4);
        width: 100%;
    }

    p {
        margin-bottom: 0;
    }

    .link-edit {
        @extend .btn;
        //@extend .btn-default;
        width: 100%;
        display: block;
    }

    .btn-add {
        //@extend .btn-primary;
    }

    .btn-remove {
        margin: 0 10px;
    }

    .buttons-set {
        margin: 10px 0;
    }
}

.product-review {
    .product-img-box {
        float: left;
        width: 140px;

        .label {
            font-size: $font-size-sm;
        }

        .ratings .rating-box {
            display: block;
            float: none;
            margin-bottom: ($line-height-base / 4);
        }
    }

    .product-details {
        margin-left: 150px;
    }
    .product-name {
        margin-bottom: ($line-height-base / 2);
        font-size: $font-size-lg;
    }
    h3 {
        font-size: $font-size-base;
    }

    .ratings-table { margin:0 0 10px; }

    dt {
        margin-bottom: ($line-height-base / 4);
    }
}

// Billing Agreements
.billing-agreements {
    .info-box {
        margin: ($line-height-base / 2) 0;
    }
    .form-list li {
        select {
            float: left;
        }
        button.button {
            float: left;
            margin-left: 10px;
        }
    }
    .table-caption {
        font-weight: bold;
    }
}

//Consent Block
.privacy_container {
    label {
        width: calc(100% - 22px);
        vertical-align: top;
    }
}