.path-explorer-container {
  font-size: 14px;
  font-weight: 400;
}

.path-explorer-container .table {
  display: table;
  width: 100%;
}

.path-explorer-container .table-row {
  display: table-row;
}

.path-explorer-container .table-row > * {
  display: table-cell;
  vertical-align: middle;
}

.path-explorer-container .separator, .path-explorer-container .repo-name {
  padding: 0 4px;
}

.path-explorer-container .repo-name {
  cursor: pointer;
  white-space: nowrap;
}

.path-explorer-container .repo-name:hover {
  background: rgba( 199, 224, 244 ,  1 );
  background: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
}

.path-explorer {
  position: relative;
  width: 100%;
  cursor: text;
  height: 32px;
}

.path-explorer:hover {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  /* Border is split between this and parent to force refresh on IE11, otherwise un-hovering didn't hide it */
}

.path-explorer:hover .justify-aligner {
  border: none;
}

.path-explorer.editing {
  border: none;
}

.path-explorer.editing .path-explorer-parts,
.path-explorer.editing .part-ellipsis {
  display: none;
}

.path-explorer .justify-aligner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border: solid 1px transparent;
}

.path-explorer .part {
  display: inline-block;
  vertical-align: bottom;
}

.path-explorer .folder-icon {
  display: none;
}

.path-explorer .separator, .path-explorer .path-explorer-container .repo-name, .path-explorer-container .path-explorer .repo-name {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

.path-explorer .last-part {
  font-weight: 700;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  margin-right: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 90%;
}

.path-explorer .part-ellipsis {
  display: block;
  float: left;
}

.path-explorer .part-ellipsis .flyout-header {
  padding: 6px 7px 4px 8px;
}

.path-explorer .part-ellipsis.hidden {
  display: none;
}

.path-explorer .open .flyout-header {
  background: rgba( 199, 224, 244 ,  1 );
  background: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
}

.path-explorer .folder, .path-explorer .separator, .path-explorer .path-explorer-container .repo-name, .path-explorer-container .path-explorer .repo-name,
.path-explorer .input-info-text,
.path-explorer .last-part,
.overflow-flyout-content .folder,
.overflow-flyout-content .separator,
.overflow-flyout-content .path-explorer-container .repo-name, .path-explorer-container
.overflow-flyout-content .repo-name,
.overflow-flyout-content .input-info-text,
.overflow-flyout-content .last-part {
  display: inline-block;
  padding: 5px 4px;
  vertical-align: bottom;
  height: 30px;
}

.path-explorer .folder,
.overflow-flyout-content .folder {
  cursor: pointer;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  text-decoration: none;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.path-explorer .folder:hover,
.overflow-flyout-content .folder:hover {
  background: rgba( 199, 224, 244 ,  1 );
  background: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
}

.path-explorer .input-info-text {
  width: 100%;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.path-explorer .input-info-text:focus {
  border:  1px dashed;
  border-color: rgba( 0, 0, 0 ,  1 ) !important;
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 ) !important;
  font-weight: bold !important;
}

.overflow-flyout-content {
  padding: 8px 0;
  min-width: 200px;
}

.overflow-flyout-content .part {
  display: block;
}

.overflow-flyout-content .folder-icon {
  display: inline;
  padding: 4px 10px 4px 4px;
}

.overflow-flyout-content .folder {
  display: block;
  padding: 4px 10px 4px 4px;
}


.overflow-flyout-content .separator,
.overflow-flyout-content .path-explorer-container .repo-name, .path-explorer-container
.overflow-flyout-content .repo-name {
  display: none;
}