.ht-base-date-picker {
  .ivu-btn-small {
    height: 24px;
  }
  &.ivu-date-picker-focused input {
    box-shadow: @shadow-size @primary-color !important;
  }
  .ivu-date-picker-rel {
    .ivu-input-wrapper.ivu-input-wrapper-default {
      .ivu-input-disabled {
        background-color: @background-color-base !important;
        color: @disabled-color !important;
        border: 1px solid @border-color-base !important;

        &:hover {
          border: 1px solid @border-color-base !important;
        }

        &:active, &:focus {
          border: 1px solid @border-color-base !important;
          box-shadow: none !important;
        }

      }

      .ivu-input-suffix {
        .ivu-icon {
          font-size: 16px;
        }
      }
    }
    a:active {
      text-decoration: none;
    }
  }
  .ivu-date-picker-cells-cell-range:before{
    background: @primary-1;
  }
  .ivu-date-picker-cells-cell:hover em {
    background-color: @primary-1;
    color: @text-color;
  }
  .ivu-date-picker-cells-cell.ivu-date-picker-cells-cell-selected {
    em {
      background-color: @primary-color;
      color: @white !important;
    }
  }
  .ivu-date-picker-cells-cell.ivu-date-picker-cells-cell-disabled:hover em {
    background-color: @background-color-base;
    color: @disabled-color;
  }

  .ivu-select-dropdown {
    .ivu-picker-panel-body-wrapper.ivu-picker-panel-with-sidebar {
      .ivu-picker-panel-sidebar {
        width: 80px;
        background-color: @background-color-base;
        border: 1px solid @border-color-split;

        .ivu-picker-panel-shortcut {
          height: 32px;
          padding: 0 0 0 16px;
          color: @text-color;
          line-height: 32px;

          &:hover {
            background-color: @disabled-color;
          }
        }
      }

      .ivu-date-picker-cells-cell {
        em {
          color: @text-color;
        }
      }
    }
  }
}

.ivu-input:focus {
  box-shadow: @shadow-size @primary-color !important;
}

.ivu-btn.ivu-btn-small {
  margin: 0 4px;
}

.ht-base-date-picker {
  .ht-base-icon.uedicon {
    position: relative;
    top: 1px;
    margin-right: 7px;
  }
}

.ivu-date-picker.ivu-date-picker-focused.ht-base-date-picker {
  .ivu-input.ivu-input-disabled:focus {
    box-shadow: none !important;
    border-color: @border-color-base;
  }

  .ivu-input.ivu-input-disabled:active {
    box-shadow: none !important;
  }
}
.ht-base-date-picker.ivu-date-picker-focused input.ivu-input-disabled{
  box-shadow: none !important;
}
