.calendar-daterangepicker {
  border-radius: 8px;
  border: 1px solid #DBF1E9;
  background: #fff;
  padding: 19px 25px;
}
.date-container .datepicker-inline {
  width: 100% !important;
  padding: 0px;
}

.date-container .datepicker-inline table {
  width: 100%;
  position: relative;
}
.date-container .datepicker-inline table th.dow {
  color: #121212;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  font-family: 'DM Sans';
  width: 49px !important;
  height: 38px !important;
  margin-bottom: 18px !important;
}
.date-container .datepicker-inline table td.day {
  color: #858585;
  text-align: center;
  font-size: 16px;
  font-family: 'DM Sans';
  font-weight: 400;
  line-height: 16px;
  width: 49px !important;
  height: 38px !important;
  padding: 12px !important;
}
.date-container .datepicker-inline table td.active.day {
  border-radius: 8px !important;
  background: #006D99 !important;
  color: #fff !important;
}

.date-container .datepicker table tr td.day.focused, .datepicker table tr td.day:hover {
  background: transparent;
  cursor: pointer;
  color: #006d99;
}
.date-container .datepicker-inline table th.dow:first-child {
  color: #F36A6A;
}
.date-container .datepicker-inline table th.dow:last-child {
  color: #F36A6A;
}
.date-container .datepicker .datepicker-days .datepicker-switch {
  width: 100%;
  text-align: left;
  color: #006D99;
  font-family: 'DM Sans';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  padding-bottom: 21px;
  border-radius: 0;
  transform: translate(-32px, -2px);
}
.date-container .datepicker .datepicker-months .datepicker-switch {
  width: 100%;
  text-align: left;
  color: #006D99;
  font-family: 'DM Sans';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  padding-bottom: 28px;
  border-radius: 0;
  transform: translate(4px, -3px);
}

.date-container .datepicker .datepicker-years .datepicker-switch {
  width: 100%;
  text-align: left;
  color: #006D99;
  font-family: 'DM Sans';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  padding-bottom: 28px;
  border-radius: 0;
  transform: translate(4px, -3px);
}

.date-container .datepicker .datepicker-decades .datepicker-switch {
  width: 100%;
  text-align: left;
  color: #006D99;
  font-family: 'DM Sans';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  padding-bottom: 28px;
  border-radius: 0;
  transform: translate(4px, -3px);
}

.date-container .datepicker .datepicker-decades .datepicker-switch {
  width: 100%;
  text-align: left;
  color: #006D99;
  font-family: 'DM Sans';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  padding-bottom: 28px;
  border-radius: 0;
  transform: translate(4px, -3px);
}

.date-container .datepicker .datepicker-centuries .datepicker-switch {
  width: 100%;
  text-align: left;
  color: #006D99;
  font-family: 'DM Sans';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  padding-bottom: 28px;
  border-radius: 0;
  transform: translate(4px, -3px);
}





.date-container .datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
  background: transparent;
}

.date-container .next {
  font-size: 0;
  background-image: url(../images/end-user/left-arrow.svg) !important;
  width: 9px;
  height: 15px;
  background-repeat: no-repeat;
  padding: 0px;
  position: absolute;
  right: 0px;
  cursor: pointer;
}



.date-container .prev {
  font-size: 0;
  background-image: url(../images/end-user/right-arrow.svg) !important;
  width: 9px;
  height: 15px;
  background-repeat: no-repeat;
  padding: 0px;
  position: absolute;
  right: 24px;
  top: 0;
  cursor: pointer;
}

.date-container .datepicker table tr td span.focused, .datepicker table tr td span:hover {
  background: transparent;
  color: #006D99;
}
.date-container .datepicker-inline table .decade.active.disabled.focused {
  border-radius: 8px !important;
  background: #006D99 !important;
  color: #fff !important;
}


.date-container .datepicker-inline table .century.active.disabled.focused {
  border-radius: 8px !important;
  background: #006D99 !important;
  color: #fff !important;
}

.date-container .datepicker-inline table .month.active{
  border-radius: 8px !important;
  background: #006D99 !important;
  color: #fff !important;
}

.date-container .datepicker-inline table .year.active {
  border-radius: 8px !important;
  background: #006D99 !important;
  color: #fff !important;
}
.date-container .datepicker-inline table .century.active {
  border-radius: 8px !important;
  background: #006D99 !important;
  color: #fff !important;
}
.date-container .datepicker-inline table .disabled {
  color: #F36A6A !important;
}
.calendar-wrpaer .date-container .datepicker-inline table td.day {
  padding: 10px 12px !important;
}