/***BEGIN Wizard.css***/
.cd-designer-wizard-view {
  position: relative;
  width: 100%; }
  .cd-designer-wizard-view .wizard-view {
    display: table;
    height: 100%;
    width: 100%; }
    .cd-designer-wizard-view .wizard-view .header-section {
      margin-bottom: 40px; }
      .cd-designer-wizard-view .wizard-view .header-section .subheader {
        margin-top: 10px; }
    .cd-designer-wizard-view .wizard-view .wizard-view-step-list {
      display: table-cell;
      background-color: rgba( 248, 248, 248 ,  1 );
      background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
      width: 350px;
      padding: 32px; }
      .cd-designer-wizard-view .wizard-view .wizard-view-step-list .header {
        font-size: 1.75rem;
        font-weight: bold; }
      .cd-designer-wizard-view .wizard-view .wizard-view-step-list .subheader {
        font-size: 0.875rem;
        color: rgba( 102, 102, 102 ,  1 );
        color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 ); }
      .cd-designer-wizard-view .wizard-view .wizard-view-step-list li {
        margin-bottom: 20px; }
        .cd-designer-wizard-view .wizard-view .wizard-view-step-list li.selected .step-number {
          border-color: rgba( 51, 51, 51 ,  1 );
          border-color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 ); }
        .cd-designer-wizard-view .wizard-view .wizard-view-step-list li.selected .step-header {
          font-weight: bold; }
      .cd-designer-wizard-view .wizard-view .wizard-view-step-list .step-item {
        display: flex;
        flex-direction: row;
        align-items: center; }
        .cd-designer-wizard-view .wizard-view .wizard-view-step-list .step-item .step-number {
          height: 32px;
          width: 32px;
          min-width: 32px;
          line-height: 28px;
          border-radius: 50%;
          text-align: center;
          font-size: 17px;
          margin-right: 16px;
          border-width: 1px;
          border-style: solid;
          border-color: rgba( 218, 218, 218 ,  1 );
          border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
          background-color: rgba( 255, 255, 255 ,  1 );
          background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 ); }
          .cd-designer-wizard-view .wizard-view .wizard-view-step-list .step-item .step-number.completed {
            border-color: rgba( 248, 248, 248 ,  1 );
            border-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
            /* basically hide the border */ }
        .cd-designer-wizard-view .wizard-view .wizard-view-step-list .step-item .step-detail {
          display: flex;
          flex-direction: column; }
        .cd-designer-wizard-view .wizard-view .wizard-view-step-list .step-item .step-header {
          font-size: 0.875rem;
          font-weight: 600; }
        .cd-designer-wizard-view .wizard-view .wizard-view-step-list .step-item .step-subheader {
          font-size: 0.75rem; }
    .cd-designer-wizard-view .wizard-view .wizard-view-detail {
      display: table-cell;
      padding: 32px;
      height: 100%; }
      .cd-designer-wizard-view .wizard-view .wizard-view-detail .section {
        margin-bottom: 48px; }
        .cd-designer-wizard-view .wizard-view .wizard-view-detail .section .subheader {
          margin-top: 20px; }
      .cd-designer-wizard-view .wizard-view .wizard-view-detail .header {
        font-size: 1.5rem;
        font-weight: 600; }
      .cd-designer-wizard-view .wizard-view .wizard-view-detail .subheader {
        font-size: 0.875rem;
        color: rgba( 102, 102, 102 ,  1 );
        color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 ); }
      .cd-designer-wizard-view .wizard-view .wizard-view-detail .errorMessage {
        font-size: 0.875rem;
        color: rgba( 102, 102, 102 ,  1 );
        color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 ); }
      .cd-designer-wizard-view .wizard-view .wizard-view-detail .create-releasepipeline-retry-button,
      .cd-designer-wizard-view .wizard-view .wizard-view-detail .setup-completed-button,
      .cd-designer-wizard-view .wizard-view .wizard-view-detail .azurerm-connection-continue-button {
        vertical-align: top; }
      .cd-designer-wizard-view .wizard-view .wizard-view-detail .azurerm-connection-selector {
        width: 640px; }
        .cd-designer-wizard-view .wizard-view .wizard-view-detail .azurerm-connection-selector .azurerm-connection-continue {
          padding-top: 20px; }
      .cd-designer-wizard-view .wizard-view .wizard-view-detail .create-release-pipeline {
        width: 640px; }
/***END Wizard.css***/