/* added by MG as part of [NEXT-676: Styling issues] */

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    display: inline;
}

.dataTables_wrapper select[name=DataTables_Table_0_length],
.dataTables_wrapper input[type=search] {
    display: inline;
    width: auto;
}

.ui-widget-header {
    border: 1px solid #dddddd;
    background: #e9e9e9;
    color: #333333;
    font-weight: bold;
}

li.ui-tabs-active {
    border: 1px solid #003eff !important;
    background: #007fff !important;
}

#content li:not(.ui-tabs-active) {
    border: 1px solid #c5c5c5 !important;
    background: #f6f6f6 !important;
    font-weight: normal !important;
    color: #454545 !important;
}

li.ui-tabs-active .ui-tabs-anchor {
    font-weight: normal !important;
    color: #ffffff !important;
}

.dataTables_wrapper thead {
    font-size: 15px;
}

/* [/NEXT-676: Styling issues] */

/* [NEXT-791: Asthma: fix /ScreeningStandard/ popover] */

.popover ul {
    padding-left: 40px !important;
    list-style: initial !important;
}

/* Target the specific popover */
.custom-popover + .popover {
    background-color: transparent; /* Make the background transparent */
    border: none; /* Remove the border */
    box-shadow: none; /* Remove the box shadow */
    max-width: none; /* Prevents Bootstrap's default max-width */
}

/* Ensure the popover arrow is also transparent */
.custom-popover + .popover .arrow {
    display: none; /* Hide the popover arrow */
}

/* Adjust the popover content */
.custom-popover + .popover .popover-content {
    padding: 0; /* Remove any padding */
}

/* Ensure the image fits within the popover */
.custom-popover + .popover .popover-content img {
    display: block;
    width: 100%; /* Ensures the image fits within the popover */
    height: auto; /* Maintains the aspect ratio */
}

/* [/NEXT-791: Asthma: fix /ScreeningStandard/ popover] */