#root {
  /* max-width: 1280px; */
  margin: 0 auto;
  padding: 2rem;
  
}._addbutton_iorg3_1 {
  background: #243948 !important;
  margin-left: 10px !important;
  color: #ffffff !important;
  text-transform: none !important;
}

._filterButton_iorg3_8 {
  color: #243948 !important;
  font-weight: 600 !important;
  text-transform: none !important;
  border-color: #9c9c9c !important;
}

._activeFilterButton_iorg3_15 {
  background: #243948 !important;
  color: #ffffff !important;
}

._cancelbutton_iorg3_20 {
  border: 1px solid #243948 !important;
  color: #243948 !important;
  margin-left: 10px !important;
  background: #ffffff !important;
  font-weight: 600 !important;
  text-transform: none !important;
}
._reviewBorderSection_37h3n_1 {
  display: flex;
  align-items: center;
}

._hrlineTitle_37h3n_6 {
  color: #c6b98b;
  margin-right: 10px;
}

._hrLineBadge_37h3n_11 {
  background: #c6b98b;
  border-radius: 15px;
  padding: 0 10px;
  font-weight: 500;
  margin-left: 10px;
  white-space: nowrap;
}

._hrline_37h3n_6 {
  width: 92%;
  height: 0;
  border: 1px solid #c6b98b;
}

/* .teamStructureOddCards {
  background: #ede9db;
  border: 2px solid #c6b98b;
} */

._teamStructureEvenCards_37h3n_31 {
  background: #ffffff;
  border: 2px solid #e9eaec;
}

._cardicons_37h3n_36 {
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  border-radius: 30px;
}

._iconTeamStructure_37h3n_45 {
  background-color: #ede9db;
  padding: 15px;
  border-radius: 30px;
  margin-right: 10px;
}

._iconuser_37h3n_52 {
  background: #e9eaec;
}

._iconcheck_37h3n_56 {
  background: #c6b98b;
}

._savebutton_37h3n_60 {
  background: #243948 !important;
  margin-left: 10px !important;
  color: #ffffff !important;
}

._backbutton_37h3n_66,._assignAppoiment_37h3n_66 {
  border: 1px solid #d1d3d8 !important;
  color: #243948 !important;
  margin-left: 10px !important;
  background: #ffffff !important;
  font-weight: 600 !important;
}

._libraryButton_37h3n_74 {
  border: 1px solid #d1d3d8 !important;
  color: #243948 !important;
  margin-left: 10px !important;
  background: #ffffff !important;
  font-weight: 600 !important;
  text-transform: capitalize !important;
  padding: 8px 15px !important;
  border-radius: 5px !important;
}

._gettingStartedModalDes_37h3n_85 {
  font-family: "Lora", italic;
  border-left: 3px solid #c6b98b;
  padding-left: 1rem;
}

._activityIcon_37h3n_91,
._calenderIcon_37h3n_92 {
  background: #e5e7eb;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-bottom: 10px;
}

._cancelButton_37h3n_103 {
  border: 1px solid #243948 !important;
  color: #243948 !important;
  margin-left: 10px !important;
  background: #ffffff !important;
  font-weight: 600 !important;
  text-transform: capitalize !important;
  padding: 8px 15px !important;
  border-radius: 5px !important;
}
._defaultbutton_sdb6d_1 {
  border: 1px solid #d1d3d8 !important;
  color: #243948 !important;
  margin-left: 10px !important;
  background: #ffffff !important;
  font-weight: 600 !important;
  border-radius: 10px;
  text-transform: capitalize !important;
}

._addbutton_sdb6d_11 {
  background: #243948 !important;
  margin-left: 10px !important;
  color: #ffffff !important;
  border-radius: 10px;
   text-transform: capitalize !important;
}

._teamIcon_sdb6d_19 {
  width: 50px;
  height: 50px;
  background-color: #E5E7EB;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden; 
}

._viewProfilebutton_sdb6d_30 {
  border: 1px solid #d1d3d8 !important;
  color: #243948 !important;
  margin-left: 10px !important;
  background: #ffffff !important;
  font-weight: 600 !important; 
  text-transform: capitalize !important;
}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
._notesIcon_vty3r_1 {
  background-color: #e9eaec;
  padding: 0px;
  border-radius: 30px;
  margin-right: 10px;
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._checkIcon_vty3r_13 {
  background-color: #c6b98b;
  padding: 0px;
  border-radius: 30px;
  margin-right: 10px;
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._taskAltIcon_vty3r_25 {
  background-color: #ede9db;
  padding: 0px;
  border-radius: 30px;
  margin-right: 10px;
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}

._reviewText_vty3r_37 {
  color: #b0a36a;
  font-size: 14px;
  font-family: 'Inter';
  font-weight: normal;
}

._stepIndicator_vty3r_44 {
  background-color: #f3f0df;
  padding-left: 16px; /* px: 2 */
  padding-right: 16px;
  padding-top: 4px; /* py: 0.5 */
  padding-bottom: 4px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 600;
  font-family: 'Inter';
  color: #243948;
}

._subTitle_vty3r_57 {
  font-weight: bold;
  color: #243948;
  font-size: 18px;
  margin-bottom: 8px;
  font-family: 'Inter';
}

._mainTitle_vty3r_65 {
  font-weight: bold;
  color: #243948;
  font-size: 28px;
  margin-bottom: 16px; /* mb: 2 */
  font-family: 'Inter';
}

._headerTitle_vty3r_73 {
  font-size: 18px;
  font-weight: bold;
  font-family: 'Inter';
}

._headerParagraph_vty3r_79 {
  font-size: 14px;
  color: gray;
  margin-bottom: 24px; /* mb: 3 */
  font-weight: normal;
  font-family: 'Inter';
}

._templateTitle_vty3r_87 {
  font-weight: bold;
  font-size: 16px;
  font-family: 'Inter';
}

._templateDesc_vty3r_93 {
  font-size: 13px;
  color: gray;
  font-weight: normal;
  font-family: 'Inter';
}

._savebutton_vty3r_100 {
  background: #243948 !important;
  margin-left: 10px !important;
  color: #ffffff !important;
}

._backbutton_vty3r_106 {  
  color: #243948 !important;
  margin-left: 10px !important;
  background: #ffffff !important;
  font-weight: 600 !important;
}._newTemplatebutton_1cmg9_1 {
  background: #243948 !important;
  margin-left: 10px !important;
  color: #ffffff !important;
  padding: 10px 15px !important;
  border-radius: 10px !important;
  text-transform: capitalize !important;
}

._notesIcon_1cmg9_10 {
  background-color: #ede9db !important;
  padding: 0px !important;
  border-radius: 10px !important;
  margin-right: 10px !important;
  height: 45px !important;
  width: 45px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

._pageContainer_1cmg9_22 {
  font-family: "Inter" !important;
  background: #f9fafb !important;
  min-height: 100vh !important;
  padding: 20px 30px !important;
  position: relative !important;
}

._header_1cmg9_30 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 24px !important;
}

._searchFilterSection_1cmg9_37 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 16px !important;
  margin-bottom: 16px !important;
}

._masterTemplatesTitle_1cmg9_45 {
  font-weight: 700 !important;
}

._searchFiltersContainer_1cmg9_49 {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

._filterButton_1cmg9_55 {
  background: transparent !important;
  border-radius: 8px !important;
  border: 1px solid #d1d3d8 !important;
  color: #243948 !important;
  font-weight: 600 !important;
  text-transform: capitalize !important;
}

._cardsSection_1cmg9_64 {
  display: flex !important;
  gap: 24px !important;
  align-items: stretch !important;
  background: #f9fafb !important;
}

._cardBox_1cmg9_71 {
  flex: 1 !important;
  min-height: 300px !important;
  background: #f9fafb !important;
}

._tourSection_1cmg9_77 {
  margin-top: 24px !important;
}

._card_1cmg9_64 {
  border-radius: 14px !important;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08) !important;
  background: transparent !important;
}

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

._leftHeader_1cmg9_92 {
  display: flex !important;
}

._titleRow_1cmg9_96 {
  font-weight: 700 !important;
}

._rightHeader_1cmg9_100 {
  display: flex !important;
  align-items: center !important;
}

._moreIcon_1cmg9_105 {
  color: #243948 !important;
  margin-left: 8px !important;
}

._descriptionStyle_1cmg9_110 {
  margin-top: 8px !important;
  margin-bottom: 16px !important;
}

._postedBySection_1cmg9_115 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 16px !important;
}

._postedByText_1cmg9_122 {
  color: #9c9c9c !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

._shareBox_1cmg9_128 {
  display: flex !important;
  align-items: center !important;
}

._shareCount_1cmg9_133 {
  margin-left: 8px !important;
}

._bottomSection_1cmg9_137 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-top: 16px !important;
}

._tagStyle_1cmg9_144 {
  font-size: 14px !important;
  padding: 5px 10px !important;
  background: #ede9db !important;
  border-radius: 15px !important;
  color: #243948 !important;
  font-weight: 600 !important;
}

._buttonsContainer_1cmg9_153 {
  display: flex !important;
  gap: 8px !important;
}

._tourCard_1cmg9_158 {
  width: 260px !important;
  padding: 16px !important;
  background: #fff !important;
  border-radius: 12px !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.12) !important;
}

._tourTitle_1cmg9_166 {
  font-weight: 700 !important;
  margin-bottom: 4px !important;
}

