.o_field_resume_one2many {
    $o-hrs-timeline-entry-padding: .5rem;
    $o-hrs-timeline-dot-size: .6rem;

    .o_data_row {
        border-bottom: none;
    }

    .o_data_row td {
        padding: $o-hrs-timeline-entry-padding;

        &.o_resume_timeline_cell {
            div {
                width: $o-hrs-timeline-dot-size;
                height: $o-hrs-timeline-dot-size;
            }

            &:before {
                @include o-position-absolute(0, $left: ($o-hrs-timeline-dot-size * .5 + o-to-rem($o-horizontal-padding) - o-to-rem($border-width)));
                width: $border-width;
                height: 100%;
                background-color: $border-color;
                content: "";

                @include media-breakpoint-up(lg, $o-extra-grid-breakpoints) {
                    left: ($o-hrs-timeline-dot-size * .5 + o-to-rem(map-get($spacers, 4))  - o-to-rem($border-width))
                }

                @include media-breakpoint-up(xxl, $o-extra-grid-breakpoints) {
                    left: ($o-hrs-timeline-dot-size * .5 + o-to-rem($o-horizontal-padding)  - o-to-rem($border-width))
                }
            }
        }
    }

    .o_resume_line_title, .o_resume_line_desc {
        white-space: normal;
    }

    .o_resume_line_title, .o_resume_line_dates {
        line-height: 1;
    }

    .o_resume_group_header + .o_data_row .o_resume_timeline_cell:before {
        top: $o-hrs-timeline-entry-padding;
    }

    .o_data_row.o_data_row_last {
        .o_resume_line_desc {
            margin-bottom: $headings-margin-bottom;
        }

        .o_resume_timeline_cell:before {
            height: $o-hrs-timeline-entry-padding;
        }
    }
}
