@import "src/styles/variables";
.simple-calendar{
  .fsc-migration-wrapper{
    padding: $spacer-half;

    .fsc-migration-actions{
      list-style: none;
      margin: 0;
      padding: 0;

      li{
        margin: $spacer;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
      }
      .fsc-status-indicator{
        margin-right: $spacer;
        .fsc-running{
          color: var(--btn-secondary-bg-hover-color);
        }
        .fsc-completed{
          color: var(--btn-save-bg-hover-color);
        }
        .fsc-error{
          color: var(--btn-delete-bg-hover-color);
        }
        .fsc-cancel{
          color: var(--btn-grey-bg-hover-color);
        }
      }
      .fsc-migration-status{
        flex: 1;
      }
    }
  }
}