/***BEGIN Hub.css***/
.release-landing-pivot-bar {
  height: 100%; }
  .release-landing-pivot-bar .folder-view {
    color: #dcb67a;
    color: var(--icon-folder-color,#dcb67a);
    margin: auto; }
  .release-landing-pivot-bar .select-pipeline-view {
    height: 100%; }
    .release-landing-pivot-bar .select-pipeline-view .vss-ZeroDataItem {
      max-width: 650px; }
      .release-landing-pivot-bar .select-pipeline-view .vss-ZeroDataItem .vss-ZeroDataItem--primary {
        font-size: 0.875rem; }

.release-landing-page {
  height: 100%; }
  .release-landing-page .right-tab-content {
    position: relative; }
/***END Hub.css***/

/***BEGIN HubContainer.css***/
.release-zero-day-container {
  margin-top: 150px; }

.releases-hub-success-message, .releases-hub-error-message {
  min-height: 48px !important;
  flex-grow: 0; }
/***END HubContainer.css***/

/***BEGIN AnalyticsPivot.css***/
.analytics-card {
  min-height: 180px; }

.loading-analytics {
  min-height: 150px; }

.analytics-tab {
  padding-left: 20px; }

.region-pipelineAnalyticsRegion {
  flex-wrap: wrap;
  margin-top: 8px; }
/***END AnalyticsPivot.css***/

/***BEGIN DeploymentsPivot.css***/
.deployments-spinner:not(.loading-more) {
  margin: auto; }
/***END DeploymentsPivot.css***/

/***BEGIN ReleasesPivot.css***/
.active-releases-spinner:not(.loading-more) {
  margin: auto; }
/***END ReleasesPivot.css***/

/***BEGIN ActiveReleases.css***/
.releases-pivot-content.releases-with-approvals-bar {
  width: 100%; }

.releases-pivot-content .active-releases-list-holder {
  height: 100%;
  width: 100%;
  overflow: auto;
  padding-left: 20px;
  padding-right: 20px;
  position: absolute; }
  .releases-pivot-content .active-releases-list-holder .active-releases-details-list .active-release-show-more-button {
    font-size: 12px;
    cursor: pointer;
    color: rgba(0, 0, 0, .55);
    color: var(--text-secondary-color,rgba(0, 0, 0, .55)); }
    .releases-pivot-content .active-releases-list-holder .active-releases-details-list .active-release-show-more-button .active-release-show-more-icon {
      font-size: 10px;
      padding-right: 2px; }
  .releases-pivot-content .active-releases-list-holder .active-releases-details-list .bolt-table-cell.bolt-list-cell .active-release-show-more-button {
    display: inline-flex; }
  .releases-pivot-content .active-releases-list-holder .active-releases-details-list .active-rel-env-cell {
    display: inline-flex;
    align-items: center;
    margin-top: 7px; }
    .releases-pivot-content .active-releases-list-holder .active-releases-details-list .active-rel-env-cell.active-rel-env-cell-with-more-button {
      margin-top: 2px; }
  .releases-pivot-content .active-releases-list-holder .active-releases-details-list .active-releases-details-list-header {
    border-bottom: none; }
    .releases-pivot-content .active-releases-list-holder .active-releases-details-list .active-releases-details-list-header > .bolt-table-header-cell-content {
      border-radius: 0;
      border-right:  1px solid;
      border-right-color: rgba( 234, 234, 234 ,  1 );
      border-right-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 ); }
  .releases-pivot-content .active-releases-list-holder .active-releases-details-list .active-release-row {
    padding-top: 12px;
    padding-bottom: 12px; }
    .releases-pivot-content .active-releases-list-holder .active-releases-details-list .active-release-row .active-release-details-column {
      width: 100% !important;
      /*important for overriding vss details list computed width which prevents horizontal scroll from appearing*/
      min-height: 0px; }
    .releases-pivot-content .active-releases-list-holder .active-releases-details-list .active-release-row .actions-column-wrapper {
      align-items: center; }
  .releases-pivot-content .active-releases-list-holder .active-releases-details-list .active-release-created-details {
    color: rgba( 51, 51, 51 ,  1 );
    color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
    margin-top: 2px; }
  .releases-pivot-content .active-releases-list-holder .active-releases-details-list .overflow-text-container {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal; }
  .releases-pivot-content .active-releases-list-holder .active-releases-details-list .active-rel-definition-name-container .active-rel-definition-tooltip {
    max-width: 100%;
    display: inline-block; }
  .releases-pivot-content .active-releases-list-holder .active-releases-details-list .active-release-tags-description-container .active-rel-tags-container {
    margin-top: 7px; }
    .releases-pivot-content .active-releases-list-holder .active-releases-details-list .active-release-tags-description-container .active-rel-tags-container .active-rel-tag-container {
      border:  solid 1px;
      border-color: rgba( 200, 200, 200 ,  1 );
      border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
      border-radius: 5px;
      margin-right: 5px;
      margin-bottom: 5px;
      padding: 0px 5px 2px 5px;
      background-color: rgba( 244, 244, 244 ,  1 );
      background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
      height: 24px;
      line-height: 18px;
      font-size: 12px; }
    .releases-pivot-content .active-releases-list-holder .active-releases-details-list .active-release-tags-description-container .active-rel-tags-container .active-rel-tag-tooltip {
      max-width: 50px;
      display: inline-block;
      text-align: center;
      vertical-align: top; }
  .releases-pivot-content .active-releases-list-holder .active-releases-details-list .active-release-tags-description-container .active-rel-description-container .active-rel-description-tooltip {
    max-width: 100%;
    display: inline-block; }
  .releases-pivot-content .active-releases-list-holder .active-releases-details-list .active-release-tags-description-container .active-rel-description-container + .active-rel-tags-container {
    margin-top: 4px; }
  .releases-pivot-content .active-releases-list-holder .bolt-table-cell .active-release-tags-description-container {
    width: 100%; }
    .releases-pivot-content .active-releases-list-holder .bolt-table-cell .active-release-tags-description-container .active-rel-description-container, .releases-pivot-content .active-releases-list-holder .bolt-table-cell .active-release-tags-description-container .active-rel-tag-container {
      padding-top: 10px; }

