body.wcz-btn-style-plain.woocommerce ul.products li.product a.button,
body.wcz-btn-style-plain.woocommerce.single-product
div.product
form.cart
.button,
body.wcz-btn-style-plain.wcz-wooblocks
ul.wc-block-grid__products
li.wc-block-grid__product
.add_to_cart_button {
display: inline-block;
background: none;
font-size: 16px;
line-height: 1.1;
font-weight: normal;
padding: 10px 20px 11px;
background-color: #e8e8e8;
border: 0;
border-radius: 2px;
box-shadow: none;
text-decoration: none;
color: #717171;
text-shadow: none;
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
body.wcz-btn-style-detailed.woocommerce ul.products li.product a.button,
body.wcz-btn-style-detailed.woocommerce.single-product
div.product
form.cart
.button,
body.wcz-btn-style-detailed.wcz-wooblocks
ul.wc-block-grid__products
li.wc-block-grid__product
.add_to_cart_button {
display: inline-block;
background: none;
font-size: 16px;
line-height: 1.1;
font-weight: normal;
padding: 10px 20px 11px;
background-color: #e8e8e8;
border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 4px;
box-shadow:
inset 0 1px 0 rgba(255, 255, 255, 0.5),
0 1px 4px rgba(0, 0, 0, 0.1);
text-decoration: none;
color: #656565;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
-webkit-transition: all 0.2s ease 0s;
-moz-transition: all 0.2s ease 0s;
-ms-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
body.wcz-btn-style-plain.woocommerce ul.products li.product a.button:hover,
body.wcz-btn-style-detailed.woocommerce ul.products li.product a.button:hover,
body.wcz-btn-style-plain.woocommerce.single-product
div.product
form.cart
.button:hover,
body.wcz-btn-style-detailed.woocommerce.single-product
div.product
form.cart
.button:hover,
body.wcz-btn-style-plain.wcz-wooblocks
ul.wc-block-grid__products
li.wc-block-grid__product
.add_to_cart_button,
body.wcz-btn-style-detailed.wcz-wooblocks
ul.wc-block-grid__products
li.wc-block-grid__product
.add_to_cart_button {
background-color: #757575;
color: #fff;
text-shadow: none;
} body.wcz-edit-sale.woocommerce ul.products li.product span.onsale,
body.wcz-edit-sale.single-product span.onsale,
body.wcz-edit-sale .wcz-popup span.onsale,
body.wcz-edit-sale.wcz-wooblocks
ul.wc-block-grid__products
li.wc-block-grid__product
.wc-block-grid__product-onsale {
min-width: initial;
min-height: initial;
height: auto;
width: fit-content;
border-radius: 0;
margin: 5px;
padding: 5px 10px 6px;
font-size: 15px;
font-weight: 400;
line-height: 1;
}
body.wcz-edit-sale.wcz-wooblocks
ul.wc-block-grid__products
li.wc-block-grid__product
.wc-block-grid__product-onsale {
border-color: rgba(0, 0, 0, 0.25);
}
body.wcz-wooblocks
ul.wc-block-grid__products
li.wc-block-grid__product
.wc-block-grid__product-price
del {
font-size: 0.8em;
}
body.wcz-wooblocks
ul.wc-block-grid__products
li.wc-block-grid__product
.wc-block-grid__product-price__value {
font-weight: 400;
}
body.wcz-wooblocks
ul.wc-block-grid__products
li.wc-block-grid__product
.wc-block-grid__product-price
ins {
background: none;
} .wcz-banner-notice {
margin: 0 auto 20px;
}
.wcz-banner-notice h4 {
font-size: inherit;
margin: 0 0 10px;
padding: 0;
}
.wcz-banner-notice.wcz-notice-one h4 {
color: #2f79ff;
}
.wcz-banner-notice p {
font-size: inherit;
} .wcz-banner-notice.wcz-notice-two {
border: 1px solid #2f79ff;
background-color: rgba(46, 119, 255, 0.06);
border-radius: 4px;
padding: 20px;
} .wcz-banner-notice.wcz-notice-three {
box-shadow: 4px 0 0 #2f79ff inset;
padding: 2px 0 2px 25px;
} .wcz-banner-notice.wcz-notice-four {
background-color: #2f79ff;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0 0 4px rgba(255, 255, 255, 0.4) inset;
color: #fff;
padding: 20px;
}
.wcz-banner-notice.wcz-notice-four h4,
.wcz-banner-notice.wcz-notice-four p {
text-shadow: none;
}
.wcz-banner-notice.wcz-notice-two p,
.wcz-banner-notice.wcz-notice-three p,
.wcz-banner-notice.wcz-notice-four p {
margin: 0;
} .wcz-product-long-desc,
.wcz-product-reviews,
.wcz-product-addinfo {
margin: 35px 0;
padding: 35px 0;
position: relative;
clear: both;
}
.wcz-product-long-desc .wcz-inner,
.wcz-product-reviews .wcz-inner,
.wcz-product-addinfo .wcz-inner {
margin: 0 auto;
}
.wcz-product-long-desc.center {
text-align: center;
}
.wcz-product-long-desc::before,
.wcz-product-long-desc::after,
.wcz-product-reviews::before,
.wcz-product-reviews::after,
.wcz-product-addinfo::before,
.wcz-product-addinfo::after {
display: block;
content: "";
clear: both;
}
.wcz-longdescdiv-one,
.wcz-reviewsdiv-one,
.wcz-addinfodiv-one {
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
}
.wcz-longdescdiv-one.bot-divider,
.wcz-reviewsdiv-one.bot-divider,
.wcz-addinfodiv-one.bot-divider {
box-shadow:
0 -1px 0 rgba(0, 0, 0, 0.12),
0 1px 0 rgba(0, 0, 0, 0.12);
}
.wcz-longdescdiv-two,
.wcz-reviewsdiv-two,
.wcz-addinfodiv-two {
border-top: 1px dashed rgba(0, 0, 0, 0.12);
}
.wcz-longdescdiv-two.bot-divider,
.wcz-reviewsdiv-two.bot-divider,
.wcz-addinfodiv-two.bot-divider {
border-bottom: 1px dashed rgba(0, 0, 0, 0.12);
}
.wcz-longdescdiv-three::before,
.wcz-reviewsdiv-three::before,
.wcz-addinfodiv-three::before {
height: 3px;
position: absolute;
top: -1px;
width: 40px;
background-color: rgba(0, 0, 0, 0.2);
left: 50%;
margin-left: -20px;
}
.wcz-longdescdiv-three.bot-divider::after,
.wcz-reviewsdiv-three.bot-divider::after,
.wcz-addinfodiv-three.bot-divider::after {
height: 3px;
position: absolute;
bottom: -1px;
width: 40px;
background-color: rgba(0, 0, 0, 0.2);
left: 50%;
margin-left: -20px;
}
.wcz-cart-empty-txt {
margin: 0 0 25px;
}
.woocommerce td.product-name dl.variation {
margin: 5px 0 0;
font-size: 0.9em;
}
.woocommerce-cart .wcz-cart-stock p,
.woocommerce td.product-name dl.variation dd p,
body.theme-storefront .woocommerce td.product-name dl.variation dd,
body.theme-go .woocommerce tr.cart_item .variation p {
margin: 0;
}
body.theme-oceanwp .woocommerce td.product-name dl.variation dt,
body.theme-go .woocommerce tr.cart_item dt,
body.theme-storefront .woocommerce tr.cart_item dt {
float: left;
}
.wcz-checkout-secureimg,
.wcz-checkout-potxt {
padding: 20px 0 0;
color: #999;
display: block;
clear: both;
}
.wcz-checkout-secureimg img {
display: inline-block;
}
.wcz-checkout-secureimg.wcz-checkout-centerimg {
text-align: center;
}
.wcz-stock-remaining {
margin: 10px 0 0;
font-size: 0.8em;
color: rgba(0, 0, 0, 0.6);
}
.wcz-stock-sold {
font-size: 0.85em;
margin: 0 0 20px;
} .wcz-woocommerce.wcz-tabstyle-side.woocommerce-account
.woocommerce-MyAccount-navigation {
width: 20%;
margin: 0;
}
.wcz-woocommerce.wcz-tabstyle-side.woocommerce-account
.woocommerce-MyAccount-navigation
ul {
margin: 0;
padding: 0 4px 0 0;
box-shadow: -1px 0 0 rgba(0, 0, 0, 0.08) inset;
}
.wcz-woocommerce.wcz-tabstyle-side.woocommerce-account
.woocommerce-MyAccount-navigation
ul
li {
margin: 0 0 1px;
padding: 0;
list-style-type: none;
}
.wcz-woocommerce.wcz-tabstyle-side.woocommerce-account
.woocommerce-MyAccount-navigation
ul
li
a {
display: block;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
padding: 12px 15px !important;
text-decoration: none;
font-size: 0.9em;
}
.wcz-woocommerce.wcz-tabstyle-side.woocommerce-account .is-active {
box-shadow: 4px 0 0 rgba(0, 0, 0, 0.3) inset;
}
.wcz-woocommerce.wcz-tabstyle-side.woocommerce-account
.woocommerce-MyAccount-content {
width: 75%;
margin: 0;
} .wcz-woocommerce.wcz-tabstyle-horizontal.woocommerce-account
.woocommerce-MyAccount-navigation,
.wcz-woocommerce.wcz-tabstyle-horizontal.woocommerce-account
.woocommerce-MyAccount-content {
width: 100%;
float: none;
margin: 0;
}
.wcz-woocommerce.wcz-tabstyle-horizontal.woocommerce-account
.woocommerce-MyAccount-navigation
ul {
margin: 0 0 30px;
padding: 0;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
}
.wcz-woocommerce.wcz-tabstyle-horizontal.woocommerce-account
.woocommerce-MyAccount-navigation
ul
li {
margin: 0 -3px 0 0;
padding: 0;
list-style-type: none;
display: inline-block;
}
.wcz-woocommerce.wcz-tabstyle-horizontal.woocommerce-account
.woocommerce-MyAccount-navigation
ul
li
a {
display: block;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
padding: 12px 15px !important;
text-decoration: none;
font-size: 0.9em;
}
.wcz-woocommerce.wcz-tabstyle-horizontal.woocommerce-account .is-active {
background-color: rgba(0, 0, 0, 0.05);
} .wcz-soldout {
display: block;
z-index: 11;
}
body.wcz-soldout-style-angle .wcz-soldout {
background-color: red;
color: #fff;
transform: rotate(-32deg);
position: absolute;
top: 20%;
left: 50%;
margin: 0 0 0 -45px;
padding: 2px 15px;
}
body.wcz-soldout-style-overbtn .wcz-soldout {
position: absolute;
top: auto;
bottom: 0;
left: 0;
width: 100%;
padding: 10px;
background-color: rgba(255, 255, 255, 0.85);
} .wcz-direct-checkout-cart {
margin: 0 auto 25px;
}
.wcz-direct-checkout-notice {
background-color: #75b2ff;
box-shadow: inset 0 3px 0 rgba(0, 0, 0, 0.25);
color: #fff;
text-align: center;
padding: 18px 15px 15px;
font-size: 15px;
}
.wcz-direct-checkout-cart form.woocommerce-cart-form .coupon {
display: none !important;
} .woocommerce ul.products li.product {
position: relative;
}
.wcz-adminstats-modal {
position: fixed;
left: 15px;
bottom: 15px;
border: 1px solid rgba(0, 0, 0, 0.35);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
background-color: #fff;
border-radius: 4px;
margin: 0;
padding: 15px;
width: 360px;
z-index: 999;
font-size: 13px;
}
.wcz-adminstats-modal.wcz-modal-loading {
height: 50px;
background-image: url(//www.solutionsforcomputers.co.uk/wp/wp-content/plugins/woocustomizer/assets/images/loader.gif);
background-repeat: no-repeat;
background-position: center center;
}
.wcz-adminstats-modal.wcz-modal-loading .wcz-adminstats-modal-inner {
visibility: hidden;
}
.wcz-adminstats-btn {
background-image: url(//www.solutionsforcomputers.co.uk/wp/wp-content/plugins/woocustomizer/assets/images/stats-icon.png) !important;
background-size: 100% auto !important;
background-position: top left;
width: 28px;
height: 28px;
position: absolute;
top: 5px;
left: 5px;
margin: 0;
padding: 2px 6px;
border-radius: 4px;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
font-size: 14px;
text-align: center;
background-color: #d8d8d8;
color: #808080;
z-index: 99;
cursor: pointer;
opacity: 0;
-webkit-transition: opacity 0.3s ease 0s;
-moz-transition: opacity 0.3s ease 0s;
-ms-transition: opacity 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s;
}
ul.products li.product:hover .wcz-adminstats-btn {
opacity: 1;
}
.wcz-adminstats-btn:hover {
background-position: bottom left;
}
.wcz-adminstats-modal h4 {
margin: 0 0 8px;
padding: 0;
font-size: 14px;
font-weight: 700;
color: #222;
display: flex;
align-items: baseline;
}
.wcz-adminstats-modal h4 span {
flex: 1;
white-space: nowrap;
}
.wcz-adminstats-modal h4 span:last-child {
flex: 0.5;
font-size: 11px;
text-align: right;
font-weight: 300;
text-transform: capitalize;
}
.wcz-adminstats-modal h5 {
margin: 15px 0 5px;
padding: 0;
font-size: 14px;
font-weight: 700;
color: #222;
}
.wcz-adminstats-block {
display: flex;
margin: 0 0 3px;
align-items: center;
}
.wcz-adminstats-date {
width: 85px;
color: #999;
}
.wcz-adminstats-title {
flex: 1.8;
}
.wcz-adminstats-title span {
opacity: 0.45;
font-size: 12px;
}
.wcz-adminstats-stat {
flex: 1;
text-align: right;
font-size: 12px;
}
.wcz-adminstats-edit {
text-align: center;
border-top: 1px solid rgba(0, 0, 0, 0.12);
margin: 10px 0 0;
padding: 10px 0 0;
}
.wcz-adminstats-close {
background-image: url(//www.solutionsforcomputers.co.uk/wp/wp-content/plugins/woocustomizer/assets/images/close-icon.png) !important;
background-repeat: no-repeat;
background-position: center center;
position: absolute;
top: 6px;
right: -23px;
font-size: 14px;
background-color: #fff;
color: #8c8b8b;
border: 1px solid rgba(0, 0, 0, 0.35);
border-left: 0;
border-radius: 0 3px 3px 0;
padding: 4px 6px;
margin: 0;
line-height: 1;
width: 23px;
height: 23px;
cursor: pointer;
box-sizing: border-box;
}
.wcz-hide {
display: none;
}
.woocommerce.widget_shopping_cart .mini_cart_item dl.variation {
display: none !important;
}
.wcz-new-product-badge {
position: absolute;
}
.wcz-badge-pos-topleft {
top: 5px;
left: 15px;
}
.wcz-badge-pos-topright {
top: 5px;
right: 15px;
}
.wcz-badge-pos-abovetitle {
height: 0;
position: relative;
}
.wcz-badge-pos-belowtitle {
position: relative;
margin: 10px 0;
}
.wcz-new-product-badge span {
background-color: #2f79ff;
color: #fff;
font-size: 14px;
padding: 2px 5px;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 3px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.16);
}
.wcz-badge-pos-abovetitle span {
position: relative;
top: -50px;
}
a.button.wcz-continue,
a.button.wcz-qv-btn {
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12);
font-weight: 500;
}
.woocommerce .cart .wcz-btsbtn {
display: inline-block;
}
.wcz-btsbtn.center {
text-align: center;
}
.wcz-btsbtn.right {
text-align: right;
}
a.button.wcz-bts-btn {
margin: 0 0 25px;
} .wcz-login-logout.elementor-item a {
color: inherit;
}
@media only screen and (max-width: 782px) {
.wcz-woocommerce.wcz-tabstyle-side.woocommerce-account
.woocommerce-MyAccount-navigation,
.wcz-woocommerce.wcz-tabstyle-side.woocommerce-account
.woocommerce-MyAccount-content {
float: none;
width: 100%;
}
.wcz-woocommerce.wcz-tabstyle-side.woocommerce-account
.woocommerce-MyAccount-navigation
ul {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12);
margin: 0 0 20px;
padding: 0;
}
.wcz-woocommerce.wcz-tabstyle-side.woocommerce-account
.woocommerce-MyAccount-navigation
ul
li {
display: inline-block;
margin: 0 -4px 0 0;
}
}
.woocommerce div.product form.cart div.quantity {
vertical-align: middle;
}
.wcz-qty-suffix {
display: inline-block;
vertical-align: middle;
float: left;
margin: 8px 20px 0 4px;
font-size: 0.95em;
}
.wcz-qty-suffix.nofloat {
float: none;
}
.product .price small {
opacity: 0.72;
}.simple-banner,
.simple-banner_2,
.simple-banner_3,
.simple-banner_4,
.simple-banner_5 {
width: 100%;
text-align: center;
position: relative;
display: block;
}
.simple-banner .simple-banner-text,
.simple-banner_2 .simple-banner-text_2,
.simple-banner_3 .simple-banner-text_3,
.simple-banner_4 .simple-banner-text_4,
.simple-banner_5 .simple-banner-text_5 {
font-weight: 700;
padding: 10px 20px;
position: relative;
}
.simple-banner .simple-banner-button,
.simple-banner_2 .simple-banner-button_2,
.simple-banner_3 .simple-banner-button_3,
.simple-banner_4 .simple-banner-button_4,
.simple-banner_5 .simple-banner-button_5 {
border: none;
background-color: transparent;
padding: 0 5px;
margin: 0 10px;
text-align: center;
text-decoration: none;
position: absolute;
transform: translate(0%, -50%);
right: 0;
top: 50%;
font-size: 16px;
cursor: pointer;
}section.wps-order-section {
box-shadow: 0 0 1px 0 #fb8c00;
margin: 30px auto;
max-width: 980px;
width: 100%;
}
section.wps-order-section::after {
clear: both;
content: "";
display: table;
}
.wps_track_order, a.thickbox {
margin-top: 15px !important;
}
.wps_tofw_enhanced_content {
text-align: center;
margin-bottom: 30px;
font-size: 25px;
font-weight: bold;
text-transform: uppercase;
word-spacing: 2px;
letter-spacing: 0.7px;
color: #000;
}
.wps-order-details-header h2 {
color: #333333;
font-size: 22px;
margin: 0;
padding: 10px 20px;
}
.wps-order-details-div ul,
.wps-order-details-section .wps-order-details-div ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.wps-order-details-div .wps_tofw_order_list li {
width: 100%;
}
.wps-tofw-address-block li {
width: 100% !important;
}
.wps-order-details-div .wps-order-listing li span:first-child {
color: #848484;
display: inline-block;
max-width: 100px;
width: 100%;
}
.wps_tofw_shop_table.order_details.wps-product-details-table.wps-product-details-table-template tr td {
vertical-align: middle;
}
.wps-order-details-section {
background-color: #ffffff;
box-shadow: 1px 1px 5px 2px #eeeeee;
margin: 40px auto;
max-width: 960px;
padding: 20px;
width: 100%;
}
.wps-order-details-section::after {
clear: both;
content: "";
display: table;
}
.wps-order-details-div {
float: left;
padding: 2%;
width: 46%;
}
.wps-order-details-div h3 {
margin: 0 0 15px;
font-family: "Helvetica", sans-serif;
}
.wps-order-details-div:last-child {
border-left: 1px dotted #cccccc;
padding-left: 1%;
}
.wps-order-details-div .wps-order-listing>li {
border-bottom: 1px solid #dddddd;
padding: 5px 0;
}
table.wps-product-details-table {
border: 1px solid #fb8c00;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
table.wps-product-details-table thead tr th {
background: #fb8c00 none repeat scroll 0 0;
color: #ffffff;
font-family: "Helvetica", sans-serif;
font-size: 14px;
padding: 10px;
text-transform: uppercase;
text-align: center;
}
table.wps-product-details-table tbody tr td {
padding: 10px;
font-family: "Helvetica", sans-serif;
}
.wps-product-wrapper {
float: left;
padding: 10px;
}
.wps-product-wrapper.wps-product-img {
height: 120px;
width: 120px;
margin-top: 20px;
}
.wps-product-wrapper.wps-product-desc {
width: 40%;
}
.wps-img-responsive {
max-width: 100%;
margin: 0 auto;
display: block;
}
.wps-product-wrapper h4 {
font-family: "Helvetica", sans-serif;
margin: 0;
}
.wps-product-wrapper h4 a {
color: #000000;
text-decoration: none;
}
.wps-product-wrapper dl dt {
float: left;
}
.wps-delivery-div {
border: 1px solid #dddddd;
border-radius: 3px;
width: 100%;
}
.wps-delivery-div>span {
display: block;
font-family: "Helvetica", sans-serif;
font-size: 11px;
padding: 5px;
}
table.wps-product-details-table tbody tr td .wps-design-division .wps-controller>span {
border-left: 1px dotted #dddddd;
float: left;
height: 60px;
max-width: 33%;
text-align: center;
width: 100%;
}
.wps-design-division .wps-controller>span:last-child {
border-right: 1px dotted #dddddd !important;
}
.wps-design-division::after,
.wps-controller::after {
clear: both;
content: "";
display: table;
}
.wps-design-division {
position: relative;
}
.wps-design-division::after {
border-bottom: 1px solid #dddddd;
content: "";
left: 0;
position: absolute;
right: 0;
top: 30px;
width: 100%;
}
.wps-controller {
position: relative;
}
.wps-order-listing li span {
font-family: "Helvetica", sans-serif;
}
.wps-circle.hollow {
background-color: #e0e0e0;
}
.wps-circle:hover {
transform: scale(1.2);
transition: 0.1s linear all;
}
.wps-circle.active::after {
border: 2px solid #66b032;
border-radius: 50%;
bottom: 0;
content: "";
left: -6px;
margin: 0 auto;
padding: 14px;
position: absolute;
right: 0;
top: -6px;
}
.wps-circle {
background-color: #66b032;
border-radius: 50%;
cursor: pointer;
display: inline-block;
height: 20px;
line-height: 12px;
margin: 0 6px;
position: relative;
top: 19px;
transition: all 0.1s linear 0s;
width: 20px;
z-index: 5;
}
.wps-circle:hover+.tooltip-msg .wps-delivery-msg {
display: block;
}
.wps-delivery-div>span:first-child {
border-bottom: 1px solid #dddddd;
}
.wps-delivery-msg>h4 {
font-size: 12px;
margin: 0;
}
.wps-controller .wps-deliver-msg {
background-color: #d7d7d7;
border-radius: 3px;
bottom: -50px;
left: 0;
padding: 15px 10px;
position: absolute;
right: 0;
}
.wps-controller .wps-deliver-msg h4 {
position: relative;
margin: 0;
}
.wps-circle.revert {
background-image: url(//www.solutionsforcomputers.co.uk/wp/wp-content/plugins/track-orders-for-woocommerce/public/images/revert.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.wps-circle.order-cancelled {
background-image: url(//www.solutionsforcomputers.co.uk/wp/wp-content/plugins/track-orders-for-woocommerce/public/images/order-cancelled.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.wps-delivery-msg {
background-color: #f9f9f9;
border: 1px solid rgba(221, 221, 221, 0.867);
border-radius: 3px;
box-shadow: 0 1px 3px -2px #000000;
box-sizing: border-box;
left: 0;
padding: 15px 10px;
position: absolute;
right: 0;
top: 60px;
width: 100%;
display: none;
}
.wps-delivery-msg::after {
border-bottom: 8px solid #f9f9f9;
border-left: 8px solid rgba(0, 0, 0, 0);
border-right: 8px solid rgba(0, 0, 0, 0);
content: "";
position: absolute;
top: -8px;
left: 35px;
}
.wps-delivery-msg::before {
border-bottom: 8px solid #445566;
border-left: 8px solid rgba(0, 0, 0, 0);
border-right: 8px solid rgba(0, 0, 0, 0);
content: "";
left: 10px;
position: absolute;
top: -8px;
left: 35px;
z-index: 0;
}
.wps_delivery_date {
font-weight: bold;
}
.wps-circle.red {
background-color: #e53935;
}
.wps-tofw-wps-delivery-msg {
display: none;
}
.expected_deliver_date {
font-weight: bold;
}
#wps_tofw_total_item {
text-align: center;
}
@media only screen and (max-width:768px) {
.wps-order-details-div {
float: none;
box-sizing: border-box;
width: 100%;
}
}
@media only screen and (max-width:620px) {
.wps-controller .wps-deliver-msg {
padding: 5px 10px;
}
.wps-controller .wps-deliver-msg h4 {
font-size: 13px;
}
.wps-controller .wps-deliver-msg {
bottom: -30px;
}
.wps-design-division {
padding-bottom: 0;
}
table.wps-product-details-table tbody tr td .wps-design-division .wps-controller>span {
max-width: 32%;
}
table.wps_tofw_shop_table.order_details.wps-product-details-table.wps-tofw-track-order-table thead th:last-child {
display: none;
}
table.wps_tofw_shop_table.order_details.wps-product-details-table.wps-tofw-track-order-table thead th {
float: left;
width: 33.33%;
}
table.wps_tofw_shop_table.order_details.wps-product-details-table.wps-tofw-track-order-table {
display: block;
}
table.wps_tofw_shop_table.order_details.wps-product-details-table.wps-tofw-track-order-table tr,
table.wps_tofw_shop_table.order_details.wps-product-details-table.wps-tofw-track-order-table tbody td {
display: block;
width: 100%;
}
table.wps_tofw_shop_table.order_details.wps-product-details-table.wps-tofw-track-order-table tbody {
display: block;
}
table.wps_tofw_shop_table.order_details.wps-product-details-table.wps-tofw-track-order-table thead {
display: block;
}
}
@media only screen and (max-width:560px) {
.wps-product-wrapper h4 a {
font-size: 13px;
}
}
@media only screen and (max-width:510px) {
.wps-product-wrapper.wps-product-desc h4 {
margin-top: 10px !important;
}
.wps-product-wrapper.wps-product-desc {
width: 70% !important;
}
.wps-controller .wps-deliver-msg h4 {
font-size: 14px;
}
}
@media only screen and (max-width:450px) {
table.wps-product-details-table thead tr th {
font-size: 10px;
padding: 10px;
padding: 5px;
}
.wps-controller .wps-deliver-msg h4 {
font-size: 11px;
}
}
.wps-delivery-division-for-message {
padding-bottom: 50px !important;
}
.wps-product-wrapper.wps-product-desc h4 {
text-align: center;
margin-top: 45px;
margin-left: 50px;
}
td div span h4 {
margin-top: 50px;
}
.wps-product-wrapper.wps-product-desc {
text-align: center;
}
img.attachment-thumbnail.size-thumbnail.wp-post-image {
height: 100%;
max-width: 150px;
width: 100%;
}
td.wpstext-center {
text-align: center;
}
span.wpstext-center {
text-align: center;
display: block;
} .wps-tofw-order-info {
list-style: outside none none;
margin: 0 0 10px;
overflow: hidden;
padding: 0;
}
.wps-tofw-order-info li {
float: left;
font-family: "Muli-Light";
font-size: 15px;
margin-right: 0;
text-transform: capitalize;
width: 33.33%;
}
.wps-deliver-msg.wps-tofw-wps-msg>h3 {
background-color: #3fb0ac;
color: #fff;
font-family: "Muli-Light";
font-size: 17px;
font-weight: 500;
margin: 0 0 20px;
padding: 5px;
text-transform: uppercase;
}
.wps_tofw_order_tracker_content {
background-color: #f1f1f1;
margin: 10px auto;
padding: 10px;
}
.wps_tofw_header-wrapper ul li {
color: #000;
cursor: pointer;
float: left;
font-family: "Muli-Light";
font-size: 15px;
margin-bottom: 7px;
text-align: center;
text-transform: uppercase;
width: 24.5%;
}
.wps_tofw_header-wrapper>ul li img {
display: inline-block;
}
.wps_tofw_header-wrapper.wps_tofw_completed_condition ul li {
width: 18.5%;
}
.wps_tofw_oder-tracker_gifimg ul {
margin: 0;
padding: 0;
}
.wps_tofw_header-wrapper {
border: 1px solid #f1f1f1;
box-shadow: 0 0 2px 2px #f1f1f1;
margin: 0 auto;
padding: 10px;
}
.wps_tofw_oder-tracker_gifimg>ul li img {
width: 80px;
}
.wps_tofw_order_tracker_content:hover {
box-shadow: 0 0 2px 2px #ccc;
}
.wps_tofw_header {
margin: 0 auto;
max-width: 1000px;
}
.wps_tofw_header-wrapper>ul {
margin: 0;
overflow: hidden;
}
.wps_tofw_header-wrapper>ul li img {
margin: 0 auto;
}
#wps_placed_order img {
display: none;
}
#wps_approval_order img {
display: none;
}
#wps_processing_order img {
display: none;
}
#wps_shipping_order img {
display: none;
}
#wps_delivered_order img {
display: none;
}
#wps_cancelled_order img {
display: none;
} table.wps-product-details-table-template thead tr th {
background: #3fb0ac none repeat scroll 0 0;
color: #ffffff;
font-family: "Helvetica", sans-serif;
font-size: 14px;
padding: 10px;
text-align: center;
text-transform: uppercase;
} #wps_tofw_total_quantity {
text-align: center;
}
.wps_tofw_shop_table td div span h4 {
margin-left: 40px;
}
table.wps-product-details-table-template {
border: 1px solid #3fb0ac;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
.wps_tofw_oders-detail>h3,
.wps_tofw_user_address>h3 {
color: #575757;
font-family: "Muli-Light";
font-size: 23px;
margin: 10px 0;
text-transform: uppercase;
}
.wps_tofw_oders-detail {
display: inline-block;
padding: 15px;
width: 51%;
}
.wps_tofw_order-details-wrap {
border: 1px solid #3fb0ac;
}
.wps_tofw_user_address {
display: inline-block;
padding: 15px;
width: 45.5%;
position: relative;
}
.wps_tofw_user_address::before {
border-left: 1px solid #f1f1f1;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.wps_tofw_oders-detail>p,
.wps_tofw_user_address>p {
font-size: 19px;
font-family: "Muli-Light";
padding: 10px;
margin: 0;
}
.wps_tofw_oders-detail>p {
border-bottom: 1px solid #f1f1f1;
}
.section.wps_tofw_product-details-section {
border: 1px solid #f1f1f1;
margin: 40px auto;
max-width: 980px;
width: 100%;
}
.wps_tofw_oders-detail p>span:nth-child(1) {
display: inline-block;
width: 150px;
}
.wps_tofw_table-responsive {
border: 1px solid #ddd;
margin-bottom: 15px;
overflow-y: hidden;
width: 100%;
}
.table {
margin-bottom: 20px;
max-width: 100%;
width: 100%;
} *,
*:after,
*:before {
margin: 0;
padding: 0;
box-sizing: border-box;
} .wps_progress {
text-align: center;
width: 100%;
}
.wps_progress>div {
text-align: center;
}
.wps_progress .circle_tofw_wps,
.wps_progress .bar_tofw_wps {
background: #fff none repeat scroll 0 0;
border: 1px solid #d5d5da;
border-radius: 40px;
display: inline-block;
height: 65px;
width: 66px;
}
.wps_progress .bar_tofw_wps {
border-left: medium none;
border-radius: 0;
border-right: medium none;
height: 6px;
margin-left: -5px;
margin-right: -5px;
position: relative;
top: -46px;
width: 80px;
}
.wps_progress .circle_tofw_wps .label {
display: inline-block;
width: 32px;
height: 32px;
line-height: 32px;
border-radius: 32px;
margin-top: 3px;
color: #b5b5ba;
font-size: 17px;
}
.wps_progress .title {
display: block;
font-size: 12px !important;
}
.wps_progress .circle_tofw_wps .title {
color: #b5b5ba;
font-size: 13px;
line-height: 30px;
} .wps_progress .bar_tofw_wps.wps_done,
.wps_progress .circle_tofw_wps.wps_done {
background: #8bc435;
}
.wps_progress .bar_tofw_wps.active_tofw_wps {
background: linear-gradient(to right, #EEE 40%, #FFF 60%);
}
.wps_progress .circle_tofw_wps.wps_done .label {
background: #8bc435 none repeat scroll 0 0;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) inset;
color: #fff;
display: inline-block;
}
.wps_progress .circle_tofw_wps.wps_done .title {
color: #444;
}
.wps_progress .circle_tofw_wps.active_tofw_wps .label {
background: #0c95be none repeat scroll 0 0;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) inset;
color: #fff;
}
.wps_progress .circle_tofw_wps.active_tofw_wps .title {
color: #0c95be;
} .wps_tofw_order_tab ul .wps_active_tab {
background-color: #5078b7;
}
.wps_tofw_order_tab {
margin: 25px auto;
max-width: 1000px;
width: 100%;
}
.wps_tofw_order_track_link {
margin: 0 0 15px;
padding: 0;
}
#wps_order {
margin: 0 auto;
max-width: 1000px;
}
.wps_tofw_order_tab ul li {
background-color: #3fb0ac;
border-left: 5px none;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
display: inline;
list-style: outside none none;
padding: 13px 32px;
text-decoration: none;
}
.wps_tofw_order_track_link a {
color: #fff;
font-size: 18px;
text-decoration: none;
text-transform: uppercase;
} .wps_order-info {
list-style: outside none none;
margin: 0 0 10px;
padding: 0;
}
.wps_order-info>li {
display: inline-block;
font-size: 15px;
margin-right: 0;
text-transform: capitalize;
font-family: 'Muli-Light';
width: 32% !important;
}
.wps-deliver-msg.wps_tofw_wps_delivery_current_msg>h3 {
background-color: #3f487f;
color: #fff;
font-family: "Muli-Light";
font-size: 17px;
font-weight: 500;
margin: 0 0 20px;
padding: 5px;
text-transform: uppercase;
}
.wps_tofw_active {
background-color: #4e8ea0 !important;
}
.wps_order_tracker_content {
background-color: #ffffff;
border: 1px solid #f1f1f1;
margin: 10px auto;
padding: 10px;
box-shadow: 0 0 2px 2px #ccc;
}
.wps_header-wrapper ul li {
color: #575757;
cursor: pointer;
display: inline-block;
font-family: "Muli-Light";
font-size: 18px;
font-weight: 500;
margin-bottom: 7px;
position: absolute;
text-align: center;
text-transform: uppercase;
width: 24%;
}
.wps_tofw_oder-tracker_gifimg ul {
margin: 0;
padding: 0;
}
.wps_header-wrapper,
.wps_header-wrapper2 {
background-color: #fff;
box-shadow: 0 0 2px 2px #f1f1f1;
margin: 0 auto;
padding: 10px;
}
.wps_tofw_oder-tracker_gifimg>ul li img {
width: 80px;
}
.wps_header {
margin: 18px auto 0;
max-width: 1000px;
}
.wps-tofw-order-tracking-section .wps_tofw_process_steps_wrap li {
width: 20%;
list-style: none;
}
.wps-tofw-order-listing li {
width: 100% !important;
}
.wps_tofw_formatted_price {
color: black;
}   section#wps_tofw_wrapper {
margin: 0 auto;
max-width: 1170px;
padding: 60px 0;
text-align: center;
}
#wps-tofw-main-wrapper {
background-color: #f2f2f2;
border: 4px double #ccc;
padding-bottom: 30px;
}
.wps-tofw-snapshot-Controller-titlebar {
background: #4b4a4c none repeat scroll 0 0;
color: #ffffff;
height: 33px;
}
#wps_tofw_snapshotController {
border-bottom: 4px double #ccc;
}
.wps-tofw-snapshot-Controller-titlebar {
padding: 10px 10px 0;
}
.wps-tofw-snapshot-Controller-titlebar #listing-icons {
margin-bottom: 0;
}
.wps-tofw-snapshot-Controller-titlebar #listing-icons a {
color: #ccc;
}
#wps_tofw_snapshotController {
position: relative;
display: inline-block;
margin-left: 94px;
}
.wps_tofw_status::after {
border-left: 15px solid rgba(0, 0, 0, 0);
border-right: 15px solid rgba(0, 0, 0, 0);
border-top: 16px solid #82a1d8;
content: "";
position: absolute;
left: 52px;
top: 17px;
transform: rotate(-90deg);
}
#wps-tofw-user-billing-details {
margin-left: 10px;
}
.wps_tofw_status.second::after {
left: 136px;
}
.wps_tofw_status.third::after {
left: 220px;
}
.wps_tofw_status.fourth::after {
left: 304px;
}
.wps_tofw_status.fifth::after {
left: 390px;
}
.wps_tofw_status {
background: #82a1d8 none repeat scroll 0 0;
border: none;
border-bottom-left-radius: 20px;
border-top-left-radius: 20px;
display: inline-block;
height: 30px;
margin-top: 10px;
width: 60px;
margin-right: 20px;
}
.wps-tofw-wrapper-middle {
padding: 40px 10px;
}
.wps-tofw-wrapper-middle .wps-tofw-date {
color: #4d148c;
text-transform: capitalize;
}
.wps-table-wrapper {
width: 100%;
margin: 0 auto;
padding: 0 10px;
}
.wps_tofw_error_processing_transaction {
color: red !important;
}
#wps-table-container {
width: 100%;
}
#wps_tofw_status_fifth {
background: #6ece4e;
}
#wps_tofw_status_fifth::after {
border-top: 16px solid #6ece4e;
}
.wps-table-wrapper th {
text-transform: capitalize;
background-color: #4b4a4c;
color: #fff;
}
.wps-table-wrapper th,
.wps-table-wrapper td {
padding-top: 5px;
padding-bottom: 5px;
text-align: center;
border: 1px solid #4b4a4c;
}
.wps-table-wrapper tbody tr:hover {
background-color: #e8ef81;
}
.wps-tofw-footer-shipment-facts {
padding: 0 10px;
}
.wps-tofw-footer-shipment-facts .wps-tofw-delivery-to,
.wps-tofw-footer-shipment-facts .wps-tofw-tracking-number {
background-color: #4b4a4c;
color: #ccc;
padding: 4px 0;
margin-left: 5px;
}
#wps-table-container {
min-width: 600px;
width: 100%;
}
.wps_tofw_biling_details {
float: right;
width: 50%;
}
.wps_tofw_order_shiping_details {
float: left;
width: 50%;
}
.clear {
clear: both;
}
#wps_tofw_order_id {
margin-left: 50px;
}
#wps_tracking_number {
margin-left: 30px;
margin-top: 20px;
}
.wps_tofw_button_track {
margin-top: 15px;
}
@media screen and (max-width: 400px) and (min-width: 320px) {
.wrapper-middle .ship-date,
.wrapper-middle .actual-delivery {
display: block;
float: none !important;
width: 100%;
}
.wps_tofw_status {
display: block;
}
.wps_tofw_status.second::after {
left: 52px;
top: 57px;
}
.wps_tofw_status.third::after {
top: 97px;
left: 52px;
}
.wps_tofw_status.fourth::after {
top: 137px;
left: 52px;
}
}
@media screen and (max-width: 767px) and (min-width: 320px) {
.wps-tofw-footer-shipment-facts .wps-tofw-tracking-number,
.wps-tofw-footer-shipment-facts .wps-tofw-delivery-to {
margin-left: -12px;
}
}
.wps_product-details-section table {
border-collapse: collapse;
width: 100%;
}
.wps_product-details-section table thead {
background-color: #44597a;
}
.wps_product-details-section table thead th {
color: #fff;
font-family: "Muli-Light";
font-size: 20px;
font-weight: 500;
padding: 10px;
text-align: left;
}
.wps_product-details-section table tbody td {
border-right: 1px solid #f1f1f1;
border-top: 1px solid #ccc;
font-family: "Muli-Light";
font-size: 17px;
font-weight: 500;
padding: 15px;
}
#wps_shop_location.wps_get_shop_loaction {
margin: 0;
}
.section.wps_product-details-section.wps-table-responsive table.wps_table thead th {
background: #44597a none repeat scroll 0 0;
text-align: center;
}
#wps_tofw_formatted_price {
float: right;
margin-right: 50px;
}
.section.wps_product-details-section.wps-table-responsive table.wps_table.wps_tofw_shop_table tbody tr:last-child td {
background: #3f487f none repeat scroll 0 0;
}
.section.wps_product-details-section.wps-table-responsive table.wps_table.wps_tofw_shop_table tbody tr:last-child td div span {
color: #fff;
}
.wps_tofw_attachment-thumbnail.size-thumbnail.wp-post-image {
width: 200px;
}
.section.wps_product-details-section {
border: 1px solid #f1f1f1;
margin-bottom: 60px;
}
.wps-tofw-product-detail-table .wps_table tbody tr:last-child {
background-color: #ECBA16;
}
.wps-tofw-product-wrapper.wps-tofw-product-desc {
display: inline-block;
vertical-align: top;
width: 45%;
margin-top: 15px;
}
.wps-tofw-product-wrapper.wps-tofw-product-img {
float: left;
width: 50%;
}
.wps-tofw-product-wrapper h4 a {
color: #000;
font-family: "Muli-Light";
font-size: 22px;
font-weight: bold;
text-decoration: none;
text-transform: capitalize;
}
.wps_product-details-section table tbody td span {
font-weight: 500;
}
.wps-orders-detail>h3,
.wps_user_address>h3 {
color: #575757;
font-family: "Muli-Light";
font-size: 23px;
margin: 10px 0;
text-transform: uppercase;
}
.wps-orders-detail {
display: inline-block;
padding: 15px;
width: 48%;
}
.wps_user_address {
display: inline-block;
padding: 15px;
width: 45.5%;
position: relative;
}
.wps_user_address::before {
border-left: 1px solid #f1f1f1;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.wps-orders-detail>p,
.wps_user_address>p {
font-size: 19px;
font-family: "Muli-Light";
padding: 10px;
margin: 0;
}
.wps-orders-detail>p {
border-bottom: 1px solid #f1f1f1;
}
.section.wps_product-details-section {
border: 1px solid #f1f1f1;
margin: 40px 0;
}
.wps-orders-detail span:nth-child(1) {
display: inline-block;
width: 150px;
}
.wps-table-responsive {
border: 1px solid #ddd;
margin-bottom: 15px;
overflow-y: hidden;
width: 100%;
}
.wps_table {
margin-bottom: 20px;
max-width: 100%;
width: 100%;
}
.wps_order_tab {
margin: 0 auto;
max-width: 1000px;
width: 100%;
}
.wps_order_track_link {
margin: 10px 0;
padding: 0;
}
.wps_order_tab ul li {
background-color: #ea6148;
border-left: 5px none;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
display: inline;
list-style: outside none none;
padding: 13px 25px;
text-decoration: none;
}
.wps_order_track_link a {
color: #fff;
font-size: 16px;
text-decoration: none;
text-transform: uppercase;
font-family: "Muli-Light";
}
.section.wps_product-details-section {
border: 1px solid #ccc;
}  .wps_order_tracking_path {
background-image: url(//www.solutionsforcomputers.co.uk/wp/wp-content/plugins/track-orders-for-woocommerce/public/image/ot.png);
background-position: center center;
background-repeat: no-repeat;
background-size: 100% auto;
height: 470px;
position: relative;
}
.wps_order_tracking_path span {
display: inline-block;
width: 60px;
}
.wps_order_tracking_path span img {
border: 1px solid #ccc;
border-radius: 50%;
padding: 11px 10px;
width: 100%;
background-color: #535963;
}
.wps_order_tracking_path li:nth-child(1) {
left: 9%;
top: 27%;
}
.wps_order_tracking_path li:nth-child(2) {
left: 19%;
top: 6%;
}
.wps_order_tracking_path li:nth-child(3) {
left: 34%;
top: 47%;
}
.wps_order_tracking_path li:nth-child(4) {
right: 30%;
top: 5%;
}
.wps_order_tracking_path li:nth-child(5) {
right: 3%;
top: 20%;
}
.wps_order_tracking_path li:nth-child(6) {
right: 12%;
top: 65%;
}
.wps_header-wrapper,
.wps_header-wrapper2 {
background-color: #f1f1f1;
box-shadow: 0 0 2px 2px #f1f1f1;
margin: 0 auto;
padding: 10px;
box-shadow: 0px 0px 2px 2px #ccc;
}
.wps_header-wrapper ul li {
color: #575757;
cursor: pointer;
display: inline-block;
font-family: "Muli-Light";
font-size: 18px;
font-weight: 500;
margin-bottom: 7px;
position: absolute;
text-align: center;
text-transform: uppercase;
width: 24%;
}
.wps_get_shop_loaction {
margin-left: 60px;
}
#wps_shop_location {
height: 100%;
}  .wps_tofw_header-wrapper_template2 .wps_progress {
min-height: 100px;
}
#wps_placed span {
margin-top: 17px;
}
#wps_approved span {
margin-top: 17px;
}
#wps_processing span {
margin-top: 17px;
}
#wps_shipping span {
margin-top: 17px;
}
#wps_delivered span {
margin-top: 17px;
}  .wps_tooltip {
display: block;
margin-bottom: 5px;
position: relative;
}
.wps_tooltip .wps_tooltiptext {
background-color: #ea6148;
border-radius: 6px;
color: #ffffff;
font-size: 12px;
max-width: 159px;
padding: 8px;
text-align: center;
visibility: visible;
width: 100%;
}
.wps_tooltip .wps_tooltiptext::after {
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ea6148;
border-style: solid;
border-width: 5px;
bottom: -10px;
content: "";
left: 50%;
margin-left: -5px;
position: absolute;
transform: rotate(-180deg);
} .wps_tofw_shop_table.order_details.wps-product-details-table.wps-tofw-product-detail-table td {
vertical-align: middle;
} @media only screen and (max-width: 992px) and (min-width: 768px) {
.wps-orders-detail {
width: 45.5%;
}
.wps_tofw_tooltip_class4 {
top: -3% !important;
}
.wps_tofw_header-wrapper>ul li span {
font-size: 12px;
}
.wps_order_tab ul li {
padding: 8px 10px;
}
.wps_order_track_link a {
font-size: 12px;
}
.wps_order-info li {
width: 32%;
}
.wps_order_tracking_path li:nth-child(1) {
left: 9%;
top: 30%;
}
.wps_order_tracking_path li:nth-child(2) {
left: 23%;
top: 22%;
}
.wps_order_tracking_path li:nth-child(3) {
left: 34%;
top: 46%;
}
.wps_order_tracking_path li:nth-child(4) {
right: 20%;
top: 11%;
}
.wps_order_tracking_path li:nth-child(5) {
right: 10%;
top: 45%;
}
.wps_order_tracking_path li:nth-child(6) {
right: 14%;
top: 57%;
}
.wps_order_tracking_path span {
width: 50px;
}
.wps_progress .bar_tofw_wps {
width: 45px;
}
}
@media only screen and (max-width: 920px) and (min-width: 768px) {
.wps_order_tracking_path li:nth-child(4) {
top: 15%;
}
.wps_tofw_tooltip_class4 {
top: 9% !important;
}
.wps_order_tracking_path li.wps_tofw_tooltip_class5 {
right: 10%;
top: 36%;
}
}
@media only screen and (max-width: 768px) {
.wps_user_address {
width: 93%;
}
.wps_order-info li {
width: 32%;
}
.wps-orders-detail {
width: 90%;
}
.wps_tofw_attachment-thumbnail.size-thumbnail.wp-post-image {
width: 80px;
}
.wps_product-details-section table tbody td {
font-size: 15px;
}
.wps_product-details-section table thead th {
padding: 5px;
}
.wps_product-details-section table tbody td {
padding: 7px;
}
.wps_product-details-section table thead th {
font-size: 15px;
}
.wps-tofw-product-wrapper h4 a {
font-size: 14px;
}
.wps-tofw-product-wrapper.wps-tofw-product-desc {
margin-top: 4px;
}
.wps-orders-detail>h3,
.wps_user_address>h3 {
font-size: 18px;
}
.wps-orders-detail>p,
.wps_user_address>p {
font-size: 16px;
}
.wps_tofw_oder-tracker_gifimg>ul li img {
width: 50px;
}
.wps_header-wrapper ul li {
width: 38px !important;
}
}
@media only screen and (max-width: 768px) {
.wps-product-wrapper.wps-product-desc h4 {
margin-top: 12px;
}
.wps-product-wrapper.wps-product-desc {
width: 70%;
}
.wps-product-wrapper.wps-product-img {
height: 120px;
width: 120px;
overflow: hidden;
margin-top: 20px;
}
.wps-product-wrapper.wps-product-img img {
max-width: 100%;
width: auto;
margin-top: 20px;
padding-top: 20px;
}
.wps_progress .circle_tofw_wps,
.wps_progress .bar_tofw_wps {
height: 50px;
width: 50px;
}
.wps-tofw-order-tracking-section ul li img {
margin: 7px auto;
width: 70px;
}
.wps_progress .bar_tofw_wps {
height: 6px;
}
#wps_placed span {
margin-top: 4px;
}
#wps_approved span {
margin-top: 4px;
}
#wps_processing span {
margin-top: 4px;
}
#wps_shipping span {
margin-top: 4px;
}
#wps_delivered span {
margin-top: 4px;
}
.wps_progress .circle_tofw_wps .label {
font-size: 10px;
height: 30px;
line-height: 30px;
margin-top: 9px !important;
width: 30px;
}
.wps_progress .title {
display: block;
font-size: 10px !important;
line-height: 1 !important;
margin-top: 22px !important;
}
.wps_progress .bar_tofw_wps {
top: -40px;
}
.wps_progress {
text-align: center;
}
.wps_tofw_order_tab ul li {
padding: 8px 12px;
}
.wps_tofw_order_track_link a {
font-size: 12px;
}
.wps-tofw-order-info {
border: 1px solid #ececec;
}
.wps-tofw-order-tracking-section ul li {
display: block;
margin: 10px 0;
text-align: center;
width: 100% !important;
}
.wps_tofw_oders-detail>h3,
.wps_tofw_user_address>h3 {
font-size: 14px;
}
.wps_tofw_oders-detail>p,
.wps_tofw_user_address>p {
font-size: 15px;
}
table.wps-product-details-table-template thead tr th {
padding: 6px;
font-size: 10px;
}
.wps_header-wrapper ul li {
display: inline-block !important;
width: 20% !important;
}
.wps_order_tracking_path span {
width: 45px;
}
.wps_order_track_link {
margin: 0;
padding: 0;
}
.wps_tooltip {
display: none;
}
.wps_order_tracking_path li:nth-child(5) {
right: 5%;
top: 27%;
}
}
@media only screen and (max-width: 767px) and (min-width: 550px) {
.wps_order_tracking_path li:nth-child(1) {
left: 11%;
top: 32%;
}
.wps_order_tracking_path li:nth-child(2) {
left: 22%;
top: 19%;
}
.wps_order_tracking_path li:nth-child(3) {
left: 40%;
top: 42%;
}
.wps_order_tracking_path li:nth-child(4) {
right: 33%;
top: 16%;
}
}
@media only screen and (max-width: 550px) and (min-width: 320px) {
.wps_order_tracking_path span {
width: 32px;
}
.wps_order_tracking_path li:nth-child(1) {
left: 13%;
top: 30%;
}
.wps_order_tracking_path li:nth-child(2) {
left: 27%;
top: 32%;
}
.wps_order_tracking_path li:nth-child(3) {
left: 38%;
top: 44%;
}
.wps_order_tracking_path li:nth-child(4) {
right: 33%;
top: 25%;
}
.wps_tofw_notification {
font-size: 10px;
}
.wps_order_tracking_path li:nth-child(4) {
right: 33%;
top: 30%;
}
.wps_order_tracking_path {
height: 300px;
}
.wps_order_tracking_path li:nth-child(5) {
right: 9%;
top: 20%;
}
}  .wps_tofw_notification {
background-color: #8bffff;
} .wps-tofw-tracking-modal #TB_window {
left: 50% !important;
margin: 0 auto !important;
max-width: 800px !important;
max-height: 500px;
right: unset !important;
top: 50% !important;
transform: translate(-50%, -50%);
width: 90% !important;
}
.wps-tofw-tracking-modal #TB_overlay {
background:rgba(0, 0, 0, 0.4)
}
.wps-tofw-tracking-modal #TB_window iframe#TB_iframeContent {
margin: 0 auto;
width: 100% !important;
height: 480px !important;
margin: 0 auto !important
}
@media only screen and (max-width: 640px) {
.wps-tofw-tracking-modal #TB_window>iframe#TB_iframeContent {
height: 400px !important;
}
.wps-tofw-tracking-modal #TB_window {
background-color: #fff;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
left: 0;
margin: 0 auto !important;
max-width: 100% !important;
position: absolute !important;
text-align: left;
top: 50%;
visibility: hidden;
z-index: 100050;
}
.wps_progress .bar_tofw_wps {
top: -26px;
}
.wps_progress .circle_tofw_wps,
.wps_progress .bar_tofw_wps {
height: 30px;
width: 30px;
}
.wps_progress .bar_tofw_wps {
height: 6px;
}
.wps_progress .circle_tofw_wps .label {
font-size: 10px;
height: 20px;
line-height: 20px;
margin-top: 4px !important;
width: 20px;
}
.wps_progress .title {
margin-top: 11px !important;
}
}
.wps_tofw_header-wrapper span {
display: block !important;
margin-top: 9px !important;
}
#wps_tofw_total_item_qty {
text-align: center;
color: #fff;
} #wps_tofw_fedex_tracking .form-group {
margin-bottom: 15px;
}
#wps_tofw_fedex_tracking .form-group label {
width: 150px;
display: inline-block;
}
.wps-tofw-outer-template-fedex {
width: 10px;
height: 600px;
overflow: hidden;
position: relative;
margin: 0 auto;
background: #dedede;
}
.wps-tofw-inner-template-fedex,
.wps-tofw-inner-template-fedex div {
width: 100%;
overflow: hidden;
position: absolute;
}
.wps-tofw-inner-template-fedex {
border: 2px solid #46965d;
border-top-width: 0;
background-color: #46965d;
top: 0;
height: 0%;
}
.wps-tofw-inner-template-fedex div {
border: 2px solid orange;
border-bottom-width: 0;
background-color: orange;
bottom: 0;
width: 100%;
height: 5px;
}
.wps-tofw-skill-template-fedex {
position: relative;
top: -1px;
left: 0px;
right: 0px;
width: 24px;
margin: 0px;
}
.wps-tofw-circle-template-fedex {
margin-top: -2px;
background: #fff;
overflow: hidden;
}
.wps-tofw-small-circle1-template-fedex {
height: 25px;
width: 25px;
background: #b7b7b7;
border-radius: 50%;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.wps-tofw-small-circle2-template-fedex {
height: 25px;
width: 25px;
background: #b7b7b7;
border-radius: 50%;
animation: glow 2.5s 8s;
animation-fill-mode: forwards;
-webkit-animation: glow 2.5s 8s;
-webkit-animation-fill-mode: forwards;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.wps-tofw-small-circle3-template-fedex {
@include glownoshadow;
height: 100%;
top: 0;
width: 0%;
animation: progress 1s;
animation-fill-mode: forwards;
-webkit-animation: progress 1s;
-webkit-animation-fill-mode: forwards;
}
.wps-tofw-sub-circle1-template-fedex {
@include glownoshadow;
height: 100%;
top: 0;
width: 0%;
animation: progress 0.2s 0.2s;
animation-fill-mode: forwards;
-webkit-animation: progress 0.2s 0.2s;
-webkit-animation-fill-mode: forwards;
}
.sub-circle2-template-v {
@include glownoshadow;
height: 100%;
top: 0;
width: 0%;
animation: progress 5s 4s;
animation-fill-mode: forwards;
-webkit-animation: progress 5s 4s;
-webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes progress {
0% {
width: 0%;
background: #46965d;
}
100% {
width: 100%;
background: #46965d;
}
}
@keyframes progress {
0% {
width: 0%;
background: #46965d;
}
100% {
width: 100%;
background: #46965d;
}
}
@-webkit-keyframes glow {
0% {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
100% {
background: #46965d;
}
}
@keyframes glow {
0% {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
100% {
background: #46965d;
}
}
@-webkit-keyframes fstate {
100% {
background: #fff;
}
}
@keyframes fstate {
100% {
background: #fff;
}
}
#wps-temp-tooltip_fedex h4 {
margin: 0px;
color: #fff;
text-transform: capitalize;
font-size: 20px;
}
#wps-temp-tooltip_fedex {
width: 230px;
display: block;
border-radius: 5px;
background: #292929;
padding: 10px 10px;
-webkit-animation-duration: 6s;
-moz-animation-duration: 6s;
-o-animation-duration: 6s;
animation-duration: 6s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
margin-top: 50px;
text-align: center;
position: relative;
margin-left: 8px;
}
#wps-temp-tooltip_fedex p {
font-size: 13px;
color: #fff;
margin-top: 5px;
margin-bottom: 0px;
display: inline-block;
font-weight: 200;
font-size: 15px;
}
#wps-temp-tooltip_fedex span {
margin-top: 10px;
font-size: 17px;
color: #fff;
text-transform: uppercase;
display: block;
}
.wps-tofw-main-data-wrapper-template-fedex {
width: 310px;
overflow: hidden;
margin: 80px auto;
}
.wps-tofw-order-tracking-section-template-fedex {
margin-left: 0;
margin: 0 auto;
text-align: center;
width: 280px;
float: right;
}
.wps-tofw-order-progress-data-field-template-fedex {
float: left;
margin-left: 5px;
margin-top: 5px;
position: relative;
}
#wps-temp-tooltip_fedex:before {
position: absolute;
content: '';
width: 0;
height: 0;
border-top: 10px solid transparent;
border-right: 17px solid #292929;
border-bottom: 10px solid transparent;
left: -17px;
top: 25px;
} .wps-tofw-outer-template-canadapost {
width: 10px;
height: 600px;
overflow: hidden;
position: relative;
margin: 0 auto;
background: #dedede;
}
.wps-tofw-inner-template-canadapost,
.wps-tofw-inner-template-canadapost div {
width: 100%;
overflow: hidden;
position: absolute;
}
.wps-tofw-inner-template-canadapost {
border: 2px solid #46965d;
border-top-width: 0;
background-color: #46965d;
top: 0;
height: 0%;
}
.wps-tofw-inner-template-canadapost div {
border: 2px solid orange;
border-bottom-width: 0;
background-color: orange;
bottom: 0;
width: 100%;
height: 5px;
}
.wps-tofw-skill-template-canadapost {
position: relative;
top: -1px;
left: 0px;
right: 0px;
width: 24px;
margin: 0px;
}
.wps-tofw-circle-template-canadapost {
margin-top: -2px;
background: #fff;
overflow: hidden;
}
.wps-tofw-small-circle1-template-canadapost {
height: 25px;
width: 25px;
background: #b7b7b7;
border-radius: 50%;
animation: glow 2.5s 3s;
animation-fill-mode: forwards;
-webkit-animation: glow 2.5s 3s;
-webkit-animation-fill-mode: forwards;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.wps-tofw-small-circle2-template-canadapost {
height: 25px;
width: 25px;
background: #b7b7b7;
border-radius: 50%;
animation: glow 2.5s 8s;
animation-fill-mode: forwards;
-webkit-animation: glow 2.5s 8s;
-webkit-animation-fill-mode: forwards;
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.wps-tofw-sub-circle1-template-canadapost {
@include glownoshadow;
height: 100%;
top: 0;
width: 0%;
animation: progress 1s;
animation-fill-mode: forwards;
-webkit-animation: progress 1s;
-webkit-animation-fill-mode: forwards;
}
.wps-tofw-sub-circle2-template-canadapost {
@include glownoshadow;
height: 100%;
top: 0;
width: 0%;
animation: progress 5s 4s;
animation-fill-mode: forwards;
-webkit-animation: progress 5s 4s;
-webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes progress {
0% {
width: 0%;
background: #46965d;
}
100% {
width: 100%;
background: #46965d;
}
}
@keyframes progress {
0% {
width: 0%;
background: #46965d;
}
100% {
width: 100%;
background: #46965d;
}
}
@-webkit-keyframes glow {
0% {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
100% {
background: #46965d;
}
}
@keyframes glow {
0% {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
100% {
background: #46965d;
}
}
@-webkit-keyframes fstate {
100% {
background: #fff;
}
}
@keyframes fstate {
100% {
background: #fff;
}
}
.wps-tofw-new-order-details .order-id p {
padding: 10px 15px;
border-bottom: solid 1px #dcdcdc;
padding-bottom: 10px;
margin-bottom: 10px;
}
.wps-tofw-new-order-details {
width: 50%;
float: right;
box-sizing: border-box !important;
padding-bottom: 20px;
}
.wps-tofw-new-order-details-inner {
border: 1px solid rgba(204, 204, 204, 0.8);
box-shadow: 0 2px 6px #efb0ef;
margin-bottom: 10px;
}
.wps-tofw-new-order-details .wps-tofw-order p.wps-tofw-order-name-bold {
color: #000;
text-transform: capitalize;
font-size: 16px;
font-weight: 600;
margin-bottom: 0px;
}
.wps-tofw-order-img-detail .wps-tofw-order {
width: 60%;
float: left;
}
.wps-tofw-order-img-detail .wps-tofw-product-name {
float: right;
width: 100px;
}
.wps-tofw-order-img-detail {
overflow: hidden;
padding: 0px 15px;
}
.wps-tofw-new-order-details .price-product p.price-bold {
color: #000;
display: inline-block;
font-size: 20px;
font-weight: 600;
}
.wps-tofw-new-order-details .price-product {
padding: 0px 15px;
}
.wps-tofw-new-order-details .price-product .wps-tofw-quantity {
display: inline-block;
float: right;
}
#map {
height: 400px;
width: 100%;
margin-bottom: 20px;
}
.wps-tofw-order-img-detail {
padding-bottom: 20px;
}
.wps-track-order-main-wrapper>h3 {
clear: both;
padding: 20px 0;
}
.wps-track-order-tracking-section .wps-track-order-last-tooltip {
padding-bottom: 0;
}
@media screen and (max-width: 768px) {
.wps-track-order-main-wrapper .wps-track-order-content,
.wps-track-order-main-wrapper .wps-track-order-map {
width: 100%;
}
.wps-track-order-main-wrapper .wps-track-order-content {
margin-bottom: 80px;
}
.wps-tofw-new-order-details {
border: 1px solid rgba(204, 204, 204, 0.8);
box-shadow: 0 2px 6px #efb0ef;
box-sizing: border-box;
float: left !important;
padding-bottom: 20px;
width: 100%;
}
.wps-tofw-new-order-details .price-product .wps-tofw-quantity {
display: inline-block;
float: right;
width: 100px;
}
.wps-track-order-main-wrapper h3 {
clear: both !important;
padding: 20px 0;
}
.wps-track-order-tooltip-wrap,
.wps-track-order-last-tooltip-wrap {
border: 1px solid rgba(204, 204, 204, 0.8);
border-radius: 15px;
box-shadow: 0 2px 6px #efb0ef;
color: #000000;
font-size: 10px !important;
padding: 11px;
width: auto !important;
}
#map {
margin-bottom: 20px !important;
}
.wps-track-order-tracking-section .wps-track-order-last-tooltip {
padding-bottom: 0;
}
.wps-track-order-tracking-section .wps-track-order-last-tooltip {
padding-bottom: 0px !important;
}
.wps-track-order-tooltip::after,
.wps-track-order-last-tooltip::after {
background-color: #000000;
border-radius: 10px;
content: "";
height: 100%;
left: 0;
min-height: 125px !important;
position: absolute;
top: 0;
width: 12px;
margin: 0 !important;
padding: 0 !important;
box-sizing: none !important;
}
.wps-track-order-tooltip,
.wps-track-order-last-tooltip {
padding-left: 40px;
position: relative;
padding-bottom: 25px !important;
}
}  .wps-tofw-order-tracking-section a {
text-decoration: none !important;
}
.wps-tofw-order-tracking-section a:focus {
outline: none;
} .wps-tofw-order-tracking-section .wps_tofw_order_tab ul li {
border: none;
border-radius: 0;
display: inline-block;
padding: 0;
background: transparent;
}
.wps-tofw-order-tracking-section .wps_tofw_order_tab ul li a {
color: #015080;
padding: 8px 16px;
border: 1px solid #015080;
font-size: 16px;
}
.wps-tofw-order-tracking-section .wps_tofw_order_tab ul li a:focus {
outline: none;
}
.wps-tofw-order-tracking-section .wps_tofw_order_tab ul li.wps_active_tab a {
background: #015080;
color: #fff;
}
.wps-tofw-order-tracking-section .wps_tofw_order_tab #wps_order_detail_section a {
border-radius: 5px 0 0 5px;
}
.wps-tofw-order-tracking-section .wps_tofw_order_tab #wps_order_track_section a {
border-radius: 0 5px 5px 0;
}
.wps-tofw-order-tracking-section .wps_tofw_order_tab #wps_order_track_section {
margin-left: -5px;
}  .wps-tofw-order-tracking-section .wps_progress {
min-width: unset;
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 42px;
}
.wps-tofw-order-tracking-section .wps_progress span.bar_tofw_wps {
position: unset;
height: 1px;
background: #E7E7E7;
margin: 0;
border: none;
}
.wps-tofw-order-tracking-section .wps_progress span.bar_tofw_wps.wps_done {
background: #36B37E;
}
.wps-tofw-order-tracking-section .circle_tofw_wps {
border: 1px solid #E7E7E7;
background: transparent;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.wps-tofw-order-tracking-section .circle_tofw_wps.wps_done {
background: transparent;
border: 1px solid #36B37E;
}
.wps-tofw-order-tracking-section .wps_progress .circle_tofw_wps .label {
display: inline-block;
background: #b4b4b4;
border: none;
box-shadow: 0 0 0 8px #e7e7e7;
margin: 0 !important;
}
.wps-tofw-order-tracking-section .circle_tofw_wps.wps_done .label {
background: #36B37E;
border: none;
box-shadow: 0 0 0 8px #86E8AB;
margin: 0 !important;
}
.wps-tofw-order-tracking-section .circle_tofw_wps .title {
position: absolute;
top: calc(100% - 3px);
margin: 0 !important;
}
.wps-tofw-order-tracking-section .circle_tofw_wps.wps_done .title {
color: #36B37E;
}
.wps-tofw-order-tracking-section .wps_progress .circle_tofw_wps.active_tofw_wps .label {
background: #0c95be;
box-shadow: 0 0 0 8px #aaebff;
}  .wps-tofw-order-tracking-section .wps_tofw_product-details-section-template table,
.wps-tofw-order-tracking-section .wps_tofw_product-details-section table {
border: 1px solid #e7e7e7;
border-collapse: collapse;
margin: 0 0 40px;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section-template table thead th,
.wps-tofw-order-tracking-section .wps_tofw_product-details-section table thead th {
background: transparent;
color: #000;
font-weight: 600;
font-size: 16px;
border: none;
border-bottom: 1px solid #e7e7e7;
font-family: inherit;
box-shadow: none;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section-template table thead th:nth-of-type(1),
.wps-tofw-order-tracking-section .wps_tofw_product-details-section table thead th:nth-of-type(1) {
text-align: left;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section-template table tbody td .wps-product-img,
.wps-tofw-order-tracking-section .wps_tofw_product-details-section table tbody td .wps-product-img {
margin: 0;
padding: 0;
height: 100px;
width: 100px;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section-template table tbody td .wps-product-desc h4,
.wps-tofw-order-tracking-section .wps_tofw_product-details-section table tbody td .wps-product-desc h4 {
margin: 0;
text-align: left;
font-size: 14px;
font-weight: 400;
color: #555;
font-family: inherit;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section-template table tbody td,
.wps-tofw-order-tracking-section .wps_tofw_product-details-section table tbody td {
vertical-align: top !important;
font-family: inherit;
box-shadow: none;
background: transparent;
border: none;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section-template table tbody td .wps-product-desc,
.wps-tofw-order-tracking-section .wps_tofw_product-details-section table tbody td .wps-product-desc {
padding: 0 0 0 25px;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section-template table tbody tr:last-of-type td,
.wps-tofw-order-tracking-section .wps_tofw_product-details-section table tbody tr:last-of-type td {
font-weight: 600;
font-size: 16px;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section-template table tbody tr:last-of-type td h4,
.wps-tofw-order-tracking-section .wps_tofw_product-details-section table tbody tr:last-of-type td h4 {
margin: 0;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section-template table tbody tr:last-of-type,
.wps-tofw-order-tracking-section .wps_tofw_product-details-section table tbody tr:last-of-type {
border-top: 1px solid #efefef;
background: transparent;
}   .wps-tofw-order-tracking-section .wps_tofw_product-details-section-template .wps_tofw_order-details-wrap {
border: none;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
flex: 1;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section-template .wps_tofw_order-details-wrap .wps_tofw_oders-detail,
.wps-tofw-order-tracking-section .wps_tofw_product-details-section-template .wps_tofw_order-details-wrap .wps_tofw_user_address {
padding: 0;
display: block;
width: auto;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section-template .wps_tofw_order-details-wrap .wps_tofw_user_address::before {
display: none;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section-template .wps_tofw_order-details-wrap h3 {
font-family: inherit;
color: #000;
font-size: 18px;
margin: 0 0 15px;
border-bottom: 1px solid #e7e7e7;
font-weight: 600;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section-template .wps_tofw_order-details-wrap p {
padding: 0 0 5px;
border: none;
font-family: inherit;
font-size: 16px;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section-template .wps_tofw_order-details-wrap p span:nth-of-type(1) {
font-weight: 600;
}  .wps-tofw-order-tracking-section .wps_tofw_order_tracker_content {
margin: 25px auto;
max-width: 1000px;
width: 100%;
background: transparent;
padding: 0;
}
.wps-tofw-order-tracking-section .wps_tofw_order_tracker_content h3 {
background: transparent;
color: #000;
font-family: inherit;
font-size: 20px;
margin: 5px 0 10px;
padding: 0 5px 0 14px;
border-left: 4px solid;
line-height: 1.25 !important;
}
.wps-tofw-order-tracking-section .wps_tofw_order_tracker_content:hover {
box-shadow: 0 1px 0 #e7e7e7;
}
.wps-tofw-order-tracking-section .wps_tofw_order_tracker_content.approval h3 {
border-color: #FFD666;
}
.wps-tofw-order-tracking-section .wps_tofw_order_tracker_content.processing h3 {
border-color: #67C5FF;
}
.wps-tofw-order-tracking-section .wps_tofw_order_tracker_content.shipping h3 {
border-color: #86E8AB;
}
.wps-tofw-order-tracking-section .wps_tofw_order_tracker_content ul {
padding: 0 !important;
}
.wps-tofw-order-tracking-section .wps_tofw_order_tracker_content ul:last-of-type {
padding: 0 0 15px !important;
}
.wps-tofw-order-tracking-section .wps_tofw_order_tracker_content li {
font-family: inherit;
font-size: 14px;
list-style: none;
margin: 0;
}
.wps-tofw-order-tracking-section .wps_tofw_order_tracker_content li:last-of-type {
text-align: right;
}
.wps-tofw-order-tracking-section .wps_tofw_order_tracker_content li:nth-of-type(2) {
text-align: center;
}
.wps-tofw-order-tracking-section .wps_tofw_order_tracker_content .order-delivered-info {
font-weight: 700;
font-size: 20px;
color: black;
display: inline-block;
line-height: 1.5;
}  @media screen and (max-width:768px) {
.wps-tofw-order-tracking-section .wps_tofw_order_track_link {
display: flex;
align-items: center;
justify-content: center;
}
.wps-tofw-order-tracking-section .wps_tofw_order_track_link li {
margin: 0;
width: auto !important;
}
.wps-tofw-order-tracking-section .wps_tofw_order_tab ul li a {
font-size: 14px;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section-template .wps_tofw_order-details-wrap {
grid-template-columns: 1fr;
gap: 20px;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section-template .wps_tofw_order-details-wrap p span:nth-of-type(1) {
width: 120px;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section-template table tbody td .wps-product-img,
.wps-tofw-order-tracking-section .wps_tofw_product-details-section table tbody td .wps-product-img {
height: 80px;
width: 80px;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section-template table tbody td .wps-product-img img,
.wps-tofw-order-tracking-section .wps_tofw_product-details-section table tbody td .wps-product-img img {
margin: 0;
padding: 0;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section-template table tbody td .wps-product-desc,
.wps-tofw-order-tracking-section .wps_tofw_product-details-section table tbody td .wps-product-desc {
padding: 0;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section-template table tbody td .wps-product-desc h4,
.wps-tofw-order-tracking-section .wps_tofw_product-details-section table tbody td .wps-product-desc h4 {
margin: 5px 0 0 !important;
line-height: 1.25;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section-template table thead th,
.wps-tofw-order-tracking-section .wps_tofw_product-details-section table thead th {
font-size: 14px;
line-height: 1.25;
vertical-align: top;
}
.wps-tofw-order-tracking-section .circle_tofw_wps .title {
top: calc(100% + 10px);
}
.wps-tofw-order-tracking-section .circle_tofw_wps {
height: 50px;
width: 50px;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section-template table tbody tr:last-of-type td h4,
.wps-tofw-order-tracking-section .wps_tofw_product-details-section table tbody tr:last-of-type td h4 {
font-weight: 600;
font-size: 16px;
}
.wps-tofw-order-tracking-section .wps_tofw_order_tracker_content li {
text-align: left !important;
}
.wps-tofw-order-tracking-section .wps_tofw_order_tracker_content li:nth-of-type(1) {
font-weight: 600;
color: #000;
}
.wps-tofw-order-tracking-section .wps_tofw_order_tracker_content ul {
border: none;
}
} @media screen and (max-width:480px) {
.wps-tofw-order-tracking-section .circle_tofw_wps {
height: 35px;
width: 35px;
}
}  .wps-tofw-order-tracking-section .wps_tofw_process_steps_wrap {
margin: 0 auto;
max-width: 1000px;
}
.wps-tofw-order-tracking-section .wps_tofw_header-wrapper {
box-shadow: none;
border: none;
}
.wps-tofw-order-tracking-section .wps_tofw_process_steps_wrap li {
font-family: inherit;
}
.wps-tofw-order-tracking-section .wps_tofw_process_steps_wrap svg {
opacity: 0;
transition: all 0.6s;
}
.wps-tofw-order-tracking-section .wps_tofw_process_steps_wrap svg.show_img_slow {
opacity: 1;
}
.wps-tofw-order-tracking-section .wps_tofw_process_steps_wrap svg+span {
font-size: 14px;
}
.wps-tofw-order-tracking-section .wps_tofw_process_steps_wrap .wps_active_status_svg+span {
color: #36b37e;
} @media screen and (max-width:768px) {
.wps-tofw-order-tracking-section .wps_tofw_process_steps_wrap {
display: flex;
justify-content: center;
align-items: center;
}
.wps-tofw-order-tracking-section .wps_tofw_header-wrapper {
padding: 0;
}
.wps-tofw-order-tracking-section .wps_tofw_process_steps_wrap svg {
width: 35px;
height: 35px;
}
.wps-tofw-order-tracking-section .wps_tofw_process_steps_wrap svg+span {
font-size: 10px;
padding: 5px;
margin: 0 !important;
}
.wps-tofw-order-tracking-section .wps_tofw_process_steps_wrap li {
margin: 0;
}
}  .wps-tofw-order-tracking-section .wps-order-details-header {
grid-column-start: 1;
grid-column-end: 3;
}
.wps-tofw-order-tracking-section .wps-order-details-header h2 {
font-size: 24px;
font-weight: 600;
padding: 5px 0;
font-family: inherit;
border-bottom: 1px solid #e7e7e7;
}
.wps-tofw-order-tracking-section .wps-order-section {
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 10px;
column-gap: 40px;
box-shadow: none;
}
.wps-tofw-order-tracking-section .wps-order-section .wps-order-details-div {
padding: 0;
float: unset;
width: 100%;
border: none;
}
.wps-tofw-order-tracking-section .wps-order-section .wps-order-details-div li span,
.wps-tofw-order-tracking-section .wps-order-section .wps-order-details-div li {
color: #555;
font-size: 14px;
}
.wps-tofw-order-tracking-section .wps-order-section .wps-order-details-div ul {
padding: 0 !important;
}
.wps-tofw-order-tracking-section .wps-order-section .wps-order-details-div li {
border: none;
margin: 0;
list-style: none;
}
.wps-tofw-order-tracking-section .wps-order-section .wps-order-details-div li span:nth-of-type(1) {
font-weight: 600;
max-width: 150px;
}
.wps-tofw-order-tracking-section .wps-order-section .wps-order-details-div h3 {
font-size: 18px;
font-weight: 500;
margin: 0;
text-transform: capitalize;
} .wps-tofw-order-tracking-section .wps_tofw_product-details-section {
border: none;
} .wps-tofw-order-tracking-section .wps_tofw_product-details-section .wps-tofw-track-order-table thead th:nth-of-type(1) {
text-align: center;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section .wps-tofw-track-order-table .wps-design-division .wps-controller>span {
border: none;
display: flex;
align-items: center;
justify-content: center;
height: auto;
max-width: 100%;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section .wps-tofw-track-order-table .wps-controller {
display: flex;
align-items: center;
justify-content: space-around;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section .wps-tofw-track-order-table td {
padding: 15px 0 !important;
}
table.wps-product-details-table tbody tr td .wps-design-division .wps-controller>span .wps-circle {
position: unset;
background: #e7e7e7;
}
table.wps-product-details-table tbody tr td .wps-design-division .wps-controller>span .wps-circle:after {
display: none;
}
table.wps-product-details-table tbody tr td .wps-design-division .wps-controller>span .wps-circle.active {
box-shadow: 0 0 0 6px #fff, 0 0 0 7px #36B37E;
background: #36B37E;
margin-left: 15px;
}
table.wps-product-details-table tbody tr td .wps-design-division .wps-controller .track-approval .wps-circle {
background: #FFD666;
}
.wps-product-details-table tbody tr td .wps-design-division .wps-controller .track-processing .wps-circle {
background: #67C5FF;
}
.wps-product-details-table tbody tr td .wps-design-division .wps-controller .track-shipping .wps-circle {
background: #86E8AB;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section .wps-tofw-track-order-table td {
vertical-align: middle !important;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section .wps-tofw-track-order-table td .wps-delivery-div {
border: none;
text-align: center;
color: #000;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section .wps-tofw-track-order-table td .wps-delivery-div span {
border: none;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section .wps-tofw-track-order-table .wps-deliver-msg {
top: calc(100% + 30px);
bottom: unset;
padding: 15px 10px;
left: 0;
right: 0;
max-width: 350px;
text-align: center;
background: #fff;
box-shadow: none;
border: 1px solid #36B37E;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section .wps-tofw-track-order-table .wps-deliver-msg h4 {
color: #36B37E;
padding: 0;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section .wps-tofw-track-order-table .wps-design-division::after {
top: 50%;
transform: translateY(-50%);
}  @media screen and (max-width:768px) {
.wps-tofw-order-tracking-section .wps-order-section {
display: block;
}
.wps-tofw-order-tracking-section .wps-order-section .wps-order-details-div li {
text-align: left;
}
.wps-tofw-order-tracking-section .wps-order-section .wps-order-details-div li span:nth-of-type(1) {
max-width: 120px;
}
.wps-tofw-order-tracking-section .wps-order-section .wps-order-details-div h3 {
margin: 15px 0 0;
}
} @media screen and (max-width:620px) {
.wps-tofw-order-tracking-section .wps_tofw_product-details-section .wps-tofw-track-order-table .wps-controller {
width: 100%;
margin: 40px 0 0;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section table.wps-product-details-table th {
font-size: 12px;
}
.wps-tofw-order-tracking-section .wps_tofw_product-details-section .wps-tofw-track-order-table .wps-deliver-msg h4 {
font-size: 14px;
}
}  .wps_export {
margin-top: 8px;
margin-bottom: 8px;
background-color: green !important;
color: white !important;
}
.wps_tofw_guest_user_export_button{
display:block !important;
margin-top:20px !important;
background-color: green !important;
color: white !important;
} #wps_tofw_wrapper_third_party{
display: none;
}
.wps-track-order-main-wrapper:after{
content: "";
display: block;
clear: both;
}
.wps-track-order-main-wrapper {
padding: 40px 10px;
}
.wps-track-order-main-wrapper .wps-track-order-content,
.wps-track-order-main-wrapper .wps-track-order-map{
width: 50%;
float: left;
margin-bottom: 60px;
}
.wps-track-order-main-wrapper .wps-track-order-content .wps-track-order-tracking-section {
float: left;
width: 100%;
}
.wps-track-order-tooltip::before,.wps-track-order-last-tooltip::before {
background-color: #20a020;
border: 3px solid #20a020;
border-radius: 50%;
content: "";
height: 19px;
left: -7px;
position: absolute;
right: 0;
top: -6px;
width: 19px;
z-index: 9;
margin: 0!important;
padding: 0!important;
box-sizing: none!important;
}
.wps-track-order-tooltip::after,.wps-track-order-last-tooltip::after {
background-color: #000000;
border-radius: 10px;
content: "";
height: 100%;
left: 0;
min-height: 140px;
position: absolute;
top: 0;
width: 12px;
margin: 0!important;
padding: 0!important;
box-sizing: none!important;
}
.wps-track-order-inner-circle,.wps-track-order-last-inner-circle {
background-color: #ffffff;
border-radius: 50%;
height: 10px;
left: 1px;
position: absolute;
top: 1px;
width: 10px;
z-index: 99;
margin: 0;
}
.wps-track-order-tooltip,.wps-track-order-last-tooltip {
padding-left: 40px;
position: relative;
padding-bottom: 35px;
}
.wps-track-order-tooltip span,.wps-track-order-last-tooltip span{
display: block;
margin-bottom: 4px;
text-transform: uppercase;
}
.wps-track-order-tooltip-wrap,.wps-track-order-last-tooltip-wrap {
box-shadow: 0 2px 6px #efb0ef;
font-size: 12px;
padding: 11px;
width: 80%;
border: 1px solid rgba(204, 204, 204, 0.8);
border-radius: 15px;
color: #000;
}
.wps-track-order-main-wrapper * ,.wps-track-order-main-wrapper *:after,.wps-track-order-main-wrapper *:before{
box-sizing: unset!important;
}
.wps-track-order-tooltip.wps-track-order-tooltip-active .wps-track-order-tooltip-wrap{
box-shadow: 0 2px 6px #efb0ef;
}
.wps-track-order-outer-inner-circle::before {
background-color: #ffffff;
border-radius: 50%;
bottom: -5px;
content: "";
height: 10px;
left: 0;
line-height: 18px;
position: absolute;
width: 10px;
z-index: 99;
}
.wps-track-order-outer-inner-circle::after {
background-color: #20a020;
border: 3px solid #20a020;
border-radius: 50%;
bottom: -12px;
content: "";
height: 19px;
left: -7px;
position: absolute;
width: 19px;
z-index: 9;
}
.wps-tofw-new-order-time {
padding-left: 30px;
}
.wps-tofw-new-order-time > span > span::before {
content: "*";
font-size: 16px;
margin-right: 7px;
vertical-align: middle;
}
p.order-again {
margin: 4px 4px 0 0;
}
.wps_apv_facebook_share_content, .wps_apv_twitter_share_content, .wps_apv_mail_share_content, .wps_apv_whatsapp_content, .wps_apv_pinterset_share_content {
display: inline-block;
margin: 10px 15px 15px 0;
vertical-align: middle;
}
.wps_apv_whatsapp_content_template_1 {
padding: 6px;
}
a.wps_swatch_whatsapp_link_template_1 {
border: white !important;
} .wps_apv_share_content_template_alpha {
position: relative;
text-align: right;
}
.wps_apv_whatsapp_content_template_alpha-in {
position: absolute;
display: flex;
flex-direction: column;
gap: 6px;
background: #fff;
padding: 10px;
min-width: 120px;
border-radius: 5px;
border: 1px solid #f2f2f2;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
right: 0;
top: 100%;
opacity: 0;
z-index: -1;
transition: all 0.3s ease;
}
.wps_tofw_order_tab-temp-alpha.wps_tofw_order_tab {
display: flex;
justify-content: space-between;
align-items: center;
}
.wps_apv_share_content_template_alpha svg.wps_apv_share_icon {
cursor: pointer;
width: 24px;
height: 24px;
}
.wps_apv_whatsapp_content_template_alpha-in a {
display: flex;
align-items: center;
gap: 6px;
color: #4f4f4f;
}
.wps_apv_whatsapp_content_template_alpha-in a:hover {
color: #000;
}
.wps_apv_whatsapp_content_template_alpha-in a img {
max-width: 24px;
height: auto;
flex: 24px;
}
.wps_apv_share_content_template_alpha
svg.wps_apv_share_icon:hover
+ .wps_apv_whatsapp_content_template_alpha-in,
.wps_apv_whatsapp_content_template_alpha-in:hover {
z-index: 1;
opacity: 1;
}
.wps_tofw_order_tab-temp-alpha.wps_tofw_order_tab ul.wps_tofw_order_track_link {
margin: 0;
display: flex;
gap: 15px;
align-items: center;
}
.wps_tofw_order_tab-temp-alpha.wps_tofw_order_tab,
.wps_tofw_order_tracker_content-main-alpha {
padding: 0 15px;
}
.wps_tofw_order_tracker_content-main-alpha
.wps_tofw_header
.wps_progress
.circle_tofw_wps {
border: none;
}
.wps_tofw_order_tracker_content-main-alpha .wps_tofw_header .wps_progress {
min-height: 50px;
}
.wps_tofw_order_tracker_content-main-alpha
.wps_tofw_header
.wps_progress
.circle_tofw_wps
.label {
width: 20px;
height: 20px;
font-size: 0;
}
.wps_tofw_order_tracker_content-main-alpha-in {
padding: 20px;
border: 1px solid #e2e2e2;
border-radius: 10px;
flex: 1;
opacity: 1;
}
.wps_tofw_order_tracker_content-main-alpha-in .wps_tofw_order_tracker_content {
margin: 0;
}
.wps_tofw_order_tab-temp-alpha.wps_tofw_order_tab ul li a {
border: 1px solid #e2e2e2;
color: #1e1e1e;
border-radius: 100px !important;
}
.wps_tofw_order_tab-temp-alpha.wps_tofw_order_tab ul li.wps_active_tab a {
border: 1px solid #36b37e;
color: #46965d;
background: #e2ffea;
}
.wps_tofw_order_tracker_content-main-alpha .wps_tofw_header#wps_product {
margin: 0;
}
.wps_tofw_order_tracker_content-main-alpha
.wps_tofw_order_tracker_content
.order-delivered-info {
font-size: 16px;
line-height: 1.25;
}
@media screen and (min-width: 420px) {
.wps_apv_share_content_template_alpha svg.wps_apv_share_icon {
cursor: pointer;
width: 28px;
height: 28px;
}
.wps_tofw_order_tab-temp-alpha.wps_tofw_order_tab
ul.wps_tofw_order_track_link {
margin: 0;
display: flex;
gap: 15px;
align-items: center;
}
.wps_tofw_order_tracker_content-main-alpha {
display: flex;
gap: 20px;
align-items: flex-start;
margin: 25px auto;
max-width: 1000px;
}
.wps_tofw_order_tracker_content-main-alpha .wps_tofw_header .wps_progress {
flex-direction: column;
margin: 0;
gap: 12px;
}
.wps_tofw_order_tracker_content-main-alpha
.wps_tofw_header
.wps_progress
.circle_tofw_wps
.title {
top: 50%;
right: calc(100% + 10px);
transform: translate(0, -50%);
text-align: right;
}
.wps_tofw_order_tracker_content-main-alpha
.wps_tofw_header
.wps_progress
.bar_tofw_wps {
transform: rotate(90deg);
z-index: -1;
}
.wps_tofw_order_tracker_content-main-alpha .wps_tofw_header {
margin: 0 0 0 95px;
}
}  .tofw-wps-template-four .wps_apv_share_content_template_alpha{
margin: 10px 10px 0 0;
} @keyframes active-bar {
to {
height: 100%;
}
}
@keyframes reached {
to {
border-color: #0eba30;
}
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
.wps-tofw_loader {
width: 60px;
height: 60px;
border: 6px solid #f3f3f3;
border-top: 6px solid #3498db;
border-radius: 50%;
animation: spin 1s linear infinite;
margin: 100px auto;
}
.wps-tofw_track * {
box-sizing: border-box;
}
.wps-tofw_track {
max-width: 645px;
width: 100%;
container-type: inline-size;
container-name: tracker-wrapper;
}
.wps-tofw_t-head {
display: flex;
align-items: center;
gap: 10px;
}
.wps-tofw_t-head input[type=text] {
padding: 10px;
font-size: 14px;
border-radius: 5px;
border: 1.5px solid #dcdcdc;
width: 100%;
line-height: 1.25;
flex: 1;
}
.wps-tofw_t-head select {
padding: 10px;
font-size: 14px;
border-radius: 5px;
line-height: 1.25;
border: 1.5px solid #dcdcdc;
cursor: pointer;
max-width: 153px;
}
.wps-tofw-carrier-center{
margin: auto;
}
.wps_tofw_error {
color: red;
font-weight: bold;
}
.wps-tofw-carrier-right{
margin: 0 0 0 auto;
}
.wps-tofw_t-head #wps-tofw_th-search-btn {
padding: 10px 20px;
border: 1.5px solid #0675c4;
border-radius: 5px;
background: #0675c4;
color: #fff;
cursor: pointer;
transition: all 0.2s linear;
}
.wps-tofw_t-head #wps-tofw_th-search-btn:hover {
background: transparent;
color: #0675c4;
}
.wps-tofw_t-main ul {
padding: 0;
margin: 25px 0 0;
list-style: none;
display: flex;
flex-direction: column;
position: relative;
}
.wps-tofw_t-main ul:after {
width: 1.5px;
position: absolute;
content: '';
top: 0;
bottom: 0;
left: 50%;
background: #f2f2f2;
transform: translateX(-50%);
z-index: -1;
}
.wps-tofw_t-main ul li {
display: grid;
gap: 80px;
position: relative;
grid-template-columns: 1fr 1fr;
}
.wps-tofw_t-main ul li .h3 {
font-size: 14px;
font-weight: 600;
margin: 0 0 5px;
line-height: 1.5;
}
.wps-tofw_t-main ul li .p {
font-size: 14px;
font-weight: 400;
line-height: 1.5;
}
.wps-tofw_t-main ul li .wps-tofw_tm-con {
border: 1.5px solid #dcdcdc;
padding: 15px;
border-radius: 5px;
max-width: 300px;
width: 100%;
}
.wps-tofw_t-main ul li:nth-of-type(even):after {
left: calc(50% + 28px);
}
.wps-tofw_t-main ul li img {
width: 42px;
height: 42px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.wps-tofw_t-main ul li:nth-of-type(even) .wps-tofw_tm-con {
grid-column: 2;
}
.wps-tofw_t-main ul li:after {
position: absolute;
content: '';
border: 1px solid #dcdcdc;
width: 10px;
top: 50%;
left: calc(50% - 40px);
transform: translateY(-50%);
}
.wps-tofw_t-main ul li.active:before {
width: 1.5px;
position: absolute;
content: '';
height: 0;
top: 0;
left: 50%;
background: #0eba30;
transform: translateX(-50%);
z-index: 0;
animation: active-bar 1s forwards;
}
.wps-tofw_t-main ul li.active:after {
animation: reached 1s forwards;
}
.wps-tofw_t-main ul li.active {
--i: 0;
}
.wps-tofw_t-main ul li.active::before,
.wps-tofw_t-main ul li.active::after {
animation-delay: calc(var(--i) * 1s);
} .wps-tofw_t-main ul li.active:nth-child(1)  { --i: 0; }
.wps-tofw_t-main ul li.active:nth-child(2)  { --i: 1; }
.wps-tofw_t-main ul li.active:nth-child(3)  { --i: 2; }
.wps-tofw_t-main ul li.active:nth-child(4)  { --i: 3; }
.wps-tofw_t-main ul li.active:nth-child(5)  { --i: 4; }
.wps-tofw_t-main ul li.active:nth-child(6)  { --i: 5; }
.wps-tofw_t-main ul li.active:nth-child(7)  { --i: 6; }
.wps-tofw_t-main ul li.active:nth-child(8)  { --i: 7; }
.wps-tofw_t-main ul li.active:nth-child(9)  { --i: 8; }
.wps-tofw_t-main ul li.active:nth-child(10) { --i: 9; }
.wps-tofw_t-main ul li.active:nth-child(11) { --i: 10; }
.wps-tofw_t-main ul li.active:nth-child(12) { --i: 11; }
.wps-tofw_t-main ul li.active:nth-child(13) { --i: 12; }
.wps-tofw_t-main ul li.active:nth-child(14) { --i: 13; }
.wps-tofw_t-main ul li.active:nth-child(15) { --i: 14; }
.wps-tofw_t-main ul li.active:nth-child(16) { --i: 15; }
.wps-tofw_t-main ul li.active:nth-child(17) { --i: 16; }
.wps-tofw_t-main ul li.active:nth-child(18) { --i: 17; }
.wps-tofw_t-main ul li.active:nth-child(19) { --i: 18; }
.wps-tofw_t-main ul li.active:nth-child(20) { --i: 19; }
.wps-tofw_t-status {
padding: 10px;
font-size: 16px;
text-align: center;
margin: 25px 0 0;
border-radius: 5px;
background: #f3f3f3ff;
font-weight: 600;
line-height: 1.5;
color: #c0c0c0ff;
}
.wps-tofw_t-status.delivered {
background: #e7f6ee;
color: #14ae5c;
}
.wps-tofw_t-status.in-way {
background: #eaf7f9;
color: #00c3d0;
}
.wps-tofw_t-status.packed {
background: #fff9f0ff;
color: #e99c0cff;
}
@container tracker-wrapper (max-width: 460px) {
.wps-tofw_t-head {
flex-wrap: wrap;
}
.wps-tofw_t-head #wps-tofw_th-search-btn {
flex: 1 0 90%;
}
.wps-tofw_t-main ul li {
display: flex;
justify-content: flex-end;
}
.wps-tofw_t-main ul li:after,
.wps-tofw_t-main ul li:nth-of-type(even):after {
left: 48px;
}
.wps-tofw_t-main ul li .wps-tofw_tm-con {
max-width: calc(100% - 60px);
margin: 10px 0;
}
.wps-tofw_t-main ul li img {
left: 0;
transform: translateY(-50%);
}
.wps-tofw_t-main ul:after {
left: 21px;
}
.wps-tofw_t-main ul li.active:before {
left: 21px;
}
}
.wps-tofw_loader {
display: none;
}