/**
 * ------------------
 * Style gls tracking
 * ------------------
 */

.gls-tracking:not(:last-child) {
    margin-bottom: 20px;
}

.gls-tracking ul.gls-tracking-progress {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    background-color: #f8dda7;
    border-radius: 2px;
}

.gls-tracking ul.gls-tracking-progress li {
    position: relative;
    flex: 1;
    /*border-top: 1px solid var( --color-pearlgray );*/
    border-bottom: 3px solid #573b00;
    text-align: center;
}

.gls-tracking ul.gls-tracking-progress li:first-of-type {
    border-top-left-radius: 2px;
    /*border-left: 1px solid var( --color-pearlgray );*/
}

.gls-tracking ul.gls-tracking-progress li:last-of-type {
    border-top-right-radius: 2px;
    /*border-right: 1px solid var( --color-pearlgray );*/
}

.gls-tracking ul.gls-tracking-progress li.active {
    border-color: #2c4700;
    background-color: #c6e1c6;
}

.gls-tracking ul.gls-tracking-progress li.active  span.gls-tracking-progress-icon::before {
    content: '\f058';
    font-family: var( --fa-style-family, 'Font Awesome 5 Free', 'Font Awesome 6 Free' );
    font-weight: var( --fa-style, 900 );
    color: var( --color-lime );
    font-size: 16px;
    vertical-align: middle;
    margin-right: 5px;
}

.gls-tracking ul.gls-tracking-progress li span.gls-tracking-progress-icon {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 5px;
    text-align: center;
    z-index: 1;
}

.gls-tracking ul.gls-tracking-progress li:not(.active) span.gls-tracking-progress-icon {
    color: #573b00;
}

.gls-tracking ul.gls-tracking-progress li.active span.gls-tracking-progress-icon {
    color: #2c4700;
}

.gls-tracking ul.gls-tracking-progress li span.gls-tracking-progress-icon i {
    color: inherit;
    line-height: 32px;
    vertical-align: middle;
}

.gls-tracking ul.gls-tracking-progress li span.gls-tracking-progress-text {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    height: 32px;
    line-height: 32px;
    z-index: 0;
} @media( max-width: 850px ) {
    .gls-tracking ul.gls-tracking-progress li span.gls-tracking-progress-text {
        display: none;
    }
}

.gls-tracking ul.gls-tracking-progress li:not(.active) span.gls-tracking-progress-text {
    color: #573b00;
}

.gls-tracking ul.gls-tracking-progress li.active span.gls-tracking-progress-text {
    color: #2c4700;
}

.gls-tracking .gls-tracking-history {
    border-left: 1px solid var( --color-pearlgray );
    border-bottom: 1px solid var( --color-pearlgray );
    border-right: 1px solid var( --color-pearlgray );
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.gls-tracking .gls-tracking-history table td.gls-shipping-status span {
    display: inline-block;
    border-radius: calc( 1em + 10px );
    padding: 5px 12px;
}