.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;
  }
}


.visual_datepicker {
  .ant-input {
    background-color: rgba(5, 38, 93, 1);
    color: #fff;
  }
}
.visual_dropdown_cls {
  .ant-calendar-today .ant-calendar-date {
    color: #fff;
    font-weight: bold;
    border-color: #fff;
  }
  .ant-calendar-picker-container {
    color: #fff;

  }
  .ant-calendar-input {
    background-color: rgba(5, 38, 93, 1);
    color: #fff;

  }
  .ant-calendar {
    background-color: rgba(5, 38, 93, 1);
    color: #fff;
    border: 1px solid rgba(5, 38, 93, 0.5);

  }
  .ant-calendar-date, .ant-calendar-header .ant-calendar-prev-century-btn, .ant-calendar-header .ant-calendar-next-century-btn, .ant-calendar-header .ant-calendar-prev-decade-btn, .ant-calendar-header .ant-calendar-next-decade-btn, .ant-calendar-header .ant-calendar-prev-month-btn, .ant-calendar-header .ant-calendar-next-month-btn, .ant-calendar-header .ant-calendar-prev-year-btn, .ant-calendar-header .ant-calendar-next-year-btn, .ant-calendar-header .ant-calendar-century-select, .ant-calendar-header .ant-calendar-decade-select, .ant-calendar-header .ant-calendar-year-select, .ant-calendar-header .ant-calendar-month-select {
    color: #fff !important;

  }
  .ant-calendar-range .ant-calendar-in-range-cell::before {
    background-color: rgba(20, 38, 66, 0.3);
  }
}

.h100 {
  height: 100%;
}