.selectedMonth1 [month="1"],
.selectedMonth2 [month="2"],
.selectedMonth3 [month="3"],
.selectedMonth4 [month="4"],
.selectedMonth5 [month="5"],
.selectedMonth6 [month="6"],
.selectedMonth7 [month="7"],
.selectedMonth8 [month="8"],
.selectedMonth9 [month="9"],
.selectedMonth10 [month="10"],
.selectedMonth11 [month="11"],
.selectedMonth12 [month="12"] {
  color: blue;
  /* orangered */
  background-color: rgba(0, 64, 190, 0.16);
  transition: background-color 0.5s ease, color 0.5s ease;
}
.nzDatePicker {
  display: inline-block;
}
.nzDatePicker td {
  height: 0;
}
.nzDatePicker ul {
  height: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.nzDatePicker table {
  white-space: inherit;
  line-height: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-variant: inherit;
  font-style: inherit;
  color: inherit;
  text-align: inherit;
}
.nzDatePicker table {
  color: #989898;
}
.nzDatePicker .currentMonthYear {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  font-size: 1.8em;
  margin: 0;
}
.nzDatePicker .monthScroller,
.nzDatePicker .weekPosition,
.nzDatePicker .controls {
  display: flex;
  flex-flow: column nowrap;
}
.nzDatePicker .positionViewport {
  position: relative;
}
.nzDatePicker .positionViewport .monthScroller {
  position: relative;
  justify-content: space-around;
  text-align: right;
}
.nzDatePicker .positionViewport .monthScroller > * {
  background-color: transparent;
}
.nzDatePicker .positionViewport .weekPosition {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.nzDatePicker .positionViewport .weekPosition > * {
  flex: 1 1 auto;
}
.nzDatePicker .positionViewport .weekPosition .viewingWeek {
  background-color: rgba(0, 64, 190, 0.16);
}
.nzDatePicker .controls {
  justify-content: space-between;
  font-size: 1.8em;
}
.nzDatePicker .controls .prevYear:before {
  content: "\21A5";
}
.nzDatePicker .controls .prevMonth:before {
  content: "\219F";
}
.nzDatePicker .controls .prevWeek:before {
  content: "\21E1";
}
.nzDatePicker .controls .nextWeek:before {
  content: "\21E3";
}
.nzDatePicker .controls .nextMonth:before {
  content: "\21A1";
}
.nzDatePicker .controls .nextYear:before {
  content: "\21A7";
}
.nzDatePicker .header {
  display: flex;
  flex-flow: row nowrap;
}
.nzDatePicker .header * {
  width: 0;
  flex: 1 1 auto;
  border: none;
  padding-bottom: 1px;
  padding-top: 0.4em;
  color: #353535;
  background-color: transparent;
  cursor: default;
}
.nzDatePicker .picker {
  display: inline-table;
  border-collapse: collapse;
}
.nzDatePicker .picker .nzDatePickerRow.stripe {
  background-color: rgba(0, 0, 0, 0.07);
}
.nzDatePicker .picker .day {
  border-color: black;
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  width: 2.3em;
  height: inherit;
  height: 2.3em;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.nzDatePicker .picker .day * {
  display: block;
}
.nzDatePicker .picker .day.selected {
  background-color: lightgreen;
}
.nzDatePicker .picker .day:hover {
  background: lightblue;
}
.nzDatePicker .picker .today > * {
  border-radius: 100%;
  -webkit-box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, 0.75);
  -moz-box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, 0.75);
  box-shadow: 0px 0px 15px 5px rgba(255, 255, 190, 0.75);
}
/*
.nzDatePicker .nzDatePickerRow.ng-leave {
  -webkit-animation:0.4s shrink;
  -moz-animation:0.4s shrink;
  -o-animation:0.4s shrink;
  animation:0.4s shrink;
}
.nzDatePicker .nzDatePickerRow.ng-enter {
  -webkit-animation:0.4s grow;
  -moz-animation:0.4s grow;
  -o-animation:0.4s grow;
  animation:0.4s grow;
}
*/
@keyframes shrink {
  0% {
    height: 2.3em;
    border: none;
  }
  100% {
    height: 0;
    border: none;
  }
}
@-webkit-keyframes shrink {
  0% {
    height: 2.3em;
    border: none;
  }
  100% {
    height: 0;
    border: none;
  }
}
@-moz-keyframes shrink {
  0% {
    height: 2.3em;
    border: none;
  }
  100% {
    height: 0;
    border: none;
  }
}
@-o-keyframes shrink {
  0% {
    height: 2.3em;
    border: none;
  }
  100% {
    height: 0;
    border: none;
  }
}
@keyframes grow {
  from {
    height: 0;
    border: none;
  }
  to {
    height: 2.3em;
    border: none;
  }
}
@-webkit-keyframes grow {
  from {
    height: 0;
    border: none;
  }
  to {
    height: 2.3em;
    border: none;
  }
}
@-moz-keyframes grow {
  from {
    height: 0;
    border: none;
  }
  to {
    height: 2.3em;
    border: none;
  }
}
@-o-keyframes grow {
  from {
    height: 0;
    border: none;
  }
  to {
    height: 2.3em;
    border: none;
  }
}