/*Temprary Because Panding Work*/
#btnLogOutAllBrowsers {
    /*display: none;*/
}

.table-responsive table {
    min-width: 1000px;
}

th, td {
    font-size: 13px;
}

#Creditdays, label[for="Creditdays"] {
    display: none;
}

.isStateLab {
    display: none;
}

.isStateLab_tbl {
    /*color:transparent;*/
}

#apliLabWelcome img {
    height: 50px;
    /*width: 165px;*/
    min-width: 165px;
    max-width: 190px;
}

/*Patient Registration Form*/
#Row_Registration_Date, .ReferNoCol_nouse, .alertsCheckboxes, .hospitalDetailsRow {
    display: none;
}
/*.testDetails {
    display:block;
}*/
table a:has(.bi.bi-info-circle) {
    /*display: none;*/
    padding: 0 !important;
    font-size: unset;
    margin: 0;
}

.changeStatusBtn, #printBtn, #printBtnRx {
    padding: 0 !important;
    font-size: unset;
    margin: 0;
}

.PhotoDataUrl {
    width: 50px;
    height: auto;
    transition: transform 0.3s ease;
}

    .PhotoDataUrl:hover {
        -ms-transform: scale(3.5); /* IE 9 */
        -webkit-transform: scale(3.5); /* Safari 3-8 */
        transform: scale(3.5);
        z-index: 20;
    }

#dtBtnColumnsSettings, #dtBtnReset, #dtBtnShowAll, #dtBtnHideAll {
    display: none;
}

.dt-length select {
    min-height: auto;
    min-width: auto;
    max-height: 22px;
    font-size: calc(0.8em + 0.2vw); /*Adjusts based on viewport size */
    line-height: 1; /*Ensures proper alignment */
    padding: 2px 25px; /*Adjust padding for better readability */
}

#trTest_AdditionalData {
    /*display: block;*/
    /*position: absolute;*/
    /*padding-left: 10px;*/
    /*padding-right: 10px;*/
    /*color: #28a745;*/ /* Green color for the left bracket */
    color: #007bff; /* Color for the text inside the container */
    /*font-weight: bold;*/
    /*text-decoration: underline;*/
}

    #trTest_AdditionalData:not(:empty)::before {
        content: "{ ";
        /*position: absolute;*/
        /*left: -10px;*/
        /*font-weight: bold;*/
    }

    #trTest_AdditionalData:not(:empty)::after {
        content: " }";
        /*position: absolute;*/
        /*right: -10px;*/
        /*font-weight: bold;*/
    }

#result_AdditionalData {
    /*display: block;*/
    /*position: absolute;*/
    padding-left: 10px;
    padding-right: 10px;
    /*color: #28a745;*/ /* Green color for the left bracket */
    color: red; /* Color for the text inside the container */
    /*font-weight: bold;*/
    /*text-decoration: underline;*/
}

    #result_AdditionalData:not(:empty)::before {
        content: "{ ";
        /*position: absolute;*/
        /*left: -10px;*/
        /*font-weight: bold;*/
    }

    #result_AdditionalData:not(:empty)::after {
        content: " }";
        /*position: absolute;*/
        /*right: -10px;*/
        /*font-weight: bold;*/
    }

#approve_AdditionalData {
    display: block;
    /*position: absolute;*/
    color: red;
    font-size: 12px !important; /* Force font size with !important */
}

    #approve_AdditionalData:not(:empty)::before {
        content: "{ ";
    }

    #approve_AdditionalData:not(:empty)::after {
        content: " }";
    }

#trTest_AdditionalData, #result_AdditionalData, #approve_AdditionalData {
    display: none;
}

/*.table > :not(caption) > * > * {
    padding: 0;*/ /* Remove padding */
/*vertical-align: middle;*/ /* Align content vertically */
/*}*/

.min-row-height {
    min-height: auto;
    height: auto;
    min-height: 50px; /* Adjust the value as needed */
    height: 50px; /* Optional: to enforce consistent height */
}

    .min-row-height td {
        vertical-align: middle; /* Centers content vertically */
    }



/*END Temprary Because Panding Work*/

.toggleButton a i, .tdToggleButton a i {
    font-size: 20px;
}

.custom-Input-sm {
    /*min-height: auto;
    min-width: auto;*/
    max-height: 22px !important;
    min-height: 22px !important;
}

/*#searchForm input[type="text"], input[type="number"], select {
    max-height: 22px !important;
    min-height: 22px !important;
}*/

.input-sm {
    min-height: auto;
    min-width: auto;
    /*text-align: center;*/
    max-height: 26px;
    /* max-width: 36px; */
}

#patientDataForSearchInput input, #patientRegistrationData input {
    min-height: auto;
    min-width: auto;
    max-height: 22px;
}

#patientDataForSearchInput select, #patientRegistrationData select, .test_ChangeStatus {
    min-height: auto;
    min-width: auto;
    max-height: 22px;
    font-size: calc(0.8em + 0.2vw); /*Adjusts based on viewport size */
    line-height: 1; /*Ensures proper alignment */
    padding: 2px 5px; /*Adjust padding for better readability */
}



