/* Minification failed. Returning unminified contents.
(90,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(91,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(93,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(104,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color'
(105,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color'
(110,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger'
(115,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-success'
(120,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger'
(125,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-success'
(184,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-backdrop-opacity'
(200,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-backdrop-opacity'
(284,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-padding-y'
(284,54): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-padding-x'
(286,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-font-size'
(287,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-color'
(288,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-bg'
(289,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width'
(289,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-color'
(290,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-inner-border-radius'
(291,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-inner-border-radius'
(299,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-body-padding-y'
(299,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-body-padding-x'
(300,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-body-color'
 */
/**
 * Bootstrap 5 UI Components Compatibility Styles
 * 
 * This stylesheet provides styling for UI Bootstrap compatibility components
 * used with Bootstrap 5.
 */

/* Suppress the old ui-bootstrap uibTypeahead popup — the bootstrap5-typeahead shim renders instead */
[uib-typeahead-popup] {
    display: none !important;
}

/* ============================================
   Typeahead Dropdown Styling
   ============================================ */
.typeahead-dropdown {
    position: absolute;
    z-index: 1050;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.375rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    max-height: 300px;
    overflow-y: auto;
    padding: 0.5rem 0;
}

.typeahead-dropdown .dropdown-item {
    display: block;
    width: 100%;
    padding: 0.5rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    list-style: none;
}

.typeahead-dropdown .dropdown-item:hover,
.typeahead-dropdown .dropdown-item:focus {
    color: #1e2125;
    background-color: #e9ecef;
}

.typeahead-dropdown .dropdown-item.active {
    color: #fff;
    text-decoration: none;
    background-color: #0d6efd;
}

/* ============================================
   Flatpickr Datepicker Styling
   ============================================ */
.bootstrap5-datepicker.flatpickr-calendar {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.375rem;
}

.bootstrap5-datepicker .flatpickr-day.selected {
    background: #0d6efd;
    border-color: #0d6efd;
}

.bootstrap5-datepicker .flatpickr-day.selected:hover {
    background: #0b5ed7;
    border-color: #0a58ca;
}

.bootstrap5-datepicker .flatpickr-day.today {
    border-color: #0d6efd;
}

.bootstrap5-datepicker .flatpickr-day.today:hover {
    background: #e9ecef;
    border-color: #0d6efd;
}

/* Datepicker input group styling */
.input-group .form-control[uib-datepicker-popup] {
    border-right: 0;
}

.input-group .btn-calendar {
    border-color: var(--bs-border-color);
    border-left: 1px solid var(--bs-border-color);
    background-color: #fff;
    color: var(--bs-body-color);
    padding: 0;
    min-width: 40px;
    height: 38px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group .btn-calendar:hover,
.input-group .btn-calendar:focus {
    background-color: #f8f9fa;
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
}

.input-group.is-invalid .form-control,
.input-group.is-invalid .form-select {
    border-color: var(--bs-danger);
}

.input-group.is-valid .form-control,
.input-group.is-valid .form-select {
    border-color: var(--bs-success);
}

.input-group.is-invalid .btn,
.input-group.is-invalid .input-group-text {
    border-color: var(--bs-danger);
}

.input-group.is-valid .btn,
.input-group.is-valid .input-group-text {
    border-color: var(--bs-success);
}

/* ============================================
   Button Radio Group Styling
   ============================================ */
.btn-group label.btn[uib-btn-radio] {
    cursor: pointer;
}

.btn-group label.btn[uib-btn-radio]:not(.active) {
    background-color: #fff;
    border-color: #dee2e6;
    color: #212529;
}

.btn-group label.btn[uib-btn-radio].active 
{
    color: #fff;
    z-index: 1;
     color: #212529;
}

.btn-group label.btn[uib-btn-radio]:hover:not(.active):not(:disabled) {
    background-color: #e9ecef;
}

.btn-group label.btn[uib-btn-radio]:disabled,
.btn-group label.btn[uib-btn-radio].disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

/* ============================================
   Button Overrides (Bootstrap 4 → 5 parity)
   ============================================ */

/* Bootstrap 5 changed btn-info background to a light cyan which resolves to dark text.
   Restore white text to match Bootstrap 4 behaviour. */
.btn-info,
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active {
    color: #fff;
}

/* ============================================
   Modal Enhancements
   ============================================ */
.modal.fade.in {
    opacity: 1;
}

.modal.fade.in .modal-dialog {
    transform: translate(0, 0);
}

.modal-backdrop.fade.in {
    opacity: var(--bs-backdrop-opacity, 0.5);
}

.modal.in {
    display: block;
}

.modal {
    overflow-y: auto;
}

.modal-dialog {
    margin: 1.5rem auto;
}

.modal-backdrop.in {
    opacity: var(--bs-backdrop-opacity, 0.5);
}

.modal-tall .modal-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}

