* {}

app-insurtix-dashboard-customer-claim-create {
  display: block;
  padding: 2%;
}

.customer-dashboard-navigation {
  display: none;
}

.customer-dashboard-section {
  background-color: white;
}

.task-dashboard-section {
  width: 95%;
  margin: auto;
  margin-top: 40px;
  background-color: #f5f5f4;
}

app-insurtix-dashboard-customer {
  display: block;
}

.customer-dashboard .info {
  display: none;
}

app-insurtix-dashboard-customer-claim-create .claim-title {
  /* margin-right:29px; */
  /* margin-top:31px; */
  letter-spacing: 0.25px;
  text-align: right;
  color: #37414b;
}

app-insurtix-dashboard-card .mat-card-container {
  background: transparent !important;
}

app-insurtix-dashboard-narrow-data-presentation {
  display: block;
  margin-top: 24px !important;
}

app-insurtix-dashboard-customer-claim-create app-insurtix-dashboard-card {
  /* padding:0 20px; */
}

app-insurtix-dashboard-customer-claim-create .grid-content-container {
  margin: 0 !important;
  padding: 0 !important;
}

.claim-entity-button--fill {
  background-color: #3ebef0 !important;
  border-radius: 17px !important;
  margin: 0px 5px !important;
  color: white !important;
}

.claim-entity-button--fill[disabled] {
  background-color: rgba(0, 0, 0, 0.26) !important;
}

.yes-no-dialog-yes {
  text-align: center !important;
  background-color: #3ebef0 !important;
  border-radius: 17px !important;
  margin: 0px 5px !important;
  color: white !important;
}

.yes-no-dialog-no {
  text-align: center !important;
  background-color: #f73900 !important;
  border-radius: 17px !important;
  margin: 0px 5px !important;
  color: white !important;
}

app-add-claim-report-entity-dialog {
  display: flex;
  flex-direction: column;
  margin: 20px;
  padding: 20px;
}

app-add-claim-report-entity-dialog .closeTopButton {
  align-self: flex-end;
  margin-bottom: 10px;
  margin-top: -50px;
  margin-left: -50px;
}

.add-claim-report-entity-form {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  margin: 20px 20px;
}

.add-claim-report-entity-form mat-form-field {
  margin-top: 10px;
}

.add-claim-report-entity-form .claim-entity-button--fill {
  align-self: flex-end;
  margin-top: 20px !important;
  margin-bottom: -40px !important;
}

app-insurtix-damage-code-entities mat-expansion-panel-header mat-panel-title app-claim-entity {
  width: 100%;
  display: flex;
}

app-insurtix-damage-code-entities mat-expansion-panel-header mat-panel-title app-claim-entity>* {
  margin-left: 4px;
  width: 170px;
}

app-insurtix-damage-code-entities .mat-expansion-panel-content app-claim-entity {
  display: flex;
  flex-wrap: wrap;
}

app-insurtix-damage-code-entities .mat-expansion-panel-content app-claim-entity>* {
  margin-left: 4px;
  width: 200px;
}

app-insurtix-damage-code-entities mat-expansion-panel {
  /* margin-bottom:20px!important; */
}

app-customer-claim-entities mat-expansion-panel-header mat-panel-title app-claim-entity {
  width: 100%;
  display: flex;
}

app-customer-claim-entities mat-expansion-panel-header mat-panel-title app-claim-entity>* {
  margin-left: 20px;
  /*    border:2px solid red; */
  width: 167px;
}

app-customer-claim-entities .mat-expansion-panel-content app-claim-entity {
  display: flex;
  flex-wrap: wrap;
}

app-customer-claim-entities .mat-expansion-panel-content app-claim-entity>* {
  margin-left: 20px;
  width: 200px;
}

app-customer-claim-entities mat-expansion-panel {
  /* margin-bottom:20px!important; */
}

.add-claim-report-loader-wrapper {
  display: flex;
  flex-direction: column;
}