.releases-pivot-content .livness-message-bar + .active-releases-list-holder {
  height: calc(100% - 48px); }

.releases-pivot-content .approvals-bar + .active-releases-list-holder {
  height: calc(100% - 48px); }

.releases-pivot-content .approvals-bar + .livness-message-bar + .active-releases-list-holder {
  height: calc(100% - 96px); }

.releases-pivot-content .active-releases-filter-bar + .releases-with-approvals-bar .active-releases-list-holder {
  height: calc(100% - 54px);
  /*We are assuming that the filter bar will take 53px. If this is proven wrong, we need to change the logic*/ }

.releases-pivot-content .active-releases-filter-bar + .releases-with-approvals-bar .approvals-bar + .active-releases-list-holder {
  height: calc(100% - 102px); }

.releases-pivot-content .active-releases-filter-bar + .releases-with-approvals-bar .approvals-bar + .livness-message-bar + .active-releases-list-holder {
  height: calc(100% - 150px); }

.releases-pivot-content.no-releases-matching-filter-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-grow: 1; }
  .releases-pivot-content.no-releases-matching-filter-container .no-results-image {
    margin: 20px;
    zoom: 2; }
  .releases-pivot-content.no-releases-matching-filter-container .no-results-message {
    font-size: 30px; }
/***END ActiveReleases.css***/

/***BEGIN EnvironmentsColumn.css***/
.active-release-environments-canvas-container .dtc-incoming-edge-container {
  display: none; }
/***END EnvironmentsColumn.css***/

