/* Define the color variables */
:root {
    --biocare-primary: #008e9a;
    --biocare-primary-dark: #007a85;
    --biocare-primary-darker: #006a75;
    --biocare-primary-light: #c2e8eb;
    --biocare-primary-rgb: 0, 142, 154;
}

/* Text color */
.biocare-text-primary {
    color: var(--biocare-primary) !important;
}

/* Background color */
.biocare-bg-primary {
    background-color: var(--biocare-primary) !important;
}

/* Buttons */
.biocare-btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--biocare-primary);
    --bs-btn-border-color: var(--biocare-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--biocare-primary-dark);
    --bs-btn-hover-border-color: var(--biocare-primary-darker);
    --bs-btn-focus-shadow-rgb: var(--biocare-primary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--biocare-primary-darker);
    --bs-btn-active-border-color: var(--biocare-primary-darker);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--biocare-primary);
    --bs-btn-disabled-border-color: var(--biocare-primary);
}

/* Biocare Outline Primary Button */
.biocare-outline-btn-primary {
    --bs-btn-color: var(--biocare-primary);
    --bs-btn-border-color: var(--biocare-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--biocare-primary);
    --bs-btn-hover-border-color: var(--biocare-primary);
    --bs-btn-focus-shadow-rgb: var(--biocare-primary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--biocare-primary);
    --bs-btn-active-border-color: var(--biocare-primary);
    --bs-btn-disabled-color: var(--biocare-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--biocare-primary);
    --bs-gradient: none;
}

/* Border color */
.biocare-border-primary {
    border-color: var(--biocare-primary) !important;
}

/* Alert boxes */
.biocare-alert-primary {
    --bs-alert-color: #084298;
    --bs-alert-bg: #cfe2ff;
    --bs-alert-border-color: #b6d4fe;
    /* Customize these values to match your theme */
}

/* Badges */
.biocare-badge-primary {
    background-color: var(--biocare-primary) !important;
    color: white !important;
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.375rem;
}

.biocare-badge-warning {
    background-color: #ffc107 !important;
    color: #000 !important;
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.375rem;
}

/* ===============================
   CUSTOM FLATPICKR THEME STYLES
   =============================== */

.biocare-flatpickr-theme.flatpickr-calendar {
    border: 1px solid var(--biocare-primary);
    border-radius: 2px;
}

.biocare-flatpickr-theme .flatpickr-day.selected,
.biocare-flatpickr-theme .flatpickr-day.selected:hover,
.biocare-flatpickr-theme .flatpickr-monthSelect-month.selected,
.biocare-flatpickr-theme .flatpickr-monthSelect-month.selected:hover,
.biocare-flatpickr-theme .flatpickr-day.startRange,
.biocare-flatpickr-theme .flatpickr-day.endRange,
.biocare-flatpickr-theme .flatpickr-day.startRange.inRange,
.biocare-flatpickr-theme .flatpickr-day.endRange.inRange,
.biocare-flatpickr-theme .flatpickr-day.inRange {
    background: var(--biocare-primary);
    border-color: var(--biocare-primary);
    color: #fff;
}

.biocare-flatpickr-theme .flatpickr-day:hover, .biocare-flatpickr-theme .flatpickr-monthSelect-month:hover {
    background: #e0f2f4;
    color: #000;
}

/* Highlight today's date/month */
.biocare-flatpickr-theme .flatpickr-day.today, .biocare-flatpickr-theme .flatpickr-monthSelect-month.today {
    border: 1px solid var(--biocare-primary);
}

/* Highlight today + selected */
.biocare-flatpickr-theme .flatpickr-day.today.selected, .biocare-flatpickr-theme .flatpickr-monthSelect-month.today.selected {
    background: var(--biocare-primary);
    border-color: var(--biocare-primary);
    color: #fff;
}

.biocare-flatpickr-theme .flatpickr-months {
    background-color: #f8f9fa;
}

.biocare-flatpickr-theme .flatpickr-weekdays {
    background-color: #f8f9fa;
    border-bottom: 1px solid var(--biocare-primary);
}

/* Month navigation arrows */
.biocare-flatpickr-theme .flatpickr-prev-month,
.biocare-flatpickr-theme .flatpickr-next-month {
    color: var(--biocare-primary);
}

.biocare-flatpickr-theme .flatpickr-prev-month:hover,
.biocare-flatpickr-theme .flatpickr-next-month:hover {
    background: #e0f2f4;
    border-radius: 4px;
}

/* Prev/Next month arrows */
.biocare-flatpickr-theme .flatpickr-prev-month svg,
.biocare-flatpickr-theme .flatpickr-next-month svg {
    fill: var(--biocare-primary);
    transition: fill 0.2s ease-in-out;
}

/* Optional: Change color on hover */
.biocare-flatpickr-theme .flatpickr-prev-month:hover svg,
.biocare-flatpickr-theme .flatpickr-next-month:hover svg {
    fill: #005e66; /* Slightly darker shade for hover */
}

