.deployment-control-container {
  position: relative; }
  .deployment-control-container .spinner-container {
    background-color: rgba( 255, 255, 255 ,  0.9 );
    background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  0.9 );
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
    .deployment-control-container .spinner-container .loading-spinner {
      flex: 1 1 auto; }
  .deployment-control-container .deployments-zero-data {
    padding: 10px;
    background-color: rgba( 244, 244, 244 ,  1 );
    background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
    display: flex;
    align-items: center; }
    .deployment-control-container .deployments-zero-data .zero-data-icon {
      font-size: 30px;
      width: 30px;
      margin-right: 10px;
      vertical-align: middle; }
  .deployment-control-container .type-title {
    text-transform: capitalize;
    margin-top: 16px;
    margin-bottom: 8px; }
  .deployment-control-container .pipeline-card {
    box-shadow: none;
    margin-bottom: 8px;
    padding: 0; }
    .deployment-control-container .pipeline-card:last-child {
      margin-bottom: 0; }
    .deployment-control-container .pipeline-card .pipeline-container {
      border: 1px solid rgba(0, 0, 0, 0.08);
      border: 1px solid var(--palette-black-alpha-8,rgba(0, 0, 0, 0.08));
      border-radius: 5px;
      display: flex;
      flex-direction: row;
      width: 100%;
      padding: 10px 12px;
      cursor: pointer;
      max-height: 186px;
      overflow-y: auto; }
      .deployment-control-container .pipeline-card .pipeline-container:focus, .deployment-control-container .pipeline-card .pipeline-container:hover {
        border: 1px solid rgba(0, 120, 212, 1);
        border: 1px solid var(--communication-background,rgba(0, 120, 212, 1));
        border-radius: 5px;
        outline: 0; }
      .deployment-control-container .pipeline-card .pipeline-container .fixed-width {
        width: 16px; }
      .deployment-control-container .pipeline-card .pipeline-container .content {
        flex-grow: 1;
        padding: 0 8px;
        width: 85%; }
        .deployment-control-container .pipeline-card .pipeline-container .content .header {
          display: block; }
        .deployment-control-container .pipeline-card .pipeline-container .content .title {
          line-height: 16px; }
        .deployment-control-container .pipeline-card .pipeline-container .content .stages {
          padding-top: 16px; }
          .deployment-control-container .pipeline-card .pipeline-container .content .stages.collapsed {
            display: none; }
          .deployment-control-container .pipeline-card .pipeline-container .content .stages .stage {
            margin-bottom: 10px; }
            .deployment-control-container .pipeline-card .pipeline-container .content .stages .stage .stage-arrow-icon {
              font-size: 10px;
              margin: 0 4px; }
      .deployment-control-container .pipeline-card .pipeline-container .chevron {
        transition: transform 200ms; }
        .deployment-control-container .pipeline-card .pipeline-container .chevron.collapsed {
          transform: rotate(180deg); }
  .deployment-control-container .deployment-status {
    margin-right: 8px; }