/***BEGIN NameColumn.css***/
.active-release-name-column {
  line-height: 18px;
  overflow: hidden; }
  .active-release-name-column .active-release-details-container {
    overflow: hidden; }
  .active-release-name-column .release-name-element .release-name-with-menu {
    display: inline-flex; }
    .active-release-name-column .release-name-element .release-name-with-menu .retention-icon {
      margin-right: 5px; }
    .active-release-name-column .release-name-element .release-name-with-menu .retention-icon + .release-name-container.overflow-text-container {
      max-width: 225px; }
  .active-release-name-column .release-name-element .active-release-subtext-container {
    margin-top: 2px 2px 0px 2px;
    position: relative; }
    .active-release-name-column .release-name-element .active-release-subtext-container .vss-ContextualMenu--container {
      position: absolute;
      right: 10px;
      top: -8px; }
      .active-release-name-column .release-name-element .active-release-subtext-container .vss-ContextualMenu--container .release-row-menu {
        height: 15px;
        display: inline-block;
        visibility: hidden;
        color: rgba(0, 90, 158, 1);
        color: var(--communication-foreground,rgba(0, 90, 158, 1)); }
  .active-release-name-column .active-release-identity-image {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    margin-top: 4px;
    margin-right: 16px; }
  .active-release-name-column .active-release-artifact-url.is-selected {
    color: rgba( 16, 110, 190 ,  1 );
    color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 ); }
  .active-release-name-column .active-release-subtext {
    color: rgba( 102, 102, 102 ,  1 );
    color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
    margin-right: 10px; }
    .active-release-name-column .active-release-subtext .active-release-artifact-url {
      padding: 0 3px;
      margin: 0px 2px;
      text-decoration: none; }
      .active-release-name-column .active-release-subtext .active-release-artifact-url:hover, .active-release-name-column .active-release-subtext .active-release-artifact-url:focus {
        text-decoration: underline; }
  .active-release-name-column .artifact-type-icon, .active-release-name-column .active-release-branch-icon {
    margin-right: 2px; }
  .active-release-name-column .light-text {
    font-size: 0.875rem;
    color: rgba( 102, 102, 102 ,  1 ) !important;
    color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 ) !important; }
    .active-release-name-column .light-text .is-selected {
      color: rgba( 16, 110, 190 ,  1 );
      color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 ); }
  .active-release-name-column .overflow-text-container {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    line-height: 23px; }
  .active-release-name-column .active-release-name, .active-release-name-column .active-release-status-text {
    font-size: 15px;
    font-weight: 600; }
  .active-release-name-column .active-release-name.active-release-url {
    text-decoration: none;
    margin: 2px; }
  .active-release-name-column .active-release-name.releases-isdeleted {
    text-decoration: line-through; }
  .active-release-name-column .active-release-status-text {
    color: rgba(0, 0, 0, .55);
    color: var(--text-secondary-color,rgba(0, 0, 0, .55));
    margin-left: 3px; }
/***END NameColumn.css***/

/***BEGIN Deployments.css***/
.deployments-list-holder {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: auto; }
  .deployments-list-holder .dep-table .deployments-details-list-header > .bolt-table-header-cell-content {
    border-radius: 0;
    border-right:  1px solid;
    border-right-color: rgba( 234, 234, 234 ,  1 );
    border-right-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 ); }
  .deployments-list-holder .deployments-details-list {
    padding-left: 20px;
    padding-right: 20px; }
    .deployments-list-holder .deployments-details-list .deployments-stage-column {
      align-items: center;
      margin-right: 5px; }
    .deployments-list-holder .deployments-details-list .deployment-status-icon {
      margin-right: 5px; }
    .deployments-list-holder .deployments-details-list .deployments-list-artifact-link,
    .deployments-list-holder .deployments-details-list .deployments-list-release-link,
    .deployments-list-holder .deployments-details-list .deployments-list-stage-link {
      text-decoration: none;
      padding: 4px;
      margin: 4px; }
    .deployments-list-holder .deployments-details-list .release-deployment-identity-image {
      height: 33px;
      width: 33px;
      border-radius: 50%;
      margin-right: 12px;
      margin-top: 5px;
      margin-bottom: 5px; }
    .deployments-list-holder .deployments-details-list .deployment-identity-image-name {
      margin: auto 0; }
/***END Deployments.css***/

