/**
    Padding
*/
/**
    Margin Section
*/
/**
    Font Section
*/
/*
    Canvas Element Colors
*/
.dtc-history-container {
  overflow: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.dtc-history-container .history-details-list {
  font-size: 14px;
}

.dtc-history-container .history-details-list .history-header.details-list-header-column {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  border: none;
}

.dtc-history-container .history-details-list .change-details {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  padding: 0 3px;
}

.dtc-history-container .history-back-button {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
  font-size: 14px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin: 0px 0px 0px 13px !important;
  height: 40px;
}

.dtc-history-container .history-back-button::before {
  padding-right: 5px;
  font-family: bowtie;
}

.dtc-history-container .history-back-button:hover, .dtc-history-container .history-back-button:focus {
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.dtc-history-container .comment-section {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.history-menu-item {
  font-family: bowtie;
  margin: 5px;
}

.history-diff-container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.history-diff-container .history-revision-diff {
  height: calc(100% - 40px);
}

.history-diff-viewer-container {
  position: absolute;
  top: 40px;
  bottom: 0;
  left: 0;
  right: 0;
}

.history-diff-viewer-container .revision-diff-viewer {
  height: 100%;
  display: none;
}

.history-diff-viewer-container .revision-diff-viewer:last-child {
  display: block;
}

.history-no-display.index-column {
  display: none;
}

.history-not-visible {
  display: none;
}

.history-name-column {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