._tourDescription_1cmg9_171 {
  color: rgba(0, 0, 0, 0.6) !important;
  margin-bottom: 16px !important;
}

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

._skipButton_1cmg9_181 {
  text-transform: capitalize !important;
}

._nextButton_1cmg9_185 {
  text-transform: capitalize !important;
  border-radius: 8px !important;
}

._highlight_1cmg9_190 {
  border: 3px solid #ff0 !important;
  box-shadow: 0 0 15px rgba(255, 255, 0, 0.8) !important;
  background-color: rgba(255, 255, 255, 0.9) !important;
}

._viewInsightsButton_1cmg9_196 {
  background: #ebf3fe !important;
  color: #2c62b9 !important;
  font-weight: 600 !important;
  text-transform: capitalize !important;
}

._previewButton_1cmg9_203 {
  background: #ffffff !important;
  color: #25282d !important;
  font-weight: 600 !important;
  text-transform: capitalize !important;
}

/* Transcript component styles */

._transcriptContainer_1cmg9_212 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

._micIconContainer_1cmg9_220 {
  width: 70px !important;
  height: 70px !important;
  background-color: #e9edf3 !important;
  border-radius: 50% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-bottom: 24px !important;
}

._transcriptHeading_1cmg9_231 {
  margin-bottom: 16px !important;
}

._transcriptDescription_1cmg9_235 {
  max-width: 450px !important;
  margin-bottom: 32px !important;
  line-height: 1.6 !important;
  padding: 0 16px !important;
}

._actionButtons_1cmg9_242 {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 16px !important;
}

._startRecordingButton_1cmg9_249 {
  background-color: #ef4444 !important;
  border-radius: 8px !important;
  padding: 12px 32px !important;
  font-size: 16px !important;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15) !important;
  text-transform: capitalize !important;
}

._startRecordingButton_1cmg9_249:hover {
  background-color: #dc2626 !important;
}

._uploadAudioButton_1cmg9_262 {
  display: flex !important;
  align-items: center !important;
  cursor: pointer !important;
  transition: opacity 0.2s ease !important;
}

._uploadAudioButton_1cmg9_262:hover {
  opacity: 0.7 !important;
}

._uploadIcon_1cmg9_273 {
  color: #243948 !important;
  margin-right: 4px !important;
}

._uploadText_1cmg9_278 {
  color: #243948 !important;
  font-size: 14px !important;
}
._reviewBorderSection_1km4m_1 {
  display: flex;
  align-items: center;
}

._hrlineTitle_1km4m_6 {
  color: #c6b98b;
  margin-right: 10px;
}

._hrLineBadge_1km4m_11 {
  background: #c6b98b;
  border-radius: 15px;
  padding: 0 10px;
  font-weight: 500;
  margin-left: 10px;
  white-space: nowrap;
}

._hrline_1km4m_6 {
  width: 92%;
  height: 0;
  border: 1px solid #c6b98b;
}

/* .teamStructureOddCards {
  background: #ede9db;
  border: 2px solid #c6b98b;
} */

._teamStructureEvenCards_1km4m_31 {
  background: #ffffff;
  border: 2px solid #e9eaec;
}

._cardicons_1km4m_36 {
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  border-radius: 30px;
}

._iconTeamStructure_1km4m_45 {
  background-color: #ede9db;
  padding: 15px;
  border-radius: 30px;
  margin-right: 10px;
}

._iconuser_1km4m_52 {
  background: #e9eaec;
}

._iconcheck_1km4m_56 {
  background: #c6b98b;
}

._savebutton_1km4m_60 {
  background: #243948 !important;
  margin-left: 10px !important;
  color: #ffffff !important;
}

._backbutton_1km4m_66 {
  border: 1px solid #d1d3d8 !important;
  color: #243948 !important;
  margin-left: 10px !important;
  background: #ffffff !important;
  font-weight: 600 !important;
}

._libraryButton_1km4m_74 {
  border: 1px solid #d1d3d8 !important;
  color: #243948 !important;
  margin-left: 10px !important;
  background: #ffffff !important;
  font-weight: 600 !important;
  text-transform: capitalize !important;
  padding: 8px 15px !important;
  border-radius: 5px !important;
}

._gettingStartedModalDes_1km4m_85 {
  font-family: "Lora", italic;
  border-left: 3px solid #c6b98b;
  padding-left: 1rem;
}

._activityIcon_1km4m_91,
._calenderIcon_1km4m_92 {
  background: #e5e7eb;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  margin-bottom: 10px;
}

/* Practice Profile Success */

._container_1km4m_105 {
  background: #ffffff;
  border-radius: 8px;
  padding: 20px;
}

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

._headerTitle_1km4m_117 {
  color: #374151;
  font-weight: 700;
}

._headerRight_1km4m_122 {
  display: flex;
  gap: 10px;
  align-items: center;
}

._pill_1km4m_128 {
  background: #f3f4f6;
  padding: 6px 10px;
  border-radius: 999px;
  color: #6b7280;
  font-weight: 600;
}

._stepChip_1km4m_136 {
  background: #f3f4f6;
  color: #374151;
  font-weight: 700;
}

._recoCard_1km4m_142 {
  flex: 1;
  min-width: 0;
  border-radius: 8px;
  box-shadow: none;
}

._smallCard_1km4m_149 {
  width: 160px;
  border-radius: 8px;
  align-self: flex-start;
}

._diagramCard_1km4m_155 {
  margin-top: 8px;
  border-radius: 8px;
  overflow: hidden;
  min-height: 240px;
}

._diagramImg_1km4m_162 {
  width: 100%;
  height: 360px;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

._templatesCard_1km4m_170 {
  margin-top: 12px;
  border-radius: 8px;
}

._bottomNav_1km4m_175 {
  display: inline-flex;
  gap: 10px;
  background: #111827;
  padding: 10px 18px;
  border-radius: 28px;
  align-items: center;
}

._bottomDot_1km4m_184 {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  opacity: 0.9;
}

._gettingStartedModalDes_1km4m_85 {
  font-family: "Lora", italic;
  border-left: 3px solid #c6b98b;
  padding-left: 1rem;
}
._notesIcon_1ajpd_1 {
  background-color: #ede9db !important;
  padding: 0px !important;
  border-radius: 10px !important;
  margin-right: 10px !important;
  height: 45px !important;
  width: 45px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

._card_1ajpd_13 {
  border-radius: 14px !important;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08) !important;
  background: transparent !important;
}

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

._leftHeader_1ajpd_24 {
  display: flex !important;
}

._titleRow_1ajpd_28 {
  font-weight: 700 !important;
}

._rightHeader_1ajpd_32 {
  display: flex !important;
  align-items: center !important;
}

._moreIcon_1ajpd_37 {
  color: #243948 !important;
  margin-left: 8px !important;
}

._descriptionStyle_1ajpd_42 {
  margin-top: 8px !important;
  margin-bottom: 16px !important;
}

._postedBySection_1ajpd_47 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 16px !important;
}

._postedByText_1ajpd_54 {
  color: #9c9c9c !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

._shareBox_1ajpd_60 {
  display: flex !important;
  align-items: center !important;
}

._shareCount_1ajpd_65 {
  margin-left: 8px !important;
}

._bottomSection_1ajpd_69 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-top: 16px !important;
}

._tagStyle_1ajpd_76 {
  font-size: 14px !important;
  padding: 5px 10px !important;
  background: #ede9db !important;
  border-radius: 15px !important;
  color: #243948 !important;
  font-weight: 600 !important;
}

._buttonsContainer_1ajpd_85 {
  display: flex !important;
  gap: 8px !important;
}

._highlight_1ajpd_90 {
  border: 3px solid #ff0 !important;
  box-shadow: 0 0 15px rgba(255, 255, 0, 0.8) !important;
  background-color: rgba(255, 255, 255, 0.9) !important;
}

._viewInsightsButton_1ajpd_96 {
  background: #ebf3fe !important;
  color: #2c62b9 !important;
  font-weight: 600 !important;
  text-transform: capitalize !important;
}

._previewButton_1ajpd_103 {
  background: #ffffff !important;
  color: #25282d !important;
  font-weight: 600 !important;
  text-transform: capitalize !important;
}

._iconContainer_1ajpd_110 {
  border-radius: 50%;
}

._buttonStyle_1ajpd_114 {
  background-color: #ffffff !important;
  border-color: #243948 !important;
  color: #243948 !important;
}

._buttonStyleAlt_1ajpd_120 {
  background-color: #243948 !important;
  border-color: #243948 !important;
  color: #ffffff !important;
}

._modalPaper_1ajpd_126 {
  border-radius: 8px !important;
  overflow: hidden !important;
}

._pageContainer_1ajpd_131 {
  font-family: "Inter" !important;
  background: #f9fafb !important;
  min-height: 100vh !important;
  padding: 20px 30px !important;
  position: relative !important;
}

._filterButton_1ajpd_139 {
  background: transparent !important;
  border-radius: 8px !important;
  border: 1px solid #d1d3d8 !important;
  color: #243948 !important;
  font-weight: 600 !important;
  text-transform: capitalize !important;
}