/* Style the year arrows (up/down) */
.biocare-flatpickr-theme .numInputWrapper span.arrowUp,
.biocare-flatpickr-theme .numInputWrapper span.arrowDown {
    transition: border-color 0.2s ease-in-out;
    background-color: #008e9a5e;
}

/* Optional: Hover effect */
.biocare-flatpickr-theme .numInputWrapper span.arrowUp:hover,
.biocare-flatpickr-theme .numInputWrapper span.arrowDown:hover {
    border-color: #005e66 transparent;
}

/* Month and Year label */
.biocare-flatpickr-theme .flatpickr-current-month {
    font-weight: 600;
    color: var(--biocare-primary);
}

.biocare-flatpickr-theme .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: transparent;
    outline: none;
    padding: 0;
    font-size: smaller;
}

/* Today button (if enabled via config) */
.biocare-flatpickr-theme .flatpickr-calendar .flatpickr-footer .flatpickr-btn-today {
    background-color: var(--biocare-primary);
    color: #fff;
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
}

.biocare-flatpickr-theme .flatpickr-calendar .flatpickr-btn-today:hover {
    background-color: #007c8b;
}

/* Input alt display */
.flatpickr-input[readonly] {
    background-color: #fff !important;
    cursor: pointer;
}

.biocare-flatpickr-theme .flatpickr-weekday {
    color: var(--biocare-primary);
    font-weight: 500;
}

.coming-soon {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(-2%, 10%);
    border-radius: 4px;
    background-color: rgba(255, 193, 7, 0.7);
    color: #212529;
    padding: 0.25em 0.4em;
    font-size: 0.75em;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}

.under-development {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(-2%, 10%);
    border-radius: 4px;
    background-color: rgba(7, 212, 255, 0.7);
    color: #212529;
    padding: 0.25em 0.4em;
    font-size: 0.75em;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}

header {
    background-color: rgb(248 249 250);
}

/* Form Styles */
form {
    /*border: 1px solid #d1d5db;*/
    /*border-radius: 8px;*/
    /*padding: 20px;*/
    /*margin: 10px;*/
    /*box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
}

form label {
    margin-bottom: .25rem !important
}

#login-form input {
    width: 100%;
}

#login-form {
    /*color: #396a86;*/
    border: 2px solid #d1d5db;
    padding: 25px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 0.25rem;
    max-width: 378px;
}

.filterForm {
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    box-shadow: none;
}

#login-submit-btn {
    border: 1px solid #d1d5db;
}

#login-submit-btn:hover {
    background-color: #c8e1ef;
}

div.mb-3 div.yes-no-field {
    display: flex;
    max-width: 120px;
    justify-content: space-between;
    /*color: #396a86 !important;*/
}

div.mb-3 div.yes-no-unknown-field, div.yes-no-unknown-field {
    display: flex;
    max-width: 240px;
    justify-content: space-between;
    /*color: #396a86 !important;*/
}

form input,
form select {
    max-width: 370px;
    /*color: #396a86 !important;*/
}

form input:not(.btn) {
    /*color: #396a86 !important;*/
}

.field-label, .form-label {
    /*font-weight: 500;*/
    /*color: #07344a;*/
}

/* Step Indicator Container */
.step-indicator {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap; /* Keep steps in a row for scrolling */
    overflow-x: auto; /* Add horizontal scroll if needed */
    background-color: rgb(248 249 250);
    padding: 1rem;
    margin-bottom: 0.5rem;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    scrollbar-width: thin; /* Firefox: thin scrollbar */
    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}

/* Webkit scrollbar for Chrome, Edge, Safari */
.step-indicator::-webkit-scrollbar {
    height: 6px;
}

.step-indicator::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

.step-indicator::-webkit-scrollbar-track {
    background: transparent;
}

/* Step wrapper for spacing between steps */
.step-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 8px; /* Horizontal spacing between steps */
    flex-shrink: 0; /* Prevent shrinking when scrolling */
    position: relative;
}

/* Step circle */
.step {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    font-weight: bold;
    color: white;
    background-color: #333333;
    position: relative;
    transition: all 0.3s ease;
    flex-shrink: 0; /* Prevent shrinking on small screens */
}

/* Active step */
.step.active {
    color: white;
    font-weight: bolder;
    background-color: var(--biocare-primary);
    text-decoration: underline;
}

/* Visited step */
.step.visited {
    background-color: var(--biocare-primary);
    color: white;
}

/* Disabled step */
.step.disabled {
    color: white;
    background-color: lightgrey;
    cursor: not-allowed;
}

/* Step title */
.step-title {
    font-weight: 500;
    font-size: smaller;
    word-wrap: break-word;
    white-space: normal; /* Allow line breaks */
    max-width: 80px; /* Limit width to wrap long titles */
    text-align: center;
    margin-top: 4px; /* Space between button and title */
}


