/* RCBC theme and application widget styling on Bootstrap 5.3.8. */
:root { --rcbc-blue:#174676; --rcbc-gold:#f8bb47; }
body { font-family:Arial,Helvetica,sans-serif; font-size:.9rem; line-height:1.55; color:#25384c; }
body > .container { padding:0 1rem 1rem; margin-top:1rem; border-radius:.65rem; box-shadow:0 8px 32px #132c4620; }
body > .container > .container, .container .container { width:100%; padding-inline:0; }
a { color:#15589a; }
h1,h2,h3,h4,h5,h6 { color:#174676; line-height:1.3; }
.row { --bs-gutter-x:1.5rem; }
.navbar { border-radius:.5rem; margin:1rem 0 1.5rem; padding:.45rem .75rem; --bs-navbar-bg:#174676; background:#174676 !important; }
.navbar-inner { width:100%; }
.navbar-inner > .navbar-collapse > .container { width:100%; }
.navbar-nav { flex-wrap:wrap; gap:.15rem; }
.navbar .nav-link { font-size:.8rem; font-weight:600; padding:.65rem .7rem; color:#fff; }
.navbar .nav-link.active,.navbar .nav-link:hover { color:#fff; background:#ffffff1a; border-radius:.3rem; }
.navbar .nav-item[style="width: 25px"] { display:none; }
.navbar .dropdown-menu { font-size:.85rem; min-width:14rem; padding:.5rem; border:0; border-radius:.4rem; box-shadow:0 6px 24px #10243e30; }
.navbar .dropdown-menu .dropdown-item { padding:.45rem .65rem; white-space:normal; }
.navbar .dropdown-menu .dropdown-item:hover { background:#eaf1f8; color:#174676; }
.navbar .yamm-content { display:flex; flex-wrap:wrap; gap:1rem; padding:.5rem; max-width:85vw; }
.navbar .yamm-content > ul { min-width:11rem; width:auto; flex:1 1 11rem; margin:0; padding:0; }
.dropdown-header { font-size:.78rem; font-weight:700; text-transform:uppercase; }
.rcbc-menu-label { font-size:.9rem; margin-left:.4rem; }
.well { background:#f4f7fb; border:1px solid #dce4ed; border-radius:.5rem; padding:1.25rem; margin-bottom:1.25rem; }
.well-small { padding:.85rem; }
.well-large { padding:1.75rem; }
.form-horizontal .control-group { display:grid; grid-template-columns:minmax(7rem,30%) minmax(0,1fr); align-items:start; gap:.75rem; text-align:left; }
.form-horizontal .control-label { padding-top:.5rem; margin:0; font-weight:600; }
.form-horizontal .controls { min-width:0; }
.form-horizontal .controls .form-control,.form-horizontal .controls .form-select { max-width:100%; }
.input-mini { max-width:5rem; } .input-small { max-width:8rem; } .input-medium { max-width:12rem; }
.input-large { max-width:16rem; } .input-xlarge { max-width:22rem; } .input-xxlarge { max-width:32rem; }
.input-prepend,.input-append { display:flex; align-items:stretch; gap:0; }
.add-on { padding:.45rem .6rem; background:#e9ecef; border:1px solid #ced4da; border-radius:.35rem; }
.error .form-control,label.error { color:#b02a37; border-color:#dc3545; }
label.error { display:block; font-size:.8rem; }
.form-actions { padding:1rem 0; margin-top:1rem; border-top:1px solid #dce4ed; }
.nav-tabs { margin-bottom:1rem; } .nav-tabs .nav-link { color:#174676; }
.table { font-size:.85rem; vertical-align:middle; } .table-condensed > :not(caption) > * > * { padding:.3rem; }
.table th { color:#174676; } .table-responsive { overflow-x:auto; }
.modal { --bs-modal-width:760px; } .modal-header { gap:.75rem; }
.modal-header > .btn-close { order:2; margin-left:auto; }
.modal-header h3,.modal-header h4 { margin:0; font-size:1.2rem; }
.modal-body { max-height:75vh; overflow:auto; }
.rcbc-lightbox .modal-content { background:#111; color:white; text-align:center; }
.lightbox-content img { max-width:100%; max-height:80vh; object-fit:contain; }
.lightbox-caption { padding:.8rem; }
.carousel-control { position:absolute; z-index:2; top:45%; width:2.25rem !important; height:2.25rem !important; border-radius:50%; background:#174676; color:white; text-align:center; text-decoration:none; font-size:1.8rem !important; line-height:2rem !important; }
.carousel-control.left { left:.65rem; } .carousel-control.right { right:.65rem; }
.carousel-item img { max-width:100%; }
.carousel-indicators { margin-bottom:.5rem; }
.carousel-indicators [data-bs-slide-to] { background-color:#174676; }
.rcbc-accordion-toggle { display:block; padding:.75rem 1rem; font-weight:600; text-decoration:none; }
.accordion-item { margin-bottom:.5rem; border-radius:.4rem; overflow:hidden; }
.label { display:inline-block; padding:.25em .5em; font-size:.75rem; border-radius:.25rem; background:#6c757d; color:white; }
.badge-important { background:#dc3545; } .badge-success { background:#198754; }
.hide:not(.modal),.hidden { display:none; } .modal.hide { display:none; }
.datepicker.dropdown-menu,.bootstrap-timepicker-widget.dropdown-menu,.colorpicker.dropdown-menu { z-index:1090; }
.datepicker td,.datepicker th { padding:.35rem; }
.typeahead.dropdown-menu { z-index:1090; } .typeahead.dropdown-menu .active > a { color:#fff; background:#174676; }
.typeahead.dropdown-menu a { display:block; padding:.4rem .75rem; text-decoration:none; }
.popover.editable-container { max-width:min(95vw,480px); }
.editable-input .form-control,.editable-input .form-select { display:inline-block; }
.editable-buttons { display:inline-flex; gap:.25rem; vertical-align:top; margin-left:.5rem; }
.popover-body .editableform .control-group { display:block; }
.select2-container { max-width:100%; } .select2-container .select2-choice { min-height:2.35rem; line-height:2.25rem; }
.bootstrap-select .dropdown-menu.inner { display:block; position:static; border:0; box-shadow:none; }
.bootstrap-select .dropdown-menu.inner a { display:block; padding:.4rem .75rem; text-decoration:none; }
#myrole { display:inline-block; max-width:20rem; margin:.4rem .5rem !important; }
#footer { border-radius:.35rem; margin-top:1.5rem; padding:1rem !important; background:#174676 !important; font-size:.8rem; }
#footer a { color:#fff; text-decoration:underline; }
@media(min-width:992px) { .navbar-collapse > .container > #nav1 { display:flex; align-items:center; flex-wrap:wrap; } .navbar .yamm-content { min-width:36rem; } }
@media(max-width:991.98px) { .navbar .navbar-nav { width:100%; } .navbar .dropdown-menu { position:static !important; transform:none !important; width:100%; } .navbar .yamm-content { max-width:100%; min-width:0; } .navbar .nav-link { padding:.75rem; } #myrole { float:none !important; width:100%; margin:.5rem 0 !important; } }
@media(max-width:767.98px) { body > .container { margin-top:0; border-radius:0; } .form-horizontal .control-group { grid-template-columns:1fr; gap:.25rem; } .form-horizontal .control-label { padding-top:0; } .input-xlarge,.input-xxlarge { width:100%; max-width:100%; } .well { padding:.8rem; } .modal { --bs-modal-width:calc(100vw - 1rem); } .yamm-content > ul { flex-basis:100% !important; } }