._newTemplatebutton_1ajpd_148 {
  background: #243948 !important;
  margin-left: 10px !important;
  color: #ffffff !important;
  padding: 10px 15px !important;
  border-radius: 10px !important;
  text-transform: capitalize !important;
}
._notesIcon_1ybf9_1 {
  background-color: #ede9db !important;
  padding: 0px !important;
  border-radius: 10px !important;
  margin-right: 10px !important;
  height: 45px !important;
  width: 45px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

._card_1ybf9_13 {
  border-radius: 14px !important;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08) !important;
  background: transparent !important;
}

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

._leftHeader_1ybf9_24 {
  display: flex !important;
}

._titleRow_1ybf9_28 {
  font-weight: 700 !important;
}

._rightHeader_1ybf9_32 {
  display: flex !important;
  align-items: center !important;
}

._moreIcon_1ybf9_37 {
  color: #243948 !important;
  margin-left: 8px !important;
}

._descriptionStyle_1ybf9_42 {
  margin-top: 8px !important;
  margin-bottom: 16px !important;
}

._postedBySection_1ybf9_47 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 16px !important;
}

._postedByText_1ybf9_54 {
  color: #9c9c9c !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

._shareBox_1ybf9_60 {
  display: flex !important;
  align-items: center !important;
}

._shareCount_1ybf9_65 {
  margin-left: 8px !important;
}

._bottomSection_1ybf9_69 {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-top: 16px !important;
}

._tagStyle_1ybf9_76 {
  font-size: 14px !important;
  padding: 5px 10px !important;
  background: #ede9db !important;
  border-radius: 15px !important;
  color: #243948 !important;
  font-weight: 600 !important;
}

._buttonsContainer_1ybf9_85 {
  display: flex !important;
  gap: 8px !important;
}

._highlight_1ybf9_90 {
  border: 3px solid #ff0 !important;
  box-shadow: 0 0 15px rgba(255, 255, 0, 0.8) !important;
  background-color: rgba(255, 255, 255, 0.9) !important;
}

._viewInsightsButton_1ybf9_96 {
  background: #ebf3fe !important;
  color: #2c62b9 !important;
  font-weight: 600 !important;
  text-transform: capitalize !important;
}

._previewButton_1ybf9_103 {
  background: #ffffff !important;
  color: #25282d !important;
  font-weight: 600 !important;
  text-transform: capitalize !important;
}

._iconContainer_1ybf9_110 {
  border-radius: 50%;
}

._buttonStyle_1ybf9_114 {
  background-color: #ffffff !important;
  border-color: #243948 !important;
  color: #243948 !important;
}

._buttonStyleAlt_1ybf9_120 {
  background-color: #243948 !important;
  border-color: #243948 !important;
  color: #ffffff !important;
}

._modalPaper_1ybf9_126 {
  border-radius: 8px !important;
  overflow: hidden !important;
}

._pageContainer_1ybf9_131 {
  font-family: "Inter" !important;
  background: #f9fafb !important;
  min-height: 100vh !important;
  padding: 0 !important;
  margin-top: 10px;
  position: relative !important;
}

._filterButton_1ybf9_140 {
  background: transparent !important;
  border-radius: 8px !important;
  border: 1px solid #d1d3d8 !important;
  color: #243948 !important;
  font-weight: 600 !important;
  text-transform: capitalize !important;
}

._newTemplatebutton_1ybf9_149 {
  background: #243948 !important;
  margin-left: 10px !important;
  color: #ffffff !important;
  padding: 10px 15px !important;
  border-radius: 10px !important;
  text-transform: capitalize !important;
}
._container_1cenq_1 {
  width: 100%;
  padding: 24px;
  background: #f4f6fa;
  overflow-y: auto;
}

._section_1cenq_8 {
  background: #fff;
  padding: 20px;
  margin-bottom: 24px;
  border-radius: 12px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
}

/* InsightCards */
._insightCard_1cenq_17 {
  padding: 18px;
  text-align: center;
  border-radius: 12px;
}

._insightCircle_1cenq_23 {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: 6px solid;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

._insightLabel_1cenq_34 {
  margin-top: 10px;
  font-weight: 600;
  color: #000000;
}

/* GraphSection */
._graphTitle_1cenq_41 {
  font-weight: 600;
  margin-bottom: 8px;
  color: #000000;
}

._graphChartBox_1cenq_47 {
  width: 100%;
  height: 120px;
}

/* BarComparisonChart */
._barTitle_1cenq_53 {
  font-weight: 700;
  margin-bottom: 10px;
  color: #000000;
}

._barChartWrapper_1cenq_59 {
  width: 100%;
  height: 260px;
}

/* ProductInterestTable */
._tableTitle_1cenq_65 {
  font-weight: 700;
  margin-bottom: 10px;
  color: #000000;
}

._tableCard_1cenq_71 {
  padding: 16px;
  text-align: center;
  border-radius: 10px;
  color: #000000;
}

/* NotesSection */
._notesTitle_1cenq_79 {
  font-weight: 700;
  margin-bottom: 10px;
  color: #000000;
}

._notesAddBtn_1cenq_85 {
  width: 140px;
}

._notesNoteBox_1cenq_89 {
  padding: 16px;
  border-radius: 8px;
  color: #000000;
}

/* FooterSocial */
._footerFooter_1cenq_96 {
  margin-top: 24px;
  text-align: center;
  color: #000000;
}

/* MiniLineCards */
._miniCard_1cenq_103 {
  padding: 10px;
  border-radius: 8px;
  text-align: left;
  background: #fff;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
  height: 320px;
}

._miniCardHeader_1cenq_112 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}

._miniCardTitle_1cenq_119 {
  font-weight: 600;
  font-size: 13px;
  color: #374151;
}

._miniCardValue_1cenq_125 {
  font-weight: 700;
  color: #111827;
}

._miniSparkline_1cenq_130 {
  width: 100%;
  height: 60px;
}

._miniTrend_1cenq_135 {
  text-align: center;
  margin-bottom: 4px;
}

/* DonutScores */

._donutminiCard_1cenq_142 {
  padding: 10px;
  border-radius: 8px;
  text-align: left;
  background: #fff;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
  height: 250px;
  position: relative;
}


._donutCard_1cenq_153 {
  padding: 12px;
  border-radius: 8px;
  text-align: center;
}

._donutWrap_1cenq_159 {
  position: relative;
  display: inline-block;
  width: 150px;
  height: 150px;
  z-index: 1;
}

._donutCenter_1cenq_167 {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: -1;
}

._donutNumber_1cenq_176 {
  font-size: 18px;
  font-weight: 700;
}

._donutPct_1cenq_181 {
  font-size: 12px;
  color: #6b7280;
}

._donutLabel_1cenq_186 {
  margin-top: 8px;
  font-weight: 600;
  font-size: 13px;
  color: #374151;
}

/* StackedBars */
._stackedTitle_1cenq_194 {
  font-weight: 700;
  margin-bottom: 12px;
  color: #111827;
}

._stackedList_1cenq_200 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._stackedRow_1cenq_206 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._stackedRowLabel_1cenq_212 {
  width: 140px;
  font-weight: 600;
  color: #374151;
  font-size: 13px;
}

._stackedRowChart_1cenq_219 {
  flex: 1;
  height: 32px;
  background: transparent;
}

._addBtn_1cenq_225 {
  background: #243948;
  color: #fff;
  padding: 8px 14px;
  border-radius: 6px;
  font-size: 14px;
  border: none;
  cursor: pointer;
}

._addBtn_1cenq_225:hover {
  background: #243948;
}._wrapper_1w39b_1 {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
}

._row_1w39b_8 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._label_1w39b_14 {
  width: 150px;
  font-size: 14px;
  font-weight: 600;
  color: #2d3748;
}

._barWrapper_1w39b_21 {
  flex: 1;
  display: flex;
  height: 30px;
  border-radius: 5px;
  overflow: hidden;
}

._segment_1w39b_29 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

._value_1w39b_36 {
  color: white;
  font-size: 12px;
  font-weight: 600;
}

._total_1w39b_42 {
  width: 50px;
  text-align: right;
  font-size: 14px;
  font-weight: 600;
  color: #2d3748;
}

/* LEGEND */
._legend_1w39b_51 {
  margin-top: 12px;
  display: flex;
  gap: 20px;
  font-size: 13px;
}

._legendItem_1w39b_58 {
  display: flex;
  align-items: center;
  gap: 6px;
}

._color_1w39b_64 {
  width: 14px;
  height: 14px;
  border-radius: 4px;
}
._container_14v6x_1 {
  background: #ffffff;
  padding: 20px;
  border-radius: 14px;
  box-shadow: 0px 2px 10px rgba(0,0,0,0.06);
}

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

._title_14v6x_14 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: #1f2937;
}

._addBtn_14v6x_21 {
  background: #0f2d3d;
  color: #fff;
  padding: 8px 14px;
  border-radius: 6px;
  font-size: 14px;
  border: none;
  cursor: pointer;
}

._addBtn_14v6x_21:hover {
  background: #143546;
}

._tabs_14v6x_35 {
  display: flex;
  gap: 10px;
  margin-top: 16px;
}

._tab_14v6x_35 {
  padding: 12px 15px;
  border-radius: 20px;
  background: #ffffff;
  border: 1px solid #D1D5DB;
  cursor: pointer;
  font-size: 14px;
  color: #374151;
}

._tab_14v6x_35:hover {
  background: #e8eef4;
}

._activeTab_14v6x_55 {
  background: #243948;
  color: #ffffff;
}

