// Date input
// --------------------------------------------------
@calendar-icon-width: 20px;
@calendar-icon-padding: 4px;

.glyphicon-calendar-icon {
  background-image: url(../images/icons/calendar-icon.png);
  height: 20px;
  width: @calendar-icon-width;
  top:0;
}

//.form-group {
  .form-control {
    &.date,
    &.date-range-start,
    &.date-range-end {
//      width: @form-control-width - @calendar-icon-width - @calendar-icon-padding;

      + .add-on {
        .inline;
//        vertical-align: middle;
//        padding-left: 1px;
      }
    }
  }

  &.readonly {
  .form-control {
      &.date,
      &.date-range-start,
      &.date-range-end {
        + .add-on {
          visibility: hidden;
        }
      }
    }
  }
//}

.form-inline .form-group {
  .form-control {
    &.date,
    &.date-range-start,
    &.date-range-end {
//      width: @form-control-inline-width - @calendar-icon-width - @calendar-icon-padding;
    }
  }
}