.product-timeline_complete {
    margin-top: 40px;
}

.product-timeline_in-progress .timeline-bar {
    padding-top: 1rem;
}

@media screen and (max-width: 420px) {
    .product-timeline_in-progress .timeline-bar {
        border-top: 1px solid #ddd;
    }
}

.timeline-bar {
    padding-left: 47px;
    display: flex;
}

    .timeline-bar.hide-process {
        display: none;
    }

@media screen and (max-width: 420px) {
    .timeline-bar {
        padding-left: 0;
    }
}

.timeline-bar-item {
    display: flex;
    margin-bottom: 0;
    min-height: 45px;
}

    .timeline-bar-item:last-child {
        height: unset;
    }

        .timeline-bar-item:last-child .time-right {
            padding-bottom: 0;
        }

    .timeline-bar-item span {
        margin-bottom: 0;
    }

.timeline-bar-item__status {
    width: 68px;
    text-align: right;
    line-height: 1.3;
}

@media screen and (max-width: 420px) {
    .timeline-bar-item__status {
        text-align: left;
    }
}

.timeline-bar-item__count {
    line-height: 1.3;
}

.timeline-bar-item .time-right {
    padding-left: 4px;
    padding-bottom: 27px;
    line-height: 1.3;
}

@media screen and (max-width: 420px) {
    .timeline-bar-item .time-right {
        max-width: 235px;
    }
}

@media screen and (max-width: 380px) {
    .timeline-bar-item .time-right {
        max-width: 174px;
    }
}

@media screen and (max-width: 325px) {
    .timeline-bar-item .time-right {
        max-width: 147px;
    }
}

.timeline-bar-item.actv span, .timeline-bar-item.await span {
    color: #000;
    font-weight: 500;
}

.timeline-bar-item.actv .timeline-bar-item__status, .timeline-bar-item.await .timeline-bar-item__status {
    white-space: nowrap;
}

.timeline-bar-item .cercile {
    width: 18px;
    height: 18px;
    background: #ddd;
    border-radius: 100px;
    margin: 0 30px;
    position: relative;
}

.timeline-bar-item .cercile-link {
    background: #ddd;
    width: 2px;
    height: 100%;
    margin: auto;
}

@media screen and (max-width: 420px) {
    .timeline-bar-item .cercile {
        margin: 0 20px;
    }
}

.timeline-bar-item:last-child .cercile-link {
    display: none;
}

.timeline-bar-item.compltd .cercile {
    background: #38BF26;
}

    .timeline-bar-item.compltd .cercile:before {
        content: "\f00c";
        font-family: FontAwesome, sans-serif;
        color: #fff;
        position: absolute;
        font-size: 11px;
        left: 3.5px;
        top: 1.5px;
    }

.timeline-bar-item.compltd .cercile-link {
    background: #38bf26;
}

.timeline-bar-item.actv .cercile {
    background: #fff;
    border: 5px solid #000;
}

.timeline-bar-item.await .cercile {
    background: #fff;
    border: 1px solid #000;
}

    .timeline-bar-item.await .cercile:before {
        content: "";
        background-image: url("../img_new/icn_timeline_step_LD.svg");
        background-size: 18px 18px;
        font-family: FontAwesome, sans-serif;
        position: absolute;
        width: 18px;
        height: 18px;
        background-repeat: no-repeat;
        top: -1px;
        left: -1px;
    }
/*# sourceMappingURL=timeline-bar.css.map */