/* track order */
 @import url('<?php echo BASEPATH; ?>assets/css/track-order-impor.css');

 

 

 .track-card {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: border-box;
     border: 1px solid rgba(0, 0, 0, 0.1);
     border-radius: 0.10rem
 }

 .track-card-header:first-child {
     border-radius: calc(0.37rem - 1px) calc(0.37rem - 1px) 0 0
 }

 .track-card-header {
     padding: 0.75rem 1.25rem;
     margin-bottom: 0;
     background-color: #fff;
     border-bottom: 1px solid rgba(0, 0, 0, 0.1)
 }

 .track-track {
     position: relative;
     background-color: #ddd;
     height: 7px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     margin-bottom: 60px;
     margin-top: 50px
 }

 .track-track .track-step {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     width: 25%;
     margin-top: -18px;
     text-align: center;
     position: relative
 }

 .track-track .track-step.track-active:before {
     background: #b3265b
 }

 .track-track .track-step::before {
     height: 7px;
     position: absolute;
     content: "";
     width: 100%;
     left: 0;
     top: 18px
 }

 .track-track .track-step.track-active .track-icon {
     background: #b3265b;
     color: #fff
 }

 .track-track .track-icon {
     display: inline-block;
     width: 40px;
     height: 40px;
     line-height: 40px;
     position: relative;
     border-radius: 100%;
     background: #ddd
 }

 .track-track .track-step.track-active .track-text {
     font-weight: 400;
     color: #000
 }

 .track-track .track-text {
     display: block;
     margin-top: 7px
 }

 .track-itemside {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     width: 100%
 }

 .track-itemside .track-aside {
     position: relative;
     -ms-flex-negative: 0;
     flex-shrink: 0
 }

 .track-img-sm {
     width: 80px;
     height: 80px;
     padding: 7px
 }

 ul.track-row,
 ul.track-row-sm {
     list-style: none;
     padding: 0
 }

 .track-itemside .track-info {
     padding-left: 15px;
     padding-right: 7px
 }

 .track-itemside .track-title {
     display: block;
     margin-bottom: 5px;
     color: #b3265b
 }

 

 .track-btn-warning {
     color: #ffffff;
     background-color: #b3265b;
     border-color: #b3265b;
     border-radius: 1px
 }

 .track-btn-warning:hover {
     color: #ffffff;
     background-color: #ff2b00;
     border-color: #ff2b00;
     border-radius: 1px
 }
 
 /* track order */