.step.incomplete {
    background-color: #fff3cd;
    border-color: #ffc107;
    color: #856404;
}

.step.incomplete:hover {
    background-color: #ffeaa7;
    border-color: #ffc107;
}

.step.active.incomplete {
    border: 2px solid #ffc107;
    background-color: #fff3cd;
}

.step.completed {
    /*color: #2abc17;*/
    /*border-color: #2abc17d9;*/
    /*background-color: inherit;*/
}

span.step-icon {
    transform: translate(100%, -50%) !important;
}

.step-warning-icon {
    color: #856404;
    font-size: 0.9em;
}

.warning-badge {
    background-color: #ffc107;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-60%, -20%);
    z-index: 10;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.step-completed-icon {
    color: #03b703;
    font-size: 1.3rem;
}

.step-incomplete-icon {
    color: #e51616;
    font-size: 1.3rem;
}

/*.step.incomplete span {*/
/*    transform: translate(100%, -50%) !important;*/
/*}*/

/*.step.incomplete i {*/
/*    color: #e51616;*/
/*    font-size: 1.3rem;*/
/*}*/

.step-title.disabled {
    color: #c5c3c3;
}

/*.step:not(:last-child)::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    right: -35px;*/
/*    width: 30px;*/
/*    height: 1px;*/
/*    background-color: #e0e0e0;*/
/*    z-index: -1;*/
/*    transition: background-color 0.3s ease;*/
/*}*/

button.step:enabled:hover {
    transform: scale(1.1);
    transition: transform 0.1s ease, background-color 0.1s ease, color 0.1s ease;
}

/*.step.incomplete:enabled:hover {*/
/*    transform: scale(1.1);*/
/*    !*background-color: inherit;*!*/
/*    !*color: #dc3545;*!*/
/*    !*font-weight: bolder;*!*/
/*    !*border-color: #dc3545;*!*/
/*    transition: transform 0.1s ease, background-color 0.1s ease, color 0.1s ease;*/
/*}*/

/* Equal height row */
.row.equal-height {
    display: flex;
    flex-wrap: wrap;
}

/* Button Box Styles */
.button-box {
    display: flex;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    padding: 0.5rem 1rem 2rem 1rem;
    margin-bottom: 20px;
    text-decoration: none;
    color: #212529;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s, box-shadow 0.2s, background 0.3s;
    height: 100%;
}

.button-content {
    display: flex;
    /*flex-direction: column;*/

    justify-content: space-between;
    align-items: flex-end;
    height: 100%;
    width: 100%;
}

.button-box h5 {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 500;
    flex-grow: 1;
    word-break: break-word;
}

.button-box p {
    font-size: smaller;
    margin-top: 0.4rem;
    margin-bottom: 0;
}

.button-box i {
    font-size: 2.5rem;
    color: var(--biocare-primary);
    align-self: flex-end;
    /*margin-top: auto;*/
}

.button-grey {
    background: linear-gradient(135deg, rgba(231, 247, 248, 0.6), rgba(228, 249, 250, 1));
}

.button-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
    border-color: #979797;
    text-decoration: initial;
}

.button-grey:hover {
    background: linear-gradient(135deg, rgba(229, 254, 255, 0.6), rgb(210, 243, 245));
}

.button-blue {
    background: linear-gradient(135deg, rgba(235, 248, 255, 0.6), rgba(144, 205, 244, 0.6));
}

.button-blue:hover {
    background: linear-gradient(135deg, rgba(190, 227, 248, 0.6), rgba(99, 179, 237, 0.6));
}

.button-green {
    background: linear-gradient(135deg, rgba(240, 255, 244, 0.6), rgba(154, 230, 180, 0.6));
}

.button-green:hover {
    background: linear-gradient(135deg, rgba(198, 246, 213, 0.6), rgba(104, 211, 145, 0.6));
}

.button-red {
    background: linear-gradient(135deg, rgba(255, 245, 245, 0.6), rgba(252, 232, 129, 0.6));
}

.button-red:hover {
    background: linear-gradient(135deg, rgba(252, 232, 129, 0.6), rgba(252, 232, 129, 0.6));
}

/* Animation */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.button-animation {
    opacity: 0;
    animation: fadeIn 0.5s ease-out forwards;
}

.animated-div {
    /*overflow: hidden;*/
    max-height: 0;
    opacity: 0;
    transition: max-height 0.5s ease, opacity 0.5s ease;
}

.animated-div.visible {
    max-height: fit-content;
    opacity: 1;
}

/* Navigation */
.nav-link {
    font-weight: 500;
}

#scrollspy-list a {
    color: var(--biocare-primary);
}

#scrollspy-list .nav-item:hover {
    color: var(--biocare-primary);
    text-decoration: underline;
}

#scrollspy-list a.active {
    color: white;
    background-color: var(--biocare-primary);
}

