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

$firmBlue: #00AEEA;
$firmGreen: #1cc262;
$firmRed: #f75a5a;
$firmGray: #999999;
$firmDarkRed: #f75a5a;
$firmFontBlack: #222222;
$firmFontGray: #999999;
$firmIcon: #737272;
$firmBackColor: #f1f1f1;
html, body {
  background: $firmBackColor;
}

#QueryTradeList {
  width: 100%;
  position: absolute;
  top: size(45);
  bottom: 0;
  height: auto;
  .right-icon {
    position: fixed;
    top: 22.5px;
    color: #309FEA;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: pxToRem(30);
    font-size: 15px;
    text-align: right;
    z-index: 1000;
  }
}

.loading {
  text-align: center;
  line-height: pxToRem(60);
  font-size: pxToRem(26);
  color: #999999;
}

.right-icon {
  position: fixed;
  top: 22.5px;
  color: #309FEA;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: pxToRem(30);
  font-size: 15px;
  text-align: right;
  z-index: 1000;
  img {
    position: absolute;
    width: pxToRem(30);
  }
}

#wrapper {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.wrapperShadow {
  position: absolute;
  width: 100%;
  bottom: 0;
  top: 0;
  height: auto;
  opacity: 0.45;
  background-color: rgba(16, 16, 16, 1);
  box-shadow: 0px 0px 1px 0px rgba(170, 170, 170, 1);
}

.content {
  width: auto;
  margin-top: pxToRem(15);;
  padding: 0 pxToRem(30);;
  background: #fff;
  .content-info {
    padding-bottom: size(15);
    overflow: hidden;
  }
}

.content-header {
  height: size(38.5);
  font-size: pxToRem(26);
  border-bottom: 1px solid #D8D8D8;
  color: $firmFontBlack;
  .currencyPairs, .trade-mode {
    height: size(15);
    line-height: size(38.5);
    float: left;
    font-size: pxToRem(30);
  }
  .trade-mode {
    font-size: pxToRem(26);
  }
  .date {
    float: right;
    height: size(15);
    line-height: size(38.5);
  }
}

.content-info {
  .coin-cp, .coin-type, .sell-or-buy, .order-amount, .coin-flag {
    float: left;
    width: 50%;
    font-size: pxToRem(26);
    margin-top: size(10);
    .label {
      float: left;
      color: $firmFontGray;
    }
    .type {
      color: $firmFontBlack;
      float: left;
    }
  }
}
