.btn                                    {border-radius:100px; transition:all 0.3s ease;}
.btn:hover                              {opacity:0.85;}
.btn.small                              {padding:2px 20px;}
.btn.secondary                          {border:2px solid; background:none;}
 
.btn.secondary.green                    {color:#6dc72a !important;}

#shop_order_tracking .form-item         {margin:15px 0;}
#shop_order_tracking .form-item label   {display:block;}
#shop_order_tracking .form-item select  {width:100%;}
#shop_order_tracking .form-item input   {width:100%;}

.order-tracking                         {border: 1px solid #f9f9f9; padding: 25px 15px 25px 70px; background: url(../images/ico-shipping.png) #f9f9f9 15px 20px no-repeat; background-size: 40px auto; border-radius: 5px; box-shadow: 0px 1px 2px rgba(0,0,0,0.12); margin: 10px 0 35px; }
.order-tracking p:last-child            {margin:0; }

.shipping-steps                         {position: relative; padding: 0 0 47px; margin:50px 0; }

.shipping-steps .shipping-bar           {height: 2px; background: #ddd; border-radius:20px; overflow:hidden; }
.shipping-steps .progress               {height: 2px; background:#6dc72a; width:50%; }

.shipping-steps.completed .progress     {width:100%;}
.shipping-steps.completed .step.final   {color:#6dc72a;}
.shipping-steps.completed .step:before  {background:#6dc72a; border-color:#6dc72a; color:#fff;}

.shipping-steps.cancelled .progress     {width:100%; background:#bb1d2b;}
.shipping-steps.cancelled .step         {color:#bb1d2b !important;}
.shipping-steps.cancelled .step:before  {background:#bb1d2b !important; border-color:#bb1d2b !important; color:#fff;}

.shipping-steps.failed .progress        {width:100%; background:#bb1d2b;}
.shipping-steps.failed .step            {color:#bb1d2b !important;}
.shipping-steps.failed .step:before     {background:#bb1d2b !important; border-color:#bb1d2b !important; color:#fff;}

.shipping-steps.refunded .progress      {width:100%; background:#6da6f7;}
.shipping-steps.refunded .step          {color:#6da6f7 !important;}
.shipping-steps.refunded .step:before   {background:#6da6f7 !important; border-color:#6da6f7 !important; color:#fff;}

.shipping-steps.checkout-draft .progress{width:100%; background:#6da6f7;}
.shipping-steps.checkout-draft .step    {color:#6da6f7 !important;}
.shipping-steps.checkout-draft .step:before   {background:#6da6f7 !important; border-color:#6da6f7 !important; color:#fff;}

.shipping-steps .step                   {width: 100px; text-align: center; position: relative; line-height:16px; color:#ddd; }
.shipping-steps .step:before            {content:'1'; position:absolute; left:0; right:0; top:-42px; margin:auto; width:30px; line-height:30px; background:#fff; border:2px solid; border-radius:100px; font-weight:600 !important; }
.shipping-steps .step.completed         {color:#6dc72a;}
.shipping-steps .step.completed:before  {background:#6dc72a; border-color:#6dc72a; color:#fff;}
.shipping-steps .step.initial           {position: absolute; left: 0; top:25px; }
.shipping-steps .step.middle            {position: absolute; left: 0; right:0; top:25px; margin:auto; }
.shipping-steps .step.middle:before     {content:'2'; }
.shipping-steps .step.final             {position: absolute; right: 0; top:25px; }
.shipping-steps .step.final:before      {content:'3'; }