.account {
    line-height: 2.15
}

.account .title {
    font-size: 3rem;
    letter-spacing: -.035em
}

.account p {
    font-family: Poppins, sans-serif;
    line-height: 2.15;
    letter-spacing: -.017em
}

.account p span {
    color: #333
}

.account p:first-child {
    letter-spacing: -.005em
}

.account p .link-to-tab {
    text-decoration: underline
}

.account #dashboard p {
    color: #777
}

.account .btn.btn-dark {
    padding: 0.93em 1.97em
}

.account label {
    display: block;
    padding-left: .2rem;
    margin-bottom: 1rem;
    font-size: 1.4rem;
    line-height: 1
}

.account .form-control {
    font-size: 1.3rem;
    font-family: Poppins, sans-serif;
    transition: background-color .3s, border-color .3s;
    color: #999;
    border-radius: .3rem
}

.account .form-control:focus {
    border-color: #222
}

.account .nav-tabs {
    width: auto;
    border-right: none
}

.account .nav-item {
    border-bottom: 1px solid #eee;
    color: #222
}

.account .nav-item a {
    display: block;
    padding: 1.7rem .8rem 1.6rem;
    margin: 0;
    font-weight: 600;
    letter-spacing: -.015em;
    line-height: 1;
    text-transform: none
}

.account .nav-item:hover .nav-link {
    color: #26c
}

.account .nav-item.show .nav-link,
.account .nav-item .nav-link.active {
    color: #26c
}

.account .tab-pane {
    padding: .8rem 0 0
}

.productos thead,
.account thead {
    text-align: left
}

.productos thead,
.account thead th {
    padding: 1.5rem 0;
    background-color: #f4f4f4
}

.productos tbody td,
.account tbody td {
    padding: 1.5rem 1rem 1.5rem 0
}

.productos tbody tr:nth-child(2n) td,
tr:nth-child(even) {
    background-color: #f4f4f4
}

.productos td:first-child,
.account td:first-child {
    padding-left: 1rem
}

.account .order-total {
    width: 25.9rem;
    font-size: 1.4rem;
    font-weight: 400;
    color: #666
}

.productos .order-table {
    font-size: 1.4rem;
    font-weight: 400;
    color: #666
}

.account legend {
    color: #222
}

.account .btn {
    /*    padding: 1em 1.87em */
}

.productos .order-table,
.account .order-table {
    border: 1px solid #eee
}

.productos .order-table,
.account .order-action .btn {
    padding: 0
}

.btn-danger {
    color: #fff;
    margin: 2rem 12rem;
    padding: 3px;
    background-color: #ed5565;
    border-color: #ed5565;
}

.btn-danger:hover,
.btn-danger:focus {
    color: #fff;
    background-color: #df3243;
    border-color: #df3243;
}

#downloads .btn,
.card-address .btn {
    padding: 0
}

.card-address .btn i {
    font-size: 1.4rem
}

.order-number {
    width: 11.4rem;
    color: #000
}

.order-date {
    width: 24.8rem;
    color: #666
}

.order-status {
    width: 14.7rem;
    font-size: 1.2rem;
    color: #222
}

.order-origin {
    width: 14.7rem;
    font-size: 1.2rem;
    color: rgb(255, 255, 255)
}

.order-status span {
    display: inline-block;
    padding: .1rem .5rem;
    background-color: #ccc;
    border-radius: .3rem;
    line-height: 1.9
}

.origin-spanWeb {
    display: inline-block;
    padding: .1rem .5rem;
    background-color: rgb(53 95 148);
    border-radius: .3rem;
    line-height: 1.9
}

.origin-spanDimasa {
    display: inline-block;
    padding: .1rem .5rem;
    background-color: rgb(13 139 55);
    border-radius: .3rem;
    line-height: 1.9
}

.card-address p {
    margin-bottom: 1rem
}

@media (max-width: 767px) {
    .account .nav-tabs {
        width: 100%
    }

    .account .tab-content {
        padding-left: 1.5rem
    }
}

/* @media (max-width: 479px) {

    .order-action,
    thead th:last-child {
        display: none
    }
} */

.trDevoluciones {
    position: absolute;
    top: 0;
    opacity: 0;
    transition: 0.5s ease-in-out;
}

.logout_client:hover,
.menu-area-personal:hover {
    color: #00377A !important;
}

.menu-active-underline>li>.menu-area-personal::before,
    {
    background-color: #00377A;
    height: 3px;
    border: none;
    bottom: .8rem;
}

.js-example-basic-single {
    color: #999;
    font-size: 1.3rem;
    font-family: Poppins, sans-serif;
    border: none;
    width: 100%;
}