/*
* surcharge les classes du plugin pour correspondre au template tabler
*/

.daterangepicker {
    font-family: var(--tblr-font-sans-serif);
    background-color: var(--tblr-bg-surface);
    border: 1px solid var(--tblr-border-color);
    border-radius: var(--tblr-border-radius);
    box-shadow: var(--tblr-box-shadow);
  }
  
  .daterangepicker .calendar-table {
    background-color: var(--tblr-bg-surface);
    border: none;
  }
  
  .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
    border-color: var(--tblr-body-color);
  }
  
  .daterangepicker td.available:hover, 
  .daterangepicker th.available:hover {
    background-color: var(--tblr-primary);/*var(--tblr-bg-surface-secondary);*/
    border-radius: 0;
    
  }
  
  .daterangepicker td.active, 
  .daterangepicker td.active:hover {
    background-color: var(--tblr-primary);
    color: var(--tblr-bg-surface);
    /*border-radius: var(--tblr-border-radius-sm);*/
    border-radius: 0;
  
  }
  
  .daterangepicker td.today {
      background-color: var(--tblr-primary-lt);
      color: var(--tblr-body-color);
  }
  
  .daterangepicker td.start-date {
      /*border-left: 2px var(--tblr-border-style) var(--tblr-border-color-translucent)!important;*/
  }
  
  .daterangepicker td.end-date {
      /*border-right: 2px var(--tblr-border-style) var(--tblr-border-color-translucent)!important;*/
  }
  
  .daterangepicker td.in-range {
    background-color: var(--tblr-primary-lt);
    color: var(--tblr-body-color);
    border-radius: 0;
  
  }
  
  .daterangepicker td.in-range.end-date {
    background-color: var(--tblr-primary);
  
  }
  
  .daterangepicker .drp-buttons {
    border-top: 1px solid var(--tblr-border-color);
    padding: 0.75rem;
  }
  
  .daterangepicker .drp-selected {
    color: var(--tblr-body-color);
    font-size: 0.875rem;
  }
  
  .daterangepicker .btn {
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    border-radius: var(--tblr-border-radius);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  
  .daterangepicker .btn-primary {
    background-color: var(--tblr-primary);
    border-color: var(--tblr-primary);
    color: var(--tblr-bg-surface);
  }
  
  .daterangepicker .btn-primary:hover {
    background-color: var(--tblr-primary-darken);
    border-color: var(--tblr-primary-darken);
  }
  
  .daterangepicker .btn-default {
    background-color: var(--tblr-bg-surface-secondary);
    border-color: var(--tblr-border-color);
    color: var(--tblr-body-color);
  }
  
  .daterangepicker .btn-default:hover {
    background-color: var(--tblr-bg-surface-tertiary);
  }
  
  .daterangepicker select.monthselect,
  .daterangepicker select.yearselect {
    background-color: var(--tblr-bg-surface);
    border: 1px solid var(--tblr-border-color);
    color: var(--tblr-body-color);
    border-radius: var(--tblr-border-radius-sm);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
  }
  
  .daterangepicker td.in-range {
      color: var(--tblr-light);
      background-color: var(--tblr-info);
  }
  
  .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    border-radius: var(--tblr-border-radius-sm);
    background-color: var(--tblr-bg-surface);
  
  
  }