/* DataTables Styles */
/* ===== Table Container ===== */
.table-responsive {
    margin-bottom: 30px;
}

/* ===== Toolbar & Controls ===== */
.toolbar {
    display: flex;
    width: 100%;

    margin-bottom: 15px;
}

.toolbar .daterange {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    padding: 8px 12px;
    background: #f8f9fa;
    border-radius: 6px;
}

.toolbar label {
    /*font-weight: 600;*/
    margin-right: 5px;
}

.toolbar input[type="text"] {
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 5px 10px;
    transition: all 0.3s;
}

.toolbar input[type="text"]:focus {
    border-color: var(--biocare-primary);
    box-shadow: 0 0 0 0.2rem rgba(var(--biocare-primary-rgb), 0.25);
    outline: none;
}

/* ===== Buttons ===== */
/* Override DataTables buttons with BioCare styling */
div.dt-buttons .dt-button.biocare-btn-primary,
div.dt-buttons .dt-button.biocare-btn-primary:hover,
div.dt-buttons .dt-button.biocare-btn-primary:focus,
div.dt-buttons .dt-button.biocare-btn-primary:active {
    color: white !important;
    background: var(--biocare-primary) !important;
    background-image: none !important;
    border-color: var(--biocare-primary) !important;
    filter: none !important;
    box-shadow: none !important;
    border-radius: 4px !important;
}

/* Hover state */
div.dt-buttons .dt-button.biocare-btn-primary:hover {
    background: var(--biocare-primary-dark) !important;
    border-color: var(--biocare-primary-darker) !important;
}

/* Active/focus state */
div.dt-buttons .dt-button.biocare-btn-primary:focus,
div.dt-buttons .dt-button.biocare-btn-primary:active {
    background: var(--biocare-primary-darker) !important;
    border-color: var(--biocare-primary-darker) !important;
    box-shadow: 0 0 0 0.25rem rgba(var(--biocare-primary-rgb), 0.5) !important;
}

/* Disabled state */
div.dt-buttons .dt-button.biocare-btn-primary:disabled {
    background: var(--biocare-primary) !important;
    border-color: var(--biocare-primary) !important;
    opacity: 0.65 !important;
}

/* DataTable buttons container layout */
div.dt-buttons {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

/* Prevent buttons from resizing */
div.dt-buttons .dt-button {
    flex-shrink: 0;
    white-space: nowrap;
}

/* Custom delete button styling */
div.dt-buttons #delete-rows-btn {
    flex-shrink: 0;
}

/* ===== Table Header ===== */
.ajax_datatable thead th {
    background-color: #f8f9fa !important;
    font-weight: 600;
    font-size: 0.8rem;
    letter-spacing: 0.5px;
    border: none !important;
    max-width: 140px;
    padding-top: 1rem;
}

.ajax_datatable thead th.sorting:after,
.ajax_datatable thead th.sorting_asc:after,
.ajax_datatable thead th.sorting_desc:after {
    color: var(--biocare-primary);
    margin-left: 1rem;
    font-size: 0.9rem;
    line-height: 1;
}

.ajax_datatable thead th.sorting:before,
.ajax_datatable thead th.sorting_asc:before,
.ajax_datatable thead th.sorting_desc:before {
    color: var(--biocare-primary);
    margin-left: 1rem;
    font-size: 0.9rem;
    line-height: 1;


}

/* ===== Table Body ===== */
.ajax_datatable tbody tr {
    transition: all 0.2s;
}

.ajax_datatable tbody tr:hover {
    background-color: rgba(var(--biocare-primary-rgb), 0.03) !important;
}

.ajax_datatable tbody td {
    padding: 8px 5px !important;
    vertical-align: middle !important;
    border-color: #f1f1f1 !important;
}

/* ===== Row Striping ===== */
.ajax_datatable tbody tr.odd {
    background-color: #f9f9f9;
}

/* ===== Checkbox Cells ===== */
/* Custom checkbox styling */
.row-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid var(--biocare-primary);
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    position: relative;
    transition: all 0.2s;
    margin: 0;
    vertical-align: middle;
}

/* Checked state */
.row-select:checked {
    background-color: var(--biocare-primary);
    border-color: var(--biocare-primary);
}

/* Checkmark - hidden when unchecked */
.row-select:checked::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Focus/hover states */
.row-select:focus {
    box-shadow: 0 0 0 0.2rem rgba(var(--biocare-primary-rgb), 0.25);
}

/* Disabled state */
.row-select:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ===== Action Buttons ===== */
.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    border-radius: 4px;
}

/* ===== Status Badges ===== */
.ajax_datatable td span[style*="background-color"], .biocare-badge {
    display: inline-block !important;
    padding: 5px 12px !important;
    border-radius: 12px !important;
    font-size: 0.75rem;
    font-weight: 500;
    text-align: center;
    min-width: 110px;
}

