.testplan-directory-rowitem {
  display: -webkit-box;
  -webkit-flex-direction: row;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  -webkit-box-flex: 1 1 0%;
  -webkit-flex: 1 1 0%;
  flex: 1 1 0%;
  /* Chrome fix - Chrome incorrectly sets a min-height/width it will not go lower than
     * See: https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored
     * CodePen with bug: https://codepen.io/philipwalton/pen/MYbrrr
     * CodePen with min-width: https://codepen.io/anon/pen/VrKGWa
     */
  min-height: 0;
  min-width: 0;
  align-items: center;
}

.testplan-directory-rowitem .testplan-group-spacer {
  flex-grow: 0;
  margin-left: 19px;
}

.testplan-directory-rowitem .flex-tooltip-host {
  display: flex;
  overflow: hidden;
  align-items: center;
}

.testplan-directory-rowitem .flex-tooltip-host .testplan-title {
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 2px;
  padding-right: 2px;
}

.testplan-directory-rowitem .flex-tooltip-host .team-name {
  overflow: hidden;
  text-overflow: ellipsis;
}

.testplan-directory-rowitem .testplan-row-title {
  flex-grow: 1;
  overflow: hidden;
}

.testplan-directory-rowitem .testplan-row-title .testplan-icon {
  padding-right: 10px;
}

.testplan-directory-rowitem .testplan-row-favorite {
  flex-grow: 0;
  margin-right: 25px;
  margin-left: 10px;
}

.testplan-assignedto-cell-component .identity-container .identity-tooltip img {
  margin-top: 8px;
}

.testplan-assignedto-cell-component .identity-container .identity-tooltip .identity-display-name {
  margin-left: 5px;
}

.mine-testplan-directory-group-list-header {
  cursor: default;
  font-size: 14px;
  margin: 4px 4px 4px 0px;
  padding-right: 4px;
  outline: none;
  line-height: 34px;
}

.mine-testplan-directory-group-list-header:hover {
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.mine-testplan-directory-group-list-header:focus {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.mine-testplan-directory-group-list-header .bowtie-chevron-right {
  margin-right: 5px;
  transform: rotate(0deg);
  cursor: pointer;
}

.mine-testplan-directory-group-list-header .bowtie-chevron-right.expanded {
  transform: rotate(90deg);
}

.ms-DetailsRow .testplan-directory-rowitem .testplan-row-favorite {
  opacity: 0;
}

.ms-DetailsRow .testplan-directory-rowitem .testplan-row-favorite.favorited,
.ms-DetailsRow.is-selected .testplan-directory-rowitem .testplan-row-favorite,
.ms-DetailsRow:hover .testplan-directory-rowitem .testplan-row-favorite {
  cursor: pointer;
  opacity: 1;
}

.testplan-directory-content {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.testplan-directory-content .test-plans-pivot {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

.testplan-directory-content .test-plans-pivot .team-testplan-content,
.testplan-directory-content .test-plans-pivot .mine-testplan-content,
.testplan-directory-content .test-plans-pivot .all-testplan-content {
  height: 100%;
  position: relative;
}

.testplan-directory-filterbar {
  padding-left: 20px;
  padding-right: 20px;
}

.mine-testplan-directory-group-list-header .bowtie-users,
.testplan-directory-rowitem .bowtie-users,
.testplan-directory-rowitem .bowtie-status-info-outline {
  margin-right: 11px;
}