/*This import is done for time being. have to find a common scss file to import this.*/

@import "../../assets/styles/variables.scss";
@import "../../assets/styles/mixins.scss";
ul {
    list-style-type: none;
    padding: $gutter-zero;
    li {
        border-bottom: 1px solid #dfdfdf;
        padding: $gutter-zero $gutter-base*3;
        .load-stops {
            display: inline-flex;
            align-items: center;
            width: 100%;
            p {
                line-height: $gutter-zero;
                .stops-city {
                    padding: 0 $gutter-base*2;
                }
            }
        }
        .load-status-delay {
            @include border-left($border-base*2, $border-default-pattern, $color-grey-4);
            padding-top: $gutter-base*2;
            margin-left: $gutter-base;
        }
    }
    li:first-child {
        @include border-top($border-base*2, $border-default-pattern, $color-grey-4);
        padding-top: $gutter-base*3;
    }
    li:last-child {
        border-bottom: 1px solid #dfdfdf;
        padding-bottom: $gutter-base*3;
    }
}