._listWrapper_14v6x_60 {
  margin-top: 20px;
  padding: 10px 0;
}._card_1mnpe_1 {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  background: #ffffff;
  transition: box-shadow 0.2s ease;
}

._card_1mnpe_1:hover {
  box-shadow: 0px 2px 10px rgba(0,0,0,0.05);
}

._left_1mnpe_17 {
  display: flex;
  gap: 14px;
  align-items: flex-start;
}

._checkbox_1mnpe_23 {
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-color: #ffffff;
  border: 1px solid #D1D5DB;
  border-radius: 4px;
  appearance: none;
  position: relative;
}

._checkbox_1mnpe_23:checked {
  background-color: #243948;
  border-color: #243948;
}

._checkbox_1mnpe_23:checked::after {
  content: '✓';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 12px;
  font-weight: bold;
}

._text_1mnpe_50 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._title_1mnpe_56 {
  font-size: 15px;
  font-weight: 600;
  color: #111827;
}

._completedText_1mnpe_62 {
  text-decoration: line-through;
  color: #4B5563;
}

._description_1mnpe_67 {
  font-size: 14px;
  color: #6b7280;
}

._date_1mnpe_72 {
  font-size: 12px;
  font-weight: 500;
  color: #6B7280;
}

._overdue_1mnpe_78 {
  color: #991B1B;
}

._completed_1mnpe_62 {
  color: #4caf50;
}

._dot_1mnpe_86 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
._container_16b5m_1 {
  background: #ffffff;
  padding: 22px;
  border-radius: 14px;
  box-shadow: 0px 2px 8px rgba(0,0,0,0.06);
}

._title_16b5m_8 {
  margin: 0 0 12px 0;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
}

._monthRow_16b5m_15 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 18px;
  margin-bottom: 18px;
}

._monthLabel_16b5m_23 {
  font-size: 16px;
  font-weight: 600;
  color: #243948;
}

._navBtn_16b5m_29 {
  border: 1px solid #D1D5DB;
  background: #ffffff;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

._navBtn_16b5m_29:hover {
  border-color: #D1D5DB;
}

._navBtn_16b5m_29:focus {
  outline: none;
  border-color: #D1D5DB;
}

._navBtn_16b5m_29:active {
  border-color: #D1D5DB;
}

._navBtn_16b5m_29 svg {
  color: #374151;
  font-size: 16px;
}

._tabRow_16b5m_60 {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
}



._addBtn_16b5m_69 {
  margin-left: auto;
  background: #0f2d3d;
  color: white;
  padding: 8px 14px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
}

._cardsContainer_16b5m_79 {
  display: flex;
  align-items: flex-start;
  width: 100%;
  gap: 18px;
  margin-bottom: 20px;
}

._cardsRow_16b5m_87 {
  display: flex;
  gap: 0;
  flex: 1;
  width: 100%;
  padding: 16px;
  height: 300px;
}

._topLeftArrow_16b5m_96,
._topRightArrow_16b5m_97 {
  width: 40px;
  height: 40px;
  border: 1px solid #D1D5DB;
  background: #ffffff;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

._topLeftArrow_16b5m_96:hover,
._topRightArrow_16b5m_97:hover {
  border-color: #D1D5DB;
}

._topLeftArrow_16b5m_96:focus,
._topRightArrow_16b5m_97:focus {
  outline: none;
  border-color: #D1D5DB;
}

._topLeftArrow_16b5m_96:active,
._topRightArrow_16b5m_97:active {
  border-color: #D1D5DB;
}

._topLeftArrow_16b5m_96 svg,
._topRightArrow_16b5m_97 svg {
  color: #374151;
  font-size: 16px;
}

._arrowCard_16b5m_133 {
  width: 55px;
  height: 150px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  cursor: pointer;
}

._summaryTitle_16b5m_142 {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 12px;
  color: #111827;
}
._card_13bp9_1 {
  flex: 1;
  min-width: 0;
  min-height: 200px;
  background: #f8fafc;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  margin: 0 4px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

._header_13bp9_14 {
  margin-bottom: 10px;
  min-height: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #F0F3F5;
  border-radius: 8px;
  padding: 8px;
}

._day_13bp9_26 {
  font-size: 15px;
  font-weight: 700;
  color: #1F2937;
}

._date_13bp9_32 {
  color: #4B5563;
  font-size: 13px;
}

._visits_13bp9_37 {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 8px;
}

._visitItem_13bp9_44 {
  background: #EFF6FF;
  border-radius: 8px;
  padding: 8px;
  border-left: 4px solid #3B82F6;
}

._time_13bp9_51 {
  font-size: 13px;
  font-weight: 600;
  color: #374151;
}

._doctor_13bp9_57 {
  font-size: 14px;
  font-weight: 600;
  color: #374151;
}

._note_13bp9_63 {
  font-size: 12px;
  color: #4B5563;
}

._empty_13bp9_68 {
  font-size: 13px;
  color: #6b7280;
  margin-top: 20px;
  text-align: center;
  font-style: italic;
}
._chartContainer_1leho_1 {
  width: 100%;
  padding: 20px 0;
}
._wrapper_1phao_1 {
  padding: 20px;
  font-family: 'Inter', sans-serif;
}

._header_1phao_6 {
  margin-bottom: 20px;  
  padding: 20px;
  border-radius: 12px;
}

._headerTop_1phao_12 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

._doctorName_1phao_19 {
  margin: 0;
  font-size: 26px;
  font-weight: 700;
}

._detailsRow_1phao_25 {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-top: 12px;
  font-size: 14px;
  color: #6b7280;
  background: #f3f4f6;
  padding: 10px;
  border-radius: 10px;
}

._detailItem_1phao_37 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

._detailLabel_1phao_43 {
  font-weight: 600;
  color: #374151;
}

._detailValue_1phao_48 {
  color: #6b7280;
}

._editBtn_1phao_52 {
  background: #0f2d3d !important;
  padding: 8px 16px !important;
  border-radius: 8px !important;
  color: white !important;
  cursor: pointer !important;
}

._tabs_1phao_60 {
  display: flex;
  gap: 20px;
  border-bottom: 1px solid #e5e7eb;
  margin-bottom: 20px;
}

._tab_1phao_60 {
  padding: 10px 0;
  border: none;
  background: none;
  cursor: pointer;
  color: #6b7280;
  font-size: 15px;
}

._activeTab_1phao_76 {
  border-bottom: 2px solid #0f172a;
  font-weight: 600;
  color: #0f172a;
}

._body_1phao_82 {
  background: white;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
}

/* Tab Action Buttons */
._tabActions_1phao_90 {
  display: flex;
  flex-direction: row;
  gap: 12px;
}

/* Record button */
._recordBtn_1phao_97 {
  display: flex;
  align-items: center;
  gap: 6px;
  background: #d6c79a;
  color: #1f2937;
  padding: 8px 14px;
  border-radius: 8px;
  border: none;
  font-size: 14px;
  cursor: pointer;
}

._micIcon_1phao_110 {
  font-size: 16px;
}

/* Add note button */
._addBtn_1phao_115 {
  background: #0f2d3d;
  color: #ffffff;
  padding: 8px 16px;
  border-radius: 8px;
  border: none;
  font-size: 14px;
  cursor: pointer;
}

/* Add visit button */
._addVisitBtn_1phao_126 {
  background: #c6b98b;
  color: #243948;
  padding: 8px 16px;
  border-radius: 8px;
  border: none;
  font-size: 14px;
  cursor: pointer;
}

/* Add event button */
._addEventBtn_1phao_137 {
  background: #c6b98b;
  color: #243948;
  padding: 8px 16px;
  border-radius: 8px;
  border: none;
  font-size: 14px;
  cursor: pointer;
}

/* Add task button */
._addTaskBtn_1phao_148 {
  background: #c6b98b;
  color: #243948;
  padding: 8px 16px;
  border-radius: 8px;
  border: none;
  font-size: 14px;
  cursor: pointer;
}
._wrapper_si3l4_1 {
  display: flex;
  justify-content: center;
}

._emptyCard_si3l4_6 {
  width: 100%;
  background: #ffffff;
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  padding: 48px 20px;
  text-align: center;
}

._icon_si3l4_15 {
  font-size: 42px;
  color: #9ca3af;
  margin-bottom: 14px;
}

._title_si3l4_21 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #4b5563;
}

._subtitle_si3l4_28 {
  margin: 10px auto 22px;
  max-width: 520px;
  font-size: 14px;
  color: #6b7280;
  line-height: 1.5;
}

._actions_si3l4_36 {
  display: flex;
  justify-content: center;
  gap: 12px;
}

/* Record button */
._recordBtn_si3l4_43 {
  display: flex;
  align-items: center;
  gap: 6px;
  background: #d6c79a;
  color: #1f2937;
  padding: 8px 14px;
  border-radius: 8px;
  border: none;
  font-size: 14px;
  cursor: pointer;
}

._micIcon_si3l4_56 {
  font-size: 16px;
}

/* Add note button */
._addBtn_si3l4_61 {
  background: #0f2d3d;
  color: #ffffff;
  padding: 8px 16px;
  border-radius: 8px;
  border: none;
  font-size: 14px;
  cursor: pointer;
}

/* -------------------------- Add Note Modal CSS --------------------------- */

._overlay_si3l4_73 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

._modal_si3l4_83 {
  width: 520px;
  background: #ffffff;
  border-radius: 14px;
  padding: 24px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

._title_si3l4_21 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: #111827;
}

._divider_si3l4_98 {
  height: 1px;
  background: #e5e7eb;
  margin: 16px 0 20px;
}

._field_si3l4_104 {
  margin-bottom: 18px;
}

._field_si3l4_104 label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #6b7280;
  margin-bottom: 6px;
}

._input_si3l4_116 {
  width: 100%;
  padding: 12px;
  border-radius: 10px;
  border: 1px solid #d1d5db;
  font-size: 14px;
}

._textarea_si3l4_124 {
  width: 100%;
  height: 120px;
  padding: 12px;
  border-radius: 10px;
  border: 1px solid #d1d5db;
  font-size: 14px;
  resize: none;
}

._record_si3l4_43 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #6b7280;
  font-size: 14px;
  margin: 10px 0 30px;
}

