form.order_track_form label {
width: 100%;
display: block;
margin-bottom: 5px;
}
form.order_track_form input {
width: 100%;
margin-bottom: 10px;
max-width: 50%;
}
.tracker-progress-bar .progress {
display: -ms-flexbox;
display: flex;
overflow: hidden !important;
background-color: #C1C1C1;
}
.progress-bar {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #C1C1C1;
transition: width 0.6s ease
}
ul.tpi_product_tracking_ul {
list-style-type: none;
margin: 0;
padding: 0;
font-size: 14px;
}
.h4-heading.tpi_products_heading {
margin-bottom: 10px;
}
.order_track_form input.ts_from_input {
display: none;
}
.order_track_form label.ts_from_label {
width: 100%;
padding: 20px 0;
display: inline-block;
line-height: 1;
font-weight: 500;
text-align: center;
cursor: pointer;
margin: 0;
font-weight: 600;
}
.tracking_form_tabs {
margin: 0;
border-bottom: 1px solid #e0e0e0;
display: flex;
}
.search_order_form .tracking_form {
padding: 20px;
}
.search_order_form .by_tracking_number {
display: none;
}
.tracking-detail .text-center {
text-align: center;
}
.tracking-detail .text-right {
text-align: right;
}
.col.tracking-detail {
margin: 0 auto 20px;
border: 1px solid #ccc;
max-width: 800px !important;
position: relative;
padding: 0;
display: none;
}
.col.enhanced_tracking_detail {
margin: 0 auto 20px;
border: 1px solid #ccc;
max-width: 800px !important;
position: relative;
padding: 0;
background: #fff;
}
.col.enhanced_tracking_detail .tracking_number_wrap {
padding: 20px;
cursor: pointer;
}
.trackship_branding {
text-align: center;
padding: 0 0 15px;
}
.tracking-detail .trackship_branding {
padding: 15px 0; }
span.wc_order_id {
align-self: center;
margin-left: auto;
}
.trackship_branding p {
margin: 0;
color: #3c4758;
}
.trackship_branding img {
width: 85px;
display: inline-block;
vertical-align: middle;
margin: 0 5px;
}
.enhanced_trackship_branding {
text-align: center;
padding: 0 0 15px;
}
.enhanced_trackship_branding p {
margin: 0;
color: #3c4758;
}
.enhanced_trackship_branding img {
width: 85px;
display: inline-block;
vertical-align: middle;
margin: 0 5px;
}
.tracking-detail .h4-heading {
border-bottom: 1px solid #eee;
color: #333333;
font-size: 14px;
font-weight: 100;
}
.track-order-section {
text-align: left;
}
.track-order-section p.form-row {
float: none	;
}
.order_id_email:after {
content: '';
display: table;
clear: both;
}
.search_order_form .form-row button {
margin-bottom: 0;
}
div.shipment-header {
margin: 10px auto -1px;
max-width: 800px;
border: 1px solid #e0e0e0;
}
.shipment-header .ts_from_input {
display: none;
}
.shipment-header label.ts_from_label {
padding: 15px;
display: inline-block;
font-weight: 500;
text-align: center;
cursor: pointer;
margin: 0;
}
.shipment-header .ts_from_input:checked + label {
color: #1163c6 !important;
border-bottom: 3px solid #1163c6;
margin-top: 3px;
}
.shipment_heading {
margin: 0;
padding: 5px 20px;
border-bottom: 0 !important;
}
.shipment_status_heading {
font-weight: 600;
color: #424242;
font-size: 24px;
margin: 15px 15px 10px;
}
.shipment_status_heading.delivered {
color: #218748;
}
.shipment_status_heading.delivered:before {
content: url(//thekamaliakhaddar.com/wp-content/plugins/trackship-for-woocommerce/assets/css/icons/delivered-2.png);
display: inline-block;
height: 30px;
vertical-align: text-bottom;
margin-right: 5px;
}
.heading_shipment_status {
font-weight: 600;
color: #0d8043;
font-size: 24px;
margin: 0;
z-index: 1;
position: relative;
}
.heading_shipment_status:before {
content: '';
display: inline-block;
height: 36px;
width: 36px;
vertical-align: middle;
margin-right: 5px;
font-size: 20px;
background-image: url(//thekamaliakhaddar.com/wp-content/plugins/trackship-for-woocommerce/assets/css/icons/shipped-color.png);
background-size: cover;
border-radius: 50%;
}
.tracking_widget_tracking_events_section .tracking_detail {
position: relative;
margin-left: 50px;
padding-bottom: 20px;
margin-top: -1px;
font-size: 14px;
}
.tracking_widget_tracking_events_section .tracking_detail::before {
content: ' ';
background: #c1c1c1;
display: inline-block;
position: absolute;
left: -36px;
width: 9px;
height: 100%;
z-index: 0;
}
.tracking_widget_tracking_events_section .shipped.tracking_detail::before {
background: #0d8043;
} .heading_shipment_status.delivered {
color: #4caf50;
}
.tracking_widget_tracking_events_section .tracking_detail.delivered::before {
background: #4caf50;
}
.heading_shipment_status.delivered:before {
background-image: url(//thekamaliakhaddar.com/wp-content/plugins/trackship-for-woocommerce/assets/css/icons/delivered.png);
} .heading_shipment_status.in_transit {
color: #05a9f4;
}
.tracking_widget_tracking_events_section .tracking_detail.in_transit::before {
background: #05a9f4;
}
.heading_shipment_status.in_transit:before {
background-image: url(//thekamaliakhaddar.com/wp-content/plugins/trackship-for-woocommerce/assets/css/icons/in-transit.png);
} .heading_shipment_status.pre_transit {
color: #673ab7;
}
.tracking_widget_tracking_events_section .tracking_detail.pre_transit::before {
background: #673ab7;
}
.heading_shipment_status.pre_transit:before {
background-image: url(//thekamaliakhaddar.com/wp-content/plugins/trackship-for-woocommerce/assets/css/icons/pre-transit.png);
} .heading_shipment_status.out_for_delivery {
color: #8fc95c;
}
.tracking_widget_tracking_events_section .tracking_detail.out_for_delivery::before {
background: #8fc95c;
}
.heading_shipment_status.out_for_delivery:before {
background-image: url(//thekamaliakhaddar.com/wp-content/plugins/trackship-for-woocommerce/assets/css/icons/out-for-delivery.png);
} .heading_shipment_status.available_for_pickup {
color: #ff9800;
}
.tracking_widget_tracking_events_section .tracking_detail.available_for_pickup::before {
background: #ff9800;
}
.heading_shipment_status.available_for_pickup:before {
background-image: url(//thekamaliakhaddar.com/wp-content/plugins/trackship-for-woocommerce/assets/css/icons/available-for-pickup.png);
} .heading_shipment_status.on_hold {
color: #ffdd00;
}
.tracking_widget_tracking_events_section .tracking_detail.on_hold::before {
background: #ffdd00;
}
.heading_shipment_status.on_hold:before {
background-image: url(//thekamaliakhaddar.com/wp-content/plugins/trackship-for-woocommerce/assets/css/icons/on-hold.png);
} .heading_shipment_status.return_to_sender {
color: #e91e63;
}
.tracking_widget_tracking_events_section .tracking_detail.return_to_sender::before {
background: #e91e63;
}
.heading_shipment_status.return_to_sender:before {
background-image: url(//thekamaliakhaddar.com/wp-content/plugins/trackship-for-woocommerce/assets/css/icons/return-to-sender.png);
} .heading_shipment_status.exception, .heading_shipment_status.failure {
color: #cd2128;
}
.tracking_widget_tracking_events_section .tracking_detail.exception::before, .tracking_widget_tracking_events_section .tracking_detail.failure::before {
background: #cd2128;
}
.heading_shipment_status.exception:before, .heading_shipment_status.failure:before {
background-image: url(//thekamaliakhaddar.com/wp-content/plugins/trackship-for-woocommerce/assets/css/icons/failure.png);
}
.enhanced_content .shipping_from_to, .enhanced_content .wc_order_id {
margin: 0;
padding: 10px 0 30px;
border-bottom: 1px dotted #ccc;
margin-bottom: 20px;
font-size: 14px;
}
.shipping_from_to {
margin: 5px 15px;
}
.shipping_from_to span {
vertical-align: baseline;
}
.shipping_from_to .shipping_to_img {
margin: 0 4px;
vertical-align: middle;
height: 15px;
}
.tracker-progress-bar {
margin: 35px 15px 45px;
position: relative;
}
.t_layout_2.tracker-progress-bar {
margin: 25px 15px;
} .tracker-progress-bar.tracking_icon_layout .progress {
height: 5px;
border-radius: 10px;
}
.tracker-progress-bar.tracking_icon_layout .progress .progress-bar:before {
display: inline-block;
position: absolute;
width: 30px;
height: 30px;
}
.tracking_icon_layout .progress .progress-icon {
width: 40px;
height: 40px;
position: absolute;
top: -15px;
} .tracking_icon_layout .progress .progress-icon.icon1 {
left: 0;
}
.tracking_icon_layout.t_layout_1 .progress .progress-icon.icon1 {
content: url(//thekamaliakhaddar.com/wp-content/plugins/trackship-for-woocommerce/assets/css/icons/pre_transit-gray.png);
}
.tracking_icon_layout .progress.pre_transit .progress-icon.icon1 {
content: url(//thekamaliakhaddar.com/wp-content/plugins/trackship-for-woocommerce/assets/css/icons/pre-transit.png);
}
.tracking_icon_layout .progress.failure .progress-icon.icon1 {
content: url(//thekamaliakhaddar.com/wp-content/plugins/trackship-for-woocommerce/assets/css/icons/failure.png);
}
.tracking_icon_layout .progress.pending_trackship .progress-icon.icon1, .tracking_icon_layout .progress.pending .progress-icon.icon1, .tracking_icon_layout .progress.unknown .progress-icon.icon1, .tracking_icon_layout .progress.carrier_unsupported .progress-icon.icon1, .tracking_icon_layout .progress.insufficient_balance .progress-icon.icon1, .tracking_icon_layout .progress.expired .progress-icon.icon1, .tracking_icon_layout .progress.label_cancelled .progress-icon.icon1, .tracking_icon_layout .progress.unauthorized .progress-icon.icon1, .tracking_icon_layout .progress.connection_issue .progress-icon.icon1, .tracking_icon_layout .progress.invalid_tracking .progress-icon.icon1 {
content: url(//thekamaliakhaddar.com/wp-content/plugins/trackship-for-woocommerce/assets/css/icons/shipped-color.png);
} .tracking_icon_layout .progress .progress-icon.icon2 {
left: 30%;
}
.tracking_icon_layout.t_layout_1 .progress .progress-icon.icon2 {
content: url(//thekamaliakhaddar.com/wp-content/plugins/trackship-for-woocommerce/assets/css/icons/in_transit-gray.png);
}
.tracking_icon_layout .progress.in_transit .progress-icon.icon2 {
content: url(//thekamaliakhaddar.com/wp-content/plugins/trackship-for-woocommerce/assets/css/icons/in-transit.png);
}
.tracking_icon_layout .progress.on_hold .progress-icon.icon2 {
content: url(//thekamaliakhaddar.com/wp-content/plugins/trackship-for-woocommerce/assets/css/icons/on-hold.png);
} .tracking_icon_layout .progress .progress-icon.icon3 {
left: 60%;
}
.tracking_icon_layout.t_layout_1 .progress .progress-icon.icon3 {
content: url(//thekamaliakhaddar.com/wp-content/plugins/trackship-for-woocommerce/assets/css/icons/out_for_delivery-gray.png);
}
.tracking_icon_layout .progress.out_for_delivery .progress-icon.icon3 {
content: url(//thekamaliakhaddar.com/wp-content/plugins/trackship-for-woocommerce/assets/css/icons/out-for-delivery.png);
}
.tracking_icon_layout .progress.available_for_pickup .progress-icon.icon3 {
content: url(//thekamaliakhaddar.com/wp-content/plugins/trackship-for-woocommerce/assets/css/icons/available-for-pickup.png);
}
.tracking_icon_layout .progress.return_to_sender .progress-icon.icon3 {
content: url(//thekamaliakhaddar.com/wp-content/plugins/trackship-for-woocommerce/assets/css/icons/return-to-sender.png);
}
.tracking_icon_layout .progress.exception .progress-icon.icon3 {
content: url(//thekamaliakhaddar.com/wp-content/plugins/trackship-for-woocommerce/assets/css/icons/failure.png);
} .tracking_icon_layout.t_layout_1 .progress .progress-icon.icon4 {
content: url(//thekamaliakhaddar.com/wp-content/plugins/trackship-for-woocommerce/assets/css/icons/delivered-gray.png);
right: 0;
}
.tracking_icon_layout .progress.delivered .progress-icon.icon4 {
content: url(//thekamaliakhaddar.com/wp-content/plugins/trackship-for-woocommerce/assets/css/icons/delivered.png);
right: 0;
} .t_layout_2.tracker-progress-bar .progress {
border-radius: 10px;
height: 15px;
background-color: #e0e0e0;
}
.t_layout_2.tracker-progress-bar .progress-bar {
background: #0bd4ab;
}
.t_layout_2 .progress-bar:before {
content: ' ';
background: #124fd6;
width: 17px;
height: 17px;
position: absolute;
display: inline-block;
border-radius: 10px;
left: 9%;
}
.t_layout_2 .progress-bar.in_transit:before,
.t_layout_2 .progress-bar.on_hold:before,
.t_layout_2 .progress-bar.failure:before {
left: 29%;
}
.t_layout_2 .progress-bar.out_for_delivery:before,
.t_layout_2 .progress-bar.available_for_pickup:before,
.t_layout_2 .progress-bar.exception:before,
.t_layout_2 .progress-bar.return_to_sender:before {
left: 59%;
}
.t_layout_2 .progress-bar.pre_transit:before,
.t_layout_2 .progress-bar.pending_trackship:before,
.t_layout_2 .progress-bar.pending:before,
.t_layout_2 .progress-bar.unknown:before,
.t_layout_2 .progress-bar.carrier_unsupported:before,
.t_layout_2 .progress-bar.insufficient_balance:before,
.t_layout_2 .progress-bar.invalid_carrier:before {
left: 9%;
}
.t_layout_2 .progress-bar.delivered {
background-color: #4caf5080;
}
.t_layout_2 .progress-bar.delivered:before {
right: 0;
left: auto;
background-color: #4caf50;
}
.t_layout_2 .progress-bar.on_hold {
background-color: #ffde0080;
}
.t_layout_2 .progress-bar.on_hold:before {
background-color: #ffdd00;
}
.t_layout_2 .progress-bar.in_transit {
background-color: rgba(5, 169, 245, 0.5);
}
.t_layout_2 .progress-bar.in_transit:before {
background-color: #05a9f4;
}
.t_layout_2 .progress-bar.out_for_delivery {
background-color: rgba(143, 201, 92, 0.5);
}
.t_layout_2 .progress-bar.out_for_delivery:before {
background-color: rgba(143, 201, 92, 1);
}
.t_layout_2 .progress-bar.available_for_pickup {
background-color: rgba(255, 152, 0, 0.5);
}
.t_layout_2 .progress-bar.available_for_pickup:before {
background-color: #ff9800;
}
.t_layout_2 .progress-bar.pre_transit {
background-color: #673ab780;
}
.t_layout_2 .progress-bar.pre_transit:before {
background-color: #673ab7;
}
.t_layout_2 .progress-bar.failure, .t_layout_2 .progress-bar.return_to_sender, .t_layout_2 .progress-bar.exception {
background-color: #F3CAD8;
}
.t_layout_2 .progress-bar.failure:before, .t_layout_2 .progress-bar.return_to_sender:before, .t_layout_2 .progress-bar.exception:before {
background-color: #cd2128;
} .tracking_destination_details_by_date {
margin-bottom: 10px;
}
.tracking-detail .provider_image {
width: 45px;
border-radius: 5px;
}
.enhanced_tracking_detail .provider_image {
width: 45px;
height: 45px;
border-radius: 5px;
}
.tracking-detail .tracking-details {
font-size: 14px;
}
.est-delivery-date.tracking-number {
margin-bottom: 15px;
display: block;
}
.est_delivery_section {
padding: 20px;
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 0;
}
.est_delivery_section span.est-delivery-date {
background: #4caf5080;
padding: 7px 12px;
border-radius: 5px;
font-size: 18px;
display: inline-block;
}
.est_delivery_section span.est-delivery-date.pre_transit {
background: #673ab720;
}
.est_delivery_section span.est-delivery-date.in_transit {
background: #05a9f420;
}
.est_delivery_section span.est-delivery-date.on_hold {
background: #ffdd0020;
}
.est_delivery_section span.est-delivery-date.out_for_delivery {
background: #8fc95c20;
}
.est_delivery_section span.est-delivery-date.available_for_pickup {
background: #ff980020;
}
.est_delivery_section span.est-delivery-date.return_to_sender {
background: #e91e6320;
}
.est_delivery_section span.est-delivery-date.exception,
.est_delivery_section span.est-delivery-date.failure {
background: #cd212820;
}
span.tracking_details_switch {
background: #e0e0e0;
padding: 3px;
font-size: 15px;
border-radius: 6px;
float: right;
z-index: 2;
position: relative;
}
.tracking_details_switch .enhanced_switch_input {
display: none;
}
.tracking_details_switch label.enhanced_switch {
padding: 6px 16px;
display: inline-block;
font-weight: 600;
cursor: pointer;
margin: 0;
border-radius: 5px;
font-size: 13px;
background-color: transparent;
transition: background-color 0.75s ease;
}
.tracking_details_switch .enhanced_switch_input:checked + label {
background: #fff;
}
.tracking_widget_tracking_events_section {
padding: 20px 20px 0;
}
ul.timeline {
list-style: none!important;
position: relative;
padding: 0 0 0 20px !important;
margin: 0;
}
ul.timeline:before {
content: ' ';
background: #ccc;
display: inline-block;
position: absolute;
left: 9px;
width: 2px;
height: 100%;
}
ul.timeline > li {
margin: 0;
padding: 5px 0 5px 20px;
}
ul.timeline > li:before {
content: url(//thekamaliakhaddar.com/wp-content/plugins/trackship-for-woocommerce/assets/images/timeline-round.png);
display: inline-block;
position: absolute;
left: 0px;
width: 20px;
height: 20px;
}
ul.timeline > li > p {
margin: 0;
font-size: 90%;
}
.provider_image_div {
display: flex;
margin-right: 10px;
}
.tracking_number_div {
margin: 0;
font-size: 14px;
align-self: center;
}
.tracking_number_div ul {
list-style: none !important;
margin: 0;
padding: 0;
}
.tracking_number_div ul li {
margin: 0;
}
.tracking_number_div ul li strong{
font-size: 14px;
margin: 0 3px;
}
.shipment_status_notifications .unsubscribe_emails_checkbox, .shipment_status_notifications .unsubscribe_sms_checkbox {
margin: 0;
vertical-align: middle;
}
.shipment_status_notifications span {
margin: 0 10px;
vertical-align: middle;
}
.unsubscribe_message {
margin: 5px auto;
max-width: 600px;
}
.trackship_loader {
display: inline-block;
border: 4px solid #f3f3f3;
border-top: 4px solid #3498db;
border-radius: 50%;
width: 20px;
height: 20px;
animation: spin 2s linear infinite;
margin: 0 10px;
vertical-align: middle;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.tracking-detail .heading_panel {
padding: 15px;
margin: 0;
cursor: pointer;
border-top: 1px solid #ccc;
font-size: 14px;
font-weight: 600;
}
.tracking-detail .content_panel {
padding: 0;
display: none;
border-top: 0;
padding-bottom: 15px;
margin: 0 15px;
}
.heading_panel .accordian-arrow {
border: solid black;
border-width: 0px 3px 3px 0;
display: inline-block;
padding: 4px;
float: right;
margin: 4px;
}
.heading_panel .accordian-arrow.ts-down {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
border-color:#124ed6;
}
.heading_panel .accordian-arrow.ts-right {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.enhanced_tracking_content {
display: none;
border-top: 1px solid #e0e0e0;
}
.enhanced_tracking_detail .enhanced_heading {
padding: 28px 20px;
margin: 0;
cursor: pointer;
border-top: 1px solid #ccc;
font-size: 15px;
font-weight: 600;
}
.enhanced_tracking_detail .enhanced_heading .accordian-arrow {
padding: 3.5px;
}
.enhanced_tracking_detail .enhanced_content {
padding: 20px;
border-top: 1px solid #ccc;
margin: 0;
display: none;
}
.enhanced_content label {
margin: 0;
}
.enhanced_tracking_detail .accordian-arrow {
border: solid black;
border-width: 0px 3px 3px 0;
display: inline-block;
padding: 4.5px;
float: right;
margin: 4px;
}
.tracking_number_wrap .accordian-arrow {
margin-left: auto;
align-self: center;
}
.enhanced_tracking_detail .accordian-arrow.ts-down {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
border-color:#124ed6;
}
.enhanced_tracking_detail .accordian-arrow.ts-right {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
div.last_mile_tracking_number {
font-size: 14px;
padding: 10px 0 30px;
border-bottom: 1px dotted #ccc;
margin-bottom: 20px;
}
.enhanced_tracking_details h4.heading_origin_details{
margin: 15px 0;
padding: 0;
font-size: 18px;
} .rtl .track-order-section {
text-align: right;
}
.rtl .col.tracking-detail {
text-align: right;
}
.rtl .tracking-detail .text-right {
text-align: left;
}
.rtl .provider_image_div {
margin: 0 0 20px 10px;
}
.rtl ul.timeline {
padding-left: 0;
padding-right: 20px;
}
.rtl ul.timeline:before {
right: 9px;
}
.rtl ul.timeline > li:before {
right: 0px;
}
.rtl ul.timeline > li {
padding-right: 30px;
padding-left: 0;
}
.rtl .enhanced_tracking_detail .provider_image_div {
margin: 0 0 0 10px;
}
.rtl .tracking_number_wrap .accordian-arrow {
margin-right: auto;
margin-left: 0;
}
.rtl .tracking_widget_tracking_events_section .tracking_detail {
margin-left: 0;
margin-right: 50px;
}
.rtl .tracking_widget_tracking_events_section .tracking_detail::before {
right: -36px;
}
.rtl .enhanced_tracking_detail .accordian-arrow {
float: left;
}
.rtl .heading_shipment_status:before {
margin-right: 0;
margin-left: 5px;
} .tracking-detail .est-delivery-date {
font-weight: 400;
color: #757575;
font-size: 14px;
margin: 0 15px;
display: block;
}
.shipment-content p.pending_message {
margin: 0;
}
.tracking-header {
margin-bottom: 10px;
}
.tracking-detail .tracking_number_wrap {
padding: 15px 20px;
border-bottom: 1px solid #ccc;
margin: 0 0 15px;
font-size: 14px;
display: flex;
justify-content: space-between;
align-items: center;
}
.ts_enhanced_info {
margin: 0 0 10px 0;
font-size: 14px;
}
.ts_enhanced_info span {
vertical-align: middle;
}
.ts_enhanced_info a {
color: #0025ad;
}
span.copy_tracking_page.trackship-tip {
fill: #3858e9;
margin-left: 5px;
cursor: pointer;
}
span.copy_tracking_page.trackship-tip svg {
width: 18px;
vertical-align: middle;
}
.not-shipped-widget .shipment_heading {
font-weight: 600;
color: #212121;
}
.not_shipped_content {
padding: 0 15px;
}
div.search_order_form {
position: relative;
}
.ts_loader {
z-index: 1000;
border: none;
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: rgb(255, 255, 255);
opacity: 0.6;
position: absolute;
background: url(//thekamaliakhaddar.com/wp-content/plugins/trackship-for-woocommerce/assets/images/ts-loader-2.svg) 50% 50% no-repeat rgba(255,255,255,.6);
} .popupwrapper {
position: fixed;
top: 0;
left: 0;
background: rgb(250 250 250 / 0.8);
border: 1px solid #e0e0e0;
z-index: 100000;
width: 100%;
height: 100%;
text-align: center;
}
.popupwrapper:after {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
}
.popuprow {
display: inline-block;
vertical-align: middle;
max-width: 600px;
background: #fff;
padding: 0;
position: relative;
z-index: 10;
border-radius: 3px;
width: 97%;
width: calc(100% - 5px);
max-height: 90%;
overflow-y: overlay;
text-align: left;
border: 1px solid #e0e0e0;
}
@media screen and (max-width: 425px) {
.tracking_number_div ul li span{
vertical-align: middle;
}
.tracking_number_div ul li strong{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 200px;
display: inline-block;
vertical-align: middle;
}
}
@media screen and (max-width: 500px) {
form.order_track_form input {
max-width: 100%;
}
span.tracking_details_switch {
float: none;
display: inline-block;
}
div.est_delivery_section {
display: block;
}
.est_delivery_section span.est-delivery-date, .tracking_widget_tracking_events_section .tracking_details_switch {
margin-bottom: 15px;
}
}:root{--joinchat-ico:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3.516 3.516c4.686-4.686 12.284-4.686 16.97 0s4.686 12.283 0 16.97a12 12 0 0 1-13.754 2.299l-5.814.735a.392.392 0 0 1-.438-.44l.748-5.788A12 12 0 0 1 3.517 3.517zm3.61 17.043.3.158a9.85 9.85 0 0 0 11.534-1.758c3.843-3.843 3.843-10.074 0-13.918s-10.075-3.843-13.918 0a9.85 9.85 0 0 0-1.747 11.554l.16.303-.51 3.942a.196.196 0 0 0 .219.22zm6.534-7.003-.933 1.164a9.84 9.84 0 0 1-3.497-3.495l1.166-.933a.79.79 0 0 0 .23-.94L9.561 6.96a.79.79 0 0 0-.924-.445l-2.023.524a.797.797 0 0 0-.588.88 11.754 11.754 0 0 0 10.005 10.005.797.797 0 0 0 .88-.587l.525-2.023a.79.79 0 0 0-.445-.923L14.6 13.327a.79.79 0 0 0-.94.23z'/%3E%3C/svg%3E");--joinchat-font:-apple-system,blinkmacsystemfont,"Segoe UI",roboto,oxygen-sans,ubuntu,cantarell,"Helvetica Neue",sans-serif}.joinchat{--sep:20px;--bottom:var(--sep);--s:60px;--h:calc(var(--s)/2);--ch:142;--cs:70%;--cl:49%;--bw:1;--text:hsl(0deg 0% clamp(0%,var(--bw)*1000%,100%)/clamp(70%,var(--bw)*1000%,100%));--hover:hsl(var(--ch) var(--cs) calc(var(--cl) + 20%));--color:hsl(var(--ch) var(--cs) var(--cl));display:none;position:fixed;z-index:9000;right:var(--sep);bottom:var(--bottom);font:normal normal normal 16px/1.625em var(--joinchat-font);letter-spacing:0;animation:joinchat_show .5s cubic-bezier(.18,.89,.32,1.28) 10ms both;transform:scale3d(0,0,0);transform-origin:calc(var(--s)/-2) calc(var(--s)/-4);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgb(0 0 0/0)}.joinchat *,.joinchat :after,.joinchat :before{box-sizing:border-box}.joinchat--show{display:block;transform:scaleX(1)}.joinchat--left{right:auto;left:var(--sep)}.joinchat--noanim{animation:none}.joinchat__button{position:absolute;z-index:2;bottom:8px;right:8px;height:var(--s);width:var(--s);background:#25d366 var(--joinchat-ico) 50%/60% no-repeat;color:inherit;border-radius:50%;box-shadow:1px 6px 24px 0 rgba(7,94,84,.24);cursor:pointer;transition:background-color .2s linear}.joinchat__button:hover{background-color:#128c7e}.joinchat__button:active{background-color:#128c7e;transition:none}.joinchat--left .joinchat__button{right:auto;left:8px}.joinchat__button__ico{position:absolute;inset:0;display:flex;border-radius:50%;overflow:hidden;color:var(--text)!important}.joinchat__button__ico svg{width:var(--ico-size,100%);height:var(--ico-size,100%);margin:calc((100% - var(--ico-size, 1))/2)}.joinchat__button:has(.joinchat__button__ico){background:var(--color);box-shadow:1px 6px 24px 0 hsl(var(--ch) var(--cs) calc(var(--cl) - 10%)/24%)}.joinchat__button:has(.joinchat__button__ico):active,.joinchat__button:has(.joinchat__button__ico):hover{background:var(--hover)}.joinchat__button__image{position:absolute;inset:1px;border-radius:50%;overflow:hidden;opacity:0}.joinchat__button__image img,.joinchat__button__image video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.joinchat--show .joinchat__button__image{animation:joinchat_image_loop 20s linear 5s infinite normal both}.joinchat--img .joinchat__button__image{opacity:1;animation:none}.joinchat__tooltip{position:absolute;top:calc(var(--h) - 16px);right:calc(var(--s) + 16px);max-width:calc(100vw - var(--s) - 45px);height:32px;padding:0 14px;border:none;border-radius:16px;background:#fff;color:rgba(0,0,0,.8);line-height:31px;white-space:nowrap;opacity:0;transition:opacity .3s ease-out .4s;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));pointer-events:none}.joinchat__tooltip:after{content:"";display:block;position:absolute;top:10px;right:-6px;border:8px solid transparent;border-width:6px 0 6px 8px;border-left-color:#fff}.joinchat__tooltip div{width:-moz-max-content;width:max-content;max-width:100%;overflow:hidden;text-overflow:ellipsis}.joinchat--tooltip .joinchat__tooltip{animation:joinchat_tootlip 20s linear 5s 1 normal both}.joinchat--left .joinchat__tooltip{right:auto;left:calc(var(--s) + 16px)}.joinchat--left .joinchat__tooltip:after{left:-6px;right:auto;border-color:transparent;border-width:6px 8px 6px 0;border-right-color:#fff}.joinchat__qr{position:absolute;z-index:2;bottom:calc(var(--s) + 24px);right:8px;display:none;flex-direction:column-reverse;width:228px;min-height:200px;padding:14px 14px 10px;border:none;border-radius:16px;background:#fff;color:rgba(0,0,0,.8);text-align:center;white-space:nowrap;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));animation:joinchat_badge_in .4s cubic-bezier(.11,.84,.83,1.01) .5s both;pointer-events:none}.joinchat__qr:after{content:"";display:block;position:absolute;bottom:-6px;right:calc(var(--h) - 6px);border:8px solid transparent;border-width:8px 6px 0;border-top-color:#fff}.joinchat--left .joinchat__qr{left:8px;right:auto}.joinchat--left .joinchat__qr:after{left:calc(var(--h) - 6px);right:auto}.joinchat__qr div{font-size:14px;color:#4a4a4a;overflow:hidden;text-overflow:ellipsis}.joinchat__qr canvas{display:block;width:200px;height:200px;margin:0;image-rendering:pixelated}@keyframes joinchat_show{0%{transform:scale3d(0,0,0)}to{transform:scaleX(1)}}@keyframes joinchat_badge_in{0%{opacity:0;transform:translate3d(0,50px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes joinchat_image_loop{0%{opacity:0}3%,20%{opacity:1}25%,to{opacity:0}}@keyframes joinchat_tootlip{0%{opacity:0;transform:scaleY(0)}1%,20%{opacity:1;transform:scaleX(1)}25%,to{opacity:0;transform:scaleX(1)}}.joinchat__woo-btn__wrapper{clear:both}.joinchat__woo-btn{--s:40px;display:inline-block;box-sizing:border-box;height:var(--s);max-width:100%;padding:0 calc(var(--s)/2) 0 var(--s);background:#25d366 var(--joinchat-ico) calc(var(--s)*0.2) 50% no-repeat;background-size:calc(var(--s)*0.6);color:#fff;border-radius:calc(var(--s)/2);font:700 normal calc(var(--s)*0.35)/var(--s) var(--joinchat-font);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer;transition:background-color .2s}.joinchat__woo-btn:empty{padding-right:0}.joinchat__woo-btn:hover{background-color:#128c7e}@media (orientation:landscape) and (height >= 481px),(orientation:portrait) and (width >= 481px){.joinchat--mobile{display:none!important}}@media (width <= 767px){.joinchat--footer-bar{--bottom:76px!important}}@media (orientation:landscape) and (height <= 480px),(width <= 480px){.joinchat{--sep:6px}}@media (hover:hover){.joinchat__button:hover .joinchat__tooltip{opacity:1;animation:none;transition:opacity .2s}.joinchat--btn .joinchat__button:hover~.joinchat__qr{display:flex}}@media (prefers-reduced-motion){.joinchat{animation:none}}