.datatable-filter-demo .p-paginator .p-paginator-current {
  margin-left: auto;
}

.datatable-filter-demo .p-progressbar {
  height: 0.5rem;
  background-color: #d8dadc;
}

.datatable-filter-demo .p-progressbar .p-progressbar-value {
  background-color: #607d8b;
}
.recent_quote_client {

  display: flex;
  justify-content: flex-end;
  gap: 10px;
  width: 100%;
}
.recent_quote {
  max-width: 600px !important;
  display: flex;
  justify-content: flex-start;
  gap: 10px;
}
.recent_quote_associate {
  width: 100%;
  display: flex;
  justify-content: end;
  gap: 10px;
}
.role {
  color: white;
  font-size: 1rem;
}
.main-approve {
  display: flex;
  gap: 10px;
}
.approve-button {
  width: auto !important;
  background-color: #2196f3 !important;
}
.datatable-filter-demo .p-datepicker {
  min-width: 25rem;
}

.datatable-filter-demo .p-datepicker td {
  font-weight: 400;
}

.datatable-filter-demo .p-datatable.p-datatable-customers .p-datatable-header {
  padding: 1rem;
  text-align: left;
  font-size: 1.5rem;
}

.datatable-filter-demo .p-datatable.p-datatable-customers .p-paginator {
  padding: 1rem;
}

.datatable-filter-demo
  .p-datatable.p-datatable-customers
  .p-datatable-thead
  > tr
  > th {
  text-align: left;
  min-width: 165px;
  vertical-align: top;
  width: 100%;
}
.p-datatable-wrapper .p-dropdown {
  background: #ffffff;
  border: 1px solid #ced4da;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
  border-radius: 3px;
  height: 40px;
  line-height: 10px;
}
.p-datatable-wrapper input {
  border-radius: 5px !important;
}

.datatable-filter-demo
  .p-datatable.p-datatable-customers
  .p-datatable-tbody
  > tr
  > td {
  cursor: auto;
}

.datatable-filter-demo
  .p-datatable.p-datatable-customers
  .p-dropdown-label:not(.p-placeholder) {
  text-transform: uppercase;
}

.datatable-filter-demo
  .p-datatable-customers
  .p-datatable-tbody
  > tr
  > td
  .p-column-title {
  display: none;
}
.CustomerCulamnCss {
  display: flex;
  justify-content: unset;
  align-items: center;
  word-break: break-word !important;
}
.CustomerColumnCss {
  display: flex;
  justify-content: unset;
  align-items: center;
  word-break: break-all !important;
  width: max-content;
}

@media screen and (max-width: 960px) {
  .datatable-filter-demo
    .p-datatable.p-datatable-customers
    .p-datatable-thead
    > tr
    > th,
  .datatable-filter-demo
    .p-datatable.p-datatable-customers
    .p-datatable-tfoot
    > tr
    > td {
    display: none !important;
  }

  .datatable-filter-demo
    .p-datatable.p-datatable-customers
    .p-datatable-tbody
    > tr {
    border-bottom: 1px solid var(--layer-2);
  }

  .datatable-filter-demo
    .p-datatable.p-datatable-customers
    .p-datatable-tbody
    > tr
    > td {
    text-align: left;
    display: block;
    border: 0 none !important;
    width: 100% !important;
    float: left;
    clear: left;
  }

  .datatable-filter-demo
    .p-datatable.p-datatable-customers
    .p-datatable-tbody
    > tr
    > td
    .p-column-title {
    padding: 0.4rem;
    min-width: 30%;
    display: inline-block;
    margin: -0.4rem 1rem -0.4rem -0.4rem;
    font-weight: bold;
  }

  .datatable-filter-demo
    .p-datatable.p-datatable-customers
    .p-datatable-tbody
    > tr
    > td
    .p-progressbar {
    margin-top: 0.5rem;
  }
}
.profile_heading{
  width: 500px !important;
  color: #130808;
    font-size: 11px;
    
}