.tita-common-calendar {
  width: 220px;
  background-color: #fff;
  user-select: none;
}

.tita-common-calendar-header {
  height: 30px;
  line-height: 30px;
  border-top: 1px solid #e8e8e8;
  font-size: 14px;
  text-align: center;
}

.tita-common-calendar-header .calendar-header-year,
    .tita-common-calendar-header .calendar-header-month {
  font-weight: 600;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
}

.tita-common-calendar-header .header-next-month,
    .tita-common-calendar-header .header-next-year,
    .tita-common-calendar-header .header-prev-year,
    .tita-common-calendar-header .header-prev-month {
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  color: #2879ff;
}

.tita-common-calendar-header .header-prev-year,
    .tita-common-calendar-header .header-prev-month {
  float: left;
}

.tita-common-calendar-header .header-next-month,
    .tita-common-calendar-header .header-next-year {
  float: right;
}

.tita-common-calendar-header-select-wrapper {
  max-height: 160px;
  overflow-y: auto;
}

.tita-common-calendar-body {
  border-top: 1px solid #e8e8e8;
  font-size: 14px;
  padding: 0 5px;
}

.tita-common-calendar-body .calendar-body-table {
  border-collapse: separate;
  border-spacing: 0 10px;
}

.tita-common-calendar-body .calendar-body-table th,
      .tita-common-calendar-body .calendar-body-table td {
  width: 30px;
  height: 20px;
  text-align: center;
}

.tita-common-calendar-body .calendar-body-table .tita-calendar-item-inner {
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin: 0 auto;
  border-radius: 3px;
  text-align: center;
}

.tita-common-calendar-body .calendar-body-table .tita-calendar-item-outter .tita-calendar-item-inner {
  transition: background-color 0.3s ease;
  cursor: pointer;
}

.tita-common-calendar-body .calendar-body-table .tita-calendar-item-outter .tita-calendar-item-inner:hover {
  background-color: #ecf6fd;
}

.tita-common-calendar-body .calendar-body-table .tita-calendar-item-current {
  color: rgba(0, 0, 0, 0.65);
}

.tita-common-calendar-body .calendar-body-table .tita-calendar-item-today {
  border: 1px solid #2879ff;
  font-weight: 700;
  color: #2879ff;
}

.tita-common-calendar-body .calendar-body-table .tita-calendar-item-disabled {
  cursor: not-allowed;
  color: #bcbcbc;
  background: #f3f3f3;
}

.tita-common-calendar-body .calendar-body-table .tita-calendar-item-other {
  color: rgba(0, 0, 0, 0.25);
}

.tita-common-calendar-body .calendar-body-table .tita-calendar-item-selected {
  background: #2879ff !important;
  color: #fff;
}

.tita-common-calendar-body .calendar-body-table .tita-calendar-item-hightlight {
  background-color: #ecf6fd;
}
