@import 'app/style/default.scss';

.order-content {
  color: $form-primary-color;
  margin-bottom: pxToRem(20);
  font-size: pxToRem(30);
  background: $white;
  position: relative;
  .date-select .am-list-extra{
    flex-basis: 55% !important;
  }
  .form-item {
    width: 100%;
    overflow: hidden;
    position: relative;
    // padding: pxToRem(10) 0;
    border-top: solid 1px $borderline-color;
    label {
      display: block;
      line-height: pxToRem(90);
      height: pxToRem(90);
      padding: 0 pxToRem(10) 0 pxToRem(30);
    }
    select {
      width: 50%;
      text-align: right;
      float: right;
      color: $form-primary-color;
    }
    .range-select {
      width: 70%;
      position: absolute;
      right: pxToRem(20);
    }
    .mgsOrdMode {
      border: none;
      line-height: pxToRem(90);
      height: pxToRem(90);
      text-align: right;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      padding-left: 30%;
      background: #ffffff;
    }
  }
  .am-icon-right {
    position: absolute;
    right: pxToRem(10);
    height: pxToRem(90);
    color: #309fea;
  }
  .am-list-item {
    padding-left: pxToRem(30);
  }
  .am-list-item .am-list-line .am-list-content, .am-list-item .am-list-line .am-list-extra {
    line-height: pxToRem(90);
    padding: 0;
  }
  
  .am-list-item .am-list-line .am-list-arrow-horizontal {
    visibility: hidden;
    display: none;
  }
  .am-list-content {
    color: $form-primary-color !important;
    font-size: pxToRem(30) !important;
  }
  .am-stepper.showNumber {
    line-height: pxToRem(66);
    height: pxToRem(66);
  }
  .am-stepper-handler {
    border: none;
    border-radius: pxToRem(8);;
    background: $btn-bg-color;
    color: $white;
    width: pxToRem(110);
    height: pxToRem(66);
    line-height: pxToRem(66);
  }
  .am-stepper-input {
    height: pxToRem(66);
  }
  .am-stepper-input-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    height: pxToRem(66);
    width: 40%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .mgs-trd-lotAmount, .mgs-trd-lot, .msgAmount, .marginNetBalanceUnit, .mgs-trd-serial {
    float: right;
  }
  .mgs-ord-serial, .mgs-ord-lot, .mgs-ord-lotAmount, .mdf_expDate {
    float: right;
  }
}

.order-type {
  position: relative;
  &::before {
    @include borderTop(#EAEAEA)
  }
  .form-item {
    border: 0;
    .am-list-body::after {
      height: 0;
    }
  }
  &::after {
    @include borderBottom(#EAEAEA)
  }
}

.form-margin-top {
  margin-top: pxToRem(20);
}