.modal-header {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dee2e6;
    padding: 1rem 1rem;
}

.modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto;
    background-color: transparent;
    border: 0;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    opacity: 0.5;
}

.modal-header .close:hover {
    opacity: 0.75;
}

.modal-header .btn-close {
    margin-left: auto;
}

.modal-footer {
    border-top: 1px solid #dee2e6;
    padding: 1rem;
}

.modal-footer .btn {
    margin-left: 0.5rem;
}

.modal-footer .pull-right {
    margin-left: auto;
}

.modal .input-group .btn-calendar {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.modal .input-group .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* ============================================
   Calendar Button Styling
   ============================================ */
.btn-calendar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.btn-calendar .fa-calendar {
    font-size: 1rem;
}

/* ============================================
   Form Control Enhancements
   ============================================ */
.has-feedback .form-control[uib-datepicker-popup],
.has-feedback .form-control[uib-typeahead] {
    padding-right: 2.5rem;
}

/* ============================================
   UI Bootstrap Popover Compatibility
   ============================================ */
.popover .popover-title {
    padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
    margin-bottom: 0;
    font-size: var(--bs-popover-header-font-size);
    color: var(--bs-popover-header-color);
    background-color: var(--bs-popover-header-bg);
    border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
    border-top-left-radius: var(--bs-popover-inner-border-radius);
    border-top-right-radius: var(--bs-popover-inner-border-radius);
}

.popover .popover-title:empty {
    display: none;
}

.popover .popover-content {
    padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
    color: var(--bs-popover-body-color);
}

/* ============================================
   UI Bootstrap Collapse Compatibility
   ============================================ */
.collapse.in {
    display: block;
}

/* ============================================
   Bootstrap 3/4 → 5 Utility Aliases
   ============================================ */

/* pull-left / pull-right were removed in Bootstrap 5 (replaced by float-start / float-end) */
.pull-left  { float: left !important; }
.pull-right { float: right !important; }

/* ============================================
   Responsive Adjustments
   ============================================ */
@media (max-width: 576px) {
    .typeahead-dropdown {
        max-height: 200px;
    }
    
    .modal-tall .modal-body {
        max-height: calc(100vh - 150px);
    }
}

/* ============================================
   Accessibility Enhancements
   ============================================ */
.typeahead-dropdown .dropdown-item:focus {
    outline: 2px solid #0d6efd;
    outline-offset: -2px;
}

.btn-group label.btn[uib-btn-radio]:focus {
    outline: 2px solid #0d6efd;
    outline-offset: 2px;
}

/* ============================================
   Print Styles
   ============================================ */
@media print {
    .typeahead-dropdown,
    .flatpickr-calendar {
        display: none !important;
    }
}

.modal-open #doc3 {
    overflow: hidden;
}

.modal-open #doc3[data-bootstrap-modal-aria-hidden-count="1"] {
    overflow: hidden;
    /* This is a hack to prevent the main document from being hidden when a modal is open */
    aria-hidden: false !important;
}