/*---------------------------------------------------------------------
	mudblazor
---------------------------------------------------------------------*/
.mud-button {
	text-transform: none;
}

/*---------------------------------------------------------------------
	syncfusion
---------------------------------------------------------------------*/
/* todo */
/*	퀵 에디터: e-dlg-container e-quick-dialog e-dlg-center-center
		상세 에디터: e-dlg-container e-schedule-dialog e-dlg-center-center
		.e-dlg-container.e-quick-dialog,
		.e-dlg-container.e-schedule-dialog
		* 팝 오버창을 MudBlazor의 z-index 와 맞추기 위해 1401로 설정
			- Drawer	: 1100
			- Popover	: 1200
			- AppBar	: 1300
			- Dialog	: 1400
			- Snackbar	: 1500
			- Tooltip	: 1600
	*/
.e-dlg-container {
	z-index: 1401 !important;
}

/* 에디터 창과 삭제시 사용되는 창 : 디버깅 용도*/
/*
	.e-schedule-dialog,
	.e-quick-dialog {		
	}
	*/

/* 에디터 창과 삭제시 사용되는 창의 헤더 높이를 맞추기 위해 설정 > 서로 다른 값으로 설정되고 있음 */
.e-schedule-dialog .e-dlg-header-content,
.e-dialog.e-quick-dialog .e-dlg-header-content {
	padding-top: 14px;
	padding-bottom: 16px;
}

/* 오픈 되는 다이얼로그 본체 */
.e-schedule-dialog .e-popup.e-popup-open.e-dialog {
	/*width: 380px !important;*/ /* 크기가 강제 조정 */
	width: 520px !important; /* 크기가 강제 조정 */
	/* background-color: lightgray; */
}

/* 상단 제목 표시되는 전체 영역 */
.e-dialog .e-dlg-header-content {
	background-color: rgba(var(--color-sf-primary));
	/*padding-bottom: 12px;*/
	height: 56px;
	max-height: 56px;
	z-index: 1;
	/*-webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);*/
}

/* 상단 제목 표시되는 전체 영역 */
.e-schedule-dialog .e-dlg-header-content,
.e-quick-dialog .e-dlg-header-content {
	/*background-color: red;*/
	/* padding-bottom: 12px; */
}


/* 헤더 컨텐츠 영역 */
.e-dialog .e-dlg-header-content .e-dlg-header {
	color: rgba(var(--color-sf-on-primary));
}

/* 이벤트 삭제 창에서 안내 문구가 너무 헤더 바로 아래에 출력되어 공간을 띄워 줌 */
.e-dialog .e-dlg-header-content + .e-dlg-content {
	margin-top: 20px;
}

/* 헤더 우측에 있는 닫는 버튼 */
.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
	background-color: lightgray;
	border-radius: 50%;
}

	/* 헤더 우측에 있는 닫는 버튼 > 마우스 오버 상태 */
	.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn:hover {
		background-color: rgba(var(--color-sf-on-primary));
	}

/* 하단 컨텐츠 전체 영역(ex: 버튼 배치) */
.e-dialog .e-footer-content {
	/* background-color: lightgray; */
	margin-top: 12px;
	padding: 8px 20px 20px 20px;
	z-index: 1;
	/*-webkit-box-shadow: 0px -1px 8px 0px rgba(0,0,0,0.08);
	-moz-box-shadow: 0px -1px 8px 0px rgba(0,0,0,0.08);
	box-shadow: 0px -1px 8px 0px rgba(0,0,0,0.08);*/
}

	/* 다이얼로그: 하단 버튼 배치할 때 왼쪽 마진을 제거 한다.*/
	.e-dialog .e-footer-content .e-btn {
		margin-left: 0px;
	}

/* 스케쥴에서 이벤트를 클릭하면 열리는 창(윈도우만 지원)의 상단 좌/우 라운드 처리가 안됨 > 테마 버그인듯*/
.e-schedule .e-event-popup .e-popup-header {
	border-radius: 8px;
}

/* 스케쥴러의 퀵 팝업 창의 컨텐츠가 표시되는(ContentTemplate)의 상단이 너무 높아서 조정 함
	하단 공백은 통일 시킴.
	커스텀하여 헤더템플릿을 사용할 경우 높이 값으로 인해 상단 공간이 너무 큼.
*/
.e-quick-popup-wrapper .e-cell-popup .e-popup-content,
.e-quick-popup-wrapper .e-event-popup .e-popup-content {
	padding-top: 16px;
	padding-bottom: 12px;
}

/* 스케쥴 퀵 팝업창의 테두리 설정을 해제한다.
	> 이벤트 위에 출력되기 때문에 UI의 경계 구분을 위해 원래데로 되돌림.
	e-lib e-popup e-control e-popup-open*/
/*.e-quick-popup-wrapper {
	border-style: none;
	outline: 1px solid white;
}
*/

/* 스케줄러의 셀을 클릭할 때의 퀵 팝업 창의 헤더 스타일
	> 빈 셀을 클릭 할 때와 생성되어 있는 이벤트를 클릭 했을 때
*/
/*
.e-schedule .e-cell-popup .e-popup-header,
.e-schedule .e-event-popup .e-popup-header {
	border-radius: 12px 12px 0 0;
	background: rgba(var(--color-sf-primary));
	color: rgba(var(--color-sf-white));
	height: 48px;
	max-height: 56px;
	z-index: 1;
	-webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
}
	*/
.e-schedule .e-cell-popup .e-popup-header,
.e-schedule .e-event-popup .e-popup-header {
	display: none;
}

/* 스케줄러의 퀵 팝업 창의 크기 제한 값 재 설정 */
.e-quick-popup-wrapper {
	min-width: 280px;
	max-width: 320px;
}

/* 스케줄러의 퀵 팝업 창의 하단(버튼 위치 영역) 영역의 공백 및 스타일 재 설정 */
.e-quick-popup-wrapper .e-popup-footer {
	padding: 8px 16px 16px 16px;
	z-index: 1;
	/*-webkit-box-shadow: 0px -1px 8px 0px rgba(0,0,0,0.08);
	-moz-box-shadow: 0px -1px 8px 0px rgba(0,0,0,0.08);
	box-shadow: 0px -1px 8px 0px rgba(0,0,0,0.08);*/
}