._micWrapper_si3l4_144 {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: 1px solid #d1d5db;
  display: flex;
  align-items: center;
  justify-content: center;
}

._micIcon_si3l4_56 {
  font-size: 18px;
  color: #c5b57c;
}

._footer_si3l4_159 {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
}

._cancelBtn_si3l4_165 {
  padding: 8px 16px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #9ca3af;
  color: #374151;
  cursor: pointer;
}

._saveBtn_si3l4_174 {
  padding: 8px 18px;
  border-radius: 8px;
  background: #0f2d3d;
  color: #ffffff;
  border: none;
  cursor: pointer;
}

/* -------------------------------- Notes List UI --------------------------- */

._container_si3l4_185 {
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  padding: 16px;
}

._note_si3l4_192 {
  padding: 14px 0;
  border-bottom: 1px solid #e5e7eb;
}

._note_si3l4_192:last-child {
  border-bottom: none;
}

._header_si3l4_201 {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #111827;
}

._header_si3l4_201 span {
  font-weight: 400;
  color: #6b7280;
}

._date_si3l4_213 {
  font-size: 13px;
  color: #6b7280;
}

._content_si3l4_218 {
  margin: 8px 0;
  font-size: 14px;
  color: #374151;
}

._list_si3l4_224 {
  padding-left: 18px;
  margin-top: 8px;
}

._list_si3l4_224 li {
  font-size: 14px;
  color: #374151;
  margin-bottom: 4px;
}
._container_jaaqt_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* Section */
._section_jaaqt_8 {
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
}

._sectionHeader_jaaqt_14 {
  background: #f3f4f6;
  padding: 10px 14px;
  font-size: 14px;
  font-weight: 600;
  color: #111827;
  border-radius: 12px 12px 0 0;
}

._sectionBody_jaaqt_23 {
  padding: 12px;
}

/* Card */
._card_jaaqt_28 {
  padding: 14px 0;
  border-bottom: 1px solid #e5e7eb;
}

._card_jaaqt_28:last-child {
  border-bottom: none;
}

._cardHeader_jaaqt_37 {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #111827;
  margin-bottom: 6px;
}

._date_jaaqt_45 {
  font-size: 13px;
  color: #6b7280;
}

/* Rows */
._row_jaaqt_51 {
  font-size: 13px;
  color: #374151;
  margin-bottom: 6px;
}

._label_jaaqt_57 {
  font-weight: 600;
  margin-right: 4px;
}

/* Footer */
._footer_jaaqt_63 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 8px;
}

/* Status badges */
._badge_jaaqt_71 {
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 999px;
  text-transform: capitalize;
}

._upcoming_jaaqt_78 {
  background: #eff6ff;
  color: #3b82f6;
}

._cancelled_jaaqt_83 {
  background: #e9eaec;
  color: #606773;
}

._completed_jaaqt_88 {
  background: #ecfdf5;
  color: #10b981;
}

/* Edit */
._editBtn_jaaqt_94 {
  background: none;
  border: none;
  font-size: 13px;
  color: #6b7280;
  cursor: pointer;
}
._container_hydst_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* Filters */
._filters_hydst_8 {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

._filterBtn_hydst_14 {
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  font-size: 13px;
  cursor: pointer;
  color: #374151;
}

._active_hydst_24 {
  background: #0f2d3d;
  color: #ffffff;
  border-color: #0f2d3d;
}

/* Sections */
._sectionTitle_hydst_31 {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
  margin-bottom: 10px;
}

._sectionBody_hydst_38 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Card */
._card_hydst_45 {
  display: flex;
  gap: 14px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 14px;
  align-items: flex-start;
}

._dateBox_hydst_55 {
  width: 44px;
  text-align: center;
  border-radius: 8px;
  background: #f5f7f9;
  padding: 6px 0;
  font-size: 13px;
  color: #243948;
}

._dateBox_hydst_55 strong {
  display: block;
  font-size: 15px;
}

._info_hydst_70 {
  flex: 1;
}

._headerRow_hydst_74 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: "#243948";
}

._headerRow_hydst_74 ._title_hydst_81 {
  color: #243948;
  font-size: 14px;
}

._desc_hydst_86 {
  font-size: 13px;
  color: #4b5563;
  margin: 4px 0 6px;
}

._meta_hydst_92 {
  display: flex;
  gap: 12px;
  font-size: 12px;
  color: #6b7280;
}

/* Actions */
._actions_hydst_100 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._actions_hydst_100 button {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  padding: 4px 10px;
  border-radius: 6px;
  font-size: 12px;
  cursor: pointer;
}

/* Status badges */
._badge_hydst_116 {
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 999px;
  text-transform: capitalize;
}

._confirmed_hydst_123 {
  background: #dcfce7;
  color: #166534;
}

._invited_hydst_128 {
  background: #ebf3fe;
  color: #3b82f6;
}

._cancelled_hydst_133 {
  background: #ffe6e6;
  color: #ef4444;
}

._attended_hydst_138 {
  background: #e7f8f2;
  color: #10b981;
}

._noshow_hydst_143 {
  background: #fef5e7;
  color: #f59e0b;
}
._container_1rmye_1 {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

/* Filters */
._filters_1rmye_8 {
  display: flex;
  gap: 8px;
}

._filterBtn_1rmye_13 {
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  font-size: 13px;
  cursor: pointer;
  color: #4b5563;
}

._active_1rmye_23 {
  background: #0f2d3d;
  color: #ffffff;
  border-color: #0f2d3d;
}

/* Table */
._table_1rmye_30 {
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  border-left: none;
  border-right: none;
  background: #ffffff;
  color: #000000;
}

._headerRow_1rmye_39,
._row_1rmye_40 {
  display: grid;
  grid-template-columns: 32px 2.5fr 1.2fr 1fr 1.2fr 1.2fr 0.6fr;
  align-items: center;
  padding: 10px 14px;
  font-size: 13px;
}

._headerRow_1rmye_39 {
  background: #f9fafb;
  font-weight: 600;
  color: #6b7280;
}

._row_1rmye_40 {
  border-top: 1px solid #e5e7eb;
}

._task_1rmye_58 strong {
  display: block;
  font-size: 14px;
  color: #111827;
}

._task_1rmye_58 p {
  font-size: 12px;
  color: #6b7280;
  margin: 2px 0 0;
}

/* Due dates */
._due_1rmye_71 {
  font-size: 13px;
}

._today_1rmye_75 {
  color: #dc2626;
}

._overdue_1rmye_79 {
  color: #dc2626;
}

/* Badges */
._badge_1rmye_84 {
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 999px;
  text-align: center;
  width: fit-content;
}

._high_1rmye_92 {
  background: #fee2e2;
  color: #991b1b;
}

._medium_1rmye_97 {
  background: #fef3c7;
  color: #92400e;
}

._low_1rmye_102 {
  background: #dcfce7;
  color: #166534;
}

._inProgress_1rmye_107 {
  background: #fef3c7;
  color: #92400e;
}

._notStarted_1rmye_112 {
  background: #e0f2fe;
  color: #0369a1;
}

._completed_1rmye_117 {
  background: #dcfce7;
  color: #166534;
}

/* Completed row */
._completedRow_1rmye_123 strong {
  text-decoration: line-through;
  color: #9ca3af;
}

/* Checkbox styling */
input[type="checkbox"] {
  appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #6B7280;
  border-radius: 4px;
  background: #FFFFFF;
  cursor: pointer;
  position: relative;
  margin: 0;
}

input[type="checkbox"]:checked {
  background: #0075FF;
  border-color: #0075FF;
}

input[type="checkbox"]:checked::after {
  content: "✓";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 10px;
  font-weight: bold;
}

/* Actions */
._actionBtn_1rmye_158 {
  background: none;
  border: 1px solid #e5e7eb;
  border-radius: 6px;

  padding: 4px 6px;
  cursor: pointer;
  color: #374151;
  width: 60px;
}
._container_13tzv_1 {
  width: 270px;
  background: #f8fafc;
  border-radius: 12px;
  /* padding: 12px; */
  border: 1px solid #e5e7eb;
  margin-right: 20px;
}

._header_13tzv_10 {
  font-size: 16px;
  font-weight: 700;
  color: #1F2937;
  background: #E5E7EB;
  padding: 20px 12px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;  
}

._item_13tzv_20 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 18px 10px;
  /* border-radius: 10px; */
  cursor: pointer;
  position: relative;
  margin-bottom: 6px;
  border-bottom: 1px solid #E5E7EB;
}

