@media screen and (max-width: 1760px){
  .encounter_wrapper .second_table .book-appointment .mat-form-field { width: 32%; }
}
@media screen and (max-width: 1700px){
  .techdashboard_header .quotation .mat-nav-list .mat-list-item  .mat-list-item-content{ padding: 0 10px;}
}
 
@media screen and (max-width: 1540px){
  .encounter_wrapper .second_table .book-appointment .mat-form-field { width: 31.6%; }
}
@media screen and (max-width: 1500px){
  .admin_wrapper{ width: 90%!important; }
  .action_bar .mat-form-field .mat-form-field-flex { width: 200px; }
  .sales_person_db .shareLi .in_w { width: 40%; } 
  .techdashboard_header .quotation .mat-nav-list .mat-list-item .mat-list-item-content { padding: 0 4px; }
  .encounter_rules .admin_superbillsection .greenbar{ height: 320px; }
  .admin_wrapper .content_wrapper .itemsection .button_wrapper .doctorNumber { font-size: 15px; }
  /* .superbillerContainer .biller_wrapper .super_bill_item span P { font-size: 16px!important;} */
  .admin_superbillsection .biller_wrapper .super_bill_item .border_wrapper { width: 15%; }
} 
@media screen and (max-width: 1410px){
  .action_bar .mat-form-field .mat-form-field-flex { width: 180px; }
  .table_wrapper .action_bar .date-range { width: auto;}
}
@media screen and (max-width: 1400px){
 .main_wrapper { background-size: 680px; padding-left: 727px; }
 .admin_wrapper .content_wrapper .itemsection .counteer .dataCount { font-size: 38px; }
 .admin_dashboard .DataTable .tablewrapper { display: block; overflow-x: scroll;}
 .admin_dashboard .DataTable .tablewrapper .mat-table{ width: 1300px;}
 .DataTable .mat-card .tablewrapper{ overflow-y: auto;}
 .DataTable .mat-card .tablewrapper .mat-table { width: 100%; }
 table th.mat-header-cell br{ display: block;}
 .admin_dashboard .DataTable .tablewrapper tr td .custombutton0, .admin_dashboard .DataTable .tablewrapper tr td .custombutton1, .admin_dashboard .DataTable .tablewrapper tr td .custombutton2, .admin_dashboard .DataTable .tablewrapper tr td .custombutton3, .admin_dashboard .DataTable .tablewrapper tr td .custombutton4, .admin_dashboard .DataTable .tablewrapper tr td .custombutton5, .admin_dashboard .DataTable .tablewrapper tr td .custombutton6, .admin_dashboard .DataTable .tablewrapper tr td .custombutton7, .admin_dashboard .DataTable .tablewrapper tr td .custombutton8 {
  display: flex; margin: 0px; }
.admin_dashboard .DataTable .tablewrapper table th.mat-header-cell:last-of-type {
  width: 220px;
}
table th.mat-header-cell:last-of-type { width: 160px; }
 .encounter_rules .admin_superbillsection .greenbar p { font-size: 46px; }
 .encounter_rules .admin_superbillsection .greenbar { height: 305px; }
 .book-appointment .mat-stepper-horizontal .lib_wrpr .lb_item .header, 
 .book-event .mat-dialog-container .mat-stepper-horizontal .lib_wrpr .lb_item .header { font-size: 16px; }
 .book-appointment .mat-stepper-horizontal .lib_wrpr .lb_item .symptoms_type .label_name, 
 .book-event .mat-dialog-container .mat-stepper-horizontal .lib_wrpr .lb_item .symptoms_type .label_name { font-size: 14px;}
 .DataTable table th.mat-header-cell:last-of-type { width: 18%;}
}  
@media screen and (max-width: 1368px){
  .techdashboard_header .quotation .mat-nav-list .mat-list-item .mat-list-item-content { padding: 0 5px; }
  .admin_wrapper .content_wrapper .itemsection .counteer .doctorNumber { font-size: 16px;}
  .overflowwrapper{ overflow-x: scroll; display: block;}
  .overflowwrapper .mat-table{ width: 1600px;}
  .encounter_rules .admin_superbillsection .greenbar { height: 290px; } 
  .admin_wrapper .content_wrapper .itemsection .button_wrapper .doctorNumber { font-size: 14px; }
  .admin_wrapper .content_wrapper .itemsection .counteer .dataCount { font-size: 28px; }
  .admin_wrapper .content_wrapper .itemsection .counteer { min-width: 100px; } 
}
@media screen and (max-width: 1300px){
.main_wrapper { background-size: 680px; padding-left: 665px; }
.encounter_rules .admin_superbillsection .greenbar { height: 275px; }
.encounter_rules .admin_superbillsection .greenbar p { font-size: 40px; }   
.book-appointment .mat-form-field { width: 32.2%; } 
.report_wrapper .items_w .name_wr .reportName { font-size: 16px; line-height: 18px; }
}
@media screen and (max-width: 1240px){
.main_wrapper .login_wrapper { width: 450px; }
.calenderView .filter .pagination { width: 260px; }
.calenderView .filter .pagination  .mat-icon-button { padding: 0; min-width: 0; width: auto; height: auto; flex-shrink: 0; line-height: inherit; }
.calenderView .filter .pagination mat-label{ font-size: 12px; margin:0;}
.calenderView .filter .filter-box { margin-right: 10px; width: 180px;}
.encounter_rules .admin_superbillsection .greenbar { height: 250px; }
}
@media screen and (max-width: 1199px){
.admin_wrapper { width: 95%; box-sizing: border-box; margin-bottom: 50px; }
.main_wrapper { background-size: 580px; padding-left: 500px; justify-content: center; align-items: center; }
.main_wrapper .login_wrapper { width: 500px; }
.main_wrapper .img_wrapper { background: none; }

/* table responsive */
.example-container { display: flex; flex-direction: column; max-height: 500px; min-width: 300px;}
.mat-table { overflow: auto; max-height: 500px;}
.mobile-label { display: none;}
.DataTable .container .searchbar{ display: flex!important; flex-wrap: wrap; height: auto;}
/* tech dashboard */
.report_wrapper .items_w .icon_w { height: auto; max-height: 320px;}
.report_wrapper .items_w .name_wr .reportName { font-size: 16px; line-height: 18px; }
.admin_wrapper .content_wrapper .itemsection .counteer .dataCount { font-size: 32px; }
/* .admin_wrapper .content_wrapper .itemsection .icon { width: 16%; padding-left: 10px;} */
.sales_person_db .shareLi .in_w { width: 65%; left: 0; right: 0; transform: inherit; top: 0; }
.sales_person_db .shareLi { background-position: 6% bottom; padding: 60px 20px; height: auto; background-size: contain; position: relative;}
.sales_person_db .shareLi .in_w { width: 60%; left: 0; right: 0; transform: inherit; top: 0; position: inherit; display: block;}
.calenderView .calendar_wrapper .example-container{ max-height: inherit!important;
  min-width: inherit!important;}
.calenderView .button_wrapper{ margin-top: 20px; }
/* .DataTable table th.mat-header-cell:last-of-type { width: auto; } */
.searchbar .mat-form-field { width: 32%; }
.book-event .mat-dialog-container .mat-stepper-horizontal .width-md { width: 31%; }
.admin_dashboard .DataTable .container .searchbar{ justify-content: center!important;}
.book-appointment .mat-form-field { width: 32.2%; }
.encounter_wrapper .second_table .book-appointment .mat-form-field { width: 32%; }
.admin_wrapper .content_wrapper .itemsection .button_wrapper .doctorNumber br{ display: none;}
.viewMore_w button { min-width: 320px; }
.distributor_info .inner_info p{ width: 50%;}
}
@media screen and (max-width: 1100px){
.biller_Dashboard .patient_report_section .patient_top_search { flex-direction: column; justify-content: flex-start;
align-items: flex-start; }
.biller_Dashboard .patient_report_section .patient_top_search h1 { margin-bottom: 10px; }
.encounter_rules .admin_superbillsection .greenbar p { font-size: 36px; }
.encounter_rules .admin_superbillsection .greenbar { height: 230px; }
.admin_wrapper .content_wrapper .itemsection .counteer .dataCount { font-size: 28px; }

}
@media screen and (max-width: 1040px){
  .main_wrapper { background-size: 0; padding-left: 0; }
  .admin_superbillsection .biller_wrapper { display: flex; flex-wrap: wrap;}
  .admin_superbillsection .biller_wrapper .super_bill_item { width: 49%; }
  .admin_wrapper .content_wrapper .itemsection{ flex-direction: column;}
  .admin_wrapper .content_wrapper .itemsection .counteer { width: 100%; text-align: center; margin: 0px 0px 8px;
    border-top-left-radius: 0; border-top-right-radius: 0; }
  .admin_wrapper .content_wrapper .itemsection .icon { width: 100%;
    padding: 4px; margin: auto; max-width: inherit; min-width: inherit;
    border-bottom-left-radius: 0; border-bottom-right-radius: 0;} 
  .admin_wrapper .content_wrapper .itemsection .button_wrapper { width: 100%; }
  .admin_wrapper .content_wrapper .itemsection .button_wrapper button{ margin: auto;}
  .calenderView .filter .filter-box { width: 26%; }
  .calenderView .filter { flex-wrap: wrap; padding: 10px 0; }
  .calenderView .filter .pagination { width: auto; margin: auto; }
  .admin_wrapper .content_wrapper .itemsection .button_wrapper .doctorNumber{ text-align: center;}
   .tech_search_wrapper .form-wrapper .filter-box { width: 48%; margin: 0 1%; }
}
@media screen and (max-width: 991px) {
.biller_Dashboard .patient_report_section .patient_top_search .res_view { flex-direction: column; width: 100%;}
.biller_Dashboard .patient_report_section .patient_top_search .res_view .btn_action_wrapper { margin-left: auto; }
.DataTable .container .searchbar { flex-wrap: wrap; height: auto; width: 100%; margin: auto; position: relative; } 
.table_wrapper .mat-table { width: 100%; }
.mat-table {border: 0; vertical-align: middle;}
.mat-table caption { font-size: 1em; }

     /* Enable this to hide header */
.mat-table .mat-header-cell { border: 10px solid; clip: rect(0 0 0 0); height: 1px; margin: -1px; padding: 0;
  position: absolute; width: 1px; }

.mat-table .mat-row { border-bottom: 10px solid #ddd; display: block; height: auto; padding: 0; }
      /*
      .mat-table .mat-row:nth-child(even) {background: #CCC}
      .mat-table .mat-row:nth-child(odd) {background: #FFF}
      */
.mat-table .mat-cell {
  border-bottom: 1px solid #ddd;
  display: block;
  font-size: 1em;
  text-align: right;
  /* font-weight: bold; */
  height:auto;
  margin-bottom: 1%;
  padding: 4px 20px;
  position: relative;
  padding-left: 40%;
  }
.mat-table .mat-cell:before {
  /*
  * aria-label has no advantage, it won't be read inside a table
  content: attr(aria-label);
  */
  content: attr(data-label); float: left; text-transform: uppercase; font-weight: normal;
  position: absolute; left: 6px; font-family: "AvenirMedium"; 
}

.mat-table .mat-cell:after {
  /*
  * aria-label has no advantage, it won't be read inside a table
  content: attr(aria-label);  */
    content: attr(title); float: left; text-transform: capitalize; font-weight: normal;
    position: absolute; left: 6px; top:0; font-size: 16px; font-family: "AvenirMedium";
  }

  .adminTables .mat-cell {min-height: 36px; height: auto; margin-bottom: 1%; padding: 10px 20px; padding-left: 36%; }
  .mat-table .mat-cell:last-child { border-bottom: 0; margin-bottom: 10px; }
  .mat-table .mat-cell:first-child { margin-top: 2%;}
  .DataTable .searchbar { display: flex!important;   height: auto; }
  .custom-modalbox{ width: 90%;}
  .table_wrapper .action_bar .resetButton_w { display: flex; width: 100%; margin-top: 10px; }
  .table_wrapper .action_bar { flex-wrap: wrap; } 
  .cdk-overlay-connected-position-bounding-box { left: 40%!important;}
  .calenderView .filter .filter-box { margin-right: 5px; } 
  .DataTable .mat-card .tablewrapper { margin-bottom: 16px; margin-top: 16px; }
  .calendar_data .table td{ max-width: inherit!important; height: inherit;} 
  .calendar_data .table td .btn-group { border: none; width: auto; } 
  .modal_view .table_wrapper .mat-table{ width:100%; min-width: inherit;}
  .admin_dashboard .DataTable .tablewrapper .mat-table { width: 100%; }
  .admin_dashboard .DataTable .tablewrapper { overflow-x: inherit; }
  .admin_dashboard .DataTable .tablewrapper .mat-table .mat-cell:last-child { padding-left: 20%!important; }
  .admin_dashboard .DataTable .tablewrapper .mat-table .mat-cell:after { left: 14px; bottom: 14px; }
  .admin_dashboard .DataTable .tablewrapper .mat-table .mat-cell{ padding-right: 16px; padding-bottom: 16px;}
  .DataTable .mat-card .tablewrapper { overflow-y: initial; }
  .DataTable .mat-card .tablewrapper .mat-table { width: 100%; }
  .encounter_rules .admin_superbillsection .tab h3{ border:none;}
  .encounter_rules .admin_superbillsection table .mat-column-SL,
  .encounter_rules .admin_superbillsection table .mat-column-Rules, 
  .encounter_rules .admin_superbillsection table .mat-column-Remarks { width: auto; }
  .encounter_rules .admin_superbillsection table tr td { text-align: right; border: none; padding-left: 80px; border-bottom: 1px solid #c5c4c4;}
  .encounter_rules .admin_superbillsection table .mat-table thead{ display: none;}
  .encounter_rules .admin_superbillsection .tab table tr.mat-row { border-bottom: 6px solid #a9d6d3;}
  .encounter_rules .admin_superbillsection .greenbar { height: 210px; }
  .encounter_rules .admin_superbillsection .greenbar p { font-size: 32px; }
  .shareLink_wrpr .link_field h2 { font-size: 20px; white-space: normal; line-height: 22px; width: 230px; }
  .book-appointment .mat-form-field { width: 32%; }
  .calenderView .calendar_wrapper { width: 90%!important; }
  .report_action_wrapper { flex-direction: column;}
  .report_action_wrapper button { margin-right: 0px; margin-bottom: 10px;}
  .mat-bottom-sheet-container { max-width: 80vw!important; }
  .admin_wrapper .content_wrapper .itemsection .button_wrapper .doctorNumber { font-size: 18px; }
  .admin_superbillsection .biller_wrapper .super_bill_item { width: 100%; }
  .training_management .form2_wrapper .mat-elevation-z8 .mat-table .buttons_ro { justify-content: flex-end; }
  .jobTickets_details .inner_wrapper_data { flex-direction: column; }
  .jobTickets_details .inner_wrapper_data .leftsection { width: 100%; margin-right: 0; margin-bottom: 16px; }
  .jobTickets_details .inner_wrapper_data .leftsection .listblockcontent .image_w {  width: 170px; margin-right: 16px;}
  .jobTickets_details .inner_wrapper_data .rightsection .messageBLK .imglists .mat-list-item { width: 31%; }

  /* for new table */
.admin_dashboard .DataTable .tablewrapper tr td .custombutton0, .admin_dashboard .DataTable .tablewrapper tr td .custombutton1, .admin_dashboard .DataTable .tablewrapper tr td .custombutton2, .admin_dashboard .DataTable .tablewrapper tr td .custombutton3, .admin_dashboard .DataTable .tablewrapper tr td .custombutton4, .admin_dashboard .DataTable .tablewrapper tr td .custombutton5, .admin_dashboard .DataTable .tablewrapper tr td .custombutton6, .admin_dashboard .DataTable .tablewrapper tr td .custombutton7, .admin_dashboard .DataTable .tablewrapper tr td .custombutton8 {
  display: inline-flex; }
.listing_view .table td{ max-width: inherit!important;}
.listing_view .table td .btn-group { width: 100%; }
.admin_wrapper .content_wrapper .itemsection .icon{ height: 95px;}

}
@media screen and (max-width: 900px){
  .book-appointment .mat-stepper-horizontal .lib_wrpr .lb_item,
  .book-event .mat-dialog-container .mat-stepper-horizontal .lib_wrpr .lb_item{ width: 100%; margin: 0; margin-bottom: 16px;}
  .admin_wrapper .title_wrapper { font-size: 24px; }
  .book-appointment .mat-form-field { width: 31.6%; }
  .encounter_rules .admin_superbillsection .greenbar p { font-size: 38px; position: inherit; background: #fff; padding: 16px 0px 0; }
  .encounter_rules .admin_superbillsection .greenbar { height: auto; background-size: 220%;
  background-position: 100% top; padding: 16px; padding-top: 54%; background-color: #fff; text-align: center; }
  .admin_wrapper .content_wrapper .itemsection .icon { height: 60px; margin: 0; }
  .admin_wrapper .content_wrapper .itemsection .button_wrapper { height: 100%; }
  .admin_wrapper .content_wrapper .itemsection .icon img{ height:100%;}
  .admin_wrapper .content_wrapper .itemsection .button_wrapper button { margin: 0 auto; margin-top: auto; }
  .percentage_counter{ width: 90%!important;}
  .admin_wrapper .content_wrapper{ align-items:inherit; }
  .login_wrapper .inner_login { width: 90%; }
  .login_wrapper .inner_login .loginbody .example-container{ max-height: inherit; min-width: inherit;}
}
@media screen and (max-width: 840px){                      
  .quickRef .report_wrapper .items_w { width: 48%; margin: 1%;  }
  .quickRef .report_wrapper .items_w:nth-child(n+1) {  margin-left: 1%; }
  .quickRef .report_wrapper .items_w:nth-child(n+3) {  margin-right: 1%; }
  .table_wrapper .action_bar { display: flex; flex-wrap: wrap; justify-content: center; }
  .table_wrapper .action_bar .add_btn { margin-left: inherit;  }
  .table_wrapper .action_bar .mat-form-field { margin-bottom: 10px; }
  .Admindmin_details .inner { column-count: 1; }
  .admin_wrapper .add_form .submit_form button { font-size: 18px; }
  .admin_wrapper .add_form .submit_form { display: flex; flex-wrap: wrap; }
  .calenderView .filter .filter-box { width: 32%; }
  .calenderView .calender_first .mat-toolbar { padding: 10px; height: auto; }
  .useThisOnly_withsearch_wrapper{ flex-direction: column;}
  .useThisOnly_withsearch_wrapper .useThisOnly_withsearch{ margin-bottom: 10px;}
}
@media screen and (max-width: 776px){
  .shareLink_wrpr .link_field { flex-direction: column;}
  .shareLink_wrpr .link_field h2 { width: 100%; margin: 0; margin-bottom: 8px; }
  .admin_wrapper .add_form .form_wrapper .practicecontainer .practiceitem { margin: 0; width: 100%; margin-bottom: 10px; }
  .tech_search_wrapper { flex-wrap: wrap; justify-content: center; }

}
@media screen and (max-width: 740px){
  .mediaDoc_wrapper .media_inner_items .action_button { font-size: 20px; padding: 4px; }
  .calenderView .slotview .example-card { width: 47%; }
  .custom-modalbox, .mat-dialog-container { min-width: 90%;}
  .admin_wrapper .add_form .submit_form button { font-size: 18px; padding: 2px 14px; min-width: 120px;  margin: 1%; }
  .admin_wrapper .add_form .submit_form button:first-child { margin-right: 8px; }
  .admin_dashboard .DataTable .searchbar .mat-form-field{ width: 48.5%;}
  .list-lesson .form2_wrapper .searchbar .mat-form-field { width: 49%;}
  .fromClass1 { flex-wrap: wrap; }
}
@media screen and (max-width: 668px){
  .main_wrapper .login_wrapper { width: 450px; }
  .admin_wrapper .mediaDoc_wrapper { display: flex; flex-wrap: wrap; }
  .admin_wrapper .mediaDoc_wrapper .new_wrapper_right { width: 100%; }
  .admin_wrapper .mediaDoc_wrapper .new_wrapper_left {width: 100%; margin-bottom: 16px; }
  .admin_wrapper .testingDoc { font-size: 26px; line-height: 30px; text-align: center; }
  .admin_superbillsection .biller_wrapper { display: flex; flex-wrap: wrap;}
  .searchbar .mat-form-field { width: 48%; }
  .calenderView .calender_first .mat-toolbar .headerSpan { font-size: 22px; }
  .training_management .form2_wrapper .searchblockwrapper span .countSection{ flex: 1 1 48%!important;}
  .training_management .form2_wrapper .searchblockwrapper span .countSection span br{ display: none; }
}
@media screen and (max-width: 600px){
  .quickRef .report_wrapper .items_w { width: 100%; }
  .mobile-label { width: 80px; display: inline-block; font-weight: bold; }
  .mat-header-row { display: none; }
  .mat-row { flex-direction: column; align-items: start; padding: 8px 24px;}
  .admin_dashboard .DataTable .tablewrapper .mat-table .mat-cell::before,
  .admin_dashboard .DataTable .tablewrapper .mat-table .mat-cell:after { left: 14px!important; }

  /* new modification */
  .table_wrapper .add_header { display: flex; flex-direction: column; }
  .table_wrapper .add_header button { margin-top: 16px; }
  .searchbar .mat-form-field { width: 47%; }
  .book-event .mat-dialog-container .mat-stepper-horizontal .width-md,
  .book-appointment .mat-form-field { width: 47.5%; }
  .calenderView .calender_first .mat-toolbar { flex-direction: column; }
  .calenderView .calender_first .buttonsetToolbar {flex-direction: row; }
  .job_reprt_wrapper .itm .report_image_w .image_items { width: 48%; margin: 1%;}
  .admin_wrapper .content_wrapper .itemsection .counteer .doctorNumber { font-size: 14px; }
  .notes-modal .maindialognew .close-btn-modal { right: 10%; }
  .encounter_wrapper .second_table .book-appointment .mat-form-field { width: 48%; }
  .DataTable table td.mat-cell { padding-left: 110px!important; }
  .training_management .form2_wrapper .searchbar .mat-form-field { width: 100%; }
  .event-edit-modal .mat-dialog-container .edit-event-dialog .time-picker { display: block; width: 100%; }
}
 
 
@media screen and (max-width: 576px){
  .admin_table table tr td:nth-child(4) span {display: inline-block;}
  .admin_wrapper .content_wrapper { flex-wrap: wrap; }
  .admin_wrapper .content_wrapper .itemsection { flex-wrap: wrap; width: 100%; margin: 0; margin-bottom: 10px; box-shadow: 0px 3px 4px #c7c7c7; }
  .admin_superbillsection .biller_wrapper .super_bill_item { width: 100%; margin-bottom: 10px;  flex-direction: column;}
  .admin_superbillsection .biller_wrapper .super_bill_item .container_wrapper { width: 100%; align-items: center; text-align: center;}
  .admin_superbillsection .biller_wrapper .super_bill_item .border_wrapper { width: 100%; align-items: center; justify-content: center; }
  .admin_superbillsection .biller_wrapper .super_bill_item span button{ margin: inherit;}
  .admin_superbillsection .biller_wrapper .super_bill_item span P br{ display: none;}
  .admin_wrapper .add_form .form_wrapper .mat-form-field { width: 100%; margin: 0%; }
  .DataTable .searchbar { padding: 4px; padding-top: 16px; }
  .admin_wrapper .content_wrapper .itemsection:nth-child(3n+1) { margin-left: inherit; }
  .admin_wrapper .content_wrapper .itemsection:nth-child(3n+3) { margin-right: inherit; }
  .shareLink_wrpr h2{ font-size: 20px; text-align: center; }
  .shareLink_wrpr .iconBar { justify-content: center; }
  .shareLink_wrpr { margin: 0px !important; }
  .shareLink_wrpr .small_view { flex-direction: column; }
  .shareLink_wrpr .small_view .icon_wr{ display: flex; justify-content: center; align-items: center; margin-top: 12px;}
.admin_wrapper .content_wrapper .itemsection .button_wrapper { height: inherit; display: block; }
.admin_superbillsection .biller_wrapper .super_bill_item:last-child { margin-bottom: 14px; }
.admin_wrapper .add_form .form_wrapper .NPI_container { width: 100%; margin: 0; position: relative; margin-bottom: 10px; }
.admin_wrapper .add_form .form_wrapper .NPI_container a { bottom: -2px; }
.distributor_info .inner_info p { width: 100%; }
.login_wrapper .inner_login .login_logo_section { box-sizing: border-box; display: flex; flex-direction: column-reverse; width: 100%; }
.login_wrapper .inner_login { flex-direction: column; }
.login_wrapper .inner_login .loginbody { width: 100%; }
.login_wrapper .inner_login .loginbody .main-div .from .example-container button,
.login_wrapper .inner_login .forgot_pass .main-div .from .example-container button,
.login_wrapper .inner_login .reset_password .main-div .from .example-container button{ width: 100%; }

.add_header { height: auto!important; padding: 10px!important;}
.add_header  .bradcrumb{ display: flex; flex-wrap: wrap; }
}

@media screen and (max-width: 540px){
  .main_wrapper .login_wrapper { width: 400px; }
  .logo_section { width: 100%; }
  .viewMore_w button { min-width: 100%; }
  .table_wrapper .top_header { flex-direction: column;}
  .custom-modalbox .example-card .mat-card-header { width: 100%; text-align: center; display: block; }
  .custom-modalbox .mat-dialog-container .mat-card { display: flex; justify-content: center; flex-direction: column; align-items: center;}
  .mat-dialog-container .mat-dialog-content .innerhtml-content{ text-align: center;}
  .custom-modalbox .example-card .mat-card-header::before{ display: none;}
  .table_wrapper .top_header .wrappp_R { width: auto; text-align: inherit; }
  .admin_wrapper .add_form .submit_form { display: flex; flex-direction: column; } 
  .admin_wrapper .add_form .submit_form button { font-size: 18px; width: 100%; margin: 0; margin-top: 16px; box-sizing: border-box; }
  .admin_wrapper .add_form .submit_form button:first-child { margin-right: 0; margin-top: 0; }
  .admin_wrapper .title_wrapper { font-size: 24px; }
  .lib-pager-class mat-label{ display: block; margin: 0; margin-bottom: 10px; font-family: 'AvenirBlack'; }
  .book-event .mat-dialog-container .mat-stepper-horizontal .width-md,
  .book-appointment .mat-form-field { width: 100%; }
  .time_picker{ flex-direction: column;}
  .time_picker .timer,
  .time_picker .timer .w-mat-timepicker{ width: 100%!important;}
  .calenderView .calendar_wrapper { width: 100%!important; }
  .training_management .form2_wrapper .searchblockwrapper .buttonsetToolbar {  display: flex; flex-direction: column; }
  .training_management .form2_wrapper .searchblockwrapper .singleButton {  width: 100%; margin: 0; margin-bottom: 14px; }
  .training_management .form2_wrapper .searchblockwrapper .singleButton:last-child {margin-bottom: 0px; }
  .training_management .form2_wrapper .searchblockwrapper .mat-toolbar .headerSpan { font-size: 24px; }
  .jobTickets_details .viewjobticketmaincls { flex-direction: column; }
  .jobTickets_details .viewjobticketmaincls .jobticketidcls { margin-bottom: 16px; }

}
@media screen and (max-width: 500px){  
  .encounter_wrapper .second_table .book-appointment .mat-form-field { width: 100%; }
}
@media screen and (max-width: 480px){
  .main_wrapper .login_wrapper { width: 360px; }
  .login_wrapper .loginBtn { font-size: 22px; }
  .main_wrapper .login_wrapper .login_container .main-div .from .signupfooter a { font-size: 12px; padding: 10px 0;}
  .main_wrapper .login_wrapper .login_container .main-div .from button { font-size: 20px; padding: 4px 16px 2px; }
  .DataTable .container .searchbar { width: 100%; }
  /* .DataTable .container .searchbar span { display: flex; } */
  .DataTable .container .searchbar .mat-form-field { width: 100%; margin: 0; }
  .add_header { display: flex; margin: 0 16px; flex-direction: column; justify-content: center; align-items: center; }
  .add_header button { margin: 10px 0 0 0; }
  .table_wrapper .add_header{ display: flex; flex-direction: column; width: 100%; margin: 0; box-sizing: border-box; }
  .example-container{ min-width: inherit;}
  .admin_wrapper { width: 100%; box-shadow: none; }
  .adminTables .mat-cell { padding: 10px 6px 10px 0px;}
  .DataTable .multipledeleteandupdatebuttan { display: inline-flex; margin: 16px 0; width: 100%; align-items: center; justify-content: center; }
  .admin_wrapper .add_form .submit_form button { font-size: 16px; }
  .admin_wrapper .add_form .form_wrapper .mat-form-field { width: 100%; margin: 0; margin-bottom: 5px; }
 
  .book-appointment .mat-stepper-horizontal .lib_wrpr .lb_item .symptoms_type, 
  .book-event .mat-dialog-container .mat-stepper-horizontal .lib_wrpr .lb_item .symptoms_type { flex-direction: column;
    margin-bottom: 10px; border-bottom: 1px solid #eaeaea; padding-bottom: 12px; }
  .book-appointment .mat-stepper-horizontal .lib_wrpr .lb_item .symptoms_type:last-child,
  .book-event .mat-dialog-container .mat-stepper-horizontal .lib_wrpr .lb_item .symptoms_type:last-child { flex-direction: column;
    margin-bottom: 0px; border-bottom: none; padding-bottom: 0px; }
  .book-appointment .mat-stepper-horizontal .lib_wrpr .lb_item .symptoms_type .checbox_wrapper, 
  .book-event .mat-dialog-container .mat-stepper-horizontal .lib_wrpr 
  .lb_item .symptoms_type .checbox_wrapper { margin-left: 0; margin-top: 6px; }
  .calenderView .filter .filter-box { width: 100%; }
.calenderView .slotview .example-card { width: 100%; box-sizing: border-box;  margin: 0; margin-bottom: 16px; } 
.job_modal_wr  .mat-dialog-actions button{ min-width: inherit!important; line-height: inherit; padding: 4px 10px;}
.job_reprt_wrapper .itm .report_image_w .image_items { width: 48%; margin: 1%;}
.DataTable .searchbar { padding: 10px; }
.table_wrapper .add_header button { font-size: 16px; }
.training_management .form2_wrapper .searchbar .submitbtn{ width: 100%; margin: 0; margin-bottom: 14px;}
.training_management .form2_wrapper .mat-elevation-z8 .mat-table th, .training_management .form2_wrapper .mat-elevation-z8 .mat-table td {
    width: auto;  word-break: break-all; }
.training_management .form2_wrapper .searchblockwrapper .mat-toolbar .headerSpan { font-size: 20px;
    word-break: break-word; white-space: normal; }
.training_management .form2_wrapper .searchblockwrapper .mat-toolbar { height: auto; }
.Addjobticket .form .form-element button { width: 100%; margin: 0; margin-bottom: 14px; }
.uploadblockbottom .lib_upload_form .form-element .aligner .filecontainerdiv { display: flex; flex-direction: column;
  align-items: center; justify-content: center; }
.uploadblockbottom .lib_upload_form .form-element .aligner .filecontainerdiv span{ display: block; margin-bottom: 6px;}
.uploadblockbottom .lib_upload_form .form-element .aligner .filecontainerdiv .actionbtndiv { text-align: center; margin-top: 10px; }
.rule_component_wrapper .rule_top_part .mat-form-field { width: 100%; }
.fromClass .mat-form-field, .fromClass1 .mat-form-field { width: 100%; }
.tech_search_wrapper .form-wrapper { flex-wrap: wrap; }
.tech_search_wrapper .form-wrapper .filter-box { width: 100%; margin: 0;}
.tech_search_wrapper .tech_dashbaord_action { width: 100%; margin-left: 0px; }
.tech_search_wrapper .tech_dashbaord_action button { width: 48%; }
.tech_search_wrapper { padding: 15px 13px 0; }
.useThisOnly_withsearch_wrapper .search_wrapper_t { flex-direction: column; width: 100%; }
.useThisOnly_withsearch_wrapper .search_wrapper_t .mat-form-field{ width: 100%; }
.useThisOnly_withsearch_wrapper .search_wrapper_t .tech_dashbaord_action{ margin-top: 10px; width: 100%; justify-content: space-between;
  display: flex; }
.useThisOnly_withsearch_wrapper .search_wrapper_t .tech_dashbaord_action a{ width: 49%; margin: 0; }

}

@media screen and (max-width: 440px){
  .main_wrapper .login_wrapper { width: 320px; }
  .container .searchbar .mat-form-field { margin-right: 0; width: 100%; }
  .useThisOnly_withsearch_wrapper .useThisOnly_withsearch { font-size: 30px; }
}
@media screen and (max-width: 420px){
  .mat-table .mat-row { padding: 0; }
  .mat-table .mat-cell:before { font-size: 13px; }
  .mat-table .mat-cell:after { font-size: 14px;}
  .table_wrapper .action_bar .mat-form-field,
  .action_bar .mat-form-field .mat-form-field-flex { width: 100%; margin-right: 0;}
  .table_wrapper .action_bar .date-range { width: 100%;}
  .table_wrapper .action_bar .date-range .mat-form-field:last-child { margin-left: 0;}
  .DataTable .mat-card mat-label { margin-right: 0; display: block; margin-bottom: 10px; }
  .encounter_rules .admin_superbillsection .greenbar p { font-size: 30px; } 
  .DataTable table td.mat-cell { font-size: 14px; word-break: break-all; padding-right: 8px!important; }
  .admin_wrapper .add_form .form_wrapper .practicecontainer .practiceitem .practiceTags { flex-direction: column; }
  .admin_wrapper .add_form .form_wrapper .practicecontainer .practiceitem .practiceTags mat-label { margin-bottom: 10px;
}
.admin_wrapper .add_form .form_wrapper .practicecontainer .practiceitem .actionButton { justify-content: center; }
}
@media screen and (max-width: 400px){
  .calenderView .filter button{ width: 49%; margin: 0; }
  .calenderView .filter .pagination { width: 100%; margin: auto; text-align: center; margin-top: 16px; }
  .calenderView .calender_first .buttonsetToolbar .singleButton { font-size: 14px; } 
  .google_calendar_status{ text-align: center!important; flex-direction: column; }
  .google_calendar_status:blank{ display: none; }
}
@media screen and (max-width: 390px){
  .main_wrapper .login_wrapper { width: 280px; }
  .table_wrapper .top_header .wrappp_R { flex-direction: column; display: flex; align-items: center; }
  .top_header .wrappp_R .add_new{ margin-bottom: 10px;}
  .top_header .wrappp_R .add_new:last-child { margin-left: 0px; margin-bottom: 10px;}
  .admin_wrapper .title_wrapper { font-size: 20px; } 
  .table_wrapper .top_header h2 {
    font-family: 'AvenirMedium'; word-break: break-word; white-space: normal; line-height: 20px; }
}
@media screen and (max-width: 360px){
  .main_wrapper .login_wrapper { width: 265px; }
  .main_wrapper .login_wrapper .login_container .main-div .from button { font-size: 18px; }
  .adminTables .mat-cell { padding: 10px 0; padding-left: 44%;}
  .mat-table .mat-cell:before { font-size: 14px; }
  .adminTables td.mat-cell:last-of-type { padding-right: 10px;  }
  .encounter_rules .admin_superbillsection .greenbar p { font-size: 24px; }
  .calenderView .calendar_wrapper .example-container .mat-checkbox { width: 50%; margin-right: 0; }
  .job_reprt_wrapper .itm .report_image_w .image_items { width: 100%; margin: 0; height: auto; margin-bottom: 16px;}
  .job_reprt_wrapper .itm .report_image_w .image_items img { height: auto;}
  .job_modal_wr .mat-dialog-actions button { font-size: 14px; }
  .job_reprt_wrapper .job_reprt_action { justify-content: center; }
  .admin_dashboard .container .searchbar .search_class { margin-bottom: 0; }
  .container .searchbar .add_button { margin: 0; margin-left: 20px; }
  .admin_dashboard .DataTable .tablewrapper tr .mat-column-general_details p:nth-child(1) {font-size: 14px; }
  .mat-table .mat-cell:after { font-size: 14px;}
  .notes-modal .maindialognew .close-btn-modal { right: 8%; }
  .notes-modal .maindialognew .mat-dialog-content .mat-subheader { font-size: 14px; padding: 0 6px; }
  .DataTable table td.mat-cell { padding-left: 95px!important; }
  .admin_wrapper .add_form .form_wrapper .practicecontainer .practiceitem .actionButton { flex-direction: column; }
  .admin_wrapper .add_form .form_wrapper .practicecontainer .practiceitem .actionButton button { margin-right: 0;
    margin-bottom: 10px; }
}