.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; }
