@import "./date-picker/picker.scss";

.el-date-editor.el-input, .el-date-editor.el-input__inner {
  width: 100% !important;
}

.el-picker-panel {
  background-color: #fdfdfd;

  line-height: 24px;
  font-size: 12px;

  &__shortcut {
    font-size: 12px;
    line-height: 24px;

    &:hover {
      background-color: #4b7eca;
      color: white;
      border-radius: 4px;
    }
  }

  &__link-btn {
    padding: 3px 6px;
  }

  &__content {
    padding: 3px;
    margin: 0;
    min-width: 162px;
  }

  &__footer {
    background-color: inherit;
  }
}

.el-date-picker {
  width: 242px;
  font-size: 12px;

  &__header {
    font-size: 12px;
    margin: 3px;
  }

  &__time-header {
    padding: 3px 3px 3px 0;
  }

  &__editor-wrap {
    padding: 0 3px 0 0;
  }

  .el-input--small {
    .el-input__inner {
      margin: 0 3px;
      height: 22px;
      line-height: 22px;
    }
  }

  .el-picker-panel__content {
    width: 242px;
    padding: 0;
  }
}

.el-date-table {
  border-collapse: collapse;

  td,
  th {
    /*border: 1px solid #f3f1f1;*/
  }

  th {
    background-color: aliceblue;
  }
}

.el-picker-panel__icon-btn {
  margin-top: 5px;
}

.el-date-picker__header-label {
  font-size: 14px;
}

.el-date-range-picker {
  &__editor {
    .el-input__inner {
      height: 22px;
      font-size: 12px;
      padding: 3px;
      line-height: 22px;
    }
  }
}

.el-date-range-picker__time-header {
  padding: 3px;
}

.el-date-range-picker__header div {
  font-size: 12px;
}

.el-date-table {
  &__row {
    td {
      width: 26px;
      height: 26px;
      padding: 0;
    }
  }

  & td div {
    padding: 0;
    width: 26px;
    height: 26px;
  }
}

.el-date-range-picker {
  width: 378px;
}

.el-date-range-picker .el-picker-panel__body {
  min-width: 378px;
}

.el-date-range-picker.has-sidebar {
  width: 478px;
}

.el-picker-panel__sidebar {
  width: 100px;
}

.el-picker-panel__sidebar + .el-picker-panel__body {
  margin-left: 100px;
}

.el-date-table td.in-range div,
.el-date-table td.in-range div:hover {
  background-color: rgba(127, 190, 230, 0.42);
  width: 26px;
  height: 24px;
}

.el-date-table td.start-date div {
  margin-left: 0;
}

.el-date-table th {
  padding: 0;
  font-size: inherit;
}

.el-tabs--card > .el-tabs__header .el-tabs__item .el-icon-close {
  width: 14px !important;
}

.el-tabs--card > .el-tabs__header .el-tabs__item {
  padding-left: 13px !important;
  padding-right: 13px !important;
}