span.required {
  color: FF0800; }

md-divider.vertical-divider {
  border-top-width: 0;
  border-right-width: 1px;
  border-right-style: solid;
  height: 100%; }

/* Random Classes */
.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap; }

.listing-note {
  padding-top: 10px; }

.md-button a {
  font-weight: normal; }

.md-fab.md-danger {
  background: #d9534f;
  color: #FFFFFF; }

.md-button.edit-delete-button {
  padding: 0px; }
  .md-button.edit-delete-button md-icon {
    font-size: 22px; }

.wrapper {
  margin-top: 10px; }

.form-control .md-select-value {
  border-bottom: none; }

.cursor {
  padding: 2px; }

.cursor-help {
  cursor: help; }

.pq-default-header, .dashboard .box-heading {
  color: #FFFFFF;
  background: #5c89c7; }

.hand-cursor {
  cursor: pointer; }

.bl0 {
  border-left: 0px; }

.md-chips md-chip .md-chip-content {
  text-overflow: inherit; }

.site-header.tablet, .site-header.mobile {
  background-color: white;
  border-bottom: 4px solid #5c89c7; }

/* Dashboard */
.dashboard table.md-table td.md-cell {
  font-size: inherit; }
.dashboard .box-heading {
  padding: 5px 10px 10px 10px; }
.dashboard .box-sub-heading {
  text-decoration: underline; }
.dashboard #year-picker {
  margin: 0px; }
.dashboard #year-picker-header {
  /*padding-top: 10px;*/ }
  .dashboard #year-picker-header > span {
    line-height: 40px;
    display: table-cell;
    vertical-align: middle; }
  .dashboard #year-picker-header .form-group {
    margin-bottom: 0px; }
    .dashboard #year-picker-header .form-group md-select {
      margin: 0px; }
.dashboard .task-column {
  max-width: 200px; }
  .dashboard .task-column > span {
    font-size: 1rem;
    font-weight: bold; }
/* .dashboard th.total-column {
  text-decoration: underline; } */
.dashboard .total-column {
  max-width: 50px; }
  .dashboard .total-column > span {
    font-size: 1rem; }
.dashboard .name-column {
  max-width: 100px; }
  .dashboard .name-column > span {
    font-size: 1rem;
    font-weight: bold; }
.dashboard .aggregate-table-row, .dashboard .overview-stats > a, .dashboard .overview-stats > span, .dashboard .overview-table td > span, .dashboard .overview-table td > a {
  font-size: 1.5rem;
  text-align: center; }
.dashboard .aggregate-table-header {
  vertical-align: middle; }
.dashboard .top-row-header {
  font-size: 1rem; }
.dashboard .dashboard-title {
  font-weight: bold; }
.dashboard .overview-stats {
  text-align: center; }
.dashboard .overview-stats-horizontal > h6 {
  font-size: 1.3REM; }

#finance th.equalize-summary-table {
  width: 18.1%;
  vertical-align: middle; }
#finance th.equalize-summary-table:nth-child(1) {
  width: 50px; }
#finance #first-card {
  border-top: 0px;
  border-left: 0px; }
#finance th {
  color: #000000; }
#finance .task-column {
  width: 30%; }
#finance .financial-table-column {
  display: table-cell; }

#clinical .clinical-box-title {
  font-size: 1.2rem; }
#clinical #common-type-table th:nth-child(1) {
  width: 50px; }
#clinical #a1c-table th, #clinical #a1c-table td {
  width: 33.33%; }

#recruitment #first-card {
  min-height: 227px; }
#recruitment th.recruitment_column {
  font-size: 1rem; }
#recruitment .top-row-header {
  font-size: 0.9rem; }
#recruitment .recruitment_column {
  max-width: 50px;
  white-space: initial;}
#recruitment th {
  color: #000000; }
#recruitment .icon-row > td {
  padding-top: 3px; }
#recruitment .overview-stats h6, #recruitment .overview-table h6 {
  text-decoration: underline;
  font-weight: bold; }

