/* Picker input styling */
.ant-picker {
  width: 100%;
  height: 40px;
  background: transparent;
  border: 1px solid #6c6d7d;
  border-radius: 8px;
}
.ant-picker:hover {
  border-color: white;
}
/* Dropdown and panel background styling */
.ant-picker-dropdown,
.ant-picker-date-panel,
.ant-picker-panel-container {
  z-index: 10000;
  background: #191b35 !important;
}

/* Input text and placeholder colors */
.ant-picker-input > input,
.ant-picker-input > input::placeholder {
  color: white !important;
  text-align: center;
}

/* Icon colors */
.anticon,
.ant-picker-super-prev-icon,
.ant-picker-prev-icon,
.ant-picker-super-next-icon,
.ant-picker-next-icon {
  color: white;
}

/* Clear icon and hover states */
.ant-picker-clear {
  background: #191b35 !important;
}

/* Header styling */
.ant-picker-header {
  background: #2a2f4d !important;
}

/* Month, year, and decade buttons */
.ant-picker-month-btn,
.ant-picker-year-btn,
.ant-picker-decade-btn {
  color: white !important;
}
.ant-picker-month-btn:hover,
.ant-picker-year-btn:hover,
.ant-picker-decade-btn:hover {
  color: #1677ff !important;
}

/* Table content styling */
.ant-picker-content > thead > tr > th {
  color: white !important;
}
.ant-picker-cell {
  color: gray !important;
}
.ant-picker-cell-in-view {
  color: white !important;
}

/* Hover and range background styling */
.ant-picker-cell-inner:hover {
  background: #2a2f4d !important;
}
.ant-picker-cell-in-range::before {
  background: #2a2f4d !important;
}

/* Range hover and selected styles */
.ant-picker-cell-range-hover-end > .ant-picker-cell-inner,
.ant-picker-cell > .ant-picker-cell-inner::after {
  background: #1677ff !important;
}

/* Range start and end selectors */
.ant-picker-cell-range-end:not(.ant-picker-cell-range-end-single)::before,
.ant-picker-cell-range-start:not(.ant-picker-cell-range-start-single)::before {
  background: #2a2f4d !important;
}
.ant-picker-active-bar{
  width: 50%!important;
}
.shepherd-element {
  background-color: rgba(47, 50, 65, 1) !important;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
}

.shepherd-theme-custom .shepherd-arrow:before {
  background: rgba(47, 50, 65, 1) !important;
}
.shepherd-theme-custom .shepherd-content {
  background: rgba(47, 50, 65, 1) !important;
  border-radius: 10px;
}
.shepherd-theme-custom .shepherd-header {
  background: linear-gradient(
    70deg,
    rgba(54, 54, 110, 0.3) 0%,
    rgba(44, 44, 89, 0.38) 30%,
    rgba(45, 45, 98, 0.27) 40%
  ) !important;
  padding: 5px 10px 5px 10px !important;
}
.shepherd-theme-custom .shepherd-title {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
}

.shepherd-theme-custom .shepherd-text {
  color: #ffffff;
  font-size: 16px;
}

.shepherd-theme-custom .shepherd-button {
  background-color: #414242;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  padding: 10px 20px;
  cursor: pointer;
}
.shepherd-theme-custom .shepherd-button:hover {
  background-color: #0056b3;
}
.v-menu {
  z-index: 10000 !important;
}
.ant-picker-cell-disabled{
  color: gray !important;
}