/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/styles/dateTimeCalendar.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
/* 캘린더 설정을 위한 CSS*/
/* 캘린더 기본 설정 */
.date-time-calendar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
}

/* 네비게이션 */
.date-time-calendar .react-calendar__navigation {
  color: #111111;
  font-weight: 700;
  font-size: 20px;
  text-align: center;
}

.react-calendar__navigation__label {
  padding-left: 32px;
  padding-right: 32px;
}

/* 네비게이션 버튼 */
.date-time-calendar .react-calendar__navigation__arrow {
  font-weight: 500;
  font-size: 24px;
  min-width: 24px;
}

.react-calendar__month-view__weekdays {
  margin-top: 20px;
  text-align: center;
}

/* 요일 */
.date-time-calendar .react-calendar__month-view__weekdays abbr {
  text-decoration: none;
  font-weight: 400;
  font-size: 16px;
  color: #111111;
}

.react-calendar__month-view__weekdays__weekday {
  width: 52px;
}

.react-calendar__month-view__days {
  margin-top: 20px;
  text-align: center;
}

/* 날짜 */
.react-calendar__tile {
  font-weight: 400;
  font-size: 16px;
  color: #111111;
  position: relative;
  z-index: 0;
  padding-top: 14px;
  padding-bottom: 14px;
}

/* 지난달과 다음달 날짜 */
.date-time-calendar .react-calendar__month-view__days__day--neighboringMonth {
  color: #999999;
}

.react-calendar__tile--active {
  color: #ffffff;
}

/* 선택한 날짜 */
.date-time-calendar
  .react-calendar__month-view__days__day:enabled:hover::before,
.date-time-calendar .react-calendar__tile--active::before {
  content: '';
  background-color: #2227f7;
  border-radius: 4px;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.date-time-calendar
  .react-calendar__month-view__days__day:enabled:hover::before {
  content: '';
  background-color: #e9e9e9 !important;
  border-radius: 4px;
  border: 1px solid #2227f7;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.date-time-calendar .react-calendar__month-view__days__day:enabled:hover {
  color: #111111;
}