.pat-subhead {
    font-weight: 500;
    color: #2d2d2d;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1.5rem;
}

#patients-list_length > label > select {
    width: 50%;
}

.tabDiv {
    border: 1px solid #007acc;
    background-color: transparent;
    padding: 5px;
    border-radius: 10px;
    margin-bottom: 5px;
    color: #007acc;
}

.center-div {
    width: 300px;
    height: 300px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -150px;
}

.spinner {
    position: fixed;
    z-index: 9999;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.pageloader {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    animation: rotation 2s linear infinite;
    -webkit-animation: spin 2s linear infinite;
    background: url('https://api.iconify.design/fa/spinner.svg?color=steelblue&rotate=90deg') no-repeat center center / contain;
}

.inner-div {
    background-color: transparent;
    border-radius: 15px;
    margin: auto;
    padding: 2%;
    width: 150px;
}

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

    100% {
        -webkit-transform: rotate(360deg);
    }
}

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

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

.list-view-table {
    display: none;
}



.form-control:valid:focus {
    border: 1px solid #007ACC;
    box-shadow: none !important;
}

.white {
    color: #fff !important;
}

.input-validation-error {
    border: 1px solid #d33c3c !important;
    background-image: none !important;
}

.error_box {
    border-left: 2px solid #e8685b;
    border-right: 1px solid #ff9da3;
    border-top: 1px solid #ff9da3;
    border-bottom: 1px solid #ff9da3;
    background-color: #ffdddf;
    color: #9e0000;
    display: flex;
    align-items: flex-start;
    position: fixed;
    min-height: 45px;
    top: 8%;
    left: 50%;
    transform: translate(-50%, -17%);
    padding: 8px 10px;
    font-size: 14px;
    border-radius: 5px;
    z-index: 9999;
}

    .error_box .clsbtn {
        margin-left: 25px;
        cursor: pointer;
        margin-top: -2px;
    }

    .error_box button {
        border: none;
        background-color: transparent;
        color: #e8685b;
        padding: 0;
    }

    .error_box svg {
        margin-right: 10px;
    }

    .error_box .ic1 {
        margin-top: 3px;
    }

.form-control:valid {
    border: 1px solid #9E9E9E ;
    background-image: none !important
}

.form-select:valid {
    border: 1px solid #9E9E9E;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important
}

.form-control:valid:focus {
    border: 1px solid #007ACC !important;
    background-image: none !important
}

.form-select:valid:focus {
    border: 1px solid #007ACC !important;
}

.cropper-view-box {
    border-radius: 50% !important;
}

.overlay_prof {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    opacity: 0;
    transition: .5s ease;
    background-color: #292929;
}

.facility_image_prof {
    display: block;
    width: 160px;
    height: 160px;
    border-radius: 50%
}


.upload-profile:hover .overlay_prof {
    opacity: 0.7;
    cursor: pointer;
}

.image_prof {
    display: block;
    width: 180px;
    height: 180px;
    border-radius: 50%
}

.ml-8 {
    margin-left: 8rem !important
}
.ml-11-btn {
    margin-left: 11rem !important;
}

.insurance-data {
    height: auto !important;
}

.insurance-table {
    height: auto !important;
}

.kin-data {
    height: auto !important;
}

.kin-table {
    height: auto !important;
}

#mysearchTable tr:hover {
    background-color: #F7F8F9 !important;
    position: sticky;
    top: 0px;
    margin-top: 0px;
    z-index: 99;
}

#mysearchTable {
    height: auto !important;
    max-height: 313px !important;
}

.app-search .form-control, .app-search .form-control:valid:focus {
    border: .08rem solid #ffff !important
}

.data-vitalstab, .data-vitalmd, .data-vitalallergy {
    height: 12.5rem !important
}

.clrdark_grey {
    color: #7c8085
}

.ht-90 {
    height: 90px !important
}

.accordion-body {
    padding-bottom: 2px !important;
}

.app-search {
    width: 300px !important;
}

