@import "../plugins/theme-variables.scss";
@import "~element-ui/packages/theme-chalk/src/date-picker";

/* ---- jellies overrides (migrated from SFC; ships in theme/X.css) ---- */
.el-picker-panel__sidebar {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.el-date-table td.today span {
  text-indent: -100px;
  width: 24px;
  overflow: hidden;
  color: #777777 !important;
}

.el-date-table td.today span::after {
  width: 24px;
  position: absolute;
  top: 0;
  left: 0;
  text-indent: 0;
  content: "今天";
}

.el-year-table td.today .cell,
.el-month-table td.today .cell {
  color: #777777 !important;
  font-weight: normal !important;
}

.el-date-table td.current:not(.disabled) span,
.el-month-table td.current:not(.disabled) .cell,
.el-year-table td.current:not(.disabled) .cell,
.el-date-table td.start-date span,
.el-date-table td.end-date span,
.el-date-table td.selected span,
.el-month-table td.start-date .cell, .el-month-table td.end-date .cell {
  background: #8B9AAE !important;
  color: #FFFFFF !important;
  border-radius: 18px;
}

.el-picker-panel__footer button.el-picker-panel__link-btn,
.el-picker-panel__footer button.el-picker-panel__link-btn:hover,
.el-picker-panel__footer button.el-picker-panel__link-btn:focus {
  color: #41B146;
  border: none;
  font-weight: 600;
}

.el-range-editor.is-active,
.el-range-editor.is-active:hover {
  border-color: #AFAFAF !important;
}