@media screen and (min-width:1023px) {
    .desk-signout{
        display: list-item;
    }
    .mob-signout-menu{
        display: none;
    }
    .dashboard-appointment-list table {
        table-layout: fixed;
    }

}

@media screen and (max-width:769px) {
    .topbar .top-navbar .navbar-header{
        flex-grow: 1;
        /* text-align:center; */
    }
    .topbar .top-navbar .navbar-header .navbar-brand{
        margin-right: 0;
        padding-bottom: 0;
        padding-top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .topbar .top-navbar .navbar-collapse{
        flex-basis: unset;
        flex-grow: unset;
    }
    .topbar .navbar-nav .profile-img{
        margin-top: 0px;
    }
    .navbar-expand-md .navbar-nav{
        align-items: center;
    }
    .new-dashboard .col-md-3 {
        width: 100%;
        flex: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .dashboard-appointment-list table {
        table-layout: fixed;
    }
    .fixed-layout .topbar {
        padding-left: 5px;
        padding-right: 5px ! IMPORTANT;
    }
    .topbar .top-navbar .navbar-header {
       padding-left: 5px;
    }

    .patient-search-form-menu .row div{
        padding-left: 0px;
        padding-right: 0px;
    }
    .customer-details-in-offcanvas .patient-profile-chart{
        margin-bottom: 10px;
    }
    #divPatChart .tab-content .tab-pane .row div{
        padding-left: 0px;
        padding-right: 0px;
    }
    .patient-profile-page-content .patient-alert-icon .alert-icon img {
        width: 16px;
    }

    .patient-profile-page-content .card.inner-pages-common-header .patient-alert-icon{
        display: inline;
    }
    .patient-profile-page-content .card.inner-pages-common-header .col-md-7{
        padding-left: 0px;
        padding-right: 0px;
    }
    .patient-profile-page-content .card.inner-pages-common-header .col.justify-content-end.text-end .btn.icon-btn.me-1{
        position: absolute;
        right: 0px;
        top: 13px;
    }
    .patient-profile-page-content .card.inner-pages-common-header .col.justify-content-end.text-end #memoPin {
        position: absolute;
        right: 10px;
        top: 13px;
    }
    .patient-profile-page-content .card.inner-pages-common-header .col.justify-content-end.text-end #memoStickyNote {
        position: absolute;
        right: 30px;
        top: 10px;
    }
    #divPatChart .tab-content .tab-pane .row .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    #nav-Pharmacy .Pharmacy-detail-block .row .col-md-6 {
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .Billing-details-tab .row .col-md-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    .Billing-details-tab .row{
        margin-top: 0px !important;
    }
    .patient-portal-details-tab .row .col-md-6 {
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .Associated-Professional-detail-block .row .col-md-2{
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .Associated-Professional-detail-block .row .col-md-4{
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }
    #patientSearchFilterForm{
        padding: 5px 10px;
    }
    #patientSearchFilterForm #aspfLastVisitDate{
        padding-left: 10px;
        padding-right: 10px;
    }
    #patientSearchFilterForm #aspfNextAppointmentDate{
        padding-left: 10px;
        padding-right: 10px;
    }
    .Profile-details-tab .accordion-body{
        padding-left: 0px;
        padding-right: 0px;
    }
    .Billing-details-tab .accordion-body{
        padding-left: 0px;
        padding-right: 0px;
    }
    .patient-portal-details-tab .accordion-body{
        padding-left: 0px;
        padding-right: 0px;
    }
    .Billing-details-tab #example_wrapper .col-sm-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .Case-details-tab .row .col-md-2{
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .Case-details-tab .row .col-md-10{
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
    #modal-store-ortho-contract-form .col-md-3{
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }
    #modal-store-ortho-contract-form .col-md-3 .form-label {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 145px;
    }
    .Exam-Form-detail-block .col-md-3, .Exam-Form-detail-block .col-md-9{
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .Exam-Form-detail-block .col-md-9 .btn-outline-primary1 {
        line-height: 21px;
        margin-top: 0px;
    }
    .profile-page-tab-content .tab-block #nav-tabContent{
        padding-left: 0px;
        padding-right: 0px;
    }
    #ortho_examination_form{
        margin-top: 20px;
    }
    .Record-detail-block .col-md-2, .Record-detail-block .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    .Record-detail-block .col-md-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    .Record-detail-block .inner-page-title-block{
        padding-left: 0px;
        padding-right: 0px;
    }
    .Record-detail-block .filter-sec {
        padding: 15px 0px;
    }
    #modal-store-ortho-trt-record-form .col-md-6.d-flex {
        width: 100%;
    }
    #modal-store-ortho-trt-record-form .col-md-6.d-flex .col-md-4, #modal-store-ortho-trt-record-form .col-md-6.d-flex .col-md-6, #modal-store-ortho-trt-record-form .col-md-6.row .col-md-6{
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }
    #modal-store-ortho-trt-record-form .col-md-12.d-flex {
        display: block !important;
        width: 100% !important;
    }
    #modal-store-ortho-trt-record-form .col-md-6.row{
        display: flex !important;
    }
    .Record-detail-block #collapseTrnTab{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divAccount #nav-tabContent{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #divAccount .theme-subtitle.text-purpal {
        margin-bottom: 10px !important;
    }
    #tblSearchPat tbody td{
        max-width: 100% !important;
    }
    .patient-search-form-menu #tblSearchPat tbody td[data-title="Chart No"] {
        max-width: 100% !important;
    }
    .patient-search-form-menu #tblSearchPat tbody td[data-title="Patient Name"] {
        max-width: 100% !important;
    }
    .patient-search-form-menu #tblSearchPat tbody td[data-title="Location"] {
        max-width:100% !important;
    }
    .patient-search-form-menu #tblSearchPat tbody td[data-title="Date of Birth"] {
        max-width: 100% !important;
    }
    .patient-search-form-menu #tblSearchPat tbody td[data-title="Contact"] {
        max-width: 100% !important;
    }
    .patient-search-form-menu #tblSearchPat tbody td[data-title="Email"] {
        max-width: 100% !important;
    }
    .patient-search-form-menu #tblSearchPat tbody td[data-title="Last Visit Date"] {
        max-width: 100% !important;
    }
    .patient-search-form-menu #tblSearchPat tbody td[data-title="Insurance"] {
        max-width: 100% !important;
    }
    .patient-search-form-menu #tblSearchPat tbody td[data-title="Balance"] {
        max-width: 100% !important;
    }
    .patient-search-form-menu #tblSearchPat tbody td[data-title="Action"] {
        max-width: 100% !important;
    }
    .common-sub-tab .nav-link {
        min-width: 70px !important;
        width: 80px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #nav-Benefits .Benefits-details-tab .col-md-6 {
        width: 50% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #nav-Benefits .Benefits-details-tab .card-body{
        padding-left: 0px;
        padding-right: 0px;
    }
    #nav-Benefits .Benefits-details-tab .card-body .d-flex {
        text-align: left;
    }
    #divPatAppt .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    #tbl-patients-appt-list_info tr td center span{
        text-align: center !important;
    }
    #modal-find-appt-form .col-md-5.p-l-5{
        padding-left: 0px !important;
    }
    #modal-find-appt-form .col-md-8.p-l-5{
        padding-left: 0px !important;
    }
    #modal-find-appt-form .col-md-4.p-l-5{
        padding-left: 0px !important;
    }
    #appointmentDetailsSection .col-md-6.row{
        padding-left: 0px;
        padding-right: 0px;
    }
    #patientContactSection .col-md-6.row{
        padding-left: 0px;
        padding-right: 0px;
    }
    #logSection .col-md-6.row{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divPatTreatmentPlan .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divPatMemo .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divPatMemo .col-sm-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divPatDoc .col-md-6 {
        width: 100% !important;
        flex: 100% !important;
        float: left;
        justify-content: start;
        display: flex;
        padding-left: 0px;
        padding-right: 0px;
    }
    .folder-view .col-md-3, .folder-view .col-md-9{
        padding-left: 0px !important;
        padding-right: 0px;
    }
    #accessRight .col-md-12, #accessRight .container-fluid{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divPrescription .col-md-6 {
        padding-left: 0px;
        padding-right: 0px;
    }
    #modal-add-prescription #btnAddPharmacy {
        margin-top: -10px !important;
    }
    #modal-add-prescription .col-md-8.text-end{
        text-align: left !important;
    }
    #modal-add-prescription .col-md-8.text-end .btn{
        margin-top: -11px !important;
        margin-bottom: 10px;
    }
    #SearchMedication .card.card-body.border-0{
        padding: 0px !important;
    }
    #prescriptionData #prescriptioninfo td{
        padding-left: 0px !important;
    }
    #prescriptionData #prescriptioninfo tr td{
        padding-left: 150px !important;
    }
    #prescriptionData #prescriptioninfo td .prescription-list-table tr td{
        width: 100% !important;
    }
    #nav-autopay .col-md-6{
        width: 50% !important;
        padding-left: 0px;
        padding-right: 0px;
    }
    #divAccount .nav-link {
        min-width: 95px;
    }
    #nav-autopay #auto_payment{
        margin-top: 0px !important;
    }
    #nav-autopay .row{
        align-items: center;
    }
    #nav-autopay .add-and-filter-sec .btn {
        margin-left: 2px;
        margin-bottom: 5px;
        float: right;
    }
    #tbl-pat-autopay-list_note{
        padding-left: 0px;
        padding-right: 0px;
    }
    #tbl-pat-receipt-list_note {
        padding-left: 0px;
        padding-right: 0px;
    }
    #nav-ledger .col-md-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    #nav-ledger .report-descripion{
        margin-bottom: 10px;
    }
    .report-filter-form .col-sm-4{
        padding-left: 0px;
        padding-right: 0px;
    }
    .report-filter-form .col-sm-4.mb-3{
        margin-bottom: 0px !important;
    }
    #DivTrn .trn_pat_data .col-md-3{
        padding-left: 0px;
        padding-right: 0px;
    }
    #DivTrn .trn_pat_data .col-md-9{
        padding-left: 0px;
        padding-right: 0px;
    }
    #DivTrn .without-header-listing .inner-page-title-block{
        padding-left: 0px;
        padding-right: 0px;
    }
    .trn_ins_info .col-md-6{
        text-align: left !important;
    }
    .open_acc_pat_data .col-md-3, .open_acc_pat_data .col-md-9{
        padding-left: 0px;
        padding-right: 0px;
    }
    .open_acc_pat_data .col-md-6{
        text-align: left !important;
    }
    .open_acc_pat_data .inner-page-title-block{
        padding-left: 0px;
        padding-right: 0px;
    }
    #DivOpenAcc .add-and-filter-sec .btn {
        width: 92px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .open_acc_pat_data .col-md-9.d-flex.tbl-pat-open_act-list_note .col-md-2{
        width: 30% !important;
        padding-left: 0px !important;
    }
    .open_acc_pat_data .col-md-9.d-flex.tbl-pat-open_act-list_note{
        display: ruby !important;
    }
    .open_acc_pat_data .col-md-9.d-flex.tbl-pat-open_act-list_note table{
        margin-bottom: 0px !important;
    }

    #divPatHist .tab-block .tab-content {
        padding: 10px 0px !important;
    }
    #divPatHist .allergy-details-tab .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 50% !important;
        flex:50% !important;
    }
    #tbody-tbl-pat-alg-list tr td{
        width: 100% !important;
    }
    #divPatHist .medication-detail-block .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 50% !important;
        flex:50% !important;
    }
    .blood-pressure-detail-block .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 50% !important;
        flex:50% !important;
    }
    .blood-pressure-detail-block .col-sm-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .medication-detail-block .row{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .medication-detail-block .col-md-6{
        width: 50% !important;
        flex:50% !important;
    }
    .medication-detail-block .card.border-0{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .insurance-benefits-cards.ins-benefits-cards.benifits-tab.pt-10 .card-body .col-md-12.mb-5px.d-flex{
        flex-direction: row !important;
    }
    .insurance-benefits-cards.ins-benefits-cards.benifits-tab.pt-10 .card-body .col-md-12.mb-5px.d-flex .col-md-2{
        width: 20% !important;
        flex: 20% !important;
    }
    .insurance-benefits-cards.ins-benefits-cards.benifits-tab.pt-10 .card-body .col-md-12.mb-5px.d-flex .col-md-5{
        width: 40% !important;
        flex: 40% !important;
    }
    #prescriptioninfo .prescription-list-table{
        padding: 0px !important;
    }
    .profile-page-tab-content .tab-block #nav-tabContent{
        padding: 0px !important;
    }
    #divPatOrtho .nav.nav-tabs.common-sub-tab.justify-content-between{
        margin-bottom: 10px;
    }
    #DivOpenAcc .open_acc_pat_data .col-md-12.mb-5px.d-flex{
        flex-direction: row !important;
    }
    #DivOpenAcc .open_acc_pat_data .col-md-12.mb-5px.d-flex .col-md-4{
        width: 33% !important;
        flex: 33% !important;
    }
    #divPatTreatmentPlan #POST_TREATMENT_TABLE tr td{
        padding-left: 150px !important;
    }
    #divPatTreatmentPlan #POST_TREATMENT_TABLE td{
        padding-left: 0px !important;
    }
    #divPatTreatmentPlan #POST_TREATMENT_TABLE .note-list-table{
        padding: 0px;
    }
    #tbl-pat-claim-list_note{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #tbl-pat-ptr-list_note{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .open_acc_ins_info .open_acc_pat_pri_ins .mb-1.mt-5px.benefit-boby.row .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
        width: 50% !important;
        flex:50% !important;
    }
    #DivTrn .trn_pat_data .col-md-12.mb-5px.d-flex{
        flex-direction: row !important;
    }
    #DivTrn .trn_pat_data .col-md-12.mb-5px.d-flex .col-md-4{
        width: 33% !important;
        flex: 33% !important;
    }
    .trn_ins_info .trn_pat_pri_ins .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
        width: 50% !important;
        flex:50% !important;
    }
    .cur-trt-option {
        margin-left: 0px !important;
        margin-bottom: 10px;
    }
    #div_cur_chart_dates {
        margin-bottom: 10px;
    }
    #divTrtPdfChart{
        text-align: left !important;
        margin-bottom: 10px !important;
    }
    .procedure-back-btn i {
        margin-right: 7px !important;
    }
    #btnGetPdfChartTrt i{
        margin-right: 7px !important;
    }
    #tbl_trt_chart #tooth img {
        height: 100px;
        width: 20px;
    }
    #tbl_trt_chart{
        table-layout: fixed;
    }
    #modal-add-traetment-chart-form #t_charting_notes{
        width: 95% !important;
        margin-left: 10px;
        height: 70px !important;
    }
    .chart-page.bg-lightgoldenrodyellow.div_tbl_trt_chart{
        margin-bottom: 10px;
    }
    #btnAddGrpLineOfItem, #btnRemoveGrpLineOfItem{
        margin-bottom: 10px;
    }
    .procedure-block.tret-chart{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .procedure-block.tret-chart form .d-flex.mt-10px{
        margin-top: 0px !important;
    }
    .procedure-block.tret-chart form .d-flex.mt-10px .col-md-3.ms-1{
        margin-top: 0px !important;
    }
    .procedure-block.tret-chart form .p-t-10 .row .col-md-3 {
        width: 30%;
        margin-bottom: 10px;
        margin-right: 0px;
        margin-top: 0px !important;
    }
    .procedure-block.tret-chart form .row .col-md-3 {
        width: 30%;
        margin-bottom: 10px;
        margin-right: 10px;
        margin-top: 0px !important;
    }
    #btnAddTrtPlan{
        margin-bottom: 5px;
    }
    #trt_tbl_plan #tbody_trt_tbl_plan select{
        font-size: 12px !important;
    }
    .procedure-back-btn {
        min-width: 30px;
    }
    .procedure-back-btn i{
        margin-right: 0px !important;
    }
    #div_perio_chart_dates #perio_chart_dates_chosen{
        margin-top: 10px !important;
    }
    #btnPdfPerioChart, #btnDeletePerioChart{
        margin-left: 0px !important;
        margin-bottom: 5px !important;
    }
    #nav-PeriodontalChart .col-md-2.p-t-5{
        margin-left: 0px !important;
        margin-bottom: 10px !important;
    }
    #div_pario_chart_dates.col-md-3.p-b-5{
        margin-left: 0px !important;
    }
    #modal-add-perio-chart-form{
        margin-top: 10px !important;
    }
    #modal-add-perio-chart-form .chart-page.bg-aliceblue {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    #modal-add-perio-chart-form .chart-page.bg-aliceblue table td input{
        height: 10px !important;
        width: 70% !important;
    }
    #store_update_referral_form{
        padding-left: 0px;
        padding-right: 0px;
    }
    #nav-RegistrationForm .theme-subtitle.text-purpal.m-b-10 button{
        width: 100% !important;
        margin-top: 10px !important;
    }
    #nav-MedClearance #btnPatMedClearance {
        margin-top: -7px;
    }
    #addEditLabOrderForm{
        padding-left: 0px;
        padding-right: 0px;
    }
    #store_med_clr_form{
        padding-left: 0px;
        padding-right: 0px;
    }
    #tbody_trt_tbl_plan1 select{
        font-size: 12px;
    }
    #trt_tbl_plan{
        margin-bottom: 0px !important;
    }
    #divPatHist .allergy-details-tab .col-md-6 .add-and-filter-sec{
        float: right !important;
    }
    #divPatHist .medication-detail-block .col-md-6 .add-and-filter-sec{
        float: right !important;
    }
    .blood-pressure-detail-block .col-md-6 .add-and-filter-sec{
        float: right !important;
    }
    #divPatHist .medication-detail-block .col-md-6 .add-and-filter-sec{
        float: right !important;
    }
    #divPatHist .medication-detail-block .accordion-body{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #tbody-tbl-pat-med-list tr td{
        width: 100% !important;
    }
    #pat_trn_notes_table tbody td[data-title="Record#"] {
        width: 100% !important;
    }
    #pat_trn_notes_table tbody td[data-title="Procedure"] {
        width: 100% !important;
    }
    #pat_trn_notes_table tbody td[data-title="Note Date"] {
        width: 100% !important;
    }
    #pat_trn_notes_table tbody td[data-title="User"] {
        width: 100% !important;
    }
    #pat_trn_notes_table tbody td[data-title="Tx Note"] {
        width: 100% !important;
    }
    .account-page-content .inner-page-title-block .col-md-6 {
        width: 100% !important;
        max-width: 100% !important;
        text-align: start !important;
    }
    #show_outStand_list .col-md-6.text-end.back-btn{
        text-align: start !important;
    }
    .account-page-content .inner-page-title-block{
        padding-left: 0px;
        padding-right: 0px;
    }
    .account-page-content  #DivAccountSummary .inner-page-title-block .theme-subtitle {
        margin-left: 0px !important;
    }
    .account-page-content  #DivAccountOutStanding .inner-page-title-block .theme-subtitle {
        margin-left: 0px !important;
    }
    .account-page-content  #DivAccountInsAcc .inner-page-title-block .theme-subtitle {
        margin-left: 0px !important;
    }
    .account-page-content #DivAccountInsAcc .inner-page-title-block .back-btn {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        text-align: left !important;
    }
    .account-page-content #DivAccountSummary .inner-page-title-block .back-btn {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        text-align: left !important;
    }
    .account-page-content #DivAccountOutStanding .inner-page-title-block .back-btn {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        text-align: left !important;
    }
    .account-page-content #DivAccountSummary #account_summary_list_table_wrapper #account_summary_list_table tfoot{
        display: none;
    }
    .account-page-content #DivAccountOutStanding #collapseOutstading{
        padding-left: 0px;
        padding-right: 0px;
    }
    .account-page-content #DivAccountOutStanding .filter-sec .col-md-3{
        padding-left: 0px;
        padding-right: 0px;
    }
    .account-page-content .account-page-content #DivAccountOutStanding #tbl_outStand_summary tfoot{
        display: none;
    }

    .account-page-content #DivAccountSummary #collapseSummaryTab{
        padding-left: 0px;
        padding-right: 0px;
    }
    .account-page-content #DivAccountSummary .filter-sec .col-md-3{
        padding-left: 0px;
        padding-right: 0px;
    }
    .account-page-content #DivAccountSummary .inner-page-title-block #money_posted_f{
        width: 100%;
        height: 30px;
        border-radius: 4px;
    }
    .account-page-content #DivAccountInsAcc #collapseExample{
        padding-left: 0px;
        padding-right: 0px;
    }
    .account-page-content #DivAccountInsAcc .filter-sec .col-md-3{
        padding-left: 0px;
        padding-right: 0px;
    }
    .account-page-content  #ins_acc_summary_list_table tfoot{
        display: none;
    }
    #div-autopay .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    #div-autopay .mt-10px.administration-pages{
        padding-left: 0px;
        padding-right: 0px;
    }
    #div-autopay #auto_payment{
        margin-top: 0px !important;
    }
    #div-autopay #collapseAutopayListTab{
        padding-left: 0px;
        padding-right: 0px;
    }
    #div-autopay #collapseAutopayListTab .col-md-3{
        padding-left: 0px;
        padding-right: 0px;
    }
    #show_autopay_details .row.without-header-listing, #show_autopay_details .row.without-header-listing .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    #show_autopay_details .row.without-header-listing .col-md-6 .theme-subtitle{
        margin-bottom: 10px !important;
    }
    #div-autopay-details #no-more-tables{
        padding-left: 0px !important;
    }
    #div-autopay-details #show_autopay_details .row.without-header-listing .row.mb-3, #div-autopay-details #show_autopay_details .row.without-header-listing .row.mb-3 .col-md-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    #nav-receipt .col-md-6 {
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
        flex: 100%;
        max-width: 100%;
        display: block !important;
        margin-left: 0px !important;
    }
    #nav-receipt .col-md-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    .account-page-content #DivTrn .col-md-6 {
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
        flex: 100%;
        max-width: 100%;
        display: block !important;
        margin-left: 0px !important;
    }
    .account-page-content .trn_pat_data .trn_ins_info .card-body .col-md-6{
        width: 50% !important;
        flex: 50% !important;
    }
    .account-page-content .trn_pat_data  .inner-page-title-block .col-md-6{
        width: 50% !important;
        flex: 50% !important;
    }
    .account-page-content #DivTrn .trn_pat_data  .inner-page-title-block .col-md-6 .theme-subtitle {
        margin-left: 0px !important;
    }
    .account-page-content #DivTrn #collapseTrnTab{
        padding-left: 0px;
        padding-right: 0px;
    }
    .account-page-content #DivOpenAcc .col-md-5 {
        width: 100% !important;
        flex: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        display: block !important;
    }
    .account-page-content #DivOpenAcc .col-md-5 .col-md-6{
        margin-left: 0px !important;
    }
    .account-page-content #DivOpenAcc .col-md-7 {
        padding-left: 0px;
        padding-right: 0px;
    }
    #open_acc_pat_chart_name{
        margin-bottom: 0px !important;
    }
    .account-page-content .open_acc_pat_data .open_acc_ins_info .col-md-6{
        width: 50% !important;
        max-width: 50% !important;
        padding-left: 0px;
        padding-right: 0px;
    }
    .account-page-content #DivOpenAcc .theme-subtitle.text-purpal.m-b-0{
        margin-left: 0px !important;
    }
    .account-page-content #nav-missPrePay .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 50% !important;
        flex: 50%;
    }
    .account-page-content #nav-missPrePay .col-md-6 .add-and-filter-sec{
        margin-top: 0px !important;
        float: right !important;
    }
    .account-page-content #nav-missPrePay #collapseExample, .account-page-content #nav-missPrePay #collapseExample .col-md-3{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .account-page-content #nav-missPrePay .row{
        align-items: center !important;
    }
    .main-schedular .width-details {
        width: 32% !important;
    }
    .fc .fc-button {
        padding: 5px !important;
        font-size: 10px !important;
    }
    .fc-direction-ltr .fc-daygrid-event .fc-event-time {
        font-size: 9px !important;
    }
    .fc-daygrid-dot-event .fc-event-title {
        font-size: 9px !important;
        /* font-weight: 500; */
    }
    .fc .fc-daygrid-day-number {
        font-size: 9px !important;
    }
    .fc-daygrid-event-dot {
        margin: 0 2px !important;
        border: 2px solid #3788d8 !important;
        border: calc(var(--fc-daygrid-event-dot-width, 4px) / 2) solid var(--fc-event-border-color, #3788d8) !important;
    }
    .fc .fc-col-header-cell-cushion {
        font-size: 12px !important;
    }
    .fc .fc-toolbar-title {
        font-size: 16px !important;
    }
    #chairTabModal .modal-dialog {
        width: 100% !important;
    }
    .modal .modal-dialog.ui-draggable {
        width: 100% !important;
        max-width: 100% !important;
    }
    .ride {
        width: 100% !important;
        font-size: 9px;
        display: block !important;
    }
    .ride img{
        width: 10px !important;
        height: 10px !important;
    }
    .grids-head .timeslot{
        line-height: 30px !important;
    }
    .ht-16min {
        height: 10px;
    }

    .claim-page-content #nav-pretreatment .col-md-6 {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .claim-page-content #nav-pretreatment .col-md-6 .title-with-button .btn-block {
        justify-content: start;
    }
    .claim-page-content #nav-pretreatment .inner-page-title-block{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .claim-page-content #nav-pretreatment .inner-page-title-block .back-btn {
        margin-top: 0px !important;
    }
    .claim-page-content #nav-pretreatment .inner-page-title-block .theme-subtitle {
        margin-left: 0px !important;
    }
    #add_pretre_model_form .col-md-4{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .claim-page-content #nav-RequeueClaim .col-md-12, .claim-page-content #nav-RequeueClaim .col-sm-4{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .claim-page-content #nav-RequeueClaim label{
        text-align: left !important;
    }
    .claim-page-content #nav-RequeueClaim label {
        text-align: left !important;
        margin-bottom: 5px !important;
    }
    .claim-page-content #nav-FindClaim .inner-page-title-block{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .claim-page-content #nav-FindClaim .col-md-6.mt-10px.d-flex.align-items-center{
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .claim-page-content #nav-FindClaim .col-md-6.mt-10px.d-flex.align-items-center .col-md-3,
    .claim-page-content #nav-FindClaim .col-md-6.mt-10px.d-flex.align-items-center .col-md-6{
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0px !important;
    }
    .claim-page-content #nav-pretreatment #ptr_filter_div, .claim-page-content #nav-pretreatment #ptr_filter_div .col-md-3{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .claim-page-content #add_pretre_model_form .col-md-4 .col-md-10{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .claim-page-content #add_pretre_model_form .search_button{
        margin-top: -5px !important;
        margin-bottom: 10px !important;
    }
    #nav-post-payment .col-md-6{
        width: 100% !important;
        max-width: 100% !important;
    }
    #nav-post-payment .col-md-6 .back-btn {
        margin-top: 0px;
    }
    #nav-post-payment #collapseExample, #nav-post-payment #collapseExample .col-md-3{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .day-sheet-listing .add-and-filter-sec {
        float: right;
     }
     .day-sheet-listing .col-md-6 {
         display: block !important;
         width: 100%;
     }
     .day-sheet-listing .col-md-6 .col-md-3 .fa.fa-info-circle{
         position: absolute;
         top: 0px;
         left: 120px;
     }
     .day-sheet-listing .col-md-6 .add-and-filter-sec.profession-list-back{
        margin-top: 0px !important;
     }
     #tblReportList .report-icon{
        padding: 0px !important;
     }
     .container-fluid.administration-pages.mt-3 .master-listing-pages .tab-style-5 {
        margin-top: 36px;
    }

    .report-filter-form .col-sm-2, .report-filter-form .col-sm-4, .report-filter-form .theme-subtitle.serarchcrt{
        width: 100%;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .analytics-page .add-and-filter-sec .btn, .analytics-page .add-and-filter-sec .back-btn {
        margin-bottom: 0px !important;
        float: right;
        margin-top: 0px !important;
        margin-left: 5px !important;
    }
    .analytics-page #divofficeSummary .col-md-3{
        width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    #btnOfficeSummarySearch, #btnOfficeSummaryReset{
        float: right;
        margin-left: 5px;
    }
    .responsivediv center span{
        font-size: 14px !important;
    }
    #divBenefitPrimary .benefitActionRow .col-md-9, #divBenefitPrimary .benefitActionRow .col-md-3{
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .col-md-12.mt-2.treatment-line-up-item{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .container-fluid{
        overflow-y: unset;
    }
    #divPatTreatmentPlan #collapseExample .col-md-12.filter-btn.text-end{
        width: 100% !important;
    }
    .tox.tox-tinymce.tox-platform-touch{
        margin-bottom: 10px !important;
    }
    #ModalViewAllTrnNotes #pat_trn_notes_table tbody td[data-title="Record#"] {
        width: 100% !important;
    }
    #ModalViewAllTrnNotes #pat_trn_notes_table tbody td[data-title="Procedure"] {
        width: 100% !important;
    }
    #ModalViewAllTrnNotes #pat_trn_notes_table tbody td[data-title="Note Date"] {
        width: 100% !important;
    }
    #ModalViewAllTrnNotes #pat_trn_notes_table tbody td[data-title="User"] {
        width: 100% !important;
    }
    #ModalViewAllTrnNotes #pat_trn_notes_table tbody td[data-title="Tx Note"] {
        width: 100% !important;
    }
    #modal-store-ortho-contract-form .row.col-md-6.mt-1{
        width: 100% !important;
    }
    #tbl-patients-appt-list tr td center span{
        text-align: center !important;
    }
    #tbl-daysheet-list tr td center span.w-60px {
        text-align: center !important;
    }
    .customer-details-in-offcanvas .patient-profile-chart .patient-alert-icon.alertIcons{
        margin-bottom: 10px !important;
    }
    .insurance-benefits-cards.claim-detail-block.mt-0.mb-3 .col-md-3 {
        width: 50% !important;
    }
    #poPayorther_adj_desc .col-md-2, #poPayorther_adj_desc .col-md-8{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .trn_pat_data #pat_trn_list_table tbody td[data-title="Action"] {
        width: 100% !important;
    }
    #DivOpenAcc .col-md-4.d-flex.align-items-center {
        display: block !important;
    }
    #DivOpenAcc .col-md-4.d-flex.align-items-center .col-md-7.m-l-15.pb-5{
        margin-left: 0px !important;
    }
    #account_off_insurance_list_table tbody tr td{
        padding-left: 150px !important;
    }
    #account_off_insurance_list_table tbody td{
        padding-left: 0px !important;
    }
    #account_off_insurance_list_table tbody td table tr td{
        padding-left: 150px !important;
        width: 100% !important;
    }
    .modal-body.insurance-benefits-cards .col-md-12 .note-sec.d-flex{
        margin-top: 10px !important;
    }
    .modal-body.insurance-benefits-cards .col-md-12 .note-sec.d-flex .col-md-1 {
        width: 100% !important;
    }
    .modal-body.insurance-benefits-cards .col-md-12 .note-sec.d-flex .col-md-10 {
        width: 100% !important;
    }
    #store-or-update-post-treatment #treatment_errorDiv .alert.col-md-6{
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #patient_receipt_list tbody td{
        padding-left: 0px !important;
    }
    #patient_receipt_list tbody tr td{
        padding-left: 150px !important;
    }
    #patient_receipt_list tbody td table tr td{
        padding-left: 150px !important;
        width: 100% !important;
    }
    #ModalPatClaimView .patient-profile-chart .col-md-4 {
        width:33% !important;
    }
    #madal_map_payment .modal-body.patient-search .col-md-3 {
        width: 50% !important;
    }
    .container-fluid.administration-pages.post-payment-list{
        margin-top: 35px !important;
    }
    .container-fluid.administration-pages.post-payment-list .card-body, .container-fluid.administration-pages.post-payment-list div{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .claim-post-pay-block .master-listing-pages{
        margin-top: 45px !important;
    }
    .claim-post-pay-block .master-listing-pages .inner-page-title-block .col-md-6 .add-and-filter-sec {
        float: right !important;
    }
    #madal_view_post_payment .col-md-3 {
        width: 50% !important;
        padding-left: 0px;
        padding-right: 0px;
    }
    #DivTrn .trn_pat_data .col-md-4.trn_pat_pri_ins{
        width: 100% !important;
    }
    #btn_search_open_acc_pat_data{
        position: absolute;
        top: 405px;
        left: 440px;
        font-size: 12px;
    }
    .responsivediv {
        display: none !important;
    }
    #tblCurrentChart #tooth img{
        width: 17px;
        height: 100px;
    }
    #divCurPdfChart #btnGetPdfChart {
        margin-left: 0px;
        margin-bottom: 10px;
    }
    #modal-add-current-chart-form #c_charting_notes{
        width: 95%;
        margin-left: 10px;
    }
    #modal-add-current-chart-form{
        margin-bottom: 20px;
    }
    #nav-DentalChart .chart-right-side-block .col-md-4 .procedure-block {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    #nav-DentalChart .chart-right-side-block .col-md-4 .procedure-block .col-md-8 select {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }
    #nav-DentalChart .chart-right-side-block .col-md-4 .procedure-block form .col-md-3 {
        width: 25% !important;
        padding-left: 2px !important;
        padding-right: 2px !important;
    }
    #divCurPdfChart .procedure-back-btn i {
        margin-right: 5px !important;
    }
    #store_med_clr_form .form-card .row .col-md-3, #store_med_clr_form .form-card .row .col-md-4,
    #store_med_clr_form .form-card .row .col-md-1.divBtnPatSearch{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .Case-details-tab .ortho_case #divBenefitPrimary{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .Case-details-tab .ortho_case .card.benefit-sec .card-body.benefit_card .col-md-3{
        padding-left: 0px !important;
        padding-right: 0px !important;
        height: auto !important;
    }
    .Case-details-tab .ortho_case .card.benefit-sec .card-body.benefit_card .col-md-4{
        width: 30% !important;
    }
    .Case-details-tab .ortho_case .card.benefit-sec .card-body.benefit_card .col-md-8{
        width: 70% !important;
    }
    .Case-details-tab .ortho_case .card.benefit-sec .card-body.benefit_card .col-md-3 .col-md-3{
        width: 30% !important;
    }
    .Case-details-tab .ortho_case .card.benefit-sec .card-body.benefit_card .col-md-9{
        width: 70% !important;
    }
    .Case-details-tab .ortho_case .card.benefit-sec .card-header {
        display: block !important;
    }
    .Case-details-tab .ortho_case .card.benefit-sec .card-title span {
        font-size: 10px;
        line-height: 15px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .Case-details-tab .ortho_case .card.benefit-sec .col-md-4 center{
        text-align: left !important;
    }
    .Case-details-tab .ortho_case .card.benefit-sec .col-md-4{
        text-align: left !important;
    }
    .Case-details-tab .ortho_case .card.benefit-sec .col-md-4 a{
        margin-top: 10px;
        padding-left: 0px !important;
        padding-right: 10px !important;
    }
    #nav-Images .Images-detail-block table tr td{
        display: block !important;
    }
    #nav-Images .Images-detail-block .col-md-2, #nav-Images .Images-detail-block .col-md-3{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .Images-detail-block .col-md-12 .col-md-8{
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px!important;
    }
    #nav-Images .Images-detail-block table tr td img{
        width: 100% !important;
        height: 100% !important;
    }
    #nav-Images .Images-detail-block table tr td .col-md-12 .col-md-3,
    #nav-Images .Images-detail-block table tr td .col-md-12 .col-md-9{
        width: 50% !important;
    }
    #modal-store-ortho-trt-record-form .col-md-12.d-flex .col-md-6.d-flex .col-md-4,
    #modal-store-ortho-trt-record-form .col-md-12.d-flex .col-md-6.d-flex .col-md-3{
        width: 100% !important;
    }

    #patientCheckoutForm .col-md-12.d-flex .col-md-5, #patientCheckoutForm .col-md-12.d-flex .col-md-7{
        width: 100% !important;
    }
    #patientCheckoutForm .col-md-12.d-flex{
        display: block !important;
    }
    #patientCheckoutForm .col-md-12.d-flex .col-md-7 .btn{
        float: left !important;
        margin-right: 5px !important;
    }
    .PrevAccountPaymentTable .card-title span{
        font-size: 12px !important;
    }
    .PrevAccountPaymentTable .card-header{
        padding: 5px 0px 0px 10px !important;
        border-radius: 0px !important;
    }
    .PrevAccountPaymentTable .card{
        border-radius: 0px !important;
    }
    .PrevAccountPaymentTable .card-body, .PrevAccountPaymentTable .card-body .col-md-12{
        padding: 0px !important;
    }
    .PrevAccountPaymentTable h4.card-title span{
        padding: 0px 10px !important;
        font-size: 12px !important;
    }
    .PrevAccountPaymentTable .card-body .col-md-12 table{
        margin-bottom: 0px !important;
    }
    #patientCheckoutForm .row .col-md-12.mt-2  .col-md-7, #patientCheckoutForm .row .col-md-12.mt-2 .col-md-4,
    #patientCheckoutForm .col-md-5, #patientCheckoutForm .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #patientCheckoutForm .row h5{
        font-size: 12px !important;
        margin-bottom: 10px !important;
    }
    #patientCheckoutForm .row h5 span{
        font-size: 12px !important;
        padding: 0px 10px !important;
    }
    #lengendTable tr td {
        width: 100% !important;
    }
    #patientCheckoutForm .row .col-md-12.d-flex.legendblock .col-md-2 {
        width: 49% !important;
    }
    #patientCheckoutForm .row .col-md-12.d-flex.legendblock{
        display: ruby !important;
    }

    .modal-90 {
        max-width: 96% !important;
    }
    #modalCheckoutAddEdit .modal-body{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #POST_TREATMENT_TABLE .btn.icon-btn{
        margin-right: 5px !important;
    }
    .modal-body.insurance-benefits-cards .note-sec.d-flex{
        display: block !important;
    }
    .modal-body.insurance-benefits-cards .note-sec.d-flex .col-md-10, .modal-body.insurance-benefits-cards .note-sec.d-flex .col-md-1{
        width:100% !important;
    }
    #modal-add-edit-patient-allergy-form  .form-check.form-switch{
        padding-left: 0px !important;
    }
    #ModalPostITrn .modal-body .col-5.text-end {
        text-align: left !important;
    }
    #ModalPostITrn .col-md-12.m-t-10{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #ModalPostITrn .col-md-12.m-t-10 .row .col-md-6{
       width: 50% !important;
       padding-right: 0px !important;
    }
    #modal-store-ortho-contract-form fieldset .row .row.mb-1{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #modal-store-ortho-contract-form fieldset .row .col-md-12.text-end.m-t-10 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #modal-view-ortho-contract-form .row .col-md-3{
        width: 50% !important;
    }
    #modal-view-ortho-contract-form  .row.mb-1{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #ModalOrthoInsCalCulation .modal-dialog{
        width: 95% !important;
    }
    #ModalOrthoInsCalCulation .col-md-5, #ModalOrthoInsCalCulation .col-md-7{
        width: 50% !important;
    }
    #ModalOfficeStickyNote .modal-dialog{
        max-width: 100% !important;
    }
    .console-schedular .col-md-12.appo-top-header-block .col-md-5 img{
        width: 20px !important;
        height: 20px !important;
    }
    .console-schedular .col-md-12.appo-top-header-block .col-md-5 .dayName{
        font-size: 12px !important;
        padding-top: 0px !important;
    }
    .container-fluid.administration-pages.claim-post-pay-block .insurance-benefits-cards.claim-detail-block.mt-0.mb-3 .col-md-3{
        width: 100% !important;
    }
    .insurance-benefits-cards.claim-page-content #Add_ptr_lineItem{
        float: left !important;
        margin-bottom: 10px !important;
    }
    .insurance-benefits-cards.claim-page-content #edit_ptr_data{
        float: left !important;
        margin-bottom: 10px !important;
    }
    .btn.btn-outline-primary1.back-btn.createMissPrepay{
        margin-top: 0px !important;
    }
    .mydivAppt .tooltipAppt {
        width: 180px !important;
        left: 50% !important;
        right: unset !important;
        transform: translateX(-50%) !important;
        padding: 5px 5px !important;
        white-space: nowrap;
    }
    .mydivAppt .tooltipAppt .col-md-12.d-flex{
        display: block !important;
        text-align: left;
    }
    .mydivAppt .tooltipAppt .col-md-12 .d-flex .col-md-1{
        display: none !important;
    }
    .mydivAppt .tooltipAppt .col-md-12 .d-flex .col-md-11 a label{
        padding-left: 0px !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 160px;
    }
    .mydivAppt .tooltipAppt hr {
        margin: 5px 0 !important;
    }
    .mydivAppt .tooltipAppt h6 {
        font-size: 12px;
        margin-bottom: 0px;
    }
    .topbar .top-navbar .navbar-nav .nav-item>.nav-link {
        padding-left: 5px !important;
        padding-right: 5px !important;

    }

    .modal-dialog.modal-90 {
        max-width: 100% !important;
    }
    #DivTrn #trn_pat_chart_name{
        font-size: 12px;
    }
    .mydiv .tooltip {
        width: 140px !important;
    }
    .mydiv .tooltip h6{
        font-size: 12px !important;
    }
    .mydivAppt .tooltipAppt .border-sec{
        display: none !important;
    }

    #modal-find-appt-form fieldset .col-md-4  .d-flex label {
        text-align: left !important;
        float: unset !important;
        margin-bottom: 0px !important;
        padding-left: 0px !important;
    }
    #modal-find-appt-form .form-label{
        text-align: left !important;
        float: left !important;
    }
    #modal-add-edit-patient-medication-form .form-check.form-switch{
        padding-left: 0px !important;
    }
    #btnAddMedicationEditScreen{
        margin-bottom: 10px !important;
    }
    .btn-primary1 {
        min-width: 60px !important;
    }
    #modal-edit-prescription button{
        margin-top: 0px !important;
        margin-bottom: 5px !important;
    }
    #ModalPatClaimView.offcanvas .customer-details-in-offcanvas .patient-profile-chart .col-md-4 {
        width: 40% !important;
    }
    #ModalPatClaimView.offcanvas .customer-details-in-offcanvas .patient-profile-chart .col-md-7{
        width: 40% !important;
    }
    #ModalPatClaimView.offcanvas .customer-details-in-offcanvas .patient-profile-chart .col-md-1{
        width: 10% !important;
    }
    #ModalInsCalCulation .modal-dialog{
        width:100% !important;
    }
    #ModalInsCalCulation .col-md-5{
        width: 60% !important;
    }
    #ModalInsCalCulation .col-md-7{
        width: 40% !important;
    }
    #modalCheckoutAddEdit .modal-90 {
        max-width: 100% !important;
    }

    .insurance-benefits-cards.claim-detail-page #add_docs_btn_div{
        width: 100% !important;
        justify-content: start !important;
    }
    #claim_querys_detail_table{
        margin-top: 10px !important;
    }
    #editDiagnosisCode fieldset .d-flex{
        display: block !important;
    }
    #editDiagnosisCode .modal-dialog.ui-draggable{
        width: 100% !important;
        max-width: 100% !important;
    }
    #edit_claim_diagnosis_code.w-120 {
        width: 75px !important;
    }
    #madal_edit_approvel_data .customer-details-in-offcanvas .patient-profile-chart .m-l-10.align-self-center{
        margin-left: 0px !important;
    }
    #edit_ptr_data{
        margin-bottom: 10px !important;
        margin-right: -10px!important;
    }
    #Add_ptr_lineItem{
        margin-bottom: 10px !important;
        margin-right: -10px!important;
    }
    #outStand_list_table tbody td{
        padding-left: 0px !important;
    }
    #outStand_list_table tr td{
        padding-left: 150px !important;
    }
    #outStand_list_table td table tr td{
        padding-left: 150px !important;
        width: 100% !important;
    }
    #outStand_list_table td table{
        padding: 0px !important;
        margin-bottom: 0px !important;
    }
    .modal.modal-static .modal-dialog {
        transform: unset !important;
    }
    #requeue-trn-ins-form label{
        text-align: left !important;
    }
    #requeue-trn-ins-form .col-sm-4.mb-3{
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-bottom: 0px !important;
    }
    #requeue-trn-ins-form{
        padding-left: 0px !important;
    }
    #requeue-trn-ins-form #requeTrnInsSubmit{
        float: right !important;
    }
    #nav-missPrePay #example_wrapper .col-sm-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #div_18_19_Mismatch #collapse18_19_posting_filter_Tab{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #div_18_19_Mismatch .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #div_18_19_Mismatch .col-md-12.filter-btn.text-end{
        text-align: end !important;
    }
    #div_18_19_Mismatch .filter-sec{
        padding: 15px 0px !important;
    }
    #tbl_outStand_summary tfoot {
        display: none !important;
    }
    #POST_TREATMENT_TABLE .note-table.note-list-table tr td{
        max-width: 100% !important;
        overflow: unset !important;
        white-space: normal !important;
        text-overflow: unset !important;
    }

}
@media only screen and (max-width:1280px) and (min-width:1025px) {
    .dashboard-appointment-list table {
        table-layout: fixed;
    }
    .new-dashboard .block-title .d-flex .card-title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 136px;
    }
}


@media only screen and (max-width:1024px) and (min-width:981px) {
    .desk-signout{
        display: list-item;
    }
    .mob-signout-menu{
        display: none;
    }
    .dashboard-appointment-list table {
        table-layout: fixed;
    }
    .new-dashboard .block-title .d-flex .card-title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 150px;
    }
    .steamline .single-block .info {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .appointment-summary-block .item-title {
        font-size: 13px !important;
    }
}


@media only screen and (max-width:980px) and (min-width:767px) {
    .login-form {
        width: 75%;
    }
    .add-and-filter-sec .btn {
        margin-left: 5px;
        margin-bottom: 5px;
        float: left;
    }
    .desk-signout{
        display: list-item;
    }
    .mob-signout-menu{
        display: none;
    }
    .todays-at-dienfirst-block.pa-dashboard .col-md-3{
        width: 100%;
    }
    .todays-at-dienfirst-block.pa-dashboard .col-md-6{
        width:100%;
    }
    .todays-at-dienfirst-block.pa-dashboard .col-md-6 .col-md-6 {
        width: 100%;
    }

    .todays-at-dienfirst-block.pa-dashboard .pl-5{
        padding-left: calc(var(--bs-gutter-x)* .5) !important;
    }
    .dashboard-appointment-list table {
        table-layout: fixed !important;
    }
    .front-desk-dashboard .todays-at-dienfirst-block.pa-dashboard .col-md-6 .col-md-6:first-child{
        padding-right: 0px !important;
    }
    .front-desk-dashboard .todays-at-dienfirst-block.pa-dashboard .col-md-6 .col-md-6:last-child{
        padding-right: 0px !important;
    }

    .dashboard-appointment-list table {
        table-layout: fixed;
    }
    .steamline .single-block .info {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .appointment-summary-block .item-title {
        font-size: 12px !important;
    }

    .doctor-dashboard-page .todays-at-dienfirst-block .col-md-3{
        width: 100%;
    }
    .doctor-dashboard-page .todays-at-dienfirst-block .col-md-6{
        width:100%;
    }
    .doctor-dashboard-page .todays-at-dienfirst-block .col-md-6 .col-md-6{
        width:50%;
    }

    .patient-dashboard-page .col-md-3{
        width: 100%;
    }
    .patient-dashboard-page .todays-at-dienfirst-block .col-md-6{
        width:100%;
    }
    .patient-dashboard-page .todays-at-dienfirst-block .col-md-6 .col-md-6{
        width:50%;
    }

    .account-dashboard .todays-at-dienfirst-block .col-md-9.col{
        width: 100% !important;
    }
    .account-dashboard .amout-collection-block .item-title .office-title {
        width: 100% !important;
    }
    .account-dashboard .col-md-9.col .col-md-8.pl-5 {
        width: 100% !important;
        padding-left: calc(var(--bs-gutter-x)* .5) !important;
        padding-right: calc(var(--bs-gutter-x)* .5) !important;
    }

    .account-dashboard .dataTables_wrapper .dataTables_paginate .paginate_button {
        padding: .5em .5em !important;
    }
    .transfer-money-count .total-amount-block {
        margin-top: 45px !important;
    }
    .account-dashboard .col-md-3.col{
        width: 50% !important;
    }
    .account-dashboard .performance-chart .chart-info .plain-card {
        width: 350px !important;
    }
    .account-dashboard .dataTables_wrapper .dataTables_paginate .ellipsis {
        padding: 0 .2em !important;
    }

    .loader, .loader__figure {
        left: 45% !important;
    }

    .patient-interface-profile-page .accordion-body .col-md-2,
    .patient-interface-profile-page .accordion-body .col-md-3,
    .patient-interface-profile-page .accordion-body .col-md-5{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    #sidebarnav .ms-4{
        margin-left: 5px !important;
    }

    .insurace-agening-block .single-block {
        font-size: 12px !important;
    }
    .top-header-latest-btn {
        padding-top: 0px;
    }
    .top-bar-patient-search .nav-link {
        padding-top: 0px !important;
    }

    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: flow-root;
    }

    .icon-btn i{
        font-size: 15px;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tr {
        border: 1px solid #ccc;
    }

    #no-more-tables td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left !important;
        padding-left: 150px !important;
        padding-top: 4px;
        padding-bottom: 4px;
        /* float: right; */
        min-height: 30px;
    }

    #no-more-tables td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 35%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: 500;
        color: #000;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #no-more-tables td::after {
        content: ":";
        position: absolute;
        left: 135px;
        color: #000;
        font-weight: 500;
        top: 8px;
    }

    #no-more-tables td {
        text-align: left !important;
    }

    #no-more-tables td center,
    #no-more-tables td .text-center,
    #no-more-tables td .center {
        text-align: left !important;
    }

    #no-more-tables .cspl-div.right {
        text-align: left !important;
    }

    /* Used for table footer alignment */
    .responsive-tbl-pagination {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
    }
    /*
 Label the data
 */
    #no-more-tables td:before {
        content: attr(data-title);
    }

    .add-and-filter-sec {
        text-align: left;
        /* justify-content: flex-end; */
        margin-top: 0px;
        float: left;
    }

    .form-check .form-check-input {
        float: left;
        margin-right: 5px;
    }

    .bottom-action-btn .btn {
        min-width: auto !important;
        margin-bottom: 7px;
    }

    .patient-interface-pre-view .col-md-2 {
        width: 21% !important;
    }
    .patient-interface-pre-view .col-md-4 {
        width: 20% !important;
    }
    .prescriptioneditinfo label{
        float: left !important;
    }

    .new-dashboard {
        padding-top: 0px !important;
    }
    .todays-at-dienfirst-block {
        margin-top: 0px !important;
    }
    #printableArea .col-md-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #modal-add-edit-pat-registration-form .benefit-boby .col-6{
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #modal-add-edit-pat-registration-form .benefit-boby .col-6 span.pull-right{
        float: left !important;
    }
    #modal-add-edit-pat-registration-form .col-md-12{
        padding-right: calc(var(--bs-gutter-x)* .5) !important;
        padding-left: calc(var(--bs-gutter-x)* .5) !important;
    }
    #modal-add-edit-pat-registration-form .accordion-body{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #modal-add-edit-pat-registration-form .card.benefitCard .card-body .col-md-12.mb-5px.d-flex{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #modal-add-edit-pat-registration-form .accordion-body .form-check .form-check-input {
        margin-right: 5px;
        width: 45px;
    }
    #modal-add-edit-pat-registration-form .accordion-body .col-md-4 .form-switch {
        padding-left: 20px !important;
    }
    #modal-add-edit-pat-registration-form .rbtnLabelWithSwitchBtn {
        border-bottom: none !important;
        margin: 2px 0px !important;
    }
    #modal-add-edit-pat-registration-form .card.benefitCard .card-body{
        padding: 10px 0px !important;
    }
    .patient-interface-pre-view .col-md-2,
    .patient-interface-pre-view .col-md-4{
        width: 50% !important;
    }

    .patient-interface-profile-page #nav-Profile .accordion-body{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .patient-interface-profile-page #divPatBenefits .card-body{
        padding: 10px 0px !important;
    }
    .patient-interface-profile-page #sendRequestForm fieldset {
        padding: 10px 0px;
    }
    #sendRequestForm .form-check-inline {
        display: block;
    }

    .patient-dashboard-page  .temp-block #selectedDateAppointmentDetails .left-side {
        text-overflow: ellipsis !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }
    .patient-dashboard-page .appointment_time_procedures{
        display: block !important;
    }
    .insurance-benefits-cards.ins-benefits-cards.benifits-tab.pt-10 #divBenefitSecondary,
    .insurance-benefits-cards.ins-benefits-cards.benifits-tab.pt-10 #divBenefitMedical{
        padding-left: 0px;
        padding-right: 0px;
    }

    .patient-interface-profile .inner-page-title-block .card-options a span {
        display: inline-flex !important;
        margin-left: 7px !important;
    }
    .patient-interface-profile .card-options a {
        width: 33% !important;
    }

    .loader, .loader__figure {
        left: 45% !important;
    }
    #divPatMemo .row.m-b-10.mt-10{
        margin-top: 0px !important;
    }
    #divPatMemo .row.m-b-10.mt-10 .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #tbl-patients-interface-appt-list td center span{
        text-align: center !important;
    }
    .patient-account-page .card-body .row.p-b-5 .col-md-6{
        width: 50% !important;
    }
    .patient-account-page .card-body .row.p-b-5 .col-md-6 .add-and-filter-sec{
        float: right !important;
    }
    #no-more-tables table tfoot{
         display: block;
    }
    .profile-headers .insurance-benefits-cards.my_profile_headers, .profile-headers .col-md-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .patient-interface-profile-page #profileTab nav{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .patient-interface-profile-page #profileTab .col-md-12.gx-2,
    .patient-interface-profile-page #profileTab .tab-content,
    .patient-interface-profile-page #profileTab .col-md-10.mb-2,
    .patient-interface-profile-page .col-md-2.mb-2{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .patient-interface-profile-page .col-md-12.d-flex.align-items-center.justify-content-between,
    .patient-interface-profile-page #example_wrapper .col-sm-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .patient-interface-profile-page .accordion-body .col-md-2,
    .patient-interface-profile-page .accordion-body .col-md-3,
    .patient-interface-profile-page .accordion-body .col-md-5{
        width: 50% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .patient-interface-profile-page .Profile-details-tab .d-flex.flex-column.align-items-center.justify-content-center{
        align-items: baseline !important;
    }
    .filepond--drop-label.filepond--drop-label label {
        font-size: 12px !important;
    }
    .patient-interface-profile-page #documentTab .col-md-12,
    .patient-interface-profile-page #documentTab .col-md-6,
    .patient-interface-profile-page #documentTab .col-md-3,
    .patient-interface-profile-page #documentTab .col-md-9
    {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #tbl-patients-interface-appt-list .text-end {
        text-align: left !important;
    }
    #divPatMemo .add-and-filter-sec {
        margin-top: 10px;
        float: right;
    }
    #sendRequestForm .col-md-3,
    #sendRequestForm .col-md-9, #madal_cc_payment .col-md-4{
        width: 50% !important;
    }

    #modal-add-edit-pat-registration-form .col-md-3 {
        /* width: 50%; */
    }
    .select.chosen-select {
        height: 31px;
        padding: 5px 10px;
        border: 1px solid var(--border-color);
        border-radius: 3px;
        margin-bottom: 7px;
        width: 100%;
    }
    #modal-add-edit-pat-registration-form #divBenefitPrimary.col-md-4, #modal-add-edit-pat-registration-form #divBenefitSecondary.col-md-4, #modal-add-edit-pat-registration-form #divBenefitMedical.col-md-4 {
        width: 50% !important;
    }
    #modal-add-edit-pat-registration-form #divBenefitPrimary .row, #modal-add-edit-pat-registration-form #divBenefitSecondary .row, #modal-add-edit-pat-registration-form #divBenefitMedical .row{
        margin-left: 15px;
        margin-right: 15px;
    }
    #modal-add-edit-pat-registration-form #divBenefitPrimary .row.mb-1.benefit-boby .col-md-12.mb-5px,
    #modal-add-edit-pat-registration-form #divBenefitSecondary .row.mb-1.benefit-boby .col-md-12.mb-5px,
    #modal-add-edit-pat-registration-form #divBenefitMedical .row.mb-1.benefit-boby .col-md-12.mb-5px{
       padding-left:0px !important;
    }
    #modal-add-edit-pat-registration-form #divBenefitPrimary .card-header.benefitCardHeader,
    #modal-add-edit-pat-registration-form #divBenefitSecondary .card-header.benefitCardHeader,
    #modal-add-edit-pat-registration-form #divBenefitMedical .card-header.benefitCardHeader{
        padding: 5px 0px !important;
    }
    #modal-add-edit-pat-registration-form #divBenefitPrimary .row.mb-1.benefit-boby,
    #modal-add-edit-pat-registration-form #divBenefitSecondary .row.mb-1.benefit-boby,
    #modal-add-edit-pat-registration-form #divBenefitMedical .row.mb-1.benefit-boby{
        margin-left: 0px;
        margin-right: 0px;
    }
    #modal-add-edit-pat-registration-form .accordion.questions-blk .accordion-body{
        padding: 10px 15px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    #modal-add-edit-pat-registration-form .accordion.questions-blk .accordion-body .col-md-4,
    #modal-add-edit-pat-registration-form .accordion.questions-blk .accordion-body .col-md-2{
       width: 50% !important;
    }
    #modal-add-edit-pat-registration-form .accordion.questions-blk .accordion-body .col-md-6,
    #modal-add-edit-pat-registration-form .accordion.questions-blk .accordion-body .col-md-12{
       width: 100% !important;
    }
    #modal-add-edit-pat-registration-form  .accordion.questions-blk .accordion-body .col-md-6 .form-switch {
        padding-left: 0px !important;

    }
    .row {
        margin-left: 0px;
        margin-right: 0px;
    }
    .patient-interface-profile-page #nav-Profile .col-md-10.mb-2{
        width: 100% !important;
    }
    .patient-interface-profile-page #nav-Profile .col-md-2.mb-2{
        width: 100% !important;
    }
    .patient-interface-profile-page #modal-add-edit-patient-form .col-md-3{
        width: 50%;
    }
    .patient-interface-profile-page #modal-add-edit-patient-family-cnt-form .col-md-3{
        width: 50%;
    }

    #nav-Benefits #divBenefitPrimary.col-md-4, #nav-Benefits #divBenefitSecondary.col-md-4, #nav-Benefits #divBenefitMedical.col-md-4 {
        width: 50% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #nav-Benefits #divBenefitPrimary .row, #nav-Benefits #divBenefitSecondary .row, #nav-Benefits #divBenefitMedical .row{
        margin-left: 15px;
        margin-right: 15px;
    }
    #nav-Benefits #divBenefitPrimary .row.mb-1.benefit-boby .col-md-12.mb-5px,
    #nav-Benefits #divBenefitSecondary .row.mb-1.benefit-boby .col-md-12.mb-5px,
    #nav-Benefits #divBenefitMedical .row.mb-1.benefit-boby .col-md-12.mb-5px{
       padding-left:0px !important;
    }
    #nav-Benefits #divBenefitPrimary .card-header.benefitCardHeader,
    #nav-Benefits #divBenefitSecondary .card-header.benefitCardHeader,
    #nav-Benefits #divBenefitMedical .card-header.benefitCardHeader{
        padding: 5px 0px !important;
    }
    #divPatBenefits .Benefits-details-tab  .col-md-6.d-flex.align-items-center{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #divBenefitPrimary .benefit-boby .col-md-12.mb-5px, #divBenefitSecondary .benefit-boby .col-md-12.mb-5px, #divBenefitMedical .benefit-boby .col-md-12.mb-5px {
        padding-left: 0px !important;
    }
    #divPatBenefits .col-md-6,  #divBenefitSecondary .col-md-6, #divBenefitMedical .col-md-6{
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #divBenefitPrimary .col-md-6 span.pull-right,
    #divBenefitSecondary .col-md-6 span.pull-right,
    #divBenefitMedical .col-md-6 span.pull-right{
        float: left !important;
    }
    .folder-view .col-md-3 {
        width: 100%;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .folder-view .col-md-9 {
        width: 100%;
        padding-left: 12px;
        margin-top: 12px;
    }
    .folder-view .add-and-filter-sec {
        float: right;
    }
    #modal-add-doc-form fieldset {
        padding: 10px 0px !important;
    }
    #divPatBenefits .tab-block .tab-content {
        padding: 10px 0px !important;
    }
    .card-div.patient-account-page, .card-div.patient-account-page .card-body{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .horizontal-nav .sidebar-nav #sidebarnav>li>a {
        font-size: 12px !important;
    }
    .fixed-layout .left-sidebar {
        top: 97px;
    }
    .new-dashboard {
        margin-top: 0px !important;
    }
    .topbar .navbar.top-navbar.navbar-expand-md.navbar-dark .navbar-nav.my-lg-0 .btn.btn-info.mt-2.text-white{
        position: absolute;
        right: 15px;
        top: 3px;
        font-size: 12px;
        border-radius: 4px;
    }

    #searchPatientForm .col-md-3, #searchPatientForm .col-md-2{
        width: 50% !important;
    }
    .patient-search-form-menu .col-sm-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .patient-search-form-menu div{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .patient-search-form-menu .add-and-filter-sec {
        float: right !important;
    }
    #modal-add-edit-patient-form .col-md-3{
        width: 33% !important;
    }
    #modal-add-edit-patient-form .col-md-6 {
        width: 66%;
    }
    #patientSearchFilterForm .col-md-3{
        width: 33% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    #aspfLastVisitDate i{
        margin-left: 10px !important;
    }
    #aspfNextAppointmentDate i{
        margin-left: 10px !important;
    }
    #patientSearchFilterForm .filter-btn{
        padding: 10px !important;
    }
    .fixed-layout .page-wrapper {
        padding-top: 105px !important;
    }
    .patient-profile-page-content .card.inner-pages-common-header .col.justify-content-end.text-end .btn.icon-btn.me-1 {
        position: absolute;
        right: 0px;
        top: 13px;
    }
    .patient-profile-page-content .card.inner-pages-common-header .col.justify-content-end.text-end #memoPin {
        position: absolute;
        right: 10px;
        top: 13px;
    }
    .patient-profile-page-content .card.inner-pages-common-header .col.justify-content-end.text-end #memoStickyNote {
        position: absolute;
        right: 30px;
        top: 10px;
    }

    .patient-profile-page-content .card.inner-pages-common-header .col-md-7{
        padding-left: 0px;
        padding-right: 0px;
    }
    .patient-profile-page-content .card.inner-pages-common-header .col.justify-content-end.text-end .btn.icon-btn.me-1{
        position: absolute;
        right: 0px;
        top: 13px;
    }
    .patient-profile-page-content .card.inner-pages-common-header .col.justify-content-end.text-end #memoPin {
        position: absolute;
        right: 10px;
        top: 13px;
    }
    .patient-profile-page-content .card.inner-pages-common-header .col.justify-content-end.text-end #memoStickyNote {
        position: absolute;
        right: 30px;
        top: 10px;
    }
    #divPatChart .tab-content .tab-pane .row .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    #nav-Pharmacy .Pharmacy-detail-block .row .col-md-6 {
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .Billing-details-tab .row .col-md-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    .Billing-details-tab .row{
        margin-top: 0px !important;
    }
    .patient-portal-details-tab .row .col-md-6 {
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .Associated-Professional-detail-block .row .col-md-2{
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .Associated-Professional-detail-block .row .col-md-4{
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }
    #patientSearchFilterForm{
        padding: 5px 10px;
    }
    #patientSearchFilterForm #aspfLastVisitDate{
        padding-left: 10px;
        padding-right: 10px;
    }
    #patientSearchFilterForm #aspfNextAppointmentDate{
        padding-left: 10px;
        padding-right: 10px;
    }
    .Profile-details-tab .accordion-body{
        padding-left: 0px;
        padding-right: 0px;
    }
    .Billing-details-tab .accordion-body{
        padding-left: 0px;
        padding-right: 0px;
    }
    .patient-portal-details-tab .accordion-body{
        padding-left: 0px;
        padding-right: 0px;
    }
    .Billing-details-tab #example_wrapper .col-sm-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .Case-details-tab .row .col-md-2{
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .Case-details-tab .row .col-md-10{
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }
    #modal-store-ortho-contract-form .col-md-3{
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }
    #modal-store-ortho-contract-form .col-md-3 .form-label {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 145px;
    }
    .Exam-Form-detail-block .col-md-3, .Exam-Form-detail-block .col-md-9{
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .Exam-Form-detail-block .col-md-9 .btn-outline-primary1 {
        line-height: 21px;
        margin-top: 0px;
    }
    .profile-page-tab-content .tab-block #nav-tabContent{
        padding-left: 0px;
        padding-right: 0px;
    }
    #ortho_examination_form{
        margin-top: 20px;
    }
    .Record-detail-block .col-md-2, .Record-detail-block .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    .Record-detail-block .col-md-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    .Record-detail-block .inner-page-title-block{
        padding-left: 0px;
        padding-right: 0px;
    }
    .Record-detail-block .filter-sec {
        padding: 15px 0px;
    }
    #modal-store-ortho-trt-record-form .col-md-6.d-flex {
        width: 100%;
    }
    #modal-store-ortho-trt-record-form .col-md-6.d-flex .col-md-4, #modal-store-ortho-trt-record-form .col-md-6.d-flex .col-md-6, #modal-store-ortho-trt-record-form .col-md-6.row .col-md-6{
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }
    #modal-store-ortho-trt-record-form .col-md-12.d-flex {
        display: block !important;
        width: 100% !important;
    }
    #modal-store-ortho-trt-record-form .col-md-6.row{
        display: flex !important;
    }
    .Record-detail-block #collapseTrnTab{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divAccount #nav-tabContent{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #divAccount .theme-subtitle.text-purpal {
        margin-bottom: 10px !important;
    }
    #tblSearchPat tbody td{
        max-width: 100% !important;
    }
    .patient-search-form-menu #tblSearchPat tbody td[data-title="Chart No"] {
        max-width: 100% !important;
    }
    .patient-search-form-menu #tblSearchPat tbody td[data-title="Patient Name"] {
        max-width: 100% !important;
    }
    .patient-search-form-menu #tblSearchPat tbody td[data-title="Location"] {
        max-width:100% !important;
    }
    .patient-search-form-menu #tblSearchPat tbody td[data-title="Date of Birth"] {
        max-width: 100% !important;
    }
    .patient-search-form-menu #tblSearchPat tbody td[data-title="Contact"] {
        max-width: 100% !important;
    }
    .patient-search-form-menu #tblSearchPat tbody td[data-title="Email"] {
        max-width: 100% !important;
    }
    .patient-search-form-menu #tblSearchPat tbody td[data-title="Last Visit Date"] {
        max-width: 100% !important;
    }
    .patient-search-form-menu #tblSearchPat tbody td[data-title="Insurance"] {
        max-width: 100% !important;
    }
    .patient-search-form-menu #tblSearchPat tbody td[data-title="Balance"] {
        max-width: 100% !important;
    }
    .patient-search-form-menu #tblSearchPat tbody td[data-title="Action"] {
        max-width: 100% !important;
    }
    .common-sub-tab .nav-link {
        min-width: 70px !important;
        width: 80px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #nav-Benefits .Benefits-details-tab .col-md-6 {
        width: 50% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #nav-Benefits .Benefits-details-tab .card-body{
        padding-left: 0px;
        padding-right: 0px;
    }
    #nav-Benefits .Benefits-details-tab .card-body .d-flex {
        text-align: left;
    }
    #divPatAppt .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    #tbl-patients-appt-list_info tr td center span{
        text-align: center !important;
    }
    #modal-find-appt-form .col-md-5.p-l-5{
        padding-left: 0px !important;
    }
    #modal-find-appt-form .col-md-8.p-l-5{
        padding-left: 0px !important;
    }
    #modal-find-appt-form .col-md-4.p-l-5{
        padding-left: 0px !important;
    }
    #appointmentDetailsSection .col-md-6.row{
        padding-left: 0px;
        padding-right: 0px;
    }
    #patientContactSection .col-md-6.row{
        padding-left: 0px;
        padding-right: 0px;
    }
    #logSection .col-md-6.row{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divPatTreatmentPlan .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divPatMemo .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divPatMemo .col-sm-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divPatDoc .col-md-6 {
        width: 100% !important;
        flex: 100% !important;
        float: left;
        justify-content: start;
        display: flex;
        padding-left: 0px;
        padding-right: 0px;
    }
    .folder-view .col-md-3, .folder-view .col-md-9{
        padding-left: 0px !important;
        padding-right: 0px;
    }
    #accessRight .col-md-12, #accessRight .container-fluid{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divPrescription .col-md-6 {
        padding-left: 0px;
        padding-right: 0px;
    }
    #modal-add-prescription #btnAddPharmacy {
        margin-top: -10px !important;
    }
    #modal-add-prescription .col-md-8.text-end{
        text-align: left !important;
    }
    #modal-add-prescription .col-md-8.text-end .btn{
        margin-top: -11px !important;
        margin-bottom: 10px;
    }
    #SearchMedication .card.card-body.border-0{
        padding: 0px !important;
    }
    #prescriptionData #prescriptioninfo td{
        padding-left: 0px !important;
    }
    #prescriptionData #prescriptioninfo tr td{
        padding-left: 150px !important;
    }
    #prescriptionData #prescriptioninfo td .prescription-list-table tr td{
        width: 100% !important;
    }
    #nav-autopay .col-md-6{
        width: 50% !important;
        padding-left: 0px;
        padding-right: 0px;
    }
    #divAccount .nav-link {
        min-width: 95px;
    }
    #nav-autopay #auto_payment{
        margin-top: 0px !important;
    }
    #nav-autopay .row{
        align-items: center;
    }
    #nav-autopay .add-and-filter-sec .btn {
        margin-left: 2px;
        margin-bottom: 5px;
        float: right;
    }
    #tbl-pat-autopay-list_note{
        padding-left: 0px;
        padding-right: 0px;
    }
    #tbl-pat-receipt-list_note {
        padding-left: 0px;
        padding-right: 0px;
    }
    #nav-ledger .col-md-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    #nav-ledger .report-descripion{
        margin-bottom: 10px;
    }
    .report-filter-form .col-sm-4{
        padding-left: 0px;
        padding-right: 0px;
    }
    .report-filter-form .col-sm-4.mb-3{
        margin-bottom: 0px !important;
    }
    #DivTrn .trn_pat_data .col-md-3{
        padding-left: 0px;
        padding-right: 0px;
    }
    #DivTrn .trn_pat_data .col-md-9{
        padding-left: 0px;
        padding-right: 0px;
    }
    #DivTrn .without-header-listing .inner-page-title-block{
        padding-left: 0px;
        padding-right: 0px;
    }
    .trn_ins_info .col-md-6{
        text-align: left !important;
    }
    .open_acc_pat_data .col-md-3, .open_acc_pat_data .col-md-9{
        padding-left: 0px;
        padding-right: 0px;
    }
    .open_acc_pat_data .col-md-6{
        text-align: left !important;
    }
    .open_acc_pat_data .inner-page-title-block{
        padding-left: 0px;
        padding-right: 0px;
    }
    #DivOpenAcc .add-and-filter-sec .btn {
        width: 92px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .open_acc_pat_data .col-md-9.d-flex.tbl-pat-open_act-list_note .col-md-2{
        width: 30% !important;
        padding-left: 0px !important;
    }
    .open_acc_pat_data .col-md-9.d-flex.tbl-pat-open_act-list_note{
        display: ruby !important;
    }
    .open_acc_pat_data .col-md-9.d-flex.tbl-pat-open_act-list_note table{
        margin-bottom: 0px !important;
    }
    #divPatHist .tab-block .tab-content {
        padding: 10px 0px !important;
    }
    #divPatHist .allergy-details-tab .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 50% !important;
        flex:50% !important;
    }
    #tbody-tbl-pat-alg-list tr td{
        width: 100% !important;
    }
    #divPatHist .medication-detail-block .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 50% !important;
        flex:50% !important;
    }
    .blood-pressure-detail-block .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 50% !important;
        flex:50% !important;
    }
    .blood-pressure-detail-block .col-sm-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .medication-detail-block .row{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .medication-detail-block .col-md-6{
        width: 50% !important;
        flex:50% !important;
    }
    .medication-detail-block .card.border-0{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .insurance-benefits-cards.ins-benefits-cards.benifits-tab.pt-10 .card-body .col-md-12.mb-5px.d-flex{
        flex-direction: row !important;
    }
    .insurance-benefits-cards.ins-benefits-cards.benifits-tab.pt-10 .card-body .col-md-12.mb-5px.d-flex .col-md-2{
        width: 20% !important;
        flex: 20% !important;
    }
    .insurance-benefits-cards.ins-benefits-cards.benifits-tab.pt-10 .card-body .col-md-12.mb-5px.d-flex .col-md-5{
        width: 40% !important;
        flex: 40% !important;
    }
    #prescriptioninfo .prescription-list-table{
        padding: 0px !important;
    }
    .profile-page-tab-content .tab-block #nav-tabContent{
        padding: 0px !important;
    }
    #divPatOrtho .nav.nav-tabs.common-sub-tab.justify-content-between{
        margin-bottom: 10px;
    }
    #DivOpenAcc .open_acc_pat_data .col-md-12.mb-5px.d-flex{
        flex-direction: row !important;
    }
    #DivOpenAcc .open_acc_pat_data .col-md-12.mb-5px.d-flex .col-md-4{
        width: 33% !important;
        flex: 33% !important;
    }
    #divPatTreatmentPlan #POST_TREATMENT_TABLE tr td{
        padding-left: 150px !important;
    }
    #divPatTreatmentPlan #POST_TREATMENT_TABLE td{
        padding-left: 0px !important;
    }
    #divPatTreatmentPlan #POST_TREATMENT_TABLE .note-list-table{
        padding: 0px;
    }
    #tbl-pat-claim-list_note{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #tbl-pat-ptr-list_note{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .open_acc_ins_info .open_acc_pat_pri_ins .mb-1.mt-5px.benefit-boby.row .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
        width: 50% !important;
        flex:50% !important;
    }
    #DivTrn .trn_pat_data .col-md-12.mb-5px.d-flex{
        flex-direction: row !important;
    }
    #DivTrn .trn_pat_data .col-md-12.mb-5px.d-flex .col-md-4{
        width: 33% !important;
        flex: 33% !important;
    }
    .trn_ins_info .trn_pat_pri_ins .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
        width: 50% !important;
        flex:50% !important;
    }
    .cur-trt-option {
        margin-left: 0px !important;
        margin-bottom: 10px;
    }
    #div_cur_chart_dates {
        margin-bottom: 10px;
    }
    #divTrtPdfChart{
        text-align: left !important;
        margin-bottom: 10px !important;
    }
    .procedure-back-btn i {
        margin-right: 7px !important;
    }
    #btnGetPdfChartTrt i{
        margin-right: 7px !important;
    }
    #tbl_trt_chart #tooth img {
        height: 100px;
        width: 20px;
    }
    #tbl_trt_chart{
        table-layout: fixed;
    }
    #modal-add-traetment-chart-form #t_charting_notes{
        width: 95% !important;
        margin-left: 10px;
        height: 70px !important;
    }
    .chart-page.bg-lightgoldenrodyellow.div_tbl_trt_chart{
        margin-bottom: 10px;
    }
    #btnAddGrpLineOfItem, #btnRemoveGrpLineOfItem{
        margin-bottom: 10px;
    }
    .procedure-block.tret-chart{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .procedure-block.tret-chart form .d-flex.mt-10px{
        margin-top: 0px !important;
    }
    .procedure-block.tret-chart form .d-flex.mt-10px .col-md-3.ms-1{
        margin-top: 0px !important;
    }
    .procedure-block.tret-chart form .p-t-10 .row .col-md-3 {
        width: 25%;
        margin-bottom: 10px;
        margin-right: 0px;
        margin-top: 0px !important;
    }
    .procedure-block.tret-chart form .row .col-md-3 {
        width: 30%;
        margin-bottom: 10px;
        margin-right: 10px;
        margin-top: 0px !important;
    }
    #btnAddTrtPlan{
        margin-bottom: 5px;
    }
    #trt_tbl_plan #tbody_trt_tbl_plan select{
        font-size: 12px !important;
    }
    .procedure-back-btn {
        min-width: 30px;
    }
    .procedure-back-btn i{
        margin-right: 0px !important;
    }
    #div_perio_chart_dates #perio_chart_dates_chosen{
        margin-top: 10px !important;
    }
    #btnPdfPerioChart, #btnDeletePerioChart{
        margin-left: 0px !important;
        margin-bottom: 5px !important;
    }
    #nav-PeriodontalChart .col-md-2.p-t-5{
        margin-left: 0px !important;
        margin-bottom: 10px !important;
    }
    #div_pario_chart_dates.col-md-3.p-b-5{
        margin-left: 0px !important;
    }
    #modal-add-perio-chart-form{
        margin-top: 10px !important;
    }
    #modal-add-perio-chart-form .chart-page.bg-aliceblue {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    #modal-add-perio-chart-form .chart-page.bg-aliceblue table td input{
        height: 10px !important;
        width: 70% !important;
    }
    #store_update_referral_form{
        padding-left: 0px;
        padding-right: 0px;
    }
    #nav-RegistrationForm .theme-subtitle.text-purpal.m-b-10 button{
        width: 100% !important;
        margin-top: 10px !important;
    }
    #nav-MedClearance #btnPatMedClearance {
        margin-top: -7px;
    }
    #addEditLabOrderForm{
        padding-left: 0px;
        padding-right: 0px;
    }
    #store_med_clr_form{
        padding-left: 0px;
        padding-right: 0px;
    }
    #tbody_trt_tbl_plan1 select{
        font-size: 12px;
    }
    #trt_tbl_plan{
        margin-bottom: 0px !important;
    }
    #divPatHist .allergy-details-tab .col-md-6 .add-and-filter-sec{
        float: right !important;
    }
    #divPatHist .medication-detail-block .col-md-6 .add-and-filter-sec{
        float: right !important;
    }
    .blood-pressure-detail-block .col-md-6 .add-and-filter-sec{
        float: right !important;
    }
    #divPatHist .medication-detail-block .col-md-6 .add-and-filter-sec{
        float: right !important;
    }
    #divPatHist .medication-detail-block .accordion-body{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #tbody-tbl-pat-med-list tr td{
        width: 100% !important;
    }
    #pat_trn_notes_table tbody td[data-title="Record#"] {
        width: 100% !important;
    }
    #pat_trn_notes_table tbody td[data-title="Procedure"] {
        width: 100% !important;
    }
    #pat_trn_notes_table tbody td[data-title="Note Date"] {
        width: 100% !important;
    }
    #pat_trn_notes_table tbody td[data-title="User"] {
        width: 100% !important;
    }
    #pat_trn_notes_table tbody td[data-title="Tx Note"] {
        width: 100% !important;
    }
    #modal-find-appt-form .col-md-6{
        width: 100% !important;
    }
    #divTrtChart .col-md-12, #divTrtChart .col-md-8{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #nav-DentalChart .procedure-back-btn {
        min-width: 90px;
        margin-left: auto !important;
    }
    #divTrtChart .col-md-4{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #nav-LabOrder .col-md-12, #nav-LabOrder .table-responsive.mt-2, #nav-LabOrder .table-responsive.mt-2 .col-sm-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #nav-MedClearance .col-md-12, #nav-MedClearance .table-responsive.mt-2, #nav-MedClearance .table-responsive.mt-2 .col-sm-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #store_med_clr_form .col-md-4{
        padding-left: 0px;
        padding-right: 0px;
    }
    #nav-RegistrationForm .col-md-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    #nav-RegistrationForm .col-md-12 .theme-subtitle.text-purpal {
        display: flex;
        align-items: center;
        width: 100% !important;
    }
    #nav-RegistrationForm .col-sm-12, #nav-RegistrationForm .table-responsive.mt-2{
        padding-left: 0px;
        padding-right: 0px;
    }
    #nav-Referral .col-md-12, #nav-Referral .table-responsive.mt-2, #nav-Referral .col-sm-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    #nav-TreatmentPlan .col-md-12, #nav-TreatmentPlan .table-responsive, #nav-TreatmentPlan .col-sm-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    #nav-PeriodontalChart .col-md-2{
        width: 100% !important;
        padding-left: 0px;
        padding-right: 0px;
    }
    #nav-PeriodontalChart .col-md-1{
        width: 15%;
        padding-left: 0px;
        padding-right: 0px;
    }
    #nav-PeriodontalChart .col-md-1 button{
        width: 100%;
        min-width: 100%;
        margin-left: 0px !important;
    }
    #nav-PeriodontalChart .col-md-2{
        width: 25%;
    }
    #nav-PeriodontalChart .col-md-3{
        width: 35%;
        padding-left: 0px;
    }
    #nav-PeriodontalChart .col-md-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divPatDoc #add_docs_btn_div{
        margin-top: 10px;
    }
    #nav-ledger .col-md-12{
        width:100% !important;
    }
    #nav-ledger .report-filter-form .col-sm-4 {
        padding-left: 10px;
        padding-right: 10px;
    }
    #nav-ledger #param_trnDate{
        font-size: 10px;
    }
    #DivTrn .col-md-12 {
        width: 100%;
    }
    #DivTrn .col-md-3, #DivTrn .col-md-9{
        width: 100%;
    }
    #DivOpenAcc .col-md-12{
        width:100% !important;
    }
    #DivOpenAcc .col-md-3, #DivOpenAcc .col-md-9{
        width: 100%;
    }
    #DivTrn #collapseTrnTab{
        padding-left: 0px;
        padding-right: 0px;
    }
    #nav-Record .Record-detail-block .add-and-filter-sec{
        float: right !important;
    }
    #modal-store-ortho-trt-record-form .col-md-6.row, #modal-store-ortho-trt-record-form .col-md-2.mt-2,
    #modal-store-ortho-trt-record-form .col-md-10{
        width: 100% !important;
    }
    #store-update-examination-form .form-card .col-md-3, #store-update-examination-form .col-md-5,
    #store-update-examination-form .col-md-1, #store-update-examination-form .col-md-2,
    #store-update-examination-form .col-md-6{
        width: 100%;
    }
    #nav-Case .Case-details-tab .col-md-2{
        width: 20%;
        padding-left: 0px;
        padding-right: 0px;
    }
    #nav-Case .Case-details-tab .col-md-10{
        width: 80%;
        padding-left: 0px;
        padding-right: 0px;
    }
    #nav-Case .Case-details-tab .add-and-filter-sec{
        float: right !important;
    }
    .ortho_case #divBenefitPrimary{
        padding-left: 0px;
        padding-right: 0px;
    }
    .Case-details-tab #divBenefitPrimary .benefit_card .col-md-3{
        width: 50%;
    }

    .Case-details-tab #divBenefitPrimary .benefit_card .col-md-3 .col-md-8{
        width: 70%;
    }
    .Case-details-tab #divBenefitPrimary .benefit_card .col-md-3 .col-md-4{
        width: 30%;
    }
    .Case-details-tab #divBenefitPrimary .benefit_card .col-md-3 .col-md-9{
        width: 70%;
    }
    .Case-details-tab #divBenefitPrimary .benefit_card .col-md-3 .col-md-3{
        width: 30%;
    }
    .Case-details-tab #divBenefitPrimary .benefit_card .col-md-3 .col-md-4 span,
    .Case-details-tab #divBenefitPrimary .benefit_card .col-md-3 .col-md-8 span{
       text-overflow: ellipsis;
       white-space: nowrap;
       overflow: hidden;
    }
    .card.benefit-sec .card-header .col-md-4{
        width: 33% !important;
    }
    .insurance-benefits-cards.benifits-tab .card-header .card-title {
        width: 100%;
        text-align: left !important;

    }
    #pat_trn_notes_table tbody td[data-title="Procedure"] {
        width: 100% !important;
    }
    #pat_trn_notes_table tbody td[data-title="Record#"] {
        width: 100% !important;
    }
    #pat_trn_notes_table tbody td[data-title="Note Date"] {
        width:100% !important;
    }
    #pat_trn_notes_table tbody td[data-title="User"] {
        width: 100% !important;
    }
    #pat_trn_notes_table tbody td[data-title="Tx Note"] {
        width: 100% !important;
    }
    #modal-add-edit-patient-allergy-form .form-check.form-switch.justify-content-between.d-flex{
        padding-left: 0px !important;
    }
    #modal-add-edit-patient-medication-form .form-check.form-switch.justify-content-between.d-flex{
        padding-left: 0px !important;
    }
    .page-wrapper.inner-pages-wrapper.account-page-content #DivAccountSummary .inner-page-title-block .col-md-2{
        width:100%;
    }
    .page-wrapper.inner-pages-wrapper.account-page-content #DivAccountSummary .inner-page-title-block .col-md-1{
        width:100%;
    }


    .account-page-content .inner-page-title-block .col-md-6 {
        width: 100% !important;
        max-width: 100% !important;
    }
    .account-page-content .inner-page-title-block{
        padding-left: 0px;
        padding-right: 0px;
    }
    .account-page-content  #DivAccountSummary .inner-page-title-block .theme-subtitle {
        margin-left: 0px !important;
    }
    .account-page-content  #DivAccountOutStanding .inner-page-title-block .theme-subtitle {
        margin-left: 0px !important;
    }
    .account-page-content  #DivAccountInsAcc .inner-page-title-block .theme-subtitle {
        margin-left: 0px !important;
    }
    .account-page-content #DivAccountInsAcc .inner-page-title-block .back-btn {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        text-align: left !important;
    }
    .account-page-content #DivAccountSummary .inner-page-title-block .back-btn {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        text-align: left !important;
    }
    .account-page-content #DivAccountOutStanding .inner-page-title-block .back-btn {
        margin-top: 5px !important;
        margin-bottom: 5px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        text-align: left !important;
    }
    .account-page-content #DivAccountSummary #account_summary_list_table_wrapper #account_summary_list_table tfoot{
        display: none;
    }
    .account-page-content #DivAccountOutStanding #collapseOutstading{
        padding-left: 0px;
        padding-right: 0px;
    }
    .account-page-content #DivAccountOutStanding .filter-sec .col-md-3{
        padding-left: 0px;
        padding-right: 0px;
    }
    .account-page-content .account-page-content #DivAccountOutStanding #tbl_outStand_summary tfoot{
        display: none;
    }

    .account-page-content #DivAccountSummary #collapseSummaryTab{
        padding-left: 0px;
        padding-right: 0px;
    }
    .account-page-content #DivAccountSummary .filter-sec .col-md-3{
        padding-left: 0px;
        padding-right: 0px;
    }
    .account-page-content #DivAccountSummary .inner-page-title-block #money_posted_f{
        width: 100%;
        height: 30px;
        border-radius: 4px;
    }
    .account-page-content #DivAccountInsAcc #collapseExample{
        padding-left: 0px;
        padding-right: 0px;
    }
    .account-page-content #DivAccountInsAcc .filter-sec .col-md-3{
        padding-left: 0px;
        padding-right: 0px;
    }
    .account-page-content  #ins_acc_summary_list_table tfoot{
        display: none;
    }
    #div-autopay .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    #div-autopay .mt-10px.administration-pages{
        padding-left: 0px;
        padding-right: 0px;
    }
    #div-autopay #auto_payment{
        margin-top: 0px !important;
    }
    #div-autopay #collapseAutopayListTab{
        padding-left: 0px;
        padding-right: 0px;
    }
    #div-autopay #collapseAutopayListTab .col-md-3{
        padding-left: 0px;
        padding-right: 0px;
    }
    #show_autopay_details .row.without-header-listing, #show_autopay_details .row.without-header-listing .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    #show_autopay_details .row.without-header-listing .col-md-6 .theme-subtitle{
        margin-bottom: 10px !important;
    }
    #div-autopay-details #no-more-tables{
        padding-left: 0px !important;
    }
    #div-autopay-details #show_autopay_details .row.without-header-listing .row.mb-3, #div-autopay-details #show_autopay_details .row.without-header-listing .row.mb-3 .col-md-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    #nav-receipt .col-md-6 {
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
        flex: 100%;
        max-width: 100%;
        display: block !important;
        margin-left: 0px !important;
    }
    #nav-receipt .col-md-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    .account-page-content #DivTrn .col-md-6 {
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
        flex: 100%;
        max-width: 100%;
        display: block !important;
        margin-left: 0px !important;
    }
    .account-page-content .trn_pat_data .trn_ins_info .card-body .col-md-6{
        width: 50% !important;
        flex: 50% !important;
    }
    .account-page-content .trn_pat_data  .inner-page-title-block .col-md-6{
        width: 50% !important;
        flex: 50% !important;
    }
    .account-page-content #DivTrn .trn_pat_data  .inner-page-title-block .col-md-6 .theme-subtitle {
        margin-left: 0px !important;
    }
    .account-page-content #DivTrn #collapseTrnTab{
        padding-left: 0px;
        padding-right: 0px;
    }
    .account-page-content #DivOpenAcc .col-md-5 {
        width: 100% !important;
        flex: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        display: block !important;
    }
    .account-page-content #DivOpenAcc .col-md-5 .col-md-6{
        margin-left: 0px !important;
    }
    .account-page-content #DivOpenAcc .col-md-7 {
        padding-left: 0px;
        padding-right: 0px;
    }
    #open_acc_pat_chart_name{
        margin-bottom: 0px !important;
    }
    .account-page-content .open_acc_pat_data .open_acc_ins_info .col-md-6{
        width: 50% !important;
        max-width: 50% !important;
        padding-left: 0px;
        padding-right: 0px;
    }
    .account-page-content #DivOpenAcc .theme-subtitle.text-purpal.m-b-0{
        margin-left: 0px !important;
    }
    .account-page-content #nav-missPrePay .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 50% !important;
        flex: 50%;
    }
    .account-page-content #nav-missPrePay .col-md-6 .add-and-filter-sec{
        margin-top: 0px !important;
        float: right !important;
    }
    .account-page-content #nav-missPrePay #collapseExample, .account-page-content #nav-missPrePay #collapseExample .col-md-3{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .account-page-content #nav-missPrePay .row{
        align-items: center !important;
    }
    #div-autopay .add-and-filter-sec {
        float: right;
        text-align: right;
    }
    #div-autopay .add-and-filter-sec .btn{
        float: right;
    }
    .account-page-content #DivOpenAcc .col-md-7{
        width: 100% !important;
    }
    #tbl_outStand_summary tfoot{
        display: none !important;
    }
    #nav-receipt .col-md-6.d-flex.align-items-center .col-md-3, #nav-receipt .col-md-6.d-flex.align-items-center .col-md-6{
        width: 100% !important;
    }

    .col-md-12.appo-top-header-block .col-md-7.d-flex, .col-md-12.appo-top-header-block .col-md-5{
        width: 100%;
    }
    .col-md-12.appo-top-header-block .col-md-7.d-flex, .col-md-12.appo-top-header-block .col-md-5 div{
        justify-content: flex-start !important;
    }
    #pat_trn_list_table tbody td[data-title="Action"] {
        width: 100%;
    }
    #nav-missPrePay .col-sm-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .account-page-content #nav-missPrePay #collapseExample .col-md-3{
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .claim-page-content #nav-pretreatment .col-md-6 {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .claim-page-content #nav-pretreatment .col-md-6 .title-with-button .btn-block {
        justify-content: start;
    }
    .claim-page-content #nav-pretreatment .inner-page-title-block{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .claim-page-content #nav-pretreatment .inner-page-title-block .back-btn {
        margin-top: 0px !important;
    }
    .claim-page-content #nav-pretreatment .inner-page-title-block .theme-subtitle {
        margin-left: 0px !important;
    }
    #add_pretre_model_form .col-md-4{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .claim-page-content #nav-RequeueClaim .col-md-12, .claim-page-content #nav-RequeueClaim .col-sm-4{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .claim-page-content #nav-RequeueClaim label{
        text-align: left !important;
    }
    .claim-page-content #nav-RequeueClaim label {
        text-align: left !important;
        margin-bottom: 5px !important;
    }
    .claim-page-content #nav-FindClaim .inner-page-title-block{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .claim-page-content #nav-FindClaim .col-md-6.mt-10px.d-flex.align-items-center{
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .claim-page-content #nav-FindClaim .col-md-6.mt-10px.d-flex.align-items-center .col-md-3,
    .claim-page-content #nav-FindClaim .col-md-6.mt-10px.d-flex.align-items-center .col-md-6{
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0px !important;
    }
    .claim-page-content #nav-pretreatment #ptr_filter_div, .claim-page-content #nav-pretreatment #ptr_filter_div .col-md-3{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .claim-page-content #add_pretre_model_form .col-md-4 .col-md-10{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .claim-page-content #add_pretre_model_form .search_button{
        margin-top: -5px !important;
        margin-bottom: 10px !important;
    }
    #nav-post-payment .col-md-6 {
        width: 50% !important;
        max-width: 50% !important;
    }
    #nav-post-payment .col-md-6 .add-and-filter-sec {
        text-align: left;
        float: right;
    }
    #nav-post-payment .col-md-6 .back-btn {
        margin-top: 0px;
    }
    #nav-post-payment #collapseExample, #nav-post-payment #collapseExample .col-md-3{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .claim-page-content #nav-post-payment #collapseExample .col-md-3 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .claim-page-content #nav-pretreatment .row.title-with-button .col-md-6 {
        width: 50% !important;
        max-width:50% !important;
    }
    #nav-RequeueClaim #requeue-ins-form .col-sm-4 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    #nav-RequeueClaim .report-descripion{
        margin-bottom: 10px;
    }
    .claim-page-content #nav-tabContent #nav-pretreatment #ptr_filter_div .col-md-3 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    .claim-page-content #nav-pretreatment .col-md-6.btn-block .btn_autopay {
        margin-right: 0px !important;
    }
    .claim-page-content #add_pretre_model_form .search_button {
        margin-top: 3px !important;
    }
    #edit_ptr_data.payment-btn{
        margin-bottom: 10px;
    }
    #Add_ptr_lineItem{
        margin-bottom: 10px;
    }
    #add_docs_btn_div .add-and-filter-sec{
        text-align: right;
        float: right;
    }
    #modal-add-ptr-doc-form .col-md-12 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .day-sheet-listing{
        margin-top: 50px;
    }
    .day-sheet-listing .add-and-filter-sec {
       float: right;
    }
    .day-sheet-listing .col-md-6 {
        display: block !important;
        width: 100%;
    }
    .day-sheet-listing .col-md-6 .col-md-3 .fa.fa-info-circle{
        position: absolute;
        top: 50px;
        left: 120px;
    }
    .container-fluid.administration-pages.mt-3 .master-listing-pages{
        margin-top: 50px;
    }
    .container-fluid.administration-pages.mt-3 .master-listing-pages .tab-style-5 {
        margin-top: 35px;
    }
    .report-filter-form .col-sm-2, .report-filter-form .col-sm-4, .report-filter-form .theme-subtitle.serarchcrt{
        width: 100%;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    #adhocForm{
        margin-top: 15px !important;
    }
    #adhocForm .add-and-filter-sec {
        float: right;
    }
    .container-fluid.administration-pages.analytics-page .master-listing-pages{
        margin-top: 50px;
    }
    .container-fluid.administration-pages.analytics-page .card.master-pages-right-side{
        margin-top: 0px;
    }
    .container-fluid.administration-pages.analytics-page .add-and-filter-sec.col-md-12.d-flex .col-md-4{
        width: 100% !important;
    }
    .container-fluid.administration-pages.analytics-page .add-and-filter-sec{
        display: block !important;
    }
    .analytics-page .add-and-filter-sec .btn, .analytics-page .add-and-filter-sec .back-btn {
        margin-bottom: 0px !important;
        float: right;
        margin-top: 0px !important;
        margin-left: 5px !important;
    }
    .analytics-page #divofficeSummary .col-md-3{
        width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    #btnOfficeSummarySearch, #btnOfficeSummaryReset{
        float: right;
        margin-left: 5px;
    }
    .responsivediv {
        position: absolute;
        top: 0px;
        font-size: 11px;
        display: block !important;
    }
    .responsivediv center span{
        font-size: 14px !important;
    }
     .claim-detail-page .mt-3 .row #add_docs_btn_div{
        justify-content: end !important;
    }
    #divBenefitPrimary .benefitActionRow .col-md-9, #divBenefitPrimary .benefitActionRow .col-md-3{
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .col-md-12.mt-2.treatment-line-up-item{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .container-fluid{
        overflow-y: unset;
    }
    #divPatTreatmentPlan #collapseExample .col-md-12.filter-btn.text-end{
        width: 100% !important;
    }
    .tox.tox-tinymce.tox-platform-touch{
        margin-bottom: 10px !important;
    }
    #ModalViewAllTrnNotes #pat_trn_notes_table tbody td[data-title="Record#"] {
        width: 100% !important;
    }
    #ModalViewAllTrnNotes #pat_trn_notes_table tbody td[data-title="Procedure"] {
        width: 100% !important;
    }
    #ModalViewAllTrnNotes #pat_trn_notes_table tbody td[data-title="Note Date"] {
        width: 100% !important;
    }
    #ModalViewAllTrnNotes #pat_trn_notes_table tbody td[data-title="User"] {
        width: 100% !important;
    }
    #ModalViewAllTrnNotes #pat_trn_notes_table tbody td[data-title="Tx Note"] {
        width: 100% !important;
    }
    #modal-store-ortho-contract-form .row.col-md-6.mt-1{
        width: 100% !important;
    }
    #tbl-patients-appt-list tr td center span{
        text-align: center !important;
    }
    #tbl-daysheet-list tr td center span.w-60px {
        text-align: center !important;
    }
    .customer-details-in-offcanvas .patient-profile-chart .patient-alert-icon.alertIcons{
        margin-bottom: 10px !important;
    }
    .insurance-benefits-cards.claim-detail-block.mt-0.mb-3 .col-md-3 {
        width: 50% !important;
    }
    #poPayorther_adj_desc .col-md-2, #poPayorther_adj_desc .col-md-8{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .trn_pat_data #pat_trn_list_table tbody td[data-title="Action"] {
        width: 100% !important;
    }
    #DivOpenAcc .col-md-4.d-flex.align-items-center {
        display: block !important;
    }
    #DivOpenAcc .col-md-4.d-flex.align-items-center .col-md-7.m-l-15.pb-5{
        margin-left: 0px !important;
    }
    #account_off_insurance_list_table tbody tr td{
        padding-left: 150px !important;
    }
    #account_off_insurance_list_table tbody td{
        padding-left: 0px !important;
    }
    #account_off_insurance_list_table tbody td table tr td{
        padding-left: 150px !important;
        width: 100% !important;
    }
    .modal-body.insurance-benefits-cards .col-md-12 .note-sec.d-flex{
        margin-top: 10px !important;
    }
    .modal-body.insurance-benefits-cards .col-md-12 .note-sec.d-flex .col-md-1 {
        width: 17.333333% !important;
    }
    .modal-body.insurance-benefits-cards .col-md-12 .note-sec.d-flex .col-md-10 {
        width: 62.333333% !important;
    }
    #store-or-update-post-treatment #treatment_errorDiv .alert.col-md-6{
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #patient_receipt_list tbody td{
        padding-left: 0px !important;
    }
    #patient_receipt_list tbody tr td{
        padding-left: 150px !important;
    }
    #patient_receipt_list tbody td table tr td{
        padding-left: 150px !important;
    }
    #ModalPatClaimView .patient-profile-chart .col-md-4 {
        width:33% !important;
    }
    #madal_map_payment .modal-body.patient-search .col-md-3 {
        width: 50% !important;
    }
    .container-fluid.administration-pages.post-payment-list{
        margin-top: 35px !important;
    }
    .container-fluid.administration-pages.post-payment-list .card-body, .container-fluid.administration-pages.post-payment-list div{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .claim-post-pay-block .master-listing-pages{
        margin-top: 45px !important;
    }
    .claim-post-pay-block .master-listing-pages .inner-page-title-block .col-md-6 .add-and-filter-sec {
        float: right !important;
    }
    #madal_view_post_payment .col-md-3 {
        width: 50% !important;
    }
    #DivTrn .trn_pat_data .col-md-4.trn_pat_pri_ins{
        width: 100% !important;
    }
    #btn_search_open_acc_pat_data{
        position: absolute;
        top: 405px;
        left: 440px;
        font-size: 12px;
    }

    #patientCheckoutForm .row .col-md-12.mt-2  .col-md-7, #patientCheckoutForm .row .col-md-12.mt-2 .col-md-4,
    #patientCheckoutForm .col-md-5, #patientCheckoutForm .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #patientCheckoutForm .row h5{
        font-size: 12px !important;
        margin-bottom: 10px !important;
    }
    #patientCheckoutForm .row h5 span{
        font-size: 12px !important;
        padding: 0px 10px !important;
    }
    #lengendTable tr td {
        width: 100% !important;
    }
    #patientCheckoutForm .row .col-md-12.d-flex.legendblock .col-md-2 {
        width: 24% !important;
    }
    #patientCheckoutForm .row .col-md-12.d-flex.legendblock{
        display: ruby !important;
    }
    #patientCheckoutForm .col-md-6{
        width: 100% !important;
    }
    #patientCheckoutForm .card-body .col-md-12{
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #patientCheckoutForm .card-body{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #patientCheckoutForm table{
        margin-bottom: 0px !important;
    }
    .mydivAppt .tooltipAppt {
        width: 230px !important;
         right: 0% !important;
        left: unset !important;
        margin-left: 2px !important;
        padding: 5px 5px !important;
    }
    #outStand_list_table tr td{
        padding-left: 150px !important;
    }
    #outStand_list_table td{
        padding-left: 0px !important;
    }
    #outStand_list_table td table tr td{
        padding-left: 150px !important;
    }
    #DivAccountInsAcclist .col-md-12.d-flex.align-items-center .col-md-6{
        width: 100% !important;
    }
    #DivAccountInsAcclist .col-md-12.d-flex.align-items-center{
        display: block !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

}

@media only screen and (max-width:1024px) and (min-width:600px) {
    .cur-trt-option {
        flex-shrink: 0 !important;
        /* width: 100% !important; */
        margin-left: 0px !important;
    }
    #btnGetPdfChartTrt{
        margin-left: 180px;
    }
    .skin-megna-dark .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
        width: 110px;
    }
    .topbar .top-navbar .navbar-header {
        border-right:none;
    }
    .skin-megna-dark .left-sidebar .nav-text-box {
        border-color: var(--border-color);
        background: #fff;
    }

    .left-sidebar .nav-text-box img {
        width: 130px;
    }

    .left-sidebar .nav-toggler {
        text-decoration: none;
    }

    .left-sidebar .nav-toggler {
        text-decoration: none;
        margin-top: 6px;
    }

    .left-sidebar .sidebar-nav>ul>li {
        margin-bottom: 0px;
        margin-top: 0px;
        margin-left: 0px !important;
    }
    .left-sidebar .sidebar-nav {
        padding: 0px 0 0 0;
    }
    .left-sidebar #sidebarnav>li>a {
        padding: 7px 10px 7px 10px !important;
    }

    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: flow-root;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tr {
        border: 1px solid #ccc;
    }

    #no-more-tables td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left !important;
        padding-left: 150px !important;
        padding-top: 4px;
        padding-bottom: 4px;
        /* float: right; */
        min-height: 30px;
    }

    #no-more-tables td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 35%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: 500;
        color: #000;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #no-more-tables td::after {
        content: ":";
        position: absolute;
        left: 135px;
        color: #000;
        font-weight: 500;
        top: 8px;
    }

    #no-more-tables td {
        text-align: left !important;
    }

    #no-more-tables td center,
    #no-more-tables td .text-center,
    #no-more-tables td .center {
        text-align: left !important;
    }

    #no-more-tables .cspl-div.right {
        text-align: left !important;
    }

    /* Used for table footer alignment */
    .responsive-tbl-pagination {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
    }
    /*
 Label the data
 */
    #no-more-tables td:before {
        content: attr(data-title);
    }

    .add-and-filter-sec {
        text-align: left;
        /* justify-content: flex-end; */
        margin-top: 0px;
        float: left;
    }

    .form-check .form-check-input {
        float: left;
        margin-right: 5px;
    }

    .bottom-action-btn .btn {
        min-width: auto !important;
        margin-bottom: 7px;
    }

    .patient-alert-icon {
        display: inline-block;
        padding: 0px;
    }

    .insurance-benefits-cards .card-options a {
        font-size: 13px;
        width: 77px;
        display: inline-block;
        margin-bottom: 7px;
    }

    .insurance-benefits-cards .card-options {
        float: left;
        text-align: left;
        display: block;
    }

    .back-btn {
        margin-top: -6px;
        text-align: center !important;
        margin-bottom: 0px;
    }

    .folder-view .col-md-3 {
        width: 100%;
    }

    .folder-view .col-md-9 {
        width: 100%;
        padding-left: 12px;
        margin-top: 12px;
    }

    .table-responsive .d-flex.align-items-center {
        display: block;
    }

    .inner-page .nav-toggler {
        display: block;
    }

    .inner-page .navbar-collapse .navbar-nav {
        text-align: right;
        margin-right: 0px;
    }
    /* Appointment pages */
    .color-indicators {
        width: 150px;
        margin-left: 0px;
        position: relative;
        margin-right: 5px;
        height: 94px;
    }

    .schedular-filters {
        display: block;
        width: 56%;
        margin-left: 0px;
    }

    .console-schedular .appointment-count ul li span {
        font-size: 14px;
    }

    .appointment-count .text-gray {
        font-size: 12px;
    }

    .appointment-count {
        line-height: 18px;
    }

    .console-schedular .appointment-count ul {
        display: flex;
        justify-content: flex-start;
        margin-bottom: 10px;
    }

    .color-indicators ul {
        font-size: 12px;
        line-height: 20px;
    }

    .console-schedular {
        padding: 10px 0px;
        margin-top: 50px;
    }

    .timeslot {
        min-width: 0px;
    }

    .doctor-on-table {
        /* display: none; */
    }

    .grids-doctos {
        margin: 5px 0px 0px 0px;
        height: fit-content;
    }

    .passenger-info ul {
        font-size: 10px;
    }

    .appointment-confirmed {
        right: 1px;
        top: -1px;
        font-size: 8px;
    }

    .passenger-info {
        padding: 0px 5px;
        flex-basis: 100%;
        min-width: 50px;
        overflow-x: unset;
    }

    .passenger-info {
        padding: 0px 2px;
        min-width: 50px;
    }

    .passenger-info .alert-icon img {
        width: 9px;
    }

    .ride {
        width: 100% !important;
    }
    .width-details {
        width: 30%;
    }

    .assigned {
        left: 189px !important;
    }

    .ride.major-assigned {
        left: 127px !important;
    }

    .major-assigned-critical {
        left: 191px !important;
    }

    .theme-subtitle {
        margin-bottom: 13px !important;
    }

    .red-background {
        text-align: center;
    }

    select {
        width: 100%;
    }

    .tab-style-5 nav {
        width: 25%;
    }

    .tab-style-5 nav button {
        height: 30px;
        font-size: 11px;
        padding: 0px 3px;
        padding-left: 3px;
        line-height: 13px;
    }

    .accordian-righ-panel-sec {
        width: 75%;
        padding: 5px 5px !important;
    }

    .accordion-button {
        padding: 5px 10px;
        font-size: 12px;
    }

    .accordion-body {
        padding: 5px 10px;
    }

    /* .pull-right {
        float: left !important;
    } */

    .add-and-filter-sec .btn {
        margin-left: 2px;
        margin-bottom: 5px;
        float: left;
    }

    tbody,
    td,
    tfoot,
    th,
    thead,
    tr {
        font-size: 12px;
    }

    h5 {
        font-size: 14px;
    }

    .btn-outline-primary1 {
        min-width: 75px;
        font-size: 12px;
        padding: 3px 4px !important;
        height: 30px;
    }

    .btn-primary1 {
        min-width: 84px;
        font-size: 13px;
        padding: 3px 4px !important;
        height: 30px;
    }

    .insurance-benefits-cards .card-title {
        margin-bottom: 10px;
        font-size: 14px;
    }

    .insurance-benefits-cards .card-title span {
        font-size: 14px;
    }

    .card-options {
        padding: 0px 0px;
    }

    .insurance-benefits-cards .left-side {
        width: 35%;
        font-size: 12px;
    }

    .insurance-benefits-cards .right-side {
        width: 46%;
        font-size: 12px;
    }

    .row.mb-3 {
        margin-bottom: 0px !important;
    }

    p {
        font-size: 12px;
        text-align: justify;
    }

    .inner-page-title-block .card-options a span {
        display: none;
    }

    .patient-profile-img.patient-profile-img {
        width: 35px;
    }

    .col-md-5 .card-title .patient-alert-icon {
        display: inline;
        padding: 0px;
    }

    .folder-view .nav-tabs .nav-link {
        font-size: 14px;
    }

    .branch a {
        font-size: 14px;
    }

    .administration-pages table td {
        font-size: 12px !important;
    }

    .administration-pages .inner-pages-wrapper {
        padding-top: 80px !important;
    }

    .administration-pages .menu-title {
        font-size: 11px;
    }

    .tab-style-5 ul a {
        height: 30px;
        padding-left: 3px;
        padding-right: 3px;
    }

    .master-listing-pages .tab-style-5 {
        width: 25%;
    }

    .master-listing-pages .card-body {
        padding: 5px;
    }

    .master-listing-pages .paging_simple_numbers .pagination .paginate_button a {
        border: 0;
        font-size: 12px;
    }

    .master-listing-pages .paginate_button {
        padding: 0px !important;
    }

    .dataTables_paginate .pagination {
        margin-bottom: 5px;
    }

    .red-background {
        font-size: 12px;
    }

    .green-background {
        font-size: 12px;
    }

    .tab-style-5 .pagination .page-link {
        height: 30px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .report-filter-form .form-label {
        text-align: left;
        margin-bottom: 5px;
    }

    .administration-pages .topbar .top-navbar .navbar-nav>.nav-item>.nav-toggler {
        display: block;
        line-height: 0px;
    }

    .inner-page.administration-pages .navbar-collapse .navbar-nav {
        margin-right: -5px;
        line-height: 16px;
    }

    .inner-page.administration-pages .nav-toggler {
        display: block;
    }

    .login-form {
        width: 100% !important;
    }

    .accordion-item .col-md-3 span {
        font-size: 12px;
    }

    .accordian-righ-panel-sec .accordion-body .col-md-3 {
        width: 50% !important;
        margin-bottom: 5px;
    }

    .accordian-righ-panel-sec .accordion-body .col-md-12.text-end {
        text-align: left !important;
        margin-top: 10px;
    }

    .accordian-righ-panel-sec .accordian-add-btn .btn-outline-primary1 {
        min-width: 84px;
        font-size: 11px;
        padding: 0px 4px !important;
        height: 22px;
    }
    .row{
        margin-left: 0px;
        margin-right: 0px;
    }
    .pending-actions .item-count {
       text-align: center;
    }
    .pending-actions .item-title {
        text-align: center;
    }
    .appointment-summary-block {
        display: grid !important;
        grid-template-columns: 50% 50%;
    }
    .appointment-summary-block .single-block {
        width: 95% !important;
    }
    .item-count {
        text-align: center !important;
     }
     .item-title {
        text-align: center !important;
    }
    .pa-dashboard .pr-5{
        padding-right: 0px !important;
    }
    .pa-dashboard .col-md-6.col .row .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .pa-dashboard .pl-5{
        padding-left: 0px !important;
    }
    .pa-dashboard .col-md-3.col .col-md-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .pa-dashboard .col-md-3.col .col-lg-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .topbar .navbar-nav .profile-img {
        line-height: 20px !important;
        /* margin-top: 12px; */
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    #btnLogout i{
       vertical-align: middle !important;
    }
    .topbar .top-navbar .navbar-nav>.nav-item.show .dropdown-menu {
        margin-top: 11px !important;
        padding-bottom: 0px;
        border-radius: 0px;
    }
    .topbar .top-navbar .navbar-nav>.nav-item.show .dropdown-menu .d-flex.no-block.align-items-center{
        padding: 5px 15px !important;
    }
    .topbar .top-navbar .navbar-nav>.nav-item.show .dropdown-menu .w-60.h-60{
        width: 40px !important;
        height: 40px !important;
    }
    .topbar .top-navbar .navbar-nav>.nav-item.show .dropdown-menu h4{
        font-size: 16px !important;
    }
    .topbar{
        padding-right: 0px !important;
    }
    .topbar .dropdown-menu .dropdown-item {
        padding: 7px 20px !important;
        font-size: 15px !important;
    }
    .topbar .dropdown-menu .dropdown-item .dropdown-divider {
        margin: 2px 0 !important;
    }
    .topbar .top-navbar .navbar-nav>.nav-item.show .dropdown-menu.mailbox {
        width: 100% !important;
        z-index: 100;
        right: 0px;
        margin-top: 0px !important;
        border-radius: 0px !important;
    }
    .navbar-dark .mailbox ul li .drop-title {
        border-radius: 0px !important;
        padding: 5px 20px 5px !important;
    }
    .navbar-dark .mailbox ul li .nav-link {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        font-size: 12px !important;
    }
    .navbar-dark .mailbox .message-center {
        padding: 10px 0px !important;
    }
    .navbar-dark .mailbox .message-center a {
        padding: 5px 15px !important;
    }
    .navbar-brand{
        display: none !important;
    }
    .logo-block{
        display: block !important;
        padding: 0px !important;
    }
    .nav-item.d-md-none .logo-block{
        display: none !important;
    }
    .navbar-nav.mr-auto .logo-block{
        display: none !important;
    }
    .left-sidebar .ti-close{
        color: #000;
    }
    fieldset {
        padding: 10px 5px;
    }
    fieldset legend {
        margin-top: -23px !important;
        padding: 0px 13px !important;
        margin-left: 0px !important;
        font-size: 15px !important;
    }
    .col-md-12.patient-search{
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
    .patient-search-form-menu .card-body{
        padding: 0px !important;
    }
    .select.chosen-select{
        height: 30px;
        padding: 5px 10px;
        border: 1px solid var(--border-color);
        border-radius: 3px;
        margin-bottom: 7px;
    }
    .search-form-action-btn{
        margin-bottom: 10px;
    }
    #tblSearchPat{
        width: 100% !important;
    }
    .card.inner-pages-common-header .card-header{
        padding: 5px 0px !important;
    }
    .administration-pages .table tbody td {
        overflow: hidden;
        max-width: 100% !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .card.inner-pages-common-header .col-md-6{
        text-align: left !important;
    }
    .inner-pages-common-header .back-btn {
        padding: 5px !important;
    }
    .profile-page-tab-content .theme-subtitle {
        margin-bottom: 0px !important;
    }
    .accordian-add-btn {
        right: 25px;
        top: 2px;
    }
    #collapseProfile .col-md-3{
        width: 50%;
        line-height: 25px;
    }
    #collapseProfile .row{
        margin-bottom: 0px !important;
    }
    .chosen-container{
        margin-bottom: 7px;
    }
    #modal-add-edit-patient-address-form .form-check.form-switch.col-md-12.pt-10{
        padding-top: 0px !important;
        padding-left: 18px !important;
    }
    #modal-add-edit-patient-address-form .form-check .form-check-input {
       margin-right: 5px;
    }
    #divPatBenefits .col-md-6{
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #divPatBenefits .col-md-6 span.pull-right{
        float: left !important;
    }
    #divPatBenefits .add-and-filter-sec{
        text-align: right !important;
        float: right !important;
    }
    .card.benefit-sec .benefit_card{
        padding: 10px 0px  !important;
    }
    #divBenefitSecondary .benefit_card{
        padding: 10px 0px  !important;
    }
    .check-eligibility-btn {
        min-width: 20px;
        padding: 0px !important;
        margin-top: -3px;
    }
    #no-more-tables .dataTables_empty{
        text-align: center !important;
        padding-left: 10px !important;
    }
    #divPatAppt .col-md-6{
        width: 50% !important;
    }
    #divPatAppt .add-and-filter-sec{
        float: right !important;
    }
    #modal-search-patient-appt-form .form-check {
        margin-right: 5px !important;
    }
    #divPatMemo .col-md-6{
        width: 50% !important;
    }
    #divPatMemo .add-and-filter-sec{
        float: right !important;
    }
    #divPatDoc .col-md-6{
        width: 50% !important;
    }
    #divPatDoc .add-and-filter-sec{
        float: right !important;
    }
    #divPrescription .col-md-6{
        width: 50% !important;
    }
    #divPrescription .add-and-filter-sec{
        float: right !important;
    }
    #divPatTreatmentPlan .add-and-filter-sec {
        float: right !important;
        margin-top: 10px;
    }
    #divPatTreatmentPlan .filter-area .col-md-3, #divPatTreatmentPlan .filter-area .col-sm-3{
        width: 50%;
    }
    #divPatTreatmentPlan .filter-area .filter-btn{
        margin-top: 10px;
    }
    #divPatTreatmentPlan .filter-area{
        margin-bottom: 10px;
        border: 1px solid var(--border-color);
        border-radius: 4px;
    }
    #divPatTreatmentPlan .filter-area .collapse.show{
        padding: 10px 0px;
    }
    .claim-detail-block {
        padding: 10px 0px;
    }
    .claim-detail-block .demo .w-205px {
        width: 210px !important;
    }
    .claim-detail-block .demo .w-180px{
        width: 210px !important;
    }
    .treatment-notes-details .back-btn{
        line-height: 22px;
    }


    .inner-page .inner-pages-wrapper {
        padding-top: 50px !important;
    }
    .common-sub-tab .nav-link {
       min-width: 85px !important;
    }
    .inner-page .inner-pages-wrapper .inner-page-title-block .theme-subtitle {
        margin-bottom: 5px !important;
        margin-left: -22px;
    }
    .inner-page .inner-pages-wrapper .tab-block .tab-content {
        padding: 10px 0px;
    }

    .date-formate {
        margin-bottom: 7px !important;
    }
    .claim-detail-block .filter-btn{
        padding: 0px 12px !important;
    }
    .title-with-button .col-md-6{
        width: 50%;
        max-width: 50% !important;
    }
    .title-with-button .btn-block{
        justify-content: end;
        display: flex;
        padding-right: 0px !important;
    }
    .without-header-listing .claim-detail-block {
        width: 100% !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .col-md-6.btn-block .btn_autopay{
        margin-right: -12px;
    }
    .container-fluid.administration-pages.mt-3{
        margin-top: 0px !important;
    }
    .administration-pages .master-listing-pages {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .administration-pages .menu-title {
        padding: 0px 4px !important;
        line-height: 23px !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .administration-pages .master-listing-pages .tab-style-5 ul a {
        height: 26px !important;
    }
    .card-style.accordian-righ-panel-sec.report-block{
        width: 75%;
        padding: 5px 5px !important;
        box-shadow: none;
        padding-right: 0px !important;
    }
    .tab-pane .inner-page-title-block  .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .tab-pane .col-md-12.mt-2 .card.card-body {
        margin-bottom: 5px;
        border-radius: 2px;
        padding: 10px 10px;
    }
    .tab-pane .col-md-12.mt-2 .card.card-body .col-md-4{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .tab-pane .col-md-12.mt-2 .card.card-body .filter-btn{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .inner-page-title-block .col-md-6 {
        width: 50% !important;
        max-width: 50% !important;
        margin-top: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .inner-page-title-block .col-md-6.text-end.back-btn{
        text-align: end !important;
    }
    .theme-subtitle.text-purpal{
        margin-bottom: 0px !important;
    }
    .back-btn i{
        vertical-align: middle !important;
    }
    .report-page-block .card.mt-2 .card-body{
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .report-page-block .report-descripion{
        margin-bottom: 10px;
    }
    .report-page-block .report-filter-form .form-label {
        padding-left: 15px !important;
        margin-bottom: 5px !important;
    }
    .card-div{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .administration-index{
        margin-top: 0px;
    }
    .administration-index .card-div .card-body{
        padding: 0px !important;
    }
    .administration-index .card-div .card-body .col-md-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .administration-index .card-div .administration_accordion_body {
        height: auto;
    }
    .administration_accordion_body ol {
        margin-bottom: 0px;
    }
    .master-pages .card-body{
        padding: 0px !important;
    }
    .master-pages .theme-subtitle.text-purpal {
        margin-bottom: 10px !important;
    }
    .master-detail-page.administration-pages .menu-title {
        padding: 5px 4px !important;
        line-height: 15px !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .master-detail-page.administration-pages .master-listing-pages .tab-style-5 ul a {
        height: auto !important;
    }
    .breadcrumb-nav-div .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .breadcrumb-nav-div .add-and-filter-sec .btn {
        margin-top: 7px;
    }
    .master-detail-page .accordion-header .accordion-button .text-purpal{
        padding-top: 0px !important;
        font-size: 13px !important;
    }
    /* .master-detail-page .accordion-body{
        padding: 0px !important;
    } */
    .master-detail-page .accordion-body .col-md-3{
        width: 50%;
        padding: 0px 10px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .master-detail-page .accordion-item {
        border-radius: 0px !important;
    }
    .master-detail-page .accordion-body .colon {
        position: absolute;
        left: 130px;
    }
    #tbl-office-social-links-list{
        margin-bottom: 0px;
        border: none;
    }
    #btnModalAddSocialLink {
        padding-left: 0px;
        font-size: 14px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 10px;
    }
    .card-header label.text-purpal{
        font-size: 13px !important;
        padding-top: 5px !important;
    }
    #divOfficeSocialLink .card{
        border-radius: 0px !important;
    }
    .master-detail-page #no-more-tables tr {
       border: none;
    }
    #tbl-office-office-timing-list{
        border: none;
        margin-bottom: 0px;
    }
    #tbl-office-holiday-list{
        border: none;
        margin-bottom: 0px;
    }
    .master-detail-page table{
        border: none;
        margin-bottom: 0px;
    }
    #btnModalAddOfficeEvents{
        padding-left: 0px;
        font-size: 14px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 10px;
    }
    .master-detail-page #no-more-tables table  td{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .customer-detail-offcanvas #ModalDoctorView .col-md-3{
        width: 40%;
    }
    .customer-detail-offcanvas #ModalDoctorView .col-md-1{
        width: 10%;
    }
    .customer-detail-offcanvas #ModalDoctorView .col-md-8{
        width: 50%;
    }
    #ModalDoctorView .communication-btn li {
        line-height: 30px;
        width: 30px;
        height: 30px;
    }
    #btnModalAddTable{
        padding-left: 0px;
        font-size: 14px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 10px;
    }
    #divOfficeTables .card-header .text-purpal{
        padding-top: 5px !important;
    }
    .customer-detail-offcanvas #ModalOfficeEventsView .col-md-3{
        width: 40%;
    }
    .customer-detail-offcanvas #ModalOfficeEventsView .col-md-1{
        width: 10%;
    }
    .customer-detail-offcanvas #ModalOfficeEventsView .col-md-8{
        width: 50%;
    }
    .patient-profile-chart h3 {
        font-size: 16px;
        padding: 5px 10px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #tbl-office-list{
        border: none;
    }
    .customer-details-in-offcanvas .upcoming-appointment {
        margin-top: 0px;
    }
    #tbl_activity_log_wrapper.dataTables_wrapper .dataTables_paginate {
        width: auto;
    }
    #tbl_activity_log_wrapper.dataTables_wrapper .dataTables_length {
        float: right;
        margin-right: 0px;
        margin-left: 20px;
        margin-top: 0px;
    }
    #tbl_activity_log_wrapper .col-sm-12{
        display: flex;
        padding-left: 0px;
        padding-right: 0px;
    }
    .master-pages #collapseExample .card-body {
        padding: 10px 0px !important;
    }
    .customer-detail-offcanvas #ModalEmpView .col-md-3{
        width: 40%;
    }
    .customer-detail-offcanvas #ModalEmpView .col-md-1{
        width: 10%;
    }
    .customer-detail-offcanvas #ModalEmpView .col-md-8{
        width: 50%;
    }
    #ModalEmpView .patient-profile-chart{
        margin-bottom: 10px;
    }
    #ModalEmpView .col-md-4.text-muted{
        width: 50%;
    }
    #ModalEmpView .col-md-8.text-break{
        width: 50%;
    }
    #ModalEmpView .patient-profile-chart .flex-row .m-l-10.align-self-center{
        margin-left: -10px !important;
    }
    #ModalEmpView .patient-profile-chart h3 {
        font-size: 16px;
        padding: 5px 10px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .upcoming-appointment .accordion-body.accordion-box-btm .col-md-7{
        width: 40%;
    }
    .upcoming-appointment .accordion-body.accordion-box-btm .col-md-5{
        width: 50%;
    }
    .upcoming-appointment .accordion-body.accordion-box-btm .col-md-1{
        width: 10%;
    }
    .upcoming-appointment .accordion-body.accordion-box-btm .col-md-6{
        width: 40%;
    }
    #ModalInventoryLocationView .patient-profile-chart .m-l-10{
        margin-left: 0px !important;
    }
    #ModalInventoryLocationView .patient-profile-chart .col-md-4{
        width: 40%;
    }
    #ModalInventoryLocationView .patient-profile-chart .col-md-7{
        width: 50%;
    }
    #ModalInventoryLocationView .patient-profile-chart .col-md-1{
        width: 10%;
    }
    .master-detail-page .add-and-filter-sec{
        margin-top: 10px;
        margin-bottom: 0px;
    }
    .profession-list-back .back-btn{
        margin-top: 1px !important;
    }
    #ModalProfView .patient-profile-chart{
        margin-bottom: 10px;
    }
    #btnModalEditPPOPlanParticipation{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #btnModalEditPPOPlanCredentials{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #divPPOPlanParticipation .card{
        border-radius: 0px;
    }
    .master-detail-page span.prof_full_name{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #btnModalOpenProfSchedule{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #divProfTiming #example_wrapper .col-sm-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    #addDoctorProgressNotes{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #divDoctorPrescription .text-purpal.pt-5.fs-15{
        padding-bottom: 10px;
    }
    #btnModalAddProcSpecReq{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #accordionProfProcSpcReq .text-purpal.pt-5.fs-15{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 200px;
    }
    #divProfDoc .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divProfDoc .pad-top-bot-0{
        padding-top: 5px !important;
        padding-left: 10px;
    }
    #divProfDoc .card-body {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
    }
    #divProfDoc .card-body .col-md-9{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divProfDoc .tree{
        display: none;
    }
    #btn_cha_login_pass{
        margin-top: 4px;
        margin-left: 2px;
    }
    #addProfEmpDetailBtn{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #divProfEmpDetail .card-header button{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #divProfEmpDetail .text-purpal.pt-5{
        padding-bottom: 10px !important;
    }
    #divProfEmpDetail .row.mb-1  .col-md-3 {
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #divProfEmpDetail .row.mb-1 .col-md-3 .text-gray{
        font-size: 12px;
     }
     #divProfEmpDetail .card{
        border-radius: 0px;
        margin-bottom: 0px;
    }
    #divProfEmpDetail .col-md-4 {
        width: 40%;
        padding-left: 0px;
        padding-right: 0px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #divProfEmpDetail .col-md-1 {
        width: 10%;
        padding-left: 0px;
        padding-right: 0px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #divProfEmpDetail .col-md-7 {
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #tbl-appt-color-code-list_wrapper .col-sm-12{
        display: flex;
    }
    #tbl-appt-color-code-list_wrapper .col-sm-12{
        display: flex;
    }
    #tbl-appt-color-code-list_wrapper .col-sm-12 .dataTables_paginate{
        text-align: left;
    }
    #tbl-appt-color-code-list_wrapper .col-sm-12 .dataTables_length{
        margin-left: 10px;
        text-align: left;
    }
    #ModalProceduresView .upcoming-appointment{
        margin-top: 10px;
    }
    #accordionProcQuickView .col-md-5{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #accordionProcQuickView .col-md-4{
        width: 45%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #accordionProcQuickView .col-md-2{
        width: 10%;
    }
    #divProcBasicDetail .card-header button{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #divProcBasicDetail .card-body .col-md-4{
        width: 45%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 0px;
        padding-right: 0px;
    }
    #divProcBasicDetail .card-body .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #divProcBasicDetail .card-body .col-md-7{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 0px;
        padding-right: 0px;
    }
    #btnAddDigCodes{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #btnEditFeesPost{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #divProcFeesPost .card-body .col-md-4{
        width: 45%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 0px;
        padding-right: 0px;
    }
    #divProcFeesPost .card-body .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #divProcFeesPost .card-body .col-md-7{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 0px;
        padding-right: 0px;
    }
    #div_notes_desc{
        padding: 5px 10px;
    }
    #divProcDoctorMapping .card{
        border-radius: 0px;
    }
    #divProcDoctorMapping .text-purpal.pt-10{
        padding-bottom: 5px !important;
        padding-top: 5px !important;
        margin-bottom: 0px;
    }
    #divProcDoctorProgressNote .text-purpal.pt-10{
        padding-bottom: 5px !important;
        padding-top: 5px !important;
        margin-bottom: 0px;
    }
    #divProcDoctorProgressNote .card{
        border-radius: 0px;
    }
    #divExpCodeBasicDetail .col-md-3{
        width: 25%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divExpCodeBasicDetail .col-md-9{
        width: 75%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 0px;
        padding-right: 5cqh;
    }
    #divExpCodeBasicDetail .card{
        border-radius: 0px;
        margin-bottom: 0px;
    }
    #btnExpCodeAddProcCode{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    .exp_code_name{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .express-code-parent{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #tbl-medication-list_wrapper #tbl-medication-list td{
        max-width: 100% !important;
    }
    #divInsBasicDetail .card-header button{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #divInsBasicDetail .text-purpal.pt-10 {
        padding-top: 5px !important;
        margin-bottom: 0px;
        padding-bottom: 5px;
    }
    #divInsBasicDetail .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divInsBasicDetail .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divInsBasicDetail .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divInsBasicDetail .card{
        border-radius: 0px;
    }
    #ModalvendorView .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalvendorView .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalvendorView .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #inhouseForm .col-md-3{
        padding-left: 0px;
        padding-right: 0px;
    }
    #inhouseForm .col-md-9{
        padding-left: 0px;
        padding-right: 0px;
    }
    #inhouseForm .col-md-3{
        padding-left: 0px;
        padding-right: 0px;
    }
    #inhouseForm .col-md-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    .standard-basic-details .tab-style-5 .nav-item a {
        font-size: 11px;
        padding-top: 5px !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-bottom: 5px;
    }
    .standard-basic-details hr{
        margin: 2px;
        margin-bottom: 10px;
    }
    .standard-basic-details .card{
        border-radius: 0px;
    }
    .standard-basic-details .card-header label.text-purpal {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-bottom: 0px;
    }
    .standard-basic-details #right-container .col-md-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    .standard-basic-details #right-container .col-md-12 .col-sm-4{
        padding-left: 5px;
        padding-right: 5px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        min-height: 20px !important;
        font-size: 12px;
    }
    .standard-basic-details #right-container .col-md-12 .col-sm-8{
        padding-left: 5px;
        padding-right: 5px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        min-height: 20px !important;
        font-size: 12px;
    }
    .standard-basic-details .btn-outline-sky-blue {
        border: none;
        background: transparent;
        padding-left: 0px !important;
        min-width: 20px;
        padding-right: 10px !important;
    }
    .standard-basic-details .table-responsive .col-sm-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    .standard-basic-details .accordion-start .card-body {
        padding: 0px !important;
    }
    .standard-basic-details #customEditButton {
        margin-right: 10px;
        margin-top: -5px;
        margin-bottom: -7px;
    }

    /* 08/12/2023  */

    #ModalppoAdd .row.p-2{
        padding: 0px !important;
    }
    #ModalPPOQuickView .upcoming-appointment{
        margin-top: 10px;
    }
    #ModalPPOQuickView .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalPPOQuickView .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalPPOQuickView .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    .bradcrumbs-block a, .bradcrumbs-block span{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #divPPOBasicDetail .card-header button{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #divPPOBasicDetail .text-purpal.pt-10{
        padding-top: 5px !important;
    }
    #divPPOBasicDetail .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divPPOBasicDetail .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divPPOBasicDetail .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divPPOBasicDetail .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px !important;
    }
    #divPPOBasicDetail .col-md-12{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px !important;
    }
    #divPPOBasicDetail .col-md-2{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divPPOBasicDetail .col-md-9{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
        margin-left: 0px !important;
    }
    #divPPOBasicDetail .card{
        border-radius: 0px !important;
    }
    #btnModalAddFeeSchedule{
        padding-left: 0px;
        padding-top: 5px;
        padding-right: 5px;
        font-size: 13px;
        margin-left: 0px !important;
    }
    #divFeeSchedule button {
        margin-left: 0px !important;
        margin-right: 5px;
        margin-bottom: 5px;
    }
    #divFeeSchedule .order-2 {
        order: 2;
        display: flex;
        margin-bottom: 5px;
    }
    #divFeeSchedule .order-1{
        order: 1;
    }
    #divFeeSchedule .order-3{
        order: 3;
    }
    #divFeeSchedule .order-4{
        order: 4;
    }
    #divFeeSchedule .card{
        border-radius: 0px;
    }
    #divEmployer .card{
        border-radius: 0px;
    }
    #divEmployer .text-purpal.pt-10{
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-bottom: 0px;
    }
    #tbl-employer-list_wrapper #tbl-employer-list tr td{
        width: 100%;
        max-width: 100% !important;
    }
    #ModalEmployerView .col-md-3{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalEmployerView .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalEmployerView .col-md-8{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divEmployerBasicDetail .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divEmployerBasicDetail .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divEmployerBasicDetail .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divEmployerBasicDetail .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px !important;
    }
    #divEmployerBasicDetail .accordion-body{
        padding-bottom: 3px !important;
    }
    #btnModalAddMedGroup{
        padding-left: 0px;
        padding-top: 5px;
        padding-right: 5px;
        font-size: 13px;
    }
    #divEmployerMedGroup .card{
        border-radius: 0px;
    }
    #btnEditMiscEmpl{
        padding-left: 0px;
        padding-top: 5px;
        padding-right: 5px;
        font-size: 13px;
    }
    #divEmployerMiscEmpl .text-purpal.pt-10{
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-bottom: 0px;
    }
    #divEmployerMiscEmpl .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divEmployerMiscEmpl .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divEmployerMiscEmpl .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divEmployerMiscEmpl .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px !important;
    }
    #divEmployerMiscEmpl .card{
        border-radius: 0px;
    }
    #divEmployerMedInsNotes .card{
        border-radius: 0px;
    }
    #div_insurance_report{
        padding-left: 0px;
        padding-right: 0px;
    }
    #btnEditMedInsNotes{
        padding-left: 0px;
        padding-top: 5px;
        padding-right: 5px;
        font-size: 13px;
    }
    #divEmployerMedInsNotes .text-purpal.pt-10{
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-bottom: 0px;
    }
    #divEmployerPerformance .text-purpal.pt-10{
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-bottom: 0px;
    }
    #divEmployerPerformance  .card{
        border-radius: 0px;
    }
    #divEmployerPerformance .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divEmployerPerformance .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divEmployerPerformance .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divEmployerPerformance .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px !important;
    }
    #divEmployerPerformance .text-purpal.pb-2{
        padding-left: 5px;
        padding-right: 0px;
    }
    #tbl-ins-list_wrapper #tbl-ins-list tr td{
        width: 100%;
        max-width: 100% !important;
    }
    #ModalInsView .col-md-3{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalInsView .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalInsView .col-md-8{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divInsBasicDetail .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px !important;
    }
    #divInsBasicDetail .col-md-2{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divInsBasicDetail .col-md-10{
        width: 60%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #tbl-role-list{
        width: 100% !important;
    }
    #addEditRoleForm{
        padding-left: 0px;
        padding-right: 0px;
    }
    #addEditRoleForm .col-md-4 .mb-3{
        margin-bottom: 0px !important;
    }
    #addEditRoleForm .col-md-12.text-end{
        margin-top: 5px;
    }
    .role-access-detail-page .col-md-4.text-end.mt-2{
        margin-top: 0px !important;
    }
    .role-access-detail-page .col-md-4.text-end.mt-2 .col-md-12.text-end{
        text-align: left !important;
    }
    .role-access-detail-page .card-header button{
        padding-left: 0px;
        padding-top: 5px;
        padding-right: 5px;
        font-size: 13px;
    }
    .role-access-detail-page .card-body{
        padding: 5px;
        font-size: 12px;
    }
    .role-access-detail-page .text-gray{
       font-size: 12px;
    }
    .role-access-detail-page .articles{
        padding-left: 0px;
        padding-right: 0px;
    }
    .role-access-detail-page .articles .col-md-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    #object-access-list tr td{
        max-width: 100% !important;
        width: 100% !important;
        min-width: 100% !important;
    }
    #object-access-list input{
        margin-top: 5px;
    }
    #tbl-user-list{
        width: 100% !important;
    }
    #add-company-user-form .col-md-4{
        padding-left: 0px;
        padding-right: 0px;
    }
    #add-company-user-form .col-md-12{
        margin-top: 10px;
        padding-left: 0px;
        padding-right: 0px;
    }
    #addForm .manual-change{
        margin-top: 0px;
    }
    .password-chanage-modal#addForm .manual-change .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    .password-chanage-modal .col-md-12.text-end{
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 10px;
    }
    .dataTables_wrapper .dataTables_paginate {
        width: 100%;
    }
    #addSubfolderBtn{
        margin-left: 0px !important;
    }
    #sub_folder_add .col-md-4{
        padding-left: 0px;
        padding-right: 0px;
    }
    #ModalSubFolderAdd .modal-body{
        margin-top: -10px !important;
    }
    #ModalSubFolderAdd .form-check .form-check-input {
        margin-left: 0px;
    }
    #ModalSubFolderAdd  .col-md-12.text-end.m-t-10{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divInsBasicDetail .card-body .col-md-12.pt-10{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px !important;
    }
    .template-master-details-page{
        margin-top: 15px;
    }
    .template-master-details-page .template-main {
        padding: 0px 0px;
        border-radius: 0px;
    }
    .template-master-details-page .template-main .col-md-12{
        padding: 0px 0px;
    }
    .template-master-details-page .template-section-title {
        font-size: 13px;
        font-weight: 500;
    }
    .template-master-details-page .template-section{
        padding: 0px 10px;
        margin-bottom: 0px;
    }
    .template-master-details-page .col_key{
        color: rgb(0, 0, 0) !important;
        font-size: 12px;
        font-weight: 400;
    }
    .template-master-details-page .instruction-col{
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
    }
    .template-master-details-page .current-attachment{
        display: flex;
        width: auto;
        height: auto;
        overflow: hidden;
        padding: 10px;
    }
    .template-master-details-page .current-attachment .attachment-icon {
        font-size: 30px;
    }
    .template-master-details-page .old-attachment-sec{
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }
    #divProfBasicDetail .card-header button{
        padding-left: 0px;
        padding-top: 5px;
        padding-right: 5px;
        font-size: 13px;
    }
    #divProfBasicDetail .text-purpal.pt-10{
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-bottom: 0px;
    }
    #divProfBasicDetail .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divProfBasicDetail .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divProfBasicDetail .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divProfBasicDetail .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px !important;
    }
    #divProfBasicDetail .card{
        border-radius: 0px;
    }
    #divProfBasicDetail .card-body{
        padding: 0px;
    }
    #divProfBasicDetail .card-body .col-sm-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #divProfBasicDetail .table-responsive.mt-2{
        margin-top: 0px !important;
    }
    #divProfBasicDetail table tr td{
        float: left !important;
        text-align: left !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
    #divProfBasicDetail table tr td .cspl-div {
        float: left !important;
        text-align: left !important;
        overflow: hidden;
        max-width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* 11/12/2023  */

    #ModalInventoryView .upcoming-appointment{
        margin-top: 10px;
    }
    #ModalInventoryView .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalInventoryView .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalInventoryView .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divInventoryBasicDetail .card-header button{
        padding-left: 0px;
        padding-top: 5px;
        padding-right: 5px;
        font-size: 13px;
    }
    #divInventoryBasicDetail .text-purpal.pt-10{
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-bottom: 0px;
    }
    #divInventoryBasicDetail .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divInventoryBasicDetail .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divInventoryBasicDetail .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divInventoryBasicDetail .card{
        border-radius: 0px;
    }
    #btnAddVendorQuote{
        padding-left: 0px;
        padding-top: 5px;
        padding-right: 5px;
        font-size: 13px;
    }
    #divInventoryVenQuo .text-purpal.pt-10{
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-bottom: 0px;
    }
    #divInventoryVenQuo .card-body{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #divInventoryVenQuo .col-sm-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #divInventoryVenQuo .card{
        border-radius: 0px;
    }
    #tbl-vendor-quote-list_paginate{
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: 10px;
    }
    #tbl-vendor-quote-list_paginate a{
        padding: 5px !important;
    }
    #btnAddVendorQuote1{
        padding-left: 0px;
        padding-top: 5px;
        padding-right: 5px;
        font-size: 13px;
    }
    #divvendorpostTables .text-purpal.pt-10{
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-bottom: 0px;
    }
    #divvendorpostTables .card{
        border-radius: 0px;
    }
    #divvendorpostTables .card-body{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #divvendorpostTables .col-sm-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #ModalorderView .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalorderView .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalorderView .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    .master-detail-page .back-btn {
        height: 29px !important;
        margin-top: 0px !important;
        line-height: 21px;
    }
    .modal-title {
        font-size: 15px;
        color: var(--purple);
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #ModalrepairorderView .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalrepairorderView .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalrepairorderView .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divInsBasicDetail .accordian-add-btn button{
        padding-left: 0px;
        padding-top: 5px;
        padding-right: 5px;
        font-size: 13px;
    }
    #ModalSendMessage .col-md-3{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divProfBasicDetail .col-md-12{
        padding-top: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #divProfBasicDetail .col-md-2 {
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalReadMessage .col-md-2{
        width: 40% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalReadMessage .col-md-4{
        width: 60% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalReadMessage #collapseOfficeSummary{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #ModalReadMessage .col-md-10{
        width: 60% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalReadMessage  .col-md-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #ModalForwardMessage .col-md-2{
        width: 40% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalForwardMessage .col-md-1{
        width: 10% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalForwardMessage .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalForwardMessage .row.mb-1{
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
    #ModalForwardMessage .col-md-10 .col-md-10{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalForwardMessage .col-md-10{
        width: 100%;
    }
    #ModalForwardMessage .col-md-6 .col-md-3{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalForwardMessage .col-md-12.text-end.m-t-20{
        margin-top: 0px !important;
    }
    #ModalReplayMessage .col-md-12.text-end.m-t-20{
        margin-top: 0px !important;
    }
    #ModalReplayMessage #collapseOfficeSummary{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #ModalReplayMessage .accordion-body{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #ModalReplayMessage .col-md-10 .col-md-10{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalReplayMessage .col-md-10{
        width: 100%;
    }
    #ModalReplayMessage .col-md-6 .col-md-3{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalReplayMessage .col-md-2{
        width: 40% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalReplayMessage .col-md-1{
        width: 10% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalReplayMessage .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalReplayMessage .row.mb-1{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .report-block table tr td, .report-block table tr th{
        text-overflow: ellipsis !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }
    .analytics-page .master-pages-right-side{
        margin-top: 18px;
    }
    .analytics-page hr{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .analytics-page .card-body .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    .analytics-page .add-and-filter-sec .btn {
       margin-bottom: 0px !important;
    }
    .analytics-page .card{
        border: none;
        padding: 0px;
    }
    .analytics-page .mt-2{
        padding-left: 0px;
        padding-right: 0px;
    }
    .analytics-page .card-body .col-sm-12, .analytics-page .card-body .col-xs-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .analytics-page #divofficeSummary .col-md-3{
        padding-left: 0px;
        padding-right: 0px;
    }
    .analytics-page #divofficePerformace .col-md-3{
        padding-left: 0px;
        padding-right: 0px;
    }
    .analytics-page #divofficePerformace .col-md-2{
        padding-left: 0px;
        padding-right: 0px;
    }

    .desk-signout {
        display: block;
        margin-top: -3px;
    }
    .mob-signout-menu{
        display: list-item;
    }


    .topbar .navbar.top-navbar{
        display: block !important;
    }
    .topbar .navbar-nav .profile-img {
        margin-top: 4px !important;
    }
    .top-header-latest-btn {
        padding-top: 5px !important;
    }
    .top-bar-patient-search .nav-link {
        padding-top: 5px !important;
    }
    .navbar-expand-md .navbar-nav {
        align-items: flex-start !important;
    }
    .topbar .top-navbar .navbar-nav .nav-item>.nav-link {
        font-size: 22px !important;
    }
    .topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
        margin-top: -7px;
    }
    .topbar .top-bar-patient-search{
        margin-top: 7px;
    }
    /* .fixed-layout .page-wrapper {
        padding-top: 110px !important;
    } */
    .new-dashboard .row{
        display: block;
    }
    .administration-index{
        margin-top: 0px;
    }
    .dataTables_wrapper .dataTables_paginate {
        width: 100%;
    }

    .top-bar-patient-search form {
        text-align: left !important;
    }
    .master-pages.container-fluid{
        padding: 0 0px 0 0px;
    }

    .master-pages-right-side .card-body .col-md-6 .col-md-4{
        width: 30%;
        padding: 0px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .master-pages-right-side .card-body .col-md-6 .col-md-1{
        width: 5%;
    }
    .master-pages-right-side .card-body .col-md-6 .col-md-7{
        width: 58%;
        padding: 0px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .master-pages-right-side .card-body .col-md-2{
        width: 30%;
        padding: 0px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .master-pages-right-side .card-body .col-md-1{
        width: 5%;
    }
    .master-pages-right-side .card-body .col-md-9{
        width: 58%;
        padding: 0px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #div_memo_desc{
        padding: 0px;
    }
    #modal-edit-login-emp-form input{
       margin-bottom: 7px !important;
    }
    #modal-edit-login-emp-form .col-md-6{
       margin-top: .5rem !important;
    }
    #modal-add-edit-payroll-info-form .pt{
        padding-top: 0px !important;
    }
    #divEmpDoc .card-header #add_docs_btn_div{
        padding: 0px;
        display: flex;
    }
    #divEmpDoc .card-header{
        padding: 0px;
    }
    #divEmpHistory .table-responsive{
        margin-top: 0px !important;
    }
    #divEmpHistory .col-sm-12{
        padding: 0px;
    }
    #divEmpHistory .card-body{
        padding: 0px;
    }

    #officeOperatingInfo.btn {
        margin-top: 0px !important;
    }



    /* 13/5/2024 */

    .master-pages-right-side .card-body .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .master-pages-right-side .card-body .col-md-6 .add-and-filter-sec .btn{
        float: left;
    }
    .master-pages-right-side .card-body .col-md-3{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .dbl_book_rule{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .proc_limitation{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .time_requirment{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #tbl-doctor-Prescription-list tbody td{
        max-width: 100% !important;
    }
    #ModalDocumentAdd .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #collapseProfGenSup{
        display: flow-root;
    }
    #no-more-tables td div{
        text-align: left !important;
    }
    #divInsBasicDetail .col-md-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #btnEditProgNotes{
        padding-left: 0px;
        padding-top: 0px;
        font-size: 13px;
    }
    #filterForm.filter .col-md-3{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #divFeeSchedule .card-header .btn#btnModalAddFeeSchedule{
        float: right !important;
    }
    #divFeeSchedule .card-header .btn{
        float: left !important;
    }
    #ModalAddFeeSchedule .modal-body{
        margin-top: 0px !important;
    }
    #modal-body{
        padding-left: 0px;
        padding-top: 0px;
        font-size: 13px;
    }
    #tbl-specialist-fee-schedule-list{
        margin-bottom: 0px !important;
        border: none;
    }
    .accordion-button label {
        font-size: 13px !important;
        padding-top: 0px !important;
    }
    .accordian-add-btn .btn{
        padding-top: 0px !important;
        font-size: 13px !important;
    }
    #btnAddProcDoctor{
        font-size: 13px !important;
        padding: 0px !important;
    }
    .tab-style-5.mb-30.mt-3{
        margin-top: 0px !important;
    }
    .master-pages-right-side .add-and-filter-sec {
        margin-top: 10px;
        margin-bottom: 0px;
    }
    #ModalAddEditProcDoctFee .modal-body{
        margin-top: 0px !important;
    }
    #divInsMergeDetail .card-header .btn{
        padding: 0px !important;
        font-size: 13px !important;
    }
    #divMapEmpl .card-body{
        padding: 0px !important;
    }
    .mt--5 {
        margin-top: 0px !important;
    }
    #btnModalAddPPOPlanParticipation{
        font-size: 13px !important;
    }

    #divInsMergeDetail .card-body{
        padding: 0px;
    }
    .accordion #collapseExample .card-body {
        padding: 5px !important;
        border: none;
    }
    .accordion #collapseExample .card-body .filter-btn{
        padding-right: 0px;
    }
    #divEmployerMergeDetail .card-body{
        padding: 0px;
    }
    #divEmployerMergeDetail .card-header .btn{
        font-size: 13px;
        padding: 0px;
    }
    #divMapPatientslist .card-body{
        padding: 0px;
    }
    #divMapPatientslist .card-header label.text-purpal {
        padding-top: 7px !important;
    }
    #divEmployerExclusion .card-header .btn{
        font-size: 13px;
        padding: 0px;
    }
    .role-access-detail-page .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
        font-size: 13px;
        padding-bottom: 30px;
        padding-top: 0px;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 0px;
        line-height: 32px;
    }
    #roleDetailsTab{
        margin-left: 10px;
        margin-right: 10px;
    }
    #addForm .mb-3{
        margin-bottom: 0px !important;
    }
    .schedule-letter-pages .card-body{
        padding: 0px;
    }
    .schedule-list{
        padding: 0px;
    }
    .schedule-list .theme-subtitle.text-purpal {
        margin-bottom: 10px !important;
    }
    .blue-background{
        text-align: center;
    }
    .info-background{
        text-align: center;
    }
    .appointment-emails .card-body{
        padding: 0px;
    }
    .appointment-email-list{
        padding: 0px;
    }
    .appointment-email-list .theme-subtitle.text-purpal {
        margin-bottom: 10px !important;
    }
    #ApplicationEmailFilterForm #collapseExample .card-body{
        padding: 10px;
    }
    .appointment-emails #collapseExample .card-body{
        padding: 10px;
    }
    .appointment-sms .card-body{
        padding: 0px;
        margin-top: 10px;
    }
    .appointment-sms-list{
        padding: 0px;
    }
    .appointment-sms #collapseExample .card-body{
        padding: 10px;
    }
    .appointment-sms .card-body .col-md-6{
        padding: 0px;
    }
    .appointment-sms .card-body .col-sm-12{
        padding: 0px;
    }
    .appointment-sms .theme-subtitle.text-purpal {
        margin-bottom: 10px !important;
    }
    #collapseCallList .card-body{
        padding: 10px !important;
    }
    #modal-find-appt-form .d-flex{
        display: block !important;
        text-align: left !important;
    }
    #modal-find-appt-form .d-flex label{
        text-align: left !important;
        float: left !important;
    }
    #modal-find-appt-form .d-flex .col-md-8{
        width: 100%;
        max-width: 100%;
        flex: 100%;
        display: inline-flex;
        justify-content: space-between;
    }
    .asap-list .theme-subtitle.text-purpal {
        margin-bottom: 10px !important;
    }
    .asap-list #collapseExample .card-body{
        padding: 10px !important;
    }
    .asap-page .card-body{
        padding: 0px !important;
    }
    .asap-list{
        padding: 0px !important;
    }
    .asap-page .collapse:not(.show) {
        display: none !important;
    }
    #divDeletedAppointments{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divDeletedAppointments #collapseExample{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divDeletedBenefits{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divDeletedBenefits #collapseBeneExample{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divDeletedRecepts{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divDeletedRecepts #collapseRecExample{
        padding-left: 0px;
        padding-right: 0px;
    }

    .appo-top-header-block {
        padding: 0px 0px 15px 0px;
        margin-bottom: 10px;
    }
    .main-schedular .grids {
        margin-bottom: 20px;
    }
    .main-schedular .info {
        margin: 5px 5px -12px 0px;
        width: 8%;
    }

    #saveQueryForm{
        padding:0px;
    }
    #reportListBody table tr td {
        padding-left: 0px !important;
        border-bottom: none;
        line-height: 27px;
    }
    #reportListBody table tr td::after{
        display: none !important;
    }
    #reportListBody table tr{
        display: flex !important;
        border: none !important;
    }
    #reportListBody td{
        padding-left: 110px !important;
    }
    #reportListBody td::after {
        left: 100px;
    }
    #reportListBody table tr td:first-child{
        width: 25px !important;
    }
    .day-sheet-listing .col-md-3{
        width: 100%;
        padding-left: 0px !important;
    }
    .day-sheet-listing .col-md-6{
        display: block !important;
    }
    .day-sheet-listing .fa-info-circle{
        margin-bottom: 6px !important;
        margin-left: 3px;
    }
    .claim-page-content .theme-subtitle {
        margin-left: -8px !important;
    }
    .claim-detail-page .card.inner-pages-common-header.without-tab .card-options a {
        font-size: 12px !important;
        width: 100px !important;
        padding: 2px 5px !important;
        line-height: 23px !important;
        height: 30px !important;
    }
    .claim-page-content #pat_info_icon .btn {
        height: 21px !important;
        vertical-align: bottom !important;
    }
    .claim-detail-page .mt-3 .row{
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }
    .claim-page-content .row.mb-1{
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }
    .claim-page-content .row.mb-1 .col-md-6{
        width: 50%;
        padding: 0px;
    }
    .claim-detail-page .mt-3 .row .col-md-6{
        width: 50%;
        padding: 0px;
    }

    .claim-detail-page #add_docs_btn_div{
        display: flex !important;
    }
    .claim-page-content #add_docs_btn_div .btn {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 90px;
    }
    #modal-add-claim-doc-form .col-md-12 {
        padding: 0px;
    }
    #edit_claim_lineitem_modal .patient-search .col-md-6{
        width: 50%;
    }
    #nav-post-payment .col-sm-12{
        padding: 0px;
    }
    #nav-post-payment .col-md-6 .theme-subtitle {
        margin-left: 0px !important;
    }
    #single_pat_pretre_data tbody tr td{
        text-align: left;
    }
    #single_pat_pretre_data tbody tr td p{
        float: left;
    }
    #no-more-tables td .green-background{
        text-align: center !important;
    }
    #single_pat_pretre_data td::after {
        left: 180px;
    }
    #single_pat_pretre_data td{
        padding-left: 195px !important;
    }
    #ModalpretreView .patient-profile-chart .col-md-4{
        width: 30%;
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 10px;
    }
    #ModalpretreView .patient-profile-chart .col-md-1{
        width: 5%;
    }
    #ModalpretreView .patient-profile-chart .col-md-7{
        width: 55%;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #no-more-tables td .dark-green-background{
        text-align: center !important;
    }

     /* 16/5/2024 */

     .page-wrapper .page-wrapper.inner-pages-wrapper.account-page-content {
        padding-top: 50px !important;
    }
    .inner-page .inner-pages-wrapper.account-page-content .inner-page-title-block .theme-subtitle {
        margin-left: 0px !important;
    }
    #DivTrn .card-header .card-title{
        text-align: left !important;
    }
    #DivTrn .card-body .col-md-12.mb-5px.d-flex .col-md-4{
        text-align: left !important;
    }
    #DivTrn .col-md-8, #DivTrn .col-md-4, #DivTrn .col-md-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #pat_trn_notes_table tbody td{
        width: 100% !important;
    }

    #DivOpenAcc .card-title{
        text-align: left !important;
    }
    #DivOpenAcc .card-body .col-md-12.mb-5px.d-flex .col-md-4{
        text-align: left !important;
    }
    #DivOpenAcc .col-md-8, #DivOpenAcc .col-md-4, #DivOpenAcc .col-md-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .open_acc_pat_data #no-more-tables{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #pat_family_data_table #pat_family_list  tr td{
        width: 100% !important;
    }
    .open_acc_pat_data .without-header-listing{
       padding-left: 0px !important;
       padding-right: 0px !important;
    }
    #tbl-pat-open_act-list_note{
        padding-left: 0px !important;
        padding-right: 0px !important;
     }
     #divofficeScheduledReport .col-md-2{
        width: 100%  !important;
     }
     #divProfessionalDetailsReport .col-md-2{
        width: 100% !important;
     }
     #divofficePerformace .col-md-2{
        width: 100% !important;
     }
     #divofficeDetailsReport .col-md-2{
        width: 100% !important;
     }
     #divProfessionalPerformace .col-md-2{
        width: 100% !important;
     }
     #divProfessionalScheduledReport .col-md-2{
        width: 100% !important;
     }
     .patient-profile-page-content .col{
        flex: none !important;
        text-align: left !important;
     }
     .patient-profile-page-content .doNotTreat .col.justify-content-end.text-end img{
        display: inline;
     }
     .patient-profile-page-content .inner-pages-common-header .payment-btn {
        margin-bottom: 7px !important;
    }
    .patient-profile-page-content .inner-pages-common-header .back-btn{
        margin-top: -8px;
    }
    #divPatProfile #nav-tabContent{
        padding: 0px !important;
    }
    #divPatProfile .Profile-details-tab .row{
        justify-content: center;
    }
    #divPatProfile .Profile-details-tab .row .col-md-6{
       width: 50%;
       padding-left: 0px;
       padding-right: 0px;
    }
    #divPatProfile .common-sub-tab{
        margin-bottom: 10px;
    }
    #divPatProfile .add-and-filter-sec{
        float: right;
        text-align: right;
    }
    .patient-profile-tab-offcanvas .accordion-body .col-md-2 {
        width: 50% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        /* white-space: nowrap; */
        max-width: 190px;
    }
    .patient-profile-tab-offcanvas .accordion-body .col-md-3{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 190px;
    }
    .patient-profile-tab-offcanvas .accordion-body .col-md-5{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        /* white-space: nowrap; */
        max-width: 190px;
    }
    .Family-Contact-detail-block .col-md-6{
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
     }
     .Addresses-detail-block .col-md-6{
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
     }
     .Associated-Professional-detail-block .col-md-6{
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
     }
    #divPatBenefits #nav-tabContent{
        padding: 0px !important;
    }
    #divPatBenefits .common-sub-tab{
        margin-bottom: 10px;
    }
    .insurance-benefits-cards.ins-benefits-cards.benifits-tab.pt-10{
        padding-top: 0px !important;
    }
    .insurance-benefits-cards.ins-benefits-cards.benifits-tab.pt-10 #divBenefitPrimary{
        padding-left: 0px;
        padding-right: 0px;
    }
    .ins-benefits-cards .card-header {
        padding: 5px 5px !important;
    }
    #divBenefitPrimary .col-md-12.mb-5px.d-flex .col-md-5.pl-10,
    #divBenefitSecondary .col-md-12.mb-5px.d-flex .col-md-5.pl-10,
    #divBenefitMedical .col-md-12.mb-5px.d-flex .col-md-5.pl-10{
        padding-left: 0px !important;
    }
    #divBenefitPrimary .benefit-boby .col-md-12.mb-5px,
    #divBenefitSecondary .benefit-boby .col-md-12.mb-5px,
    #divBenefitMedical .benefit-boby .col-md-12.mb-5px{
        padding-left: 0px !important;
    }
    #POST_TREATMENT_TABLE tr td{
        width: 100% !important;
        max-width: 100% !important;
    }
    .steamline .single-block .info {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .doctor-dashboard-page .temp-block table {
        margin-left: 10px;
        margin-top: 15px;
        width: 90%;
    }
    #tbody-doc-today-appt .dataTables_empty{
        width: 100%;
        text-align: center !important;
        max-width: 100%;
    }
    .doctor-dashboard-page .col-md-3:last-child .col-md-12{
        padding-left: 0px  !important;
        padding-right: 0px !important;
    }
    .doctor-dashboard-page .col-md-3:last-child .col-lg-12{
        padding-left: 0px  !important;
        padding-right: 0px !important;
    }

    /* 21/5/2024 */

    .appointment-summary-block .item-title {
        font-size: 13px !important;
    }
    .appointment-summary-block .item-count {
        font-size: 18px !important;
    }

    .account-dashboard .col-md-9.col .col-md-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .account-dashboard .col-md-4, .account-dashboard .col-md-3,.account-dashboard .col-md-9,
    .account-dashboard .col-md-12, .account-dashboard .col-lg-12, .account-dashboard .col-md-8{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        padding: .5rem .5rem !important;
    }
    .account-dashboard #account-tranfer-money{
        margin-bottom: 5px;
        border-bottom: 1px solid #ccc;
    }
    .account-dashboard .transfer-money-count .total-amount-block {
        margin-top: 55px;
    }
    .account-dashboard .transfer-money-count .total-amount-block p{
        text-align: right !important;
    }
    .account-dashboard .office-amount-collection {
        grid-template-columns: 33% 33% 33%;
    }
    .account-dashboard .office-amount-collection .single-block {
        margin: 2px;
    }
    .account-dashboard .performance-chart .chart-info .plain-card {
        width: 100%;
    }
    .account-dashboard .performance-chart .chart-info .plain-card .card-inner p{
        text-align: center;
    }
    .account-dashboard .chart-info .card-inner .row{
        display: flex !important;
    }

    .account-dashboard .amout-collection-block .item-title .office-title {
        width: 65% !important;
    }
    .loader, .loader__figure {
        left: 45% !important;
    }

    #divPatMemo .row.m-b-10.mt-10{
        margin-top: 0px !important;
    }
    #divPatMemo .row.m-b-10.mt-10 .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #tbl-patients-interface-appt-list td center span{
        text-align: center !important;
    }
    .patient-account-page .card-body .row.p-b-5 .col-md-6{
        width: 50% !important;
    }
    .patient-account-page .card-body .row.p-b-5 .col-md-6 .add-and-filter-sec{
        float: right !important;
    }
    #no-more-tables table tfoot{
         display: block;
    }
    .profile-headers .insurance-benefits-cards.my_profile_headers, .profile-headers .col-md-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .patient-interface-profile-page #profileTab nav{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .patient-interface-profile-page #profileTab .col-md-12.gx-2,
    .patient-interface-profile-page #profileTab .tab-content,
    .patient-interface-profile-page #profileTab .col-md-10.mb-2,
    .patient-interface-profile-page .col-md-2.mb-2{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .patient-interface-profile-page .col-md-12.d-flex.align-items-center.justify-content-between,
    .patient-interface-profile-page #example_wrapper .col-sm-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .patient-interface-profile-page .accordion-body .col-md-2,
    .patient-interface-profile-page .accordion-body .col-md-3,
    .patient-interface-profile-page .accordion-body .col-md-5{
        width: 50% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .patient-interface-profile-page .Profile-details-tab .d-flex.flex-column.align-items-center.justify-content-center{
        align-items: baseline !important;
    }
    .filepond--drop-label.filepond--drop-label label {
        font-size: 12px !important;
    }
    .patient-interface-profile-page #documentTab .col-md-12,
    .patient-interface-profile-page #documentTab .col-md-6,
    .patient-interface-profile-page #documentTab .col-md-3,
    .patient-interface-profile-page #documentTab .col-md-9
    {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    /* 10/06/2024 */

    .new-dashboard .container-fluid{
        padding: 0 0px 0 0px !important;
    }
    .new-dashboard .col-md-3{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .new-dashboard {
        padding-top: 40px !important;
    }
    #divBenefitPrimary .card-body .row .col-md-12 {
        width: 100% !important;
    }
    .container-fluid.administration-pages.patient-search-form-menu{
        margin-top: 50px !important;
    }
    .todays-at-dienfirst-block {
        margin-top: 0px !important;
    }
    #printableArea .col-md-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #modal-add-edit-pat-registration-form .benefit-boby .col-6{
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #modal-add-edit-pat-registration-form .benefit-boby .col-6 span.pull-right{
        float: left !important;
    }
    #modal-add-edit-pat-registration-form .col-md-12{
        padding-right: calc(var(--bs-gutter-x)* .5) !important;
        padding-left: calc(var(--bs-gutter-x)* .5) !important;
    }
    #modal-add-edit-pat-registration-form .accordion-body{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #modal-add-edit-pat-registration-form .card.benefitCard .card-body .col-md-12.mb-5px.d-flex{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #modal-add-edit-pat-registration-form .accordion-body .form-check .form-check-input {
        margin-right: 5px;
        width: 45px;
    }
    #modal-add-edit-pat-registration-form .accordion-body .col-md-4 .form-switch {
        padding-left: 20px !important;
    }
    #modal-add-edit-pat-registration-form .rbtnLabelWithSwitchBtn {
        border-bottom: none !important;
        margin: 2px 0px !important;
    }
    #modal-add-edit-pat-registration-form .card.benefitCard .card-body{
        padding: 10px 0px !important;
    }
    .patient-interface-pre-view .col-md-2,
    .patient-interface-pre-view .col-md-4{
        width: 50% !important;
    }

    .patient-interface-profile-page #nav-Profile .accordion-body{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .patient-interface-profile-page #divPatBenefits .card-body{
        padding: 10px 0px !important;
    }
    .patient-interface-profile-page #sendRequestForm fieldset {
        padding: 10px 0px;
    }
    #sendRequestForm .form-check-inline {
        display: block;
    }

    .patient-dashboard-page  .temp-block #selectedDateAppointmentDetails .left-side {
        text-overflow: ellipsis !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }
    .patient-dashboard-page .appointment_time_procedures{
        display: block !important;
    }
    .insurance-benefits-cards.ins-benefits-cards.benifits-tab.pt-10 #divBenefitSecondary,
    .insurance-benefits-cards.ins-benefits-cards.benifits-tab.pt-10 #divBenefitMedical{
        padding-left: 0px;
        padding-right: 0px;
    }

    .patient-interface-profile .inner-page-title-block .card-options a span {
        display: inline-flex !important;
        margin-left: 7px !important;
    }
    .patient-interface-profile .card-options a {
        width: 33% !important;
    }
    .new-dashboard .col-md-3{
        width: 100%;
    }

    .patient-search-form-menu #tblSearchPat tbody td[data-title="Chart No"] {
        max-width: 100% !important;
    }
    .patient-search-form-menu #tblSearchPat tbody td[data-title="Patient Name"] {
        max-width: 100% !important;
    }
    .patient-search-form-menu #tblSearchPat tbody td[data-title="Location"] {
        max-width:100% !important;
    }
    .patient-search-form-menu #tblSearchPat tbody td[data-title="Date of Birth"] {
        max-width: 100% !important;
    }
    .patient-search-form-menu #tblSearchPat tbody td[data-title="Contact"] {
        max-width: 100% !important;
    }
    .patient-search-form-menu #tblSearchPat tbody td[data-title="Email"] {
        max-width: 100% !important;
    }
    .patient-search-form-menu #tblSearchPat tbody td[data-title="Last Visit Date"] {
        max-width: 100% !important;
    }
    .patient-search-form-menu #tblSearchPat tbody td[data-title="Insurance"] {
        max-width: 100% !important;
    }
    .patient-search-form-menu #tblSearchPat tbody td[data-title="Balance"] {
        max-width: 100% !important;
    }
    .patient-search-form-menu #tblSearchPat tbody td[data-title="Action"] {
        max-width: 100% !important;
    }
    .common-sub-tab .nav-link {
        min-width: 70px !important;
        width: 120px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #nav-Benefits .Benefits-details-tab .col-md-6 {
        width: 50% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #nav-Benefits .Benefits-details-tab .card-body{
        padding-left: 0px;
        padding-right: 0px;
    }
    #nav-Benefits .Benefits-details-tab .card-body .d-flex {
        text-align: left;
    }
    #divPatAppt .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    #tbl-patients-appt-list_info tr td center span{
        text-align: center !important;
    }
    #modal-find-appt-form .col-md-5.p-l-5{
        padding-left: 0px !important;
    }
    #modal-find-appt-form .col-md-8.p-l-5{
        padding-left: 0px !important;
    }
    #modal-find-appt-form .col-md-4.p-l-5{
        padding-left: 0px !important;
    }
    #appointmentDetailsSection .col-md-6.row{
        padding-left: 0px;
        padding-right: 0px;
    }
    #patientContactSection .col-md-6.row{
        padding-left: 0px;
        padding-right: 0px;
    }
    #logSection .col-md-6.row{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divPatTreatmentPlan .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divPatMemo .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divPatMemo .col-sm-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divPatDoc .col-md-6 {
        width: 100% !important;
        flex: 100% !important;
        float: left;
        justify-content: start;
        display: flex;
        padding-left: 0px;
        padding-right: 0px;
    }
    .folder-view .col-md-3, .folder-view .col-md-9{
        padding-left: 0px !important;
        padding-right: 0px;
    }
    #accessRight .col-md-12, #accessRight .container-fluid{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divPrescription .col-md-6 {
        padding-left: 0px;
        padding-right: 0px;
    }
    #modal-add-prescription #btnAddPharmacy {
        margin-top: 4px !important;
    }
    #modal-add-prescription .col-md-8.text-end{
        text-align: left !important;
    }
    #modal-add-prescription .col-md-8.text-end .btn{
        margin-top: -11px !important;
        margin-bottom: 10px;
    }
    #SearchMedication .card.card-body.border-0{
        padding: 0px !important;
    }
    #prescriptionData #prescriptioninfo td{
        padding-left: 0px !important;
    }
    #prescriptionData #prescriptioninfo tr td{
        padding-left: 150px !important;
    }
    #prescriptionData #prescriptioninfo td .prescription-list-table tr td{
        width: 100% !important;
    }
    #nav-autopay .col-md-6{
        width: 50% !important;
        padding-left: 0px;
        padding-right: 0px;
    }
    #divAccount .nav-link {
        min-width: 95px;
    }
    #nav-autopay #auto_payment{
        margin-top: 0px !important;
    }
    #nav-autopay .row{
        align-items: center;
    }
    #nav-autopay .add-and-filter-sec .btn {
        margin-left: 2px;
        margin-bottom: 5px;
        float: right;
    }
    #tbl-pat-autopay-list_note{
        padding-left: 0px;
        padding-right: 0px;
    }
    #tbl-pat-receipt-list_note {
        padding-left: 0px;
        padding-right: 0px;
    }
    #nav-ledger .col-md-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    #nav-ledger .report-descripion{
        margin-bottom: 10px;
    }
    .report-filter-form .col-sm-4{
        padding-left: 0px;
        padding-right: 0px;
    }
    .report-filter-form .col-sm-4.mb-3{
        margin-bottom: 0px !important;
    }
    #DivTrn .trn_pat_data .col-md-3{
        padding-left: 0px;
        padding-right: 0px;
    }
    #DivTrn .trn_pat_data .col-md-9{
        padding-left: 0px;
        padding-right: 0px;
    }
    #DivTrn .without-header-listing .inner-page-title-block{
        padding-left: 0px;
        padding-right: 0px;
    }
    .trn_ins_info .col-md-6{
        text-align: left !important;
    }
    .open_acc_pat_data .col-md-3, .open_acc_pat_data .col-md-9{
        padding-left: 0px;
        padding-right: 0px;
    }
    .open_acc_pat_data .col-md-6{
        text-align: left !important;
    }
    .open_acc_pat_data .inner-page-title-block{
        padding-left: 0px;
        padding-right: 0px;
    }
    #DivOpenAcc .add-and-filter-sec .btn {
        width: 92px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .open_acc_pat_data .col-md-9.d-flex.tbl-pat-open_act-list_note .col-md-2{
        width: 30% !important;
        padding-left: 0px !important;
    }
    .open_acc_pat_data .col-md-9.d-flex.tbl-pat-open_act-list_note{
        display: ruby !important;
    }
    .open_acc_pat_data .col-md-9.d-flex.tbl-pat-open_act-list_note table{
        margin-bottom: 0px !important;
        table-layout: fixed;
    }
    #divPatHist .tab-block .tab-content {
        padding: 10px 0px !important;
    }
    #divPatHist .allergy-details-tab .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 50% !important;
        flex:50% !important;
    }
    #tbody-tbl-pat-alg-list tr td{
        width: 100% !important;
    }
    #divPatHist .medication-detail-block .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 50% !important;
        flex:50% !important;
    }
    .blood-pressure-detail-block .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
        width: 50% !important;
        flex:50% !important;
    }
    .blood-pressure-detail-block .col-sm-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .medication-detail-block .row{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .medication-detail-block .col-md-6{
        width: 50% !important;
        flex:50% !important;
    }
    .medication-detail-block .card.border-0{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .insurance-benefits-cards.ins-benefits-cards.benifits-tab.pt-10 .card-body .col-md-12.mb-5px.d-flex{
        flex-direction: row !important;
    }
    .insurance-benefits-cards.ins-benefits-cards.benifits-tab.pt-10 .card-body .col-md-12.mb-5px.d-flex .col-md-2{
        width: 20% !important;
        flex: 20% !important;
    }
    .insurance-benefits-cards.ins-benefits-cards.benifits-tab.pt-10 .card-body .col-md-12.mb-5px.d-flex .col-md-5{
        width: 40% !important;
        flex: 40% !important;
    }
    #prescriptioninfo .prescription-list-table{
        padding: 0px !important;
    }
    .profile-page-tab-content .tab-block #nav-tabContent{
        padding: 0px !important;
    }
    #divPatOrtho .nav.nav-tabs.common-sub-tab.justify-content-between{
        margin-bottom: 10px;
    }
    #DivOpenAcc .open_acc_pat_data .col-md-12.mb-5px.d-flex{
        flex-direction: row !important;
    }
    #DivOpenAcc .open_acc_pat_data .col-md-12.mb-5px.d-flex .col-md-4{
        width: 33% !important;
        flex: 33% !important;
    }
    #divPatTreatmentPlan #POST_TREATMENT_TABLE tr td{
        padding-left: 150px !important;
    }
    #divPatTreatmentPlan #POST_TREATMENT_TABLE td{
        padding-left: 0px !important;
    }
    #divPatTreatmentPlan #POST_TREATMENT_TABLE .note-list-table{
        padding: 0px;
    }
    #tbl-pat-claim-list_note{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #tbl-pat-ptr-list_note{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .open_acc_ins_info .open_acc_pat_pri_ins .mb-1.mt-5px.benefit-boby.row .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
        width: 50% !important;
        flex:50% !important;
    }
    #DivTrn .trn_pat_data .col-md-12.mb-5px.d-flex{
        flex-direction: row !important;
    }
    #DivTrn .trn_pat_data .col-md-12.mb-5px.d-flex .col-md-4{
        width: 33% !important;
        flex: 33% !important;
    }
    .trn_ins_info .trn_pat_pri_ins .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
        width: 50% !important;
        flex:50% !important;
    }
    .cur-trt-option {
        margin-left: 0px !important;
        margin-bottom: 10px;
    }
    #div_cur_chart_dates {
        margin-bottom: 10px;
    }
    #divTrtPdfChart{
        text-align: left !important;
        margin-bottom: 10px !important;
    }
    .procedure-back-btn i {
        margin-right: 7px !important;
    }
    #btnGetPdfChartTrt i{
        margin-right: 7px !important;
    }
    #tbl_trt_chart #tooth img {
        height: 100px;
        width: 20px;
    }
    #tbl_trt_chart{
        table-layout: fixed;
    }
    #modal-add-traetment-chart-form #t_charting_notes{
        width: 95% !important;
        margin-left: 10px;
        height: 70px !important;
    }
    .chart-page.bg-lightgoldenrodyellow.div_tbl_trt_chart{
        margin-bottom: 10px;
    }
    #btnAddGrpLineOfItem, #btnRemoveGrpLineOfItem{
        margin-bottom: 10px;
    }
    .procedure-block.tret-chart{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .procedure-block.tret-chart form .d-flex.mt-10px{
        margin-top: 0px !important;
    }
    .procedure-block.tret-chart form .d-flex.mt-10px .col-md-3.ms-1 {
        margin-top: -9px !important;
    }
    .procedure-block.tret-chart form .row .col-md-3 {
        width: 25%;
        margin-bottom: 5px;
        margin-right: 2px;
        margin-top: 0px !important;
    }
    .procedure-block.tret-chart form .row .col-md-3 {
        width: 24%;
        margin-bottom: 10px;
        margin-right: 0px;
        margin-top: 0px !important;
    }
    #btnAddTrtPlan{
        margin-bottom: 5px;
    }
    #trt_tbl_plan #tbody_trt_tbl_plan select{
        font-size: 12px !important;
    }
    .procedure-back-btn {
        min-width: 30px;
    }
    .procedure-back-btn i{
        margin-right: 0px !important;
    }
    #div_perio_chart_dates #perio_chart_dates_chosen{
        margin-top: 10px !important;
    }
    #btnPdfPerioChart, #btnDeletePerioChart{
        margin-left: 0px !important;
        margin-bottom: 5px !important;
    }
    #nav-PeriodontalChart .col-md-2.p-t-5{
        margin-left: 0px !important;
        margin-bottom: 10px !important;
    }
    #div_pario_chart_dates.col-md-3.p-b-5{
        margin-left: 0px !important;
    }
    #modal-add-perio-chart-form{
        margin-top: 10px !important;
    }
    #modal-add-perio-chart-form .chart-page.bg-aliceblue {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    #modal-add-perio-chart-form .chart-page.bg-aliceblue table td input{
        height: 10px !important;
        width: 25% !important;
    }
    #store_update_referral_form{
        padding-left: 0px;
        padding-right: 0px;
    }
    #nav-RegistrationForm .theme-subtitle.text-purpal.m-b-10 button {
        width: 30% !important;
        margin-top: 0px !important;
    }
    #nav-MedClearance #btnPatMedClearance {
        margin-top: -7px;
    }
    #addEditLabOrderForm{
        padding-left: 0px;
        padding-right: 0px;
    }
    #store_med_clr_form{
        padding-left: 0px;
        padding-right: 0px;
    }
    #tbody_trt_tbl_plan1 select{
        font-size: 12px;
    }
    #trt_tbl_plan{
        margin-bottom: 0px !important;
    }
    #divPatHist .allergy-details-tab .col-md-6 .add-and-filter-sec{
        float: right !important;
    }
    #divPatHist .medication-detail-block .col-md-6 .add-and-filter-sec{
        float: right !important;
    }
    .blood-pressure-detail-block .col-md-6 .add-and-filter-sec{
        float: right !important;
    }
    #divPatHist .medication-detail-block .col-md-6 .add-and-filter-sec{
        float: right !important;
    }
    #divPatHist .medication-detail-block .accordion-body{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #tbody-tbl-pat-med-list tr td{
        width: 100% !important;
    }
    #pat_trn_notes_table tbody td[data-title="Record#"] {
        width: 100% !important;
    }
    #pat_trn_notes_table tbody td[data-title="Procedure"] {
        width: 100% !important;
    }
    #pat_trn_notes_table tbody td[data-title="Note Date"] {
        width: 100% !important;
    }
    #pat_trn_notes_table tbody td[data-title="User"] {
        width: 100% !important;
    }
    #pat_trn_notes_table tbody td[data-title="Tx Note"] {
        width: 100% !important;
    }
    .alert-icon img {
        width: 20px;
    }
    .patient-profile-page-content .card.inner-pages-common-header .col.justify-content-end.text-end .btn.icon-btn.me-1 {
        position: absolute;
        right: 0px;
        top: 13px;
    }
    .patient-profile-page-content .card.inner-pages-common-header .col.justify-content-end.text-end #memoPin {
        position: absolute;
        right: 10px;
        top: 13px;
    }
    .patient-profile-page-content .card.inner-pages-common-header .col.justify-content-end.text-end #memoStickyNote {
        position: absolute;
        right: 30px;
        top: 10px;
    }
}

@media only screen and (max-width:599px) and (min-width:400px) {

    .skin-megna-dark .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
        width: 110px;
    }
    .topbar .top-navbar .navbar-header {
        border-right:none;
    }
    .skin-megna-dark .left-sidebar .nav-text-box {
        border-color: var(--border-color);
        background: #fff;
    }

    .left-sidebar .nav-text-box img {
        width: 130px;
    }

    .left-sidebar .nav-toggler {
        text-decoration: none;
    }

    .left-sidebar .nav-toggler {
        text-decoration: none;
        margin-top: 6px;
    }

    .left-sidebar .sidebar-nav>ul>li {
        margin-bottom: 0px;
        margin-top: 0px;
        margin-left: 0px !important;
    }
    .left-sidebar .sidebar-nav {
        padding: 0px 0 0 0;
    }
    .left-sidebar #sidebarnav>li>a {
        padding: 7px 10px 7px 10px !important;
    }

    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: flow-root;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tr {
        border: 1px solid #ccc;
    }

    #no-more-tables td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left !important;
        padding-left: 150px !important;
        padding-top: 4px;
        padding-bottom: 4px;
        /* float: right; */
        min-height: 30px;
    }

    #no-more-tables td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 35%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: 500;
        color: #000;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #no-more-tables td::after {
        content: ":";
        position: absolute;
        left: 135px;
        color: #000;
        font-weight: 500;
        top: 8px;
    }

    #no-more-tables td {
        text-align: left !important;
    }

    #no-more-tables td center,
    #no-more-tables td .text-center,
    #no-more-tables td .center {
        text-align: left !important;
    }

    #no-more-tables .cspl-div.right {
        text-align: left !important;
    }

    /* Used for table footer alignment */
    .responsive-tbl-pagination {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
    }
    /*
 Label the data
 */
    #no-more-tables td:before {
        content: attr(data-title);
    }

    .add-and-filter-sec {
        text-align: left;
        /* justify-content: flex-end; */
        margin-top: 10px;
        float: left;
    }

    .form-check .form-check-input {
        float: left;
        margin-right: 5px;
    }

    .bottom-action-btn .btn {
        min-width: auto !important;
        margin-bottom: 7px;
    }

    .patient-alert-icon {
        display: block;
        padding: 0px;
    }

    .insurance-benefits-cards .card-options a {
        font-size: 13px;
        width: 77px;
        display: inline-block;
        margin-bottom: 7px;
    }

    .insurance-benefits-cards .card-options {
        float: left;
        text-align: left;
        display: block;
    }

    .back-btn {
        margin-top: -6px;
        text-align: center !important;
        margin-bottom: 0px;
    }

    .folder-view .col-md-3 {
        width: 100%;
    }

    .folder-view .col-md-9 {
        width: 100%;
        padding-left: 12px;
        margin-top: 12px;
    }

    .table-responsive .d-flex.align-items-center {
        display: block;
    }

    .inner-page .nav-toggler {
        display: block;
    }

    .inner-page .navbar-collapse .navbar-nav {
        text-align: right;
        margin-right: 0px;
    }
    /* Appointment pages */
    .color-indicators {
        width: 150px;
        margin-left: 0px;
        position: relative;
        margin-right: 5px;
        height: 94px;
    }

    .schedular-filters {
        display: block;
        width: 56%;
        margin-left: 0px;
    }

    .console-schedular .appointment-count ul li span {
        font-size: 14px;
    }

    .appointment-count .text-gray {
        font-size: 12px;
    }

    .appointment-count {
        line-height: 18px;
    }

    .console-schedular .appointment-count ul {
        display: flex;
        justify-content: flex-start;
        margin-bottom: 10px;
    }

    .color-indicators ul {
        font-size: 12px;
        line-height: 20px;
    }

    .console-schedular {
        padding: 10px 0px;
    }

    .timeslot {
        min-width: 0px;
        padding: 0px 2px;
        font-size: 8px;
        line-height: 12px !important;
        padding-top: 7px !important;
    }

    .doctor-on-table {
        /* display: none; */
    }

    .grids-doctos {
        margin: 5px 0px 0px 7px;
        height: fit-content;
    }

    .passenger-info ul {
        font-size: 10px;
    }

    .appointment-confirmed {
        right: 1px;
        top: -1px;
        font-size: 8px;
    }

    .passenger-info {
        padding: 0px 5px;
        flex-basis: 100%;
        min-width: 50px;
        overflow-x: unset;
    }

    .passenger-info {
        padding: 0px 2px;
        min-width: 50px;
    }

    .passenger-info .alert-icon img {
        width: 9px;
    }

    .ride {
        width: 100% !important;
        font-size: 9px;
        display: block !important;
    }
    .ride .pass-name{
        font-size: 9px !important;
    }
    .ride img{
        width: 10px !important;
        height: 10px !important;
    }

    .assigned {
        left: 189px !important;
    }

    .ride.major-assigned {
        left: 127px !important;
    }

    .major-assigned-critical {
        left: 191px !important;
    }

    .theme-subtitle {
        margin-bottom: 13px !important;
    }

    .red-background {
        text-align: center;
    }

    select {
        width: 100%;
    }

    .tab-style-5 nav {
        width: 25%;
    }

    .tab-style-5 nav button {
        height: 30px;
        font-size: 11px;
        padding: 0px 3px;
        padding-left: 3px;
        line-height: 13px;
    }

    .accordian-righ-panel-sec {
        width: 75%;
        padding: 5px 5px !important;
    }

    .accordion-button {
        padding: 5px 10px;
        font-size: 12px;
    }

    .accordion-body {
        padding: 5px 10px;
    }

    /* .pull-right {
        float: left !important;
    } */

    .add-and-filter-sec .btn {
        margin-left: 2px;
        margin-bottom: 5px;
        float: left;
    }

    tbody,
    td,
    tfoot,
    th,
    thead,
    tr {
        font-size: 12px;
    }

    h5 {
        font-size: 14px;
    }

    .btn-outline-primary1 {
        min-width: 60px;
        font-size: 12px;
        padding: 3px 4px !important;
        height: 30px;
    }

    .btn-primary1 {
        min-width: 84px;
        font-size: 13px;
        padding: 3px 4px !important;
        height: 30px;
    }

    .insurance-benefits-cards .card-title {
        margin-bottom: 10px;
        font-size: 14px;
    }

    .insurance-benefits-cards .card-title span {
        font-size: 14px;
    }

    .card-options {
        padding: 0px 0px;
    }

    .insurance-benefits-cards .left-side {
        width: 35%;
        font-size: 12px;
    }

    .insurance-benefits-cards .right-side {
        width: 46%;
        font-size: 12px;
    }

    .row.mb-3 {
        margin-bottom: 0px !important;
    }

    p {
        font-size: 12px;
        text-align: justify;
    }

    .inner-page-title-block .card-options a span {
        display: none;
    }

    .patient-profile-img.patient-profile-img {
        width: 35px;
    }

    .col-md-5 .card-title .patient-alert-icon {
        display: inline;
        padding: 0px;
    }

    .folder-view .nav-tabs .nav-link {
        font-size: 14px;
    }

    .branch a {
        font-size: 14px;
    }

    .administration-pages table td {
        font-size: 12px !important;
    }

    .administration-pages .inner-pages-wrapper {
        padding-top: 80px !important;
    }

    .administration-pages .menu-title {
        font-size: 11px;
    }

    .tab-style-5 ul a {
        height: 30px;
        padding-left: 3px;
        padding-right: 3px;
    }

    .master-listing-pages .tab-style-5 {
        width: 25%;
    }

    .master-listing-pages .card-body {
        padding: 5px;
    }

    .master-listing-pages .paging_simple_numbers .pagination .paginate_button a {
        border: 0;
        font-size: 12px;
    }

    .master-listing-pages .paginate_button {
        padding: 0px !important;
    }

    .dataTables_paginate .pagination {
        margin-bottom: 5px;
    }

    .red-background {
        font-size: 12px;
    }

    .green-background {
        font-size: 12px;
    }

    .tab-style-5 .pagination .page-link {
        height: 30px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .report-filter-form .form-label {
        text-align: left;
        margin-bottom: 5px;
    }

    .administration-pages .topbar .top-navbar .navbar-nav>.nav-item>.nav-toggler {
        display: block;
        line-height: 0px;
    }

    .inner-page.administration-pages .navbar-collapse .navbar-nav {
        margin-right: -5px;
        line-height: 16px;
    }

    .inner-page.administration-pages .nav-toggler {
        display: block;
    }

    .login-form {
        width: 100% !important;
    }

    .accordion-item .col-md-3 span {
        font-size: 12px;
    }

    .accordian-righ-panel-sec .accordion-body .col-md-3 {
        width: 50% !important;
        margin-bottom: 5px;
    }

    .accordian-righ-panel-sec .accordion-body .col-md-12.text-end {
        text-align: left !important;
        margin-top: 10px;
    }

    .accordian-righ-panel-sec .accordian-add-btn .btn-outline-primary1 {
        min-width: 84px;
        font-size: 11px;
        padding: 0px 4px !important;
        height: 22px;
    }
    .row{
        margin-left: 0px;
        margin-right: 0px;
    }
    .pending-actions .item-count {
       text-align: center;
    }
    .pending-actions .item-title {
        text-align: center;
    }
    .appointment-summary-block {
        display: grid !important;
        grid-template-columns: 50% 50%;
    }
    .appointment-summary-block .single-block {
        width: 95% !important;
    }
    .item-count {
        text-align: center !important;
     }
     .item-title {
        text-align: center !important;
    }
    .pa-dashboard .pr-5{
        padding-right: 0px !important;
    }
    .pa-dashboard .col-md-6.col .row .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .pa-dashboard .pl-5{
        padding-left: 0px !important;
    }
    .pa-dashboard .col-md-3.col .col-md-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .pa-dashboard .col-md-3.col .col-lg-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .topbar .navbar-nav .profile-img {
        line-height: 20px !important;
        /* margin-top: 12px; */
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    #btnLogout i{
       vertical-align: middle !important;
    }
    .topbar .top-navbar .navbar-nav>.nav-item.show .dropdown-menu {
        margin-top: 11px !important;
        padding-bottom: 0px;
        border-radius: 0px;
    }
    .topbar .top-navbar .navbar-nav>.nav-item.show .dropdown-menu .d-flex.no-block.align-items-center{
        padding: 5px 15px !important;
    }
    .topbar .top-navbar .navbar-nav>.nav-item.show .dropdown-menu .w-60.h-60{
        width: 40px !important;
        height: 40px !important;
    }
    .topbar .top-navbar .navbar-nav>.nav-item.show .dropdown-menu h4{
        font-size: 16px !important;
    }
    .topbar{
        padding-right: 0px !important;
    }
    .topbar .dropdown-menu .dropdown-item {
        padding: 7px 20px !important;
        font-size: 15px !important;
    }
    .topbar .dropdown-menu .dropdown-item .dropdown-divider {
        margin: 2px 0 !important;
    }
    .topbar .top-navbar .navbar-nav>.nav-item.show .dropdown-menu.mailbox {
        width: 100% !important;
        z-index: 100;
        right: 0px;
        margin-top: 0px !important;
        border-radius: 0px !important;
    }
    .navbar-dark .mailbox ul li .drop-title {
        border-radius: 0px !important;
        padding: 5px 20px 5px !important;
    }
    .navbar-dark .mailbox ul li .nav-link {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        font-size: 12px !important;
    }
    .navbar-dark .mailbox .message-center {
        padding: 10px 0px !important;
    }
    .navbar-dark .mailbox .message-center a {
        padding: 5px 15px !important;
    }
    .navbar-brand{
        display: none !important;
    }
    .logo-block{
        display: block !important;
        padding: 0px !important;
    }
    .nav-item.d-md-none .logo-block{
        display: none !important;
    }
    .navbar-nav.mr-auto .logo-block{
        display: none !important;
    }
    .left-sidebar .ti-close{
        color: #000;
    }
    fieldset {
        padding: 10px 5px;
    }
    fieldset legend {
        margin-top: -23px !important;
        padding: 0px 13px !important;
        margin-left: 0px !important;
        font-size: 15px !important;
    }
    .col-md-12.patient-search{
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
    .patient-search-form-menu .card-body{
        padding: 0px !important;
    }
    .select.chosen-select{
        height: 30px;
        padding: 5px 10px;
        border: 1px solid var(--border-color);
        border-radius: 3px;
        margin-bottom: 7px;
    }
    .search-form-action-btn{
        margin-bottom: 10px;
    }
    #tblSearchPat{
        width: 100% !important;
    }
    .card.inner-pages-common-header .card-header{
        padding: 5px 0px !important;
    }
    .administration-pages .table tbody td {
        overflow: hidden;
        max-width: 100% !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .card.inner-pages-common-header .col-md-6{
        text-align: left !important;
    }
    .inner-pages-common-header .back-btn {
        padding: 5px !important;
    }
    .profile-page-tab-content .theme-subtitle {
        margin-bottom: 0px !important;
    }
    .accordian-add-btn {
        right: 25px;
        top: 2px;
    }
    #collapseProfile .col-md-3{
        width: 50%;
        line-height: 25px;
    }
    #collapseProfile .row{
        margin-bottom: 0px !important;
    }
    .chosen-container{
        margin-bottom: 7px;
    }
    #modal-add-edit-patient-address-form .form-check.form-switch.col-md-12.pt-10{
        padding-top: 0px !important;
        padding-left: 18px !important;
    }
    #modal-add-edit-patient-address-form .form-check .form-check-input {
       margin-right: 5px;
    }
    #divPatBenefits .col-md-6{
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #divPatBenefits .col-md-6 span.pull-right{
        float: left !important;
    }
    #divPatBenefits .add-and-filter-sec{
        text-align: right !important;
        float: right !important;
    }
    .card.benefit-sec .benefit_card{
        padding: 10px 0px  !important;
    }
    #divBenefitSecondary .benefit_card{
        padding: 10px 0px  !important;
    }
    .check-eligibility-btn {
        min-width: 20px;
        padding: 0px !important;
        margin-top: -3px;
    }
    #no-more-tables .dataTables_empty{
        text-align: center !important;
        padding-left: 10px !important;
    }
    #divPatAppt .col-md-6{
        width: 50% !important;
    }
    #divPatAppt .add-and-filter-sec{
        float: right !important;
    }
    #modal-search-patient-appt-form .form-check {
        margin-right: 5px !important;
    }
    #divPatMemo .col-md-6{
        width: 50% !important;
    }
    #divPatMemo .add-and-filter-sec{
        float: right !important;
    }
    #divPatDoc .col-md-6{
        width: 50% !important;
    }
    #divPatDoc .add-and-filter-sec{
        float: right !important;
    }
    #divPrescription .col-md-6{
        width: 50% !important;
    }
    #divPrescription .add-and-filter-sec{
        float: right !important;
    }
    #divPatTreatmentPlan .add-and-filter-sec {
        float: left !important;
        margin-top: 10px;
    }
    #divPatTreatmentPlan .filter-area .col-md-3, #divPatTreatmentPlan .filter-area .col-sm-3{
        width: 50%;
    }
    #divPatTreatmentPlan .filter-area .filter-btn{
        margin-top: 10px;
    }
    #divPatTreatmentPlan .filter-area{
        margin-bottom: 10px;
        border: 1px solid var(--border-color);
        border-radius: 4px;
    }
    #divPatTreatmentPlan .filter-area .collapse.show{
        padding: 10px 0px;
    }
    .claim-detail-block {
        padding: 10px 0px;
    }
    .claim-detail-block .demo .w-205px {
        width: 210px !important;
    }
    .claim-detail-block .demo .w-180px {
        width: 180px !important;
    }
    .treatment-notes-details .back-btn{
        line-height: 22px;
    }


    .inner-page .inner-pages-wrapper {
        padding-top: 5px !important;
    }
    .common-sub-tab .nav-link {
        min-width: 70px !important;
        width: 90px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .inner-page .inner-pages-wrapper .inner-page-title-block .theme-subtitle {
        margin-bottom: 5px !important;
        margin-left: -22px;
    }
    .inner-page .inner-pages-wrapper .tab-block .tab-content {
        padding: 10px 0px;
    }

    .date-formate {
        margin-bottom: 7px !important;
    }
    .claim-detail-block .filter-btn{
        padding: 0px 12px !important;
    }
    .title-with-button .col-md-6{
        width: 50%;
        max-width: 50% !important;
    }
    .title-with-button .btn-block {
        justify-content: start;
        display: flex;
        padding-right: 0px !important;
    }
    .without-header-listing .claim-detail-block {
        width: 100% !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .col-md-6.btn-block .btn_autopay{
        margin-right: -12px;
    }
    .container-fluid.administration-pages.mt-3{
        margin-top: 0px !important;
    }
    .administration-pages .master-listing-pages {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .administration-pages .menu-title {
        padding: 0px 4px !important;
        line-height: 23px !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .administration-pages .master-listing-pages .tab-style-5 ul a {
        height: 26px !important;
    }
    .card-style.accordian-righ-panel-sec.report-block{
        width: 75%;
        padding: 5px 5px !important;
        box-shadow: none;
        padding-right: 0px !important;
    }
    .tab-pane .inner-page-title-block  .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .tab-pane .col-md-12.mt-2 .card.card-body {
        margin-bottom: 5px;
        border-radius: 2px;
        padding: 10px 10px;
    }
    .tab-pane .col-md-12.mt-2 .card.card-body .col-md-4{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .tab-pane .col-md-12.mt-2 .card.card-body .filter-btn{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .inner-page-title-block .col-md-6 {
        width: 50% !important;
        max-width: 50% !important;
        margin-top: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .inner-page-title-block .col-md-6.text-end.back-btn{
        text-align: end !important;
    }
    .theme-subtitle.text-purpal{
        margin-bottom: 0px !important;
    }
    .back-btn i{
        vertical-align: middle !important;
    }
    .report-page-block .card.mt-2 .card-body{
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .report-page-block .report-descripion{
        margin-bottom: 10px;
    }
    .report-page-block .report-filter-form .form-label {
        padding-left: 15px !important;
        margin-bottom: 5px !important;
    }

    .card-div{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .administration-index{
        margin-top: 0px;
    }
    .administration-index .card-div .card-body{
        padding: 0px !important;
    }
    .administration-index .card-div .card-body .col-md-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .administration-index .card-div .administration_accordion_body {
        height: auto;
    }
    .administration_accordion_body ol {
        margin-bottom: 0px;
    }
    .master-pages .card-body{
        padding: 0px !important;
    }
    .master-pages .theme-subtitle.text-purpal {
        margin-bottom: 10px !important;
    }
    .master-detail-page.administration-pages .menu-title {
        padding: 5px 4px !important;
        line-height: 15px !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .master-detail-page.administration-pages .master-listing-pages .tab-style-5 ul a {
        height: auto !important;
    }
    .breadcrumb-nav-div .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .breadcrumb-nav-div .add-and-filter-sec .btn {
        margin-top: 0px;
    }
    .master-detail-page .accordion-header .accordion-button .text-purpal{
        padding-top: 0px !important;
        font-size: 13px !important;
    }
    /* .master-detail-page .accordion-body{
        padding: 0px !important;
    } */
    .master-detail-page .accordion-body .col-md-3{
        width: 50%;
        padding: 0px 10px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .master-detail-page .accordion-item {
        border-radius: 0px !important;
    }
    .master-detail-page .accordion-body .colon {
        position: absolute;
        left: 130px;
    }
    #tbl-office-social-links-list{
        margin-bottom: 0px;
        border: none;
    }
    #btnModalAddSocialLink {
        padding-left: 0px;
        font-size: 14px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 10px;
    }
    .card-header label.text-purpal {
        font-size: 13px !important;
        padding-top: 5px !important;
    }
    #divOfficeSocialLink .card{
        border-radius: 0px !important;
    }
    .master-detail-page #no-more-tables tr {
       border: none;
    }
    #tbl-office-office-timing-list{
        border: none;
        margin-bottom: 0px;
    }
    #tbl-office-holiday-list{
        border: none;
        margin-bottom: 0px;
    }
    .master-detail-page table{
        border: none;
        margin-bottom: 0px;
    }
    #btnModalAddOfficeEvents{
        padding-left: 0px;
        font-size: 14px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 10px;
    }
    .master-detail-page #no-more-tables table  td{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .customer-detail-offcanvas #ModalDoctorView .col-md-3{
        width: 40%;
    }
    .customer-detail-offcanvas #ModalDoctorView .col-md-1{
        width: 10%;
    }
    .customer-detail-offcanvas #ModalDoctorView .col-md-8{
        width: 50%;
    }
    #ModalDoctorView .communication-btn li {
        line-height: 30px;
        width: 30px;
        height: 30px;
    }
    #btnModalAddTable{
        padding-left: 0px;
        font-size: 14px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 10px;
    }
    #divOfficeTables .card-header .text-purpal{
        padding-top: 5px !important;
    }
    .customer-detail-offcanvas #ModalOfficeEventsView .col-md-3{
        width: 40%;
    }
    .customer-detail-offcanvas #ModalOfficeEventsView .col-md-1{
        width: 10%;
    }
    .customer-detail-offcanvas #ModalOfficeEventsView .col-md-8{
        width: 50%;
    }
    .patient-profile-chart h3 {
        font-size: 16px;
        padding: 5px 10px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #tbl-office-list{
        border: none;
    }
    .customer-details-in-offcanvas .upcoming-appointment {
        margin-top: 0px;
    }
    #tbl_activity_log_wrapper.dataTables_wrapper .dataTables_paginate {
        width: auto;
    }
    #tbl_activity_log_wrapper.dataTables_wrapper .dataTables_length {
        float: right;
        margin-right: 0px;
        margin-left: 20px;
        margin-top: 0px;
    }
    #tbl_activity_log_wrapper .col-sm-12{
        display: flex;
        padding-left: 0px;
        padding-right: 0px;
    }
    .master-pages #collapseExample .card-body {
        padding: 10px 0px !important;
    }
    .customer-detail-offcanvas #ModalEmpView .col-md-3{
        width: 40%;
    }
    .customer-detail-offcanvas #ModalEmpView .col-md-1{
        width: 10%;
    }
    .customer-detail-offcanvas #ModalEmpView .col-md-8{
        width: 50%;
    }
    #ModalEmpView .patient-profile-chart{
        margin-bottom: 10px;
    }
    #ModalEmpView .col-md-4.text-muted{
        width: 50%;
    }
    #ModalEmpView .col-md-8.text-break{
        width: 50%;
    }
    #ModalEmpView .patient-profile-chart .flex-row .m-l-10.align-self-center{
        margin-left: -10px !important;
    }
    #ModalEmpView .patient-profile-chart h3 {
        font-size: 16px;
        padding: 5px 10px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .upcoming-appointment .accordion-body.accordion-box-btm .col-md-7{
        width: 40%;
    }
    .upcoming-appointment .accordion-body.accordion-box-btm .col-md-5{
        width: 50%;
    }
    .upcoming-appointment .accordion-body.accordion-box-btm .col-md-1{
        width: 10%;
    }
    .upcoming-appointment .accordion-body.accordion-box-btm .col-md-6{
        width: 40%;
    }
    #ModalInventoryLocationView .patient-profile-chart .m-l-10{
        margin-left: 0px !important;
    }
    #ModalInventoryLocationView .patient-profile-chart .col-md-4{
        width: 40%;
    }
    #ModalInventoryLocationView .patient-profile-chart .col-md-7{
        width: 50%;
    }
    #ModalInventoryLocationView .patient-profile-chart .col-md-1{
        width: 10%;
    }
    .master-detail-page .add-and-filter-sec{
        margin-top: 10px;
        margin-bottom: 0px;
    }
    .profession-list-back .back-btn{
        margin-top: 1px !important;
    }
    #ModalProfView .patient-profile-chart{
        margin-bottom: 10px;
    }
    #btnModalEditPPOPlanParticipation{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #btnModalEditPPOPlanCredentials{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #divPPOPlanParticipation .card{
        border-radius: 0px;
    }
    .master-detail-page span.prof_full_name{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #btnModalOpenProfSchedule{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #divProfTiming #example_wrapper .col-sm-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    #addDoctorProgressNotes{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #divDoctorPrescription .text-purpal.pt-5.fs-15{
        padding-bottom: 10px;
    }
    #btnModalAddProcSpecReq{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #accordionProfProcSpcReq .text-purpal.pt-5.fs-15{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 200px;
    }
    #divProfDoc .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divProfDoc .pad-top-bot-0{
        padding-top: 5px !important;
        padding-left: 10px;
    }
    #divProfDoc .card-body {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
    }
    #divProfDoc .card-body .col-md-9{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divProfDoc .tree{
        display: none;
    }
    #btn_cha_login_pass{
        margin-top: 4px;
        margin-left: 2px;
    }
    #addProfEmpDetailBtn{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #divProfEmpDetail .card-header button{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #divProfEmpDetail .text-purpal.pt-5{
        padding-bottom: 10px !important;
    }
    #divProfEmpDetail .row.mb-1  .col-md-3 {
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #divProfEmpDetail .row.mb-1 .col-md-3 .text-gray{
        font-size: 12px;
     }
     #divProfEmpDetail .card{
        border-radius: 0px;
        margin-bottom: 0px;
    }
    #divProfEmpDetail .col-md-4 {
        width: 40%;
        padding-left: 0px;
        padding-right: 0px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #divProfEmpDetail .col-md-1 {
        width: 10%;
        padding-left: 0px;
        padding-right: 0px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #divProfEmpDetail .col-md-7 {
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #tbl-appt-color-code-list_wrapper .col-sm-12{
        display: flex;
    }
    #tbl-appt-color-code-list_wrapper .col-sm-12{
        display: flex;
    }
    #tbl-appt-color-code-list_wrapper .col-sm-12 .dataTables_paginate{
        text-align: left;
    }
    #tbl-appt-color-code-list_wrapper .col-sm-12 .dataTables_length{
        margin-left: 10px;
        text-align: left;
    }
    #ModalProceduresView .upcoming-appointment{
        margin-top: 10px;
    }
    #accordionProcQuickView .col-md-5{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #accordionProcQuickView .col-md-4{
        width: 45%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #accordionProcQuickView .col-md-2{
        width: 10%;
    }
    #divProcBasicDetail .card-header button{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #divProcBasicDetail .card-body .col-md-4{
        width: 45%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 0px;
        padding-right: 0px;
    }
    #divProcBasicDetail .card-body .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #divProcBasicDetail .card-body .col-md-7{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 0px;
        padding-right: 0px;
    }
    #btnAddDigCodes{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #btnEditFeesPost{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #divProcFeesPost .card-body .col-md-4{
        width: 45%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 0px;
        padding-right: 0px;
    }
    #divProcFeesPost .card-body .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #divProcFeesPost .card-body .col-md-7{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 0px;
        padding-right: 0px;
    }
    #div_notes_desc{
        padding: 5px 10px;
    }
    #divProcDoctorMapping .card{
        border-radius: 0px;
    }
    #divProcDoctorMapping .text-purpal.pt-10{
        padding-bottom: 5px !important;
        padding-top: 5px !important;
        margin-bottom: 0px;
    }
    #divProcDoctorProgressNote .text-purpal.pt-10{
        padding-bottom: 5px !important;
        padding-top: 5px !important;
        margin-bottom: 0px;
    }
    #divProcDoctorProgressNote .card{
        border-radius: 0px;
    }
    #divExpCodeBasicDetail .col-md-3{
        width: 25%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divExpCodeBasicDetail .col-md-9{
        width: 75%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 0px;
        padding-right: 5cqh;
    }
    #divExpCodeBasicDetail .card{
        border-radius: 0px;
        margin-bottom: 0px;
    }
    #btnExpCodeAddProcCode{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    .exp_code_name{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .express-code-parent{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #tbl-medication-list_wrapper #tbl-medication-list td{
        max-width: 100% !important;
    }
    #divInsBasicDetail .card-header button{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #divInsBasicDetail .text-purpal.pt-10 {
        padding-top: 5px !important;
        margin-bottom: 0px;
        padding-bottom: 5px;
    }
    #divInsBasicDetail .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divInsBasicDetail .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divInsBasicDetail .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divInsBasicDetail .card{
        border-radius: 0px;
    }
    #ModalvendorView .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalvendorView .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalvendorView .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #inhouseForm .col-md-3{
        padding-left: 0px;
        padding-right: 0px;
    }
    #inhouseForm .col-md-9{
        padding-left: 0px;
        padding-right: 0px;
    }
    #inhouseForm .col-md-3{
        padding-left: 0px;
        padding-right: 0px;
    }
    #inhouseForm .col-md-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    .standard-basic-details .tab-style-5 .nav-item a {
        font-size: 11px;
        padding-top: 5px !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-bottom: 5px;
    }
    .standard-basic-details hr{
        margin: 2px;
        margin-bottom: 10px;
    }
    .standard-basic-details .card{
        border-radius: 0px;
    }
    .standard-basic-details .card-header label.text-purpal {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-bottom: 0px;
    }
    .standard-basic-details #right-container .col-md-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    .standard-basic-details #right-container .col-md-12 .col-sm-4{
        padding-left: 5px;
        padding-right: 5px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        min-height: 20px !important;
        font-size: 12px;
    }
    .standard-basic-details #right-container .col-md-12 .col-sm-8{
        padding-left: 5px;
        padding-right: 5px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        min-height: 20px !important;
        font-size: 12px;
    }
    .standard-basic-details .btn-outline-sky-blue {
        border: none;
        background: transparent;
        padding-left: 0px !important;
        min-width: 20px;
        padding-right: 10px !important;
    }
    .standard-basic-details .table-responsive .col-sm-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    .standard-basic-details .accordion-start .card-body {
        padding: 0px !important;
    }
    .standard-basic-details #customEditButton {
        margin-right: 10px;
        margin-top: -5px;
        margin-bottom: -7px;
    }

    /* 08/12/2023  */

    #ModalppoAdd .row.p-2{
        padding: 0px !important;
    }
    #ModalPPOQuickView .upcoming-appointment{
        margin-top: 10px;
    }
    #ModalPPOQuickView .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalPPOQuickView .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalPPOQuickView .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    .bradcrumbs-block a, .bradcrumbs-block span{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #divPPOBasicDetail .card-header button{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #divPPOBasicDetail .text-purpal.pt-10{
        padding-top: 5px !important;
    }
    #divPPOBasicDetail .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divPPOBasicDetail .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divPPOBasicDetail .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divPPOBasicDetail .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px !important;
    }
    #divPPOBasicDetail .col-md-12{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px !important;
    }
    #divPPOBasicDetail .col-md-2{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divPPOBasicDetail .col-md-9{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
        margin-left: 0px !important;
    }
    #divPPOBasicDetail .card{
        border-radius: 0px !important;
    }
    #btnModalAddFeeSchedule{
        padding-left: 0px;
        padding-top: 5px;
        padding-right: 5px;
        font-size: 13px;
        margin-left: 0px !important;
    }
    #divFeeSchedule button {
        margin-left: 0px !important;
        margin-right: 5px;
        margin-bottom: 5px;
    }
    #divFeeSchedule .order-2 {
        order: 2;
        display: flex;
        margin-bottom: 5px;
    }
    #divFeeSchedule .order-1{
        order: 1;
    }
    #divFeeSchedule .order-3{
        order: 3;
    }
    #divFeeSchedule .order-4{
        order: 4;
    }
    #divFeeSchedule .card{
        border-radius: 0px;
    }
    #divEmployer .card{
        border-radius: 0px;
    }
    #divEmployer .text-purpal.pt-10{
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-bottom: 0px;
    }
    #tbl-employer-list_wrapper #tbl-employer-list tr td{
        width: 100%;
        max-width: 100% !important;
    }
    #ModalEmployerView .col-md-3{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalEmployerView .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalEmployerView .col-md-8{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divEmployerBasicDetail .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divEmployerBasicDetail .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divEmployerBasicDetail .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divEmployerBasicDetail .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px !important;
    }
    #divEmployerBasicDetail .accordion-body{
        padding-bottom: 3px !important;
    }
    #btnModalAddMedGroup{
        padding-left: 0px;
        padding-top: 5px;
        padding-right: 5px;
        font-size: 13px;
    }
    #divEmployerMedGroup .card{
        border-radius: 0px;
    }
    #btnEditMiscEmpl{
        padding-left: 0px;
        padding-top: 5px;
        padding-right: 5px;
        font-size: 13px;
    }
    #divEmployerMiscEmpl .text-purpal.pt-10{
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-bottom: 0px;
    }
    #divEmployerMiscEmpl .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divEmployerMiscEmpl .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divEmployerMiscEmpl .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divEmployerMiscEmpl .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px !important;
    }
    #divEmployerMiscEmpl .card{
        border-radius: 0px;
    }
    #divEmployerMedInsNotes .card{
        border-radius: 0px;
    }
    #div_insurance_report{
        padding-left: 0px;
        padding-right: 0px;
    }
    #btnEditMedInsNotes{
        padding-left: 0px;
        padding-top: 5px;
        padding-right: 5px;
        font-size: 13px;
    }
    #divEmployerMedInsNotes .text-purpal.pt-10{
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-bottom: 0px;
    }
    #divEmployerPerformance .text-purpal.pt-10{
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-bottom: 0px;
    }
    #divEmployerPerformance  .card{
        border-radius: 0px;
    }
    #divEmployerPerformance .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divEmployerPerformance .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divEmployerPerformance .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divEmployerPerformance .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px !important;
    }
    #divEmployerPerformance .text-purpal.pb-2{
        padding-left: 5px;
        padding-right: 0px;
    }
    #tbl-ins-list_wrapper #tbl-ins-list tr td{
        width: 100%;
        max-width: 100% !important;
    }
    #ModalInsView .col-md-3{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalInsView .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalInsView .col-md-8{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divInsBasicDetail .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px !important;
    }
    #divInsBasicDetail .col-md-2{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divInsBasicDetail .col-md-10{
        width: 60%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #tbl-role-list{
        width: 100% !important;
    }
    #addEditRoleForm{
        padding-left: 0px;
        padding-right: 0px;
    }
    #addEditRoleForm .col-md-4 .mb-3{
        margin-bottom: 0px !important;
    }
    #addEditRoleForm .col-md-12.text-end{
        margin-top: 5px;
    }
    .role-access-detail-page .col-md-4.text-end.mt-2{
        margin-top: 0px !important;
    }
    .role-access-detail-page .col-md-4.text-end.mt-2 .col-md-12.text-end{
        text-align: left !important;
    }
    .role-access-detail-page .card-header button{
        padding-left: 0px;
        padding-top: 5px;
        padding-right: 5px;
        font-size: 13px;
    }
    .role-access-detail-page .card-body{
        padding: 5px;
        font-size: 12px;
    }
    .role-access-detail-page .text-gray{
       font-size: 12px;
    }
    .role-access-detail-page .articles{
        padding-left: 0px;
        padding-right: 0px;
    }
    .role-access-detail-page .articles .col-md-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    #object-access-list tr td{
        max-width: 100% !important;
        width: 100% !important;
        min-width: 100% !important;
    }
    #object-access-list input{
        margin-top: 5px;
    }
    #tbl-user-list{
        width: 100% !important;
    }
    #add-company-user-form .col-md-4{
        padding-left: 0px;
        padding-right: 0px;
    }
    #add-company-user-form .col-md-12{
        margin-top: 10px;
        padding-left: 0px;
        padding-right: 0px;
    }
    #addForm .manual-change{
        margin-top: 0px;
    }
    .password-chanage-modal#addForm .manual-change .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    .password-chanage-modal .col-md-12.text-end{
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 10px;
    }
    .dataTables_wrapper .dataTables_paginate {
        width: 100%;
    }
    #addSubfolderBtn{
        margin-left: 0px !important;
    }
    #sub_folder_add .col-md-4{
        padding-left: 0px;
        padding-right: 0px;
    }
    #ModalSubFolderAdd .modal-body{
        margin-top: -10px !important;
    }
    #ModalSubFolderAdd .form-check .form-check-input {
        margin-left: 0px;
    }
    #ModalSubFolderAdd  .col-md-12.text-end.m-t-10{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divInsBasicDetail .card-body .col-md-12.pt-10{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px !important;
    }
    .template-master-details-page{
        margin-top: 15px;
    }
    .template-master-details-page .template-main {
        padding: 0px 0px;
        border-radius: 0px;
    }
    .template-master-details-page .template-main .col-md-12{
        padding: 0px 0px;
    }
    .template-master-details-page .template-section-title {
        font-size: 13px;
        font-weight: 500;
    }
    .template-master-details-page .template-section{
        padding: 0px 10px;
        margin-bottom: 0px;
    }
    .template-master-details-page .col_key{
        color: rgb(0, 0, 0) !important;
        font-size: 12px;
        font-weight: 400;
    }
    .template-master-details-page .instruction-col{
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
    }
    .template-master-details-page .current-attachment{
        display: flex;
        width: auto;
        height: auto;
        overflow: hidden;
        padding: 10px;
    }
    .template-master-details-page .current-attachment .attachment-icon {
        font-size: 30px;
    }
    .template-master-details-page .old-attachment-sec{
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }
    #divProfBasicDetail .card-header button{
        padding-left: 0px;
        padding-top: 5px;
        padding-right: 5px;
        font-size: 13px;
    }
    #divProfBasicDetail .text-purpal.pt-10{
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-bottom: 0px;
    }
    #divProfBasicDetail .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divProfBasicDetail .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divProfBasicDetail .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divProfBasicDetail .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px !important;
    }
    #divProfBasicDetail .card{
        border-radius: 0px;
    }
    #divProfBasicDetail .card-body{
        padding: 0px;
    }
    #divProfBasicDetail .card-body .col-sm-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #divProfBasicDetail .table-responsive.mt-2{
        margin-top: 0px !important;
    }
    #divProfBasicDetail table tr td{
        float: left !important;
        text-align: left !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
    #divProfBasicDetail table tr td .cspl-div {
        float: left !important;
        text-align: left !important;
        overflow: hidden;
        max-width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* 11/12/2023  */

    #ModalInventoryView .upcoming-appointment{
        margin-top: 10px;
    }
    #ModalInventoryView .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalInventoryView .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalInventoryView .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divInventoryBasicDetail .card-header button{
        padding-left: 0px;
        padding-top: 5px;
        padding-right: 5px;
        font-size: 13px;
    }
    #divInventoryBasicDetail .text-purpal.pt-10{
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-bottom: 0px;
    }
    #divInventoryBasicDetail .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divInventoryBasicDetail .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divInventoryBasicDetail .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divInventoryBasicDetail .card{
        border-radius: 0px;
    }
    #btnAddVendorQuote{
        padding-left: 0px;
        padding-top: 5px;
        padding-right: 5px;
        font-size: 13px;
    }
    #divInventoryVenQuo .text-purpal.pt-10{
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-bottom: 0px;
    }
    #divInventoryVenQuo .card-body{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #divInventoryVenQuo .col-sm-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #divInventoryVenQuo .card{
        border-radius: 0px;
    }
    #tbl-vendor-quote-list_paginate{
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: 10px;
    }
    #tbl-vendor-quote-list_paginate a{
        padding: 5px !important;
    }
    #btnAddVendorQuote1{
        padding-left: 0px;
        padding-top: 5px;
        padding-right: 5px;
        font-size: 13px;
    }
    #divvendorpostTables .text-purpal.pt-10{
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-bottom: 0px;
    }
    #divvendorpostTables .card{
        border-radius: 0px;
    }
    #divvendorpostTables .card-body{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #divvendorpostTables .col-sm-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #ModalorderView .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalorderView .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalorderView .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    .master-detail-page .back-btn {
        height: 30px !important;
        margin-top: 0px !important;
        line-height: 21px;
    }
    .modal-title {
        font-size: 15px;
        color: var(--purple);
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #ModalrepairorderView .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalrepairorderView .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalrepairorderView .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divInsBasicDetail .accordian-add-btn button{
        padding-left: 0px;
        padding-top: 5px;
        padding-right: 5px;
        font-size: 13px;
    }
    #ModalSendMessage .col-md-3{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divProfBasicDetail .col-md-12{
        padding-top: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #divProfBasicDetail .col-md-2 {
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalReadMessage .col-md-2{
        width: 40% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalReadMessage .col-md-4{
        width: 60% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalReadMessage #collapseOfficeSummary{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #ModalReadMessage .col-md-10{
        width: 60% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalReadMessage  .col-md-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #ModalForwardMessage .col-md-2{
        width: 40% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalForwardMessage .col-md-1{
        width: 10% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalForwardMessage .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalForwardMessage .row.mb-1{
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
    #ModalForwardMessage .col-md-10 .col-md-10{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalForwardMessage .col-md-10{
        width: 100%;
    }
    #ModalForwardMessage .col-md-6 .col-md-3{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalForwardMessage .col-md-12.text-end.m-t-20{
        margin-top: 0px !important;
    }
    #ModalReplayMessage .col-md-12.text-end.m-t-20{
        margin-top: 0px !important;
    }
    #ModalReplayMessage #collapseOfficeSummary{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #ModalReplayMessage .accordion-body{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #ModalReplayMessage .col-md-10 .col-md-10{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalReplayMessage .col-md-10{
        width: 100%;
    }
    #ModalReplayMessage .col-md-6 .col-md-3{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalReplayMessage .col-md-2{
        width: 40% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalReplayMessage .col-md-1{
        width: 10% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalReplayMessage .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalReplayMessage .row.mb-1{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .report-block table tr td, .report-block table tr th{
        text-overflow: ellipsis !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }
    .analytics-page .master-pages-right-side{
        margin-top: 18px;
    }
    .analytics-page hr{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .analytics-page .card-body .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    .analytics-page .add-and-filter-sec .btn {
       margin-bottom: 0px !important;
    }
    .analytics-page .card{
        border: none;
        padding: 0px;
    }
    .analytics-page .mt-2{
        padding-left: 0px;
        padding-right: 0px;
    }
    .analytics-page .card-body .col-sm-12, .analytics-page .card-body .col-xs-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .analytics-page #divofficeSummary .col-md-3{
        padding-left: 0px;
        padding-right: 0px;
    }
    .analytics-page #divofficePerformace .col-md-3{
        padding-left: 0px;
        padding-right: 0px;
    }
    .analytics-page #divofficePerformace .col-md-2{
        padding-left: 0px;
        padding-right: 0px;
    }

    .desk-signout {
        display: block;
        margin-top: -3px;
    }
    .mob-signout-menu{
        display: list-item;
    }

    /* 06/05/24 */

    .topbar .navbar.top-navbar{
        display: block !important;
    }
    .topbar .navbar-nav .profile-img {
        margin-top: 4px !important;
    }
    .top-header-latest-btn {
        padding-top: 5px !important;
    }
    .top-bar-patient-search .nav-link {
        padding-top: 5px !important;
    }
    .navbar-expand-md .navbar-nav {
        align-items: flex-start !important;
    }
    .topbar .top-navbar .navbar-nav .nav-item>.nav-link {
        font-size: 22px !important;
    }
    .topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
        margin-top: -7px;
    }
    .topbar .top-bar-patient-search{
        margin-top: 7px;
    }
    .fixed-layout .page-wrapper {
        padding-top: 110px !important;
    }

    /* 7/5/2024 */

    .top-bar-patient-search form {
        text-align: left !important;
    }
    .master-pages.container-fluid{
        padding: 0 0px 0 0px;
    }

    .master-pages-right-side .card-body .col-md-6 .col-md-4{
        width: 30%;
        padding: 0px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .master-pages-right-side .card-body .col-md-6 .col-md-1{
        width: 5%;
    }
    .master-pages-right-side .card-body .col-md-6 .col-md-7{
        width: 58%;
        padding: 0px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .master-pages-right-side .card-body .col-md-2{
        width: 30%;
        padding: 0px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .master-pages-right-side .card-body .col-md-1{
        width: 5%;
    }
    .master-pages-right-side .card-body .col-md-9{
        width: 58%;
        padding: 0px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #div_memo_desc{
        padding: 0px;
    }
    #modal-edit-login-emp-form input{
       margin-bottom: 7px !important;
    }
    #modal-edit-login-emp-form .col-md-6{
       margin-top: .5rem !important;
    }
    #modal-add-edit-payroll-info-form .pt{
        padding-top: 0px !important;
    }
    #divEmpDoc .card-header #add_docs_btn_div{
        padding: 0px;
        display: flex;
    }
    #divEmpDoc .card-header{
        padding: 0px;
    }
    #divEmpHistory .table-responsive{
        margin-top: 0px !important;
    }
    #divEmpHistory .col-sm-12{
        padding: 0px;
    }
    #divEmpHistory .card-body{
        padding: 0px;
    }
    .master-pages-right-side #no-more-tables .col-sm-12{
        padding: 0px !important;
    }
    #div_st_msg .col-md-12 {
        padding: 0px !important;
    }
    #col-md-2 .col-md-12 .col-md-2 {
        padding: 0px !important;
    }


    .master-pages-right-side .card-body .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .master-pages-right-side .card-body .col-md-6 .add-and-filter-sec .btn{
        float: left;
    }
    .master-pages-right-side .card-body .col-md-3{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .dbl_book_rule{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .proc_limitation{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .time_requirment{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #tbl-doctor-Prescription-list tbody td{
        max-width: 100% !important;
    }
    #ModalDocumentAdd .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #collapseProfGenSup{
        display: flow-root;
    }
    #no-more-tables td div{
        text-align: left !important;
    }
    #divInsBasicDetail .col-md-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    /* 13/5/2024 */

    #btnEditProgNotes{
        padding-left: 0px;
        padding-top: 0px;
        font-size: 13px;
    }
    #filterForm.filter .col-md-3{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #divFeeSchedule .card-header .btn#btnModalAddFeeSchedule{
        float: right !important;
    }
    #divFeeSchedule .card-header .btn{
        float: left !important;
    }
    #ModalAddFeeSchedule .modal-body{
        margin-top: 0px !important;
    }
    #modal-body{
        padding-left: 0px;
        padding-top: 0px;
        font-size: 13px;
    }
    #tbl-specialist-fee-schedule-list{
        margin-bottom: 0px !important;
        border: none;
    }
    .accordion-button label {
        font-size: 13px !important;
        padding-top: 0px !important;
    }
    .accordian-add-btn .btn{
        padding-top: 0px !important;
        font-size: 13px !important;
    }
    #btnAddProcDoctor{
        font-size: 13px !important;
        padding: 0px !important;
    }
    .tab-style-5.mb-30.mt-3{
        margin-top: 0px !important;
    }
    .master-pages-right-side .add-and-filter-sec {
        margin-top: 10px;
        margin-bottom: 0px;
    }
    #ModalAddEditProcDoctFee .modal-body{
        margin-top: 0px !important;
    }
    #divInsMergeDetail .card-header .btn{
        padding: 0px !important;
        font-size: 13px !important;
    }
    #divMapEmpl .card-body{
        padding: 0px !important;
    }
    .mt--5 {
        margin-top: 0px !important;
    }
    #btnModalAddPPOPlanParticipation{
        font-size: 13px !important;
    }

    /* 14/5/2024 */

    #divInsMergeDetail .card-body{
        padding: 0px;
    }
    .accordion #collapseExample .card-body {
        padding: 5px !important;
        border: none;
    }
    .accordion #collapseExample .card-body .filter-btn{
        padding-right: 0px;
    }
    #divEmployerMergeDetail .card-body{
        padding: 0px;
    }
    #divEmployerMergeDetail .card-header .btn{
        font-size: 13px;
        padding: 0px;
    }
    #divMapPatientslist .card-body{
        padding: 0px;
    }
    #divMapPatientslist .card-header label.text-purpal {
        padding-top: 7px !important;
    }
    #divEmployerExclusion .card-header .btn{
        font-size: 13px;
        padding: 0px;
    }
    .role-access-detail-page .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
        font-size: 13px;
        padding-bottom: 30px;
        padding-top: 0px;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 0px;
        line-height: 32px;
    }
    #roleDetailsTab{
        margin-left: 10px;
        margin-right: 10px;
    }
    #addForm .mb-3{
        margin-bottom: 0px !important;
    }
    .schedule-letter-pages .card-body{
        padding: 0px;
    }
    .schedule-list{
        padding: 0px;
    }
    .schedule-list .theme-subtitle.text-purpal {
        margin-bottom: 10px !important;
    }
    .blue-background{
        text-align: center;
    }
    .info-background{
        text-align: center;
    }
    .appointment-emails .card-body{
        padding: 0px;
    }
    .appointment-email-list{
        padding: 0px;
    }
    .appointment-email-list .theme-subtitle.text-purpal {
        margin-bottom: 10px !important;
    }
    #ApplicationEmailFilterForm #collapseExample .card-body{
        padding: 10px;
    }
    .appointment-emails #collapseExample .card-body{
        padding: 10px;
    }
    .appointment-sms .card-body{
        padding: 0px;
        margin-top: 10px;
    }
    .appointment-sms-list{
        padding: 0px;
    }
    .appointment-sms #collapseExample .card-body{
        padding: 10px;
    }
    .appointment-sms .card-body .col-md-6{
        padding: 0px;
    }
    .appointment-sms .card-body .col-sm-12{
        padding: 0px;
    }
    .appointment-sms .theme-subtitle.text-purpal {
        margin-bottom: 10px !important;
    }
    #collapseCallList .card-body{
        padding: 10px !important;
    }
    #modal-find-appt-form .d-flex{
        display: block !important;
        text-align: left !important;
    }
    #modal-find-appt-form .d-flex label{
        text-align: left !important;
        float: left !important;
    }
    #modal-find-appt-form .d-flex .col-md-8{
        width: 100%;
        max-width: 100%;
        flex: 100%;
        display: inline-flex;
        justify-content: space-between;
    }
    .asap-list .theme-subtitle.text-purpal {
        margin-bottom: 10px !important;
    }
    .asap-list #collapseExample .card-body{
        padding: 10px !important;
    }
    .asap-page .card-body{
        padding: 0px !important;
    }
    .asap-list{
        padding: 0px !important;
    }
    .asap-page .collapse:not(.show) {
        display: none !important;
    }
    #divDeletedAppointments{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divDeletedAppointments #collapseExample{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divDeletedBenefits{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divDeletedBenefits #collapseBeneExample{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divDeletedRecepts{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divDeletedRecepts #collapseRecExample{
        padding-left: 0px;
        padding-right: 0px;
    }

    /* 15/5/2024 */

    .main-schedular .info {
        margin: 6px 0px 15px 0px;
        width: 12%;
    }
    .main-schedular .grids {
        margin-top: 20px;
    }
    .grids-head {
        margin: 1px 5px 5px 0px;
        width: 13% !important;
        margin-top: 0px;
    }
    .grids-body {
        margin-top: 0px;
        padding-left: 2px;
    }
    .main-schedular .col-md-12 .col-md-7.d-flex{
        display: block !important;
    }
    .main-schedular .col-md-12 .col-md-7.d-flex .date-changer1.ms-1 {
        margin-left: 0px !important;
        display: inline;
    }
    .main-schedular .col-md-12 .col-md-7.d-flex .ml-1{
        width: 100% !important;
    }
    .main-schedular .col-md-12 .col-md-7.d-flex .month-date-block {
        padding-left: 0px !important;
        display: inline-block;
        margin-bottom: 10px;
    }
    .appo-top-header-block{
        padding: 0px 0px 15px 0px;
        margin-bottom: -15px;
    }
    .main-schedular .col-md-12 .col-md-5 div section{
        justify-content: left !important;
    }
    #saveQueryForm{
        padding:0px;
    }
    #reportListBody table tr td {
        padding-left: 0px !important;
        border-bottom: none;
        line-height: 27px;
    }
    #reportListBody table tr td::after{
        display: none !important;
    }
    #reportListBody table tr{
        display: flex !important;
        border: none !important;
    }
    #reportListBody td{
        padding-left: 110px !important;
    }
    #reportListBody td::after {
        left: 100px;
    }
    #reportListBody table tr td:first-child{
        width: 25px !important;
    }
    .day-sheet-listing .col-md-3{
        width: 100%;
        padding-left: 0px !important;
    }
    .day-sheet-listing .col-md-6{
        display: block !important;
    }
    .day-sheet-listing .fa-info-circle{
        margin-bottom: 6px !important;
        margin-left: 3px;
    }
    .claim-page-content .theme-subtitle {
        margin-left: -8px !important;
    }
    .claim-detail-page .card.inner-pages-common-header.without-tab .card-options a {
        font-size: 12px !important;
        width: 100px !important;
        padding: 2px 5px !important;
        line-height: 23px !important;
        height: 30px !important;
    }
    .claim-page-content #pat_info_icon .btn {
        height: 21px !important;
        vertical-align: bottom !important;
    }
    .claim-detail-page .mt-3 .row{
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }
    .claim-page-content .row.mb-1{
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }
    .claim-page-content .row.mb-1 .col-md-6{
        width: 50%;
        padding: 0px;
    }
    .claim-detail-page .mt-3 .row .col-md-6{
        width: 50%;
        padding: 0px;
    }

    .claim-detail-page #add_docs_btn_div{
        display: flex !important;
    }
    .claim-page-content #add_docs_btn_div .btn {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 90px;
    }
    #modal-add-claim-doc-form .col-md-12 {
        padding: 0px;
    }
    #edit_claim_lineitem_modal .patient-search .col-md-6{
        width: 50%;
    }
    #nav-post-payment .col-sm-12{
        padding: 0px;
    }
    #nav-post-payment .col-md-6 .theme-subtitle {
        margin-left: 0px !important;
    }
    #single_pat_pretre_data tbody tr td{
        text-align: left;
    }
    #single_pat_pretre_data tbody tr td p{
        float: left;
    }
    #no-more-tables td .green-background{
        text-align: center !important;
    }
    #single_pat_pretre_data td::after {
        left: 180px;
    }
    #single_pat_pretre_data td{
        padding-left: 195px !important;
    }
    #ModalpretreView .patient-profile-chart .col-md-4{
        width: 30%;
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 10px;
    }
    #ModalpretreView .patient-profile-chart .col-md-1{
        width: 5%;
    }
    #ModalpretreView .patient-profile-chart .col-md-7{
        width: 55%;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #no-more-tables td .dark-green-background{
        text-align: center !important;
    }

    /* 16/5/2024 */

    .page-wrapper  .page-wrapper.inner-pages-wrapper.account-page-content{
        padding-top: 5px !important;
    }
    .inner-page .inner-pages-wrapper.account-page-content .inner-page-title-block .theme-subtitle {
        margin-left: 0px !important;
    }
    #DivTrn .card-header .card-title{
        text-align: left !important;
    }
    #DivTrn .card-body .col-md-12.mb-5px.d-flex .col-md-4{
        text-align: left !important;
    }
    #DivTrn .col-md-8, #DivTrn .col-md-4, #DivTrn .col-md-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #pat_trn_notes_table tbody td{
        width: 100% !important;
    }

    #DivOpenAcc .card-title{
        text-align: left !important;
    }
    #DivOpenAcc .card-body .col-md-12.mb-5px.d-flex .col-md-4{
        text-align: left !important;
    }
    #DivOpenAcc .col-md-8, #DivOpenAcc .col-md-4, #DivOpenAcc .col-md-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .open_acc_pat_data #no-more-tables{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #pat_family_data_table #pat_family_list  tr td{
        width: 100% !important;
    }
    .open_acc_pat_data .without-header-listing{
       padding-left: 0px !important;
       padding-right: 0px !important;
    }
    #tbl-pat-open_act-list_note{
        padding-left: 0px !important;
        padding-right: 0px !important;
     }
     #divofficeScheduledReport .col-md-2{
        width: 100%  !important;
     }
     #divProfessionalDetailsReport .col-md-2{
        width: 100% !important;
     }
     #divofficePerformace .col-md-2{
        width: 100% !important;
     }
     #divofficeDetailsReport .col-md-2{
        width: 100% !important;
     }
     #divProfessionalPerformace .col-md-2{
        width: 100% !important;
     }
     #divProfessionalScheduledReport .col-md-2{
        width: 100% !important;
     }
     .patient-profile-page-content .col{
        flex: none !important;
        text-align: left !important;
     }
     .patient-profile-page-content .doNotTreat .col.justify-content-end.text-end img{
        display: inline;
     }
     .patient-profile-page-content .inner-pages-common-header .payment-btn {
        margin-bottom: 7px !important;
    }
    .patient-profile-page-content .inner-pages-common-header .back-btn{
        margin-top: -8px;
    }
    #divPatProfile #nav-tabContent{
        padding: 0px !important;
    }
    #divPatProfile .Profile-details-tab .row{
        justify-content: center;
    }
    #divPatProfile .Profile-details-tab .row .col-md-6{
       width: 50%;
       padding-left: 0px;
       padding-right: 0px;
    }
    #divPatProfile .common-sub-tab{
        margin-bottom: 10px;
    }
    #divPatProfile .add-and-filter-sec{
        float: right;
        text-align: right;
    }
    .patient-profile-tab-offcanvas .accordion-body .col-md-2 {
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 50%;
    }
    .patient-profile-tab-offcanvas .accordion-body .col-md-3{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 50%;
    }
    .patient-profile-tab-offcanvas .accordion-body .col-md-5{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 50%;
    }
    .Family-Contact-detail-block .col-md-6{
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
     }
     .Addresses-detail-block .col-md-6{
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
     }
     .Associated-Professional-detail-block .col-md-6{
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
     }
    #divPatBenefits #nav-tabContent{
        padding: 0px !important;
    }
    #divPatBenefits .common-sub-tab{
        margin-bottom: 10px;
    }
    .insurance-benefits-cards.ins-benefits-cards.benifits-tab.pt-10{
        padding-top: 0px !important;
    }
    .insurance-benefits-cards.ins-benefits-cards.benifits-tab.pt-10 #divBenefitPrimary{
        padding-left: 0px;
        padding-right: 0px;
    }
    .ins-benefits-cards .card-header {
        padding: 5px 5px !important;
    }
    #divBenefitPrimary .col-md-12.mb-5px.d-flex .col-md-5.pl-10,
    #divBenefitSecondary .col-md-12.mb-5px.d-flex .col-md-5.pl-10,
    #divBenefitMedical .col-md-12.mb-5px.d-flex .col-md-5.pl-10{
        padding-left: 0px !important;
    }
    #divBenefitPrimary .benefit-boby .col-md-12.mb-5px,
    #divBenefitSecondary .benefit-boby .col-md-12.mb-5px,
    #divBenefitMedical .benefit-boby .col-md-12.mb-5px{
        padding-left: 0px !important;
    }
    #POST_TREATMENT_TABLE tr td{
        width: 100% !important;
        max-width: 100% !important;
    }


    /* 17/5/2024 */

   #Modalpastapptview .col-md-6 .col-md-4,
   #Modalpastapptview .col-md-6 .col-md-8,
   #Modalpastapptview .col-md-6 .col-md-6,
   #Modalpastapptview .col-md-6 .col-md-5,
   #Modalpastapptview .col-md-6 .col-md-7
   {
        width: 50% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #Modalpastapptview .col-md-2,
    #Modalpastapptview .col-md-10
    {
        width: 50% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #Modalpastapptview .col-md-6 .col-md-2.divpastrchkstknote{
        width: 100% !important;
    }
    #Modalpastapptview #notesSection .col-md-12.row{
        padding-left: 0px;
        padding-right: 0px;
    }
    #Modalpastapptview #ProcToothDiv{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .steamline .single-block .info {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .doctor-dashboard-page .temp-block table {
        margin-left: 10px;
        margin-top: 15px;
        width: 90%;
    }
    #tbody-doc-today-appt .dataTables_empty{
        width: 100%;
        text-align: center !important;
        max-width: 100%;
    }
    .doctor-dashboard-page .col-md-3:last-child .col-md-12{
        padding-left: 0px  !important;
        padding-right: 0px !important;
    }
    .doctor-dashboard-page .col-md-3:last-child .col-lg-12{
        padding-left: 0px  !important;
        padding-right: 0px !important;
    }

    /* 21/5/2024 */

    .appointment-summary-block .item-title {
        font-size: 13px !important;
    }
    .appointment-summary-block .item-count {
        font-size: 18px !important;
    }

    .account-dashboard .col-md-9.col .col-md-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .account-dashboard .col-md-4, .account-dashboard .col-md-3,.account-dashboard .col-md-9,
    .account-dashboard .col-md-12, .account-dashboard .col-lg-12, .account-dashboard .col-md-8{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        padding: .5rem .5rem !important;
    }
    .account-dashboard #account-tranfer-money{
        margin-bottom: 5px;
        border-bottom: 1px solid #ccc;
    }
    .account-dashboard .transfer-money-count .total-amount-block {
        margin-top: 55px;
    }
    .account-dashboard .office-amount-collection {
        grid-template-columns: 50% 50%;
    }
    .account-dashboard .office-amount-collection .single-block {
        margin: 2px;
    }
    .account-dashboard .performance-chart .chart-info .plain-card {
        width: 100%;
    }
    .account-dashboard .performance-chart .chart-info .plain-card .card-inner p{
        text-align: center;
    }
    .account-dashboard .transfer-money-count .total-amount-block p{
        text-align: right !important;
    }

    .account-dashboard .amout-collection-block .item-title .office-title {
        width: 65% !important;
    }

    .account-dashboard .performance-chart #all_office_collection_summary_line_chart svg{
        width: 365px !important;
    }

    .loader, .loader__figure {
        left: 45% !important;
    }
    #divPatMemo .row.m-b-10.mt-10{
        margin-top: 0px !important;
    }
    #divPatMemo .row.m-b-10.mt-10 .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #tbl-patients-interface-appt-list td center span{
        text-align: center !important;
    }
    .patient-account-page .card-body .row.p-b-5 .col-md-6{
        width: 50% !important;
    }
    .patient-account-page .card-body .row.p-b-5 .col-md-6 .add-and-filter-sec{
        float: right !important;
    }
    #no-more-tables table tfoot{
         display: block;
    }
    .profile-headers .insurance-benefits-cards.my_profile_headers, .profile-headers .col-md-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .patient-interface-profile-page #profileTab nav{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .patient-interface-profile-page #profileTab .col-md-12.gx-2,
    .patient-interface-profile-page #profileTab .tab-content,
    .patient-interface-profile-page #profileTab .col-md-10.mb-2,
    .patient-interface-profile-page .col-md-2.mb-2{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .patient-interface-profile-page .col-md-12.d-flex.align-items-center.justify-content-between,
    .patient-interface-profile-page #example_wrapper .col-sm-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .patient-interface-profile-page .accordion-body .col-md-2,
    .patient-interface-profile-page .accordion-body .col-md-3,
    .patient-interface-profile-page .accordion-body .col-md-5{
        width: 50% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .patient-interface-profile-page .Profile-details-tab .d-flex.flex-column.align-items-center.justify-content-center{
        align-items: baseline !important;
    }
    .filepond--drop-label.filepond--drop-label label {
        font-size: 12px !important;
    }
    .patient-interface-profile-page #documentTab .col-md-12,
    .patient-interface-profile-page #documentTab .col-md-6,
    .patient-interface-profile-page #documentTab .col-md-3,
    .patient-interface-profile-page #documentTab .col-md-9
    {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    /* 10/06/2024 */

    .new-dashboard .container-fluid{
        padding: 0 0px 0 0px !important;
    }
    /* .new-dashboard .col-md-3{
        padding-left: 0px !important;
        padding-right: 0px !important;
    } */
    .new-dashboard {
        padding-top: 0px !important;
    }
    .todays-at-dienfirst-block {
        margin-top: 0px !important;
    }
    #printableArea .col-md-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #modal-add-edit-pat-registration-form .benefit-boby .col-6{
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #modal-add-edit-pat-registration-form .benefit-boby .col-6 span.pull-right{
        float: left !important;
    }
    #modal-add-edit-pat-registration-form .col-md-12{
        padding-right: calc(var(--bs-gutter-x)* .5) !important;
        padding-left: calc(var(--bs-gutter-x)* .5) !important;
    }
    #modal-add-edit-pat-registration-form .accordion-body{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #modal-add-edit-pat-registration-form .card.benefitCard .card-body .col-md-12.mb-5px.d-flex{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #modal-add-edit-pat-registration-form .accordion-body .form-check .form-check-input {
        margin-right: 5px;
        width: 45px;
    }
    #modal-add-edit-pat-registration-form .accordion-body .col-md-4 .form-switch {
        padding-left: 20px !important;
    }
    #modal-add-edit-pat-registration-form .rbtnLabelWithSwitchBtn {
        border-bottom: none !important;
        margin: 2px 0px !important;
    }
    #modal-add-edit-pat-registration-form .card.benefitCard .card-body{
        padding: 10px 0px !important;
    }
    .patient-interface-pre-view .col-md-2,
    .patient-interface-pre-view .col-md-4{
        width: 50% !important;
    }

    .patient-interface-profile-page #nav-Profile .accordion-body{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .patient-interface-profile-page #divPatBenefits .card-body{
        padding: 10px 0px !important;
    }
    .patient-interface-profile-page #sendRequestForm fieldset {
        padding: 10px 0px;
    }
    #sendRequestForm .form-check-inline {
        display: block;
    }

    .patient-dashboard-page  .temp-block #selectedDateAppointmentDetails .left-side {
        text-overflow: ellipsis !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }
    .patient-dashboard-page .appointment_time_procedures{
        display: block !important;
    }
    .insurance-benefits-cards.ins-benefits-cards.benifits-tab.pt-10 #divBenefitSecondary,
    .insurance-benefits-cards.ins-benefits-cards.benifits-tab.pt-10 #divBenefitMedical{
        padding-left: 0px;
        padding-right: 0px;
    }

    .patient-interface-profile .inner-page-title-block .card-options a span {
        display: inline-flex !important;
        margin-left: 7px !important;
    }
    .patient-interface-profile .card-options a {
        width: 33% !important;
    }

    .topbar ul .btn.btn-info.mt-2.text-white{
        position: absolute;
        right: 45px;
        top: 1px;
        font-size: 12px;
        padding: 2px 10px;
        border-radius: 4px;
    }
    .dashboard-appointment-list table {
        table-layout: fixed;
    }
    .patient-search-form-menu .row div{
        padding-left: 0px;
        padding-right: 0px;
    }
    .customer-details-in-offcanvas .patient-profile-chart{
        margin-bottom: 10px;
    }
    #divPatChart .tab-content .tab-pane .row div{
        padding-left: 0px;
        padding-right: 0px;
    }
    .patient-profile-page-content .patient-alert-icon .alert-icon img {
        width: 16px;
    }

    .patient-profile-page-content .card.inner-pages-common-header .patient-alert-icon{
        display: inline;
    }
    .patient-profile-page-content .card.inner-pages-common-header .col-md-7{
        padding-left: 0px;
        padding-right: 0px;
    }
    .patient-profile-page-content .card.inner-pages-common-header .col.justify-content-end.text-end .btn.icon-btn.me-1{
        position: absolute;
        right: 0px;
        top: 13px;
    }
    .patient-profile-page-content .card.inner-pages-common-header .col.justify-content-end.text-end #memoPin {
        position: absolute;
        right: 10px;
        top: 13px;
    }
    .patient-profile-page-content .card.inner-pages-common-header .col.justify-content-end.text-end #memoStickyNote {
        position: absolute;
        right: 30px;
        top: 10px;
    }
    #divPatChart .tab-content .tab-pane .row .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    #nav-Pharmacy .Pharmacy-detail-block .row .col-md-6 {
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .Billing-details-tab .row .col-md-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    .Billing-details-tab .row{
        margin-top: 0px !important;
    }
    .patient-portal-details-tab .row .col-md-6 {
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .Associated-Professional-detail-block .row .col-md-2{
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .Associated-Professional-detail-block .row .col-md-4{
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .grids-head .timeslot{
        line-height: 30px !important;
    }
    .ht-16min {
        height: 10px;
    }
   #ModalOrthoTrtRecord #modal-store-ortho-trt-record-form .col-md-6.d-flex .col-md-4, #ModalOrthoTrtRecord #modal-store-ortho-trt-record-form .col-md-6.d-flex .col-md-6, #ModalOrthoTrtRecord #modal-store-ortho-trt-record-form .col-md-6.row .col-md-6 {
        width: 50% !important;
        padding-left: 0px;
        padding-right: 0px;
    }

    #tbl_outStand_summary tfoot {
        display: none !important;
    }
    #POST_TREATMENT_TABLE .note-table.note-list-table tr td{
        max-width: 100% !important;
        overflow: unset !important;
        white-space: normal !important;
        text-overflow: unset !important;
    }
}

@media only screen and (max-width:399px) and (min-width:320px) {
    .skin-megna-dark .topbar .top-navbar .navbar-header .navbar-brand .light-logo {
        width: 110px;
    }
    .topbar .top-navbar .navbar-header {
        border-right:none;
    }
    .skin-megna-dark .left-sidebar .nav-text-box {
        border-color: var(--border-color);
        background: #fff;
    }

    .left-sidebar .nav-text-box img {
        width: 130px;
    }

    .left-sidebar .nav-toggler {
        text-decoration: none;
    }

    .left-sidebar .nav-toggler {
        text-decoration: none;
        margin-top: 6px;
    }

    .left-sidebar .sidebar-nav>ul>li {
        margin-bottom: 0px;
        margin-top: 0px;
        margin-left: 0px !important;
    }
    .left-sidebar .sidebar-nav {
        padding: 0px 0 0 0;
    }
    .left-sidebar #sidebarnav>li>a {
        padding: 7px 10px 7px 10px !important;
    }

    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: flow-root;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #no-more-tables tr {
        border: 1px solid #ccc;
    }

    #no-more-tables td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left !important;
        padding-left: 150px !important;
        padding-top: 4px;
        padding-bottom: 4px;
        /* float: right; */
        min-height: 30px;
    }

    #no-more-tables td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 35%;
        padding-right: 10px;
        white-space: nowrap;
        text-align: left;
        font-weight: 500;
        color: #000;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #no-more-tables td::after {
        content: ":";
        position: absolute;
        left: 135px;
        color: #000;
        font-weight: 500;
        top: 8px;
    }

    #no-more-tables td {
        text-align: left !important;
    }

    #no-more-tables td center,
    #no-more-tables td .text-center,
    #no-more-tables td .center {
        text-align: left !important;
    }

    #no-more-tables .cspl-div.right {
        text-align: left !important;
    }

    /* Used for table footer alignment */
    .responsive-tbl-pagination {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
    }
    /*
 Label the data
 */
    #no-more-tables td:before {
        content: attr(data-title);
    }

    .add-and-filter-sec {
        text-align: left;
        /* justify-content: flex-end; */
        margin-top: 10px;
        float: left;
    }

    .form-check .form-check-input {
        float: left;
        margin-right: 5px;
    }

    .bottom-action-btn .btn {
        min-width: auto !important;
        margin-bottom: 7px;
    }

    .patient-alert-icon {
        display: block;
        padding: 0px;
    }

    .insurance-benefits-cards .card-options a {
        font-size: 13px;
        width: 77px;
        display: inline-block;
        margin-bottom: 7px;
    }

    .insurance-benefits-cards .card-options {
        float: left;
        text-align: left;
        display: block;
    }

    .back-btn {
        margin-top: -6px;
        text-align: center !important;
        margin-bottom: 0px;
    }

    .folder-view .col-md-3 {
        width: 100%;
    }

    .folder-view .col-md-9 {
        width: 100%;
        padding-left: 12px;
        margin-top: 12px;
    }

    .table-responsive .d-flex.align-items-center {
        display: block;
    }

    .inner-page .nav-toggler {
        display: block;
    }

    .inner-page .navbar-collapse .navbar-nav {
        text-align: right;
        margin-right: 0px;
    }
    /* Appointment pages */
    .color-indicators {
        width: 150px;
        margin-left: 0px;
        position: relative;
        margin-right: 5px;
        height: 94px;
    }

    .schedular-filters {
        display: block;
        width: 56%;
        margin-left: 0px;
    }

    .console-schedular .appointment-count ul li span {
        font-size: 14px;
    }

    .appointment-count .text-gray {
        font-size: 12px;
    }

    .appointment-count {
        line-height: 18px;
    }

    .console-schedular .appointment-count ul {
        display: flex;
        justify-content: flex-start;
        margin-bottom: 10px;
    }

    .color-indicators ul {
        font-size: 12px;
        line-height: 20px;
    }

    .console-schedular {
        padding: 10px 0px;
    }

    .timeslot {
        min-width: 0px;
        padding: 0px 2px;
        font-size: 8px;
        line-height: 12px !important;
        padding-top: 7px !important;
    }

    .doctor-on-table {
        /* display: none; */
    }

    .grids-doctos {
        margin: 5px 0px 0px 7px;
        height: fit-content;
    }

    .passenger-info ul {
        font-size: 10px;
    }

    .appointment-confirmed {
        right: 1px;
        top: -1px;
        font-size: 8px;
    }

    .passenger-info {
        padding: 0px 5px;
        flex-basis: 100%;
        min-width: 50px;
        overflow-x: unset;
    }

    .passenger-info {
        padding: 0px 2px;
        min-width: 50px;
    }

    .passenger-info .alert-icon img {
        width: 9px;
    }

    .ride {
        width: 100% !important;
        font-size: 9px;
        display: block !important;
    }
    .ride .pass-name{
        font-size: 9px !important;
    }
    .ride img{
        width: 10px !important;
        height: 10px !important;
    }

    .assigned {
        left: 189px !important;
    }

    .ride.major-assigned {
        left: 127px !important;
    }

    .major-assigned-critical {
        left: 191px !important;
    }

    .theme-subtitle {
        margin-bottom: 13px !important;
    }

    .red-background {
        text-align: center;
    }

    select {
        width: 100%;
    }

    .tab-style-5 nav {
        width: 25%;
    }

    .tab-style-5 nav button {
        height: 30px;
        font-size: 11px;
        padding: 0px 3px;
        padding-left: 3px;
        line-height: 13px;
    }

    .accordian-righ-panel-sec {
        width: 75%;
        padding: 5px 5px !important;
    }

    .accordion-button {
        padding: 5px 10px;
        font-size: 12px;
    }

    .accordion-body {
        padding: 5px 10px;
    }

    /* .pull-right {
        float: left !important;
    } */

    .add-and-filter-sec .btn {
        margin-left: 2px;
        margin-bottom: 5px;
        float: left;
    }

    tbody,
    td,
    tfoot,
    th,
    thead,
    tr {
        font-size: 12px;
    }

    h5 {
        font-size: 14px;
    }

    .btn-outline-primary1 {
        min-width: 60px;
        font-size: 12px;
        padding: 3px 4px !important;
        height: 30px;
    }

    .btn-primary1 {
        min-width: 84px;
        font-size: 13px;
        padding: 3px 4px !important;
        height: 30px;
    }

    .insurance-benefits-cards .card-title {
        margin-bottom: 10px;
        font-size: 14px;
    }

    .insurance-benefits-cards .card-title span {
        font-size: 14px;
    }

    .card-options {
        padding: 0px 0px;
    }

    .insurance-benefits-cards .left-side {
        width: 35%;
        font-size: 12px;
    }

    .insurance-benefits-cards .right-side {
        width: 46%;
        font-size: 12px;
    }

    .row.mb-3 {
        margin-bottom: 0px !important;
    }

    p {
        font-size: 12px;
        text-align: justify;
    }

    .inner-page-title-block .card-options a span {
        display: none;
    }

    .patient-profile-img.patient-profile-img {
        width: 35px;
    }

    .col-md-5 .card-title .patient-alert-icon {
        display: inline;
        padding: 0px;
    }

    .folder-view .nav-tabs .nav-link {
        font-size: 14px;
    }

    .branch a {
        font-size: 14px;
    }

    .administration-pages table td {
        font-size: 12px !important;
    }

    .administration-pages .inner-pages-wrapper {
        padding-top: 80px !important;
    }

    .administration-pages .menu-title {
        font-size: 11px;
    }

    .tab-style-5 ul a {
        height: 30px;
        padding-left: 3px;
        padding-right: 3px;
    }

    .master-listing-pages .tab-style-5 {
        width: 25%;
    }

    .master-listing-pages .card-body {
        padding: 5px;
    }

    .master-listing-pages .paging_simple_numbers .pagination .paginate_button a {
        border: 0;
        font-size: 12px;
    }

    .master-listing-pages .paginate_button {
        padding: 0px !important;
    }

    .dataTables_paginate .pagination {
        margin-bottom: 5px;
    }

    .red-background {
        font-size: 12px;
    }

    .green-background {
        font-size: 12px;
    }

    .tab-style-5 .pagination .page-link {
        height: 30px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .report-filter-form .form-label {
        text-align: left;
        margin-bottom: 5px;
    }

    .administration-pages .topbar .top-navbar .navbar-nav>.nav-item>.nav-toggler {
        display: block;
        line-height: 0px;
    }

    .inner-page.administration-pages .navbar-collapse .navbar-nav {
        margin-right: -5px;
        line-height: 16px;
    }

    .inner-page.administration-pages .nav-toggler {
        display: block;
    }

    .login-form {
        width: 100% !important;
    }

    .accordion-item .col-md-3 span {
        font-size: 12px;
    }

    .accordian-righ-panel-sec .accordion-body .col-md-3 {
        width: 50% !important;
        margin-bottom: 5px;
    }

    .accordian-righ-panel-sec .accordion-body .col-md-12.text-end {
        text-align: left !important;
        margin-top: 10px;
    }

    .accordian-righ-panel-sec .accordian-add-btn .btn-outline-primary1 {
        min-width: 84px;
        font-size: 11px;
        padding: 0px 4px !important;
        height: 22px;
    }
    .row{
        margin-left: 0px;
        margin-right: 0px;
    }
    .pending-actions .item-count {
       text-align: center;
    }
    .pending-actions .item-title {
        text-align: center;
    }
    .appointment-summary-block {
        display: grid !important;
        grid-template-columns: 50% 50%;
    }
    .appointment-summary-block .single-block {
        width: 95% !important;
    }
    .item-count {
        text-align: center !important;
     }
     .item-title {
        text-align: center !important;
    }
    .pa-dashboard .pr-5{
        padding-right: 0px !important;
    }
    .pa-dashboard .col-md-6.col .row .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .pa-dashboard .pl-5{
        padding-left: 0px !important;
    }
    .pa-dashboard .col-md-3.col .col-md-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .pa-dashboard .col-md-3.col .col-lg-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .topbar .navbar-nav .profile-img {
        line-height: 20px !important;
        /* margin-top: 12px; */
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    #btnLogout i{
       vertical-align: middle !important;
    }
    .topbar .top-navbar .navbar-nav>.nav-item.show .dropdown-menu {
        margin-top: 11px !important;
        padding-bottom: 0px;
        border-radius: 0px;
    }
    .topbar .top-navbar .navbar-nav>.nav-item.show .dropdown-menu .d-flex.no-block.align-items-center{
        padding: 5px 15px !important;
    }
    .topbar .top-navbar .navbar-nav>.nav-item.show .dropdown-menu .w-60.h-60{
        width: 40px !important;
        height: 40px !important;
    }
    .topbar .top-navbar .navbar-nav>.nav-item.show .dropdown-menu h4{
        font-size: 16px !important;
    }
    .topbar{
        padding-right: 0px !important;
    }
    .topbar .dropdown-menu .dropdown-item {
        padding: 7px 20px !important;
        font-size: 15px !important;
    }
    .topbar .dropdown-menu .dropdown-item .dropdown-divider {
        margin: 2px 0 !important;
    }
    .topbar .top-navbar .navbar-nav>.nav-item.show .dropdown-menu.mailbox {
        width: 100% !important;
        z-index: 100;
        right: 0px;
        margin-top: 0px !important;
        border-radius: 0px !important;
    }
    .navbar-dark .mailbox ul li .drop-title {
        border-radius: 0px !important;
        padding: 5px 20px 5px !important;
    }
    .navbar-dark .mailbox ul li .nav-link {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        font-size: 12px !important;
    }
    .navbar-dark .mailbox .message-center {
        padding: 10px 0px !important;
    }
    .navbar-dark .mailbox .message-center a {
        padding: 5px 15px !important;
    }
    .navbar-brand{
        display: none !important;
    }
    .logo-block{
        display: block !important;
        padding: 0px !important;
    }
    .nav-item.d-md-none .logo-block{
        display: none !important;
    }
    .navbar-nav.mr-auto .logo-block{
        display: none !important;
    }
    .left-sidebar .ti-close{
        color: #000;
    }
    fieldset {
        padding: 10px 5px;
    }
    fieldset legend {
        margin-top: -23px !important;
        padding: 0px 13px !important;
        margin-left: 0px !important;
        font-size: 15px !important;
    }
    .col-md-12.patient-search{
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
    .patient-search-form-menu .card-body{
        padding: 0px !important;
    }
    .select.chosen-select{
        height: 30px;
        padding: 5px 10px;
        border: 1px solid var(--border-color);
        border-radius: 3px;
        margin-bottom: 7px;
    }
    .search-form-action-btn{
        margin-bottom: 10px;
    }
    #tblSearchPat{
        width: 100% !important;
    }
    .card.inner-pages-common-header .card-header{
        padding: 5px 0px !important;
    }
    .administration-pages .table tbody td {
        overflow: hidden;
        max-width: 100% !important;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .card.inner-pages-common-header .col-md-6{
        text-align: left !important;
    }
    .inner-pages-common-header .back-btn {
        padding: 5px !important;
    }
    .profile-page-tab-content .theme-subtitle {
        margin-bottom: 0px !important;
    }
    .accordian-add-btn {
        right: 25px;
        top: 2px;
    }
    #collapseProfile .col-md-3{
        width: 50%;
        line-height: 25px;
    }
    #collapseProfile .row{
        margin-bottom: 0px !important;
    }
    .chosen-container{
        margin-bottom: 7px;
    }
    #modal-add-edit-patient-address-form .form-check.form-switch.col-md-12.pt-10{
        padding-top: 0px !important;
        padding-left: 18px !important;
    }
    #modal-add-edit-patient-address-form .form-check .form-check-input {
       margin-right: 5px;
    }
    #divPatBenefits .col-md-6{
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #divPatBenefits .col-md-6 span.pull-right{
        float: left !important;
    }
    #divPatBenefits .add-and-filter-sec{
        text-align: right !important;
        float: right !important;
    }
    .card.benefit-sec .benefit_card{
        padding: 10px 0px  !important;
    }
    #divBenefitSecondary .benefit_card{
        padding: 10px 0px  !important;
    }
    .check-eligibility-btn {
        min-width: 20px;
        padding: 0px !important;
        margin-top: -3px;
    }
    #no-more-tables .dataTables_empty{
        text-align: center !important;
        padding-left: 10px !important;
    }
    #divPatAppt .col-md-6{
        width: 50% !important;
    }
    #divPatAppt .add-and-filter-sec{
        float: right !important;
    }
    #modal-search-patient-appt-form .form-check {
        margin-right: 5px !important;
    }
    #divPatMemo .col-md-6{
        width: 50% !important;
    }
    #divPatMemo .add-and-filter-sec{
        float: right !important;
    }
    #divPatDoc .col-md-6{
        width: 50% !important;
    }
    #divPatDoc .add-and-filter-sec{
        float: right !important;
    }
    #divPrescription .col-md-6{
        width: 50% !important;
    }
    #divPrescription .add-and-filter-sec{
        float: right !important;
    }
    #divPatTreatmentPlan .add-and-filter-sec {
        float: left !important;
        margin-top: 10px;
    }
    #divPatTreatmentPlan .filter-area .col-md-3, #divPatTreatmentPlan .filter-area .col-sm-3{
        width: 50%;
    }
    #divPatTreatmentPlan .filter-area .filter-btn{
        margin-top: 10px;
    }
    #divPatTreatmentPlan .filter-area{
        margin-bottom: 10px;
        border: 1px solid var(--border-color);
        border-radius: 4px;
    }
    #divPatTreatmentPlan .filter-area .collapse.show{
        padding: 10px 0px;
    }
    .claim-detail-block {
        padding: 10px 0px;
    }
    .claim-detail-block .demo .w-205px {
        width: 210px !important;
    }
    .claim-detail-block .demo .w-180px {
        width: 180px !important;
    }
    .treatment-notes-details .back-btn{
        line-height: 22px;
    }


    .inner-page .inner-pages-wrapper {
        padding-top: 5px !important;
    }
    .common-sub-tab .nav-link {
        min-width: 70px !important;
        width: 90px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .inner-page .inner-pages-wrapper .inner-page-title-block .theme-subtitle {
        margin-bottom: 5px !important;
        margin-left: -22px;
    }
    .inner-page .inner-pages-wrapper .tab-block .tab-content {
        padding: 10px 0px;
    }

    .date-formate {
        margin-bottom: 7px !important;
    }
    .claim-detail-block .filter-btn{
        padding: 0px 12px !important;
    }
    .title-with-button .col-md-6{
        width: 50%;
        max-width: 50% !important;
    }
    .title-with-button .btn-block {
        justify-content: start;
        display: flex;
        padding-right: 0px !important;
    }
    .without-header-listing .claim-detail-block {
        width: 100% !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .col-md-6.btn-block .btn_autopay{
        margin-right: -12px;
    }
    .container-fluid.administration-pages.mt-3{
        margin-top: 0px !important;
    }
    .administration-pages .master-listing-pages {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .administration-pages .menu-title {
        padding: 0px 4px !important;
        line-height: 23px !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .administration-pages .master-listing-pages .tab-style-5 ul a {
        height: 26px !important;
    }
    .card-style.accordian-righ-panel-sec.report-block{
        width: 75%;
        padding: 5px 5px !important;
        box-shadow: none;
        padding-right: 0px !important;
    }
    .tab-pane .inner-page-title-block  .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .tab-pane .col-md-12.mt-2 .card.card-body {
        margin-bottom: 5px;
        border-radius: 2px;
        padding: 10px 10px;
    }
    .tab-pane .col-md-12.mt-2 .card.card-body .col-md-4{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .tab-pane .col-md-12.mt-2 .card.card-body .filter-btn{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .inner-page-title-block .col-md-6 {
        width: 50% !important;
        max-width: 50% !important;
        margin-top: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .inner-page-title-block .col-md-6.text-end.back-btn{
        text-align: end !important;
    }
    .theme-subtitle.text-purpal{
        margin-bottom: 0px !important;
    }
    .back-btn i{
        vertical-align: middle !important;
    }
    .report-page-block .card.mt-2 .card-body{
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .report-page-block .report-descripion{
        margin-bottom: 10px;
    }
    .report-page-block .report-filter-form .form-label {
        padding-left: 15px !important;
        margin-bottom: 5px !important;
    }

    .card-div{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .administration-index{
        margin-top: 0px;
    }
    .administration-index .card-div .card-body{
        padding: 0px !important;
    }
    .administration-index .card-div .card-body .col-md-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .administration-index .card-div .administration_accordion_body {
        height: auto;
    }
    .administration_accordion_body ol {
        margin-bottom: 0px;
    }
    .master-pages .card-body{
        padding: 0px !important;
    }
    .master-pages .theme-subtitle.text-purpal {
        margin-bottom: 10px !important;
    }
    .master-detail-page.administration-pages .menu-title {
        padding: 5px 4px !important;
        line-height: 15px !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .master-detail-page.administration-pages .master-listing-pages .tab-style-5 ul a {
        height: auto !important;
    }
    .breadcrumb-nav-div .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .breadcrumb-nav-div .add-and-filter-sec .btn {
        margin-top: 0px;
    }
    .master-detail-page .accordion-header .accordion-button .text-purpal{
        padding-top: 0px !important;
        font-size: 13px !important;
    }
    /* .master-detail-page .accordion-body{
        padding: 0px !important;
    } */
    .master-detail-page .accordion-body .col-md-3{
        width: 50%;
        padding: 0px 10px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .master-detail-page .accordion-item {
        border-radius: 0px !important;
    }
    .master-detail-page .accordion-body .colon {
        position: absolute;
        left: 130px;
    }
    #tbl-office-social-links-list{
        margin-bottom: 0px;
        border: none;
    }
    #btnModalAddSocialLink {
        padding-left: 0px;
        font-size: 14px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 10px;
    }
    .card-header label.text-purpal {
        font-size: 13px !important;
        padding-top: 5px !important;
    }
    #divOfficeSocialLink .card{
        border-radius: 0px !important;
    }
    .master-detail-page #no-more-tables tr {
       border: none;
    }
    #tbl-office-office-timing-list{
        border: none;
        margin-bottom: 0px;
    }
    #tbl-office-holiday-list{
        border: none;
        margin-bottom: 0px;
    }
    .master-detail-page table{
        border: none;
        margin-bottom: 0px;
    }
    #btnModalAddOfficeEvents{
        padding-left: 0px;
        font-size: 14px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 10px;
    }
    .master-detail-page #no-more-tables table  td{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .customer-detail-offcanvas #ModalDoctorView .col-md-3{
        width: 40%;
    }
    .customer-detail-offcanvas #ModalDoctorView .col-md-1{
        width: 10%;
    }
    .customer-detail-offcanvas #ModalDoctorView .col-md-8{
        width: 50%;
    }
    #ModalDoctorView .communication-btn li {
        line-height: 30px;
        width: 30px;
        height: 30px;
    }
    #btnModalAddTable{
        padding-left: 0px;
        font-size: 14px;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-right: 10px;
    }
    #divOfficeTables .card-header .text-purpal{
        padding-top: 5px !important;
    }
    .customer-detail-offcanvas #ModalOfficeEventsView .col-md-3{
        width: 40%;
    }
    .customer-detail-offcanvas #ModalOfficeEventsView .col-md-1{
        width: 10%;
    }
    .customer-detail-offcanvas #ModalOfficeEventsView .col-md-8{
        width: 50%;
    }
    .patient-profile-chart h3 {
        font-size: 16px;
        padding: 5px 10px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #tbl-office-list{
        border: none;
    }
    .customer-details-in-offcanvas .upcoming-appointment {
        margin-top: 0px;
    }
    #tbl_activity_log_wrapper.dataTables_wrapper .dataTables_paginate {
        width: auto;
    }
    #tbl_activity_log_wrapper.dataTables_wrapper .dataTables_length {
        float: right;
        margin-right: 0px;
        margin-left: 20px;
        margin-top: 0px;
    }
    #tbl_activity_log_wrapper .col-sm-12{
        display: flex;
        padding-left: 0px;
        padding-right: 0px;
    }
    .master-pages #collapseExample .card-body {
        padding: 10px 0px !important;
    }
    .customer-detail-offcanvas #ModalEmpView .col-md-3{
        width: 40%;
    }
    .customer-detail-offcanvas #ModalEmpView .col-md-1{
        width: 10%;
    }
    .customer-detail-offcanvas #ModalEmpView .col-md-8{
        width: 50%;
    }
    #ModalEmpView .patient-profile-chart{
        margin-bottom: 10px;
    }
    #ModalEmpView .col-md-4.text-muted{
        width: 50%;
    }
    #ModalEmpView .col-md-8.text-break{
        width: 50%;
    }
    #ModalEmpView .patient-profile-chart .flex-row .m-l-10.align-self-center{
        margin-left: -10px !important;
    }
    #ModalEmpView .patient-profile-chart h3 {
        font-size: 16px;
        padding: 5px 10px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .upcoming-appointment .accordion-body.accordion-box-btm .col-md-7{
        width: 40%;
    }
    .upcoming-appointment .accordion-body.accordion-box-btm .col-md-5{
        width: 50%;
    }
    .upcoming-appointment .accordion-body.accordion-box-btm .col-md-1{
        width: 10%;
    }
    .upcoming-appointment .accordion-body.accordion-box-btm .col-md-6{
        width: 40%;
    }
    #ModalInventoryLocationView .patient-profile-chart .m-l-10{
        margin-left: 0px !important;
    }
    #ModalInventoryLocationView .patient-profile-chart .col-md-4{
        width: 40%;
    }
    #ModalInventoryLocationView .patient-profile-chart .col-md-7{
        width: 50%;
    }
    #ModalInventoryLocationView .patient-profile-chart .col-md-1{
        width: 10%;
    }
    .master-detail-page .add-and-filter-sec{
        margin-top: 10px;
        margin-bottom: 0px;
    }
    .profession-list-back .back-btn{
        margin-top: 1px !important;
    }
    #ModalProfView .patient-profile-chart{
        margin-bottom: 10px;
    }
    #btnModalEditPPOPlanParticipation{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #btnModalEditPPOPlanCredentials{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #divPPOPlanParticipation .card{
        border-radius: 0px;
    }
    .master-detail-page span.prof_full_name{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #btnModalOpenProfSchedule{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #divProfTiming #example_wrapper .col-sm-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    #addDoctorProgressNotes{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #divDoctorPrescription .text-purpal.pt-5.fs-15{
        padding-bottom: 10px;
    }
    #btnModalAddProcSpecReq{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #accordionProfProcSpcReq .text-purpal.pt-5.fs-15{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 200px;
    }
    #divProfDoc .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divProfDoc .pad-top-bot-0{
        padding-top: 5px !important;
        padding-left: 10px;
    }
    #divProfDoc .card-body {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
    }
    #divProfDoc .card-body .col-md-9{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divProfDoc .tree{
        display: none;
    }
    #btn_cha_login_pass{
        margin-top: 4px;
        margin-left: 2px;
    }
    #addProfEmpDetailBtn{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #divProfEmpDetail .card-header button{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #divProfEmpDetail .text-purpal.pt-5{
        padding-bottom: 10px !important;
    }
    #divProfEmpDetail .row.mb-1  .col-md-3 {
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #divProfEmpDetail .row.mb-1 .col-md-3 .text-gray{
        font-size: 12px;
     }
     #divProfEmpDetail .card{
        border-radius: 0px;
        margin-bottom: 0px;
    }
    #divProfEmpDetail .col-md-4 {
        width: 40%;
        padding-left: 0px;
        padding-right: 0px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #divProfEmpDetail .col-md-1 {
        width: 10%;
        padding-left: 0px;
        padding-right: 0px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #divProfEmpDetail .col-md-7 {
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #tbl-appt-color-code-list_wrapper .col-sm-12{
        display: flex;
    }
    #tbl-appt-color-code-list_wrapper .col-sm-12{
        display: flex;
    }
    #tbl-appt-color-code-list_wrapper .col-sm-12 .dataTables_paginate{
        text-align: left;
    }
    #tbl-appt-color-code-list_wrapper .col-sm-12 .dataTables_length{
        margin-left: 10px;
        text-align: left;
    }
    #ModalProceduresView .upcoming-appointment{
        margin-top: 10px;
    }
    #accordionProcQuickView .col-md-5{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #accordionProcQuickView .col-md-4{
        width: 45%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #accordionProcQuickView .col-md-2{
        width: 10%;
    }
    #divProcBasicDetail .card-header button{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #divProcBasicDetail .card-body .col-md-4{
        width: 45%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 0px;
        padding-right: 0px;
    }
    #divProcBasicDetail .card-body .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #divProcBasicDetail .card-body .col-md-7{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 0px;
        padding-right: 0px;
    }
    #btnAddDigCodes{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #btnEditFeesPost{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #divProcFeesPost .card-body .col-md-4{
        width: 45%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 0px;
        padding-right: 0px;
    }
    #divProcFeesPost .card-body .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #divProcFeesPost .card-body .col-md-7{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 0px;
        padding-right: 0px;
    }
    #div_notes_desc{
        padding: 5px 10px;
    }
    #divProcDoctorMapping .card{
        border-radius: 0px;
    }
    #divProcDoctorMapping .text-purpal.pt-10{
        padding-bottom: 5px !important;
        padding-top: 5px !important;
        margin-bottom: 0px;
    }
    #divProcDoctorProgressNote .text-purpal.pt-10{
        padding-bottom: 5px !important;
        padding-top: 5px !important;
        margin-bottom: 0px;
    }
    #divProcDoctorProgressNote .card{
        border-radius: 0px;
    }
    #divExpCodeBasicDetail .col-md-3{
        width: 25%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divExpCodeBasicDetail .col-md-9{
        width: 75%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 0px;
        padding-right: 5cqh;
    }
    #divExpCodeBasicDetail .card{
        border-radius: 0px;
        margin-bottom: 0px;
    }
    #btnExpCodeAddProcCode{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    .exp_code_name{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .express-code-parent{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #tbl-medication-list_wrapper #tbl-medication-list td{
        max-width: 100% !important;
    }
    #divInsBasicDetail .card-header button{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #divInsBasicDetail .text-purpal.pt-10 {
        padding-top: 5px !important;
        margin-bottom: 0px;
        padding-bottom: 5px;
    }
    #divInsBasicDetail .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divInsBasicDetail .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divInsBasicDetail .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divInsBasicDetail .card{
        border-radius: 0px;
    }
    #ModalvendorView .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalvendorView .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalvendorView .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #inhouseForm .col-md-3{
        padding-left: 0px;
        padding-right: 0px;
    }
    #inhouseForm .col-md-9{
        padding-left: 0px;
        padding-right: 0px;
    }
    #inhouseForm .col-md-3{
        padding-left: 0px;
        padding-right: 0px;
    }
    #inhouseForm .col-md-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    .standard-basic-details .tab-style-5 .nav-item a {
        font-size: 11px;
        padding-top: 5px !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-bottom: 5px;
    }
    .standard-basic-details hr{
        margin: 2px;
        margin-bottom: 10px;
    }
    .standard-basic-details .card{
        border-radius: 0px;
    }
    .standard-basic-details .card-header label.text-purpal {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-bottom: 0px;
    }
    .standard-basic-details #right-container .col-md-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    .standard-basic-details #right-container .col-md-12 .col-sm-4{
        padding-left: 5px;
        padding-right: 5px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        min-height: 20px !important;
        font-size: 12px;
    }
    .standard-basic-details #right-container .col-md-12 .col-sm-8{
        padding-left: 5px;
        padding-right: 5px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        min-height: 20px !important;
        font-size: 12px;
    }
    .standard-basic-details .btn-outline-sky-blue {
        border: none;
        background: transparent;
        padding-left: 0px !important;
        min-width: 20px;
        padding-right: 10px !important;
    }
    .standard-basic-details .table-responsive .col-sm-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    .standard-basic-details .accordion-start .card-body {
        padding: 0px !important;
    }
    .standard-basic-details #customEditButton {
        margin-right: 10px;
        margin-top: -5px;
        margin-bottom: -7px;
    }

    /* 08/12/2023  */

    #ModalppoAdd .row.p-2{
        padding: 0px !important;
    }
    #ModalPPOQuickView .upcoming-appointment{
        margin-top: 10px;
    }
    #ModalPPOQuickView .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalPPOQuickView .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalPPOQuickView .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    .bradcrumbs-block a, .bradcrumbs-block span{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #divPPOBasicDetail .card-header button{
        padding-left: 0px;
        padding-top: 5px;
        font-size: 13px;
    }
    #divPPOBasicDetail .text-purpal.pt-10{
        padding-top: 5px !important;
    }
    #divPPOBasicDetail .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divPPOBasicDetail .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divPPOBasicDetail .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divPPOBasicDetail .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px !important;
    }
    #divPPOBasicDetail .col-md-12{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px !important;
    }
    #divPPOBasicDetail .col-md-2{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divPPOBasicDetail .col-md-9{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
        margin-left: 0px !important;
    }
    #divPPOBasicDetail .card{
        border-radius: 0px !important;
    }
    #btnModalAddFeeSchedule{
        padding-left: 0px;
        padding-top: 5px;
        padding-right: 5px;
        font-size: 13px;
        margin-left: 0px !important;
    }
    #divFeeSchedule button {
        margin-left: 0px !important;
        margin-right: 5px;
        margin-bottom: 5px;
    }
    #divFeeSchedule .order-2 {
        order: 2;
        display: flex;
        margin-bottom: 5px;
    }
    #divFeeSchedule .order-1{
        order: 1;
    }
    #divFeeSchedule .order-3{
        order: 3;
    }
    #divFeeSchedule .order-4{
        order: 4;
    }
    #divFeeSchedule .card{
        border-radius: 0px;
    }
    #divEmployer .card{
        border-radius: 0px;
    }
    #divEmployer .text-purpal.pt-10{
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-bottom: 0px;
    }
    #tbl-employer-list_wrapper #tbl-employer-list tr td{
        width: 100%;
        max-width: 100% !important;
    }
    #ModalEmployerView .col-md-3{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalEmployerView .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalEmployerView .col-md-8{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divEmployerBasicDetail .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divEmployerBasicDetail .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divEmployerBasicDetail .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divEmployerBasicDetail .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px !important;
    }
    #divEmployerBasicDetail .accordion-body{
        padding-bottom: 3px !important;
    }
    #btnModalAddMedGroup{
        padding-left: 0px;
        padding-top: 5px;
        padding-right: 5px;
        font-size: 13px;
    }
    #divEmployerMedGroup .card{
        border-radius: 0px;
    }
    #btnEditMiscEmpl{
        padding-left: 0px;
        padding-top: 5px;
        padding-right: 5px;
        font-size: 13px;
    }
    #divEmployerMiscEmpl .text-purpal.pt-10{
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-bottom: 0px;
    }
    #divEmployerMiscEmpl .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divEmployerMiscEmpl .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divEmployerMiscEmpl .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divEmployerMiscEmpl .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px !important;
    }
    #divEmployerMiscEmpl .card{
        border-radius: 0px;
    }
    #divEmployerMedInsNotes .card{
        border-radius: 0px;
    }
    #div_insurance_report{
        padding-left: 0px;
        padding-right: 0px;
    }
    #btnEditMedInsNotes{
        padding-left: 0px;
        padding-top: 5px;
        padding-right: 5px;
        font-size: 13px;
    }
    #divEmployerMedInsNotes .text-purpal.pt-10{
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-bottom: 0px;
    }
    #divEmployerPerformance .text-purpal.pt-10{
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-bottom: 0px;
    }
    #divEmployerPerformance  .card{
        border-radius: 0px;
    }
    #divEmployerPerformance .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divEmployerPerformance .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divEmployerPerformance .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divEmployerPerformance .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px !important;
    }
    #divEmployerPerformance .text-purpal.pb-2{
        padding-left: 5px;
        padding-right: 0px;
    }
    #tbl-ins-list_wrapper #tbl-ins-list tr td{
        width: 100%;
        max-width: 100% !important;
    }
    #ModalInsView .col-md-3{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalInsView .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalInsView .col-md-8{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divInsBasicDetail .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px !important;
    }
    #divInsBasicDetail .col-md-2{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divInsBasicDetail .col-md-10{
        width: 60%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #tbl-role-list{
        width: 100% !important;
    }
    #addEditRoleForm{
        padding-left: 0px;
        padding-right: 0px;
    }
    #addEditRoleForm .col-md-4 .mb-3{
        margin-bottom: 0px !important;
    }
    #addEditRoleForm .col-md-12.text-end{
        margin-top: 5px;
    }
    .role-access-detail-page .col-md-4.text-end.mt-2{
        margin-top: 0px !important;
    }
    .role-access-detail-page .col-md-4.text-end.mt-2 .col-md-12.text-end{
        text-align: left !important;
    }
    .role-access-detail-page .card-header button{
        padding-left: 0px;
        padding-top: 5px;
        padding-right: 5px;
        font-size: 13px;
    }
    .role-access-detail-page .card-body{
        padding: 5px;
        font-size: 12px;
    }
    .role-access-detail-page .text-gray{
       font-size: 12px;
    }
    .role-access-detail-page .articles{
        padding-left: 0px;
        padding-right: 0px;
    }
    .role-access-detail-page .articles .col-md-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    #object-access-list tr td{
        max-width: 100% !important;
        width: 100% !important;
        min-width: 100% !important;
    }
    #object-access-list input{
        margin-top: 5px;
    }
    #tbl-user-list{
        width: 100% !important;
    }
    #add-company-user-form .col-md-4{
        padding-left: 0px;
        padding-right: 0px;
    }
    #add-company-user-form .col-md-12{
        margin-top: 10px;
        padding-left: 0px;
        padding-right: 0px;
    }
    #addForm .manual-change{
        margin-top: 0px;
    }
    .password-chanage-modal#addForm .manual-change .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    .password-chanage-modal .col-md-12.text-end{
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 10px;
    }
    .dataTables_wrapper .dataTables_paginate {
        width: 100%;
    }
    #addSubfolderBtn{
        margin-left: 0px !important;
    }
    #sub_folder_add .col-md-4{
        padding-left: 0px;
        padding-right: 0px;
    }
    #ModalSubFolderAdd .modal-body{
        margin-top: -10px !important;
    }
    #ModalSubFolderAdd .form-check .form-check-input {
        margin-left: 0px;
    }
    #ModalSubFolderAdd  .col-md-12.text-end.m-t-10{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divInsBasicDetail .card-body .col-md-12.pt-10{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px !important;
    }
    .template-master-details-page{
        margin-top: 15px;
    }
    .template-master-details-page .template-main {
        padding: 0px 0px;
        border-radius: 0px;
    }
    .template-master-details-page .template-main .col-md-12{
        padding: 0px 0px;
    }
    .template-master-details-page .template-section-title {
        font-size: 13px;
        font-weight: 500;
    }
    .template-master-details-page .template-section{
        padding: 0px 10px;
        margin-bottom: 0px;
    }
    .template-master-details-page .col_key{
        color: rgb(0, 0, 0) !important;
        font-size: 12px;
        font-weight: 400;
    }
    .template-master-details-page .instruction-col{
        padding-right: calc(var(--bs-gutter-x) * .5) !important;
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
    }
    .template-master-details-page .current-attachment{
        display: flex;
        width: auto;
        height: auto;
        overflow: hidden;
        padding: 10px;
    }
    .template-master-details-page .current-attachment .attachment-icon {
        font-size: 30px;
    }
    .template-master-details-page .old-attachment-sec{
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }
    #divProfBasicDetail .card-header button{
        padding-left: 0px;
        padding-top: 5px;
        padding-right: 5px;
        font-size: 13px;
    }
    #divProfBasicDetail .text-purpal.pt-10{
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-bottom: 0px;
    }
    #divProfBasicDetail .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divProfBasicDetail .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divProfBasicDetail .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divProfBasicDetail .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px !important;
    }
    #divProfBasicDetail .card{
        border-radius: 0px;
    }
    #divProfBasicDetail .card-body{
        padding: 0px;
    }
    #divProfBasicDetail .card-body .col-sm-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #divProfBasicDetail .table-responsive.mt-2{
        margin-top: 0px !important;
    }
    #divProfBasicDetail table tr td{
        float: left !important;
        text-align: left !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
    #divProfBasicDetail table tr td .cspl-div {
        float: left !important;
        text-align: left !important;
        overflow: hidden;
        max-width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /* 11/12/2023  */

    #ModalInventoryView .upcoming-appointment{
        margin-top: 10px;
    }
    #ModalInventoryView .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalInventoryView .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalInventoryView .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divInventoryBasicDetail .card-header button{
        padding-left: 0px;
        padding-top: 5px;
        padding-right: 5px;
        font-size: 13px;
    }
    #divInventoryBasicDetail .text-purpal.pt-10{
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-bottom: 0px;
    }
    #divInventoryBasicDetail .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divInventoryBasicDetail .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divInventoryBasicDetail .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divInventoryBasicDetail .card{
        border-radius: 0px;
    }
    #btnAddVendorQuote{
        padding-left: 0px;
        padding-top: 5px;
        padding-right: 5px;
        font-size: 13px;
    }
    #divInventoryVenQuo .text-purpal.pt-10{
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-bottom: 0px;
    }
    #divInventoryVenQuo .card-body{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #divInventoryVenQuo .col-sm-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #divInventoryVenQuo .card{
        border-radius: 0px;
    }
    #tbl-vendor-quote-list_paginate{
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: 10px;
    }
    #tbl-vendor-quote-list_paginate a{
        padding: 5px !important;
    }
    #btnAddVendorQuote1{
        padding-left: 0px;
        padding-top: 5px;
        padding-right: 5px;
        font-size: 13px;
    }
    #divvendorpostTables .text-purpal.pt-10{
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin-bottom: 0px;
    }
    #divvendorpostTables .card{
        border-radius: 0px;
    }
    #divvendorpostTables .card-body{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #divvendorpostTables .col-sm-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #ModalorderView .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalorderView .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalorderView .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    .master-detail-page .back-btn {
        height: 30px !important;
        margin-top: 0px !important;
        line-height: 21px;
    }
    .modal-title {
        font-size: 15px;
        color: var(--purple);
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #ModalrepairorderView .col-md-4{
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalrepairorderView .col-md-1{
        width: 10%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalrepairorderView .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #divInsBasicDetail .accordian-add-btn button{
        padding-left: 0px;
        padding-top: 5px;
        padding-right: 5px;
        font-size: 13px;
    }
    #ModalSendMessage .col-md-3{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divProfBasicDetail .col-md-12{
        padding-top: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #divProfBasicDetail .col-md-2 {
        width: 40%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalReadMessage .col-md-2{
        width: 40% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalReadMessage .col-md-4{
        width: 60% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalReadMessage #collapseOfficeSummary{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #ModalReadMessage .col-md-10{
        width: 60% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalReadMessage  .col-md-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #ModalForwardMessage .col-md-2{
        width: 40% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalForwardMessage .col-md-1{
        width: 10% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalForwardMessage .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalForwardMessage .row.mb-1{
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
    #ModalForwardMessage .col-md-10 .col-md-10{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalForwardMessage .col-md-10{
        width: 100%;
    }
    #ModalForwardMessage .col-md-6 .col-md-3{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalForwardMessage .col-md-12.text-end.m-t-20{
        margin-top: 0px !important;
    }
    #ModalReplayMessage .col-md-12.text-end.m-t-20{
        margin-top: 0px !important;
    }
    #ModalReplayMessage #collapseOfficeSummary{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #ModalReplayMessage .accordion-body{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #ModalReplayMessage .col-md-10 .col-md-10{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalReplayMessage .col-md-10{
        width: 100%;
    }
    #ModalReplayMessage .col-md-6 .col-md-3{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalReplayMessage .col-md-2{
        width: 40% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalReplayMessage .col-md-1{
        width: 10% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalReplayMessage .col-md-7{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding-left: 5px;
        padding-right: 0px;
    }
    #ModalReplayMessage .row.mb-1{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .report-block table tr td, .report-block table tr th{
        text-overflow: ellipsis !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }
    .analytics-page .master-pages-right-side{
        margin-top: 18px;
    }
    .analytics-page hr{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .analytics-page .card-body .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    .analytics-page .add-and-filter-sec .btn {
       margin-bottom: 0px !important;
    }
    .analytics-page .card{
        border: none;
        padding: 0px;
    }
    .analytics-page .mt-2{
        padding-left: 0px;
        padding-right: 0px;
    }
    .analytics-page .card-body .col-sm-12, .analytics-page .card-body .col-xs-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .analytics-page #divofficeSummary .col-md-3{
        padding-left: 0px;
        padding-right: 0px;
    }
    .analytics-page #divofficePerformace .col-md-3{
        padding-left: 0px;
        padding-right: 0px;
    }
    .analytics-page #divofficePerformace .col-md-2{
        padding-left: 0px;
        padding-right: 0px;
    }

    .desk-signout {
        display: block;
        margin-top: -3px;
    }
    .mob-signout-menu{
        display: list-item;
    }

    /* 06/05/24 */

    .topbar .navbar.top-navbar{
        display: block !important;
    }
    .topbar .navbar-nav .profile-img {
        margin-top: 4px !important;
    }
    .top-header-latest-btn {
        padding-top: 5px !important;
    }
    .top-bar-patient-search .nav-link {
        padding-top: 5px !important;
    }
    .navbar-expand-md .navbar-nav {
        align-items: flex-start !important;
    }
    .topbar .top-navbar .navbar-nav .nav-item>.nav-link {
        font-size: 22px !important;
    }
    .topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
        margin-top: -7px;
    }
    .topbar .top-bar-patient-search{
        margin-top: 7px;
    }
    .fixed-layout .page-wrapper {
        padding-top: 110px !important;
    }

    /* 7/5/2024 */

    .top-bar-patient-search form {
        text-align: left !important;
    }
    .master-pages.container-fluid{
        padding: 0 0px 0 0px;
    }

    .master-pages-right-side .card-body .col-md-6 .col-md-4{
        width: 30%;
        padding: 0px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .master-pages-right-side .card-body .col-md-6 .col-md-1{
        width: 5%;
    }
    .master-pages-right-side .card-body .col-md-6 .col-md-7{
        width: 58%;
        padding: 0px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .master-pages-right-side .card-body .col-md-2{
        width: 30%;
        padding: 0px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .master-pages-right-side .card-body .col-md-1{
        width: 5%;
    }
    .master-pages-right-side .card-body .col-md-9{
        width: 58%;
        padding: 0px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #div_memo_desc{
        padding: 0px;
    }
    #modal-edit-login-emp-form input{
       margin-bottom: 7px !important;
    }
    #modal-edit-login-emp-form .col-md-6{
       margin-top: .5rem !important;
    }
    #modal-add-edit-payroll-info-form .pt{
        padding-top: 0px !important;
    }
    #divEmpDoc .card-header #add_docs_btn_div{
        padding: 0px;
        display: flex;
    }
    #divEmpDoc .card-header{
        padding: 0px;
    }
    #divEmpHistory .table-responsive{
        margin-top: 0px !important;
    }
    #divEmpHistory .col-sm-12{
        padding: 0px;
    }
    #divEmpHistory .card-body{
        padding: 0px;
    }
    .master-pages-right-side #no-more-tables .col-sm-12{
        padding: 0px !important;
    }
    #div_st_msg .col-md-12 {
        padding: 0px !important;
    }
    #col-md-2 .col-md-12 .col-md-2 {
        padding: 0px !important;
    }


    .master-pages-right-side .card-body .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .master-pages-right-side .card-body .col-md-6 .add-and-filter-sec .btn{
        float: left;
    }
    .master-pages-right-side .card-body .col-md-3{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .dbl_book_rule{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .proc_limitation{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .time_requirment{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #tbl-doctor-Prescription-list tbody td{
        max-width: 100% !important;
    }
    #ModalDocumentAdd .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #collapseProfGenSup{
        display: flow-root;
    }
    #no-more-tables td div{
        text-align: left !important;
    }
    #divInsBasicDetail .col-md-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    /* 13/5/2024 */

    #btnEditProgNotes{
        padding-left: 0px;
        padding-top: 0px;
        font-size: 13px;
    }
    #filterForm.filter .col-md-3{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #divFeeSchedule .card-header .btn#btnModalAddFeeSchedule{
        float: right !important;
    }
    #divFeeSchedule .card-header .btn{
        float: left !important;
    }
    #ModalAddFeeSchedule .modal-body{
        margin-top: 0px !important;
    }
    #modal-body{
        padding-left: 0px;
        padding-top: 0px;
        font-size: 13px;
    }
    #tbl-specialist-fee-schedule-list{
        margin-bottom: 0px !important;
        border: none;
    }
    .accordion-button label {
        font-size: 13px !important;
        padding-top: 0px !important;
    }
    .accordian-add-btn .btn{
        padding-top: 0px !important;
        font-size: 13px !important;
    }
    #btnAddProcDoctor{
        font-size: 13px !important;
        padding: 0px !important;
    }
    .tab-style-5.mb-30.mt-3{
        margin-top: 0px !important;
    }
    .master-pages-right-side .add-and-filter-sec {
        margin-top: 10px;
        margin-bottom: 0px;
    }
    #ModalAddEditProcDoctFee .modal-body{
        margin-top: 0px !important;
    }
    #divInsMergeDetail .card-header .btn{
        padding: 0px !important;
        font-size: 13px !important;
    }
    #divMapEmpl .card-body{
        padding: 0px !important;
    }
    .mt--5 {
        margin-top: 0px !important;
    }
    #btnModalAddPPOPlanParticipation{
        font-size: 13px !important;
    }

    /* 14/5/2024 */

    #divInsMergeDetail .card-body{
        padding: 0px;
    }
    .accordion #collapseExample .card-body {
        padding: 5px !important;
        border: none;
    }
    .accordion #collapseExample .card-body .filter-btn{
        padding-right: 0px;
    }
    #divEmployerMergeDetail .card-body{
        padding: 0px;
    }
    #divEmployerMergeDetail .card-header .btn{
        font-size: 13px;
        padding: 0px;
    }
    #divMapPatientslist .card-body{
        padding: 0px;
    }
    #divMapPatientslist .card-header label.text-purpal {
        padding-top: 7px !important;
    }
    #divEmployerExclusion .card-header .btn{
        font-size: 13px;
        padding: 0px;
    }
    .role-access-detail-page .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
        font-size: 13px;
        padding-bottom: 30px;
        padding-top: 0px;
        padding-left: 7px;
        padding-right: 7px;
        padding-top: 0px;
        line-height: 32px;
    }
    #roleDetailsTab{
        margin-left: 10px;
        margin-right: 10px;
    }
    #addForm .mb-3{
        margin-bottom: 0px !important;
    }
    .schedule-letter-pages .card-body{
        padding: 0px;
    }
    .schedule-list{
        padding: 0px;
    }
    .schedule-list .theme-subtitle.text-purpal {
        margin-bottom: 10px !important;
    }
    .blue-background{
        text-align: center;
    }
    .info-background{
        text-align: center;
    }
    .appointment-emails .card-body{
        padding: 0px;
    }
    .appointment-email-list{
        padding: 0px;
    }
    .appointment-email-list .theme-subtitle.text-purpal {
        margin-bottom: 10px !important;
    }
    #ApplicationEmailFilterForm #collapseExample .card-body{
        padding: 10px;
    }
    .appointment-emails #collapseExample .card-body{
        padding: 10px;
    }
    .appointment-sms .card-body{
        padding: 0px;
        margin-top: 10px;
    }
    .appointment-sms-list{
        padding: 0px;
    }
    .appointment-sms #collapseExample .card-body{
        padding: 10px;
    }
    .appointment-sms .card-body .col-md-6{
        padding: 0px;
    }
    .appointment-sms .card-body .col-sm-12{
        padding: 0px;
    }
    .appointment-sms .theme-subtitle.text-purpal {
        margin-bottom: 10px !important;
    }
    #collapseCallList .card-body{
        padding: 10px !important;
    }
    #modal-find-appt-form .d-flex{
        display: block !important;
        text-align: left !important;
    }
    #modal-find-appt-form .d-flex label{
        text-align: left !important;
        float: left !important;
    }
    #modal-find-appt-form .d-flex .col-md-8{
        width: 100%;
        max-width: 100%;
        flex: 100%;
        display: inline-flex;
        justify-content: space-between;
    }
    .asap-list .theme-subtitle.text-purpal {
        margin-bottom: 10px !important;
    }
    .asap-list #collapseExample .card-body{
        padding: 10px !important;
    }
    .asap-page .card-body{
        padding: 0px !important;
    }
    .asap-list{
        padding: 0px !important;
    }
    .asap-page .collapse:not(.show) {
        display: none !important;
    }
    #divDeletedAppointments{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divDeletedAppointments #collapseExample{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divDeletedBenefits{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divDeletedBenefits #collapseBeneExample{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divDeletedRecepts{
        padding-left: 0px;
        padding-right: 0px;
    }
    #divDeletedRecepts #collapseRecExample{
        padding-left: 0px;
        padding-right: 0px;
    }

    /* 15/5/2024 */

    .main-schedular .info {
        margin: 6px 0px 15px 0px;
        width: 12%;
    }
    .main-schedular .grids {
        margin-top: 20px;
    }
    .grids-head {
        margin: 1px 5px 5px 0px;
        width: 13% !important;
        margin-top: 0px;
    }
    .grids-body {
        margin-top: 0px;
        padding-left: 2px;
    }
    .main-schedular .col-md-12 .col-md-7.d-flex{
        display: block !important;
    }
    .main-schedular .col-md-12 .col-md-7.d-flex .date-changer1.ms-1 {
        margin-left: 0px !important;
        display: inline;
    }
    .main-schedular .col-md-12 .col-md-7.d-flex .ml-1{
        width: 100% !important;
    }
    .main-schedular .col-md-12 .col-md-7.d-flex .month-date-block {
        padding-left: 0px !important;
        display: inline-block;
        margin-bottom: 10px;
    }
    .appo-top-header-block{
        padding: 0px 0px 15px 0px;
        margin-bottom: -15px;
    }
    .main-schedular .col-md-12 .col-md-5 div section{
        justify-content: left !important;
    }
    #saveQueryForm{
        padding:0px;
    }
    #reportListBody table tr td {
        padding-left: 0px !important;
        border-bottom: none;
        line-height: 27px;
    }
    #reportListBody table tr td::after{
        display: none !important;
    }
    #reportListBody table tr{
        display: flex !important;
        border: none !important;
    }
    #reportListBody td{
        padding-left: 110px !important;
    }
    #reportListBody td::after {
        left: 100px;
    }
    #reportListBody table tr td:first-child{
        width: 25px !important;
    }
    .day-sheet-listing .col-md-3{
        width: 100%;
        padding-left: 0px !important;
    }
    .day-sheet-listing .col-md-6{
        display: block !important;
    }
    .day-sheet-listing .fa-info-circle{
        margin-bottom: 6px !important;
        margin-left: 3px;
    }
    .claim-page-content .theme-subtitle {
        margin-left: -8px !important;
    }
    .claim-detail-page .card.inner-pages-common-header.without-tab .card-options a {
        font-size: 12px !important;
        width: 100px !important;
        padding: 2px 5px !important;
        line-height: 23px !important;
        height: 30px !important;
    }
    .claim-page-content #pat_info_icon .btn {
        height: 21px !important;
        vertical-align: bottom !important;
    }
    .claim-detail-page .mt-3 .row{
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }
    .claim-page-content .row.mb-1{
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
    }
    .claim-page-content .row.mb-1 .col-md-6{
        width: 50%;
        padding: 0px;
    }
    .claim-detail-page .mt-3 .row .col-md-6{
        width: 50%;
        padding: 0px;
    }

    .claim-detail-page #add_docs_btn_div{
        display: flex !important;
    }
    .claim-page-content #add_docs_btn_div .btn {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        width: 90px;
    }
    #modal-add-claim-doc-form .col-md-12 {
        padding: 0px;
    }
    #edit_claim_lineitem_modal .patient-search .col-md-6{
        width: 50%;
    }
    #nav-post-payment .col-sm-12{
        padding: 0px;
    }
    #nav-post-payment .col-md-6 .theme-subtitle {
        margin-left: 0px !important;
    }
    #single_pat_pretre_data tbody tr td{
        text-align: left;
    }
    #single_pat_pretre_data tbody tr td p{
        float: left;
    }
    #no-more-tables td .green-background{
        text-align: center !important;
    }
    #single_pat_pretre_data td::after {
        left: 180px;
    }
    #single_pat_pretre_data td{
        padding-left: 195px !important;
    }
    #ModalpretreView .patient-profile-chart .col-md-4 {
        width: 30%;
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 10px;
    }
    #ModalpretreView .patient-profile-chart .col-md-1{
        width: 5%;
    }
    #ModalpretreView .patient-profile-chart .col-md-7{
        width: 55%;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #no-more-tables td .dark-green-background{
        text-align: center !important;
    }

    /* 16/5/2024 */

    .page-wrapper  .page-wrapper.inner-pages-wrapper.account-page-content{
        padding-top: 5px !important;
    }
    .inner-page .inner-pages-wrapper.account-page-content .inner-page-title-block .theme-subtitle {
        margin-left: 0px !important;
    }
    #DivTrn .card-header .card-title{
        text-align: left !important;
    }
    #DivTrn .card-body .col-md-12.mb-5px.d-flex .col-md-4{
        text-align: left !important;
    }
    #DivTrn .col-md-8, #DivTrn .col-md-4, #DivTrn .col-md-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #pat_trn_notes_table tbody td{
        width: 100% !important;
    }

    #DivOpenAcc .card-title{
        text-align: left !important;
    }
    #DivOpenAcc .card-body .col-md-12.mb-5px.d-flex .col-md-4{
        text-align: left !important;
    }
    #DivOpenAcc .col-md-8, #DivOpenAcc .col-md-4, #DivOpenAcc .col-md-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .open_acc_pat_data #no-more-tables{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #pat_family_data_table #pat_family_list  tr td{
        width: 100% !important;
    }
    .open_acc_pat_data .without-header-listing{
       padding-left: 0px !important;
       padding-right: 0px !important;
    }
    #tbl-pat-open_act-list_note{
        padding-left: 0px !important;
        padding-right: 0px !important;
     }
     #divofficeScheduledReport .col-md-2{
        width: 100%  !important;
     }
     #divProfessionalDetailsReport .col-md-2{
        width: 100% !important;
     }
     #divofficePerformace .col-md-2{
        width: 100% !important;
     }
     #divofficeDetailsReport .col-md-2{
        width: 100% !important;
     }
     #divProfessionalPerformace .col-md-2{
        width: 100% !important;
     }
     #divProfessionalScheduledReport .col-md-2{
        width: 100% !important;
     }
     .patient-profile-page-content .col{
        flex: none !important;
        text-align: left !important;
     }
     .patient-profile-page-content .doNotTreat .col.justify-content-end.text-end img{
        display: inline;
     }
     .patient-profile-page-content .inner-pages-common-header .payment-btn {
        margin-bottom: 7px !important;
    }
    .patient-profile-page-content .inner-pages-common-header .back-btn{
        margin-top: -8px;
    }
    #divPatProfile #nav-tabContent{
        padding: 0px !important;
    }
    #divPatProfile .Profile-details-tab .row{
        justify-content: center;
    }
    #divPatProfile .Profile-details-tab .row .col-md-6{
       width: 50%;
       padding-left: 0px;
       padding-right: 0px;
    }
    #divPatProfile .common-sub-tab{
        margin-bottom: 10px;
    }
    #divPatProfile .add-and-filter-sec{
        float: right;
        text-align: right;
    }
    .patient-profile-tab-offcanvas .accordion-body .col-md-2 {
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 50%;
    }
    .patient-profile-tab-offcanvas .accordion-body .col-md-3{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 50%;
    }
    .patient-profile-tab-offcanvas .accordion-body .col-md-5{
        width: 50%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 50%;
    }
    .Family-Contact-detail-block .col-md-6{
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
     }
     .Addresses-detail-block .col-md-6{
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
     }
     .Associated-Professional-detail-block .col-md-6{
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
     }
    #divPatBenefits #nav-tabContent{
        padding: 0px !important;
    }
    #divPatBenefits .common-sub-tab{
        margin-bottom: 10px;
    }
    .insurance-benefits-cards.ins-benefits-cards.benifits-tab.pt-10{
        padding-top: 0px !important;
    }
    .insurance-benefits-cards.ins-benefits-cards.benifits-tab.pt-10 #divBenefitPrimary{
        padding-left: 0px;
        padding-right: 0px;
    }
    .ins-benefits-cards .card-header {
        padding: 5px 5px !important;
    }
    #divBenefitPrimary .col-md-12.mb-5px.d-flex .col-md-5.pl-10,
    #divBenefitSecondary .col-md-12.mb-5px.d-flex .col-md-5.pl-10,
    #divBenefitMedical .col-md-12.mb-5px.d-flex .col-md-5.pl-10{
        padding-left: 0px !important;
    }
    #divBenefitPrimary .benefit-boby .col-md-12.mb-5px,
    #divBenefitSecondary .benefit-boby .col-md-12.mb-5px,
    #divBenefitMedical .benefit-boby .col-md-12.mb-5px{
        padding-left: 0px !important;
    }
    #POST_TREATMENT_TABLE tr td{
        width: 100% !important;
        max-width: 100% !important;
    }


    /* 17/5/2024 */

   #Modalpastapptview .col-md-6 .col-md-4,
   #Modalpastapptview .col-md-6 .col-md-8,
   #Modalpastapptview .col-md-6 .col-md-6,
   #Modalpastapptview .col-md-6 .col-md-5,
   #Modalpastapptview .col-md-6 .col-md-7
   {
        width: 50% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #Modalpastapptview .col-md-2,
    #Modalpastapptview .col-md-10
    {
        width: 50% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #Modalpastapptview .col-md-6 .col-md-2.divpastrchkstknote{
        width: 100% !important;
    }
    #Modalpastapptview #notesSection .col-md-12.row{
        padding-left: 0px;
        padding-right: 0px;
    }
    #Modalpastapptview #ProcToothDiv{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .steamline .single-block .info {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .doctor-dashboard-page .temp-block table {
        margin-left: 10px;
        margin-top: 15px;
        width: 90%;
    }
    #tbody-doc-today-appt .dataTables_empty{
        width: 100%;
        text-align: center !important;
        max-width: 100%;
    }
    .doctor-dashboard-page .col-md-3:last-child .col-md-12{
        padding-left: 0px  !important;
        padding-right: 0px !important;
    }
    .doctor-dashboard-page .col-md-3:last-child .col-lg-12{
        padding-left: 0px  !important;
        padding-right: 0px !important;
    }

    /* 21/5/2024 */

    .appointment-summary-block .item-title {
        font-size: 13px !important;
    }
    .appointment-summary-block .item-count {
        font-size: 18px !important;
    }

    .account-dashboard .col-md-9.col .col-md-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .account-dashboard .col-md-4, .account-dashboard .col-md-3,.account-dashboard .col-md-9,
    .account-dashboard .col-md-12, .account-dashboard .col-lg-12, .account-dashboard .col-md-8{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .dataTables_wrapper .dataTables_paginate .paginate_button {
        padding: .5rem .5rem !important;
    }
    .account-dashboard #account-tranfer-money{
        margin-bottom: 5px;
        border-bottom: 1px solid #ccc;
    }
    .account-dashboard .transfer-money-count .total-amount-block {
        margin-top: 55px;
    }
    .account-dashboard .office-amount-collection {
        grid-template-columns: 50% 50%;
    }
    .account-dashboard .office-amount-collection .single-block {
        margin: 2px;
    }
    .account-dashboard .performance-chart .chart-info .plain-card {
        width: 100%;
    }
    .account-dashboard .performance-chart .chart-info .plain-card .card-inner p{
        text-align: center;
    }
    .account-dashboard .transfer-money-count .total-amount-block p{
        text-align: right !important;
    }

    .account-dashboard .amout-collection-block .item-title .office-title {
        width: 65% !important;
    }

    .account-dashboard .performance-chart #all_office_collection_summary_line_chart svg{
        width: 365px !important;
    }

    .loader, .loader__figure {
        left: 45% !important;
    }
    #divPatMemo .row.m-b-10.mt-10{
        margin-top: 0px !important;
    }
    #divPatMemo .row.m-b-10.mt-10 .col-md-6{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #tbl-patients-interface-appt-list td center span{
        text-align: center !important;
    }
    .patient-account-page .card-body .row.p-b-5 .col-md-6{
        width: 50% !important;
    }
    .patient-account-page .card-body .row.p-b-5 .col-md-6 .add-and-filter-sec{
        float: right !important;
    }
    #no-more-tables table tfoot{
         display: block;
    }
    .profile-headers .insurance-benefits-cards.my_profile_headers, .profile-headers .col-md-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .patient-interface-profile-page #profileTab nav{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .patient-interface-profile-page #profileTab .col-md-12.gx-2,
    .patient-interface-profile-page #profileTab .tab-content,
    .patient-interface-profile-page #profileTab .col-md-10.mb-2,
    .patient-interface-profile-page .col-md-2.mb-2{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .patient-interface-profile-page .col-md-12.d-flex.align-items-center.justify-content-between,
    .patient-interface-profile-page #example_wrapper .col-sm-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .patient-interface-profile-page .accordion-body .col-md-2,
    .patient-interface-profile-page .accordion-body .col-md-3,
    .patient-interface-profile-page .accordion-body .col-md-5{
        width: 50% !important;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .patient-interface-profile-page .Profile-details-tab .d-flex.flex-column.align-items-center.justify-content-center{
        align-items: baseline !important;
    }
    .filepond--drop-label.filepond--drop-label label {
        font-size: 12px !important;
    }
    .patient-interface-profile-page #documentTab .col-md-12,
    .patient-interface-profile-page #documentTab .col-md-6,
    .patient-interface-profile-page #documentTab .col-md-3,
    .patient-interface-profile-page #documentTab .col-md-9
    {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    /* 10/06/2024 */

    .new-dashboard .container-fluid{
        padding: 0 0px 0 0px !important;
    }
    /* .new-dashboard .col-md-3{
        padding-left: 0px !important;
        padding-right: 0px !important;
    } */
    .new-dashboard {
        padding-top: 0px !important;
    }
    .todays-at-dienfirst-block {
        margin-top: 0px !important;
    }
    #printableArea .col-md-12{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #modal-add-edit-pat-registration-form .benefit-boby .col-6{
        width: 100% !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #modal-add-edit-pat-registration-form .benefit-boby .col-6 span.pull-right{
        float: left !important;
    }
    #modal-add-edit-pat-registration-form .col-md-12{
        padding-right: calc(var(--bs-gutter-x)* .5) !important;
        padding-left: calc(var(--bs-gutter-x)* .5) !important;
    }
    #modal-add-edit-pat-registration-form .accordion-body{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #modal-add-edit-pat-registration-form .card.benefitCard .card-body .col-md-12.mb-5px.d-flex{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #modal-add-edit-pat-registration-form .accordion-body .form-check .form-check-input {
        margin-right: 5px;
        width: 45px;
    }
    #modal-add-edit-pat-registration-form .accordion-body .col-md-4 .form-switch {
        padding-left: 20px !important;
    }
    #modal-add-edit-pat-registration-form .rbtnLabelWithSwitchBtn {
        border-bottom: none !important;
        margin: 2px 0px !important;
    }
    #modal-add-edit-pat-registration-form .card.benefitCard .card-body{
        padding: 10px 0px !important;
    }
    .patient-interface-pre-view .col-md-2,
    .patient-interface-pre-view .col-md-4{
        width: 50% !important;
    }

    .patient-interface-profile-page #nav-Profile .accordion-body{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .patient-interface-profile-page #divPatBenefits .card-body{
        padding: 10px 0px !important;
    }
    .patient-interface-profile-page #sendRequestForm fieldset {
        padding: 10px 0px;
    }
    #sendRequestForm .form-check-inline {
        display: block;
    }

    .patient-dashboard-page  .temp-block #selectedDateAppointmentDetails .left-side {
        text-overflow: ellipsis !important;
        overflow: hidden !important;
        white-space: nowrap !important;
    }
    .patient-dashboard-page .appointment_time_procedures{
        display: block !important;
    }
    .insurance-benefits-cards.ins-benefits-cards.benifits-tab.pt-10 #divBenefitSecondary,
    .insurance-benefits-cards.ins-benefits-cards.benifits-tab.pt-10 #divBenefitMedical{
        padding-left: 0px;
        padding-right: 0px;
    }

    .patient-interface-profile .inner-page-title-block .card-options a span {
        display: inline-flex !important;
        margin-left: 7px !important;
    }
    .patient-interface-profile .card-options a {
        width: 33% !important;
    }

    .topbar ul .btn.btn-info.mt-2.text-white{
        position: absolute;
        right: 45px;
        top: 1px;
        font-size: 12px;
        padding: 2px 10px;
        border-radius: 4px;
    }
    .dashboard-appointment-list table {
        table-layout: fixed;
    }
    .patient-search-form-menu .row div{
        padding-left: 0px;
        padding-right: 0px;
    }
    .customer-details-in-offcanvas .patient-profile-chart{
        margin-bottom: 10px;
    }
    #divPatChart .tab-content .tab-pane .row div{
        padding-left: 0px;
        padding-right: 0px;
    }
    .patient-profile-page-content .patient-alert-icon .alert-icon img {
        width: 16px;
    }

    .patient-profile-page-content .card.inner-pages-common-header .patient-alert-icon{
        display: inline;
    }
    .patient-profile-page-content .card.inner-pages-common-header .col-md-7{
        padding-left: 0px;
        padding-right: 0px;
    }
    .patient-profile-page-content .card.inner-pages-common-header .col.justify-content-end.text-end .btn.icon-btn.me-1{
        position: absolute;
        right: 0px;
        top: 13px;
    }
    .patient-profile-page-content .card.inner-pages-common-header .col.justify-content-end.text-end #memoPin {
        position: absolute;
        right: 10px;
        top: 13px;
    }
    .patient-profile-page-content .card.inner-pages-common-header .col.justify-content-end.text-end #memoStickyNote {
        position: absolute;
        right: 30px;
        top: 10px;
    }
    #divPatChart .tab-content .tab-pane .row .col-md-6{
        padding-left: 0px;
        padding-right: 0px;
    }
    #nav-Pharmacy .Pharmacy-detail-block .row .col-md-6 {
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .Billing-details-tab .row .col-md-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    .Billing-details-tab .row{
        margin-top: 0px !important;
    }
    .patient-portal-details-tab .row .col-md-6 {
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .Associated-Professional-detail-block .row .col-md-2{
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .Associated-Professional-detail-block .row .col-md-4{
        width: 50%;
        padding-left: 0px;
        padding-right: 0px;
    }
    .grids-head .timeslot{
        line-height: 30px !important;
    }
    .ht-16min {
        height: 10px;
    }
    #tbl_outStand_summary tfoot {
        display: none !important;
    }
    #POST_TREATMENT_TABLE .note-table.note-list-table tr td{
        max-width: 100% !important;
        overflow: unset !important;
        white-space: normal !important;
        text-overflow: unset !important;
    }
}

.font-size-20px{
    font-size: 20px !important;
}


@media(min-width: 768px) and (max-width:1024px){
    .col-md-8 {
        flex-shrink: 0;
        width: 100%;
    }
    .col-md-4 {
        flex-shrink: 0;
        width: 100%;
    }
}

@media(min-width: 768px) and (max-width: 768px){
    .fixed-layout .page-wrapper {
        padding-top: 10px !important;
    }

}