/* ===== Prevent clock from status column to wrap ===== */
.no-wrap-clock {
    white-space: nowrap;        /* prevents line breaks */
    overflow: hidden;           /* hide overflow if content too long */
    text-overflow: ellipsis;    /* show ... for overflowing text */
    max-width: 150px;           /* adjust width as needed */
}

/* ===== Pagination ===== */

/* Override DataTables pagination styles with higher specificity */
div.dataTables_wrapper div.dataTables_paginate {
    margin-top: 0.5rem;
}

div.dataTables_wrapper div.dataTables_paginate .paginate_button.current,
div.dataTables_wrapper div.dataTables_paginate .paginate_button.current:hover {
    background: var(--biocare-primary) !important;
    color: white !important;
    border-color: var(--biocare-primary) !important;
    background-image: none !important; /* Remove gradient */
}

/* For the disabled state */
div.dataTables_wrapper div.dataTables_paginate .paginate_button.disabled,
div.dataTables_wrapper div.dataTables_paginate .paginate_button.disabled:hover {
    color: #666 !important;
    background: transparent !important;
}

/* For hover state on non-current buttons */
div.dataTables_wrapper div.dataTables_paginate .paginate_button:not(.current):hover {
    background: rgba(var(--biocare-primary-rgb), 0.1) !important;
    color: var(--biocare-primary) !important;
    border-color: rgba(var(--biocare-primary-rgb), 0.2) !important;
}


.dataTables_paginate .paginate_button {
    border: 1px solid #dee2e6 !important;
    border-radius: 4px !important;
    padding: 5px 12px !important;
    margin: 0 2px !important;
    transition: all 0.2s;
}

.dataTables_paginate .paginate_button.current {
    background: var(--biocare-primary) !important;
    color: white !important;
    border-color: var(--biocare-primary) !important;
}

.dataTables_paginate .paginate_button:hover {
    background: rgba(var(--biocare-primary-rgb), 0.1) !important;
    color: var(--biocare-primary) !important;
}

/* ===== Search/Filter Inputs ===== */
.datatable-column-filter-row select {
    border: 1px solid #dee2e6 !important;
    border-radius: 4px !important;
    padding: 5px !important;
    transition: all 0.3s;
    width: 100%;
}

.datatable-column-filter-row input {
    border: 1px solid #dee2e6 !important;
    border-radius: 4px !important;
    padding: 7px !important;
    transition: all 0.3s;
    width: 100%;
}

.dataTables_filter input {
    border: 1px solid #dee2e6 !important;
    border-radius: 4px !important;
    padding: 5px !important;
    transition: all 0.3s;
    color: var(--biocare-primary);

}

.dataTables_filter input:focus,
.datatable-column-filter-row input:focus,
.datatable-column-filter-row select:focus {
    border-color: var(--biocare-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(var(--biocare-primary-rgb), 0.25) !important;
    outline: none !important;
}

/* ===== Show Entries Dropdown ===== */
.dataTables_length, .ajax_datatable_filter {
    margin-bottom: 1rem;
}

.dataTables_length select {
    border: 1px solid #dee2e6 !important;
    border-radius: 4px !important;
    padding: 3px 25px 3px 10px !important;
    background-position: right 0.5rem center !important;
    background-size: 16px 12px !important;
    background-repeat: no-repeat !important;
}

/* Custom processing indicator */
.dataTables_processing {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    /*transform: translate(-50%, -50%) !important;*/
    background-color: rgba(var(--biocare-primary-rgb), 0.9) !important;
    color: white !important;
    border-radius: 8px;
    padding: 15px 25px !important;
    font-weight: 500;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 12px;
    z-index: 100;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Show when processing */
.dataTables_processing.processing {
    opacity: 1;
}

/* Custom spinner */
.dataTables_processing::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: white;
    animation: biocareSpin 1s linear infinite;
}

@keyframes biocareSpin {
    to {
        transform: rotate(360deg);
    }
}

/* Target the last child wrapper that DataTables inserts */
.dataTables_processing > div:last-child {
    display: none !important;
}

/* Override bootstraps default animation speed */
.spinner-border {
    animation-duration: 0.5s;
}

/*.dataTables_wrapper .toolbar {*/
/*    display: flex;*/
/*    margin-bottom: 10px;*/
/*}*/

/*table.datatable {*/
/*    border-collapse: separate; !* Needed for rounded corners *!*/
/*    border-spacing: 0;*/
/*    background: white;*/
/*    border: 1px solid #ddd;*/
/*    border-radius: 0.5rem; !* rounded corners *!*/
/*    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); !* soft shadow *!*/
/*    overflow: hidden;*/
/*}*/

/*.page-link {*/
/*    border-radius: 0.25rem;*/
/*    color: #396a86;*/
/*}*/

/*.page-item.active .page-link {*/
/*    color: initial;*/
/*    background-color: initial;*/
/*    border-color: #396a86;*/
/*}*/

/*div.dataTables_wrapper div.dataTables_paginate ul.pagination li {*/
/*    margin-left: 5px;*/
/*}*/

/*tr[role="row"] th {*/
/*    background: #f8f9fa;*/
/*    font-weight: 600;*/
/*    padding-top: 1rem;*/
/*}*/

/*tr.datatable-column-filter-row th {*/
/*    background: #f8f9fa;*/
/*}*/

/*tr.datatable-column-filter-row select,*/
/*tr.datatable-column-filter-row input {*/
/*    border-radius: 0.25rem;*/
/*    border: 1px solid #ced4da;*/
/*    width: 100%;*/
/*}*/

/* Modal Styles */
.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
    transform: translateY(-50px);
    opacity: 0;
}

