.table-labeled th {
    vertical-align: middle
}

.table-labeled td {
    vertical-align: middle
}

.table-labeled .label {
    padding: 0.25rem 0.375rem;
    margin: 0.125rem;
    font-size: inherit;
    font-weight: 400;
    color: #fff;
    white-space: nowrap;
    border-radius: 3px
}

.page-order .table {
    margin-bottom: 0
}

.page-order table th {
    padding: 0.5rem
}

.page-order table td {
    padding: 0.5rem
}

.page-order table thead th {
    text-align: center
}



#identity .radio-inline,
#authentication .radio-inline {
    padding: 0
}

#identity .radio-inline .custom-radio,
#authentication .radio-inline .custom-radio {
    margin-right: 0
}

.page-customer-account #content {
    font-size: .875rem;
    color: var(--color_font)
}

.page-customer-account #content .order-actions a {
    padding: 0 0.125rem
}

.page-customer-account #content .forgot-password {
    padding-bottom: 0.9375rem;
    margin-top: 1rem;
    font-size: .875rem;
    text-align: center
}
body#password div#content {
    padding: 0px;
}
.page-customer-account #content .no-account {
    font-size: 1rem;
    text-align: center;
    margin-top: 15px;
}
body#password h1, body#authentication h1 {
    text-align: center;
}
.card.card_account {
    padding: 1rem;
    margin-left: -15px;
    margin-right: -15px
}

.page-addresses .address {
    margin-bottom: 1.875rem;
    font-size: .875rem;
    background: #fff
}

.page-addresses .address .address-body {
    padding: 1rem
}

.page-addresses .address .address-body h4 {
    font-size: 1rem;
    font-weight: 700
}

.page-addresses .address .address-body address {
    min-height: 9rem
}

.page-addresses .address .address-footer {
    padding: 0.5rem 1rem;
    border-top: 1px solid #7a7a7a
}

.page-addresses .address .address-footer a {
    margin-right: 0.5rem;
}

.page-addresses .address .address-footer a i {
    font-size: 1rem
}

.page-addresses .address .address-footer a span {
    font-size: .9375rem;
    vertical-align: middle
}

.page-addresses .addresses-footer {
    margin: 0 0.9375rem
}


.page-addresses .addresses-footer a i {
    font-size: 1rem
}

.page-addresses .addresses-footer a span {
    margin-top: .625rem;
    font-size: 1rem;
    vertical-align: middle
}

.page-addresses .card_address:nth-child(1n) {
    padding-left: 0
}

.page-order-detail #content {
    font-size: 0.875rem
}

.page-order-detail .box {
    padding: 1rem;
    background: #fff;
    margin-bottom: 1rem
}

.page-order-detail h3 {
    margin-bottom: 1rem;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase
}

.page-order-detail #order-infos ul {
    margin: 0
}

.page-order-detail #order-history .history-lines .history-line {
    padding: 0.5rem 0;

}

.page-order-detail #order-history .history-lines .history-line:last-child {
    border-bottom: 0
}

.page-order-detail #order-history .history-lines .history-line .label {
    display: inline-block;
    padding: 0.25rem 0.375rem;
    margin: 0.25rem 0;
    color: #fff;
    border-radius: 3px
}

.page-order-detail .addresses {
    margin: 0 -0.9375rem
}

.page-order-detail .addresses h4 {
    font-size: 1rem;
    font-weight: 700
}

.page-order-detail #order-products.return {
    margin-bottom: 1rem
}

.page-order-detail #order-products.return th.head-checkbox {
    width: 30px
}

.page-order-detail #order-products.return td {
    padding: 1.375rem 0.75rem
}

.page-order-detail #order-products.return td.qty {
    min-width: 125px
}

.page-order-detail #order-products.return td.qty .current {
    float: left;
    width: 30%;
    padding-right: 0.5rem;
    text-align: right
}

.page-order-detail #order-products.return td.qty .select {
    float: left;
    width: 70%;
    padding-left: 0.25rem;
    margin: -0.625rem 0
}

.page-order-detail #order-products.return td.qty .select select {
    text-align: center
}

.page-order-detail .order-items {
    padding: 0 !important
}

.page-order-detail .order-items .order-item {
    padding: 1rem 1rem 0;
    border-bottom: 1px solid var(--background)
}

.page-order-detail .order-items .order-item .checkbox {
    float: left;
    width: 30px;
    padding: 0 0.9375rem
}

.page-order-detail .order-items .order-item .content {
    float: left;
    width: calc(100% - 30px);
    padding: 0 0.9375rem
}

.page-order-detail .order-items .order-item .desc {
    margin-bottom: 1rem
}

