.daterangepicker {
  background: $menu-bg;
  border: 1px solid $menu-divider-bg;

  .ranges {
    li:hover {
      background: $menu-link-bg-hover;
    }
  }

  &.show-ranges .drp-calendar.left {
    border-left: 1px solid $menu-divider-bg;
  }
  .drp-buttons {
    border-top: 1px solid $menu-divider-bg;
  }

  &:before {
    border: 0;
  }
  &:after {
    border-bottom-color: $menu-bg;
  }

  .calendar-table {
    background: none;
    border: 0;

    .next span, .prev span {
      border-color: $text-color;
    }
  }

  td.off {
    background: $navdrawer-header-bg;
  }

  td, th {
    background-color: transparent;
  }

  td.available:hover,
  th.available:hover {
    background-color: $navdrawer-nav-link-bg-hover;
  }

  .monthselect, .yearselect, input, select.ampmselect, select.hourselect, select.minuteselect, select.secondselect {
    background-color: $menu-bg;
    border: 1px solid $menu-divider-bg;
    color: $text-color;
  }
}