/* ========================================================================
 * BOOTSTRAP DATE RANGE PICKER
 * ======================================================================= */
.daterangepicker{
  padding: 10px;
  .input-mini{
    @include border-radius(0);
    outline: none !important;
    &:link, &:focus, &:active, &:visited{
      border: 1px solid $color-success;
    }
    &.active{
      border: 1px solid $color-success;
    }
  }
  .calendar-time{
    margin: 15px auto;
    padding-left: 0;
    i{
      font-size: 25px;
      margin-top: -5px;
      left: 0;
    }
  }
  .calendar-table{
    @include border-radius(0);
  }
  th{
    &:hover{
      @include border-radius(0);
    }
  }
  td{
    &.active, &.active:hover{
      background-color: $color-success;
      border-color: $color-success;
      color: #fff;
    }
    &.start-date, &.end-date, &.start-date.end-date{
      @include border-radius(0);
    }
    &:hover{
      @include border-radius(0);
    }
  }
  .daterangepicker_input{
    margin-bottom: 15px;
  }
  .ranges{
    ul{
      margin-bottom: 15px;
    }
    .range_inputs{
      .btn{
        &:first-child{
          margin-right: 5px;
        }
      }
    }
    li{
      @include border-radius(0);
      color: darken(#f5f5f5, 30%);
      &.active, &:hover{
        background: $color-success;
        border: 1px solid $color-success;
      }
    }
  }
}