#item_SI, #item_SII, #item_SIII {
    min-height: auto;
    min-width: auto;
    text-align: center;
    max-height: 26px;
    max-width: 36px;
}

#MyTable td .btn-sm {
    padding: 0 !important;
    font-size: unset;
    margin: 0;
}

.btn-row {
    padding: 0 !important;
    font-size: unset;
    margin: 0;
}

.tableScrole #MyTable {
    /*width:95% !important;*/
}

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

/*Preloader */

/* Main Preloader */

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #1f1c2c, #928dab);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 9999;
}

.loader-container {
    text-align: center;
    color: #fff;
}

.logo img {
    width: 100px;
    height: auto;
    margin-bottom: 20px;
    justify-content: center;
}

.circle-loader {
    position: relative;
    width: 100px;
    height: 100px;
}

.circle {
    border: 8px solid rgba(255, 255, 255, 0.2);
    border-top: 8px solid #ffffff;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    animation: spin 1.5s linear infinite;
}

.percentage {
    font-size: 24px;
    font-weight: bold;
    margin-top: 20px;
}

.message h2 {
    font-size: 20px;
    margin: 10px 0 5px;
}

.message p {
    font-size: 14px;
    color: #ddd;
}
/*
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}*/

/* Show main content when preloader is hidden */
#mainRander {
    /*display: block;*/
    /*padding: 20px;*/
}

/*END Main Preloader */

/*Page Preloader */

#containerPreloader #pagePreloader {
    position: absolute; /* Change to absolute positioning */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.pagePreloaderSpinner {
    border: 8px solid #f3f3f3; /* Light gray */
    border-top: 8px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/*END Page Preloader */

/*END PreLoaders */

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

a.disabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.5;
}

/*Nav*/
.dropdown:hover .dropdown-menu {
    display: block;
}

/*END Nav*/


/*Remove Arrows/Spinners Input Number*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/*END Remove Arrows/Spinners Input Number*/

.limited-height-textarea {
    max-height: 200px; /* Adjust the maximum height as needed */
    overflow-y: auto; /* Add scroll bars if content exceeds the max height */
}

.divScrole {
    max-height: 400px; /* Adjust the maximum height as needed */
    overflow-y: auto; /* Add scroll bars if content exceeds the max height */
}

.divScroleVh {
    max-height: 40vh; /* Adjust the maximum height as needed */
    overflow-y: auto; /* Add scroll bars if content exceeds the max height */
}

.tableScrole {
    max-height: 80vh; /* Use 80% of the viewport height */
    overflow-y: auto; /* Add scroll bars if content exceeds the max height */
    position: relative;
}

    .tableScrole #MyTable_wrapper {
        width: 99%;
    }

    .tableScrole table {
        border-collapse: collapse;
        width: 95%;
    }

    .tableScrole thead {
        position: sticky;
        top: 0;
        z-index: 1;
        background-color: #f8f9fa; /* Adjust the background color as needed */
    }

.highlight {
    background-color: #badbcc !important; /* Change this to your desired highlight color */
    /*color : white !important;*/
}

.hide {
    display: none !important;
    /*visibility: hidden;*/
    /*visibility: collapse !important;*/ /* Hide the elements but allow for search */
}

/*Data Table*/
#dtBtnColumnsSettings {
    /*display: none;*/
}

#dtBtnReset {
    /*display: none;*/
}

#dtBtnShowAll {
    /*display: none;*/
}

#dtBtnHideAll {
    /*display: none;*/
}
/*END Data Table*/

/*Autocomplete jq ui*/
/*scrollbar*/
.ui-autocomplete {
    max-height: 200px; /* Set the max height of the list */
    overflow-y: auto; /* Enable vertical scrolling */
    overflow-x: hidden; /* Hide horizontal scrolling */
    padding-right: 20px; /* Space for the scrollbar */
}
/*END Autocomplete jq ui*/

/*Organization Logo*/
.OrgLogo {
    width: 100px;
    height: 100px;
    /*border : none;*/
}

.OrgLogo2 {
    width: 4.52201in;
    height: height: 1.225in;
    /*border : none;*/
}
/*END Organization Logo*/
/*Registration */
#CaseNumberHead, #CaseNumber {
    color: #dc3545;
}

/*END Registration */

table, thead, tbody {
    font-size: 14px; /*.875em;*/
}

/*Set jq Droptown For showDropdownListInInput(selector)*/
.options-dropdown {
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    padding: 5px;
    border-radius: 4px;
}

.option-item {
    padding: 5px;
    cursor: pointer;
}

    .option-item:hover,
    .option-item.selected {
        background-color: #f0f0f0;
    }

/*END Set jq Droptown For showDropdownListInInput(selector)*/

.a4-size {
    width: 794px; /*for 96 DPI*/
    height: 1123px;
}

.legel-size {
    width: 816px; /*for 96 DPI*/
    height: 1344px;
}