/***BEGIN DirectoryContentView.css***/
.directory-page .directory-content {
  flex: 1 1 0%; }
/***END DirectoryContentView.css***/

/***BEGIN DirectoryGrid.css***/
.new-directory-grid-container {
  height: 100%;
  width: 100%;
  position: relative; }
  .new-directory-grid-container .directory-gridview {
    width: 100%; }
  .new-directory-grid-container .ms-DetailsRow {
    height: 36px; }
    .new-directory-grid-container .ms-DetailsRow .directory-rowitem .directory-row-favorite {
      opacity: 0; }
    .new-directory-grid-container .ms-DetailsRow .directory-rowitem .directory-row-favorite.favorited,
    .new-directory-grid-container .ms-DetailsRow.is-selected .directory-rowitem .directory-row-favorite,
    .new-directory-grid-container .ms-DetailsRow:hover .directory-rowitem .directory-row-favorite,
    .new-directory-grid-container .ms-DetailsRow:focus .directory-rowitem .directory-row-favorite {
      cursor: pointer;
      opacity: 1; }
  .new-directory-grid-container .directory-rowitem {
    display: -webkit-box;
    -webkit-flex-direction: row;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    width: 100%;
    height: 100%;
    user-select: none; }
    .new-directory-grid-container .directory-rowitem .flex-tooltip-host {
      align-items: center; }
    .new-directory-grid-container .directory-rowitem .directory-row-title {
      display: inline;
      -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;
      overflow: hidden;
      text-overflow: ellipsis; }
      .new-directory-grid-container .directory-rowitem .directory-row-title a.directory-title:focus:after {
        display: none; }
      .new-directory-grid-container .directory-rowitem .directory-row-title.directory-row-spinner {
        display: -webkit-box;
        -webkit-flex-direction: row;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        color: rgba(0, 90, 158, 1);
        color: var(--communication-foreground,rgba(0, 90, 158, 1)); }
        .new-directory-grid-container .directory-rowitem .directory-row-title.directory-row-spinner .directory-spinner {
          margin-right: 10px; }
    .new-directory-grid-container .directory-rowitem .directory-row-name-cell {
      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; }
      .new-directory-grid-container .directory-rowitem .directory-row-name-cell .directory-artifact-icon {
        margin-right: 11px; }
    .new-directory-grid-container .directory-rowitem .directory-row-team-cell {
      width: 100%;
      display: flex;
      -ms-flex-align: center; }
      .new-directory-grid-container .directory-rowitem .directory-row-team-cell .team-icon {
        margin-right: 11px; }
      .new-directory-grid-container .directory-rowitem .directory-row-team-cell .team-name {
        -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;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
    .new-directory-grid-container .directory-rowitem .directory-row-favorite {
      flex-grow: 0;
      margin-left: 10px;
      width: 16px;
      height: 100%; }
      .new-directory-grid-container .directory-rowitem .directory-row-favorite .directory-row-favorite-icon {
        border: 1px solid transparent; }
    .new-directory-grid-container .directory-rowitem .directory-row-error {
      display: -webkit-box;
      -webkit-flex-direction: row;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: center;
      margin-left: 20px;
      margin-right: 10px;
      width: 20px;
      color: rgba(168, 0, 0, 1);
      color: var(--status-error-strong,rgba(168, 0, 0, 1)); }
  .new-directory-grid-container .directory-group-row {
    display: -webkit-box;
    -webkit-flex-direction: row;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    cursor: pointer;
    font-size: 0.875rem;
    outline: none;
    position: relative;
    line-height: 36px;
    color: black;
    padding: 0px 8px;
    font-weight: 600; }
    .new-directory-grid-container .directory-group-row:hover {
      background-color: rgba( 244, 244, 244 ,  1 );
      background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 ); }
    .new-directory-grid-container .directory-group-row.directory-group-row--disabled {
      cursor: default; }
    .new-directory-grid-container .directory-group-row:focus:after {
      content: "";
      position: absolute;
      pointer-events: none;
      border: 1px solid black;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0; }
    .new-directory-grid-container .directory-group-row .directory-group-row-title {
      display: inline;
      -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;
      overflow: hidden;
      text-overflow: ellipsis; }
    .new-directory-grid-container .directory-group-row .directory-group-chevron {
      margin-right: 10px;
      font-size: 0.6875rem;
      transition: transform 200ms;
      font-weight: bolder; }
      .new-directory-grid-container .directory-group-row .directory-group-chevron.expanded {
        transform: rotate(90deg); }
    .new-directory-grid-container .directory-group-row .directory-group-icon {
      margin-right: 10px; }
  .new-directory-grid-container .directory-group-spacer {
    -webkit-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 32px; }
  .new-directory-grid-container .directory-column {
    overflow: visible !important; }
    .new-directory-grid-container .directory-column .directory-deleted-favorite-container {
      overflow: visible; }
    .new-directory-grid-container .directory-column .actions-column-wrapper {
      height: 100%; }
    .new-directory-grid-container .directory-column .team-card-component {
      height: 36px; }
      .new-directory-grid-container .directory-column .team-card-component > button {
        height: 36px; }

.deleted-favorite {
  color: rgba(218, 10, 0, 1);
  color: var(--status-error-text,rgba(218, 10, 0, 1)); }
/***END DirectoryGrid.css***/