.display-block {
  display: block;
}

.viewer-loader-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 80%;
}

insurtix-damage-code-entity {
  display: flex;
  flex-wrap: wrap;
}

app-insurtix-damage-codes insurtix-damage-code-entity>* {
  margin-left: 20px;
  width: 200px;
}

insurtix-questionnaires insurtix-questionnaire-entity {
  display: flex;
  flex-wrap: wrap;
}

insurtix-questionnaire-entity .claim-questionnaires-title {
  display: flex;
}

.questionnaires-panel-title__questionnaire-label {
  margin-left: 10px;
}

.questionnaires-panel-title__entity-name {
  margin-right: 10px;
}

app-insurtix-add-questionnaire-dialog {
  display: block;
  padding: 20px 10px;
}

.add-report-entity-questionnaire-form {
  display: flex;
  flex-direction: column;
}

.add-report-entity-questionnaire-form__title {
  align-self: flex-start;
}

.add-report-entity-questionnaire-form .claim-entity-button--fill {
  align-self: flex-end;
}

.add-report-entity-questionnaire-form mat-form-field {
  width: 250px !important;
}

dummy2-component {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

dummy2-component .container {
  width: 60vw;
  height: 70vh;
  border: 2px solid gold;
}

app-insurtix-dashboard-loader-wrapper-v2 {
  display: flex;
  height: 100%;
  margin: 0;
  padding: 0;
  justify-content: center;
  align-items: center;
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.lead {
  color: #f73900 !important;
}

.arrow-expansion {
  border: solid #1aa3d9;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.span-for-arrow {
  width: 45px;
}

app-insurtix-dashboard-loader-wrapper-v2 .loader-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  animation-name: zoom-in;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-fill-mode: both;
  backface-visibility: hidden;
}

app-insurtix-dashboard-loader-wrapper-v2 mat-icon {
  width: 60px !important;
  height: 60px !important;
  font-size: 60px !important;
}

app-insurtix-dashboard-loader-wrapper-v2 .loader-section__success mat-icon {
  color: green !important;
}

app-insurtix-dashboard-loader-wrapper-v2 .loader-section__error mat-icon {
  color: red !important;
}

@keyframes zoom-in-out {
  from {
    opacity: 0;
    transform: scale3d(1.1, 1.1, 1.1) translateZ(0);
  }

  50% {
    opacity: 1;
  }
}

app-insurtix-add-damage-code-dialog {
  display: flex;
  min-height: 200px;
  /* height: 200px; */
  flex-direction: column;
}

app-insurtix-add-damage-code-dialog>* {
  flex-grow: 1;
  align-self: stretch;
}

.add-damage-code-content {
  align-self: stretch;
  height: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.add-damage-code-content .claim-entity-button--fill {
  margin-top: auto !important;
  align-self: flex-end;
}

app-insurtix-dashboard-loader-wrapper-v2 .content-ready {
  visibility: visible;
}

app-insurtix-dashboard-loader-wrapper-v2 .content-not-ready {
  visibility: hidden;
}

@keyframes zoom-in {
  from {
    opacity: 0;
    transform: scale3d(0.9, 0.9, 0.9) translateZ(0);
  }

  50% {
    opacity: 1;
  }
}

app-insurtix-add-damage-code-dialog insurtix-dashboard-input-select mat-form-field {
  width: 250px !important;
}

insurtix-dashboard-input-datepicker.report-entity-not-adult {
  color: red;
}

app-add-service-provider-claim-report-entity-dialog mat-select {
  width: 250px !important;
}

.add-service-provider-claim-report-entity-form {
  /* width:100%; */
  /* display:flex; */
  /* flex-direction:column; */
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
}

.add-service-provider-claim-report-entity-form .claim-entity-button--fill {
  align-self: flex-end;
  margin-top: auto !important;
  text-align: center;
}

button.claim-entity-button--fill.mat-button {}

app-add-service-provider-claim-report-entity-dialog {
  height: 250px !important;
  display: flex;
  flex-direction: column;
}

app-add-service-provider-claim-report-entity-dialog .service-provider-types-section,
app-add-service-provider-claim-report-entity-dialog .service-providers-section {
  display: flex;
  align-items: end;
}

app-add-service-provider-claim-report-entity-dialog mat-select {
  width: 200px;
}

app-add-service-provider-claim-report-entity-dialog .service-providers-title,
app-add-service-provider-claim-report-entity-dialog .service-provider-types-title {
  min-width: 100px;
  font-weight: bold;
}

app-insurtix-dashboard-customer-claim-update-report {
  margin-right: 0px;
}

event-logs-content app-insurtix-dashboard-narrow-data-presentation {
  margin-top: 9px !important;
}

app-insurtix-dashboard-customer-claim-update-entitis,
app-insurtix-dashboard-customer-claim-update-payments,
app-insurtix-dashboard-customer-claim-update-damage-codes,
app-insurtix-dashboard-customer-claim-update-documents,
app-insurtix-dashboard-customer-claim-update-tasks {
  min-height: 200px;
  margin-right: 20px;
}

management-approval app-insurtix-dashboard-narrow-data-presentation,
app-insurtix-dashboard-customer-claim-update-entitis app-insurtix-dashboard-narrow-data-presentation,
app-insurtix-dashboard-customer-claim-update-payments app-insurtix-dashboard-narrow-data-presentation,
app-insurtix-dashboard-customer-claim-update-damage-codes app-insurtix-dashboard-narrow-data-presentation,
app-insurtix-dashboard-customer-claim-update-documents app-insurtix-dashboard-narrow-data-presentation {
  padding-right: 1%;
  width: 98%;
  margin-top: 10px !important;
}

app-insurtix-dashboard-narrow-usage app-insurtix-dashboard-narrow-data-presentation {
  margin-top: 12px !important;
}

app-insurtix-dashboard-claim-create-policy-details app-insurtix-dashboard-narrow-data-presentation,
app-insurtix-dashboard-customer-claim-create app-insurtix-dashboard-narrow-data-presentation {
  width: 98%;
  padding-right: 0%;
}

insurtix-update-damage-codes insurtix-damage-code-entity>* {
  margin-left: 20px;
  /*    border:2px solid red; */
  width: 170px;
}

damage-code-entity-wrapper-checkbox insurtix-damage-code-entity>* {
  margin-left: 20px;
  /*    border:2px solid red; */
  width: 170px;
}

.expand-icon {
  display: flex;
  margin-top: 1.5%;
  margin-right: auto;
  width: 22px;
}

.grayish-background {
  background-color: #f7f7f7;
}

app-entity-relation-info .expand-icon {
  width: 75px;
}

app-insurtix-dashboard-customer-claim-update-damage-codes .side-color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
  top: 9px;
  width: 5px;
  height: 32px;
  background-color: #fcab93;
}

app-insurtix-dashboard-customer-claim-update-damage-codes .segment-icon {
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  object-fit: contain;
  background-size: contain;
}

app-insurtix-dashboard-customer-claim-update-damage-codes .policy-icon {
  background-image: url(../../../../assets/icons/insurtix-dashboard/policy.svg);
}

.update-damage-code-details-section__content {
  display: flex;
}

.update-damage-code-details-section__user,
.update-damage-code-details-section__date {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.insurtix-add-payment-code-dialog-form {
  display: flex;
  flex-direction: column;
  width: 100%;
}

app-insurtix-add-payment-code-dialog {
  display: flex;
}

app-insurtix-add-payment-code-dialog app-insurtix-dashboard-loader-wrapper-v2 {
  display: flex;
  flex-direction: row;
  width: 100%;
}

app-insurtix-dashboard-narrow-usage-details app-insurtix-dashboard-loader-wrapper-v2 {
  height: auto;
}

app-insurtix-add-payment-code-dialog insurtix-dashboard-input-select,
app-insurtix-add-payment-code-dialog insurtix-dashboard-input-text {
  width: 250px;
}

app-insurtix-add-payment-code-dialog insurtix-dashboard-input-select mat-form-field,
app-insurtix-add-payment-code-dialog insurtix-dashboard-input-text mat-form-field {
  width: 100% !important;
}

app-insurtix-add-payment-code-dialog .claim-entity-button--fill {
  align-self: flex-end;
}

.claim-entity-button--fill {
  justify-content: center;
  align-items: center;
  text-align: center !important;
  display: flex;
}

.update-damage-code-payments-list {
  list-style-type: none;
}

.update-damage-code-payment-list-item {
  display: flex;
}

app-insurtix-update-damage-code-payment-list-item {
  display: flex;
  flex-wrap: wrap;
}

app-insurtix-update-damage-code-payment-list-item>* {
  margin-left: 20px;
  width: 180px;
}

app-insurtix-update-damage-code-payment-list-item insurtix-dashboard-input-datepicker mat-form-field,
app-insurtix-update-damage-code-payment-list-item insurtix-dashboard-input-select mat-form-field {
  width: 100% !important;
}

.add-payment-description-form {
  display: flex;
  flex-direction: column;
}

.add-payment-description-form-input {
  width: 250px !important;
}

.add-payment-description-form-input mat-form-field {
  width: 100% !important;
}

app-insurtix-add-damage-code-payment-description-dialog {
  display: flex;
}

app-insurtix-add-damage-code-payment-description-dialog .claim-entity-button--fill {
  align-self: flex-end;
}

insurtix-update-payment-description-list-item {
  display: flex;
  gap: 1.5rem;
  align-items: center;
}

/* insurtix-update-payment-description-list-item > * {
  width: 250px;
  margin-left: 20px;
} */

app-insurtix-add-damage-code-payment-description-dialog {
  display: flex;
  align-items: center;
  justify-content: center;
}

app-insurtix-dashboard-customer-claim-update {
  display: block;
  width: 100%;
}

insurtix-payment-invoice-list-item {
  display: flex;
}

insurtix-payment-invoice-list-item>* {
  margin-left: 20px;
}

app-insurtix-update-damage-code-payment-list-item.read-only-list-item mat-form-field .mat-form-field-underline {
  height: 1px !important;
}

app-insurtix-damage-codes-history-list-item {
  display: flex;
  flex-wrap: wrap;
  /* align-content:center; */
  /* border:2px solid red; */
  align-items: baseline;
}

app-insurtix-damage-codes-history-list-item>* {
  margin-left: 20px;
  width: 220px;
}

app-insurtix-damage-codes-history-list-item>insurtix-dashboard-input-datepicker>mat-form-field {
  width: 100% !important;
}

.damage-codes-history-list {
  list-style-type: none;
  flex-direction: column;
}

h2.damage-code-history-list-item-counter {
  margin: 0 !important;
  padding: 0;
  width: 100px !important;
}

.insurtix-create-damage-code-letter-form {
  display: flex;
  flex-direction: column;
}

.insurtix-create-damage-code-letter-form .claim-entity-button--fill {
  align-self: flex-end;
}

.insurtix-create-damage-code-letter-form insurtix-dashboard-input-select {
  width: 220px;
}

.insurtix-create-damage-code-letter-form insurtix-dashboard-input-select mat-form-field {
  width: 100%;
}

app-insurtix-dashboard-event-logs .grid-content-container {
  background-color: white;
}

app-insurtix-dashboard-event-logs {
  min-height: 200px;
  /* display:block; */
  /* background-color:white; */
}

app-insurtix-dashboard-event-logs .modal-wrapper {
  /* background-color:white; */
  /* margin:0!important; */
}

app-insurtix-dashboard-ticket-file-upload-modal {
  min-height: 200px;
}

app-insurtix-dashboard-ticket-file-upload-modal .modal-wrapper {
  background-color: white;
}

.claim-report-actions>* {
  margin-left: 20px;
  align-items: center;
}

.claim-report-actions .mat-button-wrapper {
  display: flex;
  align-items: center;
}

app-insurtix-dashboard-input-informative mat-form-field {
  width: 100% !important;
}

insurtix-related-claim-item {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

insurtix-related-claim-item>* {
  margin-left: 20px;
  /*    border:2px solid red; */
  min-width: 220px;
}

insurtix-related-claim-item>*>mat-form-field {
  width: 100% !important;
}

insurtix-input-informative-reporter {
  min-width: 250px;
}

app-insurtix-open-pre-claim-dialog .modal-container {
  display: flex;
  flex-direction: column;
}

.insurtix-pre-claim-form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 10px 20px;
}

.insurtix-pre-claim-form>* {
  width: 220px;
  margin-left: 20px;
}

app-insurtix-open-pre-claim-dialog {
  display: flex;
  flex-direction: column;
}

.insurtix-pre-claim-form>insurtix-dashboard-input-datepicker>mat-form-field {
  width: 100% !important;
}

.open-pre-claim-dialog-actions-section {
  align-self: flex-end;
}

.flex-grow-1 {
  flex-grow: 1;
}

insurtix-pre-claim-entity-claims {
  display: contents;
  max-height: 300px;
  /* overflow-y:scroll; */
}

app-insurtix-open-pre-claim-dialog app-insurtix-dashboard-dialog {
  max-height: 85vh;
  overflow-y: scroll;
}

insurtix-pre-claim-entity-claim-entry {
  display: flex;
  flex-wrap: nowrap;
}

insurtix-pre-claim-entity-claim-entry app-insurtix-dashboard-input-informative {
  max-width: 120px;
}

insurtix-pre-claims-entry {
  display: flex;
}

insurtix-pre-claims-entry app-insurtix-dashboard-input-informative {
  max-width: 120px;
}

app-insurtix-open-pre-claim-dialog insurtix-pre-claim-entity-claims,
app-insurtix-open-pre-claim-dialog insurtix-pre-claims {
  margin-top: 10px;
}

.hidden {
  display: none;
}

insurtix-pre-claims-policy-entry {
  display: flex;
}

insurtix-pre-claims-policy-entry app-insurtix-dashboard-input-informative {
  max-width: 120px;
}

.pre-claim-task {}

.task-primary-action {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 8px;
  margin-right: 8px;
}

.open-pre-claim-task-title {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

app-add-claim-report-entity-dialog insurtix-dashboard-input-select mat-form-field {
  width: 100% !important;
}

.claim-details-card {
  position: relative;
}

insurtix-claim-item-flags {
  display: block;
  bottom: 10px;
  left: 0;
}

insurtix-claim-item-flags .claim-item-comment-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  list-style-type: none;
  align-items: center;
  margin: 12px;
}

insurtix-claim-item-flags .claim-item-comment-list-item {
  margin-left: 8px;
  margin-right: 10px !important;
  color: white;
  border-radius: 20px;
  padding: 5px 10px;
}

app-insurtix-dashboard-customer-claim-update-documents insurtix-dashboard-documents-display>section.mt-5 {
  margin: 0 !important;
  margin-top: 0 !important;
  padding-bottom: 20px !important;
}

app-insurtix-dashboard-customer-claim-update-documents insurtix-dashboard-documents-display {
  width: 98%;
}

insurtix-update-damage-codes insurtix-dashboard-documents-display .view-frame {
  width: 980px !important;
}

app-insurtix-dashboard-customer-claim-update-documents insurtix-dashboard-documents-display .view-frame {
  width: 1065px !important;
}

app-insurtix-dashboard-customer-claim-update insurtix-dashboard-payments-display {
  width: 98%;
}

.claim-damge-code-separator {
  display: inline-block;
  font-size: 1.5rem;
  margin-left: 3rem;
}

insurtix-payment-info-sub-entry insurtix-input-informative-reporter {
  margin-right: auto;
}

.payment-info-sub-entry_invoice-details,
.payment-info-sub-entry_bank-details {
  display: flex;
  width: 100%;
  align-items: center;
}

h2.payment-info-sub-entry-bank-details-title {
  margin: 1rem 2rem !important;
  margin-right: 0 !important;
}

.payment-info-sub-entry_invoice-details_no-invoice-title {
  margin: 1rem 2rem !important;
}

.payment-info-sub-entry_bank-details-content {
  display: flex;
  margin: 1rem 2rem;
  width: 100%;
}

.payment-code-history-dialog {}

.payment-code-history-dialog insurtix-payment-code-history-dialog {
  display: block;
  min-height: 500px;
}

.payment-code-history-dialog mat-card {
  display: block;
  min-height: 300px;
}

.payment-code-history-dialog mat-dialog-container {}

.payment-info-sub-entry_bank-details-content>* {
  min-width: 280px;
  width: auto;
  margin: 0 8px;
}

.payment-bulk-actions-card {
  dipplay: block;
  width: 100%;
}

.payment-bulk-actions-card-content {
  display: flex;
  width: 100%;
  align-items: baseline;
}

.payment-bulk-action-options {
  width: 250px;
  margin: 0 1rem;
}

.payment-bulk-action-options mat-form-field {
  width: 100% !important;
}

app-insurtix-dashboard-customer-claim-update-payments insurtix-dashboard-payments-display>section.mt-5 {
  margin-top: 0 !important;
  margin: 0 !important;
}

insurtix-payment-info-entry mat-card-content {
  display: flex !important;
}

insurtix-payment-info-entry mat-accordion,
insurtix-payment-info-entry insurtix-dashboard-loader-wrapper {
  width: 100%;
}

insurtix-payment-info-sub-entry {
  display: flex;
  width: 100%;
  margin-top: 20px;
}

insurtix-payment-info-sub-entry>insurtix-dashboard-input-text,
insurtix-payment-info-sub-entry>insurtix-dashboard-input-select,
insurtix-payment-info-sub-entry>app-insurtix-dashboard-input-informative,
insurtix-payment-info-sub-entry>insurtix-input-informative-reporter {
  max-width: 167px;
  margin-left: 16px;
}

insurtix-payment-info-sub-entry>* mat-form-field {
  width: 100% !important;
}

insurtix-payment-info-sub-entry.read-only-entry mat-form-field .mat-form-field-underline {
  display: none !important;
}

mat-expansion-panel-header.read-only-expansion-panel-header {
  background-color: #f5f5f4;
}

insurtix-payment-info-entry mat-card-content {
  margin: 0 !important;
  padding: 0 !important;
}

insurtix-payment-info-entry .approve-payment-button {
  /* margin-right:auto!important; */
}

insurtix-payment-info-entry {
  margin-top: 16px;
  margin-bottom: 24px;
  display: block;
}

insurtix-payment-info-sub-entry>insurtix-payment-invoice-list-item {
  width: auto;
}

insurtix-bank-account-info {
  display: flex;
  width: 100%;
}

insurtix-bank-account-info>* {
  min-width: 250px;
  margin-left: 16px;
}

insurtix-bank-account-info .mat-input-underline {
  display: block !important;
}

.payment-history-icon {
  background-image: url(/assets/icons/insurtix-dashboard/payment-history-icon.svg);
}

.open-payment-row {
  background-image: url(/assets/icons/insurtix-dashboard/open-payment-row.svg);
}

.tab-docs {
  background-image: url(/assets/icons/insurtix-dashboard/tab-docs.svg);
}

.history-for-single-task {
  background-image: url(/assets/icons/insurtix-dashboard/history-for-single-task.svg);
}

.tab-tasks {
  background-image: url(/assets/icons/insurtix-dashboard/tab-tasks.svg);
}

.payment-task-icon {
  background-image: url(/assets/icons/insurtix-dashboard/payment-task-icon.svg);
}

.task-history-icon {
  background-image: url(/assets/icons/insurtix-dashboard/task-history-icon.svg);
}

insurtix-payment-info-entry .payment-task-button {
  margin-right: auto !important;
}

.payment-task-button[disabled] .icon,
.payment-history-button[disabled] .icon {
  opacity: 0.3;
}

insurtix-payment-info-entry .payment-history-button {
  margin-left: 8px;
  margin-right: 8px;
}

.icon {
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  background-size: contain;
}

insurtix-payments-batch-actions {
  display: flex;
  width: 100%;
}

insurtix-payments-batch-actions .payment-batch-actions {
  width: 100%;
}

insurtix-payments-batch-actions .tasks-header-title {
  align-items: baseline !important;
  display: flex;
}

insurtix-payments-batch-actions mat-card-content {
  display: none !important;
}

/******************/
/** claim pre tasks  - start *****/

.claim-pre-tasks-list {
  display: flex;
  list-style-type: none;
  flex-direction: column;
}

.claim-pre-tasks-list-item {}

app-insurtix-claim-pre-task-item {
  display: flex;
  align-items: baseline;
}

app-insurtix-claim-pre-task-item insurtix-dashboard-input-select {
  max-width: 200px !important;
}

app-insurtix-claim-pre-task-item insurtix-dashboard-input-text {
  flex-grow: 1;
  margin-left: 2rem;
}

/*** claim pre tasks - end ******
/******************/

/***claim-task-tab start **/

button.open-new-claim-button {
  margin-right: auto !important;
}

/***claim-tasks-tab end */

/***claim-documents-tab start **/

button.claim-upload-document-button {
  margin-right: auto !important;
}

/***claim-documents-tab end */

.height48px {
  height: 48px;
}

insurtix-policy-modification {
  display: block;
  padding: 30px;
  border: 2px solid #fcab93;
}

.policy-icon {
  background-image: url(../assets/icons/insurtix-dashboard/policy.svg);
}

.clients-icon {
  background-image: url(../assets/icons/insurtix-dashboard/clients.svg);
}

.corner-icon {
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  object-fit: contain;
  background-size: contain;
}

.wrapper-title {
  font-size: 16px;
  font-weight: bold;
  color: #565861;
}

[dir="rtl"] .margin8 {
  margin-right: 8px;
}

[dir="ltr"] .margin8 {
  margin-left: 8px;
}

[dir="rtl"] .margin23 {
  margin-right: 23px;
}

[dir="ltr"] .margin23 {
  margin-left: 23px;
}

.add-payments-dialog-custom-panel-class mat-dialog-container {
  background: transparent !important;
  box-shadow: none !important;
}

.flex-direction-column {
  flex-direction: column;
}

.font-bold {
  font-weight: bold;
}

.button-circle-desing {
  width: 9vw !important;
  height: 3.6vh;
}

.color-blueish {
  color: #3ebef0;
}

.delete-icon {
  border: none;
  background-color: #ffff;
  margin: 0 6px 0 0;
  background-image: url(../assets/icons/delete.svg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  width: 24px;
  height: 24px;
  pointer-events: auto;
  cursor: pointer;
}

.action-text {
  font-size: 15px;
  font-weight: bold;
  color: #1aa3d9;
}

.custom-overlay-pane {
  max-height: calc(60vh - 22px);
  overflow-y: auto;
  /* overflow-x: hidden; */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  /* border-radius: 8px; */
}

.cdk-global-scrollblock {
  overflow-y: auto !important;
}

::-webkit-scrollbar {
  width: 5px !important;
  overflow-y: scroll;
  background: white;
  border-radius: 20px;
}

::-webkit-scrollbar-thumb {
  background: #CDC8C2;
  border-radius: 20px;
}