/* NDCCB theme adaptations for Bootstrap 5.3.8. No Bootstrap 3 runtime. */
/*html { font-size: 16px; }
body { font-size: 14px; line-height: 1.42857143; }*/
h1 { font-size: 36px; } h2 { font-size: 30px; } h3 { font-size: 24px; }
h4 { font-size: 18px; } h5 { font-size: 14px; } h6 { font-size: 12px; }
h1,h2,h3,h4,h5,h6 { line-height: 1.1; font-weight: 500; }
h1,h2,h3 { margin-top:20px; margin-bottom:10px; }
h4,h5,h6 { margin-top:10px; margin-bottom:10px; }
p { margin:0 0 15px; }
a { text-decoration:none; }
.container,.container-fluid { --bs-gutter-x:30px; }
.row { --bs-gutter-x:30px; }
/* Keep the bank's original 750/970/1170px container widths. */
@media(min-width:576px) and (max-width:767.98px) { .container { max-width:none; } }
@media(min-width:768px) { .container { max-width:750px; } }
@media(min-width:992px) { .container { max-width:970px; } }
@media(min-width:1200px) { .container { max-width:1170px; } }
@media (min-width: 1820px) { .container {max-width:1350px; } }


.text-right { text-align:right!important; }
.text-left { text-align:left!important; }
.pull-right { float:right!important; }
.pull-left { float:left!important; }
.center-block { display:block; margin-left:auto; margin-right:auto; }
.img-responsive { display:block; max-width:100%; height:auto; }
.hidden { display:none!important; }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.btn { font-size:14px; }
.btn-default { --bs-btn-color:#333;--bs-btn-bg:#fff;--bs-btn-border-color:#ccc;--bs-btn-hover-color:#333;--bs-btn-hover-bg:#e6e6e6;--bs-btn-hover-border-color:#adadad; }
.btn-block { display:block;width:100%; }
.btn-lg { font-size:18px; }
.label { display:inline-block;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;white-space:nowrap;border-radius:.25em; }
.label-danger { background:#d9534f; }
.label-success { background:#5cb85c; }
.label-primary { background:#337ab7; }
.label-warning { background:#f0ad4e; }
.label-info { background:#5bc0de; }
.form-group { margin-bottom:15px; }
.form-control { font-size:14px;line-height:1.42857143;min-height:34px;padding:6px 12px; }
textarea.form-control { height:auto; }
select.form-control { appearance:auto; }
.table { --bs-table-bg:transparent;font-size:14px; }
.table > :not(caption) > * > * { padding:8px; }
.table-bordered > :not(caption) > * > * { border-width:1px; }
.table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-striped-bg:#f9f9f9; }
.table > thead > tr > th { vertical-align:bottom; }
.modal-dialog { --bs-modal-width:600px; }
.modal-header { display:flex;align-items:center;justify-content:space-between; }
.modal-header .close { background:transparent;border:0;font-size:21px;line-height:1;cursor:pointer;margin-left:auto; }
.modal-body { padding:15px; }
.modal .modal-content { font-size:14px; }
/* AdminBSB's bespoke layout is preserved while Bootstrap 5 handles components. */
body.theme-red .navbar { display:block;padding:0; }
body.theme-red .navbar .container-fluid { display:flex;align-items:flex-start;padding-left:0; }
body.theme-red .navbar-header { display:flex;align-items:center;flex-shrink:0; }
body.theme-red .navbar-brand { line-height:20px;padding:15px;font-size:18px; }
body.theme-red .navbar-nav { display:flex;flex-direction:row;padding-left:0;list-style:none; }
body.theme-red .navbar-right { margin-left:auto;float:right; }
body.theme-red .navbar-collapse { flex-grow:1;flex-basis:auto; }
body.theme-red .navbar .dropdown-menu { margin-top:0!important; }
body.theme-red .navbar .dropdown-menu.show { position:absolute; }
body.theme-red .dropdown-menu { font-size:14px; }
body.theme-red .dropdown-menu > li > a { display:block;padding:3px 20px;clear:both;color:#333;white-space:nowrap; }
body.theme-red .dropdown-menu > li > a:hover { background:#f5f5f5; }
body.theme-red .dropdown-menu .divider { height:1px;margin:9px 0;overflow:hidden;background:#e5e5e5; }
body.theme-red .user-helper-dropdown { position:relative; }
body.theme-red .user-helper-dropdown .dropdown-menu { min-width:160px; }
body.theme-red .navbar-toggle { display:none; }
body.theme-red section.content { margin-top:100px; }
body.theme-red .card { display:block;border:0;border-radius:2px; }
body.theme-red .card .header h2 { margin:0; }
body.theme-red .card .body label { display:inline-block;margin-bottom:5px; }
body.theme-red .card .body .form-line .form-control { padding-left:0;padding-right:0; }
body.theme-red .card .body .form-line select.form-control { width:100%;cursor:pointer; }
body.theme-red .card .body .form-control:focus { box-shadow:none; }
body.theme-red .card .body .form-group .form-control { background-color:transparent; }
body.login-page .card { display:block;border:0; }
body.login-page .input-group { display:table;width:100%;margin-bottom:20px; }
body.login-page .input-group-addon { display:table-cell;width:1%;padding:6px 12px;vertical-align:middle; }
body.login-page .input-group .form-line { display:table-cell;width:100%; }
body.login-page .form-control:focus { box-shadow:none; }
body.theme-red .pagination { margin:0; }
@media(min-width:768px) {
 body.theme-red .navbar-collapse.collapse { display:flex!important; }
}
@media(max-width:767.98px) {
 body.theme-red .navbar .container-fluid { flex-wrap:wrap; }
 body.theme-red .navbar-header { width:100%; }
 body.theme-red .navbar-toggle { display:block;width:35px;height:35px; }
 body.theme-red .navbar-toggle::before { content:"\2630";color:white;font-size:22px; }
 body.theme-red .navbar-collapse { flex-basis:100%; }
 body.theme-red .navbar-collapse:not(.show) { display:none; }
 body.theme-red .navbar-collapse.show { display:block; }
 body.theme-red .navbar-nav { justify-content:flex-end; }
 body.theme-red .navbar .dropdown-menu { max-width:calc(100vw - 30px); }
}

@media(min-width:768px) { body.sticky-header .modal-dialog { --bs-modal-width:900px;max-width:900px;width:calc(100% - 30px); } }
/* Give the administration sidebar toggle a real touch target in the flex navbar. */
body.theme-red.ls-closed .navbar-header .bars { display:inline-flex!important;width:36px;height:40px;flex-shrink:0;position:relative;align-items:center;justify-content:center; }
body.theme-red.ls-closed .navbar-header .bars::before { content:"\2630";position:static;margin:0;color:white;font:24px/40px Arial,sans-serif; }
body.theme-red.ls-closed .navbar-header .bars::after { display:none; }
body.theme-red.ls-closed.overlay-open .navbar-header .bars::before { content:"\00d7"; }
body.theme-red.ls-closed .navbar-brand { margin-left:0; }