.visual-dialog {
  &.custommiddle {
    .ant-modal-header {
      padding: 16px 24px !important;
    }
    .ant-modal-close-x {
      width: 68px !important;
      height: 68px !important;
      line-height: 75px !important;
      font-size: 30px !important;
      color: #fff;
    }
    .ant-modal-title {
      font-size: 35px !important;
      line-height: 68px !important;
      color: #fff;
    }
    .ant-modal-body {
      padding: 18px !important;
    }
  }
  .ant-modal-content {
    background-color: #063367;
    .ant-modal-header {
      background-color: #063367;
      color: #fff;
    }
    .ant-modal-close-x {
      width: 68px * 1.5;
      height: 68px * 1.5;
      line-height: 130px;
      font-size: 60px;
      color: #fff;
    }
    .ant-modal-title {
      font-size: 70px;
      line-height: 68px * 1.5;
      color: #fff;
    }
    .ant-modal-body {
      padding: 36px;
    }
  }
}


.event-none {
  pointer-events: none;
}

.event-auto {
  pointer-events: auto;
}

.bottom-btn {
  position: absolute;
  .event-auto;
  width: 100%;
  bottom: 0;
  left: 0;
}


.custom-tab {
  .ant-tabs-ink-bar {
    background: rgba(120, 240, 253, 1);
  }
  .ant-tabs-nav .ant-tabs-tab-active {
    color: #fff;
  }
  .ant-tabs-bar  {
    margin: 0;
  }
  .ant-tabs-nav  {
    color: #fff;
  }
  .ant-tabs-nav-wrap {
    background: linear-gradient(90deg, rgba(0, 107, 207, 0.4) 0%, rgba(0, 128, 247, 0.08) 100%) !important;

  }

  .ant-tabs-nav-scroll {
    background: linear-gradient(90deg, rgba(0, 107, 207, 0.4) 0%, rgba(0, 128, 247, 0.08) 100%) !important;
  }
}