:root .zbx-date-range-popup {
  height: 415px;
  .header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 18px 15px 18px;
    font-size: 16px;
    border-bottom: solid 1px var(--adm-border-color);
    .title {
      color: var(--zbx-color-title);
    }
  }
  .adm-calendar-cell-selected {
    background: var(--protrude-color) !important;
  }
  .adm-calendar-cell-top {
    height: 24px;
  }
  .adm-calendar-mark-cell {
    color: #999;
  }
  .adm-calendar-cell {
    color: #333;
  }
  .adm-calendar-cell.adm-calendar-cell-out {
    color: #999;
  }
  .adm-calendar-mark {
    margin: 0 15px;
    padding: 0;
  }
  .adm-calendar-cells {
    padding: 8px 15px 0 15px;
  }
  .adm-calendar-arrow-button {
    color: #333 !important;
  }
  .adm-calendar-cell.adm-calendar-cell-selected.adm-calendar-cell.adm-calendar-cell-selected-begin {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    //border-radius: 8px 0 0 8px;
  }
  .adm-calendar-cell.adm-calendar-cell-selected.adm-calendar-cell.adm-calendar-cell-selected-end {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }
}