@charset "utf-8";

/* 전체 페이지를 덮는 어두운 배경 */
#datepicker-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 999;}
#datepicker-overlay.none { display: none; }

/* datepicker 기본적으로 중앙에 위치하도록 설정 */
/*.ui-datepicker {position: fixed !important;top: 50% !important;left: 50% !important;transform: translate(-50%, -50%) !important;width: 90%;max-width: 500px;z-index: 1001;display: none;}*/

/* 달력 사이즈 */
.ui-datepicker {width: 100%;}

/* 달력 테두리 */
.ui-widget.ui-widget-content { border:0; }

/* 달력 헤더 스타일 */
.ui-datepicker-header {font-size: 1.15rem;padding: 1rem;background-color:var(--color4);color: #fff;font-weight:500;}

/* 요일 헤더 스타일 */
.ui-datepicker-calendar thead th {font-size: 1rem;padding:0;line-height:3rem; height:3rem;color: #666;font-weight:500;}

/* 날짜 셀 스타일 */
.ui-datepicker-calendar td a {line-height:3rem; height:3rem;padding:0 !important;display: block;background: #fff;color: #333;text-align: center;border:0 !important;}

/* 날짜 셀 hover 스타일 */
.ui-datepicker-calendar td a:hover {color:var(--color4); transform: scale(1.1); }

/* 오늘 날짜 스타일 */
.ui-datepicker-today a {background:var(--color5) !important;}

/* 선택된 날짜 스타일 */
.ui-datepicker-current-day a,.ui-datepicker-current-day a:hover {background: var(--color4) !important;color: #fff !important; }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 0;
    border-radius: 4px;
    display: block;
    background: #fff;
    text-align: center;
    font-size: 1rem;
    padding: 0.5rem 0;
}