.modal-navbar {
  .flex;
  .flex-middle;
  position: relative;
  padding: 8px 0;
  margin: 0 18px;
  // background-color: white;
  justify-content: space-between;
}

// 标题
.modal-navbar-title {
  .text-center;
  font-size: 16px;
  left: 50px;
  right: 50px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
  flex: 1;
}

// 按钮
.modal-navbar-button {
  display: flex;
  align-items: center;
  height: 32px;
  min-width: 60px;
  &.right {
    justify-content: flex-end;
  }
}

.modal-navbar-button-ok,
.modal-navbar-button-cancel {
  display: block;
  height: 32px;

  line-height: 32px;
  font-size: 15px;
  &.disabled {
    color: #d1d1d1;
    pointer-events: none;
  }
}
.modal-navbar-button-ok {
  color: var(--primary);
}
.modal-navbar-button-cancel {
  color: #62666c;
}
.modal-navbar-button-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  background-color: #f3f3f6;
  border-radius: 100%;
}

.modal-navbar-button-close-icon {
  font-family: 'seeds-icons';
  text-align: center;
  font-size: 12px;
  width: 12px;
  height: 12px;
  line-height: 12px;
  &:extend(.seeds-icon-close all);
  color: #62666c;
}