.modal.show .modal-dialog {
    transform: translateY(0);
    opacity: 1;
}

/* Form Validation */
.form-control.warning-focus:focus,
.form-select.warning-focus:focus {
    box-shadow: 0 0 0 .25rem rgba(255, 193, 7, 0.25);
}

.form-control.is-invalid {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc3545' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E");
}

.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc3545' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E");
}

/* Orange warning styles for BSIForm */
.form-control.is-invalid.custom-warning-orange {
    border-color: orange;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FF8800' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E");
}

.form-select.is-invalid:not([multiple]):not([size]).custom-warning-orange,
.form-select.is-invalid:not([multiple])[size="1"].custom-warning-orange,
.was-validated.custom-warning-orange .form-select:invalid:not([multiple]):not([size]).custom-warning-orange,
.was-validated.custom-warning-orange .form-select:invalid:not([multiple])[size="1"].custom-warning-orange {
    border-color: orange;
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FF8800' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E");
}

.invalid-feedback.custom-warning-orange-message {
    color: orange;
}

/* Red warning styles for other forms */
.form-control.is-invalid.custom-warning-red {
    border-color: #dc3545;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc3545' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E");
}

.form-select.is-invalid:not([multiple]):not([size]).custom-warning-red,
.form-select.is-invalid:not([multiple])[size="1"].custom-warning-red,
.was-validated.custom-warning-red .form-select:invalid:not([multiple]):not([size]).custom-warning-red,
.was-validated.custom-warning-red .form-select:invalid:not([multiple])[size="1"].custom-warning-red {
    border-color: #dc3545;
    --bs-form-select-bg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc3545' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E");
}

.invalid-feedback.custom-warning-red-message {
    color: #dc3545;
}

/* Container styles for incomplete fields in preview */
.field-incomplete {
    border-left: 3px solid #ffc107;
    padding-left: 12px;
    background-color: #fff9e6;
    border-radius: 4px;
    padding-top: 8px;
    padding-bottom: 8px;
}

/* Orange warning styles for Radio buttons and checkboxes */
.yes-no-field.is-invalid.custom-warning-orange, .yes-no-unknown-field.is-invalid.custom-warning-orange {
    border: 1px solid orange !important;
    border-radius: 6px;
    padding: 4px;
}

.yes-no-field.is-invalid.custom-warning-orange .form-check-input, .yes-no-unknown-field.is-invalid.custom-warning-orange .form-check-input {
    border-color: orange;
}

.yes-no-field.is-invalid.custom-warning-orange .form-check-input:checked, .yes-no-unknown-field.is-invalid.custom-warning-orange .form-check-input:checked {
    border-color: orange;
    background-color: orange;
}

/* Red warning styles for other forms - Radio buttons and checkboxes */
.yes-no-field.is-invalid.custom-warning-red, .yes-no-unknown-field.is-invalid.custom-warning-red {
    border: 1px solid #dc3545 !important;
    border-radius: 6px;
    padding: 4px;
}

.yes-no-field.is-invalid.custom-warning-red .form-check-input, .yes-no-unknown-field.is-invalid.custom-warning-red .form-check-input {
    border-color: #dc3545;
}

.yes-no-field.is-invalid.custom-warning-red .form-check-input:checked, .yes-no-unknown-field.is-invalid.custom-warning-red .form-check-input:checked {
    border-color: #dc3545;
    background-color: #dc3545;
}

/* Alternative approach if the above doesn't work - target the container directly */
[class*="custom-warning"] .form-check-input.is-invalid {
    border-color: inherit;
}

[class*="custom-warning"] .form-check-input.is-invalid:checked {
    border-color: inherit;
    background-color: inherit;
}

p.invalid-feedback {
    margin-bottom: 0px;
}

/* Utility Classes */
.buttons-excel {
    border: 1px solid white;
    /*background-color: #f0ffee;*/
}

/*.buttons-excel:hover {*/
/*    background-color: #def9da;*/
/*}*/

.buttons-print {
    /*color: black;*/
    border: 1px solid white;
    /*background-color: #dddddd;*/
}