._item_13tzv_20:hover {
  background: #eef2f7;
}

._active_13tzv_36 {
  background: #F9F7F1;
}

._active_13tzv_36::before {
  content: "";
  position: absolute;
  left: -1px;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #C6B98B;
  border-radius: 4px;
}

._icon_13tzv_51 {
  color: #64748b;
  font-size: 18px;
  margin-top: 2px;
}

._active_13tzv_36 ._icon_13tzv_51 {
  /* color: #2563eb; */
}

._text_13tzv_61 {
  display: flex;
  flex-direction: column;
}

._title_13tzv_66 {
  font-size: 14px;
  font-weight: 600;
  color: #111827;
}

._subtitle_13tzv_72 {
  font-size: 12px;
  color: #6b7280;
  margin-top: 2px;
}

._wrapper_13tzv_78 {
  display: flex;
}

._content_13tzv_82 {
  flex: 1;
}
._card_1l2cq_1 {
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  overflow: hidden;
}

/* Header */
._header_1l2cq_9 {
  background: #f3f4f6;
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._headerLeft_1l2cq_17 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._icon_1l2cq_23 {
  font-size: 18px;
  color: #374151;
}

._title_1l2cq_28 {
  font-size: 16px;
  font-weight: 600;
  color: #111827;
}

._editBtn_1l2cq_34 {
  background: #ffffff;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 4px 10px;
  font-size: 13px;
  cursor: pointer;
  color: #000000 !important;
}

/* Content */
._content_1l2cq_45 {
  padding: 16px;
}

._field_1l2cq_49 {
  border-radius: 5px;
  /* background-color: #f2f2f2; */
  /* padding: 20px; */
  margin-bottom: 14px;
}

._field_1l2cq_49 label {
  display: block;
  font-size: 12px;
  color: #4B5563;
  margin-bottom: 2px;
}

._field_1l2cq_49 input {
  width: 100%;
  padding: 12px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

._field_1l2cq_49 p {
  margin: 0;
  font-size: 14px;
  color: #1F2937;
}

/* Inline field layout - label and input on same row */
._fieldInline_1l2cq_80 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  border-radius: 5px;
  margin-bottom: 14px;
}

._fieldInline_1l2cq_80 label {
  display: inline-block;
  font-size: 12px;
  color: #4B5563;
  margin: 0;
  white-space: nowrap;
  min-width: 60px;
  line-height: 1;
}

._inlineInputWrapper_1l2cq_99 {
  flex: 1;
}

._inlineValue_1l2cq_103 {
  font-size: 14px;
  color: #1F2937;
}

/* Customizable Fields */
._customBox_1l2cq_109 {
  background: #F9F7F1;
  padding: 14px 16px;
  border-top: 1px solid #e5e7eb;
  margin: 10px 10px;
    border-radius: 10px;
}

._customHeader_1l2cq_117 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 146x;
  font-weight: 700;
  margin-bottom: 12px;
  color: #1F2937;
}

._editLabels_1l2cq_127 {
  background: none;
  border: 1px solid #E5E7EB;
  padding: 10px 10px;
  border-radius: 6px;
  font-size: 12px;
  cursor: pointer;
  color: #374151;
}

._customField_1l2cq_137 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

._customLabel_1l2cq_144 {
  width: 160px;
  font-size: 13px;
  color: #374151;
}

._customField_1l2cq_137 input {
  flex: 1;
  padding: 8px 10px;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  font-size: 13px;
  color: #000000;
}

._addField_1l2cq_160 {
  margin-top: 10px;
  background: #FFFFFF;
  border: 1px dashed #C6B98B;
  padding: 6px 10px;
  border-radius: 8px;
  font-size: 13px;
  cursor: pointer;
  color: #C6B98B;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

._addField_1l2cq_160:hover {
  background: #fafafa;
}

._loadingState_1l2cq_179 {
  padding: 40px;
  text-align: center;
  color: #6b7280;
  font-size: 14px;
}

._customActions_1l2cq_186 {
  display: flex;
  gap: 8px;
}

._customLabelInput_1l2cq_191 {
  width: 160px;
}

._cancelBtn_1l2cq_195 {
  background: #ffffff !important;
  padding: 8px 16px !important;
  border: 1px solid 0f2d3d;
  border-radius: 8px !important;
  color: #0f2d3d !important;
  cursor: pointer !important;
  margin-right: 10px;
}

._saveBtn_1l2cq_205 {
  background: #0f2d3d !important;
  padding: 8px 16px !important;
  border-radius: 8px !important;
  color: white !important;
  cursor: pointer !important;
}

._childrenDisplay_1l2cq_213 {
  margin-top: 4px;
}

._childItem_1l2cq_217 {
  font-size: 14px;
  color: #1F2937;
  padding: 4px 0;
}

._childItem_1l2cq_217 span {
  margin-right: 4px;
}
.family-form {
  background: #ffffff;
  /* padding: 20px; */
  max-width: 900px;
  font-family: Arial, sans-serif;
}

h3 {
  margin-top: 24px;
  font-size: 15px;
  font-weight: 600;
}

label {
  font-size: 12px;
  color: #555;
  display: block;
  margin-bottom: 4px;
  width: 100%;
}

input {
  width: 100%;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid #dcdfe4;
  margin-bottom: 12px;
}

.children-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.add-btn {
  color: #2563eb;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 13px;
}

.child-card {
  background: #F3F4F6;
  padding: 16px;
  border-radius: 12px;
  margin-bottom: 16px;
  position: relative;
}

.child-card .remove-btn {
  position: absolute;
  top: 8px;
  right: 8px;
}

.child-row {
  display: flex;
  gap: 12px;
  align-items: flex-end;
  margin-bottom: 12px;
}

.child-row-full {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
}

.child-row-full label{
  width: fit-content;
  margin-right: 10px;
}

.child-field {
  flex: 1;
  display: flex;
  align-items: center;
  margin-top: 40px;
}

.child-field label{
  width: fit-content;
  margin-right: 10px;
  margin-top: -10px;
}

.child-field-small {
  flex: 0.5;
}

.child-field label,
.child-row-full label {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
  color: #555;
}

.child-field input,
.child-row-full input {
  width: 100%;
  padding: 10px 12px;
  border-radius: 8px;
  border: 1px solid #dcdfe4;
  box-sizing: border-box;
}

.row {
  display: grid;
  grid-template-columns: 2fr 2fr 1fr auto;
  gap: 12px;
  align-items: end;
}

.remove-btn {
  border: none;
  background: transparent;
  color: #6b7280;
  cursor: pointer;
  font-size: 18px;
}

.submit-btn {
  margin-top: 20px;
  background: #2563eb;
  color: #fff;
  border: none;
  padding: 10px 18px;
  border-radius: 8px;
  cursor: pointer;
}
._wrapper_9h9q3_1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

._section_9h9q3_7 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._label_9h9q3_13 {
  font-size: 13px;
  color: #6b7280; /* muted */
  font-weight: 500;
}

._value_9h9q3_19 {
  font-size: 14px;
  color: #111827;
}

._childrenList_9h9q3_24 {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

._childCard_9h9q3_30 {
  background: #f9fafb;
  border-radius: 8px;
  padding: 14px 16px;
}

._childHeader_9h9q3_36 {
  font-size: 15px;
  font-weight: 600;
  color: #111827;
}

._childName_9h9q3_42 {
  margin-right: 6px;
}

._childAge_9h9q3_46 {
  color: #374151;
}

._childHobbies_9h9q3_50 {
  margin-top: 4px;
  font-size: 14px;
  color: #374151;
}

._childDob_9h9q3_56 {
  margin-top: 6px;
  font-size: 12px;
  color: #6b7280;
}
.practice-card {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 32px;
  padding: 20px 24px;
  background: #F3F4F6;
  border-radius: 14px;
  align-items: center;
}

.info-block {
  display: flex;
  flex-direction: column;
}

.label {
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 4px;
  font-weight: 500;
}

.value {
  font-size: 15px;
  color: #111827;
  font-weight: 500;
}

.highlight {
  color: #c8a24d; /* Premier Partner gold tone */
  font-weight: 600;
}
._wrapper_1qxda_1 {
  padding: 20px;
  background: #f5f7fb;
}

._kpiCard_1qxda_6 {
  border-radius: 12px;
}

._chartCard_1qxda_10 {
  border-radius: 12px;
  height: 100%;
}

._chartPlaceholder_1qxda_15 {
  height: 240px;
  margin-top: 16px;
  border-radius: 10px;
  background: #f1f3f9;
  display: flex;
  align-items: center;
  justify-content: center;
}

._tableCard_1qxda_25 {
  margin-top: 16px;
  border-radius: 12px;
}


/* ----------------------------- Reffering Doctor Insight -------------------------- */

._card_1qxda_33 {
  flex: 1;
  background: #ffffff;
  border-radius: 12px;
  padding: 16px;
}

._title_1qxda_40 {
  font-size: 14px;
  font-weight: 600;
}

._link_1qxda_45 {
  font-size: 12px;
  color: #2563eb;
  cursor: pointer;
}

._issue_1qxda_51 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 10px;
  padding: 10px 12px;
  border: 1px solid;
}

._issueTitle_1qxda_60 {
  font-size: 13px;
  font-weight: 500;
}

._issueSub_1qxda_65 {
  font-size: 11px;
}

._red_1qxda_69 {
  background: #fef2f2;
  border-color: #fecaca;
  color: #dc2626;
}

._orange_1qxda_75 {
  background: #fff7ed;
  border-color: #fed7aa;
  color: #f97316;
}

._green_1qxda_81 {
  background: #ecfdf5;
  border-color: #bbf7d0;
  color: #16a34a;
}

._fixRed_1qxda_87 {
  background: #fee2e2;
  color: #dc2626;
}

._fixOrange_1qxda_92 {
  background: #ffedd5;
  color: #f97316;
}

._fixGreen_1qxda_97 {
  background: #dcfce7;
  color: #16a34a;
}

._engagementRow_1qxda_102 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 12px;
  border-bottom: 1px solid #e5e7eb;
}