/***BEGIN ActiveReleasesFilterBar.css***/
.releases-landing-filter-bar-new {
  margin-left: 20px;
  margin-right: 20px; }
  .releases-landing-filter-bar-new .releases-filter {
    min-width: 175px; }
  .releases-landing-filter-bar-new .vss-FilterBar--list .vss-FilterBar--item .active-releases-created-by-filter {
    padding-top: 2px;
    height: 100%; }
    .releases-landing-filter-bar-new .vss-FilterBar--list .vss-FilterBar--item .active-releases-created-by-filter:hover {
      background-color: rgba(0, 0, 0, 0.06);
      background-color: var(--palette-black-alpha-6,rgba(0, 0, 0, 0.06)); }
    .releases-landing-filter-bar-new .vss-FilterBar--list .vss-FilterBar--item .active-releases-created-by-filter.focus {
      outline: 3px solid rgba( 0, 120, 212 ,  0.3 );
      outline: 3px solid rgba( var(--palette-primary,0, 120, 212) ,  0.3 ); }
    .releases-landing-filter-bar-new .vss-FilterBar--list .vss-FilterBar--item .active-releases-created-by-filter .identity-picker-search-box {
      height: 30px !important; }
      .releases-landing-filter-bar-new .vss-FilterBar--list .vss-FilterBar--item .active-releases-created-by-filter .identity-picker-search-box .identity-picker-input {
        padding: 2px 0px 2px 12px;
        background-color: transparent;
        box-sizing: border-box; }
    .releases-landing-filter-bar-new .vss-FilterBar--list .vss-FilterBar--item .active-releases-created-by-filter .identity-picker-search-drop-icon {
      color: rgba(0, 0, 0, .55);
      color: var(--text-secondary-color,rgba(0, 0, 0, .55));
      width: 20px;
      font-size: 1rem;
      line-height: 10px; }
  .releases-landing-filter-bar-new .branch-picker-combobox:hover {
    background-color: rgba(0, 0, 0, 0.06);
    background-color: var(--palette-black-alpha-6,rgba(0, 0, 0, 0.06)); }
  .releases-landing-filter-bar-new .branch-picker-combobox .ms-ComboBox {
    background-color: transparent;
    border: none; }
    .releases-landing-filter-bar-new .branch-picker-combobox .ms-ComboBox:focus {
      outline: 3px solid rgba( 0, 120, 212 ,  0.3 );
      outline: 3px solid rgba( var(--palette-primary,0, 120, 212) ,  0.3 ); }
  .releases-landing-filter-bar-new .branch-picker-combobox input[type="text"] {
    background-color: transparent;
    color: rgba(0, 0, 0, .55);
    color: var(--text-secondary-color,rgba(0, 0, 0, .55));
    cursor: pointer;
    height: 26px; }
  .releases-landing-filter-bar-new .branch-picker-combobox .ms-Button .ms-Button-icon {
    font-size: 0.875rem;
    color: rgba(0, 0, 0, .55);
    color: var(--text-secondary-color,rgba(0, 0, 0, .55)); }
  .releases-landing-filter-bar-new .branch-picker-combobox .ms-Button:hover, .releases-landing-filter-bar-new .branch-picker-combobox .ms-Button.is-checked {
    background-color: transparent; }

.filter-id-image img {
  height: 20px;
  width: 20px; }
/***END ActiveReleasesFilterBar.css***/

/***BEGIN ActivePipelineList.css***/
.active-pipeline-list .pipeline-list-group-seperator {
  height: 2px;
  border-bottom:  1px solid;
  border-bottom-color: rgba( 218, 218, 218 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 ); }

.active-pipelines-table .last-active {
  border-bottom:  1px solid;
  border-bottom-color: rgba( 218, 218, 218 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 ); }

.loading-active {
  height: 300px; }

.active-pivot-no-definitions-found-message .ms-MessageBar-content {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 ); }
/***END ActivePipelineList.css***/

/***BEGIN ActivePipelineRow.css***/
.overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal; }

.act-rel-pipe-row {
  padding: 12px 16px 12px 25px;
  outline: transparent;
  position: relative;
  overflow: hidden; }
  .act-rel-pipe-row.selected {
    background: rgba( 244, 244, 244 ,  1 );
    background: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 ); }
    .act-rel-pipe-row.selected:focus {
      background: rgba( 239, 246, 252 ,  1 );
      background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 ); }
    .act-rel-pipe-row.selected .pipe-name {
      font-weight: bold; }
    .act-rel-pipe-row.selected .active-pipeline-favorite {
      visibility: visible; }
  .act-rel-pipe-row:focus .active-pipeline-favorite, .act-rel-pipe-row:hover .active-pipeline-favorite {
    visibility: visible; }
  .act-rel-pipe-row:hover:not(.selected) {
    background: rgba( 244, 244, 244 ,  1 );
    background: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 ); }
  .act-rel-pipe-row .pipe-name {
    font-size: 15px;
    flex: 0 1 auto; }
  .act-rel-pipe-row .row-content {
    flex: 1 1 auto;
    /*The below is for the tooltiphost div. Not sure whether it makes sense to put css on it. So, doing the below*/ }
    .act-rel-pipe-row .row-content + div {
      display: flex; }
  .act-rel-pipe-row button:focus .active-pipeline-favorite {
    visibility: visible; }
  .act-rel-pipe-row .active-pipeline-favorite {
    font-size: 1rem !important;
    visibility: hidden;
    flex: 0 0 auto; }
    .act-rel-pipe-row .active-pipeline-favorite.favorited {
      visibility: visible; }

