.text-right { text-align: right; }
.form-inline { display: flex; flex-wrap: wrap; align-items: center; }
.form-group { display: flex; align-items: center; margin-bottom: 0.5rem; }
.form-control-sm { min-width: 0; }
.badge-info { background-color: #087e8b; }
.embed-responsive { position: relative; width: 100%; aspect-ratio: 16 / 9; }
.embed-responsive iframe { width: 100%; height: 100%; border: 0; }
.piece-dialog { max-width: min(95vw, 540px); max-height: 90vh; padding: 2rem 1.5rem 1.5rem; border: 1px solid #666; border-radius: 4px; overflow: auto; }
.piece-dialog::backdrop { background-color: rgb(0 0 0 / 45%); }
.piece-dialog .simple_overlay { display: block; position: static; width: auto; min-height: 0; margin: 0; padding: 0; box-shadow: none; background: white; color: #222; }
.piece-dialog-close { position: absolute; right: 0.4rem; top: 0.1rem; border: 0; background: none; font-size: 1.75rem; line-height: 1; }
#drag { display: block; overflow-x: auto; margin-right: 0; margin-left: 0; }
#drag > table { width: 100%; table-layout: fixed; }
#drag > table > tbody > tr > td:first-child { width: 120px; }
#drag > table > tbody > tr > td:nth-child(2) { width: 16px; }
#drag > table > tbody > tr > td:last-child { width: auto; }
#frm { width: 100%; }
#right { width: 100%; max-width: 800px; }
#drag > div:last-child { position: static !important; float: none !important; left: auto !important; text-align: right; padding-top: 0.5rem; }
#foot { height: auto; min-height: 50px; line-height: 1.5; align-items: center; padding-top: 0.75rem; padding-bottom: 0.75rem; }
#foot .copy { float: none; padding: 0; }
#foot p { margin-bottom: 0; }
@media (max-width: 767px) {
	#frm > .form-group { flex: 0 0 100%; width: 100%; flex-direction: column; align-items: stretch; gap: 0.25rem; }
	#frm > .form-group > label, #frm > .form-group > input, #frm > .form-group > select, #frm > .form-group > textarea { width: 100%; flex: none; }
	#heading2 { height: 170px; background-size: auto 80px !important; }
	#heading2 > .row { padding-top: 65px; }
	#menu ul { padding-left: 0; }
	#menu ul li { padding-left: 0.5rem; }
	#foot > .col-6 { width: 100%; }
	#foot > .col-6:last-child { padding-top: 0.5rem; }
}