/** 追加設定 start **/
form td {
	display: table-cell; vertical-align: middle !important;
	line-height: 3em; font-weight: bold;
}
.cmdlist {
	padding:0 16px 0 16px;
}
.custom-tooltip {
	--bs-tooltip-bg: var(--bs-primary);
}
.bd-mode-toggle {
    z-index: 1500;
}
.b-example-divider {
    width: 100%;
    height: 0.7rem;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
.hide {
	display: none !important;
}
/** 追加設定 end **/

/** Toast start **/
/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
	visibility: hidden; /* Hidden by default. Visible on click */
	min-width: 250px; /* Set a default minimum width */
	margin-left: -125px; /* Divide value of min-width by 2 */
	background-color: #333; /* Black background color */
	color: #fff; /* White text color */
	text-align: center; /* Centered text */
	border-radius: 8px; /* Rounded borders */
	padding: 8px; /* Padding */
	position: fixed; /* Sit on top of the screen */
	z-index: 100; /* Add a z-index if needed */
	left: 50%; /* Center the snackbar */
	bottom: 92px; /* 30px from the bottom */
}
/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
	visibility: visible; /* Show the snackbar */
	/* Add animation: Take 0.5 seconds to fade in and out the snackbar. Howe ver, delay the fade out process for 2.5 seconds */
	-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
	animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
	from { bottom: 60px; opacity: 0; } to { bottom: 92px; opacity: 1; }
}
@keyframes fadein {
	from { bottom: 60px; opacity: 0; } to { bottom: 92px; opacity: 1; }
}
@-webkit-keyframes fadeout {
	from { bottom: 92px; opacity: 1; } to { bottom: 60px; opacity: 0; }
}
@keyframes fadeout {
	from { bottom: 92px; opacity: 1; } to { bottom: 60px; opacity: 0; }
}
/** Toast end **/

/** smart phone modes **/
@media (min-width: 768px) {
    .bd-placeholder-img-lg {
		font-size: 3.5rem;
    }
}