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

#TransferAccounts {
  font-size: pxToRem(30);
  height: 100%;
  color: #555555;
  .transfer-content {
    input[type='checkbox'] + label::before {
      content: '\a0';
      display: inline-block;
      vertical-align: .2em;
      width: pxToRem(45);
      height: pxToRem(45);
      margin-right: .2em;
      position: relative;
      top: pxToRem(-10);
      border-radius: .2em;
      background-size: pxToRem(45) pxToRem(45);
      background-image: url('../../style/iconImage/unchecked.png');
      text-indent: .15em;
      line-height: .65;
    }
    label[for='myInput'] {
      margin-left: pxToRem(20);
      display: block;
      padding: 0 pxToRem(30) 0 0;
      line-height: 2;
      a {
        color: #309fea;
      }
    }
    input[type="checkbox"]:checked + label::before {
      content: "\a0";
      background-image: url('../../style/iconImage/checked.png');
    }
    input {
      position: absolute;
      clip: rect(0, 0, 0, 0);
      display: none;
    }
    ul {
      margin-bottom: pxToRem(40);
      padding-left: pxToRem(30);
      background: $white;
      li {
        border-bottom: 1px solid #eaeaea;
        padding-right: pxToRem(30);
        overflow: hidden;
        position: relative;
        &:last-child {
          border-bottom: none;
        }
        .input-number {
          width: 50%;
          display: inline-block;
          position: absolute;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
        }
        .trasfer-all {
          display: inline-block;
          width: pxToRem(120);
          line-height: pxToRem(50);
          margin: pxToRem(25) 0 0;
          border: 1px solid #309fea;
          color: #309fea;
          border-radius: pxToRem(4);
          float: right;
          text-align: center;
          font-size: pxToRem(24);
        }
        label, span {
          display: inline-block;
          height: pxToRem(100);
          line-height: pxToRem(100);
        }
        span {
          float: right;
          color: #222222;
        }
        svg {
          height: pxToRem(100);
          line-height: pxToRem(100);
          position: absolute;
          right: pxToRem(20);
        }
        .select-account {
          background: $white;
          color: #222222;
          height: pxToRem(90);
          line-height: pxToRem(90);
          position: absolute;
          right: pxToRem(60);
          font-size: pxToRem(30);
          padding-right: pxToRem(10);
        }
      }
    }
  }
  .am-list-body {
    position: relative;
    top: pxToRem(20);
    &::before {
      background-color: $white;
    }
    &::after {
      background-color: $white;
    }
  }
  .am-list-item.am-input-item {
    min-height: 30px;
    height: 30px;
  }
}
#disclaimer-box{
  .disclaimer-content{
    font-size: pxToRem(26);
    padding: pxToRem(20);
    line-height: 1rem;
    h4{
      margin:0;
    }
  }
}