:root {
  --dp-border-radius: 4px;
  --dp-cell-border-radius: 4px;
  --dp-row-maring: 2px 0;
  --dp-month-year-row-height: 41px;
  --dp-cell-size: 32px;
  --dp-menu-min-width: 100%;
  --dp-background-color: #E7E9F2;
}
.dp__overlay_container.dp__container_flex {
  height: 230px ;
}
.dp__input {
  border: 1px solid #E7E9F2;
  background: #E7E9F2;
  padding-left: 12px;
  line-height: 1.188rem;
  letter-spacing: 0.08px;
  padding: 17.5px 12px;
}

.dp__input:focus {
  border-color: #383874;
}

.dp__input::placeholder{
  opacity: 1;
  color: #7E7E8E;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.08px;
}

.dp__input_wrap {
  position: relative;
}

.dp__input_wrap::before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4136_29171)'%3E%3Cpath d='M0 19C0.00158786 20.3256 0.528882 21.5964 1.46622 22.5338C2.40356 23.4711 3.67441 23.9984 5 24H19C20.3256 23.9984 21.5964 23.4711 22.5338 22.5338C23.4711 21.5964 23.9984 20.3256 24 19V10H0V19ZM17 14.5C17.2967 14.5 17.5867 14.588 17.8334 14.7528C18.08 14.9176 18.2723 15.1519 18.3858 15.426C18.4993 15.7001 18.5291 16.0017 18.4712 16.2926C18.4133 16.5836 18.2704 16.8509 18.0607 17.0607C17.8509 17.2704 17.5836 17.4133 17.2926 17.4712C17.0017 17.5291 16.7001 17.4993 16.426 17.3858C16.1519 17.2723 15.9176 17.08 15.7528 16.8334C15.588 16.5867 15.5 16.2967 15.5 16C15.5 15.6022 15.658 15.2206 15.9393 14.9393C16.2206 14.658 16.6022 14.5 17 14.5ZM12 14.5C12.2967 14.5 12.5867 14.588 12.8334 14.7528C13.08 14.9176 13.2723 15.1519 13.3858 15.426C13.4994 15.7001 13.5291 16.0017 13.4712 16.2926C13.4133 16.5836 13.2704 16.8509 13.0607 17.0607C12.8509 17.2704 12.5836 17.4133 12.2926 17.4712C12.0017 17.5291 11.7001 17.4993 11.426 17.3858C11.1519 17.2723 10.9176 17.08 10.7528 16.8334C10.588 16.5867 10.5 16.2967 10.5 16C10.5 15.6022 10.658 15.2206 10.9393 14.9393C11.2206 14.658 11.6022 14.5 12 14.5ZM7 14.5C7.29667 14.5 7.58668 14.588 7.83336 14.7528C8.08003 14.9176 8.27229 15.1519 8.38582 15.426C8.49935 15.7001 8.52906 16.0017 8.47118 16.2926C8.4133 16.5836 8.27044 16.8509 8.06066 17.0607C7.85088 17.2704 7.58361 17.4133 7.29264 17.4712C7.00166 17.5291 6.70006 17.4993 6.42597 17.3858C6.15189 17.2723 5.91762 17.08 5.7528 16.8334C5.58797 16.5867 5.5 16.2967 5.5 16C5.5 15.6022 5.65804 15.2206 5.93934 14.9393C6.22064 14.658 6.60218 14.5 7 14.5Z' fill='%23AEB1D0'/%3E%3Cpath d='M19 2H18V1C18 0.734784 17.8946 0.48043 17.7071 0.292893C17.5196 0.105357 17.2652 0 17 0C16.7348 0 16.4804 0.105357 16.2929 0.292893C16.1054 0.48043 16 0.734784 16 1V2H8V1C8 0.734784 7.89464 0.48043 7.70711 0.292893C7.51957 0.105357 7.26522 0 7 0C6.73478 0 6.48043 0.105357 6.29289 0.292893C6.10536 0.48043 6 0.734784 6 1V2H5C3.67441 2.00159 2.40356 2.52888 1.46622 3.46622C0.528882 4.40356 0.00158786 5.67441 0 7L0 8H24V7C23.9984 5.67441 23.4711 4.40356 22.5338 3.46622C21.5964 2.52888 20.3256 2.00159 19 2Z' fill='%23AEB1D0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4136_29171'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  pointer-events: none;
}
.dp__input_wrap > .dp__clear_icon {
  right: 30px !important;
}

.dp__input_wrap .dp--clear-btn {
  position: absolute;
  right: 30px !important;
  top: 15px
}

.dp__input_icon {
  display: none;
}

.dp__clear_icon {
  height: 20px;
  width: 20px;
}

.dp-custom-input {
  border: 1px solid #AEB1D0;
  background-color: #E7E9F2;
  border-radius: 0.25rem;
}

.dp__theme_light {
  --dp-text-color: #2E2E3B; /** ! */
  --dp-hover-color: #FFDDDD; /** ! */
  --dp-primary-color: #FF3333; /** ! */
  --dp-secondary-color: #7E7E9F; /** ! */
  --dp-border-color: #C7C9DB; /** ! */
}

.dp__today:not(.dp__range_start, .dp__active_date) {
  border: 1px solid #C7C9DB;
  background-color: #FAFBFF;
}

.dp__inner_nav:hover {
  background-color: inherit;
}

.dp--year-mode-picker {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.dp--year-mode-picker button {
  padding: 10px 0;
}
.dp--year-mode-picker:hover,
.dp__month_year_select:hover {
  background-color: inherit;
}

.dp__calendar_header_item,
.dp__month_year_select,
.dp--year-mode-picker {
  text-transform: uppercase;
  line-height: 17px;
}

.dp__calendar_header_item {
  font-weight: 700;
  font-size: 12px;
}

.dp__month_year_select,
.dp--year-mode-picker {
  font-weight: 600;
  font-size: 14px;
}

.dp__cell_inner {
  font-size: 14px;
}
/* Fixed zooming after double click (mobile)*/
.dp__menu,
.dp--menu-wrapper,
.dp__main,
.dp__instance_calendar,
.dp__menu_inner,
.dp__input,
.dp__input_wrap {
  touch-action: none !important;
}

.dp__overlay.dp--overlay-relative {
  box-shadow:  0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  border-radius: 0 0 8px 8px;

}