.mb-3 {margin-bottom: 10px;}
.form-label {display: block;}
.form-control {width: 100%;}

#addEventModal ul li { margin-bottom: 10px; }
#addEventModal ul li label.form-label {font-size: 1em;margin-block: 0 10px;height: 30px;}
#addEventModal ul li span.required { color: red; margin-left: 3px; font-size: 1.25em; }
#addEventModal .btn-primary {color: #666 !important; box-shadow: inset 0 0 0 2px #666;}

#addEventModal .buttonbox .button-load {display: none;}
#addEventModal .buttonbox.load .button-load {display: block;}
#addEventModal .buttonbox.load button {display: none}

.empty_calendar {width: 100%;height: calc(100vh - 150px);display: flex;align-items: center;justify-content: center;font-size: 1.25em;letter-spacing: 0.3em;}

.fc .fc-scroller-liquid-absolute {
  position: static;
}
.form-control-auto {
	display: inline-block !important;
	width: auto !important; /* Bootstrap 기본 스타일 덮어쓰기 */
}
input[type="checkbox"] {
  visibility: visible;
  position: static;
  width: auto;
  height: auto;
}
.form-check-input {
  margin: 0; /* 기본 마진 제거 */
  opacity: 1;
  -webkit-appearance: checkbox !important;
  -moz-appearance: checkbox;
  -ms-appearance: checkbox;
}
.fancybox__content {
  max-width: 700px !important; /* Fancybox 콘텐츠의 최대 너비 */
  width: 700px !important;     /* Fancybox 콘텐츠의 고정 너비 */
}

@media (max-width: 425px) {
	.fancybox__content {
	  max-width: 380px !important; /* Fancybox 콘텐츠의 최대 너비 */
	  width: 380px !important;     /* Fancybox 콘텐츠의 고정 너비 */
	}	
}


.color-buttons {
    display: flex;
    justify-content: start;
    gap: 5px;
    margin-bottom: 20px;
}
.color-button {
    width: 30px;
    height: 30px;
    border: 2px solid transparent;
    cursor: pointer;
}
.color-button.active {
  border: 2px solid #000000
}
#customColorPicker {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
}