.commit-graph-table {
    width: 100%;

    .commit-graph {
        vertical-align: top;

        .header-fill {
            vertical-align: baseline;
            /* Account for the border of the table header */
            padding: 7px 10px 8px 10px;
            text-align: left;
            font-weight: bold;
        }
        .graph-body {

            .wrap-stopper {
                overflow: auto;
                zoom: 1;

                .graph-segment {
                    text-align: right;
                    overflow: hidden;
                    float: right;

                    svg {
                        float: right;
                    }
                }
            }
        }
    }
    .commits {
        vertical-align: top;

        .commits-table {
            vertical-align: top;

            td.nav-links {
                text-align: center !important;

                a.scroll-nav {

                    &.scroll-prev {
                        margin-right: 20px;
                    }
                }
            }
        }
    }
}
.commitgraph-loading-indicator {
    display: block;
    margin-top: 20px;
    height: 20px;
    text-align: center;
    color: #707070;
}


/* =============== Commits Table ==================== */
.commitid {
  font-family: monospace;
}
.commits-table {
  /* IE is buggy with row borders when setting the opacity on the td, so we have to set it on the children of the td */

}
.commits-table .author,
.commits-table .commit,
.commits-table .comment-count,
.commits-table .timestamp {
  width: 1%;
  /* to force the table cell to shrinkwrap to the longest element and not expand with browser width */

  white-space: nowrap;
}
.commits-table .author,
.commits-table .commit,
.commits-table .timestamp,
.commits-table .message,
.commits-table .comment-count {
  vertical-align: baseline;
}
.commits-table .author > div {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  vertical-align: text-bottom;
  max-width: 200px;
}
.commits-table .message {
  max-width: 450px;
}
.commits-table .message > span {
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  width: 100%;
  vertical-align: bottom;
}
.commits-table tbody tr:hover {
  background-color: #f5f5f5;
}
.commits-table ul {
  padding: 0;
  list-style: none;
}
.commits-table tr {
  border-left: 2px solid #ffffff;
}
.commits-table tr.focused-commit {
  background-color: #f5f5f5;
  border-left: 2px solid #3b73af;
}
.commits-table tr.focused-commit a:focus {
  outline: none;
  text-decoration: none;
}
.commits-table tr.merge td > * {
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0.35;
  filter: alpha(opacity=35);
}
.commits-table.show-merges tr.merge td > * {
  opacity: 1;
  filter: none;
}
.commits-table + .commits-table-message {
  margin-top: 10px;
  text-align: center;
  color: #999999;
}
.commits-table + .commits-table-message.no-results {
  color: #d04437;
}
.commits-table .commitid + .merge-lozenge {
  margin-left: 5px;
}
.commits-table-spinner {
  width: 48px;
  height: 48px;
  margin: 16px auto 0;
}
span.comment-count {
  color: #707070;
}
span.comment-count .aui-icon {
  margin-right: 5px;
}
