/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/angular-calendar/css/angular-calendar.css?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.cal-month-view .cal-header {
  text-align: center;
  font-weight: bolder;
}
.cal-month-view .cal-header .cal-cell {
  padding: 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap;
}
.cal-month-view .cal-days {
  border: 1px solid;
  border-bottom: 0;
}
.cal-month-view .cal-cell-top {
  min-height: 78px;
  flex: 1;
}
.cal-month-view .cal-cell-row {
  display: flex;
}
.cal-month-view .cal-cell {
  float: left;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.cal-month-view .cal-cell .cal-event {
  pointer-events: all !important;
}
.cal-month-view .cal-day-cell {
  min-height: 100px;
}
.cal-month-view .cal-day-cell:not(:last-child) {
  border-right: 1px solid;
}
[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
  border-right: initial;
  border-left: 1px solid;
}
.cal-month-view .cal-days .cal-cell-row {
  border-bottom: 1px solid;
}
.cal-month-view .cal-day-badge {
  margin-top: 18px;
  margin-left: 10px;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px;
  float: left;
}
.cal-month-view .cal-day-number {
  font-size: 1.2em;
  font-weight: 400;
  opacity: 0.5;
  margin-top: 15px;
  margin-right: 15px;
  float: right;
  margin-bottom: 10px;
}
.cal-month-view .cal-events {
  flex: 1;
  align-items: flex-end;
  margin: 3px;
  line-height: 10px;
  display: flex;
  flex-wrap: wrap;
}
.cal-month-view .cal-event {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
}
.cal-month-view .cal-day-cell.cal-in-month.cal-has-events {
  cursor: pointer;
}
.cal-month-view .cal-day-cell.cal-out-month .cal-day-number {
  opacity: 0.1;
  cursor: default;
}
.cal-month-view .cal-day-cell.cal-today .cal-day-number {
  font-size: 1.9em;
}
.cal-month-view .cal-open-day-events {
  padding: 15px;
}
.cal-month-view .cal-open-day-events .cal-event {
  position: relative;
  top: 2px;
}
.cal-month-view .cal-out-month .cal-day-badge,
.cal-month-view .cal-out-month .cal-event {
  opacity: 0.3;
}
.cal-month-view .cal-draggable {
  cursor: move;
}
.cal-month-view .cal-drag-active * {
  pointer-events: none;
}
.cal-month-view .cal-event-title {
  cursor: pointer;
}
.cal-month-view .cal-event-title:hover {
  text-decoration: underline;
}

.cal-month-view {
  background-color: #fff;
}
.cal-month-view .cal-cell-row:hover {
  background-color: #fafafa;
}
.cal-month-view .cal-cell-row .cal-cell:hover,
.cal-month-view .cal-cell.cal-has-events.cal-open {
  background-color: #ededed;
}
.cal-month-view .cal-days {
  border-color: #e1e1e1;
}
.cal-month-view .cal-day-cell:not(:last-child) {
  border-right-color: #e1e1e1;
}
[dir=rtl] .cal-month-view .cal-day-cell:not(:last-child) {
  border-right-color: initial;
  border-left-color: #e1e1e1;
}
.cal-month-view .cal-days .cal-cell-row {
  border-bottom-color: #e1e1e1;
}
.cal-month-view .cal-day-badge {
  background-color: #b94a48;
  color: #fff;
}
.cal-month-view .cal-event {
  background-color: #1e90ff;
  border-color: #d1e8ff;
  color: #fff;
}
.cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
  color: #8b0000;
}
.cal-month-view .cal-day-cell.cal-today {
  background-color: #e8fde7;
}
.cal-month-view .cal-day-cell.cal-drag-over {
  background-color: #e0e0e0 !important;
}
.cal-month-view .cal-open-day-events {
  color: #fff;
  background-color: #555;
  box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5);
}

.cal-week-view {
  /* stylelint-disable-next-line selector-type-no-unknown */
}
.cal-week-view * {
  box-sizing: border-box;
}
.cal-week-view .cal-day-headers {
  display: flex;
  padding-left: 70px;
  border: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers {
  padding-left: initial;
  padding-right: 70px;
}
.cal-week-view .cal-day-headers .cal-header {
  flex: 1;
  text-align: center;
  padding: 5px;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right: initial;
  border-left: 1px solid;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
  border-left: 1px solid;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
  border-left: initial;
  border-right: 1px solid;
}
.cal-week-view .cal-day-headers span {
  font-weight: 400;
  opacity: 0.5;
}
.cal-week-view .cal-day-column {
  flex-grow: 1;
  border-left: solid 1px;
}
[dir=rtl] .cal-week-view .cal-day-column {
  border-left: initial;
  border-right: solid 1px;
}
.cal-week-view .cal-event {
  font-size: 12px;
  border: 1px solid;
  direction: ltr;
}
.cal-week-view .cal-time-label-column {
  width: 70px;
  height: 100%;
}
.cal-week-view .cal-current-time-marker {
  position: absolute;
  width: 100%;
  height: 2px;
  z-index: 2;
}
.cal-week-view .cal-all-day-events {
  border: solid 1px;
  border-top: 0;
  border-bottom-width: 3px;
  padding-top: 3px;
  position: relative;
}
.cal-week-view .cal-all-day-events .cal-day-columns {
  height: 100%;
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
  z-index: 0;
}
.cal-week-view .cal-all-day-events .cal-events-row {
  position: relative;
  height: 31px;
  margin-left: 70px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-events-row {
  margin-left: initial;
  margin-right: 70px;
}
.cal-week-view .cal-all-day-events .cal-event-container {
  display: inline-block;
  position: absolute;
}
.cal-week-view .cal-all-day-events .cal-event-container.resize-active {
  z-index: 1;
  pointer-events: none;
}
.cal-week-view .cal-all-day-events .cal-event {
  padding: 0 5px;
  margin-left: 2px;
  margin-right: 2px;
  height: 28px;
  line-height: 28px;
}
.cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
  border-top-left-radius: initial;
  border-bottom-left-radius: initial;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
  border-top-right-radius: initial;
  border-bottom-right-radius: initial;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.cal-week-view .cal-all-day-events .cal-time-label-column {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.cal-week-view .cal-all-day-events .cal-resize-handle {
  width: 6px;
  height: 100%;
  cursor: col-resize;
  position: absolute;
  top: 0;
}
.cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
  right: 0;
}
[dir=rtl] .cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
  right: initial;
  left: 0;
}
.cal-week-view .cal-event,
.cal-week-view .cal-header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cal-week-view .cal-drag-active {
  pointer-events: none;
  z-index: 1;
}
.cal-week-view .cal-drag-active * {
  pointer-events: none;
}
.cal-week-view .cal-time-events {
  position: relative;
  border: solid 1px;
  border-top: 0;
  display: flex;
}
.cal-week-view .cal-time-events .cal-day-columns {
  display: flex;
  flex-grow: 1;
}
.cal-week-view .cal-time-events .cal-day-column {
  position: relative;
}
.cal-week-view .cal-time-events .cal-events-container {
  position: relative;
}
.cal-week-view .cal-time-events .cal-event-container {
  position: absolute;
  z-index: 1;
}
.cal-week-view .cal-time-events .cal-event {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  margin: 1px;
  padding: 0 5px;
  line-height: 25px;
}
.cal-week-view .cal-time-events .cal-resize-handle {
  width: 100%;
  height: 4px;
  cursor: row-resize;
  position: absolute;
}
.cal-week-view .cal-time-events .cal-resize-handle.cal-resize-handle-after-end {
  bottom: 0;
}
.cal-week-view .cal-hour-segment {
  position: relative;
}
.cal-week-view .cal-hour-segment::after {
  content: " ";
}
.cal-week-view .cal-event-container:not(.cal-draggable) {
  cursor: pointer;
}
.cal-week-view .cal-draggable {
  cursor: move;
}
.cal-week-view mwl-calendar-week-view-hour-segment,
.cal-week-view .cal-hour-segment {
  display: block;
}
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom: thin dashed;
}
.cal-week-view .cal-time {
  font-weight: bold;
  padding-top: 5px;
  width: 70px;
  text-align: center;
}
.cal-week-view .cal-hour-segment.cal-after-hour-start .cal-time {
  display: none;
}
.cal-week-view .cal-starts-within-day .cal-event {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.cal-week-view .cal-ends-within-day .cal-event {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.cal-week-view {
  background-color: #fff;
  border-top: solid 1px #e1e1e1;
}
.cal-week-view .cal-day-headers {
  border-color: #e1e1e1;
  border-top: 0;
}
.cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
  border-right-color: initial;
  border-left: solid 1px #e1e1e1 !important;
}
.cal-week-view .cal-day-headers .cal-header:first-child {
  border-left-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-headers .cal-header:first-child {
  border-left-color: initial;
  border-right-color: #e1e1e1;
}
.cal-week-view .cal-day-headers .cal-header:hover,
.cal-week-view .cal-day-headers .cal-drag-over {
  background-color: #ededed;
}
.cal-week-view .cal-day-column {
  border-left-color: #e1e1e1;
}
[dir=rtl] .cal-week-view .cal-day-column {
  border-left-color: initial;
  border-right-color: #e1e1e1;
}
.cal-week-view .cal-event {
  background-color: #d1e8ff;
  border-color: #1e90ff;
  color: #1e90ff;
}
.cal-week-view .cal-all-day-events {
  border-color: #e1e1e1;
}
.cal-week-view .cal-header.cal-today {
  background-color: #e8fde7;
}
.cal-week-view .cal-header.cal-weekend span {
  color: #8b0000;
}
.cal-week-view .cal-time-events {
  border-color: #e1e1e1;
}
.cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
  background-color: #ededed;
}
.cal-week-view .cal-hour-odd {
  background-color: #fafafa;
}
.cal-week-view .cal-drag-over .cal-hour-segment {
  background-color: #ededed;
}
.cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
  border-bottom-color: #e1e1e1;
}
.cal-week-view .cal-current-time-marker {
  background-color: #ea4334;
}

.cal-day-view {
  /* stylelint-disable-next-line selector-type-no-unknown */
}
.cal-day-view mwl-calendar-week-view-header {
  display: none;
}
.cal-day-view .cal-events-container {
  margin-left: 70px;
}
[dir=rtl] .cal-day-view .cal-events-container {
  margin-left: initial;
  margin-right: 70px;
}
.cal-day-view .cal-day-column {
  border-left: 0;
}
.cal-day-view .cal-current-time-marker {
  margin-left: 70px;
  width: calc(100% - 70px);
}
[dir=rtl] .cal-day-view .cal-current-time-marker {
  margin-left: initial;
  margin-right: 70px;
}

.cal-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 11px;
  word-wrap: break-word;
  opacity: 0.9;
}

.cal-tooltip.cal-tooltip-top {
  padding: 5px 0;
  margin-top: -3px;
}

.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
}

.cal-tooltip.cal-tooltip-right {
  padding: 0 5px;
  margin-left: 3px;
}

.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
}

.cal-tooltip.cal-tooltip-bottom {
  padding: 5px 0;
  margin-top: 3px;
}

.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
}

.cal-tooltip.cal-tooltip-left {
  padding: 0 5px;
  margin-left: -3px;
}

.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
}

.cal-tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  text-align: center;
  border-radius: 0.25rem;
}

.cal-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  border-top-color: #000;
}

.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  border-right-color: #000;
}

.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  border-bottom-color: #000;
}

.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  border-left-color: #000;
}

.cal-tooltip-inner {
  color: #fff;
  background-color: #000;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[7].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[7].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[7].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[7].rules[1].use[1]!./src/styles.sass?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
:root {
  --font-family: "Work Sans", sans-serif;
  --font-10: 1.0rem;
  --font-11: 1.1rem;
  --font-12: 1.2rem;
  --font-13: 1.3rem;
  --font-14: 1.4rem;
  --font-15: 1.5rem;
  --font-16: 1.6rem;
  --font-17: 1.7rem;
  --font-18: 1.8rem;
  --font-19: 1.9rem;
  --font-20: 2.0rem;
  --font-21: 2.1rem;
  --font-22: 2.2rem;
  --font-23: 2.3rem;
  --font-24: 2.4rem;
  --font-25: 2.5rem;
  --font-26: 2.6rem;
  --font-27: 2.7rem;
  --font-28: 2.8rem;
  --font-29: 2.9rem;
  --font-30: 3.0rem;
  --font-32: 3.2rem;
  --font-34: 3.4rem;
  --font-36: 3.6rem;
  --font-45: 4.5rem;
  --font-weight-300: 300;
  --font-weight-400: 400;
  --font-weight-500: 500;
  --font-weight-600: 600;
  --font-weight-700: 700;
  --container-fluid: 100%;
  --container: 1280px;
  --body-font-size: var(--font-15);
  --body-color: #3E3E3E;
  --body-color-h: 0;
  --body-color-s: 0%;
  --body-color-l: 0.24%;
  --body-line-height: var(--font-18);
  --body-font: var(--body-font-size) var(--font-family);
  --primary-color: #6F64A7;
  --secondary-color: #B0A3EF;
  --accent-color: #B1A6E5;
  --purple-color: #cec5ff;
  --purple-color-h: 249;
  --purple-color-s: 100%;
  --purple-color-l: 89%;
  --green-color: #00b85e;
  --green-color-h: 150.65;
  --green-color-s: 1%;
  --green-color-l: .36%;
  --light-blue-color: #f5f6fa;
  --white-color: #ffffff;
  --grey-color: var(--body-color);
  --black-color: #1e1e1e;
  --light-grey-color: #666666;
  --light-grey2-color: #868686;
  --light-grey3-color: #dddddd;
  --medium-grey: #4d4d4d;
  --medium-light-grey-color: #656565;
  --grey-bg-color: #f1f1f1;
  --link-color: var(--primary-color);
  --link-hover-color: #5f5591;
  --button-height: 4.4rem;
  --button-font-size: var(--font-16);
  --button-font-weight: var(--font-weight-600);
  --button-font-color: var(--white-color);
  --button-font: var(--button-height) var(--button-font-weight) var(--button-font-size) var(--font-family);
  --primary-button-color: var(--primary-color);
  --primary-button-hover-color: #544a83;
  --secondary-button-color: var(--secondary-color);
  --secondary-button-hover-color: #9f91e2;
  --confirm-button-color: #7B6EBC;
  --confirm-button-border: var(--accent-color);
  --confirm-button-color-h: 250;
  --confirm-button-color-s: 37%;
  --confirm-button-color-l: 58%;
  --box-shadow-arrow-color: #f3f2f2;
  --box-shadow-color: #c5c5c5;
  --overlay-box-shadow-color: #a2a2a2;
  --h1-color: var(--primary-color);
  --h1-font-size: var(--font-24);
  --h1-font-weight: var(--font-weight-600);
  --h1-font: var(--h1-font-weight) var(--h1-font-size) var(--font-family);
  --h2-color: var(--primary-color);
  --h2-font-size: var(--font-22);
  --h2-font-weight: var(--font-weight-600);
  --h2-font: var(--h2-font-weight) var(--h2-font-size) var(--font-family);
  --h3-color: var(--body-color);
  --h3-font-size: var(--font-17);
  --h3-font-weight: var(--font-weight-600);
  --h3-font: var(--h3-font-weight) var(--h3-font-size) var(--font-family);
  --h4-color: var(--body-color);
  --h4-font-size: var(--font-15);
  --h4-font-weight: var(--font-weight-600);
  --h4-font: var(--h4-font-weight) var(--h4-font-size) var(--font-family);
  --table-font-size: var(--font-15);
  --table-border-color: #d6d6d6;
  --table-font: var(--table-font-size) var(--font-family);
  --table-head-font-size: var(--font-15);
  --table-head-color: var(--light-grey2-color);
  --table-head-font: var(--table-head-font-size) var(--font-family);
  --label-font-size: var(--font-16);
  --label-font-color: var(--black-color);
  --form-border: #cacaca;
  --form-border-h: 0;
  --form-border-s: 0%;
  --form-border-l: 79.22%;
  --input-font-size: var(--font-15);
  --input-font-color: var(--body-color);
  --input-bg-color: var(--white-color);
  --input-border-color: var(--form-border);
  --input-border-color-h: var(--form-border-h);
  --input-border-color-s: var(--form-border-s);
  --input-border-color-l: var(--form-border-l);
  --placeholder-color: #8b8b8b;
  --input-border-radius: 3px;
  --input-height: 42px;
  --text-tarea-height: 76px;
  --error-color: #f42525;
  --error-font-size: var(--font-14);
  --checkbox-border-color: var(--white-color);
  --checkbox-bg-color: var(--primary-color);
  --checkbox-radius: 5px;
  --radio-border-color: var(--primary-color);
  --radio-bg-color: var(--white-color);
  --radio-radius: 50%;
  --toast-success-bg: #409c35;
  --toast-success-border: var(--toast-success-bg);
  --toast-info-bg: #8b8d8f;
  --toast-info-border: var(--toast-info-bg);
  --toast-warning-bg: #ec7a07;
  --toast-warning-border: var(--toast-warning-bg);
  --toast-error-bg: #cc0000;
  --toast-error-border: var(--toast-error-bg);
  --booked-appointment-color: #e3ffdf;
  --booked-appointment-bg-color: #9fd899;
  --break-hours-color: #1ecc84;
  --break-hours-bg-color: var(--break-hours-color);
  --block-slot-color: #f7e9e9;
  --block-slot-bg-color:#ffa6a6;
  --calendar-booked: #927dff;
  --calendar-availabal: #FE9116;
  --calendar-not-availabal: #484848;
  --calendar-time-color: #A7A7A7;
  /*** Update color code **/
  --calendar-slot-color-booked: #EDEAFF;
  --calendar-slot-color-booked-boder: var(--calendar-booked);
  --calendar-slot-color-break-hours: #e7f9ed;
  --calendar-slot-color-break-hours-border: #1ecc84;
  --calendar-slot-color-isblock: #f1f1f1;
  --calendar-slot-color-isblock-border: #77a48f;
  --calendar-slot-color-not-available: #F9F9F9;
  --calendar-slot-color-notavailable: #fff2f0;
  --calendar-slot-color-notavailable-border: #f98c7b;
  --calendar-slot-color-facility: #eceff1;
  --calendar-slot-color-facility-border: #8498ab;
  --calendar-slot-color-remote: #f5f1f1;
  --calendar-slot-color-remote-border: #826969;
  --calendar-slot-color-road-home: #f3faff;
  --calendar-slot-color-road-home-border: #50a6e9;
  --calendar-slot-color-both-facility-remote: #eceff1;
  --calendar-slot-color-both-facility-remote-border: #979797;
  --calendar-remote: #826969;
  --calendar-facility: #8498ab;
  --calendar-office: #e0f2ff;
  --calendar-road-show: #50a6e9;
  --calendar-off: #f98c7b;
  --ready-for-scheduling: #7796bf;
  --ready-for-scheduling-built: #a4bfe2;
  --upcoming: #7ba78a;
  --upcoming-built: #9ddab1;
  --no-show: #fb705a;
  --no-show-built: #fdb4a9;
  --complete: #15a96d;
  --complete-built: #39dd9c;
  --unreconciled: #800000;
  --unreconciled-built: #b50202;
  --void: #ff4646;
  --void-built: #ffc3c3;
  --overdue: #859c25;
  --overdue-built: #e1fd6e;
  --voidreview: #80929e;
  --voidreview-built: #c9d9dc;
  --cancel: #826969;
  --cancel-built: #ceb3b3;
  --legend-fill: #9280EB;
  --legend-empty: var(--medium-grey);
  --legend-block-slot: #77A48F;
  --legend-booked-slot: #8498AB;
  --legend-break-hours: #1ecc84;
  --doctor-info-highlight: #72af91;
  --scroll-bar-bg-color: #a2a2a2;
  --scroll-bar-color: #a2a2a2;
  --availability-time-zone-color: #707070;
  --facility-color: #434343;
  --calendar-time-color: #787878;
  --sidebar-bar-bg-color: var(--primary-color);
  --header-bg-color: #F9F8FF;
  --header-border-color: #D8CEFF;
  --dropdown-hover-bg-color: #e6e6e6;
  --border-color: #d2d2d2;
  --light-border-color: #eee;
  --box-bg-color: #FAFAFA;
  --time-slot-disable-color: #f5f6fa;
  --time-slot-border-disable-color:#f5f6fa;
  --time-slot-disable-bg-color: #c2c2c2;
  --kpi-box-bg-color: #F5F5F5;
  --calendar-slot-color-block:#edeaff;
  /* Patient Theme Varibles */
  --patient-body-color: #3E3E3E;
  --patient-primary-color: #6F64A7;
  --patient-secondary-color: #B0A3EF;
  --patient-accent-color: #B1A6E5;
  --patient-accent-hover-color:#6F64A7;
  --patient-or-bg-color: #F9F8FF;
  --patient-primary-button-color: var(--patient-primary-color);
  --patient-primary-button-hover-color: #6256a1;
  --patient-secondary-button-color: var(--patient-secondary-color);
  --patient-secondary-button-hover-color:#8c7fd1;
  --select-appointment-types-color: #B1A6E5;
  --select-appointment-types-active-color: #6F64A7;
  --select-appointment-types-icon-bg-color:#F9F8FF;
  --select-appointment-types-icon-color: #6F64A7;
  --patient-confirm-button-color: #6F64A7;
  --patient-confirm-button-border: var(--patient-confirm-button-color);
  --patient-confirm-button-hover-color: #5a508d;
  --patient-confirm-button-hover-border-color: var(--patient-confirm-button-hover-color);
  --patient-header-bg-color: #f9f3ee;
  --patient-header-border-color: #fbe2ca;
  --steps-border-color: #B1A6E5;
  --steps-bg-color: #cdd3ec;
  --steps-selected-bg-color: #FAFAFA;
  --steps-bg-fill-color: #6F64A7;
  --patient-input-color: #5E5E5E;
  --patient-learn-more-color: #4d4d4d;
  --patient-calendar-date-color: #3E3E3E;
  --patient-calendar-disbaled-date-color: #868686;
  --patient-dropdown-hover-bg-color: #e6e6e6;
  --patient-form-border: #cacaca;
  --input-focus-border-color: var(--patient-form-border);
  --patient-border-color: #DADADA;
  --patient-box-bg-color: #FAFAFA;
  --patient-sidebar-border-color: #e2ddfa;
  --option-select-check-color: var(--patient-primary-color);
  --patient-purple-color: #cec5ff;
  --patient-green-color: #00b85e;
  --patient-green-bg-color: #39fa9d;
  --patient-light-blue-color: #f5f6fa;
  --patient-white-color: #ffffff;
  --patient-grey-color: var(--patient-body-color);
  --patient-black-color: #1e1e1e;
  --patient-light-grey-color: #666666;
  --patient-light-grey2-color: #868686;
  --patient-medium-grey: var(--medium-grey);
  --patient-medium-light-grey-color: #656565;
  --patient-grey-bg-color: #f1f1f1;
  --patient-light-border-color: #eee;
  --patient-h1-color: var(--patient-primary-color);
  --patient-h2-color: var(--patient-primary-color);
  --patient-h3-color: var(--patient-body-color);
  --patient-h4-color: var(--patient-body-color);
  --patient-legend-fill: var(--patient-primary-color);
  --patient-legend-empty: var(--medium-grey);
  --patient-legend-block-slot: #77A48F;
  --patient-legend-booked-slot: #8498AB;
  --patient-legend-break-hours: #1ecc84;
}

/* Clearfix */
/* Placeholder */
/* Border Radius */
/* Transition */
/* Transform */
/* Animation */
/* Psuedo */
/* Grid */
/* Flex */
/* Position Center */
/* Margin Auto */
/* Media Queries Variables */
/* Desktop Large  */
/* Large Desktop */
/* Large Desktop */
/* Desktop Large min */
/* Large Desktop */
/* Large Desktop */
/* Desktop */
/* tableLarge */
/* Small table */
/* large Mobile */
/* Small Mobile */
/* iPhone Small Mobile */
/* iPhone Small Mobile */
@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/worksans/v9/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*, *:before, *:after {
  box-sizing: border-box;
}

html, body {
  font-family: var(--font-family) !important;
  padding: 0;
  margin: 0;
  height: 100%;
}

html {
  font-size: 10px;
}
@media (max-width: 1280px) {
  html {
    font-size: 9px;
  }
}

body {
  margin: 0;
  padding: 0;
  color: var(--body-color);
  font: var(--body-font);
  line-height: var(--body-line-height);
  background-color: var(--white-color);
}

a {
  color: var(--link-color);
  font: var(--body-font);
  text-decoration: none;
  transition: 350ms ease;
  cursor: pointer;
}
a:hover {
  color: var(--link-hover-color);
}

h1 {
  color: var(--h1-color);
  font: var(--h1-font);
  margin: 0 0 1.8rem 0;
  padding: 0;
}

h2 {
  color: var(--h2-color);
  font: var(--h2-font);
  margin: 0 0 2.5rem 0;
  padding: 0;
}

h3 {
  color: var(--h3-color);
  font: var(--h3-font);
  margin: 0 0 2rem 0;
  padding: 0;
}

h4 {
  color: var(--h4-color);
  font: var(--h4-font);
  margin: 0 0 1.8rem 0;
  padding: 0;
}

p {
  margin: 0 0 1.5rem 0;
  padding: 0;
  font-family: var(--font-family) !important;
}

img {
  max-width: 100%;
}

ul {
  margin: 0;
  padding: 0;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-15 {
  margin-top: 1.5rem !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.ml-10 {
  margin-left: 1rem !important;
}

.ml-15 {
  margin-left: 1.5rem !important;
}

.ml-20 {
  margin-left: 2rem !important;
}

.mb-0 {
  margin-bottom: 0.2rem !important;
}

.mb-15 {
  margin-bottom: 1.5rem !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-15 {
  margin-right: 1.5rem !important;
}

.mr-20 {
  margin-right: 2rem !important;
}

.border-radius {
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
}

strong {
  font-weight: var(--font-weight-500);
}

.full-width {
  width: 100%;
  max-width: 100% !important;
}

.hour {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  font-size: var(--body-font-size);
}

.add-plus {
  background-color: var(--primary-color);
  width: 42px;
  height: 42px;
  -webkit-border-radius: 50px !important;
  -webkit-border-radius-border-radius: 50px !important;
  margin-left: 1.6rem;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
}

.p-dialog-mask {
  z-index: 99999 !important;
}
.p-dialog-mask.header-patient-info-popup-mask {
  z-index: 99999 !important;
}

.p-link {
  font-family: var(--font-family);
}

/** ToolTip ***/
.p-tooltip-arrow {
  visibility: hidden !important;
}

.p-tooltip {
  font-size: var(--font-13) !important;
  z-index: 999999 !important;
  max-width: 450px !important;
  /* position: relative */
}
.p-tooltip.p-tooltip-right {
  margin-left: 2px !important;
}
.p-tooltip.p-tooltip-left {
  margin-left: -2px !important;
}
.p-tooltip.p-tooltip-top {
  margin-top: -3px !important;
}
.p-tooltip.p-tooltip-bottom {
  margin-bottom: -3px !important;
}
.p-tooltip .p-tooltip-text {
  width: auto !important;
  background-color: var(--body-color) !important;
  color: var(--white-color) !important;
  padding: 0.75rem 1.2rem !important;
  font-size: var(--font-13) !important;
  z-index: 9999 !important;
  position: relative;
  display: inline-block;
  text-transform: capitalize;
  max-width: 450px !important;
}
.p-tooltip.p-tooltip-right .p-tooltip-text, .p-tooltip.p-tooltip-left .p-tooltip-text, .p-tooltip.p-tooltip-top .p-tooltip-text, .p-tooltip.p-tooltip-bottom .p-tooltip-text {
  text-transform: none !important;
}
.p-tooltip.large-tooltip-outer .p-tooltip-text {
  min-width: 250px;
}

/******* Latest tooltip chnage ***********/
.tooltip {
  font-size: var(--font-13) !important;
  z-index: 99999 !important;
  background-color: var(--body-color) !important;
  color: var(--white-color) !important;
  padding: 0.75rem 1.2rem !important;
  font-size: var(--font-13) !important;
  text-align: left !important;
}
.tooltip:after {
  display: none !important;
}
.tooltip.tooltip-top:after {
  border-color: var(--body-color) transparent transparent !important;
}
.tooltip.tooltip-right:after {
  border-color: transparent var(--body-color) transparent transparent !important;
}
.tooltip.tooltip-left:after {
  border-color: transparent transparent transparent var(--body-color) !important;
}
.tooltip.tooltip-left:after {
  border-color: transparent transparent var(--body-color) transparent !important;
}

/***** Admin Outer ****/
.main-outer {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  transition: 350ms ease;
  overflow: hidden;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
}
.main-outer.collapse .main-outer__sidebar {
  width: 100%;
  max-width: 225px;
}
.main-outer.collapse .logo {
  display: none;
}
.main-outer.collapse .small-logo {
  display: block !important;
  margin-left: 1px;
}
.main-outer.collapse .sidebar-menu__nav .menu__block__item__link {
  padding: 0.8rem 1rem 0.8rem 2.5rem !important;
}
.main-outer.collapse .sidebar-menu__nav .menu__block__item__link .name {
  display: none;
}
.main-outer.collapse .sidebar-menu__nav .menu__block__item__link .user-img {
  margin: 0 0 0 -4px;
}
.main-outer.collapse .admin-header {
  left: 225px;
}
@media (max-width: 1440px) {
  .main-outer.collapse .admin-header {
    left: 215px;
  }
}
.main-outer.collapse .sidebar-newmenu__logo svg {
  max-width: 42px !important;
}
.main-outer.collapse .sidebar-newmenu__link {
  justify-content: flex-start !important;
}
.main-outer.collapse .sidebar-newmenu__link .name {
  max-width: 78% !important;
  visibility: visible;
  animation: simpleFadeIn 350ms ease forwards !important;
  padding-left: 1.8rem;
}
@keyframes simpleFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.main-outer.collapse .main-outer__content-outer {
  overflow: hidden;
}
.main-outer.collapse .p-panelmenu-panel .p-panelmenu-header-link .p-menuitem-text, .main-outer.collapse .book-appointment {
  display: none;
}
.main-outer.collapse .ic.ic-calendar {
  background-position: -95px -46px !important;
}
.main-outer.collapse .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
  right: 0.5rem !important;
}
.main-outer.collapse .p-panelmenu .p-panelmenu-header > a .ic-resources {
  margin: 0 0 0 2px !important;
}
.main-outer.collapse .p-panelmenu .p-panelmenu-content-wrapper {
  position: absolute;
  left: 100%;
  top: 0;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3) !important;
}
.main-outer.collapse .ic.ic-import-export {
  background-position: -190px -46px !important;
}
.main-outer.collapse .ic.ic-settings {
  background-position: -253px -46px !important;
}
@media (max-width: 992px) {
  .main-outer .main-outer .main-outer__sidebar, .main-outer .sidebar-menu-desktop .p-sidebar {
    max-width: 100px;
  }
}
@media (max-width: 600px) {
  .main-outer {
    display: block;
    grid-template-areas: inherit;
    grid-template-columns: inherit;
    -ms-grid-columns: inherit;
  }
}
.main-outer__sidebar {
  width: 100%;
  max-width: 70px;
  position: relative;
  z-index: 999;
  transition: 350ms ease;
  background-color: var(--primary-color);
  height: 100%;
  box-shadow: 0 0 5px var(--accent-color);
}
.main-outer__sidebar app-sidebar, .main-outer__sidebar app-appointment-sidebar {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  width: 100%;
}
.main-outer__sidebar:hover .sidebar-arrow {
  display: block;
}
.main-outer__sidebar .sidebar-newmenu__link .name {
  max-width: 0% !important;
  visibility: hidden;
}
.main-outer__content-outer {
  width: 100%;
  background: var(--white-color);
  padding: 0 0rem;
  display: block;
  height: 100%;
  overflow: hidden;
  /* z-index: 0 */
}
@media (max-width: 600px) {
  .main-outer__content-outer {
    display: inline-table;
    height: inherit;
  }
}
.main-outer__content-outer .content-area {
  padding: 0;
  overflow: hidden;
  margin-bottom: 1.5rem;
  height: 100%;
}
@media (max-width: 600px) {
  .main-outer__content-outer .content-area {
    min-height: calc(100% - 85px);
    padding-bottom: 0;
    padding-top: 55px;
  }
}
.main-outer__content-outer .content-area .title-block {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 45px;
  padding: 0 2.4rem 0 2.4rem;
  margin: 1.6rem 0;
}
@media (max-width: 1024px) {
  .main-outer__content-outer .content-area .title-block {
    padding: 0 2rem;
  }
}
.main-outer__content-outer .content-area .title-block h1 {
  margin: 0;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  font-size: var(--h2-font-size);
}
.main-outer__content-outer .content-area .title-block h1 span {
  font-size: var(--font-20);
  color: var(--body-color);
}
.main-outer__content-outer .content-area .title-block h1 a {
  cursor: pointer;
  margin: 0 1rem 0 0;
}
.main-outer__content-outer .content-area .title-block h1 a.edit-btn {
  margin-left: 1.6rem;
  height: 24px;
}
.main-outer__content-outer .content-area .title-block h1 .switchBtn {
  margin: 0 0 0 3.5rem;
  font-size: var(--font-14);
  color: var(--light-grey-color);
  vertical-align: middle;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  font-weight: 400;
}
.main-outer__content-outer .content-area .title-block h1 .switchBtn p-inputswitch {
  display: inline-block;
  margin: 0 1.5rem 0 0;
  height: 18px;
}
.main-outer__content-outer .content-area .title-block .table-filter__sort-by .btn {
  margin: 0;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}
.main-outer__content-outer .content-area .title-block .table-filter__sort-by .btn .plus-white {
  margin-right: 0.5rem;
}
.main-outer.patient-app {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  grid-template-areas: inherit;
  grid-template-columns: inherit;
  height: auto;
}
.main-outer.patient-app .main-outer__content-outer {
  width: 100%;
}
.main-outer.patient-app .main-outer__content-outer .content-area {
  padding: 0;
}

.form__group .switchBtn {
  margin-left: 0.2rem;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  margin-bottom: -0.6em;
  color: var(--light-grey2-color) !important;
}
.form__group .switchBtn p-inputswitch {
  margin-right: 1rem;
}

body .switchBtn .p-inputswitch .p-inputswitch-slider:before {
  margin-top: -12px;
}

body .switchBtn .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
  transform: translateX(1.5em) !important;
  margin-top: -12px;
}

body .p-dialog .p-dialog-header .p-dialog-title {
  display: none;
}

/*** Call Logs Popup *****/
.patient-info.callLogs-info {
  /* margin: -16px 0 0 0 !important */
}

.call-logs-rightsidebar .patient-info.callLogs-info {
  margin: 0px 0 0 0 !important;
}

body .appointments-tab-outer {
  width: 100%;
  box-sizing: border-box;
  display: block;
}
body .appointments-tab-outer .p-tabview {
  padding: 0 !important;
  display: inline-block;
  width: 100%;
  /*&.p-tabview-top */
}
body .appointments-tab-outer .p-tabview .p-tabview-panels {
  background-color: transparent !important;
  padding: 0 !important;
  width: 100%;
}
body .appointments-tab-outer .p-tabview .p-tabview-nav {
  float: right;
  padding: 2rem 2rem 0 0 !important;
}
body .appointments-tab-outer__appointment-listing-page .p-tabview .p-tabview-nav {
  position: absolute;
  top: 2px;
  right: 0;
}
body .appointments-tab-outer.setting-tab-menu .p-tabview .p-tabview-nav {
  padding-top: 0rem !important;
}

/*** Overlaypanel *******/
p-overlaypanel .p-overlaypanel {
  margin-top: 0;
}
p-overlaypanel .p-overlaypanel::before {
  display: none;
}
p-overlaypanel .p-overlaypanel::after {
  display: none;
}

.p-overlaypanel.patient-info-popup-mask {
  z-index: 999999 !important;
}

body .p-overlaypanel .p-overlaypanel-content {
  padding: 0 !important;
  /* .filter-title */
  /*     padding: 0 */
}

.p-overlaypanel, body .p-menu.p-shadow {
  border: none !important;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3) !important;
  border-radius: 5px !important;
}

body .p-overlaypanel:before {
  border-bottom-color: var(--grey-bg-color) !important;
}

body .p-panelmenu .p-panelmenu-content .p-menuitem {
  border-radius: inherit;
}

body .p-menu ul {
  padding: 0.8rem 0 !important;
}
body .p-menu .p-menuitem-link {
  display: block;
  margin: 0;
  padding: 0.8rem 1.5rem !important;
  font-size: var(--font-14);
  font-family: var(--font-family);
  color: var(--body-color) !important;
  border-left: 2px solid transparent;
}
body .p-menu .p-menuitem-link:hover {
  background-color: var(--secondary-color);
  color: var(--white-color) !important;
  font-weight: var(--font-weight-500);
}

.search-nearby .p-overlaypanel {
  left: 40px !important;
  margin: -40px 0 0 0;
}

body .p-overlaypanel .p-overlaypanel-close {
  display: inline-block;
  background-image: url("/assets/img/popup-close-icon.svg") !important;
  background-repeat: no-repeat;
  background-position: 0px 0px !important;
  width: 21px !important;
  height: 21px !important;
  background-color: transparent !important;
  top: 1.4rem !important;
  right: 1.7rem !important;
}
body .p-overlaypanel .p-overlaypanel-close span {
  display: none;
}

/**** Left sidebar book appintmant popup ****/
.search-popup .p-overlaypanel {
  margin-top: -8px;
  box-shadow: 0 3px 12px var(--overlay-box-shadow-color) !important;
}
.search-popup .book-appointment-search {
  padding: 2.2rem 3rem;
}
.search-popup .book-appointment-search h3 {
  margin-bottom: 2.2rem;
  font-size: var(--font-20);
  color: var(--primary-color);
}
.search-popup .book-appointment-search .search-box {
  max-width: 100%;
  margin-bottom: 1.5rem;
}
.search-popup .book-appointment-search .search-box .form__control {
  text-align: left;
}
.search-popup .book-appointment-search .btn {
  margin: 0 !important;
  height: 48px;
}
.search-popup .book-appointment-search .select-box {
  width: 100%;
}

/**** Appointments page table ****/
body .add-column-popup .p-overlaypanel {
  margin-left: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
}

body .table-action-popup .p-overlaypanel {
  margin-left: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
  z-index: 9;
}

body .table-action-popup.rescheduleAppointment-popup .p-overlaypanel {
  margin-left: 0px;
}
body .table-action-popup.rescheduleAppointment-popup .btn--primary {
  margin-right: 1.5rem;
}

.next-day-appointment-popup .form__group {
  max-width: 250px;
}
.next-day-appointment-popup .form__group .p-dropdown-items .p-dropdown-item {
  padding: 0.6rem 1.5rem !important;
}
@media (max-width: 1280px) {
  .next-day-appointment-popup .p-overlaypanel {
    /*margin-left: 2rem */
  }
  .next-day-appointment-popup .p-overlaypanel .next-day-appointment {
    width: 220px;
  }
}

.select-box.select-branch {
  width: 100%;
}
.select-box.select-branch .p-multiselect {
  width: 100% !important;
}
@media (max-width: 1280px) {
  .select-box.select-branch .p-multiselect {
    width: 100% !important;
  }
}
@media (max-width: 1024px) {
  .select-box.select-branch .p-multiselect {
    width: 100% !important;
  }
}

.table-outer.appointment-listing-not-scheduled.table-action-menu table tr:nth-last-child(1) td .table-action-popup.NotScheduledAction .p-overlaypanel .p-overlaypanel-content,
.table-outer.appointment-listing-not-scheduled.table-action-menu table tr:nth-last-child(2) td .table-action-popup.NotScheduledAction .p-overlaypanel .p-overlaypanel-content, .table-outer.appointment-listing-not-scheduled.table-action-menu:after {
  bottom: inherit !important;
  top: 14px !important;
}

/*** Table Quick Link Menu ***/
body .table-action-popup.facilities-action .p-overlaypanel {
  /* margin-left: 8px */
}

.action-column {
  display: block;
  text-align: center;
  max-width: 55px;
  min-height: 21px;
}

.quick-link-menu {
  width: 198px;
  margin: 0;
  padding: 0.5rem 0rem;
}
.quick-link-menu.timezine-overly {
  min-width: 155px;
  width: 155px;
}
.quick-link-menu.calendar-quick-menu {
  width: 100%;
  max-width: 235px;
}
.quick-link-menu.appointments {
  min-width: 250px !important;
}
.quick-link-menu li {
  display: inline-block;
  width: 100%;
  margin: 0;
  font-family: var(--font-family) !important;
}
.quick-link-menu li a {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  font-size: var(--font-15);
  color: var(--body-color);
  padding: 0.75rem 1.9rem !important;
  font-weight: var(--font-weight-400);
  text-overflow: inherit !important;
  white-space: inherit !important;
  overflow: inherit !important;
  /* Edit & delete **/
}
.quick-link-menu li a .ic {
  margin-right: 1rem;
  filter: brightness(1) invert(0);
  transition: 350ms ease;
}
.quick-link-menu li a:hover {
  background-color: var(--dropdown-hover-bg-color);
  color: var(--body-color) !important;
}
.quick-link-menu li a.active, .quick-link-menu li a:focus {
  background-color: var(--secondary-color);
  color: var(--white-color) !important;
  font-weight: var(--font-weight-500);
}
.quick-link-menu li a.edit-row svg, .quick-link-menu li a.delete-row svg, .quick-link-menu li a.email-row svg {
  max-width: 20px;
  max-height: 20px;
  margin-right: 1.2rem;
}
.quick-link-menu li a.history-row svg {
  max-width: 24px;
  max-height: 24px;
  margin-right: 0.8rem;
  fill: var(--primary-color);
}
.quick-link-menu.enable-disable-patient {
  min-width: 280px;
  width: 280px;
}

.QuickFilter-overlay .ng-trigger {
  margin-left: 16px;
}

.availpopup .p-overlaypanel {
  z-index: 999999 !important;
}

.p-popover {
  border: none !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3) !important;
  border-radius: 5px !important;
  background: var(--white-color) !important;
  color: var(--body-color) !important;
}
.p-popover::after, .p-popover::before {
  display: none !important;
}
.p-popover .p-popover-content {
  padding: 0 !important;
}
.p-popover.dme-therapist-search-by-filters {
  z-index: 999999 !important;
}
.p-popover.appointment-info {
  z-index: 999999 !important;
}

.z-index-9999, .p-overlay {
  z-index: 999999 !important;
}

/** Action menu ***/
.appointment-actionmenu {
  position: relative;
  display: inline-block;
}
.appointment-actionmenu .p-overlaypanel-content {
  padding: 0 !important;
}
.appointment-actionmenu .p-overlaypanel-content:before {
  border-bottom-color: var(--scroll-bar-bg-color) !important;
}

.action-column {
  position: relative;
  display: inline-block;
}
.action-column .p-overlaypanel-content {
  padding: 0 !important;
}
.action-column .p-overlaypanel-content:before {
  border-bottom-color: var(--scroll-bar-bg-color) !important;
}

.top-right-overly .ng-trigger {
  top: 0px !important;
  left: inherit !important;
  right: -5px !important;
  bottom: inherit !important;
  transform: translateY(0px) !important;
}

.bottom-right-overly .ng-trigger {
  top: inherit !important;
  left: -5px !important;
  right: inherit !important;
  bottom: 25px !important;
  transform: translateY(0px) !important;
}

/*** Scroll Bar ****/
.p-scrollpanel-wrapper {
  border-right: 10px solid var(--white-color) !important;
}

.p-scrollpanel-bar {
  background-color: var(--scroll-bar-bg-color) !important;
  opacity: 1 !important;
  transition: background-color 0.3s;
  -webkit-border-radius: 0 !important;
  -webkit-border-radius-border-radius: 0 !important;
}

.p-scrollpanel-bar:hover {
  background-color: var(--scroll-bar-color) !important;
  opacity: 1;
}

.p-scrollpanel-content {
  height: calc(100% + 10px);
  width: calc(100% + 18px);
  padding: 0 10px 10px 0;
}

body .sidebar-menu .p-scrollpanel-wrapper {
  border-right: 0px solid transparent !important;
}

body .sidebar-menu .p-scrollpanel-bar {
  background-color: var(--scroll-bar-color);
  opacity: 0 !important;
  transition: background-color 0.3s;
}

body .sidebar-menu:hover .p-scrollpanel-bar {
  background-color: var(--scroll-bar-color);
  opacity: 1 !important;
  /* @include mixins.transition(350ms ease) */
}

body .sidebar-menu .p-scrollpanel-content {
  height: calc(100vh + 4px);
  width: calc(100% + 13px);
  padding: 0 4px 4px 0;
}
@-moz-document url-prefix() {
  body .sidebar-menu .p-scrollpanel-content {
    width: calc(100% + 17px);
    padding: 0 0px 4px 0;
  }
}

/**** Dialog ****/
body .p-dialog .p-dialog-header .p-dialog-header-icon {
  display: inline-block;
  background-image: url("/assets/img/popup-close-ic.svg") !important;
  background-repeat: no-repeat;
  background-position: 3px 1px !important;
  width: 20px !important;
  height: 20px !important;
  background-color: transparent !important;
  top: 1.5rem !important;
  right: 1.5rem !important;
}
body .p-dialog .p-dialog-header .p-dialog-header-icon span {
  display: none;
}

body .p-dialog .p-dialog-header {
  border: none !important;
  background-color: transparent !important;
  color: var(--h3-color);
  padding: 0 !important;
}

.content-area {
  padding: 1.5rem 2rem;
}
.content-area .page-scroll {
  width: 100%;
  height: calc(100vh - 240px);
  margin-top: 1.5rem;
  overflow: hidden;
}
@media (max-width: 600px) {
  .content-area .page-scroll {
    height: auto;
    padding: 2rem;
  }
}

body .p-spinner .p-spinner-button {
  width: 15px;
}

.form-content-outer {
  width: 100%;
  margin: 0 0 0 0;
  padding-left: 2.4rem;
  background-color: var(--white-color);
  -webkit-border-radius: 3px !important;
  -webkit-border-radius-border-radius: 3px !important;
  height: calc(100vh - 152px);
  /* height: calc(100vh - 185px) */
}
@media (max-width: 600px) {
  .form-content-outer {
    height: calc(100vh - 171px);
  }
}
@media (max-width: 576px) {
  .form-content-outer {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.form-content-outer__content {
  width: 100%;
  /* max-width: 1200px */
  margin: 0 0;
  padding: 1.5rem 0;
}
.form-content-outer__content .col {
  width: 100%;
  max-width: 100%;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  flex-wrap: wrap;
}
.form-content-outer__content .col .form__group {
  max-width: 28%;
  padding-bottom: 2.5rem;
  margin: 0 3.5rem 0 0;
}
@media (max-width: 992px) {
  .form-content-outer__content .col .form__group {
    max-width: 46%;
    margin: 0 2.5rem 0 0;
  }
}
@media (max-width: 576px) {
  .form-content-outer__content .col .form__group {
    max-width: 100%;
    margin: 0 0rem 0 0;
  }
}
.form-content-outer__content .col .form__group .form__control {
  border-color: var(--input-border-color);
}
.form-content-outer .p-scrollpanel-content {
  padding-top: 0 !important;
}
.form-content-outer .table-scroll .p-scrollpanel-content {
  padding-top: 0rem !important;
  padding-right: 5px;
  overflow: scroll !important;
}

/*** facilities add Edit Page ****/
.datepikar .start-date .p-calendar {
  width: 100%;
}
.datepikar .start-date .p-calendar .p-calendar-button, .datepikar .start-date .p-calendar .p-datepicker-trigger {
  background-color: transparent !important;
  display: inline-block;
  width: 18px !important;
  height: 18px;
  background-image: url("/assets/img/date-calendar-new.svg");
  background-size: 100%;
  border: none !important;
  position: absolute;
  background-position: 0 0;
  right: 4px;
  top: 50%;
  margin: -10px 0 0 0;
  background-repeat: no-repeat;
}
.datepikar .start-date .p-calendar .p-calendar-button span, .datepikar .start-date .p-calendar .p-datepicker-trigger span {
  display: none;
}
.datepikar .start-date .p-calendar .p-inputtext {
  width: 100%;
  margin: 0;
  padding: 0 2rem 0 0rem !important;
  font: var(--font-14) var(--font-family) !important;
  line-height: 45px;
  color: var(--input-font-color);
  height: 25px;
  border: none;
  border-bottom: 1px solid var(--input-border-color);
  outline: 0;
  box-shadow: none;
  -webkit-border-radius: 0px !important;
  -webkit-border-radius-border-radius: 0px !important;
  background: var(--input-bg-color);
  /*font-weight: 600 !important */
}

.week-ending .datepikar .start-date .p-calendar {
  background-color: hsla(var(--input-border-color-h), var(--input-border-color-s), var(--input-border-color-l), 10%);
}

body .week-ending .datepikar .p-inputtext {
  background: hsla(var(--input-border-color-h), var(--input-border-color-s), var(--input-border-color-l), 10%) !important;
  font-weight: var(--font-weight-600) !important;
}

.date-pikar .p-calendar {
  width: 100%;
}
.date-pikar .p-calendar .p-calendar-button {
  background-color: transparent !important;
  display: inline-block;
  width: 18px !important;
  height: 18px;
  background-image: url("/assets/img/date-calendar-new.svg");
  background-size: 100%;
  border: none !important;
  position: absolute;
  background-position: 0 0;
  right: 10px;
  top: 50%;
  margin: -10px 0 0 0;
  background-repeat: no-repeat;
}
.date-pikar .p-calendar .p-calendar-button span {
  display: none;
}
.date-pikar .p-calendar .p-inputtext {
  width: 100%;
  margin: 0;
  padding: 0 3.5rem 0 1.7rem !important;
  font: var(--font-45) var(--font-15) var(--font-family) !important;
  color: var(--input-font-color);
  height: var(--font-45);
  border: 1px solid var(--input-border-color) !important;
  outline: 0;
  box-shadow: none;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
  background: var(--input-bg-color);
  /*font-weight: 600 !important */
}
.date-pikar.date-timer .p-calendar {
  width: auto;
  max-width: 88px;
}
.date-pikar.date-timer .p-calendar .p-calendar-button {
  background-color: transparent !important;
  display: inline-block;
  width: 18px !important;
  height: 18px;
  background-image: url("/assets/img/date-calendar-new.svg");
  background-size: 100%;
  border: none !important;
  position: absolute;
  background-position: 0 0;
  right: 10px;
  top: 50%;
  margin: -10px 0 0 0;
  background-repeat: no-repeat;
}
.date-pikar.date-timer .p-calendar .p-calendar-button span {
  display: none;
}
.date-pikar.date-timer.set-availability-time .p-calendar .p-calendar-button {
  right: 0px;
}

.p-calendar .p-datepicker {
  min-width: 262px !important;
}

.date-pikar.date-timer {
  width: 100%;
}
.date-pikar.date-timer .p-calendar {
  width: 100%;
  max-width: 100% !important;
}
.date-pikar.date-timer .p-calendar .p-inputtext {
  border-radius: 3px !important;
}
@media (max-width: 1024px) {
  .date-pikar.date-timer.set-availability-time {
    width: 112px;
  }
}

.calendar-outer .cal-month-view .cal-cell-row {
  z-index: 999 !important;
}

.calendar-outer .cal-month-view .cal-header .cal-cell {
  outline: 0;
  box-shadow: none;
  background-color: var(--white-color);
  border-bottom: 1px solid var(--light-border-color);
}

.cal-month-view .cal-days {
  z-index: 9;
  position: relative;
  background-color: var(--white-color);
}

.select-box.month-calendar {
  width: auto !important;
}
.select-box.month-calendar .p-dropdown .p-dropdown-label-container {
  width: 100%;
  padding: 0 20px 0 0;
}

.md-drppicker th {
  color: var(--body-color) !important;
  font-weight: var(--font-weight-500) !important;
  font-family: var(--font-family) !important;
}

.md-drppicker th, .md-drppicker td {
  font-style: normal !important;
}

.md-drppicker {
  font-family: var(--font-family) !important;
}

/**** All detail page **/
.details-pages {
  width: 100%;
  margin: 0 0 1.5rem 0;
  padding-left: 2.5rem;
  background-color: var(--white-color);
  -webkit-border-radius: 3px !important;
  -webkit-border-radius-border-radius: 3px !important;
  height: calc(100vh - 150px) !important;
}
.details-pages.therapist-availability-calandar {
  margin-top: 1.5rem;
  margin-bottom: 0;
  padding: 0 0 0 1.5rem;
  background-color: var(--white-color);
}
.details-pages__content {
  width: 100%;
  padding-bottom: 20px;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
}
.details-pages__content__block {
  width: 100%;
  margin: 0 0 1rem 0;
  padding-bottom: 1rem;
  line-height: 22px;
  font-size: var(--label-font-size);
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  border-bottom: 1px solid var(--input-border-color);
}
.details-pages__content__block:last-child {
  border-bottom: none;
  margin: 0;
  padding-bottom: 0;
}
.details-pages__content__block strong {
  width: 100%;
  min-width: 200px;
  max-width: 200px;
  padding: 0 1.5rem 0 0;
  display: inline-block;
  vertical-align: middle;
  left: 0;
  font-weight: var(--font-weight-500);
  font: var(--label-font-size) var(--font-family);
  line-height: 18px;
  color: var(--label-font-color);
  z-index: 9;
}
@media (max-width: 576px) {
  .details-pages__content__block strong {
    width: 100%;
    max-width: inherit;
  }
}
.details-pages__content__block span {
  max-width: calc(100% - 200px);
  font-size: var(--label-font-size);
  color: var(--body-color);
}
@media (max-width: 992px) {
  .details-pages__content__block span {
    max-width: 55%;
  }
}
.details-pages__content__block span label {
  display: inline-block;
}
.details-pages__content__block a {
  color: var(--link-color);
  text-decoration: underline;
}
.details-pages__content__block a:hover {
  text-decoration: none;
  color: var(--link-hover-color);
}
.details-pages .p-scrollpanel-content {
  padding: 1.5rem 0 !important;
}

/********************************/
/*** view-by-therapist */
/********************************/
.therapist-profile-menu {
  z-index: 9999 !important;
}

.therapist-calendar-block .cal-week-view .cal-hour {
  height: auto;
}

.therapist-module-outer .content-area.change-password .title-block .calendar-top-right .btn {
  margin-bottom: 0;
}
.therapist-module-outer .admin-availability-calandar .admin-availabilty-calc {
  padding-left: 0 !important;
}
.therapist-module-outer .admin-availability-calandar .therapist-module-calendar-scroll .horizontal-scroll {
  height: auto !important;
}
.therapist-module-outer .admin-availability-calandar .therapist-module-calendar-scroll .horizontal-scroll .cal-scheduler-view {
  height: calc(100vh - 136px) !important;
}
.therapist-module-outer .admin-availability-calandar .therapist-module-calendar-scroll .horizontal-scroll.without-google-map {
  height: calc(100vh - 152px) !important;
}
.therapist-module-outer .admin-availability-calandar .therapist-module-calendar-scroll .horizontal-scroll.without-google-map .cal-scheduler-view {
  height: auto !important;
}

.therapist-availability .select-box.select-facility {
  width: 125px;
}

.facility-info__dropdown .select-box .p-dropdown {
  width: 100% !important;
  /* max-width: 175px */
  padding-left: 0 !important;
  border: none !important;
  background-color: transparent !important;
}
.facility-info__dropdown .select-box .p-dropdown .p-dropdown-label {
  color: var(--h3-color);
  font-size: var(--font-16);
  font-weight: var(--font-weight-600);
}
.facility-info__dropdown .select-box .p-dropdown .p-dropdown-trigger {
  background-color: transparent;
}

.select-box.select-facility.view-calendar-Facility .p-dropdown {
  width: 122px;
}

.select-box.filter-status.status-dropdown.my-appointments .p-dropdown {
  max-width: 128px;
}
@media (max-width: 600px) {
  .select-box.filter-status.status-dropdown.my-appointments .p-dropdown {
    max-width: 100%;
  }
}

body .set-availability-popup .p-tabview .p-tabview-panels {
  padding: 1.5rem 0 0rem 0;
}

/*** Popup Calendar ***/
.cal-week-view .cal-day-headers {
  height: 64px;
  position: sticky;
  top: 0px;
  z-index: 9999;
  background-color: var(--white-color);
}
@media (max-width: 992px) {
  .cal-week-view .cal-day-headers {
    position: sticky !important;
    top: 0px !important;
  }
}
@media (max-width: 600px) {
  @supports (-webkit-touch-callout: none) {
    .cal-week-view .cal-day-headers {
      position: sticky !important;
      top: 0px !important;
    }
  }
}

.cal-week-view {
  border-top: none !important;
}

.cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment {
  background-color: var(--white-color) !important;
}

.cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
  background-color: var(--white-color) !important;
}

.cal-week-view .cal-time-events .cal-event {
  width: 221px !important;
  height: calc(100% - 1px) !important;
  margin: 0px 0 0 0 !important;
  padding: 0 0rem !important;
  font-size: var(--font-14);
  font-weight: var(--font-weight-600);
  color: var(--body-color);
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  cursor: default;
  -webkit-border-radius: 0 !important;
  -webkit-border-radius-border-radius: 0 !important;
  overflow: inherit !important;
  border-right: 1px solid var(--border-color) !important;
  background-image: linear-gradient(to right, #A7A7A7 58%, rgba(167, 167, 167, 0) 1%) !important;
  background-position: bottom !important;
  background-size: 8px 1px !important;
  background-repeat: repeat-x !important;
}
.cal-week-view .cal-time-events .cal-event mwl-calendar-event-title {
  height: 100%;
}
.cal-week-view .cal-time-events .cal-event .calendar-box {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  width: 100%;
}

@media (max-width: 576px) {
  .p-calendar .p-datepicker {
    margin-left: -32px;
  }
}

/**************************************/
/**************************************/
.ui-overlaypanel.therapist-header-menu {
  z-index: 9999 !important;
}

.view-by-therapist-outer .cal-week-view .cal-time-events .cal-event {
  width: 100% !important;
  padding: 0 0.5rem !important;
  background-image: none !important;
}

.therapist-module-outer .cal-week-view .cal-time-events .cal-event {
  width: 100% !important;
  margin: 0px 0 0 0 !important;
  background-image: none !important;
}
.therapist-module-outer .cal-week-view .cal-time-events .cal-event span {
  width: 100%;
  max-width: 98%;
  display: inline-block;
  padding: 1rem 1.2rem;
  text-transform: none;
  font: var(--font-weight-500) var(--font-15) var(--font-family);
  color: var(--body-color);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.therapist-module-outer .cal-week-view .cal-time-events .cal-event span a {
  color: var(--body-color);
  font: var(--font-weight-500) var(--font-15) var(--font-family);
}
.therapist-module-outer .cal-week-view .cal-time-events .cal-event span a small {
  width: 100%;
  display: inline-block;
  font: var(--font-weight-500) var(--font-14) var(--font-family);
  color: #6e6e6e;
}
.therapist-module-outer .custom-event .calendar-box.half-slot {
  border-radius: 0 !important;
  background-image: linear-gradient(to right, #A7A7A7 58%, rgba(167, 167, 167, 0) 1%) !important;
  background-position: bottom !important;
  background-size: 8px 1px !important;
  background-repeat: repeat-x !important;
}
.therapist-module-outer .form-outer__title {
  margin: 0 0 1.5rem 0;
}
.therapist-module-outer .therapist-information-right .link.close-btn {
  position: absolute;
  top: 1.4rem;
  right: 1.7rem;
  z-index: 999;
}
.therapist-module-outer .therapist-information-right__title-block {
  padding: 1.8rem 2rem 0rem 2rem;
}
.therapist-module-outer .therapist-information-right .title {
  margin: 0 0 0.8rem 0;
  font: var(--h2-font);
  text-transform: capitalize;
}
.therapist-module-outer .therapist-information-right .date-of-birth {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  font: var(--font-weight-500) var(--font-15) var(--font-family);
  color: var(--body-color);
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 1rem;
}

.therapist-module-outer.old-rt .cal-week-view .blockhours .cal-event {
  background-color: var(--calendar-slot-color-block) !important;
}

.therapist-module-outer .cal-week-view .cal-time-events .breakhours .cal-event {
  margin: 0px 0 0 0 !important;
}
.therapist-module-outer .cal-week-view .blockhours .cal-event {
  background-color: var(--calendar-slot-color-block) !important;
  margin: 0px 0 0 -1px !important;
  min-height: 59px;
}
.therapist-module-outer .calendar-outer .therapist-calendar-block .cal-time-events .cal-day-columns .cal-event-container .cal-event mwl-calendar-event-actions, .therapist-module-outer .calendar-outer .therapist-calendar-block .cal-time-events .cal-day-columns .cal-event-container .cal-event mwl-calendar-event-title {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}
.therapist-module-outer .calendar-outer .therapist-calendar-block .cal-time-events .cal-day-columns .cal-event-container .cal-event mwl-calendar-event-actions span, .therapist-module-outer .calendar-outer .therapist-calendar-block .cal-time-events .cal-day-columns .cal-event-container .cal-event mwl-calendar-event-title span {
  height: auto !important;
}
.therapist-module-outer .calendar-outer .therapist-calendar-block .cal-time-events .cal-day-columns .cal-event-container .cal-event mwl-calendar-event-actions .add-note-btn, .therapist-module-outer .calendar-outer .therapist-calendar-block .cal-time-events .cal-day-columns .cal-event-container .cal-event mwl-calendar-event-title .add-note-btn {
  width: 100%;
}

.main-outer__content-outer.therapist-module-outer {
  overflow: hidden;
}
.main-outer__content-outer.therapist-module-outer .calendar-outer .admin-availabilty-calc .therapist-availabilty-calc__right {
  position: fixed;
  right: 0;
  z-index: 999;
  background: var(--white-color);
  box-shadow: 0 0 9px var(--light-border-color);
}
.main-outer__content-outer.therapist-module-outer .calendar-outer .admin-availabilty-calc .therapist-availabilty-calc__right .therapist-availabilty-calc__right__block {
  padding: 1rem 2rem 0 2rem;
  max-width: 400px;
  overflow: auto;
  height: calc(100vh - 232px);
}
.main-outer__content-outer.therapist-module-outer .calendar-outer .admin-availabilty-calc .therapist-availabilty-calc__right .scheduled-detials__left__block__title {
  text-transform: capitalize;
}

.therapist-module-calendar-scroll .p-scrollpanel-bar {
  display: none !important;
}

.therapist-availabilty .cal-event .cal-event-title {
  max-width: 100%;
  display: inline-block;
  width: 100%;
  text-align: center;
  white-space: initial;
  line-height: normal;
}

.cal-event-title.event-pointer {
  cursor: pointer;
  white-space: break-spaces;
  text-align: left;
  font-weight: var(--font-weight-500);
  display: block;
  line-height: 14px;
}

.breakhours .cal-event-title.event-pointer {
  font-weight: var(--font-weight-600);
  pointer-events: none;
}

.blockhours .cal-event-title.event-pointer {
  font-weight: var(--font-weight-600);
  pointer-events: none;
}

.view-by-therapist-outer .cal-week-view .cal-time-events .cal-event {
  padding: 0 0.5rem !important;
}
.view-by-therapist-outer .cal-week-view .cal-time-events .cal-event .cal-event-title {
  line-height: 18px !important;
}

/**** Dashbaoard ****/
.filter-box .ng-trigger {
  right: 0;
}
.filter-box .datepicker .ng-trigger {
  width: 242px !important;
  margin-left: -4rem;
}

body .p-datepicker table td > a, body .p-datepicker table td > span {
  padding: 0.2rem 0 !important;
  font-size: var(--font-13);
  font-weight: var(--font-weight-400);
  -webkit-border-radius: 50px !important;
  -webkit-border-radius-border-radius: 50px !important;
  font-family: var(--font-family) !important;
  color: var(--body-color);
  width: 20px;
  height: 20px;
}

.p-datepicker th {
  font-weight: var(--font-weight-500) !important;
}

.working-schedule__working-hours ul li.event-series .event-series .select-box {
  width: 175px !important;
}
.working-schedule__working-hours ul li.event-series .event-series .select-box .p-dropdown {
  width: 175px !important;
}

.cal-month-view .cal-day-cell.cal-in-month.cal-has-events, .cal-month-view .cal-day-cell {
  outline: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 1024px) {
  .view-by-available-slots .cal-month-view {
    width: 1138px;
  }
}

/**** END Calendar ******/
/* Permissions & Notifications Table */
.permissions .p-datatable {
  width: 100%;
  overflow: auto;
}
.permissions .p-datatable .p-datatable-wrapper {
  min-width: calc(100vw - 360px);
}
@media (max-width: 1024px) {
  .permissions .p-datatable .p-datatable-wrapper {
    max-width: calc(100vw - 160px);
  }
}
.permissions .p-datatable .p-datatable-wrapper tr td {
  padding: 1.2rem 1.5rem !important;
}
.permissions.notifications .p-datatable {
  width: 100%;
  max-width: 100%;
  overflow: inherit;
}
.permissions.notifications .p-datatable .p-datatable-wrapper {
  padding-top: 0;
}
.permissions.notifications.staff-table .p-datatable {
  overflow: inherit;
  /*width: 600px */
}
.permissions.notifications.staff-table .p-datatable .p-datatable-wrapper {
  min-width: inherit;
  overflow: inherit;
}
.permissions.notifications.staff-table .p-datatable .p-datatable-wrapper table {
  overflow: inherit;
}
@media (max-width: 1024px) {
  .permissions.notifications.staff-table .p-datatable .p-datatable-wrapper table {
    min-width: inherit;
  }
}

.cdk-virtual-scroll-viewport {
  display: contents !important;
  height: auto !important;
}

.cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper {
  position: relative !important;
  overflow: auto;
  max-height: 200px;
}

.p-multiselect-panel .p-multiselect-empty-message {
  padding: 1rem 1em !important;
  font-weight: var(--font-weight-500);
  cursor: auto;
}

.collapse .permissions.notifications .p-datatable {
  max-width: calc(100vw - 353px);
}

.update-status-menu.view-by-calendar .p-menu {
  width: 115px;
}

.therapist-availabilty__block {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}
.therapist-availabilty__block--insurance {
  max-width: 100%;
  margin-bottom: 0;
  margin-top: -2rem;
}
.therapist-availabilty__block__title {
  margin: 0;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  text-transform: capitalize;
}
.therapist-availabilty__block__date {
  width: 100%;
  color: var(--light-grey-color);
  font-size: var(--font-13);
  margin: 1rem 0 1rem 0;
  display: block;
}
.therapist-availabilty__block__sales-order {
  width: 100%;
  padding-right: 0.8rem;
}
.therapist-availabilty__block__sales-order.sales-order-border {
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
@-moz-document url-prefix() {
  .therapist-availabilty__block__sales-order {
    padding-bottom: 1.5rem;
  }
}
.therapist-availabilty__block__sales-order span {
  width: 100%;
  color: var(--light-grey-color);
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  font-size: var(--body-font-size);
  margin: 0 0 1rem 0;
}
.therapist-availabilty__block__sales-order span span {
  display: inline-block;
  /* width: auto */
  margin: 0 5px 0 0;
}
@media (max-width: 1024px) {
  .therapist-availabilty__block__sales-order span {
    font-size: var(--font-14);
  }
}
.therapist-availabilty__block__sales-order span:last-child {
  margin-bottom: 0;
}
.therapist-availabilty__block__sales-order span strong {
  color: var(--body-color);
  display: inline-block;
  padding-right: 1.5rem;
  min-width: 130px;
}
@media (max-width: 600px) {
  .therapist-availabilty__block__sales-order span strong {
    min-width: 110px;
  }
}
.therapist-availabilty__block__sales-order span .select-box.filter-status {
  width: 100%;
}
.therapist-availabilty__block__sales-order span .hour {
  margin-top: -5px;
}
.therapist-availabilty__block__sales-order span i {
  margin-left: 0.5rem;
}
.therapist-availabilty__block__sales-order span a {
  color: var(--calendar-remote);
}
.therapist-availabilty__block__sales-order .admin-calendar-right-sidebar {
  display: inline-block;
  margin-bottom: 1.6rem;
  width: 100%;
}
.therapist-availabilty__block__sales-order__block {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding-top: 0.5rem;
}
.therapist-availabilty__block__sales-order__block .miles {
  width: auto;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  padding: 0.3rem 0.6rem;
  color: var(--green-color);
  font-size: var(--font-12);
  -webkit-border-radius: 3px !important;
  -webkit-border-radius-border-radius: 3px !important;
  border: 1px solid hsla(var(--green-color-h), var(--green-color-s), var(--green-color-l), 20%);
  background-color: hsla(var(--green-color-h), var(--green-color-s), var(--green-color-l), 60%);
  margin: 0;
}
.therapist-availabilty__block__sales-order__block .phone-call {
  width: auto;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  padding: 0.3rem 0rem;
  color: hsla(var(--body-color-h), var(--body-color-s), var(--body-color-l), 25%);
  font-size: var(--font-15);
  margin: 0;
}
.therapist-availabilty__block__sales-order .btn {
  margin: 0;
}
.therapist-availabilty__block__email-phone {
  width: 100%;
  margin: 0;
  padding: 0;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}
.therapist-availabilty__block__email-phone.first {
  margin-top: 1rem;
}
.therapist-availabilty__block__email-phone li {
  list-style: none;
  margin: 0 1rem 0 0;
  padding: 0 0 0 1rem;
  position: relative;
}
.therapist-availabilty__block__email-phone li a {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  color: var(--body-color);
}
.therapist-availabilty__block__email-phone li:first-child {
  margin-left: 0;
  padding-left: 0;
}
.therapist-availabilty__block__email-phone li:first-child:before {
  display: none;
}
.therapist-availabilty__block__email-phone li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
  width: 1px;
  height: 14px;
  background: hsla(var(--input-border-color-h), var(--input-border-color-s), var(--input-border-color-l), 10%);
}
.therapist-availabilty__block__email-phone:last-child {
  margin-top: 1rem;
}
.therapist-availabilty__block__email-phone li a {
  text-decoration: underline;
}
.therapist-availabilty__block p {
  width: 100%;
  color: var(--light-grey-color);
  font-style: var(--font-15);
  margin: 1rem 0 0 0;
}
.therapist-availabilty__block .insurance-info {
  width: 100%;
  margin: 0;
  padding: 0.5rem 0 0 0;
}
.therapist-availabilty__block .insurance-info__block {
  width: 100%;
  margin: 1rem 0 1.5rem 0;
}
.therapist-availabilty__block .insurance-info__block span {
  width: 100%;
  color: var(--light-grey-color);
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
.therapist-availabilty__block .insurance-info__block span strong {
  color: var(--body-color);
  min-width: 160px;
  max-width: 160px;
  display: inline-block;
  padding-right: 1.5rem;
}

.accordion.view-by-therapist .p-accordion-content {
  background-color: transparent !important;
}
.accordion.view-by-therapist .p-accordion-content .p-tabview-nav, .accordion.view-by-therapist .p-accordion-content .p-tabview-nav li, .accordion.view-by-therapist .p-accordion-content .p-tabview-panels {
  background-color: transparent !important;
}
.accordion.view-by-therapist .p-accordion-content .p-tabview .p-tabview-nav li:not(.p-tabview-highlight) a:before {
  background-color: transparent;
}

.flex {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
}

.book-appointment-search .form__textarea {
  line-height: 22px;
}

.therapist-availabilty__block__sales-order .admin-calendar-right-sidebar:hover .therapist-availabilty__block__title {
  text-decoration: underline;
}

/* Inline Calendar */
.date-calendar .p-datepicker.p-datepicker-inline {
  box-shadow: inherit !important;
}
.date-calendar .p-datepicker .p-datepicker-group {
  padding: 0;
}
.date-calendar .p-datepicker .p-datepicker-header {
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  box-shadow: 0 8px 10px var(--accent-color);
  background-color: var(--white-color);
}
.date-calendar .p-datepicker table td {
  padding: 0.4rem 1.6rem;
}
.date-calendar .p-datepicker-title {
  font-size: var(--font-18);
  font-weight: var(--font-weight-600);
}
.date-calendar .p-datepicker .p-datepicker-prev {
  left: 1.3rem;
}
.date-calendar .p-datepicker .p-datepicker-next {
  right: 1.3rem;
}
.date-calendar .p-datepicker .p-datepicker-header .p-datepicker-prev,
.date-calendar .p-datepicker .p-datepicker-header .p-datepicker-next {
  top: 5px !important;
  color: var(--h2-color) !important;
}
.date-calendar .p-datepicker .p-datepicker-header .p-datepicker-prev:hover,
.date-calendar .p-datepicker .p-datepicker-header .p-datepicker-next:hover {
  color: hsla(var(--body-color-h), var(--body-color-s), var(--body-color-l), 40%) !important;
}
.date-calendar .p-datepicker table td > a, .date-calendar .p-datepicker table td > span {
  padding: 1rem !important;
}

.time-zone .p-dropdown {
  color: var(--green-color) !important;
  background-color: hsla(var(--green-color-h), var(--green-color-s), var(--green-color-l), 55%) !important;
  border-color: var(--green-color) !important;
}
.time-zone .p-dropdown:before {
  content: "";
  background-position: -347px -79px;
  position: absolute;
  left: 15px;
  top: 8px;
  width: 23px;
  height: 23px;
}
@media (max-width: 600px) {
  .time-zone .p-dropdown:before {
    top: 8px;
  }
}
.time-zone .p-dropdown-trigger {
  background-color: hsla(var(--green-color-h), var(--green-color-s), var(--green-color-l), 55%) !important;
}
.time-zone .p-dropdown-label {
  color: var(--green-color) !important;
  font-size: var(--font-16) !important;
  font-weight: var(--font-weight-500) !important;
  padding-left: 3rem !important;
  position: relative;
}
.time-zone .p-dropdown-label:before {
  background-position: -91px -206px;
  height: 21px;
  width: 20px;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
}

.search-with-select .searchbox .p-inputtext {
  -webkit-border-radius: 3px !important;
  -webkit-border-radius-border-radius: 3px !important;
  border: 1px solid var(--input-border-color) !important;
}
.search-with-select .searchbox .p-inputtext:not(:last-child) {
  -webkit-border-radius: 3px !important;
  -webkit-border-radius-border-radius: 3px !important;
}

.calendar-outer .cal-month-view .cal-cell-row {
  width: 100%;
  position: sticky;
  z-index: 99;
  top: 0;
  background-color: var(--white-color);
}
.calendar-outer .cal-month-view .cal-header .cal-cell {
  color: var(--primary-color) !important;
  padding: 1rem 1.4rem !important;
  font: var(--font-weight-500) var(--font-17) var(--font-family) !important;
  text-align: left;
  background-color: var(--header-bg-color) !important;
  border-right: 1px solid var(--border-color) !important;
}
.calendar-outer .cal-month-view .cal-header .cal-cell:last-child {
  background-image: none !important;
  border-right: none !important;
}
.calendar-outer .cal-month-view .cal-header .cal-cell:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 100%;
  z-index: 99;
  background-color: var(--border-color) !important;
}
.calendar-outer .cal-month-view .cal-header .cal-cell:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  z-index: 99;
  background-color: var(--border-color) !important;
}
.calendar-outer .cal-month-view .cal-cell-row:hover {
  background-color: transparent !important;
}

body .p-datepicker.p-datepicker-timeonly {
  max-width: 111px !important;
  min-width: 111px !important;
}

/**** Footer ****/
.facility-list-view-outer .footer {
  height: auto;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
}
@media (max-width: 600px) {
  .facility-list-view-outer .footer {
    height: auto;
  }
}

.date-timer .p-calendar .p-inputtext {
  text-transform: lowercase;
}

.working-schedule .date-timer .p-calendar .p-inputtext {
  height: 32px;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  padding: 0 !important;
  font-size: var(--font-14) !important;
  border-radius: 0 !important;
  text-transform: lowercase;
}
.working-schedule .date-timer .p-calendar .p-calendar-button {
  right: 0;
  top: 8px;
}

body .working-schedule .p-datepicker .p-timepicker {
  padding: 0.5rem !important;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
}
body .working-schedule .p-datepicker .p-timepicker .p-hour-picker span, body .working-schedule .p-datepicker .p-timepicker .p-separator span, body .working-schedule .p-datepicker .p-timepicker .p-minute-picker span, body .working-schedule .p-datepicker .p-timepicker .p-ampm-picker span {
  padding: 0;
}

body .working-schedule .p-datepicker .p-timepicker > div:first-child {
  margin-left: 0 !important;
}

body .working-schedule .p-datepicker .p-timepicker a {
  font-size: 1rem !important;
}

body .working-schedule .p-datepicker .p-timepicker span {
  font-size: var(--font-15) !important;
  font-weight: var(--font-weight-600) !important;
}

.facility-info-block .p-scrollpanel-bar-y {
  margin-left: 2rem;
}

.cal-week-view .cal-hour-odd {
  background-color: var(--white-color) !important;
}

.therapist-availabilty-calc__left .cal-week-view {
  border-top: none;
}
@media (max-width: 992px) {
  .therapist-availabilty-calc__left .cal-week-view {
    padding-bottom: 15px;
    min-width: 1000px;
  }
}
.therapist-availabilty-calc__left .cal-week-view strong {
  text-align: left;
  padding-left: 1rem;
}
.therapist-availabilty-calc__left .cal-week-view .cal-day-headers {
  /*height: 50px */
  top: 0px !important;
  border-top: none;
  border-left: none;
}
.therapist-availabilty-calc__left .cal-week-view .calendar-box .patient-name {
  font-weight: var(--font-weight-400);
}

@media (max-width: 1280px) {
  .therapist-availabilty-calc__right {
    top: auto !important;
  }
}

.therapist .p-datatable-tbody tr td {
  padding: 0.8rem 1.5rem !important;
}

.main-outer__content-outer .content-area {
  min-height: initial;
  margin-bottom: 1.5rem;
  margin-top: 70px;
}
@media (max-width: 992px) {
  .main-outer__content-outer .content-area {
    margin-bottom: 1rem !important;
  }
}
.main-outer__content-outer .content-area.admin-calendar-outer {
  margin-bottom: 1.5rem;
}
.main-outer__content-outer .content-area.admin-calendar-outer .calendar-outer {
  height: 100%;
}
.main-outer__content-outer .content-area.admin-calendar-outer .calendar-outer .therapist-availabilty-calc__left__block.view-by-facility {
  height: 100%;
}
.main-outer__content-outer .content-area.admin-calendar-outer .calendar-outer .therapist-availabilty-calc__left__block.view-by-facility .ui-g-12 {
  height: 98.5%;
}

.p-multiselect .p-multiselect-panel {
  width: 100%;
}

body .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container {
  width: 100% !important;
  margin-right: 20px;
}

body .multibox .select-box .p-multiselect .p-multiselect-label {
  height: auto;
}

body .p-datepicker .p-timepicker {
  padding: 0 !important;
}

body .p-datepicker .p-timepicker span, body .p-datepicker .p-timepicker a {
  font-size: var(--font-15) !important;
  font-weight: var(--font-weight-500) !important;
}

.datepicker.time .p-calendar .p-inputtext, body .p-datepicker .p-timepicker span, body .p-datepicker .p-timepicker a {
  text-transform: lowercase;
}

.event-series-select .date-pikar .p-calendar .p-inputtext {
  padding-left: 0rem !important;
}
.event-series-select .date-pikar.set-availability-time .p-calendar .p-inputtext {
  border: none !important;
  border-bottom: 1px solid var(--table-border-color) !important;
  border-radius: 0 !important;
}
.event-series-select.select2 .last {
  position: relative;
}

.availCheckboxes p-checkbox {
  display: inline-block;
  margin: 0 2rem 0 0;
}

.view-by-date-calendar .p-datatable table .p-datatable-tbody tr td {
  text-align: center;
}

.loader-block {
  position: fixed;
  width: 100%;
  height: 100%;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  left: 0;
  top: 0;
  z-index: 99999999 !important;
  background-color: rgba(255, 255, 255, 0.4784313725);
}
.loader-block .p-progress-spinner .p-progress-spinner-svg .p-progress-spinner-circle {
  fill: transparent;
  stroke: var(--primary-color) !important;
  /* animation: custom-progress-spinner-dash 1.5s ease-in-out infinite, custom-progress-spinner-color 6s ease-in-out infinite */
}
.loader-block h3 {
  width: 100%;
}

.loader-block1 {
  position: absolute;
  width: 100%;
  height: 100%;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  left: 0;
  top: 0;
  z-index: 999 !important;
  background-color: rgba(255, 255, 255, 0.4784313725);
}
.loader-block1 .p-progress-spinner .p-progress-spinner-svg .p-progress-spinner-circle {
  fill: transparent;
  stroke: var(--primary-color) !important;
  /* animation: custom-progress-spinner-dash 1.5s ease-in-out infinite, custom-progress-spinner-color 6s ease-in-out infinite */
}
.loader-block1 h3 {
  width: 100%;
}

/**** Therapist calendar ****/
.cal-week-view .cal-day-headers .cal-header {
  position: sticky !important;
  top: 0 !important;
  align-items: flex-start;
}

.cal-header {
  position: sticky !important;
  top: 0 !important;
}

.cal-day-headers {
  padding-left: 0;
}

.cal-week-view .cal-day-headers {
  padding-left: 0;
}

.therapist-availabilty__block__email-phone {
  flex-wrap: wrap;
}
.therapist-availabilty__block__email-phone li {
  width: 100%;
  padding: 0;
  animation: 0;
  position: relative;
  padding-left: 3rem;
  margin-bottom: 1.2rem;
  color: var(--light-grey-color);
}
.therapist-availabilty__block__email-phone li:first-child {
  margin-left: 0;
  padding-left: 3rem;
}
.therapist-availabilty__block__email-phone li:before {
  display: none;
}
.therapist-availabilty__block__email-phone li a {
  text-decoration: none;
  display: inline-block;
  align-items: center;
  color: var(--light-grey-color);
  padding-left: 0rem;
}
.therapist-availabilty__block__email-phone li a:hover {
  text-decoration: underline;
  color: var(--link-hover-color);
}
.therapist-availabilty__block__email-phone li .ic {
  position: absolute;
  left: 0;
  top: 0;
  margin: 3px 0 0 0;
}

.middel-center {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}

/****************************/
/*** Admin design chnages ***/
/****************************/
.cursor-pointer-none {
  cursor: default !important;
}
.cursor-pointer-none:hover {
  text-decoration: none !important;
  color: var(--calendar-booked) !important;
}

body .appointments-table-filer__sort-by .p-menu.p-shadow {
  top: 45px !important;
  left: inherit !important;
  right: 0;
}

.select-box .p-multiselect .p-multiselect-label {
  white-space: pre;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
}

.quick-date-filter-box {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  flex-wrap: wrap;
  align-self: flex-start;
  width: auto !important;
  margin: 0 !important;
}
.quick-date-filter-box .md-drppicker.ltr {
  width: 636px;
  padding: 1.5rem;
  margin-top: 0;
  left: inherit !important;
  right: 0 !important;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3) !important;
  font-family: var(--font-family) !important;
}
@media (max-width: 992px) {
  .quick-date-filter-box .md-drppicker.ltr {
    margin-left: 0%;
    right: 0 !important;
    left: inherit !important;
  }
}
.quick-date-filter-box .form__label {
  width: 100%;
}

.quick-date-filter-box.patient-module .md-drppicker.ltr {
  width: 636px;
  padding: 1.5rem;
  margin-top: 0;
  left: 0 !important;
  right: iinherit !important;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3) !important;
  font-family: var(--font-family) !important;
}
@media (max-width: 992px) {
  .quick-date-filter-box.patient-module .md-drppicker.ltr {
    margin-left: 0%;
    left: 0 !important;
    right: iinherit !important;
  }
}
.quick-date-filter-box.patient-module .md-drppicker .ranges ul li button.active {
  background-color: var(--patient-primary-color) !important;
}
.quick-date-filter-box.patient-module .md-drppicker td.active, .quick-date-filter-box.patient-module .md-drppicker td.active:hover {
  background-color: var(--patient-primary-color) !important;
}
.quick-date-filter-box.patient-module .md-drppicker .btn {
  background-color: var(--patient-primary-color) !important;
}
.quick-date-filter-box.patient-module .md-drppicker .btn.clear {
  background-color: transparent !important;
  border: 1px solid var(--patient-secondary-color) !important;
  color: var(--patient-secondary-color);
}
.quick-date-filter-box.patient-module .md-drppicker .btn:hover, .quick-date-filter-box.patient-module .md-drppicker .btn.clear:hover {
  background-color: var(--patient-secondary-color) !important;
  color: var(--patient-white-color);
}

body .p-multiselect-panel .p-multiselect-items p-multiselectitem:last-child .p-multiselect-item:focus {
  box-shadow: none;
  outline: 0;
}

.appointments-table-filer .select-box.filter-status {
  min-width: 170px;
  margin-left: 1.5rem;
}
@media (max-width: 992px) {
  .appointments-table-filer .select-box.filter-status {
    min-width: 145px;
    max-width: 145px;
  }
}
.appointments-table-filer .select-box.filter-status .p-dropdown {
  width: auto !important;
}
.appointments-table-filer .select-box.filter-status .p-dropdown.p-dropdown-clearable .p-dropdown-label {
  width: 100% !important;
}

body .p-dialog.p-dynamicdialog .table-action-popup .p-overlaypanel {
  top: 62% !important;
  left: inherit !important;
  right: 0;
}

@media (max-width: 600px) {
  body .page-scroll .p-scrollpanel-content {
    padding: 0 0px 0px 0 !important;
  }
}

/***** View by available slots *****/
.view-by-available-slots mwl-calendar-event-title {
  width: auto !important;
}
.view-by-available-slots .cal-month-view .cal-cell-top {
  box-shadow: none !important;
  outline: 0 !important;
  border: none !important;
  min-height: 40px;
  position: relative;
}
.view-by-available-slots .cal-drag-active {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
}
.view-by-available-slots .cal-month-view .cal-cell-row .cal-cell:hover, .view-by-available-slots .cal-month-view .cal-cell.cal-has-events.cal-open {
  box-shadow: none !important;
  outline: 0 !important;
}
.view-by-available-slots .cal-month-view .cal-day-badge {
  padding: 4px 7px !important;
  background-color: var(--primary-color) !important;
  display: none;
}
.view-by-available-slots .cal-month-view .cal-day-number {
  opacity: 1;
  color: var(--calendar-time-color) !important;
  font-weight: var(--font-weight-400) !important;
  font-size: var(--font-14) !important;
  margin-top: 0px;
}
.view-by-available-slots .cal-month-view .cal-day-cell.cal-today .cal-day-number, .view-by-available-slots .cal-month-view .cal-day-cell:hover .cal-day-number,
.view-by-available-slots .cal-month-view .cal-day-cell.cal-open .cal-day-number {
  font-weight: var(--font-weight-600) !important;
  color: var(--h3-color) !important;
}
.view-by-available-slots .cal-month-view .cal-open-day-events {
  background-color: var(--calendar-time-color) !important;
  box-shadow: none !important;
}

.view-by-available-slots .cal-month-view .cal-day-cell.cal-out-month .cal-day-number, .view-by-available-slots .cal-month-view .cal-day-cell.cal-out-month .add-icon {
  opacity: 0.1;
  pointer-events: none;
}

.collapse .search-nearby {
  left: 122px !important;
}

.admin-calendar-outer .view-by-available-slots .cal-month-view .cal-days .cal-cell-row:before {
  content: "";
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: var(--border-color) !important;
  z-index: 9;
}
.admin-calendar-outer .view-by-available-slots .cal-month-view .cal-header .cal-cell {
  background-color: var(--header-bg-color) !important;
}

/***** Dashboard page *****/
.select-box .p-dropdown.p-dropdown-clearable .p-dropdown-label {
  width: 100% !important;
}

.appt-details__block .select-box .p-dropdown.p-dropdown-clearable .p-dropdown-label {
  width: 92% !important;
}

.re-scheduled .select-box .p-dropdown.p-dropdown-clearable .p-dropdown-label {
  width: 100% !important;
}

.filter-box {
  position: relative;
}
.filter-box .AppointmentsFilter .p-overlaypanel {
  left: inherit !important;
  right: 1.5rem;
  top: 45px !important;
}

.dashboard-calendar .p-inputtext {
  width: 95px !important;
  border: none !important;
  height: auto;
  line-height: normal;
  font-weight: var(--font-weight-400);
  font-size: var(--font-16);
  color: var(--body-color);
  border-bottom: 1px solid var(--border-color) !important;
  border-radius: 0 !important;
  padding: 3px 0 2px 0px !important;
  margin: 0 5px;
}
.dashboard-calendar .p-button {
  padding: 0;
  background-color: transparent !important;
  border: none !important;
}
.dashboard-calendar .p-button .pi-calendar {
  color: var(--body-color);
}
.dashboard-calendar .p-button .pi-calendar::before {
  width: 18px;
  height: 18px;
  content: "";
  color: var(--body-color);
  position: absolute;
  top: 4px;
  right: 3px;
  background: url("/assets/img/calendar-new-ic.svg");
}
.dashboard-calendar .p-button .p-button-label {
  display: none;
}
.dashboard-calendar .p-datepicker {
  left: 0 !important;
  right: inherit;
}

body .p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-prev:hover,
body .p-datepicker:not(.p-disabled) .p-datepicker-header .p-datepicker-next:hover {
  color: var(--primary-color) !important;
}

.table-action-popup.NotScheduledAction .p-overlaypanel {
  left: inherit !important;
  top: 40px !important;
  z-index: 1 !important;
  right: 15px;
}
.table-action-popup.NotScheduledAction.appointment-Action .p-overlaypanel {
  left: 20px !important;
  top: 11px !important;
  right: inherit;
  bottom: inherit;
}
.table-action-popup.NotScheduledAction.appointment-Action .p-overlaypanel .p-overlaypanel-content:after {
  right: 100%;
  top: 12px;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-right-color: var(--primary-button-color);
  border-width: 6px;
  margin-top: -6px;
}

table tr:nth-last-child(1) td .table-action-popup.NotScheduledAction .p-overlaypanel {
  left: 20px !important;
  top: inherit !important;
  right: inherit;
  bottom: 18px;
  z-index: 1 !important;
}
@media (max-width: 1024px) {
  table tr:nth-last-child(1) td .table-action-popup.NotScheduledAction .p-overlaypanel {
    bottom: 18px;
  }
}
table tr:nth-last-child(1) td .table-action-popup.NotScheduledAction .p-overlaypanel .p-overlaypanel-content:after {
  right: 100%;
  top: 91%;
}
table tr:nth-of-type(1) td .table-action-popup.NotScheduledAction .p-overlaypanel {
  left: 20px !important;
  top: 14px !important;
  right: inherit;
  bottom: inherit;
  z-index: 1 !important;
}
table tr:nth-of-type(1) td .table-action-popup.NotScheduledAction .p-overlaypanel .p-overlaypanel-content:after {
  right: 100%;
  top: 12px;
}
table tr:nth-of-type(2) td .table-action-popup.NotScheduledAction .p-overlaypanel {
  left: 20px !important;
  top: 14px !important;
  right: inherit;
  bottom: inherit;
  z-index: 1 !important;
}
table tr:nth-of-type(2) td .table-action-popup.NotScheduledAction .p-overlaypanel .p-overlaypanel-content:after {
  right: 100%;
  top: 12px;
}
table tr:first-child td .table-action-popup.NotScheduledAction .p-overlaypanel {
  left: 20px !important;
  top: 14px !important;
  right: inherit;
  bottom: inherit;
  z-index: 1 !important;
}
table tr:first-child td .table-action-popup.NotScheduledAction .p-overlaypanel .p-overlaypanel-content:after {
  right: 100%;
  top: 12px;
}

.select-box {
  min-width: 120px;
}

.staffRole {
  max-width: 250px;
  display: inline-block;
  margin-bottom: 1.5rem !important;
  width: 100%;
}

.form__group.test-sms {
  max-width: 30%;
}

/**** book appointment flow footer ****/
.collapse .footer {
  left: 74px !important;
}

.date-calendar .select-box {
  width: 150px;
}

@media (max-width: 992px) {
  .cal-month-view {
    /* padding-right: 18px !important */
  }
}

body .appointments-scroll.reports-detail {
  width: calc(100vw - 70px);
  transition: 350ms ease;
}
body.sidebarmenu .appointments-scroll.reports-detail {
  width: calc(100vw - 225px);
}
body.sidebarmenu .sidebar-tooltip {
  display: none !important;
}

.datepicker.license-expiry-date .p-datepicker {
  top: inherit !important;
  bottom: 45px;
}
@media (max-width: 1024px) {
  .datepicker.license-expiry-date .p-datepicker {
    left: inherit !important;
    right: 0;
  }
}

/*** Mat checkbox css *******/
.mat-checkbox .mat-checkbox-frame, .mat-mdc-checkbox .mat-checkbox-frame {
  width: 22px !important;
  height: 22px !important;
  border-width: 1px !important;
  border-color: var(--primary-button-color) !important;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
}
.mat-checkbox .mat-checkbox-inner-container, .mat-mdc-checkbox .mat-checkbox-inner-container {
  width: 22px !important;
  height: 22px !important;
}
.mat-checkbox.mat-checkbox-checked .mat-checkbox-background,
.mat-checkbox.mat-checkbox-checked .mat-checkbox-frame, .mat-mdc-checkbox.mat-checkbox-checked .mat-checkbox-background,
.mat-mdc-checkbox.mat-checkbox-checked .mat-checkbox-frame {
  background-color: transparent !important;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
}
.mat-checkbox .mat-checkbox-checkmark, .mat-mdc-checkbox .mat-checkbox-checkmark {
  top: -1px !important;
  left: 2px !important;
  display: none;
}
.mat-checkbox .mat-checkbox-checkmark-path, .mat-mdc-checkbox .mat-checkbox-checkmark-path {
  stroke-dasharray: 18 !important;
  stroke-width: 2.8px !important;
}

.mat-checkbox.mat-checkbox-checked .mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox-ripple {
  display: none !important;
}
.mat-checkbox.mat-checkbox-checked .mat-checkbox-layout .mat-checkbox-inner-container .mat-checkbox-background {
  display: inline-block;
  width: 15px;
  height: 8px;
  background-image: url("/assets/img/check-box-check.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  left: 4px;
  top: 7px;
}

.mat-checkbox .mat-checkbox-ripple {
  display: none !important;
}

.reassign-appointment__drop-dwon-call .p-dropdown-panel .p-dropdown-filter {
  height: 35px;
}
.reassign-appointment__drop-dwon-call .p-dropdown-panel .p-dropdown-items-wrapper {
  max-height: 120px !important;
}

.mat-sort-header-arrow {
  display: none !important;
}

/***** Import / Export page ***/
.import__block__right .import__block__left__column-right .sales-opders__block__right .form__group .p-datepicker {
  left: inherit !important;
  right: 0;
}

.import .tablet-scroll {
  height: auto;
  width: 100%;
  /* max-height: 100px */
}
.import .tablet-scroll .admin-tablet .p-datatable-wrapper {
  min-height: inherit;
  padding: 0;
}
.import .tablet-scroll .table-outer .p-datatable table {
  min-width: inherit;
}
.import .tablet-scroll .table-outer .p-datatable table .p-datatable-thead tr th {
  padding: 1rem 1.5rem;
  min-width: inherit;
}
@media (max-width: 1024px) {
  .import .tablet-scroll .table-outer .p-datatable table .p-datatable-thead tr th {
    min-width: 155px;
    word-break: break-word;
  }
}
.import .tablet-scroll .table-outer .p-datatable table .p-datatable-tbody tr td {
  padding: 1rem 1.5rem;
}
.import .tablet-scroll .table-outer .p-datatable table .p-datatable-tbody tr td:first-child:after {
  display: none;
}
.import .tablet-scroll .table-outer .p-datatable table .p-datatable-tbody tr td:last-child:after {
  display: none;
}
.import .tablet-scroll .table-outer-main {
  height: auto;
  padding: 20px 0 0 0;
  border-top: 1px solid var(--table-border-color);
}

/**** Tablet filter overly panal ****/
.appointments-table-filer__search-block {
  position: relative;
}

.search-filter .p-overlaypanel {
  left: inherit !important;
  top: 52px !important;
  margin-left: -70%;
  padding: 0;
  right: 0;
}

.search-box-outer {
  width: 540px;
  margin: 0 0 0 0;
  padding: 2.2rem 3rem;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  position: relative;
}
.search-box-outer .filter-title {
  padding-left: 0;
}
.search-box-outer .filter-close {
  position: absolute;
  top: 15px;
  right: 15px;
}
.search-box-outer.appit-shheduled-search {
  width: 370px;
}
.search-box-outer.appit-shheduled-search .from__group {
  max-width: 100%;
}
.search-box-outer .from__group {
  width: 100%;
  max-width: 48%;
  margin: 0 0 1.8rem 0;
  padding: 0;
  position: relative;
}
.search-box-outer .from__group.full-width {
  max-width: 100%;
}
.search-box-outer .from__group small {
  width: 100%;
  font: var(--font-weight-400) var(--font-12) var(--font-family);
  color: #6f6f6f;
}
.search-box-outer .from__group .search-box {
  max-width: 100% !important;
}
.search-box-outer .btn-block {
  width: 100%;
  max-width: 100%;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
}
.search-box-outer .btn-block .btn {
  margin: 0 1.5rem 0 0 !important;
}
.search-box-outer .btn-block.app-not-scheduled-appointments-btn {
  padding-top: 0rem;
  width: 100%;
  max-width: 100%;
}
.search-box-outer .quick-date-filter-box {
  width: 100% !important;
  margin: 0 0 2rem 0;
  padding: 0;
  position: relative;
  max-width: 48%;
}
.search-box-outer .quick-date-filter-box .search-box {
  width: 100% !important;
  max-width: 100% !important;
}
.search-box-outer .quick-date-filter-box .form__control {
  width: 100%;
  margin: 0;
}
.search-box-outer .quick-date-filter-box .search-box {
  margin-right: 0 !important;
}
.search-box-outer .btn.search-btn {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  background: transparent !important;
  margin: 0 !important;
  line-height: 54px !important;
  padding: 0 0px;
}
.search-box-outer .btn.appit-search {
  top: 15px !important;
}
.search-box-outer .clear-filter {
  width: auto;
  margin: -0.5rem 0 0 0 !important;
  display: inline-block !important;
}
.search-box-outer.set-custom-date-popup {
  width: 100% !important;
  max-width: 1140px;
  overflow-y: scroll;
  max-height: 98vh;
  overflow-x: hidden;
}
@-moz-document url-prefix() {
  .search-box-outer.set-custom-date-popup {
    width: 100% !important;
    max-width: 1150px !important;
  }
}
.search-box-outer.set-custom-date-popup .filter-title {
  padding: 0 !important;
  margin-bottom: 1.6rem;
}

.md-drppicker td, .md-drppicker th {
  height: 23px !important;
  width: 25px !important;
  font-size: var(--font-13) !important;
}

.md-drppicker .calendar td, .md-drppicker .calendar th {
  min-width: 30px !important;
}

.md-drppicker .ranges ul li button {
  padding: 0.5rem 1.2rem !important;
  font-family: var(--font-family) !important;
  color: var(--input-font-color) !important;
  border-radius: 5px !important;
}

.md-drppicker td, .md-drppicker th, .md-drppicker .calendar td, .md-drppicker .calendar th {
  font-family: var(--font-family) !important;
  font-weight: var(--font-weight-500);
  color: var(--black-color) !important;
}

.md-drppicker td.available:hover, .md-drppicker th.available:hover {
  background-color: var(--accent-color) !important;
  color: var(--white-color) !important;
}

.p-dialog-resizable .p-dialog-content {
  overflow: inherit !important;
}

.md-drppicker td.active, .md-drppicker td.active:hover {
  background-color: var(--primary-button-color) !important;
  color: var(--white-color) !important;
}

/***** permissions page table *****/
.form-content-outer.permissions-outer .p-scrollpanel-content {
  padding-top: 0rem !important;
}

.editRole .p-overlaypanel {
  left: 0 !important;
  top: 48px !important;
}

/**** Time controls ***/
.ngx-timepicker {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  height: 32px !important;
  border-bottom: 1px solid var(--input-border-color) !important;
  position: relative;
  background-color: var(--white-color);
}
.ngx-timepicker:focus {
  border-color: var(--secondary-color) !important;
}
.ngx-timepicker .ngx-timepicker-control {
  width: 37px !important;
}
.ngx-timepicker .period {
  padding-left: 0.2rem !important;
}
.ngx-timepicker:after {
  content: "";
  position: absolute;
  right: -14px;
  bottom: -1px;
  background-color: var(--input-border-color) !important;
  width: 50px;
  height: 1px;
}

.ngx-timepicker-control {
  margin: 0;
  padding: 0 0px !important;
  width: 34px !important;
  height: 22px !important;
  font-family: var(--font-family);
}
.ngx-timepicker-control__input {
  text-align: left !important;
  font-size: var(--font-15) !important;
  font-family: var(--font-family);
  font-weight: var(--font-weight-400);
  background-color: var(--white-color);
  color: var(--body-color) !important;
}
.ngx-timepicker-control__input::-webkit-input-placeholder {
  font-size: var(--font-13) !important;
  font-family: var(--font-family);
}
.ngx-timepicker-control__input:-moz-placeholder {
  font-size: var(--font-13) !important;
  font-family: var(--font-family);
}
.ngx-timepicker-control__input::-moz-placeholder {
  font-size: var(--font-13) !important;
  font-family: var(--font-family);
}
.ngx-timepicker-control__input:-ms-input-placeholder {
  font-size: var(--font-13) !important;
  font-family: var(--font-family);
}
.ngx-timepicker-control:after {
  display: none !important;
}

.ngx-timepicker-control__arrow {
  height: 9px !important;
  line-height: 9px !important;
  font-size: 9px !important;
  right: -1px;
  top: 3px;
  font-family: var(--font-family);
  color: var(--input-font-color) !important;
}

.period-control__arrow {
  margin-left: 2px !important;
  font-size: 10px !important;
  font-family: var(-font-family);
  color: var(--input-font-color) !important;
  position: relative;
}
.period-control__arrow::after {
  content: "";
  background: url("/assets/img/time-arrow.png") left -1px top -8px no-repeat;
  width: 10px;
  height: 8px;
  position: absolute;
  left: 0;
  top: 0px;
}

.ngx-timepicker-control__arrows {
  top: 0px !important;
  right: 4px !important;
}
.ngx-timepicker-control__arrows .ngx-timepicker-control__arrow {
  text-indent: -99px;
  overflow: hidden;
  position: relative;
  background: url("/assets/img/time-arrow.png") left top no-repeat;
  width: 10px;
  height: 8px;
}
.ngx-timepicker-control__arrows .ngx-timepicker-control__arrow:first-child {
  background-position: -1px 0;
}
.ngx-timepicker-control__arrows .ngx-timepicker-control__arrow:last-child {
  background-position: -1px -11px;
}

.scheduledtime .time-control .ngx-timepicker {
  border: none !important;
}
.scheduledtime .time-control .ngx-timepicker::after {
  display: none !important;
}

.set-custom-date-popup .select-box .p-dropdown {
  height: 38px;
}
.set-custom-date-popup .ngx-timepicker {
  border: 1px solid var(--input-border-color) !important;
  width: 140px;
  padding: 0 0.8rem;
  height: 39px !important;
  border-radius: 5px;
}
.set-custom-date-popup .ngx-timepicker:after {
  display: none;
}
.set-custom-date-popup .set-custom-date-block__column .ngx-timepicker {
  width: 140px;
}

.ngx-timepicker__time-colon {
  margin-left: 0 !important;
  padding: 0 0.52rem 0 0.1rem;
  font-family: var(--font-family);
}

.schedulecall .ngx-timepicker {
  height: 45px !important;
  border: 1px solid var(--input-border-color) !important;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
  padding: 0 1.8rem;
}
.schedulecall .ngx-timepicker:after {
  display: none !important;
}

.period-control__button {
  width: 22px !important;
  font-size: var(--font-14) !important;
  font-family: var(--font-family);
  text-transform: lowercase;
}

.period-selector {
  padding: 6px 0 !important;
  margin-top: 40px !important;
  max-width: 100px !important;
  width: 100px !important;
  margin: 0 40px 0 0 !important;
  border-radius: 5px !important;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3) !important;
}

.period-selector__button {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  color: var(--body-color);
  justify-content: flex-start;
  text-align: left;
  align-items: center;
  font-size: var(--font-15);
  padding: 1rem 1.9rem !important;
  font-weight: var(--font-weight-400);
  height: auto !important;
  line-height: normal !important;
}
.period-selector__button .ic {
  margin-right: 1rem;
  filter: brightness(1) invert(1);
  transition: 350ms ease;
}
.period-selector__button.active, .period-selector__button:focus {
  background-color: var(--secondary-color);
  color: var(--white-color) !important;
  font-weight: var(--font-weight-500);
}

.period-control {
  line-height: 18px;
}

.period-selector__button--active {
  background-color: var(--secondary-color) !important;
  color: var(--white-color) !important;
  font-weight: var(--font-weight-500) !important;
}

.period-control__button:not(.period-control__button--disabled):focus:after {
  display: none !important;
}

.content-area .p-tabview-panels .form-content-outer .p-scrollpanel-content {
  padding-bottom: 0rem !important;
}

.therapist-availabilty__left__block.therapist-module .cal-week-view .cal-day-headers .cal-header:first-child {
  margin-left: 71px;
}

.form-content-outer.brightree-page .p-scrollpanel-content {
  padding-bottom: 0 !important;
}

.selet-call-popup.home-visit-therapist .p-overlaypanel {
  left: 0 !important;
  top: 34px !important;
}
.selet-call-popup.home-visit-therapist .search-box-outer {
  text-align: left;
}
.selet-call-popup.home-visit-therapist .search-box-outer strong {
  font-size: var(--font-14) !important;
}
.selet-call-popup.home-visit-therapist .search-box-outer span {
  position: relative !important;
  background-color: transparent !important;
  top: 0 !important;
  right: 0 !important;
  color: var(--h3-color) !important;
  padding: 1rem 0 0 0 !important;
  border-radius: 0 !important;
  margin: 1rem 0 0 0 !important;
  font-weight: var(--font-weight-400) !important;
  font-size: var(--font-13) !important;
}

textarea {
  resize: none;
}

.ql-toolbar.ql-snow + .ql-container.ql-snow {
  max-height: 200px !important;
}
@media (max-width: 1440px) {
  .ql-toolbar.ql-snow + .ql-container.ql-snow {
    max-height: 100px !important;
  }
}

.search-popup.notificationPop.notification-settings-email-overly .p-overlaypanel {
  left: 50% !important;
  top: 50% !important;
  width: 700px;
  margin-left: -200px;
  margin-top: -16%;
}
@media (max-width: 1366px) {
  .search-popup.notificationPop.notification-settings-email-overly .p-overlaypanel {
    margin-left: -300px;
    margin-top: -20%;
  }
}
@media (max-width: 1024px) {
  .search-popup.notificationPop.notification-settings-email-overly .p-overlaypanel {
    margin-left: -325px;
    margin-top: -20%;
  }
}
@media (max-width: 992px) {
  .search-popup.notificationPop.notification-settings-email-overly .p-overlaypanel {
    width: 600px;
    margin-left: -300px;
  }
}
.search-popup.notificationPop.notification-settings-email-overly .p-overlaypanel .form__group {
  margin-top: 2.5rem;
}
.search-popup.notificationPop.notification-settings-email-overly .p-overlaypanel .form__group.tags-box {
  margin-bottom: 0;
}
.search-popup.notificationPop.notification-settings-email-overly .p-overlaypanel .form__group .select-box {
  margin-top: 0;
}
.search-popup.notificationPop.notification-settings-email-overly .p-overlaypanel .btns {
  margin-bottom: 0;
}
.search-popup.notificationPop.notification-settings-email-overly .p-overlaypanel .btns .btn {
  margin: 0 1.5rem 0 0;
}
.search-popup.notificationPop.notification-settings-email-overly.therapist .p-overlaypanel {
  margin-left: -350px;
  margin-top: -24%;
}
@media (max-width: 1440px) {
  .search-popup.notificationPop.notification-settings-email-overly.therapist .p-overlaypanel {
    margin-top: -20%;
  }
}
@media (max-width: 1366px) {
  .search-popup.notificationPop.notification-settings-email-overly.therapist .p-overlaypanel {
    margin-top: -20%;
  }
}
@media (max-width: 1024px) {
  .search-popup.notificationPop.notification-settings-email-overly.therapist .p-overlaypanel {
    margin-top: -24%;
  }
}

.search-popup.notificationPop.notification-settings-sms-overly .p-overlaypanel {
  left: 50% !important;
  top: 50% !important;
  width: 600px;
  margin-left: -200px;
  margin-top: -10%;
}
@media (max-width: 1366px) {
  .search-popup.notificationPop.notification-settings-sms-overly .p-overlaypanel {
    margin-left: -250px;
    margin-top: -17%;
  }
}
@media (max-width: 1024px) {
  .search-popup.notificationPop.notification-settings-sms-overly .p-overlaypanel {
    margin-left: -250px;
    margin-top: -17%;
  }
}
@media (max-width: 992px) {
  .search-popup.notificationPop.notification-settings-sms-overly .p-overlaypanel {
    margin-left: -300px;
    margin-top: -20%;
  }
}
.search-popup.notificationPop.notification-settings-sms-overly .p-overlaypanel .btns {
  margin-bottom: 0;
}
.search-popup.notificationPop.notification-settings-sms-overly.therapist .p-overlaypanel {
  margin-left: -300px;
  margin-top: -17%;
}

/**** Email & Phone Number editable *****/
.input-edit-table {
  position: relative;
  margin-bottom: 5px;
  height: 32px;
}
.input-edit-table .form__control {
  padding: 0 50px 0 0px !important;
  margin: 0 0;
  border-color: transparent !important;
  height: 32px;
  color: var(--body-color);
  pointer-events: none;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  background-color: transparent !important;
}
.input-edit-table .form__control:enabled:hover:not(.p-error) {
  border-color: none !important;
}
.input-edit-table .form__control.email-edit {
  padding-left: 30px !important;
}
.input-edit-table .form__phone {
  height: 32px;
  line-height: 32px;
}
.input-edit-table .form__phone .p-inputtext {
  padding: 0 50px 0 30px !important;
  margin: 0 0;
  border-color: transparent !important;
  height: 32px;
  line-height: 32px;
  color: var(--body-color);
  pointer-events: none;
}
.input-edit-table .action-icon {
  position: absolute;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  top: 7px;
  right: 0;
}
.input-edit-table .action-icon a {
  width: 20px;
  height: 18px;
}
.input-edit-table .action-icon a.edit-icon {
  top: 5px;
  right: 7px;
}
.input-edit-table .action-icon a.edit-icon svg {
  display: inline-block;
  width: 18px;
  height: 17px;
}
.input-edit-table .action-icon a.save-icon {
  top: 5px;
  right: 7px;
  display: none;
  margin-left: 1rem;
}
.input-edit-table .action-icon a.save-icon svg path {
  fill: var(--primary-color);
}
.input-edit-table .action-icon a.cancel-icon {
  top: 5px;
  right: 7px;
  display: none;
  margin-left: 1rem;
}
.input-edit-table .action-icon a.cancel-icon svg path {
  stroke: var(--primary-color);
}
.input-edit-table .email-ic-new {
  position: absolute;
  top: 9px;
  left: 0;
  margin: 0;
}
.input-edit-table .phone-icon-new-primary {
  position: absolute;
  top: 4px;
  left: 0;
  margin: 0;
  z-index: 9;
}
.input-edit-table .voice-call-icon-new-primary {
  position: absolute;
  top: 7px;
  left: 0;
  margin: 0;
  z-index: 9;
  background-color: var(--white-color);
}
.input-edit-table .location-icon {
  position: absolute;
  top: 4px;
  left: 0;
  margin: 0;
  width: 18px;
  height: 23px;
  z-index: 9;
}
.input-edit-table.edit-box .form__control {
  pointer-events: visible;
  border-color: transparent !important;
  border-bottom: 1px solid var(--border-color) !important;
  border-radius: 0 !important;
  text-overflow: inherit;
  overflow: inherit;
  white-space: inherit;
}
.input-edit-table.edit-box .form__control:focus {
  border-color: transparent !important;
  border-bottom: 1px solid var(--border-color) !important;
}
.input-edit-table.edit-box .form__phone .p-inputtext {
  pointer-events: visible;
  border-color: transparent !important;
  border-bottom: 1px solid var(--border-color) !important;
  border-radius: 0 !important;
}
.input-edit-table.edit-box .form__phone .p-inputtext:focus {
  border-color: transparent !important;
  border-bottom: 1px solid var(--border-color) !important;
}
.input-edit-table.edit-box .action-icon a.edit-icon {
  display: none;
}
.input-edit-table.edit-box .action-icon a.save-icon, .input-edit-table.edit-box .action-icon a.cancel-icon {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.input-edit-table--no-edit-table {
  padding-left: 30px !important;
  height: auto;
  min-height: 32px;
  padding-top: 5px;
  margin: 0 0 0.8rem 0 !important;
}

body .edit-box .form__control.p-inputtext:enabled:focus:not(.p-error),
body .edit-box .form__control.p-dropdown:not(.p-disabled):focus,
body .edit-box .form__control.p-dropdown:not(.p-disabled).p-focus {
  border-color: transparent !important;
  border-bottom: 1px solid var(--border-color) !important;
}

.save-icon {
  width: 20px;
  height: 18px;
}

.cancel-icon {
  width: 16px;
  height: 18px;
}

.phone-number1 .appt-details__group .form__phone, .phone-number2 .appt-details__group .form__phone {
  height: 32px;
  line-height: 32px;
}
.phone-number1 .appt-details__group .form__phone .p-inputmask, .phone-number2 .appt-details__group .form__phone .p-inputmask {
  border-color: transparent !important;
  height: 32px !important;
  line-height: 32px !important;
  color: var(--body-color);
}
.phone-number1 .appt-details__group.edit-box .form__phone .p-inputmask, .phone-number2 .appt-details__group.edit-box .form__phone .p-inputmask {
  height: 31px !important;
  border: none !important;
  border-bottom: 1px solid var(--border-color) !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

/**************************/
/*** patient module css ***/
/**************************/
.footer__left-box {
  width: 100%;
  max-width: 92%;
}
@media (max-width: 1024px) {
  .footer__left-box {
    max-width: 89%;
  }
}
@media (max-width: 992px) {
  .footer__left-box {
    max-width: 100%;
    margin-top: 0.5rem !important;
  }
}
.footer__left-box.confirm-date-slot {
  max-width: 68%;
}
@media (max-width: 1024px) {
  .footer__left-box.confirm-date-slot {
    max-width: 60%;
  }
}
@media (max-width: 992px) {
  .footer__left-box.confirm-date-slot {
    max-width: 100%;
  }
}

.footer__left-box .footer__left__btns {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  width: 55%;
}
@media (max-width: 992px) {
  .footer__left-box .footer__left__btns {
    width: auto;
  }
}
@media (max-width: 600px) {
  .footer__left-box .footer__left__btns {
    width: 100%;
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }
  .footer__left-box .footer__left__btns a {
    width: 32%;
    justify-content: center;
    -webkit-justify-content: center;
    text-align: center;
  }
}
.footer__left-box.confirm-date-slot .footer__left__btns {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  width: 47%;
}
@media (max-width: 992px) {
  .footer__left-box.confirm-date-slot .footer__left__btns {
    width: auto;
  }
}
@media (max-width: 600px) {
  .footer__left-box.confirm-date-slot .footer__left__btns {
    width: 100%;
    justify-content: space-between;
    -webkit-justify-content: space-between;
  }
  .footer__left-box.confirm-date-slot .footer__left__btns a {
    width: 32%;
    justify-content: center;
    -webkit-justify-content: center;
    text-align: center;
  }
}

.patient-app .confirmation-footer {
  background-color: var(--white-color);
}
.patient-app .confirmation-footer .footer {
  width: 100%;
  background: var(--white-color);
  padding: 5px 0;
}

.ck.ck-editor__editable_inline {
  height: 180px !important;
}
@media (max-width: 1366px) {
  .ck.ck-editor__editable_inline {
    height: 160px !important;
  }
}
@media (max-width: 1280px) {
  .ck.ck-editor__editable_inline {
    height: 160px !important;
  }
}
@media (max-width: 1024px) {
  .ck.ck-editor__editable_inline {
    height: 140px !important;
  }
}

.request-outer__scroll {
  height: calc(100vh - 152px);
}

@media (max-width: 600px) {
  .select-facility-outer .p-calendar .p-datepicker {
    margin-left: 0 !important;
  }
}

/***** view therapist appointments calendar filter ****/
.view-therapist-appointments-filter .p-overlaypanel {
  top: 71px !important;
  left: inherit !important;
  right: 25px;
  box-shadow: 0 2px 14px var(--input-border-color) !important;
}

.filter-checkbox {
  width: 248px;
  padding: 1.5rem 2rem 1rem 2rem;
  display: inline-block;
}
.filter-checkbox h3 {
  margin: 0 0 1rem 0;
}
.filter-checkbox .ui-g-12 {
  padding: 0.5em 0em;
}
.filter-checkbox.choose-branch {
  width: 435px;
}
.filter-checkbox.choose-branch .filter-checkbox__branch .filter-checkbox__info {
  font-size: var(--font-13);
  font-style: italic;
  padding: 1rem 0 0 0;
}
.filter-checkbox.choose-branch .filter-checkbox__branch .select-box {
  margin: 1rem 0 1.5rem 0;
}

.table-filter.reports-filter .quick-date-filter-box {
  margin-right: 1.5rem !important;
}
@media (max-width: 992px) {
  .table-filter.reports-filter .quick-date-filter-box {
    margin-bottom: 1rem;
  }
}
.table-filter.reports-filter .quick-date-filter-box .md-drppicker.ltr {
  margin-left: -195px;
}
.table-filter.reports-filter .quick-date-filter-box .md-drppicker.ltr .buttons {
  width: 100%;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
}
.table-filter.reports-filter .quick-date-filter-box .md-drppicker.ltr .buttons .buttons_input {
  width: 100%;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: flex-end;
  padding: 0 0.5rem 0 0;
}
.table-filter.reports-filter .search-box {
  max-width: 180px;
}
@media (max-width: 992px) {
  .table-filter.reports-filter .search-box {
    margin-bottom: 1rem;
  }
}
.table-filter.reports-filter .select-box.filter-status {
  max-width: 160px !important;
  width: 160px !important;
}
@media (max-width: 992px) {
  .table-filter.reports-filter .select-box.filter-status {
    max-width: 145px !important;
    margin-bottom: 1rem;
  }
}
.table-filter.reports-filter .select-box.filter-status .p-dropdown {
  width: 100% !important;
}

.custom-table-outer.table-header-fix .custom-table {
  font-size: var(--font-15);
}
.custom-table-outer.table-header-fix .custom-table th {
  top: 0px !important;
}

.bookAppointmentFlow-outer .AppointmentBokkingPopup-outer-scroll .p-scrollpanel-content {
  padding-bottom: 0 !important;
}

.p-paginator .p-paginator-right-content .table-pagination__select {
  position: absolute;
  right: 0px;
  border: 1px solid var(--border-color) !important;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
  top: 50%;
  margin-top: -19px;
}
.p-paginator .p-paginator-right-content .table-pagination__select .select-box {
  width: 80px;
  min-width: inherit;
}
.p-paginator .p-paginator-right-content .table-pagination__select .select-box .p-dropdown {
  width: 76px;
  height: 34px;
  margin: 0;
  padding-right: 1.2rem !important;
  border: none;
  box-shadow: none;
}
.p-paginator .p-paginator-right-content .table-pagination__select .select-box .p-dropdown .p-dropdown-label {
  text-overflow: inherit;
}
.p-paginator .p-paginator-right-content .table-pagination__select .select-box .p-dropdown .p-dropdown-trigger {
  width: 15px;
}
.p-paginator .p-paginator-right-content .table-pagination__select .select-box .p-dropdown-items-wrapper {
  min-width: inherit !important;
}

table td .patient {
  text-transform: capitalize;
  line-height: 14px;
}

.cal-tooltip-inner {
  text-transform: capitalize;
}

.calendar-event-title {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 0.2rem;
}
.calendar-event-title .classification {
  width: 100%;
  line-height: 18px;
  font-size: var(--font-13);
  color: var(--calendar-time-color);
}
.calendar-event-title h6 {
  max-width: 100%;
  font-size: var(--font-14);
}
.calendar-event-title .ic {
  margin-top: -6px;
}

.table-action-menu .p-datatable {
  min-height: 68vh !important;
}

.table-action-menu table tr:nth-last-child(1) td .table-action-popup.NotScheduledAction .p-overlaypanel {
  bottom: inherit !important;
}

/******* Therapist module design changes ******/
.therapist-calendar-status {
  width: 100%;
  max-width: 100%;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0.5rem 0;
  height: 100%;
  position: relative;
}
.therapist-calendar-status--selectbox {
  height: 100% !important;
  padding: 0 0 !important;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  position: relative;
}
.therapist-calendar-status--selectbox {
  height: 100% !important;
  padding: 0 1.2rem !important;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}
.therapist-calendar-status select {
  width: 100%;
  max-width: 100%;
  height: 35px;
  border: none;
  margin: 0;
  padding: 1rem;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
  outline: 0 !important;
  box-shadow: none !important;
  appearance: none;
  background-image: url("/assets/img/dropdown-arrow.svg");
  background-repeat: no-repeat;
  background-position: right 15px center;
  border: 1px solid var(--input-border-color);
  padding: 0 1.8rem !important;
  font: var(--input-font-size) var(--font-family);
  color: var(--input-font-color);
}
.therapist-calendar-status textarea {
  appearance: none;
  /* background-image: url('/assets/img/dropdown-arrow.svg') */
  /* background-repeat: no-repeat */
  /* background-position: right 15px center */
  border: 1px solid var(--input-border-color);
  padding: 0 1.8rem !important;
  font: vr(--input-font-size) var(--font-family);
  color: var(--input-font-color);
}
.therapist-calendar-status textarea.form__textarea {
  width: 100% !important;
  height: 100% !important;
  min-height: 60px;
  margin: 0 0 5px 0 !important;
  padding: 1rem 7rem 1rem 1.8rem !important;
}
.therapist-calendar-status .icons-block {
  position: absolute;
  top: 15px;
  right: 22px;
  width: auto !important;
}
.therapist-calendar-status .icons-block a {
  margin: 0 0 0 0.8rem !important;
}
.therapist-calendar-status .btn {
  width: 100% !important;
  height: 35px !important;
}
.therapist-calendar-status .icons-block {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  text-align: center;
  width: 100%;
  margin: 0.5rem 0;
}
.therapist-calendar-status .icons-block a {
  margin: 0 0.8rem;
}

/*********************************************/
/******* Time Zone filter overlyPanal *******/
/*********************************************/
.p-overlaypanel:after, .p-overlaypanel:before {
  display: none;
}

body .table-action-popup.facilities-action.calendar-action-menu .p-overlaypanel {
  z-index: 8 !important;
  margin: -81px 0 0 219px;
}
body .table-action-popup.facilities-action.calendar-action-menu .p-overlaypanel .quick-link-menu {
  position: relative;
}
body .table-action-popup.facilities-action.calendar-action-menu .p-overlaypanel .quick-link-menu:after {
  right: 100%;
  top: 12px;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-right-color: var(--primary-button-color);
  border-width: 6px;
  margin-top: -6px;
}
body .table-action-popup.facilities-action.calendar-action-menu .p-overlaypanel .quick-link-menu li a {
  border: none;
  padding: 0.85rem 1.9rem !important;
}

.facilities-action.p-overlaypanel {
  /* margin-left: 219px */
  margin-top: 0px;
  z-index: 9 !important;
}
.facilities-action.p-overlaypanel .quick-link-menu {
  position: relative;
}
.facilities-action.p-overlaypanel .quick-link-menu li a {
  border: none;
  padding: 0.85rem 1.9rem !important;
}

@media (max-width: 992px) {
  .therapist-module-outer {
    overflow: hidden;
  }
}
@media (max-width: 600px) {
  .therapist-module-outer {
    display: block !important;
    height: 100% !important;
  }
}
.therapist-module-outer .admin-availability-calandar .cal-week-view .cal-day-headers {
  height: auto !important;
  min-height: inherit;
}
.therapist-module-outer .change-password {
  height: 100% !important;
  overflow: auto !important;
}
@media (max-width: 600px) {
  .therapist-module-outer .change-password {
    padding-top: 70px !important;
  }
}
@media (max-width: 600px) {
  .therapist-module-outer .change-password .form-outer {
    width: 100% !important;
  }
}
@media (max-width: 600px) {
  .therapist-module-outer .change-password .col .form__group {
    max-width: 100% !important;
  }
}
.therapist-module-outer.profile .therapist-profile {
  height: calc(100vh - 70px) !important;
  overflow-y: auto;
}
.therapist-module-outer.profile .therapist-profile .form-content-outer {
  height: auto !important;
}

.therapist-module-outer .admin-availability-calandar .cal-week-view .cal-day-headers {
  height: auto !important;
  min-height: inherit;
}

.admin-availability-calandar .cal-week-view .cal-day-headers {
  height: auto !important;
  min-height: 70px;
}

.admin-availability-calandar .calendar-header-outer-box {
  width: 100%;
  margin: 0;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  align-items: baseline;
  /* min-height: 52px */
  padding: 0;
}
.admin-availability-calandar .calendar-header-outer-box__left {
  width: 100%;
  max-width: 85%;
  text-align: left;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  flex-wrap: wrap;
}
.admin-availability-calandar .calendar-header-outer-box__left strong {
  width: 99%;
  display: inline-block;
  margin: 0;
  cursor: default;
  color: var(--primary-color);
  font: var(--font-weight-500) var(--font-17) var(--font-family);
  font-weight: var(--font-weight-500) !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.admin-availability-calandar .calendar-header-outer-box__left strong:hover {
  color: var(--primary-color) !important;
  opacity: 1 !important;
  text-decoration: none;
}
.admin-availability-calandar .calendar-header-outer-box__left p {
  width: 100%;
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: var(--font-14);
  opacity: 0.7 !important;
}
@media (max-width: 1366px) {
  .admin-availability-calandar .calendar-header-outer-box__left p {
    font-size: var(--font-13);
  }
}
.admin-availability-calandar .calendar-header-outer-box__left .facilityName {
  cursor: pointer;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.admin-availability-calandar .calendar-header-outer-box__right {
  width: 100%;
  max-width: 20px;
  margin-top: -1px;
  display: inline-block;
  height: 22px;
  align-self: center;
}
.admin-availability-calandar .facilityName {
  width: 100%;
  text-align: left;
  color: var(--black-color);
  opacity: 1 !important;
  font-size: var(--font-weight-500) var(--font-14) var(--font-family);
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-self: flex-start;
}
.admin-availability-calandar .facilityName:last-child {
  margin: 0.1rem 0 0 0;
  padding: 0rem 0 0 0;
  border-top: none;
}
.admin-availability-calandar .facilityName:nth-of-type(1) {
  border-top: 1px solid var(--border-color);
  margin: 0.8rem 0 0 0;
  padding: 0.8rem 0 0 0;
}
.admin-availability-calandar .facilityName span {
  width: auto;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: var(--font-14);
  color: var(--black-color);
  opacity: 1 !important;
  cursor: pointer;
  height: 16px;
}
.admin-availability-calandar .facilityName span:hover {
  text-decoration: none;
}
.admin-availability-calandar .facilityName small {
  width: auto;
  font-size: var(--font-13);
  color: var(--light-grey-color);
  font-weight: var(--font-weight-500) !important;
  opacity: 1 !important;
  margin-left: 0.5rem;
}
.admin-availability-calandar .facilityName--second {
  margin: 0;
  padding: 0;
  border: none;
  min-height: 20px;
  height: auto !important;
  align-items: center;
}

body .table-action-popup.timezone-filter-overly .p-overlaypanel {
  left: 0 !important;
  top: 50px !important;
  margin-left: 1.2rem;
}
body .table-action-popup.timezone-filter-overly .p-overlaypanel .quick-link-menu {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  flex-wrap: wrap;
  width: 190px;
}
body .table-action-popup.timezone-filter-overly .p-overlaypanel .quick-link-menu li a {
  padding: 0.85rem 1.9rem !important;
  border-left: none !important;
}

.cal-week-view .cal-day-headers .cal-header:first-child {
  height: 91px !important;
  border: none;
  padding: 0 !important;
}
.cal-week-view .cal-day-headers .cal-header:first-child:before {
  display: none;
}

/**************************/
/****** Toast Message *****/
/**************************/
.ui-toast .ui-toast-message-content {
  padding: 2.5rem 2.5rem !important;
}

.p-toast .p-toast-message-content {
  padding: 2.5rem 3rem !important;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}

.p-toast .p-toast-message-text-content {
  font-size: var(--font-14) !important;
  margin: 0 !important;
  padding: 0 2rem 0 0rem !important;
  min-width: 250px;
}

/***** New Toast Massgess *********/
p-toast, .toast-msg {
  position: fixed !important;
  top: 15px !important;
  right: 15px !important;
  z-index: 9999999 !important;
}

.p-toast-bottom-right {
  bottom: inherit !important;
  right: 10px !important;
  top: 5px !important;
  max-width: 600px;
  margin-top: 50px !important;
}
@media (max-width: 576px) {
  .p-toast-bottom-right {
    right: 0px !important;
    max-width: 340px;
  }
}

.p-toast-bottom-right {
  width: auto !important;
}

body .p-toast .p-toast-message {
  margin: 0 !important;
}

.p-toast .p-toast-summary {
  display: none !important;
}

.p-toast .p-toast-icon {
  top: 17px !important;
}

.ui-toast .ui-toast-icon.pi {
  display: none;
}

.p-toast-message {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border-radius: 3px;
  position: relative;
}
.p-toast-message .p-toast-message-icon {
  width: 25px;
  height: 25px;
}
.p-toast-message .p-toast-message-icon .p-iconwrapper {
  width: 25px;
  height: 25px;
}
.p-toast-message .p-toast-message-icon .p-iconwrapper .p-icon {
  width: 25px;
  height: 25px;
  color: var(--body-color);
}
.p-toast-message .p-toast-detail {
  padding: 0.5rem 2rem 0.5rem 0rem;
  font: var(--font-weight-400) var(--font-15) var(--font-family) !important;
  line-height: 20px;
  color: #212121 !important;
}
.p-toast-message .p-toast-detail .p-toast-icon {
  width: 25px;
  height: 25px;
}
.p-toast-message .p-toast-close-button {
  top: 15px;
  right: 15px;
  width: 20px;
  margin: 0 !important;
  background-color: transparent !important;
  position: absolute;
}
.p-toast-message .p-toast-close-button:hover {
  background-color: transparent !important;
}
.p-toast-message .p-toast-close-button .p-iconwrapper {
  width: 22px;
  height: 22px;
}
.p-toast-message .p-toast-close-button .p-iconwrapper .p-icon {
  width: 22px;
  height: 22px;
  color: var(--body-color);
}

.p-toast .p-toast-message-content .p-toast-message-text {
  background-color: transparent !important;
  color: var(--body-color) !important;
}

.p-toast .p-toast-message {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16) !important;
  border-radius: 3px !important;
  border: none !important;
  opacity: 0.96 !important;
}
.p-toast .p-toast-message.p-toast-message-success {
  background: #b7d8b7 !important;
}
.p-toast .p-toast-message.p-toast-message-info {
  background: #7fbcec !important;
}
.p-toast .p-toast-message.p-toast-message-warn {
  background: #ffe399 !important;
}
.p-toast .p-toast-message.p-toast-message-error {
  background: #f8b7bd !important;
}

/****************************/
/****************************/
/* Sidebar menu */
.sidebar-resources .p-overlaypanel {
  margin-left: 136px;
  top: 0px !important;
}
.sidebar-resources .p-overlaypanel .p-overlaypanel-content {
  position: relative;
}
.sidebar-resources .p-overlaypanel .p-overlaypanel-content:after {
  right: 100%;
  top: 12px;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-right-color: var(--primary-button-color);
  border-width: 6px;
  margin-top: -6px;
}

/* header Profile menu */
.user-avatar-popup .p-overlaypanel {
  left: inherit !important;
  right: 20px !important;
  z-index: 9999;
}

.report-exportData .p-overlaypanel {
  left: inherit !important;
  right: 174px !important;
  z-index: 9999;
  top: 126px !important;
}

.profile-menu .quick-link-menu {
  min-width: 200px;
}
.profile-menu .quick-link-menu li {
  text-align: left;
  font-family: var(--font-family) !important;
}
.profile-menu .quick-link-menu li.logout-item {
  text-align: left;
}
.profile-menu .quick-link-menu li strong {
  width: 100%;
  display: inline-block;
  padding: 0.7rem 2rem 1rem 2rem;
  font: var(--font-weight-500) var(--font-16) var(--font-family);
  color: var(--primary-color);
}
.profile-menu .quick-link-menu li a {
  padding-left: 50px !important;
  position: relative;
}
.profile-menu .quick-link-menu li a img {
  position: absolute;
  left: 20px;
  top: 6px;
}
.profile-menu .quick-link-menu li a img.key-ic {
  top: 8px;
}
.profile-menu .quick-link-menu li a img.user-icon {
  top: 8px;
}
.profile-menu .quick-link-menu li a.active img {
  filter: brightness(0) invert(1);
}

.filter-block {
  width: 42px;
  height: 42px;
  border: 1px solid var(--secondary-color);
  background-color: var(--header-bg-color);
  -webkit-border-radius: 50px !important;
  -webkit-border-radius-border-radius: 50px !important;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
}
.filter-block img {
  margin: 0 0 -2px 0 !important;
}

.input-edit-table textarea.form__control.delivery-box {
  height: 55px;
  padding: 0.5rem 4rem 0.5rem 1rem !important;
  border-color: none !important;
  pointer-events: auto;
  border-bottom: 1px solid var(--box-shadow-color) !important;
  line-height: 20px;
}

/********* Filter *****/
.filter-title {
  width: 100%;
  margin: 0 0 1.6rem 0;
  padding: 0 3rem;
}

.overly-filter .p-overlaypanel {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  padding: 0;
}
.overly-filter__scroll {
  padding: 0 3rem;
}
.overly-filter__scroll.appointment-list-filter {
  max-height: 262px;
  overflow: auto;
}
.overly-filter__filter-title, .overly-filter__button {
  padding: 0 3rem;
}
.overly-filter__button {
  padding: 1rem 3rem 0 3rem;
}
.overly-filter__button .btn {
  margin: 0 1.6rem 0 0;
  width: auto !important;
}
.overly-filter__button .clear-filter {
  line-height: 42px !important;
}
.overly-filter__outer {
  width: 358px;
  padding: 2.2rem 0;
  position: relative;
}
.overly-filter__outer .filter-close {
  position: absolute;
  top: 15px;
  right: 15px;
}
.overly-filter__outer .btn-block {
  padding: 0 3rem;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.overly-filter__outer .btn-block .btn {
  margin: 0 1.5rem 0 0 !important;
}
.overly-filter__outer .road-show-checkbox {
  width: 100%;
  margin: 0 0 2rem 0;
}
.overly-filter__outer .from__group {
  width: 100%;
  margin: 0 0 2rem 0 !important;
  /* &:last-child */
  /*     margin-bottom: 0 !important */
}
.overly-filter__outer .from__group .search-box {
  width: 100%;
  max-width: 100% !important;
}
@media (max-width: 1366px) {
  .overly-filter__outer .from__group .search-box {
    max-width: 100% !important;
  }
}
.overly-filter__outer .from__group.btn-block {
  padding: 2rem 3rem 0 3rem;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
}
.overly-filter__outer .from__group.btn-block .btn {
  margin: 0 1.5rem 0 0 !important;
}
.overly-filter__outer .from__group .select-box {
  width: 100%;
}
.overly-filter__outer .from__group .select-box .p-multiselect {
  width: 100% !important;
}
.overly-filter__outer .from__group .btn {
  margin-bottom: 0;
}
.overly-filter__outer .from__group .search-box {
  max-width: 100% !important;
  width: 100% !important;
}
.overly-filter__outer .from__group .form__control {
  max-width: 100%;
  width: 100%;
}
.overly-filter__outer .from__group .select-box {
  max-width: 100% !important;
  width: 100% !important;
}
.overly-filter__outer .from__group .select-box .p-dropdown {
  max-width: 100% !important;
  width: 100% !important;
}
.overly-filter__outer .from__group .select-branch {
  max-width: 100% !important;
  width: 100% !important;
}
.overly-filter__outer .from__group .select-branch .p-multiselect {
  max-width: 100% !important;
  width: 100% !important;
}
.overly-filter__outer--report-filter {
  width: 600px;
}
.overly-filter__outer--report-filter .overly-filter__scroll {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
}
.overly-filter__outer--report-filter .overly-filter__scroll .form__group {
  width: 100%;
  max-width: 48%;
}
.overly-filter__outer--report-filter .overly-filter__scroll .md-drppicker.ltr {
  left: inherit !important;
  right: 0 !important;
  width: 615px !important;
}
.overly-filter__outer--report-filter .overly-filter__outer .form__group.btn-block {
  padding-top: 0 !important;
}

.md-drppicker th.month {
  font: var(--font-weight-600) var(--font-16) var(--font-family) !important;
}

.md-drppicker .calendar th {
  font-weight: var(--font-weight-600) !important;
}

/****** All title ****/
.title-block h1 {
  margin-bottom: 0;
}
.title-block__left {
  width: auto;
}
.title-block__right {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}
.title-block__right .btn {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  margin: 0;
}
.title-block__right .btn img, .title-block__right .btn i {
  margin-right: 0.8rem;
}
.title-block__right .filter-block {
  margin-left: 1.8rem;
}

/******* View by date calendar ****/
.calendar-top-right .select-box {
  width: 166px !important;
  border: none !important;
}
.calendar-top-right .select-box .p-dropdown {
  border: none !important;
  max-width: 100%;
}
.calendar-top-right .select-box .p-dropdown-label {
  max-width: 100%;
  padding-right: 1rem !important;
  text-align: right;
}

body .p-widget-content p {
  line-height: normal !important;
}

/**** Setting notification tab *****/
body .p-overlaypanel.overly-noti {
  top: 50% !important;
  left: 50% !important;
  margin: -250px 0 0 -400px !important;
}
@media (max-width: 992px) {
  body .p-overlaypanel.overly-noti {
    margin: -250px 0 0 -350px !important;
  }
}
body .p-overlaypanel.overly-sms {
  top: 50% !important;
  left: 50% !important;
  margin: -175px 0 0 -400px !important;
}
@media (max-width: 992px) {
  body .p-overlaypanel.overly-sms {
    margin: -250px 0 0 -350px !important;
  }
}

.notification-overlay-popup {
  width: 800px;
  margin: 0 0 0 0;
  padding: 2.2rem 3rem;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
@media (max-width: 992px) {
  .notification-overlay-popup {
    width: 700px;
  }
}
.notification-overlay-popup__title {
  font: var(--h2-font);
  color: var(--h2-color);
}
.notification-overlay-popup form {
  width: 100%;
}
.notification-overlay-popup form .form__group {
  width: 100%;
}
.notification-overlay-popup form .btn {
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 0 !important;
}

.working-schedule-block__column .select-box .p-dropdown {
  height: 38px !important;
  padding: 0 10px !important;
  width: 100%;
}
.working-schedule-block__column .select-box .p-dropdown .p-dropdown-trigger .p-dropdown-trigger-ico {
  margin: -14px 0 0 -1rem !important;
}

.ngx-timepicker--disabled {
  background: transparent !important;
  opacity: 0.7 !important;
}

.set-custom-date-popup .set-custom-date .set-custom-date-block__column .datepikar .start-date .p-inputtext {
  border: none !important;
}

body .custom-table.edit-manage-permission p-checkbox {
  display: inline-block !important;
}

/***** Sidebar menu ****/
body .sidebar-submenu {
  top: 350px !important;
  margin-top: 0;
  margin-left: 76px !important;
}
body .sidebar-submenu.voice-call-no {
  top: 294px !important;
}
body .sidebar-submenu .p-overlaypanel-content:after {
  right: 100%;
  top: 12px;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-right-color: var(--primary-button-color);
  border-width: 6px;
  margin-top: -6px;
}
body.sidebarmenu .sidebar-submenu {
  margin-left: 235px !important;
}
@media (max-width: 1440px) {
  body.sidebarmenu .sidebar-submenu {
    margin-left: 225px !important;
  }
}

.table-outer.appointment-listing-not-scheduled {
  height: 600px;
}

.appt-table-action-click {
  position: absolute !important;
  top: 32px !important;
  left: 225px;
  font-size: var(--font-15);
  color: var(--body-color);
  font-weight: var(--font-weight-500);
  position: relative;
  padding-right: 2.5rem;
  margin: 0;
  display: inline-block;
}
.appt-table-action-click:hover {
  color: var(--body-color);
}
.appt-table-action-click:after {
  content: "";
  position: absolute;
  width: 13px;
  height: 8px;
  background-image: url("/assets/img/dropdown-arrow.svg");
  top: 50%;
  right: 0;
  margin-top: -4px;
}

.appt-listing-action {
  width: 290px;
  padding: 0.8rem 0rem;
}
.appt-listing-action h2 {
  padding: 0 3rem;
  margin-bottom: 1.5rem;
}
.appt-listing-action__block {
  padding: 0 0;
}
.appt-listing-action__block ul {
  list-style: none;
}
.appt-listing-action__block ul li a {
  padding: 0.5rem 2rem;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  color: var(--body-color);
  font-family: var(--font-family);
  font-size: var(--font-16);
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
}
.appt-listing-action__block ul li a .numbers {
  font-weight: var(--font-weight-500);
  font-size: var(--font-17);
  margin-left: 1rem;
  display: inline-block;
  min-width: 50px;
  color: var(--primary-color);
  background-color: var(--secondary-color);
  -webkit-border-radius: 3px !important;
  -webkit-border-radius-border-radius: 3px !important;
  padding: 0.5rem 1rem;
  font-size: var(--font-14);
  font-weight: var(--font-weight-500);
  color: var(--white-color);
  text-align: center;
}
.appt-listing-action__block ul li a:hover {
  background-color: var(--dropdown-hover-bg-color);
  color: var(--body-color) !important;
}
.appt-listing-action__block ul li a.active, .appt-listing-action__block ul li a:focus {
  background-color: var(--secondary-color);
  color: var(--white-color) !important;
  font-weight: var(--font-weight-500);
}
.appt-listing-action__block ul li a.active .numbers, .appt-listing-action__block ul li a:focus .numbers {
  color: var(--white-color);
  background-color: var(--primary-color);
}

.show-scroll .show-patient-detail-after-scroll {
  width: 100%;
  height: calc(100vh - 370px);
}
@media (max-width: 1366px) {
  .show-scroll .show-patient-detail-after-scroll {
    height: calc(100vh - 421px);
  }
}
@media (max-width: 1024px) {
  .show-scroll .show-patient-detail-after-scroll {
    height: calc(100vh - 617px);
  }
}
.show-scroll .show-patient-detail-after-scroll .time-picker-panel-scroll {
  height: calc(100vh - 337px);
}
.show-scroll .confirm-page-outer .confirm-popup-popup-height-scroll {
  height: calc(100vh - 388px);
}
@media (max-width: 1024px) {
  .show-scroll .confirm-page-outer .confirm-popup-popup-height-scroll {
    height: calc(100vh - 565px);
  }
}

.time-picker-panel-scroll {
  width: 100%;
  height: calc(100vh - 383px);
}
@media (max-width: 1440px) {
  .time-picker-panel-scroll {
    height: calc(100vh - 324px);
  }
}
@media (max-width: 1024px) {
  .time-picker-panel-scroll {
    height: auto;
  }
}

.time-picker-panel-scroll-right {
  width: 100%;
  height: calc(100vh - 342px);
}
@media (max-width: 1366px) {
  .time-picker-panel-scroll-right {
    height: calc(100vh - 332px);
  }
}
@media (max-width: 1024px) {
  .time-picker-panel-scroll-right {
    height: auto;
  }
}

.confirm-popup-popup-height-scroll {
  width: 100%;
  height: calc(100vh - 150px);
}

body .delivery-address .p-checkbox-label {
  margin-left: 1rem !important;
}

/****************************/
/***  Therapist module calendar *****/
/****************************/
.therapist-module-outer.main-outer__content-outer .content-area {
  margin-top: 0 !important;
  position: relative;
}
.therapist-module-outer .calendar-outer {
  display: inline-block;
}
.therapist-module-outer .datepicker.therapist-select-date .p-calendar .p-inputtext {
  width: 125px;
}
.therapist-module-outer .cal-week-view .cal-day-headers .cal-header:first-child {
  height: auto !important;
  border: 1px solid var(--border-color);
}
.therapist-module-outer .cal-week-view .cal-day-headers .cal-header {
  align-items: center;
}
.therapist-module-outer .details-pages .p-scrollpanel-content {
  padding: 0 18px 18px 0 !important;
}
.therapist-module-outer .horizontal-scroll {
  display: block;
}
.therapist-module-outer .add-note-btn {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 0 0 0;
}
.therapist-module-outer .add-note-btn a {
  background: var(--primary-color);
  color: var(--white-color);
  font-size: var(--font-14);
  padding: 0.5rem 1.5rem;
  border-radius: 5px;
  font-weight: var(--font-weight-400);
}

.therapist-module-calendar-scroll {
  /***** Profile page css ****/
}
.therapist-module-calendar-scroll .p-scrollpanel-wrapper {
  border: none !important;
}
.therapist-module-calendar-scroll .p-scrollpanel-content {
  padding: 0 19px 0 0 !important;
}
.therapist-module-calendar-scroll .cal-week-view .cal-day-headers .cal-header:nth-of-type(2) {
  background-image: none !important;
}
.therapist-module-calendar-scroll .cal-event-title.event-pointer {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  height: 100%;
}
.therapist-module-calendar-scroll .cal-week-view .cal-day-headers .cal-header:last-child::before {
  display: none;
}
.therapist-module-calendar-scroll .cal-week-view .cal-time-events .cal-day-column:last-child .cal-hour::before {
  display: none;
}
.therapist-module-calendar-scroll .cal-week-view .cal-time-events .cal-event-container.breakhours {
  margin-left: -2px;
}
.therapist-module-calendar-scroll .cal-week-view .cal-time-events .cal-event-container.breakhours .cal-event {
  border: none !important;
  font-weight: var(--font-weight-500);
}
.therapist-module-calendar-scroll .therapist-profile-contact {
  padding-top: 3rem !important;
}

.my-availability-new {
  /*height: calc( 100vh - 218px ) !important */
}
.my-availability-new .p-scrollpanel-wrapper {
  border: none !important;
}
.my-availability-new .p-scrollpanel-content {
  padding: 0 19px 0 0 !important;
}
.my-availability-new .cal-month-view .cal-day-cell.cal-out-month .cal-day-number {
  opacity: 0.4 !important;
}

/************************************************************/
/************************************************************/
.patient-app .content-area.confirm-date .form__group.time-zone .select-box .p-dropdown .p-dropdown-label:before {
  display: none !important;
}

body .p-dialog .p-dialog-header {
  height: 0;
  background-color: var(--white-color);
  border: none;
  padding: 0;
}

.p-component {
  font: var(--font-15) var(--font-family);
}

.p-dropdown-panel.p-component {
  z-index: 9999 !important;
  max-width: 360px;
}

.edit-new-role {
  display: block;
  text-align: center;
}

.table-outer.appointment-listing-not-scheduled .p-datatable-table th:first-child, .table-outer.appointment-listing-not-scheduled .p-datatable-table td:first-child, .table-outer.appointment-listing-scheduled .p-datatable-table th:first-child, .table-outer.appointment-listing-scheduled .p-datatable-table td:first-child {
  width: auto !important;
}
.table-outer.appointment-listing-not-scheduled .p-datatable-table th:nth-child(2), .table-outer.appointment-listing-not-scheduled .p-datatable-table td:nth-child(2), .table-outer.appointment-listing-scheduled .p-datatable-table th:nth-child(2), .table-outer.appointment-listing-scheduled .p-datatable-table td:nth-child(2) {
  width: 115px !important;
}
.table-outer.appointment-listing-not-scheduled .p-datatable-table th:nth-child(3), .table-outer.appointment-listing-not-scheduled .p-datatable-table td:nth-child(3), .table-outer.appointment-listing-scheduled .p-datatable-table th:nth-child(3), .table-outer.appointment-listing-scheduled .p-datatable-table td:nth-child(3) {
  width: 170px !important;
}
.table-outer.appointment-listing-not-scheduled .p-datatable-table th:nth-child(5), .table-outer.appointment-listing-not-scheduled .p-datatable-table td:nth-child(5), .table-outer.appointment-listing-scheduled .p-datatable-table th:nth-child(5), .table-outer.appointment-listing-scheduled .p-datatable-table td:nth-child(5) {
  width: 86px !important;
}
.table-outer.appointment-listing-not-scheduled .p-datatable-table th, .table-outer.appointment-listing-scheduled .p-datatable-table th {
  min-width: 24px;
}
.table-outer.appointment-listing-not-scheduled .p-datatable-table p-tableheadercheckbox, .table-outer.appointment-listing-not-scheduled .p-datatable-table .table-check-first, .table-outer.appointment-listing-scheduled .p-datatable-table p-tableheadercheckbox, .table-outer.appointment-listing-scheduled .p-datatable-table .table-check-first {
  padding-right: 1rem;
}
.table-outer.appointment-listing-not-scheduled .p-datatable-table p-tablecheckbox span, .table-outer.appointment-listing-scheduled .p-datatable-table p-tablecheckbox span {
  position: relative;
  top: 1px;
}
.table-outer.appointment-listing-not-scheduled .p-datatable-table .table-checkbox, .table-outer.appointment-listing-scheduled .p-datatable-table .table-checkbox {
  margin: 0;
  position: relative;
  top: -1px;
}
.table-outer.appointment-listing-not-scheduled .p-datatable-table .table-checkbox a, .table-outer.appointment-listing-scheduled .p-datatable-table .table-checkbox a {
  position: relative;
  top: -1px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.table-checkbox {
  margin: 0;
  position: relative;
  top: -1px;
}
.table-checkbox a {
  display: inline-block;
  width: auto;
  max-width: 62px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.table-outer.cancelled-appointments .p-datatable-table th, .table-outer.cancelled-appointments .p-datatable-table td {
  width: 220px !important;
  min-width: inherit;
}
@media (min-width: 1600px) {
  .table-outer.cancelled-appointments .p-datatable-table th, .table-outer.cancelled-appointments .p-datatable-table td {
    width: 325px !important;
  }
}
.table-outer.cancelled-appointments .p-datatable-table th:first-child, .table-outer.cancelled-appointments .p-datatable-table td:first-child {
  width: 25px !important;
}
@media (max-width: 992px) {
  .table-outer.cancelled-appointments .p-datatable-table th:first-child, .table-outer.cancelled-appointments .p-datatable-table td:first-child {
    min-width: inherit !important;
  }
}
.table-outer.cancelled-appointments .p-datatable-table th:nth-child(2), .table-outer.cancelled-appointments .p-datatable-table td:nth-child(2) {
  width: 130px !important;
}
@media (min-width: 1600px) {
  .table-outer.cancelled-appointments .p-datatable-table th:nth-child(2), .table-outer.cancelled-appointments .p-datatable-table td:nth-child(2) {
    width: 120px !important;
  }
}
.table-outer.cancelled-appointments .p-datatable-table th:nth-child(3), .table-outer.cancelled-appointments .p-datatable-table td:nth-child(3) {
  width: 170px !important;
}
@media (min-width: 1600px) {
  .table-outer.cancelled-appointments .p-datatable-table th:nth-child(3), .table-outer.cancelled-appointments .p-datatable-table td:nth-child(3) {
    width: 210px !important;
  }
}
.table-outer.cancelled-appointments .p-datatable-table th:nth-child(4), .table-outer.cancelled-appointments .p-datatable-table td:nth-child(4) {
  width: 190px !important;
}
@media (min-width: 1600px) {
  .table-outer.cancelled-appointments .p-datatable-table th:nth-child(4), .table-outer.cancelled-appointments .p-datatable-table td:nth-child(4) {
    width: 250px !important;
  }
}
.table-outer.cancelled-appointments .p-datatable-table th:nth-child(5), .table-outer.cancelled-appointments .p-datatable-table td:nth-child(5) {
  width: 150px !important;
}
@media (min-width: 1600px) {
  .table-outer.cancelled-appointments .p-datatable-table th:nth-child(5), .table-outer.cancelled-appointments .p-datatable-table td:nth-child(5) {
    width: 170px !important;
  }
}
.table-outer.cancelled-appointments .p-datatable-table p-tableheadercheckbox, .table-outer.cancelled-appointments .p-datatable-table .table-check-first {
  padding-right: 1rem;
}
.table-outer.cancelled-appointments .p-datatable-table p-tablecheckbox span {
  position: relative;
  top: 1px;
}
.table-outer.cancelled-appointments .p-datatable-table .table-checkbox {
  margin: 0;
  position: relative;
  top: 0px;
}
.table-outer.cancelled-appointments .p-datatable-table .table-checkbox a {
  position: relative;
  top: 0px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.lock-new {
  margin-right: 1rem;
  position: relative;
  top: 2px;
}

body .appointment-type-link .ui-radiobutton {
  width: 100% !important;
  height: 100% !important;
}
body .appointment-type-link .ui-radiobutton .ui-radiobutton-box {
  width: 100% !important;
  height: 100% !important;
}

.facility-list-scroll {
  height: calc(100vh - 237px);
  width: 100%;
}
@media (max-width: 1366px) {
  .facility-list-scroll {
    height: calc(100vh - 286px);
  }
}
@media (max-width: 1280px) {
  .facility-list-scroll {
    height: calc(100vh - 272px);
  }
}
@media (max-width: 992px) {
  .facility-list-scroll {
    height: calc(100vh - 328px);
  }
}

@media (max-width: 600px) {
  .facility-list-row-map .facility-list-scroll {
    height: auto;
  }
}
@media (max-width: 600px) {
  .facility-list-row-map .p-scrollpanel-wrapper {
    border: none !important;
  }
}
@media (max-width: 600px) {
  .facility-list-row-map .p-scrollpanel-content {
    padding: 0 14px 0 0 !important;
  }
}

.patient-time-picker-panel-scroll {
  height: calc(100vh - 375px);
}
@media (max-width: 992px) {
  .patient-time-picker-panel-scroll {
    height: calc(100vh - 412px);
  }
}
@media (max-width: 600px) {
  .patient-time-picker-panel-scroll {
    height: auto;
  }
}
@media (max-width: 600px) {
  .patient-time-picker-panel-scroll .p-scrollpanel-wrapper {
    border: none !important;
  }
}
@media (max-width: 600px) {
  .patient-time-picker-panel-scroll .p-scrollpanel-content {
    padding: 0 !important;
  }
}

.patient-time-picker-panel-scroll-right {
  height: calc(100vh - 375px);
}
@media (max-width: 992px) {
  .patient-time-picker-panel-scroll-right {
    height: calc(100vh - 358px);
  }
}
@media (max-width: 600px) {
  .patient-time-picker-panel-scroll-right {
    height: auto;
  }
}
@media (max-width: 600px) {
  .patient-time-picker-panel-scroll-right .p-scrollpanel-wrapper {
    border: none !important;
  }
}
@media (max-width: 600px) {
  .patient-time-picker-panel-scroll-right .p-scrollpanel-content {
    padding: 0 !important;
  }
}

.agm-info-window-content .facility-info__dropdown h3 {
  font: var(--font-weight-600) var(--font-16) var(--font-family);
  color: var(--body-color);
  margin: 0 0 1.2rem 0;
}
.agm-info-window-content .facility-info__dropdown__miles {
  background-color: var(--accent-color);
  padding: 0.6rem 1rem;
  font: var(--font-weight-400) var(--font-15) var(--font-family);
  line-height: 16px;
  margin-bottom: 1.5rem;
  color: var(--white-color);
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
  width: auto;
  display: inline-block;
}
.agm-info-window-content .facility-info__address {
  padding: 1.5rem 0 0 3rem;
  font: var(--font-weight-400) var(--font-15) var(--font-family);
  line-height: 20px;
  color: var(--body-color);
  margin-bottom: 1.4rem;
  position: relative;
  border-top: 1px solid var(--border-color);
}
.agm-info-window-content .facility-info__address .location-icon {
  top: 14px;
  width: 17px;
  height: 21px;
  position: absolute;
  left: 0;
}
.agm-info-window-content .facility-info__timings {
  padding: 0 0 0 3rem;
  font: var(--font-weight-400) var(--font-15) var(--font-family);
  line-height: 20px;
  color: var(--body-color);
  margin-bottom: 1.5rem;
  position: relative;
}
.agm-info-window-content .facility-info__timings .timer-icon {
  top: 0;
  position: absolute;
  left: 0;
  width: 22px;
  height: 22px;
}
.agm-info-window-content .facility-info__timings span {
  display: block;
}
.agm-info-window-content .facility-info__timings span strong {
  display: block;
  font: var(--font-weight-500) var(--font-15) var(--font-family);
  color: var(--primary-color);
}

.tooltip {
  text-align: left !important;
}

body .patient-popup .p-dialog-mask {
  z-index: 999999 !important;
}

body .p-dialog .p-dialog-content {
  color: var(--body-color) !important;
}
body .p-dialog .p-dialog-content .facility-list-block__box {
  border: none;
}

.gm-ui-hover-effect {
  top: 5px !important;
  right: 5px !important;
}

.gm-ui-hover-effect img {
  width: 28px !important;
  height: 28px !important;
  margin: 0 !important;
}

/******* Therapist week view appointments calendar css *******/
.admin-appointments-week {
  overflow: hidden;
}
.admin-appointments-week .cal-scheduler-view {
  height: calc(100vh - 152px);
  overflow: auto;
  margin-top: -1px;
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler {
  margin-top: -1px;
}
.admin-appointments-week .datepicker {
  font-weight: var(--font-weight-500) !important;
  font-size: var(--font-15) !important;
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler-headers {
  margin: 0 !important;
  position: sticky;
  top: 0;
  z-index: 9999;
  min-width: 1300px;
  background-color: var(--light-blue-color);
  border-left: none;
  border-top: 2px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  border-right: none;
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler-headers .cal-header.aside.cal-header-clock.align-center {
  width: 76px !important;
  max-width: 76px !important;
  position: sticky !important;
  left: 0;
  top: 0 !important;
  z-index: 100;
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler-headers .cal-header.aside.cal-header-clock.align-center:after {
  display: none;
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler-headers .cal-header.aside.cal-header-clock.align-center i.material-icons {
  font: 500 1.7rem "Work Sans", sans-serif !important;
  font: var(--font-weight-500) var(--font-17) var(--font-family) !important;
  color: var(--primary-color) !important;
  width: 100%;
  display: block;
  margin-bottom: 0.2rem;
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler-headers .cal-header {
  padding: 1.2rem 1.4rem !important;
  font: var(--font-weight-500) var(--font-17) var(--font-family) !important;
  text-align: left;
  background-color: var(--header-bg-color) !important;
  margin: 0 !important;
  position: relative;
  overflow: inherit !important;
  /* margin-top: -1px !important */
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler-headers .cal-header br {
  display: none;
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler-headers .cal-header b {
  font: var(--font-weight-500) var(--font-17) var(--font-family) !important;
  color: var(--primary-color) !important;
  width: 100%;
  display: block;
  margin-bottom: 0.2rem;
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler-headers .cal-header span {
  font: var(--font-weight-500) var(--font-14) var(--font-family) !important;
  color: var(--light-grey2-color) !important;
  width: 100%;
  display: block;
  opacity: 1;
}
.admin-appointments-week .cal-scheduler {
  margin-top: -2px !important;
  box-sizing: border-box;
  min-width: 1300px;
}
.admin-appointments-week .cal-scheduler .cal-scheduler-hour-rows {
  width: 76px !important;
  max-width: 76px !important;
  border-color: transparent !important;
  box-sizing: border-box;
  position: sticky !important;
  left: -1px;
  z-index: 999;
  background-color: var(--white-color);
  border-right: none !important;
}
.admin-appointments-week .cal-scheduler .cal-scheduler-hour-rows:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  z-index: 999;
  background-color: var(--border-color) !important;
}
.admin-appointments-week .cal-scheduler .cal-scheduler-hour-rows .cal-scheduler-hour {
  border-color: transparent !important;
}
.admin-appointments-week .cal-scheduler .cal-scheduler-cols {
  color: var(--medium-light-grey-color);
  font-weight: var(--font-weight-400);
  font-size: var(--font-14);
  font-family: var(--font-family);
}
.admin-appointments-week .cal-scheduler .cal-scheduler-cols .cal-scheduler-col .cal-scheduler-hour .cal-scheduler-hour-segments {
  border-color: transparent !important;
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler .cal-scheduler-hour-rows .cal-scheduler-hour .cal-scheduler-time .cal-scheduler-time-segment {
  border-color: transparent !important;
  background-color: var(--white-color) !important;
  position: relative;
  color: var(--medium-light-grey-color);
  font-weight: var(--font-weight-500) !important;
  font-size: var(--font-14);
  padding-top: 5px;
  font-family: var(--font-family);
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler .cal-scheduler-hour-rows .cal-scheduler-hour .cal-scheduler-time .cal-scheduler-time-segment:before {
  content: "";
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: var(--border-color) !important;
  z-index: 9;
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler .cal-scheduler-hour-rows .cal-scheduler-hour .cal-scheduler-time .cal-scheduler-time-segment:hover {
  background-color: transparent !important;
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler .cal-scheduler-cols .cal-scheduler-col {
  border-color: transparent !important;
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler .cal-scheduler-cols .cal-scheduler-col .cal-scheduler-hour .cal-scheduler-hour-segments .cal-scheduler-hour-segment {
  border-color: transparent !important;
  background-color: var(--white-color) !important;
  position: relative;
  color: var(--medium-light-grey-color);
  font-weight: var(--font-weight-500) !important;
  font-size: var(--font-14);
  font-family: var(--font-family);
  box-sizing: border-box;
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler .cal-scheduler-cols .cal-scheduler-col .cal-scheduler-hour .cal-scheduler-hour-segments .cal-scheduler-hour-segment:before {
  content: "";
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  position: absolute;
  background-color: var(--border-color) !important;
  z-index: 9;
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler .cal-scheduler-cols .cal-scheduler-col .cal-scheduler-hour .cal-scheduler-hour-segments .cal-scheduler-hour-segment:after {
  content: "";
  top: 0px;
  left: -1px;
  width: 1px;
  height: 100%;
  position: absolute;
  z-index: 9;
  background-color: var(--border-color) !important;
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler .cal-scheduler-cols .cal-scheduler-col .cal-scheduler-hour .cal-scheduler-hour-segments .cal-scheduler-hour-segment:hover {
  background-color: var(--white-color) !important;
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler .cal-scheduler-cols .cal-scheduler-col .cal-scheduler-hour.cal-today .cal-scheduler-hour-segments .cal-scheduler-hour-segment {
  background-color: #f3fff2 !important;
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler .cal-scheduler-cols .cal-scheduler-col .cal-scheduler-event-container {
  z-index: 99;
  overflow: hidden;
  box-sizing: border-box;
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler .cal-scheduler-cols .cal-scheduler-col .cal-scheduler-event-container calendar-scheduler-event {
  position: absolute;
  width: 100%;
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler .cal-scheduler-cols .cal-scheduler-col .cal-scheduler-event-container .cal-scheduler-event .cal-scheduler-event-actions-container {
  position: absolute !important;
  bottom: 6px;
  right: 6px;
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler .cal-scheduler-cols .cal-scheduler-col .cal-scheduler-event-container .cal-scheduler-event {
  width: 100% !important;
  max-width: 100% !important;
  margin: -1.5px 0 0 0 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  height: 100%;
  padding: 0.5rem 1.5rem !important;
  white-space: inherit !important;
  flex-flow: column nowrap !important;
  box-sizing: border-box;
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler .cal-scheduler-cols .cal-scheduler-col .cal-scheduler-event-container .cal-scheduler-event .cal-scheduler-event-title {
  font-weight: var(--font-weight-500) !important;
  font-size: var(--font-15) !important;
  font-family: var(--font-family);
  color: var(--primary-color);
  margin-bottom: 0.1rem;
}
@media (max-width: 1366px) {
  .admin-appointments-week .cal-scheduler-view .cal-scheduler .cal-scheduler-cols .cal-scheduler-col .cal-scheduler-event-container .cal-scheduler-event .cal-scheduler-event-title {
    font-size: var(--font-13) !important;
  }
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler .cal-scheduler-cols .cal-scheduler-col .cal-scheduler-event-container .cal-scheduler-event .cal-scheduler-event-status {
  height: 10px !important;
  width: 10px !important;
  border: none !important;
  display: none;
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler .cal-scheduler-cols .cal-scheduler-col .cal-scheduler-event-container .cal-scheduler-event .cal-scheduler-event-content {
  font-weight: var(--font-weight-400) !important;
  font-size: var(--font-13) !important;
  font-family: var(--font-family);
  color: var(--body-color);
  text-transform: normal;
  margin-bottom: 0.2rem;
  line-height: 17px;
}
@media (max-width: 1440px) {
  .admin-appointments-week .cal-scheduler-view .cal-scheduler .cal-scheduler-cols .cal-scheduler-col .cal-scheduler-event-container .cal-scheduler-event .cal-scheduler-event-content {
    max-width: 88%;
  }
}
@media (max-width: 1366px) {
  .admin-appointments-week .cal-scheduler-view .cal-scheduler .cal-scheduler-cols .cal-scheduler-col .cal-scheduler-event-container .cal-scheduler-event .cal-scheduler-event-content {
    line-height: 18px;
    font-size: var(--font-11) !important;
  }
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler .cal-scheduler-cols .cal-scheduler-col .cal-scheduler-event-container .cal-scheduler-event .cal-scheduler-event-content a {
  display: block;
  margin-top: 0.5rem;
  text-decoration: underline;
  /* color: var(--primary-color) */
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler .cal-scheduler-cols .cal-scheduler-col .cal-scheduler-event-container .cal-scheduler-event .cal-scheduler-event-content a:hover {
  text-decoration: none;
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler .cal-scheduler-cols .cal-scheduler-col .cal-scheduler-event-container .cal-scheduler-event .cal-scheduler-event-content .salesOrderId {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler .cal-scheduler-cols .cal-scheduler-col .cal-scheduler-event-container .cal-scheduler-event .cal-scheduler-event-content .salesOrderId a {
  margin: 0 0 0 0.2rem;
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler .cal-scheduler-cols .cal-scheduler-col .cal-scheduler-event-container .cal-scheduler-event .cal-scheduler-event-content .edit-btn-block {
  position: absolute;
  right: 0;
  bottom: 0;
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler .cal-scheduler-cols .cal-scheduler-col .cal-scheduler-event-container .cal-scheduler-event .cal-scheduler-event-actions .cal-scheduler-event-action {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-left: 1rem;
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler .cal-scheduler-cols .cal-scheduler-col .cal-scheduler-event-container .cal-scheduler-event .cal-scheduler-event-actions .cal-scheduler-event-action .delete-icon-new {
  margin: 0 !important;
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler .cal-scheduler-cols .cal-scheduler-col .cal-scheduler-event-container .cal-scheduler-event:not(.cal-disabled):not(.cal-cancelled):hover {
  filter: brightness(100%) !important;
}
.admin-appointments-week .cal-scheduler-view .cal-scheduler .cal-scheduler-cols .cal-scheduler-col .cal-scheduler-event-container .cal-scheduler-event .cal-scheduler-event-content-container .cal-scheduler-event-content {
  max-height: inherit !important;
  min-height: 60px;
}
.admin-appointments-week .fc-event-vert {
  min-height: 25px;
}

.classification-edit .input-edit-table .action-icon {
  top: -22px !important;
}
.classification-edit .input-edit-table .form__control {
  padding: 0 0 !important;
}
.classification-edit .input-edit-table .action-icon {
  top: -22px !important;
}
.classification-edit .input-edit-table .form__dropdown {
  pointer-events: none;
  border: none !important;
}
.classification-edit .input-edit-table .form__dropdown .p-select-label {
  padding: 1.2rem 0 !important;
}
.classification-edit .input-edit-table .form__dropdown .p-select-clear-icon, .classification-edit .input-edit-table .form__dropdown .p-select-dropdown {
  display: none;
}
.classification-edit .input-edit-table.edit-box .form__dropdown {
  pointer-events: inherit !important;
  border: 1px solid var(--border-color) !important;
}
.classification-edit .input-edit-table.edit-box .form__dropdown .p-select-label {
  padding: 1.2rem 1.8rem !important;
}
.classification-edit .input-edit-table.edit-box .form__dropdown .p-select-clear-icon, .classification-edit .input-edit-table.edit-box .form__dropdown .p-select-dropdown {
  display: flex;
}

/****** Mat Fields ***/
.mat-table {
  box-shadow: none;
}

.cdk-overlay-container {
  z-index: 999999 !important;
}
.cdk-overlay-container .mat-select-panel-wrap {
  margin-top: 36px;
}
.cdk-overlay-container .mat-select-panel {
  width: auto;
  max-width: 100%;
  border: none !important;
  /* box-shadow: 0px 0px 20px rgb(0 0 0 / 30%) !important */
  border-radius: 5px !important;
  margin: 4px 0;
  background-color: #fff;
  height: auto;
}
.cdk-overlay-container .mat-select-panel .mat-option {
  padding: 1.2rem 1.9rem 0.85rem 1.9rem !important;
  display: block;
  border-left: none !important;
  height: auto;
  line-height: inherit !important;
  background-color: #fff;
}
.cdk-overlay-container .mat-select-panel .mat-option .mat-option-text {
  font-size: var(--font-15) !important;
  font-weight: var(--font-weight-400);
}
.cdk-overlay-container .mat-select-panel .mat-option:hover {
  background-color: var(--dropdown-hover-bg-color);
}
.cdk-overlay-container .mat-select-panel .mat-option:hover .mat-option-text {
  color: var(--body-color) !important;
  font-weight: var(--font-weight-400);
}
.cdk-overlay-container .mat-select-panel .mat-option.mat-selected {
  background-color: var(--secondary-color) !important;
}
.cdk-overlay-container .mat-select-panel .mat-option.mat-selected .mat-option-text {
  color: #fff;
}
.cdk-overlay-container .mat-select-panel .mat-option.mat-selected:hover .mat-option-text {
  color: #fff !important;
}

.reassign-appointment .checkbox-text.text-center {
  text-align: center;
  justify-content: center;
}

.mat-select-box {
  width: 100%;
  margin: 0;
  padding: 0;
}
.mat-select-box .mat-select-arrow-wrapper {
  width: 13px !important;
  height: 7px;
  background-image: url("/assets/img/dropdown-arrow.svg");
  background-size: 100%;
  border: none !important;
  display: inline-block;
}
.mat-select-box .mat-select-arrow-wrapper .mat-select-arrow {
  display: none !important;
}

.mat-select-placeholder {
  font-size: var(--input-font-size);
  font-family: var(--font-family);
  color: var(--input-font-color);
}

.table-outer .p-datatable table .p-datatable-tbody tr.appBookMyPatient td {
  background-color: #dbf8ff !important;
}

/********** Search Patients ****/
.patient-details-outer__column .input-edit-table .form__control, .patient-details-outer__column .input-edit-table .form__phone, .patient-details-outer__column .input-edit-table .form__phone .p-inputtext {
  width: 100%;
  display: block;
  border-radius: 0 !important;
  border: none !important;
  height: 30px;
}
.patient-details-outer__column .input-edit-table.edit-box .form__control, .patient-details-outer__column .input-edit-table.edit-box .form__phone .p-inputtext {
  border-bottom: 1px solid var(--border-color) !important;
}

.table-outer.patient-details-table .p-datatable-table th:first-child, .table-outer.patient-details-table .p-datatable-table td:first-child, .table-outer.patient-details-table .p-datatable-table th:first-child, .table-outer.patient-details-table .p-datatable-table td:first-child {
  width: auto !important;
}
.table-outer.patient-details-table .p-datatable-table th:nth-child(2), .table-outer.patient-details-table .p-datatable-table td:nth-child(2), .table-outer.patient-details-table .p-datatable-table th:nth-child(2), .table-outer.patient-details-table .p-datatable-table td:nth-child(2) {
  width: 215px !important;
}
.table-outer.patient-details-table .p-datatable-table th:nth-child(3), .table-outer.patient-details-table .p-datatable-table td:nth-child(3), .table-outer.patient-details-table .p-datatable-table th:nth-child(3), .table-outer.patient-details-table .p-datatable-table td:nth-child(3) {
  width: 180px !important;
}
.table-outer.patient-details-table .p-datatable-table th:nth-child(5), .table-outer.patient-details-table .p-datatable-table td:nth-child(5), .table-outer.patient-details-table .p-datatable-table th:nth-child(5), .table-outer.patient-details-table .p-datatable-table td:nth-child(5) {
  width: 190px !important;
}
.table-outer.patient-details-table .p-datatable-table th, .table-outer.patient-details-table .p-datatable-table td, .table-outer.patient-details-table .p-datatable-table th, .table-outer.patient-details-table .p-datatable-table td {
  min-width: 90px;
}
.table-outer.patient-details-table .p-datatable-table p-tableheadercheckbox, .table-outer.patient-details-table .p-datatable-table .table-check-first, .table-outer.patient-details-table .p-datatable-table p-tableheadercheckbox, .table-outer.patient-details-table .p-datatable-table .table-check-first {
  padding-right: 1rem;
}
.table-outer.patient-details-table .p-datatable-table p-tablecheckbox span, .table-outer.patient-details-table .p-datatable-table p-tablecheckbox span {
  position: relative;
  top: 1px;
}
.table-outer.patient-details-table .p-datatable-table .table-checkbox, .table-outer.patient-details-table .p-datatable-table .table-checkbox {
  margin: 0;
  position: relative;
  top: -1px;
}
.table-outer.patient-details-table .p-datatable-table .table-checkbox a, .table-outer.patient-details-table .p-datatable-table .table-checkbox a {
  position: relative;
  top: -1px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.content-area .provisional-history .page-scroll.appointments-list {
  height: inherit;
}
.content-area .provisional-history .appointments-scroll-inner-side {
  height: inherit;
}
.content-area .provisional-history .table-action-menu .p-datatable {
  min-height: inherit !important;
}
.content-area .patient-brightree-detail__content.search-result-table .admin-tablet .p-datatable-wrapper {
  padding: 0 !important;
  max-height: calc(100vh - 300px);
}

body .field-brightree .p-inputswitch .p-inputswitch-slider:before {
  top: 3px !important;
}

body .field-brightree .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
  left: 3px !important;
}

.export-transaction .md-drppicker {
  width: 620px !important;
  margin-top: 0;
}

/***** Google Map css **/
.googlemap-outer .google-map .map-container {
  height: calc(100vh - 320px) !important;
}
.googlemap-outer.googlemap-half .google-map .map-container {
  height: calc(100vh - 279px) !important;
}
@media (max-width: 1440px) {
  .googlemap-outer.googlemap-half .google-map .map-container {
    height: calc(100vh - 279px) !important;
  }
}

/***** map-info-window *******/
.gm-style-iw {
  width: 245px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3) !important;
  border-radius: 5px !important;
  padding: 1.5rem;
  color: var(--black-color);
  font: var(--font-weight-400) var(--font-14) var(--font-family) !important;
}

.gm-style-iw-d {
  max-height: inherit !important;
}

.gm-ui-hover-effect {
  width: 22px !important;
  height: 22px !important;
  font-size: 18px;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.gm-ui-hover-effect span {
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
}

map-info-window div {
  color: var(--black-color);
  font: var(--font-weight-400) var(--font-14) var(--font-family) !important;
  line-height: 18px;
}
map-info-window div h4 {
  display: block;
  font: var(--font-weight-600) var(--font-16) var(--font-family) !important;
  text-transform: capitalize;
  margin-bottom: 1rem;
}
map-info-window div h5 {
  font: var(--font-weight-500) var(--font-14) var(--font-family) !important;
  text-transform: capitalize;
  margin: 0;
}

.report-availablity-calenadr .md-drppicker.double {
  width: 515px;
}

/******************************************/
/********* Header Notification ************/
/******************************************/
.user-notification-outer {
  width: 100%;
  margin: 0;
}

body .p-overlaypanel.dme-therapist-search-by-filters {
  z-index: 99999 !important;
}

/********* Column Display Settings for Appt. list page ************/
.overlayPanel-add-column-popup {
  overflow: hidden;
}

.column-display-settings {
  margin: 0;
  padding: 1.8rem 2.4rem;
  width: 320px;
  position: relative;
}
.column-display-settings__title {
  width: 100%;
  color: var(--primary-color);
  margin-bottom: 1rem;
}
.column-display-settings .quick-link-menu.appointments {
  margin: 0;
  padding: 0;
}
.column-display-settings__scroll {
  width: calc(100% + 2.4rem);
  overflow: auto;
  height: 305px;
  padding-right: 2.4rem !important;
  margin-bottom: 1.5rem !important;
}
@media (max-width: 1440px) {
  .column-display-settings__scroll {
    height: 270px;
  }
}
.column-display-settings__list {
  width: 100%;
  position: relative;
}
.column-display-settings__items {
  display: flex !important;
  align-items: center;
  margin-bottom: 0.8rem !important;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid var(--border-color);
}
.column-display-settings__items:last-child {
  border: none;
  margin-bottom: 0 !important;
  padding-bottom: 0;
}
.column-display-settings__icon {
  height: 16px;
  margin-right: 1rem;
  cursor: move;
}
.column-display-settings__text {
  width: 100%;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  column-gap: 1rem;
}
.column-display-settings__buttons .btn {
  margin-bottom: 0;
  margin-right: 1.5rem;
}

body .overlayPanel-add-column-popup p-checkbox {
  width: auto;
}
body .overlayPanel-add-column-popup .p-checkbox-label {
  margin-left: 1rem !important;
  width: calc(100% - 32px);
}

.cdk-drag-preview {
  box-sizing: border-box;
  border-radius: 0;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  padding: 0.8rem 0.5rem 0.8rem 0.5rem !important;
  z-index: 99999 !important;
  height: auto !important;
  background-color: var(--white-color);
  min-height: 40px;
}

.cdk-drag-placeholder {
  opacity: 0;
}

.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
  z-index: 99999 !important;
}

.column-display-settings__items.cdk-drop-list-dragging .column-display-settings__list:not(.cdk-drag-placeholder) {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
  z-index: 99999 !important;
}

.p-overlaypanel.p-component {
  z-index: 99999 !important;
}

body .check.receive-reminder.wip-state-will-not-update {
  width: 100%;
  margin-bottom: 2rem;
}

.report-overly.p-overlaypanel {
  margin-top: -45px;
  margin-left: -48px;
}

.sms-email-log-sidebar__content .sms-popup-content__item .item-content .email-content-block table.wrapper {
  width: 100% !important;
  border: none !important;
  text-align: left !important;
}
.sms-email-log-sidebar__content .sms-popup-content__item .item-content .email-content-block table.wrapper p {
  max-width: 100%;
  white-space: break-spaces;
  word-break: break-all;
  word-wrap: break-word;
}

body .switchBtn.sms-email .p-inputswitch .p-inputswitch-slider {
  width: 35px;
  height: 14px;
}
body .switchBtn.sms-email .p-inputswitch .p-inputswitch-slider:before {
  height: 20px !important;
  width: 20px !important;
  margin-top: -10px;
}
body .switchBtn.sms-email .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
  transform: translateX(19px) !important;
  margin-top: -10px;
}

/*** Time Dropdown ****/
body .p-dropdown-panel.blockslot-time {
  max-width: 210px;
}
body .p-dropdown-panel.blockslot-time .p-dropdown-items-wrapper {
  min-width: 210px;
}
body .p-dropdown-panel.blockslot-time .p-dropdown-header .p-dropdown-filter {
  padding: 0 1rem;
}
body .p-dropdown-panel.blockslot-time .p-dropdown-header .p-dropdown-filter-icon {
  display: none;
}

/***** Legends/information ***/
.information-sidebar-outer.p-sidebar-right {
  width: 400px;
}
.information-sidebar-outer.p-sidebar-right .p-sidebar-header {
  position: absolute;
  top: 5px;
  right: 0;
  z-index: 9;
}
.information-sidebar-outer.p-sidebar-right .p-sidebar-header .pi:before {
  font-size: var(--font-18);
  color: var(--body-color);
}
.information-sidebar-outer.p-sidebar-right .p-sidebar-content {
  padding: 0;
}
.information-sidebar-outer .info-block {
  width: 100%;
  padding: 2rem 2rem 1.5rem 2rem;
}

.legends-outer {
  width: 100%;
  margin: 0;
  padding: 0 2.4rem 2rem 2.4rem;
  transition: 350ms ease;
  display: none;
  position: relative;
}
.legends-outer.expand {
  display: block;
}
.legends-outer .legend-close {
  position: absolute;
  top: 10px;
  right: 40px;
}
.legends-outer .legend-close svg {
  width: 16px;
}

/**** Update Status Popup ****/
body .appt-massages-outer .p-checkbox-box {
  border: 1px solid var(--header-border-color) !important;
}
body .appt-massages-outer .p-checkbox-label {
  font: var(--font-14) var(--font-family) !important;
}

.branch-zindex {
  z-index: 999999 !important;
}

.notifaction-templates__template-right p-checkbox .p-checkbox-label {
  font: var(--font-weight-500) var(--font-15) var(--font-family) !important;
}

.configuration-sidebar-popup .p-sidebar-right {
  width: 800px;
  z-index: 99999 !important;
}
.configuration-sidebar-popup .p-sidebar-right .p-sidebar-header .p-sidebar-close {
  position: absolute;
  top: 15px;
  right: 15px;
  font: var(--font-weight-600) var(--font-22) var(--font-family) !important;
  color: var(--black-color);
  z-index: 99;
  width: 25px;
  height: 25px;
}
.configuration-sidebar-popup .p-sidebar-right .p-sidebar-header .p-sidebar-close .p-sidebar-close-icon {
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.configuration-sidebar-popup .p-sidebar-right .p-sidebar-header .p-sidebar-close .p-sidebar-close-icon::before {
  font-size: var(--font-20) !important;
  color: var(--black-color) !important;
}
.configuration-sidebar-popup .p-sidebar-right .p-sidebar-content {
  padding: 0;
}

.p-overlaypanel.p-component.self-scheduling-action-menu {
  z-index: 9999 !important;
}

p-scrollpanel .p-scrollpanel .p-scrollpanel-bar-x {
  display: none !important;
}

svg.p-progressspinner-spin circle {
  fill: transparent !important;
  stroke: var(--primary-color) !important;
}

.p-drawer-mask {
  z-index: 999999 !important;
}

.z-index-999999 {
  z-index: 9999999 !important;
}

::placeholder {
  color: var(--placeholder-color);
}

input {
  filter: none;
  appearance: none;
  -moz-appearance: textfield;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--body-color);
  -webkit-box-shadow: none !important;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
  color: var(--body-color);
}

.form__group {
  width: 100%;
  margin: 0 0 2rem 0;
  padding: 0;
  position: relative;
}
.form .invalid-feedback {
  position: absolute;
  left: 0;
  bottom: -17px;
  color: var(--error-color);
  font-size: var(--font-13);
}
.form .invalid-feedback-error {
  position: relative;
  left: 0;
  bottom: 0;
  color: var(--error-color);
  font-size: var(--font-13);
}
.form__label {
  margin: 0 0 1rem 0;
  padding: 0;
  font: var(--label-font-size) var(--font-family);
  line-height: 18px;
  color: var(--label-font-color);
  z-index: 9;
  background-color: var(--white-color);
  font-weight: var(--font-weight-500) !important;
  display: block;
}
.form__control, .spinner .p-spinner-input, .select-box .p-multiselect, .select-box .p-dropdown, .search-with-select .p-inputgroup .p-inputtext, .search-box .form__control, .form__phone .p-inputtext {
  width: 100%;
  margin: 0;
  padding: 0 1.8rem !important;
  font: var(--input-font-size) var(--font-family);
  line-height: 42px;
  color: var(--input-font-color) !important;
  height: var(--input-height);
  border: 1px solid var(--input-border-color);
  outline: 0;
  box-shadow: none;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
  background: var(--input-bg-color);
}
.form__control:focus, .spinner .p-spinner-input:focus, .select-box .p-multiselect:focus, .select-box .p-dropdown:focus, .search-with-select .p-inputgroup .p-inputtext:focus, .form__phone .p-inputtext:focus {
  border-color: var(--input-border-color) !important;
  box-shadow: none;
}
.form__control::placeholder, .spinner .p-spinner-input::placeholder, .select-box .p-multiselect::placeholder, .select-box .p-dropdown::placeholder, .search-with-select .p-inputgroup .p-inputtext::placeholder, .search-box .form__control::placeholder, .form__phone .p-inputtext::placeholder {
  color: var(--input-font-color);
  font: var(--input-font-size) var(--font-family);
}
.form__control::-webkit-input-placeholder, .spinner .p-spinner-input::-webkit-input-placeholder, .select-box .p-multiselect::-webkit-input-placeholder, .select-box .p-dropdown::-webkit-input-placeholder, .search-with-select .p-inputgroup .p-inputtext::-webkit-input-placeholder, .search-box .form__control::-webkit-input-placeholder, .form__phone .p-inputtext::-webkit-input-placeholder {
  color: var(--input-font-color);
  font: var(--input-font-size) var(--font-family);
}
.form__control.p-inputtext, .spinner .p-inputtext.p-spinner-input, .select-box .p-inputtext.p-multiselect, .select-box .p-inputtext.p-dropdown, .search-with-select .p-inputgroup .p-inputtext, .form__phone .p-inputtext {
  border: 1px solid var(--input-border-color);
  font: var(--input-font-size) var(--font-family);
}
.form__control.p-inputtext:focus, .spinner .p-inputtext.p-spinner-input:focus, .select-box .p-inputtext.p-multiselect:focus, .select-box .p-inputtext.p-dropdown:focus, .search-with-select .p-inputgroup .p-inputtext:focus, .form__phone .p-inputtext:focus {
  border-color: var(--input-border-color);
  box-shadow: none;
}
@media (max-width: 600px) {
  .form__control, .spinner .p-spinner-input, .select-box .p-multiselect, .select-box .p-dropdown, .search-with-select .p-inputgroup .p-inputtext, .search-box .form__control, .form__phone .p-inputtext {
    line-height: 40px;
    height: 40px;
  }
}
.form__control.disabled, .spinner .disabled.p-spinner-input, .select-box .disabled.p-multiselect, .select-box .disabled.p-dropdown, .search-with-select .p-inputgroup .disabled.p-inputtext, .form__phone .disabled.p-inputtext {
  background: hsla(var(--input-border-color-h), var(--input-border-color-s), var(--input-border-color-l), 10%);
}
.form__control.error, .spinner .error.p-spinner-input, .select-box .error.p-multiselect, .select-box .error.p-dropdown, .search-with-select .p-inputgroup .error.p-inputtext, .form__phone .error.p-inputtext {
  position: relative;
  border-color: var(--error-color);
}
.form__phone {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  color: var(--body-color);
}
.form__phone .p-inputtext {
  border: 1px solid var(--input-border-color);
}
.form__phone .p-inputtext:focus {
  border-color: var(--input-border-color) !important;
  box-shadow: none;
}
.form__textarea {
  width: 100%;
  margin: 0;
  padding: 1rem 1.8rem !important;
  font: var(--input-font-size) var(--font-family);
  line-height: normal;
  color: var(--input-font-color);
  height: var(--text-tarea-height);
  border: 1px solid var(--input-border-color) !important;
  outline: 0;
  box-shadow: none;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
  background: var(--input-bg-color);
}
.form__textarea:focus {
  border-color: var(--input-border-color) !important;
  box-shadow: none;
}

.p-inputtext {
  font: var(--input-font-size) var(--font-family);
  line-height: 42px;
  color: var(--input-font-color);
  height: var(--input-height);
  border: 1px solid var(--input-border-color) !important;
  outline: 0;
  box-shadow: none;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
  background: var(--input-bg-color) !important;
}
.p-inputtext::-webkit-input-placeholder {
  color: var(--input-font-color);
}
.p-inputtext:-moz-placeholder {
  color: var(--input-font-color);
}
.p-inputtext::-moz-placeholder {
  color: var(--input-font-color);
}
.p-inputtext:-ms-input-placeholder {
  color: var(--input-font-color);
}

.input-feilds-edit .form__phone {
  font: var(--font-15) var(--font-family);
}
.input-feilds-edit .form__phone .p-inputtext {
  border: none !important;
  padding: 0 0 0 3rem !important;
  height: 22px;
  font: var(--font-15);
  font-family: var(--font-family);
  font-weight: var(--font-weight-400) !important;
}
.input-feilds-edit .form__control, .input-feilds-edit .spinner .p-spinner-input, .spinner .input-feilds-edit .p-spinner-input, .input-feilds-edit .select-box .p-multiselect, .select-box .input-feilds-edit .p-multiselect, .input-feilds-edit .select-box .p-dropdown, .select-box .input-feilds-edit .p-dropdown, .input-feilds-edit .search-with-select .p-inputgroup .p-inputtext, .search-with-select .p-inputgroup .input-feilds-edit .p-inputtext, .input-feilds-edit .form__phone .p-inputtext, .form__phone .input-feilds-edit .p-inputtext {
  font: var(--font-15);
  font-family: var(--font-family);
  font-weight: var(--font-weight-400) !important;
}

.form__group.search-icon .form__control, .form__group.search-icon .spinner .p-spinner-input, .spinner .form__group.search-icon .p-spinner-input, .form__group.search-icon .select-box .p-multiselect, .select-box .form__group.search-icon .p-multiselect, .form__group.search-icon .select-box .p-dropdown, .select-box .form__group.search-icon .p-dropdown, .form__group.search-icon .search-with-select .p-inputgroup .p-inputtext, .search-with-select .p-inputgroup .form__group.search-icon .p-inputtext, .form__group.search-icon .form__phone .p-inputtext, .form__phone .form__group.search-icon .p-inputtext {
  background-image: url("/assets/img/search-ic.svg");
  background-repeat: no-repeat;
  padding-right: 4.5rem !important;
  background-position: center right 1.8rem;
}

body .ui-state-disabled, body .ui-widget:disabled {
  opacity: 0.5 !important;
}

/****** date picker ******/
.md-drppicker .buttons {
  text-align: right;
  margin: 0 3px 0px 0;
}
.md-drppicker .buttons .btn {
  margin: 0 0 0 1.5rem;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
  padding: 0rem 1.5rem !important;
}
.md-drppicker .buttons .btn svg {
  display: none;
}

.md-drppicker .ranges ul li button {
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
}

.md-drppicker .ranges ul li button.active {
  background-color: var(--primary-color) !important;
  color: var(--white-color) !important;
}

.md-drppicker .btn {
  color: var(--white-color) !important;
  background-color: var(--primary-button-color) !important;
  font-family: var(--font-family) !important;
  color: var(--body-color);
  font-size: var(--font-14);
  text-transform: capitalize !important;
  line-height: 36px;
  padding: 0 1.5rem !important;
  border: none !important;
}
.md-drppicker .btn:hover {
  text-decoration: none !important;
  color: var(--white-color) !important;
  background-color: var(--secondary-button-color) !important;
}

.md-drppicker .btn.btn-default {
  color: var(--white-color) !important;
  background-color: var(--secondary-button-color) !important;
}
.md-drppicker .btn.btn-default:hover {
  color: var(--white-color) !important;
  text-decoration: none !important;
  background-color: var(--secondary-color) !important;
}

.md-drppicker .btn.clear {
  background-color: var(--white-color) !important;
  border: 1px solid var(--input-border-color) !important;
  color: var(--body-color) !important;
  outline: 0;
  box-shadow: none;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
}
.md-drppicker .btn.clear:hover {
  text-decoration: none !important;
  color: var(--white-color) !important;
  background-color: var(--secondary-button-color);
  border: 1px solid var(--secondary-button-color) !important;
}

.md-drppicker td.active, .md-drppicker td.active:hover {
  background-color: var(--primary-color) !important;
  border-color: transparent;
  color: var(--white-color);
}

/*/ Search box */
.error-msg {
  color: var(--error-color);
  position: absolute;
  font-size: var(--error-font-size);
  left: 0;
  bottom: -19px;
  /*font-weight: 500 */
}

.support-form .error-msg {
  bottom: -15px !important;
}

.support-form .form__group {
  margin-bottom: 2.5rem;
}
.support-form .form__control, .support-form .spinner .p-spinner-input, .spinner .support-form .p-spinner-input, .support-form .select-box .p-multiselect, .select-box .support-form .p-multiselect, .support-form .select-box .p-dropdown, .select-box .support-form .p-dropdown, .support-form .search-with-select .p-inputgroup .p-inputtext, .search-with-select .p-inputgroup .support-form .p-inputtext, .support-form .form__phone .p-inputtext, .form__phone .support-form .p-inputtext {
  height: 48px;
}

/*/ search box */
.search-box {
  position: relative;
  max-width: 100%;
}
@media (max-width: 1366px) {
  .search-box {
    max-width: 100%;
  }
}
.search-box .form__control, .search-box .spinner .p-spinner-input, .spinner .search-box .p-spinner-input, .search-box .select-box .p-multiselect, .select-box .search-box .p-multiselect, .search-box .select-box .p-dropdown, .select-box .search-box .p-dropdown, .search-box .search-with-select .p-inputgroup .p-inputtext, .search-with-select .p-inputgroup .search-box .p-inputtext, .search-box .form__phone .p-inputtext, .form__phone .search-box .p-inputtext {
  padding: 0 1.8rem 0 4.8rem !important;
  width: 100% !important;
}
.search-box .search-btn {
  position: absolute;
  left: 13px;
  top: 12px;
  background-color: var(--white-color) !important;
  border: none;
  height: 17px;
  cursor: default;
  width: 25px;
  padding: 0;
}
.search-box .search-btn.cursor {
  cursor: pointer;
}
.search-box .clear-btn {
  background-color: var(--white-color);
  border: none;
  position: absolute;
  top: 2px;
  right: 2px;
  padding: 0.8rem 1rem;
  height: 39px;
  width: auto;
  cursor: pointer;
}
.search-box .clear-btn svg {
  width: 15px;
  height: 13px;
}
.search-box .clear-btn svg path {
  fill: var(--light-grey2-color);
}

/** checkbox **/
body p-checkbox {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}
body .p-checkbox {
  width: 22px !important;
  height: 22px !important;
  cursor: pointer;
}
body .p-checkbox:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
body .p-checkbox .p-checkbox-box {
  width: 22px !important;
  height: 22px !important;
  background-color: var(--white-color) !important;
  border-color: var(--checkbox-bg-color) !important;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
}
body .p-checkbox .p-checkbox-box.p-highlight {
  background-color: var(--white-color) !important;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
}
body .p-checkbox .p-checkbox-box.p-highlight .pi-check {
  display: inline-block;
  width: 7px;
  height: 13px;
  transform: rotate(45deg);
  border-bottom: 1px solid var(--checkbox-bg-color);
  border-right: 1px solid var(--checkbox-bg-color);
}
body .p-checkbox .p-checkbox-box.p-highlight .pi-check:before {
  display: none !important;
}
body .p-checkbox .p-checkbox-box.p-focus {
  outline: 0;
  box-shadow: none !important;
}
body .p-checkbox-label {
  display: inline-block !important;
  margin-left: 1.5rem !important;
  font: var(--label-font-size) var(--font-family);
  color: var(--input-font-color) !important;
  font-weight: var(--font-weight-400) !important;
  cursor: pointer;
}
@media (max-width: 600px) {
  body .p-checkbox-label {
    max-width: 90%;
  }
}
body .day-check-box .p-checkbox-label {
  margin: 2px 0 0 1.5em !important;
}
body .select-facilitys .p-checkbox {
  width: 100% !important;
  height: 100% !important;
}
body .select-facilitys .p-checkbox .p-checkbox-box {
  width: 100% !important;
  height: 100% !important;
}
body .p-checkbox-disabled {
  opacity: 0.4;
  cursor: default !important;
}
body .p-checkbox-label.p-disabled {
  cursor: default !important;
}
body .p-disabled, body .p-disabled * {
  cursor: default !important;
}

body .p-disabled, body .p-widget:disabled {
  opacity: 0.7;
}

body .p-checkbox-label {
  margin-left: 1.5rem !important;
  font: var(--label-font-size) var(--font-family);
  color: var(--input-font-color) !important;
  font-weight: var(--font-weight-400) !important;
  /* max-width: calc(100% - 38px) */
}

/** Redio Button **/
body .p-radiobutton {
  width: 20px !important;
  height: 20px !important;
  cursor: pointer;
  margin-top: -1px !important;
}
body .p-radiobutton:focus {
  outline: 0 !important;
  box-shadow: none !important;
}
body .p-radiobutton .p-radiobutton-box {
  width: 21px !important;
  height: 20px !important;
  background-color: var(--white-color) !important;
  border-color: var(--checkbox-bg-color) !important;
  box-shadow: none !important;
  outline: 0;
}
body .p-radiobutton .p-radiobutton-box.p-highlight {
  /* background-color: var(--checkbox-bg-color) */
}
body .p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon {
  background-color: var(--checkbox-bg-color);
  width: 10px;
  height: 10px;
  margin: 0;
}
body .p-radiobutton-label {
  cursor: pointer;
  margin-right: 1.5rem !important;
  line-height: 22px !important;
  margin-left: 1rem !important;
  font-size: 1.5rem;
  font-family: var(--font-family);
}

body .p-radiobutton.p-radiobutton-disabled {
  cursor: default !important;
}

.calendar-day .datepicker.therapist-select-date .p-calendar .p-datepicker-trigger {
  margin: -9px -11px 0 0;
}

/*** table-checkbox ****/
.table-checkbox {
  width: 100%;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}
.table-checkbox p-checkbox {
  margin-right: 1rem;
}

/**** search-with-select ****/
.search-with-select {
  width: auto;
  margin: 0;
  padding: 0rem;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
  position: relative;
}
.search-with-select .p-dropdown-clear-icon {
  display: none;
}
.search-with-select .p-inputgroup {
  background: var(--light-blue);
  height: 48px;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
  overflow: hidden;
  max-width: 240px;
}
@media (max-width: 992px) {
  .search-with-select .p-inputgroup {
    max-width: 150px;
  }
}
.search-with-select .p-inputgroup .p-inputtext {
  border: none;
  padding: 0 1.8rem 0 4.5rem !important;
  width: 100% !important;
}
.search-with-select .p-inputgroup .search-btn {
  position: absolute;
  left: 10px;
  top: 12px;
  background-color: var(--placeholder-color) !important;
  border: none;
  height: 17px;
  cursor: pointer;
  width: 25px;
  padding: 14px ​0;
}
.search-with-select .select-box {
  position: relative;
}
.search-with-select .select-box--header {
  width: 140px;
}
.search-with-select .select-box--header .p-dropdown {
  min-width: inherit;
  border: none;
  background: var(--light-blue);
  border-radius: 5px 0 0 5px;
}
.search-with-select .select-box--header .p-dropdown .p-dropdown-label-container {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.search-with-select .select-box--header .p-dropdown .p-dropdown-label {
  padding-right: 0em !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 95%;
  font-size: var(--font-15);
}
.search-with-select .select-box--header .p-dropdown .p-dropdown-trigger {
  height: 100%;
  width: 26px;
  margin: 0px 0;
  background-color: var(--light-blue);
}
.search-with-select .select-box--header .p-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon {
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -1.8rem !important;
}
.search-with-select .select-box--header .p-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon:before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 7px;
  background-image: url("/assets/img/dropdown-arrow.svg");
  background-repeat: no-repeat;
}
.search-with-select .select-box--header-right-side {
  width: 185px;
}
@media (max-width: 600px) {
  .search-with-select .select-box--header-right-side {
    width: 100%;
  }
}
.search-with-select .select-box--header-right-side .p-dropdown {
  min-width: inherit;
  height: 42px;
  border: none;
  background: var(--white-color);
}
@media (max-width: 600px) {
  .search-with-select .select-box--header-right-side .p-dropdown {
    background: var(--white-color);
    height: 40px;
  }
}
.search-with-select .select-box--header-right-side .p-dropdown .p-dropdown-label-container {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.search-with-select .select-box--header-right-side .p-dropdown .p-dropdown-label {
  padding-right: 0em !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  font-size: var(--font-15);
}
.search-with-select .select-box--header-right-side .p-dropdown .p-dropdown-trigger {
  height: 26px;
  width: 26px;
  /* margin: 8px 7px 8px 0px */
  background-color: var(--white-color);
}
@media (max-width: 600px) {
  .search-with-select .select-box--header-right-side .p-dropdown .p-dropdown-trigger {
    background: var(--white-color);
    margin: 8px 6px 8px 0px;
  }
}
.search-with-select .select-box--header-right-side .p-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon {
  top: 50%;
  left: 50%;
  margin: 0 !important;
}
.search-with-select .select-box--header-right-side .p-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon:before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 7px;
  background-image: url("/assets/img/dropdown-arrow.svg");
  background-repeat: no-repeat;
}

.p-dropdown {
  min-width: inherit !important;
}

.drop-dwon-bottom .p-multiselect-panel {
  top: inherit !important;
  bottom: 43px !important;
}
.drop-dwon-bottom .p-dropdown-panel {
  top: inherit !important;
  bottom: 43px !important;
}

.calendra-top-btn__facility-box .select-box.select-facility .p-dropdown {
  min-width: 170px !important;
  max-width: 100% !important;
}

.form__group .switchBtn {
  font: var(--label-font-size) var(--font-family);
  color: var(--input-font-color) !important;
  font-weight: var(--font-weight-400) !important;
}
.form__group .switchBtn p-inputswitch {
  margin-right: 2rem !important;
}

/**** Select box *****/
.select-box .p-dropdown {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}
.select-box .p-dropdown:focus {
  border-color: var(--label-font-color) !important;
}
.select-box .p-dropdown .p-dropdown-label {
  padding: 0 2rem 0 0;
  background-color: transparent !important;
  font-size: var(--font-15);
}
.select-box .p-dropdown .p-dropdown-label-container {
  width: 100%;
  height: 100%;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}
.select-box .p-dropdown .p-dropdown-trigger {
  height: 99%;
}
.select-box .p-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon {
  top: 50%;
  left: 50%;
  margin: 0 !important;
}
.select-box .p-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon:before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 7px;
  background-image: url("/assets/img/dropdown-arrow.svg");
  background-repeat: no-repeat;
}
.select-box .p-dropdown .p-dropdown-clear-icon {
  display: none;
}
.select-box .p-dropdown.p-dropdown-clearable .p-dropdown-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  padding-right: 2rem;
  padding-left: 0 !important;
  font-size: var(--font-15);
}
.select-box .p-dropdown.p-disabled {
  background-color: #f3f3f3;
}
.select-box .ui-state-disabled {
  background-color: var(--table-border-color);
  border-radius: 5px;
}
.select-box .ui-state-disabled .ui-dropdown-trigger {
  background-color: var(--table-border-color);
}
.select-box.filter-status .p-dropdown {
  width: 100% !important;
}
.select-box.filter-status.appointment .p-dropdown {
  width: 100% !important;
}
.select-box--header {
  width: 140px;
}
.select-box--header .p-dropdown {
  max-width: 140px;
  min-width: inherit;
  height: 45px;
  border: none;
  background: var(--light-blue);
  border-radius: 50px 0 0 50px;
}
@media (max-width: 600px) {
  .select-box--header .p-dropdown {
    height: 40px;
  }
}
.select-box--header .p-dropdown .p-dropdown-label-container {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.select-box--header .p-dropdown .p-dropdown-label {
  padding-right: 0em !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  font-size: var(--font-15);
}
.select-box--header .p-dropdown .p-dropdown-trigger {
  height: 26px;
  width: 26px;
  margin: 7px 0;
  background-color: var(--light-blue);
}
.select-box--header .p-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon {
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -1.8rem !important;
}
.select-box--header .p-dropdown .p-dropdown-trigger .p-dropdown-trigger-icon:before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 7px;
  background-image: url("/assets/img/dropdown-arrow.svg");
  background-repeat: no-repeat;
}
.select-box.today-dashboard .p-dropdown {
  border: none !important;
  padding: 0 !important;
}
.select-box.today-dashboard .p-dropdown .p-dropdown-label {
  padding: 0 1rem 0 0 !important;
}

@media (max-width: 1024px) {
  .admin-header__right {
    padding-right: 1rem;
  }
}
.admin-header__right .select-box--header-right-side .p-dropdown-label {
  max-width: 95%;
}

body .p-dropdown-panel {
  width: auto;
  max-width: 100%;
  border: none !important;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3) !important;
  border-radius: 5px !important;
  margin: 4px 0;
}

.select-box.filter-status.status-dropdown .p-dropdown {
  width: 100% !important;
  max-width: 120px;
}

.p-dropdown-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--font-15);
  outline: none;
}

/* Input Hover & focus */
/*body .p-inputtext:enabled:hover:not(.p-error), */
/*body .p-dropdown:not(.p-disabled):hover, */
body .p-inputtext:enabled:focus:not(.p-error),
body .p-dropdown:not(.p-disabled):focus,
body .p-dropdown:not(.p-disabled).p-focus {
  border-color: var(--secondary-color) !important;
  background-color: var(--white-color) !important;
  box-shadow: none;
}

/*** appointment-confirmation Page **/
.select-box.add-calendar {
  width: auto;
  display: inline-block;
  text-align: left;
}
.select-box.add-calendar .p-dropdown {
  border: none !important;
}

/*** Sort By ***/
.sortby {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  color: var(--light-grey-color);
}
.sortby .select-box {
  background-color: transparent;
  border: none;
  height: 25px;
  width: 95px;
}
.sortby .select-box.dateandtime {
  width: 125px;
}
.sortby .select-box .p-dropdown {
  background-color: transparent;
  border: none;
  height: 28px;
  padding: 0 1rem 0 0.5rem !important;
}
@media (max-width: 576px) {
  .sortby .select-box .p-dropdown {
    padding: 0 1rem 0 0rem !important;
  }
}
.sortby .select-box .p-dropdown .p-dropdown-clear-icon {
  display: none;
}
.sortby .select-box .p-dropdown .p-dropdown-trigger {
  background-color: transparent;
  border: none;
  height: 28px;
}
.sortby .select-box .p-dropdown-items-wrapper {
  max-width: 95px;
  min-width: inherit;
}

.p-dropdown-panel .p-dropdown-items-wrapper {
  min-width: 180px;
  width: 100%;
  max-height: 150px !important;
  padding: 0.6rem 0;
}

/** multi Select **/
.select-box .p-multiselect {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}
.select-box .p-multiselect .p-multiselect-label {
  padding: 0rem 0.5rem 0 0;
  background-color: transparent !important;
  width: 100%;
}
@media (max-width: 600px) {
  .select-box .p-multiselect .p-multiselect-label {
    height: 40px;
  }
}
.select-box .p-multiselect-trigger .p-multiselect-trigger-icon {
  top: 50%;
  left: 50%;
  /* margin: -12px 0 0 -1.2rem !important */
}
.select-box .p-multiselect-trigger .p-multiselect-trigger-icon:before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 7px;
  background-image: url("/assets/img/dropdown-arrow.svg");
  background-repeat: no-repeat;
}
.select-box.ng-dirty.ng-invalid > .p-multiselect {
  border-color: var(--border-color) !important;
}

body .p-dropdown-panel p-dropdownitem {
  display: block;
  width: 100%;
}

.p-dropdown-header .p-dropdown-filter {
  height: 35px;
  line-height: 35px;
  font: var(--input-font-size) var(--font-family);
  color: var(--input-font-color);
}

body .p-dropdown-panel .p-dropdown-items {
  padding: 0 !important;
}
body .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
  border: none !important;
  padding: 0 !important;
  height: auto;
  margin: 0 0 1px 0 !important;
}
body .p-dropdown-panel .p-dropdown-items .p-dropdown-item span {
  padding: 0.85rem 1.9rem !important;
  display: block;
  border-left: none !important;
  font-size: var(--font-15) !important;
  font-weight: var(--font-weight-400);
  white-space: normal;
}
body .p-dropdown-panel .p-dropdown-items .p-dropdown-item span.doctor-info-highlight {
  background-color: var(--doctor-info-highlight) !important;
  color: var(--body-color);
  font-weight: var(--font-weight-400);
}
body .p-dropdown-panel .p-dropdown-items .p-dropdown-item span:hover {
  background-color: var(--dropdown-hover-bg-color);
}
body .p-dropdown-panel .p-dropdown-items .p-dropdown-item span:hover span {
  color: var(--body-color) !important;
  font-weight: var(--font-weight-400);
}
body .p-dropdown-panel .p-dropdown-items .p-dropdown-item span:hover span.doctor-info-highlight {
  background-color: var(--doctor-info-highlight) !important;
  color: var(--white-color) !important;
}
body .p-dropdown-panel .p-dropdown-items .p-dropdown-item span.p-highlight {
  /*background-color: var(--secondary-color) */
}
body .p-dropdown-panel .p-dropdown-items .p-dropdown-item span.p-highlight span {
  color: var(--white-color) !important;
  outline: 0 !important;
  box-shadow: none !important;
  font-weight: var(--font-weight-500);
}
body .p-dropdown-panel .p-dropdown-items .p-dropdown-item span.p-highlight span.doctor-info-highlight {
  background-color: var(--doctor-info-highlight) !important;
  color: var(--white-color) !important;
  font-weight: var(--font-weight-500);
}

/*Patient App popup checkbox */
body .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
  white-space: normal !important;
}
body .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
  background-color: var(--secondary-color) !important;
  color: var(--white-color) !important;
}
body .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight:hover span {
  background-color: var(--secondary-color) !important;
}

body .p-dropdown-panel .p-dropdown-items:before {
  display: none;
}

body .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
  background-color: var(--secondary-color) !important;
  color: var(--white-color) !important;
  outline: 0;
  box-shadow: none;
  display: flex !important;
  /*font-weight: 500 */
}
body .p-multiselect-panel .p-multiselect-header {
  padding: 0.5rem 1rem 0.5rem 1.3rem !important;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}
body .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
  height: 35px !important;
  padding: 0 0.5rem !important;
}
body .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
  color: var(--body-color) !important;
}
body .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
  top: 1px !important;
  box-shadow: none !important;
  right: 0.8rem !important;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("/assets/img/close-new.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}
body .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
  background-image: url("/assets/img/close-new.svg");
}
body .p-multiselect-panel .p-multiselect-header .p-multiselect-close .pi {
  display: none;
}
body .p-multiselect-panel .p-multiselect-items p-multiselectitem .p-multiselect-item {
  margin: 0 0 1px 0 !important;
  display: flex !important;
  line-height: 22px;
  align-items: flex-start;
  padding: 0.429rem 1.3rem;
  box-shadow: inherit !important;
  border: none !important;
}
body .p-multiselect-panel .p-multiselect-items p-multiselectitem:last-child .p-multiselect-item {
  margin-bottom: 0 !important;
}
body .p-multiselect-panel .p-multiselect-items-wrapper {
  padding: 0em 0 !important;
}

.p-multiselect-panel .p-multiselect-item span {
  display: flex !important;
  align-items: center;
  justify-content: center;
  white-space: break-spaces;
  font-size: var(--font-15);
}

body .p-checkbox .p-checkbox-box.p-highlight .pi-check {
  font-size: 1.8rem;
  margin: -4px 0 0 1px;
  opacity: 1;
  transition: none;
}

p-multiselectitem {
  outline: none;
}
p-multiselectitem .p-multiselect-item {
  outline: none;
  border: none;
}

/**** Switch Button *****/
body .p-inputswitch {
  height: 13px !important;
}

body .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider,
body .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider,
body .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
  background-color: var(--white-color) !important;
}

body .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
  border: 1px solid var(--checkbox-bg-color) !important;
  background: var(--white-color) !important;
}

body .p-inputswitch .p-inputswitch-slider {
  border: 1px solid var(--secondary-color) !important;
  background: var(--white-color) !important;
  width: 40px;
  height: 20px;
}

body .p-inputswitch .p-inputswitch-slider:before {
  background-color: var(--secondary-color) !important;
  height: 24px !important;
  width: 24px !important;
  left: -2px !important;
  bottom: -3px !important;
}

body .p-inputswitch {
  width: 38px !important;
}

body .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider::before {
  background-color: var(--checkbox-bg-color) !important;
  left: 0px !important;
}

body .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
  left: -4px !important;
}

/*** table switch buttons ***/
body .switchBtn .p-inputswitch .p-inputswitch-slider {
  width: 35px;
  height: 14px;
}
body .switchBtn .p-inputswitch .p-inputswitch-slider:before {
  height: 20px !important;
  width: 20px !important;
  margin-top: -10px;
}
body .switchBtn .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
  transform: translateX(19px) !important;
  margin-top: -10px;
}

/**********************************************/
/****** Admin Appointments listing page *******/
/**********************************************/
body .quick-link-menu.appointments .p-inputswitch {
  width: 30px !important;
  height: 15px !important;
  box-shadow: inherit;
}

body .quick-link-menu .p-inputswitch .p-inputswitch-slider {
  width: 30px !important;
  height: 15px !important;
  box-shadow: inherit;
}

body .quick-link-menu .p-inputswitch .p-inputswitch-slider:before {
  height: 18px !important;
  width: 18px !important;
  left: -1px !important;
  top: 4px !important;
}
@media (max-width: 992px) {
  body .quick-link-menu .p-inputswitch .p-inputswitch-slider:before {
    top: 3px !important;
  }
}

/**** spinner ****/
.spinner .p-spinner-button {
  margin-right: 0;
  cursor: pointer;
  background-color: var(--label-font-color);
  border-color: var(--label-font-color);
}
.spinner .p-spinner-button .p-spinner-button-icon {
  font-size: var(--body-font-size);
}
.spinner--facility .p-spinner-input {
  width: 78px;
  height: auto;
  padding: 0;
  margin: 0;
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  padding-right: 1.8rem !important;
  font-size: var(--font-14) !important;
  /*font-weight: 600 !important */
  padding: 0 2rem 0 0 !important;
}

.spinner.spinner--facility .p-spinner-button {
  background-color: transparent !important;
  border: none !important;
  width: 15px;
  margin-right: -2px;
  font-weight: bold;
  font-size: var(--font-15);
}
.spinner.spinner--facility .p-spinner-button .p-spinner-button-icon.pi {
  width: 15px;
  height: 9px;
}
.spinner.spinner--facility .p-spinner-button .p-spinner-button-icon.pi.pi-caret-up {
  background-position: -151px -20px;
}
.spinner.spinner--facility .p-spinner-button .p-spinner-button-icon.pi.pi-caret-down {
  background-position: -151px -29px;
}
.spinner.spinner--facility .p-spinner-button .p-spinner-button-icon.pi:before {
  display: none;
}

/*** File upload Browse btn ****/
.browse-btn {
  color: var(--white-color);
  background-color: var(--primary-button-color);
  margin-bottom: 1.5rem;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
  font: var(--font-weight-500) var(--font-17) var(--font-family);
  transition: 350ms ease;
}
.browse-btn:hover {
  text-decoration: none !important;
  color: var(--white-color);
  background-color: var(--secondary-button-color);
}
.browse-btn .p-button {
  background-color: transparent !important;
  border: none !important;
  height: 45px;
  padding: 0 1.8rem;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}
@media (max-width: 600px) {
  .browse-btn .p-button {
    height: 40px;
  }
}
.browse-btn .p-button .p-button-icon-left {
  display: none;
}
.browse-btn .p-button .p-button-label {
  padding: 0 !important;
  font-family: var(--font-weight-500) var(--font-17) var(--font-family);
}

/**** Date Picker ***/
.datepicker .p-calendar {
  border: none;
  position: relative;
  width: 100%;
}
.datepicker .p-calendar .p-inputtext {
  width: 100%;
  margin: 0;
  padding: 0 3rem 1px 1.5rem !important;
  font: var(--font-16) var(--font-family) !important;
  line-height: 42px;
  color: var(--input-font-color);
  height: var(--input-height);
  border: 1px solid var(--input-border-color) !important;
  outline: 0;
  box-shadow: none;
  border-radius: 5px !important;
  background: var(--input-bg-color);
}
@media (max-width: 600px) {
  .datepicker .p-calendar .p-inputtext {
    height: 40px;
    line-height: 40px;
  }
}
.datepicker .p-calendar .p-datepicker-trigger {
  background-color: transparent !important;
  display: inline-block;
  width: 18px !important;
  height: 18px;
  background-image: url("/assets/img/date-calendar-new.svg");
  background-size: 100%;
  border: none !important;
  position: absolute;
  background-position: 0 0;
  right: 18px;
  top: 50%;
  margin: -10px 0 0 0;
  background-repeat: no-repeat;
}
.datepicker .p-calendar .p-datepicker-trigger span {
  display: none;
}
@media (max-width: 600px) {
  .datepicker.therapist-select-date {
    padding-left: 1rem;
  }
}
.datepicker.therapist-select-date .p-calendar {
  cursor: pointer;
  z-index: 99;
}
.datepicker.therapist-select-date .p-calendar .p-inputtext {
  background-color: transparent !important;
  border: none !important;
  line-height: normal !important;
  width: 222px;
  padding-left: 0 !important;
  height: 30px;
  font-size: var(--font-15) !important;
  font-weight: var(--font-weight-500) !important;
  /* pointer-events: none */
  cursor: pointer;
  color: var(--body-color);
  z-index: 99;
}
@media (max-width: 600px) {
  .datepicker.therapist-select-date .p-calendar .p-inputtext {
    width: 125px;
  }
}
.datepicker.therapist-select-date .p-calendar .p-inputtext:hover, .datepicker.therapist-select-date .p-calendar .p-inputtext:focus {
  background-color: transparent !important;
}
.datepicker.therapist-select-date .p-calendar .p-datepicker-trigger {
  display: inline-block;
  width: 13px !important;
  height: 7px;
  background-image: url("/assets/img/dropdown-arrow.svg") !important;
  margin: -9px 0 0 0;
  padding: 1rem 0;
  background-position: center center;
  background-repeat: no-repeat;
}
.datepicker.confirm-date .p-calendar .p-inputtext {
  border: none !important;
  width: 100%;
  max-width: 140px;
  padding-left: 0 !important;
}
.datepicker.confirm-date .p-calendar .p-datepicker-trigger {
  background-color: transparent !important;
  border: none !important;
  position: absolute;
  background-position: -41px 0px;
  width: 20px !important;
  height: 20px;
  right: 10px;
  top: 50%;
  margin: -10px 0 0 0;
}

/**** Search box *********/
.searchbox {
  width: 100%;
}

/**** autocomplete-box *********/
.autocomplete-box .p-autocomplete {
  border: none;
  position: relative;
  width: 100%;
}
.autocomplete-box .p-autocomplete .p-inputtext {
  width: 100%;
  margin: 0;
  padding: 0 3rem 0 1.5rem !important;
  font: var(--font-14) var(--font-family) !important;
  line-height: 45px;
  color: var(--input-font-color);
  height: var(--input-height);
  border: 1px solid var(--input-border-color) !important;
  outline: 0;
  box-shadow: none;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
  background: var(--input-bg-color);
}

/*** Autocomplete Control ****/
.autocomplete-control {
  width: 100%;
  margin: 0;
  padding: 0;
}
.autocomplete-control .p-autocomplete-multiple {
  width: 100%;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.autocomplete-control .p-autocomplete-multiple .p-autocomplete-multiple-container {
  width: 100%;
  margin: 0;
  padding: 0.8rem 1.8rem !important;
  font: var(--input-font-size) var(--font-family);
  line-height: 45px;
  color: var(--input-font-color);
  min-height: var(--input-height);
  border: 1px solid var(--input-border-color);
  outline: 0;
  box-shadow: none !important;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
  background: var(--input-bg-color);
  height: auto;
  overflow: auto;
  overflow-x: hidden;
  height: auto;
  max-height: 80px;
}
.autocomplete-control .p-autocomplete-multiple .p-autocomplete-multiple-container:hover, .autocomplete-control .p-autocomplete-multiple .p-autocomplete-multiple-container.p-focus {
  border-color: var(--link-color) !important;
}

.p-autocomplete-input-token input {
  /* height: 32px */
  font-size: 1.5rem !important;
}
.p-autocomplete-input-token input::-webkit-input-placeholder {
  color: var(--label-font-color);
}
.p-autocomplete-input-token input:-moz-placeholder {
  color: var(--label-font-color);
}
.p-autocomplete-input-token input::-moz-placeholder {
  color: var(--label-font-color);
}
.p-autocomplete-input-token input:-ms-input-placeholder {
  color: var(--label-font-color);
}

body .p-autocomplete.p-autocomplete-multiple .p-autocomplete-multiple-container .p-autocomplete-token {
  padding: 0.5rem !important;
  margin: 0.5rem 0.5rem 0rem 0 !important;
  background: var(--grey-bg-color) !important;
  color: var(--body-color) !important;
  font-size: var(--font-14) !important;
  font-style: italic !important;
  border-radius: 50px !important;
  font-weight: var(--font-weight-500);
  line-height: normal;
}

.p-autocomplete-token-icon {
  font-size: 14px !important;
}

body .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-list-item {
  background-color: transparent !important;
  border-left: 2px solid transparent !important;
  font-weight: var(--font-weight-500);
  font-size: var(--font-15);
}
body .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-list-item.p-highlight {
  background-color: var(--secondary-color) !important;
  color: var(--white-color) !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-left: 2px solid var(--green-color) !important;
  /*font-weight: 500 */
}

body .p-multiselect:not(.p-disabled):hover {
  border-color: var(--input-border-color) !important;
}

/****** All new form design ******/
.form-outer {
  /* width: 620px */
  width: 690px;
  border: 1px solid var(--header-border-color);
  padding: 2.4rem 3rem;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
  background-color: var(--box-bg-color);
  margin: 2rem auto 0;
  position: relative;
}
@media (max-width: 992px) {
  .form-outer {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .form-outer {
    width: 100%;
  }
}
.form-outer__title {
  width: 100%;
  margin: 0 0 2.5rem 0;
  padding: 0;
  font: var(--font-weight-500) var(--font-19) var(--font-family);
  color: var(--primary-color);
}
.form-outer .form__label {
  background-color: transparent;
}
.form-outer .browse-import-btn {
  height: var(--input-height);
  border: 1px solid var(--input-border-color);
  outline: 0;
  box-shadow: none;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
  background: var(--input-bg-color);
  padding: 0.5rem;
  font-weight: var(--font-weight-400);
  line-height: normal !important;
}
.form-outer .browse-import-btn .btn {
  background: var(--light-grey2-color);
  color: var(--white-color);
  font-family: var(--font-family);
  font-size: var(--font-15);
  width: auto;
  margin: 0;
  height: 100%;
  border: none;
  line-height: normal !important;
}
.form-outer .form .col {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  max-width: 100%;
}
.form-outer .form .col .form__group {
  max-width: 48%;
}
@media (max-width: 600px) {
  .form-outer .form .col .form__group {
    max-width: 100%;
  }
}
.form-outer .form .col .form__group--plus {
  padding-right: 3.5rem;
}
.form-outer .form .form__group {
  width: 100%;
  max-width: 100%;
  margin-bottom: 2.4rem;
  position: relative;
}
.form-outer .form .form__group .add-btn {
  position: absolute;
  top: 37px;
  right: 0;
}
.form-outer .form .form__group small {
  font-size: var(--font-13);
  font-weight: var(--font-weight-500);
  color: var(--light-grey2-color);
  width: 100%;
  display: inline-block;
  margin-top: 7px;
}
.form-outer .form .form__control, .form-outer .form .form__phone .p-inputtext, .form__phone .form-outer .form .p-inputtext, .form-outer .form .search-with-select .p-inputgroup .p-inputtext, .search-with-select .p-inputgroup .form-outer .form .p-inputtext, .form-outer .form .select-box .p-dropdown, .select-box .form-outer .form .p-dropdown, .form-outer .form .select-box .p-multiselect, .select-box .form-outer .form .p-multiselect, .form-outer .form .spinner .p-spinner-input, .spinner .form-outer .form .p-spinner-input {
  border: 1px solid var(--input-border-color);
}
.form-outer .form .buttons {
  margin: 0;
  padding: 0;
}
.form-outer .btns {
  margin-left: 0;
}
.form-outer .btns .btn {
  margin-left: 0;
}

/****** Calendar design changes ******/
body .p-datepicker .p-datepicker-header .p-datepicker-title {
  font-size: var(--font-16);
  color: var(--body-color);
  font-weight: var(--font-weight-500);
  font-family: var(--font-family) !important;
}

body .p-datepicker .p-datepicker-header .p-datepicker-title select {
  border: 1px solid var(--input-border-color) !important;
  font-size: var(--font-15);
  color: var(--body-color);
  font-weight: var(--font-weight-500);
  margin: 0 0 0 1rem;
  padding: 4px 8px;
  font-family: var(--font-family) !important;
  border-radius: 5px;
  box-shadow: none;
  outline: none;
}

body .p-datepicker .p-datepicker-header .p-datepicker-prev, body .p-datepicker .p-datepicker-header .p-datepicker-next {
  top: 2px !important;
}

body .p-datepicker {
  padding: 0 !important;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3) !important;
  border: none !important;
  border-radius: 0 !important;
  z-index: 99999 !important;
}

body .p-datepicker .p-datepicker-group {
  padding: 1rem;
  z-index: 99999 !important;
  position: relative;
}

body .p-datepicker table th {
  padding: 0.2em !important;
  font-weight: var(--font-weight-600) !important;
  font-size: var(--font-15) !important;
  font-family: var(--font-family) !important;
}

body .p-datepicker table td > a, body .p-datepicker table td > span {
  padding: 0.5rem 0 !important;
  border-radius: 1px !important;
  border-radius: 50px !important;
  width: 25px;
  line-height: 16px;
  height: 25px;
  font-weight: var(--font-weight-400);
  font-size: var(--font-15);
  color: var(--black-color);
  font-family: var(--font-family) !important;
}
body .p-datepicker table td > a a, body .p-datepicker table td > span a {
  color: var(--black-color) !important;
}
body .p-datepicker table td > a a:hover, body .p-datepicker table td > span a:hover {
  background-color: var(--primary-color) !important;
  color: var(--white-color) !important;
}
body .p-datepicker table td > a:hover, body .p-datepicker table td > span:hover {
  background-color: var(--primary-color) !important;
  color: var(--white-color) !important;
}
body .p-datepicker table td > a:hover a, body .p-datepicker table td > span:hover a {
  color: var(--white-color) !important;
}

body .p-datepicker table td .p-disabled {
  color: var(--light-grey2-color) !important;
}
body .p-datepicker table td .p-disabled:hover {
  background-color: transparent !important;
  color: var(--light-grey2-color) !important;
}

body .p-datepicker table td.p-datepicker-today > a.p-highlight, body .p-datepicker table td.p-datepicker-today > span.p-highlight {
  background-color: var(--primary-color) !important;
  border-radius: 50px !important;
  width: 25px;
  line-height: 16px;
  height: 25px;
  font-weight: var(--font-weight-400);
}

body .p-datepicker table td > a.p-highlight, body .p-datepicker table td > span.p-highlight {
  background-color: var(--primary-color) !important;
  font-weight: var(--font-weight-500);
  border-radius: 50px !important;
  width: 25px;
  line-height: 16px;
  height: 25px;
}

body .p-datepicker table td.p-datepicker-today > a, body .p-datepicker table td.p-datepicker-today > span {
  background-color: var(--primary-color) !important;
  color: var(--white-color) !important;
  border-radius: 50px !important;
  width: 25px;
  line-height: 16px;
  height: 25px;
  font-weight: var(--font-weight-500);
  color: var(--white-color);
}

.p-datepicker .p-datepicker-prev span {
  display: inline-block;
  width: 10px !important;
  height: 17px !important;
  background-image: url("/assets/img/calendar-prev-icon.svg") !important;
  background-repeat: no-repeat;
}
.p-datepicker .p-datepicker-prev span::before {
  display: none !important;
}

.p-datepicker .p-datepicker-next span {
  display: inline-block;
  width: 10px !important;
  height: 17px !important;
  background-image: url("/assets/img/calendar-next-icon.svg") !important;
  background-repeat: no-repeat;
}
.p-datepicker .p-datepicker-next span::before {
  display: none !important;
}

.p-datepicker .p-datepicker-prev span, .p-datepicker .p-datepicker-next span {
  margin-left: -0.5rem !important;
}

.datepicker.license-expiry-date .p-datepicker {
  border-radius: 5px !important;
}

body .p-datepicker table td {
  padding: 0.4rem 0.6rem !important;
}

/**** Date pikar *****/
.date-pikar-new ngx-timepicker-field .ngx-timepicker {
  border: 1px solid var(--input-border-color);
  border-radius: 5px;
  width: 100%;
  display: inline-block;
  padding: 0.4rem 1rem 0.4rem 1rem;
  min-width: 138px;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  height: 42px !important;
}
.date-pikar-new ngx-timepicker-field .ngx-timepicker:after {
  display: none !important;
}

body .p-datepicker .p-timepicker {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
}
body .p-datepicker .p-timepicker .p-hour-picker {
  margin-left: 0;
}

.p-toast .p-toast-message-content {
  font-size: var(--font-16);
  margin: 0;
  padding: 1rem;
}
.p-toast .p-toast-message-content .p-toast-message-text {
  padding: 0 1rem;
}
.p-toast .p-toast-message-content .p-toast-icon-close {
  display: inline-block;
  background-image: url(/assets/img/cross-icon.svg);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 10px;
  right: 12px;
}
.p-toast .p-toast-message-content .p-toast-icon-close:hover {
  background-image: url(/assets/img/cross-icon.svg);
  background-color: transparent;
}
.p-toast .p-toast-message-icon:before, .p-toast .p-toast-icon-close-icon:before {
  font-size: 2.3rem;
}
.p-toast .p-toast-icon-close-icon:before, .p-toast .p-toast-icon-close-icon:hover > .p-toast-icon-close-icon:before {
  background-color: transparent;
  content: "";
}

/*****************************/
/**** Patient Module css *****/
/*****************************/
:host ::ng-deep .patient-select-box .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item.p-highlight {
  background-color: var(--patient-primary-color) !important;
}

body .patient-select-box .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item.p-highlight {
  background-color: var(--patient-primary-color) !important;
}

:host ::ng-deep .confirm-popup-outer .p-checkbox .p-checkbox-box {
  border-color: var(--patient-primary-color) !important;
}

body .confirm-popup-outer .p-checkbox .p-checkbox-box {
  border-color: var(--patient-primary-color) !important;
}

:host ::ng-deep .confirm-popup-outer .p-checkbox .p-checkbox-box.p-highlight .pi-check {
  border-bottom: 1px solid var(--patient-primary-color) !important;
  border-right: 1px solid var(--patient-primary-color) !important;
}

body .confirm-popup-outer .p-checkbox .p-checkbox-box.p-highlight .pi-check {
  border-bottom: 1px solid var(--patient-primary-color) !important;
  border-right: 1px solid var(--patient-primary-color) !important;
}

body .notifaction-templates__template-right .p-checkbox .p-checkbox-box.p-disabled {
  border-color: #d9d9d9 !important;
}
body .notifaction-templates__template-right .p-checkbox .p-checkbox-label {
  font: var(--font-weight-500) var(--font-15) var(--font-family) !important;
}

.form__password-block {
  width: 100%;
}
.form__password-block.weak .form__strengths {
  background-color: var(--toast-error-bg);
}
.form__password-block.weak .form__strengths.weak span {
  display: block;
  color: var(--toast-error-bg);
}
.form__password-block.weak .form__strengths.medium span, .form__password-block.weak .form__strengths.strong span {
  display: none;
}
.form__password-block.medium .form__strengths {
  background-color: var(--toast-warning-bg);
}
.form__password-block.medium .form__strengths.medium span {
  display: block;
  color: var(--toast-warning-bg);
}
.form__password-block.medium .form__strengths.weak span, .form__password-block.medium .form__strengths.strong span {
  display: none;
}
.form__password-block.strong .form__strengths {
  background-color: var(--toast-success-bg);
}
.form__password-block.strong .form__strengths.strong span {
  display: block;
  color: var(--toast-success-bg);
}
.form__password-block.strong .form__strengths.weak span, .form__password-block.strong .form__strengths.medium span {
  display: none;
}
.form__p-password {
  width: 100%;
  margin: 0;
  display: inline-block;
  position: relative;
}
.form__p-password div {
  width: 100%;
  margin: 0;
  display: inline-block;
}
.form__p-password .p-inputtext {
  width: 100%;
  font: var(--input-font-size) var(--font-family);
  line-height: 42px;
  color: var(--input-font-color);
  height: var(--input-height);
  border: 1px solid var(--input-border-color);
  outline: 0;
  box-shadow: none;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
  background: var(--input-bg-color);
  padding: 0 4.5rem 0 1.8rem !important;
}
.form__p-password .p-inputtext::-webkit-input-placeholder {
  color: var(--input-font-color);
}
.form__p-password .p-inputtext:-moz-placeholder {
  color: var(--input-font-color);
}
.form__p-password .p-inputtext::-moz-placeholder {
  color: var(--input-font-color);
}
.form__p-password .p-inputtext:-ms-input-placeholder {
  color: var(--input-font-color);
}
.form__p-password i {
  right: 1.8rem !important;
  position: absolute;
  top: 16px;
  margin-top: -0.5rem !important;
  color: #848484 !important;
}
.form__p-password i::before {
  font-size: 2rem;
}
.form__password-strength {
  width: 100%;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 0 0 0 0;
  margin: -1rem 0 0 0;
}
.form__strengths {
  width: 100%;
  max-width: 32.5%;
  background-color: var(--light-grey2-color);
  position: relative;
  height: 8px;
}
.form__strengths span {
  position: absolute;
  left: 0;
  bottom: -22px;
  font: var(--input-font-size) var(--font-family);
  font-weight: 500;
  display: none;
}
.form .info-box {
  width: 100%;
  margin: 3rem 0 2rem 0;
  padding: 1.5rem;
  background-color: var(--white-color);
  border: 1px solid var(--border-color);
  border-radius: 5px;
}
.form .info-box__title {
  width: 100%;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}
.form .info-box__title svg {
  margin-right: 0.8rem;
}
.form .info-box__list {
  width: 100%;
  margin: 0;
  list-style: none;
}
.form .info-box__item {
  width: 100%;
  margin: 0;
  list-style: none;
  padding: 0 0 1rem 3rem;
  font: var(--input-font-size) var(--font-family);
  position: relative;
}
@media (max-width: 1440px) {
  .form .info-box__item {
    padding: 0 0 0.8rem 2.5rem;
  }
}
.form .info-box__item:last-child {
  padding-bottom: 0;
}
.form .info-box__item svg {
  position: absolute;
  left: 4px;
  top: 3px;
}

.login__content .form .form__p-password .p-inputtext {
  border: none;
  border-radius: 0 !important;
  padding-left: 0 !important;
  border-bottom: 1px solid var(--input-border-color);
}

.form__dropdown {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 1px solid var(--input-border-color) !important;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
  background: var(--input-bg-color);
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  height: 42px;
  background-color: var(--white-color) !important;
}
.form__dropdown:focus {
  border-color: var(--input-border-color) !important;
  box-shadow: none;
}
.form__dropdown.ng-invalid.ng-dirty {
  border: 1px solid var(--input-border-color) !important;
}
.form__dropdown .p-select-label {
  padding: 1.2rem 1.8rem !important;
  font: var(--input-font-size) var(--font-family);
  line-height: normal;
  color: var(--input-font-color);
  outline: 0;
  box-shadow: none;
}
.form__dropdown .p-select-clear-icon {
  margin-top: -7px;
  right: 4rem;
  color: var(--body-color);
}
.form__dropdown .p-select-clear-icon svg {
  width: 15px;
  height: 15px;
}
.form__dropdown .p-select-dropdown {
  color: var(--body-color);
  margin-right: 1.2rem;
}
.form__dropdown .p-select-dropdown .p-iconwrapper svg {
  width: 16px;
  height: 16px;
}
.form__dropdown.border-bottom .p-dropdown {
  padding: 0 0 !important;
  border-radius: 0 !important;
}
.form__dropdown.border-bottom .p-dropdown .p-select-label {
  padding-left: 0 !important;
}
.form__dropdown.select-view-facility {
  width: auto;
  margin: 0 1rem 0 0;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
.form__dropdown.select-view-facility .p-select-label {
  padding: 1.2rem 0rem !important;
}
.form__multiSelect {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 1px solid var(--input-border-color) !important;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
  background: var(--input-bg-color) !important;
}
.form__multiSelect:focus {
  border-color: var(--input-border-color) !important;
  box-shadow: none;
}
.form__multiSelect.ng-invalid.ng-dirty {
  border: 1px solid var(--input-border-color) !important;
}
.form__multiSelect .p-multiselect-label-container {
  padding: 0;
  margin: 0;
}
.form__multiSelect .p-multiselect-label-container .p-multiselect-label {
  padding: 1.2rem 1.8rem !important;
  font: var(--input-font-size) var(--font-family);
  line-height: normal;
  color: var(--input-font-color);
  outline: 0;
  box-shadow: none;
}
.form__multiSelect .p-select-clear-icon {
  margin-top: -8px;
  right: 4rem;
  color: var(--body-color);
}
.form__multiSelect .p-select-clear-icon svg {
  width: 15px;
  height: 15px;
}
.form__multiSelect .p-multiselect-dropdown {
  color: var(--body-color);
  margin-right: 1.2rem;
}
.form__multiSelect .p-multiselect-dropdown .p-iconwrapper svg {
  width: 16px;
  height: 16px;
}
.form__switch .p-toggleswitch {
  outline: 0;
  box-shadow: none;
  width: 35px;
  height: 14px;
}
.form__switch .p-toggleswitch .p-toggleswitch-slider {
  width: 35px;
  height: 14px;
  border: 1px solid var(--secondary-color) !important;
  background: var(--white-color) !important;
  outline: 0;
  box-shadow: 0;
}
.form__switch .p-toggleswitch .p-toggleswitch-slider:before {
  height: 20px !important;
  width: 20px !important;
  margin-top: -11px;
  left: 0;
  background-color: var(--secondary-color) !important;
}
.form__switch .p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-slider:before {
  left: 16px;
  margin-top: -10px;
  background-color: var(--checkbox-bg-color) !important;
}
.form__calendars, .form .datepicker {
  width: 100%;
  margin: 0;
  display: inline-block;
  position: relative;
  z-index: 1;
  min-width: 160px;
}
.form__calendars .p-datepicker, .form .datepicker .p-datepicker {
  box-shadow: none !important;
  width: 100% !important;
  border: 1px solid var(--input-border-color) !important;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
}
.form__calendars .p-datepicker:focus, .form .datepicker .p-datepicker:focus {
  border-color: var(--input-border-color) !important;
  box-shadow: none;
}
.form__calendars .p-datepicker .p-inputtext, .form .datepicker .p-datepicker .p-inputtext {
  border: none !important;
  padding: 1.2rem 0rem 1.2rem 1.8rem !important;
  font: var(--input-font-size) var(--font-family);
  line-height: normal;
  color: var(--input-font-color);
  outline: 0;
  box-shadow: none;
  background-color: var(--white-color);
}
.form__calendars .p-datepicker .p-datepicker-dropdown, .form .datepicker .p-datepicker .p-datepicker-dropdown {
  background-color: transparent !important;
  display: inline-block;
  width: 50px !important;
  background-image: url("/assets/img/date-calendar-new.svg");
  background-size: 18px;
  background-position: center center;
  border: none !important;
  background-repeat: no-repeat;
}
.form__calendars .p-datepicker .p-datepicker-dropdown .p-iconwrapper, .form .datepicker .p-datepicker .p-datepicker-dropdown .p-iconwrapper {
  display: none;
}
.form__calendars .p-datepicker .p-datepicker-dropdown:hover, .form .datepicker .p-datepicker .p-datepicker-dropdown:hover {
  background-color: transparent !important;
  display: inline-block;
  width: 50px !important;
  background-image: url("/assets/img/date-calendar-new.svg");
  background-size: 18px;
  background-position: center center;
  border: none !important;
  background-repeat: no-repeat;
}
.form__calendars.dashboard-calendar .p-datepicker, .form .datepicker.dashboard-calendar .p-datepicker {
  border: none !important;
  box-shadow: none !important;
  border-bottom: 1px solid var(--border-color) !important;
  border-radius: 0 !important;
}
.form__calendars.dashboard-calendar .p-datepicker .p-inputtext, .form .datepicker.dashboard-calendar .p-datepicker .p-inputtext {
  padding: 0.8rem 0 !important;
}
.form__calendars.dashboard-calendar .p-datepicker .p-datepicker-dropdown, .form .datepicker.dashboard-calendar .p-datepicker .p-datepicker-dropdown {
  width: 23px !important;
}
.form__calendars.dashboard-calendar .p-datepicker .p-datepicker-dropdown:hover, .form .datepicker.dashboard-calendar .p-datepicker .p-datepicker-dropdown:hover {
  width: 23px !important;
}
.form__calendars.therapist-calendar, .form .datepicker.therapist-calendar {
  cursor: pointer;
  background-color: transparent !important;
  max-width: 166px;
}
.form__calendars.therapist-calendar .p-datepicker, .form .datepicker.therapist-calendar .p-datepicker {
  width: 195px;
  border: none !important;
  box-shadow: none !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  cursor: pointer;
}
.form__calendars.therapist-calendar .p-datepicker .p-inputtext, .form .datepicker.therapist-calendar .p-datepicker .p-inputtext {
  padding: 1.2rem 0rem 1.2rem 0.5rem !important;
  background-color: transparent !important;
}
.form__calendars.therapist-calendar .p-datepicker .p-datepicker-dropdown, .form .datepicker.therapist-calendar .p-datepicker .p-datepicker-dropdown {
  width: 20px !important;
  height: 42px;
  background-image: url(/assets/img/dropdown-arrow.svg) !important;
  background-size: 15px;
}
.form__calendars.therapist-calendar .p-datepicker .p-datepicker-dropdown:hover, .form .datepicker.therapist-calendar .p-datepicker .p-datepicker-dropdown:hover {
  width: 20px !important;
  height: 42px;
  background-image: url(/assets/img/dropdown-arrow.svg) !important;
  background-size: 15px;
}
.form__checkbox-outer {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
}
.form__checkbox-outer .checkbox-text {
  margin-left: 1.5rem !important;
  font: var(--label-font-size) var(--font-family);
  color: var(--input-font-color) !important;
  font-weight: var(--font-weight-400) !important;
  padding-top: 2px;
  cursor: pointer;
}
.form__checkbox-outer.disabled {
  opacity: 0.5;
}
.form__checkbox-label {
  margin-left: 1.5rem !important;
  font: var(--label-font-size) var(--font-family);
  color: var(--input-font-color) !important;
  font-weight: var(--font-weight-400) !important;
  cursor: pointer;
}
.form__radio-outer {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
}
.form__radio-outer .radio-button-text {
  margin-left: 1rem !important;
  font: var(--label-font-size) var(--font-family);
  color: var(--input-font-color) !important;
  font-weight: var(--font-weight-400) !important;
  cursor: pointer;
}

.p-datepicker-panel {
  z-index: 999999 !important;
  background-color: var(--white-color) !important;
  border: none !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3) !important;
}

.p-checkbox.p-disabled {
  opacity: 0.5 !important;
}

.p-select-label {
  color: var(--input-font-color) !important;
}

/***** checkbox css ****/
.p-checkbox-checked .p-checkbox-icon {
  color: var(--primary-color) !important;
  width: 14px;
  height: 14px;
}

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

/***** select-overlay css ****/
.p-select-overlay {
  width: auto;
  min-width: 140px;
  max-width: 100%;
  border: none !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3) !important;
  border-radius: 5px !important;
  margin: 4px 0;
  background-color: var(--white-color) !important;
}
.p-select-overlay .p-select-list-container .p-select-list {
  padding: 0.5rem 0 !important;
  margin: 0;
}
.p-select-overlay .p-select-list-container .p-select-list p-dropdownitem .p-select-option {
  padding: 0.85rem 1.2rem !important;
  display: block;
  border-left: none !important;
  font-size: var(--font-15) !important;
  font-weight: var(--font-weight-400);
  border-radius: 0;
  white-space: normal;
  color: var(--black-color) !important;
}
.p-select-overlay .p-select-list-container .p-select-list p-dropdownitem .p-select-option.p-focus {
  color: var(--black-color) !important;
  background: var(--dropdown-hover-bg-color) !important;
}
.p-select-overlay .p-select-list-container .p-select-list p-dropdownitem .p-select-option:hover {
  color: var(--black-color);
  background: var(--dropdown-hover-bg-color) !important;
}
.p-select-overlay .p-select-list-container .p-select-list p-dropdownitem .p-select-option span {
  white-space: normal;
}
.p-select-overlay .p-select-list-container .p-select-list p-dropdownitem .p-select-option.p-select-option-selected {
  background-color: var(--secondary-color) !important;
  color: var(--white-color) !important;
}
.p-select-overlay .p-select-header .p-inputtext {
  width: 100%;
  margin: 0;
  padding: 1rem 1.8rem !important;
  font: var(--input-font-size) var(--font-family);
  line-height: normal;
  color: var(--input-font-color);
  outline: 0;
  box-shadow: none;
  height: 38px;
  background-color: var(--white-color);
  border: 1px solid var(--input-border-color);
}
.p-select-overlay .p-select-header .p-inputicon {
  margin: -8px 8px 0 0;
}
.p-select-overlay .p-select-header .p-inputicon .p-icon {
  width: 15px;
  height: 15px;
  color: var(--black-color);
}
.p-select-overlay.paginetion-selectbox {
  width: 100px;
  min-width: 100px !important;
  bottom: 36px !important;
  top: inherit !important;
  right: 0 !important;
  left: inherit !important;
}

.p-select-list-container ul.p-select-list p-selectitem li.p-select-option {
  padding: 0.85rem 1.2rem !important;
  display: block;
  border-left: none !important;
  font-size: var(--font-15) !important;
  font-weight: var(--font-weight-400);
  border-radius: 0;
  white-space: normal;
  color: var(--black-color) !important;
}
.p-select-list-container ul.p-select-list p-selectitem li.p-select-option.p-focus {
  color: var(--black-color) !important;
  background: var(--dropdown-hover-bg-color) !important;
}
.p-select-list-container ul.p-select-list p-selectitem li.p-select-option:hover {
  color: var(--black-color);
  background: var(--dropdown-hover-bg-color) !important;
}
.p-select-list-container ul.p-select-list p-selectitem li.p-select-option span {
  white-space: normal;
}
.p-select-list-container ul.p-select-list p-selectitem li.p-select-option.p-select-option-selected {
  background-color: var(--secondary-color) !important;
  color: var(--white-color) !important;
}

/***** multiselect-overlay css ****/
.p-multiselect-overlay {
  width: auto;
  max-width: 100%;
  border: none !important;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3) !important;
  border-radius: 5px !important;
  margin: 4px 0;
  padding: 0.5rem 0 !important;
  background-color: var(--white-color) !important;
}
.p-multiselect-overlay .p-checkbox-checked .p-checkbox-icon {
  color: var(--primary-color) !important;
  width: 14px;
  height: 14px;
}
.p-multiselect-overlay .p-multiselect-header {
  width: 100%;
}
.p-multiselect-overlay .p-multiselect-header p-checkbox .checkbox-text {
  margin-left: 1.5rem !important;
  font: var(--label-font-size) var(--font-family);
  color: var(--input-font-color) !important;
  font-weight: var(--font-weight-400) !important;
}
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
  width: 100%;
  margin: 0;
  padding: 1rem 1.8rem !important;
  font: var(--input-font-size) var(--font-family);
  line-height: normal;
  color: var(--input-font-color) !important;
  outline: 0;
  box-shadow: none;
  height: 38px;
  background-color: var(--white-color);
  border: 1px solid var(--input-border-color);
}
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-inputicon {
  margin: -8px 8px 0 0;
}
.p-multiselect-overlay .p-multiselect-header .p-multiselect-filter-container .p-inputicon .p-icon {
  width: 15px;
  height: 15px;
}
.p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list {
  padding: 0 !important;
  margin: 0;
}
.p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list p-multiselectitem .p-multiselect-option {
  padding: 0.85rem 1.2rem !important;
  display: block;
  border-left: none !important;
  font: var(--font-weight-400) var(--font-15) var(--font-family) !important;
  border-radius: 0 !important;
  color: var(--body-color) !important;
}
.p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list p-multiselectitem .p-multiselect-option:hover {
  color: var(--body-color);
  background: var(--dropdown-hover-bg-color) !important;
}
.p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list p-multiselectitem .p-multiselect-option.p-multiselect-option-selected {
  background-color: var(--secondary-color) !important;
  color: var(--white-color) !important;
}
.p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option {
  border-radius: 0 !important;
  padding: 0.85rem 1.2rem !important;
  color: var(--body-color);
}
.p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option.p-focus {
  color: var(--body-color) !important;
  background: var(--dropdown-hover-bg-color) !important;
}
.p-multiselect-overlay .p-multiselect-list-container .p-multiselect-list .p-multiselect-option.p-multiselect-option-selected {
  background-color: var(--secondary-color) !important;
  color: var(--white-color) !important;
}

/***** datepicker-calendar css ****/
.p-datepicker-calendar-container .p-datepicker-header {
  background-color: var(--white-color) !important;
  border-color: var(--border-color);
}
.p-datepicker-calendar-container .p-datepicker-header .p-datepicker-prev-button .p-iconwrapper svg {
  width: 16px;
  height: 16px;
  color: var(--body-color);
}
.p-datepicker-calendar-container .p-datepicker-header .p-datepicker-next-button .p-iconwrapper svg {
  width: 16px;
  height: 16px;
  color: var(--body-color);
}
.p-datepicker-calendar-container .p-datepicker-header .p-datepicker-title button {
  font: var(--font-weight-500) var(--font-15) var(--font-family);
  color: var(--body-color);
  background-color: transparent !important;
  border: none !important;
}
.p-datepicker-calendar-container .p-datepicker-day-view .p-datepicker-table {
  width: 100%;
  margin: 0;
  padding: 0;
}
.p-datepicker-calendar-container .p-datepicker-day-view .p-datepicker-table table {
  width: 100%;
  border-collapse: collapse;
}
.p-datepicker-calendar-container .p-datepicker-day-view .p-datepicker-table table th, .p-datepicker-calendar-container .p-datepicker-day-view .p-datepicker-table table td {
  text-align: center;
  padding: 0.5rem 0.2rem;
  font: var(--font-weight-400) var(--font-15) var(--font-family);
  color: var(--body-color);
}
.p-datepicker-calendar-container .p-datepicker-day-view .p-datepicker-table table th {
  font-weight: var(--font-weight-500);
  color: var(--primary-color);
}
.p-datepicker-calendar-container .p-datepicker-day-view .p-datepicker-table td > a {
  color: var(--body-color);
  text-decoration: none;
}
.p-datepicker-calendar-container .p-datepicker-day-view .p-datepicker-table td > a:hover, .p-datepicker-calendar-container .p-datepicker-day-view .p-datepicker-table td > a.p-datepicker-day-today {
  color: var(--primary-color) !important;
}

body .p-datepicker table td > a .p-datepicker-day-selected, body .p-datepicker table td .p-datepicker-day-selected {
  background-color: var(--primary-color) !important;
  border-radius: 50px !important;
  width: 25px;
  line-height: 16px;
  height: 25px;
  font-weight: var(--font-weight-400);
  color: var(--white-color) !important;
}
body .p-datepicker table td > a .p-datepicker-day-selected span, body .p-datepicker table td .p-datepicker-day-selected span {
  color: var(--white-color) !important;
}
body .p-datepicker table td > a .p-datepicker-day-selected:hover, body .p-datepicker table td .p-datepicker-day-selected:hover {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
  color: var(--white-color) !important;
}

.p-datepicker-time-picker .p-button-icon-only .p-button .p-icon {
  width: 16px;
  height: 16px;
  color: var(--body-color);
}

.p-datepicker-calendar-container thead .p-datepicker-weekday-cell .p-datepicker-weekday {
  text-align: center;
  padding: 0.5rem 0.2rem;
  font: var(--font-weight-500) var(--font-15) var(--font-family);
  color: var(--body-color);
  border-radius: 50px !important;
  width: 25px;
  line-height: 16px;
  height: 25px;
  font-weight: var(--font-weight-500);
}
.p-datepicker-calendar-container tbody .p-datepicker-day-cell span {
  text-align: center;
  padding: 0.5rem 0.2rem;
  font: var(--font-weight-400) var(--font-14) var(--font-family);
  color: var(--body-color);
  border-radius: 50px !important;
  width: 25px;
  line-height: 16px;
  height: 25px;
  font-weight: var(--font-weight-400);
}
.p-datepicker-calendar-container tbody .p-datepicker-day-cell span.p-datepicker-day {
  border-radius: 50px !important;
  width: 25px;
  line-height: 16px;
  height: 25px;
  font-weight: var(--font-weight-400);
  color: var(--body-color);
}
.p-datepicker-calendar-container tbody .p-datepicker-day-cell span.p-datepicker-day.p-datepicker-day-selected {
  background-color: var(--primary-color) !important;
  border-radius: 50px !important;
  width: 25px;
  line-height: 16px;
  height: 25px;
  font-weight: var(--font-weight-400);
  color: var(--white-color) !important;
}

/***** Auto Complete ****/
.autocomplete-control {
  width: 100%;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.autocomplete-control .p-autocomplete {
  width: 100%;
  margin: 0;
  padding: 0;
}
.autocomplete-control .p-autocomplete .p-autocomplete-input-multiple {
  width: 100%;
  margin: 0;
  padding: 0.5rem 1rem;
  border: 1px solid var(--input-border-color) !important;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
  background: var(--input-bg-color);
  min-height: 42px;
}
.autocomplete-control .p-autocomplete .p-autocomplete-input-multiple:focus {
  border-color: var(--input-border-color) !important;
  box-shadow: none;
}
.autocomplete-control .p-autocomplete .p-autocomplete-input-multiple.ng-invalid.ng-dirty {
  border: 1px solid var(--input-border-color) !important;
}
.autocomplete-control .p-autocomplete .p-autocomplete-input-multiple .p-autocomplete-input-chip {
  width: auto;
  margin: 0 0.5rem 0 0;
  padding: 0 0.5rem;
}
.autocomplete-control .p-autocomplete .p-autocomplete-input-multiple .p-autocomplete-input-chip input {
  font: var(--input-font-size) var(--font-family);
  line-height: normal;
  color: var(--input-font-color);
  outline: 0;
  box-shadow: none;
  border: none !important;
}
.autocomplete-control .p-autocomplete .p-autocomplete-input-multiple .p-autocomplete-chip {
  background: #cfcfcf;
  color: var(--body-color);
  padding: 0.5rem;
  font: var(--font-weight-500) var(--font-13) var(--font-family);
}
.autocomplete-control .p-autocomplete .p-autocomplete-input-multiple .p-autocomplete-chip .p-chip-remove-icon {
  margin: -2px 0 0 0.2rem;
  width: 14px;
  height: 14px;
}
.autocomplete-control .p-autocomplete .p-autocomplete-input-multiple .p-autocomplete-chip .p-chip-remove-icon .p-icon {
  width: 14px;
  height: 14px;
}

.p-selectbutton .p-togglebutton {
  padding: 0 1.5rem;
  margin: 0;
  background-color: transparent !important;
  border-right: 1px solid var(--border-color) !important;
  box-shadow: none;
  border: none;
}
.p-selectbutton .p-togglebutton .p-togglebutton-content {
  padding: 0 0 1rem 0;
  position: relative;
  font: var(--font-weight-400) var(--font-16) var(--font-family);
  background-color: var(--white-color);
  color: var(--black-color);
}
.p-selectbutton .p-togglebutton .p-togglebutton-content::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: transparent !important;
}
.p-selectbutton .p-togglebutton:last-child {
  border-right: none !important;
  padding-right: 0;
  margin-right: 0;
}
.p-selectbutton .p-togglebutton.p-togglebutton-checked .p-togglebutton-content {
  font: var(--font-weight-500) var(--font-16) var(--font-family);
  color: var(--primary-color) !important;
}
.p-selectbutton .p-togglebutton.p-togglebutton-checked .p-togglebutton-content::before {
  background-color: var(--primary-color) !important;
}

.p-datepicker-time-picker .p-datepicker-minute-picker span, .p-datepicker-time-picker .p-datepicker-hour-picker span, .p-datepicker-time-picker .p-datepicker-separator span {
  font: var(--font-weight-400) var(--font-15) var(--font-family);
}
.p-datepicker-time-picker .p-button .p-icon {
  width: 16px;
  height: 16px;
  color: var(--body-color);
}

p-dynamicdialog {
  background-color: rgba(0, 0, 0, 0.2392156863);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999999 !important;
  top: 0;
  left: 0;
}

.p-select {
  background: var(--white-color) !important;
  border: 1px solid var(--border-color) !important;
}

.p-autocomplete-overlay {
  background: var(--white-color) !important;
  border: none !important;
}

.p-autocomplete-option {
  color: var(--body-color) !important;
  padding: 0.85rem 1.2rem !important;
}
.p-autocomplete-option.p-focus, .p-autocomplete-option:hover {
  background: var(--dropdown-hover-bg-color) !important;
  color: var(--body-color) !important;
}

.radios .form__radio-label {
  color: var(--input-font-color) !important;
}

.p-editor .p-editor-content {
  font: var(--input-font-size) var(--font-family);
  line-height: normal;
  color: var(--input-font-color);
  outline: 0;
  box-shadow: none;
  background-color: var(--white-color) !important;
  border: 1px solid var(--input-border-color) !important;
  border-top: none !important;
  -webkit-border-radius: 0 0 5px 5px !important;
  -webkit-border-radius-border-radius: 0 0 5px 5px !important;
  padding: 0 !important;
}
.p-editor .p-editor-content .ql-editor {
  background-color: var(--white-color) !important;
  color: var(--body-color) !important;
}
.p-editor .p-editor-toolbar {
  background-color: var(--white-color) !important;
  border: 1px solid var(--border-color) !important;
}
.p-editor .p-editor-toolbar-button {
  color: var(--body-color) !important;
}
.p-editor .p-editor-toolbar-button .ql-snow .ql-picker {
  color: var(--body-color) !important;
}
.p-editor .p-editor-toolbar-button .ql-snow .ql-picker.ql-expanded {
  color: var(--body-color) !important;
}
.p-editor .p-editor-toolbar-button.p-focus, .p-editor .p-editor-toolbar-button:hover {
  color: var(--primary-color) !important;
}

.p-editor .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover,
.p-editor .ql-snow.ql-toolbar button:hover, .p-editor .ql-snow.ql-toolbar button:focus {
  color: var(--body-color) !important;
}

.p-editor .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke,
.p-editor .ql-snow.ql-toolbar button:hover .ql-stroke, .p-editor .ql-snow.ql-toolbar button:focus .ql-stroke {
  stroke: var(--body-color) !important;
}

/****** datepicker *****/
.p-datepicker-today > .p-datepicker-day {
  background-color: var(--primary-color) !important;
  color: var(--white-color) !important;
}

.p-datepicker-day:not(.p-datepicker-day-selected):not(.p-disabled):hover {
  background-color: var(--accent-color) !important;
  color: var(--white-color) !important;
}

.p-datepicker-month, .p-datepicker-year {
  color: var(--body-color) !important;
}

.p-datepicker-month:not(.p-disabled):not(.p-datepicker-month-selected):hover,
.p-datepicker-year:not(.p-disabled):not(.p-datepicker-year-selected):hover {
  background-color: var(--accent-color) !important;
  color: var(--white-color) !important;
}

/**** Met checkbox ****/
.mat-mdc-checkbox .mdc-checkbox {
  width: 22px;
  height: 22px;
  padding: 6px;
}
.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__ripple, .mat-mdc-checkbox .mdc-checkbox .mat-mdc-checkbox-touch-target {
  display: none;
}
.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control {
  width: 22px;
  height: 22px;
  top: 50%;
  right: 50%;
  left: 50%;
  margin: -11px 0 0 -11px;
}
.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__background {
  width: 22px;
  height: 22px;
  border: 1px solid var(--checkbox-bg-color) !important;
  top: 50%;
  left: 50%;
  margin: -11px 0 0 -11px;
  border-radius: 4px;
}
.mat-mdc-checkbox .mdc-checkbox:hover .mdc-checkbox__background {
  border: 1px solid var(--checkbox-bg-color) !important;
}
.mat-mdc-checkbox .mdc-checkbox:hover .mdc-checkbox__ripple {
  display: none;
}
.mat-mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, .mat-mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  border-color: none !important;
  background-color: transparent !important;
}
.mat-mdc-checkbox .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background > .mdc-checkbox__checkmark {
  top: 50%;
  right: 0;
  bottom: 0;
  left: 50%;
  width: 14px;
  margin: -7px 0 0 -7px;
}
.mat-mdc-checkbox .mdc-checkbox__checkmark-path {
  stroke-width: 2px;
  color: var(--checkbox-bg-color) !important;
}
.mat-mdc-checkbox .mat-mdc-checkbox .mat-mdc-checkbox-ripple, .mat-mdc-checkbox .mdc-checkbox__ripple {
  display: none !important;
}

.login__content .support-form .form__group .form__dropdown {
  border: none !important;
  border-bottom: 1px solid var(--border-color) !important;
  border-radius: 0 !important;
}
.login__content .support-form .form__group .form__dropdown .p-select-label {
  padding: 1.2rem 0 !important;
  border: none !important;
}

p-multiSelect.ng-invalid.ng-dirty .p-multiselect-label.p-placeholder, p-multi-select.ng-invalid.ng-dirty .p-multiselect-label.p-placeholder, p-multiselect.ng-invalid.ng-dirty .p-multiselect-label.p-placeholder {
  color: var(--placeholder-color) !important;
}

.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon, .p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
  color: var(--table-head-color);
  font-size: var(--font-14);
  margin-top: -1px;
}

.p-datatable .p-sortable-column .p-sortable-column-icon {
  color: var(--table-head-color);
  font-size: var(--font-14);
  width: 14px;
  height: 16px;
}
.p-datatable .p-sortable-column .p-sortable-column-icon.pi-sort-alt::before {
  font-size: var(--font-14px);
  color: var(--availability-time-zone-color);
}

.p-datatable .p-sortable-column .p-sortable-column-icon.pi-sort-alt:before {
  font-size: var(--font-12px);
  color: var(--availability-time-zone-color);
}
.p-datatable .p-sortable-column .p-sortable-column-icon.pi-sort-amount-down:before, .p-datatable .p-sortable-column .p-sortable-column-icon.pi-sort-amount-up-alt:before {
  font-size: var(--font-14px);
  color: var(--availability-time-zone-color);
}

.table-outer {
  width: 100%;
  margin: 0;
}
.table-outer__table-resonsive {
  width: 100%;
}
.table-outer table {
  border-collapse: collapse;
  border-collapse: separate;
}
.table-outer__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0px;
}
@media (max-width: 1280px) {
  .table-outer__table .p-datatable {
    overflow: hidden;
  }
}
.table-outer__table .p-datatable-thead, .table-outer__table .p-datatable-tfoot {
  z-index: 92 !important;
}
@media (max-width: 600px) {
  .table-outer__table .p-datatable-scrollable .p-frozen-column {
    position: relative !important;
    left: inherit !important;
  }
}
.table-outer .p-datatable p-sorticon {
  margin-top: 0;
  display: inline-block;
  position: absolute;
}
.table-outer .p-datatable-wrapper table {
  width: 100% !important;
}
.table-outer .p-datatable-thead {
  z-index: 5 !important;
  position: relative;
}
.table-outer .p-datatable-tbody {
  z-index: 3;
}
.table-outer__th {
  padding: 0.8rem 1rem !important;
  border: none !important;
  color: var(--table-head-color) !important;
  background-color: var(--white-color) !important;
  font: var(--font-weight-500) var(--table-head-font) !important;
  text-align: left;
  outline: 0;
  vertical-align: middle;
  border-bottom: 2px solid var(--accent-color) !important;
  box-shadow: none !important;
  position: sticky;
  top: 0;
  z-index: 4;
}
.table-outer__th.p-frozen-column {
  position: sticky;
  z-index: 5;
  flex: inherit !important;
}
.table-outer__td {
  padding: 1rem 1rem !important;
  border: none !important;
  color: var(--black-color) !important;
  background-color: var(--white-color) !important;
  font: var(--font-weight-400) var(--table-head-font) !important;
  border-bottom: 1px solid var(--table-border-color) !important;
  word-break: break-word;
}
.table-outer__td.p-frozen-column {
  position: sticky;
  z-index: 3;
  flex: inherit !important;
}
.table-outer__td.no-records-found {
  border: none !important;
  font-weight: var(--font-weight-500) !important;
}
.table-outer tr:last-child .table-outer__td {
  border-bottom: none !important;
}
.table-outer__th, .table-outer__td {
  min-width: 11.5vw;
  flex: 1 1 0 !important;
  z-index: 1;
}
@media (max-width: 1440px) {
  .table-outer__th, .table-outer__td {
    min-width: 16vw;
  }
}
.table-outer__th .text-ellipsis, .table-outer__td .text-ellipsis {
  width: auto;
  max-width: 94%;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.table-outer__th:first-child, .table-outer__td:first-child {
  padding-left: 0 !important;
}
.table-outer__th:last-child, .table-outer__td:last-child {
  padding-right: 0 !important;
}
.table-outer__th.appt-action-column, .table-outer__td.appt-action-column {
  min-width: 22px;
  width: 22px;
  flex: inherit !important;
}
.table-outer__th.appt-action-column .actionmenu-btn svg, .table-outer__td.appt-action-column .actionmenu-btn svg {
  width: 5px;
  max-height: 20px;
}
.table-outer__th.table-dot-column, .table-outer__td.table-dot-column {
  min-width: 80px !important;
  width: 80px !important;
  flex: inherit !important;
}
.table-outer__th.status-column, .table-outer__td.status-column {
  min-width: 120px;
  width: 120px;
}
.table-outer__th.table-checkbox-column, .table-outer__td.table-checkbox-column {
  min-width: 30px;
  width: 30px;
}
.table-outer__th .actionmenu-btn, .table-outer__td .actionmenu-btn {
  padding: 0 5px;
  margin-top: 5px;
}
.table-outer__th .actionmenu-btn svg, .table-outer__td .actionmenu-btn svg {
  width: 23px;
  max-height: 20px;
  fill: var(--availability-time-zone-color);
}
.table-outer tr.appBookMyPatient td {
  background-color: #dbf8ff !important;
}

.table-outer.onlyvisiblecolumn tr .table-outer__th.p-frozen-column, .table-outer.onlyvisiblecolumn tr .table-outer__td.p-frozen-column, .table-outer.onlyvisiblecolumn tr .table-outer__th.p-frozen-column, .table-outer.onlyvisiblecolumn tr .table-outer__td.p-frozen-column {
  width: 25% !important;
  min-width: 20% !important;
  flex: revert !important;
  left: inherit !important;
}
.table-outer.onlyvisiblecolumn tr .table-outer__th.p-frozen-column.appt-action-column, .table-outer.onlyvisiblecolumn tr .table-outer__td.p-frozen-column.appt-action-column, .table-outer.onlyvisiblecolumn tr .table-outer__th.p-frozen-column.appt-action-column, .table-outer.onlyvisiblecolumn tr .table-outer__td.p-frozen-column.appt-action-column {
  flex: revert !important;
  width: 22px !important;
  min-width: 22px !important;
}

/********* Table Link *************/
.patient a, .link a {
  color: var(--link-color);
  font-weight: var(--font-weight-500);
  text-transform: capitalize;
}
.patient a:hover, .link a:hover {
  color: var(--link-hover-color);
  text-decoration: underline;
}
.patient p, .patient .sub-text, .link p, .link .sub-text {
  display: block;
  font-size: var(--font-13);
  margin: 0.2rem 0 0 0;
  list-height: 16px !important;
  font-weight: var(--font-weight-400);
  color: var(--light-grey2-color);
}

/**********************************************/
/**** pagination   ***/
/**********************************************/
.p-paginator .p-paginator-right-content .table-pagination__select {
  position: absolute;
  right: 0px;
  border: 1px solid var(--border-color) !important;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
  top: 50%;
  margin-top: -19px;
}
.p-paginator .p-paginator-right-content .table-pagination__select .select-box {
  width: 80px;
  min-width: inherit;
}
.p-paginator .p-paginator-right-content .table-pagination__select .select-box .p-dropdown {
  width: 76px;
  height: 34px;
  margin: 0;
  padding-right: 1.2rem !important;
  border: none;
  box-shadow: none;
}
.p-paginator .p-paginator-right-content .table-pagination__select .select-box .p-dropdown .p-dropdown-label {
  text-overflow: inherit;
}
.p-paginator .p-paginator-right-content .table-pagination__select .select-box .p-dropdown .p-dropdown-trigger {
  width: 15px;
}
.p-paginator .p-paginator-right-content .table-pagination__select .select-box .p-dropdown-items-wrapper {
  min-width: inherit !important;
}

.p-paginator-bottom {
  background-color: transparent !important;
  border: none !important;
  border-top: 2px solid var(--accent-color) !important;
  padding: 0.9rem 0 !important;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  position: relative;
  display: block !important;
  text-align: center;
}
@-moz-document url-prefix() {
  .p-paginator-bottom {
    padding: 1rem 0 1rem 0 !important;
  }
}
@media (max-width: 1024px) {
  .p-paginator-bottom {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 600px) {
  .p-paginator-bottom {
    flex-wrap: wrap;
  }
}
.p-paginator-bottom .p-paginator-left-content {
  position: absolute;
  left: 0;
  top: 17px;
  font-size: var(--font-15);
  font-family: var(--font-family);
}
@-moz-document url-prefix() {
  .p-paginator-bottom .p-paginator-left-content {
    top: 17px;
  }
}
@media (max-width: 600px) {
  .p-paginator-bottom .p-paginator-left-content {
    width: 100%;
  }
}
.p-paginator-bottom .p-paginator-left-content .table-pagination__records {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  margin-right: 2rem;
  font-size: var(--font-15);
}
@media (max-width: 600px) {
  .p-paginator-bottom .p-paginator-left-content .table-pagination__records {
    width: auto;
    text-align: center;
    margin: 15px auto;
  }
}
.p-paginator-bottom .p-paginator-left-content .table-pagination__records p {
  margin: 0 1rem 0 0rem;
}
@media (max-width: 600px) {
  .p-paginator-bottom .p-paginator-left-content .table-pagination__records p {
    display: inline-block;
  }
}

body .p-paginator .p-paginator-first, body .p-paginator .p-paginator-prev, body .p-paginator .p-paginator-next, body .p-paginator .p-paginator-last {
  border-radius: 50px !important;
  color: var(--body-color) !important;
  font-size: var(--font-15);
  height: 2.286em;
  min-width: 2.286em;
  border: 0;
  line-height: 2.286em;
}
body .p-paginator .p-paginator-first .p-paginator-icon::before, body .p-paginator .p-paginator-prev .p-paginator-icon::before, body .p-paginator .p-paginator-next .p-paginator-icon::before, body .p-paginator .p-paginator-last .p-paginator-icon::before {
  font-size: var(--font-16);
}
body .p-paginator .p-paginator-first .p-paginator-first .p-icon, body .p-paginator .p-paginator-prev .p-paginator-first .p-icon, body .p-paginator .p-paginator-next .p-paginator-first .p-icon, body .p-paginator .p-paginator-last .p-paginator-first .p-icon {
  width: 15px;
  height: 15px;
}

body .p-disabled, body .p-widget:disabled {
  opacity: 0.6 !important;
}

body .p-paginator .p-paginator-pages .p-paginator-page {
  border-radius: 50px !important;
  margin: 0 0.1rem !important;
  font-family: var(--font-family);
  font-size: var(--font-15);
  font-weight: var(--font-weight-500);
  color: var(--body-color);
  height: 2.286em;
  min-width: 2.286em;
  border: 0;
  line-height: 2.286em;
}

body .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  background-color: var(--primary-color) !important;
  font-weight: var(--font-weight-600);
  color: var(--white-color) !important;
}

body .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
  color: var(--primary-color);
}

.p-paginator .p-icon {
  width: 16px !important;
  height: 16px !important;
}

.p-paginator-page:not(.p-disabled):not(.p-paginator-page-selected):hover, .p-paginator-first:not(.p-disabled):hover, .p-paginator-prev:not(.p-disabled):hover, .p-paginator-next:not(.p-disabled):hover, .p-paginator-last:not(.p-disabled):hover {
  background: #e0e0e0 !important;
  color: var(--body-color) !important;
}

/******** Appointments not scheduled table *****************/
.appt-scheduled .p-datatable-scrollable .p-datatable-wrapper, .appt-not-scheduled .p-datatable-scrollable .p-datatable-wrapper {
  height: auto !important;
  max-height: calc(100vh - 252px) !important;
}
@media (max-width: 1180px) {
  .appt-scheduled .p-datatable-scrollable .p-datatable-wrapper, .appt-not-scheduled .p-datatable-scrollable .p-datatable-wrapper {
    max-height: calc(100vh - 285px) !important;
  }
}
@media (max-width: 1024px) {
  .appt-scheduled .p-datatable-scrollable .p-datatable-wrapper, .appt-not-scheduled .p-datatable-scrollable .p-datatable-wrapper {
    max-height: calc(100vh - 296px) !important;
  }
}
.appt-scheduled .table-outer__th, .appt-not-scheduled .table-outer__th {
  min-height: 40px;
}
.appt-scheduled .table-outer__th, .appt-scheduled .table-outer__td, .appt-not-scheduled .table-outer__th, .appt-not-scheduled .table-outer__td {
  margin: 0;
  min-width: 11.5vw;
}
.appt-scheduled .table-outer__th.appt-action-column, .appt-scheduled .table-outer__td.appt-action-column, .appt-not-scheduled .table-outer__th.appt-action-column, .appt-not-scheduled .table-outer__td.appt-action-column {
  min-width: 22px !important;
  width: 22px !important;
  flex: inherit !important;
  left: 0px !important;
}
.appt-scheduled .table-outer__th .table-checkbox .lock-icon, .appt-scheduled .table-outer__td .table-checkbox .lock-icon, .appt-not-scheduled .table-outer__th .table-checkbox .lock-icon, .appt-not-scheduled .table-outer__td .table-checkbox .lock-icon {
  margin-right: 7px;
  cursor: pointer;
}
.appt-scheduled .table-outer__th .table-checkbox .lock-icon svg, .appt-scheduled .table-outer__td .table-checkbox .lock-icon svg, .appt-not-scheduled .table-outer__th .table-checkbox .lock-icon svg, .appt-not-scheduled .table-outer__td .table-checkbox .lock-icon svg {
  max-width: 22px;
  max-height: 22px;
}
.appt-scheduled .table-outer__th .p-checkbox, .appt-scheduled .table-outer__td .p-checkbox, .appt-not-scheduled .table-outer__th .p-checkbox, .appt-not-scheduled .table-outer__td .p-checkbox {
  margin-right: 1rem;
}
.appt-scheduled .table-outer__th.appt-so-id, .appt-scheduled .table-outer__td.appt-so-id, .appt-not-scheduled .table-outer__th.appt-so-id, .appt-not-scheduled .table-outer__td.appt-so-id {
  min-width: 120px !important;
  width: 120px !important;
  left: 25px !important;
}
.appt-scheduled .table-outer__th.appt-patient-name, .appt-scheduled .table-outer__td.appt-patient-name, .appt-not-scheduled .table-outer__th.appt-patient-name, .appt-not-scheduled .table-outer__td.appt-patient-name {
  left: 145px !important;
}
.appt-scheduled .table-outer__th.appt-classification, .appt-scheduled .table-outer__td.appt-classification, .appt-not-scheduled .table-outer__th.appt-classification, .appt-not-scheduled .table-outer__td.appt-classification {
  left: 360px !important;
}
.appt-scheduled .table-outer__th.appt-status, .appt-scheduled .table-outer__td.appt-status, .appt-not-scheduled .table-outer__th.appt-status, .appt-not-scheduled .table-outer__td.appt-status {
  min-width: 120px !important;
  width: 120px !important;
  left: 575px !important;
}
.appt-scheduled .table-outer__th .status-block-box, .appt-scheduled .table-outer__td .status-block-box, .appt-not-scheduled .table-outer__th .status-block-box, .appt-not-scheduled .table-outer__td .status-block-box {
  margin-bottom: 0;
}
.appt-scheduled .table-outer__th:nth-child(3), .appt-scheduled .table-outer__th:nth-child(4), .appt-scheduled .table-outer__td:nth-child(3), .appt-scheduled .table-outer__td:nth-child(4), .appt-not-scheduled .table-outer__th:nth-child(3), .appt-not-scheduled .table-outer__th:nth-child(4), .appt-not-scheduled .table-outer__td:nth-child(3), .appt-not-scheduled .table-outer__td:nth-child(4) {
  min-width: 215px !important;
  width: 215px !important;
}
.appt-scheduled .table-outer__th .date-time p, .appt-scheduled .table-outer__td .date-time p, .appt-not-scheduled .table-outer__th .date-time p, .appt-not-scheduled .table-outer__td .date-time p {
  margin: 0;
  color: var(--light-grey2-color);
  font-size: var(--font-13);
  font-weight: var(--font-weight-400);
}

.appt-not-scheduled.search-results .p-datatable-scrollable .p-datatable-wrapper {
  height: auto !important;
  max-height: calc(100vh - 252px) !important;
}
@media (max-width: 1024px) {
  .appt-not-scheduled.search-results .p-datatable-scrollable .p-datatable-wrapper {
    max-height: calc(100vh - 296px) !important;
  }
}
.appt-not-scheduled.search-results .table-outer__th {
  color: var(--table-head-color) !important;
  background-color: var(--white-color) !important;
  font: var(--font-weight-500) var(--table-head-font) !important;
  min-height: 40px;
}
.appt-not-scheduled.search-results .table-outer__th p {
  color: var(--table-head-color) !important;
  margin: 0;
  padding: 0;
  background-color: transparent !important;
}
.appt-not-scheduled.search-results .table-outer__th, .appt-not-scheduled.search-results .table-outer__td {
  margin: 0;
  min-width: 16vw;
  flex: 0 0 1;
}
.appt-not-scheduled.search-results .table-outer__th:nth-of-type(1), .appt-not-scheduled.search-results .table-outer__td:nth-of-type(1) {
  min-width: 22px !important;
  width: 22px !important;
  flex: inherit !important;
}
.appt-not-scheduled.search-results .table-outer__th:nth-of-type(2), .appt-not-scheduled.search-results .table-outer__td:nth-of-type(2) {
  min-width: 120px !important;
  width: 120px !important;
  flex: inherit !important;
}
.appt-not-scheduled.search-results .table-outer__th:nth-of-type(3), .appt-not-scheduled.search-results .table-outer__td:nth-of-type(3) {
  min-width: 190px !important;
  width: 190px !important;
  flex: inherit !important;
}
.appt-not-scheduled.search-results .table-outer__th:nth-of-type(4), .appt-not-scheduled.search-results .table-outer__td:nth-of-type(4) {
  min-width: 190px !important;
  width: 190px !important;
  flex: inherit !important;
}
.appt-not-scheduled.search-results .table-outer__th:nth-of-type(5), .appt-not-scheduled.search-results .table-outer__td:nth-of-type(5) {
  min-width: 120px;
  width: 120px;
  flex: inherit !important;
}

/*** assigned calls table ***/
.admin-user .table-outer .p-datatable-wrapper {
  overflow-y: auto;
  max-height: calc(100vh - 205px) !important;
  width: 100%;
  padding-right: 0;
}
@media (max-width: 1180px) {
  .admin-user .table-outer .p-datatable-wrapper {
    max-height: calc(100vh - 225px) !important;
  }
}
.admin-user .table-outer .p-datatable-wrapper .p-datatable-table {
  border-spacing: 0;
  border-collapse: inherit;
}

.admin-facility .table-outer .p-datatable-wrapper {
  overflow-y: auto;
  max-height: calc(100vh - 205px) !important;
  width: 100%;
  padding-right: 0;
}
.admin-facility .table-outer .p-datatable-wrapper .p-datatable-table {
  border-spacing: 0;
  border-collapse: inherit;
}
.admin-facility .table-outer__th .table-checkbox-column, .admin-facility .table-outer__td .table-checkbox-column {
  min-width: 30px;
  width: 30px;
  flex: inherit !important;
}

.voice-call-recording-list .table-outer .p-datatable-wrapper {
  overflow-y: auto;
  height: auto !important;
  max-height: calc(100vh - 266px) !important;
  width: 100%;
  padding-right: 0;
}
.voice-call-recording-list .table-outer .p-datatable-wrapper .p-datatable-table {
  border-spacing: 0;
  border-collapse: inherit;
}
.voice-call-recording-list .table-outer__th.table-checkbox-column, .voice-call-recording-list .table-outer__td.table-checkbox-column {
  min-width: 50px !important;
  width: 50px !important;
  flex: inherit !important;
}
.voice-call-recording-list .table-outer__th .so-is-checkbox, .voice-call-recording-list .table-outer__td .so-is-checkbox {
  width: 40px;
}
.voice-call-recording-list .table-outer__th .lock-icon, .voice-call-recording-list .table-outer__td .lock-icon {
  margin-right: 7px;
  cursor: pointer;
}
.voice-call-recording-list .table-outer__th .lock-icon svg, .voice-call-recording-list .table-outer__td .lock-icon svg {
  max-width: 23px;
  max-height: 23px;
}
.voice-call-recording-list .table-outer__th.recid, .voice-call-recording-list .table-outer__td.recid {
  min-width: 130px !important;
  width: 130px !important;
  flex: inherit !important;
}
.voice-call-recording-list .table-outer__th.soid-patientid, .voice-call-recording-list .table-outer__td.soid-patientid {
  min-width: 180px !important;
  width: 180px !important;
  flex: inherit !important;
}
.voice-call-recording-list .table-outer__th.callername, .voice-call-recording-list .table-outer__td.callername {
  min-width: 180px !important;
  width: 180px !important;
  flex: inherit !important;
}

/***** Audio player ****/
audio {
  height: 30px;
  width: 100%;
}
audio::-webkit-media-controls-panel {
  background-color: #f3f1ff;
}

.bulk-upload-table .admin-tablet .p-datatable-table {
  border-spacing: 0;
  border-collapse: inherit;
}
.bulk-upload-table .admin-tablet .p-datatable-wrapper {
  max-height: calc(100vh - 270px);
  overflow-y: auto;
}

.history-table .admin-tablet .p-datatable-table {
  border-spacing: 0;
  border-collapse: inherit;
}
.history-table .admin-tablet .p-datatable-wrapper {
  height: auto;
  overflow-y: auto;
  max-height: calc(100vh - 270px);
}

.reports-detail .table-outer .p-datatable-table {
  border-spacing: 0;
  border-collapse: inherit;
}
.reports-detail .table-outer .p-datatable-wrapper {
  height: calc(100vh - 205px);
  overflow-y: auto;
}
.reports-detail .table-outer__th.soid, .reports-detail .table-outer__td.soid {
  min-width: 100px !important;
  width: 100px;
}
.reports-detail .table-outer__th.Patientid, .reports-detail .table-outer__td.Patientid {
  min-width: 160px !important;
  width: 160px;
}
.reports-detail .table-outer__th.callername, .reports-detail .table-outer__td.callername {
  min-width: 160px !important;
  width: 160px;
}
.reports-detail .table-outer__th.reportstatus, .reports-detail .table-outer__td.reportstatus {
  min-width: 120px !important;
  width: 120px;
}

.permissions-outer .permissions-table-outer .p-datatable-table {
  border-spacing: 0;
  border-collapse: inherit;
}
.permissions-outer .permissions-table-outer .p-datatable-wrapper {
  height: calc(100vh - 252px) !important;
  overflow: auto !important;
  width: 100%;
}
.permissions-outer .permissions-table-outer .table-outer__th, .permissions-outer .permissions-table-outer .table-outer__td {
  min-width: 220px !important;
  justify-content: center;
  -webkit-justify-content: center;
}
.permissions-outer .permissions-table-outer .table-outer__th:first-child, .permissions-outer .permissions-table-outer .table-outer__td:first-child {
  min-width: 300px !important;
  width: 300px !important;
  text-align: left;
  flex: inherit !important;
  justify-content: flex-start;
}
.permissions-outer .permissions-table-outer .table-outer__th:first-child .edit-new-role, .permissions-outer .permissions-table-outer .table-outer__td:first-child .edit-new-role {
  display: none;
}
.permissions-outer .permissions-table-outer .table-outer__th.permission-title, .permissions-outer .permissions-table-outer .table-outer__td.permission-title {
  border: none;
  border-bottom: 1px solid var(--table-border-color) !important;
  justify-content: flex-start;
}
.permissions-outer .permissions-table-outer .table-outer__th.permission-title h3, .permissions-outer .permissions-table-outer .table-outer__td.permission-title h3 {
  margin: 0;
  display: block;
  padding: 2.5rem 0 0 0;
  color: var(--h1-color);
  font-weight: var(--font-weight-500);
}
.permissions-outer .permissions-table-outer .table-outer__th {
  padding-left: 3rem;
}
.permissions-outer .permissions-table-outer .table-outer__th span {
  display: block;
  margin: 0 auto;
  text-align: center;
}
.permissions-outer .permissions-table-outer .table-outer__th.p-datatable-frozen-column span {
  text-align: left;
  margin: 0;
}
.permissions-outer .permissions-table-outer .table-outer__td {
  border-bottom: none !important;
}
.permissions-outer .permissions-table-outer .table-outer__td .table-data {
  text-align: left;
}
.permissions-outer .permissions-table-outer .table-outer__td .text-center {
  text-align: center;
  display: block;
}

.holiday-table .table-outer .p-datatable-wrapper {
  overflow-y: auto;
  height: auto !important;
  max-height: calc(100vh - 242px) !important;
  width: 100%;
  padding-right: 0;
}
.holiday-table .table-outer .p-datatable-wrapper .p-datatable-table {
  border-spacing: 0;
  border-collapse: inherit;
}

.classification-settings .table-outer .p-datatable-wrapper {
  overflow-y: auto;
  height: auto !important;
  max-height: calc(100vh - 253px) !important;
  width: 100%;
  padding-right: 0;
}
.classification-settings .table-outer__th:first-child, .classification-settings .table-outer__td:first-child {
  padding-left: 0 !important;
}
.classification-settings .table-outer__th.duration-minutes, .classification-settings .table-outer__td.duration-minutes {
  width: 165px;
  min-width: 165px;
}
.classification-settings .table-outer__th.black-out-day, .classification-settings .table-outer__td.black-out-day {
  width: 125px;
  min-width: 125px;
}

.branchs-settings .table-outer .p-datatable-wrapper {
  overflow-y: auto;
  max-height: calc(100vh - 307px) !important;
  width: 100%;
  padding-right: 0;
}
.branchs-settings .table-outer__th.brightreeid, .branchs-settings .table-outer__th.brightreeactive, .branchs-settings .table-outer__td.brightreeid, .branchs-settings .table-outer__td.brightreeactive {
  min-width: 165px !important;
  width: 165px !important;
  flex: inherit !important;
}
.branchs-settings .table-outer__th.table-checkbox-column, .branchs-settings .table-outer__td.table-checkbox-column {
  min-width: 50px !important;
  width: 50px !important;
  flex: inherit !important;
}
.branchs-settings.status-mapping .table-outer .p-datatable-wrapper {
  max-height: calc(100vh - 252px) !important;
}

.on-boarding-table-table .table-outer .p-datatable-table {
  border-spacing: 0;
  border-collapse: inherit;
}
.on-boarding-table-table .table-outer .p-datatable-wrapper {
  overflow: auto;
  height: auto !important;
  max-height: calc(100vh - 300px);
  width: 100%;
  padding-right: 0;
}
.on-boarding-table-table .table-outer__th.verifydate, .on-boarding-table-table .table-outer__td.verifydate {
  min-width: 120px !important;
  width: 120px !important;
  flex: inherit !important;
}

.noti-patient-outer .table-outer.notifications .p-datatable-table {
  border-spacing: 0;
  border-collapse: inherit;
}
.noti-patient-outer .table-outer.notifications .p-datatable-wrapper {
  overflow: auto;
  height: auto !important;
  max-height: calc(100vh - 213px);
  width: calc(100% + 2.4rem);
  padding-right: 2.4rem;
}
@media (max-width: 1024px) {
  .noti-patient-outer .table-outer.notifications .p-datatable-wrapper {
    width: 100%;
    padding-right: 0;
  }
}
.noti-patient-outer .table-outer.notifications__th.verifydate, .noti-patient-outer .table-outer.notifications__td.verifydate {
  min-width: 120px !important;
  width: 120px !important;
  flex: inherit !important;
}
.noti-patient-outer .table-outer.notifications .center {
  text-align: center !important;
}

/***********************/
/*** Mat Table **/
/***********************/
.mat-mdc-table {
  width: 100%;
  margin: 0;
  padding: 0;
}
.mat-mdc-table .mat-mdc-header-row {
  background-color: var(--header-bg-color);
}
.mat-mdc-table .mat-mdc-header-row th {
  padding: 0 1.5rem 0.5rem 1.5rem;
  border: none;
  font-weight: 500 !important;
  color: var(--table-head-color);
  background-color: var(--header-bg-color) !important;
  font: var(--table-head-font);
  z-index: 9;
  text-align: left;
  outline: 0;
  height: 30px !important;
}
.mat-mdc-table .mat-mdc-header-row th:first-child {
  padding-left: 2rem;
}
.mat-mdc-table .mat-mdc-header-row th:last-child {
  padding-right: 2rem;
}
.mat-mdc-table .mat-mdc-row {
  background-color: var(--white-color);
}
.mat-mdc-table .mat-mdc-row td {
  padding: 1.2rem 1.5rem;
  border: none;
  font-weight: 400;
  color: var(--body-color);
  background-color: var(--white-color) !important;
  font: var(--table-head-font);
  position: relative;
}
.mat-mdc-table .mat-mdc-row td:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  z-index: 99;
  background-color: var(--border-color) !important;
}
.mat-mdc-table .mat-mdc-row td:first-child {
  padding-left: 2.5rem;
}
.mat-mdc-table .mat-mdc-row td:last-child {
  padding-right: 2.5rem;
}
.mat-mdc-table.calendar-table .mat-mdc-header-row th {
  text-align: center;
  width: 160px;
}
@media (max-width: 992px) {
  .mat-mdc-table.calendar-table .mat-mdc-header-row th {
    min-width: 160px;
  }
}
.mat-mdc-table.calendar-table .mat-mdc-header-row th:first-child {
  text-align: left;
  width: 250px;
}
@media (max-width: 992px) {
  .mat-mdc-table.calendar-table .mat-mdc-header-row th:first-child {
    min-width: 250px;
  }
}
.mat-mdc-table.calendar-table .mat-row td {
  text-align: center;
}
.mat-mdc-table.calendar-table .mat-row td:first-child {
  text-align: left;
}

.column-freeze-table.view-by-date {
  overflow: auto;
  height: calc(100vh - 203px);
  width: 100%;
}
@media (max-width: 1024px) {
  .column-freeze-table.view-by-date {
    width: 100%;
    padding-right: 0;
  }
}
@media (max-width: 992px) {
  .column-freeze-table.view-by-date .mat-mdc-table {
    min-width: 900px;
  }
}
.column-freeze-table.view-by-date .mat-mdc-table .mat-mdc-header-row th {
  text-align: center;
  z-index: 999;
  padding: 0.8rem;
  color: var(--body-color) !important;
  font-size: var(--font-16) !important;
  font-weight: var(--font-weight-500) !important;
  background-color: var(--header-bg-color) !important;
  font-family: var(--font-family);
  border-right: 1px solid var(--border-color) !important;
}
.column-freeze-table.view-by-date .mat-mdc-table .mat-mdc-header-row th:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  width: 100%;
  z-index: 99;
  background-color: var(--border-color) !important;
}
.column-freeze-table.view-by-date .mat-mdc-table .mat-mdc-header-row th:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  z-index: 99;
  background-color: var(--border-color) !important;
}
.column-freeze-table.view-by-date .mat-mdc-table .mat-mdc-header-row th:first-child {
  text-align: left;
  padding-left: 0;
  color: var(--primary-color) !important;
  font-size: var(--font-18) !important;
  font-weight: var(--font-weight-500) !important;
}
@media (max-width: 992px) {
  .column-freeze-table.view-by-date .mat-mdc-table .mat-mdc-header-row th:first-child {
    background-color: var(--header-bg-color) !important;
    z-index: 9999 !important;
  }
}
.column-freeze-table.view-by-date .mat-mdc-table .mat-mdc-header-row th:last-child {
  background-image: none !important;
}
.column-freeze-table.view-by-date .mat-mdc-table .mat-mdc-header-row th span {
  color: var(--primary-color) !important;
  font-size: var(--font-18) !important;
  font-weight: var(--font-weight-500) !important;
}
.column-freeze-table.view-by-date .mat-mdc-table .mat-mdc-header-row th span span {
  font-size: var(--font-14) !important;
  font-weight: var(--font-weight-500) !important;
  color: var(--medium-grey) !important;
}
.column-freeze-table.view-by-date .mat-mdc-table .mat-mdc-row td {
  padding: 0;
  font-size: var(--font-15);
  border-right: 1px solid var(--border-color) !important;
}
.column-freeze-table.view-by-date .mat-mdc-table .mat-mdc-row td:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -0.1rem;
  height: 100%;
  width: 1px;
  z-index: 99;
  background-color: var(--border-color) !important;
}
.column-freeze-table.view-by-date .mat-mdc-table .mat-mdc-row td:first-child {
  border-left: none;
  z-index: 99 !important;
  font-size: var(--font-16) !important;
  font-weight: var(--font-weight-500) !important;
}
@media (max-width: 992px) {
  .column-freeze-table.view-by-date .mat-mdc-table .mat-mdc-row td:first-child {
    background-color: var(--white-color) !important;
    z-index: 999 !important;
  }
}
.column-freeze-table.view-by-date .mat-mdc-table .mat-mdc-row td:first-child:after {
  display: none;
}
.column-freeze-table.view-by-date .mat-mdc-table .mat-mdc-row td:last-child {
  padding-left: 0rem;
  padding-right: 0rem;
}
.column-freeze-table.view-by-date .mat-mdc-table .mat-mdc-row td .facilityName {
  padding: 1rem 1rem 1rem 0;
  display: inline-block;
  background-color: var(--white-color);
  max-width: 99%;
}
.column-freeze-table.view-by-date .mat-mdc-table .mat-mdc-row td .table-left-sidebar {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  -webkit-justify-content: center;
  background-color: var(--white-color) !important;
}
.column-freeze-table.view-by-date .mat-mdc-table .mat-mdc-row td .table-left-sidebar.no-event {
  pointer-events: none;
}
.column-freeze-table.view-by-date .mat-mdc-table .mat-mdc-row td .table-left-sidebar.no-event .available-slots {
  opacity: 0.4;
}
.column-freeze-table.view-by-date .mat-mdc-table .mat-mdc-row td .table-left-sidebar .available-slots {
  padding: 1rem 0.5rem;
  cursor: pointer;
  position: relative;
  font-size: var(--font-16);
  font-weight: var(--font-weight-500);
  min-height: 50px;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}
.column-freeze-table.view-by-date .mat-mdc-table .mat-mdc-row td .table-left-sidebar .available-slots-text {
  padding: 1rem 0.5rem;
  font-size: var(--font-17);
  font-weight: var(--font-weight-500);
}
.column-freeze-table.view-by-date .mat-mdc-table .mat-mdc-row td .table-left-sidebar.appointment-booked {
  padding: 1rem 0.5rem;
  background-color: var(--header-bg-color);
  cursor: pointer;
}
@media (max-width: 1024px) {
  .column-freeze-table.view-by-date .mat-mdc-table .mat-mdc-row td .table-left-sidebar.appointment-booked {
    padding: 1rem;
  }
}
.column-freeze-table.view-by-date .mat-mdc-table .mat-mdc-row td.not-available {
  height: 100%;
  background-color: var(--light-border-color) !important;
  text-align: center;
}
.column-freeze-table.view-by-date .mat-mdc-table .mat-mdc-row td.not-available .not-available-slot {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  width: 100%;
  padding: 1rem 0.5rem;
  margin: 0;
  text-align: center;
  justify-content: center;
}
@media (max-width: 1024px) {
  .column-freeze-table.view-by-date .mat-mdc-table .mat-mdc-row td.not-available .not-available-slot {
    padding: 1rem;
  }
}
.column-freeze-table.view-by-date .mat-mdc-table .mat-mdc-row:first-child td {
  position: sticky !important;
  top: 0 !important;
}

.column-freeze-table.view-by-date .mat-mdc-table .mat-mdc-row:first-child td {
  background-image: none !important;
  border: none !important;
}
.column-freeze-table.view-by-date .mat-mdc-table .mat-mdc-row:first-child td:first-child {
  background-color: transparent !important;
  border-right: 1px solid var(--border-color) !important;
}
.column-freeze-table.view-by-date .mat-mdc-table .mat-mdc-row:first-child td:after {
  display: none !important;
}

.view-by-date-outer .view-by-date .mat-mdc-table .mat-mdc-row:first-child td {
  background-color: transparent !important;
  border: none !important;
}
.view-by-date-outer .view-by-date .mat-mdc-table .mat-mdc-row:first-child td .table-left-sidebar {
  background-color: transparent !important;
}

.collapse .column-freeze-table.view-by-date {
  width: calc(100% - 0px) !important;
}

/************************/
/**** All Custom table *****/
/************************/
.custom-table {
  width: 100%;
  margin: 0;
  border-collapse: collapse;
  border-collapse: separate;
  border-spacing: 0;
}
.custom-table tr th {
  padding: 1.2rem 1.5rem;
  border: none;
  font-weight: 500 !important;
  font-size: var(--font-15);
  color: var(--table-head-color);
  background-color: var(--white-color) !important;
  color: var(--table-head-color);
  z-index: 9;
  text-align: left;
  outline: 0;
  height: 30px !important;
  border-bottom: 2px solid var(--accent-color);
  position: sticky;
  top: 0px;
}
.custom-table tr th:first-child {
  padding-left: 0;
}
.custom-table tr th:last-child {
  padding-right: 0;
}
.custom-table tr td {
  padding: 1.2rem 1.5rem;
  border: none;
  font-weight: var(--font-weight-400);
  color: var(--body-color);
  background-color: transparent !important;
  font: var(--table-head-font);
  border-bottom: 1px solid var(--table-border-color);
  position: relative;
}
.custom-table tr td:first-child {
  padding-left: 0;
}
.custom-table tr td:last-child {
  padding-right: 0;
}
.custom-table tr td:last-child a {
  margin: 0 0 0 1rem;
}
.custom-table tr:last-child td {
  border-bottom: none !important;
}

.mat-sort-header-arrow {
  display: none;
}

table tr td p {
  margin: 0 !important;
  list-height: 16px !important;
}

/***** permissions page table *****/
body .permissions-table-outer th {
  min-width: inherit !important;
  justify-content: center;
  -webkit-justify-content: center;
  padding-left: 3rem;
}
body .permissions-table-outer th:first-child {
  min-width: 15vw !important;
  padding-left: 0;
  justify-content: flex-start;
}
body .permissions-table-outer th:first-child .edit-new-role {
  display: none;
}
body .permissions-table-outer th:last-child {
  padding-right: 0 !important;
}
body .permissions-table-outer td {
  border-bottom: none !important;
  justify-content: center;
  -webkit-justify-content: center;
}
body .permissions-table-outer td:first-child {
  min-width: 15vw !important;
  justify-content: flex-start;
}
body .permissions-table-outer td.permission-title {
  border-bottom: 1px solid var(--table-border-color) !important;
  justify-content: flex-start;
}
body .permissions-table-outer td.permission-title h3 {
  margin: 0;
  display: block;
  padding: 1.5rem 0 0;
  color: var(--h1-color);
  font-weight: var(--font-weight-500);
}

.table-outer.permissions-table-outer .p-datatable-scrollable-view.p-datatable-frozen-view .p-datatable-scrollable-header-table tr th {
  padding: 1.2rem 1rem 2.5rem 0;
  min-width: 120px;
}
.table-outer.permissions-table-outer .p-datatable-scrollable-view.p-datatable-frozen-view .p-datatable-scrollable-header-table tr th span {
  position: relative;
  display: inline-block;
}
.table-outer.permissions-table-outer .p-datatable-scrollable-view.p-datatable-frozen-view .p-datatable-scrollable-header-table tr th span .edit-new-role {
  display: none;
}
.table-outer.permissions-table-outer .p-datatable-scrollable-view.p-datatable-frozen-view .p-datatable-scrollable-header-table tr th.manage-permission-header {
  display: none;
}
.table-outer.permissions-table-outer .p-datatable-scrollable-view.p-datatable-frozen-view .p-datatable-scrollable-body tr td {
  padding: 0;
  min-width: inherit;
  border: none;
}
.table-outer.permissions-table-outer .p-datatable-scrollable-view.p-datatable-frozen-view .p-datatable-scrollable-body tr td h3 {
  margin: 0 0 0 0;
  display: block;
  border-bottom: 1px solid var(--table-border-color);
  padding: 2.5rem 0 1rem 0rem;
  color: var(--h1-color);
  font-weight: var(--font-weight-500);
}
.table-outer.permissions-table-outer .p-datatable-scrollable-view.p-datatable-frozen-view .p-datatable-scrollable-body tr td .table-data {
  position: relative;
  height: 100%;
  padding-left: 0;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}
.table-outer.permissions-table-outer .p-datatable-scrollable-view.p-datatable-frozen-view .p-datatable-scrollable-body tr td .table-data:after {
  position: absolute;
  left: 0;
  bottom: -3px;
  content: "";
  background-color: var(--white-color);
  width: 20px;
  height: 6px;
}
.table-outer.permissions-table-outer .p-datatable-scrollable-view.p-datatable-unfrozen-view .p-datatable-scrollable-header {
  overflow: inherit;
  position: relative;
}
.table-outer.permissions-table-outer .p-datatable-scrollable-view.p-datatable-unfrozen-view .p-datatable-scrollable-header-box {
  background-color: var(--light-blue);
}
.table-outer.permissions-table-outer .p-datatable-scrollable-view.p-datatable-unfrozen-view .p-datatable-scrollable-header-table tr th {
  padding: 1.2rem 1rem 2.5rem 1.5rem;
  text-align: center;
  min-width: 120px;
}
.table-outer.permissions-table-outer .p-datatable-scrollable-view.p-datatable-unfrozen-view .p-datatable-scrollable-header-table tr th span {
  position: relative;
  display: inline-block;
}
.table-outer.permissions-table-outer .p-datatable-scrollable-view.p-datatable-unfrozen-view .p-datatable-scrollable-header-table tr th span .edit-new-role {
  position: absolute;
  bottom: -20px;
  right: 50%;
  width: 25px;
  height: 20px;
  display: block;
  margin-right: -12px;
}
.table-outer.permissions-table-outer .p-datatable-scrollable-view.p-datatable-unfrozen-view .p-datatable-scrollable-header-table tr th .manage-permission-header-checkbox {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  flex-wrap: wrap;
}
.table-outer.permissions-table-outer .p-datatable-scrollable-view.p-datatable-unfrozen-view .p-datatable-scrollable-body tr td {
  padding: 0;
  min-width: inherit;
  text-align: center;
  border: none;
}
.table-outer.permissions-table-outer .p-datatable-scrollable-view.p-datatable-unfrozen-view .p-datatable-scrollable-body tr td .table-data {
  position: relative;
  height: 100%;
  padding-left: 23px;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.table-outer.permissions-table-outer .p-datatable-scrollable-view.p-datatable-unfrozen-view .p-datatable-scrollable-body tr td h3 {
  margin: 0 2.5rem 0 0;
  display: block;
  border-bottom: 1px solid var(--table-border-color);
  padding: 2.5rem 0 1rem 0;
  color: var(--h1-color);
  overflow: hidden;
  text-indent: -9999px;
}

.view-by-date-outer {
  padding: 0 1.8rem 0 2.4rem !important;
}
.view-by-date-outer .column-freeze-table.view-by-date .mt-table.calendar-table.mat-table tr th {
  padding: 0 !important;
  z-index: 999 !important;
}
.view-by-date-outer .column-freeze-table.view-by-date .mt-table.calendar-table.mat-table tr th:first-child {
  padding-left: 5px !important;
  z-index: 9999 !important;
  background-color: var(--header-bg-color) !important;
}
.view-by-date-outer .column-freeze-table.view-by-date .mt-table.calendar-table.mat-table tr td {
  z-index: 9 !important;
}
.view-by-date-outer .column-freeze-table.view-by-date .mt-table.calendar-table.mat-table tr td:first-child {
  padding-left: 5px !important;
  background-color: var(--white-color) !important;
  z-index: 999 !important;
}

@-moz-document url-prefix() {
  .appointments-scroll.reports-detail .table-outer .p-datatable .p-paginator-bottom {
    padding: 1rem 2.4rem 1rem 2.4rem !important;
  }
}
.appointments-scroll.reports-detail .p-datatable-wrapper {
  max-height: calc(100vh - 240px);
  background-color: var(--white-color);
  overflow: auto;
  margin: 0;
}
@media (max-width: 1440px) {
  .appointments-scroll.reports-detail .p-datatable-wrapper {
    max-height: calc(100vh - 266px);
  }
}
@media (max-width: 1024px) {
  .appointments-scroll.reports-detail .p-datatable-wrapper {
    overflow-x: auto;
  }
}
.appointments-scroll.reports-detail .p-datatable-wrapper .ui-table-thead th {
  width: 150px !important;
  padding: 0.8rem 1.5rem 0.8rem 1rem;
}
.appointments-scroll.reports-detail .p-datatable-wrapper .ui-table-thead th:first-child {
  width: 100px !important;
}
.appointments-scroll.reports-detail.remove-filter .p-datatable-wrapper {
  max-height: calc(100vh - 210px);
}

@-moz-document url-prefix() {
  .reports-detail .table-outer .p-datatable .p-paginator-bottom .p-paginator-left-content {
    top: 17px !important;
  }
}

.facility-table .p-datatable table tr th:first-child {
  min-width: 35px;
  flex: inherit !important;
  left: 0 !important;
}

.therapist-table .table-outer .p-datatable-wrapper {
  width: 100%;
  padding-right: 0;
}
.therapist-table .table-outer .p-datatable-wrapper .p-datatable-table {
  border-spacing: 0;
  border-collapse: inherit;
}
.therapist-table .table-outer__th.table-checkbox-column, .therapist-table .table-outer__td.table-checkbox-column {
  min-width: 30px;
  width: 30px;
  flex: inherit !important;
}
.therapist-table .table-outer__th:nth-of-type(2), .therapist-table .table-outer__td:nth-of-type(2) {
  min-width: 200px;
  width: 200px;
  flex: inherit !important;
  left: 30px !important;
}

/****  table-action-menu ********/
.table-action-menu .p-datatable-scrollable-wrapper .p-datatable-frozen-view .p-datatable-scrollable-body {
  overflow: inherit !important;
}

/**** reposnive table css ********/
@media (max-width: 992px) {
  .p-datatable-wrapper {
    width: 900px;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
}

@media (max-width: 992px) {
  .table-outer .p-datatable-scrollable-wrapper {
    overflow: auto;
    width: 100%;
  }
}
@media (max-width: 992px) {
  .table-outer .p-datatable-scrollable-wrapper .p-datatable-scrollable-view {
    width: auto !important;
    z-index: 9;
  }
}

body .p-datatable .p-sortable-column:not(.p-highlight):hover {
  background-color: transparent;
}

/*** paginator Border top ****/
.appointments-scroll-inner-side .table-outer .p-datatable .p-paginator-bottom::before, .appointments-scroll-inner-side .table-outer .p-datatable .p-paginator-bottom::after, .view-locked-appointments .table-outer .p-datatable .p-paginator-bottom::before, .view-locked-appointments .table-outer .p-datatable .p-paginator-bottom::after {
  display: none;
}

.view-locked-appointments .table-outer .p-datatable table .p-datatable-thead tr th, .view-locked-appointments .table-outer .p-datatable table .p-datatable-tbody tr td {
  flex: 1 0 0 !important;
  width: 19.8vw;
}
.view-locked-appointments .table-outer .p-datatable table .p-datatable-thead tr th:nth-child(1), .view-locked-appointments .table-outer .p-datatable table .p-datatable-tbody tr td:nth-child(1) {
  width: 24px !important;
  flex: inherit !important;
}
.view-locked-appointments .table-outer .p-datatable table .p-datatable-thead tr th:nth-child(2), .view-locked-appointments .table-outer .p-datatable table .p-datatable-tbody tr td:nth-child(2) {
  width: 115px !important;
  flex: inherit !important;
}
.view-locked-appointments .table-outer .p-datatable table .p-datatable-thead tr th:nth-child(3), .view-locked-appointments .table-outer .p-datatable table .p-datatable-tbody tr td:nth-child(3) {
  width: 170px !important;
  flex: inherit !important;
}
.view-locked-appointments .table-outer .p-datatable table .p-datatable-thead tr th:nth-child(4), .view-locked-appointments .table-outer .p-datatable table .p-datatable-tbody tr td:nth-child(4) {
  width: 160px !important;
  flex: inherit !important;
}
.view-locked-appointments .table-outer .p-datatable table .p-datatable-thead tr th:nth-child(5), .view-locked-appointments .table-outer .p-datatable table .p-datatable-tbody tr td:nth-child(5) {
  width: 86px !important;
  flex: inherit !important;
}

.table-outer .p-datatable .p-paginator-bottom {
  position: relative;
  border-top: 2px solid var(--accent-color) !important;
}

body .p-datatable .p-sortable-column:not(.p-highlight):hover {
  background-color: transparent;
}

.pi:before {
  font-size: var(--font-13);
}

@media (max-width: 992px) {
  .appointments-tab-outer .p-datatable-thead, .appointments-tab-outer .p-datatable-tbody {
    width: auto !important;
    display: inherit !important;
  }
}
.appointments-tab-outer .p-datatable-thead tr th, .appointments-tab-outer .p-datatable-tbody tr th {
  width: 160px;
}
@media (max-width: 992px) {
  .appointments-tab-outer .p-datatable-thead tr th, .appointments-tab-outer .p-datatable-tbody tr th {
    left: inherit !important;
    width: 160px !important;
  }
}
.appointments-tab-outer .p-datatable-thead tr th:first-child, .appointments-tab-outer .p-datatable-tbody tr th:first-child {
  width: 50px !important;
}
.appointments-tab-outer .p-datatable-thead tr td, .appointments-tab-outer .p-datatable-tbody tr td {
  width: 160px;
}
@media (max-width: 992px) {
  .appointments-tab-outer .p-datatable-thead tr td, .appointments-tab-outer .p-datatable-tbody tr td {
    left: inherit !important;
    width: 160px !important;
  }
}
@media (max-width: 992px) {
  .appointments-tab-outer .p-datatable-thead tr td:first-child, .appointments-tab-outer .p-datatable-tbody tr td:first-child {
    width: 50px !important;
  }
}
.appointments-tab-outer .cancelled-appointments .p-datatable-thead tr th, .appointments-tab-outer .cancelled-appointments .p-datatable-tbody tr th {
  width: 160px;
}
@media (max-width: 992px) {
  .appointments-tab-outer .cancelled-appointments .p-datatable-thead tr th, .appointments-tab-outer .cancelled-appointments .p-datatable-tbody tr th {
    left: inherit !important;
    width: 160px !important;
    min-width: 160px;
  }
}
.appointments-tab-outer .cancelled-appointments .p-datatable-thead tr th:last-child, .appointments-tab-outer .cancelled-appointments .p-datatable-tbody tr th:last-child {
  min-width: 160px;
}
.appointments-tab-outer .cancelled-appointments .p-datatable-thead tr td, .appointments-tab-outer .cancelled-appointments .p-datatable-tbody tr td {
  width: 160px;
}
@media (max-width: 992px) {
  .appointments-tab-outer .cancelled-appointments .p-datatable-thead tr td, .appointments-tab-outer .cancelled-appointments .p-datatable-tbody tr td {
    left: inherit !important;
    width: 160px !important;
    min-width: 160px;
  }
}
.appointments-tab-outer .cancelled-appointments .p-datatable-thead tr td:last-child, .appointments-tab-outer .cancelled-appointments .p-datatable-tbody tr td:last-child {
  min-width: 160px;
}

@media (max-width: 992px) {
  .brightree-settings-outer .table-outer__th:last-child, .brightree-settings-outer .table-outer__td:last-child {
    width: 100px !important;
  }
}
@media (max-width: 992px) {
  .brightree-settings-outer .appointments-tab-outer .p-datatable-thead, .brightree-settings-outer .appointments-tab-outer .p-datatable-tbody {
    width: 100% !important;
  }
}

@media (max-width: 1024px) {
  .setting-tab-menu .custom-table-outer {
    overflow-y: scroll;
  }
}
@media (max-width: 992px) {
  .setting-tab-menu .custom-table-outer .custom-table {
    min-width: 980px;
  }
}

@media (max-width: 1024px) {
  .status-mapping.classification-settings .custom-table-outer {
    overflow: auto;
    height: calc(100vh - 248px);
  }
}
@media (max-width: 1024px) {
  .status-mapping.classification-settings .custom-table-outer .custom-table {
    min-width: 1100px;
  }
}

@media (max-width: 1024px) {
  .form-content-outer.permissions-outer {
    padding: 0rem0 0 2.4rem !important;
    height: calc(100vh - 181px);
  }
}
@media (max-width: 1024px) {
  .form-content-outer.permissions-outer .p-datatable-wrapper {
    height: calc(100vh - 236px) !important;
  }
}

/*************************************/
/***** Voice Call Recordings  ****/
/*************************************/
.voice-call table tr th.play {
  width: 220px !important;
}
@media (max-width: 1440px) {
  .voice-call table tr th.play {
    width: auto !important;
  }
}
@media (max-width: 1024px) {
  .voice-call table tr th .p-sortable-column-icon {
    top: -2px !important;
  }
}
.voice-call table tr td .voice-call-icon {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}
.voice-call table tr td .voice-call-icon__img {
  margin-right: 1.5rem;
}
.voice-call .table-outer .p-datatable .p-datatable-wrapper {
  padding: 0;
  margin: 0 2.5rem;
}
@media (max-width: 1024px) {
  .voice-call .table-outer .p-datatable .p-datatable-wrapper {
    overflow: auto !important;
    max-width: calc(100vw - 160px);
  }
}
@media (max-width: 1024px) {
  .voice-call .table-outer .p-datatable .p-datatable-wrapper table {
    min-width: 1100px;
  }
}

/***** voice-call-table ****/
.voice-call-table {
  margin: 0;
}

.voice-call-recording-list {
  padding: 0 2.4rem;
  height: auto !important;
}
.voice-call-recording-list .appointments-scroll-inner-side {
  height: auto !important;
}
.voice-call-recording-list .p-datatable-wrapper {
  max-height: calc(100vh - 262px);
  height: auto !important;
  background-color: var(--white-color);
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 1024px) {
  .voice-call-recording-list .p-datatable-wrapper {
    overflow-x: auto;
    max-height: calc(100vh - 264px);
  }
}
@media (max-width: 992px) {
  .voice-call-recording-list .p-datatable-wrapper {
    max-height: calc(100vh - 210px);
  }
}
.voice-call-recording-list .p-datatable-wrapper table {
  table-layout: inherit;
  min-width: inherit !important;
}
.voice-call-recording-list .p-datatable-wrapper table thead, .voice-call-recording-list .p-datatable-wrapper table tbody {
  width: 100%;
  display: inline-block;
}
.voice-call-recording-list .p-datatable-wrapper table p.table-checkbox.header-soid {
  margin: 0 0 0.5rem 0;
}
.voice-call-recording-list .p-datatable-wrapper table th, .voice-call-recording-list .p-datatable-wrapper table td {
  min-width: 180px;
  width: 180px;
  margin: 0;
  flex: 1 1 0 !important;
}
.voice-call-recording-list .p-datatable-wrapper table th:first-child, .voice-call-recording-list .p-datatable-wrapper table td:first-child {
  min-width: 50px;
  width: 50px !important;
  flex: inherit !important;
  left: 0px !important;
}
.voice-call-recording-list .p-datatable-wrapper table th:nth-of-type(2), .voice-call-recording-list .p-datatable-wrapper table td:nth-of-type(2) {
  min-width: 130px;
  width: 130px !important;
  flex: inherit !important;
  left: 50px !important;
}
.voice-call-recording-list .p-datatable-wrapper table th:nth-of-type(3), .voice-call-recording-list .p-datatable-wrapper table td:nth-of-type(3) {
  left: 180px !important;
}
.voice-call-recording-list .p-datatable-wrapper table th:nth-of-type(4), .voice-call-recording-list .p-datatable-wrapper table td:nth-of-type(4) {
  left: 360px !important;
}
.voice-call-recording-list .p-datatable-wrapper table th:last-child, .voice-call-recording-list .p-datatable-wrapper table td:last-child {
  min-width: 130px;
  width: 130px !important;
  flex: inherit !important;
}
.voice-call-recording-list .p-datatable-wrapper table th p {
  margin-bottom: 0 !important;
}
.voice-call-recording-list .p-datatable-wrapper table td {
  white-space: nowrap;
  padding: 1.2rem 0.7rem !important;
}
.voice-call-recording-list .p-datatable-wrapper table td:first-child {
  padding-left: 0 !important;
}
.voice-call-recording-list .p-datatable-wrapper table td p, .voice-call-recording-list .p-datatable-wrapper table td span {
  text-overflow: ellipsis;
  overflow: hidden;
}

.managePermission .permissions-outer__tablet-outer .p-scrollpanel-wrapper {
  border-right: none !important;
}
.managePermission .permissions-outer__tablet-outer .p-scrollpanel-wrapper .p-scrollpanel-content {
  padding-right: 0 !important;
  width: 100% !important;
}

/***** Audio player ****/
audio {
  height: 30px;
  width: 100%;
}
audio::-webkit-media-controls-panel {
  background-color: #f3f1ff;
}

.bulk-upload-table .admin-tablet .p-datatable-wrapper {
  max-height: calc(100vh - 484px);
}

/************ Setting Classification Table ***********/
.classification-table .p-datatable-wrapper .p-datatable-table th, .classification-table .p-datatable-wrapper .p-datatable-table td {
  min-width: 145px !important;
  z-index: 1 !important;
}
.classification-table .p-datatable-wrapper .p-datatable-table th:nth-child(1), .classification-table .p-datatable-wrapper .p-datatable-table th:nth-child(2), .classification-table .p-datatable-wrapper .p-datatable-table th:nth-child(3), .classification-table .p-datatable-wrapper .p-datatable-table td:nth-child(1), .classification-table .p-datatable-wrapper .p-datatable-table td:nth-child(2), .classification-table .p-datatable-wrapper .p-datatable-table td:nth-child(3) {
  min-width: 190px !important;
  flex: inherit !important;
}
@media (max-width: 1440px) {
  .classification-table .p-datatable-wrapper .p-datatable-table th:nth-child(1), .classification-table .p-datatable-wrapper .p-datatable-table th:nth-child(2), .classification-table .p-datatable-wrapper .p-datatable-table th:nth-child(3), .classification-table .p-datatable-wrapper .p-datatable-table td:nth-child(1), .classification-table .p-datatable-wrapper .p-datatable-table td:nth-child(2), .classification-table .p-datatable-wrapper .p-datatable-table td:nth-child(3) {
    min-width: 170px !important;
  }
}
.classification-table .p-datatable-wrapper .p-datatable-table th:nth-child(4), .classification-table .p-datatable-wrapper .p-datatable-table th:nth-child(5), .classification-table .p-datatable-wrapper .p-datatable-table th:nth-child(6), .classification-table .p-datatable-wrapper .p-datatable-table td:nth-child(4), .classification-table .p-datatable-wrapper .p-datatable-table td:nth-child(5), .classification-table .p-datatable-wrapper .p-datatable-table td:nth-child(6) {
  min-width: 120px !important;
  flex: inherit !important;
}
.classification-table .p-datatable-wrapper .p-datatable-table th:last-child, .classification-table .p-datatable-wrapper .p-datatable-table td:last-child {
  min-width: 85px !important;
  flex: inherit !important;
}
.classification-table .p-datatable-wrapper .p-datatable-table th.p-frozen-column, .classification-table .p-datatable-wrapper .p-datatable-table td.p-frozen-column {
  z-index: 2 !important;
}
.classification-table .p-datatable-wrapper .p-datatable-table .p-datatable-thead {
  z-index: 4;
}
.classification-table .p-datatable-wrapper .p-datatable-table .p-datatable-tbody {
  z-index: 3;
}

.therapist-history .table-outer .p-datatable-wrapper {
  max-height: calc(100vh - 257px);
}

.status-column .view-more {
  font-weight: var(--font-weight-500);
  color: var(--primary-color);
  display: block;
  padding-top: 0.5rem;
  cursor: pointer;
}
.status-column .view-more::after {
  display: none;
}

/**************************************************************************************************/
/**************************************************************************************************/
/**** New Paginator Style ****/
.p-paginator {
  background-color: transparent !important;
  border: none !important;
  border-top: 2px solid var(--accent-color) !important;
  padding: 0.9rem 0 !important;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  border-radius: 0 !important;
  position: relative;
}
.p-paginator .p-paginator-content-start {
  font-size: var(--font-15);
  font-family: var(--font-family);
  width: auto;
  position: absolute;
  left: 0;
  top: 17px;
}
.p-paginator .p-paginator-content-end {
  font-size: var(--font-15);
  font-family: var(--font-family);
  position: absolute;
  right: 0;
  top: 10px;
}
.p-paginator .p-paginator-content-end .table-pagination__select .p-select {
  width: 95px;
  min-width: inherit;
  height: 38px;
  align-items: center;
  font: var(--input-font-size) var(--font-family);
  line-height: normal;
  color: var(--input-font-color);
}
.p-paginator .p-paginator-content-end .table-pagination__select .p-select .p-select-clear-icon {
  display: none;
}
.p-paginator .p-paginator-content-end .table-pagination__select .p-select .p-select-dropdown {
  color: var(--body-color);
  margin-right: 1.2rem;
}
.p-paginator .p-paginator-content-end .table-pagination__select .p-select .p-select-dropdown .p-iconwrapper svg {
  width: 15px;
  height: 15px;
}

.p-paginator-page.p-paginator-page-selected {
  background-color: var(--primary-color) !important;
  font-weight: var(--font-weight-600);
  color: var(--white-color) !important;
}

.table-header-flex {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}

.p-datatable-scrollable th.p-datatable-frozen-column, .p-datatable-scrollable td.p-datatable-frozen-column {
  background-color: var(--white-color) !important;
}

.p-datatable-scrollable th.p-datatable-frozen-column {
  z-index: 9 !important;
}

p-sorticon {
  width: 20px;
  height: 16px;
  text-align: center;
}
p-sorticon .p-icon {
  color: var(--table-head-color);
  font-size: var(--font-14);
  width: 14px;
  height: 16px;
}

.p-datatable-tbody > tr {
  background-color: transparent !important;
}

.p-datatable-scrollable > .p-datatable-table-container > .p-datatable-table > .p-datatable-thead, .p-datatable-scrollable > .p-datatable-table-container > .p-virtualscroller > .p-datatable-table > .p-datatable-thead {
  background: var(--white-color) !important;
}

.ic {
  display: inline-block;
  background-image: url("/assets/img/sprite.png");
  background-repeat: no-repeat;
}

.ic {
  /* @include mixins.transition(350ms ease) */
}
.ic.plus {
  background-position: -110px 0;
  width: 22px;
  height: 22px;
}
.ic.plus.small {
  background-position: -134px 0;
  width: 18px;
  height: 18px;
}
.ic.plus-white {
  background-position: -125px -20px;
  width: 21px;
  height: 21px;
}
.ic.arrow-prev {
  background-position: -53px -23px;
  width: 15px;
  height: 15px;
}
.ic.arrow-next {
  background-position: -65px -23px;
  width: 15px;
  height: 15px;
}
.ic.availability {
  background-position: -227px 0px;
  width: 18px;
  height: 18px;
}
.ic.dots {
  background-position: -80px -18px;
  width: 26px;
  height: 18px;
}
.ic.action-ic {
  background-position: -145px -276px;
  width: 12px;
  height: 26px;
}
.ic.calling {
  background-position: -281px -3px;
  width: 20px;
  height: 20px;
}
.ic.cale-date {
  background-position: -313px 1px;
  width: 22px;
  height: 22px;
}
.ic.cale-date-small {
  background-position: -197px -190px;
  width: 18px;
  height: 19px;
}
.ic.move {
  background-position: -345px -2px;
  width: 18px;
  height: 18px;
}
.ic.close {
  background-position: -375px -2px;
  width: 20px;
  height: 20px;
}
.ic.arrow-right {
  background-position: -262px -82px;
  width: 10px;
  height: 19px;
}
.ic.arrow-left {
  background-position: -272px -82px;
  width: 10px;
  height: 19px;
}
.ic.search {
  background-position: -22px 0;
  width: 20px;
  height: 20px;
}
.ic.search-white {
  background-position: -142px -164px;
  width: 20px;
  height: 20px;
}
.ic.notifi {
  background-position: -175px 0px;
  width: 25px;
  height: 23px;
}
.ic.invite {
  background-position: -202px 0px;
  width: 25px;
  height: 19px;
}
.ic.dot {
  background-position: -80px -21px;
  width: 25px;
  height: 8px;
}
.ic.dot:hover {
  background-position: -80px -30px;
}
.ic.add-column {
  background-position: -111px -1px;
  width: 20px;
  height: 20px;
}
.ic.view {
  background-position: -118px -76px;
  width: 25px;
  height: 23px;
}
.ic.schedule {
  background-position: -147px -76px;
  width: 23px;
  height: 23px;
}
.ic.schedule--white {
  background-position: -147px -101px;
}
.ic.calllogs {
  background-position: -88px -76px;
  width: 25px;
  height: 24px;
}
.ic.cancel {
  background-position: -198px -78px;
  width: 22px;
  height: 19px;
}
.ic.update {
  background-position: -374px -47px;
  width: 22px;
  height: 22px;
}
.ic.info {
  background-position: -338px -47px;
  width: 27px;
  height: 25px;
}
.ic.phone {
  background-position: -280px -2px;
  width: 26px;
  height: 20px;
}
.ic.phone-white {
  background-position: -120px -205px;
  width: 20px;
  height: 20px;
}
.ic.lock {
  background-position: -143px -185px;
  width: 20px;
  height: 20px;
}
.ic.lock-white {
  background-position: -143px -227px;
  width: 20px;
  height: 20px;
}
.ic.unlock {
  background-position: -140px -185px;
  width: 20px;
  height: 20px;
}
.ic.unlock-white {
  background-position: -143px -227px;
  width: 20px;
  height: 20px;
}
.ic.email {
  background-position: -154px -2px;
  width: 21px;
  height: 15px;
  margin-top: -1px;
}
.ic.export {
  background-position: -248px 0px;
  width: 21px;
  height: 18px;
}
.ic.location {
  background-position: -317px -49px;
  width: 22px;
  height: 22px;
}
.ic.dollar {
  background-position: -57px -75px;
  width: 25px;
  height: 25px;
}
.ic.back {
  background-position: -228px -111px;
  width: 12px;
  height: 19px;
}
.ic.edit {
  background-position: -81px -103px;
  width: 22px;
  height: 22px;
}
.ic.delete {
  background-position: -59px -103px;
  width: 22px;
  height: 22px;
}
.ic.download {
  background-position: -170px -23px;
  width: 17px;
  height: 20px;
}
.ic.down-arrow {
  background-position: -45px -4px;
  width: 12px;
  height: 9px;
}
.ic.up-arrow {
  background-position: -45px -12px;
  width: 12px;
  height: 9px;
}
.ic.right-arrow {
  background-position: -386px -94px;
  width: 15px;
  height: 10px;
}
.ic.facility {
  background-position: 0 -87px;
  height: 48px;
  width: 49px;
}
.ic.facility.active {
  background-position: 0 -206px;
}
.ic.facility-small {
  background-position: 0 -311px;
  height: 43px;
  width: 40px;
}
.ic.patient-facility-small {
  background-position: -44px -332px;
  height: 34px;
  width: 31px;
}
.ic.calendar {
  background-position: 0 -138px;
  height: 48px;
  width: 49px;
}
.ic.calendar.active {
  background-position: 0 -256px;
}
.ic.calendar-small {
  background-position: 0 -356px;
  height: 43px;
  width: 40px;
}
.ic.patient-calendar-small {
  background-position: -44px -364px;
  height: 34px;
  width: 31px;
}
.ic.call-us {
  background-position: -59px -206px;
  height: 18px;
  width: 18px;
}
.ic.time {
  background-position: -59px -234px;
  height: 18px;
  width: 20px;
}
.ic.date-time {
  background-position: -58px -253px;
  height: 18px;
  width: 20px;
}
.ic.list-map {
  background-position: 0px -52px;
  height: 25px;
  width: 25px;
}
.ic.list-view {
  background-position: 0px -23px;
  height: 23px;
  width: 25px;
}
.ic.list-grid {
  background-position: -33px -45px;
  height: 25px;
  width: 25px;
}
.ic.btn-arrow-right {
  background-position: -287px -84px;
  width: 20px;
  height: 14px;
}
.ic.btn-arrow-left {
  background-position: -288px -99px;
  width: 20px;
  height: 14px;
}
.ic.gps {
  background-position: -318px -80px;
  width: 26px;
  height: 26px;
}
.ic.menu {
  background-position: -181px -107px;
  width: 28px;
  height: 22px;
}
.ic.birthdate {
  background-position: -91px -204px;
  height: 20px;
  width: 20px;
}
.ic.branch {
  background-position: -88px -229px;
  height: 25px;
  width: 25px;
}
.ic.search-ic {
  background-position: -92px -256px;
  height: 21px;
  width: 21px;
}
.ic.quick-filter-action {
  background-position: -116px -253px;
  width: 26px;
  height: 26px;
}
.ic.invite-email {
  background-position: -121px -160px;
  width: 22px !important;
  height: 26px;
}
.ic.sidebar-arrow {
  background-position: -176px -168px;
}
.ic.check-ic {
  background-position: -117px -282px;
  width: 20px !important;
  height: 20px;
}
.ic.cros {
  background-position: -117px -302px;
  width: 20px !important;
  height: 20px;
}
.ic.rightarrow {
  background-position: -167px -172px;
  width: 10px !important;
  height: 14px;
}
.ic.callback {
  background-position: -197px -166px;
  width: 22px;
  height: 22px;
}
.ic.void-ic {
  background-position: -182px -276px;
  width: 26px;
  height: 26px;
}
.ic.void-cancel {
  background-position: -182px -299px;
  width: 26px;
  height: 26px;
}
.ic.therapist-ic {
  background-position: -184px -327px;
  width: 24px;
  height: 24px;
}
.ic.edit-small {
  background-position: -212px -299px;
  width: 16px;
  height: 20px;
}
.ic.check-ic-small {
  background-position: -213px -319px;
  width: 17px;
  height: 15px;
  margin-top: 4px;
}
.ic.cancel-ic-small {
  background-position: -214px -336px;
  width: 16px;
  height: 15px;
  margin-top: 5px;
}
.ic.mobile-ic {
  background-position: -211px -271px;
  width: 26px;
  height: 26px;
  margin-top: -8px;
}
.ic.ic.gps-white {
  background-position: -142px -165px;
  width: 18px;
  height: 18px;
}
.ic.call-back {
  background-position: -204px -139px;
  height: 18px;
  width: 21px;
}
.ic.block-ic {
  background-position: -166px -225px;
  height: 20px;
  width: 21px;
}
.ic.info-ic {
  background-position: -190px -224px;
  height: 21px;
  width: 22px;
}
.ic.ic-support {
  background-position: -52px -279px;
  height: 26px;
  width: 28px;
}
.ic.calendar-remove {
  background-position: -119px -327px;
  height: 19px;
  width: 17px;
}
.ic.calendar-edit {
  background-position: -119px -348px;
  height: 19px;
  width: 19px;
}
.ic.refresh-ic {
  background-position: -185px -353px;
  height: 19px;
  width: 17px;
}

/******************************/
/******* New Iocns*******/
/******************************/
.new-ic {
  display: inline-block;
  background-image: url("/assets/img/sprite-new.png");
  background-repeat: no-repeat;
}

.new-ic {
  transition: 350ms ease;
}

.header-search-btn {
  display: inline-block;
  width: 36px;
  height: 36px;
  background-image: url("/assets/img/header-search-ic.svg");
  background-repeat: no-repeat;
}

.h-cancel-new {
  display: inline-block;
  width: 17px;
  height: 17px;
  background-image: url("/assets/img/close-new.svg");
  background-repeat: no-repeat;
}

.h-search {
  display: inline-block;
  width: 17px;
  height: 17px;
  background-image: url("/assets/img/h-search-ic.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}

.search-new {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("/assets/img/search-ic.svg");
  background-repeat: no-repeat;
}

.search-ic-white {
  display: inline-block;
  width: 17px;
  height: 17px;
  background-image: url("/assets/img/search-ic-white.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}

.book-appointment-heart {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/assets/img/patient-search-ic.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  filter: brightness(1) invert(1);
}

.support-new {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url("/assets/img/help-ic.svg");
  background-repeat: no-repeat;
}

.noti-new {
  display: inline-block;
  width: 21px;
  height: 26px;
  background-image: url("/assets/img/notification-ic.svg");
  background-repeat: no-repeat;
}

.filter-new {
  display: inline-block;
  width: 21px;
  height: 26px;
  background-image: url("/assets/img/filter-ic.svg");
  background-repeat: no-repeat;
}

.update-icon {
  display: inline-block;
  width: 18px;
  height: 19px;
  background-image: url("/assets/img/update-icon.svg");
  background-repeat: no-repeat;
}

.reassign-appointment-icon {
  display: inline-block;
  width: 18px;
  height: 19px;
  background-image: url("/assets/img/reassign-appointment-icon.svg");
  background-repeat: no-repeat;
}

.arrow-prev {
  display: inline-block;
  width: 10px;
  height: 17px;
  background-image: url("/assets/img/calendar-prev-icon.svg");
  background-repeat: no-repeat;
}

.arrow-next {
  display: inline-block;
  width: 10px;
  height: 17px;
  background-image: url("/assets/img/calendar-next-icon.svg");
  background-repeat: no-repeat;
}

.birthdate-new {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("/assets/img/birthdate-new.svg");
  background-size: 100%;
  margin-right: 1.3rem;
  background-repeat: no-repeat;
}

.info-new {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("/assets/img/information-ic.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}

.add-column-new {
  display: inline-block;
  width: 23px;
  height: 23px;
  background-image: url("/assets/img/plus-icon.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}

.back-new {
  display: inline-block;
  width: 22px;
  height: 19px;
  background-image: url("/assets/img/back-icon.svg");
  background-repeat: no-repeat;
}

.lock-new {
  display: inline-block;
  width: 21px;
  height: 21px;
  background-image: url("/assets/img/lock-ic.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}

.lock-ic-new {
  display: inline-block;
  width: 19px;
  height: 19px;
  background-image: url("/assets/img/lock-ic-new.svg");
  background-size: 100%;
  margin-right: 1.2rem;
  background-repeat: no-repeat;
}

.schedule-new {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("/assets/img/schedule-new.svg");
  background-size: 100%;
  margin-right: 1.2rem;
  background-repeat: no-repeat;
}

.void-new {
  display: inline-block;
  width: 19px;
  height: 19px;
  background-image: url("/assets/img/void-ic-new.svg");
  background-size: 100%;
  margin-right: 1.2rem;
  background-repeat: no-repeat;
}

.cancel-new {
  display: inline-block;
  width: 19px;
  height: 19px;
  background-image: url("/assets/img/cross-ic-new.svg");
  background-size: 100%;
  margin-right: 1.2rem;
  background-repeat: no-repeat;
}

.phone-new {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("/assets/img/phone-call.svg");
  background-size: 100%;
  margin-right: 1.2rem;
  background-repeat: no-repeat;
}

.facilities {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("/assets/img/facilities.svg");
  background-size: 100%;
  margin-right: 1.2rem;
  background-repeat: no-repeat;
}

.email-ic-new {
  display: inline-block;
  width: 20px;
  height: 17px;
  background-image: url("/assets/img/email-ic-new.svg");
  background-size: 100%;
  margin-right: 1.2rem;
  margin-left: -2px;
  margin-top: 1px;
  background-repeat: no-repeat;
}

.edit-icon-new {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url("/assets/img/edit-icon-new.svg");
  background-size: 100%;
  margin-right: 1.2rem;
  background-repeat: no-repeat;
}

.delete-icon-new {
  display: inline-block;
  width: 17px;
  height: 20px;
  background-image: url("/assets/img/delete-icon-new.svg");
  background-size: 100%;
  margin-right: 1.3rem;
  background-repeat: no-repeat;
}

.voice-call-icon-new {
  display: inline-block;
  width: 17px;
  height: 17px;
  background-image: url("/assets/img/voice-call-icon-new.svg");
  background-size: 100%;
  margin-right: 1rem;
  background-repeat: no-repeat;
}

.voice-call-icon-new-primary {
  display: inline-block;
  width: 19px;
  height: 19px;
  background-image: url("/assets/img/voice-call-icon-new-primary.svg");
  background-size: 100%;
  margin-right: 1rem;
  background-repeat: no-repeat;
}

.phone-icon-new {
  display: inline-block;
  width: 15px;
  height: 19px;
  background-image: url("/assets/img/phone-icon-new.svg");
  background-size: 100%;
  margin-right: 1rem;
  background-repeat: no-repeat;
}

.phone-icon-new-primary {
  display: inline-block;
  width: 15px;
  height: 24px;
  background-image: url("/assets/img/phone-icon-new-primary.svg");
  background-size: 100%;
  margin-right: 1rem;
  background-repeat: no-repeat;
}

.dot-icon {
  display: inline-block;
  width: 24px;
  height: 6px;
  background-image: url("/assets/img/dot-icon.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}

.location-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/assets/img/location-icon-new.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}

.save-icon-new {
  display: inline-block;
  width: 18px;
  height: 17px;
  background-image: url("/assets/img/save-icon-new.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}

.timer-icon {
  display: inline-block;
  width: 22px;
  height: 20px;
  background-image: url("/assets/img/timer-icon.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}

.next-availability-icon {
  display: inline-block;
  width: 19px;
  height: 20px;
  background-image: url("/assets/img/next-availability-icon.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}

.calendar-icon-white {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/assets/img/calendar-icon-white.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}

.btn-check-arrow {
  display: inline-block;
  width: 19px;
  height: 19px;
  background-image: url("/assets/img/button-check-arrow.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}

.get-started-new {
  display: inline-block;
  width: 19px;
  height: 19px;
  background-image: url("/assets/img/get-started-new.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}

.get-started-icon {
  display: inline-block;
  width: 19px;
  height: 19px;
  background-image: url("/assets/img/get-started-icon.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}

.facility-list {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("/assets/img/facility-list-icon.svg");
  background-repeat: no-repeat;
}

.facility-map {
  display: inline-block;
  width: 18px;
  height: 16px;
  background-image: url("/assets/img/facility-map-icon.svg");
  background-repeat: no-repeat;
}

.facility-icon-new {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/assets/img/facility-icon-new.svg");
  background-repeat: no-repeat;
  background-size: 100%;
}

.call-back-ic-new {
  display: inline-block;
  width: 19px;
  height: 19px;
  background-image: url("/assets/img/call-back.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  filter: brightness(1) invert(1);
}

.call-new-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url("/assets/img/call-icon.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}

.call-back-new-icon {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url("/assets/img/callback-icon.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}

.email-new-icon {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-image: url("/assets/img/email-icon.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}

/******************************/
/******* New Iocns*******/
/******************************/
.new-ic {
  display: inline-block;
  background-image: url("/assets/img/sprite-menu.png") !important;
  background-repeat: no-repeat;
}

.new-ic {
  transition: 350ms ease;
}

.sms-log-ic {
  display: inline-block;
  background-image: url("/assets/img/sms-log-ic.png") !important;
  background-repeat: no-repeat;
  width: 27px;
  height: 22px;
  background-position: center center;
  background-size: 31px;
}

.email-log-ic {
  display: inline-block;
  background-image: url("/assets/img/email-log-ic.png") !important;
  background-repeat: no-repeat;
  width: 27px;
  height: 22px;
  background-position: center center;
  background-size: 22px;
}

.convert-zoome-ic {
  display: inline-block;
  background-image: url("/assets/img/convert-zoom.svg");
  background-repeat: no-repeat;
  width: 27px;
  height: 22px;
  background-position: center center;
  background-size: 22px;
}

.convert-phone-ic {
  display: inline-block;
  background-image: url("/assets/img/convert-phone.svg");
  background-repeat: no-repeat;
  width: 27px;
  height: 22px;
  background-position: center center;
  background-size: 22px;
}

.timer-icon-new {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("/assets/img/time-zone-1.svg");
  background-size: 100%;
  margin-right: 1.3rem;
  background-repeat: no-repeat;
}

button, a {
  box-shadow: none !important;
  outline: none;
}

.btn {
  width: auto;
  height: 42px;
  margin-bottom: 1.5rem;
  padding: 0rem 2rem;
  cursor: pointer;
  position: relative;
  text-align: center;
  border: none;
  outline: none;
  font: var(--font-weight-500) var(--font-16) var(--font-family);
  transition: 350ms ease;
  display: inline-block;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
  box-shadow: none !important;
  line-height: 42px;
}
@media (max-width: 600px) {
  .btn {
    height: 40px;
  }
}
.btn.small {
  font-size: var(--font-14);
  padding: 0rem 1.5rem;
  height: 32px;
  line-height: 32px;
}
.btn--primary {
  color: var(--white-color);
  background-color: var(--primary-button-color);
}
.btn--primary:hover {
  text-decoration: none !important;
  color: var(--white-color);
  background-color: var(--primary-button-hover-color);
}
.btn--cancel {
  height: auto;
  background-color: transparent;
  min-width: inherit;
  margin: 0 0 0 1.5rem;
  padding: 0;
  /*margin-right: -1rem */
  font-weight: var(--font-weight-500) !important;
  color: var(--body-color);
  font-size: var(--font-16);
}
.btn--cancel:hover {
  text-decoration: underline;
}
.btn--secondary {
  color: var(--white-color);
  background-color: var(--secondary-button-color);
}
.btn--secondary:hover {
  color: var(--white-color);
  text-decoration: none !important;
  background-color: var(--secondary-button-hover-color);
}
.btn--secondary--modify {
  color: var(--white-color);
  background-color: var(--primary-button-color);
  margin: 0 0 0 1rem;
}
.btn--secondary--modify:hover {
  color: var(--white-color);
  text-decoration: none !important;
  background-color: var(--secondary-button-hover-color);
}
.btn--download {
  background-color: transparent;
  border: 1px solid var(--input-border-color);
  outline: 0;
  box-shadow: none;
  -webkit-border-radius: 3px !important;
  -webkit-border-radius-border-radius: 3px !important;
}
.btn--download:hover {
  text-decoration: none !important;
  color: var(--white-color);
  background-color: var(--secondary-button-hover-color);
}
.btn--accent {
  color: var(--white-color);
  background-color: var(--accent-color);
}
.btn--accent:hover {
  color: var(--white-color);
  text-decoration: none !important;
  background-color: var(--secondary-button-color);
}
.btn--confirm {
  color: var(--white-color);
  background-color: var(--confirm-button-color);
  border: 1px solid var(--confirm-button-border);
  box-shadow: 0px 2px 10px rgba(75, 75, 75, 0.5) !important;
}
.btn--confirm:hover {
  background-color: var(--secondary-button-hover-color);
  border: 1px solid var(--confirm-button-color);
}
.btn--get-started {
  color: var(--white-color);
  background-color: var(--confirm-button-color);
  border: 1px solid var(--secondary-color);
  box-shadow: 0px 4px 10px rgba(75, 75, 75, 0.5) !important;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  margin-bottom: 0;
  height: 44px;
}
.btn--get-started i {
  margin: -1px 1rem 0 0;
}
.btn--get-started:hover {
  background-color: hsla(var(--confirm-button-color-h), var(--confirm-button-color-s), var(--confirm-button-color-l), 5%);
  border: 1px solid hsla(var(--confirm-button-color-h), var(--confirm-button-color-s), var(--confirm-button-color-l), 5%);
}
.btn--preview-btn {
  color: var(--white-color);
  background-color: var(--medium-grey);
  border: 1px solid var(--medium-grey);
}
.btn--preview-btn:hover, .btn--preview-btn:focus {
  background-color: var(--light-grey-color);
  border: 1px solid var(--light-grey-color);
  color: var(--white-color);
}

.btn[disabled] {
  background-color: var(--accent-color);
  cursor: default;
  color: var(--white-color);
  opacity: 0.8;
}

.back-btn {
  font: var(--font-weight-500) var(--font-16) var(--font-family);
  color: var(--body-color);
  transition: 350ms ease;
  padding: 0 0;
  margin: 0 0 0 2.5rem;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}
.back-btn .back-new {
  margin-right: 1rem;
}
.back-btn:hover {
  color: var(--link-hover-color);
}
.back-btn:hover .back-new {
  filter: brightness(1) invert(0);
}

.btns .btn {
  margin-right: 12px;
}

.selet-tabmenu {
  width: 100%;
  margin: 0 0 1.5rem 0;
}

.select-box.select-facility {
  width: 100%;
  margin: 0;
}
.select-box.select-facility .p-dropdown {
  height: auto;
  padding: 0;
  border: none;
  background-color: transparent !important;
  max-width: 180px;
}
@media (max-width: 600px) {
  .select-box.select-facility .p-dropdown {
    padding: 0 !important;
    width: 100% !important;
  }
}
.select-box.select-facility .p-dropdown-trigger {
  background-color: transparent !important;
}
@media (max-width: 600px) {
  .select-box.select-facility .p-dropdown-trigger {
    width: 10px !important;
  }
}

.form-check-label {
  display: inline-block;
  position: relative;
  padding-left: 3rem;
  cursor: pointer;
  font-size: var(--body-font-size);
  -webkit-user-select: none;
          user-select: none;
  margin: 1rem 0;
  width: auto;
}

.form-check-label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: var(--white-color);
  border: 1px solid var(--input-border-color);
  border-radius: 3px;
}

.form-check-label input:checked ~ .checkmark {
  background-color: var(--secondary-button-color);
  border: 1px solid var(--secondary-button-color);
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.form-check-label input:checked ~ .checkmark:after {
  display: block;
}

.form-check-label .checkmark:after {
  left: 8px;
  top: 4px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/*** Checkbox ***/
.mwl-calendar {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  margin-left: 0;
}
.mwl-calendar div {
  margin: 0;
}

.calendra-next-prev-btn .btn {
  margin: 0;
  line-height: normal;
  height: auto;
  padding: 0.6rem 1.1rem;
  border-radius: 10px !important;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  font-size: var(--font-14);
  font-weight: var(--font-weight-500) !important;
}
.calendra-next-prev-btn .btn.disable {
  pointer-events: none;
  cursor: default;
  color: var(--white-color);
  opacity: 0.8;
}
@media (max-width: 600px) {
  .calendra-next-prev-btn .btn {
    padding: 0.5rem 0.5rem;
  }
}
.calendra-next-prev-btn h4 {
  margin: 0 !important;
  font-size: var(--font-15);
  font-weight: var(--font-weight-500) !important;
}

/***  Week view  ***/
.cal-week-view {
  font-family: var(--font-family);
  font-size: var(--body-font-size);
  color: var(--body-color);
}
.cal-week-view .cal-time {
  color: var(--medium-light-grey-color);
  font-weight: var(--font-weight-500);
  font-size: var(--font-14);
  height: 69px;
}
.cal-week-view .cal-hour {
  height: 105px;
  background-image: linear-gradient(#A7A7A7 58%, rgba(167, 167, 167, 0) 0%);
  background-position: bottom;
  background-size: 8px 1px;
  background-repeat: repeat-x;
}
.cal-week-view .cal-header {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-wrap: wrap;
}
.cal-week-view .cal-header strong {
  font: var(--h3-font);
  color: var(--primary-color);
  width: 100%;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  width: initial;
  font-size: var(--font-17);
}
@media (max-width: 1440px) {
  .cal-week-view .cal-header strong {
    white-space: initial;
  }
}
@media (max-width: 1280px) {
  .cal-week-view .cal-header strong {
    font-size: var(--font-15);
  }
}
@media (max-width: 1024px) {
  .cal-week-view .cal-header strong {
    font-size: var(--font-14);
    padding: 0 0.5rem;
  }
}
.cal-week-view .cal-header .availabil {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  color: hsla(var(--body-color-h), var(--body-color-s), var(--body-color-l), 15%);
  font-size: var(--font-14);
  margin: 0.5rem 0 0 0;
}
.cal-week-view .cal-header .availabil:hover {
  color: var(--link-hover-color);
}
.cal-week-view .cal-header .availabil .ic {
  margin-right: 0.5rem;
}
.cal-week-view .calendar-box {
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.cal-week-view .calendar-box .patient-color {
  width: 4px;
  display: block;
  position: absolute;
  left: 0px;
  top: 1px;
  bottom: 3px;
  border-radius: 50px 0 0px 50px;
  height: calc(100% - 3px);
}
.cal-week-view .calendar-box.done {
  background-color: var(--calendar-slot-color-booked);
  margin-left: -5px;
}
.cal-week-view .calendar-box.done .patient-color {
  background-color: var(--calendar-slot-color-booked-boder);
}
.cal-week-view .calendar-box.book-by-patient {
  background-color: #dbf8ff;
  margin-left: -5px;
}
.cal-week-view .calendar-box.book-by-patient .patient-color {
  background-color: #70bbcd;
}
.cal-week-view .calendar-box.break-hours {
  background-color: var(--calendar-slot-color-break-hours);
  font-weight: var(--font-weight-600);
  font-size: var(--font-14);
}
.cal-week-view .calendar-box.break-hours .patient-color {
  background-color: var(--calendar-slot-color-break-hours-border);
}
.cal-week-view .calendar-box.break-hours .time {
  padding: 0 1.5rem;
  font-size: var(--font-11);
  color: var(--light-grey2-color);
}
.cal-week-view .calendar-box.availabal {
  background-color: var(--white-color);
}
.cal-week-view .calendar-box.availabal .patient-color {
  background-color: transparent;
}
.cal-week-view .calendar-box.availabal .time {
  padding: 0 1.5rem;
}
.cal-week-view .calendar-box.no-availabal {
  background-color: var(--calendar-time-color);
}
.cal-week-view .calendar-box.no-availabal .patient-color {
  background-color: var(--calendar-not-availabal);
}
.cal-week-view .calendar-box .patient-name {
  width: 100%;
  display: block;
  padding: 0.8rem 0.3rem 0 0.8rem;
  font-size: var(--font-15);
  font-weight: var(--font-weight-500);
  color: var(--body-color);
  line-height: 14px;
  min-height: 47px;
}
.cal-week-view .calendar-box .patient-name small {
  width: 100%;
  display: inline-block;
  font-size: var(--font-11);
  color: var(--calendar-time-color);
  margin: 0;
  padding: 0.2rem 0 0 0;
}
.cal-week-view .calendar-box.isBlock {
  background-color: var(--calendar-slot-color-block);
  height: 100% !important;
}
.cal-week-view .calendar-box.isBlock .patient-color {
  background-color: var(--calendar-slot-color-block-border);
}
.cal-week-view .calendar-box .patient-click-box {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 0px 0.1rem 4px 0.8rem;
}
.cal-week-view .calendar-box .patient-click-box .form-check-label {
  width: 22px;
  height: 22px;
  margin: 0;
}
.cal-week-view .calendar-box .patient-click-box .dots-btn {
  margin-top: 0;
}
.cal-week-view .calendar-box .patient-click-box .btn.small {
  margin: 0;
  position: absolute;
  left: 80px;
  font-size: var(--font-13);
  height: 28px;
  line-height: 28px;
}
.cal-week-view .calendar-box .patient-click-box .new-block-box {
  height: 20px;
}
.cal-week-view .calendar-box .patient-click-box .new-block-box a {
  margin-right: 0.2rem;
  padding-right: 0.2rem;
  border-right: 1px solid hsla(var(--input-border-color-h), var(--input-border-color-s), var(--input-border-color-l), 15%);
  display: inline-block;
  height: 20px;
}
.cal-week-view .calendar-box .patient-click-box .new-block-box a:last-child {
  border: none;
}

.calendar-box {
  /*** 15 min Slot color ***/
}
.calendar-box.facility-slot {
  background-color: var(--calendar-slot-color-facility);
}
.calendar-box.facility-slot .patient-color {
  background-color: var(--calendar-slot-color-facility-border);
}
.calendar-box.remote-slot {
  background-color: var(--calendar-slot-color-remote);
}
.calendar-box.remote-slot .patient-color {
  background-color: var(--calendar-slot-color-remote-border);
}
.calendar-box.road-home-slot {
  background-color: var(--calendar-slot-color-road-home);
}
.calendar-box.road-home-slot .patient-color {
  background-color: var(--calendar-slot-color-road-home-border);
}
.calendar-box.is-block {
  background-color: var(--calendar-slot-color-isblock);
  height: 100% !important;
}
.calendar-box.is-block .patient-color {
  background-color: var(--calendar-slot-color-isblock-border);
}
.calendar-box.not-available {
  background-color: var(--calendar-slot-color-notavailable);
  height: 100% !important;
}
.calendar-box.not-available .patient-color {
  background-color: var(--calendar-slot-color-notavailable-border);
}
.calendar-box.half-slot.facility-slot {
  background-color: var(--calendar-slot-color-facility) !important;
}
.calendar-box.half-slot.facility-slot .patient-color {
  background-color: var(--calendar-slot-color-facility-border) !important;
}
.calendar-box.half-slot.remote-slot {
  background-color: var(--calendar-slot-color-remote) !important;
}
.calendar-box.half-slot.remote-slot .patient-color {
  background-color: var(--calendar-slot-color-remote-border) !important;
}
.calendar-box.half-slot.road-home-slot {
  background-color: var(--calendar-slot-color-road-home) !important;
}
.calendar-box.half-slot.road-home-slot .patient-color {
  background-color: var(--calendar-slot-color-road-home-border) !important;
}
.calendar-box.half-slot.is-block {
  background-color: var(--calendar-slot-color-isblock) !important;
  height: 100% !important;
}
.calendar-box.half-slot.is-block .patient-color {
  background-color: var(--calendar-slot-color-isblock-border) !important;
}
.calendar-box.half-slot.not-available {
  background-color: var(--calendar-slot-color-notavailable) !important;
  height: 100% !important;
}
.calendar-box.half-slot.not-available .patient-color {
  background-color: var(--calendar-slot-color-notavailable-border) !important;
}

.cal-cell-top {
  border-bottom: none !important;
  line-height: 34px;
}

mwl-calendar-event-title {
  text-align: left;
  width: 100%;
  display: inline-block;
}

.cal-header b {
  font: var(--h3-font);
  color: var(--h3-color);
}
.cal-header span {
  width: 100%;
  display: inline-block;
}

.cal-week-view .cal-day-headers .cal-header {
  padding: 1rem 1.2rem !important;
}

.cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment, .cal-week-view .cal-hour:not(:last-child) .cal-hour-segment {
  border-bottom: 1px solid var(--border-color);
}

.cal-week-view .cal-hour {
  border-bottom: none !important;
}

.cal-hour {
  border: transparent !important;
}

@media (max-width: 1280px) {
  span.cal-event-title {
    white-space: initial;
    line-height: 11px;
    font-size: var(--font-12);
    width: 100%;
    display: inline-block;
    padding: 0.5rem 0;
    word-break: break-word;
    white-space: break-spaces;
  }
}

.cal-week-view .cal-day-column {
  border: transparent !important;
}

.cal-week-view .cal-day-headers .cal-header:focus {
  outline: 0;
  box-shadow: nones;
}

.cal-week-view .cal-time-events .cal-event:focus {
  outline: 0;
  box-shadow: nones;
}

.details-pages.therapist-availability-calandar .breakhours .cal-event .cal-event-title {
  font-weight: var(--font-weight-600);
  pointer-events: none;
  margin-left: -58px;
  z-index: 9999 !important;
  height: 100%;
  position: static;
  width: 100%;
  align-items: center;
  display: flex;
  text-align: center;
  background: var(--light-grey-color);
}

.therapist-availabilty__left .cal-week-view mwl-calendar-week-view-hour-segment,
.therapist-availabilty__left .cal-week-view .cal-hour-segment {
  /* height: 50px !important */
}

.therapist-availabilty__left .cal-week-view .cal-time-events .cal-day-column {
  overflow: hidden;
  background-color: var(--light-blue);
}

.therapist-availabilty__left .cal-week-view .cal-hour-odd {
  background-color: transparent;
}

.therapist-availabilty__left .cal-week-view .cal-day-headers .cal-header br {
  display: none;
}

.therapist-availabilty__left .cal-header b {
  font: var(--h3-font);
  color: var(--h2-color);
}
@media (max-width: 992px) {
  .therapist-availabilty__left .cal-header b {
    font-size: var(--font-15);
  }
}

.therapist-availabilty__left .cal-week-view .cal-day-headers span {
  font-size: var(--font-17) !important;
  font-weight: var(--font-weight-500) !important;
}

.therapist-availability-calandar .therapist-availabilty__left .cal-week-view .cal-time-events .cal-day-column {
  background-color: var(--white-color);
  margin-right: 1px;
  margin-left: 1px;
}

.therapist-availability-calandar .cal-week-view .cal-time-events {
  border-left: none;
  border-bottom: none;
}

.cal-week-view .cal-time-label-column {
  position: sticky;
  left: 0;
  z-index: 999;
  background-color: var(--white-color);
}

.view-by-facility .cal-week-view .cal-time {
  vertical-align: top;
  line-height: normal;
  height: 79px;
  text-align: left;
}

.view-by-therapist .cal-week-view .cal-time {
  vertical-align: top;
  line-height: normal;
  height: 39px;
}

.cal-events-num {
  display: none;
}

/****************************************/
/************* Day view calendar ********/
/****************************************/
.cal-month-view .cal-days {
  border: none !important;
}

.cal-month-view .cal-days .cal-cell-row {
  border: none !important;
}
.cal-month-view .cal-days .cal-cell-row:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  z-index: 99;
  background-color: var(--border-color) !important;
}

.cal-month-view .cal-day-cell:not(:last-child) {
  border: none !important;
}

.calendra-top-btn {
  width: 100%;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  padding: 0 2.4rem 1.5rem 2.4rem !important;
  min-height: 66px;
}
@media (max-width: 600px) {
  .calendra-top-btn {
    flex-wrap: wrap;
  }
}

/****** 15 min slot design ************/
.half-slot {
  height: 50px;
}
.half-slot .patient-name {
  height: 25px;
  min-height: inherit !important;
}

/****  DME Week View Therapist ****/
.calendar-top-right.dme-weekview-therapist .select-box.select-branch .p-dropdown {
  border: 1px solid var(--border-color) !important;
}

.dme-therapist-week-view-calendar {
  position: relative;
}
.dme-therapist-week-view-calendar::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background-color: var(--white-color);
  z-index: 999999;
}
.dme-therapist-week-view-calendar .cal-scheduler .cal-scheduler-hour-rows {
  left: 1px;
}
.dme-therapist-week-view-calendar .admin-appointments-week .cal-scheduler-view .cal-scheduler .cal-scheduler-cols .cal-scheduler-col .cal-scheduler-event-container calendar-scheduler-event {
  position: absolute;
  height: 100%;
}
.dme-therapist-week-view-calendar .admin-appointments-week .cal-scheduler-view {
  height: calc(100vh - 212px);
  overflow: auto;
  margin-top: -1px;
}
.dme-therapist-week-view-calendar .admin-appointments-week .cal-scheduler-view::-webkit-scrollbar {
  width: 18px !important;
  height: 18px !important;
  cursor: pointer;
}
.dme-therapist-week-view-calendar .admin-appointments-week .cal-scheduler-view::-webkit-scrollbar-thumb {
  background: #888 !important;
  height: 18px !important;
}
.dme-therapist-week-view-calendar .admin-appointments-week .cal-scheduler-view::-webkit-scrollbar-thumb:hover {
  background: #555 !important;
}
.dme-therapist-week-view-calendar .admin-appointments-week .cal-scheduler-view .cal-scheduler-headers {
  z-index: 10000;
  flex-wrap: nowrap;
  min-width: 1615px;
  z-index: 9999999;
  border-left: none !important;
  border-right: none !important;
  border-top: 2px solid var(--border-color) !important;
  background-color: var(--light-blue-color) !important;
}
.dme-therapist-week-view-calendar .admin-appointments-week .cal-scheduler-view .cal-scheduler-headers .cal-header.cal-header-clock.align-center {
  min-width: 76px;
}
.dme-therapist-week-view-calendar .admin-appointments-week .cal-scheduler-view .cal-scheduler-headers .cal-header-cols {
  flex-flow: row;
}
.dme-therapist-week-view-calendar .admin-appointments-week .cal-scheduler-view .cal-scheduler-headers .cal-header-cols .cal-header {
  min-width: 200px;
  width: 200px;
  border: none;
  position: relative;
}
.dme-therapist-week-view-calendar .admin-appointments-week .cal-scheduler-view .cal-scheduler-headers .cal-header-cols .cal-header::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: var(--border-color);
}
.dme-therapist-week-view-calendar .admin-appointments-week .cal-scheduler-view .cal-scheduler-headers .cal-header-cols .cal-header:last-child::before {
  display: none;
}
.dme-therapist-week-view-calendar .admin-appointments-week .cal-scheduler-view .cal-scheduler {
  flex-wrap: nowrap;
  min-width: 1615px;
}
.dme-therapist-week-view-calendar .admin-appointments-week .cal-scheduler-view .cal-scheduler .cal-scheduler-hour-rows {
  min-width: 76px;
  background-color: var(--white-color);
  z-index: 99999;
}
.dme-therapist-week-view-calendar .admin-appointments-week .cal-scheduler-view .cal-scheduler .cal-scheduler-cols {
  flex-flow: row;
}
.dme-therapist-week-view-calendar .admin-appointments-week .cal-scheduler-view .cal-scheduler .cal-scheduler-cols .cal-scheduler-col {
  min-width: 200px;
  width: 200px;
}
.dme-therapist-week-view-calendar .cal-scheduler-view .cal-scheduler-cols .cal-scheduler-col .cal-scheduler-hour-segments calendar-scheduler-hour-segment {
  min-height: 130px;
  position: relative;
}
.dme-therapist-week-view-calendar .cal-scheduler-view .cal-scheduler-cols .cal-scheduler-col .cal-scheduler-hour-segments calendar-scheduler-hour-segment::before {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  height: 100%;
  width: 1px;
  z-index: 9999;
  background-color: var(--border-color);
}
.dme-therapist-week-view-calendar .cal-scheduler-view .cal-scheduler-cols .cal-scheduler-col:last-child .cal-scheduler-hour-segments:last-child calendar-scheduler-hour-segment::before {
  display: none;
}

/*** availability calendar ***/
body.show-legends .availability-calendar .view-by-available-slots .day-view {
  height: calc(100vh - 247px);
}
@media (max-width: 1280px) {
  body.show-legends .availability-calendar .view-by-available-slots .day-view {
    height: calc(100vh - 277px);
  }
}

/*** week-view-calendar ***/
body.show-legends .dme-therapist-week-view-calendar .admin-appointments-week .cal-scheduler-view {
  height: calc(100vh - 313px);
}
@media (max-width: 1280px) {
  body.show-legends .dme-therapist-week-view-calendar .admin-appointments-week .cal-scheduler-view {
    height: calc(100vh - 317px);
  }
}

/**** Main Calendar ***/
body.show-legends .main-calendars-outer .horizontal-scroll, body.show-legends .main-calendars-outer .therapist-availabilty-calc__left {
  height: calc(100vh - 331px);
}
@media (max-width: 1280px) {
  body.show-legends .main-calendars-outer .horizontal-scroll, body.show-legends .main-calendars-outer .therapist-availabilty-calc__left {
    height: calc(100vh - 336px);
  }
}

body .view-by-therapist-calendar .legends-box__right, body .week-view-therapist-calendar .legends-box__right {
  display: none;
}
body .availability-calendar-main-outer .legends-box__left .break-hours-item, body .availability-calendar-main-outer .legends-box__left .block-slots-item {
  display: none;
}

/*** Tabs ***/
body .p-tabview ul {
  margin: 0;
  width: auto !important;
  background-color: var(--white-color) !important;
  padding: 0.3rem 0.3rem 0.4rem 0.4rem !important;
  border: none !important;
  /* display: inline-block */
  border-radius: 0 !important;
}

body .p-tabview.p-tabview-top .p-tabview-nav li,
body .p-tabview.p-tabview-bottom .p-tabview-nav li,
body .p-tabview.p-tabview-left .p-tabview-nav li,
body .p-tabview ul li,
.appointments-table-filer__appit-legend ul li {
  background-color: transparent !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  color: var(--body-color) !important;
  -webkit-border-radius: 0px !important;
  -webkit-border-radius-border-radius: 0px !important;
  box-shadow: none;
  outline: 0;
  font-weight: var(--font-weight-400) !important;
  font-size: var(--font-16);
  font-family: var(--font-family);
  margin: 0 0 0 3rem !important;
  border-radius: 0 !important;
  position: relative;
}
body .p-tabview.p-tabview-top .p-tabview-nav li:after,
body .p-tabview.p-tabview-bottom .p-tabview-nav li:after,
body .p-tabview.p-tabview-left .p-tabview-nav li:after,
body .p-tabview ul li:after,
.appointments-table-filer__appit-legend ul li:after {
  content: "";
  position: absolute;
  left: -16px;
  top: 50%;
  width: 1px;
  height: 20px;
  background-color: var(--border-color);
  margin-top: -9px;
}
body .p-tabview.p-tabview-top .p-tabview-nav li:first-child,
body .p-tabview.p-tabview-bottom .p-tabview-nav li:first-child,
body .p-tabview.p-tabview-left .p-tabview-nav li:first-child,
body .p-tabview ul li:first-child,
.appointments-table-filer__appit-legend ul li:first-child {
  margin-left: 0;
}
body .p-tabview.p-tabview-top .p-tabview-nav li:first-child:after,
body .p-tabview.p-tabview-bottom .p-tabview-nav li:first-child:after,
body .p-tabview.p-tabview-left .p-tabview-nav li:first-child:after,
body .p-tabview ul li:first-child:after,
.appointments-table-filer__appit-legend ul li:first-child:after {
  display: none;
}
body .p-tabview.p-tabview-top .p-tabview-nav li:last-child:after,
body .p-tabview.p-tabview-bottom .p-tabview-nav li:last-child:after,
body .p-tabview.p-tabview-left .p-tabview-nav li:last-child:after,
body .p-tabview ul li:last-child:after,
.appointments-table-filer__appit-legend ul li:last-child:after {
  display: none;
}

.appointments-table-filer__appit-legend ul li:after {
  background: none;
}

body .appointment-detail .p-tabview ul li:after {
  left: -10px !important;
  margin-top: -13px !important;
}

/* body .p-tabview.p-tabview-top .p-tabview-nav li.p-highlight, */
/* body .p-tabview.p-tabview-bottom .p-tabview-nav li.p-highlight, */
/* body .p-tabview.p-tabview-left .p-tabview-nav li.p-highlight, */
body .p-tabview ul li.p-highlight {
  background-color: transparent !important;
  border: none !important;
  border-bottom: 2px solid var(--primary-color) !important;
  color: var(--primary-color) !important;
  box-shadow: none;
  outline: 0;
  border-radius: 0 !important;
  font-weight: var(--font-weight-500) !important;
  font-size: var(--font-16);
  font-family: var(--font-family);
  margin: 0 0 0 3rem;
  border-radius: 0 !important;
  position: relative;
}
body .p-tabview ul li.p-highlight:after {
  content: "";
  position: absolute;
  left: -15px;
  top: 50%;
  width: 1px;
  height: 20px;
  background-color: var(--border-color);
  margin-top: -10px;
}
body .p-tabview ul li.p-highlight:first-child {
  margin-left: 0;
}
body .p-tabview ul li.p-highlight:first-child:after {
  display: none;
}
body .p-tabview ul li.p-highlight a {
  color: var(--primary-color) !important;
}
body .p-tabview ul li.p-highlight a .p-tabview-title {
  font-weight: var(--font-weight-400) !important;
  color: var(--primary-color);
}

body .p-tabview .p-tabview-panels {
  border: none !important;
  width: 100% !important;
}

.p-tabview .p-tabview-title {
  font-family: var(--font-family) !important;
  font-size: var(--font-16);
  font-weight: var(--font-weight-400);
}

body .appointments-tab-outer, .body .voice-call-recordings-outer {
  width: 100%;
  box-sizing: border-box;
  display: block;
}
@media (max-width: 600px) {
  body .appointments-tab-outer, .body .voice-call-recordings-outer {
    padding-top: 15px;
  }
}
@media (max-width: 576px) {
  body .appointments-tab-outer, .body .voice-call-recordings-outer {
    padding-top: 15px;
  }
}
body .appointments-tab-outer .p-tabview, .body .voice-call-recordings-outer .p-tabview {
  padding: 0 !important;
  display: inline-block;
  width: 100%;
}
body .appointments-tab-outer .p-tabview .p-tabview-panels, .body .voice-call-recordings-outer .p-tabview .p-tabview-panels {
  background-color: transparent !important;
  padding: 0 !important;
  width: 100%;
}
body .appointments-tab-outer .p-tabview.p-tabview-top .p-tabview-nav, .body .voice-call-recordings-outer .p-tabview.p-tabview-top .p-tabview-nav {
  float: right;
  margin-top: 16px;
  margin-right: 2.4rem;
}
@media (max-width: 600px) {
  body .appointments-tab-outer .p-tabview.p-tabview-top .p-tabview-nav, .body .voice-call-recordings-outer .p-tabview.p-tabview-top .p-tabview-nav {
    margin-bottom: 1.5rem;
    margin-top: 0;
    float: left;
    width: 100% !important;
    overflow: auto;
    -ms-display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    display: flex;
  }
}
@media (max-width: 600px) {
  body .appointments-tab-outer .p-tabview.p-tabview-top .p-tabview-nav li, .body .voice-call-recordings-outer .p-tabview.p-tabview-top .p-tabview-nav li {
    width: 50%;
  }
}
body .appointments-tab-outer .p-tabview .p-tabview-nav li a.p-tabview-nav-link, .body .voice-call-recordings-outer .p-tabview .p-tabview-nav li a.p-tabview-nav-link {
  padding: 0.8rem 0 !important;
  display: flex !important;
  height: auto !important;
  line-height: normal !important;
  justify-content: center;
  font-weight: var(--font-weight-500);
  color: var(--body-color) !important;
  background-color: transparent;
  border: none;
  /* @include mixins.tablet-lg */
  /*     padding: 0 .8rem !important */
}
body .appointments-tab-outer .p-tabview .p-tabview-nav li a.p-tabview-nav-link:hover, .body .voice-call-recordings-outer .p-tabview .p-tabview-nav li a.p-tabview-nav-link:hover {
  background-color: transparent !important;
}

/******** Appointment Detai **********/
.appointment-detail {
  width: 100%;
  margin: 0;
  padding: 0;
}

body .appointment-detail .p-tabview .p-tabview-nav {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body .appointment-detail .p-tabview .p-tabview-nav li {
  margin: 0 2rem 0 0 !important;
  padding: 0.8rem 0 !important;
  border: none !important;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  min-height: 25px;
  top: 0 !important;
  left: 0 !important;
}

body .appointment-detail .p-tabview .p-tabview-nav li a {
  color: var(--link-color);
  background-color: transparent !important;
  border: none !important;
  margin: 0 !important;
  padding: 0rem 0 1rem 0 !important;
  font-size: var(--font-17);
  font-weight: var(--font-weight-500);
}
body .appointment-detail .p-tabview .p-tabview-nav li a:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background-color: var(--white-color);
}

body .appointment-detail .p-tabview .p-tabview-nav li a:hover,
body .appointment-detail .p-tabview .p-tabview-nav li.p-highlight,
body .appointment-detail .p-tabview .p-tabview-nav li.p-highlight a,
body .appointment-detail .p-tabview .p-tabview-nav li.p-highlight a:hover {
  background-color: transparent !important;
  border: none !important;
  color: var(--primary-color) !important;
}
body .appointment-detail .p-tabview .p-tabview-nav li a:hover:before,
body .appointment-detail .p-tabview .p-tabview-nav li.p-highlight:before,
body .appointment-detail .p-tabview .p-tabview-nav li.p-highlight a:before,
body .appointment-detail .p-tabview .p-tabview-nav li.p-highlight a:hover:before {
  background-color: var(--primary-color);
}

body .appointment-detail .p-tabview-panels {
  padding: 0 !important;
}

body .appointment-detail-popup .p-tabview-panels {
  padding: 0 !important;
}

/*********************** Calendar tab button **************/
.minutes-btn .select-btn .p-selectbutton {
  margin: 0;
}

body .p-selectbutton .p-button {
  transition: background-color 0.2s, box-shadow 0.2s;
  background-color: transparent !important;
  border: none !important;
  color: var(--body-color) !important;
  -webkit-border-radius: 0px !important;
  -webkit-border-radius-border-radius: 0px !important;
  box-shadow: none;
  outline: 0;
  padding: 0 1.6rem;
  font-weight: var(--font-weight-400) !important;
  font-size: var(--font-16);
  font-family: var(--font-family);
  border-radius: 0 !important;
  min-width: 88px;
  position: relative;
}
body .p-selectbutton .p-button:first-child:after {
  display: none;
}
body .p-selectbutton .p-button .p-button-label {
  padding: 0.8rem 0 !important;
  border-bottom: 2px solid transparent !important;
}
body .p-selectbutton .p-button:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 20px;
  background-color: var(--border-color);
  margin-top: -10px;
}
body .p-selectbutton .p-button:last-child {
  padding-right: 0;
}

body .p-selectbutton .p-button.p-highlight:not(.p-disabled):hover .p-button-label,
body .p-selectbutton .p-button.p-highlight .p-button-label {
  border-bottom: 2px solid var(--primary-color) !important;
  color: var(--primary-color) !important;
  font-weight: var(--font-weight-500) !important;
}

/**** setting tab changes ************/
.setting-tab-menu .form-content-outer {
  padding-bottom: 2rem !important;
}
@media (max-width: 992px) {
  .setting-tab-menu .form-content-outer {
    padding-right: 1.4rem !important;
  }
}

.brightree-setting .p-tabview-panel {
  margin-top: 4rem !important;
}
.brightree-setting .form-content-outer {
  height: auto !important;
}
@media (max-width: 1024px) {
  .brightree-setting .form-content-outer {
    padding-right: 0 !important;
  }
}

/**** Therapist tab menu ****/
body .therapist-tab-info .p-tabview .p-tabview-panels {
  padding: 0.571em 0 !important;
}

body .therapist-tab-info .ui-tabview.ui-tabview-top {
  padding: 0 !important;
}

body .therapist-tab-info .p-tabview-nav {
  margin-bottom: 0;
  width: 100% !important;
  max-width: 98.5%;
  border: none !important;
  border-bottom: 1px solid var(--border-color) !important;
  border-radius: 0 !important;
  padding: 0 0 0 0 !important;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  flex-wrap: inherit !important;
}
body .therapist-tab-info .p-tabview-nav li {
  border: none !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  margin: 0 0rem 0 3rem !important;
  padding: 0;
  background-color: transparent !important;
  width: auto;
  max-width: auto;
}
body .therapist-tab-info .p-tabview-nav li:first-child {
  margin-left: 0 !important;
}
body .therapist-tab-info .p-tabview-nav li:after {
  left: -15px;
  margin-top: -10px;
}
body .therapist-tab-info .p-tabview-nav li a {
  font-weight: normal !important;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  justify-content: center !important;
  font-size: var(--font-16);
  line-height: 30px;
  padding: 0rem 0 0.8rem 0;
  width: 100%;
  text-align: center !important;
}
@media (max-width: 1440px) {
  body .therapist-tab-info .p-tabview-nav li a {
    font-size: var(--font-15);
  }
}
@media (max-width: 1024px) {
  body .therapist-tab-info .p-tabview-nav li a {
    flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
  }
}
body .therapist-tab-info .p-tabview-nav li a img {
  margin: 0 1rem 0 0;
}
@media (max-width: 1440px) {
  body .therapist-tab-info .p-tabview-nav li a img {
    max-height: 24px;
    max-width: 24px;
  }
}
@media (max-width: 1024px) {
  body .therapist-tab-info .p-tabview-nav li a img {
    margin: 0 0 1rem 0;
    height: 27px;
  }
}
@media (max-width: 1024px) {
  body .therapist-tab-info .p-tabview-nav li a span {
    width: 100%;
  }
}
body .therapist-tab-info .p-tabview-nav li.p-highlight {
  background-color: transparent !important;
  border: none !important;
  border-bottom: 2px solid var(--primary-color) !important;
  border-radius: 0 !important;
  color: var(--primary-color) !important;
}
body .therapist-tab-info .p-tabview-nav li.p-highlight a {
  color: var(--primary-color) !important;
  font-weight: var(--font-weight-500) !important;
}
body .therapist-tab-info .p-tabview-nav li:last-child {
  margin-right: 0 !important;
}

/******* setting page tab menu *****/
.setting-tab-menu {
  position: relative;
}
.setting-tab-menu .p-tabview .p-tabview-nav {
  margin-top: 0 !important;
  margin-right: 0;
  position: absolute;
  left: 2.4rem;
  top: 70px;
  border-bottom: 1px solid var(--border-color) !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: calc(100% - 4.8rem);
}
.setting-tab-menu .p-tabview .p-tabview-nav li {
  margin: 0 0 0 3rem !important;
  padding: 0;
}
.setting-tab-menu .p-tabview .p-tabview-nav li:first-child {
  margin-left: 0 !important;
}
.setting-tab-menu .p-tabview .p-tabview-nav li:after {
  left: -15px;
  margin-top: -6px;
  height: 15px;
}
.setting-tab-menu .p-tabview .p-tabview-nav li a {
  font-weight: var(--font-weight-400) !important;
  font-size: var(--font-16);
  line-height: 30px;
  padding: 0rem 0 1.2rem 0 !important;
}
.setting-tab-menu .p-tabview .p-tabview-nav li.ui-state-active a span {
  font-weight: var(--font-weight-400) !important;
}
.setting-tab-menu .p-tabview .p-tabview-panels .p-tabview-panel {
  padding-top: 4rem;
}
.setting-tab-menu.admin-application-setting .ui-tabview.ui-tabview-top .ui-tabview-nav {
  max-width: calc(100% - 4.2rem);
}

.p-tabview .p-tabview-nav li.p-highlight, .p-tabview .p-tabview-nav li:hover {
  background-color: transparent;
}
.p-tabview .p-tabview-nav li.p-highlight a, .p-tabview .p-tabview-nav li:hover a {
  background-color: transparent !important;
}
.p-tabview .p-tabview-nav li a.p-tabview-nav-link {
  padding: 0.8rem 0 !important;
  display: flex !important;
  height: auto !important;
  line-height: normal !important;
  justify-content: center;
  font-weight: var(--font-weight-500);
  color: var(--body-color) !important;
  background-color: transparent;
  border: none;
}
.p-tabview .p-tabview-nav li a.p-tabview-nav-link:hover {
  background-color: transparent !important;
}

@media (max-width: 992px) {
  body .appointments-tab-outer.notification-settings-outer .p-tabview .p-tabview-nav {
    left: 2.4rem !important;
  }
}

/******* Notification Tabe Menu *******/
body .user-notification .p-tabview ul {
  margin: 0;
  padding: 0 !important;
}
body .user-notification .p-tabview ul li {
  margin: 0 0 0 2rem !important;
}
body .user-notification .p-tabview ul li:first-child {
  margin-left: 2.6rem !important;
}
body .user-notification .p-tabview ul li::after {
  left: -10px;
  top: 50%;
  width: 1px;
  height: 15px !important;
  margin-top: -12px !important;
}
body .user-notification .p-tabview ul li.p-highlight:after {
  left: -10px;
  top: 50%;
  width: 1px;
  height: 15px !important;
  margin-top: -12px !important;
}
body .user-notification .p-tabview ul li.p-highlight .p-tabview-nav-link .p-tabview-title {
  font: var(--font-weight-500) var(--font-15) var(--font-family) !important;
  color: var(--primary-color) !important;
}
body .user-notification .p-tabview ul li .p-tabview-nav-link {
  padding: 0rem 0 1rem 0 !important;
}
body .user-notification .p-tabview ul li .p-tabview-nav-link .p-tabview-title {
  font: var(--font-weight-500) var(--font-15) var(--font-family) !important;
  color: var(--body-color);
}
body .user-notification .p-tabview .p-tabview-panels {
  padding: 0;
}

body .auditlog-outer .therapist-tab-info .p-tabview-nav {
  max-width: 100%;
}
body .auditlog-outer .therapist-tab-info .p-tabview .p-tabview-panels {
  padding: 0 !important;
}

/******* setting page tab menu *****/
body .dme-dashboard-tab {
  position: relative;
  width: 100% !important;
}
body .dme-dashboard-tab .p-tabview {
  padding: 0 !important;
  width: 100% !important;
}
body .dme-dashboard-tab .p-tabview .p-tabview-nav {
  margin-top: 0 !important;
  margin-right: 0;
  position: absolute;
  left: 0;
  top: 0px;
  border-bottom: 1px solid var(--border-color) !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: calc(100% - 2.4rem);
}
body .dme-dashboard-tab .p-tabview .p-tabview-nav li {
  margin: 0 0 0 3rem !important;
  padding: 0;
}
body .dme-dashboard-tab .p-tabview .p-tabview-nav li:first-child {
  margin-left: 0 !important;
}
body .dme-dashboard-tab .p-tabview .p-tabview-nav li:after {
  left: -15px;
  margin-top: -13px;
  height: 15px;
}
body .dme-dashboard-tab .p-tabview .p-tabview-nav li a {
  font-weight: var(--font-weight-400) !important;
  font-size: var(--font-16);
  line-height: 30px;
  padding: 0rem 0 1.2rem 0 !important;
}
body .dme-dashboard-tab .p-tabview .p-tabview-nav li.ui-state-active a span {
  font-weight: var(--font-weight-400) !important;
}
body .dme-dashboard-tab .p-tabview .p-tabview-panels {
  padding: 0 !important;
  width: 100% !important;
}
body .dme-dashboard-tab .p-tabview .p-tabview-panels .p-tabview-panel {
  padding-top: 3rem;
}

.status-mapping-view .p-tabview-panel {
  padding-top: 2rem !important;
  margin-top: 0 !important;
}

/****** New Tab menu css ****/
.tab-outer {
  width: 100%;
  margin: 0;
  padding: 0;
}
.tab-outer .p-tablist {
  padding: 0 2.2rem;
}
.tab-outer .p-tablist .p-tablist-tab-list {
  padding-bottom: 0.6rem;
  border-color: var(--border-color) !important;
  background-color: transparent !important;
}
.tab-outer .p-tablist .p-tablist-tab-list .p-tab {
  padding: 0.8rem 0 !important;
  display: flex !important;
  height: auto !important;
  line-height: normal !important;
  justify-content: center;
  font: var(--font-weight-400) var(--font-16) var(--font-family) !important;
  color: var(--body-color) !important;
  background-color: transparent;
  border: none;
  position: relative;
  margin-right: 3rem;
  overflow: visible;
}
.tab-outer .p-tablist .p-tablist-tab-list .p-tab:hover {
  background-color: transparent !important;
}
.tab-outer .p-tablist .p-tablist-tab-list .p-tab.p-tab-active {
  color: var(--primary-color) !important;
}
.tab-outer .p-tablist .p-tablist-tab-list .p-tab:after {
  content: "";
  position: absolute;
  left: -16px;
  top: 50%;
  width: 1px;
  height: 20px;
  background-color: var(--border-color);
  margin-top: -9px;
}
.tab-outer .p-tablist .p-tablist-tab-list .p-tab:first-child {
  margin-left: 0;
}
.tab-outer .p-tablist .p-tablist-tab-list .p-tab:first-child:after {
  display: none;
}
.tab-outer .p-tablist .p-tablist-tab-list .p-tab:last-child:after {
  display: none;
}
.tab-outer .p-tablist .p-tablist-tab-list .p-tablist-active-bar {
  background: var(--primary-color) !important;
  height: 2px !important;
}
.tab-outer .p-tabpanels {
  padding: 0;
  background-color: transparent !important;
}
.tab-outer.appointments-tab-outer .p-tablist .p-tablist-tab-list {
  border: none !important;
  position: absolute;
  top: -54px;
  right: 0;
}
.tab-outer.admin-therapists-manage .p-tablist {
  padding-left: 0;
}
.tab-outer.notification-tab-menu .p-tablist .p-tablist-content {
  margin-bottom: 0.8rem;
}
.tab-outer.notification-tab-menu .p-tablist .p-tablist-tab-list {
  border: none !important;
}
.tab-outer.notification-tab-menu .p-tablist .p-tablist-tab-list .p-tab {
  padding: 0 !important;
  font: var(--font-weight-500) var(--font-15) var(--font-family) !important;
}
.tab-outer.kpi-report-outer__tabs {
  position: relative;
}
.tab-outer.kpi-report-outer__tabs .p-tablist .p-tablist-tab-list {
  border: none !important;
  position: absolute;
  top: 17px;
  right: 3rem;
}
.tab-outer.kpi-report-outer__tabs .p-tablist .p-tablist-tab-list button.p-tab {
  border: 1px solid var(--border-color) !important;
  padding: 0.8rem 1.5rem !important;
  position: relative;
  overflow: inherit;
  min-height: inherit;
  margin: 0;
}
.tab-outer.kpi-report-outer__tabs .p-tablist .p-tablist-tab-list button.p-tab::after {
  display: none;
}
.tab-outer.kpi-report-outer__tabs .p-tablist .p-tablist-tab-list button.p-tab:nth-child(1) {
  border-right: none !important;
  border-radius: 5px 0 0 5px !important;
}
.tab-outer.kpi-report-outer__tabs .p-tablist .p-tablist-tab-list button.p-tab:nth-child(2) {
  border-right: none !important;
  border-radius: 0 5px 5px 0 !important;
}
.tab-outer.kpi-report-outer__tabs .p-tablist .p-tablist-tab-list button.p-tab:nth-child(3) {
  border-radius: 0 5px 5px 0 !important;
}
.tab-outer.kpi-report-outer__tabs .p-tablist .p-tablist-tab-list button.p-tab:nth-child(3).p-tab-active .select-kpi svg path {
  fill: var(--white-color);
}
.tab-outer.kpi-report-outer__tabs .p-tablist .p-tablist-tab-list button.p-tab .p-tablist-active-bar {
  display: none !important;
}
.tab-outer.kpi-report-outer__tabs .p-tablist .p-tablist-tab-list button.p-tab.p-tab-active {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}
.tab-outer.kpi-report-outer__tabs .p-tablist .p-tablist-tab-list button.p-tab.p-tab-active .kpi-dashboard svg path {
  fill: var(--white-color) !important;
}
.tab-outer.kpi-report-outer__tabs .p-tablist .p-tablist-tab-list button.p-tab .select-kpi svg path {
  fill: var(--primary-color);
}
.tab-outer.kpi-report-outer__tabs .p-tablist .p-tablist-tab-list .p-tablist-active-bar {
  display: none;
}
.tab-outer.appointment-detail .p-tablist {
  padding-left: 0;
}
.tab-outer.filters-boxs__tabs-block .p-tablist {
  padding: 0 0;
}
.tab-outer.patient-detials-tab .p-tablist {
  padding: 0 0 1rem 0;
}
.tab-outer.patient-detials-tab .p-tablist .p-tablist-content .p-tablist-tab-list {
  background-color: var(--header-bg-color);
  border-top: 1px solid var(--border-color) !important;
  padding: 0.2rem 0 0.3rem 0;
}
.tab-outer.patient-detials-tab .p-tablist .p-tablist-content .p-tablist-tab-list .p-tablist-active-bar {
  display: none !important;
}
.tab-outer.patient-detials-tab .p-tablist .p-tablist-content .p-tablist-tab-list .p-tab {
  padding: 0.7rem 1rem !important;
  border-radius: 5px;
  margin-right: 0.5rem !important;
  position: relative;
  font: var(--font-weight-500) var(--font-14) var(--font-family) !important;
}
.tab-outer.patient-detials-tab .p-tablist .p-tablist-content .p-tablist-tab-list .p-tab::after {
  content: "";
  position: absolute;
  left: -3px;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: var(--border-color);
  margin-top: 0;
}
.tab-outer.patient-detials-tab .p-tablist .p-tablist-content .p-tablist-tab-list .p-tab.p-tab-active {
  color: var(--white-color) !important;
  background-color: var(--primary-button-color) !important;
}
.tab-outer.header-notification-tabs .p-tablist {
  padding: 0 2.4rem;
}
.tab-outer.header-notification-tabs .p-tablist .p-tab-active {
  color: var(--primary-color) !important;
}
.tab-outer.header-notification-tabs .p-tablist .p-tablist-active-bar {
  background: var(--primary-color) !important;
  height: 2px !important;
}
.tab-outer.admin-application-setting .p-tablist .p-tablist-tab-list span.p-tablist-active-bar {
  display: none !important;
}
.tab-outer.admin-application-setting .p-tablist .p-tablist-tab-list .p-tab {
  position: relative;
}
.tab-outer.admin-application-setting .p-tablist .p-tablist-tab-list .p-tab.p-tab-active::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 2px;
  background-color: var(--primary-color);
  margin-top: 0;
}

.p-tabpanels {
  background: var(--white-color) !important;
  outline: none !important;
}

.accordion {
  width: 100%;
  margin: 0;
  padding: 0;
}
.accordion .p-accordion .p-accordion-header {
  margin: 0 !important;
}
.accordion .p-accordion .p-accordion-header a {
  border: none !important;
  border-bottom: 1px solid var(--input-border-color) !important;
  font: var(--h3-font);
  color: var(--h2-color) !important;
  background-color: transparent !important;
  padding: 1rem 2rem 1rem 0rem;
}
.accordion .p-accordion .p-accordion-header a .p-accordion-toggle-icon {
  font-size: var(--body-font-size);
  font-weight: var(--font-weight-400);
  position: absolute;
  right: 0;
  top: 50%;
  margin: -9px 0 0 0;
}
.accordion .p-accordion p-accordiontab:last-child .p-accordion-header a {
  border-bottom: none !important;
}
.accordion .p-accordion .p-accordion-content {
  border: none !important;
  padding: 1.5rem 0em 1.5rem 0rem !important;
}

body .p-accordion .p-accordion-header:not(.p-disabled).p-highlight a .p-accordion-toggle-icon {
  color: var(--h2-color) !important;
}

/**** Accordion Left Menu  *****/
.accordion.leftmenu .p-accordion .p-accordion-header a {
  padding: 1rem 2rem 1rem 63px !important;
  font-size: var(--body-font-size);
  color: var(--body-color) !important;
  font-weight: var(--font-weight-400);
  position: relative;
}
@media (max-width: 992px) {
  .accordion.leftmenu .p-accordion .p-accordion-header a {
    padding: 1rem 2rem 1rem 60px !important;
  }
}
.accordion.leftmenu .p-accordion .p-accordion-header a:before {
  background-position: -155px -46px;
  height: 26px;
  width: 28px;
  margin-right: 1.5rem;
  left: 20px;
  top: 8px;
  position: absolute;
  content: "";
}
.accordion.leftmenu .p-accordion .p-accordion-header a:hover, .accordion.leftmenu .p-accordion .p-accordion-header a.active {
  background-color: hsla(var(--purple-color-h), var(--purple-color-s), var(--purple-color-l), 5%) !important;
}
.accordion.leftmenu .p-accordion .p-accordion-header a .p-accordion-toggle-icon {
  right: 20px;
  margin: -7px 0 0 0;
}
.accordion.leftmenu .p-accordion .p-accordion-header.p-highlight a {
  background-color: hsla(var(--purple-color-h), var(--purple-color-s), var(--purple-color-l), 5%) !important;
}
.accordion.leftmenu .p-accordion-content {
  padding: 0 !important;
}
.accordion.leftmenu .p-accordion-content .menu__block.menu--top {
  margin: 0;
  padding: 0;
}
.accordion.leftmenu .p-accordion-content .menu__block.menu--top li a {
  position: relative;
}
.accordion.leftmenu .p-accordion-content .menu__block.menu--top li a:before {
  background-position: -108px -23px;
  height: 15px;
  width: 15px;
  margin-right: 1.5rem;
  left: 26px;
  top: 8px;
  position: absolute;
  content: "";
}

body .p-dialog .p-dialog-content {
  border: none;
  box-shadow: none;
}

body .p-dialog .p-dialog-content {
  background-color: var(--white-color);
  border: none !important;
  padding: 0.571em 1em;
}

body .p-dialog {
  border-radius: 5px !important;
  overflow: hidden;
  border: none !important;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3) !important;
}
body .p-dialog.book-appt-popup-outer {
  border-radius: 0px !important;
}

/**** Dialog ****/
.p-dialog {
  color: var(--body-color);
}

body .p-dialog {
  max-height: 95% !important;
}
@media (max-width: 992px) {
  body .p-dialog {
    width: auto;
    max-width: 90%;
  }
}
@media (max-width: 600px) {
  body .p-dialog {
    max-width: 90%;
    left: 0% !important;
    transform: inherit !important;
    width: 100%;
    right: 0% !important;
  }
}

body .p-dialog .p-dialog-header .p-dialog-header-icon {
  position: absolute;
  display: inline-block;
  background-image: url("/assets/img/popup-close-icon.svg") !important;
  background-repeat: no-repeat;
  background-position: 0px 0px !important;
  width: 21px !important;
  height: 21px !important;
  background-color: transparent !important;
  top: 1.4rem !important;
  right: 1.7rem !important;
  z-index: 99;
}
body .p-dialog .p-dialog-header .p-dialog-header-icon span {
  display: none;
}

body .p-dialog .p-dialog-header {
  border: none !important;
  background-color: transparent !important;
  color: var(--body-color);
  padding: 0 !important;
}

.popup-close {
  position: absolute;
  display: inline-block;
  background-image: url("/assets/img/popup-close-icon.svg") !important;
  background-repeat: no-repeat;
  background-position: 0px 0px !important;
  width: 21px !important;
  height: 21px !important;
  background-color: transparent !important;
  top: 14px !important;
  right: 17px !important;
  z-index: 99;
}

/** Patient popup info ***/
.patient-info {
  width: 515px;
  max-width: 515px;
  margin: 0;
  padding: 0;
}
@media (max-width: 600px) {
  .patient-info {
    width: 100%;
  }
}
.patient-info .patient-info-top {
  width: 100%;
  margin: 0;
  padding: 0;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.patient-info .patient-info-top__left h2 {
  margin: 0 0 0rem 0;
  width: 100%;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}
.patient-info .patient-info-top__left h2 .ic {
  margin-left: 1rem;
  display: inline-block;
}
.patient-info .patient-info-top__left span {
  width: 100%;
  color: var(--light-grey-color);
  font-style: var(--font-15);
  margin: 1rem 0 0 0;
}
.patient-info .patient-info-top__left ul {
  width: 100%;
  margin: 2rem 0 0.5rem 0;
  padding: 0;
  display: flex;
  align-items: center;
}
@media (max-width: 576px) {
  .patient-info .patient-info-top__left ul {
    width: 198px;
  }
}
.patient-info .patient-info-top__left ul li {
  list-style: none;
  margin: 0 1rem 0 0;
  padding: 0 0 0 1rem;
  position: relative;
}
.patient-info .patient-info-top__left ul li a {
  color: var(--body-color);
  text-decoration: underline;
}
.patient-info .patient-info-top__left ul li a:hover {
  color: var(--link-hover-color);
  text-decoration: none;
}
.patient-info .patient-info-top__left ul li:first-child {
  margin-left: 0;
  padding-left: 0;
}
.patient-info .patient-info-top__left ul li:first-child::before {
  display: none;
}
.patient-info .patient-info-top__left ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
  width: 1px;
  height: 18px;
  background: hsla(var(--input-border-color-h), var(--input-border-color-s), var(--input-border-color-l), 10%);
}
.patient-info .patient-info-top__right h2 {
  margin: 0 0 0rem 0;
  width: 100%;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  text-align: right;
  justify-content: flex-end;
}
.patient-info .patient-info-top__right span {
  width: 100%;
  color: var(--primary-color);
  font-style: var(--font-15);
  margin: 0.5rem 0 0 0;
}
.patient-info .patient-info-top__right ul {
  width: 100%;
  margin: 1rem 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.patient-info .patient-info-top__right ul li {
  list-style: none;
  margin: 0 1rem 0 0;
  padding: 0 0 0 1rem;
  position: relative;
}
.patient-info .patient-info-top__right ul li:first-child {
  margin-left: 0;
  padding-left: 0;
}
.patient-info .patient-info-top__right ul li:first-child::before {
  display: none;
}
.patient-info .patient-info-top__right ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
  width: 1px;
  height: 14px;
  background: hsla(var(--input-border-color-h), var(--input-border-color-s), var(--input-border-color-l), 10%);
}
.patient-info .patient-info-middle {
  width: 100%;
  margin: 0.7rem 0 0 0;
  padding: 1rem 0 0 0;
  border-top: 1px solid hsla(var(--input-border-color-h), var(--input-border-color-s), var(--input-border-color-l), 10%);
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
}
.patient-info .patient-info-middle h2 {
  margin: 0 0 1rem 0;
  width: 100%;
}
.patient-info .patient-info-middle__boxs {
  font-size: var(--body-font-size);
  width: 100%;
  position: relative;
}
.patient-info .patient-info-middle__boxs small {
  width: 100%;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  color: var(--light-grey-color);
  font-size: var(--body-font-size);
  margin: 0.4rem 0 0 0;
}
.patient-info .patient-info-middle__boxs:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -20px;
  width: 1px;
  height: 40px;
  background: hsla(var(--input-border-color-h), var(--input-border-color-s), var(--input-border-color-l), 10%);
}
.patient-info .patient-info-middle__boxs.left {
  text-align: left;
  max-width: 30%;
}
.patient-info .patient-info-middle__boxs.left:before {
  display: none;
}
.patient-info .patient-info-middle__boxs.center {
  max-width: 40%;
  text-align: left;
}
.patient-info .patient-info-middle__boxs.center small {
  justify-content: flex-start;
}
.patient-info .patient-info-middle__boxs.center:before {
  left: -30px;
}
.patient-info .patient-info-middle__boxs.right {
  max-width: 30%;
  text-align: left;
  padding-left: 3rem;
}
.patient-info .patient-info-middle__boxs.right:before {
  left: 15px;
}
.patient-info .patient-info-middle__boxs.right small {
  justify-content: flex-start;
  width: 114px;
}
.patient-info .patient-info-middle__boxs.right small i {
  margin-left: 1rem;
}
.patient-info .patient-info-middle__btn {
  width: 100%;
  margin: 1rem 0 0.7rem 0;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  font-size: var(--font-16);
  color: var(--body-color);
}
.patient-info .patient-info-middle__btn .btn {
  margin: 0;
}
.patient-info .patient-info-middle__btn span {
  font-size: var(--font-16);
  font-weight: var(--font-weight-500);
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  min-width: inherit;
  width: 126px;
}
.patient-info .patient-info-middle__btn span i {
  margin-right: 1rem;
}
.patient-info .patient-info-middle__reschedule-view-btn {
  width: 100%;
  margin: 1.5rem 0 0 0;
  padding: 1.5rem 0 1.5rem 0;
  border-top: 1px solid hsla(var(--input-border-color-h), var(--input-border-color-s), var(--input-border-color-l), 10%);
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
}
.patient-info .patient-info-middle__reschedule-view-btn span {
  width: 25%;
  text-align: center;
}
.patient-info .patient-info-middle__reschedule-view-btn span a {
  display: inline-block;
  text-align: center;
  transition: 350ms ease;
}
.patient-info .patient-info-middle__reschedule-view-btn span a:hover .icons, .patient-info .patient-info-middle__reschedule-view-btn span a.active .icons {
  border: 1px solid var(--primary-button-color);
}
.patient-info .patient-info-middle__reschedule-view-btn span a:hover small, .patient-info .patient-info-middle__reschedule-view-btn span a.active small {
  color: var(--primary-button-color);
  font-weight: var(--font-weight-500);
}
.patient-info .patient-info-middle__reschedule-view-btn span .icons {
  position: relative;
  width: 45px;
  height: 45px;
  border: 1px solid var(--input-border-color);
  margin: 0 auto;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  -webkit-border-radius: 50px !important;
  -webkit-border-radius-border-radius: 50px !important;
  transition: 350ms ease;
}
.patient-info .patient-info-middle__reschedule-view-btn span small {
  width: 100%;
  display: inline-block;
  font-size: var(--font-15);
  color: var(--body-color);
  margin: 1.5rem 0 0 0;
  transition: 350ms ease;
}
.patient-info .patient-info-middle__reschedule-view-btn span:last-child .ic::before {
  top: -13px;
}

.patient-info-bottom {
  margin-bottom: 1rem;
}
.patient-info-bottom h2 {
  margin: 1rem 0;
}
.patient-info-bottom .patient-info-bottom {
  margin-top: 1.5rem;
}
.patient-info-bottom .patient-info-bottom .btn {
  margin: 0;
}
.patient-info-bottom .schedulecall .col.first .form__group {
  max-width: 48%;
}

.table-action-popup .patient-info-middle {
  width: 100%;
  margin: 0;
  padding: 1.5rem;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
}
.table-action-popup .patient-info-middle--modify {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  width: 400px;
  padding: 1rem;
  flex-wrap: wrap;
}
.table-action-popup .patient-info-middle--modify .left {
  width: 100%;
  max-width: 33.3%;
  position: relative;
  color: var(--light-grey-color);
  font-size: var(--font-13);
  text-align: left;
  border-left: 1px solid hsla(var(--input-border-color-h), var(--input-border-color-s), var(--input-border-color-l), 10%);
}
.table-action-popup .patient-info-middle--modify .left:first-child {
  border: none;
}
.table-action-popup .patient-info-middle--modify .left strong {
  color: var(--body-color);
  display: block;
  margin: 0;
  padding: 0 0.5rem;
  font-size: var(--font-13);
}
.table-action-popup .patient-info-middle--modify .left ul {
  width: 100%;
  margin: 0.5rem 0 0 0;
  padding: 0;
  list-style: none;
  font-size: var(--font-13);
}
.table-action-popup .patient-info-middle--modify .left ul li {
  line-height: 22px;
  padding: 0 0.5rem;
}
.table-action-popup .patient-info-middle--modify .patient-info-middle__btn {
  width: 100%;
  margin: 1px 0 0rem 0 !important;
  padding: 0 3.5rem 0 1rem;
}
.table-action-popup .patient-info-middle--modify .patient-info-middle__btn.amountDue span {
  font-size: var(--font-20);
  color: var(--primary-color);
  width: auto;
  cursor: pointer;
  width: 100%;
  max-width: 25%;
}
.table-action-popup .patient-info-middle__btn {
  width: 100%;
  text-align: right;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 4rem 0 1rem;
  margin: -5px 0 1rem 0;
  font-weight: var(--font-weight-500);
  font-size: var(--font-13) !important;
}
.table-action-popup .patient-info-middle__btn span {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  margin: 0 0 0 1rem;
  font-size: var(--font-13);
}
.table-action-popup .patient-info-middle__btn span i {
  margin: 0 0.5rem;
}

.patient-info-middle__btn.amountDue span {
  font-size: var(--font-20) !important;
  color: var(--primary-color);
  width: auto;
  cursor: pointer;
  width: 100%;
  max-width: 25%;
}

/**** confirm-appointment-pupop ***/
.confirm-appointment-pupop {
  width: 100%;
  max-width: 600px;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 auto;
}

/**** Notification Popup ************/
.notificationPopup {
  width: 100%;
  max-width: 600px;
  text-align: left;
}

/****** Profile popup ****/
.p-dialog.p-dynamicdialog {
  background-color: var(--white-color);
}
.p-dialog.p-dynamicdialog .p-dialog-title {
  padding: 1rem;
  width: 100%;
  display: inline-block;
  font: var(--h2-font);
  color: var(--primary-color);
}

.cd-popup {
  width: 100%;
  max-width: 625px;
  text-align: left;
  padding: 2.5rem 3rem 3rem 3rem;
  display: flex;
  justify-content: flex-start;
  min-height: 200px;
  align-items: center;
  flex-wrap: wrap;
}
.cd-popup h2 {
  width: 100%;
  margin-bottom: 1.5rem;
  text-align: left;
}
.cd-popup .cd-popup-container {
  width: 100%;
  padding: 0 0;
  font-size: var(--font-16);
  text-align: left;
}
.cd-popup p {
  width: 100%;
  margin: 0 0 2rem 0;
}
.cd-popup .cd-buttons {
  margin: 0;
  padding-top: 1rem;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: flex-end;
}
.cd-popup .btn {
  margin: 0 0 0 1.5rem !important;
  min-width: 100px;
}

/**** set-availability-popup*******/
.set-availability-popup {
  width: 600px;
  max-width: 600px;
  height: auto;
  max-height: 85vh;
  overflow: auto;
  margin-top: 1rem;
}
.set-availability-popup .working-schedule .working-schedule__working-hours {
  padding: 0 1rem 0 0 !important;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
}
.set-availability-popup .working-schedule .working-schedule__working-hours .facilit-ul-full-width {
  width: 100%;
}
.set-availability-popup .working-schedule .working-schedule__working-hours .facilit-ul {
  width: auto;
}
.set-availability-popup .working-schedule__working-hours {
  width: 100%;
  max-width: 32% !important;
}
.set-availability-popup .working-schedule__set-custom-date {
  width: 100%;
  max-width: 100% !important;
}
.set-availability-popup .custom-event {
  max-width: 100% !important;
}

.set-custom-date-block ul:before {
  left: 140px !important;
}
.set-custom-date-block ul li.event-series .event-series {
  width: 245px !important;
}
.set-custom-date-block ul li.event-series .event-series .date-pikar.date-timer {
  width: 114px;
}

.working-schedule__working-hours ul li.event-series {
  margin-bottom: 1rem !important;
}
.working-schedule__working-hours ul li.event-series .date-pikar.date-timer {
  width: 114px;
}

/*** Therapist calendar set-availability-popup ******/
.therapist-availability-popup {
  width: 902px;
  max-width: 902px;
  max-height: 82vh;
  overflow: hidden;
  padding-right: 0;
  margin-right: -18px;
}
.therapist-availability-popup .working-schedule__set-custom-date .custom-event {
  max-width: 100% !important;
}
.therapist-availability-popup .working-schedule .working-schedule__working-hours {
  padding: 0 1rem 0 0 !important;
}
.therapist-availability-popup .working-schedule {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  margin-top: 2rem;
}
@media (max-width: 1024px) {
  .therapist-availability-popup .working-schedule {
    width: 100%;
    flex-wrap: wrap;
  }
}
@media (max-width: 600px) {
  .therapist-availability-popup .working-schedule {
    flex-wrap: wrap;
  }
}
.therapist-availability-popup .working-schedule__working-hours {
  width: 100%;
  max-width: 415px !important;
  padding-right: 3rem;
  margin-right: 2.5rem;
  border-right: 1px solid var(--input-border-color);
}
@media (max-width: 1280px) {
  .therapist-availability-popup .working-schedule__working-hours {
    max-width: 48%;
    padding-right: 1rem;
    margin-right: 1.5rem;
  }
}
@media (max-width: 1024px) {
  .therapist-availability-popup .working-schedule__working-hours {
    border: none;
    max-width: 60%;
  }
}
@media (max-width: 600px) {
  .therapist-availability-popup .working-schedule__working-hours {
    max-width: 100%;
    border: none;
    padding-right: 0;
    margin-right: 0;
  }
}
.therapist-availability-popup .working-schedule__working-hours ul {
  width: 100%;
  margin: 0 0 25px;
  padding: 0;
}
.therapist-availability-popup .working-schedule__working-hours ul li {
  width: 100%;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  position: relative;
  margin-bottom: 1rem;
}
@media (max-width: 576px) {
  .therapist-availability-popup .working-schedule__working-hours ul li {
    flex-wrap: wrap;
  }
}
.therapist-availability-popup .working-schedule__working-hours ul li .invalid-feedback {
  bottom: -13px;
  left: inherit;
  right: 99px;
  font-size: 1.1rem;
}
.therapist-availability-popup .working-schedule__working-hours ul li div .spinner {
  margin-right: 1rem;
}
.therapist-availability-popup .working-schedule__working-hours ul li div.day {
  width: 100px;
  border-right: 1px solid hsla(var(--input-border-color-h), var(--input-border-color-s), var(--input-border-color-l), 10%);
  line-height: 31px;
  font-weight: var(--font-weight-500);
}
@media (max-width: 576px) {
  .therapist-availability-popup .working-schedule__working-hours ul li div.day {
    width: 100%;
    border: none;
  }
}
.therapist-availability-popup .working-schedule__working-hours ul li div.sortby {
  width: 100px;
  line-height: 28px;
  border-right: 1px solid hsla(var(--input-border-color-h), var(--input-border-color-s), var(--input-border-color-l), 10%);
  padding: 0.3rem 0;
  margin-right: 1.5rem;
}
@media (max-width: 1280px) {
  .therapist-availability-popup .working-schedule__working-hours ul li div.sortby {
    margin-right: 0.5rem;
  }
}
.therapist-availability-popup .working-schedule__working-hours ul li div.time {
  width: 220px;
  line-height: 28px;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-right: 0;
  padding-right: 0;
}
@media (max-width: 600px) {
  .therapist-availability-popup .working-schedule__working-hours ul li div.time {
    width: 205px;
  }
}
.therapist-availability-popup .working-schedule__working-hours ul li div.time .spinner {
  margin: 0;
}
.therapist-availability-popup .working-schedule__working-hours ul li div.time span {
  padding: 0 1rem;
  font-weight: var(--font-weight-400);
}
.therapist-availability-popup .working-schedule__set-custom-date {
  width: 100%;
  max-width: 100%;
}
@media (max-width: 600px) {
  .therapist-availability-popup .working-schedule__set-custom-date {
    margin-top: 2rem;
  }
}
@media (max-width: 576px) {
  .therapist-availability-popup .working-schedule__set-custom-date {
    max-width: 100%;
  }
}
.therapist-availability-popup .custom-event.hide {
  display: none;
}
.therapist-availability-popup .set-custom-date-block {
  width: 100%;
  margin: 0;
  padding: 0;
}
.therapist-availability-popup .set-custom-date-block a {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  color: var(--body-color);
  font-size: var(--font-15);
}
.therapist-availability-popup .set-custom-date-block a .ic {
  margin-right: 1rem;
}
.therapist-availability-popup .set-custom-date-block ul {
  width: 100%;
  margin: 0;
  padding: 2.5rem 0 0 0;
  position: relative;
}
.therapist-availability-popup .set-custom-date-block ul:before {
  position: absolute;
  left: 112px !important;
  top: 23px;
  content: "";
  width: 1px;
  height: 85%;
  background-color: var(--input-border-color);
}
@media (max-width: 600px) {
  .therapist-availability-popup .set-custom-date-block ul:before {
    left: 69px;
  }
}
@media (max-width: 576px) {
  .therapist-availability-popup .set-custom-date-block ul:before {
    display: none;
  }
}
.therapist-availability-popup .set-custom-date-block ul li {
  width: 100%;
  height: 45px;
  list-style: none;
  padding: 0 0 1.3rem 0;
}
.therapist-availability-popup .set-custom-date-block ul li.event-series {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  width: 100%;
  align-items: center;
}
@media (max-width: 600px) {
  .therapist-availability-popup .set-custom-date-block ul li.event-series {
    justify-content: flex-start;
  }
}
@media (max-width: 576px) {
  .therapist-availability-popup .set-custom-date-block ul li.event-series {
    flex-wrap: wrap;
    height: auto;
  }
}
.therapist-availability-popup .set-custom-date-block ul li.event-series .event-series {
  width: 180px !important;
  font-weight: var(--font-weight-500);
}
@media (max-width: 600px) {
  .therapist-availability-popup .set-custom-date-block ul li.event-series .event-series {
    width: 122px;
    margin-bottom: 0.5rem;
  }
}
.therapist-availability-popup .set-custom-date-block ul li.event-series .event-series-select {
  width: 100%;
}
.therapist-availability-popup .set-custom-date-block ul li.event-series .event-series-select .select-box {
  width: 115px;
}
.therapist-availability-popup .set-custom-date-block ul li.event-series .event-series-select ul {
  height: 34px;
  margin: 0 !important;
  padding: 0;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
}
@media (max-width: 600px) {
  .therapist-availability-popup .set-custom-date-block ul li.event-series .event-series-select ul {
    margin-top: 5px;
  }
}
.therapist-availability-popup .set-custom-date-block ul li.event-series .event-series-select ul:before {
  display: none;
}
.therapist-availability-popup .set-custom-date-block ul li.event-series .event-series-select ul li {
  padding: 0 0.5rem 0 0;
}
.therapist-availability-popup .set-custom-date-block ul li.event-series .event-series-select ul li a {
  padding: 0.8rem;
  -webkit-border-radius: 3px !important;
  -webkit-border-radius-border-radius: 3px !important;
  justify-content: center;
  font-size: var(--font-14);
  font-weight: var(--font-weight-500);
  background-color: var(--grey-bg-color);
}
.therapist-availability-popup .set-custom-date-block ul li.event-series .event-series-select ul li a:hover, .therapist-availability-popup .set-custom-date-block ul li.event-series .event-series-select ul li a.active {
  background-color: hsla(var(--purple-color-h), var(--purple-color-s), var(--purple-color-l), 5%);
}
.therapist-availability-popup .set-custom-date-block ul li.event-series .event-series-select .datepikar {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  width: 413px;
}
.therapist-availability-popup .set-custom-date-block ul li.event-series .event-series-select .datepikar .start-date {
  max-width: 130px;
  margin-right: 10px;
}
.therapist-availability-popup .set-custom-date-block ul li.event-series .event-series-select .datepikar small {
  padding: 0 1rem;
  font-size: var(--font-15);
  font-weight: var(--font-weight-500);
  min-width: 145px;
}
.therapist-availability-popup .set-custom-date-block ul li.event-series .event-series-select .datepikar small.end-time {
  min-width: 145px;
  padding: 0 1.2rem;
  display: inline-block;
}
.therapist-availability-popup .set-custom-date-btn {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  margin: 2rem 0 0.8rem 0;
}
.therapist-availability-popup .set-custom-date-btn .btn {
  margin: 0 1.5rem 0 0;
}
.therapist-availability-popup .set-custom-date-btn .btn--cancel {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}
.therapist-availability-popup .small-picker {
  max-width: 113px;
  margin-left: -45px;
}

.popup-tables {
  width: 100%;
  display: block;
}
.popup-tables h2 {
  margin-bottom: 1.5rem;
}

.popup-set-availability {
  width: 100%;
}
.popup-set-availability .working-redio-btn {
  width: 100%;
  margin: 0 0 1.5rem 0;
  padding-bottom: 1.5rem;
}
.popup-set-availability .working-redio-btn.add-business-hours {
  position: relative;
}
.popup-set-availability .working-redio-btn.add-business-hours:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 48%;
  background-color: var(--light-border-color);
  height: 1px;
}
.popup-set-availability .working-redio-btn ul {
  list-style: none;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
}
.popup-set-availability .working-redio-btn ul li {
  list-style: none;
  margin: 0 1.5rem 0 0;
}
.popup-set-availability .popup-facility-block {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}
.popup-set-availability .popup-facility-block .event-series-right {
  width: auto;
  padding-left: 1.5rem;
  max-width: 240px;
}
.popup-set-availability .add-btn-block {
  position: absolute;
  right: 26px;
  top: 10px;
}

body .p-overlaypanel.overlaypanel-outer {
  z-index: 99999 !important;
}

/** add all Patient popup info ***/
.patient-info {
  width: 100%;
  margin: 0;
  padding: 0 0 0.5rem 0;
}
.patient-info .patient-info-top {
  width: 100%;
  margin: 0;
  padding: 0;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.patient-info .patient-info-top__left {
  min-width: 50%;
  text-align: left;
}
@media (max-width: 1280px) {
  .patient-info .patient-info-top__left {
    max-width: 100%;
  }
}
.patient-info .patient-info-top__left h2 {
  margin: 0 0 0rem 0;
  width: 100%;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  padding-right: 0rem;
  /* white-space: nowrap */
  /* overflow: hidden */
  /* text-overflow: ellipsis */
}
.patient-info .patient-info-top__left h2 .ic {
  margin-left: 1rem;
  display: inline-block;
  width: 26px;
}
.patient-info .patient-info-top__left span {
  width: 100%;
  color: var(--light-grey-color);
  font-style: var(--font-15);
  margin: 1rem 0 0 0;
}
.patient-info .patient-info-top__left ul {
  width: 100%;
  margin: 2rem 0 0.5rem 0;
  padding: 0;
  display: flex;
  align-items: center;
}
@media (max-width: 600px) {
  .patient-info .patient-info-top__left ul {
    width: 185px;
  }
}
.patient-info .patient-info-top__left ul li {
  list-style: none;
  margin: 0 1rem 0 0;
  padding: 0 0 0 1rem;
  position: relative;
}
.patient-info .patient-info-top__left ul li a {
  color: var(--body-color);
  text-decoration: underline;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}
.patient-info .patient-info-top__left ul li a:hover {
  color: var(--link-hover-color);
  text-decoration: none;
}
.patient-info .patient-info-top__left ul li:first-child {
  margin-left: 0;
  padding-left: 0;
}
.patient-info .patient-info-top__left ul li:first-child::before {
  display: none;
}
.patient-info .patient-info-top__left ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
  width: 1px;
  height: 18px;
  background: hsla(var(--input-border-color-h), var(--input-border-color-s), var(--input-border-color-l), 10%);
}
.patient-info .patient-info-top__right {
  min-width: 50%;
  text-align: right;
  width: auto;
  border-left: 1px solid hsla(var(--input-border-color-h), var(--input-border-color-s), var(--input-border-color-l), 10%);
}
@media (max-width: 1280px) {
  .patient-info .patient-info-top__right {
    width: 100%;
    max-width: 100%;
    /* margin-top: 7px */
    /* padding-top: 10px */
    /* border-top: 1px solid hsla(var(--input-border-color-h), var(--input-border-color-s), var(--input-border-color-l), 10%) */
  }
}
.patient-info .patient-info-top__right h2 {
  margin: 0 0 0rem 0;
  width: 100%;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  text-align: right;
  justify-content: flex-end;
}
.patient-info .patient-info-top__right span {
  width: 100%;
  color: var(--primary-color);
  font-style: var(--font-15);
  margin: 0.5rem 0 0 0;
}
.patient-info .patient-info-top__right ul {
  width: 100%;
  margin: 1rem 0;
  padding: 0;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.patient-info .patient-info-top__right ul li {
  list-style: none;
  margin: 0 1rem 0 0;
  padding: 0 0 0 1rem;
  position: relative;
}
.patient-info .patient-info-top__right ul li:first-child {
  margin-left: 0;
  padding-left: 0;
}
.patient-info .patient-info-top__right ul li:first-child::before {
  display: none;
}
.patient-info .patient-info-top__right ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
  width: 1px;
  height: 14px;
  background: hsla(var(--input-border-color-h), var(--input-border-color-s), var(--input-border-color-l), 10%);
}
.patient-info .patient-info-middle {
  width: 100%;
  margin: 0.7rem 0 0 0;
  padding: 1rem 0 0 0;
  border-top: 1px solid hsla(var(--input-border-color-h), var(--input-border-color-s), var(--input-border-color-l), 10%);
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
}
.patient-info .patient-info-middle h2 {
  margin: 0 0 1rem 0;
  width: 100%;
}
.patient-info .patient-info-middle__boxs {
  font-size: var(--body-font-size);
  width: 100%;
  position: relative;
}
.patient-info .patient-info-middle__boxs small {
  width: 100%;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  color: var(--light-grey-color);
  font-size: var(--body-font-size);
  margin: 0.4rem 0 0 0;
}
.patient-info .patient-info-middle__boxs:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -20px;
  width: 1px;
  height: 40px;
  background: hsla(var(--input-border-color-h), var(--input-border-color-s), var(--input-border-color-l), 10%);
}
.patient-info .patient-info-middle__boxs.left {
  text-align: left;
  max-width: 30%;
}
.patient-info .patient-info-middle__boxs.left:before {
  display: none;
}
.patient-info .patient-info-middle__boxs.center {
  max-width: 40%;
  text-align: left;
}
.patient-info .patient-info-middle__boxs.center small {
  justify-content: left;
}
.patient-info .patient-info-middle__boxs.center:before {
  left: -30px;
}
.patient-info .patient-info-middle__boxs.right {
  max-width: 30%;
  text-align: left;
}
.patient-info .patient-info-middle__boxs.right:before {
  left: 12px;
}
@media (max-width: 600px) {
  .patient-info .patient-info-middle__boxs.right:before {
    left: 10px;
  }
}
.patient-info .patient-info-middle__boxs.right small {
  /* justify-content: flex-end */
}
.patient-info .patient-info-middle__boxs.right small i {
  margin-left: 0.5rem;
}
.patient-info .patient-info-middle__btn {
  width: 100%;
  margin: 1rem 0 0.7rem 0;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
}
.patient-info .patient-info-middle__btn .btn {
  margin: 0;
}
.patient-info .patient-info-middle__btn span {
  color: var(--primary-color);
  font-size: var(--font-20);
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  cursor: pointer;
  min-width: 125px;
  width: auto;
}
.patient-info .patient-info-middle__btn span i {
  margin-right: 1rem;
}
.patient-info .patient-info-bottom {
  width: 100%;
  margin: 1.5rem 0 0 0;
  padding: 1.5rem 0 0 0;
  border-top: 1px solid hsla(var(--input-border-color-h), var(--input-border-color-s), var(--input-border-color-l), 10%);
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  flex-wrap: wrap;
}
.patient-info .patient-info-bottom h2 {
  margin: 0 0 1.5rem 0;
  width: 100%;
}
.patient-info .patient-info-bottom .ui-g {
  width: 100%;
  margin: 0;
  display: block;
}
.patient-info .patient-info-bottom .btn {
  margin-bottom: 0.8rem;
  margin-right: 1.5rem;
}
.patient-info .patient-info-bottom .patient-info-bottom .btn {
  margin-top: 1.5rem;
  margin-bottom: 0rem;
}
.patient-info .patient-info-bottom.schedulecall {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}
.patient-info .patient-info-bottom.schedulecall .call-popup-appointment {
  text-align: left;
}
.patient-info .patient-info-bottom.schedulecall .call-popup-appointment .btn {
  margin: -0.5rem 1.5rem 1rem 0;
}
.patient-info .patient-info-bottom.schedulecall .ui-g {
  text-align: left;
}
.patient-info .patient-info-bottom.schedulecall .patient-info-middle {
  margin: 1.5rem 0 0 0;
  padding: 1.5rem 0 0 0;
}
.patient-info .patient-info-bottom.schedulecall .appointment-calcel-btn {
  text-align: left;
}
.patient-info .patient-info-bottom.schedulecall .appointment-calcel-btn .btn {
  margin: 1.5rem 1.5rem 0.5rem 0;
}
.patient-info .patient-info-bottom .form {
  width: 100%;
}
.patient-info .patient-info-bottom .form .schedulecall .appointment-calcel-btn {
  text-align: left;
}
.patient-info .patient-info-bottom .form .schedulecall .appointment-calcel-btn .btn {
  margin: -0.5rem 1.5rem 0.6rem 0;
}
.patient-info .btn {
  margin-right: 1.5rem;
}
.patient-info .schedulecall {
  width: 100%;
  margin: 1.5rem 0 -0.5rem 0 !important;
  padding: 0;
}
.patient-info .schedulecall .col {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  width: 100%;
}
.patient-info .schedulecall .col .form__group {
  width: 100%;
}
.patient-info .schedulecall .col.first {
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.patient-info .schedulecall .col.first .form__group {
  width: 48%;
}

.cd-popup .patient-info.calenadar-appointment {
  margin: 0 -1.5rem -1.5rem -1.5rem;
  width: 107%;
}
.cd-popup .patient-info.calenadar-appointment .patient-info-middle {
  border: none !important;
  margin: 0rem 0 0 0;
  padding: 0rem 0 0 0;
}
.cd-popup .patient-info.calenadar-appointment .patient-info-middle h2 {
  margin-bottom: 1.5rem;
}
.cd-popup .patient-info.calenadar-appointment p {
  margin: 1rem 0 1.5rem 0;
  padding: 0rem 0 0 0;
}

.calls-bts .btn {
  margin-right: 1.5rem !important;
}

/*** Call Logs Popup *****/
.patient-info.callLogs-info .patient-info-top {
  flex-wrap: wrap;
}
.patient-info.callLogs-info .patient-info-top__left {
  width: 100%;
  max-width: 100%;
}
.patient-info.callLogs-info .callLogs-block {
  width: 100%;
  margin: 2rem 0 2rem 0;
  padding: 0;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
}
.patient-info.callLogs-info .callLogs-block .details-group {
  width: auto;
  max-width: 50%;
  margin: 0 0 1.5rem 0;
}
.patient-info.callLogs-info .callLogs-block .details-group .details-label {
  width: 100%;
  font-size: var(--body-font-size);
  font-weight: var(--font-weight-500);
  margin: 0 0 1rem 0;
}
.patient-info.callLogs-info .callLogs-block .details-group .details-desc {
  width: 100%;
  margin: 0;
  display: inline-block;
  font-size: var(--font-14);
  color: var(--body-color);
}
.patient-info.callLogs-info .callLogs-block .details-group.note {
  max-width: 100%;
  margin: 0;
  width: 100%;
}
.patient-info.callLogs-info .callLogs-block.last {
  border-top: 1px solid hsla(var(--input-border-color-h), var(--input-border-color-s), var(--input-border-color-l), 10%);
  padding-top: 2rem;
  margin-top: 0;
}
.patient-info.callLogs-info .close-btn {
  width: 100%;
  text-align: center;
}
.patient-info.callLogs-info .close-btn .btn {
  margin: 0;
}
.patient-info.callLogs-info .call-popup-appointment .btn {
  margin: 0 1.5rem 1rem 0;
}

/*** Re Assine therapist appointments popup ****/
body .reassignAppointment-outer .p-dialog .p-dialog-content {
  max-width: 1020px;
  width: 1020px;
  max-height: inherit;
  height: auto !important;
  padding: 1.5rem 2rem 0.2rem 2rem;
}
@media (max-width: 992px) {
  body .reassignAppointment-outer .p-dialog .p-dialog-content {
    max-width: 1020px;
    width: 100%;
  }
}
body .reassignAppointment-outer.set-availability-popup .p-dialog {
  top: 100px !important;
}
@media screen and (max-height: 800px) {
  body .reassignAppointment-outer.set-availability-popup .p-dialog {
    top: 60px !important;
  }
}
@media screen and (max-height: 768px) {
  body .reassignAppointment-outer.set-availability-popup .p-dialog {
    top: 17px !important;
  }
}
body .reassignAppointment-outer.set-availability-popup .p-dialog .p-dialog-content {
  max-width: 546px;
  width: 546px;
  max-height: 625px;
  height: auto !important;
  padding: 1.5rem 2rem 0.2rem 2rem;
}
body .reassignAppointment-outer.set-availability-popup .p-dialog .p-dialog-content .form-content-outer__content {
  padding: 0rem 0 0rem 0;
}
body .reassignAppointment-outer.set-availability-popup .p-dialog .p-dialog-content h2 {
  margin: 0 0 1.5rem 0;
}
body .reassignAppointment-outer.set-availability-popup .p-dialog .p-dialog-content .form-content-outer__content .col {
  margin: 0 0 1rem 0;
}
body .reassignAppointment-outer.set-availability-popup .p-dialog .p-dialog-content .form-content-outer__content .col .date-pikar.date-timer .p-inputtext {
  height: 38px;
}
body .reassignAppointment-outer.set-availability-popup .p-dialog .p-dialog-content .form-content-outer__content .col.break-hours {
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 1rem;
  margin-top: 1rem;
  display: inline-block;
}
body .reassignAppointment-outer.set-availability-popup .p-dialog .p-dialog-content .form-content-outer__content .col.break-hours .col {
  margin-top: 1rem;
  width: 100%;
}

.reassignAppointment-outer.set-availability-popup {
  overflow: inherit !important;
}
.reassignAppointment-outer.set-availability-popup .p-dialog-content {
  overflow: inherit !important;
  display: inline-block;
  max-height: inherit !important;
}
.reassignAppointment-outer.set-availability-popup .p-dialog-content .p-scrollpanel-wrapper {
  overflow: inherit !important;
}
.reassignAppointment-outer.set-availability-popup .p-dialog-content .p-scrollpanel-wrapper .p-scrollpanel-content {
  overflow: inherit !important;
}

body .p-dialog .p-dialog-content {
  min-width: 400px;
  min-height: 100px;
}
@media (max-width: 576px) {
  body .p-dialog .p-dialog-content {
    min-width: inherit;
  }
}

.reassignAppointment-outer {
  width: 100%;
  max-width: 700px;
}

.reassign-appointment {
  width: 100%;
  margin: 0;
  padding: 2rem 2.7rem;
  min-height: 450px;
}
.reassign-appointment h3 {
  width: 100%;
  color: var(--h2-color);
  font: var(--h2-font);
  margin: 0 0 1.5rem 0;
  padding: 0;
}
.reassign-appointment h3.second-tile {
  color: var(--h3-color);
  font: var(--h3-font);
  font-weight: var(--font-weight-500);
}
.reassign-appointment__facility {
  width: 100%;
  margin: 1rem 0 2rem 0;
  padding: 0;
  overflow: auto;
  max-height: 375px;
  min-height: 375px;
}
@media (max-width: 1366px) {
  .reassign-appointment__facility {
    max-height: 278px;
    min-height: 278px;
  }
}
.reassign-appointment__facility__table {
  width: 100%;
  margin: 0 0 0rem 0;
  padding: 0;
  border-spacing: inherit;
  /* border: 1px solid var(--table-border-color) */
  border-collapse: separate;
  border-spacing: 0;
}
.reassign-appointment__facility__table tr.mat-mdc-header-row {
  height: 38px;
}
.reassign-appointment__facility__table tr th {
  padding: 0.8rem 0.7rem;
  border: none;
  color: var(--table-head-color);
  background-color: var(--white-color) !important;
  font: var(--table-head-font);
  z-index: 9;
  text-align: left;
  outline: 0;
  border-bottom: 2px solid var(--accent-color);
  vertical-align: bottom;
  font: var(--font-weight-500) var(--font-15) var(--font-family);
  height: 30px !important;
  position: sticky;
  top: 0;
}
.reassign-appointment__facility__table tr th.mat-header-cell:first-of-type {
  padding-left: 1.5rem;
  width: 26px;
  padding-right: 0;
}
.reassign-appointment__facility__table tr td {
  padding: 1.2rem 1rem;
  border: none;
  font-weight: var(--font-weight-400);
  color: var(--black-color);
  background-color: transparent !important;
  font: var(--table-head-font);
  border-bottom: 1px solid var(--table-border-color);
  position: relative;
}
.reassign-appointment__facility__table tr td.mat-cell:first-of-type {
  padding-left: 1.5rem;
  width: 26px;
  padding-right: 0;
}
.reassign-appointment__facility__table tr td .patient {
  color: var(--primary-color);
  font-weight: var(--font-weight-500);
}
.reassign-appointment__facility__table tr td .patient p {
  color: var(--light-grey-color);
  font-weight: var(--font-weight-400);
}
.reassign-appointment__facility__table tr:last-child td {
  border: none;
}
.reassign-appointment__facility__table p-checkbox {
  margin-right: 1rem;
}
.reassign-appointment__facility__table .checkbox-text {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}
.reassign-appointment__drop-dwon-call {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  width: 100%;
  margin-bottom: 1.5rem;
}
.reassign-appointment__drop-dwon-call__dropDwon {
  width: auto;
  min-width: 200px;
  max-width: 400px;
}
.reassign-appointment__drop-dwon-call .btn {
  margin: 0;
}
.reassign-appointment__therapist-available {
  width: 100%;
  margin: 0;
  padding: 0.5rem 0 0 0;
}
.reassign-appointment__therapist-available .available-therapist {
  margin: 0 0 1.5rem 0;
}
.reassign-appointment__therapist-available .available-therapist b {
  font-weight: normal;
  line-height: 22px;
}
.reassign-appointment__therapist-available b.available-therapist {
  font-weight: normal;
  line-height: 22px;
  margin: 0 0 1rem 0;
  display: inline-block;
}
.reassign-appointment__therapist-available .checkbox-unavailable {
  margin: 0 0 1rem 0;
}
.reassign-appointment__therapist-available p {
  width: 100%;
  margin: 0 0 1.5rem 0 !important;
  padding: 0;
  font-size: var(--font-16);
}
.reassign-appointment__therapist-available span {
  width: 100%;
  width: 100%;
  margin: 0 0 2rem 0;
  padding: 0;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}
.reassign-appointment__therapist-available span p {
  width: auto;
  margin: 0 0 0 1rem !important;
}
.reassign-appointment__btns {
  margin: 0;
  padding-top: 2.5rem;
}
.reassign-appointment__btns .btn {
  margin-bottom: 0;
}

.event-date-of-week-month {
  margin: 0px 0 15px 142px;
  display: inline-block;
  position: relative;
  width: auto;
}

body .p-dropdown-panel .p-dropdown-filter-container .p-dropdown-filter {
  border-radius: 5px !important;
  border-color: var(--input-border-color) !important;
  padding: 0 1.5rem 0 4rem;
  height: 35px;
}
body .p-dropdown-panel .p-dropdown-filter-container .p-dropdown-filter:focus {
  border-color: var(--input-border-color);
  box-shadow: none;
}
body .p-dropdown-panel .p-dropdown-filter-container .pi-search {
  color: var(--body-color);
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("/assets/img/search-ic.svg");
  position: absolute;
  left: 15px !important;
  right: 0;
  margin-top: -7px;
}
body .p-dropdown-panel .p-dropdown-filter-container .pi-search:before {
  display: none !important;
}

body .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
  margin: 0 1.2rem 0 0 !important;
}

body .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
  border-radius: 5px !important;
  padding: 0 1.5rem 0 3.5rem !important;
}
body .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
  color: var(--body-color);
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("/assets/img/search-ic.svg");
  margin-top: -0.8rem !important;
  position: absolute;
  left: 12px !important;
  right: inherit !important;
}
body .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon:before {
  display: none !important;
}

/***** selet-call-popup *****/
.selet-call-popup__outer {
  width: 180px;
  max-width: 180px;
  padding: 1.5rem;
}
.selet-call-popup__outer .from__group {
  display: inline-block;
  width: 100%;
  margin: 0;
  max-width: 100%;
}
.selet-call-popup__outer .from__group .form__label {
  width: 100%;
  margin: 0 0 0rem 0;
  display: inline-block;
  font-size: 16px;
  padding: 0;
  position: relative;
  left: 0;
  top: 0;
  font-weight: var(--font-weight-500);
  color: var(--body-color);
}
.selet-call-popup__outer p-radiobutton {
  margin-top: 1rem;
  display: block;
}
.selet-call-popup__outer p-radiobutton .p-radiobutton {
  display: none;
}
.selet-call-popup__outer p-radiobutton .p-radiobutton .p-radiobutton-box {
  display: none;
}
.selet-call-popup__outer p-radiobutton .p-radiobutton-label {
  cursor: pointer;
  margin: 0;
  line-height: 22px !important;
  font-size: var(--font-14);
  font-weight: var(--font-weight-500);
  color: var(--medium-grey);
}
.selet-call-popup__outer p-radiobutton .p-radiobutton-label.p-radiobutton-label-active, .selet-call-popup__outer p-radiobutton .p-radiobutton-label:hover {
  color: var(--primary-color) !important;
}

.p-overlaypanel.p-overlaypanel-flipped:before {
  border-bottom-color: transparent !important;
}

.selet-call-popup__outer .phone-number .p-radiobutton-label {
  position: relative;
  margin: 0 !important;
  padding: 0 0 0 25px;
}
.selet-call-popup__outer .phone-number .p-radiobutton-label:after {
  content: "";
  position: absolute;
  left: -3px;
  top: 0px;
  background-position: -280px -2px;
  width: 26px;
  height: 26px;
}
.selet-call-popup__outer .mobile-number .p-radiobutton-label {
  position: relative;
  margin: 0 !important;
  padding: 0 0 0 25px;
}
.selet-call-popup__outer .mobile-number .p-radiobutton-label:after {
  content: "";
  position: absolute;
  left: -3px;
  top: -6px;
  background-position: -211px -271px;
  width: 26px;
  height: 26px;
}

.schedule-appointment-detail {
  height: calc(100vh - 72px);
  overflow: hidden;
  padding-top: 1rem;
}
@media (max-width: 1024px) {
  .schedule-appointment-detail {
    height: auto;
    padding-bottom: 10px !important;
  }
}
.schedule-appointment-detail .visit-details__right .customer-calendar-time__scroll-bar {
  height: calc(100vh - 366px);
}

.schedule-appointment-detail.book-appointment-top-block1 {
  height: calc(100vh - 252px);
}
.schedule-appointment-detail.book-appointment-top-block {
  height: calc(100vh - 152px);
}
@media (max-width: 1280px) {
  .schedule-appointment-detail.book-appointment-top-block {
    height: calc(100vh - 166px);
    overflow: inherit;
  }
}
@media (max-width: 1024px) {
  .schedule-appointment-detail.book-appointment-top-block {
    height: auto;
    padding-bottom: 10px;
  }
}
.schedule-appointment-detail.book-appointment-top-block .visit-details__right .customer-calendar-time__scroll-bar {
  height: calc(100vh - 397px);
}
@media (min-width: 1600px) {
  .schedule-appointment-detail.book-appointment-top-block .visit-details__right .customer-calendar-time__scroll-bar {
    height: calc(100vh - 397px);
  }
}
@media (max-width: 1366px) {
  .schedule-appointment-detail.book-appointment-top-block .visit-details__right .customer-calendar-time__scroll-bar {
    height: calc(100vh - 400px);
    margin: 0;
  }
}
@media (max-width: 1280px) {
  .schedule-appointment-detail.book-appointment-top-block .visit-details__right .customer-calendar-time__scroll-bar {
    height: calc(100vh - 312px);
  }
  @-moz-document url-prefix() {
    .schedule-appointment-detail.book-appointment-top-block .visit-details__right .customer-calendar-time__scroll-bar {
      height: calc(100vh - 355px) !important;
    }
  }
}
@media (max-width: 1024px) {
  .schedule-appointment-detail.book-appointment-top-block .visit-details__right .customer-calendar-time__scroll-bar {
    height: calc(100vh - 275px);
  }
}
@media (max-width: 1366px) {
  .schedule-appointment-detail.book-appointment-top-block .confirm-btn {
    position: absolute;
    bottom: inherit;
    margin: -5px 0 0 0;
    padding-bottom: 24px;
  }
}
@media (max-width: 1024px) {
  .schedule-appointment-detail.book-appointment-top-block .confirm-btn {
    position: relative;
    margin: -5px 0px 0px 0;
    padding-bottom: 24px;
  }
}

.schedule-appointment-detail.show-doctor-info {
  height: calc(100vh - 71px);
}
@media (max-width: 1366px) {
  .schedule-appointment-detail.show-doctor-info {
    overflow: inherit;
    height: auto;
    padding-bottom: 10px;
  }
}
.schedule-appointment-detail.show-doctor-info .visit-details__right .customer-calendar-time__scroll-bar {
  height: calc(100vh - 310px);
}
@media (max-width: 1366px) {
  .schedule-appointment-detail.show-doctor-info .visit-details__right .customer-calendar-time__scroll-bar {
    height: calc(100vh - 310px);
    margin: 0;
  }
}
@media (max-width: 1280px) {
  .schedule-appointment-detail.show-doctor-info .visit-details__right .customer-calendar-time__scroll-bar {
    height: calc(100vh - 310px);
    margin: 0;
  }
  @-moz-document url-prefix() {
    .schedule-appointment-detail.show-doctor-info .visit-details__right .customer-calendar-time__scroll-bar {
      height: calc(100vh - 280px) !important;
    }
  }
}
@media (max-width: 1024px) {
  .schedule-appointment-detail.show-doctor-info .visit-details__right .customer-calendar-time__scroll-bar {
    height: calc(100vh - 275px) !important;
  }
}
.schedule-appointment-detail.show-doctor-info .bookAppointmentFlow-outer__block__right .visit-details {
  height: calc(100% - 167px);
}
@media (max-width: 1366px) {
  .schedule-appointment-detail.show-doctor-info .confirm-btn {
    position: absolute;
    bottom: inherit;
    margin: -5px 0 0 0;
  }
}
@media (max-width: 1280px) {
  .schedule-appointment-detail.show-doctor-info .confirm-btn {
    margin: 3px 0 10px 0px;
    right: 0px;
    position: relative;
  }
}
@media (max-width: 1024px) {
  .schedule-appointment-detail.show-doctor-info .confirm-btn {
    margin: 3px 0 20px 0px;
  }
}

.confirm-btn {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: flex-end;
  padding-top: 1rem;
  position: absolute;
  bottom: 20px;
  right: 20px;
}
@media (max-width: 1024px) {
  .confirm-btn {
    padding-top: 0rem;
    position: relative;
    bottom: 20px;
    right: 0px;
  }
}
.confirm-btn .btn {
  margin: 0;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}
.confirm-btn .btn .ic {
  margin: 4px 0 0 1rem;
}

.orderNote-deliveryNote {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  margin: 0 0 1.5rem 0;
}
.orderNote-deliveryNote .input-edit-table {
  margin: 0 1.5rem 0 0;
}
.orderNote-deliveryNote .input-edit-table a {
  color: var(--body-color);
  font-weight: var(--font-weight-500);
}

/*** Book Appointment popup ****/
.appointment-detail-popup .p-tabview {
  padding: 0 !important;
}

body .appointment-detail-popup .p-tabview.p-tabview-top .p-tabview-nav {
  display: block;
  border: none !important;
  border-bottom: 1px solid hsla(var(--input-border-color-h), var(--input-border-color-s), var(--input-border-color-l), 10%) !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}
body .appointment-detail-popup .p-tabview.p-tabview-top .p-tabview-nav li {
  margin-bottom: 1px;
  margin-right: 2px;
  position: relative;
}
body .appointment-detail-popup .p-tabview.p-tabview-top .p-tabview-nav li:first-child:after {
  display: none;
}
body .appointment-detail-popup .p-tabview.p-tabview-top .p-tabview-nav li:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -3px;
  width: 2px;
  height: 20px;
  background-color: var(--light-border-color) !important;
  margin-top: -10px;
}
body .appointment-detail-popup .p-tabview.p-tabview-top .p-tabview-nav li a span {
  font-size: var(--font-15);
}

body .appointment-detail.insurance-info-tab .p-tabview.p-tabview-top {
  padding: 0 !important;
}
body .appointment-detail.insurance-info-tab .p-tabview.p-tabview-top .p-tabview-nav li {
  padding: 0.5rem 0 !important;
}
body .appointment-detail.insurance-info-tab .p-tabview.p-tabview-top .p-tabview-panels {
  margin-top: -0.5rem;
  display: inline-block;
}

body .select-type-of-visit .p-radiobutton {
  display: none !important;
}
body .select-type-of-visit p-radiobutton .p-radiobutton-label {
  padding: 1rem 1.6rem !important;
  display: inline-block;
  margin: 0 !important;
  cursor: pointer;
  -webkit-border-radius: 3px !important;
  -webkit-border-radius-border-radius: 3px !important;
  position: relative;
  color: var(--medium-grey) !important;
}
body .select-type-of-visit p-radiobutton .p-radiobutton-label:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px;
  height: 20px;
  background-color: hsla(var(--input-border-color-h), var(--input-border-color-s), var(--input-border-color-l), 10%) !important;
  margin-top: -10px;
}
body .select-type-of-visit p-radiobutton .p-radiobutton-label.p-radiobutton-label-active {
  color: var(--primary-button-color) !important;
  font-weight: var(--font-weight-500);
}
body .select-type-of-visit p-radiobutton:first-child .p-radiobutton-label:after {
  display: none;
}

.event-series-select .start-date .p-calendar .p-datepicker {
  left: inherit !important;
  right: 0 !important;
}

body .select-appointment p-radiobutton .p-radiobutton {
  display: none;
}
body .select-appointment p-radiobutton .p-radiobutton-label {
  font-size: var(--font-15);
  margin: 0 0 !important;
  padding: 0.7rem 1rem;
  position: relative;
}
body .select-appointment p-radiobutton .p-radiobutton-label:after {
  position: absolute;
  left: 0;
  top: 50%;
  content: "";
  background: var(--border-color);
  width: 1px;
  height: 18px;
  margin-top: -9px;
}
body .select-appointment p-radiobutton .p-radiobutton-label.p-radiobutton-label-active {
  font-weight: var(--font-weight-500);
  color: var(--primary-button-color);
}
body .select-appointment p-radiobutton:first-child .p-radiobutton-label {
  padding-left: 0;
}
body .select-appointment p-radiobutton:first-child .p-radiobutton-label:after {
  display: none;
}

.available-timeslot {
  width: 100%;
  display: inline-block;
  margin: 0 0 15px 0;
  color: var(--body-color);
  font-weight: var(--font-weight-500);
  padding: 0 0 1rem 0;
  min-width: 120px;
}

/**********************************/
/**** Confirm Appointment New popup ***/
/**********************************/
.confirm-appointment-popup {
  width: 1000px;
  margin: 0;
  padding: 0.5rem 2.5rem 1rem 2.5rem;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
}
.confirm-appointment-popup__left {
  width: 100%;
  max-width: 50%;
  margin: 0;
  padding: 0 3rem 0 0;
  /* border-right: 1px solid var(--scroll-bar-bg-color) */
}
.confirm-appointment-popup__right {
  width: 100%;
  max-width: 50%;
  margin: 0;
  padding: 0 0 0 3rem;
}
.confirm-appointment-popup__right .appt-details__group {
  margin-top: -4px !important;
}
.confirm-appointment-popup .appointment-details {
  width: 100%;
  margin: 0;
  padding: 0;
}
.confirm-appointment-popup .appointment-details .appt-details {
  width: 100%;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  list-style: none;
  border-bottom: 1px solid var(--scroll-bar-bg-color);
  padding: 0 0 1.5rem 0;
  margin: 0 0 1.5rem 0;
}
.confirm-appointment-popup .appointment-details .appt-details:last-child {
  border: none;
  padding: 0 0 2rem 0;
  margin: 0 0 0rem 0;
}
.confirm-appointment-popup .appointment-details .appt-details.last {
  padding-bottom: 0;
  margin-bottom: 0;
}
.confirm-appointment-popup .appointment-details .appt-details__block {
  width: 100%;
  max-width: 50%;
  margin: 0 0 1.5rem 0;
  padding: 0 1.5rem 0 0;
  list-style: none;
  border-right: 1px solid var(--scroll-bar-bg-color);
}
.confirm-appointment-popup .appointment-details .appt-details__block.phone-number1 {
  padding: 0 1.5rem 0 0;
  margin-bottom: 0 !important;
}
.confirm-appointment-popup .appointment-details .appt-details__block.phone-number2 {
  padding: 0;
  margin-bottom: 0 !important;
}
.confirm-appointment-popup .appointment-details .appt-details__block.last {
  margin-bottom: 0;
}
.confirm-appointment-popup .appointment-details .appt-details__block:nth-of-type(even) {
  padding: 0 0 0 2rem;
  border-right: none;
}
.confirm-appointment-popup .appointment-details .appt-details__block--modifier {
  max-width: 100%;
  margin: 0;
  padding: 0;
}
.confirm-appointment-popup .appointment-details .appt-details__block.patient-checkbox {
  padding: 2rem 0 0 0;
}
.confirm-appointment-popup .appointment-details .appt-details__block.border-none {
  border: none;
}
.confirm-appointment-popup .appointment-details .appt-details__block--date-time .appt-details__group {
  margin: 0.3rem 0 0 0;
  min-height: inherit;
}
.confirm-appointment-popup .appointment-details .appt-details__block--duration .appt-details__group {
  margin: 0.3rem 0 0 0;
  min-height: inherit;
}
.confirm-appointment-popup .appointment-details .appt-details__block.full-width {
  width: 100%;
  max-width: 100%;
  padding: 0 !important;
  border: none;
}
.confirm-appointment-popup .appointment-details .appt-details__block.full-width .controls {
  padding: 8px 0 0 0 !important;
}
.confirm-appointment-popup .appointment-details .appt-details__label {
  width: 100%;
  margin: 0;
  padding: 0 0 0.5rem 0;
  font-size: var(--font-16);
  font-weight: var(--font-weight-500);
  display: block;
  color: var(--facility-color);
  position: relative;
}
.confirm-appointment-popup .appointment-details .appt-details__label--modifier .edit-info {
  position: absolute;
  right: 0;
  top: -3px;
}
.confirm-appointment-popup .appointment-details .appt-details__label--modifier .edit-info.edit-box {
  display: none;
}
.confirm-appointment-popup .appointment-details .appt-details__group {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: var(--font-15);
  font-weight: 400;
  color: var(--light-grey-color);
  min-height: 30px;
  display: block;
  position: relative;
}
.confirm-appointment-popup .appointment-details .appt-details__group .hour {
  margin-top: -3px;
  color: var(--light-grey-color);
}
.confirm-appointment-popup .appointment-details .appt-details__group__id {
  font-size: var(--font-13);
  color: var(--input-border-color);
}
.confirm-appointment-popup .appointment-details .appt-details__group small {
  color: var(--black-color);
}
.confirm-appointment-popup .appointment-details .appt-details__group .patient-number {
  padding: 0.5rem 0 1rem 0;
}
.confirm-appointment-popup .appointment-details .appt-details__group .patient-number .phone-number {
  margin-right: 1rem;
}
.confirm-appointment-popup .appointment-details .appt-details__group .receive-reminder {
  padding-top: 1rem;
  padding-bottom: 0rem;
}
.confirm-appointment-popup .appointment-details .appt-details__group .save-info {
  position: absolute;
  top: -20px;
  right: 0;
  background-color: var(--white-color);
  padding: 0;
  display: none;
}
.confirm-appointment-popup .appointment-details .appt-details__group .save-info a {
  margin-left: 0.8rem;
}
.confirm-appointment-popup .appointment-details .appt-details__group .controls {
  width: 100%;
  margin: 0;
  padding: 0 0 !important;
  font: var(--font-15) var(--font-family);
  line-height: 30px;
  color: var(--light-grey-color);
  height: 30px;
  border: none;
  border-bottom: 1px solid transparent;
  outline: 0;
  box-shadow: none;
  -webkit-border-radius: 0px !important;
  -webkit-border-radius-border-radius: 0px !important;
  background: var(--input-bg-color);
  pointer-events: none;
}
.confirm-appointment-popup .appointment-details .appt-details__group .controls.controls-textarea {
  padding: 8px 0 0 0 !important;
}
.confirm-appointment-popup .appointment-details .appt-details__group .input-text-box {
  height: 31px;
}
.confirm-appointment-popup .appointment-details .appt-details__group .controls-textarea {
  height: 45px;
  line-height: normal;
  pointer-events: none;
  padding: 8px ​0 !important;
  overflow: hidden;
}
.confirm-appointment-popup .appointment-details .appt-details__group .calendar-control {
  width: 100%;
  border: none;
  border-bottom: 1px solid transparent;
  display: block;
  -webkit-border-radius: 0px !important;
  -webkit-border-radius-border-radius: 0px !important;
  pointer-events: none;
}
.confirm-appointment-popup .appointment-details .appt-details__group .calendar-control .p-calendar {
  width: 100%;
  display: block;
}
.confirm-appointment-popup .appointment-details .appt-details__group .calendar-control .p-inputtext {
  width: 100%;
  padding: 0 0;
  border: none !important;
  -webkit-border-radius: 0px !important;
  -webkit-border-radius-border-radius: 0px !important;
  line-height: 30px;
  height: 30px;
  color: var(--light-grey-color);
  font-size: var(--font-15);
}
.confirm-appointment-popup .appointment-details .appt-details__group .time-control {
  width: 100%;
  border: none;
  border-bottom: 1px solid transparent;
  display: block;
  padding: 0 0;
  -webkit-border-radius: 0px !important;
  -webkit-border-radius-border-radius: 0px !important;
  line-height: 33px;
  height: 33px;
  color: var(--light-grey-color);
  font-size: var(--font-15);
  pointer-events: none;
}
.confirm-appointment-popup .appointment-details .appt-details__group .time-control .ngx-timepicker {
  border: none !important;
  height: 33px !important;
}
.confirm-appointment-popup .appointment-details .appt-details__group .time-control .ngx-timepicker::after {
  display: none;
}
.confirm-appointment-popup .appointment-details .appt-details__group .select-box {
  width: 100%;
  border: none;
  border-bottom: 1px solid transparent;
  pointer-events: none;
}
.confirm-appointment-popup .appointment-details .appt-details__group .select-box .p-dropdown {
  width: 100%;
  max-width: 100%;
  height: 30px;
  border: none;
  padding: 0 0 !important;
  color: var(--light-grey-color);
  font-size: var(--font-15);
}
.confirm-appointment-popup .appointment-details .appt-details__group .select-box .p-dropdown .p-dropdown-label-container {
  max-width: 100%;
}
.confirm-appointment-popup .appointment-details .appt-details__group .select-box .p-dropdown .p-dropdown-trigger {
  width: auto !important;
}
.confirm-appointment-popup .appointment-details .appt-details__group .select-box .p-dropdown .p-dropdown-trigger-icon {
  display: none;
}
.confirm-appointment-popup .appointment-details .appt-details__group .select-box .p-dropdown .p-dropdown-label {
  border: none !important;
  padding: 0;
  font-size: var(--font-15);
}
.confirm-appointment-popup .appointment-details .appt-details__group .datepikar {
  width: 100%;
  display: inline-block;
  margin-top: 5px;
}
.confirm-appointment-popup .appointment-details .appt-details__group .datepikar .start-date {
  width: 100%;
  border: none;
  border-bottom: 1px solid transparent;
  pointer-events: none;
  display: inline-block;
}
.confirm-appointment-popup .appointment-details .appt-details__group .datepikar .start-date .p-calendar .p-inputtext {
  border: none;
}
.confirm-appointment-popup .appointment-details .appt-details__group .datepikar .start-date .p-calendar .p-calendar-button {
  display: none;
  position: absolute;
  top: 0;
}
.confirm-appointment-popup .appointment-details .appt-details__group .datepikar .start-date .p-calendar .p-datepicker {
  left: inherit !important;
  right: 0 !important;
}
.confirm-appointment-popup .appointment-details .appt-details__group .note-check-box {
  display: none;
  margin-top: 5px;
}
.confirm-appointment-popup .appointment-details .appt-details__group.edit-box .save-info {
  display: block;
}
.confirm-appointment-popup .appointment-details .appt-details__group.edit-box .controls {
  border-bottom: 1px solid var(--input-border-color) !important;
  padding: 0 0rem !important;
  pointer-events: auto;
}
.confirm-appointment-popup .appointment-details .appt-details__group.edit-box .p-inputtext {
  padding: 0 0rem;
  border-bottom: 1px solid var(--input-border-color) !important;
  pointer-events: auto;
}
.confirm-appointment-popup .appointment-details .appt-details__group.edit-box .calendar-control {
  border-bottom: 1px solid var(--input-border-color) !important;
}
.confirm-appointment-popup .appointment-details .appt-details__group.edit-box .calendar-control .p-inputtext {
  border: none !important;
}
.confirm-appointment-popup .appointment-details .appt-details__group.edit-box .time-control {
  padding: 0 0rem;
  border-bottom: 1px solid var(--input-border-color) !important;
  pointer-events: auto;
}
.confirm-appointment-popup .appointment-details .appt-details__group.edit-box .select-box {
  border-bottom: 1px solid var(--input-border-color) !important;
  border-radius: 0px;
  pointer-events: auto;
}
.confirm-appointment-popup .appointment-details .appt-details__group.edit-box .select-box .p-dropdown {
  padding: 0 0rem !important;
  border: none !important;
}
.confirm-appointment-popup .appointment-details .appt-details__group.edit-box .select-box .p-dropdown .p-dropdown-trigger-icon {
  display: inline-block;
  top: 55%;
}
.confirm-appointment-popup .appointment-details .appt-details__group.edit-box .controls-textarea {
  padding: 5px 0 !important;
  pointer-events: auto;
  border-bottom: 1px solid var(--input-border-color) !important;
}
.confirm-appointment-popup .appointment-details .appt-details__group.edit-box .datepikar .start-date {
  border: none;
  pointer-events: auto;
  border-bottom: 1px solid var(--input-border-color) !important;
}
.confirm-appointment-popup .appointment-details .appt-details__group.edit-box .datepikar .start-date .p-calendar .p-inputtext {
  border: none !important;
}
.confirm-appointment-popup .appointment-details .appt-details__group.edit-box .datepikar .start-date .p-calendar .p-calendar-button {
  display: block;
}
.confirm-appointment-popup .appointment-details .appt-details__group.edit-box .note-check-box {
  display: block;
}
.confirm-appointment-popup .appointment-details .appt-details__miles {
  padding: 0.3rem 0.2rem;
  color: var(--green-color);
  font-size: var(--font-12);
  -webkit-border-radius: 3px !important;
  -webkit-border-radius-border-radius: 3px !important;
  border: 1px solid hsla(var(--green-color-h), var(--green-color-s), var(--green-color-l), 20%);
  background-color: hsla(var(--green-color-h), var(--green-color-s), var(--green-color-l), 60%);
  margin: 0.5rem 0;
  min-width: 106px;
  display: inline-block;
  text-align: center;
}
.confirm-appointment-popup__btns {
  width: 100%;
  margin: 0;
  padding: 3rem 0 0 0;
}
.confirm-appointment-popup__btns .btn {
  margin: 0;
}

body .confirm-appointment-popup .p-checkbox-label {
  font-size: var(--font-15);
  color: var(--light-grey-color) !important;
}

body .confirm-appointment-popup .p-calendar.p-calendar-w-btn .p-datepicker-trigger.p-button {
  background-position: -215px -187px !important;
}

.no-slots-available-selected-week {
  width: 100%;
  height: calc(100vh - 300px);
  padding: 1.5rem;
  font-weight: var(--font-weight-500);
  color: var(--black-color);
}

.form__group.order-note textarea.form__textarea {
  height: 220px;
  width: 100%;
}

.address-content-scroll {
  overflow: auto;
  height: auto;
  min-width: 40px;
  max-height: 60px;
  color: var(--input-font-color);
  line-height: 20px;
  font-size: var(--input-font-size);
  margin-bottom: 1rem;
}

.confirm-popup-popup-height {
  max-height: 98vh;
}

.search-box-outer.delivery {
  width: 700px;
}

.appt-details__group.phone-none {
  display: none !important;
}
.appt-details__group.edit-box {
  display: block;
}

.p-dialog .p-dialog-content.p-widget-content {
  height: auto !important;
  max-height: 100vh;
}

/**********************************/
/**********************************/
body .p-dialog .p-dialog-content {
  padding: 0 !important;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3) !important;
}

.fill-slot-popup .p-dialog-content {
  padding: 0 !important;
  border-radius: 3px !important;
  overflow: inherit !important;
}
.fill-slot-popup__outer {
  /* width: 600px */
  width: 500px;
}
.fill-slot-popup__outer .therapist-availabilty__block {
  width: 100%;
  padding: 0;
}
.fill-slot-popup__outer .therapist-availabilty__block .search-fiter {
  display: block;
  padding: 0 2.7rem;
  position: relative;
  margin: 0 0 1.5rem 0;
}
.fill-slot-popup__outer .therapist-availabilty__block .search-fiter h3 {
  width: 100%;
  margin: 0 0 0.8rem 0 !important;
  padding: 0;
  font-size: var(--font-17);
  font-weight: var(--font-weight-500);
  color: var(--primary-color);
}
.fill-slot-popup__outer .therapist-availabilty__block .search-fiter .search-box {
  max-width: 88%;
}
.fill-slot-popup__outer .therapist-availabilty__block .search-fiter .filter-btn {
  margin-bottom: 0;
  position: absolute;
  top: 2px;
  right: 0rem;
  width: auto;
}
.fill-slot-popup__title {
  width: calc(100% - 5.4rem);
  padding: 1.8rem 0 1.2rem 0;
  border-bottom: none;
  margin: 0 2.7rem 0 2.7rem;
}
.fill-slot-popup__title--second {
  padding-top: 0;
  border-bottom: none;
  margin-bottom: 0;
}
.fill-slot-popup__title .choose-type {
  margin-bottom: 2rem;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 2rem;
}
.fill-slot-popup__title .choose-type p-radiobutton {
  margin-right: 1rem;
}
.fill-slot-popup__title .choose-type h2 {
  font-size: var(--font-17);
  font-weight: var(--font-weight-500);
  color: var(--black-color);
}
.fill-slot-popup__title h2 {
  display: block;
  padding: 0;
  margin-bottom: 0.6rem !important;
  font-size: var(--font-19);
  font-weight: var(--font-weight-600);
}
.fill-slot-popup__title .form__group {
  margin: 1rem 0 0 0;
}
.fill-slot-popup__title__timeslot {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
}
.fill-slot-popup__title__timeslot span {
  color: var(--light-grey-color);
  font-size: var(--font-14);
}
.fill-slot-popup__title__timeslot span.time {
  color: var(--light-grey-color);
}
.fill-slot-popup__title__timeslot span.time small {
  color: var(--black-color);
}
.fill-slot-popup__title__timeslot span.facility {
  color: var(--black-color);
  font-weight: var(--font-weight-500);
  font-size: var(--font-14);
}
.fill-slot-popup__content {
  width: 100%;
  margin: 0;
  padding: 0 0 0.6rem 0;
  height: calc(100vh - 275px);
  /*** Block Slot popup ****/
}
@media (max-width: 1440px) {
  .fill-slot-popup__content {
    height: calc(100vh - 250px);
  }
}
.fill-slot-popup__content__block {
  width: 100%;
  margin: 0;
  padding: 0 2.7rem;
}
.fill-slot-popup__content__block:last-child .fill-slot-popup__content__block__link {
  border-bottom: none !important;
}
.fill-slot-popup__content__block__link {
  border-bottom: 1px solid var(--input-border-color);
  margin-bottom: 0.7rem;
  padding-bottom: 0.7rem;
  display: block;
}
.fill-slot-popup__content__block__top {
  width: 100%;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-bottom: 0.8rem;
  align-items: center;
}
.fill-slot-popup__content__block__top .title {
  width: auto;
  max-width: 62%;
  text-transform: capitalize;
  margin: 0;
  font-size: var(--font-15);
  font-weight: var(--font-weight-500);
}
.fill-slot-popup__content__block__top .title .link {
  color: var(--body-color);
}
.fill-slot-popup__content__block__top .title .link:hover {
  text-decoration: underline;
  color: var(--link-hover-color);
}
.fill-slot-popup__content__block__top .title img {
  margin-right: 0.5rem;
}
.fill-slot-popup__content__block__top .miles {
  justify-content: flex-end;
  padding: 0.3rem 1rem;
  color: var(--white-color);
  font-size: var(--font-12);
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
  border: 1px solid var(--accent-color);
  background-color: var(--accent-color);
}
.fill-slot-popup__content__block__bottom {
  width: 100%;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
}
.fill-slot-popup__content__block__bottom .status-block-box {
  width: auto;
  font-size: var(--font-12) !important;
  padding: 0 1rem;
  -webkit-border-radius: 50px !important;
  -webkit-border-radius-border-radius: 50px !important;
  color: var(--white-color);
  height: 20px;
  line-height: 20px;
}
.fill-slot-popup__content__block__bottom .status-block-box.no-show {
  background-color: var(--no-show);
}
.fill-slot-popup__content__block__bottom .status-block-box.ready-for-scheduling {
  background-color: var(--ready-for-scheduling);
}
.fill-slot-popup__content__block__bottom .status-block-box.cancel {
  background-color: var(--cancel);
}
.fill-slot-popup__content__block__bottom .phone-call {
  width: auto;
  padding: 0.3rem 0.5rem;
  color: var(--medium-grey);
  font-size: var(--font-15);
  margin: 0;
}
.fill-slot-popup__content--block-slot-content {
  height: auto;
  margin-top: 1.5rem;
}
.fill-slot-popup__content--block-slot-content .block-slot-outer {
  padding: 0rem 2.7rem 1.8rem 2.7rem;
}
.fill-slot-popup__content--block-slot-content .block-slot-outer .search-box {
  max-width: 100%;
  margin: 0 0 1rem 0;
}
.fill-slot-popup__content--block-slot-content .block-slot-outer .search-box .label {
  width: 100%;
  margin: 0 0 0.8rem 0;
  padding: 0;
  display: block;
  font-weight: var(--font-weight-500);
}
.fill-slot-popup__content--block-slot-content .block-slot-outer .search-box .form__control {
  height: 80px;
  line-height: normal;
  padding: 1rem 1.7rem !important;
}
.fill-slot-popup__content--block-slot-content .block-slot-outer .col {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin: 0 0 0.5rem 0;
}
.fill-slot-popup__content--block-slot-content .block-slot-outer .col .form__group {
  max-width: 47%;
}
.fill-slot-popup__content--block-slot-content .block-slot-outer .col .form__group .event-series {
  font-weight: var(--font-weight-500);
  margin: 0 0 0.8rem 0;
  display: inline-block;
  width: 100%;
}
.fill-slot-popup__content--block-slot-content .block-slot-outer .col .form__group strong {
  font-weight: var(--font-weight-500);
}
.fill-slot-popup__content--block-slot-content .block-slot-outer .col .form__group .ngx-timepicker {
  border: 1px solid var(--input-border-color) !important;
  border-radius: 3px !important;
  padding: 0.5rem 1.5rem !important;
  height: 40px !important;
  border-radius: 5px !important;
}
.fill-slot-popup__content--block-slot-content .block-slot-outer .col .form__group .ngx-timepicker::after {
  display: none !important;
}

.select-options-facility {
  width: 100%;
  padding: 2rem 3rem 3rem 3rem;
}
.select-options-facility__title {
  text-align: left;
}
.select-options-facility__content {
  text-align: center;
  width: 100%;
  display: block;
}
.select-options-facility__content .btn-block {
  padding-top: 1rem;
}
.select-options-facility__content .btn-block .btn {
  margin: 0 0.8rem;
}

/****** Set therapist availability ******/
.therapist-availability-popup .p-dialog-content {
  padding: 0 !important;
  overflow: hidden !important;
}

.therapist-availabilitycontent-scroll-bar {
  height: calc(100vh - 455px) !important;
}
@media (max-width: 1440px) {
  .therapist-availabilitycontent-scroll-bar {
    height: calc(100vh - 290px) !important;
  }
}
.therapist-availabilitycontent-scroll-bar .p-scrollpanel-content {
  padding: 0 3rem 2rem 3rem !important;
}

.therapist-availability-set {
  width: 750px;
  max-width: 750px;
  padding: 0;
}
.therapist-availability-set__header {
  width: 100%;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 2.5rem 3rem;
  align-items: center;
}
.therapist-availability-set__header h2 {
  margin: 0;
}
.therapist-availability-set__event-series {
  width: auto;
  margin: 0;
  padding: 0;
  display: inline-block;
}
.therapist-availability-set__content {
  display: block;
}
.therapist-availability-set .scroll-bar-outer {
  display: block;
  position: relative;
}
.therapist-availability-set .content-scroll-bar {
  overflow: scroll;
  height: calc(100vh - 266px);
  padding: 0 2.1rem 0 3rem;
}
.therapist-availability-set__col {
  width: 100%;
}
.therapist-availability-set__col .redio-btn-tab {
  width: 100%;
  display: inline-block;
  margin-bottom: 2rem;
  padding: 0 3rem 0 3rem;
}
.therapist-availability-set__col .redio-btn-tab__border {
  border-bottom: 1px solid var(--border-color);
}
.therapist-availability-set__col .redio-btn-tab p-radioButton {
  position: relative;
}
.therapist-availability-set__col .redio-btn-tab p-radioButton:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -15px;
  width: 2px;
  height: 20px;
  background-color: var(--border-color) !important;
  margin-top: -15px;
}
.therapist-availability-set__col .redio-btn-tab p-radioButton:first-child::after {
  display: none;
}
.therapist-availability-set__col .redio-btn-tab p-radioButton .p-radiobutton {
  display: none;
}
.therapist-availability-set__col .redio-btn-tab p-radioButton .p-radiobutton .p-radiobutton-box {
  display: none;
}
.therapist-availability-set__col .redio-btn-tab p-radioButton .p-radiobutton-label {
  cursor: pointer;
  margin: 0 3rem 0 0 !important;
  line-height: 22px !important;
  font-size: var(--font-16);
  font-weight: var(--font-weight-500);
  color: var(--body-color);
  padding: 0 0 1rem 0;
  display: inline-block;
  border-radius: inherit;
  border-bottom: 2px solid var(--white-color);
}
.therapist-availability-set__col .redio-btn-tab p-radioButton .p-radiobutton-label.p-radiobutton-label-active, .therapist-availability-set__col .redio-btn-tab p-radioButton .p-radiobutton-label:hover {
  color: var(--primary-button-color) !important;
  font-weight: var(--font-weight-500);
  border-bottom-color: var(--primary-button-color);
}
.therapist-availability-set__col ul {
  max-width: 100%;
  width: 100%;
  margin: 0 !important;
  padding: 1.5rem 0;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 600px) {
  .therapist-availability-set__col ul {
    margin-top: 5px;
  }
}
.therapist-availability-set__col ul:before {
  display: none;
}
.therapist-availability-set__col ul li {
  padding: 0 0.5rem 0 0;
  list-style: none;
  width: 100%;
}
.therapist-availability-set__col ul li:first-child {
  margin-bottom: 1.5rem;
}
.therapist-availability-set__col ul li:first-child strong {
  font-size: var(--font-16);
  color: var(--primary-button-color);
  font-weight: var(--font-weight-500);
}
.therapist-availability-set__col ul li a {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  padding: 0.8rem 1rem 0.8rem 1rem;
  -webkit-border-radius: 3px !important;
  -webkit-border-radius-border-radius: 3px !important;
  justify-content: center;
  font-size: var(--font-14);
  font-weight: 500;
  background-color: var(--grey-bg-color);
  color: var(--body-color);
}
.therapist-availability-set__col ul li a p-checkbox .p-checkbox-label {
  margin-top: 2px !important;
  margin-left: 1.2rem !important;
}
.therapist-availability-set__col ul li a:hover, .therapist-availability-set__col ul li a.active {
  background-color: hsla(var(--purple-color-h), var(--purple-color-s), var(--purple-color-l), 5%);
}
.therapist-availability-set__col ul li a.days-of-weeks {
  padding: 0.8rem 1rem 0.8rem 0rem;
  background-color: transparent;
}
.therapist-availability-set__col ul li a.days-of-weeks:hover {
  background-color: transparent;
}
.therapist-availability-set__col ul li .event-series-right ul {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: flex-start;
  padding: 0 0 1rem 0;
}
.therapist-availability-set__col ul li .event-series-right ul li {
  width: auto !important;
  margin: 0;
}
.therapist-availability-set__col ul li .event-series-right ul li strong {
  font-weight: var(--font-weight-500);
}
.therapist-availability-set__col ul.selecteRec-event-series {
  margin: 0;
  padding: 0;
}
.therapist-availability-set__col .event-description {
  padding-top: 1rem;
}
.therapist-availability-set__col .form__group {
  width: 100%;
}
.therapist-availability-set__col .select-facility {
  margin: 0 0 2rem 0;
  display: block;
}
.therapist-availability-set__col--break-hours-block {
  padding-bottom: 2.5rem;
}
.therapist-availability-set__col--break-hours-block .p-checkbox-label {
  color: var(--body-color) !important;
  font-size: var(--font-15);
  font-weight: var(--font-weight-500);
}
.therapist-availability-set__col--set-frequency {
  padding-bottom: 1rem;
  display: inline-block;
  width: 100%;
}
.therapist-availability-set__col--set-frequency .p-checkbox-label {
  color: var(--body-color) !important;
  font-size: var(--font-15);
  font-weight: var(--font-weight-500);
}
.therapist-availability-set__col .event-series-select.set-frequency {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  margin: -25px 0 0 0;
  min-height: 25px;
}
.therapist-availability-set__col .event-series-select.set-frequency .form__group {
  max-width: 47%;
  margin-right: 1.5rem;
}
.therapist-availability-set__col .event-series-select.set-frequency .form__group .p-dropdown-items-wrapper {
  max-height: 100px !important;
}
.therapist-availability-set__col .event-series-select.set-frequency .form__group .p-dropdown-items {
  flex-wrap: wrap;
}
.therapist-availability-set__col .event-series-select.set-frequency .form__group .p-dropdown-items p-dropdownitem {
  width: 100%;
}
.therapist-availability-set__two-column {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
}
.therapist-availability-set__two-column .form__group {
  max-width: 40%;
  margin-right: 1.5rem;
}
.therapist-availability-set__two-column.justify-content {
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.therapist-availability-set__date-time {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  width: 100%;
  max-width: 48%;
  flex-wrap: wrap;
  align-self: flex-start;
}
.therapist-availability-set__date-time strong {
  width: 100%;
  margin-bottom: 0.5rem;
  font-size: var(--font-16);
  color: var(--primary-button-color);
}
.therapist-availability-set__date-time .datepikar {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  width: 100%;
  max-width: 100%;
}
.therapist-availability-set__date-time .datepikar .date-pika {
  width: 100%;
  max-width: 50%;
}
.therapist-availability-set__date-time .datepikar .date-pika label {
  font: var(--label-font-size) var(--font-family);
  line-height: 18px;
  color: var(--label-font-color);
  font-weight: var(--font-weight-500) !important;
}
.therapist-availability-set__date-time .datepikar .date-pika .ngx-timepicker:after {
  display: none;
}
.therapist-availability-set__date-time .datepikar .date-pika p-calendar .p-calendar .p-inputtext {
  height: 32px;
}
.therapist-availability-set__date-time.break-hours {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  flex-wrap: inherit;
  padding-top: 1rem;
}
.therapist-availability-set__date-time.break-hours .datepikar {
  flex-wrap: wrap;
}
.therapist-availability-set__date-time.break-hours .datepikar label {
  width: 100%;
  font: var(--label-font-size) var(--font-family);
  line-height: 18px;
  color: var(--label-font-color);
  font-weight: var(--font-weight-500) !important;
}
.therapist-availability-set .event-date-of-week-month {
  margin: 1rem 0 0 0;
}
.therapist-availability-set .set-custom-date-btn {
  display: block;
  padding: 0 3rem 2rem 3rem;
  margin-top: 1.5rem;
}
@-moz-document url-prefix() {
  .therapist-availability-set .set-custom-date-btn {
    margin-bottom: 1rem !important;
  }
}

.time-note {
  font-size: var(--font-12);
  width: 100%;
  padding-top: 5px;
  color: var(--primary-button-color);
}

/*****************************************************/
/*****************************************************/
.sms-log-popup-outer {
  width: 700px;
  margin: 0;
  padding: 2.4rem 0 2.4rem 3rem;
}
.sms-log-popup-outer .popup-title {
  padding-right: 2.5rem;
  margin-bottom: 2rem;
}
.sms-log-popup-outer .popup-title h2 {
  margin: 0 0 1rem 0;
}
.sms-log-popup-outer .popup-title span {
  font-weight: var(--font-weight-500);
}
.sms-log-popup-outer .sms-popup-content {
  width: 100%;
  margin: 0;
  padding: 0 2.5rem 0 0;
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 480px;
  min-height: 400px;
}
.sms-log-popup-outer .sms-popup-content__item {
  width: 100%;
  margin: 0 0 1.8rem 0;
  padding: 0 0 1.8rem 0;
  border-bottom: 1px solid var(--border-color);
}
.sms-log-popup-outer .sms-popup-content__item:last-child {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.sms-log-popup-outer .sms-popup-content__item.active .item-content {
  display: block;
}
.sms-log-popup-outer .sms-popup-content__item.active .item-header__right a:after {
  transform: rotatex(180deg);
}
.sms-log-popup-outer .sms-popup-content__list.email-list .item-header {
  align-items: center;
  position: relative;
}
.sms-log-popup-outer .sms-popup-content__list.email-list .item-header__left h3 {
  margin-bottom: 0;
}
.sms-log-popup-outer .sms-popup-content__list.email-list .item-header__left h3 span {
  background-color: var(--overdue);
  color: var(--white-color);
  font: var(--body-font);
  font-size: 1.2rem;
  border-radius: 50px;
  padding: 0.2rem 0.8rem;
  position: absolute;
  right: 0;
  bottom: -3px;
}
.sms-log-popup-outer .sms-popup-content__list.email-list .item-header__left h3 span.sent {
  background-color: var(--complete);
}
.sms-log-popup-outer .sms-popup-content .item-header {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: flex-start;
  margin: 0;
  position: relative;
}
.sms-log-popup-outer .sms-popup-content .item-header__left {
  max-width: 72%;
}
.sms-log-popup-outer .sms-popup-content .item-header__left h3 {
  margin: 0 0 0.5rem 0;
  padding: 0;
  font-size: var(--font-15);
}
.sms-log-popup-outer .sms-popup-content .item-header__left h3 span {
  background-color: var(--overdue);
  color: var(--white-color);
  font: var(--body-font);
  font-size: 1.2rem;
  border-radius: 50px;
  padding: 0.2rem 0.8rem;
  position: absolute;
  right: 0;
  bottom: -3px;
}
.sms-log-popup-outer .sms-popup-content .item-header__left h3 span.sent {
  background-color: var(--complete);
}
.sms-log-popup-outer .sms-popup-content .item-header__left p {
  color: var(--light-grey2-color);
  font: var(--font-weight-400) var(--font-14) var(--font-family);
  margin-bottom: 0;
}
.sms-log-popup-outer .sms-popup-content .item-header__title {
  width: 100%;
  margin: 0;
  padding: 0;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}
.sms-log-popup-outer .sms-popup-content .item-header__right {
  color: var(--light-grey2-color);
  font: var(--font-weight-400) var(--font-14) var(--font-family);
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
}
.sms-log-popup-outer .sms-popup-content .item-header__right a {
  font: var(--font-weight-400) var(--font-15) var(--font-family);
  position: relative;
  padding-right: 2.5rem;
  color: var(--primary-color);
}
.sms-log-popup-outer .sms-popup-content .item-header__right a:hover {
  color: var(--primary-button-color);
}
.sms-log-popup-outer .sms-popup-content .item-header__right a:after {
  content: "";
  position: absolute;
  width: 13px;
  height: 8px;
  background-image: url("/assets/img/dropdown-arrow.svg");
  top: 50%;
  right: 0;
  margin-top: -3px;
}
.sms-log-popup-outer .sms-popup-content .item-content {
  color: var(--body-color);
  font: var(--font-weight-400) var(--font-15) var(--font-family);
  padding: 1.5rem 0 0 0;
  display: none;
  line-height: 22px;
}
.sms-log-popup-outer .sms-popup-content .item-content p {
  line-height: 22px !important;
}

/*** New SMS & email Sidebar ***/
.email-sms-sidebar-outer.p-sidebar-right {
  width: 750px;
  background-color: #F9F9F9;
}
.email-sms-sidebar-outer.p-sidebar-right .p-sidebar-header {
  position: absolute;
  top: 1rem;
  right: 0rem;
  z-index: 99;
  padding: 0;
}
.email-sms-sidebar-outer.p-sidebar-right .p-sidebar-header .p-sidebar-close {
  display: inline-block;
  background-image: url(/assets/img/popup-close-icon.svg) !important;
  background-repeat: no-repeat;
  background-position: 0px 0px !important;
  width: 21px !important;
  height: 21px !important;
  background-color: transparent !important;
  top: 1.4rem !important;
  right: 1.7rem !important;
}
.email-sms-sidebar-outer.p-sidebar-right .p-sidebar-header .p-sidebar-close .p-sidebar-close-icon {
  font-size: 20px;
  display: none;
}
.email-sms-sidebar-outer.p-sidebar-right .p-sidebar-header .p-sidebar-close .p-sidebar-close-icon:before {
  font-size: 20px;
  color: var(--body-color);
}
.email-sms-sidebar-outer.p-sidebar-right .p-sidebar-content {
  padding: 2rem 3rem 0 3rem !important;
}

/* ***********************/
/* Appointment history popup new Css */
/* ***********************/
.appointment-history-popup {
  width: 680px !important;
}
.appointment-history-popup__title {
  display: block;
  margin-bottom: 2rem;
}
.appointment-history-popup__title h2 {
  margin-bottom: 0.8rem !important;
}
.appointment-history-popup__title span {
  display: block;
  font: var(--font-weight-400) var(--font-15) var(--font-family);
  color: var(--body-color);
}

/* **********************/
/* Voice call popup */
/* **********************/
.voice-call-popup {
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3) !important;
  border-radius: 5px !important;
  background-color: var(--primary-color) !important;
  border: none !important;
}
.voice-call-popup .p-dialog-header-close {
  color: var(--white-color);
  filter: brightness(0) invert(1);
}

.confirm-invite-patients {
  width: 685px !important;
}
.confirm-invite-patients__content-part {
  min-height: 55px;
}
.confirm-invite-patients .popup-table-outer {
  overflow: auto;
  max-height: 275px;
}
.confirm-invite-patients .popup-table-outer p {
  line-height: 22px;
}
.confirm-invite-patients .custom-table tr th {
  position: sticky;
  top: 0;
  padding-top: 0.2rem;
}
.confirm-invite-patients__buttons-box {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: flex-end;
  margin-top: 1.5rem;
}
.confirm-invite-patients__buttons-box .btn {
  margin: 0 0 0 1.5rem !important;
}

.schedule-reminder-dialog {
  width: 100%;
  max-width: 640px;
}
.schedule-reminder-dialog .form {
  width: 100%;
  padding: 0;
  margin: 0;
}
.schedule-reminder-dialog .col {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
}
.schedule-reminder-dialog .form__group {
  width: 100%;
  max-width: 48%;
}
.schedule-reminder-dialog .form__group.button-box {
  max-width: 100%;
  margin-bottom: 0;
  padding-top: 1rem;
}
.schedule-reminder-dialog .form__group.button-box .btn {
  margin-bottom: 0;
}

p-dynamicdialog .p-dialog-mask {
  pointer-events: auto !important;
}

.cd-popup.appt-massages-outer .form__label {
  background-color: transparent !important;
}

body .p-dialog.classi-popup-outer {
  width: 1280px;
}
@media (max-width: 1366px) {
  body .p-dialog.classi-popup-outer {
    width: 98%;
  }
}
body .p-dialog.classi-popup-outer .popup-content-outer {
  width: 100%;
}

.p-drawer {
  width: 800px !important;
  background-color: var(--white-color) !important;
  height: 100vh !important;
}
.p-drawer .p-drawer-content {
  padding: 2rem 0 0 0 !important;
  overflow: hidden !important;
  height: 100vh !important;
}
.p-drawer .p-drawer-header {
  padding: 0 !important;
  border-bottom: none !important;
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 999999;
}
.p-drawer .p-drawer-header .closeButton .p-button {
  width: 30px !important;
  height: 30px !important;
  padding: 0 !important;
  background: transparent !important;
  border: transparent !important;
}
.p-drawer .p-drawer-header .closeButton .p-button .p-icon {
  color: var(--black-color) !important;
  width: 22px !important;
  height: 22px !important;
}
.p-drawer .p-drawer-header .closeButton .p-button:hover {
  background: transparent !important;
  border: transparent !important;
}
.p-drawer .p-drawer-close {
  top: 1.4rem !important;
  right: 1.7rem !important;
}
.p-drawer .p-drawer-title {
  font-size: var(--font-19);
  font-weight: var(--font-weight-500);
  color: var(--primary-color);
}
.p-drawer.z-index-999999 {
  z-index: 9999999 !important;
}

.p-drawer-mask[style="999999 !important"] {
  z-index: 999999 !important;
}

.p-dialog-header-actions {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 9999;
}
.p-dialog-header-actions .p-button {
  background: transparent !important;
  border: transparent !important;
  outline: 0;
  box-shadow: none !important;
}
.p-dialog-header-actions .p-button .p-iconwrapper {
  width: 30px !important;
  height: 30px !important;
  padding: 0 !important;
  background: transparent !important;
  border: transparent !important;
}
.p-dialog-header-actions .p-button .p-iconwrapper .p-icon {
  color: var(--black-color) !important;
  width: 22px !important;
  height: 22px !important;
}
.p-dialog-header-actions .p-button:hover {
  background: transparent !important;
  border: transparent !important;
}

body .book-appt-popup-outer {
  border-radius: 0 !important;
  transform: translateX(0%) translateY(0%) scale(1) !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  min-height: 100%;
  border: none !important;
}
body .book-appt-popup-outer .p-dialog-content {
  border-radius: 0 !important;
}
body .book-appt-popup-outer .p-dialog-titlebar-close, body .book-appt-popup-outer .p-dialog-header-actions {
  display: none !important;
}
body .display-close-icon .p-dialog-titlebar-close {
  display: block !important;
}

/***** selet-call-popup overly *****/
.call-overly {
  width: 180px;
  max-width: 180px;
  padding: 1.5rem;
}
.call-overly .from__group {
  display: inline-block;
  width: 100%;
  margin: 0;
  max-width: 100%;
  position: relative;
  padding: 0.5rem 0;
}
.call-overly .from__group .form__label {
  width: 100%;
  margin: 0 0 0rem 0;
  display: inline-block;
  font: var(--font-weight-500) var(--font-16) var(--font-family);
  padding: 0;
  position: relative;
  left: 0;
  top: 0;
  color: var(--body-color);
}
.call-overly p-radiobutton {
  margin-top: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 9;
  cursor: pointer;
}
.call-overly p-radiobutton .p-radiobutton {
  display: none;
}
.call-overly p-radiobutton .p-radiobutton .p-radiobutton-box {
  display: none;
}
.call-overly p-radiobutton .p-radiobutton-label {
  cursor: pointer;
  margin: 0;
  line-height: 22px !important;
  font: var(--font-weight-400) var(--font-14) var(--font-family);
  color: var(--input-font-color);
}
.call-overly p-radiobutton .p-radiobutton-label.p-radiobutton-label-active, .call-overly p-radiobutton .p-radiobutton-label:hover {
  color: var(--primary-color) !important;
}

.call-overly .phone-number .p-radiobutton-label {
  position: relative;
  margin: 0 !important;
  padding: 0 0 0 25px;
}
.call-overly .phone-number .p-radiobutton-label:after {
  content: "";
  position: absolute;
  left: -3px;
  top: 0px;
  width: 13px;
  height: 19px;
  background-image: url("/assets/img/phone-icon-new-primary.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}
.call-overly .mobile-number .p-radiobutton-label {
  position: relative;
  margin: 0 !important;
  padding: 0 0 0 25px;
}
.call-overly .mobile-number .p-radiobutton-label:after {
  content: "";
  position: absolute;
  left: -3px;
  top: 1px;
  width: 17px;
  height: 17px;
  background-image: url("/assets/img/voice-call-icon-new-primary.svg");
  background-size: 100%;
  background-repeat: no-repeat;
}

/**** tabmenu ***/
body .patient-detials-tab .p-tabview.p-tabview-top .p-tabview-nav, .patient-detials-tab body .p-tabview .p-tabview.p-tabview-top .p-tabview-nav {
  border-bottom: 1px solid var(--header-border-color) !important;
  border-top: 1px solid var(--header-border-color) !important;
  background-color: var(--header-bg-color) !important;
  width: 100% !important;
  padding: 0rem 0 !important;
  margin-bottom: 2.2rem;
}
@media (max-width: 1366px) {
  body .patient-detials-tab .p-tabview.p-tabview-top .p-tabview-nav, .patient-detials-tab body .p-tabview .p-tabview.p-tabview-top .p-tabview-nav {
    margin-bottom: 1.5rem;
  }
}

body .patient-detials-tab .p-tabview .p-tabview-panels, .patient-detials-tab body .p-tabview .p-tabview .p-tabview-panels {
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  outline: 0;
}
body .patient-detials-tab .p-tabview .p-tabview-panels .p-tabview-panel, .patient-detials-tab body .p-tabview .p-tabview .p-tabview-panels .p-tabview-panel {
  padding: 0 !important;
  border: none !important;
}

.patient-detials-tab, .patient-detials-tab .p-tabview {
  width: 100%;
  margin: 0;
  padding: 0;
}
.patient-detials-tab .p-tabview {
  border-radius: 0 !important;
}
.patient-detials-tab .p-tabview .p-tabview-nav {
  border-bottom: 1px solid var(--header-border-color) !important;
  border-top: 1px solid var(--header-border-color) !important;
  background-color: var(--header-bg-color) !important;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  margin: 0 0 2.2rem;
  padding: 0 !important;
}
.patient-detials-tab .p-tabview .p-tabview-nav li {
  border: none !important;
  margin: 0 !important;
}
.patient-detials-tab .p-tabview .p-tabview-nav li a {
  font: var(--font-weight-500) var(--font-15) var(--font-family);
  color: var(--black-color);
  padding: 0.8rem 1.7rem !important;
  border-radius: 5px !important;
  margin: 2px 0;
  display: block;
}
@media (max-width: 992px) {
  .patient-detials-tab .p-tabview .p-tabview-nav li a {
    padding: 0.8rem 1.3rem !important;
  }
}
.patient-detials-tab .p-tabview .p-tabview-nav li:after {
  left: -1px !important;
  height: 102%;
  top: -1px;
  margin: 0;
  background-color: var(--header-border-color);
}
.patient-detials-tab .p-tabview .p-tabview-nav li.p-highlight {
  border: none !important;
}
.patient-detials-tab .p-tabview .p-tabview-nav li.p-highlight a {
  background-color: var(--secondary-color) !important;
  color: var(--white-color) !important;
}
.patient-detials-tab .p-tabview .p-tabview-nav li.p-highlight:after {
  display: block;
  left: -1px !important;
  height: 102%;
  top: -1px;
  margin: 0;
  background-color: var(--header-border-color);
}

.editable {
  pointer-events: auto !important;
}

/***** select-appointment-type Tab ****/
.tab-selection {
  margin: 0 0 1.2rem 0 !important;
  width: 100% !important;
  padding: 0 !important;
  border-bottom: 1px solid var(--border-color) !important;
}
@media (max-width: 1366px) {
  .tab-selection {
    margin: 0 0 1.5rem 0 !important;
  }
}
.tab-selection .select-type-visit {
  margin: 0;
  padding: 0;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
}
.tab-selection .select-type-visit .form__radio-outer {
  margin-left: 1.6rem;
  padding-left: 1.6rem;
  position: relative;
}
.tab-selection .select-type-visit .form__radio-outer p-radiobutton {
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
  opacity: 0;
  z-index: 1;
  cursor: pointer;
}
.tab-selection .select-type-visit .form__radio-outer p-radiobutton .p-radiobutton {
  width: 100% !important;
  height: 100% !important;
}
.tab-selection .select-type-visit .form__radio-outer::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 1px;
  height: 18px;
  background-color: var(--border-color);
}
.tab-selection .select-type-visit .form__radio-outer .form__radio-label {
  padding: 0 0 1rem 0;
  margin: 0 !important;
  font: var(--font-weight-400) var(--font-16) var(--font-family) !important;
  border-radius: 0 !important;
  border-bottom: 2px solid transparent;
  display: block;
  color: var(--black-color);
}
.tab-selection .select-type-visit .form__radio-outer:first-child {
  margin-left: 0;
  padding-left: 0;
}
.tab-selection .select-type-visit .form__radio-outer:first-child::after {
  display: none;
}

/***** Popup Content Outer ****/
.popup-content-outer {
  width: 625px;
  padding: 2.4rem 3rem 3rem 3rem;
}
.popup-content-outer h2 {
  width: 100%;
  margin-bottom: 2rem;
}
.popup-content-outer .btn {
  margin: 0 1.6rem 0 0;
}
.popup-content-outer.cancel-appointment {
  width: 460px;
}

/*** Schedule Call *****/
.schedulecall {
  margin: 0;
  padding: 0;
}
.schedulecall__info {
  display: block;
  margin-bottom: 0;
  padding: 0;
}
.schedulecall__info p {
  color: var(--body-color);
  font: var(--font-weight-400) var(--font-16) var(--font-family);
  margin: 0 0 1.2rem 0 !important;
}
.schedulecall__info p strong {
  font-weight: var(--font-weight-500);
}
.schedulecall__info p.schedule-content {
  margin: 0 0 2.5rem 0 !important;
  color: var(--black-color);
}
.schedulecall__info p.schedule-content strong {
  color: var(--primary-color);
  text-transform: capitalize;
}
.schedulecall .form--schedulecall {
  border-top: 1px solid var(--border-color);
  margin-top: 1.5rem;
  padding-top: 2rem;
}
.schedulecall .col {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.schedulecall .col .form__group {
  width: 100%;
  max-width: 48%;
}
.schedulecall .col .form__group.full-width {
  max-width: 100%;
}

.schedulecall .date-pikar .p-calendar {
  width: 100%;
}
.schedulecall .date-pikar .p-calendar .p-button {
  background-color: transparent !important;
  display: inline-block;
  width: 18px !important;
  height: 18px;
  background-image: url("/assets/img/date-calendar-new.svg");
  background-size: 100%;
  border: none !important;
  position: absolute;
  background-position: 0 0;
  right: 10px;
  top: 50%;
  margin: -10px 0 0 0;
  background-repeat: no-repeat;
}
.schedulecall .date-pikar .p-calendar .p-button span {
  display: none;
}

body .p-overlaypanel.currentAppointmentDetailsBox {
  transform: initial !important;
  opacity: 1 !important;
}

.schedulecall form .form__textarea {
  height: 110px;
}

/**** Current Appointment Sidebar *****/
/* .p-sidebar-mask */
/*     background-color: rgba(0, 0, 0, 0) !important */
.p-sidebar-mask {
  background-color: rgba(0, 0, 0, 0.2) !important;
  z-index: 9999 !important;
}

.current-appointment-sidebar {
  border: none !important;
  width: auto;
}

/**************************************/
/**** Confirm Page outer *****/
/**************************************/
.show-hide-content {
  padding-top: 0;
}
.show-hide-content.inactive {
  display: none !important;
}
.show-hide-content.active {
  display: block;
}

.confirm-page-outer {
  display: none;
  width: 100%;
  background-color: var(--white-color);
  z-index: 99;
}
.confirm-page-outer.active {
  display: block;
}

.confirm-appointment-popup__right .appt-details__group .datepikar .start-date .p-calendar .p-inputtext {
  border: none !important;
  font-size: var(--font-15) !important;
}
.confirm-appointment-popup__right .appt-details__group .datepikar .start-date .p-calendar .p-calendar-button {
  display: none !important;
}
.confirm-appointment-popup__right .appt-details__group .select-box .p-dropdown {
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.defaul-edit-feilds .form__control {
  border: none !important;
  background-color: transparent !important;
  padding: 0 !important;
}
.defaul-edit-feilds .form__dropdown {
  border: none !important;
  background-color: transparent !important;
}
.defaul-edit-feilds .form__dropdown .p-select-label {
  padding: 1.2rem 0 !important;
}
.defaul-edit-feilds .form__dropdown .p-select-clear-icon, .defaul-edit-feilds .form__dropdown .p-select-dropdown {
  display: none !important;
}
.defaul-edit-feilds .form__calendars .p-datepicker {
  border: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
.defaul-edit-feilds .form__calendars .p-datepicker .p-inputtext {
  padding: 1.2rem 0rem 1.2rem 0rem !important;
}
.defaul-edit-feilds .form__calendars .p-datepicker .p-datepicker-dropdown {
  display: none !important;
}
.defaul-edit-feilds.edit-box .form__control {
  border: 1px solid var(--border-color) !important;
  background-color: var(--white-color) !important;
  padding: 0.5rem 1.8rem !important;
  border-radius: 5px !important;
}
.defaul-edit-feilds.edit-box .form__dropdown {
  border: 1px solid var(--border-color) !important;
}
.defaul-edit-feilds.edit-box .form__dropdown .p-select-label {
  padding: 1.2rem 1.8rem !important;
}
.defaul-edit-feilds.edit-box .form__dropdown .p-select-clear-icon {
  display: inline-flex !important;
}
.defaul-edit-feilds.edit-box .form__dropdown .p-select-dropdown {
  display: flex !important;
}
.defaul-edit-feilds.edit-box .form__calendars {
  border-bottom: none !important;
}
.defaul-edit-feilds.edit-box .form__calendars .p-datepicker {
  border: 1px solid var(--border-color) !important;
  background-color: var(--white-color) !important;
}
.defaul-edit-feilds.edit-box .form__calendars .p-datepicker .p-inputtext {
  padding: 1.2rem 0rem 1.2rem 1.8rem !important;
  border: none !important;
}
.defaul-edit-feilds.edit-box .form__calendars .p-datepicker .p-datepicker-dropdown {
  display: inline-block !important;
}

/******* Thank you page ***********/
.thankyou-page-outer {
  position: fixed;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  background-color: var(--white-color);
  z-index: 99;
}
.thankyou-page-outer.inactive {
  display: none;
}
.thankyou-page-outer.active {
  display: block;
}

.p-inputtext:not(.p-disabled):hover,
.p-dropdown:not(.p-disabled):hover {
  border-color: var(--border-color);
}

.therapist-states {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
}
.therapist-states__lic {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 290px;
  display: inline-block;
}

.book-appt-outer-block .time-picker-panel-scroll {
  width: calc(100% + 2rem);
  padding-right: 2.2rem;
}

html {
  font-size: 10px;
}
@media (max-width: 1280px) {
  html {
    font-size: 10px;
  }
}

body .p-sidebar-right.facility-sidebar {
  width: 100% !important;
  max-width: 1017px;
  margin: 0;
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
  border: none;
  z-index: 99999 !important;
}
@media (max-width: 1024px) {
  body .p-sidebar-right.facility-sidebar {
    max-width: 940px;
  }
}
body .p-sidebar-right.facility-sidebar .p-sidebar-header {
  /* display: none */
  margin: 0;
  padding: 0;
  position: absolute;
  top: 17px;
  right: 21px;
  z-index: 99;
}
body .p-sidebar-right.facility-sidebar .p-sidebar-header .p-sidebar-close {
  width: auto;
  height: auto;
}
body .p-sidebar-right.facility-sidebar .p-sidebar-header .p-sidebar-close .p-sidebar-close-icon {
  color: var(--patient-primary-color) !important;
}
body .p-sidebar-right.facility-sidebar .p-sidebar-header .p-sidebar-close .p-sidebar-close-icon::before {
  font-size: var(--font-22);
  color: var(--patient-primary-color) !important;
}
body .p-sidebar-right.facility-sidebar .p-sidebar-content {
  padding: 0;
}

body .main-patient-outer .select-btn .select-facilitys .p-checkbox, body .facility-sidebar .select-btn .p-checkbox {
  width: 100% !important;
  height: 100% !important;
}
body .main-patient-outer .select-btn .select-facilitys .p-checkbox .p-checkbox-box, body .facility-sidebar .select-btn .p-checkbox .p-checkbox-box {
  width: 100% !important;
  height: 100% !important;
}

body .main-patient-outer .appointment-types__link p-checkbox {
  width: 100% !important;
  height: 100% !important;
}
body .main-patient-outer .appointment-types__link p-checkbox .p-checkbox {
  width: 100% !important;
  height: 100% !important;
}
body .main-patient-outer .appointment-types__link p-checkbox .p-checkbox-box {
  width: 100% !important;
  height: 100% !important;
}

body .main-patient-outer .p-radiobutton .p-radiobutton-box {
  border-color: var(--patient-secondary-color) !important;
}
body .main-patient-outer .p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon {
  background-color: var(--patient-secondary-color) !important;
}

.main-patient-outer {
  /**** Left Right Section ****/
  padding-top: 74px;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  min-height: 100%;
}
@media (max-width: 992px) {
  .main-patient-outer {
    flex-wrap: wrap;
    min-height: inherit;
  }
}
@media (max-width: 768px) {
  .main-patient-outer {
    padding-top: 58px;
  }
}
@media (max-width: 600px) {
  .main-patient-outer {
    padding-top: 0;
  }
}
.main-patient-outer__left {
  width: 280px;
  margin: 0;
  background-color: var(--patient-box-bg-color);
  border-right: 1px solid var(--patient-sidebar-border-color);
  padding: 1.3rem 2.4rem;
}
@media (max-width: 1280px) {
  .main-patient-outer__left {
    width: 252px;
  }
}
@media (max-width: 992px) {
  .main-patient-outer__left {
    width: 100%;
    background-color: var(--patient-white-color);
    padding: 1.5rem 2.4rem 0rem 2.4rem;
    border-right: none;
  }
}
@media (max-width: 600px) {
  .main-patient-outer__left {
    padding: 1.5rem 2rem 0rem 2rem;
  }
}
.main-patient-outer__right {
  width: calc(100% - 280px);
  margin: 0;
  padding: 1.3rem 2.4rem 0 2.4rem;
}
@media (max-width: 1280px) {
  .main-patient-outer__right {
    width: calc(100% - 252px);
  }
}
@media (max-width: 992px) {
  .main-patient-outer__right {
    width: 100%;
    padding: 0rem 2.4rem 0 2.4rem;
  }
}
@media (max-width: 600px) {
  .main-patient-outer__right {
    width: calc(100% - 0px);
    padding: 0.5rem 2rem 0 2rem;
  }
}

/**** Page Titles ***/
.page-title {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid var(--patient-sidebar-border-color);
  min-height: 52px;
}
@media (max-width: 992px) {
  .page-title {
    min-height: inherit;
  }
}
@media (max-width: 600px) {
  .page-title {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: var(--patient-white-color);
    position: sticky;
    top: 0;
    z-index: 99;
  }
}
@media (max-width: 600px) {
  .page-title__title-left {
    width: auto;
    margin-bottom: 0;
  }
}
.page-title__title-left span {
  font: var(--font-weight-500) var(--font-13) var(--font-family);
  display: block;
  color: var(--patient-light-grey-color);
  margin-bottom: 0.8rem;
}
@media (max-width: 992px) {
  .page-title__title-left span {
    margin-bottom: 0.8rem;
  }
}
@media (max-width: 600px) {
  .page-title__title-left span {
    margin-bottom: 0.4rem;
  }
}
.page-title__title-left h1 {
  margin-bottom: 0;
  font: var(--font-weight-600) var(--font-17) var(--font-family);
  color: var(--patient-primary-color);
}
@media (max-width: 600px) {
  .page-title__title-left h1 {
    font: var(--font-weight-600) var(--font-15) var(--font-family);
  }
}
.page-title__title-left .paragraph {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  margin-bottom: 0;
}
.page-title__title-left .paragraph span {
  margin: 0;
}
.page-title__title-left .paragraph svg, .page-title__title-left .paragraph .info-new {
  margin-left: 0.8rem;
}
.page-title__next-btn {
  width: auto;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}
.page-title__next-btn .btn {
  height: 40px !important;
  padding: 0 1.6rem !important;
  margin-bottom: 0;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  line-height: 40px !important;
}
@media (max-width: 600px) {
  .page-title__next-btn .btn {
    height: 34px !important;
    padding: 0 1.5rem !important;
    font-size: var(--font-15) !important;
    line-height: 34px !important;
  }
}
.page-title__next-btn .btn svg {
  max-width: 16px;
  max-height: 14px;
}
.page-title__next-btn .btn--secondary {
  margin-right: 1.6rem;
}
@media (max-width: 576px) {
  .page-title__next-btn .btn--secondary {
    margin-right: 1.2rem;
  }
}

/******************************************/
/***** Patient Button ***/
/******************************************/
.main-patient-outer .btn {
  box-shadow: 0px 4px 10px rgba(75, 75, 75, 0.5);
}
.main-patient-outer .btn:disabled, .main-patient-outer .btn.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.main-patient-outer .btn--primary {
  background-color: var(--patient-primary-button-color);
  border-color: var(--patient-primary-button-color);
}
.main-patient-outer .btn--primary:hover {
  background-color: var(--patient-primary-button-hover-color);
  border-color: var(--patient-primary-button-hover-color);
}
.main-patient-outer .btn--primary:disabled:hover, .main-patient-outer .btn--primary.disabled:hover {
  background-color: var(--patient-primary-button-color);
  border-color: var(--patient-primary-button-color);
}
.main-patient-outer .btn--secondary {
  background-color: var(--patient-secondary-button-color);
  border-color: var(--patient-secondary-button-color);
}
.main-patient-outer .btn--secondary:hover {
  background-color: var(--patient-secondary-button-hover-color);
  border-color: var(--patient-secondary-button-hover-color);
}
@media (max-width: 576px) {
  .main-patient-outer .btn--secondary {
    margin-right: 1.2rem;
  }
}
.main-patient-outer .btn--secondary svg {
  max-width: 16px;
  max-height: 14px;
  margin-right: 1rem;
  fill: transparent !important;
}
.main-patient-outer .btn--secondary:disabled:hover, .main-patient-outer .btn--secondary.disabled:hover {
  background-color: var(--patient-secondary-button-color);
  border-color: var(--patient-secondary-button-color);
}
.main-patient-outer .btn--get-started {
  background-color: var(--patient-confirm-button-color);
  border-color: var(--patient-confirm-button-color);
}
.main-patient-outer .btn--get-started:disabled:hover, .main-patient-outer .btn--get-started.disabled:hover {
  background-color: var(--patient-confirm-button-color);
  border-color: var(--patient-confirm-button-color);
}
.main-patient-outer .btn--get-started svg {
  width: 20px;
  height: 20px;
  margin-top: -1px;
}
.main-patient-outer .btn--get-started:hover {
  background-color: var(--patient-confirm-button-hover-color);
  border-color: var(--patient-confirm-button-hover-color);
}

.mobile-filter {
  display: none;
  width: 34px;
  height: 34px;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  background-color: var(--patient-secondary-color);
  margin-right: 1.2rem;
  -webkit-border-radius: 50px !important;
  -webkit-border-radius-border-radius: 50px !important;
  /* position: absolute */
  /* top: -67px */
  /* right: 105px */
  /* z-index: 999 */
  /**** All Button ***/
  /**** Form Css *****/
}
.mobile-filter svg {
  width: 17px;
  height: 16px;
}
@media (max-width: 600px) {
  .mobile-filter {
    -ms-display: flex;
    -webkit-display: flex;
    -moz-display: flex;
    display: flex;
  }
}
.mobile-filter .btn {
  padding: 0 2rem;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  margin-bottom: 0;
  height: 44px;
  font: var(--font-weight-500) var(--font-16) var(--font-family);
}
.mobile-filter .btn:disabled, .mobile-filter .btn.disabled {
  opacity: 0.4;
}
.mobile-filter .btn--primary {
  background-color: var(--patient-primary-button-color);
  border-color: var(--patient-primary-button-color);
  box-shadow: 0px 2px 10px rgba(75, 75, 75, 0.5) !important;
}
.mobile-filter .btn--primary:disabled:hover, .mobile-filter .btn--primary.disabled:hover {
  background-color: var(--patient-primary-button-color);
  border-color: var(--patient-primary-button-color);
}
.mobile-filter .btn--primary svg {
  width: 20px;
  height: 20px;
  fill: var(--patient-white-color);
}
.mobile-filter .btn--primary:hover {
  background-color: var(--patient-primary-button-hover-color);
  border-color: var(--patient-primary-button-hover-color);
}
.mobile-filter .btn--secondary {
  background-color: var(--patient-secondary-button-color);
  border-color: var(--patient-secondary-button-color);
  box-shadow: 0px 2px 10px rgba(75, 75, 75, 0.5) !important;
}
.mobile-filter .btn--secondary:disabled:hover, .mobile-filter .btn--secondary.disabled:hover {
  background-color: var(--patient-secondary-button-color);
  border-color: var(--patient-secondary-button-color);
}
.mobile-filter .btn--secondary svg {
  width: 20px;
  height: 20px;
  fill: var(--patient-white-color);
}
.mobile-filter .btn--secondary:hover {
  background-color: var(--patient-secondary-button-hover-color);
  border-color: var(--patient-secondary-button-hover-color);
}
.mobile-filter .btn--get-started {
  background-color: var(--patient-confirm-button-color);
  border-color: var(--patient-confirm-button-color);
}
.mobile-filter .btn--get-started:disabled:hover, .mobile-filter .btn--get-started.disabled:hover {
  background-color: var(--patient-confirm-button-color);
  border-color: var(--patient-confirm-button-color);
}
.mobile-filter .btn--get-started svg {
  width: 20px;
  height: 20px;
}
.mobile-filter .btn--get-started:hover {
  background-color: var(--patient-confirm-button-hover-color);
  border-color: var(--patient-confirm-button-hover-color);
}
.mobile-filter .form__control, .mobile-filter .form .p-inputtext {
  padding: 0 1.5rem;
  font: var(--font-weight-400) var(--font-14) var(--font-family) !important;
  color: var(--patient-input-color) !important;
}
.mobile-filter .form__textarea {
  font: var(--font-weight-400) var(--font-14) var(--font-family) !important;
  color: var(--patient-input-color) !important;
  padding: 1rem 1.5rem !important;
}
.mobile-filter .form .input-feilds-edit .form__phone .p-inputtext {
  font: var(--font-weight-400) var(--font-14) var(--font-family) !important;
  color: var(--patient-input-color) !important;
}
.mobile-filter .form__phone .p-inputtext {
  border-color: var(--input-border-color);
  /* border: 1px solid var(--input-border-color) */
}
.mobile-filter .form__phone.p-inputwrappar-focus .p-inputtext {
  border-color: var(--input-border-color) !important;
}

body .main-patient-outer .patient-filter .select-box .p-multiselect {
  max-width: 240px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 600px) {
  body .main-patient-outer .patient-filter .select-box .p-multiselect {
    max-width: 100%;
  }
}
body .main-patient-outer .patient-filter .select-box .p-multiselect .p-multiselect-label {
  height: auto;
}
body .main-patient-outer .patient-filter .select-box .p-multiselect-label-container {
  width: 142px;
}
body .main-patient-outer .patient-filter .select-box .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
  font: var(--font-weight-400) var(--font-14) var(--font-family) !important;
}
body .main-patient-outer .patient-filter .select-box .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
  background-color: var(--patient-secondary-color) !important;
}

body .main-patient-outer .p-inputtext:enabled:focus:not(.p-error),
body .main-patient-outer .p-dropdown:not(.p-disabled):focus,
body .main-patient-outer .p-dropdown:not(.p-disabled).p-focus {
  border-color: var(--input-border-color) !important;
}

body .patient-select-box .p-dropdown-items-wrapper .p-dropdown-items .p-dropdown-item.p-highlight {
  background-color: var(--patient-secondary-color) !important;
}

body .main-patient-outer p-checkbox .p-checkbox {
  width: 18px !important;
  height: 18px !important;
}
body .main-patient-outer p-checkbox .p-checkbox-box {
  width: 18px !important;
  height: 18px !important;
  border-radius: 3px !important;
  border-color: var(--patient-border-color) !important;
}
body .main-patient-outer p-checkbox .p-checkbox-box .pi-check {
  width: 22px !important;
  height: 14px !important;
  transform: rotate(65deg) !important;
}
body .main-patient-outer p-checkbox .p-checkbox-box.p-highlight .pi-check {
  font-size: 2rem !important;
  margin: -5px 0 0 9px !important;
  color: var(--patient-primary-color) !important;
}

/***** Select Date & time ****/
body .main-patient-outer .timeslot-calendar__calendar-clumn p-calendar {
  min-height: 280px;
}
@media (max-width: 600px) {
  body .main-patient-outer .timeslot-calendar__calendar-clumn p-calendar {
    min-height: 280px;
  }
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .desktopview {
  display: block;
}
@media (max-width: 1180px) {
  body .main-patient-outer .timeslot-calendar__calendar-clumn .desktopview {
    display: none !important;
  }
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .desktopview .p-datepicker .p-datepicker-panel {
  box-shadow: none !important;
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .desktopview .p-datepicker .p-datepicker-panel .p-datepicker-calendar {
  border: 1px solid var(--border-color) !important;
  border-radius: 5px;
  width: 310px;
  margin-right: 2rem;
  padding: 1rem 0.5rem 0.5rem 0.5rem !important;
  background-color: var(--patient-box-bg-color);
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .desktopview .p-datepicker .p-datepicker-panel .p-datepicker-calendar .p-datepicker-header .p-datepicker-title button {
  padding: 0 !important;
  color: var(--patient-primary-color) !important;
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .largetabletview {
  display: none !important;
}
@media (max-width: 1180px) {
  body .main-patient-outer .timeslot-calendar__calendar-clumn .largetabletview {
    display: block !important;
  }
}
@media (max-width: 600px) {
  body .main-patient-outer .timeslot-calendar__calendar-clumn .largetabletview {
    display: none !important;
  }
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .mobileview {
  display: none !important;
}
@media (max-width: 600px) {
  body .main-patient-outer .timeslot-calendar__calendar-clumn .mobileview {
    display: block !important;
  }
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .mobileview .p-datepicker .p-datepicker-panel {
  box-shadow: none !important;
  padding: 0;
  border: 1px solid var(--border-color) !important;
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .mobileview .p-datepicker .p-datepicker-panel .p-datepicker-header {
  padding-top: 0.8rem;
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .mobileview .p-datepicker .p-datepicker-panel .p-datepicker-header .p-datepicker-prev-button, body .main-patient-outer .timeslot-calendar__calendar-clumn .mobileview .p-datepicker .p-datepicker-panel .p-datepicker-header .p-datepicker-next-button {
  background-color: transparent !important;
  display: block !important;
  width: 30px;
  height: 30px;
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .mobileview .p-datepicker .p-datepicker-panel .p-datepicker-header .p-datepicker-prev-button:hover, body .main-patient-outer .timeslot-calendar__calendar-clumn .mobileview .p-datepicker .p-datepicker-panel .p-datepicker-header .p-datepicker-prev-button:focus, body .main-patient-outer .timeslot-calendar__calendar-clumn .mobileview .p-datepicker .p-datepicker-panel .p-datepicker-header .p-datepicker-next-button:hover, body .main-patient-outer .timeslot-calendar__calendar-clumn .mobileview .p-datepicker .p-datepicker-panel .p-datepicker-header .p-datepicker-next-button:focus {
  background-color: transparent !important;
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .mobileview .p-datepicker .p-datepicker-panel .p-datepicker-header .p-datepicker-prev-button .p-datepicker-prev-button, body .main-patient-outer .timeslot-calendar__calendar-clumn .mobileview .p-datepicker .p-datepicker-panel .p-datepicker-header .p-datepicker-prev-button .p-datepicker-next-button, body .main-patient-outer .timeslot-calendar__calendar-clumn .mobileview .p-datepicker .p-datepicker-panel .p-datepicker-header .p-datepicker-next-button .p-datepicker-prev-button, body .main-patient-outer .timeslot-calendar__calendar-clumn .mobileview .p-datepicker .p-datepicker-panel .p-datepicker-header .p-datepicker-next-button .p-datepicker-next-button {
  width: 30px;
  height: 30px;
  display: block !important;
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .mobileview .p-datepicker .p-datepicker-panel .p-datepicker-header .p-datepicker-title button {
  padding: 0 !important;
  color: var(--patient-primary-color) !important;
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker {
  box-shadow: none !important;
  padding: 0;
  /* background-color: var(--patient-box-bg-color) */
  /* border: 1px solid var(--patient-border-color) !important */
  /* @include mixins.border-radius(5px) */
  /* width: 310px */
  /* min-height: 276px */
}
@media (max-width: 576px) {
  body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker {
    width: 100% !important;
    margin-left: 0 !important;
  }
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker .p-datepicker-header {
  background-color: transparent !important;
  border-bottom: 1px solid var(--patient-border-color);
  margin: 0 13px !important;
}
@media (max-width: 1180px) {
  body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker .p-datepicker-header button {
    display: block !important;
  }
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker .p-datepicker-header .p-datepicker-title, body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker .p-datepicker-header span {
  font: var(--font-weight-400) var(--font-15) var(--font-family) !important;
  color: var(--patient-secondary-color) !important;
  margin-bottom: 0.2rem;
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month, body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year, body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker .p-datepicker-header span .p-datepicker-month, body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker .p-datepicker-header span .p-datepicker-year {
  font: var(--font-weight-400) var(--font-15) var(--font-family) !important;
  color: var(--patient-secondary-color) !important;
  margin-bottom: 0;
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker .p-datepicker-group-container {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker .p-datepicker-prev {
  width: 10px !important;
  height: 20px !important;
  background: url("/assets/img/calendar-prev-icon.svg") center center no-repeat !important;
  background-size: 100% 100% !important;
  top: 0 !important;
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker .p-datepicker-next {
  width: 10px !important;
  height: 20px !important;
  background: url("/assets/img/calendar-next-icon.svg") center center no-repeat !important;
  background-size: 100% 100% !important;
  top: 0 !important;
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker .p-datepicker-prev span, body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker .p-datepicker-next span {
  background-size: 100% 100%;
  display: none !important;
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker .p-datepicker-group {
  padding: 0.5rem 0.5rem !important;
  background-color: var(--patient-box-bg-color);
  border: 1px solid var(--patient-border-color) !important;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
  width: 310px;
  min-height: 245px;
  margin-right: 2rem;
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker .p-datepicker-group:last-child {
  margin-right: 0;
}
@media (max-width: 576px) {
  body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker .p-datepicker-group {
    width: 100%;
    margin-right: 0;
  }
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker table th > span {
  font: var(--font-weight-400) var(--font-13) var(--font-family) !important;
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker table td {
  padding: 0.1rem !important;
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker table td .p-disabled {
  font: var(--font-weight-400) var(--font-14) var(--font-family) !important;
  color: var(--patient-calendar-disbaled-date-color) !important;
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker table td.p-datepicker-today .p-disabled {
  color: var(--patient-white-color) !important;
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker table td > a, body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker table td > span {
  font: var(--font-weight-400) var(--font-14) var(--font-family) !important;
  width: 30px !important;
  line-height: 16px;
  height: 30px !important;
  color: var(--patient-primary-color);
  cursor: auto;
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker table td > a span, body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker table td > span span {
  cursor: auto;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker table td > a span.available-slots, body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker table td > span span.available-slots {
  color: var(--patient-primary-color);
  cursor: pointer;
  font-weight: 600;
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker table td > a span.available-slots:hover, body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker table td > span span.available-slots:hover {
  background-color: var(--patient-primary-color) !important;
  border: var(--patient-primary-color) !important;
  color: var(--patient-white-color) !important;
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker table td > a span.not-available-slots, body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker table td > span span.not-available-slots {
  color: var(--patient-input-color);
  pointer-events: none;
  cursor: auto;
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker table td > a.p-disabled, body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker table td > span.p-disabled {
  font: var(--font-weight-400) var(--font-14) var(--font-family) !important;
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker table td > a.p-highlight, body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker table td > span.p-highlight,
body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker table td.p-datepicker-today > a, body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker table td.p-datepicker-today > span {
  background-color: var(--patient-primary-color) !important;
  border: var(--patient-white-color) !important;
  color: var(--patient-white-color) !important;
  width: 30px !important;
  line-height: 16px;
  height: 30px !important;
}
body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker table td > a.p-highlight span, body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker table td > span.p-highlight span,
body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker table td.p-datepicker-today > a span, body .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker table td.p-datepicker-today > span span {
  background-color: var(--patient-primary-color) !important;
  border: var(--patient-primary-color) !important;
  color: var(--patient-white-color) !important;
}
@media (max-width: 576px) {
  body .main-patient-outer .timeslot-calendar__calendar-clumn p-calendar {
    width: 100% !important;
    display: inline-block !important;
  }
}
@media (max-width: 576px) {
  body .main-patient-outer .timeslot-calendar__calendar-clumn p-calendar .p-calendar {
    display: block;
  }
}
body .main-patient-outer .p-datepicker-day:not(.p-datepicker-day-selected):not(.p-disabled):hover {
  background-color: transparent !important;
  color: transparent !important;
}
body .main-patient-outer .p-datepicker-calendar-container tbody .p-datepicker-day-cell span.p-datepicker-day.p-datepicker-day-selected {
  background-color: var(--patient-primary-color) !important;
  border: var(--patient-primary-color) !important;
  color: var(--patient-white-color) !important;
}

body .main-patient-outer .p-datepicker table td.p-datepicker-today > a, body .main-patient-outer .p-datepicker table td.p-datepicker-today > span {
  background-color: var(--patient-primary-color) !important;
  border: var(--patient-primary-color) !important;
}

body .main-patient-outer .p-datepicker table td > a.p-highlight, body .main-patient-outer .p-datepicker table td > span.p-highlight {
  background-color: var(--patient-secondary-color) !important;
  border: var(--patient-secondary-color) !important;
}

body .confirmed-footer {
  width: 100% !important;
  padding: 0rem 0 !important;
}
body .confirmed-footer footer.patient-footer {
  width: 100% !important;
  padding: 1.6rem 0 !important;
}

body .reschedule-footer {
  width: 100% !important;
}

body .main-patient-outer .remove-back .patient-sidebar__clinic-visit {
  min-height: 46px;
}
body .main-patient-outer .remove-back .patient-sidebar__clinic-visit .patient-sidebar__back {
  display: none;
}

body .main-patient-outer .p-datepicker table td > a:hover, body .main-patient-outer .p-datepicker table td > span:hover {
  background-color: var(--patient-secondary-color) !important;
}

/****** All Popup *****/
.patient-popup__outer {
  width: 550px;
  margin: 0 0 0 0;
  padding: 1.8rem 2.4rem 2.4rem 2.4rem;
}
@media (max-width: 600px) {
  .patient-popup__outer {
    width: 100%;
  }
}
.patient-popup__outer.terms-condition {
  width: 750px;
}
.patient-popup__outer.terms-condition .patient-popup__content {
  overflow-y: auto;
  max-height: 80vh;
  line-height: 20px !important;
  width: calc(100% + 24px);
  padding-right: 18px;
}
.patient-popup__outer.terms-condition .patient-popup__content p {
  margin-bottom: 1.5rem;
  font: var(--font-weight-400) var(--font-14) var(--font-family) !important;
  color: var(--patient-body-color) !important;
  line-height: 20px !important;
}
.patient-popup__outer.terms-condition .patient-popup__content ul {
  list-style: auto;
  margin-bottom: 15px;
  padding-left: 2rem;
}
.patient-popup__outer.terms-condition .patient-popup__content ul li {
  margin-bottom: 1.5rem;
}
.patient-popup__outer.terms-condition .patient-popup__content ul li b {
  width: 100%;
  display: inline-block;
}
.patient-popup__outer.terms-condition .patient-popup__content ul li ol {
  list-style-type: lower-alpha;
  margin-bottom: 15px;
  padding-left: 1.8rem;
  padding-top: 1rem;
}
.patient-popup__title {
  display: block;
  font: var(--font-weight-600) var(--font-17) var(--font-family);
  color: var(--patient-primary-color);
  margin-bottom: 1.5rem;
}
.patient-popup__content {
  font: var(--font-weight-400) var(--font-14) var(--font-family) !important;
  color: var(--patient-body-color) !important;
  line-height: 20px;
}
@media (max-width: 600px) {
  .patient-popup__content {
    line-height: 22px;
  }
}
.patient-popup .patient-popup-popup-button {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: flex-end;
}

body .patient-popup .p-dialog-header .p-dialog-header-icon {
  background-image: url(/assets/img/patient-popup-close-icon.svg) !important;
}

.full-screen-loader {
  background: #FFFFFF;
  opacity: 0.95;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99999999;
}
.full-screen-loader__outer {
  position: relative;
  max-width: 600px;
  padding-left: 72px;
}
@media (max-width: 600px) {
  .full-screen-loader__outer {
    padding-right: 2rem;
  }
}
.full-screen-loader__outer svg {
  position: absolute;
  left: 0;
}
@media (max-width: 600px) {
  .full-screen-loader__outer svg {
    left: 1.5rem;
    max-width: 46px;
  }
}
.full-screen-loader__outer svg path {
  fill: var(--patient-primary-color);
}
.full-screen-loader__outer h3 {
  display: block;
  font: var(--font-weight-600) var(--font-22) var(--font-family);
  color: var(--patient-primary-color);
  margin-bottom: 1rem;
}
@media (max-width: 600px) {
  .full-screen-loader__outer h3 {
    font: var(--font-weight-600) var(--font-19) var(--font-family);
  }
}
.full-screen-loader__outer p {
  display: block;
  font: var(--font-weight-600) var(--font-18) var(--font-family);
  color: var(--patient-body-color);
  margin-bottom: 0;
}
@media (max-width: 600px) {
  .full-screen-loader__outer p {
    font: var(--font-weight-600) var(--font-15) var(--font-family);
  }
}

.p-sidebar-mask.p-component-overlay {
  background: rgba(0, 0, 0, 0.4) !important;
}

p-radiobutton.disable {
  pointer-events: none;
  opacity: 0.6;
}

/*** highlight dates ***/
.main-patient-outer .timeslot-calendar .p-datepicker-calendar table td > span {
  color: var(--patient-primary-color);
}
.main-patient-outer .timeslot-calendar .desktopview {
  margin-top: -1.5rem;
}
.main-patient-outer .timeslot-calendar .desktopview .p-datepicker-panel {
  padding: 0 !important;
}

body.pmes-client .main-patient-outer .btn {
  box-shadow: none !important;
}

.main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker-calendar-container .p-datepicker-header .p-datepicker-prev-button, .main-patient-outer .timeslot-calendar__calendar-clumn .p-datepicker-calendar-container .p-datepicker-header .p-datepicker-next-button {
  display: none !important;
}

.main-patient-outer p-radiobutton .p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon {
  background: var(--patient-secondary-color) !important;
}

.kpi-report-outer {
  margin: 0;
}
.kpi-report-outer__tabs {
  width: 100%;
  position: relative;
}
.kpi-report-outer__tabs .p-tabview-nav {
  position: absolute;
  top: 17px;
  right: 2.4rem;
}
.kpi-report-outer__tabs .p-tabview-nav li {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}
.kpi-report-outer__tabs .p-tabview-nav li::after {
  display: none;
}
.kpi-report-outer__tabs .p-tabview-nav li:nth-of-type(1) a.p-tabview-nav-link {
  padding: 0 !important;
  -webkit-border-radius: 5px 0 0 5px !important;
  -webkit-border-radius-border-radius: 5px 0 0 5px !important;
}
.kpi-report-outer__tabs .p-tabview-nav li:nth-of-type(2) a.p-tabview-nav-link {
  padding: 0 !important;
  -webkit-border-radius: 0 5px 5px 0 !important;
  -webkit-border-radius-border-radius: 0 5px 5px 0 !important;
}
.kpi-report-outer__tabs .p-tabview-nav li a.p-tabview-nav-link {
  border: 1px solid var(--border-color) !important;
  padding: 0 !important;
  -webkit-border-radius: 0 !important;
  -webkit-border-radius-border-radius: 0 !important;
  position: relative;
  overflow: inherit;
  min-height: inherit;
}
.kpi-report-outer__tabs .p-tabview-nav li a.p-tabview-nav-link svg path {
  fill: var(--body-color);
}
.kpi-report-outer__tabs .p-tabview-nav li a.p-tabview-nav-link .kpi-dashboard {
  height: 40px;
  padding: 0.8rem 1rem !important;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.kpi-report-outer__tabs .p-tabview-nav li a.p-tabview-nav-link .kpi-report {
  height: 40px;
  padding: 0.8rem 1rem !important;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.kpi-report-outer__tabs .p-tabview-nav li a.p-tabview-nav-link .pro-icon {
  position: absolute;
  top: -15px;
  right: -8px;
}
.kpi-report-outer__tabs .p-tabview-nav li a.p-tabview-nav-link .pro-icon svg {
  width: 20px;
  height: 20px;
}
.kpi-report-outer__tabs .p-tabview-nav li a.p-tabview-nav-link .pro-icon svg path {
  fill: #f0a400 !important;
}
.kpi-report-outer__tabs .p-tabview-nav li.p-highlight {
  border: none !important;
}
.kpi-report-outer__tabs .p-tabview-nav li.p-highlight a.p-tabview-nav-link {
  background-color: var(--primary-color) !important;
  border: 1px solid var(--primary-color) !important;
}
.kpi-report-outer__tabs .p-tabview-nav li.p-highlight a.p-tabview-nav-link svg path {
  fill: var(--white-color);
}
.kpi-report-outer__tabs .p-tabview-panels {
  padding: 0;
}

.kpi-content-outer {
  width: 100%;
  padding: 0 1.8rem 0 2.4rem;
}
.kpi-content-outer__default {
  width: 100%;
}
.kpi-content-outer__default .demo-graph-image {
  width: 100%;
  height: 100%;
}
.kpi-content-outer__default .demo-graph-image__images {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.kpi-content-outer__default .demo-graph-image__images svg {
  width: 100%;
  height: 100%;
}
.kpi-content-outer__default .demo-graph-image__images::before {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(223, 223, 223, 0.2509803922);
}
.kpi-content-outer__default .demo-graph-image__requst-block {
  width: 100%;
  max-width: 680px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -340px;
  margin-top: -90px;
  background-color: rgba(111, 100, 167, 0.92);
  box-shadow: 0 0 28px var(--primary-color);
  color: var(--white-color);
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
  padding: 5rem 5rem;
  text-align: center;
}
.kpi-content-outer__default .demo-graph-image__requst-block p {
  color: var(--white-color);
  margin-bottom: 2.5rem;
}
.kpi-content-outer__default .demo-graph-image__requst-block .btn {
  margin-bottom: 0;
  display: inline-flex;
  align-items: center;
}
.kpi-content-outer__default .demo-graph-image__requst-block .btn svg {
  margin-right: 1rem;
}
.kpi-content-outer__default .demo-graph-image__requst-block .btn svg path {
  fill: var(--white-color);
}
.kpi-content-outer__dics {
  margin-bottom: 3rem;
}
.kpi-content-outer__default-img {
  width: 100%;
}
.kpi-content-outer__kpi-report-block-outer {
  width: 100%;
  position: relative;
}

.kpi-filter-overly {
  width: 800px !important;
}
.kpi-filter-overly h2 {
  margin-bottom: 1.5rem;
  font-size: var(--font-20);
}

body .kpi-filter-overly-time-period {
  width: 507px;
}
body .kpi-filter-overly-time-period .filters-boxs__tabs-block .p-tabview-panels .selecteble-filter-right {
  column-count: 1;
}

.appointment-status-overly {
  width: 350px;
}
.appointment-status-overly h2 {
  margin-bottom: 1.5rem;
  font-size: var(--font-20);
}
.appointment-status-overly .filter-buttonbox__header {
  width: 100%;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  margin: 0 0 1.5rem 0;
}
.appointment-status-overly .filter-buttonbox__title {
  margin-bottom: 0;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  font-size: var(--font-16);
}
.appointment-status-overly .filter-buttonbox__title p-checkbox {
  margin-right: 1rem;
}
.appointment-status-overly .filter-buttonbox__right {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}
.appointment-status-overly .filter-buttonbox__right .btn {
  margin: 0;
  padding: 0.6rem 1rem;
  line-height: normal;
  height: auto;
  font-size: var(--font-13);
}
.appointment-status-overly .filters-boxs__right {
  width: 100%;
}
.appointment-status-overly .filters-boxs__right .selecteble-filter-right {
  column-count: 1;
}
.appointment-status-overly .filters-boxs__right .selecteble-filter-right__item {
  max-width: 100%;
}
.appointment-status-overly .filters-boxs__right .selecteble-filter-right__item p-checkbox {
  display: inline-block;
  margin-right: 0;
}
.appointment-status-overly .filters-boxs__right .selecteble-filter-right__item label {
  cursor: pointer;
  padding-left: 1rem;
  display: inline-block;
}

body .kpi-filter-overly-time-period .filters-boxs__tabs-block .p-tabview-panels .selecteble-filter-right__item {
  max-width: 100%;
}

body .filters-boxs {
  width: 100%;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  flex-wrap: wrap;
}
body .filters-boxs__left {
  flex: 0 0 205px;
  margin-right: 2rem;
  padding-right: 2rem;
  border-right: 1px solid var(--border-color);
}
body .filters-boxs__left .selecteble-filter-left {
  width: 100%;
  list-style: none;
}
body .filters-boxs__left .selecteble-filter-left__item {
  width: 100%;
  margin: 0 0 1px 0;
  list-style: none;
}
body .filters-boxs__left .selecteble-filter-left__link {
  padding: 0.8rem 1.4rem;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
  font: var(--font-weight-400) var(--font-16) var(--font-family);
  color: var(--body-color);
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  min-height: 38px;
}
@media (max-width: 1440px) {
  body .filters-boxs__left .selecteble-filter-left__link {
    font-size: var(--font-15);
  }
}
body .filters-boxs__left .selecteble-filter-left__link span {
  width: 25px;
  height: 25px;
  -webkit-border-radius: 100px !important;
  -webkit-border-radius-border-radius: 100px !important;
  background-color: #C5C5C5;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  font: var(--font-weight-500) var(--font-16) var(--font-family);
}
@media (max-width: 1440px) {
  body .filters-boxs__left .selecteble-filter-left__link span {
    font-size: var(--font-15);
  }
}
body .filters-boxs__left .selecteble-filter-left__link:hover {
  background-color: var(--dropdown-hover-bg-color);
}
body .filters-boxs__left .selecteble-filter-left__link.active {
  background-color: var(--primary-color);
  color: var(--white-color);
}
body .filters-boxs__left .selecteble-filter-left__link.active span {
  background-color: var(--accent-color);
}
body .filters-boxs__right {
  width: calc(100% - 230px);
}
body .filters-boxs__right .scroll {
  width: calc(100% + 2.4rem);
  overflow: auto;
  max-height: 198px;
  padding-right: 1.5rem;
}
body .filters-boxs__right .selecteble-filter-right {
  width: 100%;
  list-style: none;
  padding: 0 !important;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
body .filters-boxs__right .selecteble-filter-right__item {
  width: 100%;
  max-width: 48%;
  padding: 0;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  font: var(--font-weight-400) var(--font-16) var(--font-family);
  color: var(--body-color);
  margin: 0 0 1.2rem 0 !important;
}
body .filters-boxs__right .selecteble-filter-right__item::after {
  display: none !important;
}
@media (max-width: 1440px) {
  body .filters-boxs__right .selecteble-filter-right__item {
    font-size: var(--font-15);
  }
}
body .filters-boxs__right .selecteble-filter-right__item label {
  padding-left: 1rem;
  cursor: pointer;
  display: inline-block;
  word-wrap: break-word;
  white-space: normal;
  word-break: break-all;
}
body .filters-boxs__bottom {
  width: 100%;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: flex-end;
  padding-top: 1.8rem;
}
body .filters-boxs__bottom .btn {
  margin: 0 0 0 1.5rem;
}
body .filters-boxs__tabs-block {
  width: 100%;
}
body .filters-boxs__tabs-block .p-tabview {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
body .filters-boxs__tabs-block .p-tabview-nav-container {
  flex: 0 0 235px;
  margin-right: 2rem;
  padding-right: 0;
  border-right: 1px solid var(--border-color);
}
body .filters-boxs__tabs-block .p-tabview-nav-container .p-tabview-nav {
  width: 100% !important;
  list-style: none;
  padding: 0 2rem 0 0 !important;
  flex-wrap: wrap !important;
  max-height: 340px;
  overflow: auto;
}
@media (max-width: 1440px) {
  body .filters-boxs__tabs-block .p-tabview-nav-container .p-tabview-nav {
    max-height: 250px;
  }
}
body .filters-boxs__tabs-block .p-tabview-nav-container .p-tabview-nav li {
  width: 100% !important;
  margin: 0 0 1px 0 !important;
  list-style: none;
  border: none !important;
}
body .filters-boxs__tabs-block .p-tabview-nav-container .p-tabview-nav li::after {
  display: none !important;
}
body .filters-boxs__tabs-block .p-tabview-nav-container .p-tabview-nav li .p-tabview-nav-link {
  width: 100%;
  padding: 0 !important;
}
body .filters-boxs__tabs-block .p-tabview-nav-container .p-tabview-nav li .p-tabview-nav-link .links {
  width: 100%;
  padding: 0 1.4rem !important;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
  font: var(--font-weight-500) var(--font-14) var(--font-family);
  color: var(--body-color);
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  min-height: 34px;
}
@media (max-width: 1440px) {
  body .filters-boxs__tabs-block .p-tabview-nav-container .p-tabview-nav li .p-tabview-nav-link .links {
    font-size: var(--font-15);
    min-height: 34px;
  }
}
body .filters-boxs__tabs-block .p-tabview-nav-container .p-tabview-nav li .p-tabview-nav-link .links .count-numbers {
  width: 22px;
  height: 22px;
  -webkit-border-radius: 100px !important;
  -webkit-border-radius-border-radius: 100px !important;
  background-color: #C5C5C5;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  font: var(--font-weight-600) var(--font-14) var(--font-family);
}
@media (max-width: 1440px) {
  body .filters-boxs__tabs-block .p-tabview-nav-container .p-tabview-nav li .p-tabview-nav-link .links .count-numbers {
    font-size: var(--font-13);
  }
}
body .filters-boxs__tabs-block .p-tabview-nav-container .p-tabview-nav li .p-tabview-nav-link .links:hover {
  background-color: var(--dropdown-hover-bg-color);
}
body .filters-boxs__tabs-block .p-tabview-nav-container .p-tabview-nav li.p-highlight .p-tabview-nav-link .links {
  background-color: var(--primary-color) !important;
  color: var(--white-color) !important;
}
body .filters-boxs__tabs-block .p-tabview-nav-container .p-tabview-nav li.p-highlight .p-tabview-nav-link .links .count-numbers {
  background-color: var(--accent-color);
}
body .filters-boxs__tabs-block .p-tabview-panels {
  width: calc(100% - 230px) !important;
  padding: 0;
}
body .filters-boxs__tabs-block .p-tabview-panels .tabs-content-block {
  width: 100%;
}
body .filters-boxs__tabs-block .p-tabview-panels .tab-content-box__header {
  width: 100%;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  margin: 0 0 1.5rem 0;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 1rem;
}
body .filters-boxs__tabs-block .p-tabview-panels .tab-content-box__title {
  margin-bottom: 0;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  font-size: var(--font-16);
}
body .filters-boxs__tabs-block .p-tabview-panels .tab-content-box__title p-checkbox {
  margin-right: 1rem;
}
body .filters-boxs__tabs-block .p-tabview-panels .tab-content-box__right {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}
body .filters-boxs__tabs-block .p-tabview-panels .tab-content-box__right .btn {
  margin: 0;
  padding: 0.6rem 1rem;
  line-height: normal;
  height: auto;
  font-size: var(--font-13);
}
body .filters-boxs__tabs-block .p-tabview-panels .scroll {
  width: calc(100% + 2.4rem);
  overflow: auto;
  height: 287px;
  padding-right: 1.5rem;
}
@media (max-width: 1440px) {
  body .filters-boxs__tabs-block .p-tabview-panels .scroll {
    height: 200px;
  }
}
body .filters-boxs__tabs-block .p-tabview-panels .selecteble-filter-right {
  width: 100%;
  list-style: none;
  padding: 0 !important;
  column-count: 2;
}
body .filters-boxs__tabs-block .p-tabview-panels .selecteble-filter-right__item {
  width: 100%;
  max-width: 100%;
  padding: 0;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  font: var(--font-weight-500) var(--font-14) var(--font-family);
  color: var(--body-color);
  margin: 0 0 0.8rem 0 !important;
}
body .filters-boxs__tabs-block .p-tabview-panels .selecteble-filter-right__item::after {
  display: none !important;
}
@media (max-width: 1440px) {
  body .filters-boxs__tabs-block .p-tabview-panels .selecteble-filter-right__item {
    font-size: var(--font-15);
  }
}
body .filters-boxs__tabs-block .p-tabview-panels .selecteble-filter-right__item p-checkbox {
  display: inline-block;
}
body .filters-boxs__tabs-block .p-tabview-panels .selecteble-filter-right__item label {
  cursor: pointer;
  padding-left: 1rem;
  display: inline-block;
  word-wrap: break-word;
  white-space: normal;
  word-break: break-all;
}

.hide-box {
  display: none !important;
}

.cdk-drop-list {
  position: relative;
}

.highcharts-contextmenu .highcharts-menu {
  width: 250px !important;
  background-color: var(--white-color);
  border: none !important;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3) !important;
  border-radius: 5px !important;
  margin: 0 !important;
  padding: 1rem 0rem !important;
}
.highcharts-contextmenu .highcharts-menu hr {
  display: none;
}
.highcharts-contextmenu .highcharts-menu .highcharts-menu-item {
  width: 100%;
  margin: 0 !important;
  font-family: var(--font-family) !important;
  display: inline-block;
  text-align: left;
  font-size: var(--font-15) !important;
  color: var(--body-color) !important;
  padding: 0.8rem 1.9rem !important;
  font-weight: var(--font-weight-400) !important;
  border: none !important;
}
.highcharts-contextmenu .highcharts-menu .highcharts-menu-item::after {
  display: none !important;
}
.highcharts-contextmenu .highcharts-menu .highcharts-menu-item:hover {
  background-color: var(--secondary-color) !important;
  color: var(--white-color) !important;
  font-weight: var(--font-weight-500) !important;
}

.xyz-report-block div.highcharts-container {
  width: 100% !important;
  overflow: visible !important;
  height: 100% !important;
  text-align: center !important;
}
.xyz-report-block div.highcharts-container .highcharts-root {
  width: 100% !important;
  margin: 0 auto;
  height: auto !important;
  max-height: 400px;
  font-size: var(--font-14) !important;
  font-family: var(--font-family) !important;
}
.xyz-report-block div.highcharts-container .highcharts-root .highcharts-axis {
  font-size: var(--font-14) !important;
  font-family: var(--font-family) !important;
}
.xyz-report-block div.highcharts-container .highcharts-contextmenu {
  top: 15px !important;
  right: -10px !important;
}
.xyz-report-block div.highcharts-container .chart-tooltip-outer {
  display: block;
  background-color: var(--white-color);
  border: 1px solid var(--accent-color);
  padding: 0.8rem;
  margin: -80px 0 0 40px;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
}
.xyz-report-block div.highcharts-container .chart-tooltip-outer__title {
  width: 100%;
  margin-bottom: 0.5rem;
  font-size: var(--font-14) !important;
  font-weight: 600;
  text-align: left;
}
.xyz-report-block div.highcharts-container .chart-tooltip-outer__content {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  font-size: var(--font-13) !important;
}
.xyz-report-block div.highcharts-container .chart-tooltip-outer__text {
  padding-right: 1.5rem;
}

svg.highcharts-root .highcharts-exporting-group {
  position: absolute !important;
  top: 0px !important;
}

#mchart-line {
  overflow: visible !important;
}

.kpi-report-layout .xyz-report-block__chart .highcharts-table .table-outer .p-datatable .p-datatable-wrapper {
  max-height: calc(100vh - 618px) !important;
}
@media (max-width: 1440px) {
  .kpi-report-layout .xyz-report-block__chart .highcharts-table .table-outer .p-datatable .p-datatable-wrapper {
    max-height: calc(100vh - 322px) !important;
  }
}
.kpi-report-layout .xyz-report-block__chart .highcharts-table .table-outer__th::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--accent-color);
}
.kpi-report-layout .xyz-report-block__chart .highcharts-table .table-outer__th, .kpi-report-layout .xyz-report-block__chart .highcharts-table .table-outer__td {
  min-width: 200px;
}
.kpi-report-layout .xyz-report-block__chart .highcharts-table .table-outer__th.table-outer__soid, .kpi-report-layout .xyz-report-block__chart .highcharts-table .table-outer__th.table-outer__year, .kpi-report-layout .xyz-report-block__chart .highcharts-table .table-outer__th.table-outer__date, .kpi-report-layout .xyz-report-block__chart .highcharts-table .table-outer__th.table-outer__year, .kpi-report-layout .xyz-report-block__chart .highcharts-table .table-outer__td.table-outer__soid, .kpi-report-layout .xyz-report-block__chart .highcharts-table .table-outer__td.table-outer__year, .kpi-report-layout .xyz-report-block__chart .highcharts-table .table-outer__td.table-outer__date, .kpi-report-layout .xyz-report-block__chart .highcharts-table .table-outer__td.table-outer__year {
  width: 120px;
  min-width: 120px;
}
@media (max-width: 1440px) {
  .kpi-report-layout .xyz-report-block__chart .highcharts-table .table-outer .p-paginator-bottom {
    text-align: right;
  }
}
.kpi-report-layout.maximize-window1 .xyz-report-block__chart div.highcharts-container .highcharts-root {
  max-height: inherit;
  height: calc(100vh - 296px) !important;
}
.kpi-report-layout.maximize-window1 .xyz-report-block__chart .highcharts-table .table-outer .p-datatable .p-datatable-wrapper {
  max-height: calc(100vh - 348px) !important;
}
@media (max-width: 1440px) {
  .kpi-report-layout.maximize-window1 .xyz-report-block__chart .highcharts-table .table-outer .p-datatable .p-datatable-wrapper {
    max-height: calc(100vh - 347px) !important;
  }
}
.kpi-report-layout.maximize-window1 .xyz-report-block__chart .highcharts-table {
  overflow: inherit;
  max-height: inherit !important;
}

.xyz-report-block .select-chart .select-box {
  width: 52px;
  min-width: 52px;
}
.xyz-report-block .select-chart .select-box .p-dropdown {
  padding: 0 !important;
  border: none;
}
.xyz-report-block .select-chart .select-box .p-dropdown.p-dropdown-clearable .p-dropdown-label {
  padding-right: 1rem;
}

/**** Chart Css ***/
.highcharts-legend-item text, .highcharts-axis-labels text {
  text-decoration: none !important;
  color: var(--body-color) !important;
  fill: var(--body-color) !important;
  font-weight: 500 !important;
  line-height: 15px !important;
  font-size: 11px !important;
  font-style: inherit !important;
}

.highcharts-axis-labels {
  cursor: default;
  font-size: var(--font-12) !important;
  font-family: var(--font-family) !important;
}

.highcharts-legend-item > text {
  font-family: var(--font-family) !important;
  font-weight: 400 !important;
}

.highcharts-tooltip {
  cursor: default;
  pointer-events: none;
  white-space: nowrap;
  transition: stroke 150ms;
}

.highcharts-tooltip text {
  font-size: var(--font-13) !important;
  font-family: var(--font-family) !important;
}
.highcharts-tooltip text tspan {
  font-size: var(--font-13) !important;
  font-family: var(--font-family) !important;
}
.highcharts-tooltip text tspan:first-child {
  font-weight: 600 !important;
  font-size: var(--font-16) !important;
}

.highcharts-tooltip .highcharts-header {
  font-size: var(--font-14) !important;
  font-family: var(--font-family) !important;
  font-weight: 500 !important;
}

.highcharts-tooltip-box {
  stroke-width: 1;
  fill: var(--white-color);
  stroke: var(--purple-color);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3) !important;
}

div.highcharts-tooltip {
  filter: none;
  font-size: var(--font-14) !important;
  font-family: var(--font-family) !important;
}

.highcharts-selection-marker {
  fill-opacity: 0.25;
}

.highcharts-graph {
  fill: none;
  stroke-width: 1px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.highcharts-data-labels text {
  text-decoration: none !important;
  color: var(--body-color) !important;
  fill: var(--body-color) !important;
}

.kpi-quick-link-menu {
  width: 215px;
}

.visualization-box {
  width: 100%;
}
.visualization-box__addbox {
  width: 100%;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  margin-bottom: 2rem;
}
.visualization-box__addbox .form__group {
  margin: 0;
}
.visualization-box__addbox .form__btn {
  margin: 0 0 0 1.5rem;
  padding-top: 27px;
}
.visualization-box__addbox .form__btn .btn {
  margin-bottom: 0;
}
.visualization-box__filtersbox {
  width: calc(100% + 3rem);
  height: 135px;
  overflow-y: auto;
  padding-right: 3rem;
}
.visualization-box__filtersbox .column-display-settings__text {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
}
.visualization-box__filtersbox .column-display-settings__text a {
  width: 20px;
  padding: 0 !important;
  background-color: transparent !important;
  padding-left: 6px;
}
.visualization-box__filtersbox .column-display-settings__text a svg {
  width: 14px;
  height: 14px;
}
.visualization-box__filtersbox .column-display-settings__text a svg path {
  stroke: #858585;
}
.visualization-box__note {
  width: 100%;
  font: var(--font-weight-400) var(--font-15) var(--font-family);
  color: var(--body-color);
}

.cdk-drag-preview {
  text-decoration: none !important;
  height: 22px !important;
  fill: var(--body-color) !important;
}
.cdk-drag-preview .column-display-settings__text {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
}
.cdk-drag-preview .column-display-settings__text a {
  width: 20px;
  padding: 0 !important;
  background-color: transparent !important;
  padding-left: 6px;
}
.cdk-drag-preview .column-display-settings__text a svg {
  width: 14px;
  height: 14px;
}
.cdk-drag-preview .column-display-settings__text a svg path {
  stroke: #858585;
}

/***************************************/
.kpi-filter-overly .filters-boxs__tabs-block {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  flex-direction: row;
}
.kpi-filter-overly .filters-boxs__tabs-block .p-tablist {
  width: 235px;
}
.kpi-filter-overly .filters-boxs__tabs-block .p-tablist .p-tablist-content .p-tablist-tab-list {
  display: block;
  border-right: 1px solid var(--border-color);
  padding-right: 2rem;
  border-bottom: none;
}
.kpi-filter-overly .filters-boxs__tabs-block .p-tablist .p-tablist-content .p-tablist-tab-list .p-tab {
  width: 100%;
  padding: 0 1.4rem !important;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
  font: var(--font-weight-500) var(--font-14) var(--font-family) !important;
  color: var(--body-color);
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 34px;
  text-align: left;
}
.kpi-filter-overly .filters-boxs__tabs-block .p-tablist .p-tablist-content .p-tablist-tab-list .p-tab .links {
  width: 100%;
  position: relative;
}
.kpi-filter-overly .filters-boxs__tabs-block .p-tablist .p-tablist-content .p-tablist-tab-list .p-tab .links .count-numbers {
  width: 22px;
  height: 22px;
  -webkit-border-radius: 100px !important;
  -webkit-border-radius-border-radius: 100px !important;
  background-color: #C5C5C5;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-justify-content: center;
  font: var(--font-weight-500) var(--font-13) var(--font-family);
  position: absolute;
  top: -2px;
  right: 0;
}
.kpi-filter-overly .filters-boxs__tabs-block .p-tablist .p-tablist-content .p-tablist-tab-list .p-tab::after {
  display: none;
}
.kpi-filter-overly .filters-boxs__tabs-block .p-tablist .p-tablist-content .p-tablist-tab-list .p-tab.p-tab-active {
  background-color: var(--primary-color) !important;
  color: var(--white-color) !important;
}
.kpi-filter-overly .filters-boxs__tabs-block .p-tablist .p-tablist-content .p-tablist-tab-list .p-tab.p-tab-active .links .count-numbers {
  background-color: var(--accent-color) !important;
  color: var(--white-color) !important;
}
.kpi-filter-overly .filters-boxs__tabs-block .p-tablist .p-tablist-content .p-tablist-tab-list .p-tablist-active-bar {
  display: none;
}
.kpi-filter-overly .filters-boxs__tabs-block .p-tabpanels {
  width: calc(100% - 235px);
}
.kpi-filter-overly .filters-boxs__tabs-block .p-tabpanels .tab-content-box {
  width: 100%;
  padding: 0rem 0rem 1.5rem 2rem;
  background-color: var(--white-color) !important;
}
.kpi-filter-overly .filters-boxs__tabs-block .p-tabpanels .tab-content-box__header {
  width: 100%;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: center;
  margin: 0 0 1.5rem 0;
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 1rem;
}
.kpi-filter-overly .filters-boxs__tabs-block .p-tabpanels .tab-content-box__title {
  margin-bottom: 0;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  font-size: var(--font-16);
}
.kpi-filter-overly .filters-boxs__tabs-block .p-tabpanels .tab-content-box__title p-checkbox {
  margin-right: 1rem;
}
.kpi-filter-overly .filters-boxs__tabs-block .p-tabpanels .tab-content-box__right {
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}
.kpi-filter-overly .filters-boxs__tabs-block .p-tabpanels .tab-content-box__right .btn {
  margin: 0;
  padding: 0.6rem 1rem;
  line-height: normal;
  height: auto;
  font-size: var(--font-13);
}
.kpi-filter-overly .filters-boxs__tabs-block .p-tabpanels .tab-content-box .scroll {
  height: 290px;
}
.kpi-filter-overly .filters-boxs__tabs-block .p-tabpanels .tab-content-box .selecteble-filter-right {
  width: 100%;
  list-style: none;
  padding: 0 !important;
  column-count: 2;
}
.kpi-filter-overly .filters-boxs__tabs-block .p-tabpanels .tab-content-box .selecteble-filter-right__item {
  width: 100%;
  max-width: 100%;
  padding: 0;
  -webkit-border-radius: 5px !important;
  -webkit-border-radius-border-radius: 5px !important;
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
  font: var(--font-weight-500) var(--font-14) var(--font-family);
  color: var(--body-color);
  margin: 0 0 0.8rem 0 !important;
}
.kpi-filter-overly .filters-boxs__tabs-block .p-tabpanels .tab-content-box .selecteble-filter-right__item::after {
  display: none !important;
}
@media (max-width: 1440px) {
  .kpi-filter-overly .filters-boxs__tabs-block .p-tabpanels .tab-content-box .selecteble-filter-right__item {
    font-size: var(--font-15);
  }
}
.kpi-filter-overly .filters-boxs__tabs-block .p-tabpanels .tab-content-box .selecteble-filter-right__item p-checkbox {
  display: inline-block;
}
.kpi-filter-overly .filters-boxs__tabs-block .p-tabpanels .tab-content-box .selecteble-filter-right__item label {
  cursor: pointer;
  padding-left: 1rem;
  display: inline-block;
  word-wrap: break-word;
  white-space: normal;
  word-break: break-all;
}
.kpi-filter-overly .form__checkbox-outer .checkbox-text {
  margin-left: 0rem !important;
  font: var(--font-weight-400) var(--font-14) var(--font-family) !important;
}

.deshboard-top .switchBtn {
  font: var(--font-weight-400) var(--font-16) var(--font-family);
  -ms-display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  display: flex;
  align-items: center;
}
.deshboard-top .switchBtn p-inputswitch {
  margin-right: 0.5rem;
}

.new-sales-orders-chart {
  max-height: 275px;
}
.new-sales-orders-chart .new-sales-orders {
  width: 100%;
  text-align: center;
  font: var(--font-weight-600) 20px var(--font-family);
}
.new-sales-orders-chart .new-sales-orders__number {
  width: 100%;
  display: inline-block;
  font: var(--font-weight-700) 45px var(--font-family);
  margin-bottom: 10px;
}
.new-sales-orders-chart .highcharts-container {
  height: 240px !important;
}
.new-sales-orders-chart .highcharts-root {
  margin-top: -70px;
  margin-left: 0;
}

.dash-blocks .count-numbers {
  font: var(--font-weight-700) 60px var(--font-family);
  color: var(--body-color);
}
.dash-blocks .count-chart {
  position: relative;
  width: 100%;
  height: 100%;
}
.dash-blocks .count-chart .highcharts-container {
  width: 100% !important;
  height: 100% !important;
  margin: 0 auto;
  position: absolute !important;
  top: 0;
  left: 0;
}
.dash-blocks .count-chart .highcharts-root {
  width: 100% !important;
  height: 100% !important;
  margin: 0 auto;
}
.dash-blocks .count-chart .highcharts-legend-item text, .dash-blocks .count-chart .highcharts-axis-labels text {
  color: var(--body-color) !important;
  fill: var(--body-color) !important;
  font-family: var(--font-family) !important;
  font-weight: 500 !important;
  font-size: 11px !important;
}
.dash-blocks .count-chart .highcharts-legend .highcharts-legend-item {
  margin-right: 20px;
}
.dash-blocks .highcharts-label text {
  color: var(--body-color) !important;
  fill: var(--body-color) !important;
  text-decoration: none !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}
.dash-blocks .highcharts-label text .highcharts-text-outline {
  font-weight: 500 !important;
}
.dash-blocks .highcharts-label text .highcharts-text-outline tspan {
  font-weight: 500 !important;
}
.dash-blocks .highcharts-empty-series {
  fill: #ededed !important;
}

.highcharts-axis-labels {
  cursor: default;
  font-family: var(--font-family) !important;
}

.today-chart-block .highcharts-label text {
  color: var(--body-color) !important;
  fill: var(--body-color) !important;
  text-decoration: none !important;
}
.today-chart-block .highcharts-subtitle {
  line-height: 28px !important;
  margin-top: -9px !important;
  color: var(--primary-color) !important;
}
.today-chart-block .highcharts-subtitle__title {
  font: var(--font-weight-700) 3.5rem var(--font-family) !important;
  border: 10px solid #36A2EB;
  border-radius: 100px;
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #36A2EB !important;
}
.today-chart-block .highcharts-subtitle__desc {
  font: var(--font-weight-500) var(--font-20) var(--font-family) !important;
}

*, *:before, *:after {
  box-sizing: border-box;
}

html, body {
  padding: 0;
  margin: 0;
  height: 100%;
  font-size: 10px;
}

body {
  margin: 0;
  padding: 0;
}

body .ui-widget {
  font-family: "Work Sans", sans-serif !important;
}

body .ui-widget {
  font: var(--body-font) !important;
}

.modal-dialog .modal-content {
  border: none;
}
.modal-dialog .modal-content .modal-header {
  background-color: var(--grey-color);
}
.modal-dialog .modal-content .modal-header h5 {
  font: var(--h3-font);
  color: var(--h3-color);
  padding: 0.5rem 0;
}
.modal-dialog .modal-content .modal-header .close {
  outline: none;
  box-shadow: none;
  font-size: 2.5rem;
  font-weight: 300 !important;
}
.modal-dialog .modal-content .modal-body {
  font-size: var(--body-font-size);
  font-family: var(--font-family);
}

.ui-scrollpanel-bar-x {
  overflow-x: hidden;
}

/**** Loader Css ****/
.p-progress-spinner-circle {
  animation: custom-progress-spinner-dash 1.5s ease-in-out infinite, custom-progress-spinner-color 6s ease-in-out infinite !important;
}

@keyframes custom-progress-spinner-color {
  100%, 0% {
    stroke: var(--primary-color);
  }
  40% {
    stroke: var(--primary-color);
  }
  66% {
    stroke: var(--primary-color);
  }
  80%, 90% {
    stroke: var(--primary-color);
  }
}
@keyframes custom-progress-spinner-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
/****** sidebar ScrollBar css *****/
.sidebar-newmenu::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.sidebar-newmenu::-webkit-scrollbar-track {
  background: var(--primary-color);
}

.sidebar-newmenu::-webkit-scrollbar-thumb {
  background: #a2a2a2;
}

.sidebar-newmenu::-webkit-scrollbar-thumb:hover {
  background: var(--light-grey-color);
}

.ql-toolbar .ql-image {
  display: none !important;
}
/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/primeicons/primeicons.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************/
@font-face {
    font-family: 'primeicons';
    font-display: block;
    src: url('primeicons.8ca441e178bfb872.eot');
    src: url('primeicons.8ca441e178bfb872.eot?#iefix') format('embedded-opentype'), url('primeicons.e1a53edb6ea00325.woff2') format('woff2'), url('primeicons.7f7722745590608a.woff') format('woff'), url('primeicons.310a7310efb91ab1.ttf') format('truetype'), url('primeicons.19e14e488f5edc90.svg?#primeicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.pi {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pi:before {
    --webkit-backface-visibility:hidden;
    backface-visibility: hidden;
}

.pi-fw {
    width: 1.28571429em;
    text-align: center;
}

.pi-spin {
    animation: fa-spin 2s infinite linear;
}

@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}

.pi-folder-plus:before {
    content: "\ea05";
}

.pi-receipt:before {
    content: "\ea06";
}

.pi-asterisk:before {
    content: "\ea07";
}

.pi-face-smile:before {
    content: "\ea08";
}

.pi-pinterest:before {
    content: "\ea09";
}

.pi-expand:before {
    content: "\ea0a";
}

.pi-pen-to-square:before {
    content: "\ea0b";
}

.pi-wave-pulse:before {
    content: "\ea0c";
}

.pi-turkish-lira:before {
    content: "\ea0d";
}

.pi-spinner-dotted:before {
    content: "\ea0e";
}

.pi-crown:before {
    content: "\ea0f";
}

.pi-pause-circle:before {
    content: "\ea10";
}

.pi-warehouse:before {
    content: "\ea11";
}

.pi-objects-column:before {
    content: "\ea12";
}

.pi-clipboard:before {
    content: "\ea13";
}

.pi-play-circle:before {
    content: "\ea14";
}

.pi-venus:before {
    content: "\ea15";
}

.pi-cart-minus:before {
    content: "\ea16";
}

.pi-file-plus:before {
    content: "\ea17";
}

.pi-microchip:before {
    content: "\ea18";
}

.pi-twitch:before {
    content: "\ea19";
}

.pi-building-columns:before {
    content: "\ea1a";
}

.pi-file-check:before {
    content: "\ea1b";
}

.pi-microchip-ai:before {
    content: "\ea1c";
}

.pi-trophy:before {
    content: "\ea1d";
}

.pi-barcode:before {
    content: "\ea1e";
}

.pi-file-arrow-up:before {
    content: "\ea1f";
}

.pi-mars:before {
    content: "\ea20";
}

.pi-tiktok:before {
    content: "\ea21";
}

.pi-arrow-up-right-and-arrow-down-left-from-center:before {
    content: "\ea22";
}

.pi-ethereum:before {
    content: "\ea23";
}

.pi-list-check:before {
    content: "\ea24";
}

.pi-thumbtack:before {
    content: "\ea25";
}

.pi-arrow-down-left-and-arrow-up-right-to-center:before {
    content: "\ea26";
}

.pi-equals:before {
    content: "\ea27";
}

.pi-lightbulb:before {
    content: "\ea28";
}

.pi-star-half:before {
    content: "\ea29";
}

.pi-address-book:before {
    content: "\ea2a";
}

.pi-chart-scatter:before {
    content: "\ea2b";
}

.pi-indian-rupee:before {
    content: "\ea2c";
}

.pi-star-half-fill:before {
    content: "\ea2d";
}

.pi-cart-arrow-down:before {
    content: "\ea2e";
}

.pi-calendar-clock:before {
    content: "\ea2f";
}

.pi-sort-up-fill:before {
    content: "\ea30";
}

.pi-sparkles:before {
    content: "\ea31";
}

.pi-bullseye:before {
    content: "\ea32";
}

.pi-sort-down-fill:before {
    content: "\ea33";
}

.pi-graduation-cap:before {
    content: "\ea34";
}

.pi-hammer:before {
    content: "\ea35";
}

.pi-bell-slash:before {
    content: "\ea36";
}

.pi-gauge:before {
    content: "\ea37";
}

.pi-shop:before {
    content: "\ea38";
}

.pi-headphones:before {
    content: "\ea39";
}

.pi-eraser:before {
    content: "\ea04";
}

.pi-stopwatch:before {
    content: "\ea01";
}

.pi-verified:before {
    content: "\ea02";
}

.pi-delete-left:before {
    content: "\ea03";
}

.pi-hourglass:before {
    content: "\e9fe";
}

.pi-truck:before {
    content: "\ea00";
}

.pi-wrench:before {
    content: "\e9ff";
}

.pi-microphone:before {
    content: "\e9fa";
}

.pi-megaphone:before {
    content: "\e9fb";
}

.pi-arrow-right-arrow-left:before {
    content: "\e9fc";
}

.pi-bitcoin:before {
    content: "\e9fd";
}

.pi-file-edit:before {
    content: "\e9f6";
}

.pi-language:before {
    content: "\e9f7";
}

.pi-file-export:before {
    content: "\e9f8";
}

.pi-file-import:before {
    content: "\e9f9";
}

.pi-file-word:before {
    content: "\e9f1";
}

.pi-gift:before {
    content: "\e9f2";
}

.pi-cart-plus:before {
    content: "\e9f3";
}

.pi-thumbs-down-fill:before {
    content: "\e9f4";
}

.pi-thumbs-up-fill:before {
    content: "\e9f5";
}

.pi-arrows-alt:before {
    content: "\e9f0";
}

.pi-calculator:before {
    content: "\e9ef";
}

.pi-sort-alt-slash:before {
    content: "\e9ee";
}

.pi-arrows-h:before {
    content: "\e9ec";
}

.pi-arrows-v:before {
    content: "\e9ed";
}

.pi-pound:before {
    content: "\e9eb";
}

.pi-prime:before {
    content: "\e9ea";
}

.pi-chart-pie:before {
    content: "\e9e9";
}

.pi-reddit:before {
    content: "\e9e8";
}

.pi-code:before {
    content: "\e9e7";
}

.pi-sync:before {
    content: "\e9e6";
}

.pi-shopping-bag:before {
    content: "\e9e5";
}

.pi-server:before {
    content: "\e9e4";
}

.pi-database:before {
    content: "\e9e3";
}

.pi-hashtag:before {
    content: "\e9e2";
}

.pi-bookmark-fill:before {
    content: "\e9df";
}

.pi-filter-fill:before {
    content: "\e9e0";
}

.pi-heart-fill:before {
    content: "\e9e1";
}

.pi-flag-fill:before {
    content: "\e9de";
}

.pi-circle:before {
    content: "\e9dc";
}

.pi-circle-fill:before {
    content: "\e9dd";
}

.pi-bolt:before {
    content: "\e9db";
}

.pi-history:before {
    content: "\e9da";
}

.pi-box:before {
    content: "\e9d9";
}

.pi-at:before {
    content: "\e9d8";
}

.pi-arrow-up-right:before {
    content: "\e9d4";
}

.pi-arrow-up-left:before {
    content: "\e9d5";
}

.pi-arrow-down-left:before {
    content: "\e9d6";
}

.pi-arrow-down-right:before {
    content: "\e9d7";
}

.pi-telegram:before {
    content: "\e9d3";
}

.pi-stop-circle:before {
    content: "\e9d2";
}

.pi-stop:before {
    content: "\e9d1";
}

.pi-whatsapp:before {
    content: "\e9d0";
}

.pi-building:before {
    content: "\e9cf";
}

.pi-qrcode:before {
    content: "\e9ce";
}

.pi-car:before {
    content: "\e9cd";
}

.pi-instagram:before {
    content: "\e9cc";
}

.pi-linkedin:before {
    content: "\e9cb";
}

.pi-send:before {
    content: "\e9ca";
}

.pi-slack:before {
    content: "\e9c9";
}

.pi-sun:before {
    content: "\e9c8";
}

.pi-moon:before {
    content: "\e9c7";
}

.pi-vimeo:before {
    content: "\e9c6";
}

.pi-youtube:before {
    content: "\e9c5";
}

.pi-flag:before {
    content: "\e9c4";
}

.pi-wallet:before {
    content: "\e9c3";
}

.pi-map:before {
    content: "\e9c2";
}

.pi-link:before {
    content: "\e9c1";
}

.pi-credit-card:before {
    content: "\e9bf";
}

.pi-discord:before {
    content: "\e9c0";
}

.pi-percentage:before {
    content: "\e9be";
}

.pi-euro:before {
    content: "\e9bd";
}

.pi-book:before {
    content: "\e9ba";
}

.pi-shield:before {
    content: "\e9b9";
}

.pi-paypal:before {
    content: "\e9bb";
}

.pi-amazon:before {
    content: "\e9bc";
}

.pi-phone:before {
    content: "\e9b8";
}

.pi-filter-slash:before {
    content: "\e9b7";
}

.pi-facebook:before {
    content: "\e9b4";
}

.pi-github:before {
    content: "\e9b5";
}

.pi-twitter:before {
    content: "\e9b6";
}

.pi-step-backward-alt:before {
    content: "\e9ac";
}

.pi-step-forward-alt:before {
    content: "\e9ad";
}

.pi-forward:before {
    content: "\e9ae";
}

.pi-backward:before {
    content: "\e9af";
}

.pi-fast-backward:before {
    content: "\e9b0";
}

.pi-fast-forward:before {
    content: "\e9b1";
}

.pi-pause:before {
    content: "\e9b2";
}

.pi-play:before {
    content: "\e9b3";
}

.pi-compass:before {
    content: "\e9ab";
}

.pi-id-card:before {
    content: "\e9aa";
}

.pi-ticket:before {
    content: "\e9a9";
}

.pi-file-o:before {
    content: "\e9a8";
}

.pi-reply:before {
    content: "\e9a7";
}

.pi-directions-alt:before {
    content: "\e9a5";
}

.pi-directions:before {
    content: "\e9a6";
}

.pi-thumbs-up:before {
    content: "\e9a3";
}

.pi-thumbs-down:before {
    content: "\e9a4";
}

.pi-sort-numeric-down-alt:before {
    content: "\e996";
}

.pi-sort-numeric-up-alt:before {
    content: "\e997";
}

.pi-sort-alpha-down-alt:before {
    content: "\e998";
}

.pi-sort-alpha-up-alt:before {
    content: "\e999";
}

.pi-sort-numeric-down:before {
    content: "\e99a";
}

.pi-sort-numeric-up:before {
    content: "\e99b";
}

.pi-sort-alpha-down:before {
    content: "\e99c";
}

.pi-sort-alpha-up:before {
    content: "\e99d";
}

.pi-sort-alt:before {
    content: "\e99e";
}

.pi-sort-amount-up:before {
    content: "\e99f";
}

.pi-sort-amount-down:before {
    content: "\e9a0";
}

.pi-sort-amount-down-alt:before {
    content: "\e9a1";
}

.pi-sort-amount-up-alt:before {
    content: "\e9a2";
}

.pi-palette:before {
    content: "\e995";
}

.pi-undo:before {
    content: "\e994";
}

.pi-desktop:before {
    content: "\e993";
}

.pi-sliders-v:before {
    content: "\e991";
}

.pi-sliders-h:before {
    content: "\e992";
}

.pi-search-plus:before {
    content: "\e98f";
}

.pi-search-minus:before {
    content: "\e990";
}

.pi-file-excel:before {
    content: "\e98e";
}

.pi-file-pdf:before {
    content: "\e98d";
}

.pi-check-square:before {
    content: "\e98c";
}

.pi-chart-line:before {
    content: "\e98b";
}

.pi-user-edit:before {
    content: "\e98a";
}

.pi-exclamation-circle:before {
    content: "\e989";
}

.pi-android:before {
    content: "\e985";
}

.pi-google:before {
    content: "\e986";
}

.pi-apple:before {
    content: "\e987";
}

.pi-microsoft:before {
    content: "\e988";
}

.pi-heart:before {
    content: "\e984";
}

.pi-mobile:before {
    content: "\e982";
}

.pi-tablet:before {
    content: "\e983";
}

.pi-key:before {
    content: "\e981";
}

.pi-shopping-cart:before {
    content: "\e980";
}

.pi-comments:before {
    content: "\e97e";
}

.pi-comment:before {
    content: "\e97f";
}

.pi-briefcase:before {
    content: "\e97d";
}

.pi-bell:before {
    content: "\e97c";
}

.pi-paperclip:before {
    content: "\e97b";
}

.pi-share-alt:before {
    content: "\e97a";
}

.pi-envelope:before {
    content: "\e979";
}

.pi-volume-down:before {
    content: "\e976";
}

.pi-volume-up:before {
    content: "\e977";
}

.pi-volume-off:before {
    content: "\e978";
}

.pi-eject:before {
    content: "\e975";
}

.pi-money-bill:before {
    content: "\e974";
}

.pi-images:before {
    content: "\e973";
}

.pi-image:before {
    content: "\e972";
}

.pi-sign-in:before {
    content: "\e970";
}

.pi-sign-out:before {
    content: "\e971";
}

.pi-wifi:before {
    content: "\e96f";
}

.pi-sitemap:before {
    content: "\e96e";
}

.pi-chart-bar:before {
    content: "\e96d";
}

.pi-camera:before {
    content: "\e96c";
}

.pi-dollar:before {
    content: "\e96b";
}

.pi-lock-open:before {
    content: "\e96a";
}

.pi-table:before {
    content: "\e969";
}

.pi-map-marker:before {
    content: "\e968";
}

.pi-list:before {
    content: "\e967";
}

.pi-eye-slash:before {
    content: "\e965";
}

.pi-eye:before {
    content: "\e966";
}

.pi-folder-open:before {
    content: "\e964";
}

.pi-folder:before {
    content: "\e963";
}

.pi-video:before {
    content: "\e962";
}

.pi-inbox:before {
    content: "\e961";
}

.pi-lock:before {
    content: "\e95f";
}

.pi-unlock:before {
    content: "\e960";
}

.pi-tags:before {
    content: "\e95d";
}

.pi-tag:before {
    content: "\e95e";
}

.pi-power-off:before {
    content: "\e95c";
}

.pi-save:before {
    content: "\e95b";
}

.pi-question-circle:before {
    content: "\e959";
}

.pi-question:before {
    content: "\e95a";
}

.pi-copy:before {
    content: "\e957";
}

.pi-file:before {
    content: "\e958";
}

.pi-clone:before {
    content: "\e955";
}

.pi-calendar-times:before {
    content: "\e952";
}

.pi-calendar-minus:before {
    content: "\e953";
}

.pi-calendar-plus:before {
    content: "\e954";
}

.pi-ellipsis-v:before {
    content: "\e950";
}

.pi-ellipsis-h:before {
    content: "\e951";
}

.pi-bookmark:before {
    content: "\e94e";
}

.pi-globe:before {
    content: "\e94f";
}

.pi-replay:before {
    content: "\e94d";
}

.pi-filter:before {
    content: "\e94c";
}

.pi-print:before {
    content: "\e94b";
}

.pi-align-right:before {
    content: "\e946";
}

.pi-align-left:before {
    content: "\e947";
}

.pi-align-center:before {
    content: "\e948";
}

.pi-align-justify:before {
    content: "\e949";
}

.pi-cog:before {
    content: "\e94a";
}

.pi-cloud-download:before {
    content: "\e943";
}

.pi-cloud-upload:before {
    content: "\e944";
}

.pi-cloud:before {
    content: "\e945";
}

.pi-pencil:before {
    content: "\e942";
}

.pi-users:before {
    content: "\e941";
}

.pi-clock:before {
    content: "\e940";
}

.pi-user-minus:before {
    content: "\e93e";
}

.pi-user-plus:before {
    content: "\e93f";
}

.pi-trash:before {
    content: "\e93d";
}

.pi-external-link:before {
    content: "\e93c";
}

.pi-window-maximize:before {
    content: "\e93b";
}

.pi-window-minimize:before {
    content: "\e93a";
}

.pi-refresh:before {
    content: "\e938";
}
  
.pi-user:before {
    content: "\e939";
}

.pi-exclamation-triangle:before {
    content: "\e922";
}

.pi-calendar:before {
    content: "\e927";
}

.pi-chevron-circle-left:before {
    content: "\e928";
}

.pi-chevron-circle-down:before {
    content: "\e929";
}

.pi-chevron-circle-right:before {
    content: "\e92a";
}

.pi-chevron-circle-up:before {
    content: "\e92b";
}

.pi-angle-double-down:before {
    content: "\e92c";
}

.pi-angle-double-left:before {
    content: "\e92d";
}

.pi-angle-double-right:before {
    content: "\e92e";
}

.pi-angle-double-up:before {
    content: "\e92f";
}

.pi-angle-down:before {
    content: "\e930";
}

.pi-angle-left:before {
    content: "\e931";
}

.pi-angle-right:before {
    content: "\e932";
}

.pi-angle-up:before {
    content: "\e933";
}

.pi-upload:before {
    content: "\e934";
}

.pi-download:before {
    content: "\e956";
}

.pi-ban:before {
    content: "\e935";
}

.pi-star-fill:before {
    content: "\e936";
}

.pi-star:before {
    content: "\e937";
}

.pi-chevron-left:before {
    content: "\e900";
}

.pi-chevron-right:before {
    content: "\e901";
}

.pi-chevron-down:before {
    content: "\e902";
}

.pi-chevron-up:before {
    content: "\e903";
}

.pi-caret-left:before {
    content: "\e904";
}

.pi-caret-right:before {
    content: "\e905";
}

.pi-caret-down:before {
    content: "\e906";
}

.pi-caret-up:before {
    content: "\e907";
}

.pi-search:before {
    content: "\e908";
}

.pi-check:before {
    content: "\e909";
}

.pi-check-circle:before {
    content: "\e90a";
}

.pi-times:before {
    content: "\e90b";
}

.pi-times-circle:before {
    content: "\e90c";
}

.pi-plus:before {
    content: "\e90d";
}

.pi-plus-circle:before {
    content: "\e90e";
}

.pi-minus:before {
    content: "\e90f";
}

.pi-minus-circle:before {
    content: "\e910";
}

.pi-circle-on:before {
    content: "\e911";
}

.pi-circle-off:before {
    content: "\e912";
}

.pi-sort-down:before {
    content: "\e913";
}

.pi-sort-up:before {
    content: "\e914";
}

.pi-sort:before {
    content: "\e915";
}

.pi-step-backward:before {
    content: "\e916";
}

.pi-step-forward:before {
    content: "\e917";
}

.pi-th-large:before {
    content: "\e918";
}

.pi-arrow-down:before {
    content: "\e919";
}

.pi-arrow-left:before {
    content: "\e91a";
}

.pi-arrow-right:before {
    content: "\e91b";
}

.pi-arrow-up:before {
    content: "\e91c";
}

.pi-bars:before {
    content: "\e91d";
}

.pi-arrow-circle-down:before {
    content: "\e91e";
}

.pi-arrow-circle-left:before {
    content: "\e91f";
}

.pi-arrow-circle-right:before {
    content: "\e920";
}

.pi-arrow-circle-up:before {
    content: "\e921";
}

.pi-info:before {
    content: "\e923";
}

.pi-info-circle:before {
    content: "\e924";
}

.pi-home:before {
    content: "\e925";
}

.pi-spinner:before {
    content: "\e926";
}

/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@angular/material/prebuilt-themes/deeppurple-amber.css?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
html{--mat-sys-on-surface: initial}.mat-app-background{background-color:var(--mat-app-background-color, var(--mat-sys-background, transparent));color:var(--mat-app-text-color, var(--mat-sys-on-background, inherit))}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:var(--mat-app-elevation-shadow-level-0, none)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:var(--mat-app-elevation-shadow-level-1, none)}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:var(--mat-app-elevation-shadow-level-2, none)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:var(--mat-app-elevation-shadow-level-3, none)}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:var(--mat-app-elevation-shadow-level-4, none)}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:var(--mat-app-elevation-shadow-level-5, none)}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:var(--mat-app-elevation-shadow-level-6, none)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:var(--mat-app-elevation-shadow-level-7, none)}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:var(--mat-app-elevation-shadow-level-8, none)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:var(--mat-app-elevation-shadow-level-9, none)}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:var(--mat-app-elevation-shadow-level-10, none)}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:var(--mat-app-elevation-shadow-level-11, none)}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:var(--mat-app-elevation-shadow-level-12, none)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:var(--mat-app-elevation-shadow-level-13, none)}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:var(--mat-app-elevation-shadow-level-14, none)}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:var(--mat-app-elevation-shadow-level-15, none)}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:var(--mat-app-elevation-shadow-level-16, none)}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:var(--mat-app-elevation-shadow-level-17, none)}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:var(--mat-app-elevation-shadow-level-18, none)}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:var(--mat-app-elevation-shadow-level-19, none)}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:var(--mat-app-elevation-shadow-level-20, none)}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:var(--mat-app-elevation-shadow-level-21, none)}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:var(--mat-app-elevation-shadow-level-22, none)}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:var(--mat-app-elevation-shadow-level-23, none)}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:var(--mat-app-elevation-shadow-level-24, none)}html{--mat-ripple-color:rgba(0, 0, 0, 0.1)}html{--mat-option-selected-state-label-text-color:#673ab7;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}.mat-accent{--mat-option-selected-state-label-text-color:#ffd740;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}.mat-warn{--mat-option-selected-state-label-text-color:#f44336;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}html{--mat-optgroup-label-text-color:rgba(0, 0, 0, 0.87)}html{--mat-full-pseudo-checkbox-selected-icon-color:#ffd740;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0}html{--mat-minimal-pseudo-checkbox-selected-checkmark-color:#ffd740;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}.mat-primary{--mat-full-pseudo-checkbox-selected-icon-color:#673ab7;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0}.mat-primary{--mat-minimal-pseudo-checkbox-selected-checkmark-color:#673ab7;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}.mat-accent{--mat-full-pseudo-checkbox-selected-icon-color:#ffd740;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0}.mat-accent{--mat-minimal-pseudo-checkbox-selected-checkmark-color:#ffd740;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}.mat-warn{--mat-full-pseudo-checkbox-selected-icon-color:#f44336;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0}.mat-warn{--mat-minimal-pseudo-checkbox-selected-checkmark-color:#f44336;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}html{--mat-app-background-color:#fafafa;--mat-app-text-color:rgba(0, 0, 0, 0.87);--mat-app-elevation-shadow-level-0:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-1:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-2:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-3:0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-4:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-5:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-6:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-7:0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-8:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-9:0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-10:0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-11:0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-12:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-13:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-14:0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-15:0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-16:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-17:0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-18:0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-19:0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-20:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-21:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-22:0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-23:0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-24:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}html{--mat-option-label-text-font:Roboto, sans-serif;--mat-option-label-text-line-height:24px;--mat-option-label-text-size:16px;--mat-option-label-text-tracking:0.03125em;--mat-option-label-text-weight:400}html{--mat-optgroup-label-text-font:Roboto, sans-serif;--mat-optgroup-label-text-line-height:24px;--mat-optgroup-label-text-size:16px;--mat-optgroup-label-text-tracking:0.03125em;--mat-optgroup-label-text-weight:400}html{--mdc-elevated-card-container-shape:4px}html{--mdc-outlined-card-container-shape:4px;--mdc-outlined-card-outline-width:1px}html{--mdc-elevated-card-container-color:white;--mdc-elevated-card-container-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12)}html{--mdc-outlined-card-container-color:white;--mdc-outlined-card-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-card-container-elevation:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12)}html{--mat-card-subtitle-text-color:rgba(0, 0, 0, 0.54)}html{--mat-card-title-text-font:Roboto, sans-serif;--mat-card-title-text-line-height:32px;--mat-card-title-text-size:20px;--mat-card-title-text-tracking:0.0125em;--mat-card-title-text-weight:500;--mat-card-subtitle-text-font:Roboto, sans-serif;--mat-card-subtitle-text-line-height:22px;--mat-card-subtitle-text-size:14px;--mat-card-subtitle-text-tracking:0.0071428571em;--mat-card-subtitle-text-weight:500}html{--mdc-linear-progress-active-indicator-height:4px;--mdc-linear-progress-track-height:4px;--mdc-linear-progress-track-shape:0}.mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color:#673ab7;--mdc-linear-progress-track-color:rgba(103, 58, 183, 0.25)}.mat-mdc-progress-bar.mat-accent{--mdc-linear-progress-active-indicator-color:#ffd740;--mdc-linear-progress-track-color:rgba(255, 215, 64, 0.25)}.mat-mdc-progress-bar.mat-warn{--mdc-linear-progress-active-indicator-color:#f44336;--mdc-linear-progress-track-color:rgba(244, 67, 54, 0.25)}html{--mdc-plain-tooltip-container-shape:4px;--mdc-plain-tooltip-supporting-text-line-height:16px}html{--mdc-plain-tooltip-container-color:#616161;--mdc-plain-tooltip-supporting-text-color:#fff}html{--mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;--mdc-plain-tooltip-supporting-text-size:12px;--mdc-plain-tooltip-supporting-text-weight:400;--mdc-plain-tooltip-supporting-text-tracking:0.0333333333em}html{--mdc-filled-text-field-active-indicator-height:1px;--mdc-filled-text-field-focus-active-indicator-height:2px;--mdc-filled-text-field-container-shape:4px}html{--mdc-outlined-text-field-outline-width:1px;--mdc-outlined-text-field-focus-outline-width:2px;--mdc-outlined-text-field-container-shape:4px}html{--mdc-filled-text-field-caret-color:#673ab7;--mdc-filled-text-field-focus-active-indicator-color:#673ab7;--mdc-filled-text-field-focus-label-text-color:rgba(103, 58, 183, 0.87);--mdc-filled-text-field-container-color:rgb(244.8, 244.8, 244.8);--mdc-filled-text-field-disabled-container-color:rgb(249.9, 249.9, 249.9);--mdc-filled-text-field-label-text-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-text-field-input-text-color:rgba(0, 0, 0, 0.87);--mdc-filled-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-error-hover-label-text-color:#f44336;--mdc-filled-text-field-error-focus-label-text-color:#f44336;--mdc-filled-text-field-error-label-text-color:#f44336;--mdc-filled-text-field-error-caret-color:#f44336;--mdc-filled-text-field-active-indicator-color:rgba(0, 0, 0, 0.42);--mdc-filled-text-field-disabled-active-indicator-color:rgba(0, 0, 0, 0.06);--mdc-filled-text-field-hover-active-indicator-color:rgba(0, 0, 0, 0.87);--mdc-filled-text-field-error-active-indicator-color:#f44336;--mdc-filled-text-field-error-focus-active-indicator-color:#f44336;--mdc-filled-text-field-error-hover-active-indicator-color:#f44336}html{--mdc-outlined-text-field-caret-color:#673ab7;--mdc-outlined-text-field-focus-outline-color:#673ab7;--mdc-outlined-text-field-focus-label-text-color:rgba(103, 58, 183, 0.87);--mdc-outlined-text-field-label-text-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-input-text-color:rgba(0, 0, 0, 0.87);--mdc-outlined-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-error-caret-color:#f44336;--mdc-outlined-text-field-error-focus-label-text-color:#f44336;--mdc-outlined-text-field-error-label-text-color:#f44336;--mdc-outlined-text-field-error-hover-label-text-color:#f44336;--mdc-outlined-text-field-outline-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-disabled-outline-color:rgba(0, 0, 0, 0.06);--mdc-outlined-text-field-hover-outline-color:rgba(0, 0, 0, 0.87);--mdc-outlined-text-field-error-focus-outline-color:#f44336;--mdc-outlined-text-field-error-hover-outline-color:#f44336;--mdc-outlined-text-field-error-outline-color:#f44336}html{--mat-form-field-focus-select-arrow-color:rgba(103, 58, 183, 0.87);--mat-form-field-disabled-input-text-placeholder-color:rgba(0, 0, 0, 0.38);--mat-form-field-state-layer-color:rgba(0, 0, 0, 0.87);--mat-form-field-error-text-color:#f44336;--mat-form-field-select-option-text-color:inherit;--mat-form-field-select-disabled-option-text-color:GrayText;--mat-form-field-leading-icon-color:unset;--mat-form-field-disabled-leading-icon-color:unset;--mat-form-field-trailing-icon-color:unset;--mat-form-field-disabled-trailing-icon-color:unset;--mat-form-field-error-focus-trailing-icon-color:unset;--mat-form-field-error-hover-trailing-icon-color:unset;--mat-form-field-error-trailing-icon-color:unset;--mat-form-field-enabled-select-arrow-color:rgba(0, 0, 0, 0.54);--mat-form-field-disabled-select-arrow-color:rgba(0, 0, 0, 0.38);--mat-form-field-hover-state-layer-opacity:0.04;--mat-form-field-focus-state-layer-opacity:0.08}.mat-mdc-form-field.mat-accent{--mdc-filled-text-field-caret-color:#ffd740;--mdc-filled-text-field-focus-active-indicator-color:#ffd740;--mdc-filled-text-field-focus-label-text-color:rgba(255, 215, 64, 0.87)}.mat-mdc-form-field.mat-accent{--mdc-outlined-text-field-caret-color:#ffd740;--mdc-outlined-text-field-focus-outline-color:#ffd740;--mdc-outlined-text-field-focus-label-text-color:rgba(255, 215, 64, 0.87)}.mat-mdc-form-field.mat-accent{--mat-form-field-focus-select-arrow-color:rgba(255, 215, 64, 0.87)}.mat-mdc-form-field.mat-warn{--mdc-filled-text-field-caret-color:#f44336;--mdc-filled-text-field-focus-active-indicator-color:#f44336;--mdc-filled-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87)}.mat-mdc-form-field.mat-warn{--mdc-outlined-text-field-caret-color:#f44336;--mdc-outlined-text-field-focus-outline-color:#f44336;--mdc-outlined-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87)}.mat-mdc-form-field.mat-warn{--mat-form-field-focus-select-arrow-color:rgba(244, 67, 54, 0.87)}html{--mat-form-field-container-height:56px;--mat-form-field-filled-label-display:block;--mat-form-field-container-vertical-padding:16px;--mat-form-field-filled-with-label-container-padding-top:24px;--mat-form-field-filled-with-label-container-padding-bottom:8px}html{--mdc-filled-text-field-label-text-font:Roboto, sans-serif;--mdc-filled-text-field-label-text-size:16px;--mdc-filled-text-field-label-text-tracking:0.03125em;--mdc-filled-text-field-label-text-weight:400}html{--mdc-outlined-text-field-label-text-font:Roboto, sans-serif;--mdc-outlined-text-field-label-text-size:16px;--mdc-outlined-text-field-label-text-tracking:0.03125em;--mdc-outlined-text-field-label-text-weight:400}html{--mat-form-field-container-text-font:Roboto, sans-serif;--mat-form-field-container-text-line-height:24px;--mat-form-field-container-text-size:16px;--mat-form-field-container-text-tracking:0.03125em;--mat-form-field-container-text-weight:400;--mat-form-field-outlined-label-text-populated-size:16px;--mat-form-field-subscript-text-font:Roboto, sans-serif;--mat-form-field-subscript-text-line-height:20px;--mat-form-field-subscript-text-size:12px;--mat-form-field-subscript-text-tracking:0.0333333333em;--mat-form-field-subscript-text-weight:400}html{--mat-select-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(103, 58, 183, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html .mat-mdc-form-field.mat-accent{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(255, 215, 64, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html .mat-mdc-form-field.mat-warn{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(244, 67, 54, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html{--mat-select-arrow-transform:translateY(-8px)}html{--mat-select-trigger-text-font:Roboto, sans-serif;--mat-select-trigger-text-line-height:24px;--mat-select-trigger-text-size:16px;--mat-select-trigger-text-tracking:0.03125em;--mat-select-trigger-text-weight:400}html{--mat-autocomplete-container-shape:4px;--mat-autocomplete-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-autocomplete-background-color:white}html{--mdc-dialog-container-shape:4px}html{--mat-dialog-container-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);--mat-dialog-container-max-width:80vw;--mat-dialog-container-small-max-width:80vw;--mat-dialog-container-min-width:0;--mat-dialog-actions-alignment:start;--mat-dialog-actions-padding:8px;--mat-dialog-content-padding:20px 24px;--mat-dialog-with-actions-content-padding:20px 24px;--mat-dialog-headline-padding:0 24px 9px}html{--mdc-dialog-container-color:white;--mdc-dialog-subhead-color:rgba(0, 0, 0, 0.87);--mdc-dialog-supporting-text-color:rgba(0, 0, 0, 0.6)}html{--mdc-dialog-subhead-font:Roboto, sans-serif;--mdc-dialog-subhead-line-height:32px;--mdc-dialog-subhead-size:20px;--mdc-dialog-subhead-weight:500;--mdc-dialog-subhead-tracking:0.0125em;--mdc-dialog-supporting-text-font:Roboto, sans-serif;--mdc-dialog-supporting-text-line-height:24px;--mdc-dialog-supporting-text-size:16px;--mdc-dialog-supporting-text-weight:400;--mdc-dialog-supporting-text-tracking:0.03125em}.mat-mdc-standard-chip{--mdc-chip-container-shape-radius:16px;--mdc-chip-with-avatar-avatar-shape-radius:14px;--mdc-chip-with-avatar-avatar-size:28px;--mdc-chip-with-icon-icon-size:18px;--mdc-chip-outline-width:0;--mdc-chip-outline-color:transparent;--mdc-chip-disabled-outline-color:transparent;--mdc-chip-focus-outline-color:transparent;--mdc-chip-hover-state-layer-opacity:0.04;--mdc-chip-with-avatar-disabled-avatar-opacity:1;--mdc-chip-flat-selected-outline-width:0;--mdc-chip-selected-hover-state-layer-opacity:0.04;--mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity:1;--mdc-chip-with-icon-disabled-icon-opacity:1}.mat-mdc-standard-chip{--mat-chip-disabled-container-opacity:0.4;--mat-chip-trailing-action-opacity:0.54;--mat-chip-trailing-action-focus-opacity:1;--mat-chip-trailing-action-state-layer-color:transparent;--mat-chip-selected-trailing-action-state-layer-color:transparent;--mat-chip-trailing-action-hover-state-layer-opacity:0;--mat-chip-trailing-action-focus-state-layer-opacity:0}.mat-mdc-standard-chip{--mdc-chip-disabled-label-text-color:#212121;--mdc-chip-elevated-container-color:rgb(224.4, 224.4, 224.4);--mdc-chip-elevated-selected-container-color:rgb(224.4, 224.4, 224.4);--mdc-chip-elevated-disabled-container-color:rgb(224.4, 224.4, 224.4);--mdc-chip-flat-disabled-selected-container-color:rgb(224.4, 224.4, 224.4);--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:#212121;--mdc-chip-selected-label-text-color:#212121;--mdc-chip-with-icon-icon-color:#212121;--mdc-chip-with-icon-disabled-icon-color:#212121;--mdc-chip-with-icon-selected-icon-color:#212121;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#212121;--mdc-chip-with-trailing-icon-trailing-icon-color:#212121}.mat-mdc-standard-chip{--mat-chip-selected-disabled-trailing-icon-color:#212121;--mat-chip-selected-trailing-icon-color:#212121}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#673ab7;--mdc-chip-elevated-selected-container-color:#673ab7;--mdc-chip-elevated-disabled-container-color:#673ab7;--mdc-chip-flat-disabled-selected-container-color:#673ab7;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-selected-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary{--mat-chip-selected-disabled-trailing-icon-color:white;--mat-chip-selected-trailing-icon-color:white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent{--mdc-chip-disabled-label-text-color:rgba(0, 0, 0, 0.87);--mdc-chip-elevated-container-color:#ffd740;--mdc-chip-elevated-selected-container-color:#ffd740;--mdc-chip-elevated-disabled-container-color:#ffd740;--mdc-chip-flat-disabled-selected-container-color:#ffd740;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:rgba(0, 0, 0, 0.87);--mdc-chip-selected-label-text-color:rgba(0, 0, 0, 0.87);--mdc-chip-with-icon-icon-color:rgba(0, 0, 0, 0.87);--mdc-chip-with-icon-disabled-icon-color:rgba(0, 0, 0, 0.87);--mdc-chip-with-icon-selected-icon-color:rgba(0, 0, 0, 0.87);--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:rgba(0, 0, 0, 0.87);--mdc-chip-with-trailing-icon-trailing-icon-color:rgba(0, 0, 0, 0.87)}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent{--mat-chip-selected-disabled-trailing-icon-color:rgba(0, 0, 0, 0.87);--mat-chip-selected-trailing-icon-color:rgba(0, 0, 0, 0.87)}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#f44336;--mdc-chip-elevated-selected-container-color:#f44336;--mdc-chip-elevated-disabled-container-color:#f44336;--mdc-chip-flat-disabled-selected-container-color:#f44336;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-selected-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn{--mat-chip-selected-disabled-trailing-icon-color:white;--mat-chip-selected-trailing-icon-color:white}.mat-mdc-chip.mat-mdc-standard-chip{--mdc-chip-container-height:32px}.mat-mdc-standard-chip{--mdc-chip-label-text-font:Roboto, sans-serif;--mdc-chip-label-text-line-height:20px;--mdc-chip-label-text-size:14px;--mdc-chip-label-text-tracking:0.0178571429em;--mdc-chip-label-text-weight:400}html{--mdc-switch-disabled-selected-icon-opacity:0.38;--mdc-switch-disabled-track-opacity:0.12;--mdc-switch-disabled-unselected-icon-opacity:0.38;--mdc-switch-handle-height:20px;--mdc-switch-handle-shape:10px;--mdc-switch-handle-width:20px;--mdc-switch-selected-icon-size:18px;--mdc-switch-track-height:14px;--mdc-switch-track-shape:7px;--mdc-switch-track-width:36px;--mdc-switch-unselected-icon-size:18px;--mdc-switch-selected-focus-state-layer-opacity:0.12;--mdc-switch-selected-hover-state-layer-opacity:0.04;--mdc-switch-selected-pressed-state-layer-opacity:0.1;--mdc-switch-unselected-focus-state-layer-opacity:0.12;--mdc-switch-unselected-hover-state-layer-opacity:0.04;--mdc-switch-unselected-pressed-state-layer-opacity:0.1}html .mat-mdc-slide-toggle{--mat-switch-disabled-selected-handle-opacity:0.38;--mat-switch-disabled-unselected-handle-opacity:0.38;--mat-switch-unselected-handle-size:20px;--mat-switch-selected-handle-size:20px;--mat-switch-pressed-handle-size:20px;--mat-switch-with-icon-handle-size:20px;--mat-switch-selected-handle-horizontal-margin:0;--mat-switch-selected-with-icon-handle-horizontal-margin:0;--mat-switch-selected-pressed-handle-horizontal-margin:0;--mat-switch-unselected-handle-horizontal-margin:0;--mat-switch-unselected-with-icon-handle-horizontal-margin:0;--mat-switch-unselected-pressed-handle-horizontal-margin:0;--mat-switch-visible-track-opacity:1;--mat-switch-hidden-track-opacity:1;--mat-switch-visible-track-transition:transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);--mat-switch-hidden-track-transition:transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);--mat-switch-track-outline-width:1px;--mat-switch-track-outline-color:transparent;--mat-switch-selected-track-outline-width:1px;--mat-switch-selected-track-outline-color:transparent;--mat-switch-disabled-unselected-track-outline-width:1px;--mat-switch-disabled-unselected-track-outline-color:transparent}html{--mdc-switch-selected-focus-state-layer-color:#5e35b1;--mdc-switch-selected-handle-color:#5e35b1;--mdc-switch-selected-hover-state-layer-color:#5e35b1;--mdc-switch-selected-pressed-state-layer-color:#5e35b1;--mdc-switch-selected-focus-handle-color:#311b92;--mdc-switch-selected-hover-handle-color:#311b92;--mdc-switch-selected-pressed-handle-color:#311b92;--mdc-switch-selected-focus-track-color:#9575cd;--mdc-switch-selected-hover-track-color:#9575cd;--mdc-switch-selected-pressed-track-color:#9575cd;--mdc-switch-selected-track-color:#9575cd;--mdc-switch-disabled-selected-handle-color:#424242;--mdc-switch-disabled-selected-icon-color:#fff;--mdc-switch-disabled-selected-track-color:#424242;--mdc-switch-disabled-unselected-handle-color:#424242;--mdc-switch-disabled-unselected-icon-color:#fff;--mdc-switch-disabled-unselected-track-color:#424242;--mdc-switch-handle-surface-color:#fff;--mdc-switch-selected-icon-color:#fff;--mdc-switch-unselected-focus-handle-color:#212121;--mdc-switch-unselected-focus-state-layer-color:#424242;--mdc-switch-unselected-focus-track-color:#e0e0e0;--mdc-switch-unselected-handle-color:#616161;--mdc-switch-unselected-hover-handle-color:#212121;--mdc-switch-unselected-hover-state-layer-color:#424242;--mdc-switch-unselected-hover-track-color:#e0e0e0;--mdc-switch-unselected-icon-color:#fff;--mdc-switch-unselected-pressed-handle-color:#212121;--mdc-switch-unselected-pressed-state-layer-color:#424242;--mdc-switch-unselected-pressed-track-color:#e0e0e0;--mdc-switch-unselected-track-color:#e0e0e0;--mdc-switch-handle-elevation-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mdc-switch-disabled-handle-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12)}html{--mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38)}html .mat-mdc-slide-toggle{--mat-switch-label-text-color:rgba(0, 0, 0, 0.87)}html .mat-mdc-slide-toggle.mat-accent{--mdc-switch-selected-focus-state-layer-color:#ffb300;--mdc-switch-selected-handle-color:#ffb300;--mdc-switch-selected-hover-state-layer-color:#ffb300;--mdc-switch-selected-pressed-state-layer-color:#ffb300;--mdc-switch-selected-focus-handle-color:#ff6f00;--mdc-switch-selected-hover-handle-color:#ff6f00;--mdc-switch-selected-pressed-handle-color:#ff6f00;--mdc-switch-selected-focus-track-color:#ffd54f;--mdc-switch-selected-hover-track-color:#ffd54f;--mdc-switch-selected-pressed-track-color:#ffd54f;--mdc-switch-selected-track-color:#ffd54f}html .mat-mdc-slide-toggle.mat-warn{--mdc-switch-selected-focus-state-layer-color:#e53935;--mdc-switch-selected-handle-color:#e53935;--mdc-switch-selected-hover-state-layer-color:#e53935;--mdc-switch-selected-pressed-state-layer-color:#e53935;--mdc-switch-selected-focus-handle-color:#b71c1c;--mdc-switch-selected-hover-handle-color:#b71c1c;--mdc-switch-selected-pressed-handle-color:#b71c1c;--mdc-switch-selected-focus-track-color:#e57373;--mdc-switch-selected-hover-track-color:#e57373;--mdc-switch-selected-pressed-track-color:#e57373;--mdc-switch-selected-track-color:#e57373}html{--mdc-switch-state-layer-size:40px}html .mat-mdc-slide-toggle{--mat-switch-label-text-font:Roboto, sans-serif;--mat-switch-label-text-line-height:20px;--mat-switch-label-text-size:14px;--mat-switch-label-text-tracking:0.0178571429em;--mat-switch-label-text-weight:400}html{--mdc-radio-disabled-selected-icon-opacity:0.38;--mdc-radio-disabled-unselected-icon-opacity:0.38;--mdc-radio-state-layer-size:40px}.mat-mdc-radio-button.mat-primary{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#673ab7;--mdc-radio-selected-hover-icon-color:#673ab7;--mdc-radio-selected-icon-color:#673ab7;--mdc-radio-selected-pressed-icon-color:#673ab7}.mat-mdc-radio-button.mat-primary{--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#673ab7;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);--mat-radio-label-text-color:rgba(0, 0, 0, 0.87)}.mat-mdc-radio-button.mat-accent{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ffd740;--mdc-radio-selected-hover-icon-color:#ffd740;--mdc-radio-selected-icon-color:#ffd740;--mdc-radio-selected-pressed-icon-color:#ffd740}.mat-mdc-radio-button.mat-accent{--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#ffd740;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);--mat-radio-label-text-color:rgba(0, 0, 0, 0.87)}.mat-mdc-radio-button.mat-warn{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336}.mat-mdc-radio-button.mat-warn{--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#f44336;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);--mat-radio-label-text-color:rgba(0, 0, 0, 0.87)}html{--mdc-radio-state-layer-size:40px}html{--mat-radio-touch-target-display:block}html{--mat-radio-label-text-font:Roboto, sans-serif;--mat-radio-label-text-line-height:20px;--mat-radio-label-text-size:14px;--mat-radio-label-text-tracking:0.0178571429em;--mat-radio-label-text-weight:400}html{--mdc-slider-active-track-height:6px;--mdc-slider-active-track-shape:9999px;--mdc-slider-handle-height:20px;--mdc-slider-handle-shape:50%;--mdc-slider-handle-width:20px;--mdc-slider-inactive-track-height:4px;--mdc-slider-inactive-track-shape:9999px;--mdc-slider-with-overlap-handle-outline-width:1px;--mdc-slider-with-tick-marks-active-container-opacity:0.6;--mdc-slider-with-tick-marks-container-shape:50%;--mdc-slider-with-tick-marks-container-size:2px;--mdc-slider-with-tick-marks-inactive-container-opacity:0.6;--mdc-slider-handle-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12)}html{--mat-slider-value-indicator-width:auto;--mat-slider-value-indicator-height:32px;--mat-slider-value-indicator-caret-display:block;--mat-slider-value-indicator-border-radius:4px;--mat-slider-value-indicator-padding:0 12px;--mat-slider-value-indicator-text-transform:none;--mat-slider-value-indicator-container-transform:translateX(-50%)}html{--mdc-slider-handle-color:#673ab7;--mdc-slider-focus-handle-color:#673ab7;--mdc-slider-hover-handle-color:#673ab7;--mdc-slider-active-track-color:#673ab7;--mdc-slider-inactive-track-color:#673ab7;--mdc-slider-with-tick-marks-inactive-container-color:#673ab7;--mdc-slider-with-tick-marks-active-container-color:white;--mdc-slider-disabled-active-track-color:#000;--mdc-slider-disabled-handle-color:#000;--mdc-slider-disabled-inactive-track-color:#000;--mdc-slider-label-container-color:#000;--mdc-slider-label-label-text-color:#fff;--mdc-slider-with-overlap-handle-outline-color:#fff;--mdc-slider-with-tick-marks-disabled-container-color:#000}html{--mat-slider-ripple-color:#673ab7;--mat-slider-hover-state-layer-color:rgba(103, 58, 183, 0.05);--mat-slider-focus-state-layer-color:rgba(103, 58, 183, 0.2);--mat-slider-value-indicator-opacity:0.6}html .mat-accent{--mdc-slider-handle-color:#ffd740;--mdc-slider-focus-handle-color:#ffd740;--mdc-slider-hover-handle-color:#ffd740;--mdc-slider-active-track-color:#ffd740;--mdc-slider-inactive-track-color:#ffd740;--mdc-slider-with-tick-marks-inactive-container-color:#ffd740;--mdc-slider-with-tick-marks-active-container-color:rgba(0, 0, 0, 0.87)}html .mat-accent{--mat-slider-ripple-color:#ffd740;--mat-slider-hover-state-layer-color:rgba(255, 215, 64, 0.05);--mat-slider-focus-state-layer-color:rgba(255, 215, 64, 0.2)}html .mat-warn{--mdc-slider-handle-color:#f44336;--mdc-slider-focus-handle-color:#f44336;--mdc-slider-hover-handle-color:#f44336;--mdc-slider-active-track-color:#f44336;--mdc-slider-inactive-track-color:#f44336;--mdc-slider-with-tick-marks-inactive-container-color:#f44336;--mdc-slider-with-tick-marks-active-container-color:white}html .mat-warn{--mat-slider-ripple-color:#f44336;--mat-slider-hover-state-layer-color:rgba(244, 67, 54, 0.05);--mat-slider-focus-state-layer-color:rgba(244, 67, 54, 0.2)}html{--mdc-slider-label-label-text-font:Roboto, sans-serif;--mdc-slider-label-label-text-size:14px;--mdc-slider-label-label-text-line-height:22px;--mdc-slider-label-label-text-tracking:0.0071428571em;--mdc-slider-label-label-text-weight:500}html{--mat-menu-container-shape:4px;--mat-menu-divider-bottom-spacing:0;--mat-menu-divider-top-spacing:0;--mat-menu-item-spacing:16px;--mat-menu-item-icon-size:24px;--mat-menu-item-leading-spacing:16px;--mat-menu-item-trailing-spacing:16px;--mat-menu-item-with-icon-leading-spacing:16px;--mat-menu-item-with-icon-trailing-spacing:16px;--mat-menu-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-menu-item-label-text-color:rgba(0, 0, 0, 0.87);--mat-menu-item-icon-color:rgba(0, 0, 0, 0.87);--mat-menu-item-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-menu-item-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-menu-container-color:white;--mat-menu-divider-color:rgba(0, 0, 0, 0.12)}html{--mat-menu-item-label-text-font:Roboto, sans-serif;--mat-menu-item-label-text-size:16px;--mat-menu-item-label-text-tracking:0.03125em;--mat-menu-item-label-text-line-height:24px;--mat-menu-item-label-text-weight:400}html{--mdc-list-list-item-container-shape:0;--mdc-list-list-item-leading-avatar-shape:50%;--mdc-list-list-item-container-color:transparent;--mdc-list-list-item-selected-container-color:transparent;--mdc-list-list-item-leading-avatar-color:transparent;--mdc-list-list-item-leading-icon-size:24px;--mdc-list-list-item-leading-avatar-size:40px;--mdc-list-list-item-trailing-icon-size:24px;--mdc-list-list-item-disabled-state-layer-color:transparent;--mdc-list-list-item-disabled-state-layer-opacity:0;--mdc-list-list-item-disabled-label-text-opacity:0.38;--mdc-list-list-item-disabled-leading-icon-opacity:0.38;--mdc-list-list-item-disabled-trailing-icon-opacity:0.38}html{--mat-list-active-indicator-color:transparent;--mat-list-active-indicator-shape:4px}html{--mdc-list-list-item-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-supporting-text-color:rgba(0, 0, 0, 0.54);--mdc-list-list-item-leading-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-trailing-supporting-text-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-selected-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-disabled-label-text-color:black;--mdc-list-list-item-disabled-leading-icon-color:black;--mdc-list-list-item-disabled-trailing-icon-color:black;--mdc-list-list-item-hover-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-hover-leading-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-hover-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-focus-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-hover-state-layer-color:black;--mdc-list-list-item-hover-state-layer-opacity:0.04;--mdc-list-list-item-focus-state-layer-color:black;--mdc-list-list-item-focus-state-layer-opacity:0.12}.mdc-list-item__start,.mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#673ab7;--mdc-radio-selected-hover-icon-color:#673ab7;--mdc-radio-selected-icon-color:#673ab7;--mdc-radio-selected-pressed-icon-color:#673ab7}.mat-accent .mdc-list-item__start,.mat-accent .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ffd740;--mdc-radio-selected-hover-icon-color:#ffd740;--mdc-radio-selected-icon-color:#ffd740;--mdc-radio-selected-pressed-icon-color:#ffd740}.mat-warn .mdc-list-item__start,.mat-warn .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336}.mat-mdc-list-option{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#673ab7;--mdc-checkbox-selected-hover-icon-color:#673ab7;--mdc-checkbox-selected-icon-color:#673ab7;--mdc-checkbox-selected-pressed-icon-color:#673ab7;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#673ab7;--mdc-checkbox-selected-hover-state-layer-color:#673ab7;--mdc-checkbox-selected-pressed-state-layer-color:#673ab7;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-option.mat-accent{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:black;--mdc-checkbox-selected-focus-icon-color:#ffd740;--mdc-checkbox-selected-hover-icon-color:#ffd740;--mdc-checkbox-selected-icon-color:#ffd740;--mdc-checkbox-selected-pressed-icon-color:#ffd740;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#ffd740;--mdc-checkbox-selected-hover-state-layer-color:#ffd740;--mdc-checkbox-selected-pressed-state-layer-color:#ffd740;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-option.mat-warn{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#f44336;--mdc-checkbox-selected-hover-state-layer-color:#f44336;--mdc-checkbox-selected-pressed-state-layer-color:#f44336;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start{color:#673ab7}.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end{opacity:1}html{--mdc-list-list-item-one-line-container-height:48px;--mdc-list-list-item-two-line-container-height:64px;--mdc-list-list-item-three-line-container-height:88px}html{--mat-list-list-item-leading-icon-start-space:16px;--mat-list-list-item-leading-icon-end-space:32px}.mdc-list-item__start,.mdc-list-item__end{--mdc-radio-state-layer-size:40px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line{height:56px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines{height:72px}html{--mdc-list-list-item-label-text-font:Roboto, sans-serif;--mdc-list-list-item-label-text-line-height:24px;--mdc-list-list-item-label-text-size:16px;--mdc-list-list-item-label-text-tracking:0.03125em;--mdc-list-list-item-label-text-weight:400;--mdc-list-list-item-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-supporting-text-line-height:20px;--mdc-list-list-item-supporting-text-size:14px;--mdc-list-list-item-supporting-text-tracking:0.0178571429em;--mdc-list-list-item-supporting-text-weight:400;--mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-trailing-supporting-text-line-height:20px;--mdc-list-list-item-trailing-supporting-text-size:12px;--mdc-list-list-item-trailing-supporting-text-tracking:0.0333333333em;--mdc-list-list-item-trailing-supporting-text-weight:400}.mdc-list-group__subheader{font:400 16px/28px Roboto, sans-serif;letter-spacing:.009375em}html{--mat-paginator-container-text-color:rgba(0, 0, 0, 0.87);--mat-paginator-container-background-color:white;--mat-paginator-enabled-icon-color:rgba(0, 0, 0, 0.54);--mat-paginator-disabled-icon-color:rgba(0, 0, 0, 0.12)}html{--mat-paginator-container-size:56px;--mat-paginator-form-field-container-height:40px;--mat-paginator-form-field-container-vertical-padding:8px;--mat-paginator-touch-target-display:block}html{--mat-paginator-container-text-font:Roboto, sans-serif;--mat-paginator-container-text-line-height:20px;--mat-paginator-container-text-size:12px;--mat-paginator-container-text-tracking:0.0333333333em;--mat-paginator-container-text-weight:400;--mat-paginator-select-trigger-text-size:12px}html{--mdc-secondary-navigation-tab-container-height:48px}html{--mdc-tab-indicator-active-indicator-height:2px;--mdc-tab-indicator-active-indicator-shape:0}html{--mat-tab-header-divider-color:transparent;--mat-tab-header-divider-height:0}.mat-mdc-tab-group,.mat-mdc-tab-nav-bar{--mdc-tab-indicator-active-indicator-color:#673ab7}.mat-mdc-tab-group,.mat-mdc-tab-nav-bar{--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#673ab7;--mat-tab-header-active-ripple-color:#673ab7;--mat-tab-header-inactive-ripple-color:#673ab7;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#673ab7;--mat-tab-header-active-hover-label-text-color:#673ab7;--mat-tab-header-active-focus-indicator-color:#673ab7;--mat-tab-header-active-hover-indicator-color:#673ab7}.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent{--mdc-tab-indicator-active-indicator-color:#ffd740}.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent{--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#ffd740;--mat-tab-header-active-ripple-color:#ffd740;--mat-tab-header-inactive-ripple-color:#ffd740;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#ffd740;--mat-tab-header-active-hover-label-text-color:#ffd740;--mat-tab-header-active-focus-indicator-color:#ffd740;--mat-tab-header-active-hover-indicator-color:#ffd740}.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn{--mdc-tab-indicator-active-indicator-color:#f44336}.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn{--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#f44336;--mat-tab-header-active-ripple-color:#f44336;--mat-tab-header-inactive-ripple-color:#f44336;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#f44336;--mat-tab-header-active-hover-label-text-color:#f44336;--mat-tab-header-active-focus-indicator-color:#f44336;--mat-tab-header-active-hover-indicator-color:#f44336}.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary{--mat-tab-header-with-background-background-color:#673ab7;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent{--mat-tab-header-with-background-background-color:#ffd740;--mat-tab-header-with-background-foreground-color:rgba(0, 0, 0, 0.87)}.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn{--mat-tab-header-with-background-background-color:#f44336;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-header{--mdc-secondary-navigation-tab-container-height:48px}.mat-mdc-tab-header{--mat-tab-header-label-text-font:Roboto, sans-serif;--mat-tab-header-label-text-size:14px;--mat-tab-header-label-text-tracking:0.0892857143em;--mat-tab-header-label-text-line-height:36px;--mat-tab-header-label-text-weight:500}html{--mdc-checkbox-disabled-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-state-layer-opacity:0.16;--mdc-checkbox-selected-hover-state-layer-opacity:0.04;--mdc-checkbox-selected-pressed-state-layer-opacity:0.16;--mdc-checkbox-unselected-focus-state-layer-opacity:0.16;--mdc-checkbox-unselected-hover-state-layer-opacity:0.04;--mdc-checkbox-unselected-pressed-state-layer-opacity:0.16}html{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:black;--mdc-checkbox-selected-focus-icon-color:#ffd740;--mdc-checkbox-selected-hover-icon-color:#ffd740;--mdc-checkbox-selected-icon-color:#ffd740;--mdc-checkbox-selected-pressed-icon-color:#ffd740;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#ffd740;--mdc-checkbox-selected-hover-state-layer-color:#ffd740;--mdc-checkbox-selected-pressed-state-layer-color:#ffd740;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}html{--mat-checkbox-disabled-label-color:rgba(0, 0, 0, 0.38);--mat-checkbox-label-text-color:rgba(0, 0, 0, 0.87)}.mat-mdc-checkbox.mat-primary{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#673ab7;--mdc-checkbox-selected-hover-icon-color:#673ab7;--mdc-checkbox-selected-icon-color:#673ab7;--mdc-checkbox-selected-pressed-icon-color:#673ab7;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#673ab7;--mdc-checkbox-selected-hover-state-layer-color:#673ab7;--mdc-checkbox-selected-pressed-state-layer-color:#673ab7;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-checkbox.mat-warn{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#f44336;--mdc-checkbox-selected-hover-state-layer-color:#f44336;--mdc-checkbox-selected-pressed-state-layer-color:#f44336;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}html{--mdc-checkbox-state-layer-size:40px}html{--mat-checkbox-touch-target-display:block}html{--mat-checkbox-label-text-font:Roboto, sans-serif;--mat-checkbox-label-text-line-height:20px;--mat-checkbox-label-text-size:14px;--mat-checkbox-label-text-tracking:0.0178571429em;--mat-checkbox-label-text-weight:400}html{--mdc-text-button-container-shape:4px;--mdc-text-button-keep-touch-target:false}html{--mdc-filled-button-container-shape:4px;--mdc-filled-button-keep-touch-target:false}html{--mdc-protected-button-container-shape:4px;--mdc-protected-button-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-disabled-container-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-focus-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-hover-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-pressed-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mdc-outlined-button-keep-touch-target:false;--mdc-outlined-button-outline-width:1px;--mdc-outlined-button-container-shape:4px}html{--mat-text-button-horizontal-padding:8px;--mat-text-button-with-icon-horizontal-padding:8px;--mat-text-button-icon-spacing:8px;--mat-text-button-icon-offset:0}html{--mat-filled-button-horizontal-padding:16px;--mat-filled-button-icon-spacing:8px;--mat-filled-button-icon-offset:-4px}html{--mat-protected-button-horizontal-padding:16px;--mat-protected-button-icon-spacing:8px;--mat-protected-button-icon-offset:-4px}html{--mat-outlined-button-horizontal-padding:15px;--mat-outlined-button-icon-spacing:8px;--mat-outlined-button-icon-offset:-4px}html{--mdc-text-button-label-text-color:black;--mdc-text-button-disabled-label-text-color:rgba(0, 0, 0, 0.38)}html{--mat-text-button-state-layer-color:black;--mat-text-button-disabled-state-layer-color:black;--mat-text-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-text-button-hover-state-layer-opacity:0.04;--mat-text-button-focus-state-layer-opacity:0.12;--mat-text-button-pressed-state-layer-opacity:0.12}html{--mdc-filled-button-container-color:white;--mdc-filled-button-label-text-color:black;--mdc-filled-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-filled-button-disabled-label-text-color:rgba(0, 0, 0, 0.38)}html{--mat-filled-button-state-layer-color:black;--mat-filled-button-disabled-state-layer-color:black;--mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-filled-button-hover-state-layer-opacity:0.04;--mat-filled-button-focus-state-layer-opacity:0.12;--mat-filled-button-pressed-state-layer-opacity:0.12}html{--mdc-protected-button-container-color:white;--mdc-protected-button-label-text-color:black;--mdc-protected-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-protected-button-disabled-label-text-color:rgba(0, 0, 0, 0.38)}html{--mat-protected-button-state-layer-color:black;--mat-protected-button-disabled-state-layer-color:black;--mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-protected-button-hover-state-layer-opacity:0.04;--mat-protected-button-focus-state-layer-opacity:0.12;--mat-protected-button-pressed-state-layer-opacity:0.12}html{--mdc-outlined-button-disabled-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-button-label-text-color:black;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12)}html{--mat-outlined-button-state-layer-color:black;--mat-outlined-button-disabled-state-layer-color:black;--mat-outlined-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-outlined-button-hover-state-layer-opacity:0.04;--mat-outlined-button-focus-state-layer-opacity:0.12;--mat-outlined-button-pressed-state-layer-opacity:0.12}.mat-mdc-button.mat-primary{--mdc-text-button-label-text-color:#673ab7}.mat-mdc-button.mat-primary{--mat-text-button-state-layer-color:#673ab7;--mat-text-button-ripple-color:rgba(103, 58, 183, 0.1)}.mat-mdc-button.mat-accent{--mdc-text-button-label-text-color:#ffd740}.mat-mdc-button.mat-accent{--mat-text-button-state-layer-color:#ffd740;--mat-text-button-ripple-color:rgba(255, 215, 64, 0.1)}.mat-mdc-button.mat-warn{--mdc-text-button-label-text-color:#f44336}.mat-mdc-button.mat-warn{--mat-text-button-state-layer-color:#f44336;--mat-text-button-ripple-color:rgba(244, 67, 54, 0.1)}.mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color:#673ab7;--mdc-filled-button-label-text-color:white}.mat-mdc-unelevated-button.mat-primary{--mat-filled-button-state-layer-color:white;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-unelevated-button.mat-accent{--mdc-filled-button-container-color:#ffd740;--mdc-filled-button-label-text-color:black}.mat-mdc-unelevated-button.mat-accent{--mat-filled-button-state-layer-color:black;--mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1)}.mat-mdc-unelevated-button.mat-warn{--mdc-filled-button-container-color:#f44336;--mdc-filled-button-label-text-color:white}.mat-mdc-unelevated-button.mat-warn{--mat-filled-button-state-layer-color:white;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-primary{--mdc-protected-button-container-color:#673ab7;--mdc-protected-button-label-text-color:white}.mat-mdc-raised-button.mat-primary{--mat-protected-button-state-layer-color:white;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-accent{--mdc-protected-button-container-color:#ffd740;--mdc-protected-button-label-text-color:black}.mat-mdc-raised-button.mat-accent{--mat-protected-button-state-layer-color:black;--mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1)}.mat-mdc-raised-button.mat-warn{--mdc-protected-button-container-color:#f44336;--mdc-protected-button-label-text-color:white}.mat-mdc-raised-button.mat-warn{--mat-protected-button-state-layer-color:white;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-outlined-button.mat-primary{--mdc-outlined-button-label-text-color:#673ab7;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12)}.mat-mdc-outlined-button.mat-primary{--mat-outlined-button-state-layer-color:#673ab7;--mat-outlined-button-ripple-color:rgba(103, 58, 183, 0.1)}.mat-mdc-outlined-button.mat-accent{--mdc-outlined-button-label-text-color:#ffd740;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12)}.mat-mdc-outlined-button.mat-accent{--mat-outlined-button-state-layer-color:#ffd740;--mat-outlined-button-ripple-color:rgba(255, 215, 64, 0.1)}.mat-mdc-outlined-button.mat-warn{--mdc-outlined-button-label-text-color:#f44336;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12)}.mat-mdc-outlined-button.mat-warn{--mat-outlined-button-state-layer-color:#f44336;--mat-outlined-button-ripple-color:rgba(244, 67, 54, 0.1)}html{--mdc-text-button-container-height:36px}html{--mdc-filled-button-container-height:36px}html{--mdc-protected-button-container-height:36px}html{--mdc-outlined-button-container-height:36px}html{--mat-text-button-touch-target-display:block}html{--mat-filled-button-touch-target-display:block}html{--mat-protected-button-touch-target-display:block}html{--mat-outlined-button-touch-target-display:block}html{--mdc-text-button-label-text-font:Roboto, sans-serif;--mdc-text-button-label-text-size:14px;--mdc-text-button-label-text-tracking:0.0892857143em;--mdc-text-button-label-text-weight:500;--mdc-text-button-label-text-transform:none}html{--mdc-filled-button-label-text-font:Roboto, sans-serif;--mdc-filled-button-label-text-size:14px;--mdc-filled-button-label-text-tracking:0.0892857143em;--mdc-filled-button-label-text-weight:500;--mdc-filled-button-label-text-transform:none}html{--mdc-protected-button-label-text-font:Roboto, sans-serif;--mdc-protected-button-label-text-size:14px;--mdc-protected-button-label-text-tracking:0.0892857143em;--mdc-protected-button-label-text-weight:500;--mdc-protected-button-label-text-transform:none}html{--mdc-outlined-button-label-text-font:Roboto, sans-serif;--mdc-outlined-button-label-text-size:14px;--mdc-outlined-button-label-text-tracking:0.0892857143em;--mdc-outlined-button-label-text-weight:500;--mdc-outlined-button-label-text-transform:none}html{--mdc-icon-button-icon-size:24px}html{--mdc-icon-button-icon-color:inherit;--mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38)}html{--mat-icon-button-state-layer-color:black;--mat-icon-button-disabled-state-layer-color:black;--mat-icon-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-icon-button-hover-state-layer-opacity:0.04;--mat-icon-button-focus-state-layer-opacity:0.12;--mat-icon-button-pressed-state-layer-opacity:0.12}html .mat-mdc-icon-button.mat-primary{--mdc-icon-button-icon-color:#673ab7}html .mat-mdc-icon-button.mat-primary{--mat-icon-button-state-layer-color:#673ab7;--mat-icon-button-ripple-color:rgba(103, 58, 183, 0.1)}html .mat-mdc-icon-button.mat-accent{--mdc-icon-button-icon-color:#ffd740}html .mat-mdc-icon-button.mat-accent{--mat-icon-button-state-layer-color:#ffd740;--mat-icon-button-ripple-color:rgba(255, 215, 64, 0.1)}html .mat-mdc-icon-button.mat-warn{--mdc-icon-button-icon-color:#f44336}html .mat-mdc-icon-button.mat-warn{--mat-icon-button-state-layer-color:#f44336;--mat-icon-button-ripple-color:rgba(244, 67, 54, 0.1)}html{--mat-icon-button-touch-target-display:block}.mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size: 48px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:12px}html{--mdc-fab-container-shape:50%;--mdc-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)}html{--mdc-fab-small-container-shape:50%;--mdc-fab-small-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-fab-small-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-small-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-small-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)}html{--mdc-extended-fab-container-height:48px;--mdc-extended-fab-container-shape:24px;--mdc-extended-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-extended-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-extended-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-extended-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)}html{--mdc-fab-container-color:white}html{--mat-fab-foreground-color:black;--mat-fab-state-layer-color:black;--mat-fab-disabled-state-layer-color:black;--mat-fab-ripple-color:rgba(0, 0, 0, 0.1);--mat-fab-hover-state-layer-opacity:0.04;--mat-fab-focus-state-layer-opacity:0.12;--mat-fab-pressed-state-layer-opacity:0.12;--mat-fab-disabled-state-container-color:rgba(0, 0, 0, 0.12);--mat-fab-disabled-state-foreground-color:rgba(0, 0, 0, 0.38)}html{--mdc-fab-small-container-color:white}html{--mat-fab-small-foreground-color:black;--mat-fab-small-state-layer-color:black;--mat-fab-small-disabled-state-layer-color:black;--mat-fab-small-ripple-color:rgba(0, 0, 0, 0.1);--mat-fab-small-hover-state-layer-opacity:0.04;--mat-fab-small-focus-state-layer-opacity:0.12;--mat-fab-small-pressed-state-layer-opacity:0.12;--mat-fab-small-disabled-state-container-color:rgba(0, 0, 0, 0.12);--mat-fab-small-disabled-state-foreground-color:rgba(0, 0, 0, 0.38)}html .mat-mdc-fab.mat-primary{--mdc-fab-container-color:#673ab7}html .mat-mdc-fab.mat-primary{--mat-fab-foreground-color:white;--mat-fab-state-layer-color:white;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-fab.mat-accent{--mdc-fab-container-color:#ffd740}html .mat-mdc-fab.mat-accent{--mat-fab-foreground-color:black;--mat-fab-state-layer-color:black;--mat-fab-ripple-color:rgba(0, 0, 0, 0.1)}html .mat-mdc-fab.mat-warn{--mdc-fab-container-color:#f44336}html .mat-mdc-fab.mat-warn{--mat-fab-foreground-color:white;--mat-fab-state-layer-color:white;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-mini-fab.mat-primary{--mdc-fab-small-container-color:#673ab7}html .mat-mdc-mini-fab.mat-primary{--mat-fab-small-foreground-color:white;--mat-fab-small-state-layer-color:white;--mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-mini-fab.mat-accent{--mdc-fab-small-container-color:#ffd740}html .mat-mdc-mini-fab.mat-accent{--mat-fab-small-foreground-color:black;--mat-fab-small-state-layer-color:black;--mat-fab-small-ripple-color:rgba(0, 0, 0, 0.1)}html .mat-mdc-mini-fab.mat-warn{--mdc-fab-small-container-color:#f44336}html .mat-mdc-mini-fab.mat-warn{--mat-fab-small-foreground-color:white;--mat-fab-small-state-layer-color:white;--mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1)}html{--mat-fab-touch-target-display:block}html{--mat-fab-small-touch-target-display:block}html{--mdc-extended-fab-label-text-font:Roboto, sans-serif;--mdc-extended-fab-label-text-size:14px;--mdc-extended-fab-label-text-tracking:0.0892857143em;--mdc-extended-fab-label-text-weight:500}html{--mdc-snackbar-container-shape:4px}html{--mdc-snackbar-container-color:#333333;--mdc-snackbar-supporting-text-color:rgba(255, 255, 255, 0.87)}html{--mat-snack-bar-button-color:#d1c4e9}html{--mdc-snackbar-supporting-text-font:Roboto, sans-serif;--mdc-snackbar-supporting-text-line-height:20px;--mdc-snackbar-supporting-text-size:14px;--mdc-snackbar-supporting-text-weight:400}html{--mat-table-row-item-outline-width:1px}html{--mat-table-background-color:white;--mat-table-header-headline-color:rgba(0, 0, 0, 0.87);--mat-table-row-item-label-text-color:rgba(0, 0, 0, 0.87);--mat-table-row-item-outline-color:rgba(0, 0, 0, 0.12)}html{--mat-table-header-container-height:56px;--mat-table-footer-container-height:52px;--mat-table-row-item-container-height:52px}html{--mat-table-header-headline-font:Roboto, sans-serif;--mat-table-header-headline-line-height:22px;--mat-table-header-headline-size:14px;--mat-table-header-headline-weight:500;--mat-table-header-headline-tracking:0.0071428571em;--mat-table-row-item-label-text-font:Roboto, sans-serif;--mat-table-row-item-label-text-line-height:20px;--mat-table-row-item-label-text-size:14px;--mat-table-row-item-label-text-weight:400;--mat-table-row-item-label-text-tracking:0.0178571429em;--mat-table-footer-supporting-text-font:Roboto, sans-serif;--mat-table-footer-supporting-text-line-height:20px;--mat-table-footer-supporting-text-size:14px;--mat-table-footer-supporting-text-weight:400;--mat-table-footer-supporting-text-tracking:0.0178571429em}html{--mdc-circular-progress-active-indicator-width:4px;--mdc-circular-progress-size:48px}html{--mdc-circular-progress-active-indicator-color:#673ab7}html .mat-accent{--mdc-circular-progress-active-indicator-color:#ffd740}html .mat-warn{--mdc-circular-progress-active-indicator-color:#f44336}html{--mat-badge-container-shape:50%;--mat-badge-container-size:unset;--mat-badge-small-size-container-size:unset;--mat-badge-large-size-container-size:unset;--mat-badge-legacy-container-size:22px;--mat-badge-legacy-small-size-container-size:16px;--mat-badge-legacy-large-size-container-size:28px;--mat-badge-container-offset:-11px 0;--mat-badge-small-size-container-offset:-8px 0;--mat-badge-large-size-container-offset:-14px 0;--mat-badge-container-overlap-offset:-11px;--mat-badge-small-size-container-overlap-offset:-8px;--mat-badge-large-size-container-overlap-offset:-14px;--mat-badge-container-padding:0;--mat-badge-small-size-container-padding:0;--mat-badge-large-size-container-padding:0}html{--mat-badge-background-color:#673ab7;--mat-badge-text-color:white;--mat-badge-disabled-state-background-color:#b9b9b9;--mat-badge-disabled-state-text-color:rgba(0, 0, 0, 0.38)}.mat-badge-accent{--mat-badge-background-color:#ffd740;--mat-badge-text-color:rgba(0, 0, 0, 0.87)}.mat-badge-warn{--mat-badge-background-color:#f44336;--mat-badge-text-color:white}html{--mat-badge-text-font:Roboto, sans-serif;--mat-badge-line-height:22px;--mat-badge-text-size:12px;--mat-badge-text-weight:600;--mat-badge-small-size-text-size:9px;--mat-badge-small-size-line-height:16px;--mat-badge-large-size-text-size:24px;--mat-badge-large-size-line-height:28px}html{--mat-bottom-sheet-container-shape:4px}html{--mat-bottom-sheet-container-text-color:rgba(0, 0, 0, 0.87);--mat-bottom-sheet-container-background-color:white}html{--mat-bottom-sheet-container-text-font:Roboto, sans-serif;--mat-bottom-sheet-container-text-line-height:20px;--mat-bottom-sheet-container-text-size:14px;--mat-bottom-sheet-container-text-tracking:0.0178571429em;--mat-bottom-sheet-container-text-weight:400}html{--mat-legacy-button-toggle-height:36px;--mat-legacy-button-toggle-shape:2px;--mat-legacy-button-toggle-focus-state-layer-opacity:1}html{--mat-standard-button-toggle-shape:4px;--mat-standard-button-toggle-hover-state-layer-opacity:0.04;--mat-standard-button-toggle-focus-state-layer-opacity:0.12}html{--mat-legacy-button-toggle-text-color:rgba(0, 0, 0, 0.38);--mat-legacy-button-toggle-state-layer-color:rgba(0, 0, 0, 0.12);--mat-legacy-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.54);--mat-legacy-button-toggle-selected-state-background-color:#e0e0e0;--mat-legacy-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-legacy-button-toggle-disabled-state-background-color:#eeeeee;--mat-legacy-button-toggle-disabled-selected-state-background-color:#bdbdbd}html{--mat-standard-button-toggle-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-background-color:white;--mat-standard-button-toggle-state-layer-color:black;--mat-standard-button-toggle-selected-state-background-color:#e0e0e0;--mat-standard-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-standard-button-toggle-disabled-state-background-color:white;--mat-standard-button-toggle-disabled-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-disabled-selected-state-background-color:#bdbdbd;--mat-standard-button-toggle-divider-color:rgb(224.4, 224.4, 224.4)}html{--mat-standard-button-toggle-height:48px}html{--mat-legacy-button-toggle-label-text-font:Roboto, sans-serif;--mat-legacy-button-toggle-label-text-line-height:24px;--mat-legacy-button-toggle-label-text-size:16px;--mat-legacy-button-toggle-label-text-tracking:0.03125em;--mat-legacy-button-toggle-label-text-weight:400}html{--mat-standard-button-toggle-label-text-font:Roboto, sans-serif;--mat-standard-button-toggle-label-text-line-height:24px;--mat-standard-button-toggle-label-text-size:16px;--mat-standard-button-toggle-label-text-tracking:0.03125em;--mat-standard-button-toggle-label-text-weight:400}html{--mat-datepicker-calendar-container-shape:4px;--mat-datepicker-calendar-container-touch-shape:4px;--mat-datepicker-calendar-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-container-touch-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}html{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#673ab7;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(103, 58, 183, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(103, 58, 183, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(103, 58, 183, 0.3);--mat-datepicker-toggle-active-state-icon-color:#673ab7;--mat-datepicker-calendar-date-in-range-state-background-color:rgba(103, 58, 183, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:rgb(69.5241935484, 163.4758064516, 93.9516129032);--mat-datepicker-toggle-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-body-label-text-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-period-button-text-color:black;--mat-datepicker-calendar-period-button-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-navigation-button-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-header-divider-color:rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-header-text-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-date-today-outline-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-date-today-disabled-state-outline-color:rgba(0, 0, 0, 0.18);--mat-datepicker-calendar-date-text-color:rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-date-outline-color:transparent;--mat-datepicker-calendar-date-disabled-state-text-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-date-preview-state-outline-color:rgba(0, 0, 0, 0.24);--mat-datepicker-range-input-separator-color:rgba(0, 0, 0, 0.87);--mat-datepicker-range-input-disabled-state-separator-color:rgba(0, 0, 0, 0.38);--mat-datepicker-range-input-disabled-state-text-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-container-background-color:white;--mat-datepicker-calendar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-datepicker-content.mat-accent{--mat-datepicker-calendar-date-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-date-selected-state-background-color:#ffd740;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(255, 215, 64, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-date-focus-state-background-color:rgba(255, 215, 64, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(255, 215, 64, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(255, 215, 64, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:rgb(69.5241935484, 163.4758064516, 93.9516129032)}.mat-datepicker-content.mat-warn{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#f44336;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(244, 67, 54, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:rgb(69.5241935484, 163.4758064516, 93.9516129032)}.mat-datepicker-toggle-active.mat-accent{--mat-datepicker-toggle-active-state-icon-color:#ffd740}.mat-datepicker-toggle-active.mat-warn{--mat-datepicker-toggle-active-state-icon-color:#f44336}.mat-calendar-controls{--mat-icon-button-touch-target-display:none}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size: 40px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:8px}html{--mat-datepicker-calendar-text-font:Roboto, sans-serif;--mat-datepicker-calendar-text-size:13px;--mat-datepicker-calendar-body-label-text-size:14px;--mat-datepicker-calendar-body-label-text-weight:500;--mat-datepicker-calendar-period-button-text-size:14px;--mat-datepicker-calendar-period-button-text-weight:500;--mat-datepicker-calendar-header-text-size:11px;--mat-datepicker-calendar-header-text-weight:400}html{--mat-divider-width:1px}html{--mat-divider-color:rgba(0, 0, 0, 0.12)}html{--mat-expansion-container-shape:4px;--mat-expansion-legacy-header-indicator-display:inline-block;--mat-expansion-header-indicator-display:none}html{--mat-expansion-container-background-color:white;--mat-expansion-container-text-color:rgba(0, 0, 0, 0.87);--mat-expansion-actions-divider-color:rgba(0, 0, 0, 0.12);--mat-expansion-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-expansion-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-expansion-header-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-expansion-header-text-color:rgba(0, 0, 0, 0.87);--mat-expansion-header-description-color:rgba(0, 0, 0, 0.54);--mat-expansion-header-indicator-color:rgba(0, 0, 0, 0.54)}html{--mat-expansion-header-collapsed-state-height:48px;--mat-expansion-header-expanded-state-height:64px}html{--mat-expansion-header-text-font:Roboto, sans-serif;--mat-expansion-header-text-size:14px;--mat-expansion-header-text-weight:500;--mat-expansion-header-text-line-height:inherit;--mat-expansion-header-text-tracking:inherit;--mat-expansion-container-text-font:Roboto, sans-serif;--mat-expansion-container-text-line-height:20px;--mat-expansion-container-text-size:14px;--mat-expansion-container-text-tracking:0.0178571429em;--mat-expansion-container-text-weight:400}html{--mat-grid-list-tile-header-primary-text-size:14px;--mat-grid-list-tile-header-secondary-text-size:12px;--mat-grid-list-tile-footer-primary-text-size:14px;--mat-grid-list-tile-footer-secondary-text-size:12px}html{--mat-icon-color:inherit}.mat-icon.mat-primary{--mat-icon-color:#673ab7}.mat-icon.mat-accent{--mat-icon-color:#ffd740}.mat-icon.mat-warn{--mat-icon-color:#f44336}html{--mat-sidenav-container-shape:0;--mat-sidenav-container-elevation-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);--mat-sidenav-container-width:auto}html{--mat-sidenav-container-divider-color:rgba(0, 0, 0, 0.12);--mat-sidenav-container-background-color:white;--mat-sidenav-container-text-color:rgba(0, 0, 0, 0.87);--mat-sidenav-content-background-color:#fafafa;--mat-sidenav-content-text-color:rgba(0, 0, 0, 0.87);--mat-sidenav-scrim-color:rgba(0, 0, 0, 0.6)}html{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#673ab7;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#673ab7;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#673ab7;--mat-stepper-header-edit-state-icon-foreground-color:white;--mat-stepper-container-color:white;--mat-stepper-line-color:rgba(0, 0, 0, 0.12);--mat-stepper-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-stepper-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-stepper-header-label-text-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-optional-label-text-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-selected-state-label-text-color:rgba(0, 0, 0, 0.87);--mat-stepper-header-error-state-label-text-color:#f44336;--mat-stepper-header-icon-background-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-error-state-icon-foreground-color:#f44336;--mat-stepper-header-error-state-icon-background-color:transparent}html .mat-step-header.mat-accent{--mat-stepper-header-icon-foreground-color:rgba(0, 0, 0, 0.87);--mat-stepper-header-selected-state-icon-background-color:#ffd740;--mat-stepper-header-selected-state-icon-foreground-color:rgba(0, 0, 0, 0.87);--mat-stepper-header-done-state-icon-background-color:#ffd740;--mat-stepper-header-done-state-icon-foreground-color:rgba(0, 0, 0, 0.87);--mat-stepper-header-edit-state-icon-background-color:#ffd740;--mat-stepper-header-edit-state-icon-foreground-color:rgba(0, 0, 0, 0.87)}html .mat-step-header.mat-warn{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#f44336;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#f44336;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#f44336;--mat-stepper-header-edit-state-icon-foreground-color:white}html{--mat-stepper-header-height:72px}html{--mat-stepper-container-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-size:14px;--mat-stepper-header-label-text-weight:400;--mat-stepper-header-error-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-weight:400}html{--mat-sort-arrow-color:rgb(117.3, 117.3, 117.3)}html{--mat-toolbar-container-background-color:whitesmoke;--mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-toolbar.mat-primary{--mat-toolbar-container-background-color:#673ab7;--mat-toolbar-container-text-color:white}.mat-toolbar.mat-accent{--mat-toolbar-container-background-color:#ffd740;--mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-toolbar.mat-warn{--mat-toolbar-container-background-color:#f44336;--mat-toolbar-container-text-color:white}html{--mat-toolbar-standard-height:64px;--mat-toolbar-mobile-height:56px}html{--mat-toolbar-title-text-font:Roboto, sans-serif;--mat-toolbar-title-text-line-height:32px;--mat-toolbar-title-text-size:20px;--mat-toolbar-title-text-tracking:0.0125em;--mat-toolbar-title-text-weight:500}html{--mat-tree-container-background-color:white;--mat-tree-node-text-color:rgba(0, 0, 0, 0.87)}html{--mat-tree-node-min-height:48px}html{--mat-tree-node-text-font:Roboto, sans-serif;--mat-tree-node-text-size:14px;--mat-tree-node-text-weight:400}html{--mat-timepicker-container-shape:4px;--mat-timepicker-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-timepicker-container-background-color:white}.mat-h1,.mat-headline-5,.mat-typography .mat-h1,.mat-typography .mat-headline-5,.mat-typography h1{font:400 24px/32px Roboto, sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-headline-6,.mat-typography .mat-h2,.mat-typography .mat-headline-6,.mat-typography h2{font:500 20px/32px Roboto, sans-serif;letter-spacing:.0125em;margin:0 0 16px}.mat-h3,.mat-subtitle-1,.mat-typography .mat-h3,.mat-typography .mat-subtitle-1,.mat-typography h3{font:400 16px/28px Roboto, sans-serif;letter-spacing:.009375em;margin:0 0 16px}.mat-h4,.mat-body-1,.mat-typography .mat-h4,.mat-typography .mat-body-1,.mat-typography h4{font:400 16px/24px Roboto, sans-serif;letter-spacing:.03125em;margin:0 0 16px}.mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 calc(14px*.83)/20px Roboto, sans-serif;margin:0 0 12px}.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px*.67)/20px Roboto, sans-serif;margin:0 0 12px}.mat-body-strong,.mat-subtitle-2,.mat-typography .mat-body-strong,.mat-typography .mat-subtitle-2{font:500 14px/22px Roboto, sans-serif;letter-spacing:.0071428571em}.mat-body,.mat-body-2,.mat-typography .mat-body,.mat-typography .mat-body-2,.mat-typography{font:400 14px/20px Roboto, sans-serif;letter-spacing:.0178571429em}.mat-body p,.mat-body-2 p,.mat-typography .mat-body p,.mat-typography .mat-body-2 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .mat-caption{font:400 12px/20px Roboto, sans-serif;letter-spacing:.0333333333em}.mat-headline-1,.mat-typography .mat-headline-1{font:300 96px/96px Roboto, sans-serif;letter-spacing:-0.015625em;margin:0 0 56px}.mat-headline-2,.mat-typography .mat-headline-2{font:300 60px/60px Roboto, sans-serif;letter-spacing:-.0083333333em;margin:0 0 64px}.mat-headline-3,.mat-typography .mat-headline-3{font:400 48px/50px Roboto, sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-headline-4,.mat-typography .mat-headline-4{font:400 34px/40px Roboto, sans-serif;letter-spacing:.0073529412em;margin:0 0 64px}

/*# sourceMappingURL=styles.d5f418a3b3d95097.css.map*/