@import "../style/var.less";
@import "../style/mixin/setOnepx.less";

.fe-dialog {
  position: fixed;
  z-index: 5000;
  width: 270px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: @dialog-background-color;
  text-align: center;
  border-radius: @dialog-border-radius;
  overflow: hidden;
  user-select: none;
}
.fe-dialog-img {
  .fe-dialog-imgDom {
    position: relative;
    margin-bottom: -13px;
    margin-top: 21px;
    img {
      max-width: 65%;
    }
    .fe-dialog-imgClose {
      position: absolute;
      height: 20px;
      width: 20px;
      top: -8px;
      right: 13px;
      .fe-dialog-icon {
        color: @dialog-close-color;
      }
    }
    &.fe-dialog-imgOverspread {
      margin-top: 0;
      img {
        max-width: 100%;
        width: 100%;
        border-radius: @dialog-border-radius @dialog-border-radius 0px 0px;
      }
      .fe-dialog-imgClose {
        top: 13px;
        right: 13px;
      }
    }
    &.fe-dialog-icon {
      .success {
        color: @dialog-success-color;
      }
      .warning {
        color: @dialog-warning-color;
      }
      .error {
        color: @dialog-error-color;
      }
    }
  }
  .fe-dialog-content {
    &:nth-child(2) {
      padding: 21px 26px 8px !important;
    }
  }
}

.fe-dialog-head {
  padding: 21px 26px 8px;
}
.fe-dialog-title {
  font-weight: 600;
  font-size: 18px;
}
.fe-dialog-content {
  padding: 0 22px 18px;
  font-size: 14px;
  line-height: 1.3;
  word-wrap: break-word;
  word-break: break-all;
  color: @dialog-text;
  &:first-child {
    padding: 22px 22px 18px;
    color: @dialog-text;
  }
}
.fe-dialog-input {
  padding: 0 26px 21px 14px;
  margin: 0 auto;
  margin-top: -5px;
  input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: #999999;
    font-size: 14px;
  }

  input:-moz-placeholder,
  textarea:-moz-placeholder {
    color: #999999;
    font-size: 14px;
  }

  input::-moz-placeholder,
  textarea::-moz-placeholder {
    color: #999999;
    font-size: 14px;
  }

  input:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: #999999;
    font-size: 14px;
  }
  input {
    width: 100%;
    border: 1px solid @dialog-input-border-color;
    border-radius: @dialog-border-radius;
    height: 36px;
    padding: 0px 6px;
  }
}
.fe-dialog-foot {
  position: relative;
  line-height: 48px;
  font-size: 18px;
  display: flex;
  &.Class_components {
    height: 48px;
  }
  &:after {
    content: " ";
    .setTopLine(@dialog-line-color);
  }
}
.fe-dialog-activity {
  background: none;
  overflow: inherit;
  border-radius: @dialog-border-radius;
  img {
    width: 100%;
    display: -webkit-box;
    border-radius: @dialog-border-radius;
  }
  .fe-dialog-activityClose {
    position: absolute;
    height: 25px;
    width: 25px;
    right: 0px;
    top: -46px;
    .fe-dialog-icon {
      color: @dialog-close-activity-color;
    }
  }
  &.fe-dialog-large-activity {
    width: 85%;
    max-width: 85%;
  }
}
.fe-dialog-btn {
  display: block;
  flex: 1;
  text-decoration: none;
  .setTapColor();
  &:active {
    background-color: @dialog-line-active-color;
  }

  position: relative;
  &:after {
    content: " ";
    .setLeftLine(@dialog-line-color);
  }
  &:first-child {
    &:after {
      display: none;
    }
  }
}
.fe-dialog-btn-default {
  color: @dialog-button-text-default-color;
}
.fe-dialog-btn-primary {
  color: @dialog-button-text-primary-color;
}

.fe-noTopLine {
  .fe-dialog-foot {
    &:after {
      display: none;
    }
  }
}
.fe-no-dialogMask {
  display: none;
}