@edvak99/voice-receptionist-widget 1.1.26 → 1.1.29

package/src/assets/css/printstyle.css

@@ -1,839 +1,839 @@
-/* :root {
-  --base-font-size: 9pt;
-} */
-
-body {
-  /* font-family: Arial, Helvetica, sans-serif; */
-  font-family:"Calibri", Arial, Helvetica, sans-serif;
-  color: #333;
-  letter-spacing: normal;
-}
-
-h1 {font-size: 13px !important;}
-
-h2 {font-size: 13px !important;}
-
-h2.title-print {
-  font-size: 13pt !important;
-  margin-bottom: 5px;
-  @apply text-dark;
-}
-
-h3,
-.h3 {
-  font-size: 13px !important;
-}
-.sub-titles h3, h3.sub-heading {
-  font-size: 13px !important;
-}
-
-table {
-  line-height: 1.4;
-  width: 100%;
-  font-size: 13px;
-}
-table td strong
-{
-  font-weight: 500;
-}
-
-label {
-  line-height: 1.4;
-  white-space: nowrap;
-}
-
-/* New print styles chandu */
-
-.ed-heading {
-
-  font-weight: 600;
-  margin-bottom: 2px;
-  font-size: 13px;
-}
-.ed-sub-heading
-{
-  font-size: 12px;
-  margin-bottom: 2px;
-  font-weight: 600;
-}
-.ed-info label
-{
-  font-size: 12px;
-}
-.ed-info strong
-{
-  font-weight: 500;
-  font-size: 12px;
-}
-table td strong
-{
-  font-weight: 500;
-}
-
-table th
-{
-  font-weight: 500;
-}
-
-@media print {
-  img {
-    background: none !important;
-    color: transparent !important;
-  }
-}
-
-
-
-
-
-
-
-table.basic, .material-summary-sidepanel table {table-layout: fixed;}
-table.basic th, .material-summary-sidepanel table th { text-align: left; padding:4px 8px; border-bottom: #C8C8C8 solid 1px; border-top: #C8C8C8 solid 1px;}
-table.basic tr, .material-summary-sidepanel table tr {break-inside: avoid;}
-table.basic td, .material-summary-sidepanel table td {vertical-align: top; padding:6px 8px; border-bottom: #C8C8C8 solid 1px;}
-table.basic td p, .material-summary-sidepanel table td p {word-break: break-all;}
-
-.text-clr {color: #3477F5;}
-strong,h2,h3,h4,h5,h6 {font-weight: 600;}
-
-.form-title {
-  background-color: #E2E8F0;
-  padding: 6px;
-  margin-top: 16px;
-  margin-bottom: 8pt;
-  text-align: center;
-  font-size:15pt;
-  font-weight: 600;
-}
-.summary-title .form-title {
-  padding: 6px;
-  background: transparent;
-  padding: 0;
-  margin-top: 0;
-  margin-bottom: 6px;
-  text-align: center;
-  font-size:12pt;
-  font-weight: 600;
-}
-.main-heading {
-  border-left: 4px solid #3477F5;
-  padding-left: 6px;
-  font-weight: 600;
-  margin-bottom: 16px;
-  font-size: 11pt;
-}
-.appointment-heading
-{
-  border-left: 4px solid #3477F5;
-  padding-left: 12px;
-  margin-bottom: 12px;
-}
-.intText {
-  text-indent: 32px;
-}
-
-footer p, header p {
-  font-size: 9pt;
-}
-header p strong {
-  font-size: 8pt;
-}
-.flexrow > strong, .flexrow > .erastrong {
-
-}
-.card label,
-.card strong {
-  font-size: 13px;
-}
-.card .encinfo label,
-.card .encinfo strong {
-  font-size: 13px;
-}
-section {
-  margin-bottom: 12px;
-  /* padding-bottom: 6px; */
-  padding-left: 0;
-}
-.logo {
-  max-height: 90px;
-  width: auto;
-}
-.card {
-  padding: 8px 0 12px 0;
-  border-radius: 4px;
-  border-bottom: 1px solid #C8C8C8;
-  margin-bottom: 2px;
-  font-size: 13px;
-}
-.encounter-card {
-  padding: 0px 0 8px 0;
-  border-bottom: 1px solid #C8C8C8;
-  margin-bottom: 4px;
-}
-.headercard strong {
-  font-weight: 500;
-}
-.erastrong {
-  font-weight: 500;
-  color: #000;
-}
-.void-break {
-  break-inside: avoid;
-}
-.box {
-  border: #CCCCCC solid 1px;
-  padding: 8px 12px;
-  border-radius: 8px;
-  margin-bottom: 15px;
-}
-.box-no-content {
-  font-weight: 500;
-  padding: 2px 0;
-
-}
-.break-words
-{
-  overflow-wrap: break-word;
-}
-.break-all
-{
-  word-break: break-all;
-}
-.sub-heading {
-  margin-bottom: 8px;
-}
-.sub-heading.mb-0 {
-  margin-bottom: 0;
-}
-.receipt {
-  width: 600px;
-  margin: 0 auto;
-}
-.past-badge {
-  display: inline-block;
-  padding: 2px 3px;
-  background: #555;
-  border-radius: 4px;
-  color: #fff;
-  text-align: center;
-  line-height: 1;
-  font-size: 8pt;
-  margin-top: -2px;
-}
-.appointment {
-  margin-bottom: 20px;
-}
-.appointment-head {
-  padding: 0px 0px;
-  height: 32px;
-  line-height: 32px;
-}
-.providers-name
-{
-  font-size: 20px;
-  font-weight: 600;
-}
-.form-main {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  padding: 4px 0;
-}
-
-.form-main p 
-{
-    word-break: break-word;
-    min-height: 1em;
-}
-
-.form-main p strong {
-    font-weight: bold !important;
-  }
-.form-separator {
-  border-bottom: 1px solid #e6e5e5;
-}
-.form-lable {
-  margin-bottom: 6px;
-  font-size: 13pt;
-}
-.form-input {
-  border: 1px solid #e6e5e5;
-  height: 38px;
-  width: 100%;
-  border-radius: 6px;
-  margin-top: 6px;
-}
-.form-textarea {
-  border: 1px solid #e6e5e5;
-  height: 120px;
-  width: 100%;
-  border-radius: 6px;
-  margin-top: 6px;
-}
-.form-count {
-  background-color: #737373;
-  color: #FFFFFF;
-  width: 24px;
-  height: 24px;
-  text-align: center;
-  border-radius: 50%;
-  line-height: 22px;
-  font-weight: bold;
-}
-.form-list ul {
-  margin: 8px 0 8px 0;
-}
-.form-list ul li {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  margin-bottom: 12px;
-}
-.form-list ul li span {
-  width: 16px;
-  height: 16px;
-  border-radius: 4px;
-  border: 1px solid #e6e5e5;
-}
-.form-Rating {
-  display: flex;
-  gap: 12px;
-  margin-top: 16px;
-}
-.form-Rating span {
-  width: 40px;
-  height: 40px;
-  text-align: center;
-  border-radius: 50%;
-  line-height: 36px;
-  border: 1px solid #e6e5e5;
-}
-.form-body {
-  display: flex;
-  justify-content: center;
-  gap: 50px;
-  margin: 50px auto;
-  width: 100%;
-  text-align: center;
-}
-/* Nail map print: SVGs are large design canvases — constrain like body-map PNGs */
-.form-nail-map {
-  display: grid !important;
-  grid-template-columns: 1fr 1fr;
-  gap: 12px;
-  margin: 16px auto;
-  max-width: 520px;
-  page-break-inside: avoid;
-  break-inside: avoid;
-}
-.form-nail-map img {
-  width: 100%;
-  max-height: 160px;
-  height: auto;
-  object-fit: contain;
-  display: block;
-  margin: 0 auto;
-}
-.form-box {
-  background-color: #E2E8F0;
-  border-radius: 6px;
-  height: 160px;
-  margin-top: 16px;
-}
-.form-Signature {
-  background-color: #E2E8F0;
-  border-radius: 6px;
-  height: 80px;
-  margin-top: 16px;
-}
-.form-main-box {
-  background-color: #F4F4F5;
-  padding: 10px;
-  display: flex;
-  justify-content: space-between;
-  margin-bottom: 12px;
-  align-items: center;
-}
-.form-yn {
-  display: flex;
-  gap: 18px;
-}
-.form-yn span {
-  width: 32px;
-  height: 32px;
-  line-height: 32px;
-  border: #CCCCCC solid 1px;
-  border-radius: 50%;
-  text-align: center;
-  vertical-align: middle;
-  font-size: 13pt;
-  background-color: #FFFFFF;
-  font-weight: 600;
-}
-.Forms-print {
-  margin: 10px 0;
-}
-.Forms-print-table {
-  border: #CCCCCC solid 1px;
-  border-radius: 4px;
-  margin-bottom: 18px;
-}
-.Forms-print-table td, .Forms-print-table th {
-  padding: 8px 12px;
-  border-right: #CCCCCC solid 1px;
-  border-bottom: #CCCCCC solid 1px;
-}
-.Forms-print-input {
-  width: 24px !important;
-  height: 24px;
-  border: #94A3B8 solid 1px;
-  border-radius: 6px;
-  display: inline-block;
-}
-.Forms-print-input-small {
-  width: 16px !important;
-  height: 16px;
-  border: #94A3B8 solid 1px;
-  border-radius: 6px;
-  display: inline-block;
-}
-.Forms-print-count {
-  width: 28px;
-  height: 28px;
-  border: #CCCCCC solid 1px;
-  border-radius: 50%;
-  text-align: center;
-  line-height: 26px;
-  background-color: #E1E1E1;
-}
-.text-center {
-  text-align: center;
-}
-.Forms-print-list {
-  display: flex;
-  justify-content: space-between;
-  border: #CCCCCC solid 1px;
-  margin: 8px 0;
-}
-
-.Forms-print-list-box {
-  padding: 6px 12px;
-  border-right: #CCCCCC solid 1px;
-  text-align: center;
-  width: 100%;
-}
-.Forms-print-table-total {
-  border: #CCCCCC solid 1px;
-  width: 100%;
-  margin-bottom: 12px;
-}
-.Forms-print-table-total td, .Forms-print-table-total th {
-  border-right: #CCCCCC solid 1px;
-  border-bottom: #CCCCCC solid 1px;
-  padding: 16px 10px;
-}
-.Forms-print-table-total-box {
-  display: flex;
-  justify-content: space-between;
-}
-.Forms-print-table-total-box span {
-  font-size: 17pt;
-  font-weight: 800;
-  margin-left: 12px;
-}
-
-.Forms-print-table-total-box label {
-  border: #CCCCCC solid 1px;
-  padding: 2px 10px;
-  text-align: center;
-  background-color: #E1E1E1;
-  font-weight: 800;
-}
-
-.border-none {
-  border: none;
-}
-
-.bg-bg {
-  background-color: #E1E1E1;
-}
-
-.mri-main {
-  display: grid;
-  grid-template-columns: repeat(2, 1fr);
-  grid-template-rows: 1fr;
-  grid-column-gap: 50px;
-  grid-row-gap: 0px;
-  width: 100%;
-}
-
-.mri-list {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  border-bottom: #CCCCCC solid 1px;
-  padding-bottom: 6px;
-  width: 100%;
-  margin-bottom: 20px;
-}
-
-.mri-yn {
-  display: flex;
-  gap: 10px;
-}
-
-.mri-yn span {
-  background-color: #f2f5f7;
-  text-align: center;
-  border-radius: 4px;
-  padding: 6px;
-  font-weight: bold;
-}
-
-.mri-strip {
-  background-color: #E1E1E1;
-  padding: 6px 10px;
-  text-align: center;
-  border-radius: 6px;
-  margin-bottom: 30px;
-}
-
-.mri-input-main {
-  border-bottom: #CCCCCC solid 1px;
-  padding-bottom: 20px;
-  margin-bottom: 20px;
-}
-
-.mri-input {
-  border: #CCCCCC solid 1px;
-  height: 32px;
-  border-radius: 6px;
-}
-
-.mri-ans {
-  display: flex;
-  gap: 30px;
-}
-
-.mri-flex {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-}
-
-.mri-check {
-  width: 22px;
-  height: 22px;
-  padding: 10px;
-  border: #CCCCCC solid 1px;
-  border-radius: 6px;
-}
-
-.badge {
-  background-color: #000000;
-  color: #FFFFFF;
-  text-align: center;
-  font-weight: 600;
-  border-radius: 6px;
-}
-
-.badge-list {
-  background-color: #CCCCCC;
-  color: #000000;
-  text-align: center;
-  font-weight: 600;
-  border-radius: 6px;
-}
-.appointment-table
-{
-  font-size: 10pt !important;
-}
-.appointment-table th, .material-summary-sidepanel th
-{
-  font-weight: 600;
-  border-bottom: #CCCCCC solid 1px;
-  padding: 10px 10px 10px 10px;
-}
-.appointment-table th:first-child
-{
-  padding: 10px 10px 10px 0px;
-}
-.appointment-table th:last-child
-{
-  padding: 10px 0px 10px 20px;
-}
-.appointment-table td:first-child
-{
-  padding: 10px 10px 10px 0px;
-}
-.appointment-table td
-{
-  border-bottom: #CCCCCC solid 1px;
-  padding: 10px 10px 10px 10px;
-  vertical-align: top;
-}
-.appointment-table td:last-child
-{
-  padding: 10px 0px 10px 20px;
-}
-.appointment-table td strong
-{
-  font-weight: 500;
-}
-@media print {
-  body {
-    -webkit-print-color-adjust: exact;
-  }
-}
-
-.material-summary-sidepanel {
-  font-size: 11pt !important;
-}
-.material-summary-sidepanel h2, .material-summary-sidepanel h3, .material-summary-sidepanel h4, .material-summary-sidepanel h5, .material-summary-sidepanel h6 {
-  font-size: 11pt !important;
-  color: #000 !important;
-}
-.material-summary-sidepanel p {
-  margin: 0 0 12px;
-  line-height: 1.3;
-  color: #000 !important;
-}
-.material-summary-sidepanel table th {
-  font-size: 10pt !important;
-  color: #000 !important;
-}
-.material-summary-sidepanel table td {
-  font-size: 11pt !important;
-  color: #000 !important;
-}
-.material-summary-sidepanel ul {
-  list-style: disc;
-  margin: 0 0 12px 30px;
-}
-.material-summary-sidepanel ul li {
-  font-size: 11pt !important;
-  margin: 0 0 4px;
-}
-.printlogo {
-  width: 160px;
-  height: auto;
-}
-.gap-md {
-  gap: 24px;
-}
-.mr-md {
-  margin-right: 24px;
-}
-
-.avs-print p strong {
-  font-weight: 700;
-  font-size: 11pt;
-
-}
-
-.avs-print p:not(:has(> strong)) {
-  /* Your desired styles here */
-  padding-left: 8px;
- }
-
-
-.avs-print ol,
-.avs-print ul {
-  list-style-position: outside !important;
-  margin: 0.25rem 0 !important;
-  padding-left: 1.5rem !important;
-}
-
-.avs-print .print-inline-value {
-  display: inline-block;
-  min-width: 16px;
-  padding: 0 2px;
-  border-bottom: 1px solid #999;
-}
-.list-disc {
-  list-style-type: disc !important;
-}
-.list-circle {
-  list-style-type: circle !important;
-}
-.list-square {
-  list-style-type: square !important;
-}
-.list-decimal {
-  list-style-type: decimal !important;
-}
-.list-lower-alpha {
-  list-style-type: lower-alpha !important;
-}
-.list-lower-roman {
-  list-style-type: lower-roman !important;
-}
-
-/* bullets */
-.avs-print ul { list-style-type: disc !important; }
-.avs-print ul ul { list-style-type: circle !important; }
-.avs-print ul ul ul { list-style-type: square !important; }
-
-/* ordered nesting */
-.avs-print ol { list-style-type: decimal !important; }
-.avs-print ol ol { list-style-type: lower-alpha !important; }
-.avs-print ol ol ol { list-style-type: lower-roman !important; }
-.avs-print ol ol ol ol { list-style-type: decimal !important; }
-
-.avs-print li {
-  display: list-item !important;  
-  margin: 0.15rem 0 !important;
-}
-
-.avs-print{
-  white-space: pre-wrap;   /* preserves leading spaces + wraps lines */
-}
-
-
-  /* this below style are used for the tiptap editor list item (macro) */
- .tiptap-style-for-list p,
-.tiptap-style-for-list li {
-    color: #111827;
-    line-height: 1.6;
-    margin: 0;
-    padding: 0;
-}
-
- .tiptap-style-for-list li p {
-    display: inline;
-    margin: 0;
-    padding: 0;
-}
-
- .tiptap-style-for-list ol,
-.tiptap-style-for-list ul {
-    padding-left: 1.5em;
-    margin: 0.4em 0;
-    list-style-position: outside;
-}
-
- .tiptap-style-for-list li+li {
-    margin-top: 0.35em;
-}
-
-/* Base ordered list styles */
-.tiptap-style-for-list ol {
-    list-style-type: decimal ;
-}
-
-/* Automatic repeating style pattern */
-.tiptap-style-for-list ol ol {
-    list-style-type: lower-alpha ;
-}
-
- .tiptap-style-for-list ol ol ol {
-    list-style-type: lower-roman ;
-}
-
- .tiptap-style-for-list ol ol ol ol {
-    list-style-type: decimal ;
-}
-
- .tiptap-style-for-list ol ol ol ol ol {
-    list-style-type: lower-alpha ;
-}
-
-.tiptap-style-for-list ol ol ol ol ol ol {
-    list-style-type: lower-roman ;
-}
-
-/* Repeat pattern infinitely */
- .tiptap-style-for-list ol ol ol ol ol ol ol {
-    list-style-type: decimal ;
-}
-
-.tiptap-style-for-list ol ol ol ol ol ol ol ol {
-    list-style-type: lower-alpha ;
-}
-
-.tiptap-style-for-list ol ol ol ol ol ol ol ol ol {
-    list-style-type: lower-roman ;
-}
-
-/* Bulleted list variants */
- .tiptap-style-for-list ul {
-    list-style-type: disc ;
-}
-
- .tiptap-style-for-list ul ul {
-    list-style-type: circle ;
-}
-
- .tiptap-style-for-list ul ul ul {
-    list-style-type: square ;
-}
-
- .tiptap-style-for-list ul ul ul ul {
-    list-style-type: disc ;
-}
-
-.tiptap-style-for-list ul ul ul ul ul {
-    list-style-type: circle ;
-}
-
- .tiptap-style-for-list ul ul ul ul ul ul {
-    list-style-type: square ;
-}
-
-.tiptap-style-for-list ul,
-.tiptap-style-for-list ol {
-    margin-left: 1em ;
-}
-
-.marker-size {
-  width: 14px !important;
-  height: 14px !important;
-}
-
-
-.derm-print app-full-body {
-  width: 60% !important;
-}
-
-.derm-print .marker__meta,
-.derm-print ed-icon-button {
-  display: none !important;
-}
-
-.derm-print app-lesion-marker {
-  position: absolute !important;
-}
-
-.derm-print .marker-dot {
-  cursor: default !important;
-  border-color: #111 !important;
-  color: #fff !important;
-  background-color: #111 !important;
-  border-radius: 999px !important;
-}
-
-
-.derm-face .derm-diagram {
-  width: 60% !important;
-}
-
-.derm-face .derm-diagram-small {
-  width: 80% !important;
-}
-
-.full-body-root .derm-diagram svg {
-  height: 450px !important;
-  width: auto !important;
-}
-
-.full-body-root .svg-container {
-  align-items: start !important;
-  justify-content: start !important;
-}
-
-/* DYMO specimen-label print � 25 x 54 mm label */
-@page specimen-label {
-  size: 54mm 25mm;
-  margin: 0 !important;
-}
+/* :root {
+  --base-font-size: 9pt;
+} */
+
+body {
+  /* font-family: Arial, Helvetica, sans-serif; */
+  font-family:"Calibri", Arial, Helvetica, sans-serif;
+  color: #333;
+  letter-spacing: normal;
+}
+
+h1 {font-size: 13px !important;}
+
+h2 {font-size: 13px !important;}
+
+h2.title-print {
+  font-size: 13pt !important;
+  margin-bottom: 5px;
+  @apply text-dark;
+}
+
+h3,
+.h3 {
+  font-size: 13px !important;
+}
+.sub-titles h3, h3.sub-heading {
+  font-size: 13px !important;
+}
+
+table {
+  line-height: 1.4;
+  width: 100%;
+  font-size: 13px;
+}
+table td strong
+{
+  font-weight: 500;
+}
+
+label {
+  line-height: 1.4;
+  white-space: nowrap;
+}
+
+/* New print styles chandu */
+
+.ed-heading {
+
+  font-weight: 600;
+  margin-bottom: 2px;
+  font-size: 13px;
+}
+.ed-sub-heading
+{
+  font-size: 12px;
+  margin-bottom: 2px;
+  font-weight: 600;
+}
+.ed-info label
+{
+  font-size: 12px;
+}
+.ed-info strong
+{
+  font-weight: 500;
+  font-size: 12px;
+}
+table td strong
+{
+  font-weight: 500;
+}
+
+table th
+{
+  font-weight: 500;
+}
+
+@media print {
+  img {
+    background: none !important;
+    color: transparent !important;
+  }
+}
+
+
+
+
+
+
+
+table.basic, .material-summary-sidepanel table {table-layout: fixed;}
+table.basic th, .material-summary-sidepanel table th { text-align: left; padding:4px 8px; border-bottom: #C8C8C8 solid 1px; border-top: #C8C8C8 solid 1px;}
+table.basic tr, .material-summary-sidepanel table tr {break-inside: avoid;}
+table.basic td, .material-summary-sidepanel table td {vertical-align: top; padding:6px 8px; border-bottom: #C8C8C8 solid 1px;}
+table.basic td p, .material-summary-sidepanel table td p {word-break: break-all;}
+
+.text-clr {color: #3477F5;}
+strong,h2,h3,h4,h5,h6 {font-weight: 600;}
+
+.form-title {
+  background-color: #E2E8F0;
+  padding: 6px;
+  margin-top: 16px;
+  margin-bottom: 8pt;
+  text-align: center;
+  font-size:15pt;
+  font-weight: 600;
+}
+.summary-title .form-title {
+  padding: 6px;
+  background: transparent;
+  padding: 0;
+  margin-top: 0;
+  margin-bottom: 6px;
+  text-align: center;
+  font-size:12pt;
+  font-weight: 600;
+}
+.main-heading {
+  border-left: 4px solid #3477F5;
+  padding-left: 6px;
+  font-weight: 600;
+  margin-bottom: 16px;
+  font-size: 11pt;
+}
+.appointment-heading
+{
+  border-left: 4px solid #3477F5;
+  padding-left: 12px;
+  margin-bottom: 12px;
+}
+.intText {
+  text-indent: 32px;
+}
+
+footer p, header p {
+  font-size: 9pt;
+}
+header p strong {
+  font-size: 8pt;
+}
+.flexrow > strong, .flexrow > .erastrong {
+
+}
+.card label,
+.card strong {
+  font-size: 13px;
+}
+.card .encinfo label,
+.card .encinfo strong {
+  font-size: 13px;
+}
+section {
+  margin-bottom: 12px;
+  /* padding-bottom: 6px; */
+  padding-left: 0;
+}
+.logo {
+  max-height: 90px;
+  width: auto;
+}
+.card {
+  padding: 8px 0 12px 0;
+  border-radius: 4px;
+  border-bottom: 1px solid #C8C8C8;
+  margin-bottom: 2px;
+  font-size: 13px;
+}
+.encounter-card {
+  padding: 0px 0 8px 0;
+  border-bottom: 1px solid #C8C8C8;
+  margin-bottom: 4px;
+}
+.headercard strong {
+  font-weight: 500;
+}
+.erastrong {
+  font-weight: 500;
+  color: #000;
+}
+.void-break {
+  break-inside: avoid;
+}
+.box {
+  border: #CCCCCC solid 1px;
+  padding: 8px 12px;
+  border-radius: 8px;
+  margin-bottom: 15px;
+}
+.box-no-content {
+  font-weight: 500;
+  padding: 2px 0;
+
+}
+.break-words
+{
+  overflow-wrap: break-word;
+}
+.break-all
+{
+  word-break: break-all;
+}
+.sub-heading {
+  margin-bottom: 8px;
+}
+.sub-heading.mb-0 {
+  margin-bottom: 0;
+}
+.receipt {
+  width: 600px;
+  margin: 0 auto;
+}
+.past-badge {
+  display: inline-block;
+  padding: 2px 3px;
+  background: #555;
+  border-radius: 4px;
+  color: #fff;
+  text-align: center;
+  line-height: 1;
+  font-size: 8pt;
+  margin-top: -2px;
+}
+.appointment {
+  margin-bottom: 20px;
+}
+.appointment-head {
+  padding: 0px 0px;
+  height: 32px;
+  line-height: 32px;
+}
+.providers-name
+{
+  font-size: 20px;
+  font-weight: 600;
+}
+.form-main {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  padding: 4px 0;
+}
+
+.form-main p 
+{
+    word-break: break-word;
+    min-height: 1em;
+}
+
+.form-main p strong {
+    font-weight: bold !important;
+  }
+.form-separator {
+  border-bottom: 1px solid #e6e5e5;
+}
+.form-lable {
+  margin-bottom: 6px;
+  font-size: 13pt;
+}
+.form-input {
+  border: 1px solid #e6e5e5;
+  height: 38px;
+  width: 100%;
+  border-radius: 6px;
+  margin-top: 6px;
+}
+.form-textarea {
+  border: 1px solid #e6e5e5;
+  height: 120px;
+  width: 100%;
+  border-radius: 6px;
+  margin-top: 6px;
+}
+.form-count {
+  background-color: #737373;
+  color: #FFFFFF;
+  width: 24px;
+  height: 24px;
+  text-align: center;
+  border-radius: 50%;
+  line-height: 22px;
+  font-weight: bold;
+}
+.form-list ul {
+  margin: 8px 0 8px 0;
+}
+.form-list ul li {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 12px;
+}
+.form-list ul li span {
+  width: 16px;
+  height: 16px;
+  border-radius: 4px;
+  border: 1px solid #e6e5e5;
+}
+.form-Rating {
+  display: flex;
+  gap: 12px;
+  margin-top: 16px;
+}
+.form-Rating span {
+  width: 40px;
+  height: 40px;
+  text-align: center;
+  border-radius: 50%;
+  line-height: 36px;
+  border: 1px solid #e6e5e5;
+}
+.form-body {
+  display: flex;
+  justify-content: center;
+  gap: 50px;
+  margin: 50px auto;
+  width: 100%;
+  text-align: center;
+}
+/* Nail map print: SVGs are large design canvases — constrain like body-map PNGs */
+.form-nail-map {
+  display: grid !important;
+  grid-template-columns: 1fr 1fr;
+  gap: 12px;
+  margin: 16px auto;
+  max-width: 520px;
+  page-break-inside: avoid;
+  break-inside: avoid;
+}
+.form-nail-map img {
+  width: 100%;
+  max-height: 160px;
+  height: auto;
+  object-fit: contain;
+  display: block;
+  margin: 0 auto;
+}
+.form-box {
+  background-color: #E2E8F0;
+  border-radius: 6px;
+  height: 160px;
+  margin-top: 16px;
+}
+.form-Signature {
+  background-color: #E2E8F0;
+  border-radius: 6px;
+  height: 80px;
+  margin-top: 16px;
+}
+.form-main-box {
+  background-color: #F4F4F5;
+  padding: 10px;
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 12px;
+  align-items: center;
+}
+.form-yn {
+  display: flex;
+  gap: 18px;
+}
+.form-yn span {
+  width: 32px;
+  height: 32px;
+  line-height: 32px;
+  border: #CCCCCC solid 1px;
+  border-radius: 50%;
+  text-align: center;
+  vertical-align: middle;
+  font-size: 13pt;
+  background-color: #FFFFFF;
+  font-weight: 600;
+}
+.Forms-print {
+  margin: 10px 0;
+}
+.Forms-print-table {
+  border: #CCCCCC solid 1px;
+  border-radius: 4px;
+  margin-bottom: 18px;
+}
+.Forms-print-table td, .Forms-print-table th {
+  padding: 8px 12px;
+  border-right: #CCCCCC solid 1px;
+  border-bottom: #CCCCCC solid 1px;
+}
+.Forms-print-input {
+  width: 24px !important;
+  height: 24px;
+  border: #94A3B8 solid 1px;
+  border-radius: 6px;
+  display: inline-block;
+}
+.Forms-print-input-small {
+  width: 16px !important;
+  height: 16px;
+  border: #94A3B8 solid 1px;
+  border-radius: 6px;
+  display: inline-block;
+}
+.Forms-print-count {
+  width: 28px;
+  height: 28px;
+  border: #CCCCCC solid 1px;
+  border-radius: 50%;
+  text-align: center;
+  line-height: 26px;
+  background-color: #E1E1E1;
+}
+.text-center {
+  text-align: center;
+}
+.Forms-print-list {
+  display: flex;
+  justify-content: space-between;
+  border: #CCCCCC solid 1px;
+  margin: 8px 0;
+}
+
+.Forms-print-list-box {
+  padding: 6px 12px;
+  border-right: #CCCCCC solid 1px;
+  text-align: center;
+  width: 100%;
+}
+.Forms-print-table-total {
+  border: #CCCCCC solid 1px;
+  width: 100%;
+  margin-bottom: 12px;
+}
+.Forms-print-table-total td, .Forms-print-table-total th {
+  border-right: #CCCCCC solid 1px;
+  border-bottom: #CCCCCC solid 1px;
+  padding: 16px 10px;
+}
+.Forms-print-table-total-box {
+  display: flex;
+  justify-content: space-between;
+}
+.Forms-print-table-total-box span {
+  font-size: 17pt;
+  font-weight: 800;
+  margin-left: 12px;
+}
+
+.Forms-print-table-total-box label {
+  border: #CCCCCC solid 1px;
+  padding: 2px 10px;
+  text-align: center;
+  background-color: #E1E1E1;
+  font-weight: 800;
+}
+
+.border-none {
+  border: none;
+}
+
+.bg-bg {
+  background-color: #E1E1E1;
+}
+
+.mri-main {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-template-rows: 1fr;
+  grid-column-gap: 50px;
+  grid-row-gap: 0px;
+  width: 100%;
+}
+
+.mri-list {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: #CCCCCC solid 1px;
+  padding-bottom: 6px;
+  width: 100%;
+  margin-bottom: 20px;
+}
+
+.mri-yn {
+  display: flex;
+  gap: 10px;
+}
+
+.mri-yn span {
+  background-color: #f2f5f7;
+  text-align: center;
+  border-radius: 4px;
+  padding: 6px;
+  font-weight: bold;
+}
+
+.mri-strip {
+  background-color: #E1E1E1;
+  padding: 6px 10px;
+  text-align: center;
+  border-radius: 6px;
+  margin-bottom: 30px;
+}
+
+.mri-input-main {
+  border-bottom: #CCCCCC solid 1px;
+  padding-bottom: 20px;
+  margin-bottom: 20px;
+}
+
+.mri-input {
+  border: #CCCCCC solid 1px;
+  height: 32px;
+  border-radius: 6px;
+}
+
+.mri-ans {
+  display: flex;
+  gap: 30px;
+}
+
+.mri-flex {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+
+.mri-check {
+  width: 22px;
+  height: 22px;
+  padding: 10px;
+  border: #CCCCCC solid 1px;
+  border-radius: 6px;
+}
+
+.badge {
+  background-color: #000000;
+  color: #FFFFFF;
+  text-align: center;
+  font-weight: 600;
+  border-radius: 6px;
+}
+
+.badge-list {
+  background-color: #CCCCCC;
+  color: #000000;
+  text-align: center;
+  font-weight: 600;
+  border-radius: 6px;
+}
+.appointment-table
+{
+  font-size: 10pt !important;
+}
+.appointment-table th, .material-summary-sidepanel th
+{
+  font-weight: 600;
+  border-bottom: #CCCCCC solid 1px;
+  padding: 10px 10px 10px 10px;
+}
+.appointment-table th:first-child
+{
+  padding: 10px 10px 10px 0px;
+}
+.appointment-table th:last-child
+{
+  padding: 10px 0px 10px 20px;
+}
+.appointment-table td:first-child
+{
+  padding: 10px 10px 10px 0px;
+}
+.appointment-table td
+{
+  border-bottom: #CCCCCC solid 1px;
+  padding: 10px 10px 10px 10px;
+  vertical-align: top;
+}
+.appointment-table td:last-child
+{
+  padding: 10px 0px 10px 20px;
+}
+.appointment-table td strong
+{
+  font-weight: 500;
+}
+@media print {
+  body {
+    -webkit-print-color-adjust: exact;
+  }
+}
+
+.material-summary-sidepanel {
+  font-size: 11pt !important;
+}
+.material-summary-sidepanel h2, .material-summary-sidepanel h3, .material-summary-sidepanel h4, .material-summary-sidepanel h5, .material-summary-sidepanel h6 {
+  font-size: 11pt !important;
+  color: #000 !important;
+}
+.material-summary-sidepanel p {
+  margin: 0 0 12px;
+  line-height: 1.3;
+  color: #000 !important;
+}
+.material-summary-sidepanel table th {
+  font-size: 10pt !important;
+  color: #000 !important;
+}
+.material-summary-sidepanel table td {
+  font-size: 11pt !important;
+  color: #000 !important;
+}
+.material-summary-sidepanel ul {
+  list-style: disc;
+  margin: 0 0 12px 30px;
+}
+.material-summary-sidepanel ul li {
+  font-size: 11pt !important;
+  margin: 0 0 4px;
+}
+.printlogo {
+  width: 160px;
+  height: auto;
+}
+.gap-md {
+  gap: 24px;
+}
+.mr-md {
+  margin-right: 24px;
+}
+
+.avs-print p strong {
+  font-weight: 700;
+  font-size: 11pt;
+
+}
+
+.avs-print p:not(:has(> strong)) {
+  /* Your desired styles here */
+  padding-left: 8px;
+ }
+
+
+.avs-print ol,
+.avs-print ul {
+  list-style-position: outside !important;
+  margin: 0.25rem 0 !important;
+  padding-left: 1.5rem !important;
+}
+
+.avs-print .print-inline-value {
+  display: inline-block;
+  min-width: 16px;
+  padding: 0 2px;
+  border-bottom: 1px solid #999;
+}
+.list-disc {
+  list-style-type: disc !important;
+}
+.list-circle {
+  list-style-type: circle !important;
+}
+.list-square {
+  list-style-type: square !important;
+}
+.list-decimal {
+  list-style-type: decimal !important;
+}
+.list-lower-alpha {
+  list-style-type: lower-alpha !important;
+}
+.list-lower-roman {
+  list-style-type: lower-roman !important;
+}
+
+/* bullets */
+.avs-print ul { list-style-type: disc !important; }
+.avs-print ul ul { list-style-type: circle !important; }
+.avs-print ul ul ul { list-style-type: square !important; }
+
+/* ordered nesting */
+.avs-print ol { list-style-type: decimal !important; }
+.avs-print ol ol { list-style-type: lower-alpha !important; }
+.avs-print ol ol ol { list-style-type: lower-roman !important; }
+.avs-print ol ol ol ol { list-style-type: decimal !important; }
+
+.avs-print li {
+  display: list-item !important;  
+  margin: 0.15rem 0 !important;
+}
+
+.avs-print{
+  white-space: pre-wrap;   /* preserves leading spaces + wraps lines */
+}
+
+
+  /* this below style are used for the tiptap editor list item (macro) */
+ .tiptap-style-for-list p,
+.tiptap-style-for-list li {
+    color: #111827;
+    line-height: 1.6;
+    margin: 0;
+    padding: 0;
+}
+
+ .tiptap-style-for-list li p {
+    display: inline;
+    margin: 0;
+    padding: 0;
+}
+
+ .tiptap-style-for-list ol,
+.tiptap-style-for-list ul {
+    padding-left: 1.5em;
+    margin: 0.4em 0;
+    list-style-position: outside;
+}
+
+ .tiptap-style-for-list li+li {
+    margin-top: 0.35em;
+}
+
+/* Base ordered list styles */
+.tiptap-style-for-list ol {
+    list-style-type: decimal ;
+}
+
+/* Automatic repeating style pattern */
+.tiptap-style-for-list ol ol {
+    list-style-type: lower-alpha ;
+}
+
+ .tiptap-style-for-list ol ol ol {
+    list-style-type: lower-roman ;
+}
+
+ .tiptap-style-for-list ol ol ol ol {
+    list-style-type: decimal ;
+}
+
+ .tiptap-style-for-list ol ol ol ol ol {
+    list-style-type: lower-alpha ;
+}
+
+.tiptap-style-for-list ol ol ol ol ol ol {
+    list-style-type: lower-roman ;
+}
+
+/* Repeat pattern infinitely */
+ .tiptap-style-for-list ol ol ol ol ol ol ol {
+    list-style-type: decimal ;
+}
+
+.tiptap-style-for-list ol ol ol ol ol ol ol ol {
+    list-style-type: lower-alpha ;
+}
+
+.tiptap-style-for-list ol ol ol ol ol ol ol ol ol {
+    list-style-type: lower-roman ;
+}
+
+/* Bulleted list variants */
+ .tiptap-style-for-list ul {
+    list-style-type: disc ;
+}
+
+ .tiptap-style-for-list ul ul {
+    list-style-type: circle ;
+}
+
+ .tiptap-style-for-list ul ul ul {
+    list-style-type: square ;
+}
+
+ .tiptap-style-for-list ul ul ul ul {
+    list-style-type: disc ;
+}
+
+.tiptap-style-for-list ul ul ul ul ul {
+    list-style-type: circle ;
+}
+
+ .tiptap-style-for-list ul ul ul ul ul ul {
+    list-style-type: square ;
+}
+
+.tiptap-style-for-list ul,
+.tiptap-style-for-list ol {
+    margin-left: 1em ;
+}
+
+.marker-size {
+  width: 14px !important;
+  height: 14px !important;
+}
+
+
+.derm-print app-full-body {
+  width: 60% !important;
+}
+
+.derm-print .marker__meta,
+.derm-print ed-icon-button {
+  display: none !important;
+}
+
+.derm-print app-lesion-marker {
+  position: absolute !important;
+}
+
+.derm-print .marker-dot {
+  cursor: default !important;
+  border-color: #111 !important;
+  color: #fff !important;
+  background-color: #111 !important;
+  border-radius: 999px !important;
+}
+
+
+.derm-face .derm-diagram {
+  width: 60% !important;
+}
+
+.derm-face .derm-diagram-small {
+  width: 80% !important;
+}
+
+.full-body-root .derm-diagram svg {
+  height: 450px !important;
+  width: auto !important;
+}
+
+.full-body-root .svg-container {
+  align-items: start !important;
+  justify-content: start !important;
+}
+
+/* DYMO specimen-label print � 25 x 54 mm label */
+@page specimen-label {
+  size: 54mm 25mm;
+  margin: 0 !important;
+}