/* cd md order create */
.createmdorder-tbl {
    width: 100%;
    margin-top: 20px
}

    .createmdorder-tbl .btn-danger {
        margin-left: 20px;
        border: unset;
        background: transparent;
        color: red
    }

        .createmdorder-tbl .btn-danger svg {
            color: red;
        }

.wit60 {
    width: 60%;
}

.wit15 {
    width: 15%;
}

.createmdorder-tbl th {
    font-family: "tahoma", sans-serif;
    font-size: 13px;
    font-weight: 500;
}

.md-createtable tr td {
    padding-right: 12px;
}

    .md-createtable tr td .i-href {
        padding: 0px;
    }

.createmdorder-tbl select.form-control {
    -webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    -ms-appearance: menulist !important;
    -o-appearance: menulist !important;
    appearance: menulist !important;
}

.mdorderbtn {
    margin-left: 20px;
    border: unset;
    background: transparent;
}

#ValidationALLR ul li{
    /* list-style:none;*/
}
.in-error {
    border: 1px solid #d33c3c !important;
}
.fac-fil {
    height: calc(1.5em + 0.5rem + 2px);
    margin-top: -4px;
    margin-left: 10px;
}
.wt100 {
    width: 100%;
}
.choose-data .ch-radio {
    display: flex;
    width: 40%
}
.choose-data .sel-fac {
    width: 21%;
    display: flex
}
@media(max-width:600px)
{
    .choose-data .ch-radio {
        display: block;
        width: 40%
    }
}

.success_box {
    border-left: 2px solid #28a745; /* Bootstrap's primary success green */
    border-right: 1px solid #c3e6cb;
    border-top: 1px solid #c3e6cb;
    border-bottom: 1px solid #c3e6cb;
    background-color: #d4edda;
    color: #155724;
    display: flex;
    align-items: flex-start;
    position: fixed;
    min-height: 45px;
    top: 8%;
    left: 50%;
    transform: translate(-50%, -17%);
    padding: 8px 10px;
    font-size: 14px;
    border-radius: 5px;
    z-index: 9999;
}

    .success_box .clsbtn {
        margin-left: 25px;
        cursor: pointer;
        margin-top: -2px;
    }

    .success_box button {
        border: none;
        background-color: transparent;
        color: #e8685b;
        padding: 0;
    }

    .success_box svg {
        margin-right: 10px;
    }

    .success_box .ic1 {
        margin-top: 3px;
    }

.warning_box {
    border-left: 2px solid #aba50c;
    border-right: 1px solid #ebe54b;
    border-top: 1px solid #ebe54b;
    border-bottom: 1px solid #ebe54b;
    background-color: #f6f181;
    color: #181616;
    display: flex;
    align-items: flex-start;
    position: fixed;
    min-height: 45px;
    top: 8%;
    left: 50%;
    transform: translate(-50%, -17%);
    padding: 8px 10px;
    font-size: 14px;
    border-radius: 5px;
    z-index: 9999;
}

.warning_box .clsbtn {
    margin-left: 25px;
    cursor: pointer;
    margin-top: -2px;
}

.warning_box button {
    border: none;
    background-color: transparent;
    color: #e8685b;
    padding: 0;
}

.warning_box svg {
    margin-right: 10px;
}

.warning_box .ic1 {
    margin-top: 3px;
}

/* Report Issue Floating Button */
.report-issue-button {
    position: fixed;
    right: 20px;
    bottom: 55px;
    z-index: 9999;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 9px 15px;
    border: none;
    border-radius: 20px;
    background-color: #dc3545;
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
    transition: all 0.2s ease;
}

.report-issue-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 12px rgba(0, 0, 0, 0.30);
    color: #ffffff;
}

.report-issue-button:focus {
    outline: none;
}

.report-issue-button .fa {
    font-size: 14px;
}

.screenshot-preview-container {
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 10px;
    background: #f8f9fa;
    max-height: 350px;
    overflow: auto;
}

.screenshot-preview-container img {
    display: block;
    max-width: 100%;
    height: auto;
}