@import "../../../../../App/Variables";
@import "../../../../../Framework/Mixins";

.fastconfiguration-dialog {
  width: 100%;
  height: 100%;

  > .dialog {
    min-width: 800px;
    position: absolute;
    margin: 0;
    top: 50% !important;
    left: 50% !important;
    margin-right: -50%;
    transform: translate(-50%, -50%);

    @media screen and (max-width: 600px) {
      min-width: 320px;
      max-width: 100%;
    }
  }

  .fastconfiguration-footer {
    @include clear;
    display: table;
    width: 100%;
  }

  .fastconfiguration-price {
    display: table-cell;
    vertical-align: middle;
  }

  .fastconfiguration-done {
    float: right;
  }
}

.fastconfiguration {
  margin: 30px;
}

.fastconfiguration-rows-wrapper {
  max-height: $fastconfigurationRowsWrapper-height;
  margin-bottom: $fastconfigurationDropdown-margin-bottom;
  overflow: auto;
}

.fastconfiguration-row-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