._engageTitle_1qxda_110 {
  font-size: 13px;
  font-weight: 500;
}

._engageSub_1qxda_115 {
  font-size: 11px;
  color: #6b7280;
}
._card_1nt2k_1 {
  background: #ffffff;
  border-radius: 12px;
  padding: 20px;
}

._title_1nt2k_7 {
  font-size: 16px;
  font-weight: 600;
  color: #111827;
}

._subTitle_1nt2k_13 {
  font-size: 13px;
  color: #6b7280;
  margin-top: 2px;
}

._select_1nt2k_19 {
  font-size: 13px !important;
  height: 32px;
}

._legendText_1nt2k_24 {
  font-size: 13px;
  color: #374151;
}

._dot_1nt2k_29 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

._green_1nt2k_35 {
  background: #10b981;
}

._blue_1nt2k_39 {
  background: #3b82f6;
}

._barContainer_1nt2k_43 {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

._name_1nt2k_49 {
  font-size: 14px;
  font-weight: 500;
  color: #111827;
  min-width: 140px;
  flex-shrink: 0;
}

._barsWrapper_1nt2k_57 {
  flex: 1;
}

._barRow_1nt2k_61 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
}

._bar_1nt2k_43 {
  height: 8px;
  border-radius: 6px;
}

._greenBar_1nt2k_73 {
  background: #10b981;
}

._blueBar_1nt2k_77 {
  background: #3b82f6;
}

._value_1nt2k_81 {
  font-size: 12px;
  color: #6b7280;
  min-width: 60px;
}

._smallValue_1nt2k_87 {
  font-size: 12px;
  color: #6b7280;
}

._footer_1nt2k_92 {
  margin-top: 16px;
  text-align: center;
}

._viewAll_1nt2k_97 {
  font-size: 13px;
  color: #2563eb;
  cursor: pointer;
}
._card_1givn_1 {
  background: #ffffff;
  border-radius: 12px;
  padding: 20px;
}

._title_1givn_7 {
  font-size: 16px;
  font-weight: 600;
  color: #111827;
}

._benchmark_1givn_13 {
  font-size: 13px;
  color: #6b7280;
}

._dateBtn_1givn_18 {
  height: 32px;
  font-size: 13px;
}

._score_1givn_23 {
  font-size: 36px;
  font-weight: 700;
  color: #10b981;
}

._outOf_1givn_29 {
  font-size: 14px;
  color: #6b7280;
}

._trend_1givn_34 {
  font-size: 13px;
  color: #10b981;
}

._upIcon_1givn_39 {
  font-size: 16px;
  color: #10b981;
}

._progressWrapper_1givn_44 {
  flex: 1;
  margin-top: 8px;
}

._progressBar_1givn_49 {
  height: 6px;
  background: #e5e7eb;
  border-radius: 6px;
  overflow: hidden;
}

._progressFill_1givn_56 {
  width: 82%;
  height: 100%;
  background: #10b981;
}

._progressLabel_1givn_62 {
  font-size: 11px;
  color: #6b7280;
  margin-top: 4px;
}

._bucket_1givn_68 {
  width: 80px;
  height: 64px;
  border-radius: 10px;
  padding: 8px;
}

._bucketLabel_1givn_75 {
  font-size: 11px;
  color: #374151;
}

._bucketValue_1givn_80 {
  font-size: 20px;
  font-weight: 600;
}

._premier_1givn_85 {
  background: #f3f4f6;
}

._core_1givn_89 {
  background: #e0f2fe;
}

._community_1givn_93 {
  background: #dcfce7;
}

._emerging_1givn_97 {
  background: #eef2ff;
}

._atRisk_1givn_101 {
  background: #fff7ed;
}

._footerText_1givn_105 {
  font-size: 12px;
  color: #6b7280;
}

._link_1givn_110 {
  font-size: 12px;
  color: #2563eb;
  cursor: pointer;
}
._card_1ii2j_1 {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
}

._title_1ii2j_7 {
  font-size: 16px;
  font-weight: 600;
  color: #243948 !important;
}

._subTitle_1ii2j_13 {
  font-size: 13px;
  color: #6b7280;
}

._flowItem_1ii2j_18 {
  position: relative;
  text-align: center;
}

._flowCard_1ii2j_23 {
  width: 140px;
  height: 140px;
  border-radius: 24px;
  padding: 14px;
  margin-bottom: 6px;
}

._flowValue_1ii2j_31 {
  font-size: 22px;
  font-weight: 700;
}

._flowLabel_1ii2j_36 {
  font-size: 12px;
  color: #6b7280;
}

._flowNote_1ii2j_41 {
  font-size: 11px;
  margin-top: 4px;
}

._flowAmount_1ii2j_46 {
  font-size: 13px;
  font-weight: 600;
  margin-top: 6px;
}

._flowSub_1ii2j_52 {
  font-size: 11px;
}

._flowTitle_1ii2j_56 {
  font-size: 12px;
  font-weight: 500;
}

._arrow_1ii2j_61 {
  position: absolute;
  right: -22px;
  top: 55px;
  color: #9ca3af;
}

