html, body {
  background-color: white;
}

.no-print {
  display: none !important;
}

.only-print {
  display: block !important;
}

.menu header {
  position:relative !important;
  padding-left: 30px !important;
}

.p-field,  .p-datatable-tbody > tr, .step-item .step-item, .chat-message-container {
  break-inside: avoid;
}

.only-print.textarea {
  padding: 10px;
  font-size: 14px;
  font-family: var(--font-first);
  color: var(--text-first-color);
  border: 1px solid #d3dbe3;
  border-radius: var(--radius);
  white-space: pre-wrap;
  min-height: 250px;
  break-after: auto;
}

.only-print.input {
  padding: 10px;
  font-size: 14px;
  font-family: var(--font-first);
  color: var(--text-first-color);
  border: 1px solid #d3dbe3;
  border-radius: var(--radius);
  width: 100%;
}


.container {
  max-width: initial;
}

.card {
  padding: 0px 32px;
}

div.formcontainer  {
  margin-top: 0px !important;
}
.p-tabview-nav {
  display: none !important;
}

.p-tabview-panel[hidden] {
  display: block !important;
}

.p-tabview .p-tabview-panels {
  padding: 0px !important;
}

.col-right {
  padding-left: 10px !important;
  border-left: 0px !important;
}

[class^="p-col"], [class^="p-md"], [class^="p-lg"] {
  width: 100%;
}

.p-dropdown .p-dropdown-trigger, .p-dropdown .p-dropdown-clear-icon, .p-multiselect .p-multiselect-trigger {
  display: none !important;
}

input.p-inputtext[disabled], span.p-inputtext[disabled], textarea.p-inputtext[disabled] {
  color: var(--text-first-color);
  background: white;
  opacity: 1;
}

div.p-dropdown.p-disabled,  div.p-multiselect.p-disabled {
  color: var(--text-first-color);
  background: none;
  opacity: 1;
}

div.p-dropdown.p-disabled span.p-inputtext, div.p-multiselect.p-disabled span.p-inputtext {
  color: var(--text-first-color);
  background: none;
  opacity: 1;
}


.attachments-print > div {
  width: 50%;
}

.p-datatable {
  & {
      .p-datatable-thead {
        display: none;
      }
      .p-datatable-thead > tr > th,
      .p-datatable-tfoot > tr > td {
          width: 100% !important;
          display: none !important;
      }
      .p-datatable-tbody > tr {
        gap: 10px;
        border: var(--big-border);
        border-radius: var(--radius);
        margin-bottom: 10px;
        display: flex;
        flex-direction: column;
      }
      .p-datatable-tbody > tr > td {
          text-align: left !important;
          display: grid;
          align-items: center;
          grid-template-columns: max-content 1fr;
          grid-gap: 1em;
          width: 100% !important;
          border: 0 none !important;

          .p-column-title {
              padding: .4rem;
              min-width: auto;
              display: block !important;
              margin: -.4em 1em -.4em -.4rem;
              font-weight: bold;
              width: auto;
          } 
      }
  }
}

.p-radiobutton .p-radiobutton-box.p-highlight {
  border-color: var(--ui-color) !important;
  background: var(--ui-color) !important;
}

.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  background-color: var(--ui-color) !important;
}

.p-radiobutton .p-radiobutton-box {
  background-color: var(--ui-color) !important;
}
  .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
    background-color: var(--ui-color) !important;
    border: 6px solid var(--ui-color) !important;
  }

.p-checkbox .p-checkbox-box.p-highlight {
  border-color: var(--ui-color) !important;
  background: var(--ui-color) !important;
}

.p-checkbox .p-checkbox-box {
  color: var(--ui-color) !important;
}

.p-checkbox .p-checkbox-box .p-checkbox-icon {
  color: var(--ui-color) !important;
}