.p-select{
    width: 100%;
}
.p-select.p-paginator-rpp-dropdown{
    width: auto !important;
}
.p-autocomplete{
    width: 100%;
}
.flex_num_style {
    display: flex; 
    flex-direction: column;
}
.p-select.p-invalid .p-select-label.p-placeholder {
    color: #5e5e5e !important;
}
.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input, .p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input-multiple {
    border-start-end-radius: 0 !important;
    border-end-end-radius: 0 !important;
}
@media (min-width: 992px) {
    .details_header_mob {
        display: none;
    }
    .p-datatable-table-container{
        overflow: inherit !important;
    }
    .stylegender .flex_gender{
            flex-wrap: wrap;
    }
}

@media (max-width: 991px) {
    :root {
        --menu-width: 100px !important;
    }

    .details_header_mob {
        width: 26px;
        height: 30px;
        background: #fff;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--background-save);
        cursor: pointer;
    }

    .settings-website {
        display: none !important;
        transition: all .4s ease-in-out;
    }

    .headerMob {
        position: absolute;
        display: flex !important;
        left: 0;
        width: 100%;
        top: 49px;
        background: var(--background-menu);
        gap: 12px;
        align-items: center;
        justify-content: space-between;
        transition: all .4s ease-in-out;
        z-index: 1;

    }
    .p-datatable-wrapper {
        overflow: auto !important;
    }
    
    .style_wedii_flex, .towdivinput,
     .style_backgtound_coll, .style_flex_content,
    .style_flex_lab_r_s, .custom_clinic_style,
     .s_new_complain, .third_tabs_2, .d-flex, .displayflex_st{
       flex-wrap: wrap;   
    }
    .block2width, .style_wedii_flex .col_style_22, .style_flex_111_box{
        flex: auto !important;
    }
    .Design_new_search .style_he_m, .style_he_m{
        display: none !important;
    }
    .cont_menu_doctor_style .style_content_doctor_desk{
      width: 100% !important;
      margin-inline-start: 0px !important;
    }
    .third_tabs_2{
        width: 100% !important;
    }
    .status_box_styles {
        width: 100%;
        overflow-x: auto;
    }
    .headerMob {
        display: block !important;
        padding: 15px !important;
    }
    .box_templates_rx{
        width: 100% !important;
    }
    .style_sel_lab_r_all.style_back_st_all{
       width: 100% !important;
    }
    .style_new_inquiry{
        width: 100%;
    }

.box_templates_rx .new_style_lab_ul, 
.box_templates_rx .style_cont_selected.style_selc_div {
    height: 20vh !important;
}
    .third_tabs_2 .one_tab_style_1{
      padding: 2px 10px !important;
    }
   .search-patient-input{
     padding: 9px 5px !important;
   }
    .headerMob>li {
        border-bottom: 1px solid #ffffff4a;
    }
    .row_lab_serv_stack.style_but_add_s{
        width: 100% !important;
    }
    .m_all_11{
        margin-bottom: 10px;
    }
    .p_o_0{
        margin-right: 0;
        margin-left: 0;
    }
    .select_tab_doctor{
        display: flex;
        align-items:center;
    }
    .cont_menu_doctor_style{
       display: block !important;
    }
    .box_doctor_menu_style {
        padding: 2px 10px !important;
        min-height: 32px !important;
        display: flex;
        margin-bottom: 12px;
        height: 77px;
    }
    .box_doctor_menu_style span.style_tab_box_11 {
        margin: 5px 8px !important;
        flex: 1;
        justify-content: center;
    }
    .test_p_style_1, .test_p_style_2{
        width: 98% !important;
        margin: 6px !important;
    }
    .box_tabs_com .style_flex_content span{
        min-width: 140px !important;
    }
    .style_lab_tabs_sss .select_span_style{
        min-width: 130px;
    }
    .style_new_w_tabs_2 {
        width: 100% !important;
    }
    .box_select_user {
        width: 270px !important;
    }
    .status_box_styles .box_real_time{
        min-width: 120px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {}

@media (max-width: 767px) {
   .stykrkrk.patient-banner{
    overflow-x: auto;
   }
   .patient-banner .banners-style {
    min-width: 200px !important;
}
.box_doctor_menu_style{
  overflow-x: auto;
}
.PatientVitals_boxs{
    overflow-x: auto;
}
.box_vitals_patient{
    min-width: 100px;
}
  
}

@media (max-width: 500px) {
    .showcont {
        width: 240px !important;
    }
    .third_tabs_2{
        flex-wrap: wrap !important;
    }
}