/* Colors */
._blue_1ii2j_69 { border: 2px solid #2563eb; background: #eff6ff; }
._orange_1ii2j_70 { border: 2px solid #f59e0b; background: #fff7ed; }
._purple_1ii2j_71 { border: 2px solid #a855f7; background: #faf5ff; }
._green_1ii2j_72 { border: 2px solid #10b981; background: #ecfdf5; }
._teal_1ii2j_73 { border: 2px solid #14b8a6; background: #ecfeff; }

._stageChip_1ii2j_75 {
  background: #f3f4f6;
}

._tableWrap_1ii2j_79 {
  margin-top: 16px;
}

._name_1ii2j_83 {
  font-weight: 500;
}

._muted_1ii2j_87 {
  font-size: 12px;
  color: #6b7280;
}

._timeChip_1ii2j_92 {
  background: #ecfdf5;
  color: #065f46;
}

._pagination_1ii2j_97 {
  padding-top: 12px;
}
._wrapper_175y8_1 {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 0;
  margin-top: 20px;
}

/* Step container */
._step_175y8_10 {
  position: relative;
}

/* Card */
._card_175y8_15 {
  position: relative;
  width: 160px;
  height: 160px;
  border-radius: 28px;
  padding: 16px 10px;
  border: 2px solid;
  background: #fff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* LEFT HALF + BOTTOM HALF DOTTED (same border) */
/* .dotted::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 28px;
  pointer-events: none;

  background:
    repeating-linear-gradient(
      to bottom,
      currentColor 0 4px,
      transparent 4px 8px
    ),
    repeating-linear-gradient(
      to right,
      currentColor 0 4px,
      transparent 4px 8px
    );

  background-size:
    2px 50%,
    50% 2px;

  background-position:
    left top,
    left bottom;

  background-repeat: no-repeat;
} */

/* Text */
._value_175y8_61 {
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #243948 !important;
}

._label_175y8_67 {
  font-size: 14px !important;
  color: #243948 !important;
}

._sub_175y8_72 {
  font-size: 14px !important;
  margin-top: 4px !important;
  color: #243948 !important;
}

._stepamount_175y8_78 {
  position: absolute;
  bottom: 1px;
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;
}

._amount_175y8_88 {
  font-size: 13px !important;
  font-weight: 600;
  margin-top: 8px;
  background-color: #a269ce;
  color: #243948;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 2px 10px;
}

._percent_175y8_99 {
  font-size: 11px !important;
  background-color: #d2b6e7;
  color: #243948;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  padding: 2px 10px;
  width: 140%;
}

/* Title */
._title_175y8_110 {
  font-size: 12px;
  font-weight: 600 !important;
  color: #243948;
  margin-top: 10px !important;
  text-align: center;
}

/* Connectors */
._arrow_175y8_119 {
  position: absolute;
  top: 64px;
  right: -60px;
  font-size: 28px;
}

._dot_175y8_30 {
  position: absolute;
  top: 70px;
  right: -14px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

/* Colors */
._blue_175y8_136 {
  /* border-color: #2563eb;
  background: #eff6ff; */
  color: #2563eb;
}

._orange_175y8_142 {
  /* border-color: #f59e0b;
  background: #fff7ed; */
  color: #f59e0b;
}

._purple_175y8_148 {
  /* border-color: #a855f7;
  background: #faf5ff; */
  color: #a855f7;
}

._green_175y8_154 {
  /* border-color: #10b981;
  background: #ecfdf5; */
  color: #10b981;
}

._teal_175y8_160 {
  /* border-color: #14b8a6;
  background: #ecfeff; */
  color: #14b8a6;
}

/* Dynamic amount and percent styles */
._amount-2_175y8_167 {
  background-color: #A269CE;
  color: #ffffff;
}

._percent-2_175y8_172 {
  background-color: #D2B6E7;
  color: #243948;
}

._amount-3_175y8_177 {
  background-color: #10B981;
  color: #ffffff;
}

._percent-3_175y8_182 {
  background-color: #B5E9D8;
  color: #243948;
}

._amount-4_175y8_187 {
  background-color: #10B981;
  color: #ffffff;
}

._percent-4_175y8_192 {
  background-color: #01B97C;
  color: #243948;
}
._card_ixk2g_1 {
  background: #ffffff;
  border-radius: 12px;
  padding: 20px;
}

._title_ixk2g_7 {
  font-size: 16px;
  font-weight: 600;
}

._subTitle_ixk2g_12 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #243948;
}

._left_ixk2g_19 {
  flex: 1;
}

._right_ixk2g_23 {
  flex: 1;
}

._reasonCard_ixk2g_27 {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 12px;
  margin-bottom: 10px;
}

._icon_ixk2g_34 {
  font-size: 20px;
  color: #243948;
}

._reasonTitle_ixk2g_39 {
  font-size: 14px;
  font-weight: 500;
  color: #243948;
}

._reasonSub_ixk2g_45 {
  color: #6b7280;
}

._drop_ixk2g_49 {
  font-size: 16px;
  font-weight: 600;
  color: #ef4444;
}

._dropSub_ixk2g_55 {
  font-size: 11px;
  color: #6b7280;
}

._progressRow_ixk2g_60 {
  margin-bottom: 12px;
}

._progressLabel_ixk2g_64 {
  font-size: 13px;
}

._progressValue_ixk2g_68 {
  font-size: 12px;
}

._progress_ixk2g_60 {
  height: 6px;
  border-radius: 6px;
  background-color: #fee2e2;
}

._progress_ixk2g_60 .MuiLinearProgress-bar {
  background-color: #ef4444;
}

._note_ixk2g_82 {
  font-size: 11px;
  color: #6a6a6a;
  margin-top: 50px;
}

._divider_ixk2g_88 {
  height: 1px;
  background: #e5e7eb;
  margin: 20px 0;
}

._actionCard_ixk2g_94 {
  flex: 1;
  background: #eff6ff;
  border-radius: 10px;
  padding: 14px;
}

._actionIcon_ixk2g_101 {
  color: #2563eb;
  font-size: 22px;
}

._actionTitle_ixk2g_106 {
  font-size: 14px;
  font-weight: 600;
  margin-top: 8px;
  color: #243948;
}

._actionSub_ixk2g_113 {
  font-size: 12px;
  color: #6b7280;
  margin-top: 10px;
}
._card_yhbr5_1 {
  flex: 1;
  background: #ffffff;
  border-radius: 12px;
  padding: 16px;
}

._title_yhbr5_8 {
  font-size: 14px;
  font-weight: 600;
}

._link_yhbr5_13 {
  font-size: 12px;
  color: #2563eb;
  cursor: pointer;
}

._issue_yhbr5_19 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 10px;
  padding: 10px 12px;
  border: 1px solid;
}

._issueTitle_yhbr5_28 {
  font-size: 13px;
  font-weight: 500;
}

._issueSub_yhbr5_33 {
  font-size: 11px;
}

._red_yhbr5_37 {
  background: #fef2f2;
  border-color: #fecaca;
  color: #dc2626;
}

._orange_yhbr5_43 {
  background: #fff7ed;
  border-color: #fed7aa;
  color: #f97316;
}

._green_yhbr5_49 {
  background: #ecfdf5;
  border-color: #bbf7d0;
  color: #16a34a;
}

._fixRed_yhbr5_55 {
  background: #fee2e2;
  color: #dc2626;
}

._fixOrange_yhbr5_60 {
  background: #ffedd5;
  color: #f97316;
}

._fixGreen_yhbr5_65 {
  background: #dcfce7;
  color: #16a34a;
}

._engagementRow_yhbr5_70 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 12px;
  border-bottom: 1px solid #e5e7eb;
}

._engageTitle_yhbr5_78 {
  font-size: 13px;
  font-weight: 500;
}

._engageSub_yhbr5_83 {
  font-size: 11px;
  color: #6b7280;
}._card_z42g2_1 {
  background: #ffffff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

._name_z42g2_8 {
  font-size: 18px;
  font-weight: 600;
  color: #243948;
}

._owner_z42g2_14 {
  background: #e0f2fe;
  color: #0284c7;
  font-size: 11px;
}

._label_z42g2_20 {
  font-size: 14px !important;
  color: #565B66;  
}

._value_z42g2_25 {
  font-size: 12px;
  font-weight: 600 !important;
  margin-top: 2px;
  color: #25282D !important;
}

._emailBtn_z42g2_32 {
  background: #d6c690 !important;
  color: #111827 !important;
}

._scoreLabel_z42g2_37 {
  font-size: 14px !important;
  color: #565B66;
  margin-bottom: 6px;
}

._scoreCircle_z42g2_43 {
  width: 80px !important;
  height: 80px !important;
  border-radius: 50%;
  border: 8px solid #10b981;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}

._score_z42g2_37 {
  font-size: 20px;
  font-weight: 700;
  color: #10b981;
}

._scoreText_z42g2_60 {
  font-size: 13px;
  font-weight: 500;
  color: #10b981;
  margin-top: 4px;
}
._card_1xk82_1 {
  background: #ffffff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

._title_1xk82_8 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #111827 !important;
}

/* Alert */
._alert_1xk82_16 {
  display: flex;
  gap: 10px;
  background: #FEF5E7;
  border-radius: 8px;
  padding: 12px;
}

._alertIcon_1xk82_24 {
  color: #F59E0B;
  font-size: 18px;
  margin-top: 2px;
}

._alertTitle_1xk82_30 {
  font-size: 13px;
  font-weight: 600;
  color: #25282D;
}

._alertSub_1xk82_36 {
  font-size: 12px;
  color: #6b7280;
  margin-top: 2px;
}

/* Stat Cards */
._statCard_1xk82_43 {
  flex: 1;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 12px;
}

._statLabel_1xk82_50 {
  font-size: 12px;
  color: #6b7280;
}

._statValue_1xk82_55 {
  font-size: 14px;
  font-weight: 600;
  margin-top: 6px;
  color: #25282D;
}

._statSub_1xk82_62 {
  font-size: 12px;
  color: #9C9C9C;
  margin-top: 4px;
}

/* Status */
._greenDot_1xk82_69 {
  font-size: 10px;
  color: #22c55e;
}

/* Premier */
._premier_1xk82_75 {
  background: #fff7ed !important;
  color: #92400E !important;
  font-size: 11px !important;
  margin-top: 6px;
}
._card_uv5tu_1 {
  background: #ffffff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

._title_uv5tu_8 {
  font-size: 15px;
  font-weight: 600;
  color: #111827;
}

._editText_uv5tu_14 {
  font-size: 13px;
  color: #374151;
  cursor: pointer;
}

._goalBox_uv5tu_20 {
  margin-top: 14px;
  background: #fff7ed;
  border-left: 4px solid #f59e0b;
  border-radius: 8px;
  padding: 14px 16px;
}

._goalText_uv5tu_28 {
  font-size: 13px;
  color: #374151;
  line-height: 1.5;
}
._card_1fu4z_1 {
  background: #ffffff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

._title_1fu4z_8 {
  font-size: 15px;
  font-weight: 600;
  color: #25282D;
}

._controlBtn_1fu4z_14 {
  font-size: 12px;
  height: 32px;
}

._tableWrap_1fu4z_19 {
  margin-top: 14px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
}

._tableWrap_1fu4z_19 th {
  font-size: 12px;
  font-weight: 600;
  background: #f9fafb;
  color: #6b7280;
}

._tableWrap_1fu4z_19 td {
  font-size: 13px;
  color: #374151;
}

._footer_1fu4z_38 {
  margin-top: 10px;
}

._footerText_1fu4z_42 {
  font-size: 12px;
  color: #6b7280;
}
._card_1qjy1_1 {
  background: #ffffff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

._title_1qjy1_8 {
  font-size: 15px;
  font-weight: 600;
  color: #000000;
}

._subTitle_1qjy1_14 {
  font-size: 13px;
  font-weight: 600;
  color: #000000;
}

._left_1qjy1_20 {
  flex: 1;
}

._right_1qjy1_24 {
  flex: 2;
}

/* Stats */
._statCard_1qjy1_29 {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 12px;
  width: 160px;
}

._statLabel_1qjy1_36 {
  font-size: 12px;
  color: #000000;
}

._statValue_1qjy1_41 {
  font-size: 20px;
  font-weight: 700;
  margin-top: 6px;
  color: #000000;
}

._statSub_1qjy1_48 {
  font-size: 11px;
  color: #000000;
}

/* Engagement list */
._viewBtn_1qjy1_54 {
  font-size: 11px;
  height: 28px;
}

._engagementCard_1qjy1_59 {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 10px 12px;
}

._calendarIcon_1qjy1_68 {
  font-size: 18px;
  color: #000000;
}

._engageTitle_1qjy1_73 {
  font-size: 13px;
  font-weight: 500;
  color: #000000;
}

._engageDate_1qjy1_79 {
  font-size: 11px;
  color: #000000;
}