.page-order-detail .order-items .order-item .desc .order-item-img {
    float: left;
    width: 45px;
    height: auto;
    margin-right: 10px
}

.page-order-detail .order-items .order-item .desc .name {
    font-weight: 700
}

.page-order-detail .order-items .order-item .qty {
    margin-bottom: 1rem
}

.page-order-detail .order-items .order-item .qty .q {
    margin-bottom: 0.25rem
}

.page-order-detail .order-items .order-item .qty .s {
    margin-bottom: 0.25rem
}

.page-order-detail .messages .message {
    margin-top: 0.5rem;
    border-bottom: 1px solid var(--background)
}

.page-order-detail .messages .message:last-child {
    border-bottom: 0
}

.page-order-detail .messages .message>div {
    margin-bottom: 0.5rem
}

.page-order-detail .customization {
    margin-top: 0.75rem
}

#order-detail .order_info {
    margin-bottom: 0.5rem
}

#order-detail .order_info .state {
    float: right
}

#order-detail .order_resume .btn-link {
    width: 100%;
    padding: 0 0 0.5rem;
    text-align: left;
    font-weight: 600;
    font-size: 0.875rem
}

#order-detail .order_resume .btn-link:focus,
#order-detail .order_resume .btn-link:hover {
    outline: 0;
    text-decoration: none
}

#order-detail .order_resume .item {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin-bottom: 1rem
}

#order-detail .order_summary .line-subtotal {
    margin-bottom: 0.5rem
}

#order-detail .order_summary .line-subtotal .value {
    float: right
}

#order-detail .order_summary .line-total {
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    margin-top: 0.5rem;
    padding-top: 0.5rem
}

#order-detail .order_summary .line-total span {
    font-size: 1rem;
    font-weight: 600
}

#order-detail .order_actions .oactions {
    margin: 0 auto 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    text-align: center
}

#order-detail .order_actions .oactions .oaction {
    padding: 0.5rem 1rem;
    border-right: 1px solid rgba(0, 0, 0, 0.125);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    background: #FFF;
    max-width: 25%
}

#order-detail .order_actions .oactions .oaction:first-child {
    border-left: 1px solid rgba(0, 0, 0, 0.125)
}

#order-detail .order_actions .oactions .oaction:hover {
    text-decoration: underline
}

#order-detail .order_priceproduct .title {
    font-size: 0.7rem
}

#order-detail .order_priceproduct .value {
    clear: both;
    width: 100%;
    display: block
}

#order-detail .product_reorder {
    font-size: 0.9rem
}

#order-detail .product_reorder i {
    font-size: 1rem
}

#order-detail #order-products .form-control {
    padding-top: 0
}

#order-detail .order_resume .item .title,
#order-detail .order_summary .title {
    font-weight: 600;
    margin-bottom: 0.5rem;
    display: block
}


#order-return-infos .customization {
    margin-top: 0.75rem
}

.page-my-account #content .links {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.page-my-account #content .links a {
    display: inline-block;
    padding: 0 0.9375rem;
    margin-bottom: 1.875rem;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.page-my-account #content .links a span.link-item {
    display: block;
    height: 100%;
    padding: 1rem;
    background: #fff
}

.page-my-account #content .links a i {
    display: block;
    width: 100%;
    padding-bottom: 3.4rem;
    font-size: 2.6rem;
}


#my-account .subtitle {
    font-weight: 600;
    display: table;
    margin-top: 20px;
}

#my-account .link-item {
    background-color: #FFF;
    padding: 1rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: 1px solid rgba(0, 0, 0, 0.125);
    margin-bottom: 1rem;
    font-size: 0.9rem
}
#my-account .displayCustomerAccountContent .link-item {
    display: flex;
    justify-content: flex-start;
    font-weight: bold;
    font-size: 15px;
    color: #000000;
    line-height: 25px;
}

#my-account .displayCustomerAccountContent .link-item .material-icons {
    font-size: 0px;
    height: 40px;
    margin-right: 21px;
    width: 45px;
}
#my-account .displayCustomerAccountContent #cookies-links .link-item .material-icons:before{
    content: "\e904";
    font-size: 40px;
    font-family: 'icomoon';
}

#my-account .displayCustomerAccountContent #emailsalerts .link-item .material-icons:before{
    content: "\e90a";
    font-size: 40px;
    font-family: 'icomoon';
}
#my-account .displayCustomerAccountContent #psgdpr-link .link-item .material-icons:before{
    content: "\e905";
    font-size: 40px;
    font-family: 'icomoon';
}

