@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");

.arrowing {
    visibility: hidden;
    margin-left: 0px;
}

.modal_recent_commun_centered .modal-content {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.view_reportingg {
    color: #94dd70 !important;
    text-decoration: underline;
}


.bottom-patient-wrap {
    display: none;
}

.gender_medical_set_mobile {
    display: none;
}

.bottom_timeline_mobile-wrapper {
    display: none;
}

.custom_medical_mobile {
    display: none;
}




.adress_timeline_mobile {
    display: none;
}

.modal_in_appoint {
    display: none;
}

.visit_mobile {
    display: none;
}

.patient-profile-for_mobile-wrapper {
    flex-direction: row;
}

.mobile_Acnh_show {
    display: none;
}

.custom__mobile {
    display: none;
}

.message_modal_main_mobile .modal-content {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.wrapper-mr-mobile {
    display: none;
}

.buttons-wrapper-all-combine {
    display: none;
}

.cancel_medical_modal {
    display: none;
}

.ul_sign_up li a.active {
    color: white !important;
}

.mobile_gender_type {
    display: none;
}

.desktop_gender_type {
    display: block;
}

.general_settings_wrapper .settings .set_head {
    display: none;
}

.card-patient-wrapper {
    display: block;
}

.mob_patients_section {
    display: none;
}

@media (max-width: 768px) {
    .patient_respo_main_div {
        align-items: start !important;
        justify-content: center !important;
    }

    .signup-wrapper-contain.new_sign_up{
        height: auto !important;
    }

    .mob_patients_section {
        display: block;
        width: 100%;
        min-height: 100vh;
        height: max-content;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .select_doc_wrape_inp {
        height: 46px !important;
        font-weight: bold;
    }

    .selec_doc_appointment {
        font-weight: bold;
        color: black !important;
    }

    .heading_apooint_sepa {
        padding: 0 !important;
        background-color: #118be2;
        width: 100%;
        border-radius: 0px !important;
        margin-bottom: 18px;
    }


.new_info_fix_mobile {
    position: absolute;
    width: 96% !important;
    height: 100%;
    left: 0;
    z-index: 9;
}

    .mobile_gender_type {
        display: block;
    }

    .modal_in_appoint {
        display: block;
    }

    .newPatientModal {
        width: 100%;
    }

    .filter-by-div .checkboxes-container {
        flex-direction: row;
        flex-wrap: unset;
        max-width: 75vw;
        margin-bottom: 12px;
    }

    .appointment-table-section .filter-by-div {
        flex-direction: column;
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .appointment-table-section .table-heading {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .body-data .main-div {
        width: 100%;
    }

    table th.body-text,
    table td {
        display: table-cell !important;
    }

    .dataTables_wrapper {
        width: 100%;
        max-width: 350px;
    }

    .respo_green_main {
        width: 136px !important;
        height: 40px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
        border-radius: 12px;
        padding: 5px 12px;
        margin-left: 7px;
    }

    .medium-heading.smsSettings {
        color: #ffffff !important;
    }

    .filter_respo_text {
        color: #222;
        font-size: 18px;
    }

    .header.mob-header {
        width: 100%;
        position: fixed;
    }

    .btn_apooint {
        margin-left: -3px;
    }

    /* .body-data .main-div {
        width: 100%;
        position: fixed;
        height: 100%;
        overflow-y: scroll;
        top: 131px;
    } */

    .body-data .main-div::-webkit-scrollbar {
        display: none;
    }

    .billing_wrapper .sidebar-collapsed {
        position: fixed;
        left: 0;
    }

    .body-data .blue-overflow-div {
        color: var(--white-color);
        width: 100%;
        /* height: 135vh; */
        height: 100%;
        overflow-y: scroll;
    }

    .prescription_settings_wrapper .font_selectttt {
        width: 100% !important;
    }

    .body-data .blue-overflow-div::-webkit-scrollbar {
        display: none;
    }

    #report-page .blue-overflow-div {
        height: 210vh !important;
    }

    .billing_wrapper .vsmall-text {
        font-size: 18px;
        color: #222;
        font-weight: 500;
    }

    .billing_wrapper .row_clinic_billing {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 21px;
    }

    .billing_wrapper .row_clinic_billing label {
        margin-bottom: 0px !important;
        font-size: 13px !important;
        color: #222;
    }

    .billing_wrapper .row_clinic_billing span {
        font-size: 13px !important;
        color: #222;
        font-weight: 500;
    }

    .billing_wrapper .appointment-table-section::-webkit-scrollbar {
        display: none;
    }

    .billing_wrapper .appointment-table-section {
        height: unset;
        width: 100%;
    }

    .billing_wrapper .main-div {
        padding: 0px;
        margin-left: 0px;
    }

    .billing_wrapper .body-data {
        padding-left: 0px;
    }

    .billing_wrapper .dataTables_wrapper {
        max-width: unset;
        border-radius: 0px;
    }

    .billing_wrapper .filter-by-div .checkboxes-container {
        flex-wrap: unset;
        max-width: unset;
    }

    .billing_wrapper .dataTables_filter#patientTable_filter input {
        margin-left: 23px !important;
        width: 100% !important;
        min-width: 80vw !important;
    }

    .sms_settings_wrapper .body-data {
        padding-left: 0px;
    }

    .sms_settings_wrapper .main-div .inline-overflow-div {
        padding-top: 0px !important;
    }

    .sms_settings_wrapper .main-data {
        margin-top: 0px !important;
    }

    .sms_settings_wrapper .yellow-main-btn {
        width: 120px !important;
        height: 43px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .sms_settings_wrapper .main-div {
        margin-left: 0px;
    }

    .sms_settings_wrapper .sms_wrapper {
        height: 73vh;
        overflow-y: scroll;
    }

    .sms_settings_wrapper .sms_wrapper::-webkit-scrollbar {
        display: none;
    }

    .prescription_settings_wrapper .body-data {
        padding-left: 0px;
    }

    .prescription_settings_wrapper .body-data .main-div {
        margin-left: 0px;
    }

    .prescription_settings_wrapper .main-div .inner-div {
        padding: 0px;
    }

    .prescription_settings_wrapper .main-data .settings .inner-div {
        padding: 0px 7px 10px 7px;
    }

    .prescription_settings_wrapper .yellow-main-btn {
        margin-bottom: 0px !important;
        width: 120px !important;
        height: 43px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .prescription_settings_wrapper .small-heading {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 22px !important;
    }

    .prescription_settings_wrapper .settings-form .checkboxes-container {
        display: flex;
        justify-content: center !important;
        align-items: center;
    }

    .checkboxes-container.justify-content-start.PrintContainer.forTemplatePrescription .form-check {
        margin-top: 1rem;
    }

    .prescription_settings_wrapper input[type="file"] {
        display: block;
        background: #f8f8f8;
        display: flex;
        margin: auto;
        height: max-content;
        color: #222;
        margin-top: 23px;
    }

    .text_custom_presc_settings {
        margin-top: 12px !important;
        justify-content: flex-start;
        margin-left: 1rem;
    }

    .prescription_settings_wrapper .main-div .inline-overflow-div {
        padding-top: 0px !important;
    }

    .page_margins_presc {
        flex-wrap: unset !important;
        margin-top: 12px !important;
    }

    .custom_selected_doct {
        padding: 0px 22px !important;
        margin: auto;
    }

    .custom_selected_doct label {
        font-size: 12px;
        color: #222;
    }

    .custom_give {
        padding: 0 22px !important;
        color: #222;
        margin: auto;
    }

    .prescription_settings_wrapper .submit-buttons {
        margin-bottom: 0px !important;
    }

    .general_settings_wrapper .body-data {
        padding-left: 0px;
    }

    .general_settings_wrapper .main-div {
        margin-left: 0px;
        padding: 0px !important;
    }

    .general_settings_wrapper .blue-overflow-div {
        height: 100vh !important;
    }

    .general_settings_wrapper .top-tab {
        margin: 0px !important;
        padding: 0px !important;
        margin-top: 22px !important;
    }

    .general_settings_wrapper .top-tab .changing-tabs .nav-tabs {
        width: 100%;
        display: flex;
        overflow-x: auto;
        flex-wrap: unset !important;
        overflow-y: hidden;
    }

    .general_settings_wrapper .top-tab .changing-tabs .nav-tabs::-webkit-scrollbar {
        display: none;
    }

    .general_settings_wrapper .top-tab .changing-tabs {
        margin-left: 0px;
    }

    .general_settings_wrapper .top-tab .changing-tabs .nav-link {
        text-wrap: nowrap;
        white-space: nowrap !important;
    }

    .general_settings_wrapper .nav-tabs .nav-item.active {
        border-bottom: 3px solid var(--green-color);
    }

    .general_settings_wrapper .add-new-btn {
        width: 170px !important;
        height: 49px !important;
        border-radius: 9px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        text-wrap: nowrap;
        white-space: nowrap !important;
    }

    .general_settings_wrapper .main-div .clinic-info .tab-data {
        width: 100% !important;
        margin-bottom: 15px !important;
    }

    .general_settings_wrapper .main-div .clinic-info .inner-div {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .general_settings_wrapper .header {
        border-radius: 0px !important;
    }

    .general_settings_wrapper .inner_settings h2 {
        font-size: 18px;
        margin-bottom: 5px;
    }

    .doc-button-wrapper .doc-button {
        position: unset !important;
        bottom: 0px;
        right: 0px;
    }

    .doc-button-wrapper {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .card_appoint_sec {
        background-color: transparent !important;
        padding: 0px !important;
    }

    .appointment-data .checkboxes-container {
        flex-wrap: nowrap;
        gap: 0px !important;
    }

    .tab-pane .appointment-form .form-check-input[type="radio"] {
        margin-left: 0px !important;
    }

    .custom_appoint_wrapper .form-row {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .custom_appoint_wrapper .form-group {
        margin-bottom: 0px !important;
    }

    .mt_doc_form {
        margin-top: 12px !important;
    }

    .tab_custom_full {
        width: 100% !important;
        max-width: unset !important;
    }

    .img_plus_appoint label {
        font-size: 14px !important;
    }

    .slider.round {
        width: 39px;
        height: 21px;
    }

    .slider.round::before {
        height: 15px;
        width: 15px;
        bottom: 3px !important;
    }

    .settings_template_appoint {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
    }

    .settings_template_appoint::-webkit-scrollbar {
        display: none;
    }

    .settings_template_appoint .xsmall-text {
        font-size: 14px;
        color: #222;
    }

    .settings_template_appoint select {
        width: 310px !important;
        height: 46px !important;
        border: 0px !important;
    }

    .custom_switch input {
        top: 7px !important;
    }

    .tab-pane .form-check-input[type="radio"],
    .settings-form .form-check-input[type="radio"] {
        width: 30px !important;
        height: 30px !important;
    }

    .settings-form .col-lg-7 .checkboxes-container .form-check-input[type="radio"] {
        top: -11px !important;
        left: 48% !important;
    }

    .settings-form .col-lg-7 .checkboxes-container .form-check-input.radioRound[type="radio"] {
        top: -18px !important;
        left: 48% !important;
    }

    .tab-pane .vitals-data .col-lg-6:last-child .tab-data {
        height: 654px !important;
    }

    .tab-pane .examination-data .col-lg-6:last-child .tab-data {
        height: 81vh !important;
    }

    .tab-pane .procedure-data .col-lg-6:last-child .tab-data {
        height: 737px !important;
    }

    .sidebar-container.web {
        position: absolute;
        left: 0;
        height: 70px;
    }

    .general_settings_wrapper .main-div {
        position: fixed;
        top: 133px;
    }

    .general_settings_wrapper .custom_switching .slider.round {
        margin: auto;
    }

    .general_settings_wrapper .green-main-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        border-radius: 11px !important;
    }

    .custom_tab_data_addmedicine {}

    .general_settings_wrapper .role-settings-checkboxes {
        height: 100%;
        overflow-y: hidden;
        padding-bottom: 22px;
    }

    .general_settings_wrapper .submit-buttons {
        padding-right: 0;
        align-items: center;
        height: 24vh;
        width: 120px;
        margin: auto;
        justify-content: unset;
    }

    .general_settings_wrapper .submit-buttons button {
        width: 100%;
        max-width: 110px !important;
        height: 48px !important;
        display: flex !important;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .billing_wrapper .appointment-table-section .new-table2 .table-move {
        flex-direction: column !important;
    }

    .billing_wrapper .new-table {
        width: 100% !important;
        margin-bottom: 12px !important;
        background-color: var(--light-dropdown-background) !important;
    }

    .billing_wrapper .appointment-table-section .filter-by-div .vsmall-text {
        font-size: 18px !important;
        color: #222;
    }

    .billing_wrapper .appointment-table-section .filter-by-div {
        width: 100% !important;
        flex-direction: column;
        flex-direction: column !important;
        gap: 12px !important;
        margin-bottom: 18px;
    }

    .billing_wrapper .appointment-table-section .filter-by-div::-webkit-scrollbar {
        display: none;
    }

    .billing_wrapper .filter-by-div .checkboxes-container {
        width: 100% !important;
        max-width: unset !important;
        overflow-x: scroll;
        flex-wrap: nowrap;
        margin-bottom: 0px !important;
    }

    .billing_wrapper .filter-by-div .checkboxes-container::-webkit-scrollbar {
        display: none;
    }

    #report-page .blue-overflow-div {
        height: 100% !important;
    }

    .prescription_custom_single_page .body-data {
        padding-left: 0px !important;
    }

    .heading_presc {}

    .wrapper-head-presc {
        display: flex;
        align-items: center;
        margin-bottom: 12px;
        gap: 14px;
        flex-direction: column;
    }

    .prescription_custom_single_page .new-table2 {
        width: 100% !important;
        margin-top: 0px !important;
    }

    .prescription_custom_single_page .appointment-table-section .new-table2 .table-move {
        flex-direction: column !important;
    }

    .prescription_custom_single_page .appointment-table-section .new-table2 .table-move::-webkit-scrollbar {
        display: none;
    }

    .prescription_custom_single_page .new-table {
        width: 100% !important;
        margin-bottom: 12px !important;
        background-color: var(--light-dropdown-background) !important;
    }

    .prescription_custom_single_page .appointment-table-section .filter-by-div .vsmall-text {
        font-size: 18px !important;
        color: #222;
    }

    .prescription_custom_single_page .appointment-table-section .filter-by-div::-webkit-scrollbar {
        display: none;
    }

    .prescription_custom_single_page .filter-by-div .checkboxes-container {
        width: 100% !important;
        max-width: unset !important;
        overflow-x: scroll;
        flex-wrap: nowrap;
        margin-bottom: 0px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 13px;
        margin-bottom: 12px !important;
    }

    .prescription_custom_single_page .filter-by-div .checkboxes-container::-webkit-scrollbar {
        display: none;
    }

    .prescription_custom_single_page .appointment-table-section .filter-by-div {
        width: 100% !important;
        flex-direction: column;
        flex-direction: column !important;
        gap: 0px !important;
    }

    .prescription_custom_single_page .appointment-table-section .filter-by-div::-webkit-scrollbar {
        display: none;
    }

    .prescription_custom_single_page .main-div {
        margin-left: 0px !important;
    }

    .prescription_custom_single_page .new-table {
        display: flex;
        margin-top: 13px !important;
        width: 80% !important;
        margin: auto;
    }

    .custom_row_wrape {
        display: flex;
        flex-wrap: nowrap !important;
        overflow-x: scroll;
    }

    .custom_row_wrape::-webkit-scrollbar {
        display: none !important;
    }

    .patients_main_wrapper_page .appointment-table-section .new-table2 .table-move::-webkit-scrollbar {
        display: none;
    }

    .patients_main_wrapper_page .appointment-table-section .new-table2 .table-move {
        flex-direction: column !important;
    }

    .patients_main_wrapper_page .new-table2 {
        width: 100% !important;
        margin-top: 0px !important;
    }

    .patients_main_wrapper_page .new-table {
        width: 90% !important;
        margin: auto;
        margin-bottom: 12px !important;
        background-color: var(--light-dropdown-background) !important;
        margin-top: 13px;
    }

    .patients_main_wrapper_page .appointment-table-section .filter-by-div .vsmall-text {
        font-size: 18px !important;
        color: #222;
    }

    .patients_main_wrapper_page .appointment-table-section .filter-by-div {
        width: 100% !important;
        flex-direction: column;
        flex-direction: column !important;
        gap: 10px !important;
        padding-left: 12px;
    }

    .patients_main_wrapper_page .appointment-table-section .filter-by-div::-webkit-scrollbar {
        display: none;
    }

    .patients_main_wrapper_page .filter-by-div .checkboxes-container::-webkit-scrollbar {
        display: none;
    }

    .patients_main_wrapper_page .filter-by-div .checkboxes-container {
        width: 100% !important;
        max-width: unset !important;
        overflow-x: scroll;
        flex-wrap: nowrap;
        margin-bottom: 0px !important;
    }

    .medicine_fav_add_wrapper #fav-med-data.tab-pane .tab-data {
        min-height: calc(57vh - 172px);
    }

    .medicine_fav_add_wrapper .tab-pane .tab-data .form-button .green-main-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .general_settings_wrapper .new-doctor {
        width: 100% !important;
        height: 15vh;
        display: flex;
        position: relative;
        bottom: 0;
        left: 1px !important;
        justify-content: center !important;
        margin-bottom: 22px;
    }

    .general_settings_wrapper .modalAddDr .modal-dialog.modal-dialog-centered {
        width: 100% !important;
        max-width: unset !important;
    }

    .modal-dialog-centered-appoint-invoice {
        width: 100%;
        max-width: 100% !important;
        margin: 0;
        padding: 0;
        margin-top: 73px;
    }

    .general_settings_wrapper .custom_mobile_model_settings {
        display: flex !important;
        justify-content: center;
        align-items: center;
        padding-top: 155px !important;
        background-color: #00000075 !important;
    }

    .general_settings_wrapper .custom_mobile_model_settings .custom_modal_content_add {
        width: 100%;
        max-width: 360px !important;
    }

    .general_settings_wrapper .wizard>.steps>ul {
        border-bottom: 0px !important;
        display: flex !important;
        padding-top: 12px;
    }

    .general_settings_wrapper .wizard>.steps>ul li a {
        font-size: 18px !important;
    }

    .general_settings_wrapper .modal-title {
        font-size: 22px !important;
    }

    .general_settings_wrapper #add-med.tab-pane .tab-data {
        min-height: calc(57vh - 172px);
        height: max-content;
        padding-bottom: 12px !important;
        width: 94%;
        margin: auto !important;
        margin-bottom: 22px !important;
        margin-top: 18px !important;
    }

    .buttons-wrapper-all-combine {
        width: 100%;
        height: 200px;
        display: flex;
        background-color: lightblue;
    }

    .adress_timeline_mobile {
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 5px;
        text-align: start;
        justify-content: start;
        align-items: start;
        font-size: 13px;
        padding: 0px 22px;
        color: black;
    }


    span.genderr_card_patient {
        color: #000 !important;
    }

    .phone__number {
        display: none;
    }

    .patient-info .phone__number_padding {
        padding-left: 0px;
    }

    .wrape_profile_patient_buttons {
        padding: 12px 22px;
    }

    .btn_edit_profile_patient {
        border: none;
        outline: none;
        background-color: transparent;
        text-decoration: underline;
        color: black;
        cursor: pointer;
    }

    .general_settings_wrapper .search-div {
        overflow: hidden;
        margin-right: 12px;
    }

    div.appoint_wrapper_custom .inline.appointment_top_doctor_inline {
        display: none;
    }

    div.appoint_wrapper_custom section#appointments .table-heading .filter-by-div p.vsmall-text {
        display: none;
    }

    .general_settings_wrapper .main-div .clinic-info .doc-button {}

    .general_settings_wrapper .medication-data {
        min-height: 100vh !important;
        height: max-content;
        padding-bottom: 12px;
    }

    .appoint_modal {
        width: 100%;
        max-width: 360px;
        margin: auto;
        margin-top: 131px;
    }

    .btn_cancel {
        width: 87px;
        height: 40px;
    }

    .btn_submit_appoint {
        width: 87px !important;
        height: 40px !important;
    }

    .patients_appoint_single_wrapper .body-text {
        justify-content: unset !important;
        align-items: unset !important;
    }

    .patients_appoint_single_wrapper .buttons {
        justify-content: unset !important;
        align-items: unset !important;
    }

    .custom_patient_visits_wrapper .body-data {
        padding-left: 0px !important;
    }

    .custom_patient_visits_wrapper .main-div {
        margin-left: 0px !important;
        padding: 130px 0px !important;
    }

    .custom_patient_visits_wrapper .main-div .header-tabs-div {
        background: transparent !important;
        border-bottom-right-radius: 0px !important;
        color: #222;
    }

    .custom_patient_visits_wrapper .main-div .tabs-data {
        color: #222 !important;
        padding-left: 14px;
    }

    .custom_patient_visits_wrapper .main-div .tabs-data a {
        color: #222 !important;
    }

    .custom_patient_visits_wrapper .main-div .tabs-data a.active {
        color: #222 !important;
    }

    .custom_patient_visits_wrapper .main-div .user-details {
        width: 100%;
        display: flex;
        justify-content: start;
        align-items: start;
        padding-left: 32px;
    }

    .custom_patient_visits_wrapper .main-data .inner-div .body-text {
        font-size: 15px !important;
    }

    .custom_inline_wrapper {
        display: flex;
        flex-direction: column;
    }

    .custom_patient_visits_wrapper .custom_inline_wrapper .inline {
        width: 100% !important;
    }

    .custom_wrapper_top_fields {
        display: flex !important;
        justify-content: space-between;
        align-items: center !important;
        padding: 0px 10px !important;
    }

    .custom_dropdown_appointment {
        width: 100% !important;
    }

    .custom_added_new {
        width: 100% !important;
        padding: 0px !important;
        padding-left: 12px !important;
        padding-bottom: 12px !important;
    }

    .anchor_custom_wrapper {
        display: flex;
        gap: 12px;
        align-items: center;
    }

    .custom_patient_visits_wrapper .examination-form .form-group {
        padding: 0px !important;
    }

    .custom_nav_tabs_patient {
        display: flex;
        flex-direction: row !important;
        flex-wrap: nowrap;
        text-wrap: nowrap;
        padding-top: 12px;
        white-space: nowrap !important;
    }

    .custom_patient_visits_wrapper #medication-data .modal .tab-data .body-text {
        display: flex;
        justify-content: flex-start !important;
        align-items: center !important;
    }

    .center_select_make {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 35px;
    }

    .custom_select_circle {
        width: 200px !important;
        height: 200px !important;
        border-radius: 12px !important;
    }

    .custom_add_btn {
        width: 80px !important;
        height: 36px !important;
        padding: 7px 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .custom_submit_btns {
        display: flex;
        flex-direction: row !important;
        padding: 0px 12px !important;
    }

    .custom_submit_btns .green-main-btn {
        width: 80px !important;
        height: 40px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        text-wrap: nowrap;
        white-space: nowrap !important;
    }

    .custom_submit_btns .yellow-main-btn {
        width: auto !important;
        height: 40px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        text-wrap: nowrap;
        white-space: nowrap !important;
    }

    .custom_submit_btns .blue-main-btn {
        width: 100px !important;
        height: 40px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        text-wrap: nowrap;
        white-space: nowrap !important;
    }

    .custom_patient_visits_wrapper .blue-overflow-div {
        overflow-y: unset !important;
    }

    .custom_patient_visits_wrapper .green-main-btn {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .wrapper_formatting .format {
        min-height: unset;
        border-radius: 12px !important;
    }

    .sms-settings .form-check-input[type="radio"] {
        width: 27px !important;
        height: 27px !important;
    }

    .custom_en {
        padding-left: 12px !important;
    }

    .choose_sms {
        font-size: 14px !important;
        margin-bottom: 12px;
    }

    .sms_drop {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .select_sms {
        width: 80%;
        margin: auto;
    }

    .slider.round {
        margin: auto;
    }

    .prescription_custom_single_page .add-new-btn.main2 {
        display: none !important;
    }

    #grp-med-data.tab-pane .tab-data {
        min-height: calc(42vh - 172px);
    }

    .form .form-control.mixed_input {
        width: 17% !important;
    }

    .second-table .dataTables_wrapper .dataTables_filter#prescriptionTable_filter input {
        min-width: unset;
        width: 80vw !important;
        margin-left: 27px !important;
    }

    .drop_single_dosage {
        display: flex;
        justify-content: center !important;
        align-items: center !important;
    }

    .reporting_wrapper .body-data {
        padding-left: 0px !important;
    }

    .reporting_wrapper .main-div {
        padding-left: 0px !important;
        margin: 0px !important;
    }

    .top_wrapper_tab {
        margin-left: 0px !important;
    }

    .reporting_wrapper .top-tab .changing-tabs .nav-tabs {
        display: flex;
        flex-wrap: nowrap !important;
        align-items: center;
        overflow-x: scroll;
        text-wrap: wrap !important;
        white-space: nowrap !important;
    }

    .reporting_wrapper .top-tab .changing-tabs .nav-tabs li {
        text-wrap: nowrap !important;
        white-space: nowrap !important;
    }

    .reporting_wrapper .top-tab .changing-tabs .nav-tabs::-webkit-scrollbar {
        display: none;
    }

    .reporting_wrapper .main-div .top-tab {
        padding-top: 0px !important;
    }

    .reporting_wrapper .reports .nav-pills {
        margin: auto !important;
    }

    .reporting_wrapper .filtersOptions {
        /* width: 65% !important; */
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .update_doctor_modal {
        padding-top: 123px;
        background: #0000079c !important;
    }

    .update_doctor_modal div#newDoctorAdd .nav-tabs .nav-link {
        font-size: 16px !important;
    }

    .custom_user_gmail {
        width: 100% !important;
    }

    .patients_main_wrapper_page .second-table .dataTables_wrapper .dataTables_filter#patientTable_filter input {
        width: 80vw !important;
        margin-left: 20px !important;
    }

    .appoint_wrapper_custom .dataTables_wrapper {
        padding-top: 12px !important;
    }

    .filter_by_text {
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        font-size: 16px !important;
        padding-left: 5px !important;
    }

    .switching {
        height: 100px;
        display: flex;
        justify-content: end;
        align-items: end;
    }

    .filltttt {
        margin-bottom: 12px !important;
    }

    .custom_new_added {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center;
    }

    .sms_text {
        font-size: 17px !important;
    }

    .btn-addedd {
        width: 94px !important;
        height: 35px !important;
        font-size: 14px !important;
    }

    .custmo_labell {
        font-size: 14px !important;
        color: #414254 !important;
        padding-left: 15px !important;
        font-weight: 500 !important;
    }

    .ul_custom {
        display: flex !important;
        justify-content: start !important;
        align-items: center !important;
        gap: 13px !important;
        padding-left: 12px !important;
    }

    .ul_custom li label {
        width: 101px !important;
        height: 42px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .text_header_extra {
        padding-left: 17px;
        width: 63%;
        font-size: 13px !important;
    }

    .heading_upload_btn:after {
        right: 6px !important;
    }

    .reports .dataTables_wrapper .dataTables_filter input {
        width: 80vw !important;
    }

    .filter-texxtt {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        font-size: 17px !important;
    }

    .filter_row_wrapper_white {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .double_fields_mobile {
        display: flex;
        gap: 10px;
        flex-wrap: wrap !important;
    }

    .form_btn_custom_consult {
        display: flex;
        justify-content: start !important;
        align-items: center !important;
        padding-top: 22px !important;
    }

    .add_btn_consult {
        width: 120px !important;
        height: 39px !important;
    }

    .mr-desk {
        display: none;
    }

    .bottom_timeline_mobile-wrapper {
        display: flex;
        flex-direction: column;
    }

    .patient-profile .profile-img {
        width: 100%;
        min-width: 62px !important;
        max-width: 63px !important;
        position: relative;
        top: 0px;
        left: 8px;
    }

    .sendsmsmodal {
        background-color: #0000079c;
        padding: 0;
        margin: 0;
    }

    .sendsmsmodal .modal-dialog {
        width: 100%;
        height: 100%;
        min-width: 100%;
        margin: 0;
        padding: 0;
        position: relative;
        overflow: hidden;
    }

    .sendsmsmodal .modal-content {
        width: 100%;
        min-width: 100%;
        min-height: 67%;
        border-radius: 30px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        position: absolute;
        bottom: 0px;
    }

    .profile-head {
        display: flex;
        flex-direction: column !important;
        justify-content: start !important;
        align-items: start !important;
        gap: 6px;
    }

    .main-div .patient-info {
        flex-direction: column;
        justify-content: center !important;
        align-items: start !important;
        gap: 0px;
    }

    .buttons_app {
        display: flex;
        justify-content: start !important;
        align-items: start !important;
        padding-left: 0px !important;
        margin-left: 0px !important;
        padding-right: 12px;
        text-wrap: nowrap !important;
        white-space: nowrap !important;
        gap: 10px !important;
    }

    .butn {
        display: none;
    }

    .custom-parient {
        position: relative;
    }

    .phone__number {
        padding-left: 6px !important;
        margin: 0px !important;
    }

    .patient-profile-div .profile-div .nav-tabs {
        padding-left: 12px;
    }

    .custom_modal_single_patinet {
        background-color: #0000079c;
    }




    .total-amount-div h2.body-text.sub-total {
        justify-content: center !important;
    }

    .message_modal_main_mobile {
        background: #0000079c;
        padding: 0;
        margin: 0;
    }

    .message_modal_main_mobile .modal-dialog {
        margin: 0;
        padding: 0;
        width: 100%;
        min-width: 100%;
        position: relative;
        overflow: hidden;
        height: 100%;
        border-radius: 0px !important;
    }

    .message_modal_main_mobile .modal-content {
        display: flex !important;
        width: 100% !important;
        justify-content: center;
        align-items: center;
        height: 362px !important;
        position: absolute;
        border: 0;
        bottom: -39px;
        margin: 0;
        padding: 0;
        min-width: 100%;
        border-bottom-left-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }

    .send_message_patient {
        width: 100%;
        max-width: 366px !important;
        min-height: 520px !important;
        height: max-content !important;
    }

    .edit_patient-profile {
        display: none;
    }

    .input_mobile_medi {
        width: 32px;
        height: 32px;
    }

    .del_modal {
        z-index: 9999999999 !important;
    }

    .close_icon_sms_wrapper {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' viewBox='0 0 8 7' fill='none'%3E%3Cline y1='-0.51282' x2='7.91901' y2='-0.51282' transform='matrix(0.774542 0.632523 -0.818049 0.575148 0.638672 1.38184)' stroke='%23959494' stroke-width='1.02564'/%3E%3Cpath d='M6.79253 0.808629L1.48474 6.29062' stroke='%23959494' stroke-width='1.02564'/%3E%3C/svg%3E");
        width: 14.154px !important;
        height: 7.582px !important;
        margin-right: 0px;
        position: absolute;
        right: 30px;
        top: 18px;
        z-index: 9;
        background-size: contain;
    }

    .visit_mobile {
        display: block;
    }

    .visit_desktop {
        display: none;
    }

    .custom_profile_head {
        display: flex;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .close_icon_patient_wrapper {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='7' viewBox='0 0 8 7' fill='none'%3E%3Cline y1='-0.51282' x2='7.91901' y2='-0.51282' transform='matrix(0.774542 0.632523 -0.818049 0.575148 0.638672 1.38184)' stroke='%23959494' stroke-width='1.02564'/%3E%3Cpath d='M6.79253 0.808629L1.48474 6.29062' stroke='%23959494' stroke-width='1.02564'/%3E%3C/svg%3E");
        width: 9px !important;
        height:9px !important;
        margin-right: 0px;
        position: absolute;
        right: 30px;
        top: 38px;
    }

    .number_patient_messgage_input {
        width: 304px !important;
    }

    .modal#lightboxModal {
        top: 47px !important;
    }

    .filter_tt {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
    }

    div.appoint_wrapper_custom div#mainTable_wrapper div#mainTable_filter {
        /*display: none;*/
    }

    .wrapper_box_hk {
        height: 162px;
        padding: 17px 15px 25px 15px;
        border-radius: 0px;
        background: #fff;
        box-shadow: 0 0 20px 0 hsla(0, 0%, 51%, 0.15);
        margin: 12px;
        position: relative;
        display: block;
    }

    .patient_respo_main_div {
        padding: 17px 15px 25px 15px;
        border-radius: 15px;
        background: #fff;
        box-shadow: 0 0 20px 0 hsla(0, 0%, 51%, 0.15);
        margin: 12px;
        position: relative;
        /* z-index: 333333; */
        display: block;
    }

    .patient_respo_main_div {
        background-color: transparent;
        margin-top: 0;
        display: block !important;
        margin-bottom: 45px;
    }

    .wrapper_box_hk h3,
    .patient_respo_main_div h3 {
        margin: 0;
        padding: 0;
        font-size: 14pt;
        color: #118be2;
        font-weight: 600;
    }

    .wrapper_box_hk h4,
    .patient_respo_main_div h4 {
        color: #6da842;
        margin: 0;
        margin-left: 8px;
        font-size: 13pt;
    }

    .wrapper_box_hk .token_no span,
    .patient_respo_main_div .token_no span {
        font-size: 12pt;
        font-weight: 600;
    }

    .wrapper_box_hk .token_no {
        background-color: #feedc4;
        width: 100px;
        height: 35px;
        position: absolute;
        right: 0;
        border-radius: 0px 0px 1px 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 0;
    }

    .patient_respo_main_div .token_no {
        background-color: #feedc4;
        width: 100px;
        height: 35px;
        position: absolute;
        right: 0;
        border-radius: 0px 0px 1px 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 0;
    }

    .wrapper_box_hk .after_name_area span.gender_line,
    .patient_respo_main_div .after_name_area span.gender_line {
        font-size: 12pt;
    }

    .wrapper_box_hk .after_name_area span.pkr_amount,
    .patient_respo_main_div .after_name_area span.gender_line {
        color: #00000061;
        display: block;
    }

    .wrapper_box_hk button.btn.hk_add_invoice,
    .patient_respo_main_div button.btn.hk_add_invoice {
        border-radius: 100px;
        padding: 10px 15px;
        background-color: #feedc4;
        border: transparent;
        margin-right: 15px;
    }

    .wrapper_box_hk button.btn.hk_add_invoice span,
    .patient_respo_main_div button.btn.hk_add_invoice span {
        color: #6da842;
        font-weight: 700;
        font-size: 10pt;
        letter-spacing: 1px;
    }

    .wrapper_box_hk button.btn.hk_add_invoice.consult_now,
    .patient_respo_main_div button.btn.hk_add_invoice.consult_now {
        background-color: #dee5fe;
        margin-right: 0;
    }

    .wrapper_box_hk button.btn.hk_add_invoice.consult_now span,
    .patient_respo_main_div button.btn.hk_add_invoice.consult_now span {
        color: #118be2;
    }

    div.appoint_wrapper_custom div#mainTable_wrapper {
        display: none;
    }

    .appoint_wrapper_custom section#appointments {
        margin: 0;
    }

    .patients_main_wrapper_page .table-heading .filter-by-div p.vsmall-text.filter_respo_text {
        display: none;
    }

    .patients_main_wrapper_page div#patientTable_filter {
        display: none;
    }

    .patients_main_wrapper_page .filter-by-div {
        margin-bottom: 20px;
    }

    div.patients_main_wrapper_page button.btn.hk_add_invoice {
        width: 100%;
        margin-top: 15px;
    }

    div.patients_main_wrapper_page h4.gender_slots {
        margin: 0;
        color: #474254;
        padding: 2px 0px;
        font-size: 12pt;
    }

    div.patients_main_wrapper_page h4.date_slots {
        margin: 0;
        color: #474254;
        font-size: 12pt;
        color: #00000061;
    }

    div.patients_main_wrapper_page .wrapper_box_hk .buttons.hk_actions {
        position: relative;
        top: 3px;
        left: 40px;
    }

    div.patients_main_wrapper_page button.btn.btn-primary.hk_add_invoice.consult_now.health_recc {
        background-color: #e2eaf0;
    }

    div.patients_main_wrapper_page button.btn.btn-primary.hk_add_invoice.consult_now.health_recc span {
        color: #95a5b1;
    }

    div.patients_main_wrapper_page a.add-new-btn.green-main-btn.main2.respo_green_main.hk_add_pat {
        display: none;
    }

    div.patients_main_wrapper_page table#patientTable {
        /*display: none;*/
    }

    .blue-div3.patients_main_wrapper_page div#patientTable_wrapper div#patientTable_paginate {
        /*display: none;*/
    }

    .blue-div3.patients_main_wrapper_page .inline-overflow-div.patient_respo_main_div {
        padding: 0;
    }

    .blue-div3.patients_main_wrapper_page .inline-overflow-div.patient_respo_main_div h2.medium-heading {
        margin: 10px 0px;
    }

    .profile-data.show_profile {
        display: block !important;
    }

    .sidebar-expanded .inline .inline2 img {
        position: relative !important;
        top: 0px !important;
    }

    .custom_medical_desk {
        display: none;
    }

    .modal_medical_certi_patient {
        margin: 0;
        padding: 0 !important;
        z-index: 9999;
    }

    .gender_medical_set_desktop {
        display: none;
    }

    .gender_medical_set_mobile {
        display: block;
        font-size: 16px;
        color: #000000 !important;
    }

    .p.body-text.hospital_upadted {
        color: black;
        padding-top: 0px !important;
    }

    .form-row .more_updates {}

    .backing_arrow_svg {
        width: 24px;
        height: 24px;
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg height='512px' id='Layer_1' style='enable-background:new 0 0 512 512;' version='1.1' viewBox='0 0 512 512' width='512px' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpolygon points='352,128.4 319.7,96 160,256 160,256 160,256 319.7,416 352,383.6 224.7,256 '/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        cursor: pointer;
        margin-right: 5px;
    }

    .modal_separate_invoice {
        margin: 0;
        padding: 0 !important;
        z-index: 9999;
    }

    .modal_separate_invoice .modal-dialog {
        margin: 0;
        padding: 0;
        width: 100%;
        min-width: 100%;
        height: 100%;
        position: relative;
    }

    .modal_separate_invoice .modal-content {
        width: 100%;
        height: 100%;
        border-radius: 0px;
        margin: 0;
        padding: 0;
        position: absolute;
        bottom: 0;
        overflow-y: scroll;
    }

    .modal_separate_invoice .modal-body {
        margin: 0;
        padding: 0 !important;
    }

    .smsListing_send_message .modal-body {
        margin: 0;
        padding: 0 !important;
    }

    .modal_separate_health_record {
        margin: 0;
        padding: 0 !important;
        z-index: 9999;
    }

    .text_recent_comm_inner_date {
        color: #3f89db;
        font-family: Poppins;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .text_recent_comm_inner {
        color: #545554;
        font-family: Poppins;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .single-card-wraper-separate-invoice_recent_commun {
        width: 342px !important;
        min-height: 122px !important;
        border-radius: 8px !important;
        background: #f2f9ff;
        display: flex;
        flex-direction: column;
        gap: 12px;
        justify-content: center;
        align-items: start;
        padding-left: 22px;
    }

    .view-healthBtn {
        color: #73dd38;
        text-decoration: underline;
    }

    .upload-healthBtn {
        color: #6880e6;
        text-decoration: underline;
    }

    .modal_separate_health_record .modal-dialog {
        margin: 0;
        padding: 0;
        width: 100%;
        min-width: 100%;
        height: 100%;
        position: relative;
    }

    .mobile_Acnh_show {
        display: block;
    }

    .desktop_Acnh_show {
        display: none;
    }

    .files_separate_modal {
        margin: 0;
        padding: 0 !important;
        z-index: 9999;
    }

    .smsListing_send_message {
        margin: 0;
        padding: 0 !important;
        z-index: 9999;
    }

    .files_separate_modal .modal-dialog {
        margin: 0;
        padding: 0;
        width: 100%;
        min-width: 100%;
        height: 100%;
        position: relative;
    }

    .smsListing_send_message .modal-dialog {
        margin: 0;
        padding: 0;
        width: 100%;
        min-width: 100%;
        height: 100%;
        position: relative;
    }

    .wrapper__top_single__item_files {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .single-card-wraper-separate-invoice_files {}

    .single-holding-separate-item-files {
        padding: 12px 22px;
        border-bottom: 1px solid #d9d9d9 !important;
    }

    .files_separate_modal .modal-content {
        width: 100%;
        height: 100%;
        border-radius: 0px;
        margin: 0;
        padding: 0;
        position: absolute;
        bottom: 0;
        overflow-y: scroll;
    }

    .smsListing_send_message .modal-content {
        width: 100%;
        height: 100%;
        border-radius: 0px;
        margin: 0;
        padding: 0;
        position: absolute;
        bottom: 0;
        overflow-y: scroll;
    }

    .wrapper__top_single__item_files {
        display: flex;
        gap: 15px;
    }

    .invoice_separate_modal_title-wrapper_files {
        height: unset !important;
    }

    .invoice_separate_modal_wrape_top_files {
        border-bottom: 0px solid transparent !important;
    }

    .files_separate_modal .modal-body {
        margin: 0;
        padding: 0 !important;
    }

    .modal_separate_health_record .modal-content {
        width: 100%;
        height: 100%;
        border-radius: 0px;
        margin: 0;
        padding: 0;
        position: absolute;
        bottom: 0;
        overflow-y: scroll;
    }

    .modal_separate_health_record .modal-body {
        margin: 0;
        padding: 0 !important;
    }

    .invoice_separate_modal_title-wrapper {
        background: #188ce4;
        width: 100%;
        display: flex;
        flex-direction: column;
        border-bottom-right-radius: 25px;
        color: white;
        padding-bottom: 12px;
        height: max-content;
    }

    .arr {
        cursor: pointer;
        margin-right: 5px;
        margin-left: 7px;
        margin-bottom: 14px;
    }

    .all-cards-wraper-separate-invoice {
        width: 100%;
        min-height: 73%;
        display: flex;
        flex-direction: column;
        gap: 12px;
        align-items: center;
        padding-top: 16px;
        padding-bottom: 16px;
        overflow-y: scroll;
    }

    .shadow_cards {
        border-radius: 16px !important;
        background: #fff;
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) !important;
    }

    .single-card-wraper-separate-invoice {
        width: 95%;
        height: max-content;
        min-height: 150px;
        background-color: #fff;
        border-radius: 12px;
    }

    .wrapper__top_single__item {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #000000;
        border-bottom: 0.5px solid #cacaca;
        padding: 15px;
    }

    .wrape-btn-add {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: 22px;
    }

    .stepWithsubTitles_custom {
        display: none;
    }

    .invoice_data-update {
        color: #fcbc1c;
        font-size: 17px;
    }

    .wrapper__top_single__item_total {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #000000;
        border-bottom: 0.5px solid #cacaca;
        padding: 15px;
        font-weight: bold;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;

    }

    .wrapper__top_single__item_total span:nth-child(2){
        color:#118be2 !important;
    }

    .wrapper__bottom_single__item {}

    .single-holding-separate-item {}

    .green-btn-newinvoice-modal {
        cursor: pointer;
        width: 85%;
        margin: auto;
        height: 50px;
        right: 0;
        left: 0;
        border-radius: 25px;
        bottom: 27px;
        background: #73dd38;
        color: #fff;
        font-weight: bold;
    }

    .invoice_separate_modal_wrape_top {
        display: flex;
        gap: 5px;
        box-shadow: 0px;
        padding: 9px 6px;
        padding-bottom: 9px;
        border-bottom: 1px solid #cacaca;
        padding-top: 19px;
        margin-bottom: 12px;
    }

    .invoice_separate_modal_wrape_bottom {
        display: flex;
        justify-content: space-between;
        padding: 0px 12px;
    }

    .invoice_separate_modal_wrape_bottom_chil {
        display: flex;
        flex-direction: column;
    }

    .modal_medical_certi_patient .modal-dialog {
        width: 100%;
        min-width: 100%;
        margin: 0;
        padding: 0 !important;
    }

    .invoice_separate_modal_wrape_top {
        display: flex;
        gap: 5px;
    }

    .input_genders-medical {}

    .add_medical_title_medi {
        display: flex;
        justify-content: start;
        align-items: center;
        text-align: center;
        padding-left: 0px;
        padding-bottom: 14px;
    }

    .close_icon_medo {
        display: none;
    }

    .modal_medical_certi_patient .modal-content {
        width: 100%;
        border-radius: 0px;
        margin-top: 64px;
    }

    .custom_mobile_text_bl {
        color: #000000 !important;
    }

    .custom__mobile {
        display: block;
    }

    .custom__desktop {
        display: none;
    }

    .custom_medical_mobile {
        display: block;
        color: #000000 !important;
    }

    .patient-profile-div .profile-div {
        margin-top: 96px;
    }

    .profile-div.profile_divs {
        margin-top: 0px;
    }

    .modal_recent_commun {
        background: #0000079c;
    }

    .modal_recent_commun_centered {
        width: unset !important;
        max-width: unset !important;
    }

    .recent_comm_patient {
        width: 100% !important;
        max-width: 361px;
        height: 574px !important;
        border-radius: 33px !important;
        padding: 50px 14px !important;
    }

    .recent_heading {
        font-size: 22px !important;
    }

    .table_communication_patient {
        width: 331px !important;
        min-height: 348px !important;
        margin-top: 17px !important;
    }

    .table_communication_patient::-webkit-scrollbar {
        display: none;
    }

    .profileHead_cumm_patient {
        width: 328px !important;
        height: 58px !important;
    }

    .profileHead_cumm_patient span {
        font-size: 15px !important;
    }

    .modal_recent_commun_centered {
        width: 100% !important;
        max-width: 100% !important;
    }

    .hide_table_dashboard {
        display: none;
    }

    .patient-profile-div .profile-div .nav-tabs {
        display: flex;
        overflow-x: scroll !important;
        flex-wrap: nowrap !important;
        text-wrap: nowrap !important;
        white-space: nowrap !important;
    }

    .patient-profile-div .profile-div .nav-tabs li {
        text-wrap: nowrap !important;
        white-space: nowrap !important;
    }

    .patient-profile-div .profile-div .nav-tabs::-webkit-scrollbar {
        display: none !important;
    }

    .modal_w01 h2.heading-text button.close {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='22' viewBox='0 0 23 22' fill='none'%3E%3Cellipse cx='11.5' cy='11' rx='11.5' ry='11' fill='%23F9CBCF'/%3E%3Cpath d='M12.6731 11.1326L15.7348 14.1943L15.1943 14.7348L12.1326 11.6731L12 11.5405L11.8674 11.6731L8.80571 14.7348L8.26517 14.1943L11.3269 11.1326L11.4595 11L11.3269 10.8674L8.26517 7.80571L8.80571 7.26517L11.8674 10.3269L12 10.4595L12.1326 10.3269L15.1943 7.26517L15.7348 7.80571L12.6731 10.8674L12.5405 11L12.6731 11.1326Z' fill='%23B1032E' stroke='%23D11D1D' stroke-width='0.375'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: center !important;
        width: 28px !important;
        height: 28px !important;
        cursor: pointer;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        border-radius: 50%;
    }

    .dropdown.inline.dd {
        display: flex;
        justify-content: center !important;
        align-items: center !important;
    }

    .tab-pane.reports {
        margin-top: 33px !important;
    }

    .top_wrapper_tab .changing-tabs .nav-link.active {
        border-bottom: 5px solid var(--green-color) !important;
    }

    .top_wrapper_tab .changing-tabs .nav-link.active {
        color: white !important;
    }

    .make-it-column {
        display: flex;
        flex-direction: column !important;
        overflow: hidden;
    }

    .buttons_row_te {
        display: flex;
        flex-direction: row !important;
        text-wrap: nowrap !important;
        white-space: nowrap !important;
    }

    #ui-datepicker-div {
        z-index: 9999 !important;
    }

    .recent_comm_patient_content {
        max-width: 353px !important;
    }

    .recent_btn_close span {
        display: none !important;
    }

    .gap_gap {
        padding-top: 12px !important;
    }

    .new_new_apointsss .nav-tabs .nav-link.active {
        border-bottom: 2px solid #6da842 !important;
        margin-bottom: 15px !important;
    }

    /* .profile_divs {
        margin-top: 0px;
    } */

    .new_new_apointsss {
        display: none;
    }

    .moda_light_box {
        width: 100% !important;
        max-width: 361px !important;
        height: 60vh !important;
    }

    .modal_settt {
        margin-top: 86px !important;
    }

    .custom_modal_single_files .modal-body {
        padding: 18px 18px !important;
        overflow-x: scroll;
    }

    .custom_modal_single_files .modal-content.custom_modal_single_files_content {
        width: 100% !important;
        max-width: 361px !important;
        height: 422px !important;
    }

    .modal_w01 table.display.nowrap.dataTable.no-footer thead tr th {
        font-size: 14px !important;
    }

    .modal_w01 table.display.nowrap.dataTable.no-footer tr td {
        font-size: 15px !important;
    }

    .choose-med-div .nav-tabs .nav-link.active {
        color: black !important;
        border-bottom: 3px solid #6da842 !important;
    }

    .nav-item .adding-presc.active {
        color: #337ab7 !important;
        border-bottom: 3px solid #6da842 !important;
    }

    .summaryBtnActive.active {
        border-bottom: 0px !important;
        border-color: transparent !important;
        border-bottom: 0px solid transparent !important;
    }

    .summaryBtnActive {
        border-bottom: 0px !important;
        border-color: transparent !important;
        border-bottom: 0px solid transparent !important;
    }

    .signup-wrapper-contain .inner-div {
        margin-top: 10px !important;
    }

    .btn_next_sign-up {
        /* background: #84D95B !important; */
        padding: 0px 32px !important;
    }

    .get_started_wrapper .enter-num {
        color: #222 !important;
        font-size: 14px !important;
    }

    .phone_number_start_wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .prescription_custom_single_page .filter-by-div .filltttt {
        width: 82% !important;
    }

    div.hk_align_bar {
        padding-top: 20px;
        padding-bottom: 20px;
        width: 93%;
        margin: auto;
        border-radius: 15px;
    }

    .tabs_change_report li a.active {
        color: white !important;
    }

    .drop_repportss {
        width: 100% !important;
        max-width: 100% !important;
    }

    .drop_repportss select {
        width: 100% !important;
        max-width: 100% !important;
    }

    #newDateFull {
        width: 100% !important;
        max-width: 100% !important;
    }

    .form-control {
        appearance: none !important;
        width: 81% !important;
    }

    .ul_sign_up {
        flex-wrap: nowrap;
        justify-content: space-between !important;
    }

    .ul_sign_up li {
        width: auto;
        color: white !important;
    }

    .ul_sign_up li a {
        color: white !important;
    }

    .main_wrape_singup {
        position: relative;
        z-index: 1 !important;
        max-height: 650px;
        margin-top: 30px;
    }

    .custom_heading_sign {
        margin-bottom: 34px !important;
    }

    .sign_blue_div {
        position: fixed;
    }

    .signup-wrapper-contain {
        height: 160px !important;
    }

    .educ {
        width: 70%;
    }

    .hundred {
        width: 100% !important;
        min-width: 100%;
        max-width: 100%;
    }

    .gep {
        margin-bottom: 12px;
    }

    .back_arrow_sign {}

    .main-data .toast_trail_contain {
        width: 100%;
        min-height: 31px;
        height: max-content;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        position: relative;
        top: 0;
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        font-family: Inter;
    }

    .dang_days_left {
        color: #b1032e;
        font-family: Inter;
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .signup-wrapper-contain .hambing.active {
        border-bottom: 2px solid #84d95b !important;
    }

    .collaping {
        top: 96px !important;
    }

    .get_started_wrapper .mobile-btn-verif {
        width: 130px !important;
    }

    .phone_mobbb {
        width: 100% !important;
    }

    .small_modal {
        z-index: 999999;
    }

    .arrowing {
        margin-left: -17px;
        visibility: visible;
        cursor: pointer;
        margin-right: 9px;
    }

    div#education-data {
        /* max-height: 400px; */
        overflow-y: auto;
    }

    .gappinngg {
        gap: 12px;
    }

    .general_settings_wrapper .set_head {
        position: absolute;
        top: -69px;
        left: 13px;
    }

    .general_settings_wrapper .set_head h2 {
        color: white !important;
        font-size: 35px;
        line-height: 25px;
    }

    .select-clinic-class {
        font-size: 18px;
    }

    .country_flag {
        top: 44px !important;
    }

    .modal-content .new-doc-form .inner-div .add {
        margin-bottom: 11px !important;
    }

    .ineerringg {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .head_bar_searched_female {
        color: #222;
    }

    .patient_respo_custom {
        display: none;
    }

    .card-patient-wrapper {
        display: block;
    }

    .card_searched {
        width: 100%;
        height: 210px;
        border-radius: 15px;
        position: relative;
        background: #ffff;
        margin-bottom: 13px;
        box-shadow: 0px 1px 12px -5px rgba(10, 8, 8, 0.33);
        -webkit-box-shadow: 0px 1px 12px -5px rgba(10, 8, 8, 0.33);
        -moz-box-shadow: 0px 1px 12px -5px rgba(10, 8, 8, 0.33);
        padding-left: 14px;
    }

    .btnsWrapper_searched {
        width: 75%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .time_bar {
        background-color: pink;
        width: 120px;
        height: 50px;
        border-top-right-radius: 12px;
        border-bottom-left-radius: 12px;
        position: absolute;
        right: 0;
        top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #222;
        font-weight: bold;
        font-size: 16px;
    }

    .wrapper_bars {
        width: 100%;
        display: flex;
        align-items: center;
        padding-top: 52px;
        gap: 30px;
    }

    .left_bar {
        display: flex;
        flex-direction: column;
        align-items: start;
        margin-top: 0px;
        gap: 8px;
    }

    .right_bar {
        display: flex;
        flex-direction: column;
        align-items: start;
        margin-top: -12px;
        gap: 8px;
    }

    .head_bar_searched_fluu {
        color: #222;
    }

    #addAppointment .modal_mob_contanettt {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        border-radius: 0px !important;
        padding-top: 0px !important;
    }

    .modal_main_apooint-page {
        /* display: block; */
        position: fixed;
        top: 66px;
        padding-top: 0px !important;
    }

    #addAppointment .appClose {
        display: none;
    }

    .desktop_gender_type {
        display: none;
    }

    #addAppointment .head_moda_head {
        display: flex;
        align-items: center;
        padding: 22px;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 44px !important;
        color: white;
        font-size: 22px;
        border-radius: 0px !important;
    }

    .head_bar_searched_btn_inv {
        border-radius: 35px;
        border: none;
        outline: none;
        background-color: #dbf8cd;
        color: #97d977;
        padding: 12px;
        width: 120px;
        height: 44px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        margin-top: 12px;
    }

    .invoice-content {
        width: 100%;
        max-width: 100%;
        border-radius: 0px;
        padding: 0px;
        margin: 0;
        border-top-right-radius: 26px;
        border-top-left-radius: 26px;
    }

    .head_bar_searched_price {
        color: #d4d4d4;
    }

    .head_bar_searched_follow_up {
        color: #d4d4d4;
    }

    .head_bar_searched_title {
        color: #49a7ea;
    }

    .head_bar_searched_btn_consult {
        border-radius: 35px;
        border: none;
        outline: none;
        background-color: #a7d4f5;
        color: #49a7ea;
        padding: 12px;
        width: 120px;
        height: 44px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        margin-top: 12px;
    }

    /* new patients respoonsiveeeee _____________________________________________>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

    .card-patient-wrapper {
        width: 100%;
        height: max-content;
        border-radius: 12px;
        background-color: #fff;
        overflow: hidden;
        padding-top: 14px;
        padding-left: 22px;
        padding-right: 15px;
        overflow: hidden;
        padding-bottom: 18px;
        margin-bottom: 16px;
    }

    .top-patient-wrap {
        display: flex;
        justify-content: space-between;
        color: black;
    }

    .title_card_patient {
        color: #2c86cb;
        font-size: 18px;
        margin: 0;
        font-weight: bold;
    }

    .time_date__card_patient {
        color: #6c6d7a;
    }

    .left-patient-wrap {
        display: flex;
        gap: 8px;
    }

    .image-profile-patient {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        object-fit: cover;
    }

    .right-heading-patient-wrap {
        display: flex;
        flex-direction: column;
        gap: 4px;
        padding-top: 6px;
    }

    .top-right-patient-wrap {
        display: flex;
        gap: 10px;
        padding-top: 16px;
    }

    .side_icons {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        object-fit: cover;
    }

    .patient-profile-for_mobile-wrapper {
        flex-direction: column;
    }

    .bottom-patient-wrap {
        width: 100%;
        height: 50%;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        padding-top: 12px;
    }

    .single-btn-patient-wrap {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .single-btn-patient-wrap button {
        width: 50%;
        height: 40px;
        border-radius: 22px;
        border: none;
        outline: none;
        cursor: pointer;
        font-weight: bold;
    }

    .invoice_patient_btn {
        background-color: #ecfcdc;
        color: #81cf5c;
    }

    .health_record_patient_btn {
        background-color: #fcdcec;
        color: #fc66a8;
    }

    .medical_modal_wrape {
        background-color: #74747c !important;
        padding: 0px !important;
    }

    button.green-main-btn.btn_message_green_patient {
        border-color: transparent !important;
    }

    .cancel_medical_modal {
        display: block;
        font-size: 14px;
        color: #222;
        cursor: pointer;
        padding-left: 32px;
        padding-top: 22px;
        text-align: left;
    }

    .mdical_modal_head {
        color: #222;
    }

    .close_medical-modal {
        display: none;
    }

    .medical_modal_wrape .modal-dialog {
        min-width: 100%;
        margin: 0;
        padding: 0;
    }

    .save_medical_history_btn {
        width: 100% !important;
        background: orange;
        height: 40px !important;
    }

    .medical_modal_wrape .modal-content {
        height: 90vh;
        margin-top: 84px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    .consult_patient_btn {
        background-color: #d4ecfc;
        color: #2f9ae6;
    }

    .prescr_patient_btn {
        background-color: #dce3fc;
        color: #6781e7;
    }

    /* new patuens resposnice --->>> */

    /* new patients respoonsiveeeee _____________________________________________>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

    .newPatientModal {
        padding: 0 !important;
    }

    .newPatientModal .modal-dialog {
        width: 100%;
        min-width: 100% !important;
        max-width: 100% !important;
        margin: 0;
        padding: 0;
        height: 100%;
    }

    .titleNewPatient {
        display: none;
    }

    .formPatientDetail_custom {
        padding-top: 16px !important;
    }

    .modal-content.modal_wrapper_patient {
        height: 100vh !important;
        border-radius: 0px !important;
        margin-top: 0px;
    }

    .btn_save_patient_save_next {
        width: 147px !important;
        height: 49px !important;
        flex-shrink: 0;
        border-radius: 24.5px !important;
        background: #118be2 !important;
        color: #fff !important;
        text-align: center;
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .radioGroupsGender {
        width: 100%;
    }

    .input_group_gender_mailing {
        width: 159.646px;
        height: 49px;
        flex-shrink: 0;
        border-radius: 24.5px;
        background: #eaf3fa;
        display: flex;
        justify-content: start;
        align-items: center;
        padding-left: 15px;
    }

    .newPatientModal .patientField {
        border: 0.25px solid #c9e1f2;
        width: 331px;
        height: 49px;
        border-radius: 24.5px;
    }

    .form_two_stepp_two {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .genderText {
        color: #959494;
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }

    .close-icon-patient {
        display: none;
    }

    /* new patients respoonsiveeeee _____________________________________________>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

    .mobile-billing .row_clinic_billing {
        background-color: #e4f4ff;
        padding: 14px 16px 17px 13px;
        display: block;
        margin: auto 12px;
        border-radius: 13px;
    }

    .mobile-billing .row_clinic_billing label {
        color: #0f8be1;
        font-size: 13px;
        font-weight: 500;
    }

    .mobile-billing .row_clinic_billing span {
        color: #313131;
        font-size: 13px;
        font-weight: 400;
    }

    .mobile-billing .wrapping_box .after_name_area {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .mobile-billing .wrapping_box .after_name_area .gender_line {
        font-size: 13px;
        font-weight: 400;
        color: #000000;
    }

    .mobile-billing .wrapping_box .after_name_area .gender_line {
        font-size: 13px;
        font-weight: 400;
        color: #313131;
    }

    .mobile-billing .wrapping_box .cash-paid {
        color: #118be2;
        font-size: 13px;
        font-weight: 400;
    }

    .mobile-billing .wrapping_box {
        border-radius: 13px;
        padding: 13px 13px 19px;
    }

    .mobile-billing .wrapping_box h3 {
        font-size: 13px;
        font-weight: 500;
    }

    .mobile-billing .wrapping_box .token_no span {
        color: #000000;
        font-size: 12px;
        font-weight: 400;
    }

    .mobile-billing .wrapping_box .token_no {
        height: 31.58px;
        border-radius: 0px 13px 0px 13px;
    }

    .mobile-billing .wrapping_box .fliped {
        position: absolute;
        top: 20px;
        right: 0;
    }

    .mobile-billing .wrapping_box .fliped i {
        color: #3f89db;
        font-size: 9px;
    }

    .mobile-billing .wrapping_box .name-accro {
        position: relative;
    }

    .mobile-billing .wrapping_box .name-accro .paneled {
        display: none;
    }

    .wrapper-mr-mobile {
        display: flex;
        gap: 22px;
    }

    .consult_btn_patient_profile {
        display: none !important;
    }

    .mobile-billing .wrapping_box .name-accro .paneled span {
        color: #000000;
        font-size: 13px;
        font-weight: 400;
    }
}

@media (max-width: 380px) {
    .filters_appointment {
        bottom: -38px;
    }

    .filters_appointment.show_filter:before {
        top: -3px;
    }
}

@media (min-width: 390px) and (max-width: 410px) {
    .filters_appointment.show_filter:before {
        top: -29px;
    }
}

@media (min-width: 410px) and (max-width: 430px) {
    .filters_appointment.show_filter:before {
        top: -33px;
    }
}

@media (min-width: 430px) and (max-width: 450px) {
    .filters_appointment.show_filter:before {
        top: -35px;
    }
}