@import "../../styles/mixins.module";
@import "../../styles/parents.module";

:global {
  .calc-pop-up-dialog {
    padding: 20px 30px;
    * {
      user-select: none;
    }
    .zent-dialog-r-close {
      transition: all 0.18s linear;
      &:hover {
        color: #409eff !important;
      }
    }
    .zent-dialog-r-header {
      padding: 20px 20px 0px 20px;
      .zent-dialog-r-title {
        border-bottom: unset;
        margin-bottom: unset;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        word-break: break-word;
        .zent-dialog-r-title-text {
          width: 100%;
          display: inline-block;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          word-break: break-word;
        }
      }
    }
    .zent-dialog-r-body {
      width: 100%;
      height: auto;
    }
    .dialog-body-wrap {
      width: 100%;
      /* height: auto; */
      padding: 0px 20px;
      overflow-x: hidden;
      overflow-y: auto;
    }
    .dialog-footer-wrap {
      width: 100%;
      height: auto;
      // display: flex;
      // flex-direction: row;
      // justify-content: flex-end;
      // align-items: center;
      @include flex-row(flex-end, center);
      padding: 10px 20px 20px 20px;
      .btn {
        font-size: 14px;
        /* padding: 8px 20px; */
        padding: 6px 22px;
        opacity: 1;
        cursor: pointer;
        transition: all 0.18s linear;
        & + .btn {
          margin-left: 12px;
        }
        &:hover {
          opacity: 0.8;
        }
      }
      .btn.btn-cancel {
        color: #087be5;
        font-weight: 400;
        border: 1px solid rgba(8, 123, 229, 0.4);
        border-radius: 4px;
        background: #ffffff;
      }
      .btn.btn-confirm {
        color: #ffffff;
        font-weight: 400;
        border-radius: 4px;
        background: #087be5;
      }
    }
  }
}