.g-date {
  width: 412px;

  .ant-calendar {
    box-shadow: none;
    width: 100%;

    .ant-calendar-input-wrap {
      padding: 13px 10px;
      line-height: 20px;
      background: #F7F7F7;
      height: 46px;
      border: none;
      margin-bottom: 10px;

      input {
        background: #F7F7F7;
        color: #303036;
      }
    }

    .ant-calendar-header {
      color: #000;
      font-size: 16px;
      border: none;
      margin-bottom: 5px;
    }

    .ant-calendar-body {
      cursor: pointer;

      table {
        th {
          height: 64px;
          background: #F5F6F7;
        }

        td {
          height: 50px;
        }
      }

      .ant-calendar-date {
        width: 35px;
        height: 35px;
        line-height: 33px;
        border-radius: 50%;
        position: relative;

        .s1 {
          width: 6px;
          height: 6px;
          border-radius: 50%;
          position: absolute;
          right: 0;
          top: 10px;
        }

        .s2 {
          width: 6px;
          height: 6px;
          border-radius: 50%;
          position: absolute;
          right: 0;
          top: 18px;
        }
      }

      .ant-calendar-today .ant-calendar-date {
        border-color: #fff;
        color: rgba(0, 0, 0, .65);
        font-weight: 400;
      }

      .ant-calendar-selected-date .ant-calendar-date,
      .ant-calendar-selected-day .ant-calendar-date,
      .ant-calendar-selected-date.ant-calendar-today .ant-calendar-date {
        color: #1890ff;
        font-weight: 700;
        border-color: #1890ff;
        background: #fff;
      }

      .ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date:before {
        display: none;
      }
    }

    .ant-calendar-footer {
      display: none;
    }
  }
}

.g-date.filled {

  .ant-calendar {

    .ant-calendar-body {

      .ant-calendar-selected-date .ant-calendar-date,
      .ant-calendar-selected-day .ant-calendar-date,
      .ant-calendar-selected-date.ant-calendar-today .ant-calendar-date {
        color: #fff;
        background: #4299FF;
      }
    }
  }

}

.g-date.hide-input {

  .ant-calendar-input-wrap {
    display: none;
  }
}

.g-date-block {
  height: 500px;

  .ant-calendar-picker {
    opacity: 0;
  }
}

.g-date-block.hide-input {
  height: 460px;
}

.g-two-date {
  .g-two-head {
    >div {
      display: inline-block;
      width: 50%;
      height: 40px;
      line-height: 40px;
      color: #5E677BFF;
      position: relative;

      .i {
        color: #00000073;
      }
    }
  }

  .g-two-body {
    >div {
      display: inline-block;
      width: 50%;
    }

    >div:first-child {
      .ant-fullcalendar-calendar-body {
        border-right: 1px solid #d9d9d9;
      }
    }
  }

  .ant-fullcalendar table,
  .ant-fullcalendar td,
  .ant-fullcalendar th {
    height: 30px;
  }

  .ant-fullcalendar-header {
    display: none;
  }

  .ant-fullcalendar-selected-day .ant-fullcalendar-value {
    color: rgba(0, 0, 0, .65);
    background: #fff;
  }

  .ant-fullcalendar-today .ant-fullcalendar-value {
    box-shadow: none;
    border: 1px solid #4299FF;
    border-radius: 12px;
  }

  .ant-fullcalendar-today.ant-fullcalendar-last-month-btn-day,
  .ant-fullcalendar-today.ant-fullcalendar-next-month-btn-day {
    .ant-fullcalendar-value {
      border: none;
    }
  }

  .ant-fullcalendar-cell {
    .selected {
      .ant-fullcalendar-value {
        background: #4299FF;
        color: #fff;
        border-radius: 12px;
      }
    }
  }

  .ant-fullcalendar-value {
    width: 36px;
  }

  .ant-fullcalendar-last-month-cell,
  .ant-fullcalendar-next-month-cell,
  .ant-fullcalendar-last-month-btn-day,
  .ant-fullcalendar-next-month-btn-day {
    .ant-fullcalendar-value {
      color: rgba(0, 0, 0, .25) !important;
      background: #fff !important;
    }
  }

}