/* Profile Panel */
#profile-panel #edit-profile-btn-wrapper {
  margin-left: auto;
  display: inline;
}
#profile-panel #edit-profile-btn-wrapper #edit-profile-button {
  padding: 3px 6px;
  font-size: 20px;
}
#profile-panel .group-header {
  font-weight: bold;
  text-transform: uppercase; }
#profile-panel #name {
  font-size: 1.25REM;
  max-width: 270px; }
#profile-panel #cls-group, #profile-panel #rsc-group,#wom-wrapper, #referral-tracking {
  border: 1px solid #e7e7e7;
}
#profile-panel #cls-group md-select, #profile-panel #rsc-group md-select, #wom-wrapper md-select, #referral-tracking md-select {
    margin-top: 0px;
    margin-bottom: 0px; }
  #profile-panel #cls-group .caption, #profile-panel #rsc-group .caption, #wom-wrapper .caption, #referral-tracking .caption {
    font-weight: bold;
    text-align: center; }
  #wom-wrapper, #referral-tracking{
    height: 64px;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding: 0 8px;
  }
  #wom-wrapper md-select{
    /* margin: 0 10px; */
  }
  #profile-details{
    padding: 5px 8px;
    align-items: center;
  }
  #profile-details .back-btn {
    padding: 3px 6px !important;
    font-size: 14px;
    font-weight: 500;
    border: none;
    outline: none;
  }
  #profile-details .redirect-btn {
    height: 28px;
    width: 51px;
    font-size: 14px;
    font-weight: 500;
    padding:0;
  }
  #profile-details .back-btn .back-icon {
    font-size: 10px;
    font-weight: 700;
  }
#profile-details #profile-image img {
  max-width: 40px;
  border-radius: 50%; }
  #profile-details #profile-image .user-name {
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
  }
#profile-details .orange-icon-btn {
  border-radius: 50%;
  line-height: 35px;
  width: 30px;
  height: 30px;
  padding-left: 2px; }

  #profile-details  .orange-icon-btn .material-icons {
    line-height: 20px;
  }
#patient-zoom-page section#profile-detail .last-updated-date {
  font-size: 12px; }
#patient-zoom-page section#profile-detail .card .card-body {
  max-height: 220px;
  height: 220px;
  overflow-y: scroll;
  padding: 16px; }
#patient-zoom-page section#profile-detail .card .card-title {
  font-size: 1rem;
  font-weight: 500; }
#patient-zoom-page section#profile-detail #timeline-panel .timeline-column-1 {
  width: 115px;
  padding-right: 0px; }
#patient-zoom-page section#profile-detail #timeline-panel .timeline-column-3 {
  width: 50px; }
#patient-zoom-page section#profile-detail #timeline-panel .inner-table {
  margin-bottom: 0px; }
#patient-zoom-page section#profile-detail .problems-column-date {
  width: 125px; }

/* Add Edit Patient Dialog */
#add-edit-patient textarea, #add-edit-campaign textarea {
  width: 100%;
  min-height: 50px !important; }
#add-edit-patient .row-container, #add-edit-campaign .row-container {
  padding: 5px 0; }
#add-edit-patient .label, #add-edit-campaign .label {
  padding: 12px 12px 0 0;
  line-height: 34px;
  text-align: left; }
#add-edit-patient p.lead-caption, #add-edit-campaign p.lead-caption {
  margin-top: 30px; }
#add-edit-patient p.caption, #add-edit-campaign p.caption {
  font-weight: bold; }

/* Add Edit Campaign */
#add-edit-campaign md-select {
  margin: 8px 0px 0px 8px; }

/* Contact Study , Recruitement Campaign Main Site */
.custom-input-container > input[type=text] {
  margin-left: 30px; }
.custom-input-container > button {
  min-height: 25px;
  padding: 0px;
  line-height: inherit; }

/* UI Grid */
.grid .ui-grid-top-panel {
  max-height: 60px; }

.mini-table {
  font-size: 14px; }

.mt-15{
  margin-top: 15px;
}

/* Media Queries */
@media all and (max-width: 1342px) {
  #profile-panel #name {
    max-width: 240px;
    word-break: break-all; } }
