/* Tema único para los calendarios compartidos de Dragon Drinks. */
input.datepicker,
input.date-picker,
.datepicker.date-picker {
  background-image: url("../img/assets/calendar_pink.svg") !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 18px) center !important;
  background-size: 18px 18px !important;
  padding-right: 46px !important;
}

body .daterangepicker {
  color: #2b123d !important;
  background: #ffffff !important;
  border: 1px solid rgba(255,45,170,.28) !important;
  box-shadow: 0 16px 36px rgba(43,0,87,.18) !important;
}

body .daterangepicker .calendar-table,
body .daterangepicker .calendar-table table,
body .daterangepicker .calendar-table thead,
body .daterangepicker .calendar-table tbody,
body .daterangepicker .calendar-table tr,
body .daterangepicker .calendar-table th,
body .daterangepicker .calendar-table td {
  background-color: #ffffff !important;
  background-image: none !important;
}

body .daterangepicker .calendar-table th,
body .daterangepicker .calendar-table td {
  color: #2b123d !important;
  border-color: transparent !important;
}

body .daterangepicker .calendar-table th.month {
  color: #2b0057 !important;
  font-weight: 800 !important;
}

body .daterangepicker .calendar-table th.prev,
body .daterangepicker .calendar-table th.next {
  color: #ff2daa !important;
}

body .daterangepicker .calendar-table th.available:hover,
body .daterangepicker .calendar-table td.available:hover {
  color: #2b0057 !important;
  background: #f7eaff !important;
}

body .daterangepicker .calendar-table td.off,
body .daterangepicker .calendar-table td.off.available {
  color: #a99caf !important;
  background: #ffffff !important;
}

body .daterangepicker .calendar-table td.in-range:not(.active) {
  color: #2b123d !important;
  background: #ffe3f5 !important;
}

body .daterangepicker .calendar-table td.today:not(.active) {
  color: #ff2daa !important;
  box-shadow: inset 0 0 0 1px #ff2daa !important;
}

body .daterangepicker .calendar-table td.active,
body .daterangepicker .calendar-table td.active:hover,
body .daterangepicker .calendar-table td.start-date,
body .daterangepicker .calendar-table td.end-date {
  color: #ffffff !important;
  background: #ff2daa !important;
  background-image: none !important;
  box-shadow: none !important;
}

body .daterangepicker select.monthselect,
body .daterangepicker select.yearselect {
  color: #2b123d !important;
  background-color: #ffffff !important;
  border: 1px solid rgba(43,0,87,.18) !important;
}

body .daterangepicker .ranges li {
  color: #2b0057 !important;
  background: #f7eaff !important;
  border-color: rgba(255,45,170,.18) !important;
}

body .daterangepicker .ranges li:hover,
body .daterangepicker .ranges li.active {
  color: #ffffff !important;
  background: #ff2daa !important;
  border-color: #ff2daa !important;
}