.myorders{padding:0;color:#2d2d2d;margin-top:-45px}
.myorders .label{font-weight:bold;text-transform:uppercase}
.myorders .no-orders{flex-basis:100%;display:flex;justify-content:center;align-items:center;height:100px;margin:1rem .8rem 40px}
.myorders .no-orders.hidden{display:none}
.myorders .no-orders.cmp-title{background-color:transparent}
.myorders .no-orders .cmp-title__text{width:300px;text-align:center;font-weight:bold;border-bottom:0;padding:0;font-size:12px;letter-spacing:1.2px;text-transform:none}
@media only screen and (min-width:1024px){.myorders .no-orders{height:unset;border:0}
.myorders .no-orders .cmp-title{height:unset;justify-content:flex-start;margin:2rem 0}
.myorders .no-orders .cmp-title__text{text-align:unset;width:100%;padding:0 0 15px;margin:0;letter-spacing:1.4px;font-size:14px;border-bottom:1px solid #e2e2e2}
}
.myorders .loader-container.loading-dog__hidecontent{z-index:99;position:fixed;top:0;left:0;width:100%;height:100%;display:flex;background:gray;opacity:.8;align-items:center}
.myorders__field:first-of-type{border-top:1px solid #ccc;padding-top:2rem}
.myorders__field.order-number{font-weight:bold}
.myorders__field-label.order-details{font-weight:bold}
.myorders__field-value a{color:#2d2d2d}
.myorders__field-value.status{text-transform:capitalize}
.myorders__field-value.tracking{text-decoration:underline}
.myorders .cmp-title{margin-bottom:1.4rem;background-color:#f4f4f4;padding:2.5rem 0;font-weight:bold}
.myorders .cmp-title__text{margin:0;text-align:center;letter-spacing:1.8px;color:#1e1e1e;text-transform:uppercase;font-weight:bold;font-size:20px}
.myorders .cmp-form-container{margin:0}
.myorders .cmp-accordion{margin:1.3rem 0 0}
.myorders .cmp-accordion__panel{display:none;padding:.75rem 0 3rem}
.myorders .cmp-accordion__panel.isVisible{display:block}
.myorders .cmp-accordion__title{font-size:.75rem;left:0;font-weight:bold;letter-spacing:0;color:#2d2d2d}
.myorders .cmp-accordion__button{padding:1rem 0 0;border-color:#ccc !important}
.myorders .cmp-accordion__button--expanded{padding-bottom:1rem;border-bottom:1px solid #ccc !important}
.myorders .cmp-accordion__item:last-child .cmp-accordion__button,.myorders .cmp-accordion__panel{border-bottom:0}
.myorders .hidden{display:none}
.myorders__list{display:flex;padding-left:0;flex-direction:column;list-style:none}
.myorders__list-item.past,.myorders__list-item-counter.past{order:10000}
.myorders__list-item.past .myorders__topicon,.myorders__list-item-counter.past .myorders__topicon,.myorders__list-item.past .myorders__progressbar,.myorders__list-item-counter.past .myorders__progressbar,.myorders__list-item.past .myorders__progressbar-statusdesc,.myorders__list-item-counter.past .myorders__progressbar-statusdesc,.myorders__list-item.past .myorders__progressbar-statuschecks,.myorders__list-item-counter.past .myorders__progressbar-statuschecks{display:none}
.myorders__list-item.pastcounter,.myorders__list-item-counter.pastcounter{order:9999}
.myorders__list-item.step1 .myorders__topicon,.myorders__list-item-counter.step1 .myorders__topicon{text-align:right}
.myorders__list-item.step1 .myorders__progressbar-statuschecks .myorders__progressbar-status:first-child,.myorders__list-item-counter.step1 .myorders__progressbar-statuschecks .myorders__progressbar-status:first-child{opacity:1}
.myorders__list-item.step2 .myorders__topicon,.myorders__list-item-counter.step2 .myorders__topicon{text-align:center}
.myorders__list-item.step2 .myorders__progressbar-statuschecks .myorders__progressbar-status:first-child,.myorders__list-item-counter.step2 .myorders__progressbar-statuschecks .myorders__progressbar-status:first-child,.myorders__list-item.step2 .myorders__progressbar-statuschecks .myorders__progressbar-status:nth-child(2),.myorders__list-item-counter.step2 .myorders__progressbar-statuschecks .myorders__progressbar-status:nth-child(2){opacity:1}
.myorders__list-item.step3 .myorders__progressbar-statuschecks .myorders__progressbar-status,.myorders__list-item-counter.step3 .myorders__progressbar-statuschecks .myorders__progressbar-status{opacity:1}
.myorders__list-item{margin-bottom:.75rem;padding:1rem;background:#fafafa}
.myorders__list-item-counter{position:relative;margin-top:1.5rem;margin-bottom:.5rem;padding-bottom:1.2rem;letter-spacing:1.6px}
.myorders__list-item-counter::after{content:"";z-index:-1;position:absolute;bottom:0;left:0;right:0;height:.8rem;border-top:1px solid #d9d9d9}
.myorders__list-item-counter.inprogress{margin:15px .8rem 25px;text-transform:uppercase;font-weight:bold;font-size:12px;letter-spacing:1.2px}
.myorders__list-item-counter-desc{display:inline-block;padding:0 1rem 0 .5rem;background-color:#fff}
.myorders__topicon{display:block;margin:1rem 0 .25rem;padding:0 .7rem;transform:scale(-1,1);font-size:2.2rem}
.myorders__progressbar{display:flex;counter-reset:count}
.myorders__progressbar-remaining{flex-grow:1;border-top:3px solid #ccc}
.myorders__progressbar-statusdesc,.myorders__progressbar-statuschecks{display:flex;justify-content:space-between;position:relative;padding:.5rem 0 1rem;margin:0;list-style:none;font-size:.75rem}
.myorders__progressbar-statuschecks{padding-top:0;padding-bottom:.7rem}
.myorders__progressbar-statuschecks .myorders__progressbar-status{color:#aabab8;opacity:0}
.myorders__progressbar-statuschecks .myorders__progressbar-status .icon{font-size:1rem}
.myorders__progressbar-statuschecks .myorders__progressbar-status .icon:first-child{padding-left:1rem}
.myorders__progressbar-statuschecks .myorders__progressbar-status .icon:last-child{padding-right:1rem}
.myorders__progressbar-status{counter-increment:count;font-size:.75rem;text-transform:uppercase;z-index:0}
.myorders__progressbar-status:before{content:counter(count);counter-increment:step;width:35px;line-height:35px;display:block;text-align:center;font-size:12px;color:#fff;background:#ccc;border-radius:50%;margin-bottom:.5rem}
.myorders__progressbar-status:after{content:'';width:calc(100% - 35px);height:5px;background:#ccc;position:absolute;left:35px;top:23px;z-index:-1}
.myorders__progressbar-status:last-child:before{margin-left:auto}
.myorders__progressbar-status:first-child:after{display:none}
.myorders__progressbar-done:before{color:#fff;background:#333}
.myorders__progressbar-done:after{background:#333}
.myorders__field{display:flex;padding:.5rem 0;font-size:.75rem}
.myorders__field-label{flex-basis:180px;text-transform:uppercase}
.myorders__field.bold{font-weight:bold}
.myorders__separator{margin:1.3rem 0}
.myorders__other{display:inline-flex;width:48%;flex-direction:column;padding:.5rem .5rem 0 0;font-size:.75rem;max-width:240px}
.myorders__other-label{text-transform:uppercase;margin-bottom:1rem}
.myorders__other.bold{font-weight:bold}
.myorders .order-list{padding:0;font-size:.75rem;margin-bottom:1rem}
.myorders .order-list__item{display:flex;padding:1.5rem 0;border-bottom:1px solid #ccc}
.myorders .order-list__item__img{flex-basis:75%;margin-right:1rem;padding-top:1rem;max-width:220px}
.myorders .order-list__item__img .order-thumbnail-link{width:100%}
.myorders .order-list__item__content{flex-basis:auto;padding-top:1rem;display:flex;flex-wrap:wrap;align-items:flex-start}
@media only screen and (min-width:1024px){.myorders .order-list__item__content-info p{margin-bottom:.5rem}
}
.myorders .order-list__item__content-name,.myorders .order-list__item__content label,.myorders .order-list__item__content-qty .label,.myorders .order-list__item__content-color .label{font-weight:bold;text-transform:uppercase}
.myorders .order-list__item__content-qty,.myorders .order-list__item__content-status{display:flex;flex-wrap:wrap;margin-bottom:20px}
.myorders .order-list__item__content-qty .qty-status,.myorders .order-list__item__content-status .qty-status,.myorders .order-list__item__content-qty .item-status,.myorders .order-list__item__content-status .item-status{flex-basis:100%;text-transform:capitalize}
.myorders .order-list__item__content-color{text-transform:uppercase}
.myorders .order-list__item__content-name{font-size:14px;letter-spacing:1.4px}
.myorders .order-list__item__content-price.hasWasPrice .wasPrice{text-decoration:line-through}
.myorders .order-list__item__content-price.hasWasPrice .currentPrice{margin-right:10px;color:#e73234}
.myorders .order-list__item__content>div{flex-basis:100%}
.myorders .order-list__item__content>div:last-child{font-size:14px;margin-top:20px}
.myorders .order-list__price{display:block}
.myorders .order-list__item-total{display:flex;padding:1rem 0;text-transform:uppercase}
.myorders .order-list__item-total.tax{border-top:1px solid #ccc;padding:5px 0 30px}
@media only screen and (min-width:1024px){.myorders .order-list__item-total.tax{border-top:0;padding:.5rem 0 .5rem 50%}
}
.myorders .order-list__item-total:last-child{border-bottom:1px solid #ccc;font-weight:bold;padding-bottom:30px}
.myorders .order-list__item-total .one{flex-basis:48%;max-width:240px}
.myorders__tracklink{display:block;margin-top:.8rem;font-size:.7rem;letter-spacing:1px;font-weight:bold;color:#000;text-transform:uppercase;text-decoration:underline}
.myorders__tracklink:hover{text-decoration:underline}
@media only screen and (min-width:1024px){.myorders .cmp-form-container{margin:0 auto}
.myorders .order-list__item{display:flex;padding:1rem 0;border-bottom:1px solid #ccc}
.myorders .order-list__item__img{flex-basis:25%;margin-right:1rem;padding-top:1rem}
.myorders .order-list__item__img .order-thumbnail-link{width:100%}
.myorders .order-list__item__content{flex-basis:75%;padding-top:1rem;display:flex}
.myorders .order-list__item__content>div{flex-basis:28%}
.myorders .order-list__item__content>div:last-child{flex-basis:10%;margin-top:0}
.myorders .order-list__price{display:block}
.myorders .order-list__item-total{display:flex;padding:.5rem 0 .5rem 50%}
.myorders .order-list__item-total.subtotal{padding-top:30px}
.myorders .order-list__item-total:last-child{border-bottom:1px solid #ccc}
.myorders .order-list__item-total .one{flex:auto}
}
@media only screen and (min-width:1024px){.myorders{max-width:1000px;margin-top:4.7rem;padding:0 1rem 0 2rem}
.myorders .cmp-title{margin-bottom:2rem;padding:1rem}
.myorders .cmp-title__text{margin:0;font-weight:bold;font-size:26px}
.myorders__list-item{padding-bottom:1.3rem;margin-bottom:3rem}
.myorders__list-item.past{padding-bottom:1rem;border-top:0;border-left:0;border-right:0;border-radius:0}
.myorders__list-item.past .myorders__field{padding:0}
.myorders__topicon{margin-top:.5rem;font-size:3rem}
.myorders__progressbar-statusdesc{width:40%}
.myorders__progressbar-statuschecks{padding-bottom:1.2rem}
.myorders__progressbar-statuschecks .myorders__progressbar-status .icon:first-child{padding-left:1.3rem}
.myorders__progressbar-statuschecks .myorders__progressbar-status .icon:last-child{padding-right:1.3rem}
}