.active-pipelines-table {
  /*selected rows have tabindex 0. Focused rows have focused class on them. Need to get better ways of representing. Currenlty this is the way*/ }
  .active-pipelines-table .bolt-table-row.selected {
    background: rgba( 244, 244, 244 ,  1 );
    background: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 ); }
    .active-pipelines-table .bolt-table-row.selected.focused {
      background: rgba( 239, 246, 252 ,  1 );
      background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 ); }
      .active-pipelines-table .bolt-table-row.selected.focused .act-rel-pipe-row {
        background: rgba( 239, 246, 252 ,  1 );
        background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 ); }

.ms-Fabric--isFocusVisible .act-rel-pipe-row:focus:after {
  content: '';
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  pointer-events: none;
  border: 1px solid rgba(0, 120, 212, 1);
  border: 1px solid var(--communication-background,rgba(0, 120, 212, 1)); }
/***END ActivePipelineRow.css***/

/***BEGIN ActivePipelinePanelItemText.css***/
.active-rd-subtext {
  padding-top: 4px;
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 ); }
  .active-rd-subtext .active-rd-subtitle-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal; }
  .active-rd-subtext .active-rd-environment-name-tooltip {
    padding-right: 5px;
    font-size: 0.875rem; }
  .active-rd-subtext .pending-subtext {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    font-size: 0.875rem; }
  .active-rd-subtext .active-rd-left-pane-status-icon {
    font-size: 0.75rem;
    margin-right: 6px; }
/***END ActivePipelinePanelItemText.css***/

/***BEGIN AllDefinitionsTree.css***/
.release-pipe-list-tree, .release-pipe-list-search-tree {
  overflow-x: hidden !important; }
  @media screen and (-ms-high-contrast: active) {
    .release-pipe-list-tree.vss-DetailsList--layout.ms-DetailsList.colors .ms-DetailsRow.is-selected, .release-pipe-list-search-tree.vss-DetailsList--layout.ms-DetailsList.colors .ms-DetailsRow.is-selected {
      background-color: Highlight; } }
  @media screen and (-ms-high-contrast: active) {
    .release-pipe-list-tree.vss-DetailsList--layout.ms-DetailsList .ms-List-cell, .release-pipe-list-tree.vss-DetailsList--layout.ms-DetailsList .ms-DetailsRow-cell, .release-pipe-list-search-tree.vss-DetailsList--layout.ms-DetailsList .ms-List-cell, .release-pipe-list-search-tree.vss-DetailsList--layout.ms-DetailsList .ms-DetailsRow-cell {
      background-color: transparent; } }
  .release-pipe-list-tree .pipeline-folder-icon, .release-pipe-list-search-tree .pipeline-folder-icon {
    color: #dcb67a;
    color: var(--icon-folder-color,#dcb67a); }
  .release-pipe-list-tree .all-def-treeex-icon, .release-pipe-list-search-tree .all-def-treeex-icon {
    margin-right: 6px; }
  .release-pipe-list-tree .all-def-tree-cell-content, .release-pipe-list-search-tree .all-def-tree-cell-content {
    padding-top: 4px;
    padding-bottom: 4px; }

.all-pivot-no-definitions-found-message .ms-MessageBar-content {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 ); }
/***END AllDefinitionsTree.css***/

/***BEGIN LeftPanel.css***/
.release-hub-left {
  height: 100%; }
  .release-hub-left .vss-PivotBar--bar {
    margin: 0 16px; }
  .release-hub-left .release-left-tabbar {
    padding-left: 16px; }
  .release-hub-left .left-tabs {
    height: 100%; }
  .release-hub-left .left-tab-content {
    position: relative;
    height: 100%;
    overflow: auto; }
  .release-hub-left .release-hub-left-pipeline-panel {
    max-width: 100%; }
/***END LeftPanel.css***/

/***BEGIN PipelineSearch.css***/
.pipeline-search {
  margin: 15px 24px; }
  .pipeline-search .bolt-textfield {
    border-top: 0px;
    border-right: 0px;
    border-left: 0px; }
/***END PipelineSearch.css***/