/* ======================== LitePicker CSS 커스터마이징 ======================== */

/* 각 일별(셀) width */
:root {
	--litepicker-day-width: 45px; /* 기본값은 38px, 넓게 */
}

/* 전체 Width 및 Font */
.litepicker {
	/*min-width: 360px !important;*/
	font-size: 14px !important;
}

/* 달력 Width */
/* .litepicker .month-item {
	max-width: 360px !important;
} */

/* 월/연도 선택 드롭다운 넓히기 */
.litepicker .month-item-name,
.litepicker .month-item-year {
	min-width: 90px !important;
	min-height: 30px !important;
	padding: 0px 6px !important;
	font-size: 13px !important;
	border-color: #ccc !important;
	border-radius: 4px !important;
}

/* 셀렉트 박스 하단 경계선 */
.month-item-header {
	border-bottom: 1px solid #ccc; /* 연한 회색 선 */
}

/* 리셋 버튼 위치 조정 */
.month-item-header .reset-button {
	margin-bottom: 10px !important;
	padding: 6px 7px 7px !important;
}

/* 메인 */
.litepicker .container__main {
	padding: 3px 5px !important;
	min-height: 300px !important;
}

/* 달력부분(메인에 종속) */
.litepicker .container__months {
	border: 1px solid #b1b1b1!important;
	border-radius: 6px 6px 6px 6px;
	padding: 4px 8px !important;
}

/* Footer(메인과 별개) */
.litepicker .container__footer {
	height: 30px !important;
	border: 1px solid #b1b1b1!important;
	border-radius: 6px 6px 6px 6px;
	background-color: #ffffff;
	box-shadow: none !important;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	display: flex;
	align-items: center;
	gap: 4px;
}

/* range 모드일 때 */
.litepicker .container__footer .preview-date-range {
  margin-right: 0px !important;
  margin-left: -7px !important;
}

/* 공통 버튼 스타일 */

/* 확인 버튼(레인지) */
.litepicker .container__footer .button-apply {
	background-color: #00a885!important;
	cursor: pointer !important;
	height: 30px !important;
	font-size: 11px !important;
	margin-left: 3px !important;
	margin-right: 0px !important;
}

/* 확인 버튼(호버) */
.litepicker .container__footer .button-apply:hover {
	background-color: #ffffff !important;
	border: 1px solid;
	border-color: #00a885 !important;
	color: #00a885 !important;
	cursor: pointer !important;
}

/* 취소 버튼 */
.litepicker .container__footer .button-cancel {
	background-color: #e25041 !important;
	cursor: pointer !important;
	height: 22px !important;
	font-size: 11px !important;
	margin-left: auto;
}

/* 취소 버튼(호버) */
.litepicker .container__footer .button-cancel:hover {
	background-color: #ffffff !important;
	border: 1px solid;
	border-color: #e25041 !important;
	color: #e25041 !important;
	cursor: pointer !important;
}

/* 오늘 버튼 */
.litepicker .container__footer .litepicker-today-btn {
	padding: 3px 4px 4px !important;
	border: none !important;
	background-color: #4d4a4a!important;
	border-radius: 5px !important;
	font-size: 11px !important;
	color: #ffffff!important;
	cursor: pointer !important;
	transition: background-color 0.2s ease !important;
	margin-left: auto;
	margin-right: 10px;
	height: 30px !important;
	width: 70px !important;
}

/* 오늘 버튼(호버) */
.litepicker .container__footer .litepicker-today-btn:hover {
	background-color: #ffffff !important;
	border: 2px solid !important;
	border-color: #4d4a4a !important;
	color: #4d4a4a !important;
	cursor: pointer !important;
}

/* 컨펌 버튼 */
.litepicker .container__footer .litepicker-confirm-btn {
	padding: 3px 4px 4px !important;
	border: none !important;
	background-color: #00a885 !important;
	border-radius: 5px !important;
	font-size: 11px !important;
	color: #ffffff !important;
	cursor: pointer !important;
	transition: background-color 0.2s ease !important;
	margin-right: auto;
	margin-left: 10px;
	height: 30px !important;
	width: 70px !important;
}

/* 컨펌 버튼 (호버) */
.litepicker .container__footer .litepicker-confirm-btn:hover {
	background-color: #ffffff !important;
	border: 2px solid !important;
	border-color: #00a885!important;
	color: #00a885 !important;
	cursor: pointer !important;
}

/* 버튼 설정(일반) */
.litepicker .container__footer .button-apply,
.litepicker .container__footer .button-cancel,
.litepicker .container__footer .litepicker-today-btn,
.litepicker .container__footer .litepicker-confirm-btn {
	min-width: 70px !important;
	padding: 3px 8px !important;
	font-size: 13px !important;
	height: 36px !important;
}

/* 싱글 피커용 Footer */
.litepicker.single-picker-footer .container__footer {
	height: 40px !important;
	justify-content: space-between !important;
}

/* 싱글 피커용 버튼 스타일 */
.litepicker.single-picker-footer .litepicker-today-btn {
	margin-left: 5px !important;
	margin-right: auto !important;
}

/* 싱글 피커용 컨펌 버튼 */
.litepicker.single-picker-footer .litepicker-confirm-btn {
	margin-left: auto !important;
	margin-right: 5px !important;
}

/* 날짜 셀 높이 줄이기 */
.litepicker .day-item {
	height: 24px !important;
	line-height: 24px !important;
	font-size: 13px !important;
	text-align: center !important;
	vertical-align: middle !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}

/* 컨테이너_일 조정 */
.litepicker .container__days {
	min-height: 204px !important;
	height: 204px !important; /* 필요하면 고정 */
}

/* 요일 헤더 줄이기 */
.litepicker .container__days .day-item-header {
	font-size: 12px !important;
	padding: 2px 0 !important;
}

/* 요일 색상 */
.litepicker .month-item-weekdays-row > div:nth-child(1),
.litepicker .month-item-weekdays-row > div:nth-child(2),
.litepicker .month-item-weekdays-row > div:nth-child(3),
.litepicker .month-item-weekdays-row > div:nth-child(4),
.litepicker .month-item-weekdays-row > div:nth-child(5) {
	color: #333;
	font-weight: bold;
}

.litepicker .month-item-weekdays-row > div:nth-child(6) {
	color: #007bff; /* 파란색 (토요일) */
	font-weight: bold;
}

.litepicker .month-item-weekdays-row > div:nth-child(7) {
	color: #dc3545; /* 빨간색 (일요일) */
	font-weight: bold;
}


/* 오늘(day), 시작일, 종료일 CSS 설정 */
.litepicker .container__days .day-item.is-today,
.litepicker .container__days .day-item.is-start-date,
.litepicker .container__days .day-item.is-end-date {
  font-weight: bold !important;
}

/* 달력 아이콘 > id 당 CSS 부여 */
#calendar-icon-search-dt-s	{width:30px; font-size:12px; font-family:NanumBarunGothic; }
#calendar-icon-search-dt-e	{width:30px; font-size:12px; font-family:NanumBarunGothic; }