.vm-range-picker {
  --color: #222;
  --border: 1px solid #dadadaff;
  --hover-color: #40a9ff;
  background-color: var(--bg-color) !important;
  border: var(--border) !important;
}
.vm-range-picker.dark {
  --color: #a9d5d3ff;
  --border: 1px solid #3c7073ff;
  --bg-color: #0d1a1b;
  --hover-color: white;
}
.vm-range-picker.dark .ant-picker-active-bar {
  background: #59ffe2;
}
.vm-range-picker .ant-picker-suffix {
  color: var(--color);
}
.vm-range-picker:hover {
  border-color: var(--hover-color);
}
.vm-range-picker .ant-picker-input input {
  color: var(--color);
}
.vm-range-picker .ant-picker-separator {
  color: var(--color);
}
.vm-range-picker .ant-picker-clear {
  color: var(--color);
  background: transparent;
}
.vm-select.dark .ant-select-selector {
  background-color: #0d1a1b !important;
  border: 1px solid #3c7073 !important;
}
.vm-select.dark .ant-select-selector .ant-select-selection-item {
  color: #a9d5d3;
}
.vm-select.dark:hover .ant-select-selector {
  border: 1px solid #6cc9ce !important;
}
.vm-select-dropdown.dark {
  background: #0d1a1b;
}
.vm-select-dropdown.dark .ant-select-item {
  color: white;
}
.vm-select-dropdown.dark .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color: #2d575a;
}
.vm-select-dropdown.dark .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
  background-color: #1c3436;
}
.vm-range-picker-dropdown.dark .ant-picker-range-arrow {
  background: none;
}
.vm-range-picker-dropdown.dark .ant-picker-range-arrow::before {
  background: #0d1a1be6;
}
.vm-range-picker-dropdown.dark .ant-picker-panel-container {
  background: #0d1a1be6;
  -webkit-box-shadow: 0 3px 6px -4px #ffffff1f, 0 6px 16px #ffffff14, 0 9px 28px 8px #5454540d;
          box-shadow: 0 3px 6px -4px #ffffff1f, 0 6px 16px #ffffff14, 0 9px 28px 8px #5454540d;
}
.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-header button {
  color: white;
}
.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-header button:hover {
  color: #95fff9;
}
.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content th {
  color: white;
}
.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-inner {
  color: white;
}
.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-in-range::before {
  background: #6cff2340;
}
.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before,
.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before {
  background: #6cff2340;
}
.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
  background: #52c41a;
}
.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell:hover:not(.ant-picker-cell-in-view) .ant-picker-cell-inner,
.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end) .ant-picker-cell-inner {
  background: #f5f5f55e;
}
.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
  border: 1px solid #52c41a;
}
.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover::before,
.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-range-start.ant-picker-cell-range-hover::before,
.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-range-end.ant-picker-cell-range-hover::before,
.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single).ant-picker-cell-range-hover-start::before,
.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single).ant-picker-cell-range-hover-end::before,
.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start::before,
.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-panel > :not(.ant-picker-date-panel) .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end::before {
  background: #52c41abb;
}
.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-start .ant-picker-cell-inner::after,
.vm-range-picker-dropdown.dark .ant-picker-panel-container .ant-picker-content .ant-picker-cell-in-view.ant-picker-cell-in-range.ant-picker-cell-range-hover-end .ant-picker-cell-inner::after {
  background: #52c41abb !important;
}
