@import (optional, once) '../../../theme/index';

.field-extend-modal {
  .ant-modal {
    top: 10px;
  }
  .add-field-btn {
    line-height: 46px;
    border: 1px dashed @primary-color;
    border-radius: 4px;
    text-align: center;
    color: @primary-color;
    margin-top: 16px;
    cursor: pointer;
  }
  .belong-object {
    line-height: 48px;
    background: rgba(14,168,208,0.10);
    color: @primary-color;
    font-size: 16px;
    margin-bottom: 12px;
    padding: 0 20px;
  }
}

.ant-modal-confirm-confirm.ant-modal-confirm {
  .ant-modal-content {
    border-radius: 4px;
  }
  .ant-modal-body {
    padding: 74px 24px 94px;
  }
  .ant-modal-confirm-body {
    .anticon-close-circle {
      color: red;
    }
  }
  .ant-modal-confirm-title {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    font-weight: 700;
    border-bottom: 1px solid @modal-header-border-color-split;
    border-radius: 10px 10px 0 0;
    background-color: fade(@border-color-split, 70%);
  }
  .ant-modal-confirm-btns {
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    display: flex;
    padding-top: 12px;
    margin-top: 0;
    flex-direction: row-reverse;
    justify-content: center;
    border-top: 1px solid @modal-footer-border-color-split;
    button {
      padding: 0 20px;
    }
    button + button {
      margin-left: 0;
      margin-right: 12px;
      background-color: @primary-color;
      color: @white;
      padding: 0 20px;
      &:hover {
        opacity: .9;
      }
    }
  }
}

.login-modal-toast {
  .ant-modal-footer,
  .ant-modal-close {
    display: none;
  }
  .ant-modal-body {
    position: absolute;
  }
}

.timeout-setting-modal {
  .ant-input {
    width: 88px;
  }
}

.ant-modal-content {
  .mega-design-business-table {
    .mega-design-pro-table-search-query-filter {
      border-bottom-color: transparent;
      padding: 0;
    }
    .mega-design-pro-table {
      padding: 0;
    }
  }
}

.bpmn-track-modal {
  .ant-modal-body {
    padding-top: 0;
  }
  .mega-design-business-table .mega-design-pro-table {
    padding: 0;
  }
  .bpmn-readonly {
    position: relative;
    width: 100%;
    height: 300px;
  }
  .ant-steps-dot .ant-steps-item-content, .ant-steps-dot.ant-steps-small .ant-steps-item-content {
    width: 80%;
  }
}

.select-btn-permission-modal {
  .mega-design-business-table .mega-design-pro-table {
    padding: 0;
    .s-table-tool {
      margin-bottom: 0;
    }
  }
}

.barcode-analysis-modal {
  .model-item-child {
    .ant-form-item-control-wrapper {
      padding: 0 !important;
    }
  }
}