/*.buttons-print:hover {*/
/*    color: black;*/
/*    border: 1px solid #cbced1;*/
/*    background-color: #c9c9c9;*/
/*}*/

/* Custom Tooltip */
.custom-tooltip-container {
    display: inline-flex;
    position: relative;
    vertical-align: middle;
    margin-bottom: 0.1rem;
}

.custom-tooltip-trigger {
    background: none;
    border: none;
    padding: 0;
    cursor: help;
    color: #6c757d;
    font-size: 1rem;
    line-height: 1;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
}

.tooltip-invisible-area {
    position: absolute;
    width: 150%;
    height: 150%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

/* Outer tooltip: visible overflow so arrow isn’t clipped */
.custom-tooltip {
    position: absolute;
    background-color: var(--biocare-primary);
    color: white;
    /*padding: 0.75rem 0.1rem 0.75rem 1rem;*/
    border-radius: 0.375rem;
    font-size: 0.875rem;
    width: 400px;
    max-width: 90vw;
    /* remove scrolling from here */
    overflow: visible;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);

    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease;
    pointer-events: auto;

    left: 100%;
    top: 50%;
    transform: translateY(-50%);
}

/* Inner wrapper: gets the scrolling behavior */
.custom-tooltip-content {
    max-height: 300px; /* limit before scrolling */
    overflow-y: auto; /* only inner div scrolls */
    padding: 0.75rem 0.3rem 0.75rem 0.7rem;
}

/* Tooltip arrow for right position (desktop) */
.custom-tooltip::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    width: 0;
    height: 0;
    transform: translateY(-50%);
    border: 8px solid transparent;
    border-right-color: var(--biocare-primary);
}

/* Hover states — keep both X and Y transforms here */
.custom-tooltip-container:hover .custom-tooltip,
.custom-tooltip-trigger:focus + .custom-tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) translateX(0.5rem);
}

/* Scrollbar styling */
.custom-tooltip-content::-webkit-scrollbar {
    width: 8px;
}

.custom-tooltip-content::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 4px;

}

.custom-tooltip-content::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 4px;
}

.custom-tooltip-content::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.5);
}

/* Limit dropdown height and add scroll */
.livesearch-select .dropdown-menu .inner, form select {
    max-height: 250px; /* Shows about 10 items */
    overflow-y: auto;
}

@media (max-width: 576px) {
    .custom-tooltip {
        /* Mobile: switch to bottom position */
        left: 50%;
        top: 100%;
        transform: translateX(-50%);
        margin-left: 0;
        margin-top: 10px;
        width: 250px;
        max-height: 200px;
    }

    .custom-tooltip::after {
        /* Mobile arrow position (points upward) */
        top: 0;
        left: 50%;
        right: auto; /* Reset right position */
        transform: translateX(-50%) translateY(-100%);
        border-color: transparent transparent var(--biocare-primary) transparent;
    }

    .custom-tooltip-container:hover .custom-tooltip,
    .custom-tooltip-trigger:focus + .custom-tooltip {
        /* Mobile hover transform */
        transform: translateX(-50%) translateY(0.5rem);
    }
}

@media (max-width: 767.98px) {
    .button-box {
        padding: 1.5rem;
    }

    .button-box h5 {
        font-size: 1.1rem;
    }

    .button-box i {
        font-size: 2rem;
    }
}


