/* stylelint-disable */
.daterangepicker{
  font-family: inherit;
  .calendar-table{
    th,
    td{
      min-width: 27px;
      width: 27px;
    }
    table{
      border-spacing: 0 4px;
      border-collapse: separate;
    }
  }
  td{
    &.active{
      background-color: var(--#{$variable-prefix}primary-color-hex);
      &:hover{
        background-color: var(--#{$variable-prefix}primary-color-hex);
      }
    }
    &.in-range {
      background-color: rgba(var(--#{$variable-prefix}primary-color), .12);
      color: var(--#{$variable-prefix}eerie-black);
    }
    
    &.end-date,
    &.start-date,
    &:last-child.start-date,
    &:last-child.end-date,
    &:first-child.start-date,
    &:first-child.end-date {
      background-color: var(--#{$variable-prefix}primary-color-hex);
      color: var(--#{$variable-prefix}primary-btn-text-color);
      border-radius: 50px;
    }
    &.start-date.end-date {
      border-radius: 50px;
    }
  }
  tbody{
    // tr{
    //   border-spacing: .3em 0;
    // }
    td{
      &:first-child{
        border-radius: 14px 0 0 14px;
      }
      &:last-child{
        border-radius: 0 14px 14px 0;
      }
    }
  }
  .drp-buttons {
    padding: 8px 8px 14px;
    border-top: 0;
    .applyBtn {
      padding: 5px 18px;
    }
  }
}
/* stylelint-enable */