.el-calendar {
  background-color: #fff; }
  .el-calendar__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 20px;
    border-bottom: 1px solid #EBEEF5; }
  .el-calendar__title {
    color: #000000;
    -ms-flex-item-align: center;
    align-self: center; }
  .el-calendar__body {
    padding: 12px 20px 35px; }

.el-calendar-table {
  table-layout: fixed;
  width: 100%; }
  .el-calendar-table thead th {
    padding: 12px 0;
    color: #606266;
    font-weight: normal; }
  .el-calendar-table:not(.is-range) td.prev,
  .el-calendar-table:not(.is-range) td.next {
    color: #C0C4CC; }
  .el-calendar-table td {
    border-bottom: 1px solid #EBEEF5;
    border-right: 1px solid #EBEEF5;
    vertical-align: top;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease; }
    .el-calendar-table td.is-selected {
      background-color: #F2F8FE; }
    .el-calendar-table td.is-today {
      color: #00BC70; }
  .el-calendar-table tr:first-child td {
    border-top: 1px solid #EBEEF5; }
  .el-calendar-table tr td:first-child {
    border-left: 1px solid #EBEEF5; }
  .el-calendar-table tr.el-calendar-table__row--hide-border td {
    border-top: none; }
  .el-calendar-table .el-calendar-day {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px;
    height: 85px; }
    .el-calendar-table .el-calendar-day:hover {
      cursor: pointer;
      background-color: #F2F8FE; }