/* Statistics styles */
.graph, .stat {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    padding: 0.5rem;
    /*margin-left: 1rem;*/
    margin-bottom: 1.5rem;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.chart-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

.chart-filters {
    position: fixed;
    top: 120px;
    background: white;
    z-index: 1000;
    /*border: 1px solid #d1d5db;*/
    /*border-radius: 8px;*/
    /*padding: 10px;*/
    /*box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
    /*transition: top 0.1s ease-in-out;*/
}

/*form {*/
/*    border: 1px solid #d1d5db; !* Light gray border for a modern look *!*/
/*    border-radius: 8px; !* Slightly increased border radius *!*/
/*    padding: 20px;*/
/*    margin: 10px;*/
/*    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); !* Subtle shadow for depth *!*/
/*}*/

/*#login-form input {*/
/*    width: 100%;*/
/*}*/

/*#login-form {*/
/*    color: #396a86;*/
/*    border: 2px solid #d1d5db;*/
/*    padding: 25px;*/
/*    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); !* Adjust values for your desired shadow effect *!*/
/*    border-radius: 0.25rem;*/
/*    max-width: 378px;*/
/*}*/

/*#login-submit-btn {*/
/*    border: 1px solid #d1d5db;*/
/*}*/

/*#login-submit-btn:hover {*/
/*    background-color: #c8e1ef;*/
/*}*/

/*.button-box {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: flex-start;*/
/*    justify-content: center;*/
/*    width: 100%;*/
/*    height: 130px;*/
/*    border: 1px solid #d1d5db;*/
/*    border-radius: 8px;*/
/*    padding: 15px;*/
/*    margin: 10px 0px;*/
/*    text-align: left;*/
/*    text-decoration: none;*/
/*    color: #212529;*/
/*    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
/*    transition: transform 0.2s, box-shadow 0.2s, background 0.3s;*/
/*}*/

/*.button-box:hover {*/
/*    transform: translateY(-5px);*/
/*    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);*/
/*    border-color: #979797;*/
/*    text-decoration: initial;*/
/*}*/

/*.button-box h5 {*/
/*    margin: 0;*/
/*    font-size: 1.25rem;*/
/*    font-weight: 500;*/
/*}*/

/*.button-box p {*/
/*    margin: 5px 0 0;*/
/*    font-size: 0.9rem;*/
/*    color: #6c757d;*/
/*}*/

/*.button-box i {*/
/*    font-size: 2rem;*/
/*    color: #396a86;*/
/*}*/

/*.button-grey {*/
/*    background: linear-gradient(135deg, rgba(247, 250, 252, 0.6), rgba(226, 232, 240, 0.6));*/
/*    color: #396a86;*/
/*}*/

/*.button-grey:hover {*/
/*    background: linear-gradient(135deg, rgba(237, 242, 247, 0.6), rgba(203, 213, 224, 0.6));*/
/*}*/

/*!* Fade-in animation *!*/
/*@keyframes fadeIn {*/
/*    from {*/
/*        opacity: 0;*/
/*        transform: translateY(20px); !* Slight slide from the bottom *!*/
/*    }*/
/*    to {*/
/*        opacity: 1;*/
/*        transform: translateY(0);*/
/*    }*/
/*}*/

/*!* Apply the animation to the container *!*/
/*.button-animation {*/
/*    opacity: 0; !* Ensure hidden before animation starts *!*/
/*    animation: fadeIn 0.5s ease-out forwards;*/
/*    !*animation-delay: 0.5s; !* Optional delay before animation starts *!*!*/
/*}*/

/*.nav-link {*/
/*    font-weight: 500;*/
/*    padding-top: 0px;*/
/*}*/

/*.buttons-excel {*/
/*    border: 1px solid #e5e6e7;*/
/*    background-color: #f0ffee;*/
/*}*/

/*.buttons-excel:hover {*/
/*    background-color: #def9da;*/
/*}*/

/*.buttons-print {*/
/*    color: black;*/
/*    border: 1px solid #cbced1;*/
/*    background-color: #dddddd;*/
/*}*/

/*.buttons-print:hover {*/
/*    color: black;*/
/*    border: 1px solid #cbced1;*/
/*    background-color: #c9c9c9;*/
/*}*/

/*.dataTables_wrapper .toolbar {*/
/*    display: flex;*/
/*    margin-bottom: 10px;*/
/*}*/

/*.page-link {*/
/*    border-radius: 0.25rem;*/
/*    color: #396a86;*/
/*}*/

/*.page-item.active .page-link {*/
/*    color: initial;*/
/*    background-color: initial;*/
/*    border-color: #396a86;*/
/*}*/

/*div.dataTables_wrapper div.dataTables_paginate ul.pagination li {*/
/*    margin-left: 5px;*/
/*}*/

/*tr.datatable-column-filter-row select, tr.datatable-column-filter-row input {*/
/*    border-radius: 0.25rem;*/
/*    border: 1px solid #ced4da;*/
/*}*/

/*.modal.fade .modal-dialog {*/
/*    transition: transform 0.3s ease-out, opacity 0.3s ease-out;*/
/*    transform: translateY(-50px);*/
/*    opacity: 0;*/
/*}*/

/*.modal.show .modal-dialog {*/
/*    transform: translateY(0);*/
/*    opacity: 1;*/
/*}*/

/*.form-control.warning-focus:focus, .form-select.warning-focus:focus {*/
/*            box-shadow: 0 0 0 .25rem rgba(255, 193, 7, 0.25);*/

/*}*/
/*.form-control.is-invalid {*/
/*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc3545' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E");*/
/*}*/
/*.form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] {*/
/*    --bs-form-select-bg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23dc3545' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E");*/
/*}*/

/*.form-control.is-invalid.custom-warning {*/
/*    border-color: orange;*/
/*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FF8800' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E");*/
/*}*/
/*.form-select.is-invalid:not([multiple]):not([size]).custom-warning, .form-select.is-invalid:not([multiple])[size="1"].custom-warning, .was-validated.custom-warning .form-select:invalid:not([multiple]):not([size]).custom-warning, .was-validated.custom-warning .form-select:invalid:not([multiple])[size="1"].custom-warning {*/
/*    border-color: orange;*/
/*    --bs-form-select-bg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FF8800' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3E%3Cpath d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3E%3C/svg%3E");*/
/*}*/

/*.invalid-feedback.custom-warning-message {*/
/*    color: orange;*/
/*}*/