/* Theme-owned layout retained when moving from Bootstrap 4 to Bootstrap 5.
   No Bootstrap 4 JavaScript or stylesheet is loaded by the customer bundle. */
.form-group { margin-bottom: 1rem; }
.form-row { display: flex; flex-wrap: wrap; margin-inline: -5px; }
.form-row > .col, .form-row > [class*="col-"] { padding-inline: 5px; }
.input-group-prepend, .input-group-append { display: flex; }
.input-group-prepend { margin-inline-end: -1px; }
.input-group-append { margin-inline-start: -1px; }
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text { border-start-end-radius: 0; border-end-end-radius: 0; }
.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text { border-start-start-radius: 0; border-end-start-radius: 0; }
.close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: inherit; text-shadow: 0 1px 0 #fff; opacity: .5; }
button.close { padding: 0; background: transparent; border: 0; }
.close:hover, .close:focus { opacity: .75; }
.modal-header > .close { margin-inline-start: auto; }
.btn-block { display: block; width: 100%; }
.rounded-left { border-start-start-radius: .25rem; border-end-start-radius: .25rem; }
.rounded-right { border-start-end-radius: .25rem; border-end-end-radius: .25rem; }
.text-monospace { font-family: var(--bs-font-monospace); }