@mixin bs-daterangepicker-theme($background, $color: null) {
  $color: if($color, $color, yiq($background));
  $higlighted-bg: rgba-to-hex(rgba($background, .15), #fff);
  $higlighted-color: yiq($higlighted-bg);

  .daterangepicker td.active {
    background-color: $background !important;
    color: $color !important;
  }

  .daterangepicker td.in-range:not(.start-date):not(.end-date):not(.off) {
    background-color: $higlighted-bg !important;
    color: $higlighted-color !important;
  }

  .daterangepicker .input-mini.active {
    border-color: $background !important;
  }

  .ranges li.active {
    background-color: $background !important;
    color: $color !important;
  }
}

@mixin bs-daterangepicker-dark-theme($background, $color: null) {
  $color: if($color, $color, yiq($background));
  $higlighted-bg: rgba-to-hex(rgba($background, .15), #383b40);
  $higlighted-color: yiq($higlighted-bg);

  .daterangepicker td.active {
    background-color: $background !important;
    color: $color !important;
  }

  .daterangepicker td.in-range:not(.start-date):not(.end-date):not(.off) {
    background-color: $higlighted-bg !important;
    color: $higlighted-color !important;
  }

  .daterangepicker .input-mini.active {
    border-color: $background !important;
  }

  .ranges li.active {
    background-color: $background !important;
    color: $color !important;
  }
}
