.ContractSearchModal {
  background: rgba(#000, 0.2);

  .dialog {
    $width: 700px;
    $height: 500px;

    width: $width;
    height: $height;
    left: calc((100vw - #{$width}) * 0.5);
    top: calc((100vh - #{$height}) * 0.5);
  }

  .header {
    display: flex;

    h3 {
      flex: 1;
    }
  }

  .content {
    display: block;

    & > div {
      $rowSize: 40px;

      height: $rowSize;
      line-height: $rowSize;
      display: flex;
      width: 100%;
      padding: 0 10px;

      &:first-child {
        font-weight: bold;
        border-bottom: 1px solid #555;
      }

      &:nth-child(2n) {
        background: #f5f5f5;
      }

      a:hover {
        text-decoration: underline;
      }

      span {
        flex: 1;

        &:nth-child(2) {
          width: 300px;
          flex: none;
        }

        &:last-child {
          text-align: right;
        }
      }
    }
  }
}
