.monthselect,
.yearselect {
  border: none;
}
.vue-daterange-picker {
  width: 100%;
  .reportrange-text {
    background: transparent !important;
    cursor: pointer !important;
    padding: 0px !important;
    border: none !important;
    width: inherit !important;
  }

  // .daterangepicker {
  //   position: absolute;
  //   color: inherit;
  //   background-color: #fff;
  //   border-radius: 4px;
  //   border: 1px solid #ddd;
  //   box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.09);
  //   width: 278px;
  //   max-width: none;
  //   padding: 0;
  //   margin-top: 7px;
  //   top: 35px;
  //   left: 20px;
  //   z-index: 3001;
  //   display: none;
  //   font-size: 15px;
  //   line-height: 1em;
  // }
  .isRange {
    .daterangepicker .drp-calendar {
      &.left {
        th.next {
          opacity: 0;
          pointer-events: none;
          cursor: default;
        }
      }
      &.right {
        th.prev {
          opacity: 0;
          pointer-events: none;
          cursor: default;
        }
      }
    }
  }

  .daterangepicker .drp-calendar {
    display: none;
    max-width: 270px;
    .calendar-table tbody tr:first-of-type th {
      cursor: default;
      &:hover {
        background: transparent;
      }
    }
  }

  .daterangepicker .calendar-table table thead th.available:hover {
    background-color: #ebf4f8 !important;
  }
  .daterangepicker .calendar-table td,
  .daterangepicker .calendar-table th {
    &:hover {
      background-color: #ebf4f8;
      &.month {
        background-color: transparent;
        cursor: default;
      }
    }
  }

  .daterangepicker td.available:hover,
  .daterangepicker th.available:hover {
    background-color: #eee;
    border-color: transparent;
    color: inherit;
  }
  .daterangepicker td.active,
  .daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff;
  }

  .daterangepicker .ranges li:hover {
    background-color: #eee;
  }
  .daterangepicker .ranges li.active {
    background-color: #08c;
    color: #fff;
  }
  .next:hover,
  .prev:hover {
    background-color: transparent !important;
  }
  .next .fa:hover,
  .prev .fa:hover {
    opacity: 0.6;
  }
}