@charset "utf-8";
/* CSS Document */

body {
	padding-top: 56px;
	background-color: #f8f9fa;
	/* Prevent horizontal scrollbar on mobile slide-out */
	overflow-x: hidden;
}
/* 為了固定 navbar 留出高度 */

#leftSidebar {
	background: #f8f9fa;
}
#rightSidebar {
	background: #f1f3f5;
}
/* jQuery UI draggable 範例區塊樣式 */

#draggable {
	background: #e9ecef;
	cursor: move;
}
.scroll-container {
	max-height: calc(100vh - 140px);
	overflow-y: auto;
	/* border: 1px solid #ccc; */
	padding-top: 1.5rem;
	/* 相當於 py-4 的上半部分 */
	padding-bottom: 1.5rem;
	/* 相當於 py-4 的下半部分 */
}
main.col-12 {
	/* 或你 main 元素的實際 class */
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
/* 粉筆 */

.breadcrumb-bar {
	position: sticky;
	top: 0;
	background: #ffffff;
	z-index: 10;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.5rem 0.75rem;
	border-bottom: 1px solid #e0e0e0;
	font-family: sans-serif;
	font-size: 0.8rem;
}
.breadcrumb-bar nav {
	margin: 0;
}
.breadcrumb-bar nav ol {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
}
.breadcrumb-bar nav ol li {
	white-space: nowrap;
}
.breadcrumb-bar nav ol li+li::before {
	content: "›";
	margin: 0 0.5em;
	color: #666;
}
.breadcrumb-bar nav ol li a {
	text-decoration: none;
	color: #007bff;
}
.breadcrumb-bar nav ol li.current {
	color: #333;
	font-weight: bold;
}
.breadcrumb-extra {
	/* 右側額外區塊 */
	font-size: 0.9rem;
	color: #555;
}
/* 內容區只是示意長度 */

.content p {
	margin: 1rem;
	line-height: 1.6;
}

/* 隱藏 */
.jnone {
	display: none;
}

.faded-button {
	opacity: 0.7;
	/* 調整不透明度，0 到 1 之間 */
}
.form-section {
	background: #fff;
	padding: 1.5rem;
	border-radius: .5rem;
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
}

/* 日期選擇器大小微調 */
.ui-datepicker {
	font-size: .9rem;
}


/* alert container，固定在左下角 */
#alert-container {
	position: fixed;
	bottom: 1rem;
	left: 1rem;
	display: flex;
	flex-direction: column-reverse;
	/* 最新的放在最底部，舊的往上堆 */
	gap: 0.5rem;
	z-index: 1055;
	/* Bootstrap modal 之上 */
	min-width: 25vw;
}