@font-face {
  font-family: "AmandaSignature";
  src: url(../fonts/AmandaSignatureRegular.woff2) format("woff2"),
    url(../fonts/AmandaSignatureRegular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "AvenirMedium";
  src: url(../fonts/AvenirLTStd-Medium.woff2) format("woff2"),
    url(../fonts/AvenirLTStd-Medium.woff) format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "AvenirBlack";
  src: url(../fonts/AvenirLTStd-Black.woff2) format("woff2"),
    url(../fonts/AvenirLTStd-Black.woff) format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "AvenirLight";
  src: url(../fonts/AvenirLTStd-Light.woff2) format("woff2"),
    url(../fonts/AvenirLTStd-Light.woff) format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "AvenirRoman";
  src: url(../fonts/AvenirLTStd-Roman.woff2) format("woff2"),
    url(../fonts/AvenirLTStd-Roman.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "AvenirHeavy";
  src: url(../fonts/Avenir-Heavy.woff2) format("woff2"),
    url(../fonts/Avenir-Heavy.woff) format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "metropolisregular";
  src: url(../fonts/metropolis-regular-webfont.woff2) format("woff2"),
    url(../fonts/metropolis-regular-webfont.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "metropolissemi_bold";
  src: url(../fonts/metropolis-semibold-webfont.woff2) format("woff2"),
    url(../fonts/metropolis-semibold-webfont.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "OpenSans";
  src: url(../fonts/OpenSans.eot);
  src: url(../fonts/OpenSans.eot?#iefix) format("embedded-opentype"),
    url(../fonts/OpenSans.woff2) format("woff2"),
    url(../fonts/OpenSans.woff) format("woff"),
    url(../fonts/OpenSans.ttf) format("truetype"),
    url(../fonts/OpenSans.svg#OpenSans) format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "OpenSansSemibold";
  src: url(../fonts/OpenSans-Semibold.eot);
  src: url(../fonts/OpenSans-Semibold.eot?#iefix) format("embedded-opentype"),
    url(../fonts/OpenSans-Semibold.woff2) format("woff2"),
    url(../fonts/OpenSans-Semibold.woff) format("woff"),
    url(../fonts/OpenSans-Semibold.ttf) format("truetype"),
    url(../fonts/OpenSans-Semibold.svg#OpenSans-Semibold) format("svg");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "OpenSansBold";
  src: url(../fonts/OpenSans-Bold.eot);
  src: url(../fonts/OpenSans-Bold.eot?#iefix) format("embedded-opentype"),
    url(../fonts/OpenSans-Bold.woff2) format("woff2"),
    url(../fonts/OpenSans-Bold.woff) format("woff"),
    url(../fonts/OpenSans-Bold.ttf) format("truetype"),
    url(../fonts/OpenSans-Bold.svg#OpenSans-Bold) format("svg");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat-Bold";
  src: url(../fonts/Montserrat-Bold.eot);
  src: url(../fonts/Montserrat-Bold.eot?#iefix) format("embedded-opentype"),
    url(../fonts/Montserrat-Bold.woff2) format("woff2"),
    url(../fonts/Montserrat-Bold.woff) format("woff"),
    url(../fonts/Montserrat-Bold.ttf) format("truetype"),
    url(../fonts/Montserrat-Bold.svg#Montserrat-Bold) format("svg");
  font-weight: 700;
  font-style: normal;
}

.clear {
  clear: both;
  overflow: hidden;
}

.mat-form-field {
  font-family: "AvenirMedium" !important;
}

.techdashboard_header
  .quotation
  .mat-nav-list
  .mat-list-item
  .mat-list-item-content {
  padding: 0 18px;
}

.techdashboard_header
  .quotation
  .mat-nav-list
  .mat-list-item:first-child
  .mat-list-item-content {
  padding-left: 0;
}

.techdashboard_header
  .quotation
  .mat-nav-list
  .mat-list-item:last-child
  .mat-list-item-content {
  padding-right: 0;
}

.login_wrapper {
  padding: 10px !important;
}

.login_wrapper .from {
  box-shadow: none !important;
}

.main_wrapper {
  height: 100%;
  justify-content: center;
  background: #a59fe8;
  background: #fff !important;
  position: relative;
}

.modal_view {
  overflow: scroll;
  max-height: 90vh;
}

.modal_view .table_wrapper .mat-table {
  width: 100%;
  min-width: 800px;
}

.main_wrapper .login_wrapper {
  padding: 0;
  width: 580px;
  background: #fff;
  display: block;
  border-radius: 6px;
  margin-top: 35px;
}

.main_wrapper .img_wrapper {
  background: url(../images/doctorImage.png) no-repeat;
  background-position: left bottom;
}

.login_container > * {
  width: 100%;
}

.logo_section {
  width: 400px;
  margin: auto;
  display: block;
  margin-bottom: 25px;
}

.logo_section img {
  max-width: 100%;
}

.main_wrapper .login_wrapper .forget_wrapper {
  display: flex;
  margin-top: 15px;
}

.main_wrapper .login_wrapper .forget_wrapper a {
  margin-left: auto;
  color: #545454;
  font-size: 16px;
  font-family: "RalewayMedium";
}

.main_wrapper .login_wrapper .login_container .mat-form-field {
  margin-bottom: 20px;
}

.main_wrapper .login_wrapper .login_container input .mat-input-element:focus {
  border-bottom: 1px solid red !important;
}

.main_wrapper .login_wrapper .login_container input .mat-input-element {
  font-size: 20px;
}

.main_wrapper .login_wrapper .login_container h2 {
  text-align: center;
  color: #1dbce9;
  margin-top: 0;
}

.main_wrapper .login_wrapper .login_container .paragraph {
  font-family: "Ralewaymedium";
  font-size: 16px;
  color: #777776;
  line-height: 23px;
  margin: 0;
  padding: 0 16px;
  box-sizing: border-box;
}

.tech_image {
  display: block;
}

.tech_image img {
  max-width: 100%;
  max-width: 100%;
  margin-bottom: 22px;
  padding: 0 16px;
  box-sizing: border-box;
}

.main_wrapper .login_wrapper .login_container .main-div {
  height: auto;
}

.main_wrapper .login_wrapper .login_container .main-div .from {
  width: 100%;
  margin: 0 auto;
}

.main_wrapper .login_wrapper .login_container .main-div .from .logowrapper img {
  max-width: 100%;
}

.main_wrapper .login_wrapper .login_container .main-div .from h2 {
  background: none;
  color: #883cb3;
  padding: 0;
  font-family: metropolissemi_bold;
  font-size: 28px !important;
  margin-bottom: 10px;
  background: #fff !important;
  padding: 9px;
}

.login_container .from {
  padding: 6px !important;
}

.main_wrapper .login_wrapper .login_container .main-div .from button {
  font-family: "AvenirBlack";
  text-transform: uppercase;
  font-size: 28px;
  padding: 8px 16px;
  margin: auto;
  display: block;
  background: linear-gradient(45deg, #03a9f5, #fad249);
  border: 1px solid #041ff7;
}

.main_wrapper .login_wrapper .login_container .main-div .from .signupfooter a {
  padding: 0;
  cursor: pointer;
  font-family: "AvenirMedium";
  text-transform: uppercase;
  font-size: 14px;
  color: #0419d2;
}

.table_structure .mat-list-item .mat-list-item-content {
  display: flex;
  flex-direction: column !important;
}

.patient_report_section
  .mat-form-field-appearance-outline
  .mat-form-field-wrapper {
  margin: 0 !important;
  padding-bottom: 0;
}

.patient_report_section
  .mat-form-field-appearance-outline
  .mat-form-field-infix {
  padding: 1em 0;
  margin: 0;
  border: 0;
}

.table_wrapper h2 {
  font-size: 18px;
  color: red;
  font-family: "AvenirMedium";
  text-transform: capitalize;
  text-align: center;
}

.DataTable table th.mat-header-cell {
  text-align: left;
  font-family: "AvenirBlack";
  font-size: 12px;
  text-transform: uppercase;
}

table th.mat-header-cell br {
  display: none;
}

.tablewrapper tr td:first-child,
.tablewrapper tr th:first-child {
  padding-left: 14px !important;
  font-weight: 700;
}

table th.mat-header-cell span {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.DataTable table td.mat-cell {
  font-family: "AvenirRoman";
  padding-right: 8px;
}

.tablewrapper table td span .cursor,
.DataTable table td span .cursor {
  cursor: pointer;
  display: inline-block;
  background: var(--button-color2);
  margin: 3px;
  padding: 2px 6px;
  border-radius: 2px;
}

.DataTable table td .notebtncls {
  min-width: inherit;
  padding: 3px 4px;
  line-height: inherit;
  background: #1d76b5;
  font-family: "AvenirMedium";
  border-radius: 2px;
  margin: 2px;
  display: inline-block;
  box-shadow: none;
  vertical-align: bottom;
}

.DataTable table td .custombutton0,
.DataTable table td .custombutton1,
.DataTable table td .custombutton2,
.DataTable table td .custombutton3,
.DataTable table td .custombutton4,
.DataTable table td .custombutton5,
.DataTable table td .custombutton6 {
  display: inline-block;
  margin: 2px 0;
}

.table_wrapper .no_capitalize h2 {
  text-transform: none !important;
}

.DataTable table td .custombutton0 button,
.DataTable table td .custombutton1 button,
.DataTable table td .custombutton2 button,
.DataTable table td .custombutton3 button,
.DataTable table td .custombutton4 button,
.DataTable table td .custombutton5 button,
.DataTable table td .custombutton6 button {
  min-width: inherit;
  padding: 3px 16px;
  line-height: inherit;
  font-family: "AvenirMedium";
  border-radius: 2px;
  margin: 0 2px;
  display: inline-block;
  box-shadow: none;
  vertical-align: bottom;
}

.DataTable table td .custombutton0 button {
  background: var(--button-color1);
}

.DataTable table td .custombutton1 button {
  background: var(--button-color2);
}

.DataTable table td .custombutton2 button {
  background: var(--button-color3);
}

.DataTable table td .custombutton3 button {
  background: var(--button-color1);
}

.DataTable table td .custombutton4 button {
  background: var(--button-color5);
}

.DataTable table td .custombutton5 button {
  background: var(--button-color6);
}

.DataTable table td .custombutton6 button {
  background: var(--button-color2);
}

.DataTable table td .notebtncls .notebracket1 {
  margin-left: 4px;
}

.tablewrapper table td span .cursor .material-icons,
.DataTable table td span .cursor .material-icons {
  font-size: 18px;
}

.tablewrapper table td span .cursor:nth-child(3),
.DataTable table td span .cursor:nth-child(3) {
  background: var(--button-color1);
}

.DataTable table td span .cursor:nth-last-child(1) {
  border-right: none;
  background: var(--button-color3);
}

.DataTable .searchbar {
  padding: 6px;
  padding-top: 16px;
}

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

.loader img {
  max-width: 100%;
}

.DataTable .multipledeleteandupdatebuttan {
  display: block;
  margin-top: 16px;
  background: #e0e5eb;
  padding: 14px 8px;
}

.DataTable .multipledeleteandupdatebuttan button {
  background: var(--button-color1);
  line-height: inherit;
  padding: 4px 10px;
  box-shadow: none;
  font-family: "AvenirMedium";
  font-size: 16px;
  min-width: 140px;
}

.DataTable .multipledeleteandupdatebuttan button:last-child {
  background: var(--button-color2);
  color: #fff;
}

.custom-modalbox {
  min-width: 500px;
  position: relative;
}

.custom-modalbox .mat-dialog-container {
  min-width: 500px;
  position: relative;
}

.custom-modalbox .mat-dialog-container .companydetails_wrapper {
  max-height: 80vh;
  overflow-y: auto;
  display: block;
  min-height: 100px;
  overflow-x: hidden;
  padding: 0 !important;
}

.custom-modalbox .mat-dialog-container .mat-card {
  background: rgba(70, 70, 70, 0.1);
  border-radius: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
  padding: 0;
}

.custom-modalbox .mat-dialog-container .mat-card .mat-card-header-text {
  margin: 0;
  text-transform: capitalize;
  color: #000;
  font-family: "AvenirMedium";
}

.custom-modalbox .example-card .mat-card-header {
  min-width: 45%;
  position: relative;
  padding: 16px;
  box-sizing: border-box;
}

.custom-modalbox .example-card .mat-card-header .mat-card-title {
  margin-bottom: 0;
  font-size: 16px;
  font-family: "AvenirLight";
  word-break: break-all;
}

.custom-modalbox .example-card .mat-card-header::before {
  content: ":";
  display: inline-block;
  position: absolute;
  right: 12px;
  top: 20%;
  font-size: 20px;
  font-family: "AvenirBlack";
}

.custom-modalbox .example-card .mat-card-content {
  width: 100%;
  padding: 16px 16px 16px 0;
  box-sizing: border-box;
}

.file_upload .button-group {
  width: auto !important;
}

.file_upload .files-view {
  width: auto !important;
  margin-top: 0 !important;
}

.file_upload .files-view .viewUrlcontent .mat-card-actions {
  margin: 0 !important;
  text-align: center;
}

.file_upload .files-view .viewUrlwrapper .othersFilePreview {
  background: linear-gradient(45deg, #21e289, #1dbce9);
}

.file_upload .files-view .viewUrlcontent .mat-card-actions button,
.file_upload .button-group button {
  font-family: "AvenirMedium";
  background: var(--button-color3);
  margin-right: 10px;
  box-shadow: none;
  color: #fff;
}

.file_upload .files-view .viewUrlcontent .mat-card-header-text {
  margin: 16px 0 0;
}

.file_upload .files-view .viewUrlcontent .mat-card-header-text .mat-card-title {
  font-family: "AvenirMedium";
}

.file_upload
  .files-view
  .viewUrlcontent
  .mat-card-header-text
  .fileDescription {
  margin-top: 0;
  font-family: "AvenirMedium";
}

.file_upload .files-view .viewUrlcontent .mat-card-actions button:last-child,
.file_upload .button-group button:last-child {
  background: red;
  margin: 0;
}

.admin_wrapper .con-report-lebel {
  margin-top: 16px;
}

.admin_wrapper .con-report-lebel p {
  font-family: "AvenirMedium";
  color: #000;
  margin: 5px 0;
}

.admin_wrapper .con-report-lebel button {
  font-family: "AvenirMedium";
  margin-top: 16px;
  background: linear-gradient(45deg, #058afd, #00c1fb);
  min-width: 120px;
  border-radius: 0;
  text-transform: uppercase;
}

.table_wrapper .add_header {
  display: flex;
  height: auto;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background: #f9f9f9;
}

.table_wrapper .add_header button {
  background: #f56a71 !important;
  font-family: "Avenirmedium";
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
}

.tablewrapper tr td {
  font-size: 12px;
  word-break: break-word;
  min-width: 40px;
}

.table_wrapper .no_data {
  font-family: "AvenirBlack";
  font-size: 18px;
}

.bradcrumb {
  display: block;
  font-family: "AvenirLight";
  font-size: 16px;
  margin-bottom: 16px;
  margin-top: 16px;
}

.bradcrumb a {
  color: #32a9f5;
  text-decoration: none;
}

.container .searchbar .search_class {
  display: flex;
  justify-content: center;
  width: 100%;
}

.admin_dashboard .container .searchbar .search_class {
  display: flex;
  justify-content: center;
  width: auto;
}

.approveed_report .container .searchbar .search_class {
  width: 100%;
}

.search_class br {
  display: none !important;
}

.container .searchbar .add_button {
  background: var(--button-color3);
  font-family: "AvenirRoman";
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  min-width: 150px;
  margin: 0 30px;
  padding-top: 5px;
}

.container .searchbar .add_custom_button {
  background: var(--button-color2);
  font-family: "AvenirRoman";
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  min-width: 150px;
  margin: 0 30px;
}

.mat-toolbar-single-row .mat-flat-button {
  background: var(--button-color1);
  font-family: "AvenirRoman";
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  min-width: 150px;
}

.searchbar {
  height: auto !important;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 2px 2px #c5c5c5;
  padding: 16px 4px !important;
  position: relative;
  background: #fbfbfb;
}

.searchbar .mat-form-field {
  width: 24%;
  margin: 0 0.5% !important;
}

.searchbar .cursor {
  width: 35px;
  border-radius: 50%;
  background: var(--button-color2);
  height: 35px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 10px;
}

.pad-gap {
  margin: inherit !important;
}

.searchbar .mat-form-field .mat-form-field-flex {
  display: inline-flex;
  align-items: baseline;
  box-sizing: border-box;
  width: 100%;
  border: 0.5px solid #bdbdbd;
  border-radius: 2px 2px 0 0;
  padding: 0 10px 3px;
  background: #fff;
  min-height: 46px;
}

.searchbar .mat-form-field-prefix {
  bottom: -8px;
}

.add_form .file_upload .uploadfilecontainer {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 0;
}

.admin_table {
  width: 100%;
  margin: 20px auto;
  display: block;
}

.admin_table table {
  width: 100%;
}

.admin_table table tr td:nth-child(4) span {
  background: linear-gradient(0deg, #d73a87, #ff7abb);
  text-align: center;
  display: inline;
  padding: 8px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  text-transform: uppercase;
  font-family: "AvenirBlack";
}

.mat-bottom-sheet-container {
  background: #ffff !important;
}

.mat-bottom-sheet-container .bottom-sheet-header-toggle {
  font-family: "AvenirBlack";
  font-size: 18px;
  color: #0762a2;
  padding: 7px 5px;
  border-bottom: 1px solid #d4d4d4;
  text-align: center;
}

.mat-bottom-sheet-container .mat-nav-list .mat-list-item {
  height: 36px !important;
  background: #3f95ad !important;
  margin-bottom: 10px;
  color: #fff;
  font-family: "AvenirMedium";
}

/* .mat-bottom-sheet-container .mat-nav-list .mat-list-item:last-child {
    margin-bottom: 0
} */

.sub_menu {
  background: linear-gradient(145deg, #2dbcce, #2ae6fd) !important;
}

.sub_menu button {
  color: #fff;
  border-bottom: 2px solid #ddd;
}

.sub_menu button:last-child {
  border: none;
}

.patient_item_section .mat-tab-label {
  opacity: 1;
  background: linear-gradient(45deg, #ffc703, #ffe069);
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "AvenirBlack";
  padding: 5px 16px;
}

.patient_item_section .mat-tab-label:nth-child(2) {
  margin: 0 8px;
}

.patient_item_section .mat-tab-label:nth-child(4) {
  margin: 0 8px;
}

.admin_wrapper .mat-tab-label.mat-tab-label-active {
  background-color: var(--button-color3);
  opacity: 1 !important;
  color: #ffff;
}

.admin_wrapper .mat-tab-group.mat-primary .mat-ink-bar {
  background-color: #048007;
}

.patient_item_section .mat-tab-group.mat-primary .mat-ink-bar {
  background-color: transparent;
}

.app-doctor-office-management
  .DataTable
  .mat-table
  .mat-column-Actions
  span
  span:nth-child(3)
  .material-icons {
  display: none;
}

.action_bar .mat-form-field-appearance-legacy .mat-form-field-label {
  font-size: 16px;
  font-family: "AvenirLight";
  width: auto;
  padding-left: 10px;
}

.infomodal {
  overflow: auto;
  width: 991px;
}

.admin_wrapper {
  width: 1568px;
  margin: 20px auto;
  box-sizing: border-box;
  margin-bottom: 70px;
  padding: 16px !important;
  background: #f1f1f1 !important;
  display: block;
}

.searchcard {
  padding: 0;
}

.admin_wrapper .content_wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: auto;
  text-align: center;
  margin-top: 10px !important;
  margin-bottom: 12px;
}

.admin_wrapper .content_wrapper .itemsection {
  width: 33%;
  margin: 0 7px;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  position: relative;
  border-radius: 10px;
  border: 1px solid #e8e9ef;
  overflow: hidden;
  background: #fff;
  padding: 6px;
}

.admin_wrapper .content_wrapper .itemsection .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 20%;
  box-sizing: border-box;
  background: linear-gradient(0deg, #089eca, #14c9fd);
  border-radius: 8px;
  min-width: 20%;
  padding: 10px;
}

.admin_wrapper .content_wrapper .itemsection .icon img {
  max-width: 100%;
}

.admin_wrapper .content_wrapper .itemsection .button_wrapper {
  width: 54%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}

.admin_wrapper .content_wrapper .itemsection .button_wrapper button {
  width: auto;
  background: linear-gradient(0deg, #ea2b00, #fd6100);
  color: #fff;
  font-family: "AvenirMedium";
  font-size: 14px;
  border: 2px solid #d2cccc;
  line-height: inherit;
  padding: 4px 14px;
  margin-left: auto;
}

.admin_wrapper .content_wrapper .itemsection .counteer {
  box-sizing: border-box;
  width: auto;
  padding: 5px;
  min-width: 120px;
  text-align: left;
  background: #e2e8ec;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 6px;
}

.counter_with_tool {
  display: flex;
  align-items: flex-start;
}

.admin_wrapper .content_wrapper .itemsection .counteer .dataCount {
  font-size: 38px;
  font-family: "AvenirBlack";
  color: #4d545a;
  margin: 0;
}

.admin_wrapper .content_wrapper .itemsection .button_wrapper .doctorNumber {
  font-family: "AvenirBlack";
  margin: 0 0 14px;
  font-size: 16px;
  width: 100%;
  text-align: left;
  color: #656262;
}

.admin_wrapper .content_wrapper .itemsection .counteer .doctorNumber {
  font-size: 18px;
  font-family: "AvenirMedium";
  color: #4d545a;
  margin: 0;
}

.admin_wrapper .content_wrapper .itemsection:nth-child(3n + 1) {
  margin-left: 8px;
}

.admin_wrapper .content_wrapper .itemsection:nth-child(3n + 3) {
  margin-right: 8px;
}

.doctor_content_wrapper {
  background: url(../../../../assets/images/doctorcontentbg.jpg) no-repeat
    center center;
  background-size: cover;
  display: block;
  padding: 50px 40px;
  margin: 0 16px;
}

.doctor_content_wrapper .mat-card-title {
  font-size: 40px;
  font-family: "AvenirBlack";
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 30px;
  display: block;
}

.doctor_content_wrapper .table_structure {
  width: 1080px;
  display: block;
}

.doctor_content_wrapper table {
  width: 100%;
}

.useThisOnly_withsearch_wrapper {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(0deg, #07aaf5, #40bffa);
  padding: 10px;
}

.useThisOnly_withsearch_wrapper .useThisOnly_withsearch {
  font-size: 34px;
  text-transform: uppercase;
  color: #fff;
}

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

.useThisOnly_withsearch_wrapper .search_wrapper_t a {
  font-family: "AvenirMedium" !important;
  background: var(--button-color1);
  margin: 0 10px;
  color: #fff;
  text-transform: uppercase;
}

.useThisOnly_withsearch_wrapper .search_wrapper_t a:last-child {
  background: var(--button-color5);
  margin: 0;
}

.useThisOnly_withsearch_wrapper
  .search_wrapper_t
  .mat-form-field-appearance-legacy
  .mat-form-field-wrapper {
  background: #fff;
  padding: 0 6px 6px;
  border-radius: 4px;
}

.table_structure .mat-list mat-list-base {
  display: flex;
}

.table_structure .mat-list-base .mat-list-item,
.mat-list-base .mat-list-option {
  display: inline-flex;
  height: auto;
  -webkit-tap-highlight-color: transparent;
  width: auto;
  padding: 0;
  color: #fff;
  border-right: 1px solid #044f82;
}

.table_structure .mat-list-base .mat-list-item:nth-last-child(1) {
  border: none;
}

.table_structure .mat-list-item p {
  display: block;
  width: 100%;
  margin: 0;
}

.table_structure .mat-list-item .title_n {
  color: #5aa8ed;
  font-size: 30px;
  font-family: "AvenirMedium";
  font-weight: 400;
  text-transform: uppercase;
}

.table_structure .mat-list-item .title_a {
  color: #fff;
  font-size: 24px;
  font-family: "AvenirLight";
  text-transform: uppercase;
}

.patient_report_section .form_wrapper {
  display: flex;
  margin-right: 10px;
}

.patient_report_section .form_wrapper:last-child {
  margin-right: 0;
}

.biller_Dashboard .patient_report_section .patient_top_search {
  margin: 16px 0;
  padding: 0;
}

.biller_Dashboard .patient_report_section .patient_top_search .res_view {
  width: auto;
  display: flex;
  justify-content: space-between;
}

.biller_Dashboard
  .patient_report_section
  .patient_top_search
  .res_view
  .btn_action_wrapper {
  margin-left: 16px;
}

.biller_Dashboard
  .patient_report_section
  .patient_top_search
  .btn_action_wrapper
  button {
  background: var(--button-color3);
  font-family: "AvenirMedium";
  font-size: 16px;
  margin-right: 10px;
  box-shadow: none;
  min-width: 80px;
}

.biller_Dashboard
  .patient_report_section
  .patient_top_search
  .btn_action_wrapper
  button:last-child {
  margin: 0;
  background: var(--button-color2);
}

.biller_Dashboard .patient_report_section .patient_top_search h1 {
  margin: 0;
  font-size: 24px;
  font-family: "AvenirMedium";
  color: #535353;
  text-transform: capitalize;
}

.biller_Dashboard .patient_report_section .search_bar button {
  border: none;
  background: #4e4e4e;
  color: #fff;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.biller_Dashboard .mat-table {
  width: 100%;
}

.biller_Dashboard .biller_wrapper {
  flex-wrap: wrap;
}

.biller_Dashboard .biller_wrapper .super_bill_item {
  width: 32.3% !important;
}

.patient_report_section
  .mat-form-field-appearance-outline
  .mat-form-field-wrapper {
  margin: 0 !important;
}

.patient_report_section .patient_top_search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
  margin-top: 20px;
  margin-bottom: 0;
}

.patient_report_section .patient_top_search .search_bar {
  display: flex;
}

.patient_report_section .patient_top_search .search_bar button {
  border: none;
  background: transparent;
  color: #757575;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.patient_report_section .patient_top_search h1 {
  font-size: 32px;
  text-transform: uppercase;
  color: #002035;
  margin: auto;
}

.patient_report_section .patient_top_search .search_bar button:focus {
  outline: none;
}

.patient_report_section .button_action button {
  border-radius: 5px;
  background: linear-gradient(180deg, #f9dc19, #daa505);
  color: #5e3619;
  text-transform: uppercase;
  font-family: "RobotoBlack";
  font-size: 25px;
  padding: 10px;
  width: 515px;
  border: 3px solid #d59d01;
}

.patient_report_section .button_action {
  display: flex;
  justify-content: space-between;
  width: 1050px;
  margin: auto;
}

.top_header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #bfbfbf;
  padding: 0 5px;
}

.top_header .add_new {
  background: #1dbce9;
  font-size: 18px;
  text-transform: capitalize;
  padding: 0 18px;
  font-family: "AvenirMedium";
  color: #fffefe;
}

.top_header .wrappp_R .add_new:last-child {
  margin-left: 10px;
  background: #21e289;
}

.top_header h2 {
  margin: 0;
  font-size: 20px;
  color: #fff;
  font-family: "AvenirMedium";
}

.admin_superbillsection {
  display: block;
}

.admin_superbillsection h1 {
  font-size: 20px;
  font-family: "AvenirMedium";
  color: #535353;
  text-transform: capitalize;
  border-bottom: 1px solid #9c9c9c;
  padding: 10px 8px;
  background: #e0e5eb;
  margin: 0 6px 10px;
}

.headr_tagh {
  font-size: 20px;
  font-family: "AvenirMedium";
  color: #535353;
  text-transform: capitalize;
  border-bottom: 1px solid #9c9c9c;
  padding: 16px 8px;
  background: #e0e5eb;
}

.headr_tagh h1 {
  font-size: 20px;
  font-family: "AvenirMedium";
  color: #535353;
  text-transform: none;
  margin: 0;
}

.admin_superbillsection .biller_wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}

.admin_superbillsection .biller_wrapper .super_bill_item {
  position: relative;
  width: 33%;
  margin: 0.5%;
  padding: 10px;
  display: flex;
  border-radius: 10px;
  flex-grow: 1;
}

.superbillerContainer .biller_wrapper {
  flex-wrap: wrap;
}

.superbillerContainer .super_bill_item {
  width: 24%;
}

.admin_superbillsection .biller_wrapper .super_bill_item:nth-child(1) {
  background: #4099ff url(../../../../assets/images/admincircle_icon1.png)
    no-repeat right top;
  background-size: 70px !important;
}

.admin_superbillsection .biller_wrapper .super_bill_item:nth-child(2) {
  background: #ab8ce4 url(../../../../assets/images/admincircle_icon2.png)
    no-repeat right top;
  background-size: 70px !important;
}

.admin_superbillsection .biller_wrapper .super_bill_item:nth-child(3) {
  background: #26c6da url(../../../../assets/images/admincircle_icon3.png)
    no-repeat right top;
  background-size: 60px !important;
}

.admin_superbillsection .biller_wrapper .super_bill_item:nth-child(4) {
  background: #ff5370 url(../../../../assets/images/admincircle_icon4.png)
    no-repeat right top;
  background-size: 65px !important;
}

.admin_superbillsection .biller_wrapper .super_bill_item:nth-child(5) {
  background: #ea53c2 url(../../../../assets/images/admincircle_icon1.png)
    no-repeat right top;
  background-size: 65px !important;
}

.admin_superbillsection .biller_wrapper .super_bill_item:nth-child(6) {
  background: #1ac772 url(../../../../assets/images/admincircle_icon3.png)
    no-repeat right top;
  background-size: 65px !important;
}

.admin_superbillsection .biller_wrapper .super_bill_item:nth-child(7) {
  background: #5c88b3 url(../../../../assets/images/admincircle_icon2.png)
    no-repeat right top;
  background-size: 65px !important;
}

.admin_superbillsection .biller_wrapper .super_bill_item:nth-child(8) {
  background: #4099ff url(../../../../assets/images/admincircle_icon1.png)
    no-repeat right top;
  background-size: 70px !important;
}

.admin_superbillsection .biller_wrapper .super_bill_item:nth-child(9) {
  background: #ab8ce4 url(../../../../assets/images/admincircle_icon2.png)
    no-repeat right top;
  background-size: 70px !important;
}

.admin_superbillsection .biller_wrapper .super_bill_item:nth-child(10) {
  background: #26c6da url(../../../../assets/images/admincircle_icon3.png)
    no-repeat right top;
  background-size: 60px !important;
}

.admin_superbillsection .biller_wrapper .super_bill_item:nth-child(11) {
  background: #ff5370 url(../../../../assets/images/admincircle_icon4.png)
    no-repeat right top;
  background-size: 65px !important;
}

.admin_superbillsection .biller_wrapper .super_bill_item:nth-child(12) {
  background: #ea53c2 url(../../../../assets/images/admincircle_icon1.png)
    no-repeat right top;
  background-size: 65px !important;
}

.admin_superbillsection .biller_wrapper .super_bill_item:nth-child(13) {
  background: #45dc92 url(../../../../assets/images/admincircle_icon3.png)
    no-repeat right top;
  background-size: 65px !important;
}

.admin_superbillsection .biller_wrapper .super_bill_item .container_wrapper {
  display: flex;
  flex-direction: column;
  align-items: self-end;
  width: 80%;
  box-sizing: border-box;
}

.admin_superbillsection .biller_wrapper .super_bill_item span h2 {
  color: #fff;
  font-size: 36px;
  text-transform: uppercase;
  font-family: "AvenirMedium";
  margin: 0;
  word-break: break-all;
}

.admin_superbillsection .biller_wrapper .super_bill_item span P {
  color: #fff;
  font-size: 20px;
  font-family: "AvenirMedium";
  margin: 0;
  line-height: 26px;
}

.admin_superbillsection .biller_wrapper .super_bill_item:last-child {
  margin-bottom: 0.5%;
}

.admin_superbillsection .biller_wrapper .super_bill_item span button {
  font-size: 16px;
  text-transform: capitalize;
  font-family: "AvenirLight";
  line-height: 32px;
  margin-top: auto;
  width: 105px;
  border-radius: 5px;
  margin-left: auto;
}

.adminTables tr.mat-header-row {
  box-shadow: 0 0 1px 1px #bfbfbf;
}

.admin_superbillsection
  .biller_wrapper
  .super_bill_item:nth-child(1)
  span
  button {
  color: #1b61b2;
}

.admin_superbillsection
  .biller_wrapper
  .super_bill_item:nth-child(2)
  span
  button {
  color: #4a1aa4;
}

.admin_superbillsection
  .biller_wrapper
  .super_bill_item:nth-child(3)
  span
  button {
  color: #066d7a;
}

.admin_superbillsection
  .biller_wrapper
  .super_bill_item:nth-child(4)
  span
  button {
  color: #911228;
}

.admin_superbillsection .biller_wrapper .super_bill_item .border_wrapper {
  width: 19%;
  margin-right: 1%;
  position: relative;
  padding: 0;
  display: flex;
  box-sizing: border-box;
}

.admin_superbillsection
  .biller_wrapper
  .super_bill_item
  .border_wrapper
  .circle {
  margin: 0;
}

.admin_superbillsection
  .biller_wrapper
  .super_bill_item
  .border_wrapper
  .circle
  img {
  max-width: 100%;
}

.superbillerContainer .biller_wrapper .super_bill_item span P br {
  display: none;
}

.superbillerContainer .biller_wrapper .super_bill_item span h2 {
  margin: 0;
}

.superbillerContainer .biller_wrapper .super_bill_item span button {
  line-height: 28px !important;
  width: 90px !important;
}

.superbillerContainer .biller_wrapper .super_bill_item {
  background-size: 90px !important;
  width: 24%;
}

.adminTables .viewButton {
  background-color: var(--button-color2);
  width: auto;
  height: auto;
  line-height: initial;
  padding: 2px 10px;
  box-shadow: none;
  border-radius: 2px;
  font-family: "AvenirMedium";
  color: #fff;
  min-width: inherit;
}

.adminTables .editButton {
  background-color: var(--button-color1);
  width: auto;
  height: auto;
  line-height: initial;
  padding: 2px 10px;
  box-shadow: none;
  border-radius: 2px;
  font-family: "AvenirMedium";
  color: #fff;
  min-width: inherit;
}

.adminTables .downloadBtn,
.adminTables .downloadBtn {
  margin-left: 5px;
  background: #ff5370;
}

.admin_table .action_bar .date-range {
  width: 36%;
  justify-content: space-between;
  display: flex;
}

.table_wrapper .mat-table {
  width: 100%;
  box-shadow: none;
}

.table_wrapper
  .mat-table
  .mat-cell
  .mat-form-field-appearance-outline
  .mat-form-field-wrapper {
  margin: 0;
  padding: 0;
}

.table_wrapper .button_action {
  display: block;
  text-align: center;
  margin-top: 16px;
}

.table_wrapper .button_action button {
  background: var(--button-color2);
  color: #fff;
  font-size: 22px;
  font-family: "AvenirMedium";
  padding: 4px 18px;
  text-transform: uppercase;
}

.table_wrapper
  .mat-table
  .mat-cell
  .mat-form-field-appearance-outline
  .mat-form-field-infix {
  padding: 0;
  height: 28px;
  display: inline-flex;
}

.table_wrapper
  .mat-table
  .mat-cell
  .mat-form-field-appearance-outline
  .mat-form-field-label {
  top: 16px;
  margin-top: -0.25em;
}

.table_wrapper .top_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: auto;
  padding: 10px;
  background: linear-gradient(45deg, #405de6, #833ab4, #e860ad);
}

.table_wrapper .top_header h2 {
  font-family: "AvenirBlack";
  font-size: 24px;
  text-transform: capitalize;
}

.table_wrapper .top_header .wrappp_R {
  width: 100%;
  text-align: right;
}

.table_wrapper .action_bar {
  display: flex;
  align-items: center;
  height: auto;
  padding: 10px 5px;
}

.table_wrapper .action_bar .mat-form-field {
  margin-right: 10px;
}

.table_wrapper .action_bar .mat-form-field:last-child {
  margin-right: 0;
}

.table_wrapper .action_bar .resetButton_w {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.table_wrapper .action_bar .resetButton_w .add_button {
  background: var(--button-color1);
  color: #fff;
}

.table_wrapper .action_bar .resetButton_w .add_button:last-child {
  margin-left: 10px;
  background: var(--button-color2);
}

.table_wrapper .action_bar .add_btn {
  border-radius: 3px;
  text-transform: uppercase;
  font-family: "AvenirMedium";
  font-size: 18px;
  padding: 1px 16px;
  min-width: 170px;
  background: var(--button-color2);
  color: #fff;
  margin-left: auto;
}

.table_wrapper .action_bar .mat-form-field-label-wrapper {
  position: absolute;
  left: 0;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  top: -10px;
  padding-top: 20px;
}

.table_wrapper .action_bar .date-range {
  display: flex;
  width: 43%;
}

.table_wrapper
  .action_bar
  .mat-form-field-appearance-legacy
  .mat-form-field-wrapper {
  padding-bottom: 0;
}

.table_wrapper .action_bar .mat-form-field-suffix::before {
  content: "";
  position: absolute;
  height: 26px;
  width: 1px;
  background: #545454;
  right: 30px;
  display: inline-block;
}

.action_bar .mat-form-field .mat-form-field-flex {
  display: inline-flex;
  align-items: baseline;
  box-sizing: border-box;
  width: 220px;
  background: #fbfbfb;
  border: 1px solid #545454;
  border-radius: 5px;
}

.table_wrapper
  .action_bar
  .mat-form-field-appearance-legacy
  .mat-form-field-infix {
  padding: 10px;
  border: 0;
  font-size: 16px;
  font-family: "AvenirLight";
}

.table_wrapper .action_bar .mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: transparent !important;
}

.table_wrapper
  .action_bar
  .mat-form-field-appearance-legacy
  .mat-form-field-underline {
  height: 0;
}

.add_button {
  background: #e5ae00;
  font-family: "AvenirMedium";
  color: #fff;
  text-transform: capitalize;
  box-shadow: none;
  border-radius: 3px;
  font-size: 18px;
}

.table_wrapper .mat-table .buttons_ro {
  display: inline-block;
}

.table_wrapper .mat-table .buttons_ro button {
  margin: 0 2px;
}

.table_wrapper .mat-table .buttons_ro button:first-child {
  margin-left: 0;
}

.table_wrapper .mat-table .buttons_ro button:last-child {
  margin-right: 0;
}

.table_wrapper .mat-table .mat-column-doctorName .doctor_name {
  margin: 6px 0;
  word-break: break-all;
}

.table_wrapper .mat-table .mat-column-doctorName .doctor_name span {
  font-family: "AvenirBlack";
  color: #404242;
}

.table_wrapper .footer_action {
  justify-content: center;
  height: auto;
  padding: 10px 0;
  margin-top: 10px;
}

.table_wrapper .footer_action button {
  background: var(--button-color2);
  font-family: "AvenirRoman";
}

.table_wrapper .footer_action button:last-child {
  margin-left: 10px;
  background: var(--button-color3);
}

.biller_Dashboard .mat-table .mat-column-Doctor-Name .doctor_name {
  margin: 6px 0;
}

.biller_Dashboard .mat-table .mat-column-Doctor-Name .doctor_name span {
  font-family: "AvenirBlack";
  color: #404242;
}

.admin_table .action_bar {
  height: auto;
  justify-content: space-between;
}

.table_wrapper tr.mat-header-row {
  background: #e0e5eb;
}

.bookedAppointment .action_bar .date-range {
  display: flex;
  width: 66%;
}

.admin_wrapper .title_wrapper {
  color: #fff;
  text-transform: uppercase;
  padding: 12px;
  font-family: "AvenirBlack";
  font-size: 26px;
  width: auto;
  background: linear-gradient(45deg, #405de6, #833ab4, #e860ad);
  text-align: center;
  display: block;
  margin-bottom: 9px;
}

.admin_wrapper .mat-tab-group .mat-tab-header {
  margin: 16px 0;
}

.admin_wrapper .mat-tab-group .mat-tab-header .mat-tab-label-container {
  background: #fff;
}

.admin_wrapper .add_form .submit_form button {
  border-radius: 5px;
  text-transform: uppercase;
  font-family: "AvenirMedium";
  font-size: 22px;
  padding: 4px 16px;
  min-width: 170px;
  background: var(--button-color2);
  color: #fff;
  margin-right: 16px;
}

.admin_wrapper .add_form .submit_form button:first-child {
  margin-right: 16px;
  background: var(--button-color1);
}

.admin_wrapper .add_form .submit_form button:last-child {
  margin-right: 0;
  background: var(--button-color3);
}

.admin_wrapper .add_form {
  width: 100%;
  margin: 20px auto;
  background: #fbfbfb;
  padding: 16px 10px;
  padding-bottom: 25px;
  border: 1px solid #91e7ff;
  box-sizing: border-box;
}

.admin_wrapper .add_form .form_wrapper textarea {
  resize: none;
}

.admin_wrapper .add_form .form_wrapper .mat-form-field {
  width: 49%;
  margin: 0.5%;
}

.admin_wrapper .add_form .form_wrapper .NPI_container {
  display: inline-block;
  width: 49%;
  margin: 0.5%;
  position: relative;
}

.admin_wrapper .add_form .form_wrapper .NPI_container .mat-form-field {
  width: 100% !important;
}

.admin_wrapper .add_form .form_wrapper .NPI_container a {
  position: absolute;
  bottom: 0;
  right: 0;
  color: var(--button-color2);
  font-family: "AvenirBlack";
  border-bottom: 1px solid;
  padding-bottom: 1px;
  cursor: pointer;
}

.percentage_counter {
  width: 900px !important;
}

.admin_wrapper .add_form .form_wrapper .label_text {
  display: flex;
  align-items: center;
}

.admin_wrapper .add_form .form_wrapper .label_tag {
  font-size: 20px;
  font-family: "AvenirMedium";
  width: 49%;
  margin-bottom: 16px;
}

.admin_wrapper .add_form h2 {
  font-family: "AvenirBlack";
  text-transform: uppercase;
  font-size: 24px;
  padding: 0 6px;
  color: #1dbce9;
}

.admin_wrapper .add_form .submit_form {
  display: flex;
  width: 100%;
  text-align: center;
  margin-top: 30px;
  justify-content: center;
}

.patient_preview .mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding: 0;
}

.admin_wrapper .changeBTN {
  background: linear-gradient(45deg, #0492d2, #03a9f5);
  color: #fff;
  font-family: "AvenirMedium";
  text-transform: uppercase;
}

.patient_preview .mat-form-field-wrapper {
  padding: 0;
}

.patient_preview .mat-form-field-underline {
  display: none;
}

.patient_preview .mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 10px;
  border: 1px solid #1dbce9;
  box-sizing: border-box;
  margin-right: 5px;
}

.add_form .test_date_wrapper .mat-card-content .mat-form-field-flex {
  background: #fff;
  border: 1px solid #d0d0d0;
  padding: 0 5px;
  box-sizing: border-box;
}

.patients_info_wrapper .mat-card-content .mat-form-field .mat-form-field-flex {
  background: #fff;
  border: 1px solid #e6e4e4;
  padding: 0 7px;
}

.add_form .form_wrapper .mat-form-field-appearance-fill .mat-form-field-flex {
  border-radius: 4px 4px 0 0;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-bottom: 0;
}

.admin_wrapper .testingDoc {
  background: linear-gradient(0deg, #07aaf5, #40bffa);
  font-size: 34px;
  text-transform: uppercase;
  color: #fff;
  padding: 8px 10px;
  font-family: "AvenirMedium";
  margin: 0 0 8px !important;
  border-radius: 4px;
}

.Admindmin_details .inner_er {
  background: url(../../assets/images/doctordbImage.jpg) no-repeat;
  background-size: cover;
  padding: 0;
}

.Admindmin_details .inner_er h2 {
  text-align: center;
  margin: 0;
  color: var(--button-color3);
  font-family: "AvenirBlack";
  font-size: 24px;
  text-transform: uppercase;
  margin-top: 18px;
}

.Admindmin_details .inner {
  column-count: 2;
  column-gap: 20px;
  display: block;
}

.Admindmin_details .inner_er h3 {
  text-align: center;
  text-transform: uppercase;
  font-size: 28px;
  font-family: "AvenirMedium";
  border-bottom: 2px solid #c5c4c4;
  padding: 5px;
  margin: 0;
  background: linear-gradient(-5deg, #2df6fd 45%, #09cef5 52%);
  color: #231c23;
}

.Admindmin_details .list_wrapper {
  width: 100%;
  margin: 0 auto;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12);
  padding-top: 0 !important;
  padding-bottom: 20px;
}

.Admindmin_details .inner_er .mat-list-item {
  font-size: 18px;
  font-family: "AvenirMedium";
  height: inherit;
  padding: 5px;
  box-sizing: border-box;
  color: #545454;
  text-transform: capitalize;
}

.Admindmin_details .inner_er .mat-list-item .lg {
  font-size: 18px;
  font-family: "AvenirBlack";
}

.admin_wrapper .mediaDoc_wrapper {
  display: flex;
  justify-content: space-between;
}

.admin_wrapper .mediaDoc_wrapper .new_wrapper_left {
  width: 73%;
  display: flex;
}

.admin_wrapper .mediaDoc_wrapper .new_wrapper_right {
  width: 26%;
  display: flex;
  flex-direction: column;
}

.admin_wrapper
  .mediaDoc_wrapper
  .new_wrapper_right
  .media_inner_items:last-child {
  margin-top: 16px;
}

.encounter_wrapper .second_table .book-appointment .mat-card {
  box-shadow: none;
  padding: 10px 8px;
}

.encounter_wrapper
  .second_table
  .book-appointment
  .mat-horizontal-stepper-header-container {
  display: none;
}

.encounter_wrapper .second_table .book-appointment .float-right {
  margin-left: 14px;
}

.encounter_wrapper .second_table .book-appointment .float-right:last-child {
  background: linear-gradient(45deg, #ffca10, #fbd856);
  margin-left: 0;
}

.patient_report_wrapper .patient_item_section .mat-tab-label-active {
  background: linear-gradient(45deg, #0772ff, #04a6f6);
  opacity: 1;
}

.mediaDoc_wrapper .media_inner_items {
  background: #f8f3f3;
  margin: 0;
  display: flex;
  flex-direction: column;
  border: 1px solid #b4b5b5;
  box-sizing: border-box;
  width: 100%;
}

.mediaDoc_wrapper .media_inner_items .image_wrapper {
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mediaDoc_wrapper .media_inner_items .image_wrapper img {
  max-width: 100%;
  vertical-align: middle;
}

.mediaDoc_wrapper .media_inner_items .action_button {
  background: linear-gradient(-5deg, #2df6fd 45%, #09cef5 52%);
  color: #000;
  font-size: 22px;
  font-family: "AvenirHeavy";
  padding: 9px;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  border-radius: 0;
  margin-top: auto;
  box-sizing: border-box;
}

.report_wrapper .items_w .icon_w {
  background: #fff;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: "AvenirMedium";
  text-transform: capitalize;
  font-size: 16px;
  height: 340px;
}

.report_wrapper .items_w .icon_w img {
  height: 100%;
  max-width: 100%;
}

.quickRef .report_wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.quickRef .report_wrapper .items_w {
  width: 32.3%;
  margin: 0.5%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border: 1px solid #c3c3c3;
  border-radius: 5px;
  background: #fff;
}

.quickRef .report_wrapper .items_w:last-child {
  margin-bottom: 0.5%;
}

.report_wrapper .items_w .name_wr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding: 0 10px;
  box-sizing: border-box;
}

.report_wrapper .items_w .name_wr .reportName {
  font-family: "AvenirHeavy";
  color: #272520;
  font-size: 20px;
  padding-right: 10px;
  line-height: 22px;
  box-sizing: border-box;
}

.report_wrapper .items_w .action_button {
  background: linear-gradient(-5deg, #2df6fd 45%, #09cef5 52%);
  color: #000;
  font-size: 22px;
  font-family: "AvenirHeavy";
  padding: 4px;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  border-radius: 0;
  margin-top: auto;
  box-sizing: border-box;
}

.viewMore_w {
  justify-content: center;
  background: transparent !important;
  height: auto !important;
  margin-bottom: 30px !important;
  padding: 0 !important;
}

.viewMore_w button {
  min-width: 364px;
  background: linear-gradient(0deg, #04aaf5, #32baf9);
  font-family: "AvenirHeavy";
  color: #fff;
  text-transform: uppercase;
  font-size: 28px;
  padding: 4px;
}

.mat-dialog-container {
  min-width: 400px;
  border: 1px solid #4959e2;
  border-radius: 0 !important;
  padding: 0 !important;
  max-height: 90vh !important;
  overflow-y: auto;
}

.mat-dialog-container .mat-dialog-title {
  line-height: inherit;
  text-align: center;
  margin: 0;
  display: block;
  background: linear-gradient(45deg, #405de6, #833ab4, #e860ad);
  color: #fff;
  padding: 10px 6px;
  font-family: "AvenirBlack";
  text-transform: uppercase;
}

.mat-dialog-container .mat-dialog-content {
  display: block;
  margin: 0;
  padding: 16px;
  box-sizing: border-box;
  padding-top: 0;
}

.mat-dialog-container .mat-dialog-content .mat-form-field {
  width: 100%;
}

.mat-dialog-container .mat-dialog-content .submit_form {
  display: flex;
  justify-content: flex-end;
}

.mat-dialog-container .mat-dialog-content .submit_form button {
  font-family: "AvenirBlack";
  text-transform: uppercase;
  color: #fff;
  background: var(--button-color2);
}

.mat-dialog-container .mat-dialog-content .submit_form button:nth-child(2) {
  margin-left: 10px;
}

.mat-dialog-container .mat-dialog-content .submit_form button:last-child {
  background: var(--button-color3);
  margin-left: 10px;
}

.mat-dialog-container .mat-dialog-content p {
  text-align: center;
  color: var(--button-color2);
  font-size: 18px;
  white-space: normal;
  word-break: keep-all;
  font-family: "AvenirLight";
}

.mat-dialog-container .mat-dialog-content .innerhtml-content {
  text-align: left;
  color: #1f1e1e;
  font-size: 16px;
  white-space: normal;
  word-break: break-all;
  font-family: "AvenirLight";
}

.mat-dialog-container .mat-dialog-actions {
  display: flex;
  flex-wrap: wrap;
  min-height: inherit;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}

.mat-dialog-container .mat-dialog-actions button {
  background: linear-gradient(45deg, var(--button-color1), #e2b400);
  color: #fff;
  min-width: 100px;
  font-family: "AvenirMedium";
  font-size: 18px;
}

.mat-dialog-container .mat-dialog-actions button:last-child {
  background: linear-gradient(45deg, #047db3, var(--button-color2));
  color: #fff;
}

.modal-localdata .mat-dialog-content .example-card {
  margin-bottom: 16px;
  display: flex;
  font-family: "AvenirMedium";
  justify-content: flex-start;
  align-items: center;
  box-shadow: 0 1px 4px 1px #c1c1c1;
}

.modal-localdata .mat-dialog-content .example-card .mat-card-header-text {
  margin: 0 10px 0 0;
}

.modal-localdata
  .mat-dialog-content
  .example-card
  .mat-card-header-text
  .mat-card-title {
  margin: 0;
  font-size: 16px;
}

.modal-localdata .mat-dialog-content .example-card .mat-card-content p {
  color: #717171;
  font-size: 16px;
  font-family: "AvenirMedium";
}

.modal-localdata .mat-dialog-content .example-card:last-child {
  margin-bottom: 0;
}

.sales_person_db {
  width: auto;
  display: block;
  margin: 0 auto;
}

.sales_person_db .shareLi {
  background: #cfaa1e url(../images/shareBanner.png) no-repeat;
  background-position: 10% bottom;
  padding: 20px;
  height: 500px;
  background-size: contain;
  position: relative;
  margin-bottom: 16px;
  margin-left: 10px;
  margin-right: 10px;
}

.sales_person_db .shareLi .in_w {
  width: 660px;
  background: #fff;
  margin-left: auto;
  padding: 16px;
  box-sizing: border-box;
  border-radius: 4px;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 70%;
  box-shadow: 0 2px 8px 0 #404040;
}

.sales_person_db .shareLi .in_w h2 {
  margin: 0;
  color: #000;
  font-family: "AvenirRoman";
  font-size: 22px;
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 2px solid;
  padding-bottom: 8px;
}

.sales_person_db .shareLi .in_w .input_w {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sales_person_db .shareLi .in_w .input_w .mat-form-field {
  width: 100%;
}

.sales_person_db .shareLi .in_w .input_w button {
  color: var(--button-color3);
  padding: 0;
  min-width: 50px;
}

.sales_person_db .shareLi .in_w .social_media_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.sales_person_db .shareLi .in_w .social_media_wrapper button {
  padding: 0;
  min-width: 36px;
  color: var(--button-color2);
}

.sales_person_db .shareLi .in_w .social_media_wrapper button i {
  font-size: 30px;
}

.table_list {
  margin: 0 auto;
  width: auto;
  margin-left: 5px;
  margin-right: 5px;
}

.sales_new_width .admin_wrapper {
  width: auto;
  padding: 0 !important;
  background: transparent !important;
}

.table_list .top_header {
  background: #f5f5f5;
}

.table_list .top_header .title1 {
  font-size: 26px;
  font-family: "AvenirMedium";
}

.table_list table {
  width: 100%;
}

.table_list table td.mat-cell:last-of-type {
  border-right: 1px solid #d6d6d6;
}

.table_list table td.mat-cell:first-of-type {
  border-left: 1px solid #d6d6d6;
}

.table_list .button_action {
  margin-left: auto;
}

.table_list .button_action button:last-child {
  background: var(--button-color1);
  margin-left: 10px;
}

.faq_wrapper .mat-expansion-panel-body {
  padding: 0;
}

.calenderView .calender_first .mat-toolbar {
  background: linear-gradient(10deg, #0f729f, #03a9f5);
  justify-content: space-between;
  margin-top: 6px;
}

.calenderView .calender_first .mat-toolbar .google_calendar_status mat-label {
  float: none;
  line-height: inherit;
  color: #fff;
  text-align: inherit;
  display: inline-flex;
  align-items: center;
}

.calenderView .calender_first .mat-toolbar .headerSpan {
  font-family: "AvenirMedium";
  font-size: 28px;
  margin: 0;
}

.calenderView .calender_first {
  padding: 0;
}

.calenderView .calender_first .buttonsetToolbar {
  background: #f9f9f9;
  padding: 10px;
  height: auto;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  align-items: center;
}

.calenderView .calender_first .buttonsetToolbar .singleButton {
  font-family: "AvenirRoman";
  font-size: 16px;
  background: linear-gradient(45deg, #e2ab02, #fec106);
  box-shadow: none;
}

.calenderView .calender_first .buttonsetToolbar .singleButton:nth-child(5) {
  background: linear-gradient(45deg, #dc2800, #fd390e);
}

.calenderView .filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 !important;
}

.calenderView .pagination {
  display: block !important;
  float: none !important;
  margin: 0 auto;
}

.calenderView .filter .pagination {
  float: none;
  font-size: 14px;
  font-family: "AvenirMedium";
  margin-left: 8px;
  margin-right: 0;
}

.calenderView
  .filter
  .filter-box
  .mat-form-field-appearance-outline
  .mat-form-field-wrapper {
  margin: 0;
}

.calenderView .slotview {
  padding: 8px 0 !important;
}

.calenderView .label-no-slot-exists {
  font-family: "AvenirMedium";
  font-size: 16px;
  color: #ee0808;
}

.calenderView .slotview .example-card {
  max-width: 100% !important;
  width: 31%;
  margin: 1%;
  transition: all 300ms;
  padding: 0;
}

.calenderView .slotview .example-card .mat-card-content p {
  font-size: 14px;
  font-family: "AvenirMedium";
  padding: 0 10px;
  margin: 10px 0;
}

.calenderView .slotview .example-card .mat-card-content p:first-child {
  font-size: 18px;
  background: linear-gradient(10deg, #21e2ce, #077d5d);
  padding: 6px;
  color: #fff;
  margin: 0;
}

.calenderView .slotview .example-card:hover {
  transform: scale(1.2);
  position: relative;
  z-index: 1;
  border: 1px solid #f1f1f1;
}

.calenderView .slotview .example-card .mat-card-actions {
  margin: 0;
  padding: 0 10px 10px;
}

.calenderView .slotview .example-card .mat-card-actions button {
  font-family: "AvenirMedium";
}

.calenderView .slotview .example-card .mat-card-actions button:hover {
  transition: 200ms all;
  border: 1px solid var(--button-color3);
  color: var(--button-color3);
  background: #fff !important;
}

.calenderView .example-container .button_wrapper button {
  background: var(--button-color2);
  font-family: "AvenirMedium";
  font-size: 18px;
}

.calenderView .example-container .button_wrapper button:last-child {
  background: var(--button-color3);
}

.listing_view .table {
  font-family: "AvenirMedium";
}

.listing_view .table .event-edit-modal .edit-header {
  background: var(--button-color2);
  padding: 12px 10px;
  color: #fff;
  font-family: "AvenirMedium";
  font-size: 20px;
  text-transform: uppercase;
}

.event-edit-modal .edit-header {
  padding: 14px 10px;
  background: var(--button-color2);
  color: #fff;
  font-family: "AvenirMedium";
  text-transform: uppercase;
}

.event-edit-modal .edit-header .modal-title {
  float: none;
}

.event-edit-modal .edit-header .btn-modal-close {
  color: #fff;
}

.event-edit-modal .mat-dialog-container .edit-event-dialog {
  font-family: "AvenirMedium";
}

.event-edit-modal .mat-dialog-container .edit-event-dialog .available-weekdays {
  display: block;
  font-family: "AvenirBlack";
  margin-bottom: 10px;
  font-size: 16px;
}

.event-edit-modal .event-submit,
.event-edit-modal .event-reset {
  background: var(--button-color2) !important;
  font-family: "AvenirMedium";
  text-transform: uppercase;
  min-width: 90px;
  border-radius: 0;
  box-shadow: none !important;
}

.event-edit-modal .event-reset {
  background: var(--button-color5) !important;
}

.event-edit-modal .mat-dialog-container .edit-event-dialog .time-picker {
  display: inline-block;
  width: 48%;
}

.event-edit-modal
  .mat-dialog-container
  .edit-event-dialog
  .time-picker
  .modal-input {
  width: 100%;
}

.listing_view .table th {
  background-color: #e0e5eb !important;
  color: #6f6e6e !important;
}

.listing_view .table td .mat-chip-list-wrapper {
  margin-top: 5px;
}

.listing_view .table td .mat-chip-list-wrapper .mat-chip {
  background-color: #03a9f5 !important;
  color: #fff;
  font-size: 12px;
  font-family: "AvenirMedium";
  display: flex;
  justify-content: center;
  align-items: center;
}

.listing_view .table td .mat-chip-list-wrapper .mat-chip:first-child,
.listing_view .table td .mat-chip-list-wrapper .mat-chip:last-child {
  background-color: var(--button-color5) !important;
}

.listing_view .table td .btn-group {
  border: none;
}

.searchbar .mat-form-field .mat-chip.mat-standard-chip {
  /* background: linear-gradient(40deg, #03a0c3 50%, #0ab3ff 50%); */
  color: #ffff;
  font-family: "AvenirLight";
  white-space: normal;
  height: auto;
  word-break: break-word;
  font-size: 10px;
  background: #f56a71;
  font-family: "Avenirmedium";
  font-size: 15px;
}

.searchbar
  .mat-form-field
  .mat-chip.mat-standard-chip
  .mat-chip-remove.mat-icon {
  margin: 0;
}

.multipledeleteandupdatebuttan {
  display: block;
  margin-bottom: 16px;
}

.multipledeleteandupdatebuttan button {
  background: linear-gradient(40deg, #ff4081, #dc004b);
  color: #fff;
  margin-right: 10px;
}

.multipledeleteandupdatebuttan button:last-child {
  margin-right: 0;
  background: linear-gradient(40deg, #0681fd, #00c4fb);
}

.DataTable .mat-card mat-label {
  margin-right: 10px;
}

.DataTable .mat-card .tablewrapper {
  margin-bottom: 16px;
}

.tablewrapper .report_confirmation_warning {
  font-size: 18px;
  font-family: "AvenirMedium";
  color: #ec4100;
}

.calendar_data .mat-card {
  box-shadow: none !important;
  padding: 0 !important;
  margin: 16px 0 !important;
}

.calendar_data .calender_first .mat-toolbar.mat-primary {
  background: var(--button-color3);
}

.calendar_data table th {
  font-family: "AvenirBlack";
}

.calendar_data table td {
  font-family: "AvenirMedium";
}

.lib-pager-class {
  clear: inherit !important;
  float: none !important;
  text-align: center;
  margin-top: 16px;
}

.lib-pager-class .mat-form-field {
  width: 70px;
  margin: 0 6px;
  text-align: center;
}

.lib-pager-class
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float
  .mat-form-field-label {
  display: none !important;
}

.lib-pager-class .mat-form-field .mat-form-field-flex {
  border: 1px solid #e4e4e4;
  padding: 0 5px;
  border-radius: 4px 4px 0 0;
}

.lib-pager-class
  .mat-form-field
  .mat-form-field-appearance-legacy
  .mat-form-field-underline {
  height: 0;
}

.adptient_manually mat-form-field {
  width: 32%;
  display: inline-flex;
  margin: 0 6px;
}

.adptient_manually .mat-form-field-appearance-legacy .mat-form-field-wrapper {
  width: 100%;
}

.adptient_manually .form_header_practice_name {
  display: block;
  font-size: 18px;
  color: #000;
  font-family: "AvenirMedium";
  text-transform: uppercase;
  position: relative;
}

.adptient_manually .form_header_practice_name::before {
  content: "";
  width: 30%;
  height: 2px;
  background: #8bc348;
  position: absolute;
  bottom: -5px;
}

.adptient_manually .form_header_ {
  display: block;
}

.book-event .mat-dialog-container .mat-stepper-horizontal .width-md {
  width: 32%;
}

.db_title {
  font-family: "AvenirMedium";
  font-size: 20px;
  color: #3d3d3d;
  text-transform: capitalize;
  border-bottom: 1px solid #a5a5a5;
  padding-bottom: 10px;
}

.app_list .mat-card {
  padding: 0 !important;
}

.app_list .mat-card .searchbar {
  padding: 0;
}

lib-listing .container .mat-card {
  padding: 0;
  box-shadow: none;
}

.book-appointment .mat-step-header .mat-step-icon-selected {
  background-color: var(--button-color3);
}

.book-appointment .mat-form-field {
  width: 32.5%;
}

.book-appointment textarea {
  width: 100%;
}

.book-appointment .mat-form-field-appearance-fill .mat-form-field-flex {
  background: #fbfbfb;
}

.book-event
  .mat-dialog-container
  .mat-stepper-horizontal
  .mat-horizontal-content-container,
.book-appointment .mat-stepper-horizontal .mat-horizontal-content-container {
  padding: 0;
}

.book-appointment .mat-stepper-horizontal h4,
.book-event .mat-dialog-container .mat-stepper-horizontal h4 {
  font-family: "AvenirMedium";
  margin: 0;
  font-size: 20px;
  color: #0ac3a2;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.book-appointment .mat-stepper-horizontal .containerSpan mat-label,
.book-event
  .mat-dialog-container
  .mat-stepper-horizontal
  .containerSpan
  mat-label {
  color: #505050;
}

.book-appointment .mat-stepper-horizontal .lib_wrpr .lb_item .header,
.book-event
  .mat-dialog-container
  .mat-stepper-horizontal
  .lib_wrpr
  .lb_item
  .header {
  font-family: "AvenirMedium";
  font-size: 18px;
  text-transform: uppercase;
  color: #fff;
  background: linear-gradient(45deg, #12a0e5, #64ceff);
  padding: 10px 6px;
}

.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 {
  min-width: 150px;
  margin-left: 10px;
}

.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 {
  margin-bottom: 6px;
  font-family: "AvenirMedium";
  font-size: 14px;
  color: #243834;
}

.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: 16px;
  color: #243834;
  text-align: left;
  word-break: break-word;
}

.book-appointment .mat-stepper-horizontal .containerSpan,
.book-event .mat-dialog-container .mat-stepper-horizontal .containerSpan {
  overflow: inherit;
  clear: none;
}

.book-appointment div > .mat-raised-button,
.book-event .mat-dialog-container .mat-raised-button {
  background: linear-gradient(45deg, #0676fe, #05a2f7);
  margin-top: 16px;
  min-width: 120px;
  font-family: "AvenirBlack";
  border-radius: 0;
  text-transform: uppercase;
}

.book-appointment div > .mat-raised-button:last-child,
.book-event .mat-dialog-container .mat-raised-button:last-child {
  margin-right: 16px;
}

.report_modal td button {
  font-family: "AvenirMedium";
  background: linear-gradient(
    45deg,
    var(--button-color2),
    var(--button-color6)
  );
  border-radius: 20px;
  text-transform: uppercase;
  color: #ececec !important;
  line-height: inherit;
  padding: 6px 16px;
}

.modal_view .mat-form-field {
  width: 100%;
}

.modal_view .mat-form-field .mat-form-field-flex {
  padding: 0 7px 4px;
  border: 1px solid #dadada;
}

.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,
.admin_dashboard .DataTable .tablewrapper tr td .custombutton9,
.admin_dashboard .DataTable .tablewrapper tr td .custombutton10,
.admin_dashboard .DataTable .tablewrapper tr td .custombutton11 {
  display: inline-flex;
  margin: 0;
}

.admin_dashboard .DataTable .container .searchbar .search_class:first-child {
  margin-left: 20px;
}

.admin_dashboard .DataTable .tablewrapper tr td .custombutton0 button,
.admin_dashboard .DataTable .tablewrapper tr td .custombutton1 button,
.admin_dashboard .DataTable .tablewrapper tr td .custombutton2 button,
.admin_dashboard .DataTable .tablewrapper tr td .custombutton3 button,
.admin_dashboard .DataTable .tablewrapper tr td .custombutton4 button,
.admin_dashboard .DataTable .tablewrapper tr td .custombutton5 button,
.admin_dashboard .DataTable .tablewrapper tr td .custombutton6 button,
.admin_dashboard .DataTable .tablewrapper tr td .custombutton7 button,
.admin_dashboard .DataTable .tablewrapper tr td .custombutton8 button,
.admin_dashboard .DataTable .tablewrapper tr td .custombutton9 button,
.admin_dashboard .DataTable .tablewrapper tr td .custombutton10 button,
.admin_dashboard .DataTable .tablewrapper tr td .custombutton11 button,
.admin_dashboard .DataTable .tablewrapper tr td .notebtncls {
  font-family: "AvenirMedium";
  background: var(--button-color3);
  box-shadow: none;
  padding: 6px 10px;
  line-height: inherit;
  font-size: 12px;
  min-width: 140px;
  margin: 2px;
}

.admin_dashboard .DataTable .tablewrapper tr td .custombutton0 button {
  background: var(--button-color1);
  float: left;
}

.admin_dashboard .DataTable .tablewrapper tr td .custombutton1 button {
  background: var(--button-color2);
}

.admin_dashboard .DataTable .tablewrapper tr td .custombutton2 button {
  background: var(--button-color3);
}

.admin_dashboard .DataTable .tablewrapper tr td .custombutton3 button {
  background: var(--button-color4);
}

.admin_dashboard .DataTable .tablewrapper tr td .custombutton4 button {
  background: var(--button-color5);
}

.admin_dashboard .DataTable .tablewrapper tr td .custombutton5 button {
  background: var(--button-color6);
}

.admin_dashboard .DataTable .tablewrapper tr td .custombutton6 button {
  background: var(--button-color1);
}

.admin_dashboard .DataTable .tablewrapper tr td .custombutton7 button {
  background: var(--button-color2);
}

.admin_dashboard .DataTable .tablewrapper tr td .custombutton8 button {
  background: var(--button-color3);
}

.admin_dashboard .DataTable .tablewrapper tr td .custombutton9 button {
  background: var(--button-color4);
}

.admin_dashboard .DataTable .tablewrapper tr td .custombutton10 button {
  background: var(--button-color5);
}

.admin_dashboard .DataTable .tablewrapper tr td .custombutton11 button {
  background: var(--button-color6);
}

.admin_dashboard .DataTable .tablewrapper tr td .notebtncls {
  background: #1c8494;
}

.admin_dashboard .DataTable .tablewrapper tr .mat-column-general_details p {
  margin: 6px 0;
}

.admin_dashboard
  .DataTable
  .tablewrapper
  tr
  .mat-column-general_details
  p:nth-child(1) {
  color: #21e289;
  font-size: 15px;
  font-weight: 700;
}

.admin_dashboard
  .DataTable
  .tablewrapper
  tr
  .mat-column-general_details
  p:nth-child(2) {
  color: #6fc4dc;
  font-weight: 600;
}

.admin_dashboard .diagnostic_admin .tablewrapper tr td .custombutton0 button,
.admin_dashboard .diagnostic_admin .tablewrapper tr td .custombutton1 button {
  min-width: inherit !important;
}

.encounter_rules {
  padding: 16px !important;
}

.encounter_rules .admin_superbillsection table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}

.encounter_rules .admin_superbillsection table tr th,
.encounter_rules .admin_superbillsection table tr td {
  vertical-align: top;
  padding: 10px;
  border: 1px solid #dadada;
  text-align: left;
  font-family: "AvenirMedium";
}

.encounter_rules .admin_superbillsection table tr th {
  font-family: "AvenirBlack";
  background: #f9f9f9;
  font-size: 14px;
}

.encounter_rules .admin_superbillsection h1 {
  margin: 0;
  margin-bottom: 16px;
}

.encounter_rules .admin_superbillsection table .mat-column-SL {
  width: 5%;
}

.encounter_rules .admin_superbillsection table .mat-column-Remarks {
  width: 20%;
}

.encounter_rules .admin_superbillsection table .mat-column-Rules {
  width: 75%;
}

.encounter_rules .admin_superbillsection .tab table {
  box-shadow: none;
}

.encounter_rules .admin_superbillsection .tab h3 {
  border: 1px solid #dadada;
  margin: 0;
  border-bottom: 0;
  background: #f9f9f9;
  padding: 16px 8px;
  font-family: "AvenirBlack";
  font-size: 16px;
  color: #828282;
}

.encounter_rules .admin_superbillsection .tab table tr.mat-header-row {
  font-family: "AvenirBlack";
}

.encounter_rules .admin_superbillsection .tab table tr.mat-header-row,
.encounter_rules .admin_superbillsection .tab table tr.mat-row {
  height: auto;
}

.encounter_rules .admin_superbillsection .greenbar {
  background: url(../../assets/images/AWSLinkedINBanner.jpg) no-repeat;
  background-position: center;
  padding: 20px;
  background-color: #21a6b7;
  background-size: cover;
  height: 340px;
  position: relative;
  margin-bottom: 16px;
}

.encounter_rules .admin_superbillsection .greenbar p {
  top: 65%;
  position: absolute;
  font-family: "AvenirBlack";
  font-size: 60px;
  margin: 0;
  text-transform: uppercase;
  color: #08ab7d;
}

.shareLink_wrpr {
  padding: 0;
  margin: 14px 0 !important;
  border-radius: 4px;
}

.shareLink_wrpr .link_field {
  background: linear-gradient(45deg, #00aada, #83e2ff);
  height: auto;
  padding: 12px;
  justify-content: space-between;
  border-radius: 4px;
}

.shareLink_wrpr .link_field h2 {
  font-size: 20px;
  text-transform: uppercase;
  font-family: "AvenirMedium";
  margin: 0;
  margin-right: 10px;
  color: #fff;
}

.shareLink_wrpr .small_view {
  width: 100%;
  display: flex;
}

.shareLink_wrpr .small_view .shreWr {
  width: 100%;
  display: flex;
}

.shareLink_wrpr .small_view .shreWr input {
  background: #fff;
  padding: 10px;
  width: 100%;
  border: none;
  box-shadow: 0 1px 4px #949494;
}

.shareLink_wrpr .link_field .shreWr a {
  background: linear-gradient(50deg, #ff2a4e, #f3072f);
  font-family: "AvenirMedium";
  color: #fff;
  text-transform: uppercase;
  border-radius: 0 4px 4px 0;
}

.shareLink_wrpr .icon_wr a {
  width: 35px;
  height: auto;
  min-width: inherit;
  text-align: center;
  padding: 0;
  margin-left: 10px;
}

.shareLink_wrpr .icon_wr a i {
  font-size: 20px;
}

.shareLink_wrpr .icon_wr a:nth-child(1) {
  background: #3b5998;
  color: #fff;
}

.shareLink_wrpr .icon_wr a:nth-child(2) {
  background: #00acee;
  color: #fff;
}

.shareLink_wrpr .icon_wr a:nth-child(3) {
  background: #0e76a8;
  color: #fff;
}

.shareLink_wrpr .icon_wr a:nth-child(4) {
  background: #34526f;
  color: #fff;
}

.distributor_info {
  background: #fff;
}

.distributor_info .mat-toolbar {
  font-size: 20px;
  font-family: "AvenirMedium";
  background: var(--button-color5);
  color: #fff;
  height: inherit;
  padding: 8px 16px;
  text-transform: uppercase;
}

.distributor_info .inner_info {
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.distributor_info .inner_info p {
  margin: 6px 0;
  width: 25%;
  font-family: "AvenirMedium";
}

.distributor_info .inner_info p span {
  font-family: "AvenirBlack";
}

.success-snackbar {
  background: #4cde45 !important;
  color: #fff !important;
  font-family: "AvenirMedium";
  box-shadow: none !important;
}

.success-snackbar .mat-simple-snackbar-action button {
  color: #fff !important;
}

.encounter_wrapper .second_table .book-appointment .mat-form-field {
  width: 32.2%;
}

.encounter_wrapper
  .second_table
  .book-appointment
  .mat-form-field-appearance-fill
  .mat-form-field-flex {
  background: #f5f4f4;
}

.calenderView .calendar_wrapper {
  width: 65% !important;
}

.calenderView .calendar_wrapper .example-container {
  display: inherit;
}

.calenderView .calendar_wrapper .example-container h3 {
  font-size: 20px;
  font-family: "AvenirBlack";
  margin: 0 0 10px;
  padding: 10px;
  background: #46b70d;
  color: #fff;
  width: auto;
}

.calenderView .calendar_wrapper .example-container .mat-checkbox {
  display: inline-block;
  width: auto;
  margin-right: 12px;
}

.calenderView .calendar_wrapper .example-container .mat-checkbox:last-child {
  margin-right: 0 !important;
}

.w-timepicker-dialog {
  margin: 0 !important;
  width: auto !important;
}

.w-time .w-timepicker-time-container.mat-toolbar-single-row {
  background: #16995d;
}

.w-clock-wrapper .w-clock {
  padding: 14px !important;
}

.w-clock .w-clock-container .mat-mini-fab.mat-primary,
.w-clock .w-clock-container .w-pointer {
  background-color: var(--button-color2) !important;
}

.job_reprt_wrapper .job_reprt_action {
  padding: 10px;
  height: auto;
}

.job_reprt_wrapper .job_reprt_action button {
  background: var(--button-color2);
  margin-right: 10px;
  box-shadow: none;
  font-family: "AvenirMedium";
}

.job_reprt_wrapper .job_seeker_details {
  background: #fff;
  margin-bottom: 16px;
}

.job_reprt_wrapper .job_seeker_details .mat-card-header {
  font-family: "AvenirMedium";
}

.job_reprt_wrapper .job_seeker_details .report_desc p p {
  margin: 6px 0;
}

.job_reprt_wrapper .job_reprt_action button:last-child {
  margin-right: 0;
  background: var(--button-color1);
}

.job_reprt_wrapper .report_image_w {
  height: auto;
  padding: 0;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.job_reprt_wrapper .itm .count_n {
  font-size: 18px;
  font-family: "AvenirMedium";
  color: #1dbce9;
  margin: 0 0 10px;
}

.job_reprt_wrapper .itm .report_image_w .image_items {
  width: 19%;
  margin: 0.5%;
  position: relative;
  height: 180px;
  box-sizing: border-box;
  box-shadow: 1px 1px 5px #d6d6d6;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border: 1px solid #808282;
  flex-grow: 1;
}

.report_action_wrapper {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  transition: ease-in 2ms;
  top: 0;
  left: 0;
}

.job_reprt_wrapper
  .itm
  .report_image_w
  .image_items:hover
  .report_action_wrapper {
  display: flex;
}

.report_action_wrapper button:hover {
  color: var(--button-color2);
  border: 1px solid var(--button-color2);
}

.report_action_wrapper button {
  background: transparent;
  border: 1px solid #fff;
  margin-right: 10px;
  color: #d0d0d0;
  text-transform: uppercase;
  font-family: "AvenirMedium";
  width: 120px;
  line-height: inherit;
  transition: ease-in 2ms;
}

.report_action_wrapper button:last-child {
  margin: 0;
}

.job_reprt_wrapper .itm .report_image_w .image_items img {
  max-width: 100%;
  vertical-align: middle;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.job_modal_wr .content_jobview img {
  max-width: 100%;
}

.jobViewModal .mat-dialog-container {
  max-height: 90vh !important;
  height: auto !important;
}

.tolTip {
  display: flex;
  flex-direction: column;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  margin-top: 5px;
}

.tolTip a {
  padding: 0;
  line-height: inherit;
  background: transparent;
  box-shadow: none !important;
  min-width: inherit;
}

.tolTip a.toggle_btn {
  color: #313131;
}

.tolTip a.toggle_btn .material-icons {
  font-size: 22px;
  color: #d83b28;
}

.admin_superbillsection .container_wrapper .tolTip a.toggle_btn .material-icons,
.superbillerContainer .tolTip a.toggle_btn .material-icons {
  font-size: 22px;
  color: #fff;
}

.tooltip_bg {
  background: #fff !important;
  color: #000 !important;
  font-size: 14px !important;
  position: relative;
  font-family: "AvenirMedium" !important;
  opacity: 1 !important;
  border: 1px solid #b1afaf;
}

.maindialognew {
  position: relative;
}

.maindialognew .close-btn-modal {
  float: none !important;
  color: #fff;
  position: absolute;
  right: 4px;
  cursor: pointer;
  top: 7px;
  background: var(--button-color3);
  padding: 2px;
}

.notes-modal {
  width: 700px;
}

.notes-modal .maindialognew .mat-dialog-content .mat-subheader {
  line-height: inherit;
  text-align: center;
  margin: 0;
  display: block;
  background: linear-gradient(45deg, #405de6, #833ab4, #e860ad);
  color: #fff;
  /* padding: 10px 6px; */
  font-family: "AvenirBlack";
  text-transform: uppercase;
  font-size: 19px !important;
}

.notes-modal .maindialognew .dialoghead .mat-dialog-content {
  padding: 0 !important;
}

.notes-modal .maindialognew .close-btn-modal {
  top: 28px;
  right: 3%;
}

.notes-modal
  .maindialognew
  .dialoghead
  .mat-dialog-content
  .ng-star-inserted
  textarea {
  width: 100%;
  border: 1px solid #bbb;
  box-shadow: none;
  margin: 20px 0 14px;
  padding: 10px;
  box-sizing: border-box;
  resize: none;
}

.notes-modal
  .maindialognew
  .dialoghead
  .mat-dialog-content
  .ng-star-inserted
  button {
  background: #ff003b;
  color: #fff;
  display: flex;
  margin-left: auto;
}

.notes-modal
  .maindialognew
  .dialoghead
  .mat-dialog-content
  .mat-list-base
  .mat-list-item
  .mat-list-item-content {
  padding: 0;
  align-items: flex-start;
}

.notes-modal
  .maindialognew
  .dialoghead
  .mat-dialog-content
  .mat-list-base
  .mat-list-item
  .mat-line {
  font-size: 15px;
  font-family: "AvenirMedium";
  word-break: break-word;
  white-space: normal;
  color: #1d1f1e;
}

.notes-modal
  .maindialognew
  .dialoghead
  .mat-dialog-content
  .mat-list-base
  .mat-list-item
  .line-user,
.notes-modal
  .maindialognew
  .dialoghead
  .mat-dialog-content
  .mat-list-base
  .mat-list-item
  .line-datetime {
  font-size: 14px;
  font-family: "AvenirMedium";
  color: #7f8280;
  padding: 4px 0;
}

.notes-modal .maindialognew .dialoghead .mat-list .mat-list-item {
  height: auto;
  padding: 10px;
  width: 95% !important;
  margin: 0 auto;
  /* padding-bottom: 14px !important; */
  margin-bottom: 5px !important;
  background: #dddede !important;
  border-radius: 9px;
  margin-top: 8px !important;
}

/* .notes-modal .maindialognew .dialoghead .mat-list .mat-list-item:first-child{
        margin-top: 11px !important;
    } */

.notes-modal .maindialognew .dialoghead mat-divider {
  display: none !important;
}

.notes-modal .textareanotewrapper {
  text-align: center;
  padding: 0px 9px !important;
}

.notes-modal .textareanotewrapper:focus {
  display: none !important;
}

.notes-modal .maindialognew .dialoghead .mat-list {
  padding-top: inherit !important;
}

.notes-modal
  .maindialognew
  .dialoghead
  .mat-dialog-content
  .mat-list-base
  .mat-list-item
  .mat-list-item-content
  .material-icons {
  color: #f7032d;
}

.bulkupload-dialog .mat-dialog-container .admin_wrapper {
  width: 100%;
  margin: auto;
  padding: 0 !important;
}

.bulkupload-dialog .mat-dialog-container .admin_wrapper .add_form {
  border: none;
}

.bulkupload-dialog .mat-dialog-container .admin_wrapper .title_wrapper {
  background: #6bd010;
  font-size: 20px;
  padding: 12px;
  color: #f9f6f6;
}

.bulkupload-dialog .mat-dialog-container .admin_wrapper .example-form label {
  font-size: 18px;
  font-family: "AvenirMedium";
  color: #0e0d0d;
}

.bulkupload-dialog .admin_wrapper .add_form .submit_form button {
  font-size: 14px;
  padding: 0 12px;
  min-width: 90px;
}

.bulkupload-dialog .admin_wrapper .add_form .submit_form button:nth-child(2) {
  background: #2f3638;
}

.bulkupload-dialog .admin_wrapper .add_form .submit_form button:last-child {
  background: #60c306;
}

.bulkupload-dialog .admin_wrapper .add_form .submit_form .resetBtn {
  background: #0a9648;
}

.training_management .form2_wrapper .searchblockwrapper .mat-toolbar {
  background: var(--button-color2);
  margin-bottom: 16px;
}

.training_management .form2_wrapper .searchblockwrapper .buttonsetToolbar {
  background: #daf0f7;
  margin: 12px 0;
  text-align: right;
  height: auto;
  padding: 10px;
}

.training_management .form2_wrapper .searchblockwrapper .singleButton {
  background: var(--button-color3);
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  margin: 0;
  float: none;
  margin-right: 10px;
}

.training_management
  .form2_wrapper
  .searchblockwrapper
  .singleButton:last-child {
  background: var(--button-color1);
  margin: 0;
}

.training_management
  .form2_wrapper
  .searchblockwrapper
  .mat-toolbar
  .headerSpan {
  color: #fff;
  font-size: 30px;
  font-family: "AvenirMedium";
}

.training_management .form2_wrapper .searchbar {
  display: flex;
  align-items: center;
}

.training_management .form2_wrapper .searchbar .submitbtn {
  font-family: "AvenirMedium";
  background: var(--button-color2);
  margin-right: 10px;
  min-width: 120px;
  text-transform: uppercase;
  box-shadow: none;
}

.training_management .form2_wrapper .searchbar .submitbtn:first-child {
  background: var(--button-color1);
}

.training_management .form2_wrapper .searchbar .submitbtn:last-child {
  background: var(--button-color5);
  margin: 0;
}

.training_management .form2_wrapper .searchblockwrapper span .countSection {
  background: #fff !important;
  box-shadow: 0 2px 4px 0 #b3b3b3;
  margin: 5px;
  border: none !important;
  padding: 10px !important;
}

.training_management .form2_wrapper .searchblockwrapper span .countSection h2 {
  flex: initial !important;
  border-radius: 0;
  border-bottom-left-radius: 20px;
  color: #fff;
  font-size: 20px;
  font-family: "AvenirMedium";
  padding: 6px;
  display: flex;
  min-width: 35px;
  min-height: 35px;
  align-items: center;
  justify-content: center;
  margin-right: 6px;
  box-shadow: 0 2px 3px 0 #fff;
  background: #00c7ff;
  border: 2px solid #08b8ea;
  word-break: break-all;
  line-height: 18px;
}

.training_management .form2_wrapper .searchblockwrapper span {
  font-family: "AvenirMedium";
}

.training_management .form2_wrapper .searchbar .mat-form-field {
  font-size: 14px;
  width: 32%;
  margin: 0 0.5% !important;
}

.list-lesson .form2_wrapper .searchbar .mat-form-field {
  font-size: 14px;
  width: 24%;
  margin: 0 0.5% !important;
}

.training_management .form2_wrapper .mat-elevation-z8 .mat-table {
  font-family: "AvenirMedium";
}

.training_management .form2_wrapper .mat-elevation-z8 .mat-table th,
.training_management .form2_wrapper .mat-elevation-z8 .mat-table td {
  width: auto;
}

.training_management .form2_wrapper .mat-elevation-z8 .mat-table .buttons_ro {
  display: flex;
}

.training_management
  .form2_wrapper
  .mat-elevation-z8
  .mat-table
  .buttons_ro
  .pointer {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2px;
  color: #fff;
  padding: 2px 3px;
  border-radius: 2px;
}

.training_management .form2_wrapper .multipledeleteandupdatebuttan {
  display: flex;
  margin-bottom: 16px;
}

.training_management
  .form2_wrapper
  .mat-elevation-z8
  .mat-table
  .buttons_ro
  .pointer:nth-child(1) {
  background: var(--button-color2);
}

.training_management
  .form2_wrapper
  .mat-elevation-z8
  .mat-table
  .buttons_ro
  .pointer:nth-child(2) {
  background: #ff5370;
}

.training_management
  .form2_wrapper
  .mat-elevation-z8
  .mat-table
  .buttons_ro
  .pointer:nth-child(3) {
  background: var(--button-color1);
}

.training_management
  .form2_wrapper
  .mat-elevation-z8
  .mat-table
  .buttons_ro
  .pointer:nth-child(4) {
  background: var(--button-color3);
}

.training_management .form2_wrapper .mat-elevation-z8 .mat-paginator-container {
  justify-content: center;
}

.addedit_management .form2_wrapper .searchblock .searchblockwrapper .header {
  font-family: "AvenirBlack";
  font-size: 26px;
  background: var(--button-color2);
  padding: 10px;
  text-align: center;
  margin: 0;
  color: #fff;
  text-transform: uppercase;
}

.addedit_management .form2_wrapper .formclass .mat-form-field-flex {
  padding: 0 8px 8px;
  background: #fff;
  border-left: 2px solid var(--button-color2);
}

.addedit_management .form2_wrapper .formclass textarea {
  min-height: 110px;
  resize: none !important;
}

.addedit_management .form2_wrapper .formclass {
  justify-content: center;
}

.addedit_management .form2_wrapper .formclass .trainingsubbtn {
  font-family: "AvenirMedium";
  background: var(--button-color2);
  margin-right: 10px;
  min-width: 120px;
  text-transform: uppercase;
  box-shadow: none;
}

.addedit_management .form2_wrapper .formclass .trainingsubbtn:last-child {
  background: var(--button-color5);
  margin: 0;
}

.addedit_management .form2_wrapper .formclass .checkboxnew mat-label {
  font-family: "AvenirMedium";
  font-size: 18px;
  color: #671717;
  padding: 0;
  display: inline-block;
  margin-bottom: 6px;
}

.quiz_addedit_management .form2_wrapper .mat-card {
  background: #f3f3f3;
}

.quiz_addedit_management
  .form2_wrapper
  .searchblock
  .searchblockwrapper
  .mat-toolbar {
  background: var(--button-color2);
  margin-bottom: 20px;
}

.quiz_addedit_management
  .form2_wrapper
  .searchblock
  .searchblockwrapper
  .mat-toolbar
  .headerSpan {
  font-family: "AvenirBlack";
  margin: 0;
  color: #fff;
  text-transform: uppercase;
  font-size: 30px;
}

.quiz_addedit_management .form2_wrapper .example-form .mat-form-field-flex {
  padding: 0 8px 8px;
  background: #fff;
  border-left: 2px solid var(--button-color2);
}

.quiz_addedit_management .form2_wrapper .example-form .trainingsubbtn {
  font-family: "AvenirMedium";
  background: var(--button-color2);
  min-width: 120px;
  text-transform: uppercase;
  box-shadow: none;
  margin-top: 10px;
}

.quiz_addedit_management .form2_wrapper .example-form .cke_1 {
  margin-bottom: 16px;
}

.Addjobticket .form .form_field_wrapper .mat-form-field-flex {
  padding: 0 8px 8px;
  background: #fff;
  border-left: 2px solid var(--button-color2);
}

.Addjobticket .form .form_field_wrapper .form_field_screenshots {
  padding: 0 8px 8px;
  background: #fff;
  border: 2px dashed var(--button-color2);
  margin-bottom: 16px;
}

.Addjobticket .form .form_field_wrapper .form_field_screenshots mat-label {
  font-family: "AvenirMedium";
  font-size: 18px;
  padding-top: 16px;
  display: block;
}

.Addjobticket .form .form_field_wrapper .form_field_screenshots .drop {
  justify-content: center;
  background: var(--button-color2);
  text-align: center;
}

.Addjobticket .form .form_field_wrapper .form_field_screenshots .filesid {
  width: 100%;
  box-sizing: border-box;
}

.Addjobticket .form .form_field_wrapper .form_field_screenshots .filesid br {
  display: none;
}

.Addjobticket .form .form_field_wrapper .form_field_screenshots h1 {
  background: #f1f1f1;
  padding: 10px;
  font-size: 20px;
  font-family: "AvenirBlack";
}

.Addjobticket
  .form
  .form_field_wrapper
  .form_field_screenshots
  .filecontainerdiv {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #fff;
  border: 1px solid #aaa;
  margin: 0.5%;
  padding: 5px 10px;
  box-sizing: border-box;
  width: 99%;
}

.Addjobticket
  .form
  .form_field_wrapper
  .form_field_screenshots
  .filecontainerdiv
  .filesdivcls {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
}

.Addjobticket
  .form
  .form_field_wrapper
  .form_field_screenshots
  .filecontainerdiv
  .filesdivcls
  .actionbtndiv {
  position: absolute;
  right: 10px;
}

.Addjobticket
  .form
  .form_field_wrapper
  .form_field_screenshots
  .filecontainerdiv
  .filesdivcls
  .filenamecls {
  margin-left: 36px;
  align-items: center;
  justify-content: space-between;
  width: 50%;
  display: flex;
}

.Addjobticket
  .form
  .form_field_wrapper
  .form_field_screenshots
  .filecontainerdiv
  .material-icons {
  color: var(--button-color2);
  font-size: 32px;
}

.Addjobticket
  .form
  .form_field_wrapper
  .form_field_screenshots
  .filecontainerdiv
  .fileuploadednameclass {
  font-family: "AvenirMedium";
  font-size: 18px;
  color: #252424;
  margin: 0 10px;
}

.Addjobticket
  .form
  .form_field_wrapper
  .form_field_screenshots
  .filecontainerdiv
  .fileuploadedtypeclass {
  font-family: "AvenirMedium";
  font-size: 16px;
  color: var(--button-color5);
  text-transform: capitalize;
}

.Addjobticket
  .form
  .form_field_wrapper
  .form_field_screenshots
  .filecontainerdiv
  .fileuploadbutton {
  font-family: "AvenirMedium";
  font-size: 18px;
  color: #fff;
  cursor: pointer;
  background: var(--button-color1);
  min-width: 68px;
  line-height: 33px;
  padding: 5px 16px;
  border-radius: 4px;
}

.Addjobticket
  .form
  .form_field_wrapper
  .form_field_screenshots
  .filecontainerdiv
  .deletesinglefilecls {
  font-family: "AvenirMedium";
  font-size: 18px;
  color: #fff;
  cursor: pointer;
  background: var(--button-color1);
  min-width: 68px;
  line-height: 33px;
  padding: 5px 16px;
  border-radius: 4px;
  margin-left: 10px;
}

.actionbtndiv2 {
  display: flex;
  margin-top: 5px;
}

.actionbtndiv2 .mat-chip.mat-standard-chip {
  font-family: "AvenirMedium";
  font-size: 18px;
  color: #fff;
  background: var(--button-color3);
  padding: 5px 16px;
  border-radius: 4px;
  cursor: pointer;
}

.actionbtndiv2 .mat-chip.mat-standard-chip:last-child {
  background: var(--button-color3);
  margin-left: 10px;
}

.Addjobticket .form .form-element {
  margin-top: 10px;
}

.Addjobticket .form .form-element button {
  font-family: "AvenirMedium";
  margin-right: 14px;
  background: var(--button-color3);
  min-width: 120px;
  text-transform: uppercase;
}

.Addjobticket .form .form-element button:first-child {
  background: var(--button-color2);
}

.Addjobticket .form .form-element button:last-child {
  background: var(--button-color1);
  margin-right: 0;
}

.jobTickets_details .viewjobticketmaincls {
  display: flex !important;
  justify-content: space-between;
  background: var(--button-color2) !important;
}

.jobTickets_details .viewjobticketmaincls .jobticketidcls {
  margin: 0;
  display: flex;
  align-items: center;
  color: #e2f9ff;
  font-family: "AvenirBlack";
}

.jobTickets_details .viewjobticketmaincls .jobticketidcls h2 {
  font-size: 18px;
}

.jobTickets_details .viewjobticketmaincls .jobticketidcls h2 span {
  font-size: 16px;
  color: #fff;
}

.jobTickets_details .resolvebtn .resolvesection {
  display: flex;
  min-width: 130px;
  background: #fff;
  padding: 12px;
  box-shadow: 0 2px 4px #676666;
  border-radius: 4px;
  font-family: "AvenirBlack";
}

.jobTickets_details .resolvebtn .resolvesection mat-label {
  min-width: max-content;
}

.jobTickets_details .inner_wrapper_data {
  display: flex !important;
  justify-content: space-between;
}

.jobTickets_details .inner_wrapper_data .leftsection {
  background: #f3f3f3;
  padding: 8px;
  margin-bottom: 0;
  width: 360px;
  margin-right: 16px;
  border: 1px solid #dc0000;
}

.jobTickets_details .inner_wrapper_data .leftsection .listblockHeader {
  background: var(--button-color2);
  height: inherit;
  padding: 6px;
  justify-content: space-between;
  font-family: "AvenirMedium";
  color: #e2f9ff;
  font-size: 16px;
  margin-bottom: 6px;
}

.jobTickets_details .inner_wrapper_data .leftsection .listblockHeader .nacls {
  font-family: "AvenirBlack";
  color: #fff;
}

.jobTickets_details .inner_wrapper_data .leftsection .listblockcontent {
  display: flex;
  background: #fff;
  padding: 4px;
  box-sizing: border-box;
  box-shadow: 0 2px 3px #827c7c;
}

.jobTickets_details
  .inner_wrapper_data
  .leftsection
  .listblockcontent
  .image_w {
  width: 100px;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #ccc;
  margin-right: 4px;
}

.jobTickets_details
  .inner_wrapper_data
  .leftsection
  .listblockcontent
  .image_w
  img {
  max-width: 100%;
  height: auto;
}

.jobTickets_details
  .inner_wrapper_data
  .leftsection
  .listblockcontent
  .content_w
  mat-label {
  font-size: 14px;
  font-family: "AvenirBlack";
  display: block;
  color: var(--button-color2);
}

.jobTickets_details
  .inner_wrapper_data
  .leftsection
  .listblockcontent
  .content_w
  span {
  font-size: 14px;
  font-family: "AvenirMedium";
  color: #484848;
}

.jobTickets_details
  .inner_wrapper_data
  .leftsection
  .listblockcontent
  .content_w {
  width: 100%;
}

.jobTickets_details
  .inner_wrapper_data
  .leftsection
  .listblockcontent
  .content_w
  .list {
  margin-top: 0;
  margin-bottom: 6px;
}

.jobTickets_details
  .inner_wrapper_data
  .leftsection
  .listblockcontent
  .content_w
  .list:last-child {
  margin-bottom: 0;
}

.jobTickets_details .inner_wrapper_data .rightsection {
  background: #f3f3f3;
  padding: 8px;
  width: 100%;
  border: 1px solid #dc0000;
}

.jobTickets_details .inner_wrapper_data .rightsection .issuerelatedtoblock {
  background: var(--button-color2);
  height: inherit;
  padding: 16px 6px;
  justify-content: space-between;
  font-family: "AvenirMedium";
  color: #e2f9ff;
  font-size: 16px;
  margin-bottom: 0;
}

.jobTickets_details
  .inner_wrapper_data
  .rightsection
  .issuerelatedtoblock
  mat-label {
  font-family: "AvenirBlack";
}

.jobTickets_details
  .inner_wrapper_data
  .rightsection
  .issuerelatedtoblock
  span {
  color: #fff;
}

.jobTickets_details .inner_wrapper_data .rightsection .messageBLK {
  background: #fff;
  padding: 10px 8px;
}

.jobTickets_details .inner_wrapper_data .rightsection .messageBLK .imglists {
  display: flex;
  padding: 0;
  justify-content: center;
  flex-wrap: wrap;
}

.jobTickets_details
  .inner_wrapper_data
  .rightsection
  .messageBLK
  .imglists
  .mat-list-item {
  height: auto;
  margin: 1%;
  width: 23%;
  border: 2px solid #9e9e9e;
  background: #b7b7b7;
  box-shadow: 0 2px 4px 0 #adacac;
}

.jobTickets_details
  .inner_wrapper_data
  .rightsection
  .messageBLK
  .imglists
  .mat-list-item
  .mat-list-item-content {
  padding: 0 !important;
}

.jobTickets_details
  .inner_wrapper_data
  .rightsection
  .messageBLK
  .imglists
  .mat-list-item
  img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.jobTickets_details
  .inner_wrapper_data
  .rightsection
  .messageBLK
  .buttonwrapper {
  background: transparent;
  justify-content: flex-end;
  padding: 0;
}

.jobTickets_details .inner_wrapper_data .rightsection .messageBLK .labeltitle {
  font-size: 18px;
  font-family: "AvenirBlack";
  color: #5d5959;
}

.jobTickets_details .inner_wrapper_data .rightsection .messageBLK .bluetxt {
  color: #5d5959;
  font-size: 16px;
  font-family: "AvenirMedium";
}

.jobTickets_details
  .inner_wrapper_data
  .rightsection
  .messageBLK
  .buttonwrapper
  .bluebuttoncls {
  background: var(--button-color3);
  color: #fff;
  font-family: "AvenirMedium";
  text-transform: uppercase;
  min-width: 100px;
  border-radius: 25px;
}

.uploadblockbottom .lib_upload_form .form-element mat-label {
  font-size: 20px;
  font-family: "AvenirBlack";
  color: #fff;
  padding: 10px;
  margin: 14px 0;
  display: block;
  background: var(--button-color2);
}

.uploadblockbottom .lib_upload_form .aligner .drop {
  height: 150px;
  width: 150px;
  border-radius: 100px;
  color: #fff;
  background-color: var(--button-color5);
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  font-family: "AvenirMedium";
}

.uploadblockbottom .lib_upload_form .form-element button {
  font-family: "AvenirMedium";
  background: var(--button-color2);
  margin-right: 10px;
}

.uploadblockbottom .lib_upload_form .form-element button:nth-child(2) {
  background: var(--button-color5);
}

.uploadblockbottom .lib_upload_form .form-element button:last-child {
  background: var(--button-color1);
  margin-right: 0;
}

.blog_managementbody .tablewrapper table td .custombutton0 button {
  line-height: inherit;
  padding: 4px 10px;
  font-family: "AvenirMedium";
  background: var(--button-color3);
  margin-bottom: 4px;
}

.uploadblockbottom .lib_upload_form .form-element .aligner .filesid {
  width: 100%;
}

.uploadblockbottom .lib_upload_form .form-element .aligner h1 {
  font-family: "AvenirMedium";
  color: var(--button-color2);
  font-size: 18px;
}

.uploadblockbottom .lib_upload_form .form-element .aligner .filecontainerdiv {
  display: grid;
  grid-template-columns: 50px auto auto 75px;
  color: #4c4c4c;
  font-family: "AvenirMedium";
  border-bottom: 1px solid #bfbbbb;
  padding-bottom: 10px;
}

.uploadblockbottom
  .lib_upload_form
  .form-element
  .aligner
  .filecontainerdiv
  br {
  display: none;
}

.uploadblockbottom
  .lib_upload_form
  .form-element
  .aligner
  .filecontainerdiv
  .actionbtndiv {
  text-align: center;
}

.uploadblockbottom
  .lib_upload_form
  .form-element
  .aligner
  .filecontainerdiv
  .actionbtndiv
  .fileuploadbutton {
  font-family: "AvenirMedium";
  background: var(--button-color2);
  color: #fff;
  padding: 4px 12px;
  border-radius: 4px;
}

.uploadblockbottom
  .lib_upload_form
  .form-element
  .aligner
  .filecontainerdiv
  .material-icons {
  color: var(--button-color2);
}

.uploadblockbottom .lib_upload_form .form-element .aligner .actionbtndiv2 {
  display: flex;
  margin-bottom: 16px;
  justify-content: end;
}

.admin_wrapper .add_form .form_wrapper .locationbtn {
  background: var(--button-color5);
  color: #fff;
  font-family: "AvenirMedium";
  margin: 0 0.5%;
  display: block;
}

.admin_wrapper .add_form .form_wrapper .practicecontainer {
  padding: 0;
  display: flex;
  justify-content: center;
  margin: 16px 0;
  flex-wrap: wrap;
  background: url(../images/location_map.png) no-repeat;
  background-size: cover;
}

.admin_wrapper .add_form .form_wrapper .practicecontainer .practiceitem {
  background: #f5f5f5;
  padding: 10px;
  box-sizing: border-box;
  margin: 0.5%;
  display: flex;
  flex-direction: column;
  width: 49%;
  box-shadow: 0 1px 2px 1px #b7b7b7;
  background-color: rgba(0, 0, 0, 0.7);
  position: relative;
}

.admin_wrapper
  .add_form
  .form_wrapper
  .practicecontainer
  .practiceitem
  .practiceTags {
  display: flex;
  margin: 8px 0;
}

.admin_wrapper
  .add_form
  .form_wrapper
  .practicecontainer
  .practiceitem
  .practiceTags
  mat-label {
  font-family: "AvenirMedium";
  font-size: 18px;
  display: block;
  min-width: 140px;
  color: #fbff00;
}

.admin_wrapper
  .add_form
  .form_wrapper
  .practicecontainer
  .practiceitem
  .practiceTags
  span {
  font-family: "AvenirMedium";
  font-size: 16px;
  color: #fff;
}

.admin_wrapper
  .add_form
  .form_wrapper
  .practicecontainer
  .practiceitem
  .actionButton {
  display: flex;
  justify-content: flex-end;
  margin-top: auto;
}

.admin_wrapper
  .add_form
  .form_wrapper
  .practicecontainer
  .practiceitem
  .actionButton
  button {
  background: rgba(0, 0, 0, 0.3);
  color: #ffe002;
  font-family: "AvenirMedium";
  font-size: 12px;
  text-transform: uppercase;
  margin-right: 10px;
}

.admin_wrapper
  .add_form
  .form_wrapper
  .practicecontainer
  .practiceitem
  .actionButton
  button:last-child {
  margin: 0;
}

.imagemodal .add_form {
  padding: 0 !important;
}

.imagemodal .add_form .submit_form button:last-child {
  margin-left: 10px;
}

.rule_component_wrapper {
  background: #fff;
  padding: 16px 8px;
}

.rule_component_wrapper .rule_top_part {
  display: flex;
  flex-wrap: wrap;
}

.rule_component_wrapper .rule_top_part .mat-form-field {
  width: 49%;
  flex-grow: 1;
  margin: 0 0.5%;
}

.rule_component_wrapper .rule_top_part .mat-form-field textarea {
  min-height: 90px;
  resize: none;
}

.l_rule {
  font-family: "AvenirMedium";
  color: #000;
  text-transform: capitalize;
  font-size: 20px !important;
  border-bottom: 1px solid #9c9c9c;
  padding: 8px;
  background: #fdea47;
}

.l_sub_rule {
  font-size: 16px;
  margin: 0;
  font-family: "AvenirMedium";
  color: #04b0ff;
}

.fromClass {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}

.fromClass1 {
  display: inline-flex;
  width: 100%;
  align-items: baseline;
}

.fromClass .mat-form-field,
.fromClass1 .mat-form-field {
  width: 46%;
  margin: 0.5%;
  flex-grow: 1;
}

.rule_component_wrapper .mat-form-field .mat-form-field-flex {
  background: #eaeaea;
  padding: 0 6px 6px;
}

.rule_component_wrapper .mat-form-field .mat-form-field-suffix span {
  color: var(--button-color3);
}

.ad_dlt_icon {
  cursor: pointer;
}

.rule_component_wrapper
  .mat-form-field
  .mat-form-field-suffix
  span
  i:nth-child(1),
.ad_dlt_icon i:nth-child(1) {
  color: var(--button-color3);
}

.rule_component_wrapper
  .mat-form-field
  .mat-form-field-suffix
  span
  i:nth-child(2),
.ad_dlt_icon i:nth-child(2) {
  color: var(--button-color5);
}

.rule_component_wrapper .submitBtn {
  min-width: 120px;
  font-family: "AvenirMedium";
  background: var(--button-color3) !important;
  text-transform: uppercase;
  color: #fff !important;
}

.rule_component_wrapper .status_para {
  margin-top: 0;
}

.rule_component_wrapper .status_para mat-label {
  font-family: "AvenirMedium";
  margin-right: 6px;
}

.ChooseBiller_wrapper {
  margin-bottom: 0 !important;
}

.ChooseBiller_wrapper .Title {
  background: var(--button-color2);
  padding: 14px;
  font-family: "AvenirMedium";
  font-size: 20px;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
}

.ChooseBiller_wrapper .inner_body .action_button {
  justify-content: flex-end;
  padding: 0;
  background: transparent;
  height: inherit;
}

.ChooseBiller_wrapper .inner_body .action_button button {
  background: var(--button-color1);
  font-family: "AvenirMedium";
  margin-right: 6px;
  color: #fff;
  border-radius: 0;
  min-width: 100px;
  text-transform: uppercase;
}

.ChooseBiller_wrapper .inner_body .action_button button:last-child {
  margin-right: 0;
  background: var(--button-color3);
}

.addeditadditionaltest .example-form .mat-typography {
  padding: 0;
  margin-top: 16px;
}

.tech_new_bulk_upload .form_field_upload_file mat-label {
  font-family: "AvenirMedium";
  color: var(--button-color5);
}

.tech_new_bulk_upload .form_field_upload_file .aligner .drop {
  background-color: var(--button-color2);
  justify-content: center;
  white-space: normal;
  word-break: break-word;
  padding: 16px;
  text-align: center;
  font-size: 24px;
  margin-bottom: 20px;
}

.tech_new_bulk_upload .mat-form-field-flex {
  background: #efefef;
  padding: 0 10px 8px;
  box-sizing: border-box;
}

.tech_new_bulk_upload .form-element button {
  background: var(--button-color2);
  color: #fff;
  font-family: "AvenirMedium";
  text-transform: capitalize;
  box-shadow: none;
  margin-right: 14px;
}

.tech_new_bulk_upload .form-element button:nth-child(2) {
  background: var(--button-color1);
}

.tech_new_bulk_upload .form-element button:nth-child(3) {
  background: var(--button-color5);
  margin: 0;
}

.tech_new_bulk_upload .filesid {
  width: 100%;
}

.tech_new_bulk_upload .filesid h1 {
  margin: 0 0 24px;
  background: var(--button-color3);
  padding: 10px;
  color: #fff;
  font-family: "AvenirMedium";
  font-size: 24px;
}

.tech_new_bulk_upload .filesid br {
  display: none;
}

.tech_new_bulk_upload .filesid .filecontainerdiv {
  box-shadow: 0 1px 5px #989898;
  box-sizing: border-box;
  padding: 10px;
  align-items: center;
  margin-bottom: 0;
  font-family: "AvenirMedium";
  display: table;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 16px;
  position: relative;
  display: flex;
}

.tech_new_bulk_upload .filesid .filecontainerdiv .filesdivcls {
  width: 58%;
  display: flex;
  align-items: center;
}

.tech_new_bulk_upload .filesid .filecontainerdiv .filesdivcls .filenamecls {
  width: 92%;
  display: flex;
  justify-content: space-between;
}

.tech_new_bulk_upload .filesid .filecontainerdiv .filesdivcls .filesdivcls {
  width: 58%;
  display: flex;
  align-items: center;
}

.tech_new_bulk_upload .filesid .filecontainerdiv .fileuploadednameclass {
  width: 68%;
  display: table-cell;
  padding: 0 10px;
  vertical-align: middle;
}

.tech_new_bulk_upload .filesid .filecontainerdiv .material-icons {
  color: var(--button-color2);
  display: table-cell;
  vertical-align: middle;
}

.tech_new_bulk_upload .filesid .filecontainerdiv .fileuploadedtypeclass {
  display: table-cell;
  vertical-align: middle;
  min-width: 125px;
  color: var(--button-color5);
  font-family: "AvenirBlack";
  text-transform: capitalize;
}

.tech_new_bulk_upload .filesid .filecontainerdiv .actionbtndiv {
  display: table-cell;
  vertical-align: middle;
  position: absolute;
  right: 2%;
}

.tech_new_bulk_upload .filesid .filecontainerdiv .actionbtndiv .mat-chip {
  background: var(--button-color3);
  padding: 8px 16px;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  margin-right: 10px;
}

.tech_new_bulk_upload .filesid .actionbtndiv2 {
  display: flex;
  margin-bottom: 16px;
}

.tech_new_bulk_upload .filesid .actionbtndiv2 .deleteallfile {
  background: var(--button-color5);
}

.tech_search_wrapper {
  background: #fff;
  margin: 0 5px 16px;
  padding: 15px 12px 0 10px;
  box-sizing: border-box;
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}

.tech_search_wrapper .form-wrapper {
  width: 100%;
}

.tech_search_wrapper .form-wrapper .filter-box {
  width: 49%;
  margin: 0 0.5%;
}

.tech_search_wrapper .form-wrapper .filter-box .mat-form-field-flex {
  display: inline-flex;
  align-items: baseline;
  box-sizing: border-box;
  width: 100%;
  border: 0.5px solid #bdbdbd;
  border-radius: 2px 2px 0 0;
  padding: 0 10px 10px;
  background: #fff;
}

.tech_search_wrapper .tech_dashbaord_action {
  width: 245px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  margin-left: 10px;
}

.tech_search_wrapper .tech_dashbaord_action button {
  background: var(--button-color2);
  font-family: "AvenirMedium";
  color: #fff;
  width: 47%;
}

.tech_search_wrapper .tech_dashbaord_action button:last-child {
  background: var(--button-color5);
}

.manage_l_wr {
  background: var(--button-color2) !important;
  margin-bottom: 16px !important;
  justify-content: space-between;
}

.manage_l_wr .titles {
  color: #fff;
  font-family: "AvenirMedium";
  text-transform: uppercase;
  font-size: 26px;
}

.manage_l_wr .form_select .locationAddbtn {
  font-family: "AvenirBlack";
  color: var(--button-color2);
}

.manage_location_wraper {
  background: url(../images/location_map.png) no-repeat !important;
  background-size: cover !important;
}

.manage_location_wraper .manage_location {
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  padding: 4px;
  flex-wrap: wrap;
  justify-content: center;
}

.manage_location_wraper .manage_location .practiceitem {
  padding: 10px;
  box-sizing: border-box;
  margin: 0.5%;
  display: flex;
  flex-direction: column;
  width: 49%;
  box-shadow: 0 1px 2px 1px #5b5d04;
  position: relative;
  flex-grow: 1;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.5);
}

.manage_location_wraper .manage_location .practiceitem:last-child {
  margin-bottom: 0.5%;
}

.manage_location_wraper .manage_location .practiceitem .practiceTags {
  display: flex;
  margin: 8px 0;
}

.manage_location_wraper .manage_location .practiceitem .practiceTags mat-label {
  font-family: "AvenirMedium";
  font-size: 18px;
  display: block;
  min-width: 140px;
  color: #fbff00;
}

.manage_location_wraper .manage_location .practiceitem .practiceTags span {
  font-family: "AvenirMedium";
  font-size: 16px;
  color: #fff;
}

.manage_location_wraper .manage_location .practiceitem .actionButton {
  display: flex;
  justify-content: flex-end;
  margin-top: auto;
}

.manage_location_wraper .manage_location .practiceitem .actionButton button {
  background: rgba(0, 0, 0, 0.3);
  color: #ffe002;
  font-family: "AvenirMedium";
  font-size: 12px;
  text-transform: uppercase;
  margin-right: 10px;
}

.manage_location_wraper
  .manage_location
  .practiceitem
  .actionButton
  button:last-child {
  margin: 0;
}

.life_cycle h3 {
  font-family: "AvenirMedium";
  color: #fff;
  background: var(--button-color2);
  margin: 0;
  padding: 10px;
  text-align: center;
  font-size: 26px;
}

.life_cycle .mat-list .mat-list-item {
  font-family: "AvenirMedium";
  color: #4e4e4e;
}

.life_cycle .mat-list .mat-list-item .mat-list-item-content {
  padding: 0;
}

.life_cycle .mat-list .mat-list-item strong {
  font-family: "AvenirBlack";
  margin: 0 6px;
  color: #2f2f2f;
}

.DataTableuser .practice_details {
  display: none;
}

.tablewrapper .mat-column-Actions {
  max-width: 220px;
  min-width: 148px;
}

.maindialognew .add_form {
  padding: 10px !important;
}

.maindialognew button {
  font-family: "AvenirBlack";
  text-transform: uppercase;
  color: #fff !important;
  background: var(--button-color2);
  float: right;
  margin-left: 2px;
}

.maindialognew .mat-form-field {
  display: block !important;
  margin-top: 10px;
}

.viewsavebtn {
  background: var(--button-color3);
  font-family: "AvenirRoman" !important;
  font-size: 16px !important;
  color: #fff !important;
  text-transform: uppercase !important;
  width: auto !important;
  margin: 5px 0 10px !important;
  display: block !important;
  padding: 5px 15px 0 !important;
  text-align: center !important;
  cursor: pointer !important;
}

.viewsavedetail {
  display: block;
  background: #fff;
  padding: 10px;
  box-shadow: 0 2px 2px #c5c5c5;
  margin-bottom: 10px;
}

.viewsavedetail p {
  padding: 5px 0;
  margin: 0;
  line-height: 20px;
}

.viewsavedetail p b {
  color: #6fc4dc;
  display: inline-block;
  padding-right: 10px;
}

.viewsavedetail_group {
  border-bottom: solid 1px #c5c5c5;
  padding-bottom: 10px;
  display: block;
  padding-top: 10px;
}

.viewsavedetail_group:first-of-type {
  padding-top: 0;
}

.viewsavedetail_group:last-of-type {
  border: none;
  padding-bottom: 0;
}

.viewsavedetail button {
  font-family: "AvenirBlack";
  color: #fff !important;
  background: var(--button-color2);
  border: none;
  cursor: pointer;
  font-size: 18px;
  padding: 5px 10px;
}

.AddCPTTier {
  background: #26c6da !important;
  color: #fff !important;
  font-family: "AvenirMedium" !important;
  display: block !important;
  margin: 0 0 5px 0.5% !important;
}

.addCreds {
  background: #21e289 !important;
  color: #fff !important;
  font-family: "AvenirMedium" !important;
  display: block !important;
  margin: 6px 0 6px 0.5% !important;
  width: 30px;
  padding: 6px 0 0;
  text-align: center;
  cursor: pointer;
}

.removeCreds {
  background: #ff5370 !important;
  color: #fff !important;
  font-family: "AvenirMedium" !important;
  display: block !important;
  margin: 10px 0 6px !important;
  width: 30px;
  padding: 6px 0 0;
  text-align: center;
  cursor: pointer;
}

.cpt_tierslist {
  display: block;
  padding: 5px 0;
  margin: 5px 0.5%;
  border-bottom: solid 1px #f1f1f1;
}

.cpt_tierslistdiv {
  display: block;
  width: 19%;
  margin-right: 0.5%;
  float: left;
}

.cpt_tierslistdiv mat-label {
  display: block;
  margin-bottom: 4px;
}

.cpt_tierslistdiv input {
  border-radius: 4px 4px 0 0;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-bottom: solid 1px #949494;
  padding: 15px 10px;
  width: 100%;
}

.cpt_tierslistdiv2 {
  width: 41%;
}

.cpt_tierslistdiv2 input {
  width: 45%;
}

.cpt_tierslistdiv2 strong {
  display: inline-block;
  text-align: center;
  width: 10%;
  font-weight: 400;
}

.DataTable table td.mat-cell p strong {
  color: var(--button-color2);
}

.DataTableadmin .parent_type {
  display: none;
}

.DataTableadmin .parent_name {
  display: none;
}

.DataTableadmin .batch_name {
  display: none;
}

.DataTableadmin .location {
  display: none;
}

button {
  background: #4959e2 !important;
  border-radius: 9px !important;
  cursor: pointer !important;
}

.admin_wrapper .passbuttoncls {
  margin-bottom: 15px !important;
}

.mat-datepicker-toggle button {
  background: inherit !important;
}

.mat-calendar-header .mat-calendar-controls button {
  background: inherit !important;
}

.actionbuttonwrapperspan .cursor:first-child {
  background: #f56a71 !important;
  color: #fff !important;
  border-radius: 4px !important;
}

.actionbuttonwrapperspan .cursor:nth-child(2) {
  background: #7b3fbb !important;
  color: #fff !important;
  border-radius: 4px !important;
}

.actionbuttonwrapperspan .cursor:nth-child(3) {
  background: #3aa1b4 !important;
  color: #fff !important;
  border-radius: 4px !important;
}

.actionbuttonwrapperspan .cursor:nth-child(4) {
  background: #4959e2 !important;
  color: #fff !important;
  border-radius: 4px !important;
}

.searchbtncls .search_class .material-icons {
  background: #f56a71 !important;
  color: #fff !important;
}

.folder_view_arrowup {
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 999999;
  border: none;
  outline: none;
  background: #f56a71 !important;
  color: #fff !important;
  border-radius: 9px !important;
  cursor: pointer;
  padding: 5px 8px;
  border-radius: 0;
  font-size: 18px;
  opacity: 0;
  width: 33px;
  height: 33px;
  padding: 5px;
  transition: all 0.2s ease-in-out;
}

.show-scrollTop {
  opacity: 1;
  transition: all 0.2s ease-in-out;
}

.mat-snack-bar-container button {
  background: inherit !important;
}

.container .searchbar .search_class {
  margin-top: -13px;
}

.parent-bottom-class {
  padding: 0 !important;
}

.parent-bottom-class .bottom-sheet-header-toggle {
  background: linear-gradient(45deg, #405de6, #833ab4, #e860ad) !important;
  color: #fff !important;
  font-size: 21px !important;
  padding: 13px 8px !important;
}

.parent-bottom-class .navlist {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 5px;
  justify-content: center;
}

.parent-bottom-class .navlist a {
  height: 36px !important;
  color: #fff;
  font-family: "AvenirMedium";
  margin: 5px 5px inherit !important;
  text-align: center;
  border-radius: 9px;
  margin: 0 10px;
  width: 200px;
}

.parent-bottom-class .navlist a:first-child {
  background: #f56a71 !important;
}

.parent-bottom-class .navlist a:last-child {
  background: #3aa1b4 !important;
}

.custom-modalbox .mat-dialog-container {
  overflow: inherit !important;
}

.custom-modalbox .mat-dialog-container .maindialognew .close-btn-modal {
  cursor: pointer;
  position: absolute;
  right: -10px;
  top: -11px;
  z-index: 99;
  background: #4959e2 !important;
  color: #fff !important;
  border-radius: 50%;
}

.addusermodalpanelcls mat-card-title {
  line-height: inherit;
  text-align: center;
  margin: 0;
  display: block;
  background: linear-gradient(45deg, #405de6, #833ab4, #e860ad);
  color: #fff;
  padding: 10px 6px;
  font-family: "AvenirBlack";
  text-transform: uppercase;
  font-size: 22px;
}

.addusermodalpanelcls {
  padding: 0 !important;
}

.addusermodalbtnwrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  flex-wrap: wrap;
}

.addusermodalbtnwrapper button {
  width: 30%;
  padding: 9px;
  box-shadow: none !important;
  border: none !important;
  color: #fff;
  margin: 8px;
  font-weight: 700;
  font-size: 17px;
  cursor: pointer;
}

.addusermodalbtnwrapper button:nth-child(4n + 1) {
  background: #f56a71 !important;
}

.addusermodalbtnwrapper button:nth-child(4n + 2) {
  background: #7b3fbb !important;
}

.addusermodalbtnwrapper button:nth-child(4n + 3) {
  background: #3aa1b4 !important;
}

.addusermodalbtnwrapper button:nth-child(4n + 4) {
  background: #4959e2 !important;
}

.addusermodal {
  padding: 0px !important;
}

.addbtn {
  padding: 7px 13px !important;
  border: none !important;
}

.profile_section button {
  background: inherit !important;
}

.mat-menu-item {
  background: inherit !important;
}

.mat-menu-item-highlighted:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item:hover:not([disabled]) {
  background: rgba(0, 0, 0, 0.04) !important;
}

.profile_section .mat-menu-trigger {
  background: none !important;
}

.styledd {
  --border-width: 3px;
  z-index: 9;
  position: relative;
}

.styledd::after {
  position: absolute;
  content: "";
  top: calc(-1 * var(--border-width));
  left: calc(-1 * var(--border-width));
  z-index: -1;
  width: calc(100% + var(--border-width) * 2);
  height: calc(100% + var(--border-width) * 2);
  background: linear-gradient(
    60deg,
    /* hsl(224,85%,66%),hsl(269,85%,66%),hsl(314,85%,66%),hsl(359,85%,66%),hsl(44,85%,66%),hsl(89,85%,66%),hsl(134,85%,66%),hsl(179,85%,66%) */
      #4c67f3,
    #b058eb,
    /* #7ff558,*/ hsl(342, 79%, 62%),
    #f162b3
  );
  background-size: 300% 300%;
  background-position: 0 50%;
  border-radius: calc(2 * var(--border-width));
  animation: moveGradient 4s alternate infinite;
}

@keyframes moveGradient {
  50% {
    background-position: 100% 50%;
  }
}

.notebtncls {
  display: block !important;
  font-size: 0 !important;
  background: #7b3fbb url(../images/patientbutton1.png) no-repeat !important;
  width: 32px !important;
  min-width: 0 !important;
  border-radius: 4px !important;
  height: 26px !important;
  margin: 5px !important;
  background-size: 27px !important;
  background-position: center !important;
  padding: 0 !important;
}

.userEdit button {
  display: block !important;
  font-size: 0 !important;
  background: #3aa1b4 url(../images/edit.png) no-repeat !important;
  width: 32px !important;
  min-width: 0 !important;
  border-radius: 4px !important;
  height: 26px !important;
  margin: 5px !important;
  background-size: 19px !important;
  background-position: center !important;
  padding: 0 !important;
}

.button_div_custom_cls {
  display: flex;
  align-items: center;
}

.actionbuttonwrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.admindashboard_main_card {
  padding: 0 !important;
  box-shadow: none !important;
  display: block;
}

.dashboard_search_block {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  width: 88%;
  box-shadow: none !important;
  margin: 0 auto;
  padding: 0 16px 16px !important;
}

.payperiod_block {
  box-shadow: none !important;
  width: 32% !important;
  padding: 0 !important;
}

.payperiod_description {
  margin-left: 82px;
  box-shadow: none !important;
  padding: 5px 0 0 2px !important;
}

.datebox {
  position: relative !important;
  box-shadow: none !important;
  display: flex !important;
  justify-content: space-between;
  position: relative !important;
  padding: 16px 16px 16px 2px !important;
}

.datebox_field {
  position: relative !important;
  text-align: center !important;
  font-family: "metropolissemi_bold";
  color: #626262 !important;
}

.payperiod {
  width: 347px;
  clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%) !important;
  margin-left: 8px !important;
}

.last_login_block {
  box-shadow: none !important;
  width: 27%;
  padding: 0 !important;
}

.lastlogin_description {
  box-shadow: none !important;
  padding: 5px 0 0 2px !important;
  margin-bottom: 13px;
}

.datebox_lastlogin {
  background: #f5f5f5 !important;
  box-shadow: none !important;
  padding: 15px 16px !important;
  display: block;
}

.newtheamlastlogin {
  background: #7342be;
  padding: 11px;
  color: #fff !important;
}

.datebox_field {
  position: relative !important;
  text-align: center !important;
  font-family: "metropolissemi_bold";
  color: #626262 !important;
  display: block;
}

@media screen and (max-width: 1440px) {
  .cdk-column-createdon_datetime {
    width: 9%;
  }
}

.dashboard_first_block {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  width: 88%;
  margin: 0 auto;
  box-shadow: none !important;
}

.dashboard_first_block .prctice_block {
  width: 25%;
  box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
  margin-top: 49px !important;
  position: relative !important;
  background: url(../images/practice-BACKGROUNDshadow.png) no-repeat !important;
  background-position: center bottom !important;
}

.dashboard_first_block .billables_block {
  width: 32.5%;
  box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
  margin-top: 49px !important;
  position: relative !important;
  background: url(../images/billableblock_backgroundimg.png) no-repeat !important;
  background-position: center bottom !important;
}

.dashboard_first_block .jobticket_block {
  width: 32.5%;
  box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
  margin-top: 49px !important;
  position: relative !important;
  background: url(../images/jobticket_block_backgroundimg.png) no-repeat !important;
  background-position: right bottom -29px !important;
}

.dashboard_first_block .mat-card-content {
  margin-bottom: 0 !important;
}

.prctice_block .mat-card-title {
  padding: 12px !important;
  border-radius: 22px !important;
  font-size: 19px !important;
  width: 290px !important;
  text-align: center !important;
  background: linear-gradient(45deg, #405de6, #833ab4, #e860ad);
  color: #fff !important;
  margin: 0 auto;
  font-family: "metropolisregular";
  font-weight: 700;
}

.billables_block .mat-card-title {
  padding: 12px !important;
  border-radius: 22px !important;
  font-size: 19px !important;
  width: 290px !important;
  text-align: center !important;
  background: linear-gradient(to left, #7a6dfc 14%, #e26bc0 75%);
  color: #fff !important;
  margin: 0 auto;
  font-family: "metropolisregular";
  font-weight: 700;
}

.jobticket_block .mat-card-title {
  padding: 12px !important;
  border-radius: 22px !important;
  font-size: 19px !important;
  width: 251px !important;
  text-align: center !important;
  background: linear-gradient(to left, #5369f6 34%, #6cd2fe 75%);
  color: #fff !important;
  margin: 0 auto;
  font-family: "metropolisregular";
  font-weight: 700;
}

.firstbox_title {
  box-shadow: none !important;
  position: absolute !important;
  top: -61px !important;
  left: 72px !important;
  padding: 0 !important;
  background: none !important;
}

.main_practice_block {
  padding: 4px !important;
  margin: 0 !important;
  box-shadow: none !important;
  background: none !important;
}

.main_practice_block_header {
  display: flex !important;
  justify-content: space-between !important;
  box-shadow: none !important;
  padding: 4px !important;
}

.mat-slide-toggle-thumb {
  background-color: #fff !important;
}

.mat-slide-toggle-bar {
  background: #fbc602 !important;
}

.main_practice_block_header_left {
  margin-left: 10px !important;
  font-family: "metropolisregular";
  font-weight: 700;
  font-size: 17px !important;
}

.main_practice_block_subheader {
  display: flex !important;
  justify-content: space-between !important;
  box-shadow: none !important;
  padding: 8px 13px 11px 11px !important;
  font-family: "metropolisregular";
}

.main_practice_block_subheader_content1 P {
  background: #ede5fd !important;
  width: 121px !important;
  text-align: center !important;
  font-size: 11px !important;
  padding: 2px !important;
  border-radius: 3px !important;
  font-family: "metropolisregular";
}

.main_practice_block_subheader_content2 P {
  background: #f3efbd !important;
  width: 121px !important;
  text-align: center !important;
  font-size: 11px !important;
  padding: 2px !important;
  border-radius: 3px !important;
  font-family: "metropolisregular";
}

.main_practice_block_subheader_content3 P {
  background: #c1f7f7 !important;
  width: 121px !important;
  text-align: center !important;
  font-size: 11px !important;
  padding: 2px !important;
  border-radius: 3px !important;
  font-family: "metropolisregular";
}

.practic_block_list_header {
  margin-bottom: 0 !important;
}

.practic_block_list_header p {
  width: 180px;
  padding: 5px;
  text-align: center;
  border-radius: 9px;
  margin: 2px 0 2px 10px !important;
  font-size: 16px;
  background: linear-gradient(to left, #ffe59c 0%, #ffd49c 100%);
  font-family: "metropolisregular";
}

.practic_block_list {
  box-shadow: none !important;
  padding: 4px !important;
  min-height: 400px !important;
  background: none !important;
}

.practic_block_list_content {
  display: flex !important;
  justify-content: space-between !important;
  box-shadow: none !important;
  padding: 6px 6px 0 !important;
  border-radius: 0 !important;
  align-items: center;
  background: none !important;
}

.patient_report_block
  .mostActivePracticelisting
  .lib-pager-class:nth-of-type(2) {
  margin-top: 0 !important;
}

.prctice_block .mostActivePracticelisting .lib-pager-class:nth-of-type(2) {
  display: none !important;
}

.mostActivePracticelisting .tablewrapper {
  margin-top: 12px;
  box-shadow: none !important;
  padding-bottom: 0 !important;
  min-height: 509px !important;
}

.mostActivePracticelisting .mat-table {
  box-shadow: none !important;
}

.mostActivePracticelisting .mat-table .material-icons {
  font-size: 24px;
}

.mostActivePracticelisting .searchbar {
  height: auto !important;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 10px;
  box-shadow: 0 2px 2px #c5c5c5;
  padding: 0 !important;
  position: relative;
  background: #fbfbfb;
  margin-top: 12px;
}

.practic_block_list_contentpart {
  margin-bottom: 0 !important;
  width: 15%;
  font-size: 13px !important;
  font-family: "metropolisregular";
}

.practic_block_list_contentpart1 {
  margin-bottom: 0 !important;
  width: 64%;
  font-size: 13px !important;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 9px 0 !important;
}

.practic_block_list_contentpart2 {
  margin-bottom: 0 !important;
  width: 26%;
  font-size: 13px !important;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 9px 0 !important;
}

.practic_block_list_contentpart3 {
  font-size: 13px !important;
  margin-bottom: 0 !important;
  width: 14%;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 8px 0 !important;
  padding: 6px 0 !important;
  line-height: 23px;
}

.practic_block_list_content:nth-child(7) .practic_block_list_contentpart3 {
  border-bottom: none !important;
}

.practic_block_list_content:nth-child(7) .practic_block_list_contentpart2 {
  border-bottom: none !important;
}

.practic_block_list_content:nth-child(7) .practic_block_list_contentpart1 {
  border-bottom: none !important;
}

.practic_block_list_content:nth-child(11) .practic_block_list_contentpart3 {
  border-bottom: none !important;
}

.practic_block_list_content:nth-child(11) .practic_block_list_contentpart2 {
  border-bottom: none !important;
}

.practic_block_list_content:nth-child(11) .practic_block_list_contentpart1 {
  border-bottom: none !important;
}

.practic_block_middle_header {
  margin-bottom: 0 !important;
}

.practic_block_middle_header p {
  width: 140px;
  padding: 5px;
  text-align: center;
  border-radius: 9px;
  font-size: 16px;
  background: linear-gradient(to left, #ffe59c 0%, #ffd49c 100%);
  margin: 14px 0 6px 7px !important;
  font-family: "metropolisregular";
}

.practiceblock_viewall_button {
  width: 129px !important;
  border-radius: 12px;
  color: #fff !important;
  font-size: 15px !important;
  background: linear-gradient(to left, #ff8f01 0%, #ffbe00 67%) !important;
  margin: 0 auto !important;
  float: none !important;
  display: block !important;
  border-radius: 9px !important;
  z-index: 9;
}

.practiceblock_button_div {
  position: absolute !important;
  bottom: 22px;
  left: 0;
  width: 100%;
}

.billableblock_button_div {
  width: 100%;
  margin-top: -5px !important;
}

.jobticket_button_div {
  width: 100%;
  position: absolute;
  bottom: 3%;
}

.practice_block_arrrow {
  position: absolute !important;
  right: 10px;
  bottom: 25px;
  width: 94% !important;
  justify-content: space-between !important;
}

.practice_block_arrrow_content {
  display: flex !important;
  justify-content: space-between !important;
  flex-wrap: wrap;
}

.practice_block_arrrow_jobticket {
  position: absolute !important;
  left: 13px;
  top: 111%;
  width: 94% !important;
  justify-content: space-between !important;
}

.practice_listing_viewall_button {
  width: 129px !important;
  border-radius: 12px;
  color: #fff !important;
  font-size: 15px !important;
  background: linear-gradient(to left, #ff8f01 0%, #ffbe00 67%) !important;
  margin: 0 auto !important;
  float: none !important;
  display: block !important;
  position: absolute !important;
  top: 618px;
  right: 151px;
  border-radius: 9px !important;
  z-index: 9;
}

.billabbleblock_listing_viewall_button {
  width: 129px !important;
  border-radius: 12px;
  color: #fff !important;
  font-size: 15px !important;
  background: linear-gradient(to left, #ff8f01 0%, #ffbe00 67%) !important;
  margin: 0 auto !important;
  float: none !important;
  display: block !important;
  position: absolute !important;
  top: 616px;
  right: 151px;
  border-radius: 9px !important;
}

.billabbleblock_viewall_button {
  width: 129px !important;
  border-radius: 12px;
  color: #fff !important;
  font-size: 15px !important;
  background: linear-gradient(to left, #ff8f01 0%, #ffbe00 67%) !important;
  margin: 0 auto !important;
  float: none !important;
  border-radius: 9px !important;
  display: block !important;
  z-index: 9;
}

.jobticket_viewall_button {
  width: 129px !important;
  border-radius: 12px;
  color: #fff !important;
  font-size: 15px !important;
  background: linear-gradient(to left, #ff8f01 0%, #ffbe00 67%) !important;
  margin: 0 auto !important;
  float: none !important;
  border-radius: 9px !important;
  display: block !important;
  z-index: 9;
}

.billableblock_button {
  box-shadow: none !important;
  margin-top: 9px !important;
  background: none !important;
}

.jobticket_button {
  box-shadow: none !important;
  margin-top: 9px !important;
}

.practiceblock_button {
  box-shadow: none !important;
}

.jobticket_middle_button_reply {
  margin-top: 4px !important;
  width: 70px !important;
  border-radius: 9px !important;
  color: #fff !important;
  background: linear-gradient(to left, #ff8f01 0%, #ffbe00 67%) !important;
  font-family: "metropolisregular" !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.jobticket_middle_button_mark {
  margin-top: 4px !important;
  width: 135px !important;
  border-radius: 9px !important;
  color: #fff !important;
  background: linear-gradient(to left, #7a6dfc 14%, #e26bc0 75%) !important;
  font-family: "metropolisregular" !important;
  margin-left: 29px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.jobticket_middle_button_view {
  margin-top: 4px !important;
  width: 85px !important;
  border-radius: 9px !important;
  color: #fff !important;
  background: linear-gradient(to left, #5369f6 34%, #6cd2fe 75%) !important;
  font-family: "metropolisregular" !important;
  margin-left: 29px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.main_billable_block_subheader {
  display: flex !important;
  justify-content: space-between !important;
  box-shadow: none !important;
  padding: 4px 14px 4px 10px !important;
  font-family: "metropolisregular";
}

.main_billable_block_subheader_content1 P {
  background: #ede5fd !important;
  width: 129px !important;
  text-align: center !important;
  font-size: 12px !important;
  padding: 2px !important;
  border-radius: 3px !important;
  font-family: "metropolisregular";
}

.main_billable_block_subheader_content2 P {
  background: #fff3df !important;
  width: 196px !important;
  text-align: center !important;
  font-size: 12px !important;
  padding: 2px !important;
  border-radius: 3px !important;
  font-family: "metropolisregular";
}

.billable_block_list_header {
  margin-bottom: 0 !important;
}

.billable_block_list_header p {
  width: 118px;
  padding: 5px;
  text-align: center;
  border-radius: 9px;
  margin: 2px 0 2px 2px !important;
  font-size: 16px;
  font-family: "metropolisregular";
}

.main_billables_block {
  padding: 4px !important;
  margin-top: 10px;
  box-shadow: none !important;
  background: none !important;
}

.main_billable_block_header_left {
  margin-left: 7px !important;
  font-family: "metropolisregular";
  font-weight: 700;
  font-size: 17px !important;
}

.main_billables_block_header {
  display: flex !important;
  justify-content: space-between !important;
  box-shadow: none !important;
  padding: 4px !important;
  font-family: "metropolisregular";
}

.main_billables_block_subheader {
  display: flex !important;
  justify-content: space-between !important;
  box-shadow: none !important;
  padding: 4px !important;
}

.main_billables_block_subheader_content1 P {
  background: #f0c8e7 !important;
  width: 129px !important;
  text-align: center !important;
  font-size: 12px !important;
  padding: 2px !important;
  border-radius: 3px !important;
  font-family: "metropolisregular";
}

.main_billables_block_subheader_content2 P {
  background: #f3efbd !important;
  width: 129px !important;
  text-align: center !important;
  font-size: 12px !important;
  padding: 2px !important;
  border-radius: 3px !important;
  font-family: "metropolisregular";
}

.main_billables_block_subheader_content3 P {
  background: #c1f7f7 !important;
  width: 129px !important;
  text-align: center !important;
  font-size: 12px !important;
  padding: 2px !important;
  border-radius: 3px !important;
  font-family: "metropolisregular";
}

.billable_block_list_header2 {
  margin-top: 29px;
}

.billable_block_list_header2 p {
  width: 180px;
  padding: 5px;
  text-align: center;
  border-radius: 9px;
  margin: 2px 0 2px 10px !important;
  font-size: 16px;
  background: linear-gradient(to left, #ffe59c 0%, #ffd49c 100%);
  font-family: "metropolisregular";
}

.billable_block_list_header p {
  width: 180px;
  padding: 5px;
  text-align: center;
  border-radius: 9px;
  margin: 12px 0 2px 10px !important;
  font-size: 16px;
  background: linear-gradient(to left, #ffe59c 0%, #ffd49c 100%);
  font-family: "metropolisregular";
}

.billables_block_list {
  box-shadow: none !important;
  padding: 4px !important;
  padding-bottom: 71px !important;
  background: none !important;
}

.billables_block_list_content {
  display: flex !important;
  justify-content: space-between !important;
  box-shadow: none !important;
  padding: 6px 6px 0 !important;
  border-radius: 0 !important;
  align-items: center;
  background: none !important;
}

.billables_block_list_contentpart1 {
  margin-bottom: 0 !important;
  width: 13%;
  font-size: 13px !important;
  font-family: "metropolisregular";
}

.billables_block_list_contentpart2 {
  margin-bottom: 0 !important;
  width: 47%;
  font-size: 13px !important;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 9px 0 !important;
}

.billables_block_list_contentpart3 {
  margin-bottom: 0 !important;
  width: 40%;
  font-size: 13px !important;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 9px 0 !important;
  min-height: 36px;
}

.billables_block_relatedblock_list_contentpart1 {
  margin-bottom: 0 !important;
  width: 13%;
  font-size: 13px !important;
  font-family: "metropolisregular";
}

.billables_block_relatedblock_list_contentpart2 {
  margin-bottom: 0 !important;
  width: 55%;
  font-size: 13px !important;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 9px 0 !important;
}

.billables_block_relatedblock_list_contentpart3 {
  margin-bottom: 0 !important;
  width: 20%;
  font-size: 13px !important;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 9px 0 !important;
}

.billables_block_relatedblock_list_contentpart4 {
  margin-bottom: 0 !important;
  width: 12%;
  font-size: 13px !important;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 8px 0 !important;
  padding: 7px 0 !important;
  line-height: 20px;
}

.billables_block .searchiconcls {
  height: 36px !important;
  width: 40px !important;
  background: #f5f5f5 !important;
  padding: 6px !important;
  margin: 7px !important;
  position: absolute !important;
  top: -50px !important;
  left: 8px !important;
  border-radius: 9px !important;
}

.billables_block .searchiconcls .iconcls {
  cursor: pointer;
  font-size: 27px !important;
}

.prctice_block .searchiconcls {
  height: 36px !important;
  width: 40px !important;
  background: #f5f5f5 !important;
  padding: 6px !important;
  margin: 7px !important;
  position: absolute !important;
  top: -50px !important;
  left: 8px !important;
  border-radius: 9px !important;
}

.prctice_block .searchiconcls .iconcls {
  cursor: pointer;
  font-size: 27px !important;
}

.mostActivePracticelisting.tablewrapper {
  margin-top: 13px;
}

.billables_block .lib-pager-class {
  display: none !important;
}

.billables_block .toogle_griid {
  display: block;
  text-align: right;
  margin: 16px 20px 12px 0 !important;
}

.billables_block .search_class {
  display: none !important;
}

.billables_block .searchbar .add_button {
  background: var(--button-color3);
  font-family: "AvenirRoman";
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  margin: 0 30px;
  border: none !important;
  padding: 8px !important;
}

.button-search-modal .bottom-sheet-header-toggle h2 {
  width: 240px;
  padding: 10px;
  text-align: center;
  border-radius: 9px;
  font-size: 16px;
  background: linear-gradient(to left, #ffe59c 0%, #ffd49c 100%);
  font-family: "metropolisregular";
  margin: 14px auto 0 !important;
}

.button-search-modal {
  position: relative !important;
}

.button-search-modal .clrcls .material-icons {
  position: absolute !important;
  top: 6px;
  right: 5px;
  border-radius: 50%;
  border: 1px solid #d4d4d4;
  font-size: 17px;
}

.button-search-modal .chipdatacls {
  text-align: center !important;
  margin-bottom: 18px !important;
  font-family: "metropolisregular" !important;
}

.button-search-modal .mat-form-field-underline {
  position: absolute;
  width: 0 !important;
  pointer-events: none;
  transform: scaleY(1.0001);
}

.button-search-modal .searchValcls {
  margin-left: 21px !important;
  position: relative !important;
}

.button-search-modal .mat-form-field-infix {
  border: 1px solid #d8d6d6 !important;
  border-radius: 8px;
  width: 291px;
  padding: 9px !important;
}

.searchByKeywordcls .material-icons {
  position: absolute !important;
  top: 4px !important;
  right: 48px !important;
}

.billables_block table.mat-table {
  border-spacing: 0;
  box-shadow: none !important;
}

.billabbleblock_listing_viewall_button {
  width: 129px !important;
  border-radius: 12px;
  color: #fff !important;
  font-size: 15px !important;
  background: linear-gradient(to left, #ff8f01 0%, #ffbe00 67%) !important;
  margin: 0 auto !important;
  float: none !important;
  display: block !important;
  position: absolute !important;
  top: 625px;
  right: 211px;
  border-radius: 9px !important;
}

.main_jobticket_block {
  padding: 4px !important;
  margin-top: 10px;
  box-shadow: none !important;
  background: none !important;
}

.main_jobticket_block_header {
  display: flex !important;
  justify-content: space-between !important;
  box-shadow: none !important;
  padding: 4px !important;
  font-family: "metropolisregular";
}

.jobticket_block_arrrow_admin {
  position: absolute !important;
  left: 13px;
  bottom: 29px;
  width: 94% !important;
  justify-content: space-between !important;
}

.main_jobticket_block_subheader {
  display: flex !important;
  justify-content: space-between !important;
  box-shadow: none !important;
  padding: 4px !important;
}

.main_jobticket_block_subheader_content1 P {
  background: #f0c8e7 !important;
  width: 129px !important;
  text-align: center !important;
  font-size: 12px !important;
  padding: 2px !important;
  border-radius: 3px !important;
  font-family: "metropolisregular";
}

.main_jobticket_block_subheader_content2 P {
  background: #f3efbd !important;
  width: 129px !important;
  text-align: center !important;
  font-size: 12px !important;
  padding: 2px !important;
  border-radius: 3px !important;
  font-family: "metropolisregular";
}

.main_jobticket_block_subheader_content3 P {
  background: #c1f7f7 !important;
  width: 129px !important;
  text-align: center !important;
  font-size: 12px !important;
  padding: 2px !important;
  border-radius: 3px !important;
  font-family: "metropolisregular";
}

.jobticket_toggle {
  float: right !important;
}

.jobticket_block_content_header {
  box-shadow: none !important;
  padding: 4px 4px 4px 21px !important;
  display: flex !important;
}

.jobticket_block_content_header_img {
  margin-right: 10px !important;
}

.jobticket_block_content_header_description {
  margin-top: 17px !important;
}

.jobticket_block_content_header_description p {
  font-family: "metropolisregular";
  font-size: 22px !important;
  font-weight: 700 !important;
  margin-bottom: 0 !important;
  line-height: 19px !important;
}

.jobticket_block_content_header_description2 {
  font-family: "metropolisregular";
  font-size: 12px !important;
  font-weight: 100 !important;
  margin-bottom: 0 !important;
}

.jobticket_block_content {
  box-shadow: none !important;
  padding: 4px 30px 4px 31px !important;
  display: flex !important;
}

.jobticket_block_content_list1 {
  font-family: "metropolisregular";
  font-size: 12px !important;
  font-weight: 700 !important;
  width: 128px !important;
}

.jobticket_block_content_list2_span1 {
  font-family: "metropolisregular";
  font-size: 12px !important;
  background: #ede5fd !important;
  padding: 4px;
  float: left !important;
  min-width: 222px;
}

.jobticket_block_content_list2_span2 {
  font-family: "metropolisregular";
  font-size: 12px !important;
  background: #fff3df !important;
  padding: 4px;
  float: left !important;
  min-width: 222px;
}

.jobticket_block_content_list2_span3 {
  font-family: "metropolisregular";
  font-size: 12px !important;
  background: #c9f7f5 !important;
  padding: 4px;
  float: left !important;
  min-width: 222px;
}

.jobticket_block_content_list2_span4 {
  font-family: "metropolisregular";
  font-size: 12px !important;
  background: #ede5fd !important;
  padding: 4px;
  float: left !important;
  min-width: 222px;
}

.jobticket_block_content_list2_span5 {
  font-family: "metropolisregular";
  font-size: 12px !important;
  background: #fff3df !important;
  padding: 4px;
  float: left !important;
  min-width: 222px;
}

.jobticket_block_content_list2_span6 {
  font-family: "metropolisregular";
  font-size: 12px !important;
  background: #c9f7f5 !important;
  padding: 4px;
  float: left !important;
  min-width: 222px;
}

.jobticket_description {
  padding: 12px;
  font-family: "metropolisregular";
  font-size: 12px !important;
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-line-clamp: 8 !important;
  -webkit-box-orient: vertical !important;
  min-height: 215px;
  margin: 5px 38px 5px 30px;
  background: #f1f0f0;
  border-radius: 9px;
}

.jobticketicon {
  width: 70px !important;
}

.jobticket_block_content_upperbutton {
  box-shadow: none !important;
  padding: 4px 38px 4px 31px !important;
  display: flex !important;
  justify-content: flex-end;
  background: none !important;
}

.jobticket_block_list_header p {
  width: 118px;
  padding: 5px;
  text-align: center;
  margin-left: 5px;
  border-radius: 9px;
  font-family: "metropolisregular";
  font-size: 16px;
  background: linear-gradient(to left, #ffe59c 0%, #ffd49d 100%);
}

.jobticket_block_list {
  box-shadow: none !important;
  padding: 0 !important;
}

.jobticket_block_list_content {
  display: flex !important;
  justify-content: space-between !important;
  box-shadow: none !important;
  border-bottom: 1px solid #e8e5e5;
  padding: 0 !important;
  border-radius: 0 !important;
  align-items: center;
}

.jobticket_block_list_content:last-child {
  display: flex !important;
  justify-content: space-between !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  align-items: center;
}

.jobticket_block_list_contentpart1 {
  margin-bottom: 0 !important;
  width: 10%;
  position: relative;
  font-size: 13px !important;
  font-family: "metropolisregular";
}

.jobticket_block_list_contentpart2 {
  margin-bottom: 0 !important;
  font-size: 13px !important;
  font-family: "metropolisregular";
  width: 89%;
}

.jobticket_block_list_contentpart3 {
  margin-bottom: 0 !important;
  width: 10%;
  font-size: 13px !important;
  font-family: "metropolisregular";
  position: absolute;
  right: 8px;
}

.jobticket_block_list_contentpart2_subpart1 {
  box-shadow: none !important;
  display: flex !important;
  padding: 0 !important;
  font-family: "metropolisregular";
}

.jobticket_block_list_contentpart2_subpart1 p {
  font-size: 12px;
  font-family: "metropolisregular";
}

.jobticket_block_list_contentpart2_subpart2 {
  box-shadow: none !important;
  display: flex !important;
  padding: 0 !important;
  font-family: "metropolisregular";
}

.jobticket_block_list_contentpart2_subpart2 p {
  font-size: 12px;
  margin: 5px;
  font-family: "metropolisregular";
}

.jobticket_listview {
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  display: block;
  position: relative;
  border-radius: 4px;
  padding: 16px 5px !important;
  margin: 10px;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 0 0 rgba(0, 0, 0, 0.12) !important;
  margin: 9px;
  position: relative;
}

.jobticket_username p {
  font-size: 12px;
  font-family: "metropolisregular";
  font-weight: 700;
}

.jobticket_username {
  width: 37% !important;
}

.jobticket_catagory {
  margin-right: 4px;
  width: 44% !important;
}

.jobticket_date {
  width: 33% !important;
  text-align: center;
}

.jobticket_catagory p {
  font-size: 12px;
}

.jobticket_date p {
  font-size: 12px;
}

.jobticket_user_description p {
  font-size: 12px;
  margin: 5px;
}

.jobticket_user_description .class2 {
  overflow: hidden !important;
  height: 27px !important;
  text-overflow: ellipsis;
  max-width: 300px !important;
  white-space: nowrap;
}

.jobticket_user_description .class1 {
  height: auto !important;
}

.test .jobticketimg {
  background: #fff3df;
  width: 45px;
  border-radius: 9px;
}

.test .tech {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: #ede5fd url(../images/billable1.png);
}

.test .doctor {
  display: block;
  width: 32px;
  height: 32px;
  padding: 4px;
  border-radius: 9px;
  background: #fff3df url(../images/usersummery2.png);
}

.test .admin {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: #c9f7f5 url(../images/usersummery12.png);
  display: block;
}

.test .practice {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: #ede5fd url(../images/usersummery1.png);
}

.test .distributors {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: #c9f7f5 url(../images/usersummery9.png);
}

.test .biller {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: #ede5fd url(../images/usersummery7.png);
}

.test .admin_biller {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: #fff3df url(../images/usersummery14.png);
}

.test .doctor_office {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: #c9f7f5 url(../images/SchedulingManager2.png);
}

.test .nurse_practitioner {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: #fff3df url(../images/Nurse.png);
}

.test .physician_assistant {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: #c9f7f5 url("../images/Physician\ Assistant.png");
}

.test .sales_person {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: #ede5fd url(../images/salesPersonnew.png) no-repeat;
  background-position: center;
}

.test .record_manager {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: #fff3df url(../images/record_maneger.png) no-repeat;
  background-position: center;
}

.dashboard_search_block {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  width: 88%;
  box-shadow: none !important;
  margin: 0 auto;
  padding: 0 16px 16px !important;
}

.daterange_block {
  box-shadow: none !important;
  width: 30%;
  padding: 0 !important;
}

.search_description {
  box-shadow: none !important;
  padding: 5px 0 0 2px !important;
}

.search_description h1 {
  font-size: 32px !important;
  font-family: "metropolissemi_bold";
}

.searchbox {
  box-shadow: none !important;
  display: flex !important;
  justify-content: space-between;
  padding: 16px 16px 16px 2px !important;
}

.dashboard_search_block_buutton {
  margin-top: 7px !important;
  width: 120px !important;
  border-radius: 12px;
  color: #fff !important;
  font-size: 21px !important;
  background: linear-gradient(to left, #ff8f01 0%, #ffbe00 67%) !important;
  padding: 3px !important;
}

.searchbox_datepicker .mat-form-field-suffix {
  border-left: 1px solid gray;
}

.searchbox_datepicker .mat-icon-button {
  color: red !important;
}

.payperiod_block {
  box-shadow: none !important;
  width: 40% !important;
  padding: 0 !important;
}

.payperiod_block_logo {
  position: absolute !important;
  top: -101px !important;
  left: -81px;
  width: 163px;
  z-index: 9;
}

.payperiod_field {
  width: 277px !important;
}

.payperiod_description {
  margin-left: 82px;
  box-shadow: none !important;
  padding: 5px 0 0 2px !important;
}

.payperiod_description h1 {
  font-size: 19px !important;
  font-family: "metropolissemi_bold";
  color: #783fb9;
}

.payperiod_block .mat-form-field-infix {
  display: block;
  position: relative;
  flex: auto;
  min-width: 0;
  width: 180px;
  margin-left: 65px !important;
  font-family: "metropolissemi_bold";
}

.datebox {
  position: relative !important;
  box-shadow: none !important;
  display: flex !important;
  justify-content: space-between;
  position: relative !important;
  padding: 16px 16px 16px 2px !important;
}

.datebox_field {
  position: relative !important;
  text-align: center !important;
  font-family: "metropolissemi_bold";
  color: #626262 !important;
}

.datebox_field2 {
  position: relative !important;
  text-align: center !important;
  font-family: "metropolissemi_bold";
  color: #626262 !important;
}

.newtheamlastlogin {
  background: #7342be;
  padding: 11px;
  color: #fff !important;
}

.dashboard_payperiod_block_buutton {
  margin-top: 7px !important;
  padding: 0 23px !important;
  color: #fff !important;
}

.payperiod {
  width: 347px;
  clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%) !important;
  background: #f5f5f5;
  padding: 14px;
  margin: 0 !important;
}

.payperiod .mat-form-field-underline {
  position: absolute;
  width: 0 !important;
  pointer-events: none;
  transform: scaleY(1.0001);
}

.last_login_block {
  box-shadow: none !important;
  width: 27%;
  padding: 0 !important;
}

.lastlogin_block_logo {
  position: absolute !important;
  top: -101px !important;
  left: -81px;
  width: 163px;
}

.lastlogin_description {
  box-shadow: none !important;
  padding: 5px 0 0 2px !important;
  margin-bottom: 13px;
}

.lastlogin_description h1 {
  font-size: 19px !important;
  font-family: "metropolissemi_bold";
  color: #783fb9;
}

.datebox_lastlogin {
  background: #f5f5f5 !important;
  box-shadow: none !important;
  padding: 15px 16px !important;
}

.daterange_block .mat-form-field-underline {
  position: absolute;
  width: 0 !important;
  pointer-events: none;
  transform: scaleY(1.0001);
}

.last_login_detail {
  background: #f5f5f5 !important;
  padding: 10px !important;
}

.last_login_detail_logindate {
  box-shadow: none !important;
  display: flex !important;
  justify-content: space-between !important;
  padding: 8px 8px 0 !important;
  width: 80%;
  margin: 0 auto;
  background: #f5f5f5 !important;
}

.last_login_detail_loginlocation {
  box-shadow: none !important;
  display: flex !important;
  justify-content: space-between !important;
  padding: 0 8px !important;
  width: 80%;
  margin: 0 auto;
  background: #f5f5f5 !important;
}

.last_login_detail_logintime {
  box-shadow: none !important;
  display: flex !important;
  justify-content: space-between !important;
  padding: 0 8px !important;
  width: 80%;
  margin: 0 auto;
  background: #f5f5f5 !important;
}

.last_login_detail_logindate_content1 {
  width: 45% !important;
  font-family: "metropolisregular";
  margin-bottom: 5px !important;
}

.last_login_detail_logindate_content2 {
  width: 53% !important;
  font-family: "metropolisregular";
  margin-bottom: 5px !important;
}

.last_login_detail_logintime_content1 {
  width: 45% !important;
  font-family: "metropolisregular";
  margin-bottom: 5px !important;
}

.last_login_detail_logintime_content2 {
  width: 53% !important;
  font-family: "metropolisregular";
  margin-bottom: 5px !important;
}

.last_login_detail_loginlocation_content1 {
  width: 45% !important;
  font-family: "metropolisregular";
  margin-bottom: 5px !important;
}

.last_login_detail_loginlocation_content2 {
  width: 53% !important;
  font-family: "metropolisregular";
  margin-bottom: 5px !important;
}

.last_login_detail .mat-card-title {
  font-size: 22px !important;
  font-family: "metropolissemi_bold";
  width: 224px;
  text-align: center;
  border-radius: 9px;
  padding: 4px;
  background: linear-gradient(to left, #ff8f01 0%, #ffbe00 67%) !important;
  color: #fff !important;
}

.dashboard_second_block .user_summary_block {
  width: 25%;
  box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
  margin-bottom: 0 !important;
  background: url(../images/reportsummey_background_img.png) no-repeat !important;
  background-position: left bottom -46px !important;
}

.dashboard_second_block {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  width: 1668px;
  margin: 23px auto 0 !important;
  box-shadow: none !important;
}

.main_user_summary_block {
  padding: 4px !important;
  margin-top: 10px;
  box-shadow: none !important;
}

.user_summary_block_list_header {
  margin-bottom: 0 !important;
}

.user_summary_block_list_header p {
  width: 130px;
  padding: 5px;
  text-align: center;
  border-radius: 9px;
  margin: 11px 0 5px 11px !important;
  font-size: 16px;
  background: linear-gradient(to left, #ffe59c 0%, #ffd49c 100%);
  font-family: "metropolisregular";
}

.user_summary_block_list {
  box-shadow: none !important;
  padding: 4px !important;
}

.user_summary_block_list_content {
  display: flex !important;
  justify-content: space-between !important;
  box-shadow: none !important;
  padding: 6px 6px 0 !important;
  border-radius: 0 !important;
  align-items: center;
}

.user_summary_block_list_content:last-child {
  display: flex !important;
  justify-content: space-between !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
  padding: 6px !important;
  border-radius: 0 !important;
  align-items: center;
}

.user_summary_block_list_contentpart1 {
  margin-bottom: 0 !important;
  width: 8%;
  font-size: 13px !important;
  font-family: "metropolisregular";
}

.user_summary_block_list_contentpart2 {
  margin-bottom: 0 !important;
  width: 15%;
  font-size: 13px !important;
  font-family: "metropolisregular";
}

.user_summary_block_list_contentpart3 {
  margin-bottom: 0 !important;
  width: 49%;
  font-size: 13px !important;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 9px 0 !important;
}

.user_summary_block_list_contentpart4 {
  font-size: 13px !important;
  margin-bottom: 0 !important;
  width: 15%;
  font-family: "metropolisregular";
  font-weight: 600;
  border-bottom: 1px solid #e8e5e5;
  padding: 9px !important;
  min-height: 36px;
}

.user_summary_block_list_content:nth-child(1)
  .user_summary_block_list_contentpart4
  p {
  color: #13d4cb !important;
}

.user_summary_block_list_content:nth-child(2)
  .user_summary_block_list_contentpart4
  p {
  color: #6a3dd2 !important;
}

.user_summary_block_list_content:nth-child(3)
  .user_summary_block_list_contentpart4
  p {
  color: #ffd357 !important;
}

.user_summary_block_list_content:nth-child(4)
  .user_summary_block_list_contentpart4
  p {
  color: #13d4cb !important;
}

.user_summary_block_list_content:nth-child(5)
  .user_summary_block_list_contentpart4
  p {
  color: #ffd357 !important;
}

.user_summary_block_list_content:nth-child(6)
  .user_summary_block_list_contentpart4
  p {
  color: #13d4cb !important;
}

.user_summary_block_list_content:nth-child(7)
  .user_summary_block_list_contentpart4
  p {
  color: #6a3dd2 !important;
}

.user_summary_block_list_content:nth-child(8)
  .user_summary_block_list_contentpart4
  p {
  color: #ffd357 !important;
}

.user_summary_block_list_content:nth-child(9)
  .user_summary_block_list_contentpart4
  p {
  color: #13d4cb !important;
}

.user_summary_block_list_content:nth-child(10)
  .user_summary_block_list_contentpart4
  p {
  color: #6a3dd2 !important;
}

.user_summary_block_list_content:nth-child(11)
  .user_summary_block_list_contentpart4
  p {
  color: #ffd357 !important;
}

.user_summary_block_list_content:nth-child(12)
  .user_summary_block_list_contentpart4
  p {
  color: #13d4cb !important;
}

.user_summary_block_list_content:nth-child(13)
  .user_summary_block_list_contentpart4
  p {
  color: #6a3dd2 !important;
}

.user_summary_block_list_content:nth-child(14)
  .user_summary_block_list_contentpart4
  p {
  color: #ffd357 !important;
}

.user_summary_block_list_content:nth-child(15)
  .user_summary_block_list_contentpart4
  p {
  color: #13d4cb !important;
}

.user_summary_block_list_content:nth-child(15)
  .user_summary_block_list_contentpart5 {
  border-bottom: 0 !important;
}

.user_summary_block_list_content:nth-child(15)
  .user_summary_block_list_contentpart4 {
  border-bottom: 0 !important;
}

.user_summary_block_list_content:nth-child(15)
  .user_summary_block_list_contentpart3 {
  border-bottom: 0 !important;
}

.user_summary_block_list_contentpart5 {
  font-size: 13px !important;
  margin-bottom: 0 !important;
  width: 18%;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 8px 0 7px 4px !important;
}

.user_summery_checkbox {
  color: #8d8b8b;
}

.mat-checkbox-inner-container {
  display: inline-block;
  height: 13px !important;
  line-height: 0;
  margin: auto;
  margin-right: 8px;
  order: 0;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  width: 13px !important;
  flex-shrink: 0;
}

.patient_report_block {
  width: 48%;
  box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
  margin-bottom: 0 !important;
  position: relative !important;
  background: url(../images/practice-BACKGROUNDshadow.png) no-repeat !important;
  background-position: center bottom !important;
}

.patient_report_block_list_header {
  margin-bottom: 0 !important;
}

.patient_report_block_list_header p {
  padding: 5px;
  text-align: center;
  border-radius: 9px;
  margin: 14px 0 5px 14px !important;
  font-size: 16px;
  background: linear-gradient(to left, #ffe59c 0%, #ffd49c 100%);
  font-family: "metropolisregular";
  padding: 5px;
  max-width: 80%;
  display: inline-block;
  min-width: 197px;
}

.patient_report_block .searchiconcls {
  height: 36px !important;
  width: 40px !important;
  background: #f5f5f5 !important;
  padding: 6px !important;
  margin: 7px !important;
  position: absolute !important;
  top: -49px !important;
  right: 10px !important;
  border-radius: 9px !important;
}

.patient_report_block .searchiconcls .iconcls {
  cursor: pointer;
  font-size: 27px !important;
}

.patient_report_block .lib-pager-class:first-child {
  clear: inherit !important;
  float: none !important;
  text-align: center;
  margin-top: 16px;
  display: none !important;
}

.patient_report_block .buttonsearch_div {
  width: 100%;
  display: flex !important;
  height: auto !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
}

.patient_report_block .buttonsearch_div .add_button {
  margin: 4px !important;
  font-size: 13px !important;
  width: 32% !important;
  border: none !important;
  padding: 9px !important;
}

.patient_report_block .buttonsearch_div .search_btn_class0 {
  background: #fff3df !important;
  font-family: "AvenirRoman";
  font-size: 12px !important;
  color: #fff;
  text-transform: uppercase;
  min-width: 150px;
  color: #000 !important;
  font-family: metropolissemi_bold;
}

.patient_report_block .buttonsearch_div .add_button {
  margin: 4px !important;
  font-size: 12px !important;
  width: 47% !important;
  border: none !important;
  padding: 9px !important;
}

.patient_report_block .buttonsearch_div .search_btn_class1 {
  background: #c9f7f5 !important;
  font-family: "AvenirRoman";
  font-size: 12px !important;
  color: #fff;
  text-transform: uppercase;
  min-width: 150px;
  color: #000 !important;
  font-family: metropolissemi_bold;
}

.patient_report_block .buttonsearch_div .search_btn_class2 {
  background: #ede5fd !important;
  font-family: "AvenirRoman";
  font-size: 12px !important;
  color: #fff;
  text-transform: uppercase;
  min-width: 150px;
  color: #000 !important;
  font-family: metropolissemi_bold;
}

.patient_report_block .buttonsearch_div .search_btn_class3 {
  background: #fff3df !important;
  font-family: "AvenirRoman";
  font-size: 12px !important;
  color: #fff;
  text-transform: uppercase;
  min-width: 150px;
  color: #000 !important;
  font-family: metropolissemi_bold;
}

.patient_report_block table.mat-table {
  border-spacing: 0;
  box-shadow: none !important;
}

.mostActivePracticelisting .lib-pager-class:nth-of-type(1) {
  display: none !important;
}

.mostActivePracticelisting .notebtncls {
  display: block !important;
  font-size: 0 !important;
  background: #ede5fd url(../../assets/images/patientbutton1.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  background-size: 27px !important;
  background-position: center !important;
  padding: 0 !important;
}

.mostActivePracticelisting .custombutton0 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #fff3df url(../../assets/images/viewreport_new.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  margin: 5px !important;
  height: 26px !important;
  background-position: center !important;
  background-size: 20px !important;
  padding: 0 !important;
}

.mostActivePracticelisting .custombutton1 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #c9f7f5 url(../../assets/images/more1.2.3.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  background-position: center !important;
  background-size: 21px !important;
  padding: 0 !important;
}

.mostActivePracticelisting .custombutton2 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #ede5fd url(../../assets/images/patientbutton5.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  background-position: center !important;
  background-size: 27px !important;
  padding: 0 !important;
}

.mostActivePracticelisting .custombutton3 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #fff3df url(../../assets/images/doctor_new.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  background-position: center !important;
  background-position: center !important;
  background-size: 20px !important;
  padding: 0 !important;
}

.mostActivePracticelisting .custombutton4 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #c9f7f5 url(../../assets/images/SchedulingManager2.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  background-position: center !important;
  background-position: center !important;
  background-size: 20px !important;
  padding: 0 !important;
}

.mostActivePracticelisting .custombutton5 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #ede5fd url(../../assets/images/patientbutton6.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  background-position: center !important;
  background-size: 27px !important;
  padding: 0 !important;
}

.mostActivePracticelisting .custombutton6 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #fef3df url(../../assets/images/Jobticket_button_icon.png)
    no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  background-position: center !important;
  background-size: 23px !important;
  padding: 0 !important;
}

.mostActivePracticelisting .custombutton7 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #fff3df url(../../assets/images/maskasbuild.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  background-position: center !important;
  background-size: 20px !important;
  padding: 0 !important;
}

.mostActivePracticelisting .custombutton8 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #c9f7f5 url(../../assets/images/download_report_new.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  align-items: center !important;
  background-position: center !important;
  background-position: center !important;
  background-size: 20px !important;
  padding: 0 !important;
}

.mostActivePracticelisting .custombutton9 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #ede5fd url(../../assets/images/clinical_report_new.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  background-position: center !important;
  background-size: 20px !important;
  padding: 0 !important;
}

.mostActivePracticelisting .custombutton10 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #fff3df url(../../assets/images/download_new.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  background-position: center !important;
  background-size: 20px !important;
  padding: 0 !important;
}

.mostActivePracticelisting .custombutton11 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #ede5fd url(../../assets/images/delete_new1.0.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  background-position: center !important;
  background-size: 27px !important;
  padding: 0 !important;
}

.mostActivePracticelisting .custombutton12 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #fff3df url(../../assets/images/delet_new.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  background-position: center !important;
  background-size: 27px !important;
  padding: 0 !important;
}

.practic_block_1st_listing .custombutton0 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #fff3df url(../../assets/images/practicelistingimg.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  margin: 5px !important;
  height: 26px !important;
  background-position: center !important;
  background-size: 18px !important;
  padding: 0 !important;
}

.bilableblock_listing .custombutton0 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #fff3df url(../../assets/images/practicelistingimg.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  margin: 5px !important;
  height: 26px !important;
  background-position: center !important;
  background-size: 18px !important;
  padding: 0 !important;
}

.folderview_patientreport_listing .custombutton1 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #c9f7f5 url(../../assets/images/tec_new.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  margin: 5px !important;
  height: 26px !important;
  background-position: center !important;
  background-size: 18px !important;
  padding: 0 !important;
}

.section {
  display: inline-block !important;
}

.mostActivePracticelisting .tablewrapper table td span .cursor {
  display: inline-block;
  background: #fef3df;
  margin: 2px;
  color: #fff;
  border-radius: 9px;
  width: 28px;
  color: #fccf5e;
  padding: 2px;
  height: 28px;
}

.mostActivePracticelisting .example-section-button-1 {
  display: block !important;
}

.mostActivePracticelisting .cdk-column-Actions {
  min-height: 56px !important;
  min-width: 26% !important;
  text-align: center !important;
  position: relative;
  display: flex;
  align-items: center;
}

.mostActivePracticelisting .cdk-column-practicename {
  min-width: 16% !important;
}

.mostActivePracticelisting .cdk-column-status_text {
  min-height: 56px !important;
  min-width: 21% !important;
}

.mostActivePracticelisting .cdk-column-patient_name {
  min-height: 56px !important;
  min-width: 18% !important;
}

.mostActivePracticelisting .tablewrapper tr td:first-child {
  padding-left: 14px !important;
  font-weight: 700;
  min-width: 34px !important;
}

.mostActivePracticelisting .button_div_custom_cls {
  display: flex !important;
  flex-wrap: wrap !important;
}

.dashboard_second_block .report_summary_block {
  width: 25%;
  box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
  margin-bottom: 0 !important;
  background: url(../images/usersummery_backgroundimg.png) no-repeat !important;
  background-position: right bottom -26px !important;
}

.main_report_summary_block {
  padding: 4px !important;
  margin-top: 10px;
  box-shadow: none !important;
}

.report_summary_block_list_header {
  margin-bottom: 0 !important;
}

.report_summary_block_list_header p {
  width: 150px;
  padding: 5px;
  text-align: center;
  border-radius: 9px;
  margin: 10px 0 2px 10px !important;
  font-size: 16px;
  background: linear-gradient(to left, #ffe59c 0%, #ffd49c 100%);
  font-family: "metropolisregular";
}

.report_summary_block_list_header2 {
  margin-bottom: 4px !important;
}

.report_summary_block_list_header2 p {
  width: 250px;
  padding: 5px;
  text-align: center;
  border-radius: 9px;
  margin: 47px 0 37px 7px !important;
  font-size: 16px;
  background: linear-gradient(to left, #ffe59c 0%, #ffd49c 100%);
  font-family: "metropolisregular";
}

.report_summary_block_list {
  box-shadow: none !important;
  padding: 4px !important;
  padding-top: 10px !important;
}

.report_summary_block_uploaded {
  display: flex !important;
  justify-content: space-between !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  align-items: center;
  padding: 6px !important;
}

.report_summary_block_processed {
  display: flex !important;
  justify-content: space-between !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  align-items: center;
  padding: 6px !important;
}

.report_summary_block_inreview {
  display: flex !important;
  justify-content: space-between !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  align-items: center;
  padding: 6px !important;
}

.report_summary_block_approved {
  display: flex !important;
  justify-content: space-between !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  align-items: center;
  padding: 6px !important;
}

.report_summary_block_notapproved {
  display: flex !important;
  justify-content: space-between !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  align-items: center;
  padding: 6px !important;
}

.report_summary_block_onhold {
  display: flex !important;
  justify-content: space-between !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  align-items: center;
  padding: 6px !important;
}

.report_summary_block_signed {
  display: flex !important;
  justify-content: space-between !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  align-items: center;
  padding: 6px !important;
}

.report_summary_block_senttobilling {
  display: flex !important;
  justify-content: space-between !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  align-items: center;
  padding: 6px !important;
}

.report_summary_block_billed {
  display: flex !important;
  justify-content: space-between !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  align-items: center;
  padding: 6px !important;
}

.report_summary_block_downloaded {
  display: flex !important;
  justify-content: space-between !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  align-items: center;
  padding: 6px !important;
}

.report_summary_block_list_content:nth-child(10) {
  display: flex !important;
  justify-content: space-between !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
  padding: 6px !important;
  border-radius: 0 !important;
  align-items: center;
}

.report_summary_block_list_content {
  display: flex !important;
  justify-content: space-between !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
  padding: 6px !important;
  border-radius: 0 !important;
  align-items: center;
}

.report_summary_block_list_content:last-child {
  display: flex !important;
  justify-content: space-between !important;
  box-shadow: none !important;
  border-bottom: 0 !important;
  padding: 0 6px 6px !important;
  border-radius: 0 !important;
  align-items: center;
}

.report_summary_block_list_uploadedpart1 {
  margin-bottom: 0 !important;
  width: 10%;
  font-size: 13px !important;
  font-family: "metropolisregular";
}

.report_summary_block_list_uploadedpart2 {
  margin-bottom: 0 !important;
  font-family: "metropolisregular";
  font-size: 13px !important;
  height: 18px;
  width: 22px;
  height: 22px;
  background: #ffe5a3 !important;
  margin-right: 12px;
  border-radius: 4px;
}

.report_summary_block_list_uploadedpart3 {
  margin-bottom: 0 !important;
  width: 45%;
  font-size: 13px !important;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 5px;
}

.report_summary_block_list_uploadedpart4 {
  font-size: 13px !important;
  margin-bottom: 0 !important;
  width: 16%;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 5px;
  min-height: 28px;
}

.report_summary_block_list_uploadedpart5 {
  font-size: 13px !important;
  margin-bottom: 0 !important;
  width: 20%;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 4px 0 3px 4px !important;
  line-height: 14px;
}

.report_summary_block_list_processedpart1 {
  margin-bottom: 0 !important;
  width: 10%;
  font-size: 13px !important;
  font-family: "metropolisregular";
}

.report_summary_block_list_processedpart2 {
  margin-bottom: 0 !important;
  font-family: "metropolisregular";
  font-size: 13px !important;
  height: 18px;
  width: 22px;
  height: 22px;
  background: #eaa900 !important;
  margin-right: 12px;
  border-radius: 4px;
}

.report_summary_block_list_processedpart3 {
  margin-bottom: 0 !important;
  width: 45%;
  font-size: 13px !important;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 5px;
}

.report_summary_block_list_processedpart4 {
  font-size: 13px !important;
  margin-bottom: 0 !important;
  width: 16%;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 5px;
  min-height: 28px;
}

.report_summary_block_list_processedpart5 {
  font-size: 13px !important;
  margin-bottom: 0 !important;
  width: 20%;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 4px 0 3px 4px !important;
  line-height: 14px;
}

.report_summary_block_list_inreviewpart1 {
  margin-bottom: 0 !important;
  width: 10%;
  font-size: 13px !important;
  font-family: "metropolisregular";
}

.report_summary_block_list_inreviewpart2 {
  margin-bottom: 0 !important;
  font-family: "metropolisregular";
  font-size: 13px !important;
  height: 18px;
  width: 22px;
  height: 22px;
  background: #eaa900 !important;
  margin-right: 12px;
  border-radius: 4px;
}

.report_summary_block_list_inreviewpart3 {
  margin-bottom: 0 !important;
  width: 45%;
  font-size: 13px !important;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 5px;
}

.report_summary_block_list_inreviewpart4 {
  font-size: 13px !important;
  margin-bottom: 0 !important;
  width: 16%;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 5px;
  min-height: 28px;
}

.report_summary_block_list_inreviewpart5 {
  font-size: 13px !important;
  margin-bottom: 0 !important;
  width: 20%;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 4px 0 3px 4px !important;
  line-height: 14px;
}

.report_summary_block_list_approvedpart1 {
  margin-bottom: 0 !important;
  width: 10%;
  font-size: 13px !important;
  font-family: "metropolisregular";
}

.report_summary_block_list_approvedpart2 {
  margin-bottom: 0 !important;
  font-family: "metropolisregular";
  font-size: 13px !important;
  height: 18px;
  width: 22px;
  height: 22px;
  background: #97f98b !important;
  margin-right: 12px;
  border-radius: 4px;
}

.report_summary_block_list_approvedpart3 {
  margin-bottom: 0 !important;
  width: 45%;
  font-size: 13px !important;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 5px;
}

.report_summary_block_list_approvedpart4 {
  font-size: 13px !important;
  margin-bottom: 0 !important;
  width: 16%;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 5px;
  min-height: 28px;
}

.report_summary_block_list_approvedpart5 {
  font-size: 13px !important;
  margin-bottom: 0 !important;
  width: 20%;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 4px 0 3px 4px !important;
  line-height: 14px;
}

.report_summary_block_list_notapprovedpart1 {
  margin-bottom: 0 !important;
  width: 10%;
  font-size: 13px !important;
  font-family: "metropolisregular";
}

.report_summary_block_list_notapprovedpart2 {
  margin-bottom: 0 !important;
  font-family: "metropolisregular";
  font-size: 13px !important;
  height: 18px;
  width: 22px;
  height: 22px;
  background: #aaa !important;
  margin-right: 12px;
  border-radius: 4px;
}

.report_summary_block_list_notapprovedpart3 {
  margin-bottom: 0 !important;
  width: 45%;
  font-size: 13px !important;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 5px;
}

.report_summary_block_list_notapprovedpart4 {
  font-size: 13px !important;
  margin-bottom: 0 !important;
  width: 16%;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 5px;
  min-height: 28px;
}

.report_summary_block_list_notapprovedpart5 {
  font-size: 13px !important;
  margin-bottom: 0 !important;
  width: 20%;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 4px 0 3px 4px !important;
  line-height: 14px;
}

.report_summary_block_list_onholdpart1 {
  margin-bottom: 0 !important;
  width: 10%;
  font-size: 13px !important;
  font-family: "metropolisregular";
}

.report_summary_block_list_onholdpart2 {
  margin-bottom: 0 !important;
  font-family: "metropolisregular";
  font-size: 13px !important;
  height: 18px;
  width: 22px;
  height: 22px;
  background: #ff002a !important;
  margin-right: 12px;
  border-radius: 4px;
}

.report_summary_block_list_onholdpart3 {
  margin-bottom: 0 !important;
  width: 45%;
  font-size: 13px !important;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 5px;
}

.report_summary_block_list_onholdpart4 {
  font-size: 13px !important;
  margin-bottom: 0 !important;
  width: 16%;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 5px;
  min-height: 28px;
}

.report_summary_block_list_onholdpart5 {
  font-size: 13px !important;
  margin-bottom: 0 !important;
  width: 20%;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 4px 0 3px 4px !important;
  line-height: 14px;
}

.report_summary_block_list_signedpart1 {
  margin-bottom: 0 !important;
  width: 10%;
  font-size: 13px !important;
  font-family: "metropolisregular";
}

.report_summary_block_list_signedpart2 {
  margin-bottom: 0 !important;
  font-family: "metropolisregular";
  font-size: 13px !important;
  height: 18px;
  width: 22px;
  height: 22px;
  background: #33d727 !important;
  margin-right: 12px;
  border-radius: 4px;
}

.report_summary_block_list_signedpart3 {
  margin-bottom: 0 !important;
  width: 45%;
  font-size: 13px !important;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 5px;
}

.report_summary_block_list_signedpart4 {
  font-size: 13px !important;
  margin-bottom: 0 !important;
  width: 16%;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 5px;
  min-height: 28px;
}

.report_summary_block_list_signedpart5 {
  font-size: 13px !important;
  margin-bottom: 0 !important;
  width: 20%;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 4px 0 3px 4px !important;
  line-height: 14px;
}

.report_summary_block_list_senttobillingpart1 {
  margin-bottom: 0 !important;
  width: 10%;
  font-size: 13px !important;
  font-family: "metropolisregular";
}

.report_summary_block_list_senttobillingpart2 {
  margin-bottom: 0 !important;
  font-family: "metropolisregular";
  font-size: 13px !important;
  height: 18px;
  width: 22px;
  height: 22px;
  background: #6eb2ff !important;
  margin-right: 12px;
  border-radius: 4px;
}

.report_summary_block_list_senttobillingpart3 {
  margin-bottom: 0 !important;
  width: 45%;
  font-size: 13px !important;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 5px;
}

.report_summary_block_list_senttobillingpart4 {
  font-size: 13px !important;
  margin-bottom: 0 !important;
  width: 16%;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 5px;
  min-height: 28px;
}

.report_summary_block_list_senttobillingpart5 {
  font-size: 13px !important;
  margin-bottom: 0 !important;
  width: 20%;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 4px 0 3px 4px !important;
  line-height: 14px;
}

.report_summary_block_list_billedpart1 {
  margin-bottom: 0 !important;
  width: 10%;
  font-size: 13px !important;
  font-family: "metropolisregular";
}

.report_summary_block_list_billedpart2 {
  margin-bottom: 0 !important;
  font-family: "metropolisregular";
  font-size: 13px !important;
  height: 18px;
  width: 22px;
  height: 22px;
  background: #006c06 !important;
  margin-right: 12px;
  border-radius: 4px;
}

.report_summary_block_list_billedpart3 {
  margin-bottom: 0 !important;
  width: 45%;
  font-size: 13px !important;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 5px;
}

.report_summary_block_list_billedpart4 {
  font-size: 13px !important;
  margin-bottom: 0 !important;
  width: 16%;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 5px;
  min-height: 28px;
}

.report_summary_block_list_billedpart5 {
  font-size: 13px !important;
  margin-bottom: 0 !important;
  width: 20%;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 4px 0 3px 4px !important;
  line-height: 14px;
}

.report_summary_block_list_downloadedpart1 {
  margin-bottom: 0 !important;
  width: 10%;
  font-size: 13px !important;
  font-family: "metropolisregular";
}

.report_summary_block_list_downloadedpart2 {
  margin-bottom: 0 !important;
  font-family: "metropolisregular";
  font-size: 13px !important;
  height: 18px;
  width: 22px;
  height: 22px;
  background: #1e30a3 !important;
  margin-right: 12px;
  border-radius: 4px;
}

.report_summary_block_list_downloadedpart3 {
  margin-bottom: 0 !important;
  width: 45%;
  font-size: 13px !important;
  font-family: "metropolisregular";
}

.report_summary_block_list_downloadedpart4 {
  font-size: 13px !important;
  margin-bottom: 0 !important;
  width: 16%;
  font-family: "metropolisregular";
  padding: 5px;
  min-height: 28px;
}

.report_summary_block_list_downloadedpart5 {
  font-size: 13px !important;
  margin-bottom: 0 !important;
  width: 20%;
  font-family: "metropolisregular";
  padding: 4px 0 3px 4px !important;
  line-height: 14px;
}

.report_summery_checkbox {
  color: #8d8b8b;
}

.report_summary_block_list_contentpart_Insurence1 {
  font-size: 13px !important;
  margin-bottom: 0 !important;
  width: 15%;
  font-family: "metropolisregular";
}

.report_summary_block_list_contentpart_Insurence2 {
  font-size: 13px !important;
  margin-bottom: 0 !important;
  width: 45%;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 5px;
}

.report_summary_block_list_contentpart_Insurence3 {
  font-size: 13px !important;
  margin-bottom: 0 !important;
  width: 22%;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 13px;
  line-height: 18px;
  min-height: 44px;
}

.report_summary_block_list_contentpart_Insurence4 {
  font-size: 13px !important;
  margin-bottom: 0 !important;
  width: 18%;
  font-family: "metropolisregular";
  border-bottom: 1px solid #e8e5e5;
  padding: 11px 0 12px 6px !important;
  line-height: 20px;
}

.report_summary_block_list_content:last-child
  .report_summary_block_list_contentpart_Insurence4 {
  border-bottom: none !important;
}

.report_summary_block_list_content:last-child
  .report_summary_block_list_contentpart_Insurence3 {
  border-bottom: none !important;
}

.report_summary_block_list_content:last-child
  .report_summary_block_list_contentpart_Insurence2 {
  border-bottom: none !important;
}

.insurence1_img {
  width: 31px;
  border-radius: 8px;
  background: #c9f7f5 !important;
  padding: 6px;
}

.insurence2_img {
  width: 31px;
  border-radius: 8px;
  padding: 6px;
  background: #fff3df !important;
}

.practiceblockicon1 {
  width: 30px !important;
  background: #f56a71;
  border-radius: 9px;
  padding: 4px;
}

.practiceblockicon2 {
  width: 30px !important;
  background: #fff3df;
  border-radius: 9px;
  padding: 4px;
}

.practiceblockicon3 {
  width: 30px !important;
  background: #c9f7f5;
  border-radius: 9px;
  padding: 4px;
}

.practiceblockicon4 {
  width: 30px !important;
  background: #fff3df;
  border-radius: 9px;
  padding: 4px;
}

.practiceblockicon5 {
  width: 30px !important;
  background: #c9f7f5;
  border-radius: 9px;
  padding: 4px;
}

.practiceblockicon6 {
  width: 30px !important;
  background: #ede5fd;
  border-radius: 9px;
  padding: 4px;
}

.practiceblockicon7 {
  width: 30px !important;
  background: #fff3df;
  border-radius: 9px;
  padding: 4px;
}

.practiceblockicon8 {
  width: 30px !important;
  background: #ede5fd;
  border-radius: 9px;
  padding: 4px;
}

.add_form
  .form_wrapper
  .mat-form-field-appearance-fill
  .mat-form-field-flex
  .mat-form-field-prefix {
  position: inherit;
}

.bilableblockicon1 {
  width: 30px !important;
  background: #ede5fd;
  border-radius: 9px;
  padding: 4px;
}

.bilableblockicon3 {
  width: 30px !important;
  background: #fff3df;
  border-radius: 9px;
  padding: 4px;
}

.bilableblockicon4 {
  width: 30px !important;
  background: #c0f1ee;
  border-radius: 9px;
  padding: 4px;
}

.bilableblockicon5 {
  width: 30px !important;
  background: #ede5fd;
  border-radius: 9px;
  padding: 4px;
}

.bilableblockicon6 {
  width: 30px !important;
  background: #ede5fd;
  border-radius: 9px;
  padding: 4px;
}

.bilableblockicon7 {
  width: 30px !important;
  background: #fff3df;
  border-radius: 9px;
  padding: 4px;
}

.bilableblockicon8 {
  width: 30px !important;
  background: #c0f1ee;
  border-radius: 9px;
  padding: 4px;
}

.usersummery_icon1 {
  background: #c9f7f5;
  border-radius: 9px;
  padding: 4px;
  width: 30px;
}

.usersummery_icon2 {
  background: #ede5fd;
  border-radius: 9px;
  padding: 4px;
  width: 30px;
}

.usersummery_icon3 {
  background: #fff3df;
  border-radius: 9px;
  padding: 4px;
  width: 30px;
}

.usersummery_icon4 {
  background: #c9f7f5;
  border-radius: 9px;
  width: 30px;
  padding: 4px;
}

.usersummery_icon5 {
  background: #fff3df;
  border-radius: 9px;
  width: 30px;
  padding: 4px;
}

.usersummery_icon6 {
  background: #c9f7f5;
  border-radius: 9px;
  width: 30px;
  padding: 4px;
}

.usersummery_icon7 {
  background: #ede5fd;
  border-radius: 9px;
  width: 30px;
  padding: 4px;
}

.usersummery_icon8 {
  background: #fff3df;
  border-radius: 9px;
  width: 30px;
  padding: 4px;
}

.usersummery_icon9 {
  background: #c9f7f5;
  border-radius: 9px;
  width: 30px;
  padding: 4px;
}

.usersummery_icon10 {
  background: #ede5fd;
  border-radius: 9px;
  width: 30px;
  padding: 4px;
}

.usersummery_icon11 {
  background: #fff3df;
  border-radius: 9px;
  width: 30px;
  padding: 4px;
}

.usersummery_icon12 {
  background: #c9f7f5;
  border-radius: 9px;
  width: 30px;
  padding: 4px;
}

.usersummery_icon13 {
  background: #ede5fd;
  border-radius: 9px;
  width: 30px;
  padding: 4px;
}

.usersummery_icon14 {
  background: #fff3df;
  border-radius: 9px;
  width: 30px;
  padding: 4px;
}

.usersummery_icon15 {
  background: #c9f7f5;
  border-radius: 9px;
  width: 30px;
  padding: 4px;
}

.Usersummerybutton {
  background: #ded9d9;
  border-radius: 7px;
  width: 20px;
}

.Usersummerybutton2 {
  background: #ded9d9;
  border-radius: 7px;
  width: 20px;
  margin-left: 4px !important;
}

.firstgraph_block {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  margin: 0 auto;
  width: 1668px;
  box-shadow: none !important;
}

.firstgraph_block_loginactivity {
  padding: 15px 16px 62px !important;
  position: relative !important;
}

.firstgraph_block_processtime {
  padding: 15px 16px 62px !important;
  position: relative !important;
}

.graph_top_icon {
  position: absolute !important;
  top: 72px;
  left: 12px;
}

.graph_bottom_icon {
  position: absolute !important;
  bottom: 32px;
  right: 20px;
}

.graph_indicator_count {
  position: absolute !important;
  top: 61px;
  left: 49px;
}

.graph_indicator_day {
  position: absolute !important;
  bottom: 8px;
  right: 23px;
}

.secondgraph_block {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  margin: 0 auto;
  width: 1668px;
  margin-top: 18px !important;
  box-shadow: none !important;
}

.thirdgraph_block {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  margin: 0 auto;
  width: 1668px;
  margin-top: 18px !important;
  box-shadow: none !important;
}

.firstgraph_block .mat-card-content {
  width: 48%;
}

.firstgraph_block_titel_login {
  padding: 11px !important;
  border-radius: 22px !important;
  font-size: 16px !important;
  width: 201px !important;
  text-align: center !important;
  background: linear-gradient(to left, #fc0 0%, #f90 67%) !important;
  color: #fff !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-family: "metropolisregular";
  font-weight: 700 !important;
}

.firstgraph_block_titel_jobticket {
  padding: 11px !important;
  border-radius: 22px !important;
  font-size: 16px !important;
  width: 201px !important;
  text-align: center !important;
  background: linear-gradient(to left, #fc0 0%, #f90 67%) !important;
  color: #fff !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-family: "metropolisregular";
  font-weight: 700 !important;
}

.firstgraph_block_titel_billable {
  padding: 11px !important;
  border-radius: 22px !important;
  font-size: 16px !important;
  width: 201px !important;
  text-align: center !important;
  background: linear-gradient(to left, #fc0 0%, #f90 67%) !important;
  color: #fff !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-family: "metropolisregular";
  font-weight: 700 !important;
}

.firstgraph_block_titel_process {
  padding: 11px !important;
  border-radius: 22px !important;
  font-size: 16px !important;
  width: 201px !important;
  text-align: center !important;
  background: linear-gradient(to left, #fc0 0%, #f90 67%) !important;
  color: #fff !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-family: "metropolisregular";
  font-weight: 700 !important;
  padding: 11px !important;
  border-radius: 22px !important;
  font-size: 16px !important;
  width: 201px !important;
  text-align: center !important;
  background: linear-gradient(to left, #fc0 0%, #f90 67%) !important;
  color: #fff !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-family: metropolisregular;
  font-weight: bold !important;
}

.firstgraph_block_titel_inquiry {
  padding: 11px !important;
  border-radius: 22px !important;
  font-size: 16px !important;
  width: 201px !important;
  text-align: center !important;
  background: linear-gradient(to left, #fc0 0%, #f90 67%) !important;
  color: #fff !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-family: "metropolisregular";
  font-weight: 700 !important;
}

.firstgraph_block_loginactivity {
  width: 48%;
  box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
}

.firstgraph_block_processtime {
  width: 48%;
  box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
}

.billable_block_arrrow {
  position: absolute !important;
  right: 10px;
  bottom: -37px;
  width: 94% !important;
  justify-content: space-between !important;
}

.no_record_found {
  text-align: center !important;
  color: #992705 !important;
  margin-top: 150px !important;
  font-style: normal;
  font-weight: 500;
}

.relatedPracticeModal .practiceitem {
  border-bottom: solid 1px #ccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.relatedPracticeModal .practiceitem:last-of-type {
  border: none;
  padding: 0;
  margin: 0;
}

.relatedPracticeModal .practiceitem p mat-label {
  color: var(--button-color2);
}

.relatedPracticeModal .mat-button {
  background: var(--button-color3);
  font-family: "AvenirRoman";
  font-size: 16px;
  color: #fff !important;
  text-transform: uppercase;
  min-width: 150px;
  margin: 15px auto !important;
  padding-top: 5px;
  display: block;
}

.relatedPracticeModal .actionButton {
  color: var(--button-color2);
}

.relatedPracticeModal .mat-form-field {
  display: block;
  margin: 0 15px;
}

.addRelatedPracticecls {
  margin-top: 0 !important;
}

.nopracticeclserror {
  display: block;
  text-align: center;
  color: red;
}

.navlistwrapper .navlist {
  padding: 2px 4px;
  display: inline-block !important;
  background: #e0e0e0;
  border-radius: 5px;
  margin: 2px;
}

.navlistwrapper {
  margin: 0 15px;
}

.cancelmodal_class {
  float: none !important;
  color: #fff;
  position: absolute;
  right: 0;
  cursor: pointer;
  top: 0;
  background: var(--button-color3);
  padding: 2px;
}

.relatedPracticeModal .mat-dialog-container {
  position: relative;
  overflow: inherit;
}

.ChooseBiller_wrapper {
  max-height: 65vh;
  overflow-y: auto;
}

.practiceTagsno {
  display: block;
  border-radius: 100px;
  background: var(--button-color3);
  font-family: "AvenirRoman";
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 26px;
  padding-top: 4px;
  font-weight: 700;
}

.addRelatedPracticecls_wrapper {
  margin: 0 10px;
  text-align: center;
  margin-bottom: 15px !important;
}

.addRelatedPracticecls_wrapper .addRelatedPracticecls {
  min-width: 100px !important;
  display: inline-block !important;
  margin: 0 2px !important;
}

.document_wrappergallery {
  position: relative;
}

.document_wrappergallery img {
  width: 100%;
}

.nextprev_wapper {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: space-between;
  position: absolute;
  width: 100%;
  top: 40%;
}

.nextprev_wapper button {
  background: linear-gradient(45deg, #45bdf5, #23aaeb);
  font-size: 18px;
  color: #fff;
  line-height: inherit;
}

.document_wrappergallery .itemCounter {
  display: block;
  text-align: center;
  margin: 0;
  padding: 6px;
  font-family: "AvenirMedium";
  font-size: 18px;
  background: #000;
  color: #fff;
}

.buttonnewmodal {
  display: block;
  text-align: center;
  margin-top: 10px;
}

.buttonnewmodal button {
  background: var(--button-color2);
  font-size: 16px;
  text-transform: uppercase;
  font-family: "AvenirMedium";
  border-radius: 0;
  padding: 5px 14px 0;
  color: #fff !important;
  margin: 5px;
}

.super_bill_item .icon .mat-card-content {
  margin: 0 !important;
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background: #5552d6 !important;
}

.patient_block_search_name {
  position: absolute !important;
  top: 10px;
  right: 46px;
  z-index: 9 !important;
  font-family: "metropolisregular";
  font-size: 13px !important;
}

.billable_block_search_name {
  position: absolute !important;
  top: 6px;
  z-index: 9 !important;
  font-family: "metropolisregular";
  font-size: 13px !important;
  left: 51px;
  cursor: pointer;
}

.patient_report_block_tech .searchiconcls {
  height: 36px !important;
  width: 40px !important;
  background: #f5f5f5 !important;
  padding: 6px !important;
  margin: 7px !important;
  position: absolute !important;
  top: -9px !important;
  right: 10px !important;
  border-radius: 9px !important;
  z-index: 7;
}

.patient_report_block_tech .searchiconcls .iconcls {
  cursor: pointer;
  font-size: 27px !important;
}

.patient_report_block_tech .patient_report_block_tech_search_name {
  position: absolute !important;
  top: 7px !important;
  right: 50px !important;
  z-index: 9 !important;
  font-family: "metropolisregular";
  font-size: 13px !important;
}

.main_pending_processing_block_header_left {
  position: absolute;
  top: -23px;
  display: block;
}

.pending_processing_block_list_card {
  box-shadow: none !important;
  padding: 4px 30px 4px 31px !important;
  display: flex !important;
  background: none !important;
}

.pending_processing_block_list_card_content1 {
  font-family: "metropolisregular";
  font-size: 12px !important;
  font-weight: 700 !important;
  width: 140px !important;
  min-width: 100px;
}

.pending_processing_block_list_card_content2_span1 {
  font-family: "metropolisregular";
  font-size: 12px !important;
  background: #ede5fd !important;
  padding: 4px;
  float: left !important;
  min-width: 216px;
}

.pending_processing_block_list_card_content2_span2 {
  font-family: "metropolisregular";
  font-size: 12px !important;
  background: #fff3df !important;
  padding: 4px;
  float: left !important;
  min-width: 216px;
}

.pending_processing_block_list_card_content2_span3 {
  font-family: "metropolisregular";
  font-size: 12px !important;
  background: #c9f7f5 !important;
  padding: 4px;
  min-width: 216px;
  float: left !important;
}

.pending_processing_block_list_header p {
  width: 180px;
  padding: 5px;
  text-align: center;
  border-radius: 9px;
  margin: 10px 0 2px 10px !important;
  font-size: 16px;
  background: linear-gradient(to left, #ffe59c 0%, #ffd49c 100%);
  font-family: "metropolisregular";
  margin-bottom: 22px !important;
}

.pending_processing_button_div {
  position: absolute !important;
  bottom: -117px;
  left: 0;
  width: 100%;
}

.pending_processingblock_button {
  box-shadow: none !important;
  margin-top: 9px !important;
}

.pending_processingblock_viewall_button {
  width: 129px !important;
  border-radius: 12px;
  color: #fff !important;
  font-size: 15px !important;
  background: linear-gradient(to left, #ff8f01 0%, #ffbe00 67%) !important;
  margin: 0 auto !important;
  float: none !important;
  border-radius: 9px !important;
  display: block !important;
}

.pending_processing_block_arrrow {
  position: absolute !important;
  right: 10px;
  bottom: -109px;
  width: 94% !important;
  justify-content: space-between !important;
}

.pending_processing_block_arrrow_content {
  display: flex !important;
  justify-content: space-between !important;
  flex-wrap: wrap;
}

.tech_jobticket_button_div {
  position: absolute !important;
  bottom: -220px;
  left: 0;
  width: 100%;
}

.tech_jobticket_viewall_button {
  position: absolute !important;
  top: -22px !important;
  right: 151px !important;
  border-radius: 9px !important;
  width: 128px !important;
  border-radius: 12px;
  color: #fff !important;
  font-size: 15px !important;
  background: linear-gradient(to left, #ff8f01 0%, #ffbe00 67%) !important;
  margin: 0 auto !important;
  float: none !important;
  border-radius: 9px !important;
  display: block !important;
  width: 129px !important;
}

.tech_jobticket_block_arrrow_jobticket {
  position: absolute !important;
  left: 13px;
  top: 622px;
  width: 94% !important;
  justify-content: space-between !important;
}

.tech_jobticket_block_arrrow_content {
  display: flex !important;
  justify-content: space-between !important;
  flex-wrap: wrap;
}

.practice_block_left_arrow,
.practice_block_right_arrow {
  cursor: pointer;
}

.recent_processing_button_div {
  position: absolute !important;
  bottom: -54px;
  left: 0;
  width: 100%;
}

.recent_processingblock_button {
  box-shadow: none !important;
  margin-top: 9px !important;
}

.pending_processingblock_viewall_button {
  width: 129px !important;
  border-radius: 12px;
  color: #fff !important;
  font-size: 15px !important;
  background: linear-gradient(to left, #ff8f01 0%, #ffbe00 67%) !important;
  margin: 0 auto !important;
  float: none !important;
  border-radius: 9px !important;
  display: block !important;
}

.recent_processing_block_arrrow {
  position: absolute !important;
  right: 10px;
  bottom: -51px;
  width: 94% !important;
  justify-content: space-between !important;
}

.recent_processing_block_arrrow_content {
  display: flex !important;
  justify-content: space-between !important;
  flex-wrap: wrap;
}

.tecjobticket1_button_div {
  position: absolute !important;
  bottom: -204px;
  left: 0;
  width: 100%;
}

.tecjobticket1_button {
  box-shadow: none !important;
  margin-top: 9px !important;
}

.pending_processingblock_viewall_button {
  width: 129px !important;
  border-radius: 12px;
  color: #fff !important;
  font-size: 15px !important;
  background: linear-gradient(to left, #ff8f01 0%, #ffbe00 67%) !important;
  margin: 0 auto !important;
  float: none !important;
  border-radius: 9px !important;
  display: block !important;
  z-index: 9;
}

.tecjobticket1_block_arrrow {
  position: absolute !important;
  right: 10px;
  bottom: -196px;
  width: 94% !important;
  justify-content: space-between !important;
}

.tecjobticket1_block_arrrow_content {
  display: flex !important;
  justify-content: space-between !important;
  flex-wrap: wrap;
}

.main_location_block {
  width: 48%;
  min-height: 396px;
  box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
}

.firstgraph_block_Location_titel_process {
  padding: 11px !important;
  border-radius: 22px !important;
  font-size: 16px !important;
  width: 201px !important;
  text-align: center !important;
  background: linear-gradient(to left, #fc0 0%, #f90 67%) !important;
  color: #fff !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-family: "metropolisregular";
  font-weight: 700 !important;
  margin-bottom: 36px !important;
}

.datebox_Practice {
  background: #f5f5f5 !important;
  box-shadow: none !important;
}

.practice_detail_block {
  box-shadow: none !important;
  width: 37%;
  padding: 0 !important;
}

.no_record_found_tecjobticket {
  text-align: center !important;
  color: #e88600 !important;
  margin-top: 290px !important;
  font-style: normal;
  font-weight: 500;
}

.datebox_field_practicedetail {
  position: relative !important;
  text-align: center !important;
  font-family: "metropolisregular";
  color: #626262 !important;
}

.datebox_field_practicedetail_main {
  font-family: "metropolissemi_bold";
  font-size: 15px !important;
  margin-left: 5px !important;
}

.pendin_aproval_nurse_button_div {
  position: absolute !important;
  bottom: -57px;
  left: 0;
  width: 100%;
}

.pendin_aproval_nurse_button {
  box-shadow: none !important;
  margin-top: 9px !important;
}

.pendin_aproval_nurselblock_viewall_button {
  width: 129px !important;
  border-radius: 12px;
  color: #fff !important;
  font-size: 15px !important;
  background: linear-gradient(to left, #ff8f01 0%, #ffbe00 67%) !important;
  margin: 0 auto !important;
  float: none !important;
  border-radius: 9px !important;
  display: block !important;
}

.pendin_aproval_block_arrrow {
  position: absolute !important;
  right: 10px;
  bottom: -48px;
  width: 94% !important;
  justify-content: space-between !important;
}

.pendin_aproval_block_arrrow_content {
  display: flex !important;
  justify-content: space-between !important;
  flex-wrap: wrap;
}

.jobticket_block .toogle_griid {
  display: block;
  text-align: right;
  margin: 16px 20px 12px 0 !important;
}

.prctice_block .toogle_griid {
  display: block;
  text-align: right;
  margin: 16px 20px 12px 0 !important;
}

.pending_signature_block .toogle_griid {
  display: block;
  text-align: right;
  margin: 16px 20px 12px 0 !important;
}

.dashboard_first_block .pending_signature_block {
  width: 32.5%;
  box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
  margin-top: 49px !important;
  position: relative !important;
  background: url(../images/practice-BACKGROUNDshadow.png) no-repeat !important;
  background-position: center bottom !important;
}

.main_pending_signature_block {
  padding: 4px !important;
  margin: 0 !important;
  box-shadow: none !important;
  background: none !important;
}

.main_pending_signature_block_header {
  display: flex !important;
  justify-content: space-between !important;
  box-shadow: none !important;
  padding: 4px !important;
  font-family: "metropolisregular";
}

.main_pending_signature_block_header_left {
  margin-left: 7px !important;
  font-family: "metropolisregular";
  font-weight: 700;
}

.jobticket_nurse_button_div {
  position: absolute !important;
  bottom: -188px;
  left: 0;
  width: 100%;
}

.jobticket_nurse_button {
  box-shadow: none !important;
  margin-top: 9px !important;
}

.pendin_aproval_nurselblock_viewall_button {
  width: 129px !important;
  border-radius: 12px;
  color: #fff !important;
  font-size: 15px !important;
  background: linear-gradient(to left, #ff8f01 0%, #ffbe00 67%) !important;
  margin: 0 auto !important;
  float: none !important;
  border-radius: 9px !important;
  display: block !important;
  z-index: 9;
}

.nurse_jobticket_block_arrrow {
  position: absolute !important;
  right: 10px;
  bottom: -179px;
  width: 94% !important;
  justify-content: space-between !important;
}

.nurse_jobticket_block_arrrow_content {
  display: flex !important;
  justify-content: space-between !important;
  flex-wrap: wrap;
}

.pending_signature_block .mat-card-title {
  padding: 12px !important;
  border-radius: 22px !important;
  font-size: 19px !important;
  width: 262px !important;
  text-align: center !important;
  background: linear-gradient(to left, #ffbe00 0%, #ff8f01 67%) !important;
  color: #fff !important;
  margin: 0 auto;
  font-family: "metropolisregular";
  font-weight: 700;
}

.patient_report_block_nurse {
  width: 73%;
  box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
  margin-bottom: 0 !important;
}

.patient_report_block_nurse .searchiconcls {
  height: 36px !important;
  width: 40px !important;
  background: #f5f5f5 !important;
  padding: 6px !important;
  margin: 7px !important;
  position: absolute !important;
  top: -50px !important;
  border-radius: 9px !important;
  right: 0;
}

.patient_report_block_nurse .searchiconcls .iconcls {
  cursor: pointer;
  font-size: 27px !important;
}

.patient_report_block_nurse_search_name {
  position: absolute !important;
  top: 24px;
  right: 46px;
  z-index: 9 !important;
  font-family: "metropolisregular";
  font-size: 13px !important;
}

.location_block_wrapper {
  padding: 5px !important;
  margin-top: -21px !important;
  box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
}

.location_block_list_card {
  box-shadow: none !important;
  padding: 4px 30px 4px 31px !important;
  display: flex !important;
}

.location_block_list_card_content1 {
  font-family: "metropolisregular";
  font-size: 12px !important;
  font-weight: 700 !important;
  width: 224px !important;
  margin-top: 7px;
  margin-bottom: 0 !important;
}

.location_block_list_card_content2_span1 {
  font-family: "metropolisregular";
  font-size: 12px !important;
  background: #ede5fd !important;
  padding: 4px;
  float: left !important;
  min-width: 48%;
  width: 48%;
}

.location_block_list_card_content2_span2 {
  font-family: "metropolisregular";
  font-size: 12px !important;
  background: #fff3df !important;
  padding: 4px;
  float: left !important;
  min-width: 48%;
}

.location_block_list_card_content2_span3 {
  font-family: "metropolisregular";
  font-size: 12px !important;
  background: #c9f7f5 !important;
  padding: 4px;
  float: left !important;
  min-width: 48%;
  width: 200px;
}

.location_block_list_card_pic {
  width: 44px !important;
  margin-bottom: 0 !important;
}

.loctionpic1 {
  background: #ede5fd;
  border-radius: 9px;
}

.loctionpic2 {
  background: #fef2dd;
  border-radius: 9px;
}

.loctionpic3 {
  background: #c7f6f4;
  border-radius: 9px;
}

.location_block_arrrow {
  position: absolute !important;
  right: 17px;
  bottom: 18px;
  width: 94% !important;
  justify-content: space-between !important;
}

.location_block_arrrow_content {
  display: flex !important;
  justify-content: space-between !important;
  flex-wrap: wrap;
}

.pending_signature_block .togglesearchcls {
  display: none !important;
}

.pending_signature_block .lib-pager-class:nth-of-type(2) {
  display: none !important;
}

.pending_signature_block .tablewrapper {
  padding-bottom: 34px !important;
}

.pending_approval_listing_viewall_button {
  width: 129px !important;
  border-radius: 12px;
  color: #fff !important;
  font-size: 15px !important;
  background: linear-gradient(to left, #ff8f01 0%, #ffbe00 67%) !important;
  margin: 0 auto !important;
  float: none !important;
  display: block !important;
  position: absolute !important;
  top: 626px;
  right: 151px;
  border-radius: 9px !important;
}

.nurse_jobticket_listing_viewall_button {
  width: 129px !important;
  border-radius: 12px;
  color: #fff !important;
  font-size: 15px !important;
  background: linear-gradient(to left, #ff8f01 0%, #ffbe00 67%) !important;
  margin: 0 auto !important;
  float: none !important;
  display: block !important;
  position: absolute !important;
  left: 40%;
  bottom: 3%;
  border-radius: 9px !important;
}

.jobticket_user_description_nurse p {
  font-size: 12px;
  margin: 5px;
}

.jobticket_user_description .class2 {
  overflow: hidden !important;
  height: 27px !important;
  text-overflow: ellipsis;
  max-width: 300px !important;
  white-space: nowrap;
}

@media screen and (width: 1920px) {
  .jobticket_user_description .class2 {
    overflow: hidden !important;
    height: 24px !important;
    text-overflow: ellipsis;
    max-width: 360px !important;
    white-space: nowrap;
  }
}

.jobticket_user_description .class1 {
  height: auto !important;
}

.jobticket_user_description_nurse {
  text-overflow: ellipsis;
  max-width: 304px !important;
  white-space: nowrap;
  overflow: hidden;
}

.patient_report_block
  .nurse_patient_report_listing
  .lib-pager-class:nth-of-type(2) {
  margin-top: 0 !important;
}

.prctice_block .nurse_patient_report_listing .lib-pager-class:nth-of-type(2) {
  display: none !important;
}

.nurse_patient_report_listing .tablewrapper {
  margin-top: 12px;
  box-shadow: none !important;
  padding-bottom: 0 !important;
}

.nurse_patient_report_listing .mat-table {
  box-shadow: none !important;
}

.nurse_patient_report_listing .mat-table .material-icons {
  font-size: 24px !important;
}

.nurse_patient_report_listing .searchbar {
  height: auto !important;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 2px 2px #c5c5c5;
  padding: 16px 4px !important;
  position: relative;
  background: #fbfbfb;
  margin-top: 12px;
}

.nurse_patient_report_listing.tablewrapper {
  margin-top: 13px;
}

.nurse_patient_report_listing .lib-pager-class:nth-of-type(1) {
  display: none !important;
}

.nurse_patient_report_listing .notebtncls {
  display: block !important;
  font-size: 0 !important;
  background: #ede5fd url(../../assets/images/patientbutton1.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  padding: 0 !important;
  background-size: 27px !important;
}

.nurse_patient_report_listing .custombutton0 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #fff3df url(../../assets/images/viewreport_new.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  margin: 5px !important;
  height: 26px !important;
  background-position: center !important;
  padding: 0 !important;
  background-size: 27px !important;
}

.nurse_patient_report_listing .custombutton1 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #c9f7f5 url(../../assets/images/tec_new.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  background-position: center !important;
  padding: 0 !important;
  background-size: 27px !important;
}

.nurse_patient_report_listing .custombutton2 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #ede5fd url(../../assets/images/patientbutton5.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  background-position: center !important;
  padding: 0 !important;
  background-size: 27px !important;
}

.nurse_patient_report_listing .custombutton3 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #fff3df url(../../assets/images/doctor_new.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  background-position: center !important;
  background-position: center !important;
  padding: 0 !important;
  background-size: 27px !important;
}

.nurse_patient_report_listing .custombutton5 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #ede5fd url(../../assets/images/patientbutton6.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  background-position: center !important;
  padding: 0 !important;
  background-size: 27px !important;
}

.nurse_patient_report_listing .custombutton7 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #fff3df url(../../assets/images/download_new.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  background-position: center !important;
  padding: 0 !important;
  background-size: 27px !important;
}

.nurse_patient_report_listing .custombutton8 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #c9f7f5 url(../../assets/images/download_report_new.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  align-items: center !important;
  background-position: center !important;
  background-position: center !important;
  padding: 0 !important;
  background-size: 27px !important;
}

.nurse_patient_report_listing .custombutton9 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #ede5fd url(../../assets/images/clinical_report_new.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  background-position: center !important;
  padding: 0 !important;
  background-size: 27px !important;
}

.nurse_patient_report_listing .custombutton10 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #fff3df url(../../assets/images/delet_new.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  background-position: center !important;
  padding: 0 !important;
  background-size: 27px !important;
}

.nurse_patient_report_listing .tablewrapper table td span .cursor {
  display: inline-block;
  background: #fef3df;
  margin: 2px;
  color: #fff;
  padding: 2px 6px;
  border-radius: 9px;
  width: 32px;
  color: #fccf5e;
}

.nurse_patient_report_listing .example-section-button-1 {
  display: block !important;
}

.nurse_patient_report_listing .cdk-column-Actions {
  min-height: 56px !important;
  text-align: center !important;
}

.nurse_patient_report_listing .cdk-column-practicename {
  min-height: 56px !important;
}

.nurse_patient_report_listing .cdk-column-status_text {
  min-height: 56px !important;
}

.nurse_patient_report_listing .cdk-column-patient_name {
  min-height: 56px !important;
}

.nurse_patient_report_listing .tablewrapper tr td:first-child {
  padding-left: 14px !important;
  font-weight: 700;
}

.nurse_patient_report_listing .button_div_custom_cls {
  display: flex !important;
  flex-wrap: wrap !important;
}

.nurse_patienetreport_header {
  width: 99%;
  padding: 0 !important;
  display: flex !important;
  box-shadow: none !important;
  justify-content: space-between;
}

.nurse_patientreport_button {
  width: 160px !important;
  border-radius: 12px;
  color: #fff !important;
  font-size: 15px !important;
  background: linear-gradient(to left, #ff8f01 0%, #ffbe00 67%) !important;
  margin: 0 auto !important;
  float: none !important;
  display: block !important;
  margin-top: 13px !important;
  border-radius: 9px !important;
}

.patient_report_block_tech_new {
  width: 73%;
  box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
  margin-bottom: 0 !important;
  position: relative !important;
}

.patient_report_block_tech_new .searchiconcls {
  height: 36px !important;
  width: 40px !important;
  background: #f5f5f5 !important;
  padding: 6px !important;
  margin: 7px !important;
  position: absolute !important;
  top: -56px !important;
  right: 178px !important;
  border-radius: 9px !important;
}

.patient_report_block_tech_new .searchiconcls .iconcls {
  cursor: pointer;
  font-size: 27px !important;
}

.patient_report_block_tech_new .tech_new_patient_block_search_name {
  position: absolute !important;
  top: 8px !important;
  right: 410px !important;
  z-index: 9 !important;
  font-family: "metropolisregular";
  font-size: 13px !important;
}

.mostActivePracticelisting .lib-pager-class:nth-of-type(2) {
  margin-top: none !important;
}

.mostActivePracticelisting .mat-row:last-child {
  border-bottom: none !important;
}

.tech_patientreport_button {
  width: 160px !important;
  border-radius: 12px;
  color: #fff !important;
  font-size: 15px !important;
  background: linear-gradient(to left, #ff8f01 0%, #ffbe00 67%) !important;
  margin: 0 auto !important;
  float: none !important;
  display: block !important;
  position: absolute !important;
  right: 20px;
  border-radius: 9px !important;
  bottom: 16px;
}

.upcomming_appoinment_block_button {
  box-shadow: none !important;
  margin-top: 41px;
}

.upcomming_appoinment_block_arrrow {
  position: absolute !important;
  right: 10px;
  bottom: 20px;
  width: 94% !important;
  justify-content: space-between !important;
}

.recent_processsing_block_button {
  box-shadow: none !important;
}

.recent_processing_listing_viewall_button {
  width: 129px !important;
  border-radius: 12px;
  color: #fff !important;
  font-size: 15px !important;
  background: linear-gradient(to left, #ff8f01 0%, #ffbe00 67%) !important;
  margin: 0 auto !important;
  float: none !important;
  display: block !important;
  position: absolute !important;
  top: 618px;
  right: 151px;
  border-radius: 9px !important;
}

.dashboard_first_block .Upcomming_Appoinment_block {
  width: 32.5%;
  box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
  margin-top: 49px !important;
  position: relative !important;
  background: url(../images/practice-BACKGROUNDshadow.png) no-repeat !important;
  background-position: center bottom !important;
}

.Upcomming_Appoinment_block .mat-card-title {
  padding: 12px !important;
  border-radius: 22px !important;
  font-size: 19px !important;
  width: 262px !important;
  text-align: center !important;
  background: linear-gradient(to left, #ffbe00 0%, #ff8f01 67%) !important;
  color: #fff !important;
  margin: 0 auto;
  font-family: "metropolisregular";
  font-weight: 700;
}

.Upcomming_Appoinment_block .toogle_griid {
  display: block;
  text-align: right;
  margin: 16px 20px 12px 0 !important;
}

.jobticket_viewall_button_tec_linsting {
  width: 129px !important;
  border-radius: 12px;
  color: #fff !important;
  font-size: 15px !important;
  background: linear-gradient(to left, #ff8f01 0%, #ffbe00 67%) !important;
  margin: 0 auto !important;
  float: none !important;
  border-radius: 9px !important;
  display: block !important;
  position: absolute !important;
  bottom: 16px;
  right: 139px;
}

.main_pending_approval {
  padding: 4px !important;
  margin-top: 10px;
  box-shadow: none !important;
}

.doctor_jobticket_block_arrrow {
  position: absolute !important;
  right: 10px;
  bottom: -28%;
  width: 94% !important;
  justify-content: space-between !important;
  z-index: 9;
}

.jobticket_doctor_button_div {
  position: absolute !important;
  bottom: 21px;
  left: 0;
  width: 100%;
}

.atleast_modal_close_icon {
  position: absolute !important;
  top: 5px;
  right: 4px;
  background: #88bf65;
  border-radius: 100px;
  font-size: 2px;
  cursor: pointer;
  padding: 1px;
  color: #fff;
}

.atleast_selectone_modal {
  position: relative !important;
  padding-top: 32px !important;
}

.atleast_selectone_modal_header {
  text-align: center;
  font-family: "metropolissemi_bold";
  margin-top: 19px;
  font-size: 15px !important;
}

.atleast_selectone_modal_button {
  text-align: center;
  margin-bottom: 0 !important;
}

.atleast_selectone_modal_button_main {
  width: 80px !important;
  border-radius: 12px;
  color: #fff !important;
  font-size: 15px !important;
  background: linear-gradient(to left, #ff8f01 0%, #ffbe00 67%) !important;
  margin: 0 auto !important;
  float: none !important;
  border-radius: 9px !important;
  display: block !important;
  cursor: pointer !important;
}

.pending_processing_block
  .mostActivePracticelisting
  .lib-pager-class:nth-of-type(2) {
  display: none !important;
}

.pending_processing_block .searchiconcls {
  height: 36px !important;
  width: 40px !important;
  background: #f5f5f5 !important;
  padding: 6px !important;
  margin: 7px !important;
  position: absolute !important;
  top: -50px !important;
  left: 8px !important;
  border-radius: 9px !important;
}

.pending_processing_block .searchiconcls .iconcls {
  cursor: pointer;
  font-size: 27px !important;
}

.folderview_main_header {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  background: #ffb000;
  background: linear-gradient(
    180deg,
    rgba(255, 176, 0, 1) 0%,
    rgba(255, 143, 1, 1) 100%
  ) !important;
  padding: 1px;
  position: absolute !important;
  top: -20px;
  right: 0;
  border-bottom-left-radius: 80px;
  border-bottom-right-radius: 80px;
  height: 90px;
}

.folderview_main_header p {
  font-size: 39px !important;
  font-family: "metropolissemi_bold";
  color: #fff;
  text-align: center;
  margin: 16px 0 0 !important;
}

.folderview_main_header_div {
  width: 600px;
  margin: 0 auto;
}

.folderview_main_header_div_position {
  width: 100%;
  position: relative !important;
  height: 120px;
}

.folderview_main_header::before {
  content: "";
  position: absolute !important;
  background: url(../images/folderview_header_leftimg.png) !important;
  top: 0;
  width: 156px;
  height: 57px;
  left: -53px;
}

.folderview_main_header::after {
  content: "";
  position: absolute !important;
  background: url(../images/folderview_header_rightimg.png) !important;
  top: 0;
  width: 156px;
  height: 57px;
  right: -53px;
}

.patient_item_section_right .mat-tab-label {
  background: #fff3df;
  margin-right: 5px;
  color: #000 !important;
}

.patient_item_section_right .mat-tab-label-active {
  background: #3895ff !important;
  color: #000 !important;
}

.mostActivePracticelisting .tablewrapper th {
  font-weight: 700 !important;
}

.pending_signature_viewall_button {
  width: 129px !important;
  border-radius: 12px;
  color: #fff !important;
  font-size: 15px !important;
  background: linear-gradient(to left, #ff8f01 0%, #ffbe00 67%) !important;
  margin: 0 auto !important;
  float: none !important;
  border-radius: 9px !important;
  display: block !important;
  position: absolute !important;
  bottom: 12px;
  right: 139px;
}

.patient_report_block .togglesearchcls mat-form-field {
  display: none !important;
}

.patient_report_block .togglesearchcls .searchbtncls {
  display: none !important;
}

.mostActivePracticelisting .mat-card {
  background: none !important;
}

.mostActivePracticelisting .container {
  background: none !important;
}

.mostActivePracticelisting .mat-table {
  background: none !important;
}

.searchmodalnewdashboard h1 {
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-family: "metropolissemi_bold";
  font-size: 18px;
  background: linear-gradient(to left, #ffe59c 0%, #ffd49c 100%);
  text-align: center;
  border-radius: 18px;
  color: #000 !important;
  width: 380px;
  margin: 0 auto;
  padding: 8px;
}

.search_div_admin {
  display: flex !important;
  justify-content: space-between !important;
  margin: 0 auto !important;
  padding-top: 12px;
  flex-wrap: wrap;
  align-items: center;
}

.search_div_admin .mat-form-field {
  width: 49% !important;
}

.search_div_admin .admin_search_modal_2nd_div {
  width: 49% !important;
}

.search_div_admin .example-full-width {
  width: 49% !important;
}

.search_div_admin .example-full-width .mat-form-field-infix {
  padding: 11px 8px 6px !important;
}

.admin_search_modal_2nd_div .example-full-width .mat-form-field-infix {
  padding: 10px 8px 8px !important;
  margin-left: 10px;
}

.search_div_admin
  .admin_search_modal_2nd_div
  .mat-form-field
  .mat-form-field-infix {
  padding: 10px 8px 3px !important;
}

.patient_searchmodal_label .mat-form-field-flex {
  padding: 8px 8px 6px !important;
}

.patient_searchmodal_location_label .mat-form-field-flex {
  padding: 3px 8px 2px !important;
}

.searchentity_bilablesearch .mat-form-field-flex {
  padding: 4px 8px 0 !important;
}

.listingsearchtitle {
  text-transform: uppercase;
  font-family: "metropolissemi_bold";
  font-size: 18px;
  background: linear-gradient(to left, #ffe59c 0%, #ffd49c 100%);
  text-align: center;
  border-radius: 18px;
  color: #000 !important;
  width: 380px;
  margin: 0 auto;
  padding: 8px;
  margin-bottom: 10px !important;
}

.search_div_admin .mat-form-field-flex {
  background: #f5f5f5 !important;
}

.admin_search_modal_2nd_div .mat-form-field-flex {
  background: #f5f5f5 !important;
}

.search_div_admin .example-full-width .mat-form-field-label-wrapper {
  margin-left: 14px !important;
}

.search_div_admin .admin_search_modal_2nd_div .mat-form-field {
  width: 100% !important;
}

.mat-form-field_wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.mat-form-field_wrapper .mat-form-field {
  width: 49%;
}

.searchmodalnewdashboard .example-full-width {
  width: 100%;
}

.searchmodalnewdashboard button {
  margin-right: 8px;
  background: var(--button-color1);
  border-radius: 5px;
  text-transform: uppercase;
  font-family: "AvenirMedium";
  font-size: 19px;
  padding: 6px 15px 0;
  min-width: 48px;
  background: linear-gradient(to left, #ffe59c 0%, #ffd49c 100%);
  color: #fff !important;
  text-align: center;
  line-height: 30px;
  color: #000;
}

.searchmodalnewdashboard {
  width: 590px !important;
}

.admin_search_modal_2nd_div {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: space-between;
  box-shadow: none !important;
  padding: 4px !important;
}

.admin_search_modal_2nd_div .mat-form-field {
  width: 49% !important;
}

.admin_search_modal_button_div {
  display: flex !important;
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: center;
  box-shadow: none !important;
  padding: 4px !important;
}

.admin_search_modal_datesearch_div .mat-form-field {
  width: 100% !important;
}

.searchmodalnewdashboard .admin_search_modal_button {
  background: linear-gradient(to left, #ff8f01 0%, #ffbe00 67%) !important;
  color: #fff;
}

.admin_search_modal_2nd_div .mat-form-field-flex {
  font-size: 12px !important;
}

.admin_search_modal .mat-input-element {
  font-size: 12px !important;
}

.allreportlistadmin .searchbtncls {
  width: 100%;
  margin-top: 69px;
}

.allreportlistadmin .searchbar {
  position: relative;
}

.allreportlistadmin .buttonsearch_div {
  position: absolute;
  top: 122px;
  left: 145px;
}

@media screen and (max-width: 1920px) {
  .allreportlistadmin .buttonsearch_div {
    position: absolute;
    top: 122px;
    left: 375px;
  }
}

@media screen and (max-width: 1700px) {
  .allreportlistadmin .buttonsearch_div {
    position: absolute;
    top: 122px;
    left: 284px;
  }
}

@media screen and (max-width: 1500px) {
  .allreportlistadmin .buttonsearch_div {
    position: absolute;
    top: 122px;
    left: 161px;
  }
}

@media screen and (max-width: 1300px) {
  .allreportlistadmin .buttonsearch_div {
    position: absolute;
    top: 122px;
    left: 93px;
  }
}

@media screen and (max-width: 1200px) {
  .allreportlistadmin .buttonsearch_div {
    position: absolute;
    top: 122px;
    left: 40px;
  }
}

@media screen and (max-width: 1100px) {
  .allreportlistadmin .buttonsearch_div {
    position: absolute;
    top: 122px;
    left: -10px;
  }
}

.allreportlistadmin_main_card {
  width: 97%;
  margin: 0 auto;
  box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
  padding: 16px 0 0 !important;
  min-height: 500px;
}

.allreportlistadmin_main_card_title p {
  background: linear-gradient(to left, #ffe59c 0%, #ffd49c 100%);
  margin: 0 auto;
  padding: 10px;
  text-align: center;
  border-radius: 16px;
  font-size: 22px;
  max-width: 65%;
  display: inline-block;
  min-width: 293px;
}

.allreportlistadmin .mat-form-field-infix {
  font-size: 12px !important;
}

.allreportlistadmin .add_button:nth-child(1) {
  background: #ede5fd !important;
  color: #000;
  border: none !important;
  padding: 10px !important;
}

.allreportlistadmin .add_button:nth-child(2) {
  background: #fef2dd !important;
  color: #000;
  border: none !important;
  padding: 10px !important;
}

.allreportlistadmin .add_button:nth-child(3) {
  background: #c7f6f4 !important;
  color: #000;
  border: none !important;
  padding: 10px !important;
}

.allreportlistadmin .add_button:nth-child(4) {
  background: #ede5fd !important;
  color: #000;
  border: none !important;
  padding: 10px !important;
}

.allreportlistadmin .search_class .add_button {
  background: linear-gradient(to left, #ff8f01 0%, #ffbe00 67%) !important;
  color: #fff;
  border: none !important;
  padding: 0 !important;
  font-weight: 700;
}

.allreportlistadmin table th.mat-header-cell span {
  display: flex;
  justify-content: unset !important;
  align-items: center;
}

.mostActivePracticelisting table th.mat-header-cell span {
  display: flex;
  justify-content: unset !important;
  align-items: center;
}

.no_record_found_allreportlist {
  text-align: center !important;
  color: #e88600 !important;
  font-style: normal;
  font-weight: 500;
  margin-top: 150px !important;
}

.listing_biller2ndblock .mat-table {
  padding-bottom: 67px;
}

.admin_superbillsection
  .useThisOnly_withsearch_wrapper
  .search_wrapper_t
  .mat-form-field-underline {
  display: none !important;
}

.doctor_listing .searchiconcls {
  height: 36px !important;
  width: 40px !important;
  background: #f5f5f5 !important;
  padding: 6px !important;
  margin: 7px !important;
  position: absolute !important;
  top: -44px !important;
  right: 10px !important;
  border-radius: 9px !important;
}

.tech_2ndblock .tablewrapper {
  margin-bottom: 33px !important;
}

.tech_2ndblock .cdk-column-patient_name {
  min-height: 56px !important;
  width: 29% !important;
}

.practice_save_modal {
  width: 600px;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between;
}

.practice_save_modal1stmodal {
  width: 700px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  padding: 16px 16px 0 !important;
  min-height: 300px;
  justify-content: space-between;
}

.practice_save_1stmodal_content1 {
  width: 100%;
  cursor: pointer;
  text-align: center;
  background: #ede5fd;
  margin-bottom: 10px !important;
  padding: 10px 0;
  border-radius: 9px;
  font-family: "metropolissemi_bold";
  font-size: 16px !important;
  color: #000;
  margin-top: 22px;
}

.practice_save_modal .practice_save_modal_content1stbutton {
  width: 32%;
  cursor: pointer;
  text-align: center;
  background: #ede5fd;
  margin-bottom: 10px !important;
  padding: 5px 0;
  border-radius: 9px;
  font-family: "metropolissemi_bold";
  font-size: 14px !important;
  color: #000;
}

.practice_save_modal .practice_save_modal_content2ndbutton {
  width: 32%;
  cursor: pointer;
  text-align: center;
  background: #fef2dd;
  margin-bottom: 10px !important;
  padding: 5px 0;
  border-radius: 9px;
  font-family: "metropolissemi_bold";
  font-size: 14px !important;
  color: #000;
}

.practice_save_modal .practice_save_modal_content3rdbutton {
  width: 32%;
  cursor: pointer;
  text-align: center;
  background: #c7f6f4;
  margin-bottom: 10px !important;
  padding: 5px 0;
  border-radius: 9px;
  font-family: "metropolissemi_bold";
  font-size: 14px !important;
  color: #000;
}

.practice_save_modal .practice_save_modal_content4thbutton {
  width: 32%;
  cursor: pointer;
  text-align: center;
  background: #ede5fd;
  margin-bottom: 10px !important;
  padding: 5px 0;
  border-radius: 9px;
  font-family: "metropolissemi_bold";
  font-size: 14px !important;
  color: #000;
}

.practice_save_modal .practice_save_modal_content5thbutton {
  width: 32%;
  cursor: pointer;
  text-align: center;
  background: #fef2dd;
  margin-bottom: 10px !important;
  padding: 5px 0;
  border-radius: 9px;
  font-family: "metropolissemi_bold";
  font-size: 14px !important;
  color: #000;
}

.practice_save_modal .practice_save_modal_content6thbutton {
  width: 32%;
  cursor: pointer;
  text-align: center;
  background: #c7f6f4;
  margin-bottom: 10px !important;
  padding: 5px 0;
  border-radius: 9px;
  font-family: "metropolissemi_bold";
  font-size: 14px !important;
  color: #000;
}

.practice_save_modal .practice_save_modal_content7thbutton {
  width: 32%;
  cursor: pointer;
  text-align: center;
  background: #ede5fd;
  margin-bottom: 10px !important;
  padding: 5px 0;
  border-radius: 9px;
  font-family: "metropolissemi_bold";
  font-size: 14px !important;
  color: #000;
}

.practice_save_modal .practice_save_modal_content8thbutton {
  width: 32%;
  cursor: pointer;
  text-align: center;
  background: #fef2dd;
  margin-bottom: 10px !important;
  padding: 5px 0;
  border-radius: 9px;
  font-family: "metropolissemi_bold";
  font-size: 14px !important;
  color: #000;
}

.practice_save_modal .practice_save_modal_content9thbutton {
  width: 32%;
  cursor: pointer;
  text-align: center;
  background: #c7f6f4;
  margin-bottom: 10px !important;
  padding: 5px 0;
  border-radius: 9px;
  font-family: "metropolissemi_bold";
  font-size: 14px !important;
  color: #000;
}

.practice_save_modal .practice_save_modal_content10thbutton {
  width: 32%;
  cursor: pointer;
  text-align: center;
  background: #ede5fd;
  margin-bottom: 10px !important;
  padding: 5px 0;
  border-radius: 9px;
  font-family: "metropolissemi_bold";
  font-size: 14px !important;
  color: #000;
}

.practice_save_modal .practice_save_modal_content11thbutton {
  width: 32%;
  cursor: pointer;
  text-align: center;
  background: #fef2dd;
  margin-bottom: 10px !important;
  padding: 5px 0;
  border-radius: 9px;
  font-family: "metropolissemi_bold";
  font-size: 14px !important;
  color: #000;
}

.practice_save_modal .practice_save_modal_content12thbutton {
  width: 32%;
  cursor: pointer;
  text-align: center;
  background: #c7f6f4;
  margin-bottom: 10px !important;
  padding: 5px 0;
  border-radius: 9px;
  font-family: "metropolissemi_bold";
  font-size: 14px !important;
  color: #000;
}

.practice_save_modal .practice_save_modal_content13thbutton {
  width: 32%;
  cursor: pointer;
  text-align: center;
  background: #ede5fd;
  margin-bottom: 10px !important;
  padding: 5px 0;
  border-radius: 9px;
  font-family: "metropolissemi_bold";
  font-size: 14px !important;
  color: #000;
}

.practice_save_modal .practice_save_modal_content14thbutton {
  width: 32%;
  cursor: pointer;
  text-align: center;
  background: #fef2dd;
  margin-bottom: 10px !important;
  padding: 5px 0;
  border-radius: 9px;
  font-family: "metropolissemi_bold";
  font-size: 14px !important;
  color: #000;
}

.practice_save_modal .practice_save_modal_content15thbutton {
  width: 32%;
  cursor: pointer;
  text-align: center;
  background: #c7f6f4;
  margin-bottom: 10px !important;
  padding: 5px 0;
  border-radius: 9px;
  font-family: "metropolissemi_bold";
  font-size: 14px !important;
  color: #000;
}

.practice_save_modal .practice_save_modal_content16thbutton {
  width: 32%;
  cursor: pointer;
  text-align: center;
  background: #ede5fd;
  margin-bottom: 10px !important;
  padding: 5px 0;
  border-radius: 9px;
  font-family: "metropolissemi_bold";
  font-size: 14px !important;
  color: #000;
}

.practice_save_modal .practice_save_modal_content17thbutton {
  width: 32%;
  cursor: pointer;
  text-align: center;
  background: #fef2dd;
  margin-bottom: 10px !important;
  padding: 5px 0;
  border-radius: 9px;
  font-family: "metropolissemi_bold";
  font-size: 14px !important;
  color: #000;
}

.practice_save_modal .practice_save_modal_content18thbutton {
  width: 32%;
  cursor: pointer;
  text-align: center;
  background: #c7f6f4;
  margin-bottom: 10px !important;
  padding: 5px 0;
  border-radius: 9px;
  font-family: "metropolissemi_bold";
  font-size: 14px !important;
  color: #000;
}

.practice_save_modal .practice_save_modal_content1 {
  width: 93%;
  cursor: pointer;
  text-align: center;
  background: #ede5fd;
  padding: 10px 0;
  border-radius: 9px;
  font-family: "metropolissemi_bold";
  font-size: 16px !important;
  margin: 0 auto 10px !important;
  color: #000;
}

.practice_save_modal1stmodal_zerocard {
  width: 96% !important;
  box-shadow: none !important;
  padding: 11px !important;
}

.practice_save_modal_gobacksec {
  cursor: pointer;
  border-radius: 9px;
  font-family: "metropolissemi_bold";
  font-size: 14px !important;
  color: #000;
  float: right;
  display: flex;
  align-items: center;
}

.practice_save_modal_gobacksec p {
  text-decoration: underline;
}

.practice_save_modal_gobacksec .material-icons {
  float: left;
  margin-right: 13px;
}

.practice_save_modal_gobacksec_div {
  margin: 0 auto;
}

.practice_save_inner_modal {
  padding: 12px !important;
  position: relative;
}

.practice_save_inner_modal_close {
  position: absolute !important;
  top: 8px;
  right: 7px;
}

.practice_save_inner_modal_close .material-icons {
  cursor: pointer;
  background: #39bce9;
  color: #fff;
  border-radius: 100px;
  font-size: 17px;
  padding: 3px;
}

.patientreport_folderview_list_main {
  width: 100%;
  box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
  margin-bottom: 0 !important;
}

.folderview_jobticket_list .cdk-column-Actions {
  min-height: 56px !important;
  min-width: 27% !important;
  text-align: center !important;
  position: relative;
}

.folderview_jobticket_list .searchiconcls .iconcls {
  cursor: pointer;
  font-size: 27px !important;
}

.folderview_jobticket_list .searchiconcls {
  height: 36px !important;
  width: 40px !important;
  background: #f5f5f5 !important;
  padding: 6px !important;
  margin: 7px !important;
  position: absolute !important;
  top: -76px;
  left: 8px !important;
  border-radius: 9px !important;
}

.patient_report_folderview_search_name {
  position: absolute !important;
  top: 32px;
  z-index: 9 !important;
  font-family: "metropolisregular";
  font-size: 13px !important;
  left: 69px;
}

.patientreport_folderview_list_main_viewall_button {
  width: 129px !important;
  border-radius: 12px;
  color: #fff !important;
  font-size: 15px !important;
  background: linear-gradient(to left, #ff8f01 0%, #ffbe00 67%) !important;
  margin: 0 auto !important;
  float: none !important;
  display: block !important;
  border-radius: 9px !important;
}

.patientreport_folderview_list_main_viewall_button_card {
  box-shadow: none !important;
  padding: 0 !important;
}

.folderview_jobticket_list .cdk-column-status_text {
  min-height: 56px !important;
  min-width: 11% !important;
}

.folderview_jobticket_list .cdk-column-practicename {
  min-height: 56px !important;
  min-width: 14% !important;
}

.doctor_2ndblock_listing .cdk-column-created_at_datetime {
  min-width: 42% !important;
}

.doctor_1stblock_listing .cdk-column-patient_name {
  min-width: 27% !important;
}

.doctor_1stblock_listing .mat-table {
  padding-bottom: 45px !important;
}

.tech_2ndblock .cdk-column-practicename {
  min-height: 56px !important;
  min-width: 21% !important;
}

.recent_processing_tech_listing_viewall_button {
  width: 129px !important;
  border-radius: 12px;
  color: #fff !important;
  font-size: 15px !important;
  background: linear-gradient(to left, #ff8f01 0%, #ffbe00 67%) !important;
  margin: 0 auto !important;
  float: none !important;
  display: block !important;
  position: absolute !important;
  top: 618px;
  right: 151px;
  border-radius: 9px !important;
}

@media screen and (width: 1920px) {
  .recent_processing_tech_listing_viewall_button {
    width: 129px !important;
    border-radius: 12px;
    color: #fff !important;
    font-size: 15px !important;
    background: linear-gradient(to left, #ff8f01 0%, #ffbe00 67%) !important;
    margin: 0 auto !important;
    float: none !important;
    display: block !important;
    position: absolute !important;
    top: 618px;
    right: 202px;
    border-radius: 9px !important;
  }
}

.dashboard_first_block .nurse_1stblock {
  width: 32.5%;
  box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
  margin-top: 49px !important;
  position: relative !important;
  background: url(../images/practice-BACKGROUNDshadow.png) no-repeat !important;
  background-position: center bottom !important;
  min-height: 706px;
}

.practice_patientreport .searchbar {
  display: none !important;
}

.doctor_listing .searchbar {
  display: none !important;
}

.tech_patientreport_listing .searchbar {
  display: none !important;
}

.Physiacian_assistant_listing .searchbar {
  display: none !important;
}

.nurse_patiantreport_listing .searchbar {
  display: none !important;
}

.biller_listing_patient .searchbar {
  display: none !important;
}

.Physiacian_assistant_listing .notebtncls {
  display: block !important;
  font-size: 0 !important;
  background: #ede5fd url(../../assets/images/patientbutton1.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  background-size: 27px !important;
  background-position: center !important;
  padding: 0 !important;
}

.Physiacian_assistant_listing .custombutton0 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #fff3df url(../../assets/images/viewreport_new.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  margin: 5px !important;
  height: 26px !important;
  background-position: center !important;
  background-size: 21px !important;
  padding: 0 !important;
}

.Physiacian_assistant_listing .custombutton1 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #c9f7f5 url(../../assets/images/tec_new.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  background-position: center !important;
  background-size: 20px !important;
  padding: 0 !important;
}

.Physiacian_assistant_listing .custombutton2 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #ede5fd url(../../assets/images/patientbutton5.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  background-position: center !important;
  background-size: 27px !important;
  padding: 0 !important;
}

.Physiacian_assistant_listing .custombutton3 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #fff3df url(../../assets/images/doctor_new.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  background-position: center !important;
  background-position: center !important;
  background-size: 20px !important;
  padding: 0 !important;
}

.Physiacian_assistant_listing .custombutton5 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #ede5fd url(../../assets/images/patientbutton6.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  background-position: center !important;
  background-size: 27px !important;
  padding: 0 !important;
}

.Physiacian_assistant_listing .custombutton6 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #fef3df url(../../assets/images/Jobticket_button_icon.png)
    no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  background-position: center !important;
  background-size: 27px !important;
  padding: 0 !important;
}

.Physiacian_assistant_listing .custombutton7 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #fff3df url(../../assets/images/maskasbuild.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  background-position: center !important;
  background-size: 20px !important;
  padding: 0 !important;
}

.Physiacian_assistant_listing .custombutton8 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #c9f7f5 url(../../assets/images/download_report_new.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  align-items: center !important;
  background-position: center !important;
  background-position: center !important;
  background-size: 20px !important;
  padding: 0 !important;
}

.Physiacian_assistant_listing .custombutton9 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #ede5fd url(../../assets/images/clinical_report_new.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  background-position: center !important;
  background-size: 20px !important;
  padding: 0 !important;
}

.Physiacian_assistant_listing .custombutton10 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #fff3df url(../../assets/images/download_new.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  background-position: center !important;
  background-size: 20px !important;
  padding: 0 !important;
}

.Physiacian_assistant_listing .custombutton11 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #ede5fd url(../../assets/images/delete_new1.0.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  background-position: center !important;
  background-size: 27px !important;
  padding: 0 !important;
}

.Physiacian_assistant_listing .custombutton12 .mat-raised-button {
  font-size: 0 !important;
  display: block !important;
  background: #fff3df url(../../assets/images/delet_new.png) no-repeat !important;
  width: 26px !important;
  min-width: 0 !important;
  border-radius: 9px;
  height: 26px !important;
  margin: 5px !important;
  background-position: center !important;
  background-size: 27px !important;
  padding: 0 !important;
}

.new_usermanagement_right_mainpart_searchpart .mat-form-field-wrapper {
  padding-bottom: 0 !important;
}

.new_usermanagement_right_mainpart_searchpart .mat-form-field-underline {
  display: none !important;
}

.new_usermanagement_right_mainpart_searchpart
  .mat-form-field-appearance-fill
  .mat-form-field-flex {
  background: #fff !important;
}

.new_usermanagement_right_mainpart_searchpart_autocomplete
  .mat-form-field-wrapper {
  padding-bottom: 0 !important;
}

.new_usermanagement_right_mainpart_searchpart_autocomplete
  .mat-form-field-underline {
  display: none !important;
}

.new_usermanagement_right_mainpart_searchpart_autocomplete
  .mat-form-field-appearance-fill
  .mat-form-field-flex {
  background: #fff !important;
}

.new_usermanagement_right_mainpart_searchpart_autocomplete
  .mat-form-field-infix {
  padding: 0 !important;
  border-top: 0 !important;
}

.new_usermanagement_right_mainpart_searchpart .mat-form-field-infix {
  margin-left: 12px;
  margin-bottom: 5px !important;
}

.new_usermanagement_card {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: space-between;
  background: none;
  border-radius: 0;
  margin: 0 5px;
  box-shadow: none;
  border-bottom: 1px solid #cac5c5;
  padding: 8px !important;
  align-items: center;
}

.otheraction_modal_heading {
  padding: 12px;
  width: 202px;
  margin: 0 auto;
  text-align: center;
  border-radius: 9px;
  font-size: 24px;
  background: linear-gradient(to left, #ffe59c 0%, #ffd49c 100%);
  font-family: "metropolisregular";
}

.otheraction_modal {
  box-shadow: none !important;
}

.otheraction_modal_buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center;
  padding: 0 0 0 10px;
}

.otheraction_modal_buttons .mat-raised-button {
  width: 23%;
  margin-bottom: 10px !important;
  padding: 2px !important;
  border-radius: 8px !important;
  color: #000 !important;
  font-family: "metropolisregular";
  font-size: 15px !important;
  margin-right: 17px;
  min-height: 40px;
  min-width: 210px;
  line-height: 20px;
}

.otheraction_modal {
  padding: 0 !important;
}

.otheraction_modal_buttons .mat-raised-button:nth-child(1) {
  background: #ede5fd !important;
}

.otheraction_modal_buttons .mat-raised-button:nth-child(2) {
  background: #fff3df !important;
}

.otheraction_modal_buttons .mat-raised-button:nth-child(3) {
  background: #c9f7f5 !important;
}

.otheraction_modal_buttons .mat-raised-button:nth-child(4) {
  background: #ede5fd !important;
}

.otheraction_modal_buttons .mat-raised-button:nth-child(5) {
  background: #fff3df !important;
}

.otheraction_modal_buttons .mat-raised-button:nth-child(6) {
  background: #c9f7f5 !important;
}

.otheraction_modal_buttons .mat-raised-button:nth-child(7) {
  background: #ede5fd !important;
}

.otheraction_modal_buttons .mat-raised-button:nth-child(8) {
  background: #fff3df !important;
}

.otheraction_modal_buttons .mat-raised-button:nth-child(9) {
  background: #c9f7f5 !important;
}

.otheraction_modal_buttons .mat-raised-button:nth-child(10) {
  background: #ede5fd !important;
}

.otheraction_modal_buttons .mat-raised-button:nth-child(11) {
  background: #fff3df !important;
}

.otheraction_modal_buttons .mat-raised-button:nth-child(12) {
  background: #c9f7f5 !important;
}

.showing0ff_admin_1stblock {
  position: absolute !important;
  bottom: 60px;
  left: 0;
  width: 100%;
  text-align: center;
}

.showing0ff_admin_1stblock p {
  font-size: 13px !important;
  font-family: "metropolisregular";
}

.showing0ff_admin_2stblock {
  position: absolute !important;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

.showing0ff_admin_2stblock p {
  font-size: 13px !important;
  font-family: "metropolisregular";
}

.showing0ff_admin_3stblock {
  position: absolute !important;
  top: 106%;
  left: 0;
  width: 100%;
  text-align: center;
}

.showing0ff_admin_3stblock p {
  font-size: 13px !important;
  font-family: "metropolisregular";
}

.mostActivePracticelisting .mat-header-row {
  background: #efefef;
}

.block_progressbar .mat-progress-bar-fill::after {
  background-color: #f3c22c !important;
}

.block_progressbar .mat-progress-bar-buffer {
  background-color: #fef2dc !important;
}

.mostActivePracticelisting .mat-progress-bar-fill::after {
  background-color: #f3c22c !important;
}

.mostActivePracticelisting .mat-progress-bar-buffer {
  background-color: #fef2dc !important;
}

.admin_firstblock {
  min-height: 400px !important;
}

.practic_block_1st_listing .cdk-column-Actions {
  min-width: 15% !important;
}

.practic_block_1st_listing .cdk-column-allreports {
  min-width: 46% !important;
}

.practic_block_1st_listing .cdk-column-fullname {
  min-width: 32% !important;
}

.bilableblock_listing .cdk-column-Actions {
  min-width: 15% !important;
}

.user_summary_block mat-card {
  background: none !important;
}

.adminpatientreport .tablewrapper {
  min-height: 671px !important;
}

.techinformation_modal_title p {
  padding: 6px;
  width: 331px;
  margin: 0 auto;
  text-align: center;
  border-radius: 9px;
  font-size: 24px;
  background: linear-gradient(to left, #ffe59c 0%, #ffd49c 100%);
  font-family: "metropolisregular";
}

.techinformation_modal_maininfo {
  padding: 0 !important;
  box-shadow: none !important;
}

.techinformation_modal_maininfo_card {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 10px !important;
  background: #eaeaea !important;
}

.techinformation_modal_maininfo_content {
  width: 48%;
  margin-bottom: 0 !important;
}

.techinformation_modal {
  width: 528px;
  position: relative !important;
}

.techinformation_modal_bold {
  font-family: "metropolissemi_bold";
}

.techinformation_modal_reguler {
  font-family: "metropolisregular";
}

.techinformation_modal_closeicon {
  position: absolute !important;
  top: 6px;
  right: 5px;
}

.mostActivePracticelisting .searchbar {
  display: none !important;
}

.techinformation_modal_closeicon .material-icons {
  background: #8bc19e;
  color: #fff;
  border-radius: 100px;
  padding: 1px;
  cursor: pointer;
}

.techinformation_modal_2 {
  width: 800px;
  position: relative !important;
}

.fas {
  cursor: pointer !important;
}

.folderview_add_modal_title {
  margin: 0 auto;
  margin-bottom: 20px !important;
  width: 100% !important;
  margin-top: 14px !important;
  position: relative;
}

.folderview_add_modal_title p {
  padding: 10px;
  width: 306px;
  margin: 0 auto;
  text-align: center;
  border-radius: 9px;
  font-size: 24px;
  background: linear-gradient(to left, #ffe59c 0%, #ffd49c 100%);
  font-family: "metropolisregular";
}

.folderview_add_modal {
  box-shadow: none !important;
  padding: 0 14px !important;
}

.allreportlistforall {
  width: 73% !important;
}

.allreportsummeryforall {
  width: 25% !important;
  box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
}

.allreportlistforall_card {
  display: flex !important;
  justify-content: space-between;
  margin: 0 auto;
}

.folderview_jobticket_block_arrrow {
  position: absolute !important;
  right: 22px;
  bottom: 28px;
  width: 96% !important;
  justify-content: space-between !important;
}

.bilableblock_listing .cdk-column-total_approved_report {
  text-align: center !important;
}

.allreportlistforall .searchiconcls {
  height: 36px !important;
  width: 40px !important;
  background: #f5f5f5 !important;
  padding: 6px !important;
  margin: 7px !important;
  position: absolute !important;
  top: -62px !important;
  left: 8px !important;
  border-radius: 9px !important;
}

.allreportlistforall .searchiconcls .iconcls {
  cursor: pointer !important;
  font-size: 27px !important;
}

.allreportblock_search_name {
  position: absolute !important;
  top: 18px;
  left: 53px;
  z-index: 9 !important;
  font-family: "metropolisregular";
  font-size: 13px !important;
  cursor: pointer;
}

@media screen and (max-width: 1700px) {
  .allreportlistforall .tablewrapper table td span .cursor {
    display: inline-block;
    background: #fef3df;
    margin: 2px;
    color: #fff;
    border-radius: 9px;
    width: 28px;
    color: #fccf5e;
    padding: 2px;
    height: 28px;
    position: absolute;
    top: 44px !important;
    right: 29px !important;
  }
}

@media screen and (width: 1920px) {
  .allreportlistforall .tablewrapper table td span .cursor {
    display: inline-block;
    background: #fef3df;
    margin: 2px;
    color: #fff;
    border-radius: 9px;
    width: 28px;
    color: #fccf5e;
    padding: 2px;
    height: 28px;
    position: absolute;
    top: 48px !important;
    right: 28px !important;
  }
}

.allreportlistadmin .cdk-column-patient_name {
  width: 21% !important;
}

.allreportlistadmin .cdk-column-status_text {
  width: 24% !important;
}

.allreportlistadmin .cdk-column-practicename {
  width: 24% !important;
}

.allreportlistadmin .tablewrapper table td span .cursor {
  display: inline-block;
  background: #fef3df;
  margin: 2px;
  color: #fff;
  border-radius: 9px;
  width: 28px;
  color: #fccf5e;
  padding: 2px;
  height: 28px;
  position: absolute;
  top: 8px !important;
  right: 28px !important;
}

.adminpatientreport .tablewrapper tr td {
  padding: 10px 0 !important;
}

.adminpatientreport .recordflagcls {
  margin-top: 22px;
  text-align: right;
  margin-right: 20px;
}

.adminpatientreport .searchiconcls {
  height: 36px !important;
  width: 40px !important;
  background: #f5f5f5 !important;
  padding: 6px !important;
  margin: 7px !important;
  position: absolute !important;
  top: -59px !important;
  right: 0 !important;
  border-radius: 9px !important;
}

.practice_patientreport .searchiconcls {
  height: 36px !important;
  width: 40px !important;
  background: #f5f5f5 !important;
  padding: 6px !important;
  margin: 7px !important;
  position: absolute !important;
  top: -62px !important;
  right: 0 !important;
  border-radius: 9px !important;
  z-index: 7;
}

.patient_report_block_tech_search_name {
  cursor: pointer !important;
}

.mostActivePracticelisting .multipledeleteandupdatebuttan {
  margin-bottom: 0 !important;
}

.mostActivePracticelisting .multipledeleteandupdatebuttan .mat-raised-button {
  background: linear-gradient(to left, #ff8f01 0%, #ffbe00 67%) !important;
  margin-left: 19px !important;
  border-radius: 9px;
}

.admindashboard_main_card
  .mat-bottom-sheet-container
  .bottom-sheet-header-toggle {
  font-family: "AvenirBlack";
  font-size: 18px;
  color: red !important;
  padding: 7px 5px;
  border-bottom: 1px solid #d4d4d4;
}

.admindashboard_main_card {
  padding: 0 !important;
  box-shadow: none !important;
}

.mostActivePracticelisting .noFoundText {
  display: none !important;
}

.mat_spinner_search .mat-progress-spinner circle,
.mat-spinner circle {
  stroke: #ffbe00 !important;
}

.sds_mat_spinner_div {
  right: 0;
  opacity: 0.5;
}

.mat_spinner_div {
  position: fixed !important;
  width: 100vw !important;
  height: 100vh !important;
  display: flex;
  text-align: center !important;
  vertical-align: middle !important;
  top: 0;
  z-index: 9;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.4);
}

.mat_spinner_div .mat-progress-spinner {
  display: block;
  position: relative;
  margin: 0 auto;
}

.recentbilled_practice__block_arrrow {
  position: absolute !important;
  right: 10px;
  bottom: -13%;
  width: 94% !important;
  justify-content: space-between !important;
}

.recentbilled_practice__block_button_div {
  position: absolute !important;
  bottom: -13%;
  left: 0;
  width: 100%;
}

.showing0ff_admin_1stblock_doctor2nd {
  position: absolute !important;
  bottom: -76px;
  left: 161px;
}

.showing0ff_admin_1stblock_doctor2nd p {
  font-size: 13px !important;
  font-family: "metropolisregular";
}

.showing0ff_admin_1stblock_doctor1st {
  position: absolute !important;
  bottom: -63px;
  left: 161px;
}

.showing0ff_admin_1stblock_doctor1st p {
  font-size: 13px !important;
  font-family: "metropolisregular";
}

.showing0ff_admin_1stblock_doctor3rd {
  position: absolute !important;
  bottom: -64px;
  left: 161px;
}

.showing0ff_admin_1stblock_doctor3rd p {
  font-size: 13px !important;
  font-family: "metropolisregular";
}

@media screen and (width: 1920px) {
  .showing0ff_admin_1stblock_doctor2nd {
    position: absolute !important;
    bottom: -76px;
    left: 214px;
  }
  .showing0ff_admin_1stblock_doctor3rd {
    position: absolute !important;
    bottom: -64px;
    left: 217px;
  }
  .showing0ff_admin_1stblock_doctor1st {
    position: absolute !important;
    bottom: -63px;
    left: 217px;
  }
  .doctor_jobticket_button_div_new {
    position: absolute !important;
    bottom: 29px !important;
    left: -50px !important;
    width: 100%;
  }
  .practice_recentlybilled_listing_viewall_button {
    width: 129px !important;
    border-radius: 12px;
    color: #fff !important;
    font-size: 15px !important;
    background: linear-gradient(to left, #ff8f01 0%, #ffbe00 67%) !important;
    margin: 0 auto !important;
    float: none !important;
    display: block !important;
    position: absolute !important;
    top: 677px;
    right: 208px !important;
    border-radius: 9px !important;
  }
}

.doctor_jobticket_button_div_new {
  position: absolute !important;
  bottom: 25px;
  left: 0;
  width: 100%;
}

.practice_recentlybilled_listing_viewall_button {
  width: 129px !important;
  border-radius: 12px;
  color: #fff !important;
  font-size: 15px !important;
  background: linear-gradient(to left, #ff8f01 0%, #ffbe00 67%) !important;
  margin: 0 auto !important;
  float: none !important;
  display: block !important;
  position: absolute !important;
  top: 677px;
  right: 151px;
  border-radius: 9px !important;
}

.firstgraph_block_titel_login_specification {
  width: 57%;
  position: absolute;
  top: 8px;
  right: 0;
  text-align: center;
}

.firstgraph_block_titel_login_specification p {
  font-size: 13px;
  font-family: "metropolissemi_bold";
  color: #24807f;
}

.firstgraph_block_titel_login_specification_processing {
  width: 57%;
  position: absolute;
  top: 8px;
  right: 11px;
  text-align: center;
}

.firstgraph_block_titel_login_specification_processing p {
  font-size: 13px;
  font-family: "metropolissemi_bold";
  color: #24807f;
}

.firstgraph_block_titel_login_specification_billable {
  width: 50%;
  position: absolute;
  top: 8px;
  right: 11px;
  text-align: center;
}

.firstgraph_block_titel_login_specification_billable p {
  font-size: 13px;
  font-family: "metropolissemi_bold";
  color: #24807f;
}

.firstgraph_block_titel_login_specification_inqyry {
  width: 52%;
  position: absolute;
  top: 8px;
  right: 16px;
  text-align: center;
}

.firstgraph_block_titel_login_specification_inqyry p {
  font-size: 13px;
  font-family: "metropolissemi_bold";
  color: #24807f;
}

.tech_patientreport_listing2 .searchiconcls {
  height: 36px !important;
  width: 40px !important;
  background: #f5f5f5 !important;
  padding: 6px !important;
  margin: 7px !important;
  position: absolute !important;
  top: -73px !important;
  right: 22%;
  border-radius: 9px !important;
}

@media screen and (width: 1920px) {
  .tech_patientreport_listing2 .searchiconcls {
    height: 36px !important;
    width: 40px !important;
    background: #f5f5f5 !important;
    padding: 6px !important;
    margin: 7px !important;
    position: absolute !important;
    top: -68px !important;
    right: 20%;
    border-radius: 9px !important;
  }
  .patient_report_block_tech_new .tech_new_patient_block_search_name {
    position: absolute !important;
    top: 8px !important;
    right: 556px !important;
    z-index: 9 !important;
    font-family: "metropolisregular";
    font-size: 13px !important;
  }
}

.newpractice .tablewrapper {
  min-height: 760px !important;
}

.report_summary_block .mat-card {
  background: none !important;
}

.folderview_patientreport_listing .cdk-column-Actions {
  min-height: 56px !important;
  min-width: 100% !important;
  text-align: center !important;
  position: relative;
}

.refreshbutton_listing_newdashboard {
  position: absolute;
  top: 15px;
  left: 114px;
  background: #fbbd01;
  color: #fff;
  padding: 3px;
  border-radius: 100px;
  font-size: 18px;
  cursor: pointer;
}

@media screen and (width: 1920px) {
  .refreshbutton_listing_newdashboard {
    position: absolute;
    top: 15px;
    left: 140px;
    background: #fbbd01;
    color: #fff;
    padding: 3px;
    border-radius: 100px;
    font-size: 18px;
    cursor: pointer;
  }
}

@media screen and (width: 1700px) {
  .refreshbutton_listing_newdashboard {
    position: absolute;
    top: 15px;
    left: 119px;
    background: #fbbd01;
    color: #fff;
    padding: 3px;
    border-radius: 100px;
    font-size: 18px;
    cursor: pointer;
  }
}

.practice_patientreport .tablewrapper .mat-column-Actions {
  max-width: 290px !important;
  min-width: 148px;
}

.practice_patientreport .cdk-column-Actions {
  min-height: 56px !important;
  text-align: center !important;
  position: relative;
}

.tech_patientreport_listing2 .tablewrapper .mat-column-Actions {
  max-width: 290px !important;
  min-width: 148px;
}

.doctor_listing .tablewrapper .mat-column-Actions {
  max-width: 290px !important;
  min-width: 148px;
}

.nurse_patiantreport_listing .tablewrapper .mat-column-Actions {
  max-width: 555px !important;
  min-width: 148px;
}

.mat-tooltip {
  font-size: 12px !important;
}

.changepasswordmodal
  .modalforfolderview_changepassword
  .mat-dialog-container
  .mat-dialog-title {
  line-height: inherit;
  text-align: center;
  margin: 0;
  display: block;
  background: linear-gradient(to left, #ffe59c 0%, #ffd49c 100%) !important;
  color: #fff;
  padding: 10px 6px;
  font-family: "AvenirBlack";
  text-transform: uppercase;
}

.nonotesforview {
  text-align: center !important;
  color: #e88600 !important;
  font-style: normal;
  font-weight: 500;
}

.test
  .parent-bottom-class
  .mat-bottom-sheet-container
  .bottom-sheet-header-toggle {
  font-family: "AvenirBlack";
  font-size: 18px;
  color: #9c3303;
  padding: 7px 5px;
  border-bottom: 1px solid #d4d4d4;
}

.modalforfolderview_changepassword .modalforfolderview_changepassword_title {
  line-height: inherit;
  text-align: center;
  margin: 0;
  display: block;
  background: linear-gradient(to left, #ffe59c 0%, #ffd49c 100%) !important;
  color: #000;
  padding: 10px 6px;
  font-family: "metropolissemi_bold";
  text-transform: uppercase;
}

.modalforfolderview_changepassword .mat-flat-button {
  font-family: "AvenirBlack";
  text-transform: uppercase;
  color: #fff;
  background: linear-gradient(to left, #ff8f01 0%, #ffbe00 67%) !important;
}

.admin_search_modal input:not([ng-reflect-model=""]) {
  color: #ff6000 !important;
  position: relative;
}

.admin_search_modal
  .mat-form-field.mat-focused
  input:not([ng-reflect-model=""]) {
  color: #000 !important;
}

.mostActivePracticelisting .creview::before {
  content: "";
  width: 21px;
  height: 11px;
  background: #eaa900;
  display: block;
  position: absolute;
  left: 10px;
}

.mostActivePracticelisting .cuploaded::before {
  content: "";
  width: 21px;
  height: 11px;
  background: #ffe5a3;
  display: block;
  position: absolute;
  left: 10px;
}

.mostActivePracticelisting .capproved::before {
  content: "";
  width: 21px;
  height: 11px;
  background: #97f98b;
  display: block;
  position: absolute;
  left: 62px;
}

.mostActivePracticelisting .cnotapproved::before {
  content: "";
  width: 21px;
  height: 11px;
  background: #aaa;
  display: block;
  position: absolute;
  left: 62px;
}

.mostActivePracticelisting .chold::before {
  content: "";
  width: 21px;
  height: 11px;
  background: #ff002a;
  display: block;
  position: absolute;
  left: 62px;
}

.mostActivePracticelisting .csigned::before {
  content: "";
  width: 21px;
  height: 11px;
  background: #33d727;
  display: block;
  position: absolute;
  left: 62px;
}

.mostActivePracticelisting .csendtobiller::before {
  content: "";
  width: 21px;
  height: 11px;
  background: #6eb2ff;
  display: block;
  position: absolute;
  left: 62px;
}

.mostActivePracticelisting .cbilled::before {
  content: "";
  width: 21px;
  height: 11px;
  background: #006c06;
  display: block;
  position: absolute;
  left: 62px;
}

.mostActivePracticelisting .cdownloaded::before {
  content: "";
  width: 21px;
  height: 11px;
  background: #1e30a3;
  display: block;
  position: absolute;
  left: 62px;
}

.mostActivePracticelisting .mat-row {
  position: relative;
}

.adminpatientreport .cdk-column-Actions {
  max-width: 100% !important;
}

.nurse_patient_report_listing .creview::before {
  content: "";
  width: 21px;
  height: 11px;
  background: #eaa900;
  display: block;
  position: absolute;
  left: 62px;
}

.nurse_patient_report_listing .cuploaded::before {
  content: "";
  width: 21px;
  height: 11px;
  background: #ffe5a3;
  display: block;
  position: absolute;
  left: 62px;
}

.nurse_patient_report_listing .capproved::before {
  content: "";
  width: 21px;
  height: 11px;
  background: #97f98b;
  display: block;
  position: absolute;
  left: 62px;
}

.nurse_patient_report_listing .cnotapproved::before {
  content: "";
  width: 21px;
  height: 11px;
  background: #aaa;
  display: block;
  position: absolute;
  left: 62px;
}

.nurse_patient_report_listing .chold::before {
  content: "";
  width: 21px;
  height: 11px;
  background: #ff002a;
  display: block;
  position: absolute;
  left: 62px;
}

.nurse_patient_report_listing .csigned::before {
  content: "";
  width: 21px;
  height: 11px;
  background: #33d727;
  display: block;
  position: absolute;
  left: 62px;
}

.nurse_patient_report_listing .csendtobiller::before {
  content: "";
  width: 21px;
  height: 11px;
  background: #6eb2ff;
  display: block;
  position: absolute;
  left: 62px;
}

.nurse_patient_report_listing .cbilled::before {
  content: "";
  width: 21px;
  height: 11px;
  background: #006c06;
  display: block;
  position: absolute;
  left: 62px;
}

.nurse_patient_report_listing .cdownloaded::before {
  content: "";
  width: 21px;
  height: 11px;
  background: #1e30a3;
  display: block;
  position: absolute;
  left: 62px;
}

@media screen and (max-width: 1920px) {
  .mostActivePracticelisting .cdownloaded::before {
    content: "";
    width: 21px;
    height: 11px;
    background: #1e30a3;
    display: block;
    position: absolute;
    left: 68px;
  }
  .mostActivePracticelisting .cbilled::before {
    content: "";
    width: 21px;
    height: 11px;
    background: #006c06;
    display: block;
    position: absolute;
    left: 68px;
  }
  .mostActivePracticelisting .csendtobiller::before {
    content: "";
    width: 21px;
    height: 11px;
    background: #6eb2ff;
    display: block;
    position: absolute;
    left: 68px;
  }
  .mostActivePracticelisting .csigned::before {
    content: "";
    width: 21px;
    height: 11px;
    background: #33d727;
    display: block;
    position: absolute;
    left: 68px;
  }
  .mostActivePracticelisting .chold::before {
    content: "";
    width: 21px;
    height: 11px;
    background: #ff002a;
    display: block;
    position: absolute;
    left: 68px;
  }
  .mostActivePracticelisting .cnotapproved::before {
    content: "";
    width: 21px;
    height: 11px;
    background: #aaa;
    display: block;
    position: absolute;
    left: 68px;
  }
  .mostActivePracticelisting .capproved::before {
    content: "";
    width: 21px;
    height: 11px;
    background: #97f98b;
    display: block;
    position: absolute;
    left: 68px;
  }
  .mostActivePracticelisting .cuploaded::before {
    content: "";
    width: 21px;
    height: 11px;
    background: #ffe5a3;
    display: block;
    position: absolute;
    left: 68px;
  }
  .mostActivePracticelisting .creview::before {
    content: "";
    width: 21px;
    height: 11px;
    background: #eaa900;
    display: block;
    position: absolute;
    left: 68px;
  }
  .allreportlistadmin .cdownloaded::before {
    content: "";
    width: 21px;
    height: 11px;
    background: #1e30a3;
    display: block;
    position: absolute;
    left: 98px;
  }
  .allreportlistadmin .cbilled::before {
    content: "";
    width: 21px;
    height: 11px;
    background: #006c06;
    display: block;
    position: absolute;
    left: 98px;
  }
  .allreportlistadmin .csendtobiller::before {
    content: "";
    width: 21px;
    height: 11px;
    background: #6eb2ff;
    display: block;
    position: absolute;
    left: 98px;
  }
  .allreportlistadmin .csigned::before {
    content: "";
    width: 21px;
    height: 11px;
    background: #33d727;
    display: block;
    position: absolute;
    left: 98px;
  }
  .allreportlistadmin .chold::before {
    content: "";
    width: 21px;
    height: 11px;
    background: #ff002a;
    display: block;
    position: absolute;
    left: 98px;
  }
  .allreportlistadmin .cnotapproved::before {
    content: "";
    width: 21px;
    height: 11px;
    background: #aaa;
    display: block;
    position: absolute;
    left: 98px;
  }
  .allreportlistadmin .capproved::before {
    content: "";
    width: 21px;
    height: 11px;
    background: #97f98b;
    display: block;
    position: absolute;
    left: 98px;
  }
  .allreportlistadmin .cuploaded::before {
    content: "";
    width: 21px;
    height: 11px;
    background: #ffe5a3;
    display: block;
    position: absolute;
    left: 98px;
  }
  .allreportlistadmin .creview::before {
    content: "";
    width: 21px;
    height: 11px;
    background: #eaa900;
    display: block;
    position: absolute;
    left: 98px;
  }
}

.adminlistingblock {
  width: 74% !important;
}

.dashboardlisting .lib-pager-class:nth-of-type(1) {
  display: none !important;
}

.dashboardlisting .mat-header-row {
  background: #efefef !important;
}

.dashboardlisting table {
  box-shadow: none !important;
}

.dashboardlisting .tablewrapper tr td {
  min-width: inherit !important;
}

.dashboardlisting .tablewrapper {
  min-height: 319px !important;
}

.companydetails button {
  font-size: 0 !important;
  display: block !important;
  background: #7b3fbb url(../images/company.png) no-repeat !important;
  width: 30px !important;
  min-width: 0 !important;
  border-radius: 4px !important;
  margin: 5px !important;
  height: 28px !important;
  background-position: center !important;
  background-size: 20px !important;
  padding: 0 !important;
}

.owner_company_details button {
  font-size: 0 !important;
  display: block !important;
  background: #3aa1b4 url(../images/comown.png) no-repeat !important;
  width: 30px !important;
  min-width: 0 !important;
  border-radius: 4px !important;
  margin: 5px !important;
  height: 28px !important;
  background-position: center !important;
  background-size: 27px !important;
  padding: 0 !important;
}

.dialogcontentwrapper {
  margin: 0 auto;
  width: 95%;
  border-radius: 9px;
  padding: 5px;
  background: #dddede;
  margin-top: 8px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.dialogcontentwrapper .buleted_text::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #000;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.buleted_text {
  position: relative;
  padding-left: 26px;
}

.custom-modalbox .close-btn-modal {
  cursor: pointer;
  position: absolute;
  right: -10px;
  top: -11px;
  z-index: 99;
  background: #4959e2 !important;
  color: #fff !important;
  border-radius: 50%;
}

.companydetails_wrapper {
  position: relative;
}

.ownrcls {
  width: 100% !important;
}

.companycls {
  margin-right: 8px;
}

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

.listing .cdk-column-moduledescription {
  width: 40%;
}

.notes-modal
  .maindialognew
  .dialoghead
  .mat-dialog-content
  .ng-star-inserted
  button {
  display: inherit !important;
  float: inherit !important;
  margin: 0 auto !important;
  margin-bottom: 11px !important;
}

.ResetPasswordMail button {
  font-size: 0 !important;
  display: block !important;
  background: #f56a71 url(../images/sendmail.png) no-repeat !important;
  width: 30px !important;
  min-width: 0 !important;
  border-radius: 4px !important;
  margin: 5px !important;
  height: 28px !important;
  background-position: center !important;
  background-size: 20px !important;
  padding: 0 !important;
}

.LogMe button {
  font-size: 0 !important;
  display: block !important;
  background: #3aa1b4 url(../images/loginasadmin.png) no-repeat !important;
  width: 30px !important;
  min-width: 0 !important;
  border-radius: 4px !important;
  margin: 5px !important;
  height: 28px !important;
  background-position: center !important;
  background-size: 20px !important;
  padding: 0 !important;
}

.ChangePassword button {
  font-size: 0 !important;
  display: block !important;
  background: #7b3fbb url(../images/changepassword.png) no-repeat !important;
  width: 30px !important;
  min-width: 0 !important;
  border-radius: 4px !important;
  margin: 5px !important;
  height: 28px !important;
  background-position: center !important;
  background-size: 20px !important;
  padding: 0 !important;
}

/* .accsettingform .submitbtnsection button:last-child{
    display: none !important;
} */

.accsettingform .submitbtnsection {
  display: flex !important;
  flex-wrap: wrap;
}

.error_banner {
  background: #f1f1f1;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 70px 0;
  min-height: 80vh;
}

.error_banner .error_page_content {
  width: 100%;
  text-align: center;
}

.error_banner .error_page_content h1 {
  font-size: 80px;
  margin-top: 10px;
  color: #563d3d;
  margin-bottom: 0;
}

.error_banner .error_page_content h3 {
  color: #783fb9;
  font-size: 30px;
  margin: 10px;
  text-transform: capitalize;
}

.goto_home {
  font-family: "AvenirRoman";
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  border: none;
  width: 290px;
  text-transform: capitalize;
  font-size: 22px;
  padding: 5px;
  border-radius: 0;
  margin-top: 30px;
}

.FolderView button {
  font-size: 0 !important;
  display: block !important;
  background: #3aa1b4 url(../images/folderview.png) no-repeat !important;
  width: 30px !important;
  min-width: 0 !important;
  border-radius: 4px !important;
  margin: 5px !important;
  height: 28px !important;
  background-position: center !important;
  background-size: 20px !important;
  padding: 0 !important;
}

.payment_info button {
  font-size: 0 !important;
  display: block !important;
  /* background: #3aa1b4 url(../images/paymenticon.png) no-repeat !important; */
  background: #3aa1b4 url(../images/ledger.png) no-repeat !important;
  width: 30px !important;
  min-width: 0 !important;
  border-radius: 4px !important;
  margin: 5px !important;
  height: 28px !important;
  background-position: center !important;
  background-size: 20px !important;
  padding: 0 !important;
}

.customer_balance button {
  font-size: 0 !important;
  display: block !important;
  background: #7b3fbb url(../images/balance_icon.png) no-repeat !important;
  width: 30px !important;
  min-width: 0 !important;
  border-radius: 4px !important;
  margin: 5px !important;
  height: 28px !important;
  background-position: center !important;
  background-size: 20px !important;
  padding: 0 !important;
}

.folderviewrightblock .folderviewrightblock_content_wrapper .admin_wrapper {
  width: 98% !important;
  margin: 0px auto !important;
}

.folderviewrightblock
  .folderviewrightblock_content_wrapper
  .admin_wrapper
  .title_wrapper {
  background: #f56a71 !important;
}

.fordashboardshimentselector .admin_wrapper {
  width: 100% !important;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.practiceblockiconforshiment {
  width: 30px !important;
  background: #f56a71;
  border-radius: 9px;
  padding: 5px;
  height: 29px;
}

.vehicledetails button {
  font-size: 0 !important;
  display: block !important;
  background: #f56a71 url(../images/vechile.png) no-repeat !important;
  width: 30px !important;
  min-width: 0 !important;
  border-radius: 4px !important;
  margin: 5px !important;
  height: 28px !important;
  background-position: center !important;
  background-size: 20px !important;
  padding: 0 !important;
}

.plants_details button {
  font-size: 0 !important;
  display: block !important;
  background: #3aa1b4 url(../images/plantsicon.png) no-repeat !important;
  width: 30px !important;
  min-width: 0 !important;
  border-radius: 4px !important;
  margin: 5px !important;
  height: 28px !important;
  background-position: center !important;
  background-size: 27px !important;
  padding: 0 !important;
}
.balance_sheet button {
  font-size: 0 !important;
  display: block !important;
  background: #7b3fbb url(../images/balancesheet.png) no-repeat !important;
  width: 30px !important;
  min-width: 0 !important;
  border-radius: 4px !important;
  margin: 5px !important;
  height: 28px !important;
  background-position: center !important;
  background-size: 27px !important;
  padding: 0 !important;
}

.searchbtncls {
  margin-top: 6px;
}

.addformmodalforform {
  max-width: 600px !important;
}

.addformmodalforform .admin_wrapper {
  width: 100%;
  display: block !important;
  padding: 0px !important;
  margin-top: 0px;
  box-shadow: none !important;
  /* background: none !important; */
  margin-bottom: 0px !important;
}

.addformmodalforform .admin_wrapper .Addjobticket {
  padding: 8px !important;
}

.addformmodalforform .submitbtnsection {
  text-align: center;
}

.vechileadd .externalcardcls {
  margin-top: 15px !important;
}

.crew_information button {
  font-size: 0 !important;
  display: block !important;
  background: #4959e2 url(../images/driver.png) no-repeat !important;
  width: 30px !important;
  min-width: 0 !important;
  border-radius: 4px !important;
  margin: 5px !important;
  height: 28px !important;
  background-position: center !important;
  background-size: 18px !important;
  padding: 0 !important;
}

.modalnorecordfound {
  text-align: center;
  font-weight: bold;
  color: dimgrey;
}

.dashboardlisting .userEdit {
  display: none !important;
}
.mat-bottom-sheet-container .mat-nav-list .mat-list-item:nth-child(4n + 1) {
  background: #f56a71 !important;
}
.mat-bottom-sheet-container .mat-nav-list .mat-list-item:nth-child(4n + 2) {
  background: #7b3fbb !important;
}
.mat-bottom-sheet-container .mat-nav-list .mat-list-item:nth-child(4n + 3) {
  background: #3aa1b4 !important;
}
.mat-bottom-sheet-container .mat-nav-list .mat-list-item:nth-child(4n + 4) {
  background: #4959e2 !important;
}
.shipment_status_data button {
  font-size: 0 !important;
  display: block !important;
  background: #f56a71 url(../images/shipment_vehicles_status.png) no-repeat !important;
  width: 30px !important;
  min-width: 0 !important;
  border-radius: 4px !important;
  margin: 5px !important;
  height: 28px !important;
  background-position: center !important;
  background-size: 18px !important;
  padding: 0 !important;
}
.transaction_info button {
  font-size: 0 !important;
  display: block !important;
  background: #3aa1b4 url(../images/transaction_info.png) no-repeat !important;
  width: 30px !important;
  min-width: 0 !important;
  border-radius: 4px !important;
  margin: 5px !important;
  height: 28px !important;
  background-position: center !important;
  background-size: 18px !important;
  padding: 0 !important;
}

.vehicles_data button {
  font-size: 0 !important;
  display: block !important;
  background: #4959e2 url(../images/vechile.png) no-repeat !important;
  width: 30px !important;
  min-width: 0 !important;
  border-radius: 4px !important;
  margin: 5px !important;
  height: 28px !important;
  background-position: center !important;
  background-size: 18px !important;
  padding: 0 !important;
}
.csvdownloadsec {
  width: 100%;
  text-align: x;
  text-align: center;
}
.csvdownloadsec button {
  width: 30% !important;
  padding: 3px !important;
  box-shadow: none !important;
  border: none !important;
  color: #fff !important;
  margin: 8px !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  /* min-width: 30% !important; */
}
.csvnamefield {
  width: 98%;
  margin-top: 9px;
}

.payment_img button {
  font-size: 0 !important;
  display: block !important;
  background: #4959e2 url(../images/paymentreceipt.png) no-repeat !important;
  width: 30px !important;
  min-width: 0 !important;
  border-radius: 4px !important;
  margin: 5px !important;
  height: 28px !important;
  background-position: center !important;
  background-size: 18px !important;
  padding: 0 !important;
}

.drop {
  background: linear-gradient(45deg, #405de6, #833ab4, #e860ad);
  font-size: 20px;
  display: flex;
  align-items: center;
  text-align: center;
}
.filesdivcls {
  display: flex;
  justify-content: space-evenly;
  /* background: aliceblue; */
  padding: 8px;
  margin: 8px 0px;
  /* padding: 8px; */
  border-radius: 9px;
  box-shadow: 0 2px 13px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12) !important;
  background: #d8d8d8;
  flex-wrap: wrap;
}
.actionbtndiv {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.actionbtndiv .mat-chip {
  border-radius: 9px;
  padding: 8px 29px;
  color: #fff !important;
  background-color: #4959e2 !important;
}

.delivery_challan button {
  font-size: 0 !important;
  display: block !important;
  background: #3aa1b4 url(../images/delevarychallan.png) no-repeat !important;
  width: 30px !important;
  min-width: 0 !important;
  border-radius: 4px !important;
  margin: 5px !important;
  height: 28px !important;
  background-position: center !important;
  background-size: 24px !important;
  padding: 0 !important;
}

.invoice_number button {
  font-size: 0 !important;
  display: block !important;
  background: #4959e2 url(../images/delevarychallan.png) no-repeat !important;
  width: 30px !important;
  min-width: 0 !important;
  border-radius: 4px !important;
  margin: 5px !important;
  height: 28px !important;
  background-position: center !important;
  background-size: 24px !important;
  padding: 0 !important;
}
.form_field_wrapper {
  width: 49.5%;
}
.salaryform .form_field_wrapper {
  width: 100% !important;
}
.salaryform .form {
  display: inherit !important;
}

.form_field_wrapperdescription {
  width: 100% !important;
}
.form_field_wrapperpayment_image {
  width: 100% !important;
}
.form_field_wrapperhidden {
  display: none !important;
}
.form_field_wrapperid {
  display: none !important;
}
.form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.submitbtnsection {
  width: 100% !important;
}
.form_field_wrappertransaction_info {
  width: 100% !important;
}
.form_field_wrappernote {
  width: 100% !important;
}
.form_field_wrapperaddress {
  width: 100% !important;
}
.form_field_wrapperbank_details {
  width: 100% !important;
}
.form_field_wrappertype {
  width: 100% !important;
}
.form_field_wrappercompany_address {
  width: 100% !important;
}
.form_field_wrapperstatus {
  width: 100% !important;
}
.appeoverButton {
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
}
.appeoverButton button {
  background: #4959e2 !important;
  border-radius: 9px !important;
  cursor: pointer !important;
  padding: 10px 21px;
  /* box-shadow: none; */
  border: none;
  margin: 0px 15px;
  color: #fff;
  font-size: 15px;
}

.payment_approve button {
  font-size: 0 !important;
  display: block !important;
  background: #3aa1b4 url(../images/paymentapproval.png) no-repeat !important;
  width: 30px !important;
  min-width: 0 !important;
  border-radius: 4px !important;
  margin: 5px !important;
  height: 28px !important;
  background-position: center !important;
  background-size: 21px !important;
  padding: 0 !important;
}
.cdk-overlay-container {
  z-index: 1 !important;
}
ngx-material-timepicker-container {
  z-index: 99 !important;
}
.withformmodal .mat-dialog-container {
  min-width: 474px;
  width: 55%;
  margin: 0 auto;
}
.withformmodal .admin_wrapper {
  width: 100%;
  flex-wrap: wrap;
  padding: 0px !important;
  margin: 0px !important;
}
.withformmodal .admin_wrapper .title_wrapper {
  width: 100%;
}
.withformmodal .admin_wrapper .form {
  margin: 13px !important;
}

.shipment_status_change button {
  font-size: 0 !important;
  display: block !important;
  background: #7b3fbb url(../images/statustoggel.png) no-repeat !important;
  width: 30px !important;
  min-width: 0 !important;
  border-radius: 4px !important;
  margin: 5px !important;
  height: 28px !important;
  background-position: center !important;
  background-size: 21px !important;
  padding: 0 !important;
}
.timepicker__header {
  background: linear-gradient(45deg, #405de6, #833ab4, #e860ad) !important;
}
.timepicker__actions {
  justify-content: center !important;
}
.timepicker-button {
  background: #4959e2 !important;
  border-radius: 9px !important;
  cursor: pointer !important;
  color: #fff !important;
  margin: 0px 8px !important;
}
.form_field_wrapperweight_slip {
  width: 100% !important  ;
}

.weight_slip button {
  font-size: 0 !important;
  display: block !important;
  background: #f56a71 url(../images/weightslip.png) no-repeat !important;
  width: 30px !important;
  min-width: 0 !important;
  border-radius: 4px !important;
  margin: 5px !important;
  height: 28px !important;
  background-position: center !important;
  background-size: 24px !important;
  padding: 0 !important;
}
.settingpagewrapper .addeditform {
  width: 100% !important;
}
.settingpagewrapper .mat-form-field-flex {
  padding: 0 8px 8px;
  background: #fff;
  border-left: 2px solid var(--button-color2);
}
.settingpagewrapper form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 10px !important;
}
.form_field_wrapperprofile_pic {
  width: 100%;
}
.form_field_wrappersignature {
  width: 100%;
}
.hideShipmentCustomButton .shipment_status_change button {
  display: none !important;
}
.slaesadminblock .searchbar {
  display: none !important;
}
.menuiconresponsive{
  position: absolute;
  display: none;
  right: 20px;
  top: 50%;
  transform: translateX(-50%);
}
.dialogcontentwrapper .mat-form-field{
  width: 95%;
  margin-top: 14px;
}
.dialogcontentwrapper .mat-form-field .mat-form-field-flex{
  background: #f3f3f3 !important;
}

.payment_status button {
  font-size: 0 !important;
  display: block !important;
  background: #3aa1b4 url(../images/paymentstatus.png) no-repeat !important;
  width: 30px !important;
  min-width: 0 !important;
  border-radius: 4px !important;
  margin: 5px !important;
  height: 28px !important;
  background-position: center !important;
  background-size: 25px !important;
  padding: 0 !important;
}
.fullwithp{
  width: 100%;
  text-align: center;
}
.boldspan{
  font-weight: 500;
}
.notifcationWrapper{
  position: relative;
}
.notifcationWrapper span{
  position: absolute;
  background: red;
  color: #fff;
  padding: 5px;
  border-radius: 50%;
  right: 0;
  top: -3px;
  width: 22px;
  text-align: center;
}

.opennoti button {
  font-size: 0 !important;
  display: block !important;
  background: #f56a71 url(../images/newtab.png) no-repeat !important;
  width: 30px !important;
  min-width: 0 !important;
  border-radius: 4px !important;
  margin: 5px !important;
  height: 28px !important;
  background-position: center !important;
  background-size: 18px !important;
  padding: 0 !important;
}
.mark_as_done button {
  font-size: 0 !important;
  display: block !important;
  background: #3aa1b4 url(../images/makasdone.png) no-repeat !important;
  width: 30px !important;
  min-width: 0 !important;
  border-radius: 4px !important;
  margin: 5px !important;
  height: 28px !important;
  background-position: center !important;
  background-size: 18px !important;
  padding: 0 !important;
}
.inheader button{
  padding: 0px !important;
  margin-left: 18px !important;
}
.inheader span{
  position: absolute;
  background: red;
  color: #fff;
  padding: 5px;
  border-radius: 50%;
  right: -15px;
  top: 0px;
  width: 16px;
  text-align: center;
  font-size: 13px;
  height: 16px;
  line-height: 16px;
}
.toggle_ledger_sec{
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.toggle_ledger_sec div{
  padding: 8px 10px;

  background: #3f51b5;
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  cursor: pointer;
}
.toggle_ledger_sec div:first-child{
  margin-right: 15px;

}
.toggle_ledger_sec .inactive{
  background: #b2bbef;
}
.showbl_span{
  display: flex;
  align-items: center;

}
.showbl_span h3{
  margin-right: 10px;
}
.showbl_span p{
  margin-left: 10px;
 
}