@media all and (max-width: 1299px) {
  #profile-panel #name {
    max-width: 200px; } }
@media all and (max-width: 1254px) {
  #profile-panel #name {
    max-width: 120px;
    font-size: 1rem; } }
@media all and (max-width: 1050px) {
  #profile-panel #name {
    max-width: 80px;
    font-size: 1rem; } }
@media all and (max-width: 1006px) {
  #profile-panel #name {
    max-width: 70px;
    font-size: 1rem; } }
@media all and (max-width: 1006px) {
  #profile-panel #name {
    max-width: 60px;
    font-size: 1rem; } }
@media all and (max-width: 991px) {
  #profile-panel #name {
    max-width: inherit; }

  #patient-zoom-page section#profile-detail #timeline-panel {
    height: auto;
    max-height: inherit; } }
@media all and (max-width: 768px) {
  #profile-panel #edit-profile-btn-wrapper {
    margin-top: 10px; }

  .row.equal {
    display: flex;
    flex-wrap: wrap; }

  #patient-zoom-page section#profile-detail .card .card-body {
    height: auto;
    max-height: inherit; } }
@media all and (max-width: 621px) {
  #profile-panel .activate-xs {
    display: block !important; }
  #profile-panel #cls-group {
    width: 314px;
    padding-bottom: 10px; } }
.user-circle-wrapper {
  display: flex;
}
.user-circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #fff;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #fff;
  font-size: 13px;
  font-weight: bold;
  padding: 6px;
  cursor: pointer;
}
.user-circle:not(:last-child) {
  margin-right: -4px;
}
.user-circle:hover {
  -webkit-box-shadow: 0px 0px 6px 2px #707070;
  -moz-box-shadow: 0px 0px 6px 2px #707070;
  box-shadow: 0px 0px 6px 2px #707070;
  text-decoration: none;
}
.bg-light-gray {
  background: #E7E7E7 !important;
}
.color-3 {
  background: #aaf9ae;
  color: #057208;
}
.color-2 {
  background: #C9DC96;
  color: #7A982A;
}
.color-1 {
  background: #B4D1EE;
  color: #345584;
}
.color-0 {
  background: #F8DEB1;
  color: #BE831C;
}
/*# sourceMappingURL=style.css.map */

.calendar-icon {
	width: 30px;
  z-index: 1;
}
.date {
	font-weight: 500;
  top: 7px;
  left: 7px;
  font-size: 15px;
  letter-spacing: 0px;
  z-index: 0;
}
.month {
  font-weight: 600;
  top: 0.5px;
  left: 8px;
  font-size: 7px;
  letter-spacing: 0.5px;
}
.table td.date-col {
  width: 40px;
}
.timeline-filter-select {
  border: 1px solid rgb(192, 186, 186);
  border-radius: 4px;
  padding: 0 5px;
  margin: 0 4px 0 0;
  width: 120px;
}
.timeline-datepicker .md-datepicker-input-container {
  border: 1px solid rgb(192, 186, 186);
  border-radius: 4px;
  padding: 2px 6px;
  margin: 0 4px 0 0;
}

.scores-wrapper {
  border: 1px solid #e7e7e7;
  padding: 16px;
  border-radius: 8px;
}

.vertical-separator {
  width: 1px;
  background:#e7e7e7;
  margin: 0 16px;
}
.demographics, .labs, .fibroscan {
  width: 33%;
}
.scores-wrapper label {
  width: 45%;
}
.score-blocks-wrapper {
  display: grid;
  grid-template-columns: repeat( auto-fit, 160px );
  grid-auto-flow: column;
  justify-content: center;
  gap: 16px;
}
.score-block {
  border: 1px solid #e7e7e7;
  border-radius: 8px;
  overflow: hidden;
}

.score-block .heading {
  font-size: 12px;
  font-weight: bold;
  padding: 8px 0;
  text-align: center;
  background:#e7e7e7;
}

.score-block .score {
  font-size: 20px;
  font-weight: bold;
  padding: 4px 0;
  text-align: center;
}