#my-account .displayCustomerAccountContent #wishlist-link .link-item .material-icons:before{
    content: "\e903";
    font-size: 30px;
    font-family: 'icomoon';
    line-height: 44px;
}
#my-account .displayCustomerAccountContent #cookies-link .link-item .material-icons:before{
    content: "\e904";
    font-size: 40px;
    font-family: 'icomoon';
}


#my-account .link-item>i {
    width: 50px;
    font-size: 55px;
    margin-right: 10px
}

#my-account .link-item>i:before {
    font-size: 38px;
}

#my-account .link-item>.history-content {
    width: 85%
}

#my-account .link-item>.history-content .title {
    font-weight: 700;
    margin-bottom: 0.5rem;
    font-size: 15px;
    line-height: 18px;
    color: #2d2d2d;
}

#my-account .link-item>.history-content .desc {
    margin: 0;
    font-size: 15px;
    color: #BFBEBE;
    line-height: 25px;
    height: 52px;
}
#my-account #link_contact .link-item>.history-content .desc {
    height: auto;
}
.btn_contact {
    padding: 0.5rem 1.25rem;
    display: table;
    margin: 1rem auto;
    font-size: 1rem
}

#history .orders {
    margin: 0 -1rem
}

#history .orders .order {
    padding: 0.75rem 1rem;
}

#history .orders .order a h3 {
    color: #7a7a7a
}

#history .orders .order .label {
    display: inline-block;
    padding: 0.25rem 0.375rem;
    margin: 0.25rem 0;
    color: #fff;
    border-radius: 3px
}

#history .orders .order:last-child {
    border-bottom: 0
}

#history .order_history {
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.125);
    padding: 1rem;
    margin-bottom: 1rem
}

#history .order_history .history_info {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    justify-content: space-between
}

#history .order_history .history_info .item {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

#history .order_history .history_info .item.item_status {
    width: 15%
}

#history .order_history .history_info .title {
    font-weight: 600
}

#history .order_history .history_buttons {
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.125);
    display: table;
    margin: 0 auto;
    padding: 0.5rem 0
}

#history .order_history .history_buttons>a {
    padding: 0.5rem 1rem;
    width: 25%;
    border-right: 1px solid rgba(0, 0, 0, 0.125);
    text-align: center;
}



#history .order_history .history_buttons>a:last-child {
    border: 0
}

.page-footer .account-link {
    margin-right: 1rem
}

.page-footer .account-link i {
    font-size: 1rem
}

.page-footer .account-link span {
    font-size: .875rem;
    vertical-align: middle
}

.navigation_account {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    background-color: #fff;
    margin-bottom: 0.5rem;
    padding: 0px 0px 2;
}

.navigation_account>* {
    padding: 0.5rem 0
}

.navigation_account .title {
       font-weight: 600
}

.navigation_account .item {
    font-weight: 400;
    font-size: 0.9rem
}
.navigation_account .item i {
    font-size: 19px;
    position: relative;
    top: 2px;
    display: inline-block;
}
.navigation_account .item i.material-icons {
    top: -1px;
}

.navigation_mobile {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 3px;
    margin-bottom: 1rem;
    background-color: #FFF
}

.navigation_mobile .btn-link {
    padding: 0.5rem;
    width: 100%;
    text-align: left;
    outline: 0;
    font-weight: 600
}

.navigation_mobile .btn-link i {
    float: right;
    font-size: 20px
}

.navigation_mobile .btn-link:focus {
    outline: 0;
    text-decoration: none
}

.navigation_mobile .card-body {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    border-top: 1px solid rgba(0, 0, 0, 0.125)
}

.navigation_mobile .card-body>* {
    padding: 0.5rem;
    font-size: 0.9rem
}



@media (max-width: 991px) {
    #wrapper #left-column {
        padding-right: 0
    }

    #content-wrapper {
        padding-left: 0px;
        padding-right: 0px
    }

    #history .order_history .history_info .item {
        width: calc(50% - 1rem) !important
    }

    #history .order_history .history_buttons {
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        padding: 0;
        border-radius: 0;
        border: 0
    }

    #history .order_history .history_buttons>a {
        width: 100%;
        border: 1px solid rgba(0, 0, 0, 0.125);
        margin-bottom: 10px
    }

    #history .order_history .history_buttons>a:last-child {
        border: 1px solid rgba(0, 0, 0, 0.125)
    }

    #order-detail .order_info {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap
    }

    #order-detail .order_info>span {
        margin-bottom: 10px
    }

    #order-detail .order_resume .col-xs-12 {
        border-bottom: 1px solid rgba(0, 0, 0, 0.125);
        margin-bottom: 1rem
    }

    #order-detail .order_resume .col-xs-12:last-child {
        border: 0;
        margin-bottom: 0
    }

    #order-detail .order_actions .oactions .oaction {
        max-width: none
    }

    #order-detail.page-order-detail .order-items .order-item {
        padding: 1rem
    }
}

