@import "common/var";

.qf-dialog-def {
  background: #fff;
  border-radius: 4px;
  min-width: 400px;

  .qf-dialog-header {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    padding: 0 20px;
    display: flex;
    align-items: center;

    .qf-dialog-title {
      flex: 1;
    }

    .qf-dialog-icon {
      margin-right: 20px;
    }

    .qf-dialog-close {
      width: 60px;
      height: 60px;
      line-height: 60px;
      font-size: 16px;
      position: absolute;
      top: 0;
      right: 0;

      &:hover {
        color: $--color-primary;
      }
    }
  }

  .qf-dialog-body {
    /*overflow: visible;*/
    box-sizing: border-box;
    margin: 0 20px;
    border-top: solid 1px #DCDFE6;
  }

  .qf-dialog-footer {
    height: 68px;
    padding: 12px 20px;
    display: flex;
    align-items: center;

    .qf-dialog-footer-left {
      flex: 1;
    }

    .qf-button {
      min-width: 104px;
    }
  }
}