.forgotten-password {
    padding: 4px;
    max-width: 800px;
    margin: 40px auto;
}
.forgotten-password .form-fields .center-email-fields {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
}
.forgotten-password button.btn.btn-primary.form-control-submit {
    margin: 15px 0px 0px;
}
@media (max-width: 767px) {
    .forgotten-password .form-fields .center-email-fields {
        flex-direction: column
    }

    .forgotten-password .form-fields .center-email-fields button {
        width: 100%;
        margin: 10px
    }
}

.forgotten-password .form-fields .center-email-fields button {
    margin-top: 15px;
    height: 38px
}

.forgotten-password .form-fields .center-email-fields .form_forgot_pass,
.forgotten-password .form-fields .center-email-fields .form-control {
    width: 100%
}

.forgotten-password .form-fields .email {
    width: 430px;
    padding-right: 0;
    padding-left: 0
}


.forgotten-password .form-fields .email input {
    height: 38px
}

.forgotten-password .form-fields label.required {
    width: 100%;
    text-align: left
}

.send-renew-password-link {
    padding: 0
}

section.form-fields.renew-password {
    margin: 0px;
    max-width: 700px;
    padding: 0px 15px;
    margin: 0 auto;
}
section.form-fields.renew-password .email {
    margin-top: 20px;
}
section.form-fields.renew-password label.form-control-label {
    padding: 0px;
    margin-bottom: 10px;
}
.renew-password .email {
    padding-bottom: 30px
}
section.form-fields.renew-password .form-group {
    margin-bottom: 20px;
}
.renew-password [type="submit"] {
    margin-top:15px;
}


span.link-item .material-icons {
    font-size: 56px;
}

a.close_session.myaccount {
    display: inline-block;
    padding: 10px;
    width: 194px;
    text-align: center;
    color: black;
    border: 1px solid black;
}
.displayCustomerAccountContent > * {
    width: 50%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
}

.displayCustomerAccountContent > li > a > span, .displayCustomerAccountContent > a > span {
    height: 75px;
    display: block;
}

/*authentication*/
form#customer-form .col-md-6:not(.pa-captcha-inf), #login-form .col-md-6{
    width: calc(100% - 30px);
    padding: 0px;
    margin-bottom: 10px;
    float: none;
}
form#customer-form  .form-control-label, form#login-form  .form-control-label{
    width: 100%;
    max-width: 100%;
}
#authentication button.btn.btn-primary.form-control-submit, #authentication #submit-login{
    width: 100%;
    margin: 0px;
}
#authentication .captcha_register + div {
    visibility: hidden;
    position: absolute;
}
#authentication .tooltip.tooltip-bottom {
    padding: 0;
    margin: 0
}

#authentication .custom-checkbox {
    display: flex
}

#authentication .custom-checkbox span {
    flex: 0 0 0.9375rem
}

#authentication .custom-checkbox label {
    padding-left: 0px
}
#authentication .custom-checkbox em {
    font-size: 11px;
    line-height: 11px;
    font-weight: normal;
    font-style: normal;
    padding-left: 0px;
    display: block;
    padding-top: 6px;
}
.page-authentication #content {
    padding: 1rem;
    background: #fff;
    max-width: 640px;
    margin: 0 auto
}

.page-authentication #content .forgot-password {
    text-align: left;
    font-size: 0.875rem;
    margin-top: 1rem;
    padding-bottom: 0.9375rem
}

.page-authentication #content .forgot-password .secure-connection {
    font-size: 13px;
    float: right;
    color: #00b22d
}

.page-authentication #content .forgot-password .secure-connection>i {
    color: #00b22d;
    font-size: 15px
}

.page-authentication #content hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1)
}

.page-authentication .page-header {
    text-align: center
}
/*end authentication*/

@media (max-width: 767px) {
    .forgotten-password .form-fields .email {
        width: 100%;
        padding-right: 10px;
        padding-left: 10px
    }
    .sidebarmyaccount {
        padding-left: 0px;
    }
    .displayCustomerAccountContent > *{
        width: 100%
    }
    #my-account .link-item>.history-content .desc {
        font-size: 12px;
        line-height: 19px;
    }
    .btn_contact {
        padding: 0.5rem 0.25rem;
     }
}

.displayCustomerAccountContent {
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(-0.5 * var(--bs-gutter-x));
    padding-right: 0;
}

div#content-wrapper {
    padding-bottom: 30px;
}